@frosted-ui/colors 0.0.1-canary.49 → 0.0.1-canary.51

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/blue-alpha.css +24 -24
  3. package/blue-dark-alpha.css +24 -24
  4. package/blue-dark.css +24 -24
  5. package/blue.css +24 -24
  6. package/index.js +552 -1032
  7. package/index.mjs +545 -993
  8. package/indigo-alpha.css +24 -24
  9. package/indigo-dark-alpha.css +24 -24
  10. package/indigo-dark.css +24 -24
  11. package/indigo.css +24 -24
  12. package/lemon-alpha.css +33 -0
  13. package/lemon-dark-alpha.css +33 -0
  14. package/lemon-dark.css +33 -0
  15. package/lemon.css +33 -0
  16. package/lime-alpha.css +24 -24
  17. package/lime-dark-alpha.css +24 -24
  18. package/lime-dark.css +24 -24
  19. package/lime.css +24 -24
  20. package/orange-alpha.css +24 -24
  21. package/orange-dark-alpha.css +24 -24
  22. package/orange-dark.css +24 -24
  23. package/orange.css +24 -24
  24. package/package.json +1 -1
  25. package/types/dark.d.ts +223 -447
  26. package/types/light.d.ts +223 -447
  27. package/byzantine-blue-alpha.css +0 -33
  28. package/byzantine-blue-dark-alpha.css +0 -33
  29. package/byzantine-blue-dark.css +0 -33
  30. package/byzantine-blue.css +0 -33
  31. package/dragon-fire-alpha.css +0 -33
  32. package/dragon-fire-dark-alpha.css +0 -33
  33. package/dragon-fire-dark.css +0 -33
  34. package/dragon-fire.css +0 -33
  35. package/electric-indigo-alpha.css +0 -33
  36. package/electric-indigo-dark-alpha.css +0 -33
  37. package/electric-indigo-dark.css +0 -33
  38. package/electric-indigo.css +0 -33
  39. package/lemon-lime-alpha.css +0 -33
  40. package/lemon-lime-dark-alpha.css +0 -33
  41. package/lemon-lime-dark.css +0 -33
  42. package/lemon-lime.css +0 -33
  43. package/lime-green-alpha.css +0 -33
  44. package/lime-green-dark-alpha.css +0 -33
  45. package/lime-green-dark.css +0 -33
  46. package/lime-green.css +0 -33
@@ -8,7 +8,7 @@
8
8
 
9
9
 
10
10
  src/index.ts → index.js, index.mjs...
11
- created index.js, index.mjs in 1.9s
11
+ created index.js, index.mjs in 1.8s
12
12
 
13
13
  > @frosted-ui/colors@0.0.0 build-css-modules /home/runner/work/frosted-ui/frosted-ui/packages/frosted-ui-colors
14
14
  > node ./scripts/build-css-modules.js
package/blue-alpha.css CHANGED
@@ -1,33 +1,33 @@
1
1
  :root, .light, .light-theme {
2
- --blue-a1: #0080ff04;
3
- --blue-a2: #008cff0b;
4
- --blue-a3: #008ff519;
5
- --blue-a4: #009eff2a;
6
- --blue-a5: #0093ff3d;
7
- --blue-a6: #0088f653;
8
- --blue-a7: #0083eb71;
9
- --blue-a8: #0084e6a1;
10
- --blue-a9: #0090ff;
11
- --blue-a10: #0086f0fa;
12
- --blue-a11: #006dcbf2;
13
- --blue-a12: #002359ee;
2
+ --blue-a1: #00008002;
3
+ --blue-a2: #0072ff09;
4
+ --blue-a3: #005aff14;
5
+ --blue-a4: #0062ff22;
6
+ --blue-a5: #0064ff33;
7
+ --blue-a6: #0064ff48;
8
+ --blue-a7: #0056fa5f;
9
+ --blue-a8: #0052ec81;
10
+ --blue-a9: #0043d4e8;
11
+ --blue-a10: #003fc6fa;
12
+ --blue-a11: #0040c7d9;
13
+ --blue-a12: #001a50e9;
14
14
  }
15
15
 
16
16
  @supports (color: color(display-p3 1 1 1)) {
17
17
  @media (color-gamut: p3) {
18
18
  :root, .light, .light-theme {
19
- --blue-a1: color(display-p3 0.024 0.514 1 / 0.016);
20
- --blue-a2: color(display-p3 0.024 0.514 0.906 / 0.04);
21
- --blue-a3: color(display-p3 0.012 0.506 0.914 / 0.087);
22
- --blue-a4: color(display-p3 0.008 0.545 1 / 0.146);
23
- --blue-a5: color(display-p3 0.004 0.502 0.984 / 0.212);
24
- --blue-a6: color(display-p3 0.004 0.463 0.922 / 0.291);
25
- --blue-a7: color(display-p3 0.004 0.431 0.863 / 0.393);
26
- --blue-a8: color(display-p3 0 0.427 0.851 / 0.55);
27
- --blue-a9: color(display-p3 0 0.412 0.961 / 0.753);
28
- --blue-a10: color(display-p3 0 0.376 0.886 / 0.765);
29
- --blue-a11: color(display-p3 0.15 0.44 0.84);
30
- --blue-a12: color(display-p3 0.102 0.193 0.379);
19
+ --blue-a1: color(display-p3 0.0196 0.0196 0.5098 / 0.008);
20
+ --blue-a2: color(display-p3 0.0196 0.3882 0.8784 / 0.032);
21
+ --blue-a3: color(display-p3 0.0078 0.3216 0.949 / 0.075);
22
+ --blue-a4: color(display-p3 0.0078 0.349 0.9412 / 0.126);
23
+ --blue-a5: color(display-p3 0.0039 0.3255 0.9373 / 0.185);
24
+ --blue-a6: color(display-p3 0.0039 0.3294 0.9412 / 0.263);
25
+ --blue-a7: color(display-p3 0.0039 0.2824 0.9216 / 0.35);
26
+ --blue-a8: color(display-p3 0.0039 0.2667 0.8706 / 0.475);
27
+ --blue-a9: color(display-p3 0 0.1922 0.7804 / 0.836);
28
+ --blue-a10: color(display-p3 0 0.1725 0.7216 / 0.895);
29
+ --blue-a11: color(display-p3 0 0.1922 0.7294 / 0.797);
30
+ --blue-a12: color(display-p3 0 0.0745 0.2824 / 0.891);
31
31
  }
32
32
  }
33
33
  }
@@ -1,33 +1,33 @@
1
1
  .dark, .dark-theme {
2
- --blue-a1: #004df211;
3
- --blue-a2: #1166fb18;
4
- --blue-a3: #0077ff3a;
5
- --blue-a4: #0075ff57;
6
- --blue-a5: #0081fd6b;
7
- --blue-a6: #0f89fd7f;
8
- --blue-a7: #2a91fe98;
9
- --blue-a8: #3094feb9;
10
- --blue-a9: #0090ff;
11
- --blue-a10: #3b9eff;
12
- --blue-a11: #70b8ff;
13
- --blue-a12: #c2e6ff;
2
+ --blue-a1: #0012fd0d;
3
+ --blue-a2: #0051fb18;
4
+ --blue-a3: #1161fd40;
5
+ --blue-a4: #1a65fd5c;
6
+ --blue-a5: #256cfd70;
7
+ --blue-a6: #3576ff82;
8
+ --blue-a7: #3d7cfe98;
9
+ --blue-a8: #407effb4;
10
+ --blue-a9: #1861fed6;
11
+ --blue-a10: #6397ffa8;
12
+ --blue-a11: #88b5ff;
13
+ --blue-a12: #d1e2ff;
14
14
  }
15
15
 
16
16
  @supports (color: color(display-p3 1 1 1)) {
17
17
  @media (color-gamut: p3) {
18
18
  .dark, .dark-theme {
19
- --blue-a1: color(display-p3 0 0.333 1 / 0.059);
20
- --blue-a2: color(display-p3 0.114 0.435 0.988 / 0.085);
21
- --blue-a3: color(display-p3 0.122 0.463 1 / 0.219);
22
- --blue-a4: color(display-p3 0 0.467 1 / 0.324);
23
- --blue-a5: color(display-p3 0.098 0.51 1 / 0.4);
24
- --blue-a6: color(display-p3 0.224 0.557 1 / 0.475);
25
- --blue-a7: color(display-p3 0.294 0.584 1 / 0.572);
26
- --blue-a8: color(display-p3 0.314 0.592 1 / 0.702);
27
- --blue-a9: color(display-p3 0.251 0.573 0.996 / 0.967);
28
- --blue-a10: color(display-p3 0.357 0.631 1 / 0.971);
29
- --blue-a11: color(display-p3 0.49 0.72 1);
30
- --blue-a12: color(display-p3 0.788 0.898 0.99);
19
+ --blue-a1: color(display-p3 0 0.0667 0.9882 / 0.047);
20
+ --blue-a2: color(display-p3 0.0667 0.3333 0.9922 / 0.089);
21
+ --blue-a3: color(display-p3 0.1529 0.4 1 / 0.236);
22
+ --blue-a4: color(display-p3 0.1843 0.4039 1 / 0.341);
23
+ --blue-a5: color(display-p3 0.2275 0.4314 1 / 0.421);
24
+ --blue-a6: color(display-p3 0.2745 0.4667 1 / 0.488);
25
+ --blue-a7: color(display-p3 0.3098 0.502 1 / 0.572);
26
+ --blue-a8: color(display-p3 0.3216 0.5059 1 / 0.681);
27
+ --blue-a9: color(display-p3 0.1922 0.3922 1 / 0.803);
28
+ --blue-a10: color(display-p3 0.430 0.590 0.970 / 0.660);
29
+ --blue-a11: color(display-p3 0.5843 0.7255 1 / 0.975);
30
+ --blue-a12: color(display-p3 0.8431 0.8941 1 / 0.988);
31
31
  }
32
32
  }
33
33
  }
package/blue-dark.css CHANGED
@@ -1,33 +1,33 @@
1
1
  .dark, .dark-theme {
2
- --blue-1: #0d1520;
3
- --blue-2: #111927;
4
- --blue-3: #0d2847;
5
- --blue-4: #003362;
6
- --blue-5: #004074;
7
- --blue-6: #104d87;
8
- --blue-7: #205d9e;
9
- --blue-8: #2870bd;
10
- --blue-9: #0090ff;
11
- --blue-10: #3b9eff;
12
- --blue-11: #70b8ff;
13
- --blue-12: #c2e6ff;
2
+ --blue-1: #0b111d;
3
+ --blue-2: #0f1727;
4
+ --blue-3: #11254c;
5
+ --blue-4: #142f66;
6
+ --blue-5: #1a3979;
7
+ --blue-6: #23448a;
8
+ --blue-7: #2b519e;
9
+ --blue-8: #325eb9;
10
+ --blue-9: #1754d8;
11
+ --blue-10: #406cc8;
12
+ --blue-11: #88b5ff;
13
+ --blue-12: #d1e2ff;
14
14
  }
15
15
 
16
16
  @supports (color: color(display-p3 1 1 1)) {
17
17
  @media (color-gamut: p3) {
18
18
  .dark, .dark-theme {
19
- --blue-1: color(display-p3 0.057 0.081 0.122);
20
- --blue-2: color(display-p3 0.072 0.098 0.147);
21
- --blue-3: color(display-p3 0.078 0.154 0.27);
22
- --blue-4: color(display-p3 0.033 0.197 0.37);
23
- --blue-5: color(display-p3 0.08 0.245 0.441);
24
- --blue-6: color(display-p3 0.14 0.298 0.511);
25
- --blue-7: color(display-p3 0.195 0.361 0.6);
26
- --blue-8: color(display-p3 0.239 0.434 0.72);
27
- --blue-9: color(display-p3 0.247 0.556 0.969);
28
- --blue-10: color(display-p3 0.344 0.612 0.973);
29
- --blue-11: color(display-p3 0.49 0.72 1);
30
- --blue-12: color(display-p3 0.788 0.898 0.99);
19
+ --blue-1: color(display-p3 0.0465 0.0657 0.1105);
20
+ --blue-2: color(display-p3 0.0663 0.0906 0.1476);
21
+ --blue-3: color(display-p3 0.0859 0.1415 0.2862);
22
+ --blue-4: color(display-p3 0.1043 0.1801 0.3856);
23
+ --blue-5: color(display-p3 0.1332 0.2211 0.4586);
24
+ --blue-6: color(display-p3 0.1682 0.2649 0.5215);
25
+ --blue-7: color(display-p3 0.2045 0.3132 0.5992);
26
+ --blue-8: color(display-p3 0.2392 0.3661 0.7024);
27
+ --blue-9: color(display-p3 0.1632 0.3246 0.8163);
28
+ --blue-10: color(display-p3 0.290 0.420 0.760);
29
+ --blue-11: color(display-p3 0.5682 0.7055 1);
30
+ --blue-12: color(display-p3 0.8327 0.8855 1);
31
31
  }
32
32
  }
33
33
  }
package/blue.css CHANGED
@@ -1,33 +1,33 @@
1
1
  :root, .light, .light-theme {
2
- --blue-1: #fbfdff;
3
- --blue-2: #f4faff;
4
- --blue-3: #e6f4fe;
5
- --blue-4: #d5efff;
6
- --blue-5: #c2e5ff;
7
- --blue-6: #acd8fc;
8
- --blue-7: #8ec8f6;
9
- --blue-8: #5eb1ef;
10
- --blue-9: #0090ff;
11
- --blue-10: #0588f0;
12
- --blue-11: #0d74ce;
13
- --blue-12: #113264;
2
+ --blue-1: #fdfdfe;
3
+ --blue-2: #f6faff;
4
+ --blue-3: #ebf2ff;
5
+ --blue-4: #ddeaff;
6
+ --blue-5: #cce0ff;
7
+ --blue-6: #b7d3ff;
8
+ --blue-7: #a0c0fd;
9
+ --blue-8: #7ea7f5;
10
+ --blue-9: #1754d8;
11
+ --blue-10: #0543c7;
12
+ --blue-11: #265ccf;
13
+ --blue-12: #162e5f;
14
14
  }
15
15
 
16
16
  @supports (color: color(display-p3 1 1 1)) {
17
17
  @media (color-gamut: p3) {
18
18
  :root, .light, .light-theme {
19
- --blue-1: color(display-p3 0.986 0.992 0.999);
20
- --blue-2: color(display-p3 0.96 0.979 0.998);
21
- --blue-3: color(display-p3 0.912 0.956 0.991);
22
- --blue-4: color(display-p3 0.853 0.932 1);
23
- --blue-5: color(display-p3 0.788 0.894 0.998);
24
- --blue-6: color(display-p3 0.709 0.843 0.976);
25
- --blue-7: color(display-p3 0.606 0.777 0.947);
26
- --blue-8: color(display-p3 0.451 0.688 0.917);
27
- --blue-9: color(display-p3 0.247 0.556 0.969);
28
- --blue-10: color(display-p3 0.234 0.523 0.912);
29
- --blue-11: color(display-p3 0.15 0.44 0.84);
30
- --blue-12: color(display-p3 0.102 0.193 0.379);
19
+ --blue-1: color(display-p3 0.9907 0.9925 0.9965);
20
+ --blue-2: color(display-p3 0.9679 0.9781 0.9997);
21
+ --blue-3: color(display-p3 0.9281 0.9496 0.9956);
22
+ --blue-4: color(display-p3 0.8754 0.9169 1);
23
+ --blue-5: color(display-p3 0.8137 0.8753 1);
24
+ --blue-6: color(display-p3 0.7387 0.8226 1);
25
+ --blue-7: color(display-p3 0.6508 0.7498 0.9743);
26
+ --blue-8: color(display-p3 0.5268 0.6493 0.9375);
27
+ --blue-9: color(display-p3 0.1632 0.3246 0.8163);
28
+ --blue-10: color(display-p3 0.108 0.2592 0.7498);
29
+ --blue-11: color(display-p3 0.2053 0.3558 0.7842);
30
+ --blue-12: color(display-p3 0.1088 0.1781 0.3608);
31
31
  }
32
32
  }
33
33
  }