spectrum-web-components
spectrum-web-components copied to clipboard
adobe
chore(theme): S2 foundations
Summary
This PR introduces changes to the Spectrum Web Components (SWC) project to facilitate the transition from Spectrum 1 (S1) to Spectrum 2 (S2) CSS. It includes the addition of a new index file (component/{bridge,spectrum,express}/index.css) in the @spectrum-css/[email protected] package to assist in loading component-specific CSS. Additionally, it updates the SWC library to process the bridge file (referred to as legacy-overrides in SWC for now) and import it into the components.
Changes Made
1.@spectrum-css added a new bridge file in the @spectrum-css/[email protected] package to aid in loading component-specific CSS from the tokens module directly.
2. Updated the generate-token script to include component's system levels in global-vars.css
3. Updated the process-spectrum script to create a legacy-override css file from the @spectrum-css/tokens.../bridge.css
Note: Investigated and identified VRT failures due to changes in global CSS tokens in the new sp-action-button from the CSS side. For example, --mod-actionbutton-content-color-default now points to gray-25 instead of gray-50 for the selected state, which might be a breaking change for S1.
Next Steps
Ensure there are no breaks to the existing code before merging.
Motivation and context
This PR is important to bring in S1/Express core tokens with S2 overrides keeping in mind
- can be reversed via a theme (back-portable to S1/express)
- change without removing APIs
- change without impacting layout
How has this been tested?
- VRTs off the
mainbranch should just work as it is !!
Screenshots (if appropriate)
Types of changes
- [ ] Bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing functionality to change)
- [x] Chore (minor updates related to the tooling or maintenance of the repository, does not impact compiled assets)
Checklist
- [x] I have signed the Adobe Open Source CLA.
- [x] My code follows the code style of this project.
- [ ] If my change required a change to the documentation, I have updated the documentation in this pull request.
- [x] I have read the CONTRIBUTING document.
- [ ] I have added tests to cover my changes.
- [x] All new and existing tests passed.
- [x] I have reviewed at the Accessibility Practices for this feature, see: Aria Practices
Best practices
This repository uses conventional commit syntax for each commit message; note that the GitHub UI does not use this by default so be cautious when accepting suggested changes. Avoid the "Update branch" button on the pull request and opt instead for rebasing your branch against main.
Branch preview
Visual regression test results
When a visual regression test fails (or has previously failed while working on this branch), its results can be found in the following URLs:
- High Contrast Mode | Medium | LTR
- Spectrum | Lightest | Medium | LTR
- Spectrum | Lightest | Medium | RTL
- Spectrum | Lightest | Large | LTR
- Spectrum | Lightest | Large | RTL
- Spectrum | Light | Medium | LTR
- Spectrum | Light | Medium | RTL
- Spectrum | Light | Large | LTR
- Spectrum | Light | Large | RTL
- Spectrum | Dark | Medium | LTR
- Spectrum | Dark | Medium | RTL
- Spectrum | Dark | Large | LTR
- Spectrum | Dark | Large | RTL
- Spectrum | Darkest | Medium | LTR
- Spectrum | Darkest | Medium | RTL
- Spectrum | Darkest | Large | LTR
- Spectrum | Darkest | Large | RTL
- Express | Lightest | Medium | LTR
- Express | Lightest | Medium | RTL
- Express | Lightest | Large | LTR
- Express | Lightest | Large | RTL
- Express | Light | Medium | LTR
- Express | Light | Medium | RTL
- Express | Light | Large | LTR
- Express | Light | Large | RTL
- Express | Dark | Medium | LTR
- Express | Dark | Medium | RTL
- Express | Dark | Large | LTR
- Express | Dark | Large | RTL
- Express | Darkest | Medium | LTR
- Express | Darkest | Medium | RTL
- Express | Darkest | Large | LTR
- Express | Darkest | Large | RTL
- Spectrum-two | Light | Medium | LTR
- Spectrum-two | Light | Medium | RTL
- Spectrum-two | Light | Large | LTR
- Spectrum-two | Light | Large | RTL
- Spectrum-two | Dark | Medium | LTR
- Spectrum-two | Dark | Medium | RTL
- Spectrum-two | Dark | Large | LTR
- Spectrum-two | Dark | Large | RTL
![github-actions[bot] avatar](https://avatars.githubusercontent.com/in/15368?v=4 "Published by a pub.dev verified publisher"){kind=small}
Lighthouse scores
| Category | Latest (report) | Main (report) | Branch (report) |
|---|---|---|---|
| Performance | 0.99 | 0.99 | 0.99 |
| Accessibility | 1 | 1 | 1 |
| Best Practices | 1 | 1 | 1 |
| SEO | 1 | 0.92 | 0.92 |
| PWA | 1 | 1 | 1 |
What is this?
Lighthouse scores comparing the documentation site built from the PR ("Branch") to that of the production documentation site ("Latest") and the build currently on main ("Main"). Higher scores are better, but note that the SEO scores on Netlify URLs are artifically constrained to 0.92.
Transfer Size
| Category | Latest | Main | Branch |
|---|---|---|---|
| Total | 228.348 kB | 217.19 kB 🏆 | 237.294 kB |
| Scripts | 57.97 kB | 52.437 kB 🏆 | 54.977 kB |
| Stylesheet | 34.367 kB | 30.153 kB 🏆 | 47.84 kB |
| Document | 6.238 kB | 5.461 kB 🏆 | 5.487 kB |
| Font | 126.813 kB | 126.705 kB | 126.642 kB 🏆 |
Request Count
| Category | Latest | Main | Branch |
|---|---|---|---|
| Total | 52 | 52 | 52 |
| Scripts | 41 | 41 | 41 |
| Stylesheet | 5 | 5 | 5 |
| Document | 1 | 1 | 1 |
| Font | 2 | 2 | 2 |
Tachometer results
Chrome
accordion permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 432 kB | 89.99ms - 92.03ms | - | faster ✔ 11% - 14% 11.88ms - 14.95ms |
| branch | 654 kB | 103.28ms - 105.58ms | slower ❌ 13% - 17% 11.88ms - 14.95ms |
- |
action-bar permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 503 kB | 53.97ms - 56.08ms | - | faster ✔ 7% - 15% 3.91ms - 9.66ms |
| branch | 715 kB | 59.13ms - 64.49ms | slower ❌ 7% - 18% 3.91ms - 9.66ms |
- |
action-button permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 565 kB | 76.76ms - 78.83ms | - | faster ✔ 8% - 11% 6.68ms - 9.38ms |
| branch | 769 kB | 84.96ms - 86.69ms | slower ❌ 8% - 12% 6.68ms - 9.38ms |
- |
action-group permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 588 kB | 48.03ms - 49.05ms | - | faster ✔ 10% - 13% 5.40ms - 6.98ms |
| branch | 791 kB | 54.13ms - 55.34ms | slower ❌ 11% - 14% 5.40ms - 6.98ms |
- |
action-menu permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 706 kB | 138.76ms - 141.40ms | - | faster ✔ 7% - 10% 10.97ms - 14.97ms |
| branch | 915 kB | 151.55ms - 154.55ms | slower ❌ 8% - 11% 10.97ms - 14.97ms |
- |
test-directive permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 663 kB | 68.24ms - 69.37ms | - | faster ✔ 10% - 12% 7.73ms - 9.61ms |
| branch | 872 kB | 76.72ms - 78.22ms | slower ❌ 11% - 14% 7.73ms - 9.61ms |
- |
test-lazy permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 662 kB | 66.74ms - 68.01ms | - | faster ✔ 11% - 13% 8.12ms - 10.12ms |
| branch | 871 kB | 75.73ms - 77.26ms | slower ❌ 12% - 15% 8.12ms - 10.12ms |
- |
test-open-close-directive permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 852 kB | 1871.13ms - 1873.71ms | - | unsure 🔍 -0% - -0% -8.89ms - -4.97ms |
| branch | 1.05 MB | 1877.88ms - 1880.83ms | unsure 🔍 +0% - +0% +4.97ms - +8.89ms |
- |
test-open-close permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 850 kB | 1876.17ms - 1878.93ms | - | unsure 🔍 -0% - -0% -7.72ms - -3.84ms |
| branch | 1.04 MB | 1881.98ms - 1884.69ms | unsure 🔍 +0% - +0% +3.84ms - +7.72ms |
- |
alert-banner permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 441 kB | 11.78ms - 12.03ms | - | faster ✔ 20% - 22% 2.91ms - 3.31ms |
| branch | 663 kB | 14.87ms - 15.17ms | slower ❌ 24% - 28% 2.91ms - 3.31ms |
- |
alert-dialog permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 501 kB | 111.53ms - 112.97ms | - | faster ✔ 5% - 7% 6.51ms - 8.26ms |
| branch | 696 kB | 119.13ms - 120.13ms | slower ❌ 6% - 7% 6.51ms - 8.26ms |
- |
asset permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 373 kB | 8.83ms - 8.95ms | - | faster ✔ 22% - 23% 2.46ms - 2.60ms |
| branch | 592 kB | 11.38ms - 11.46ms | slower ❌ 28% - 29% 2.46ms - 2.60ms |
- |
avatar permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 412 kB | 18.31ms - 18.74ms | - | faster ✔ 12% - 14% 2.57ms - 3.07ms |
| branch | 630 kB | 21.21ms - 21.48ms | slower ❌ 14% - 17% 2.57ms - 3.07ms |
- |
badge permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 414 kB | 24.38ms - 25.57ms | - | faster ✔ 10% - 15% 2.95ms - 4.42ms |
| branch | 633 kB | 28.23ms - 29.09ms | slower ❌ 12% - 18% 2.95ms - 4.42ms |
- |
banner permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 372 kB | 10.57ms - 10.71ms | - | faster ✔ 21% - 23% 2.87ms - 3.15ms |
| branch | 592 kB | 13.53ms - 13.78ms | slower ❌ 27% - 30% 2.87ms - 3.15ms |
- |
breadcrumbs permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 723 kB | 533.29ms - 538.54ms | - | faster ✔ 6% - 8% 36.19ms - 43.84ms |
| branch | 934 kB | 573.15ms - 578.71ms | slower ❌ 7% - 8% 36.19ms - 43.84ms |
- |
button-group permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 492 kB | 43.51ms - 44.25ms | - | faster ✔ 10% - 13% 5.13ms - 6.42ms |
| branch | 688 kB | 49.13ms - 50.19ms | slower ❌ 12% - 15% 5.13ms - 6.42ms |
- |
button permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 499 kB | 50.43ms - 51.18ms | - | faster ✔ 8% - 12% 4.47ms - 7.10ms |
| branch | 697 kB | 55.33ms - 57.86ms | slower ❌ 9% - 14% 4.47ms - 7.10ms |
- |
card permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 518 kB | 37.53ms - 39.67ms | - | faster ✔ 6% - 12% 2.71ms - 5.22ms |
| branch | 747 kB | 41.90ms - 43.23ms | slower ❌ 7% - 14% 2.71ms - 5.22ms |
- |
checkbox permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 431 kB | 44.44ms - 45.16ms | - | faster ✔ 10% - 12% 4.78ms - 5.90ms |
| branch | 656 kB | 49.71ms - 50.57ms | slower ❌ 11% - 13% 4.78ms - 5.90ms |
- |
coachmark permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 682 kB | 93.35ms - 95.05ms | - | faster ✔ 7% - 10% 7.33ms - 10.85ms |
| branch | 870 kB | 101.74ms - 104.83ms | slower ❌ 8% - 12% 7.33ms - 10.85ms |
- |
color-area permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 469 kB | 127.78ms - 128.44ms | - | faster ✔ 5% - 6% 7.38ms - 8.35ms |
| branch | 687 kB | 135.62ms - 136.33ms | slower ❌ 6% - 7% 7.38ms - 8.35ms |
- |
color-field permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 503 kB | 43.49ms - 44.55ms | - | faster ✔ 9% - 12% 4.41ms - 5.73ms |
| branch | 724 kB | 48.69ms - 49.49ms | slower ❌ 10% - 13% 4.41ms - 5.73ms |
- |
color-handle permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 386 kB | 20.87ms - 21.23ms | - | faster ✔ 13% - 15% 3.27ms - 3.78ms |
| branch | 605 kB | 24.39ms - 24.75ms | slower ❌ 15% - 18% 3.27ms - 3.78ms |
- |
color-loupe permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 378 kB | 14.94ms - 15.21ms | - | faster ✔ 14% - 16% 2.45ms - 2.81ms |
| branch | 597 kB | 17.59ms - 17.82ms | slower ❌ 16% - 19% 2.45ms - 2.81ms |
- |
color-slider permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 472 kB | 108.79ms - 109.62ms | - | faster ✔ 6% - 8% 7.24ms - 8.85ms |
| branch | 689 kB | 116.56ms - 117.94ms | slower ❌ 7% - 8% 7.24ms - 8.85ms |
- |
color-wheel permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 473 kB | 106.42ms - 107.39ms | - | faster ✔ 6% - 7% 6.56ms - 7.81ms |
| branch | 690 kB | 113.69ms - 114.49ms | slower ❌ 6% - 7% 6.56ms - 7.81ms |
- |
combobox permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 765 kB | 38.45ms - 38.86ms | - | faster ✔ 15% - 16% 6.69ms - 7.43ms |
| branch | 958 kB | 45.40ms - 46.02ms | slower ❌ 17% - 19% 6.69ms - 7.43ms |
- |
light-dom-test permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 765 kB | 408.35ms - 412.76ms | - | faster ✔ 7% - 8% 29.03ms - 37.55ms |
| branch | 958 kB | 440.20ms - 447.49ms | slower ❌ 7% - 9% 29.03ms - 37.55ms |
- |
contextual-help permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 694 kB | 52.07ms - 53.04ms | - | faster ✔ 12% - 14% 7.18ms - 8.82ms |
| branch | 896 kB | 59.90ms - 61.22ms | slower ❌ 14% - 17% 7.18ms - 8.82ms |
- |
dialog permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 558 kB | 79.78ms - 81.29ms | - | faster ✔ 6% - 8% 4.84ms - 6.50ms |
| branch | 760 kB | 85.86ms - 86.54ms | slower ❌ 6% - 8% 4.84ms - 6.50ms |
- |
divider permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 375 kB | 9.12ms - 9.25ms | - | faster ✔ 22% - 25% 2.54ms - 3.00ms |
| branch | 593 kB | 11.73ms - 12.18ms | slower ❌ 28% - 33% 2.54ms - 3.00ms |
- |
dropzone permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 382 kB | 15.37ms - 16.68ms | - | faster ✔ 12% - 19% 2.16ms - 3.59ms |
| branch | 602 kB | 18.62ms - 19.18ms | slower ❌ 13% - 23% 2.16ms - 3.59ms |
- |
field-group permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 437 kB | 44.83ms - 45.74ms | - | faster ✔ 6% - 9% 2.73ms - 4.30ms |
| branch | 662 kB | 48.16ms - 49.43ms | slower ❌ 6% - 10% 2.73ms - 4.30ms |
- |
field-label permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 407 kB | 20.49ms - 21.09ms | - | faster ✔ 11% - 16% 2.68ms - 4.01ms |
| branch | 627 kB | 23.54ms - 24.72ms | slower ❌ 13% - 19% 2.68ms - 4.01ms |
- |
help-text permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 403 kB | 10.14ms - 10.25ms | - | faster ✔ 22% - 23% 2.83ms - 3.04ms |
| branch | 622 kB | 13.04ms - 13.22ms | slower ❌ 28% - 30% 2.83ms - 3.04ms |
- |
icon permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 410 kB | 12.86ms - 13.09ms | - | faster ✔ 19% - 21% 3.08ms - 3.44ms |
| branch | 627 kB | 16.09ms - 16.37ms | slower ❌ 24% - 27% 3.08ms - 3.44ms |
- |
illustrated-message permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 417 kB | 13.84ms - 14.07ms | - | faster ✔ 17% - 19% 2.88ms - 3.28ms |
| branch | 638 kB | 16.88ms - 17.19ms | slower ❌ 21% - 24% 2.88ms - 3.28ms |
- |
infield-button permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 417 kB | 14.90ms - 15.60ms | - | faster ✔ 17% - 21% 3.14ms - 3.98ms |
| branch | 636 kB | 18.58ms - 19.04ms | slower ❌ 20% - 27% 3.14ms - 3.98ms |
- |
link permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 399 kB | 13.32ms - 13.68ms | - | faster ✔ 19% - 21% 3.10ms - 3.57ms |
| branch | 617 kB | 16.67ms - 16.99ms | slower ❌ 23% - 27% 3.10ms - 3.57ms |
- |
menu permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 496 kB | 210.95ms - 213.39ms | - | faster ✔ 6% - 8% 13.12ms - 18.39ms |
| branch | 716 kB | 225.58ms - 230.26ms | slower ❌ 6% - 9% 13.12ms - 18.39ms |
- |
meter permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 423 kB | 47.72ms - 48.40ms | - | faster ✔ 9% - 11% 4.85ms - 5.82ms |
| branch | 643 kB | 53.05ms - 53.74ms | slower ❌ 10% - 12% 4.85ms - 5.82ms |
- |
number-field permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 541 kB | 72.18ms - 74.12ms | - | faster ✔ 13% - 15% 10.77ms - 13.21ms |
| branch | 770 kB | 84.40ms - 85.88ms | slower ❌ 15% - 18% 10.77ms - 13.21ms |
- |
overlay permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 720 kB | 457.72ms - 462.96ms | - | faster ✔ 1% - 2% 3.98ms - 10.01ms |
| branch | 939 kB | 465.85ms - 468.83ms | slower ❌ 1% - 2% 3.98ms - 10.01ms |
- |
directive-test permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 827 kB | 24.37ms - 25.89ms | - | faster ✔ 12% - 18% 3.48ms - 5.48ms |
| branch | 1.02 MB | 28.96ms - 30.26ms | slower ❌ 13% - 22% 3.48ms - 5.48ms |
- |
element-test permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 816 kB | 370.09ms - 374.45ms | - | faster ✔ 3% - 5% 13.01ms - 18.55ms |
| branch | 1.01 MB | 386.35ms - 389.75ms | slower ❌ 3% - 5% 13.01ms - 18.55ms |
- |
lazy-test permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 612 kB | 43.65ms - 44.41ms | - | faster ✔ 10% - 13% 5.17ms - 6.36ms |
| branch | 805 kB | 49.34ms - 50.26ms | slower ❌ 12% - 15% 5.17ms - 6.36ms |
- |
picker-button permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 430 kB | 27.40ms - 27.83ms | - | faster ✔ 15% - 17% 4.96ms - 5.73ms |
| branch | 650 kB | 32.64ms - 33.28ms | slower ❌ 18% - 21% 4.96ms - 5.73ms |
- |
picker permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 570 kB | 508.13ms - 515.00ms | - | faster ✔ 3% - 5% 15.66ms - 25.79ms |
| branch | 775 kB | 528.57ms - 536.01ms | slower ❌ 3% - 5% 15.66ms - 25.79ms |
- |
popover permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 397 kB | 11.51ms - 11.68ms | - | faster ✔ 18% - 20% 2.61ms - 2.88ms |
| branch | 604 kB | 14.24ms - 14.45ms | slower ❌ 22% - 25% 2.61ms - 2.88ms |
- |
progress-bar permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 423 kB | 29.23ms - 29.83ms | - | faster ✔ 9% - 12% 3.05ms - 3.94ms |
| branch | 644 kB | 32.69ms - 33.35ms | slower ❌ 10% - 13% 3.05ms - 3.94ms |
- |
progress-circle permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 398 kB | 16.18ms - 16.69ms | - | faster ✔ 13% - 17% 2.59ms - 3.29ms |
| branch | 616 kB | 19.13ms - 19.61ms | slower ❌ 16% - 20% 2.59ms - 3.29ms |
- |
quick-actions permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 373 kB | 9.14ms - 9.24ms | - | faster ✔ 22% - 23% 2.60ms - 2.74ms |
| branch | 593 kB | 11.82ms - 11.90ms | slower ❌ 28% - 30% 2.60ms - 2.74ms |
- |
radio permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 421 kB | 36.20ms - 36.94ms | - | faster ✔ 9% - 12% 3.62ms - 4.76ms |
| branch | 639 kB | 40.33ms - 41.20ms | slower ❌ 10% - 13% 3.62ms - 4.76ms |
- |
search permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 488 kB | 41.87ms - 43.90ms | - | faster ✔ 8% - 14% 3.81ms - 6.92ms |
| branch | 714 kB | 47.08ms - 49.42ms | slower ❌ 9% - 16% 3.81ms - 6.92ms |
- |
sidenav permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 444 kB | 155.83ms - 158.52ms | - | faster ✔ 9% - 11% 15.47ms - 19.15ms |
| branch | 663 kB | 173.24ms - 175.73ms | slower ❌ 10% - 12% 15.47ms - 19.15ms |
- |
slider permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 496 kB | 77.13ms - 78.55ms | - | faster ✔ 6% - 9% 5.36ms - 7.25ms |
| branch | 717 kB | 83.53ms - 84.76ms | slower ❌ 7% - 9% 5.36ms - 7.25ms |
- |
split-button permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 784 kB | 1865.32ms - 1869.79ms | - | unsure 🔍 -0% - -0% -7.23ms - -0.89ms |
| branch | 980 kB | 1869.36ms - 1873.86ms | unsure 🔍 +0% - +0% +0.89ms - +7.23ms |
- |
split-view permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 409 kB | 33.17ms - 33.65ms | - | faster ✔ 16% - 18% 6.36ms - 7.21ms |
| branch | 627 kB | 39.85ms - 40.55ms | slower ❌ 19% - 22% 6.36ms - 7.21ms |
- |
swatch permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 423 kB | 13.50ms - 13.86ms | - | faster ✔ 20% - 24% 3.44ms - 4.20ms |
| branch | 645 kB | 17.16ms - 17.83ms | slower ❌ 25% - 31% 3.44ms - 4.20ms |
- |
switch permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 415 kB | 14.94ms - 15.35ms | - | faster ✔ 17% - 20% 3.13ms - 3.67ms |
| branch | 633 kB | 18.37ms - 18.72ms | slower ❌ 20% - 24% 3.13ms - 3.67ms |
- |
table permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 547 kB | 127.18ms - 129.18ms | - | faster ✔ 6% - 8% 7.79ms - 10.67ms |
| branch | 753 kB | 136.38ms - 138.45ms | slower ❌ 6% - 8% 7.79ms - 10.67ms |
- |
tabs permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 441 kB | 116.25ms - 118.24ms | - | faster ✔ 5% - 7% 6.10ms - 8.43ms |
| branch | 658 kB | 123.91ms - 125.11ms | slower ❌ 5% - 7% 6.10ms - 8.43ms |
- |
tags permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 467 kB | 12.65ms - 12.93ms | - | faster ✔ 16% - 18% 2.46ms - 2.88ms |
| branch | 688 kB | 15.30ms - 15.61ms | slower ❌ 19% - 23% 2.46ms - 2.88ms |
- |
textfield permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 448 kB | 24.44ms - 24.93ms | - | faster ✔ 17% - 20% 5.05ms - 6.02ms |
| branch | 669 kB | 29.81ms - 30.64ms | slower ❌ 20% - 25% 5.05ms - 6.02ms |
- |
thumbnail permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 774 kB | 23.85ms - 24.58ms | - | faster ✔ 10% - 14% 2.77ms - 4.03ms |
| branch | 993 kB | 27.10ms - 28.13ms | slower ❌ 11% - 17% 2.77ms - 4.03ms |
- |
toast permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 447 kB | 29.70ms - 30.19ms | - | faster ✔ 16% - 18% 5.57ms - 6.53ms |
| branch | 671 kB | 35.58ms - 36.41ms | slower ❌ 19% - 22% 5.57ms - 6.53ms |
- |
tooltip permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 626 kB | 34.06ms - 35.16ms | - | faster ✔ 9% - 13% 3.57ms - 4.93ms |
| branch | 825 kB | 38.47ms - 39.26ms | slower ❌ 10% - 14% 3.57ms - 4.93ms |
- |
test-directive permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 584 kB | 23.96ms - 24.46ms | - | faster ✔ 15% - 18% 4.36ms - 5.17ms |
| branch | 786 kB | 28.66ms - 29.29ms | slower ❌ 18% - 21% 4.36ms - 5.17ms |
- |
test-element permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 709 kB | 52.64ms - 53.77ms | - | faster ✔ 9% - 12% 5.27ms - 6.92ms |
| branch | 909 kB | 58.70ms - 59.90ms | slower ❌ 10% - 13% 5.27ms - 6.92ms |
- |
test-lazy permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 684 kB | 42.57ms - 43.49ms | - | faster ✔ 13% - 15% 6.34ms - 7.74ms |
| branch | 884 kB | 49.54ms - 50.59ms | slower ❌ 15% - 18% 6.34ms - 7.74ms |
- |
top-nav permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 447 kB | 38.87ms - 40.48ms | - | faster ✔ 8% - 12% 3.37ms - 5.21ms |
| branch | 664 kB | 43.52ms - 44.41ms | slower ❌ 8% - 13% 3.37ms - 5.21ms |
- |
tray permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 572 kB | 102.53ms - 103.70ms | - | faster ✔ 6% - 7% 6.05ms - 7.42ms |
| branch | 774 kB | 109.49ms - 110.21ms | slower ❌ 6% - 7% 6.05ms - 7.42ms |
- |
truncated permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 546 kB | 60.77ms - 61.47ms | - | faster ✔ 11% - 13% 7.70ms - 9.36ms |
| branch | 761 kB | 68.90ms - 70.40ms | slower ❌ 13% - 15% 7.70ms - 9.36ms |
- |
underlay permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 373 kB | 9.45ms - 9.66ms | - | faster ✔ 21% - 22% 2.50ms - 2.74ms |
| branch | 592 kB | 12.11ms - 12.24ms | slower ❌ 26% - 29% 2.50ms - 2.74ms |
- |
Firefox
accordion permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 432 kB | 183.70ms - 190.50ms | - | faster ✔ 10% - 14% 21.70ms - 30.22ms |
| branch | 654 kB | 210.48ms - 215.64ms | slower ❌ 11% - 16% 21.70ms - 30.22ms |
- |
action-bar permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 503 kB | 114.39ms - 120.97ms | - | faster ✔ 4% - 11% 5.51ms - 14.73ms |
| branch | 715 kB | 124.58ms - 131.02ms | slower ❌ 5% - 13% 5.51ms - 14.73ms |
- |
action-button permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 565 kB | 162.38ms - 169.06ms | - | faster ✔ 5% - 11% 9.17ms - 19.35ms |
| branch | 769 kB | 176.14ms - 183.82ms | slower ❌ 5% - 12% 9.17ms - 19.35ms |
- |
action-group permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 588 kB | 109.91ms - 115.49ms | - | faster ✔ 4% - 11% 5.19ms - 13.17ms |
| branch | 791 kB | 119.03ms - 124.73ms | slower ❌ 4% - 12% 5.19ms - 13.17ms |
- |
action-menu permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 706 kB | 286.96ms - 290.20ms | - | faster ✔ 12% - 13% 38.15ms - 43.61ms |
| branch | 915 kB | 327.26ms - 331.66ms | slower ❌ 13% - 15% 38.15ms - 43.61ms |
- |
test-directive permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 663 kB | 141.27ms - 143.69ms | - | faster ✔ 3% - 6% 4.86ms - 9.02ms |
| branch | 872 kB | 147.73ms - 151.11ms | slower ❌ 3% - 6% 4.86ms - 9.02ms |
- |
test-lazy permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 662 kB | 130.72ms - 134.40ms | - | faster ✔ 9% - 12% 13.14ms - 18.50ms |
| branch | 871 kB | 146.43ms - 150.33ms | slower ❌ 10% - 14% 13.14ms - 18.50ms |
- |
test-open-close-directive permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 852 kB | 1884.78ms - 1891.66ms | - | faster ✔ 0% - 1% 6.99ms - 14.93ms |
| branch | 1.05 MB | 1897.18ms - 1901.18ms | slower ❌ 0% - 1% 6.99ms - 14.93ms |
- |
test-open-close permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 850 kB | 1897.91ms - 1902.17ms | - | faster ✔ 0% - 1% 3.84ms - 9.64ms |
| branch | 1.04 MB | 1904.81ms - 1908.75ms | slower ❌ 0% - 1% 3.84ms - 9.64ms |
- |
alert-banner permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 441 kB | 25.30ms - 27.30ms | - | faster ✔ 15% - 25% 4.81ms - 8.63ms |
| branch | 663 kB | 31.39ms - 34.65ms | slower ❌ 18% - 33% 4.81ms - 8.63ms |
- |
alert-dialog permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 501 kB | 198.42ms - 206.46ms | - | faster ✔ 2% - 7% 3.31ms - 14.41ms |
| branch | 696 kB | 207.46ms - 215.14ms | slower ❌ 2% - 7% 3.31ms - 14.41ms |
- |
asset permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 373 kB | 21.58ms - 23.62ms | - | faster ✔ 11% - 22% 2.95ms - 6.21ms |
| branch | 592 kB | 25.91ms - 28.45ms | slower ❌ 12% - 28% 2.95ms - 6.21ms |
- |
avatar permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 412 kB | 43.84ms - 46.84ms | - | faster ✔ 6% - 14% 3.17ms - 7.39ms |
| branch | 630 kB | 49.13ms - 52.11ms | slower ❌ 7% - 17% 3.17ms - 7.39ms |
- |
badge permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 414 kB | 50.56ms - 55.36ms | - | faster ✔ 7% - 17% 4.14ms - 10.74ms |
| branch | 633 kB | 58.14ms - 62.66ms | slower ❌ 7% - 21% 4.14ms - 10.74ms |
- |
banner permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 372 kB | 21.87ms - 24.21ms | - | faster ✔ 11% - 21% 3.02ms - 5.74ms |
| branch | 592 kB | 26.72ms - 28.12ms | slower ❌ 12% - 26% 3.02ms - 5.74ms |
- |
breadcrumbs permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 723 kB | 825.10ms - 842.58ms | - | faster ✔ 3% - 6% 30.42ms - 51.22ms |
| branch | 934 kB | 869.02ms - 880.30ms | slower ❌ 4% - 6% 30.42ms - 51.22ms |
- |
button-group permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 492 kB | 103.51ms - 108.73ms | - | faster ✔ 7% - 15% 7.73ms - 17.99ms |
| branch | 688 kB | 114.56ms - 123.40ms | slower ❌ 7% - 17% 7.73ms - 17.99ms |
- |
button permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 499 kB | 118.47ms - 122.69ms | - | faster ✔ 8% - 14% 9.93ms - 18.71ms |
| branch | 697 kB | 131.05ms - 138.75ms | slower ❌ 8% - 16% 9.93ms - 18.71ms |
- |
card permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 518 kB | 71.10ms - 76.66ms | - | faster ✔ 5% - 13% 3.65ms - 10.23ms |
| branch | 747 kB | 79.07ms - 82.57ms | slower ❌ 5% - 14% 3.65ms - 10.23ms |
- |
checkbox permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 431 kB | 100.48ms - 104.64ms | - | faster ✔ 6% - 13% 6.89ms - 14.67ms |
| branch | 656 kB | 110.06ms - 116.62ms | slower ❌ 7% - 14% 6.89ms - 14.67ms |
- |
coachmark permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 682 kB | 187.05ms - 189.43ms | - | faster ✔ 6% - 8% 12.21ms - 15.75ms |
| branch | 870 kB | 200.91ms - 203.53ms | slower ❌ 6% - 8% 12.21ms - 15.75ms |
- |
color-area permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 469 kB | 182.81ms - 189.23ms | - | faster ✔ 5% - 10% 9.65ms - 20.27ms |
| branch | 687 kB | 196.75ms - 205.21ms | slower ❌ 5% - 11% 9.65ms - 20.27ms |
- |
color-field permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 511 kB | 81.27ms - 83.13ms | - | faster ✔ 7% - 12% 5.82ms - 10.70ms |
| branch | 732 kB | 88.21ms - 92.71ms | slower ❌ 7% - 13% 5.82ms - 10.70ms |
- |
color-handle permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 386 kB | 43.12ms - 46.92ms | - | faster ✔ 3% - 12% 1.33ms - 5.99ms |
| branch | 605 kB | 47.33ms - 50.03ms | slower ❌ 3% - 14% 1.33ms - 5.99ms |
- |
color-loupe permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 378 kB | 27.56ms - 29.44ms | - | faster ✔ 13% - 21% 4.33ms - 7.39ms |
| branch | 597 kB | 33.15ms - 35.57ms | slower ❌ 15% - 26% 4.33ms - 7.39ms |
- |
color-slider permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 472 kB | 156.20ms - 161.80ms | - | faster ✔ 5% - 9% 7.69ms - 15.99ms |
| branch | 689 kB | 167.79ms - 173.89ms | slower ❌ 5% - 10% 7.69ms - 15.99ms |
- |
color-wheel permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 473 kB | 153.44ms - 159.20ms | - | faster ✔ 5% - 10% 8.34ms - 17.42ms |
| branch | 690 kB | 165.69ms - 172.71ms | slower ❌ 5% - 11% 8.34ms - 17.42ms |
- |
combobox permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 765 kB | 60.70ms - 62.82ms | - | faster ✔ 14% - 18% 10.24ms - 13.12ms |
| branch | 958 kB | 72.47ms - 74.41ms | slower ❌ 16% - 21% 10.24ms - 13.12ms |
- |
light-dom-test permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 765 kB | 725.40ms - 747.48ms | - | unsure 🔍 -0% - +4% -0.73ms - +26.97ms |
| branch | 958 kB | 714.96ms - 731.68ms | unsure 🔍 -4% - +0% -26.97ms - +0.73ms |
- |
contextual-help permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 694 kB | 108.55ms - 114.33ms | - | faster ✔ 7% - 13% 8.26ms - 16.06ms |
| branch | 896 kB | 120.99ms - 126.21ms | slower ❌ 7% - 15% 8.26ms - 16.06ms |
- |
dialog permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 558 kB | 118.61ms - 125.15ms | - | faster ✔ 4% - 11% 5.01ms - 13.99ms |
| branch | 760 kB | 128.31ms - 134.45ms | slower ❌ 4% - 12% 5.01ms - 13.99ms |
- |
divider permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 375 kB | 22.04ms - 24.68ms | - | faster ✔ 14% - 26% 3.99ms - 7.89ms |
| branch | 593 kB | 27.86ms - 30.74ms | slower ❌ 16% - 35% 3.99ms - 7.89ms |
- |
dropzone permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 382 kB | 24.09ms - 25.47ms | - | faster ✔ 15% - 21% 4.32ms - 6.44ms |
| branch | 602 kB | 29.36ms - 30.96ms | slower ❌ 17% - 26% 4.32ms - 6.44ms |
- |
field-group permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 437 kB | 100.31ms - 109.13ms | - | unsure 🔍 -9% - +1% -10.08ms - +1.12ms |
| branch | 662 kB | 105.75ms - 112.65ms | unsure 🔍 -1% - +10% -1.12ms - +10.08ms |
- |
field-label permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 407 kB | 50.94ms - 54.46ms | - | faster ✔ 14% - 24% 8.87ms - 15.77ms |
| branch | 627 kB | 62.05ms - 67.99ms | slower ❌ 16% - 30% 8.87ms - 15.77ms |
- |
help-text permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 403 kB | 21.46ms - 23.54ms | - | faster ✔ 13% - 22% 3.33ms - 5.95ms |
| branch | 622 kB | 26.35ms - 27.93ms | slower ❌ 14% - 27% 3.33ms - 5.95ms |
- |
icon permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 410 kB | 32.68ms - 34.76ms | - | faster ✔ 13% - 21% 5.19ms - 8.77ms |
| branch | 627 kB | 39.25ms - 42.15ms | slower ❌ 15% - 26% 5.19ms - 8.77ms |
- |
illustrated-message permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 417 kB | 25.68ms - 27.76ms | - | faster ✔ 12% - 19% 3.67ms - 5.97ms |
| branch | 638 kB | 31.06ms - 32.02ms | slower ❌ 13% - 23% 3.67ms - 5.97ms |
- |
infield-button permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 417 kB | 37.77ms - 40.15ms | - | faster ✔ 12% - 20% 5.40ms - 9.56ms |
| branch | 636 kB | 44.73ms - 48.15ms | slower ❌ 13% - 25% 5.40ms - 9.56ms |
- |
link permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 399 kB | 27.92ms - 30.04ms | - | faster ✔ 13% - 22% 4.49ms - 8.03ms |
| branch | 617 kB | 33.82ms - 36.66ms | slower ❌ 15% - 28% 4.49ms - 8.03ms |
- |
menu permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 496 kB | 428.76ms - 443.88ms | - | slower ❌ 3% - 8% 12.81ms - 31.59ms |
| branch | 716 kB | 408.55ms - 419.69ms | faster ✔ 3% - 7% 12.81ms - 31.59ms |
- |
meter permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 423 kB | 82.99ms - 87.65ms | - | faster ✔ 4% - 11% 3.72ms - 10.32ms |
| branch | 643 kB | 90.01ms - 94.67ms | slower ❌ 4% - 12% 3.72ms - 10.32ms |
- |
number-field permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 541 kB | 152.06ms - 158.22ms | - | faster ✔ 10% - 15% 18.00ms - 27.80ms |
| branch | 770 kB | 174.22ms - 181.86ms | slower ❌ 11% - 18% 18.00ms - 27.80ms |
- |
overlay permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 823 kB | 647.18ms - 667.50ms | - | slower ❌ 2% - 6% 14.63ms - 35.41ms |
| branch | 1.01 MB | 630.14ms - 634.50ms | faster ✔ 2% - 5% 14.63ms - 35.41ms |
- |
directive-test permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 827 kB | 48.26ms - 49.06ms | - | faster ✔ 12% - 15% 6.81ms - 8.51ms |
| branch | 1.02 MB | 55.57ms - 57.07ms | slower ❌ 14% - 18% 6.81ms - 8.51ms |
- |
element-test permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 816 kB | 658.23ms - 664.89ms | - | slower ❌ 2% - 3% 12.07ms - 21.09ms |
| branch | 1.01 MB | 641.95ms - 648.01ms | faster ✔ 2% - 3% 12.07ms - 21.09ms |
- |
lazy-test permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 612 kB | 88.48ms - 90.96ms | - | faster ✔ 11% - 15% 11.47ms - 15.81ms |
| branch | 805 kB | 101.58ms - 105.14ms | slower ❌ 13% - 18% 11.47ms - 15.81ms |
- |
picker-button permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 430 kB | 58.89ms - 62.51ms | - | faster ✔ 10% - 17% 6.82ms - 11.94ms |
| branch | 650 kB | 68.27ms - 71.89ms | slower ❌ 11% - 20% 6.82ms - 11.94ms |
- |
picker permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 570 kB | 999.99ms - 1008.89ms | - | faster ✔ 5% - 8% 53.88ms - 81.92ms |
| branch | 775 kB | 1059.04ms - 1085.64ms | slower ❌ 5% - 8% 53.88ms - 81.92ms |
- |
popover permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 397 kB | 29.43ms - 33.25ms | - | faster ✔ 9% - 22% 3.20ms - 8.56ms |
| branch | 604 kB | 35.34ms - 39.10ms | slower ❌ 9% - 28% 3.20ms - 8.56ms |
- |
progress-bar permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 423 kB | 58.22ms - 61.42ms | - | faster ✔ 7% - 15% 4.48ms - 10.44ms |
| branch | 644 kB | 64.76ms - 69.80ms | slower ❌ 7% - 18% 4.48ms - 10.44ms |
- |
progress-circle permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 398 kB | 36.69ms - 39.99ms | - | faster ✔ 11% - 21% 4.93ms - 9.83ms |
| branch | 616 kB | 43.91ms - 47.53ms | slower ❌ 12% - 26% 4.93ms - 9.83ms |
- |
quick-actions permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 373 kB | 23.04ms - 25.36ms | - | faster ✔ 12% - 24% 3.47ms - 7.13ms |
| branch | 593 kB | 28.09ms - 30.91ms | slower ❌ 14% - 30% 3.47ms - 7.13ms |
- |
radio permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 421 kB | 72.61ms - 76.63ms | - | faster ✔ 5% - 12% 3.95ms - 10.29ms |
| branch | 639 kB | 79.29ms - 84.19ms | slower ❌ 5% - 14% 3.95ms - 10.29ms |
- |
search permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 488 kB | 79.59ms - 83.93ms | - | faster ✔ 9% - 16% 8.26ms - 15.06ms |
| branch | 714 kB | 90.80ms - 96.04ms | slower ❌ 10% - 19% 8.26ms - 15.06ms |
- |
sidenav permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 444 kB | 337.98ms - 351.14ms | - | faster ✔ 6% - 11% 22.96ms - 43.36ms |
| branch | 663 kB | 369.93ms - 385.51ms | slower ❌ 7% - 13% 22.96ms - 43.36ms |
- |
slider permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 496 kB | 158.85ms - 167.07ms | - | faster ✔ 3% - 10% 4.50ms - 16.98ms |
| branch | 717 kB | 169.01ms - 178.39ms | slower ❌ 3% - 11% 4.50ms - 16.98ms |
- |
split-button permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 784 kB | 1875.07ms - 1879.05ms | - | faster ✔ 0% - 1% 6.99ms - 12.17ms |
| branch | 980 kB | 1884.99ms - 1888.29ms | slower ❌ 0% - 1% 6.99ms - 12.17ms |
- |
split-view permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 409 kB | 67.38ms - 71.74ms | - | faster ✔ 9% - 18% 6.56ms - 14.84ms |
| branch | 627 kB | 76.74ms - 83.78ms | slower ❌ 9% - 22% 6.56ms - 14.84ms |
- |
swatch permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 423 kB | 30.88ms - 33.56ms | - | faster ✔ 22% - 32% 9.47ms - 14.57ms |
| branch | 645 kB | 42.08ms - 46.40ms | slower ❌ 28% - 46% 9.47ms - 14.57ms |
- |
switch permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 415 kB | 37.07ms - 40.05ms | - | faster ✔ 10% - 19% 4.14ms - 8.62ms |
| branch | 633 kB | 43.27ms - 46.61ms | slower ❌ 10% - 23% 4.14ms - 8.62ms |
- |
table permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 547 kB | 276.22ms - 284.46ms | - | faster ✔ 3% - 7% 8.95ms - 22.13ms |
| branch | 753 kB | 290.73ms - 301.03ms | slower ❌ 3% - 8% 8.95ms - 22.13ms |
- |
tabs permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 441 kB | 196.08ms - 205.64ms | - | faster ✔ 3% - 8% 5.27ms - 18.09ms |
| branch | 658 kB | 208.26ms - 216.82ms | slower ❌ 3% - 9% 5.27ms - 18.09ms |
- |
tags permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 467 kB | 26.86ms - 29.58ms | - | faster ✔ 14% - 25% 4.45ms - 9.11ms |
| branch | 688 kB | 33.11ms - 36.89ms | slower ❌ 15% - 33% 4.45ms - 9.11ms |
- |
textfield permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 448 kB | 46.75ms - 48.85ms | - | faster ✔ 12% - 17% 6.37ms - 9.95ms |
| branch | 669 kB | 54.50ms - 57.42ms | slower ❌ 13% - 21% 6.37ms - 9.95ms |
- |
thumbnail permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 774 kB | 55.85ms - 58.03ms | - | faster ✔ 7% - 13% 4.23ms - 8.41ms |
| branch | 993 kB | 61.48ms - 65.04ms | slower ❌ 7% - 15% 4.23ms - 8.41ms |
- |
toast permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 447 kB | 66.11ms - 71.45ms | - | faster ✔ 10% - 19% 7.66ms - 15.46ms |
| branch | 671 kB | 77.50ms - 83.18ms | slower ❌ 11% - 23% 7.66ms - 15.46ms |
- |
tooltip permalink
test-basic
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 708 kB | 76.32ms - 81.52ms | - | unsure 🔍 -2% - +6% -1.20ms - +4.80ms |
| branch | 908 kB | 75.63ms - 78.61ms | unsure 🔍 -6% - +1% -4.80ms - +1.20ms |
- |
test-directive permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 584 kB | 46.92ms - 48.24ms | - | faster ✔ 10% - 15% 5.30ms - 8.22ms |
| branch | 786 kB | 53.04ms - 55.64ms | slower ❌ 11% - 17% 5.30ms - 8.22ms |
- |
test-element permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 709 kB | 131.70ms - 136.94ms | - | slower ❌ 2% - 9% 3.14ms - 10.74ms |
| branch | 909 kB | 124.63ms - 130.13ms | faster ✔ 2% - 8% 3.14ms - 10.74ms |
- |
test-lazy permalink
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 684 kB | 84.92ms - 87.48ms | - | faster ✔ 19% - 25% 20.52ms - 28.16ms |
| branch | 884 kB | 106.94ms - 114.14ms | slower ❌ 24% - 33% 20.52ms - 28.16ms |
- |
top-nav permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 447 kB | 90.72ms - 97.96ms | - | faster ✔ 5% - 14% 4.95ms - 14.85ms |
| branch | 664 kB | 100.86ms - 107.62ms | slower ❌ 5% - 16% 4.95ms - 14.85ms |
- |
tray permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 572 kB | 162.41ms - 171.59ms | - | faster ✔ 4% - 10% 6.24ms - 18.52ms |
| branch | 774 kB | 175.30ms - 183.46ms | slower ❌ 4% - 11% 6.24ms - 18.52ms |
- |
truncated permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 546 kB | 101.96ms - 108.36ms | - | faster ✔ 7% - 15% 8.32ms - 17.48ms |
| branch | 761 kB | 114.79ms - 121.33ms | slower ❌ 8% - 17% 8.32ms - 17.48ms |
- |
underlay permalink
basic-test
| Version | Bytes | Avg Time | vs remote | vs branch |
|---|---|---|---|---|
| npm latest | 373 kB | 25.39ms - 27.77ms | - | faster ✔ 14% - 24% 4.40ms - 8.20ms |
| branch | 592 kB | 31.41ms - 34.35ms | slower ❌ 16% - 32% 4.40ms - 8.20ms |
- |