@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.
- package/.turbo/turbo-build.log +1 -1
- package/blue-alpha.css +24 -24
- package/blue-dark-alpha.css +24 -24
- package/blue-dark.css +24 -24
- package/blue.css +24 -24
- package/index.js +552 -1032
- package/index.mjs +545 -993
- package/indigo-alpha.css +24 -24
- package/indigo-dark-alpha.css +24 -24
- package/indigo-dark.css +24 -24
- package/indigo.css +24 -24
- package/lemon-alpha.css +33 -0
- package/lemon-dark-alpha.css +33 -0
- package/lemon-dark.css +33 -0
- package/lemon.css +33 -0
- package/lime-alpha.css +24 -24
- package/lime-dark-alpha.css +24 -24
- package/lime-dark.css +24 -24
- package/lime.css +24 -24
- package/orange-alpha.css +24 -24
- package/orange-dark-alpha.css +24 -24
- package/orange-dark.css +24 -24
- package/orange.css +24 -24
- package/package.json +1 -1
- package/types/dark.d.ts +223 -447
- package/types/light.d.ts +223 -447
- package/byzantine-blue-alpha.css +0 -33
- package/byzantine-blue-dark-alpha.css +0 -33
- package/byzantine-blue-dark.css +0 -33
- package/byzantine-blue.css +0 -33
- package/dragon-fire-alpha.css +0 -33
- package/dragon-fire-dark-alpha.css +0 -33
- package/dragon-fire-dark.css +0 -33
- package/dragon-fire.css +0 -33
- package/electric-indigo-alpha.css +0 -33
- package/electric-indigo-dark-alpha.css +0 -33
- package/electric-indigo-dark.css +0 -33
- package/electric-indigo.css +0 -33
- package/lemon-lime-alpha.css +0 -33
- package/lemon-lime-dark-alpha.css +0 -33
- package/lemon-lime-dark.css +0 -33
- package/lemon-lime.css +0 -33
- package/lime-green-alpha.css +0 -33
- package/lime-green-dark-alpha.css +0 -33
- package/lime-green-dark.css +0 -33
- package/lime-green.css +0 -33
package/.turbo/turbo-build.log
CHANGED
|
@@ -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.
|
|
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: #
|
|
3
|
-
--blue-a2: #
|
|
4
|
-
--blue-a3: #
|
|
5
|
-
--blue-a4: #
|
|
6
|
-
--blue-a5: #
|
|
7
|
-
--blue-a6: #
|
|
8
|
-
--blue-a7: #
|
|
9
|
-
--blue-a8: #
|
|
10
|
-
--blue-a9: #
|
|
11
|
-
--blue-a10: #
|
|
12
|
-
--blue-a11: #
|
|
13
|
-
--blue-a12: #
|
|
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.
|
|
20
|
-
--blue-a2: color(display-p3 0.
|
|
21
|
-
--blue-a3: color(display-p3 0.
|
|
22
|
-
--blue-a4: color(display-p3 0.
|
|
23
|
-
--blue-a5: color(display-p3 0.
|
|
24
|
-
--blue-a6: color(display-p3 0.
|
|
25
|
-
--blue-a7: color(display-p3 0.
|
|
26
|
-
--blue-a8: color(display-p3 0 0.
|
|
27
|
-
--blue-a9: color(display-p3 0 0.
|
|
28
|
-
--blue-a10: color(display-p3 0 0.
|
|
29
|
-
--blue-a11: color(display-p3 0.
|
|
30
|
-
--blue-a12: color(display-p3 0.
|
|
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
|
}
|
package/blue-dark-alpha.css
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
.dark, .dark-theme {
|
|
2
|
-
--blue-a1: #
|
|
3
|
-
--blue-a2: #
|
|
4
|
-
--blue-a3: #
|
|
5
|
-
--blue-a4: #
|
|
6
|
-
--blue-a5: #
|
|
7
|
-
--blue-a6: #
|
|
8
|
-
--blue-a7: #
|
|
9
|
-
--blue-a8: #
|
|
10
|
-
--blue-a9: #
|
|
11
|
-
--blue-a10: #
|
|
12
|
-
--blue-a11: #
|
|
13
|
-
--blue-a12: #
|
|
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.
|
|
20
|
-
--blue-a2: color(display-p3 0.
|
|
21
|
-
--blue-a3: color(display-p3 0.
|
|
22
|
-
--blue-a4: color(display-p3 0 0.
|
|
23
|
-
--blue-a5: color(display-p3 0.
|
|
24
|
-
--blue-a6: color(display-p3 0.
|
|
25
|
-
--blue-a7: color(display-p3 0.
|
|
26
|
-
--blue-a8: color(display-p3 0.
|
|
27
|
-
--blue-a9: color(display-p3 0.
|
|
28
|
-
--blue-a10: color(display-p3 0.
|
|
29
|
-
--blue-a11: color(display-p3 0.
|
|
30
|
-
--blue-a12: color(display-p3 0.
|
|
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: #
|
|
3
|
-
--blue-2: #
|
|
4
|
-
--blue-3: #
|
|
5
|
-
--blue-4: #
|
|
6
|
-
--blue-5: #
|
|
7
|
-
--blue-6: #
|
|
8
|
-
--blue-7: #
|
|
9
|
-
--blue-8: #
|
|
10
|
-
--blue-9: #
|
|
11
|
-
--blue-10: #
|
|
12
|
-
--blue-11: #
|
|
13
|
-
--blue-12: #
|
|
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.
|
|
20
|
-
--blue-2: color(display-p3 0.
|
|
21
|
-
--blue-3: color(display-p3 0.
|
|
22
|
-
--blue-4: color(display-p3 0.
|
|
23
|
-
--blue-5: color(display-p3 0.
|
|
24
|
-
--blue-6: color(display-p3 0.
|
|
25
|
-
--blue-7: color(display-p3 0.
|
|
26
|
-
--blue-8: color(display-p3 0.
|
|
27
|
-
--blue-9: color(display-p3 0.
|
|
28
|
-
--blue-10: color(display-p3 0.
|
|
29
|
-
--blue-11: color(display-p3 0.
|
|
30
|
-
--blue-12: color(display-p3 0.
|
|
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: #
|
|
3
|
-
--blue-2: #
|
|
4
|
-
--blue-3: #
|
|
5
|
-
--blue-4: #
|
|
6
|
-
--blue-5: #
|
|
7
|
-
--blue-6: #
|
|
8
|
-
--blue-7: #
|
|
9
|
-
--blue-8: #
|
|
10
|
-
--blue-9: #
|
|
11
|
-
--blue-10: #
|
|
12
|
-
--blue-11: #
|
|
13
|
-
--blue-12: #
|
|
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.
|
|
20
|
-
--blue-2: color(display-p3 0.
|
|
21
|
-
--blue-3: color(display-p3 0.
|
|
22
|
-
--blue-4: color(display-p3 0.
|
|
23
|
-
--blue-5: color(display-p3 0.
|
|
24
|
-
--blue-6: color(display-p3 0.
|
|
25
|
-
--blue-7: color(display-p3 0.
|
|
26
|
-
--blue-8: color(display-p3 0.
|
|
27
|
-
--blue-9: color(display-p3 0.
|
|
28
|
-
--blue-10: color(display-p3 0.
|
|
29
|
-
--blue-11: color(display-p3 0.
|
|
30
|
-
--blue-12: color(display-p3 0.
|
|
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
|
}
|