@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
package/dist/ruby-p3.css DELETED
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-ruby-1: var(--ruby-1);
3
- --color-ruby-2: var(--ruby-2);
4
- --color-ruby-3: var(--ruby-3);
5
- --color-ruby-4: var(--ruby-4);
6
- --color-ruby-5: var(--ruby-5);
7
- --color-ruby-6: var(--ruby-6);
8
- --color-ruby-7: var(--ruby-7);
9
- --color-ruby-8: var(--ruby-8);
10
- --color-ruby-9: var(--ruby-9);
11
- --color-ruby-10: var(--ruby-10);
12
- --color-ruby-11: var(--ruby-11);
13
- --color-ruby-12: var(--ruby-12);
14
-
15
- --color-ruby-a1: var(--ruby-a1);
16
- --color-ruby-a2: var(--ruby-a2);
17
- --color-ruby-a3: var(--ruby-a3);
18
- --color-ruby-a4: var(--ruby-a4);
19
- --color-ruby-a5: var(--ruby-a5);
20
- --color-ruby-a6: var(--ruby-a6);
21
- --color-ruby-a7: var(--ruby-a7);
22
- --color-ruby-a8: var(--ruby-a8);
23
- --color-ruby-a9: var(--ruby-a9);
24
- --color-ruby-a10: var(--ruby-a10);
25
- --color-ruby-a11: var(--ruby-a11);
26
- --color-ruby-a12: var(--ruby-a12);
27
-
28
- --color-ruby-contrast: var(--ruby-contrast);
29
- --color-ruby-surface: var(--ruby-surface);
30
- --color-ruby-indicator: var(--ruby-indicator);
31
- --color-ruby-track: var(--ruby-track);
32
- }
33
-
34
- :root {
35
- --ruby-1: color(display-p3 0.998 0.989 0.992);
36
- --ruby-2: color(display-p3 0.995 0.971 0.974);
37
- --ruby-3: color(display-p3 0.983 0.92 0.928);
38
- --ruby-4: color(display-p3 0.987 0.869 0.885);
39
- --ruby-5: color(display-p3 0.968 0.817 0.839);
40
- --ruby-6: color(display-p3 0.937 0.758 0.786);
41
- --ruby-7: color(display-p3 0.897 0.685 0.721);
42
- --ruby-8: color(display-p3 0.851 0.588 0.639);
43
- --ruby-9: color(display-p3 0.83 0.323 0.408);
44
- --ruby-10: color(display-p3 0.795 0.286 0.375);
45
- --ruby-11: color(display-p3 0.728 0.211 0.311);
46
- --ruby-12: color(display-p3 0.36 0.115 0.171);
47
-
48
- --ruby-a1: color(display-p3 0.675 0.024 0.349 / 0.012);
49
- --ruby-a2: color(display-p3 0.863 0.024 0.024 / 0.028);
50
- --ruby-a3: color(display-p3 0.804 0.008 0.11 / 0.079);
51
- --ruby-a4: color(display-p3 0.91 0.008 0.125 / 0.13);
52
- --ruby-a5: color(display-p3 0.831 0.004 0.133 / 0.185);
53
- --ruby-a6: color(display-p3 0.745 0.004 0.118 / 0.244);
54
- --ruby-a7: color(display-p3 0.678 0.004 0.114 / 0.314);
55
- --ruby-a8: color(display-p3 0.639 0.004 0.125 / 0.412);
56
- --ruby-a9: color(display-p3 0.753 0 0.129 / 0.679);
57
- --ruby-a10: color(display-p3 0.714 0 0.125 / 0.714);
58
- --ruby-a11: color(display-p3 0.728 0.211 0.311);
59
- --ruby-a12: color(display-p3 0.36 0.115 0.171);
60
-
61
- --ruby-contrast: white;
62
- --ruby-surface: color(display-p3 0.9961 0.9647 0.9647 / 0.8);
63
- --ruby-indicator: var(--ruby-9);
64
- --ruby-track: var(--ruby-9);
65
- }
66
-
67
- .dark {
68
- --ruby-1: color(display-p3 0.093 0.068 0.074);
69
- --ruby-2: color(display-p3 0.113 0.083 0.089);
70
- --ruby-3: color(display-p3 0.208 0.088 0.117);
71
- --ruby-4: color(display-p3 0.279 0.092 0.147);
72
- --ruby-5: color(display-p3 0.337 0.12 0.18);
73
- --ruby-6: color(display-p3 0.401 0.166 0.223);
74
- --ruby-7: color(display-p3 0.495 0.224 0.281);
75
- --ruby-8: color(display-p3 0.652 0.295 0.359);
76
- --ruby-9: color(display-p3 0.83 0.323 0.408);
77
- --ruby-10: color(display-p3 0.857 0.392 0.455);
78
- --ruby-11: color(display-p3 1 0.57 0.59);
79
- --ruby-12: color(display-p3 0.968 0.83 0.88);
80
-
81
- --ruby-a1: color(display-p3 0.984 0.071 0.329 / 0.03);
82
- --ruby-a2: color(display-p3 0.992 0.376 0.529 / 0.051);
83
- --ruby-a3: color(display-p3 0.996 0.196 0.404 / 0.152);
84
- --ruby-a4: color(display-p3 1 0.173 0.416 / 0.227);
85
- --ruby-a5: color(display-p3 1 0.259 0.459 / 0.29);
86
- --ruby-a6: color(display-p3 1 0.341 0.506 / 0.358);
87
- --ruby-a7: color(display-p3 1 0.412 0.541 / 0.458);
88
- --ruby-a8: color(display-p3 1 0.431 0.537 / 0.627);
89
- --ruby-a9: color(display-p3 1 0.376 0.482 / 0.82);
90
- --ruby-a10: color(display-p3 1 0.447 0.522 / 0.849);
91
- --ruby-a11: color(display-p3 1 0.57 0.59);
92
- --ruby-a12: color(display-p3 0.968 0.83 0.88);
93
-
94
- --ruby-surface: color(display-p3 0.1569 0.0941 0.1098 / 0.5);
95
- }
@@ -1,65 +0,0 @@
1
- [data-accent-color='sage'] {
2
- --accent-1: var(--sage-1);
3
- --accent-2: var(--sage-2);
4
- --accent-3: var(--sage-3);
5
- --accent-4: var(--sage-4);
6
- --accent-5: var(--sage-5);
7
- --accent-6: var(--sage-6);
8
- --accent-7: var(--sage-7);
9
- --accent-8: var(--sage-8);
10
- --accent-9: var(--sage-9);
11
- --accent-10: var(--sage-10);
12
- --accent-11: var(--sage-11);
13
- --accent-12: var(--sage-12);
14
-
15
- --accent-a1: var(--sage-a1);
16
- --accent-a2: var(--sage-a2);
17
- --accent-a3: var(--sage-a3);
18
- --accent-a4: var(--sage-a4);
19
- --accent-a5: var(--sage-a5);
20
- --accent-a6: var(--sage-a6);
21
- --accent-a7: var(--sage-a7);
22
- --accent-a8: var(--sage-a8);
23
- --accent-a9: var(--sage-a9);
24
- --accent-a10: var(--sage-a10);
25
- --accent-a11: var(--sage-a11);
26
- --accent-a12: var(--sage-a12);
27
-
28
- --accent-contrast: var(--sage-contrast);
29
- --accent-surface: var(--sage-surface);
30
- --accent-indicator: var(--sage-indicator);
31
- --accent-track: var(--sage-track);
32
- }
33
-
34
- [data-gray-color='sage'] {
35
- --gray-1: var(--sage-1);
36
- --gray-2: var(--sage-2);
37
- --gray-3: var(--sage-3);
38
- --gray-4: var(--sage-4);
39
- --gray-5: var(--sage-5);
40
- --gray-6: var(--sage-6);
41
- --gray-7: var(--sage-7);
42
- --gray-8: var(--sage-8);
43
- --gray-9: var(--sage-9);
44
- --gray-10: var(--sage-10);
45
- --gray-11: var(--sage-11);
46
- --gray-12: var(--sage-12);
47
-
48
- --gray-a1: var(--sage-a1);
49
- --gray-a2: var(--sage-a2);
50
- --gray-a3: var(--sage-a3);
51
- --gray-a4: var(--sage-a4);
52
- --gray-a5: var(--sage-a5);
53
- --gray-a6: var(--sage-a6);
54
- --gray-a7: var(--sage-a7);
55
- --gray-a8: var(--sage-a8);
56
- --gray-a9: var(--sage-a9);
57
- --gray-a10: var(--sage-a10);
58
- --gray-a11: var(--sage-a11);
59
- --gray-a12: var(--sage-a12);
60
-
61
- --gray-contrast: var(--sage-contrast);
62
- --gray-surface: var(--sage-surface);
63
- --gray-indicator: var(--sage-indicator);
64
- --gray-track: var(--sage-track);
65
- }
package/dist/sage-p3.css DELETED
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-sage-1: var(--sage-1);
3
- --color-sage-2: var(--sage-2);
4
- --color-sage-3: var(--sage-3);
5
- --color-sage-4: var(--sage-4);
6
- --color-sage-5: var(--sage-5);
7
- --color-sage-6: var(--sage-6);
8
- --color-sage-7: var(--sage-7);
9
- --color-sage-8: var(--sage-8);
10
- --color-sage-9: var(--sage-9);
11
- --color-sage-10: var(--sage-10);
12
- --color-sage-11: var(--sage-11);
13
- --color-sage-12: var(--sage-12);
14
-
15
- --color-sage-a1: var(--sage-a1);
16
- --color-sage-a2: var(--sage-a2);
17
- --color-sage-a3: var(--sage-a3);
18
- --color-sage-a4: var(--sage-a4);
19
- --color-sage-a5: var(--sage-a5);
20
- --color-sage-a6: var(--sage-a6);
21
- --color-sage-a7: var(--sage-a7);
22
- --color-sage-a8: var(--sage-a8);
23
- --color-sage-a9: var(--sage-a9);
24
- --color-sage-a10: var(--sage-a10);
25
- --color-sage-a11: var(--sage-a11);
26
- --color-sage-a12: var(--sage-a12);
27
-
28
- --color-sage-contrast: var(--sage-contrast);
29
- --color-sage-surface: var(--sage-surface);
30
- --color-sage-indicator: var(--sage-indicator);
31
- --color-sage-track: var(--sage-track);
32
- }
33
-
34
- :root {
35
- --sage-1: color(display-p3 0.986 0.992 0.988);
36
- --sage-2: color(display-p3 0.97 0.977 0.974);
37
- --sage-3: color(display-p3 0.935 0.944 0.94);
38
- --sage-4: color(display-p3 0.904 0.913 0.909);
39
- --sage-5: color(display-p3 0.875 0.885 0.88);
40
- --sage-6: color(display-p3 0.844 0.854 0.849);
41
- --sage-7: color(display-p3 0.8 0.811 0.806);
42
- --sage-8: color(display-p3 0.725 0.738 0.732);
43
- --sage-9: color(display-p3 0.531 0.556 0.546);
44
- --sage-10: color(display-p3 0.492 0.515 0.506);
45
- --sage-11: color(display-p3 0.377 0.395 0.389);
46
- --sage-12: color(display-p3 0.107 0.129 0.118);
47
-
48
- --sage-a1: color(display-p3 0.024 0.514 0.267 / 0.016);
49
- --sage-a2: color(display-p3 0.02 0.267 0.145 / 0.032);
50
- --sage-a3: color(display-p3 0.008 0.184 0.125 / 0.067);
51
- --sage-a4: color(display-p3 0.012 0.094 0.051 / 0.095);
52
- --sage-a5: color(display-p3 0.008 0.098 0.035 / 0.126);
53
- --sage-a6: color(display-p3 0.004 0.078 0.027 / 0.157);
54
- --sage-a7: color(display-p3 0 0.059 0.039 / 0.2);
55
- --sage-a8: color(display-p3 0.004 0.047 0.031 / 0.275);
56
- --sage-a9: color(display-p3 0.004 0.059 0.035 / 0.471);
57
- --sage-a10: color(display-p3 0 0.047 0.031 / 0.51);
58
- --sage-a11: color(display-p3 0 0.031 0.02 / 0.624);
59
- --sage-a12: color(display-p3 0 0.027 0.012 / 0.895);
60
-
61
- --sage-contrast: white;
62
- --sage-surface: color(display-p3 1 1 1 / 0.8);
63
- --sage-indicator: var(--sage-9);
64
- --sage-track: var(--sage-9);
65
- }
66
-
67
- .dark {
68
- --sage-1: color(display-p3 0.064 0.07 0.067);
69
- --sage-2: color(display-p3 0.092 0.098 0.094);
70
- --sage-3: color(display-p3 0.128 0.135 0.131);
71
- --sage-4: color(display-p3 0.155 0.164 0.159);
72
- --sage-5: color(display-p3 0.183 0.193 0.188);
73
- --sage-6: color(display-p3 0.218 0.23 0.224);
74
- --sage-7: color(display-p3 0.269 0.285 0.277);
75
- --sage-8: color(display-p3 0.362 0.382 0.373);
76
- --sage-9: color(display-p3 0.398 0.438 0.421);
77
- --sage-10: color(display-p3 0.453 0.49 0.474);
78
- --sage-11: color(display-p3 0.685 0.709 0.697);
79
- --sage-12: color(display-p3 0.927 0.933 0.93);
80
-
81
- --sage-a1: color(display-p3 0 0 0 / 0);
82
- --sage-a2: color(display-p3 0.976 0.988 0.984 / 0.03);
83
- --sage-a3: color(display-p3 0.992 0.945 0.941 / 0.072);
84
- --sage-a4: color(display-p3 0.988 0.996 0.992 / 0.102);
85
- --sage-a5: color(display-p3 0.992 1 0.996 / 0.131);
86
- --sage-a6: color(display-p3 0.973 1 0.976 / 0.173);
87
- --sage-a7: color(display-p3 0.957 1 0.976 / 0.233);
88
- --sage-a8: color(display-p3 0.957 1 0.984 / 0.334);
89
- --sage-a9: color(display-p3 0.902 1 0.957 / 0.397);
90
- --sage-a10: color(display-p3 0.929 1 0.973 / 0.452);
91
- --sage-a11: color(display-p3 0.969 1 0.988 / 0.688);
92
- --sage-a12: color(display-p3 0.992 1 0.996 / 0.929);
93
-
94
- --sage-surface: color(display-p3 0.1176 0.1255 0.1176 / 0.5);
95
- }
@@ -1,65 +0,0 @@
1
- [data-accent-color='sand'] {
2
- --accent-1: var(--sand-1);
3
- --accent-2: var(--sand-2);
4
- --accent-3: var(--sand-3);
5
- --accent-4: var(--sand-4);
6
- --accent-5: var(--sand-5);
7
- --accent-6: var(--sand-6);
8
- --accent-7: var(--sand-7);
9
- --accent-8: var(--sand-8);
10
- --accent-9: var(--sand-9);
11
- --accent-10: var(--sand-10);
12
- --accent-11: var(--sand-11);
13
- --accent-12: var(--sand-12);
14
-
15
- --accent-a1: var(--sand-a1);
16
- --accent-a2: var(--sand-a2);
17
- --accent-a3: var(--sand-a3);
18
- --accent-a4: var(--sand-a4);
19
- --accent-a5: var(--sand-a5);
20
- --accent-a6: var(--sand-a6);
21
- --accent-a7: var(--sand-a7);
22
- --accent-a8: var(--sand-a8);
23
- --accent-a9: var(--sand-a9);
24
- --accent-a10: var(--sand-a10);
25
- --accent-a11: var(--sand-a11);
26
- --accent-a12: var(--sand-a12);
27
-
28
- --accent-contrast: var(--sand-contrast);
29
- --accent-surface: var(--sand-surface);
30
- --accent-indicator: var(--sand-indicator);
31
- --accent-track: var(--sand-track);
32
- }
33
-
34
- [data-gray-color='sand'] {
35
- --gray-1: var(--sand-1);
36
- --gray-2: var(--sand-2);
37
- --gray-3: var(--sand-3);
38
- --gray-4: var(--sand-4);
39
- --gray-5: var(--sand-5);
40
- --gray-6: var(--sand-6);
41
- --gray-7: var(--sand-7);
42
- --gray-8: var(--sand-8);
43
- --gray-9: var(--sand-9);
44
- --gray-10: var(--sand-10);
45
- --gray-11: var(--sand-11);
46
- --gray-12: var(--sand-12);
47
-
48
- --gray-a1: var(--sand-a1);
49
- --gray-a2: var(--sand-a2);
50
- --gray-a3: var(--sand-a3);
51
- --gray-a4: var(--sand-a4);
52
- --gray-a5: var(--sand-a5);
53
- --gray-a6: var(--sand-a6);
54
- --gray-a7: var(--sand-a7);
55
- --gray-a8: var(--sand-a8);
56
- --gray-a9: var(--sand-a9);
57
- --gray-a10: var(--sand-a10);
58
- --gray-a11: var(--sand-a11);
59
- --gray-a12: var(--sand-a12);
60
-
61
- --gray-contrast: var(--sand-contrast);
62
- --gray-surface: var(--sand-surface);
63
- --gray-indicator: var(--sand-indicator);
64
- --gray-track: var(--sand-track);
65
- }
package/dist/sand-p3.css DELETED
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-sand-1: var(--sand-1);
3
- --color-sand-2: var(--sand-2);
4
- --color-sand-3: var(--sand-3);
5
- --color-sand-4: var(--sand-4);
6
- --color-sand-5: var(--sand-5);
7
- --color-sand-6: var(--sand-6);
8
- --color-sand-7: var(--sand-7);
9
- --color-sand-8: var(--sand-8);
10
- --color-sand-9: var(--sand-9);
11
- --color-sand-10: var(--sand-10);
12
- --color-sand-11: var(--sand-11);
13
- --color-sand-12: var(--sand-12);
14
-
15
- --color-sand-a1: var(--sand-a1);
16
- --color-sand-a2: var(--sand-a2);
17
- --color-sand-a3: var(--sand-a3);
18
- --color-sand-a4: var(--sand-a4);
19
- --color-sand-a5: var(--sand-a5);
20
- --color-sand-a6: var(--sand-a6);
21
- --color-sand-a7: var(--sand-a7);
22
- --color-sand-a8: var(--sand-a8);
23
- --color-sand-a9: var(--sand-a9);
24
- --color-sand-a10: var(--sand-a10);
25
- --color-sand-a11: var(--sand-a11);
26
- --color-sand-a12: var(--sand-a12);
27
-
28
- --color-sand-contrast: var(--sand-contrast);
29
- --color-sand-surface: var(--sand-surface);
30
- --color-sand-indicator: var(--sand-indicator);
31
- --color-sand-track: var(--sand-track);
32
- }
33
-
34
- :root {
35
- --sand-1: color(display-p3 0.992 0.992 0.989);
36
- --sand-2: color(display-p3 0.977 0.977 0.973);
37
- --sand-3: color(display-p3 0.943 0.942 0.936);
38
- --sand-4: color(display-p3 0.913 0.912 0.903);
39
- --sand-5: color(display-p3 0.885 0.883 0.873);
40
- --sand-6: color(display-p3 0.854 0.852 0.839);
41
- --sand-7: color(display-p3 0.813 0.81 0.794);
42
- --sand-8: color(display-p3 0.738 0.734 0.713);
43
- --sand-9: color(display-p3 0.553 0.553 0.528);
44
- --sand-10: color(display-p3 0.511 0.511 0.488);
45
- --sand-11: color(display-p3 0.388 0.388 0.37);
46
- --sand-12: color(display-p3 0.129 0.126 0.111);
47
-
48
- --sand-a1: color(display-p3 0.349 0.349 0.024 / 0.012);
49
- --sand-a2: color(display-p3 0.161 0.161 0.024 / 0.028);
50
- --sand-a3: color(display-p3 0.067 0.067 0.008 / 0.063);
51
- --sand-a4: color(display-p3 0.129 0.129 0.012 / 0.099);
52
- --sand-a5: color(display-p3 0.098 0.067 0.008 / 0.126);
53
- --sand-a6: color(display-p3 0.102 0.075 0.004 / 0.161);
54
- --sand-a7: color(display-p3 0.098 0.098 0.004 / 0.208);
55
- --sand-a8: color(display-p3 0.086 0.075 0.004 / 0.287);
56
- --sand-a9: color(display-p3 0.051 0.051 0.004 / 0.471);
57
- --sand-a10: color(display-p3 0.047 0.047 0 / 0.514);
58
- --sand-a11: color(display-p3 0.031 0.031 0 / 0.632);
59
- --sand-a12: color(display-p3 0.024 0.02 0 / 0.891);
60
-
61
- --sand-contrast: white;
62
- --sand-surface: color(display-p3 1 1 1 / 0.8);
63
- --sand-indicator: var(--sand-9);
64
- --sand-track: var(--sand-9);
65
- }
66
-
67
- .dark {
68
- --sand-1: color(display-p3 0.067 0.067 0.063);
69
- --sand-2: color(display-p3 0.098 0.098 0.094);
70
- --sand-3: color(display-p3 0.135 0.135 0.129);
71
- --sand-4: color(display-p3 0.164 0.163 0.156);
72
- --sand-5: color(display-p3 0.193 0.192 0.183);
73
- --sand-6: color(display-p3 0.23 0.229 0.217);
74
- --sand-7: color(display-p3 0.285 0.282 0.267);
75
- --sand-8: color(display-p3 0.384 0.378 0.357);
76
- --sand-9: color(display-p3 0.434 0.428 0.403);
77
- --sand-10: color(display-p3 0.487 0.481 0.456);
78
- --sand-11: color(display-p3 0.707 0.703 0.68);
79
- --sand-12: color(display-p3 0.933 0.933 0.926);
80
-
81
- --sand-a1: color(display-p3 0 0 0 / 0);
82
- --sand-a2: color(display-p3 0.992 0.992 0.988 / 0.034);
83
- --sand-a3: color(display-p3 0.996 0.996 0.992 / 0.072);
84
- --sand-a4: color(display-p3 0.992 0.992 0.953 / 0.106);
85
- --sand-a5: color(display-p3 1 1 0.965 / 0.135);
86
- --sand-a6: color(display-p3 1 0.976 0.929 / 0.177);
87
- --sand-a7: color(display-p3 1 0.984 0.929 / 0.236);
88
- --sand-a8: color(display-p3 1 0.976 0.925 / 0.341);
89
- --sand-a9: color(display-p3 1 0.98 0.925 / 0.395);
90
- --sand-a10: color(display-p3 1 0.992 0.933 / 0.45);
91
- --sand-a11: color(display-p3 1 0.996 0.961 / 0.685);
92
- --sand-a12: color(display-p3 1 1 0.992 / 0.929);
93
-
94
- --sand-surface: color(display-p3 0.1255 0.1255 0.1255 / 0.5);
95
- }
@@ -1,32 +0,0 @@
1
- [data-accent-color='sky'] {
2
- --accent-1: var(--sky-1);
3
- --accent-2: var(--sky-2);
4
- --accent-3: var(--sky-3);
5
- --accent-4: var(--sky-4);
6
- --accent-5: var(--sky-5);
7
- --accent-6: var(--sky-6);
8
- --accent-7: var(--sky-7);
9
- --accent-8: var(--sky-8);
10
- --accent-9: var(--sky-9);
11
- --accent-10: var(--sky-10);
12
- --accent-11: var(--sky-11);
13
- --accent-12: var(--sky-12);
14
-
15
- --accent-a1: var(--sky-a1);
16
- --accent-a2: var(--sky-a2);
17
- --accent-a3: var(--sky-a3);
18
- --accent-a4: var(--sky-a4);
19
- --accent-a5: var(--sky-a5);
20
- --accent-a6: var(--sky-a6);
21
- --accent-a7: var(--sky-a7);
22
- --accent-a8: var(--sky-a8);
23
- --accent-a9: var(--sky-a9);
24
- --accent-a10: var(--sky-a10);
25
- --accent-a11: var(--sky-a11);
26
- --accent-a12: var(--sky-a12);
27
-
28
- --accent-contrast: var(--sky-contrast);
29
- --accent-surface: var(--sky-surface);
30
- --accent-indicator: var(--sky-indicator);
31
- --accent-track: var(--sky-track);
32
- }
package/dist/sky-p3.css DELETED
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-sky-1: var(--sky-1);
3
- --color-sky-2: var(--sky-2);
4
- --color-sky-3: var(--sky-3);
5
- --color-sky-4: var(--sky-4);
6
- --color-sky-5: var(--sky-5);
7
- --color-sky-6: var(--sky-6);
8
- --color-sky-7: var(--sky-7);
9
- --color-sky-8: var(--sky-8);
10
- --color-sky-9: var(--sky-9);
11
- --color-sky-10: var(--sky-10);
12
- --color-sky-11: var(--sky-11);
13
- --color-sky-12: var(--sky-12);
14
-
15
- --color-sky-a1: var(--sky-a1);
16
- --color-sky-a2: var(--sky-a2);
17
- --color-sky-a3: var(--sky-a3);
18
- --color-sky-a4: var(--sky-a4);
19
- --color-sky-a5: var(--sky-a5);
20
- --color-sky-a6: var(--sky-a6);
21
- --color-sky-a7: var(--sky-a7);
22
- --color-sky-a8: var(--sky-a8);
23
- --color-sky-a9: var(--sky-a9);
24
- --color-sky-a10: var(--sky-a10);
25
- --color-sky-a11: var(--sky-a11);
26
- --color-sky-a12: var(--sky-a12);
27
-
28
- --color-sky-contrast: var(--sky-contrast);
29
- --color-sky-surface: var(--sky-surface);
30
- --color-sky-indicator: var(--sky-indicator);
31
- --color-sky-track: var(--sky-track);
32
- }
33
-
34
- :root {
35
- --sky-1: color(display-p3 0.98 0.995 0.999);
36
- --sky-2: color(display-p3 0.953 0.98 0.99);
37
- --sky-3: color(display-p3 0.899 0.963 0.989);
38
- --sky-4: color(display-p3 0.842 0.937 0.977);
39
- --sky-5: color(display-p3 0.777 0.9 0.954);
40
- --sky-6: color(display-p3 0.701 0.851 0.921);
41
- --sky-7: color(display-p3 0.604 0.785 0.879);
42
- --sky-8: color(display-p3 0.457 0.696 0.829);
43
- --sky-9: color(display-p3 0.585 0.877 0.983);
44
- --sky-10: color(display-p3 0.555 0.845 0.959);
45
- --sky-11: color(display-p3 0.193 0.448 0.605);
46
- --sky-12: color(display-p3 0.145 0.241 0.329);
47
-
48
- --sky-a1: color(display-p3 0.02 0.804 1 / 0.02);
49
- --sky-a2: color(display-p3 0.024 0.592 0.757 / 0.048);
50
- --sky-a3: color(display-p3 0.004 0.655 0.886 / 0.102);
51
- --sky-a4: color(display-p3 0.004 0.604 0.851 / 0.157);
52
- --sky-a5: color(display-p3 0.004 0.565 0.792 / 0.224);
53
- --sky-a6: color(display-p3 0.004 0.502 0.737 / 0.299);
54
- --sky-a7: color(display-p3 0.004 0.459 0.694 / 0.397);
55
- --sky-a8: color(display-p3 0 0.435 0.682 / 0.542);
56
- --sky-a9: color(display-p3 0.004 0.71 0.965 / 0.416);
57
- --sky-a10: color(display-p3 0.004 0.647 0.914 / 0.444);
58
- --sky-a11: color(display-p3 0.193 0.448 0.605);
59
- --sky-a12: color(display-p3 0.145 0.241 0.329);
60
-
61
- --sky-contrast: #1c2024; /* light mode slate 12 */
62
- --sky-surface: color(display-p3 0.9412 0.9765 0.9843 / 0.8);
63
- --sky-indicator: var(--sky-9);
64
- --sky-track: var(--sky-9);
65
- }
66
-
67
- .dark {
68
- --sky-1: color(display-p3 0.056 0.078 0.116);
69
- --sky-2: color(display-p3 0.075 0.101 0.149);
70
- --sky-3: color(display-p3 0.089 0.154 0.244);
71
- --sky-4: color(display-p3 0.106 0.207 0.323);
72
- --sky-5: color(display-p3 0.135 0.261 0.394);
73
- --sky-6: color(display-p3 0.17 0.322 0.469);
74
- --sky-7: color(display-p3 0.205 0.394 0.557);
75
- --sky-8: color(display-p3 0.232 0.48 0.665);
76
- --sky-9: color(display-p3 0.585 0.877 0.983);
77
- --sky-10: color(display-p3 0.718 0.925 0.991);
78
- --sky-11: color(display-p3 0.536 0.772 0.924);
79
- --sky-12: color(display-p3 0.799 0.947 0.993);
80
-
81
- --sky-a1: color(display-p3 0 0.282 0.996 / 0.055);
82
- --sky-a2: color(display-p3 0.157 0.467 0.992 / 0.089);
83
- --sky-a3: color(display-p3 0.192 0.522 0.996 / 0.19);
84
- --sky-a4: color(display-p3 0.212 0.584 1 / 0.274);
85
- --sky-a5: color(display-p3 0.259 0.631 1 / 0.349);
86
- --sky-a6: color(display-p3 0.302 0.655 1 / 0.433);
87
- --sky-a7: color(display-p3 0.329 0.686 1 / 0.526);
88
- --sky-a8: color(display-p3 0.325 0.71 1 / 0.643);
89
- --sky-a9: color(display-p3 0.592 0.894 1 / 0.984);
90
- --sky-a10: color(display-p3 0.722 0.933 1 / 0.992);
91
- --sky-a11: color(display-p3 0.536 0.772 0.924);
92
- --sky-a12: color(display-p3 0.799 0.947 0.993);
93
-
94
- --sky-surface: color(display-p3 0.0863 0.1333 0.2196 / 0.5);
95
- }
@@ -1,65 +0,0 @@
1
- [data-accent-color='slate'] {
2
- --accent-1: var(--slate-1);
3
- --accent-2: var(--slate-2);
4
- --accent-3: var(--slate-3);
5
- --accent-4: var(--slate-4);
6
- --accent-5: var(--slate-5);
7
- --accent-6: var(--slate-6);
8
- --accent-7: var(--slate-7);
9
- --accent-8: var(--slate-8);
10
- --accent-9: var(--slate-9);
11
- --accent-10: var(--slate-10);
12
- --accent-11: var(--slate-11);
13
- --accent-12: var(--slate-12);
14
-
15
- --accent-a1: var(--slate-a1);
16
- --accent-a2: var(--slate-a2);
17
- --accent-a3: var(--slate-a3);
18
- --accent-a4: var(--slate-a4);
19
- --accent-a5: var(--slate-a5);
20
- --accent-a6: var(--slate-a6);
21
- --accent-a7: var(--slate-a7);
22
- --accent-a8: var(--slate-a8);
23
- --accent-a9: var(--slate-a9);
24
- --accent-a10: var(--slate-a10);
25
- --accent-a11: var(--slate-a11);
26
- --accent-a12: var(--slate-a12);
27
-
28
- --accent-contrast: var(--slate-contrast);
29
- --accent-surface: var(--slate-surface);
30
- --accent-indicator: var(--slate-indicator);
31
- --accent-track: var(--slate-track);
32
- }
33
-
34
- [data-gray-color='slate'] {
35
- --gray-1: var(--slate-1);
36
- --gray-2: var(--slate-2);
37
- --gray-3: var(--slate-3);
38
- --gray-4: var(--slate-4);
39
- --gray-5: var(--slate-5);
40
- --gray-6: var(--slate-6);
41
- --gray-7: var(--slate-7);
42
- --gray-8: var(--slate-8);
43
- --gray-9: var(--slate-9);
44
- --gray-10: var(--slate-10);
45
- --gray-11: var(--slate-11);
46
- --gray-12: var(--slate-12);
47
-
48
- --gray-a1: var(--slate-a1);
49
- --gray-a2: var(--slate-a2);
50
- --gray-a3: var(--slate-a3);
51
- --gray-a4: var(--slate-a4);
52
- --gray-a5: var(--slate-a5);
53
- --gray-a6: var(--slate-a6);
54
- --gray-a7: var(--slate-a7);
55
- --gray-a8: var(--slate-a8);
56
- --gray-a9: var(--slate-a9);
57
- --gray-a10: var(--slate-a10);
58
- --gray-a11: var(--slate-a11);
59
- --gray-a12: var(--slate-a12);
60
-
61
- --gray-contrast: var(--slate-contrast);
62
- --gray-surface: var(--slate-surface);
63
- --gray-indicator: var(--slate-indicator);
64
- --gray-track: var(--slate-track);
65
- }