@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/grass-p3.css DELETED
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-grass-1: var(--grass-1);
3
- --color-grass-2: var(--grass-2);
4
- --color-grass-3: var(--grass-3);
5
- --color-grass-4: var(--grass-4);
6
- --color-grass-5: var(--grass-5);
7
- --color-grass-6: var(--grass-6);
8
- --color-grass-7: var(--grass-7);
9
- --color-grass-8: var(--grass-8);
10
- --color-grass-9: var(--grass-9);
11
- --color-grass-10: var(--grass-10);
12
- --color-grass-11: var(--grass-11);
13
- --color-grass-12: var(--grass-12);
14
-
15
- --color-grass-a1: var(--grass-a1);
16
- --color-grass-a2: var(--grass-a2);
17
- --color-grass-a3: var(--grass-a3);
18
- --color-grass-a4: var(--grass-a4);
19
- --color-grass-a5: var(--grass-a5);
20
- --color-grass-a6: var(--grass-a6);
21
- --color-grass-a7: var(--grass-a7);
22
- --color-grass-a8: var(--grass-a8);
23
- --color-grass-a9: var(--grass-a9);
24
- --color-grass-a10: var(--grass-a10);
25
- --color-grass-a11: var(--grass-a11);
26
- --color-grass-a12: var(--grass-a12);
27
-
28
- --color-grass-contrast: var(--grass-contrast);
29
- --color-grass-surface: var(--grass-surface);
30
- --color-grass-indicator: var(--grass-indicator);
31
- --color-grass-track: var(--grass-track);
32
- }
33
-
34
- :root {
35
- --grass-1: color(display-p3 0.986 0.996 0.985);
36
- --grass-2: color(display-p3 0.966 0.983 0.964);
37
- --grass-3: color(display-p3 0.923 0.965 0.917);
38
- --grass-4: color(display-p3 0.872 0.94 0.865);
39
- --grass-5: color(display-p3 0.811 0.908 0.802);
40
- --grass-6: color(display-p3 0.733 0.864 0.724);
41
- --grass-7: color(display-p3 0.628 0.803 0.622);
42
- --grass-8: color(display-p3 0.477 0.72 0.482);
43
- --grass-9: color(display-p3 0.38 0.647 0.378);
44
- --grass-10: color(display-p3 0.344 0.598 0.342);
45
- --grass-11: color(display-p3 0.263 0.488 0.261);
46
- --grass-12: color(display-p3 0.151 0.233 0.153);
47
-
48
- --grass-a1: color(display-p3 0.024 0.757 0.024 / 0.016);
49
- --grass-a2: color(display-p3 0.024 0.565 0.024 / 0.036);
50
- --grass-a3: color(display-p3 0.059 0.576 0.008 / 0.083);
51
- --grass-a4: color(display-p3 0.035 0.565 0.008 / 0.134);
52
- --grass-a5: color(display-p3 0.047 0.545 0.008 / 0.197);
53
- --grass-a6: color(display-p3 0.031 0.502 0.004 / 0.275);
54
- --grass-a7: color(display-p3 0.012 0.482 0.004 / 0.377);
55
- --grass-a8: color(display-p3 0 0.467 0.008 / 0.522);
56
- --grass-a9: color(display-p3 0.008 0.435 0 / 0.624);
57
- --grass-a10: color(display-p3 0.008 0.388 0 / 0.659);
58
- --grass-a11: color(display-p3 0.263 0.488 0.261);
59
- --grass-a12: color(display-p3 0.151 0.233 0.153);
60
-
61
- --grass-contrast: white;
62
- --grass-surface: color(display-p3 0.9569 0.9804 0.9569 / 0.8);
63
- --grass-indicator: var(--grass-9);
64
- --grass-track: var(--grass-9);
65
- }
66
-
67
- .dark {
68
- --grass-1: color(display-p3 0.062 0.083 0.067);
69
- --grass-2: color(display-p3 0.083 0.103 0.085);
70
- --grass-3: color(display-p3 0.118 0.163 0.122);
71
- --grass-4: color(display-p3 0.142 0.225 0.15);
72
- --grass-5: color(display-p3 0.178 0.279 0.186);
73
- --grass-6: color(display-p3 0.217 0.337 0.224);
74
- --grass-7: color(display-p3 0.258 0.4 0.264);
75
- --grass-8: color(display-p3 0.302 0.47 0.305);
76
- --grass-9: color(display-p3 0.38 0.647 0.378);
77
- --grass-10: color(display-p3 0.426 0.694 0.426);
78
- --grass-11: color(display-p3 0.535 0.807 0.542);
79
- --grass-12: color(display-p3 0.797 0.936 0.776);
80
-
81
- --grass-a1: color(display-p3 0 0.992 0.071 / 0.017);
82
- --grass-a2: color(display-p3 0.482 0.996 0.584 / 0.038);
83
- --grass-a3: color(display-p3 0.549 0.992 0.588 / 0.106);
84
- --grass-a4: color(display-p3 0.51 0.996 0.557 / 0.169);
85
- --grass-a5: color(display-p3 0.553 1 0.588 / 0.227);
86
- --grass-a6: color(display-p3 0.584 1 0.608 / 0.29);
87
- --grass-a7: color(display-p3 0.604 1 0.616 / 0.358);
88
- --grass-a8: color(display-p3 0.608 1 0.62 / 0.433);
89
- --grass-a9: color(display-p3 0.573 1 0.569 / 0.622);
90
- --grass-a10: color(display-p3 0.6 0.996 0.6 / 0.673);
91
- --grass-a11: color(display-p3 0.535 0.807 0.542);
92
- --grass-a12: color(display-p3 0.797 0.936 0.776);
93
-
94
- --grass-surface: color(display-p3 0.102 0.1333 0.102 / 0.5);
95
- }
@@ -1,32 +0,0 @@
1
- [data-accent-color='gray'] {
2
- --accent-1: var(--gray-1);
3
- --accent-2: var(--gray-2);
4
- --accent-3: var(--gray-3);
5
- --accent-4: var(--gray-4);
6
- --accent-5: var(--gray-5);
7
- --accent-6: var(--gray-6);
8
- --accent-7: var(--gray-7);
9
- --accent-8: var(--gray-8);
10
- --accent-9: var(--gray-9);
11
- --accent-10: var(--gray-10);
12
- --accent-11: var(--gray-11);
13
- --accent-12: var(--gray-12);
14
-
15
- --accent-a1: var(--gray-a1);
16
- --accent-a2: var(--gray-a2);
17
- --accent-a3: var(--gray-a3);
18
- --accent-a4: var(--gray-a4);
19
- --accent-a5: var(--gray-a5);
20
- --accent-a6: var(--gray-a6);
21
- --accent-a7: var(--gray-a7);
22
- --accent-a8: var(--gray-a8);
23
- --accent-a9: var(--gray-a9);
24
- --accent-a10: var(--gray-a10);
25
- --accent-a11: var(--gray-a11);
26
- --accent-a12: var(--gray-a12);
27
-
28
- --accent-contrast: var(--gray-contrast);
29
- --accent-surface: var(--gray-surface);
30
- --accent-indicator: var(--gray-indicator);
31
- --accent-track: var(--gray-track);
32
- }
package/dist/gray-p3.css DELETED
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-gray-1: var(--gray-1);
3
- --color-gray-2: var(--gray-2);
4
- --color-gray-3: var(--gray-3);
5
- --color-gray-4: var(--gray-4);
6
- --color-gray-5: var(--gray-5);
7
- --color-gray-6: var(--gray-6);
8
- --color-gray-7: var(--gray-7);
9
- --color-gray-8: var(--gray-8);
10
- --color-gray-9: var(--gray-9);
11
- --color-gray-10: var(--gray-10);
12
- --color-gray-11: var(--gray-11);
13
- --color-gray-12: var(--gray-12);
14
-
15
- --color-gray-a1: var(--gray-a1);
16
- --color-gray-a2: var(--gray-a2);
17
- --color-gray-a3: var(--gray-a3);
18
- --color-gray-a4: var(--gray-a4);
19
- --color-gray-a5: var(--gray-a5);
20
- --color-gray-a6: var(--gray-a6);
21
- --color-gray-a7: var(--gray-a7);
22
- --color-gray-a8: var(--gray-a8);
23
- --color-gray-a9: var(--gray-a9);
24
- --color-gray-a10: var(--gray-a10);
25
- --color-gray-a11: var(--gray-a11);
26
- --color-gray-a12: var(--gray-a12);
27
-
28
- --color-gray-contrast: var(--gray-contrast);
29
- --color-gray-surface: var(--gray-surface);
30
- --color-gray-indicator: var(--gray-indicator);
31
- --color-gray-track: var(--gray-track);
32
- }
33
-
34
- :root {
35
- --gray-1: color(display-p3 0.988 0.988 0.988);
36
- --gray-2: color(display-p3 0.975 0.975 0.975);
37
- --gray-3: color(display-p3 0.939 0.939 0.939);
38
- --gray-4: color(display-p3 0.908 0.908 0.908);
39
- --gray-5: color(display-p3 0.88 0.88 0.88);
40
- --gray-6: color(display-p3 0.849 0.849 0.849);
41
- --gray-7: color(display-p3 0.807 0.807 0.807);
42
- --gray-8: color(display-p3 0.732 0.732 0.732);
43
- --gray-9: color(display-p3 0.553 0.553 0.553);
44
- --gray-10: color(display-p3 0.512 0.512 0.512);
45
- --gray-11: color(display-p3 0.392 0.392 0.392);
46
- --gray-12: color(display-p3 0.125 0.125 0.125);
47
-
48
- --gray-a1: color(display-p3 0 0 0 / 0.012);
49
- --gray-a2: color(display-p3 0 0 0 / 0.024);
50
- --gray-a3: color(display-p3 0 0 0 / 0.063);
51
- --gray-a4: color(display-p3 0 0 0 / 0.09);
52
- --gray-a5: color(display-p3 0 0 0 / 0.122);
53
- --gray-a6: color(display-p3 0 0 0 / 0.153);
54
- --gray-a7: color(display-p3 0 0 0 / 0.192);
55
- --gray-a8: color(display-p3 0 0 0 / 0.267);
56
- --gray-a9: color(display-p3 0 0 0 / 0.447);
57
- --gray-a10: color(display-p3 0 0 0 / 0.486);
58
- --gray-a11: color(display-p3 0 0 0 / 0.608);
59
- --gray-a12: color(display-p3 0 0 0 / 0.875);
60
-
61
- --gray-contrast: white;
62
- --gray-surface: color(display-p3 1 1 1 / 0.8);
63
- --gray-indicator: var(--gray-9);
64
- --gray-track: var(--gray-9);
65
- }
66
-
67
- .dark {
68
- --gray-1: color(display-p3 0.067 0.067 0.067);
69
- --gray-2: color(display-p3 0.098 0.098 0.098);
70
- --gray-3: color(display-p3 0.135 0.135 0.135);
71
- --gray-4: color(display-p3 0.163 0.163 0.163);
72
- --gray-5: color(display-p3 0.192 0.192 0.192);
73
- --gray-6: color(display-p3 0.228 0.228 0.228);
74
- --gray-7: color(display-p3 0.283 0.283 0.283);
75
- --gray-8: color(display-p3 0.375 0.375 0.375);
76
- --gray-9: color(display-p3 0.431 0.431 0.431);
77
- --gray-10: color(display-p3 0.484 0.484 0.484);
78
- --gray-11: color(display-p3 0.706 0.706 0.706);
79
- --gray-12: color(display-p3 0.933 0.933 0.933);
80
-
81
- --gray-a1: color(display-p3 0 0 0 / 0);
82
- --gray-a2: color(display-p3 1 1 1 / 0.034);
83
- --gray-a3: color(display-p3 1 1 1 / 0.071);
84
- --gray-a4: color(display-p3 1 1 1 / 0.105);
85
- --gray-a5: color(display-p3 1 1 1 / 0.134);
86
- --gray-a6: color(display-p3 1 1 1 / 0.172);
87
- --gray-a7: color(display-p3 1 1 1 / 0.231);
88
- --gray-a8: color(display-p3 1 1 1 / 0.332);
89
- --gray-a9: color(display-p3 1 1 1 / 0.391);
90
- --gray-a10: color(display-p3 1 1 1 / 0.445);
91
- --gray-a11: color(display-p3 1 1 1 / 0.685);
92
- --gray-a12: color(display-p3 1 1 1 / 0.929);
93
-
94
- --gray-surface: color(display-p3 0.1255 0.1255 0.1255 / 0.5);
95
- }
@@ -1,32 +0,0 @@
1
- [data-accent-color='green'] {
2
- --accent-1: var(--green-1);
3
- --accent-2: var(--green-2);
4
- --accent-3: var(--green-3);
5
- --accent-4: var(--green-4);
6
- --accent-5: var(--green-5);
7
- --accent-6: var(--green-6);
8
- --accent-7: var(--green-7);
9
- --accent-8: var(--green-8);
10
- --accent-9: var(--green-9);
11
- --accent-10: var(--green-10);
12
- --accent-11: var(--green-11);
13
- --accent-12: var(--green-12);
14
-
15
- --accent-a1: var(--green-a1);
16
- --accent-a2: var(--green-a2);
17
- --accent-a3: var(--green-a3);
18
- --accent-a4: var(--green-a4);
19
- --accent-a5: var(--green-a5);
20
- --accent-a6: var(--green-a6);
21
- --accent-a7: var(--green-a7);
22
- --accent-a8: var(--green-a8);
23
- --accent-a9: var(--green-a9);
24
- --accent-a10: var(--green-a10);
25
- --accent-a11: var(--green-a11);
26
- --accent-a12: var(--green-a12);
27
-
28
- --accent-contrast: var(--green-contrast);
29
- --accent-surface: var(--green-surface);
30
- --accent-indicator: var(--green-indicator);
31
- --accent-track: var(--green-track);
32
- }
package/dist/green-p3.css DELETED
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-green-1: var(--green-1);
3
- --color-green-2: var(--green-2);
4
- --color-green-3: var(--green-3);
5
- --color-green-4: var(--green-4);
6
- --color-green-5: var(--green-5);
7
- --color-green-6: var(--green-6);
8
- --color-green-7: var(--green-7);
9
- --color-green-8: var(--green-8);
10
- --color-green-9: var(--green-9);
11
- --color-green-10: var(--green-10);
12
- --color-green-11: var(--green-11);
13
- --color-green-12: var(--green-12);
14
-
15
- --color-green-a1: var(--green-a1);
16
- --color-green-a2: var(--green-a2);
17
- --color-green-a3: var(--green-a3);
18
- --color-green-a4: var(--green-a4);
19
- --color-green-a5: var(--green-a5);
20
- --color-green-a6: var(--green-a6);
21
- --color-green-a7: var(--green-a7);
22
- --color-green-a8: var(--green-a8);
23
- --color-green-a9: var(--green-a9);
24
- --color-green-a10: var(--green-a10);
25
- --color-green-a11: var(--green-a11);
26
- --color-green-a12: var(--green-a12);
27
-
28
- --color-green-contrast: var(--green-contrast);
29
- --color-green-surface: var(--green-surface);
30
- --color-green-indicator: var(--green-indicator);
31
- --color-green-track: var(--green-track);
32
- }
33
-
34
- :root {
35
- --green-1: color(display-p3 0.986 0.996 0.989);
36
- --green-2: color(display-p3 0.963 0.983 0.967);
37
- --green-3: color(display-p3 0.913 0.964 0.925);
38
- --green-4: color(display-p3 0.859 0.94 0.879);
39
- --green-5: color(display-p3 0.796 0.907 0.826);
40
- --green-6: color(display-p3 0.718 0.863 0.761);
41
- --green-7: color(display-p3 0.61 0.801 0.675);
42
- --green-8: color(display-p3 0.451 0.715 0.559);
43
- --green-9: color(display-p3 0.332 0.634 0.442);
44
- --green-10: color(display-p3 0.308 0.595 0.417);
45
- --green-11: color(display-p3 0.19 0.5 0.32);
46
- --green-12: color(display-p3 0.132 0.228 0.18);
47
-
48
- --green-a1: color(display-p3 0.024 0.757 0.267 / 0.016);
49
- --green-a2: color(display-p3 0.024 0.565 0.129 / 0.036);
50
- --green-a3: color(display-p3 0.012 0.596 0.145 / 0.087);
51
- --green-a4: color(display-p3 0.008 0.588 0.145 / 0.142);
52
- --green-a5: color(display-p3 0.004 0.541 0.157 / 0.204);
53
- --green-a6: color(display-p3 0.004 0.518 0.157 / 0.283);
54
- --green-a7: color(display-p3 0.004 0.486 0.165 / 0.389);
55
- --green-a8: color(display-p3 0 0.478 0.2 / 0.55);
56
- --green-a9: color(display-p3 0 0.455 0.165 / 0.667);
57
- --green-a10: color(display-p3 0 0.416 0.153 / 0.691);
58
- --green-a11: color(display-p3 0.19 0.5 0.32);
59
- --green-a12: color(display-p3 0.132 0.228 0.18);
60
-
61
- --green-contrast: white;
62
- --green-surface: color(display-p3 0.9569 0.9804 0.9608 / 0.8);
63
- --green-indicator: var(--green-9);
64
- --green-track: var(--green-9);
65
- }
66
-
67
- .dark {
68
- --green-1: color(display-p3 0.062 0.083 0.071);
69
- --green-2: color(display-p3 0.079 0.106 0.09);
70
- --green-3: color(display-p3 0.1 0.173 0.133);
71
- --green-4: color(display-p3 0.115 0.229 0.166);
72
- --green-5: color(display-p3 0.147 0.282 0.206);
73
- --green-6: color(display-p3 0.185 0.338 0.25);
74
- --green-7: color(display-p3 0.227 0.403 0.298);
75
- --green-8: color(display-p3 0.27 0.479 0.351);
76
- --green-9: color(display-p3 0.332 0.634 0.442);
77
- --green-10: color(display-p3 0.357 0.682 0.474);
78
- --green-11: color(display-p3 0.434 0.828 0.573);
79
- --green-12: color(display-p3 0.747 0.938 0.807);
80
-
81
- --green-a1: color(display-p3 0 0.992 0.298 / 0.017);
82
- --green-a2: color(display-p3 0.341 0.98 0.616 / 0.043);
83
- --green-a3: color(display-p3 0.376 0.996 0.655 / 0.114);
84
- --green-a4: color(display-p3 0.341 0.996 0.635 / 0.173);
85
- --green-a5: color(display-p3 0.408 1 0.678 / 0.232);
86
- --green-a6: color(display-p3 0.475 1 0.706 / 0.29);
87
- --green-a7: color(display-p3 0.514 1 0.706 / 0.362);
88
- --green-a8: color(display-p3 0.529 1 0.718 / 0.442);
89
- --green-a9: color(display-p3 0.502 0.996 0.682 / 0.61);
90
- --green-a10: color(display-p3 0.506 1 0.682 / 0.66);
91
- --green-a11: color(display-p3 0.434 0.828 0.573);
92
- --green-a12: color(display-p3 0.747 0.938 0.807);
93
-
94
- --green-surface: color(display-p3 0.0941 0.1412 0.1098 / 0.5);
95
- }
@@ -1,32 +0,0 @@
1
- [data-accent-color='indigo'] {
2
- --accent-1: var(--indigo-1);
3
- --accent-2: var(--indigo-2);
4
- --accent-3: var(--indigo-3);
5
- --accent-4: var(--indigo-4);
6
- --accent-5: var(--indigo-5);
7
- --accent-6: var(--indigo-6);
8
- --accent-7: var(--indigo-7);
9
- --accent-8: var(--indigo-8);
10
- --accent-9: var(--indigo-9);
11
- --accent-10: var(--indigo-10);
12
- --accent-11: var(--indigo-11);
13
- --accent-12: var(--indigo-12);
14
-
15
- --accent-a1: var(--indigo-a1);
16
- --accent-a2: var(--indigo-a2);
17
- --accent-a3: var(--indigo-a3);
18
- --accent-a4: var(--indigo-a4);
19
- --accent-a5: var(--indigo-a5);
20
- --accent-a6: var(--indigo-a6);
21
- --accent-a7: var(--indigo-a7);
22
- --accent-a8: var(--indigo-a8);
23
- --accent-a9: var(--indigo-a9);
24
- --accent-a10: var(--indigo-a10);
25
- --accent-a11: var(--indigo-a11);
26
- --accent-a12: var(--indigo-a12);
27
-
28
- --accent-contrast: var(--indigo-contrast);
29
- --accent-surface: var(--indigo-surface);
30
- --accent-indicator: var(--indigo-indicator);
31
- --accent-track: var(--indigo-track);
32
- }
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-indigo-1: var(--indigo-1);
3
- --color-indigo-2: var(--indigo-2);
4
- --color-indigo-3: var(--indigo-3);
5
- --color-indigo-4: var(--indigo-4);
6
- --color-indigo-5: var(--indigo-5);
7
- --color-indigo-6: var(--indigo-6);
8
- --color-indigo-7: var(--indigo-7);
9
- --color-indigo-8: var(--indigo-8);
10
- --color-indigo-9: var(--indigo-9);
11
- --color-indigo-10: var(--indigo-10);
12
- --color-indigo-11: var(--indigo-11);
13
- --color-indigo-12: var(--indigo-12);
14
-
15
- --color-indigo-a1: var(--indigo-a1);
16
- --color-indigo-a2: var(--indigo-a2);
17
- --color-indigo-a3: var(--indigo-a3);
18
- --color-indigo-a4: var(--indigo-a4);
19
- --color-indigo-a5: var(--indigo-a5);
20
- --color-indigo-a6: var(--indigo-a6);
21
- --color-indigo-a7: var(--indigo-a7);
22
- --color-indigo-a8: var(--indigo-a8);
23
- --color-indigo-a9: var(--indigo-a9);
24
- --color-indigo-a10: var(--indigo-a10);
25
- --color-indigo-a11: var(--indigo-a11);
26
- --color-indigo-a12: var(--indigo-a12);
27
-
28
- --color-indigo-contrast: var(--indigo-contrast);
29
- --color-indigo-surface: var(--indigo-surface);
30
- --color-indigo-indicator: var(--indigo-indicator);
31
- --color-indigo-track: var(--indigo-track);
32
- }
33
-
34
- :root {
35
- --indigo-1: color(display-p3 0.992 0.992 0.996);
36
- --indigo-2: color(display-p3 0.971 0.977 0.998);
37
- --indigo-3: color(display-p3 0.933 0.948 0.992);
38
- --indigo-4: color(display-p3 0.885 0.914 1);
39
- --indigo-5: color(display-p3 0.831 0.87 1);
40
- --indigo-6: color(display-p3 0.767 0.814 0.995);
41
- --indigo-7: color(display-p3 0.685 0.74 0.957);
42
- --indigo-8: color(display-p3 0.569 0.639 0.916);
43
- --indigo-9: color(display-p3 0.276 0.384 0.837);
44
- --indigo-10: color(display-p3 0.234 0.343 0.801);
45
- --indigo-11: color(display-p3 0.256 0.354 0.755);
46
- --indigo-12: color(display-p3 0.133 0.175 0.348);
47
-
48
- --indigo-a1: color(display-p3 0.02 0.02 0.51 / 0.008);
49
- --indigo-a2: color(display-p3 0.024 0.161 0.863 / 0.028);
50
- --indigo-a3: color(display-p3 0.008 0.239 0.886 / 0.067);
51
- --indigo-a4: color(display-p3 0.004 0.247 1 / 0.114);
52
- --indigo-a5: color(display-p3 0.004 0.235 1 / 0.169);
53
- --indigo-a6: color(display-p3 0.004 0.208 0.984 / 0.232);
54
- --indigo-a7: color(display-p3 0.004 0.176 0.863 / 0.314);
55
- --indigo-a8: color(display-p3 0.004 0.165 0.812 / 0.432);
56
- --indigo-a9: color(display-p3 0 0.153 0.773 / 0.726);
57
- --indigo-a10: color(display-p3 0 0.137 0.737 / 0.765);
58
- --indigo-a11: color(display-p3 0.256 0.354 0.755);
59
- --indigo-a12: color(display-p3 0.133 0.175 0.348);
60
-
61
- --indigo-contrast: white;
62
- --indigo-surface: color(display-p3 0.9647 0.9725 0.9961 / 0.8);
63
- --indigo-indicator: var(--indigo-9);
64
- --indigo-track: var(--indigo-9);
65
- }
66
-
67
- .dark {
68
- --indigo-1: color(display-p3 0.068 0.074 0.118);
69
- --indigo-2: color(display-p3 0.081 0.089 0.144);
70
- --indigo-3: color(display-p3 0.105 0.141 0.275);
71
- --indigo-4: color(display-p3 0.129 0.18 0.369);
72
- --indigo-5: color(display-p3 0.163 0.22 0.439);
73
- --indigo-6: color(display-p3 0.203 0.262 0.5);
74
- --indigo-7: color(display-p3 0.245 0.309 0.575);
75
- --indigo-8: color(display-p3 0.285 0.362 0.674);
76
- --indigo-9: color(display-p3 0.276 0.384 0.837);
77
- --indigo-10: color(display-p3 0.354 0.445 0.866);
78
- --indigo-11: color(display-p3 0.63 0.69 1);
79
- --indigo-12: color(display-p3 0.848 0.881 0.99);
80
-
81
- --indigo-a1: color(display-p3 0.071 0.212 0.996 / 0.055);
82
- --indigo-a2: color(display-p3 0.251 0.345 0.988 / 0.085);
83
- --indigo-a3: color(display-p3 0.243 0.404 1 / 0.223);
84
- --indigo-a4: color(display-p3 0.263 0.42 1 / 0.324);
85
- --indigo-a5: color(display-p3 0.314 0.451 1 / 0.4);
86
- --indigo-a6: color(display-p3 0.361 0.49 1 / 0.467);
87
- --indigo-a7: color(display-p3 0.388 0.51 1 / 0.547);
88
- --indigo-a8: color(display-p3 0.404 0.518 1 / 0.652);
89
- --indigo-a9: color(display-p3 0.318 0.451 1 / 0.824);
90
- --indigo-a10: color(display-p3 0.404 0.506 1 / 0.858);
91
- --indigo-a11: color(display-p3 0.63 0.69 1);
92
- --indigo-a12: color(display-p3 0.848 0.881 0.99);
93
-
94
- --indigo-surface: color(display-p3 0.0941 0.1098 0.2196 / 0.5);
95
- }
@@ -1,32 +0,0 @@
1
- [data-accent-color='iris'] {
2
- --accent-1: var(--iris-1);
3
- --accent-2: var(--iris-2);
4
- --accent-3: var(--iris-3);
5
- --accent-4: var(--iris-4);
6
- --accent-5: var(--iris-5);
7
- --accent-6: var(--iris-6);
8
- --accent-7: var(--iris-7);
9
- --accent-8: var(--iris-8);
10
- --accent-9: var(--iris-9);
11
- --accent-10: var(--iris-10);
12
- --accent-11: var(--iris-11);
13
- --accent-12: var(--iris-12);
14
-
15
- --accent-a1: var(--iris-a1);
16
- --accent-a2: var(--iris-a2);
17
- --accent-a3: var(--iris-a3);
18
- --accent-a4: var(--iris-a4);
19
- --accent-a5: var(--iris-a5);
20
- --accent-a6: var(--iris-a6);
21
- --accent-a7: var(--iris-a7);
22
- --accent-a8: var(--iris-a8);
23
- --accent-a9: var(--iris-a9);
24
- --accent-a10: var(--iris-a10);
25
- --accent-a11: var(--iris-a11);
26
- --accent-a12: var(--iris-a12);
27
-
28
- --accent-contrast: var(--iris-contrast);
29
- --accent-surface: var(--iris-surface);
30
- --accent-indicator: var(--iris-indicator);
31
- --accent-track: var(--iris-track);
32
- }
package/dist/iris-p3.css DELETED
@@ -1,95 +0,0 @@
1
- @theme inline static {
2
- --color-iris-1: var(--iris-1);
3
- --color-iris-2: var(--iris-2);
4
- --color-iris-3: var(--iris-3);
5
- --color-iris-4: var(--iris-4);
6
- --color-iris-5: var(--iris-5);
7
- --color-iris-6: var(--iris-6);
8
- --color-iris-7: var(--iris-7);
9
- --color-iris-8: var(--iris-8);
10
- --color-iris-9: var(--iris-9);
11
- --color-iris-10: var(--iris-10);
12
- --color-iris-11: var(--iris-11);
13
- --color-iris-12: var(--iris-12);
14
-
15
- --color-iris-a1: var(--iris-a1);
16
- --color-iris-a2: var(--iris-a2);
17
- --color-iris-a3: var(--iris-a3);
18
- --color-iris-a4: var(--iris-a4);
19
- --color-iris-a5: var(--iris-a5);
20
- --color-iris-a6: var(--iris-a6);
21
- --color-iris-a7: var(--iris-a7);
22
- --color-iris-a8: var(--iris-a8);
23
- --color-iris-a9: var(--iris-a9);
24
- --color-iris-a10: var(--iris-a10);
25
- --color-iris-a11: var(--iris-a11);
26
- --color-iris-a12: var(--iris-a12);
27
-
28
- --color-iris-contrast: var(--iris-contrast);
29
- --color-iris-surface: var(--iris-surface);
30
- --color-iris-indicator: var(--iris-indicator);
31
- --color-iris-track: var(--iris-track);
32
- }
33
-
34
- :root {
35
- --iris-1: color(display-p3 0.992 0.992 0.999);
36
- --iris-2: color(display-p3 0.972 0.973 0.998);
37
- --iris-3: color(display-p3 0.943 0.945 0.992);
38
- --iris-4: color(display-p3 0.902 0.906 1);
39
- --iris-5: color(display-p3 0.857 0.861 1);
40
- --iris-6: color(display-p3 0.799 0.805 0.987);
41
- --iris-7: color(display-p3 0.721 0.727 0.955);
42
- --iris-8: color(display-p3 0.61 0.619 0.918);
43
- --iris-9: color(display-p3 0.357 0.357 0.81);
44
- --iris-10: color(display-p3 0.318 0.318 0.774);
45
- --iris-11: color(display-p3 0.337 0.326 0.748);
46
- --iris-12: color(display-p3 0.154 0.161 0.371);
47
-
48
- --iris-a1: color(display-p3 0.02 0.02 1 / 0.008);
49
- --iris-a2: color(display-p3 0.024 0.024 0.863 / 0.028);
50
- --iris-a3: color(display-p3 0.004 0.071 0.871 / 0.059);
51
- --iris-a4: color(display-p3 0.012 0.051 1 / 0.099);
52
- --iris-a5: color(display-p3 0.008 0.035 1 / 0.142);
53
- --iris-a6: color(display-p3 0 0.02 0.941 / 0.2);
54
- --iris-a7: color(display-p3 0.004 0.02 0.847 / 0.279);
55
- --iris-a8: color(display-p3 0.004 0.024 0.788 / 0.389);
56
- --iris-a9: color(display-p3 0 0 0.706 / 0.644);
57
- --iris-a10: color(display-p3 0 0 0.667 / 0.683);
58
- --iris-a11: color(display-p3 0.337 0.326 0.748);
59
- --iris-a12: color(display-p3 0.154 0.161 0.371);
60
-
61
- --iris-contrast: white;
62
- --iris-surface: color(display-p3 0.9647 0.9647 0.9961 / 0.8);
63
- --iris-indicator: var(--iris-9);
64
- --iris-track: var(--iris-9);
65
- }
66
-
67
- .dark {
68
- --iris-1: color(display-p3 0.075 0.075 0.114);
69
- --iris-2: color(display-p3 0.089 0.086 0.14);
70
- --iris-3: color(display-p3 0.128 0.134 0.272);
71
- --iris-4: color(display-p3 0.153 0.165 0.382);
72
- --iris-5: color(display-p3 0.192 0.201 0.44);
73
- --iris-6: color(display-p3 0.239 0.241 0.491);
74
- --iris-7: color(display-p3 0.291 0.289 0.565);
75
- --iris-8: color(display-p3 0.35 0.345 0.673);
76
- --iris-9: color(display-p3 0.357 0.357 0.81);
77
- --iris-10: color(display-p3 0.428 0.416 0.843);
78
- --iris-11: color(display-p3 0.685 0.662 1);
79
- --iris-12: color(display-p3 0.878 0.875 0.986);
80
-
81
- --iris-a1: color(display-p3 0.224 0.224 0.992 / 0.051);
82
- --iris-a2: color(display-p3 0.361 0.314 1 / 0.08);
83
- --iris-a3: color(display-p3 0.357 0.373 1 / 0.219);
84
- --iris-a4: color(display-p3 0.325 0.361 1 / 0.337);
85
- --iris-a5: color(display-p3 0.38 0.4 1 / 0.4);
86
- --iris-a6: color(display-p3 0.447 0.447 1 / 0.454);
87
- --iris-a7: color(display-p3 0.486 0.486 1 / 0.534);
88
- --iris-a8: color(display-p3 0.502 0.494 1 / 0.652);
89
- --iris-a9: color(display-p3 0.431 0.431 1 / 0.799);
90
- --iris-a10: color(display-p3 0.502 0.486 1 / 0.832);
91
- --iris-a11: color(display-p3 0.685 0.662 1);
92
- --iris-a12: color(display-p3 0.878 0.875 0.986);
93
-
94
- --iris-surface: color(display-p3 0.1098 0.102 0.2118 / 0.5);
95
- }
@@ -1,32 +0,0 @@
1
- [data-accent-color='jade'] {
2
- --accent-1: var(--jade-1);
3
- --accent-2: var(--jade-2);
4
- --accent-3: var(--jade-3);
5
- --accent-4: var(--jade-4);
6
- --accent-5: var(--jade-5);
7
- --accent-6: var(--jade-6);
8
- --accent-7: var(--jade-7);
9
- --accent-8: var(--jade-8);
10
- --accent-9: var(--jade-9);
11
- --accent-10: var(--jade-10);
12
- --accent-11: var(--jade-11);
13
- --accent-12: var(--jade-12);
14
-
15
- --accent-a1: var(--jade-a1);
16
- --accent-a2: var(--jade-a2);
17
- --accent-a3: var(--jade-a3);
18
- --accent-a4: var(--jade-a4);
19
- --accent-a5: var(--jade-a5);
20
- --accent-a6: var(--jade-a6);
21
- --accent-a7: var(--jade-a7);
22
- --accent-a8: var(--jade-a8);
23
- --accent-a9: var(--jade-a9);
24
- --accent-a10: var(--jade-a10);
25
- --accent-a11: var(--jade-a11);
26
- --accent-a12: var(--jade-a12);
27
-
28
- --accent-contrast: var(--jade-contrast);
29
- --accent-surface: var(--jade-surface);
30
- --accent-indicator: var(--jade-indicator);
31
- --accent-track: var(--jade-track);
32
- }