Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(reactive-controllers): Migrate to Colorjs from Tinycolor #4713

Open
wants to merge 23 commits into
base: main
Choose a base branch
from

Conversation

blunteshwar
Copy link
Collaborator

@blunteshwar blunteshwar commented Sep 2, 2024

This PR marks the initial steps in our color library migration for Spectrum Web Components. As part of this effort, I have implemented an abstraction layer that includes the following key elements:

Color Types: Defined standardized types to ensure consistent handling of color data across components.
Transformation Functions: Created functions to handle color conversions and transformations, making it easier to work with various color formats.
This abstraction layer is designed to facilitate a smoother migration process and minimize the impact on our consumers. By isolating the color logic, we can easily adapt to future changes in the underlying color library.

Stay tuned for more details—there's much more to come! 🚀

Related issue(s)

#3950
#3883
#3655
#3071
#3058

Motivation and context

  • Did it pass in Desktop?
  • Did it pass in Mobile?
  • Did it pass in iPad?

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)
  • Chore (minor updates related to the tooling or maintenance of the repository, does not impact compiled assets)

Checklist

  • I have signed the Adobe Open Source CLA.
  • 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.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.
  • 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.

@blunteshwar blunteshwar marked this pull request as ready for review September 4, 2024 13:53
@blunteshwar blunteshwar requested a review from a team as a code owner September 4, 2024 13:53
Copy link

github-actions bot commented Sep 4, 2024

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:

@coveralls
Copy link
Collaborator

coveralls commented Sep 4, 2024

Pull Request Test Coverage Report for Build 11378769057

Details

  • 593 of 595 (99.66%) changed or added relevant lines in 5 files are covered.
  • 1 unchanged line in 1 file lost coverage.
  • Overall coverage increased (+0.003%) to 98.235%

Changes Missing Coverage Covered Lines Changed/Added Lines %
packages/color-area/src/ColorArea.ts 33 34 97.06%
tools/reactive-controllers/src/ColorController.ts 514 515 99.81%
Files with Coverage Reduction New Missed Lines %
packages/color-area/src/ColorArea.ts 1 95.41%
Totals Coverage Status
Change from base Build 11351160238: 0.003%
Covered Lines: 33096
Relevant Lines: 33510

💛 - Coveralls

Copy link

github-actions bot commented Sep 4, 2024

Tachometer results

Chrome

accordion permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 432 kB 89.30ms - 90.54ms - faster ✔
4% - 6%
4.00ms - 5.96ms
branch 408 kB 94.15ms - 95.66ms slower ❌
4% - 7%
4.00ms - 5.96ms
-

action-bar permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 503 kB 52.72ms - 53.62ms - faster ✔
2% - 6%
1.20ms - 3.59ms
branch 478 kB 54.45ms - 56.67ms slower ❌
2% - 7%
1.20ms - 3.59ms
-

action-group permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 588 kB 47.96ms - 49.42ms - faster ✔
5% - 10%
2.43ms - 5.44ms
branch 545 kB 51.31ms - 53.94ms slower ❌
5% - 11%
2.43ms - 5.44ms
-

action-menu permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 706 kB 137.04ms - 147.26ms - faster ✔
2% - 9%
2.31ms - 13.85ms
branch 663 kB 147.55ms - 152.90ms slower ❌
1% - 10%
2.31ms - 13.85ms
-

test-directive permalink

Version Bytes Avg Time vs remote vs branch
npm latest 663 kB 67.07ms - 68.17ms - faster ✔
8% - 11%
5.79ms - 7.91ms
branch 620 kB 73.57ms - 75.38ms slower ❌
9% - 12%
5.79ms - 7.91ms
-

test-lazy permalink

Version Bytes Avg Time vs remote vs branch
npm latest 662 kB 66.08ms - 67.45ms - faster ✔
6% - 8%
4.01ms - 6.03ms
branch 619 kB 71.05ms - 72.53ms slower ❌
6% - 9%
4.01ms - 6.03ms
-

test-open-close-directive permalink

Version Bytes Avg Time vs remote vs branch
npm latest 852 kB 1872.12ms - 1874.73ms - unsure 🔍
-0% - +0%
-2.09ms - +1.59ms
branch 806 kB 1872.38ms - 1874.98ms unsure 🔍
-0% - +0%
-1.59ms - +2.09ms
-

test-open-close permalink

Version Bytes Avg Time vs remote vs branch
npm latest 850 kB 1875.65ms - 1878.31ms - unsure 🔍
-0% - +0%
-2.68ms - +1.36ms
branch 805 kB 1876.12ms - 1879.16ms unsure 🔍
-0% - +0%
-1.36ms - +2.68ms
-

breadcrumbs permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 723 kB 522.54ms - 531.59ms - unsure 🔍
-2% - -0%
-10.50ms - +0.01ms
branch 680 kB 529.65ms - 534.97ms unsure 🔍
-0% - +2%
-0.01ms - +10.50ms
-

coachmark permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 682 kB 92.23ms - 94.41ms - faster ✔
4% - 7%
3.58ms - 6.70ms
branch 637 kB 97.34ms - 99.59ms slower ❌
4% - 7%
3.58ms - 6.70ms
-

color-area permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 469 kB 126.45ms - 127.49ms - faster ✔
11% - 12%
15.90ms - 17.86ms
branch 556 kB 143.02ms - 144.68ms slower ❌
12% - 14%
15.90ms - 17.86ms
-

color-field permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 503 kB 44.44ms - 46.26ms - faster ✔
8% - 18%
3.95ms - 9.65ms
branch 594 kB 49.45ms - 54.85ms slower ❌
9% - 21%
3.95ms - 9.65ms
-

color-slider permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 472 kB 106.96ms - 107.90ms - faster ✔
9% - 10%
10.61ms - 12.30ms
branch 558 kB 118.19ms - 119.59ms slower ❌
10% - 11%
10.61ms - 12.30ms
-

color-wheel permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 473 kB 104.83ms - 105.87ms - faster ✔
10% - 11%
11.11ms - 13.58ms
branch 559 kB 116.58ms - 118.81ms slower ❌
11% - 13%
11.11ms - 13.58ms
-

combobox permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 765 kB 40.00ms - 40.51ms - slower ❌
2% - 3%
0.73ms - 1.33ms
branch 720 kB 39.06ms - 39.37ms faster ✔
2% - 3%
0.73ms - 1.33ms
-

light-dom-test permalink

Version Bytes Avg Time vs remote vs branch
npm latest 765 kB 407.98ms - 414.60ms - faster ✔
0% - 2%
0.15ms - 9.55ms
branch 720 kB 412.80ms - 419.48ms slower ❌
0% - 2%
0.15ms - 9.55ms
-

contextual-help permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 694 kB 51.82ms - 52.80ms - faster ✔
6% - 9%
3.25ms - 4.88ms
branch 648 kB 55.73ms - 57.03ms slower ❌
6% - 9%
3.25ms - 4.88ms
-

field-label permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 407 kB 20.11ms - 21.55ms - unsure 🔍
-9% - +2%
-1.86ms - +0.39ms
branch 383 kB 20.70ms - 22.43ms unsure 🔍
-2% - +9%
-0.39ms - +1.86ms
-

grid permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 474 kB 39.86ms - 40.49ms - slower ❌
2% - 4%
0.67ms - 1.53ms
branch 431 kB 38.78ms - 39.36ms faster ✔
2% - 4%
0.67ms - 1.53ms
-

menu permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 496 kB 207.94ms - 210.44ms - faster ✔
2% - 4%
4.07ms - 8.04ms
branch 472 kB 213.70ms - 216.79ms slower ❌
2% - 4%
4.07ms - 8.04ms
-

meter permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 423 kB 47.62ms - 48.42ms - faster ✔
3% - 6%
1.68ms - 3.24ms
branch 398 kB 49.81ms - 51.15ms slower ❌
3% - 7%
1.68ms - 3.24ms
-

number-field permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 541 kB 71.67ms - 73.26ms - faster ✔
8% - 11%
6.35ms - 8.59ms
branch 516 kB 79.15ms - 80.72ms slower ❌
9% - 12%
6.35ms - 8.59ms
-

overlay permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 745 kB 451.13ms - 454.36ms - faster ✔
1% - 2%
3.48ms - 8.56ms
branch 702 kB 456.80ms - 460.72ms slower ❌
1% - 2%
3.48ms - 8.56ms
-

directive-test permalink

Version Bytes Avg Time vs remote vs branch
npm latest 827 kB 24.01ms - 25.61ms - faster ✔
3% - 10%
0.74ms - 2.55ms
branch 781 kB 26.04ms - 26.87ms slower ❌
3% - 10%
0.74ms - 2.55ms
-

element-test permalink

Version Bytes Avg Time vs remote vs branch
npm latest 816 kB 365.21ms - 369.67ms - faster ✔
3% - 4%
10.31ms - 16.23ms
branch 771 kB 378.76ms - 382.66ms slower ❌
3% - 4%
10.31ms - 16.23ms
-

lazy-test permalink

Version Bytes Avg Time vs remote vs branch
npm latest 612 kB 42.45ms - 43.32ms - faster ✔
7% - 9%
3.02ms - 4.30ms
branch 566 kB 46.08ms - 47.01ms slower ❌
7% - 10%
3.02ms - 4.30ms
-

picker permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 570 kB 512.92ms - 521.62ms - faster ✔
2% - 4%
10.62ms - 23.47ms
branch 527 kB 529.59ms - 539.04ms slower ❌
2% - 5%
10.62ms - 23.47ms
-

popover permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 397 kB 11.30ms - 12.94ms - unsure 🔍
-8% - +7%
-0.92ms - +0.84ms
branch 374 kB 11.86ms - 12.46ms unsure 🔍
-7% - +8%
-0.84ms - +0.92ms
-

progress-bar permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 423 kB 28.53ms - 30.13ms - unsure 🔍
-8% - +0%
-2.54ms - +0.05ms
branch 399 kB 29.56ms - 31.59ms unsure 🔍
-0% - +9%
-0.05ms - +2.54ms
-

radio permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 421 kB 36.23ms - 37.06ms - faster ✔
1% - 4%
0.48ms - 1.60ms
branch 397 kB 37.32ms - 38.06ms slower ❌
1% - 4%
0.48ms - 1.60ms
-

sidenav permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 444 kB 154.08ms - 156.17ms - faster ✔
8% - 10%
13.51ms - 16.34ms
branch 419 kB 169.10ms - 171.00ms slower ❌
9% - 11%
13.51ms - 16.34ms
-

slider permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 496 kB 75.13ms - 76.47ms - faster ✔
5% - 8%
3.93ms - 6.40ms
branch 472 kB 79.93ms - 82.00ms slower ❌
5% - 8%
3.93ms - 6.40ms
-

split-button permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 784 kB 1866.04ms - 1869.79ms - unsure 🔍
-0% - -0%
-5.54ms - -0.04ms
branch 739 kB 1868.69ms - 1872.72ms unsure 🔍
+0% - +0%
+0.04ms - +5.54ms
-

swatch permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 423 kB 13.21ms - 13.46ms - faster ✔
7% - 10%
1.07ms - 1.48ms
branch 399 kB 14.45ms - 14.77ms slower ❌
8% - 11%
1.07ms - 1.48ms
-

tabs permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 441 kB 115.36ms - 117.09ms - faster ✔
0% - 2%
0.52ms - 2.85ms
branch 417 kB 117.13ms - 118.69ms slower ❌
0% - 2%
0.52ms - 2.85ms
-

tags permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 467 kB 12.49ms - 12.70ms - unsure 🔍
-0% - +2%
-0.01ms - +0.25ms
branch 442 kB 12.41ms - 12.54ms unsure 🔍
-2% - +0%
-0.25ms - +0.01ms
-

tooltip permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 626 kB 33.71ms - 34.65ms - faster ✔
2% - 5%
0.77ms - 1.93ms
branch 583 kB 35.19ms - 35.87ms slower ❌
2% - 6%
0.77ms - 1.93ms
-

test-directive permalink

Version Bytes Avg Time vs remote vs branch
npm latest 584 kB 23.13ms - 23.67ms - faster ✔
9% - 12%
2.19ms - 3.04ms
branch 541 kB 25.68ms - 26.35ms slower ❌
9% - 13%
2.19ms - 3.04ms
-

test-element permalink

Version Bytes Avg Time vs remote vs branch
npm latest 709 kB 51.72ms - 52.78ms - faster ✔
6% - 8%
3.07ms - 4.74ms
branch 663 kB 55.51ms - 56.79ms slower ❌
6% - 9%
3.07ms - 4.74ms
-

test-lazy permalink

Version Bytes Avg Time vs remote vs branch
npm latest 684 kB 41.61ms - 42.45ms - faster ✔
7% - 10%
3.30ms - 4.53ms
branch 639 kB 45.50ms - 46.40ms slower ❌
8% - 11%
3.30ms - 4.53ms
-

top-nav permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 447 kB 38.96ms - 41.05ms - unsure 🔍
-9% - -0%
-3.90ms - +0.01ms
branch 423 kB 40.31ms - 43.60ms unsure 🔍
-0% - +10%
-0.01ms - +3.90ms
-

tray permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 572 kB 100.36ms - 101.05ms - faster ✔
1% - 4%
0.57ms - 3.77ms
branch 529 kB 101.32ms - 104.43ms slower ❌
1% - 4%
0.57ms - 3.77ms
-

truncated permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 546 kB 59.20ms - 59.93ms - faster ✔
4% - 6%
2.38ms - 3.93ms
branch 519 kB 62.03ms - 63.40ms slower ❌
4% - 7%
2.38ms - 3.93ms
-
Firefox

accordion permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 432 kB 180.80ms - 186.56ms - faster ✔
5% - 9%
9.96ms - 18.28ms
branch 408 kB 194.81ms - 200.79ms slower ❌
5% - 10%
9.96ms - 18.28ms
-

action-bar permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 503 kB 114.20ms - 119.72ms - faster ✔
1% - 7%
0.88ms - 8.76ms
branch 478 kB 118.97ms - 124.59ms slower ❌
1% - 8%
0.88ms - 8.76ms
-

action-group permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 588 kB 112.21ms - 119.91ms - unsure 🔍
-5% - +2%
-6.30ms - +2.78ms
branch 545 kB 115.42ms - 120.22ms unsure 🔍
-2% - +5%
-2.78ms - +6.30ms
-

action-menu permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 706 kB 276.85ms - 280.07ms - faster ✔
11% - 13%
34.46ms - 39.62ms
branch 663 kB 313.48ms - 317.52ms slower ❌
12% - 14%
34.46ms - 39.62ms
-

test-directive permalink

Version Bytes Avg Time vs remote vs branch
npm latest 663 kB 139.76ms - 142.48ms - unsure 🔍
-1% - +2%
-1.03ms - +2.59ms
branch 620 kB 139.14ms - 141.54ms unsure 🔍
-2% - +1%
-2.59ms - +1.03ms
-

test-lazy permalink

Version Bytes Avg Time vs remote vs branch
npm latest 662 kB 130.20ms - 133.32ms - faster ✔
2% - 6%
2.79ms - 7.69ms
branch 619 kB 135.12ms - 138.88ms slower ❌
2% - 6%
2.79ms - 7.69ms
-

test-open-close-directive permalink

Version Bytes Avg Time vs remote vs branch
npm latest 852 kB 1883.14ms - 1888.70ms - unsure 🔍
-0% - -0%
-8.27ms - -0.77ms
branch 806 kB 1887.92ms - 1892.96ms unsure 🔍
+0% - +0%
+0.77ms - +8.27ms
-

test-open-close permalink

Version Bytes Avg Time vs remote vs branch
npm latest 850 kB 1892.53ms - 1897.51ms - unsure 🔍
-0% - -0%
-8.67ms - -0.73ms
branch 805 kB 1896.62ms - 1902.82ms unsure 🔍
+0% - +0%
+0.73ms - +8.67ms
-

breadcrumbs permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 723 kB 810.96ms - 833.52ms - faster ✔
0% - 3%
3.14ms - 27.62ms
branch 680 kB 832.89ms - 842.35ms slower ❌
0% - 3%
3.14ms - 27.62ms
-

coachmark permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 682 kB 183.84ms - 188.68ms - faster ✔
2% - 5%
4.68ms - 10.00ms
branch 637 kB 192.49ms - 194.71ms slower ❌
2% - 5%
4.68ms - 10.00ms
-

color-area permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 469 kB 182.77ms - 191.19ms - faster ✔
7% - 11%
13.95ms - 23.69ms
branch 556 kB 203.35ms - 208.25ms slower ❌
7% - 13%
13.95ms - 23.69ms
-

color-field permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 511 kB 80.01ms - 82.51ms - faster ✔
11% - 15%
10.40ms - 13.68ms
branch 602 kB 92.23ms - 94.37ms slower ❌
13% - 17%
10.40ms - 13.68ms
-

color-slider permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 472 kB 158.46ms - 166.34ms - faster ✔
4% - 9%
6.05ms - 16.23ms
branch 558 kB 170.31ms - 176.77ms slower ❌
4% - 10%
6.05ms - 16.23ms
-

color-wheel permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 473 kB 153.98ms - 159.74ms - faster ✔
6% - 11%
10.25ms - 18.59ms
branch 559 kB 168.26ms - 174.30ms slower ❌
6% - 12%
10.25ms - 18.59ms
-

combobox permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 765 kB 62.95ms - 68.77ms - unsure 🔍
-0% - +10%
-0.08ms - +6.00ms
branch 720 kB 62.04ms - 63.76ms unsure 🔍
-9% - -0%
-6.00ms - +0.08ms
-

light-dom-test permalink

Version Bytes Avg Time vs remote vs branch
npm latest 765 kB 703.40ms - 720.28ms - unsure 🔍
-0% - +3%
-0.80ms - +24.24ms
branch 720 kB 690.86ms - 709.38ms unsure 🔍
-3% - +0%
-24.24ms - +0.80ms
-

contextual-help permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 694 kB 108.51ms - 116.37ms - faster ✔
0% - 9%
0.46ms - 11.22ms
branch 648 kB 114.61ms - 121.95ms slower ❌
0% - 10%
0.46ms - 11.22ms
-

field-label permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 407 kB 52.67ms - 56.45ms - unsure 🔍
-8% - +3%
-4.26ms - +1.46ms
branch 383 kB 53.81ms - 58.11ms unsure 🔍
-3% - +8%
-1.46ms - +4.26ms
-

grid permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 474 kB 83.07ms - 87.41ms - unsure 🔍
-3% - +5%
-2.38ms - +4.06ms
branch 431 kB 82.03ms - 86.77ms unsure 🔍
-5% - +3%
-4.06ms - +2.38ms
-

menu permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 496 kB 423.31ms - 439.25ms - faster ✔
0% - 5%
1.11ms - 23.13ms
branch 472 kB 435.81ms - 450.99ms slower ❌
0% - 5%
1.11ms - 23.13ms
-

meter permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 423 kB 80.75ms - 84.93ms - unsure 🔍
-8% - +0%
-6.56ms - +0.36ms
branch 398 kB 83.18ms - 88.70ms unsure 🔍
-0% - +8%
-0.36ms - +6.56ms
-

number-field permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 541 kB 148.91ms - 155.21ms - faster ✔
7% - 13%
12.17ms - 22.07ms
branch 516 kB 165.36ms - 173.00ms slower ❌
8% - 15%
12.17ms - 22.07ms
-

overlay permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 823 kB 627.17ms - 644.39ms - slower ❌
2% - 5%
13.17ms - 30.91ms
branch 777 kB 611.62ms - 615.86ms faster ✔
2% - 5%
13.17ms - 30.91ms
-

directive-test permalink

Version Bytes Avg Time vs remote vs branch
npm latest 827 kB 47.35ms - 47.85ms - faster ✔
4% - 5%
1.84ms - 2.72ms
branch 781 kB 49.51ms - 50.25ms slower ❌
4% - 6%
1.84ms - 2.72ms
-

element-test permalink

Version Bytes Avg Time vs remote vs branch
npm latest 816 kB 648.96ms - 654.56ms - slower ❌
3% - 4%
19.31ms - 27.97ms
branch 771 kB 624.81ms - 631.43ms faster ✔
3% - 4%
19.31ms - 27.97ms
-

lazy-test permalink

Version Bytes Avg Time vs remote vs branch
npm latest 612 kB 94.52ms - 101.84ms - unsure 🔍
-1% - +7%
-0.70ms - +6.94ms
branch 566 kB 93.95ms - 96.17ms unsure 🔍
-7% - +1%
-6.94ms - +0.70ms
-

picker permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 570 kB 985.55ms - 1013.97ms - faster ✔
3% - 6%
33.68ms - 63.60ms
branch 527 kB 1043.71ms - 1053.09ms slower ❌
3% - 6%
33.68ms - 63.60ms
-

popover permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 397 kB 28.15ms - 31.41ms - faster ✔
2% - 16%
0.50ms - 5.34ms
branch 374 kB 30.92ms - 34.48ms slower ❌
1% - 18%
0.50ms - 5.34ms
-

progress-bar permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 423 kB 57.33ms - 61.15ms - unsure 🔍
-6% - +3%
-3.34ms - +1.82ms
branch 399 kB 58.27ms - 61.73ms unsure 🔍
-3% - +6%
-1.82ms - +3.34ms
-

radio permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 421 kB 71.90ms - 76.74ms - unsure 🔍
-6% - +4%
-4.56ms - +2.72ms
branch 397 kB 72.52ms - 77.96ms unsure 🔍
-4% - +6%
-2.72ms - +4.56ms
-

sidenav permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 444 kB 335.70ms - 344.02ms - faster ✔
5% - 9%
19.75ms - 33.65ms
branch 419 kB 361.00ms - 372.12ms slower ❌
6% - 10%
19.75ms - 33.65ms
-

slider permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 496 kB 158.89ms - 166.11ms - faster ✔
0% - 6%
0.08ms - 9.52ms
branch 472 kB 164.26ms - 170.34ms slower ❌
0% - 6%
0.08ms - 9.52ms
-

split-button permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 784 kB 1871.63ms - 1876.45ms - unsure 🔍
-0% - -0%
-6.79ms - -0.93ms
branch 739 kB 1876.22ms - 1879.58ms unsure 🔍
+0% - +0%
+0.93ms - +6.79ms
-

swatch permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 423 kB 33.19ms - 36.05ms - faster ✔
1% - 11%
0.15ms - 4.29ms
branch 399 kB 35.34ms - 38.34ms slower ❌
0% - 13%
0.15ms - 4.29ms
-

tabs permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 441 kB 194.48ms - 205.32ms - unsure 🔍
-3% - +3%
-6.43ms - +6.35ms
branch 417 kB 196.56ms - 203.32ms unsure 🔍
-3% - +3%
-6.35ms - +6.43ms
-

tags permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 467 kB 29.03ms - 31.01ms - unsure 🔍
-5% - +6%
-1.39ms - +1.67ms
branch 442 kB 28.71ms - 31.05ms unsure 🔍
-6% - +5%
-1.67ms - +1.39ms
-

tooltip permalink

test-basic

Version Bytes Avg Time vs remote vs branch
npm latest 708 kB 76.24ms - 80.24ms - slower ❌
6% - 12%
4.27ms - 8.77ms
branch 663 kB 70.70ms - 72.74ms faster ✔
6% - 11%
4.27ms - 8.77ms
-

test-directive permalink

Version Bytes Avg Time vs remote vs branch
npm latest 584 kB 46.03ms - 47.41ms - faster ✔
4% - 10%
1.67ms - 5.01ms
branch 541 kB 48.53ms - 51.59ms slower ❌
4% - 11%
1.67ms - 5.01ms
-

test-element permalink

Version Bytes Avg Time vs remote vs branch
npm latest 709 kB 126.45ms - 133.75ms - slower ❌
5% - 13%
6.17ms - 15.15ms
branch 663 kB 116.83ms - 122.05ms faster ✔
5% - 11%
6.17ms - 15.15ms
-

test-lazy permalink

Version Bytes Avg Time vs remote vs branch
npm latest 684 kB 88.87ms - 93.53ms - faster ✔
4% - 11%
4.24ms - 10.92ms
branch 639 kB 96.38ms - 101.18ms slower ❌
4% - 12%
4.24ms - 10.92ms
-

top-nav permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 447 kB 86.54ms - 91.30ms - faster ✔
1% - 9%
0.83ms - 8.81ms
branch 423 kB 90.53ms - 96.95ms slower ❌
1% - 10%
0.83ms - 8.81ms
-

tray permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 572 kB 161.48ms - 168.32ms - unsure 🔍
-4% - +1%
-7.37ms - +2.13ms
branch 529 kB 164.22ms - 170.82ms unsure 🔍
-1% - +4%
-2.13ms - +7.37ms
-

truncated permalink

basic-test

Version Bytes Avg Time vs remote vs branch
npm latest 546 kB 100.64ms - 107.48ms - unsure 🔍
-6% - +2%
-6.39ms - +1.83ms
branch 519 kB 104.06ms - 108.62ms unsure 🔍
-2% - +6%
-1.83ms - +6.39ms
-

Copy link

github-actions bot commented Sep 17, 2024

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.088 kB 217.172 kB 217.052 kB 🏆
Scripts 57.54 kB 52.66 kB 52.602 kB 🏆
Stylesheet 34.681 kB 30.089 kB 30.04 kB 🏆
Document 6.223 kB 5.467 kB 5.466 kB 🏆
Font 126.82 kB 126.605 kB 126.597 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

@blunteshwar blunteshwar changed the title feat(reactive-controllers): added color orchestration layer feat(reactive-controllers): Migrate to Colorjs from Tinycolor Sep 30, 2024
@blunteshwar blunteshwar self-assigned this Oct 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants