@diskette/palette 0.7.0 → 0.9.0

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 (142) hide show
  1. package/README.md +233 -0
  2. package/dist/colors/amber.d.ts +128 -0
  3. package/dist/colors/amber.js +127 -0
  4. package/dist/colors/black-alpha.d.ts +31 -0
  5. package/dist/colors/black-alpha.js +30 -0
  6. package/dist/colors/blue.d.ts +128 -0
  7. package/dist/colors/blue.js +127 -0
  8. package/dist/colors/bronze.d.ts +128 -0
  9. package/dist/colors/bronze.js +127 -0
  10. package/dist/colors/brown.d.ts +128 -0
  11. package/dist/colors/brown.js +127 -0
  12. package/dist/colors/crimson.d.ts +128 -0
  13. package/dist/colors/crimson.js +127 -0
  14. package/dist/colors/cyan.d.ts +128 -0
  15. package/dist/colors/cyan.js +127 -0
  16. package/dist/colors/gold.d.ts +128 -0
  17. package/dist/colors/gold.js +127 -0
  18. package/dist/colors/grass.d.ts +128 -0
  19. package/dist/colors/grass.js +127 -0
  20. package/dist/colors/gray.d.ts +128 -0
  21. package/dist/colors/gray.js +127 -0
  22. package/dist/colors/green.d.ts +128 -0
  23. package/dist/colors/green.js +127 -0
  24. package/dist/colors/index.d.ts +33 -0
  25. package/dist/colors/index.js +33 -0
  26. package/dist/colors/indigo.d.ts +128 -0
  27. package/dist/colors/indigo.js +127 -0
  28. package/dist/colors/iris.d.ts +128 -0
  29. package/dist/colors/iris.js +127 -0
  30. package/dist/colors/jade.d.ts +128 -0
  31. package/dist/colors/jade.js +127 -0
  32. package/dist/colors/lime.d.ts +128 -0
  33. package/dist/colors/lime.js +127 -0
  34. package/dist/colors/mauve.d.ts +128 -0
  35. package/dist/colors/mauve.js +127 -0
  36. package/dist/colors/mint.d.ts +128 -0
  37. package/dist/colors/mint.js +127 -0
  38. package/dist/colors/olive.d.ts +128 -0
  39. package/dist/colors/olive.js +127 -0
  40. package/dist/colors/orange.d.ts +128 -0
  41. package/dist/colors/orange.js +127 -0
  42. package/dist/colors/pink.d.ts +128 -0
  43. package/dist/colors/pink.js +127 -0
  44. package/dist/colors/plum.d.ts +128 -0
  45. package/dist/colors/plum.js +127 -0
  46. package/dist/colors/purple.d.ts +128 -0
  47. package/dist/colors/purple.js +127 -0
  48. package/dist/colors/red.d.ts +128 -0
  49. package/dist/colors/red.js +127 -0
  50. package/dist/colors/ruby.d.ts +128 -0
  51. package/dist/colors/ruby.js +127 -0
  52. package/dist/colors/sage.d.ts +128 -0
  53. package/dist/colors/sage.js +127 -0
  54. package/dist/colors/sand.d.ts +128 -0
  55. package/dist/colors/sand.js +127 -0
  56. package/dist/colors/sky.d.ts +128 -0
  57. package/dist/colors/sky.js +127 -0
  58. package/dist/colors/slate.d.ts +128 -0
  59. package/dist/colors/slate.js +127 -0
  60. package/dist/colors/teal.d.ts +128 -0
  61. package/dist/colors/teal.js +127 -0
  62. package/dist/colors/tomato.d.ts +128 -0
  63. package/dist/colors/tomato.js +127 -0
  64. package/dist/colors/violet.d.ts +128 -0
  65. package/dist/colors/violet.js +127 -0
  66. package/dist/colors/white-alpha.d.ts +31 -0
  67. package/dist/colors/white-alpha.js +30 -0
  68. package/dist/colors/yellow.d.ts +128 -0
  69. package/dist/colors/yellow.js +127 -0
  70. package/dist/index.d.ts +3911 -0
  71. package/dist/index.js +67 -0
  72. package/dist/lib.d.ts +30 -0
  73. package/dist/lib.js +87 -0
  74. package/dist/types.d.ts +40 -0
  75. package/dist/{colors.js → types.js} +0 -1
  76. package/package.json +7 -6
  77. package/dist/accents.css +0 -63
  78. package/dist/amber-accents.css +0 -32
  79. package/dist/amber-p3.css +0 -95
  80. package/dist/black-alpha.css +0 -29
  81. package/dist/blue-accents.css +0 -32
  82. package/dist/blue-p3.css +0 -95
  83. package/dist/bronze-accents.css +0 -32
  84. package/dist/bronze-p3.css +0 -95
  85. package/dist/brown-accents.css +0 -32
  86. package/dist/brown-p3.css +0 -95
  87. package/dist/colors.d.ts +0 -6
  88. package/dist/crimson-accents.css +0 -32
  89. package/dist/crimson-p3.css +0 -95
  90. package/dist/cyan-accents.css +0 -32
  91. package/dist/cyan-p3.css +0 -95
  92. package/dist/gold-accents.css +0 -32
  93. package/dist/gold-p3.css +0 -95
  94. package/dist/grass-accents.css +0 -32
  95. package/dist/grass-p3.css +0 -95
  96. package/dist/gray-accents.css +0 -32
  97. package/dist/gray-p3.css +0 -95
  98. package/dist/green-accents.css +0 -32
  99. package/dist/green-p3.css +0 -95
  100. package/dist/indigo-accents.css +0 -32
  101. package/dist/indigo-p3.css +0 -95
  102. package/dist/iris-accents.css +0 -32
  103. package/dist/iris-p3.css +0 -95
  104. package/dist/jade-accents.css +0 -32
  105. package/dist/jade-p3.css +0 -95
  106. package/dist/lime-accents.css +0 -32
  107. package/dist/lime-p3.css +0 -95
  108. package/dist/mauve-accents.css +0 -65
  109. package/dist/mauve-p3.css +0 -95
  110. package/dist/mint-accents.css +0 -32
  111. package/dist/mint-p3.css +0 -95
  112. package/dist/olive-accents.css +0 -65
  113. package/dist/olive-p3.css +0 -95
  114. package/dist/orange-accents.css +0 -32
  115. package/dist/orange-p3.css +0 -95
  116. package/dist/pink-accents.css +0 -32
  117. package/dist/pink-p3.css +0 -95
  118. package/dist/plum-accents.css +0 -32
  119. package/dist/plum-p3.css +0 -95
  120. package/dist/purple-accents.css +0 -32
  121. package/dist/purple-p3.css +0 -95
  122. package/dist/red-accents.css +0 -32
  123. package/dist/red-p3.css +0 -95
  124. package/dist/ruby-accents.css +0 -32
  125. package/dist/ruby-p3.css +0 -95
  126. package/dist/sage-accents.css +0 -65
  127. package/dist/sage-p3.css +0 -95
  128. package/dist/sand-accents.css +0 -65
  129. package/dist/sand-p3.css +0 -95
  130. package/dist/sky-accents.css +0 -32
  131. package/dist/sky-p3.css +0 -95
  132. package/dist/slate-accents.css +0 -65
  133. package/dist/slate-p3.css +0 -95
  134. package/dist/teal-accents.css +0 -32
  135. package/dist/teal-p3.css +0 -95
  136. package/dist/tomato-accents.css +0 -32
  137. package/dist/tomato-p3.css +0 -95
  138. package/dist/violet-accents.css +0 -32
  139. package/dist/violet-p3.css +0 -95
  140. package/dist/white-alpha.css +0 -29
  141. package/dist/yellow-accents.css +0 -32
  142. package/dist/yellow-p3.css +0 -95
@@ -1,32 +0,0 @@
1
- [data-accent-color='orange'] {
2
- --accent-1: var(--orange-1);
3
- --accent-2: var(--orange-2);
4
- --accent-3: var(--orange-3);
5
- --accent-4: var(--orange-4);
6
- --accent-5: var(--orange-5);
7
- --accent-6: var(--orange-6);
8
- --accent-7: var(--orange-7);
9
- --accent-8: var(--orange-8);
10
- --accent-9: var(--orange-9);
11
- --accent-10: var(--orange-10);
12
- --accent-11: var(--orange-11);
13
- --accent-12: var(--orange-12);
14
-
15
- --accent-a1: var(--orange-a1);
16
- --accent-a2: var(--orange-a2);
17
- --accent-a3: var(--orange-a3);
18
- --accent-a4: var(--orange-a4);
19
- --accent-a5: var(--orange-a5);
20
- --accent-a6: var(--orange-a6);
21
- --accent-a7: var(--orange-a7);
22
- --accent-a8: var(--orange-a8);
23
- --accent-a9: var(--orange-a9);
24
- --accent-a10: var(--orange-a10);
25
- --accent-a11: var(--orange-a11);
26
- --accent-a12: var(--orange-a12);
27
-
28
- --accent-contrast: var(--orange-contrast);
29
- --accent-surface: var(--orange-surface);
30
- --accent-indicator: var(--orange-indicator);
31
- --accent-track: var(--orange-track);
32
- }
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-orange-1: var(--orange-1);
3
- --color-orange-2: var(--orange-2);
4
- --color-orange-3: var(--orange-3);
5
- --color-orange-4: var(--orange-4);
6
- --color-orange-5: var(--orange-5);
7
- --color-orange-6: var(--orange-6);
8
- --color-orange-7: var(--orange-7);
9
- --color-orange-8: var(--orange-8);
10
- --color-orange-9: var(--orange-9);
11
- --color-orange-10: var(--orange-10);
12
- --color-orange-11: var(--orange-11);
13
- --color-orange-12: var(--orange-12);
14
-
15
- --color-orange-a1: var(--orange-a1);
16
- --color-orange-a2: var(--orange-a2);
17
- --color-orange-a3: var(--orange-a3);
18
- --color-orange-a4: var(--orange-a4);
19
- --color-orange-a5: var(--orange-a5);
20
- --color-orange-a6: var(--orange-a6);
21
- --color-orange-a7: var(--orange-a7);
22
- --color-orange-a8: var(--orange-a8);
23
- --color-orange-a9: var(--orange-a9);
24
- --color-orange-a10: var(--orange-a10);
25
- --color-orange-a11: var(--orange-a11);
26
- --color-orange-a12: var(--orange-a12);
27
-
28
- --color-orange-contrast: var(--orange-contrast);
29
- --color-orange-surface: var(--orange-surface);
30
- --color-orange-indicator: var(--orange-indicator);
31
- --color-orange-track: var(--orange-track);
32
- }
33
-
34
- :root {
35
- --orange-1: color(display-p3 0.995 0.988 0.985);
36
- --orange-2: color(display-p3 0.994 0.968 0.934);
37
- --orange-3: color(display-p3 0.989 0.938 0.85);
38
- --orange-4: color(display-p3 1 0.874 0.687);
39
- --orange-5: color(display-p3 1 0.821 0.583);
40
- --orange-6: color(display-p3 0.975 0.767 0.545);
41
- --orange-7: color(display-p3 0.919 0.693 0.486);
42
- --orange-8: color(display-p3 0.877 0.597 0.379);
43
- --orange-9: color(display-p3 0.9 0.45 0.2);
44
- --orange-10: color(display-p3 0.87 0.409 0.164);
45
- --orange-11: color(display-p3 0.76 0.34 0);
46
- --orange-12: color(display-p3 0.323 0.185 0.127);
47
-
48
- --orange-a1: color(display-p3 0.757 0.267 0.024 / 0.016);
49
- --orange-a2: color(display-p3 0.886 0.533 0.008 / 0.067);
50
- --orange-a3: color(display-p3 0.922 0.584 0.008 / 0.15);
51
- --orange-a4: color(display-p3 1 0.604 0.004 / 0.314);
52
- --orange-a5: color(display-p3 1 0.569 0.004 / 0.416);
53
- --orange-a6: color(display-p3 0.949 0.494 0.004 / 0.455);
54
- --orange-a7: color(display-p3 0.839 0.408 0 / 0.514);
55
- --orange-a8: color(display-p3 0.804 0.349 0 / 0.62);
56
- --orange-a9: color(display-p3 0.878 0.314 0 / 0.8);
57
- --orange-a10: color(display-p3 0.843 0.29 0 / 0.836);
58
- --orange-a11: color(display-p3 0.76 0.34 0);
59
- --orange-a12: color(display-p3 0.323 0.185 0.127);
60
-
61
- --orange-contrast: white;
62
- --orange-surface: color(display-p3 0.9961 0.9608 0.9176 / 0.8);
63
- --orange-indicator: var(--orange-9);
64
- --orange-track: var(--orange-9);
65
- }
66
-
67
- .dark {
68
- --orange-1: color(display-p3 0.088 0.07 0.057);
69
- --orange-2: color(display-p3 0.113 0.089 0.061);
70
- --orange-3: color(display-p3 0.189 0.12 0.056);
71
- --orange-4: color(display-p3 0.262 0.132 0);
72
- --orange-5: color(display-p3 0.315 0.168 0.016);
73
- --orange-6: color(display-p3 0.376 0.219 0.088);
74
- --orange-7: color(display-p3 0.465 0.283 0.147);
75
- --orange-8: color(display-p3 0.601 0.359 0.201);
76
- --orange-9: color(display-p3 0.9 0.45 0.2);
77
- --orange-10: color(display-p3 0.98 0.51 0.23);
78
- --orange-11: color(display-p3 1 0.63 0.38);
79
- --orange-12: color(display-p3 0.98 0.883 0.775);
80
-
81
- --orange-a1: color(display-p3 0.961 0.247 0 / 0.022);
82
- --orange-a2: color(display-p3 0.992 0.529 0 / 0.051);
83
- --orange-a3: color(display-p3 0.996 0.486 0 / 0.131);
84
- --orange-a4: color(display-p3 0.996 0.384 0 / 0.211);
85
- --orange-a5: color(display-p3 1 0.455 0 / 0.265);
86
- --orange-a6: color(display-p3 1 0.529 0.129 / 0.332);
87
- --orange-a7: color(display-p3 1 0.569 0.251 / 0.429);
88
- --orange-a8: color(display-p3 1 0.584 0.302 / 0.572);
89
- --orange-a9: color(display-p3 1 0.494 0.216 / 0.895);
90
- --orange-a10: color(display-p3 1 0.522 0.235 / 0.979);
91
- --orange-a11: color(display-p3 1 0.63 0.38);
92
- --orange-a12: color(display-p3 0.98 0.883 0.775);
93
-
94
- --orange-surface: color(display-p3 0.1412 0.1098 0.0706 / 0.5);
95
- }
@@ -1,32 +0,0 @@
1
- [data-accent-color='pink'] {
2
- --accent-1: var(--pink-1);
3
- --accent-2: var(--pink-2);
4
- --accent-3: var(--pink-3);
5
- --accent-4: var(--pink-4);
6
- --accent-5: var(--pink-5);
7
- --accent-6: var(--pink-6);
8
- --accent-7: var(--pink-7);
9
- --accent-8: var(--pink-8);
10
- --accent-9: var(--pink-9);
11
- --accent-10: var(--pink-10);
12
- --accent-11: var(--pink-11);
13
- --accent-12: var(--pink-12);
14
-
15
- --accent-a1: var(--pink-a1);
16
- --accent-a2: var(--pink-a2);
17
- --accent-a3: var(--pink-a3);
18
- --accent-a4: var(--pink-a4);
19
- --accent-a5: var(--pink-a5);
20
- --accent-a6: var(--pink-a6);
21
- --accent-a7: var(--pink-a7);
22
- --accent-a8: var(--pink-a8);
23
- --accent-a9: var(--pink-a9);
24
- --accent-a10: var(--pink-a10);
25
- --accent-a11: var(--pink-a11);
26
- --accent-a12: var(--pink-a12);
27
-
28
- --accent-contrast: var(--pink-contrast);
29
- --accent-surface: var(--pink-surface);
30
- --accent-indicator: var(--pink-indicator);
31
- --accent-track: var(--pink-track);
32
- }
package/dist/pink-p3.css DELETED
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-pink-1: var(--pink-1);
3
- --color-pink-2: var(--pink-2);
4
- --color-pink-3: var(--pink-3);
5
- --color-pink-4: var(--pink-4);
6
- --color-pink-5: var(--pink-5);
7
- --color-pink-6: var(--pink-6);
8
- --color-pink-7: var(--pink-7);
9
- --color-pink-8: var(--pink-8);
10
- --color-pink-9: var(--pink-9);
11
- --color-pink-10: var(--pink-10);
12
- --color-pink-11: var(--pink-11);
13
- --color-pink-12: var(--pink-12);
14
-
15
- --color-pink-a1: var(--pink-a1);
16
- --color-pink-a2: var(--pink-a2);
17
- --color-pink-a3: var(--pink-a3);
18
- --color-pink-a4: var(--pink-a4);
19
- --color-pink-a5: var(--pink-a5);
20
- --color-pink-a6: var(--pink-a6);
21
- --color-pink-a7: var(--pink-a7);
22
- --color-pink-a8: var(--pink-a8);
23
- --color-pink-a9: var(--pink-a9);
24
- --color-pink-a10: var(--pink-a10);
25
- --color-pink-a11: var(--pink-a11);
26
- --color-pink-a12: var(--pink-a12);
27
-
28
- --color-pink-contrast: var(--pink-contrast);
29
- --color-pink-surface: var(--pink-surface);
30
- --color-pink-indicator: var(--pink-indicator);
31
- --color-pink-track: var(--pink-track);
32
- }
33
-
34
- :root {
35
- --pink-1: color(display-p3 0.998 0.989 0.996);
36
- --pink-2: color(display-p3 0.992 0.97 0.985);
37
- --pink-3: color(display-p3 0.981 0.917 0.96);
38
- --pink-4: color(display-p3 0.963 0.867 0.932);
39
- --pink-5: color(display-p3 0.939 0.815 0.899);
40
- --pink-6: color(display-p3 0.907 0.756 0.859);
41
- --pink-7: color(display-p3 0.869 0.683 0.81);
42
- --pink-8: color(display-p3 0.825 0.59 0.751);
43
- --pink-9: color(display-p3 0.775 0.297 0.61);
44
- --pink-10: color(display-p3 0.748 0.27 0.581);
45
- --pink-11: color(display-p3 0.698 0.219 0.528);
46
- --pink-12: color(display-p3 0.363 0.101 0.279);
47
-
48
- --pink-a1: color(display-p3 0.675 0.024 0.675 / 0.012);
49
- --pink-a2: color(display-p3 0.757 0.02 0.51 / 0.032);
50
- --pink-a3: color(display-p3 0.765 0.008 0.529 / 0.083);
51
- --pink-a4: color(display-p3 0.737 0.008 0.506 / 0.134);
52
- --pink-a5: color(display-p3 0.663 0.004 0.451 / 0.185);
53
- --pink-a6: color(display-p3 0.616 0.004 0.424 / 0.244);
54
- --pink-a7: color(display-p3 0.596 0.004 0.412 / 0.318);
55
- --pink-a8: color(display-p3 0.573 0.004 0.404 / 0.412);
56
- --pink-a9: color(display-p3 0.682 0 0.447 / 0.702);
57
- --pink-a10: color(display-p3 0.655 0 0.424 / 0.73);
58
- --pink-a11: color(display-p3 0.698 0.219 0.528);
59
- --pink-a12: color(display-p3 0.363 0.101 0.279);
60
-
61
- --pink-contrast: white;
62
- --pink-surface: color(display-p3 0.9922 0.9608 0.9804 / 0.8);
63
- --pink-indicator: var(--pink-9);
64
- --pink-track: var(--pink-9);
65
- }
66
-
67
- .dark {
68
- --pink-1: color(display-p3 0.093 0.068 0.089);
69
- --pink-2: color(display-p3 0.121 0.073 0.11);
70
- --pink-3: color(display-p3 0.198 0.098 0.179);
71
- --pink-4: color(display-p3 0.271 0.095 0.231);
72
- --pink-5: color(display-p3 0.32 0.127 0.273);
73
- --pink-6: color(display-p3 0.382 0.177 0.326);
74
- --pink-7: color(display-p3 0.477 0.238 0.405);
75
- --pink-8: color(display-p3 0.612 0.304 0.51);
76
- --pink-9: color(display-p3 0.775 0.297 0.61);
77
- --pink-10: color(display-p3 0.808 0.356 0.645);
78
- --pink-11: color(display-p3 1 0.535 0.78);
79
- --pink-12: color(display-p3 0.964 0.826 0.912);
80
-
81
- --pink-a1: color(display-p3 0.984 0.071 0.855 / 0.03);
82
- --pink-a2: color(display-p3 1 0.2 0.8 / 0.059);
83
- --pink-a3: color(display-p3 1 0.294 0.886 / 0.139);
84
- --pink-a4: color(display-p3 1 0.192 0.82 / 0.219);
85
- --pink-a5: color(display-p3 1 0.282 0.827 / 0.274);
86
- --pink-a6: color(display-p3 1 0.396 0.835 / 0.337);
87
- --pink-a7: color(display-p3 1 0.459 0.831 / 0.442);
88
- --pink-a8: color(display-p3 1 0.478 0.827 / 0.585);
89
- --pink-a9: color(display-p3 1 0.373 0.784 / 0.761);
90
- --pink-a10: color(display-p3 1 0.435 0.792 / 0.795);
91
- --pink-a11: color(display-p3 1 0.535 0.78);
92
- --pink-a12: color(display-p3 0.964 0.826 0.912);
93
-
94
- --pink-surface: color(display-p3 0.1725 0.0784 0.149 / 0.5);
95
- }
@@ -1,32 +0,0 @@
1
- [data-accent-color='plum'] {
2
- --accent-1: var(--plum-1);
3
- --accent-2: var(--plum-2);
4
- --accent-3: var(--plum-3);
5
- --accent-4: var(--plum-4);
6
- --accent-5: var(--plum-5);
7
- --accent-6: var(--plum-6);
8
- --accent-7: var(--plum-7);
9
- --accent-8: var(--plum-8);
10
- --accent-9: var(--plum-9);
11
- --accent-10: var(--plum-10);
12
- --accent-11: var(--plum-11);
13
- --accent-12: var(--plum-12);
14
-
15
- --accent-a1: var(--plum-a1);
16
- --accent-a2: var(--plum-a2);
17
- --accent-a3: var(--plum-a3);
18
- --accent-a4: var(--plum-a4);
19
- --accent-a5: var(--plum-a5);
20
- --accent-a6: var(--plum-a6);
21
- --accent-a7: var(--plum-a7);
22
- --accent-a8: var(--plum-a8);
23
- --accent-a9: var(--plum-a9);
24
- --accent-a10: var(--plum-a10);
25
- --accent-a11: var(--plum-a11);
26
- --accent-a12: var(--plum-a12);
27
-
28
- --accent-contrast: var(--plum-contrast);
29
- --accent-surface: var(--plum-surface);
30
- --accent-indicator: var(--plum-indicator);
31
- --accent-track: var(--plum-track);
32
- }
package/dist/plum-p3.css DELETED
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-plum-1: var(--plum-1);
3
- --color-plum-2: var(--plum-2);
4
- --color-plum-3: var(--plum-3);
5
- --color-plum-4: var(--plum-4);
6
- --color-plum-5: var(--plum-5);
7
- --color-plum-6: var(--plum-6);
8
- --color-plum-7: var(--plum-7);
9
- --color-plum-8: var(--plum-8);
10
- --color-plum-9: var(--plum-9);
11
- --color-plum-10: var(--plum-10);
12
- --color-plum-11: var(--plum-11);
13
- --color-plum-12: var(--plum-12);
14
-
15
- --color-plum-a1: var(--plum-a1);
16
- --color-plum-a2: var(--plum-a2);
17
- --color-plum-a3: var(--plum-a3);
18
- --color-plum-a4: var(--plum-a4);
19
- --color-plum-a5: var(--plum-a5);
20
- --color-plum-a6: var(--plum-a6);
21
- --color-plum-a7: var(--plum-a7);
22
- --color-plum-a8: var(--plum-a8);
23
- --color-plum-a9: var(--plum-a9);
24
- --color-plum-a10: var(--plum-a10);
25
- --color-plum-a11: var(--plum-a11);
26
- --color-plum-a12: var(--plum-a12);
27
-
28
- --color-plum-contrast: var(--plum-contrast);
29
- --color-plum-surface: var(--plum-surface);
30
- --color-plum-indicator: var(--plum-indicator);
31
- --color-plum-track: var(--plum-track);
32
- }
33
-
34
- :root {
35
- --plum-1: color(display-p3 0.995 0.988 0.999);
36
- --plum-2: color(display-p3 0.988 0.971 0.99);
37
- --plum-3: color(display-p3 0.973 0.923 0.98);
38
- --plum-4: color(display-p3 0.953 0.875 0.966);
39
- --plum-5: color(display-p3 0.926 0.825 0.945);
40
- --plum-6: color(display-p3 0.89 0.765 0.916);
41
- --plum-7: color(display-p3 0.84 0.686 0.877);
42
- --plum-8: color(display-p3 0.775 0.58 0.832);
43
- --plum-9: color(display-p3 0.624 0.313 0.708);
44
- --plum-10: color(display-p3 0.587 0.29 0.667);
45
- --plum-11: color(display-p3 0.543 0.263 0.619);
46
- --plum-12: color(display-p3 0.299 0.114 0.352);
47
-
48
- --plum-a1: color(display-p3 0.675 0.024 1 / 0.012);
49
- --plum-a2: color(display-p3 0.58 0.024 0.58 / 0.028);
50
- --plum-a3: color(display-p3 0.655 0.008 0.753 / 0.079);
51
- --plum-a4: color(display-p3 0.627 0.008 0.722 / 0.126);
52
- --plum-a5: color(display-p3 0.58 0.004 0.69 / 0.177);
53
- --plum-a6: color(display-p3 0.537 0.004 0.655 / 0.236);
54
- --plum-a7: color(display-p3 0.49 0.004 0.616 / 0.314);
55
- --plum-a8: color(display-p3 0.471 0.004 0.6 / 0.42);
56
- --plum-a9: color(display-p3 0.451 0 0.576 / 0.687);
57
- --plum-a10: color(display-p3 0.42 0 0.529 / 0.71);
58
- --plum-a11: color(display-p3 0.543 0.263 0.619);
59
- --plum-a12: color(display-p3 0.299 0.114 0.352);
60
-
61
- --plum-contrast: white;
62
- --plum-surface: color(display-p3 0.9843 0.9647 0.9843 / 0.8);
63
- --plum-indicator: var(--plum-9);
64
- --plum-track: var(--plum-9);
65
- }
66
-
67
- .dark {
68
- --plum-1: color(display-p3 0.09 0.068 0.092);
69
- --plum-2: color(display-p3 0.118 0.077 0.121);
70
- --plum-3: color(display-p3 0.192 0.105 0.202);
71
- --plum-4: color(display-p3 0.25 0.121 0.271);
72
- --plum-5: color(display-p3 0.293 0.152 0.319);
73
- --plum-6: color(display-p3 0.343 0.198 0.372);
74
- --plum-7: color(display-p3 0.424 0.262 0.461);
75
- --plum-8: color(display-p3 0.54 0.341 0.595);
76
- --plum-9: color(display-p3 0.624 0.313 0.708);
77
- --plum-10: color(display-p3 0.666 0.365 0.748);
78
- --plum-11: color(display-p3 0.86 0.602 0.933);
79
- --plum-12: color(display-p3 0.936 0.836 0.949);
80
-
81
- --plum-a1: color(display-p3 0.973 0.071 0.973 / 0.026);
82
- --plum-a2: color(display-p3 0.933 0.267 1 / 0.059);
83
- --plum-a3: color(display-p3 0.918 0.333 0.996 / 0.148);
84
- --plum-a4: color(display-p3 0.91 0.318 1 / 0.219);
85
- --plum-a5: color(display-p3 0.914 0.388 1 / 0.269);
86
- --plum-a6: color(display-p3 0.906 0.463 1 / 0.328);
87
- --plum-a7: color(display-p3 0.906 0.529 1 / 0.425);
88
- --plum-a8: color(display-p3 0.906 0.553 1 / 0.568);
89
- --plum-a9: color(display-p3 0.875 0.427 1 / 0.69);
90
- --plum-a10: color(display-p3 0.886 0.471 0.996 / 0.732);
91
- --plum-a11: color(display-p3 0.86 0.602 0.933);
92
- --plum-a12: color(display-p3 0.936 0.836 0.949);
93
-
94
- --plum-surface: color(display-p3 0.1647 0.0863 0.1725 / 0.5);
95
- }
@@ -1,32 +0,0 @@
1
- [data-accent-color='purple'] {
2
- --accent-1: var(--purple-1);
3
- --accent-2: var(--purple-2);
4
- --accent-3: var(--purple-3);
5
- --accent-4: var(--purple-4);
6
- --accent-5: var(--purple-5);
7
- --accent-6: var(--purple-6);
8
- --accent-7: var(--purple-7);
9
- --accent-8: var(--purple-8);
10
- --accent-9: var(--purple-9);
11
- --accent-10: var(--purple-10);
12
- --accent-11: var(--purple-11);
13
- --accent-12: var(--purple-12);
14
-
15
- --accent-a1: var(--purple-a1);
16
- --accent-a2: var(--purple-a2);
17
- --accent-a3: var(--purple-a3);
18
- --accent-a4: var(--purple-a4);
19
- --accent-a5: var(--purple-a5);
20
- --accent-a6: var(--purple-a6);
21
- --accent-a7: var(--purple-a7);
22
- --accent-a8: var(--purple-a8);
23
- --accent-a9: var(--purple-a9);
24
- --accent-a10: var(--purple-a10);
25
- --accent-a11: var(--purple-a11);
26
- --accent-a12: var(--purple-a12);
27
-
28
- --accent-contrast: var(--purple-contrast);
29
- --accent-surface: var(--purple-surface);
30
- --accent-indicator: var(--purple-indicator);
31
- --accent-track: var(--purple-track);
32
- }
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-purple-1: var(--purple-1);
3
- --color-purple-2: var(--purple-2);
4
- --color-purple-3: var(--purple-3);
5
- --color-purple-4: var(--purple-4);
6
- --color-purple-5: var(--purple-5);
7
- --color-purple-6: var(--purple-6);
8
- --color-purple-7: var(--purple-7);
9
- --color-purple-8: var(--purple-8);
10
- --color-purple-9: var(--purple-9);
11
- --color-purple-10: var(--purple-10);
12
- --color-purple-11: var(--purple-11);
13
- --color-purple-12: var(--purple-12);
14
-
15
- --color-purple-a1: var(--purple-a1);
16
- --color-purple-a2: var(--purple-a2);
17
- --color-purple-a3: var(--purple-a3);
18
- --color-purple-a4: var(--purple-a4);
19
- --color-purple-a5: var(--purple-a5);
20
- --color-purple-a6: var(--purple-a6);
21
- --color-purple-a7: var(--purple-a7);
22
- --color-purple-a8: var(--purple-a8);
23
- --color-purple-a9: var(--purple-a9);
24
- --color-purple-a10: var(--purple-a10);
25
- --color-purple-a11: var(--purple-a11);
26
- --color-purple-a12: var(--purple-a12);
27
-
28
- --color-purple-contrast: var(--purple-contrast);
29
- --color-purple-surface: var(--purple-surface);
30
- --color-purple-indicator: var(--purple-indicator);
31
- --color-purple-track: var(--purple-track);
32
- }
33
-
34
- :root {
35
- --purple-1: color(display-p3 0.995 0.988 0.996);
36
- --purple-2: color(display-p3 0.983 0.971 0.993);
37
- --purple-3: color(display-p3 0.963 0.931 0.989);
38
- --purple-4: color(display-p3 0.937 0.888 0.981);
39
- --purple-5: color(display-p3 0.904 0.837 0.966);
40
- --purple-6: color(display-p3 0.86 0.774 0.942);
41
- --purple-7: color(display-p3 0.799 0.69 0.91);
42
- --purple-8: color(display-p3 0.719 0.583 0.874);
43
- --purple-9: color(display-p3 0.523 0.318 0.751);
44
- --purple-10: color(display-p3 0.483 0.289 0.7);
45
- --purple-11: color(display-p3 0.473 0.281 0.687);
46
- --purple-12: color(display-p3 0.234 0.132 0.363);
47
-
48
- --purple-a1: color(display-p3 0.675 0.024 0.675 / 0.012);
49
- --purple-a2: color(display-p3 0.443 0.024 0.722 / 0.028);
50
- --purple-a3: color(display-p3 0.506 0.008 0.835 / 0.071);
51
- --purple-a4: color(display-p3 0.451 0.004 0.831 / 0.114);
52
- --purple-a5: color(display-p3 0.431 0.004 0.788 / 0.165);
53
- --purple-a6: color(display-p3 0.384 0.004 0.745 / 0.228);
54
- --purple-a7: color(display-p3 0.357 0.004 0.71 / 0.31);
55
- --purple-a8: color(display-p3 0.322 0.004 0.702 / 0.416);
56
- --purple-a9: color(display-p3 0.298 0 0.639 / 0.683);
57
- --purple-a10: color(display-p3 0.271 0 0.58 / 0.71);
58
- --purple-a11: color(display-p3 0.473 0.281 0.687);
59
- --purple-a12: color(display-p3 0.234 0.132 0.363);
60
-
61
- --purple-contrast: white;
62
- --purple-surface: color(display-p3 0.9804 0.9647 0.9922 / 0.8);
63
- --purple-indicator: var(--purple-9);
64
- --purple-track: var(--purple-9);
65
- }
66
-
67
- .dark {
68
- --purple-1: color(display-p3 0.09 0.068 0.103);
69
- --purple-2: color(display-p3 0.113 0.082 0.134);
70
- --purple-3: color(display-p3 0.175 0.112 0.224);
71
- --purple-4: color(display-p3 0.224 0.137 0.297);
72
- --purple-5: color(display-p3 0.264 0.167 0.349);
73
- --purple-6: color(display-p3 0.311 0.208 0.406);
74
- --purple-7: color(display-p3 0.381 0.266 0.496);
75
- --purple-8: color(display-p3 0.49 0.349 0.649);
76
- --purple-9: color(display-p3 0.523 0.318 0.751);
77
- --purple-10: color(display-p3 0.57 0.373 0.791);
78
- --purple-11: color(display-p3 0.8 0.62 1);
79
- --purple-12: color(display-p3 0.913 0.854 0.971);
80
-
81
- --purple-a1: color(display-p3 0.686 0.071 0.996 / 0.038);
82
- --purple-a2: color(display-p3 0.722 0.286 0.996 / 0.072);
83
- --purple-a3: color(display-p3 0.718 0.349 0.996 / 0.169);
84
- --purple-a4: color(display-p3 0.702 0.353 1 / 0.248);
85
- --purple-a5: color(display-p3 0.718 0.404 1 / 0.303);
86
- --purple-a6: color(display-p3 0.733 0.455 1 / 0.366);
87
- --purple-a7: color(display-p3 0.753 0.506 1 / 0.458);
88
- --purple-a8: color(display-p3 0.749 0.522 1 / 0.622);
89
- --purple-a9: color(display-p3 0.686 0.408 1 / 0.736);
90
- --purple-a10: color(display-p3 0.71 0.459 1 / 0.778);
91
- --purple-a11: color(display-p3 0.8 0.62 1);
92
- --purple-a12: color(display-p3 0.913 0.854 0.971);
93
-
94
- --purple-surface: color(display-p3 0.149 0.0941 0.1961 / 0.5);
95
- }
@@ -1,32 +0,0 @@
1
- [data-accent-color='red'] {
2
- --accent-1: var(--red-1);
3
- --accent-2: var(--red-2);
4
- --accent-3: var(--red-3);
5
- --accent-4: var(--red-4);
6
- --accent-5: var(--red-5);
7
- --accent-6: var(--red-6);
8
- --accent-7: var(--red-7);
9
- --accent-8: var(--red-8);
10
- --accent-9: var(--red-9);
11
- --accent-10: var(--red-10);
12
- --accent-11: var(--red-11);
13
- --accent-12: var(--red-12);
14
-
15
- --accent-a1: var(--red-a1);
16
- --accent-a2: var(--red-a2);
17
- --accent-a3: var(--red-a3);
18
- --accent-a4: var(--red-a4);
19
- --accent-a5: var(--red-a5);
20
- --accent-a6: var(--red-a6);
21
- --accent-a7: var(--red-a7);
22
- --accent-a8: var(--red-a8);
23
- --accent-a9: var(--red-a9);
24
- --accent-a10: var(--red-a10);
25
- --accent-a11: var(--red-a11);
26
- --accent-a12: var(--red-a12);
27
-
28
- --accent-contrast: var(--red-contrast);
29
- --accent-surface: var(--red-surface);
30
- --accent-indicator: var(--red-indicator);
31
- --accent-track: var(--red-track);
32
- }
package/dist/red-p3.css DELETED
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-red-1: var(--red-1);
3
- --color-red-2: var(--red-2);
4
- --color-red-3: var(--red-3);
5
- --color-red-4: var(--red-4);
6
- --color-red-5: var(--red-5);
7
- --color-red-6: var(--red-6);
8
- --color-red-7: var(--red-7);
9
- --color-red-8: var(--red-8);
10
- --color-red-9: var(--red-9);
11
- --color-red-10: var(--red-10);
12
- --color-red-11: var(--red-11);
13
- --color-red-12: var(--red-12);
14
-
15
- --color-red-a1: var(--red-a1);
16
- --color-red-a2: var(--red-a2);
17
- --color-red-a3: var(--red-a3);
18
- --color-red-a4: var(--red-a4);
19
- --color-red-a5: var(--red-a5);
20
- --color-red-a6: var(--red-a6);
21
- --color-red-a7: var(--red-a7);
22
- --color-red-a8: var(--red-a8);
23
- --color-red-a9: var(--red-a9);
24
- --color-red-a10: var(--red-a10);
25
- --color-red-a11: var(--red-a11);
26
- --color-red-a12: var(--red-a12);
27
-
28
- --color-red-contrast: var(--red-contrast);
29
- --color-red-surface: var(--red-surface);
30
- --color-red-indicator: var(--red-indicator);
31
- --color-red-track: var(--red-track);
32
- }
33
-
34
- :root {
35
- --red-1: color(display-p3 0.998 0.989 0.988);
36
- --red-2: color(display-p3 0.995 0.971 0.971);
37
- --red-3: color(display-p3 0.985 0.925 0.925);
38
- --red-4: color(display-p3 0.999 0.866 0.866);
39
- --red-5: color(display-p3 0.984 0.812 0.811);
40
- --red-6: color(display-p3 0.955 0.751 0.749);
41
- --red-7: color(display-p3 0.915 0.675 0.672);
42
- --red-8: color(display-p3 0.872 0.575 0.572);
43
- --red-9: color(display-p3 0.83 0.329 0.324);
44
- --red-10: color(display-p3 0.798 0.294 0.285);
45
- --red-11: color(display-p3 0.744 0.234 0.222);
46
- --red-12: color(display-p3 0.36 0.115 0.143);
47
-
48
- --red-a1: color(display-p3 0.675 0.024 0.024 / 0.012);
49
- --red-a2: color(display-p3 0.863 0.024 0.024 / 0.028);
50
- --red-a3: color(display-p3 0.792 0.008 0.008 / 0.075);
51
- --red-a4: color(display-p3 1 0.008 0.008 / 0.134);
52
- --red-a5: color(display-p3 0.918 0.008 0.008 / 0.189);
53
- --red-a6: color(display-p3 0.831 0.02 0.004 / 0.251);
54
- --red-a7: color(display-p3 0.741 0.016 0.004 / 0.33);
55
- --red-a8: color(display-p3 0.698 0.012 0.004 / 0.428);
56
- --red-a9: color(display-p3 0.749 0.008 0 / 0.675);
57
- --red-a10: color(display-p3 0.714 0.012 0 / 0.714);
58
- --red-a11: color(display-p3 0.744 0.234 0.222);
59
- --red-a12: color(display-p3 0.36 0.115 0.143);
60
-
61
- --red-contrast: white;
62
- --red-surface: color(display-p3 0.9961 0.9647 0.9647 / 0.8);
63
- --red-indicator: var(--red-9);
64
- --red-track: var(--red-9);
65
- }
66
-
67
- .dark {
68
- --red-1: color(display-p3 0.093 0.068 0.067);
69
- --red-2: color(display-p3 0.118 0.077 0.079);
70
- --red-3: color(display-p3 0.211 0.081 0.099);
71
- --red-4: color(display-p3 0.287 0.079 0.113);
72
- --red-5: color(display-p3 0.348 0.11 0.142);
73
- --red-6: color(display-p3 0.414 0.16 0.183);
74
- --red-7: color(display-p3 0.508 0.224 0.236);
75
- --red-8: color(display-p3 0.659 0.298 0.297);
76
- --red-9: color(display-p3 0.83 0.329 0.324);
77
- --red-10: color(display-p3 0.861 0.403 0.387);
78
- --red-11: color(display-p3 1 0.57 0.55);
79
- --red-12: color(display-p3 0.971 0.826 0.852);
80
-
81
- --red-a1: color(display-p3 0.984 0.071 0.071 / 0.03);
82
- --red-a2: color(display-p3 0.996 0.282 0.282 / 0.055);
83
- --red-a3: color(display-p3 1 0.169 0.271 / 0.156);
84
- --red-a4: color(display-p3 1 0.118 0.267 / 0.236);
85
- --red-a5: color(display-p3 1 0.212 0.314 / 0.303);
86
- --red-a6: color(display-p3 1 0.318 0.38 / 0.374);
87
- --red-a7: color(display-p3 1 0.4 0.424 / 0.475);
88
- --red-a8: color(display-p3 1 0.431 0.431 / 0.635);
89
- --red-a9: color(display-p3 1 0.388 0.384 / 0.82);
90
- --red-a10: color(display-p3 1 0.463 0.447 / 0.853);
91
- --red-a11: color(display-p3 1 0.57 0.55);
92
- --red-a12: color(display-p3 0.971 0.826 0.852);
93
-
94
- --red-surface: color(display-p3 0.1647 0.0863 0.0863 / 0.5);
95
- }
@@ -1,32 +0,0 @@
1
- [data-accent-color='ruby'] {
2
- --accent-1: var(--ruby-1);
3
- --accent-2: var(--ruby-2);
4
- --accent-3: var(--ruby-3);
5
- --accent-4: var(--ruby-4);
6
- --accent-5: var(--ruby-5);
7
- --accent-6: var(--ruby-6);
8
- --accent-7: var(--ruby-7);
9
- --accent-8: var(--ruby-8);
10
- --accent-9: var(--ruby-9);
11
- --accent-10: var(--ruby-10);
12
- --accent-11: var(--ruby-11);
13
- --accent-12: var(--ruby-12);
14
-
15
- --accent-a1: var(--ruby-a1);
16
- --accent-a2: var(--ruby-a2);
17
- --accent-a3: var(--ruby-a3);
18
- --accent-a4: var(--ruby-a4);
19
- --accent-a5: var(--ruby-a5);
20
- --accent-a6: var(--ruby-a6);
21
- --accent-a7: var(--ruby-a7);
22
- --accent-a8: var(--ruby-a8);
23
- --accent-a9: var(--ruby-a9);
24
- --accent-a10: var(--ruby-a10);
25
- --accent-a11: var(--ruby-a11);
26
- --accent-a12: var(--ruby-a12);
27
-
28
- --accent-contrast: var(--ruby-contrast);
29
- --accent-surface: var(--ruby-surface);
30
- --accent-indicator: var(--ruby-indicator);
31
- --accent-track: var(--ruby-track);
32
- }