@diskette/palette 0.1.0 → 0.3.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 (61) hide show
  1. package/dist/amber-accents.css +65 -0
  2. package/dist/black-alpha.css +29 -0
  3. package/dist/blue-accents.css +65 -0
  4. package/dist/brown-accents.css +65 -0
  5. package/dist/crimson-accents.css +65 -0
  6. package/dist/cyan-accents.css +65 -0
  7. package/dist/grass-accents.css +65 -0
  8. package/dist/gray-accents.css +65 -0
  9. package/dist/green-accents.css +65 -0
  10. package/dist/indigo-accents.css +65 -0
  11. package/dist/iris-accents.css +65 -0
  12. package/dist/jade-accents.css +65 -0
  13. package/dist/lime-accents.css +65 -0
  14. package/dist/mauve-accents.css +65 -0
  15. package/dist/mint-accents.css +65 -0
  16. package/dist/olive-accents.css +65 -0
  17. package/dist/orange-accents.css +65 -0
  18. package/dist/pink-accents.css +65 -0
  19. package/dist/plum-accents.css +65 -0
  20. package/dist/purple-accents.css +65 -0
  21. package/dist/red-accents.css +65 -0
  22. package/dist/ruby-accents.css +65 -0
  23. package/dist/sage-accents.css +65 -0
  24. package/dist/sand-accents.css +65 -0
  25. package/dist/sky-accents.css +65 -0
  26. package/dist/slate-accents.css +65 -0
  27. package/dist/teal-accents.css +65 -0
  28. package/dist/tomato-accents.css +65 -0
  29. package/dist/violet-accents.css +65 -0
  30. package/dist/white-alpha.css +29 -0
  31. package/dist/yellow-accents.css +65 -0
  32. package/package.json +1 -1
  33. package/dist/amber-tokens.css +0 -32
  34. package/dist/blue-tokens.css +0 -32
  35. package/dist/brown-tokens.css +0 -32
  36. package/dist/crimson-tokens.css +0 -32
  37. package/dist/cyan-tokens.css +0 -32
  38. package/dist/grass-tokens.css +0 -32
  39. package/dist/gray-tokens.css +0 -32
  40. package/dist/green-tokens.css +0 -32
  41. package/dist/indigo-tokens.css +0 -32
  42. package/dist/iris-tokens.css +0 -32
  43. package/dist/jade-tokens.css +0 -32
  44. package/dist/lime-tokens.css +0 -32
  45. package/dist/mauve-tokens.css +0 -32
  46. package/dist/mint-tokens.css +0 -32
  47. package/dist/olive-tokens.css +0 -32
  48. package/dist/orange-tokens.css +0 -32
  49. package/dist/pink-tokens.css +0 -32
  50. package/dist/plum-tokens.css +0 -32
  51. package/dist/purple-tokens.css +0 -32
  52. package/dist/red-tokens.css +0 -32
  53. package/dist/ruby-tokens.css +0 -32
  54. package/dist/sage-tokens.css +0 -32
  55. package/dist/sand-tokens.css +0 -32
  56. package/dist/sky-tokens.css +0 -32
  57. package/dist/slate-tokens.css +0 -32
  58. package/dist/teal-tokens.css +0 -32
  59. package/dist/tomato-tokens.css +0 -32
  60. package/dist/violet-tokens.css +0 -32
  61. package/dist/yellow-tokens.css +0 -32
package/dist/ruby-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--ruby-1);
3
+ --color-accent-2: var(--ruby-2);
4
+ --color-accent-3: var(--ruby-3);
5
+ --color-accent-4: var(--ruby-4);
6
+ --color-accent-5: var(--ruby-5);
7
+ --color-accent-6: var(--ruby-6);
8
+ --color-accent-7: var(--ruby-7);
9
+ --color-accent-8: var(--ruby-8);
10
+ --color-accent-9: var(--ruby-9);
11
+ --color-accent-10: var(--ruby-10);
12
+ --color-accent-11: var(--ruby-11);
13
+ --color-accent-12: var(--ruby-12);
14
+
15
+ --color-accent-a1: var(--ruby-a1);
16
+ --color-accent-a2: var(--ruby-a2);
17
+ --color-accent-a3: var(--ruby-a3);
18
+ --color-accent-a4: var(--ruby-a4);
19
+ --color-accent-a5: var(--ruby-a5);
20
+ --color-accent-a6: var(--ruby-a6);
21
+ --color-accent-a7: var(--ruby-a7);
22
+ --color-accent-a8: var(--ruby-a8);
23
+ --color-accent-a9: var(--ruby-a9);
24
+ --color-accent-a10: var(--ruby-a10);
25
+ --color-accent-a11: var(--ruby-a11);
26
+ --color-accent-a12: var(--ruby-a12);
27
+
28
+ --color-accent-contrast: var(--ruby-contrast);
29
+ --color-accent-surface: var(--ruby-surface);
30
+ --color-accent-indicator: var(--ruby-indicator);
31
+ --color-accent-track: var(--ruby-track);
32
+ }
33
+
34
+ [data-accent-color='ruby'] {
35
+ --accent-1: var(--ruby-1);
36
+ --accent-2: var(--ruby-2);
37
+ --accent-3: var(--ruby-3);
38
+ --accent-4: var(--ruby-4);
39
+ --accent-5: var(--ruby-5);
40
+ --accent-6: var(--ruby-6);
41
+ --accent-7: var(--ruby-7);
42
+ --accent-8: var(--ruby-8);
43
+ --accent-9: var(--ruby-9);
44
+ --accent-10: var(--ruby-10);
45
+ --accent-11: var(--ruby-11);
46
+ --accent-12: var(--ruby-12);
47
+
48
+ --accent-a1: var(--ruby-a1);
49
+ --accent-a2: var(--ruby-a2);
50
+ --accent-a3: var(--ruby-a3);
51
+ --accent-a4: var(--ruby-a4);
52
+ --accent-a5: var(--ruby-a5);
53
+ --accent-a6: var(--ruby-a6);
54
+ --accent-a7: var(--ruby-a7);
55
+ --accent-a8: var(--ruby-a8);
56
+ --accent-a9: var(--ruby-a9);
57
+ --accent-a10: var(--ruby-a10);
58
+ --accent-a11: var(--ruby-a11);
59
+ --accent-a12: var(--ruby-a12);
60
+
61
+ --accent-contrast: var(--ruby-contrast);
62
+ --accent-surface: var(--ruby-surface);
63
+ --accent-indicator: var(--ruby-indicator);
64
+ --accent-track: var(--ruby-track);
65
+ }
package/dist/sage-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--sage-1);
3
+ --color-accent-2: var(--sage-2);
4
+ --color-accent-3: var(--sage-3);
5
+ --color-accent-4: var(--sage-4);
6
+ --color-accent-5: var(--sage-5);
7
+ --color-accent-6: var(--sage-6);
8
+ --color-accent-7: var(--sage-7);
9
+ --color-accent-8: var(--sage-8);
10
+ --color-accent-9: var(--sage-9);
11
+ --color-accent-10: var(--sage-10);
12
+ --color-accent-11: var(--sage-11);
13
+ --color-accent-12: var(--sage-12);
14
+
15
+ --color-accent-a1: var(--sage-a1);
16
+ --color-accent-a2: var(--sage-a2);
17
+ --color-accent-a3: var(--sage-a3);
18
+ --color-accent-a4: var(--sage-a4);
19
+ --color-accent-a5: var(--sage-a5);
20
+ --color-accent-a6: var(--sage-a6);
21
+ --color-accent-a7: var(--sage-a7);
22
+ --color-accent-a8: var(--sage-a8);
23
+ --color-accent-a9: var(--sage-a9);
24
+ --color-accent-a10: var(--sage-a10);
25
+ --color-accent-a11: var(--sage-a11);
26
+ --color-accent-a12: var(--sage-a12);
27
+
28
+ --color-accent-contrast: var(--sage-contrast);
29
+ --color-accent-surface: var(--sage-surface);
30
+ --color-accent-indicator: var(--sage-indicator);
31
+ --color-accent-track: var(--sage-track);
32
+ }
33
+
34
+ [data-accent-color='sage'] {
35
+ --accent-1: var(--sage-1);
36
+ --accent-2: var(--sage-2);
37
+ --accent-3: var(--sage-3);
38
+ --accent-4: var(--sage-4);
39
+ --accent-5: var(--sage-5);
40
+ --accent-6: var(--sage-6);
41
+ --accent-7: var(--sage-7);
42
+ --accent-8: var(--sage-8);
43
+ --accent-9: var(--sage-9);
44
+ --accent-10: var(--sage-10);
45
+ --accent-11: var(--sage-11);
46
+ --accent-12: var(--sage-12);
47
+
48
+ --accent-a1: var(--sage-a1);
49
+ --accent-a2: var(--sage-a2);
50
+ --accent-a3: var(--sage-a3);
51
+ --accent-a4: var(--sage-a4);
52
+ --accent-a5: var(--sage-a5);
53
+ --accent-a6: var(--sage-a6);
54
+ --accent-a7: var(--sage-a7);
55
+ --accent-a8: var(--sage-a8);
56
+ --accent-a9: var(--sage-a9);
57
+ --accent-a10: var(--sage-a10);
58
+ --accent-a11: var(--sage-a11);
59
+ --accent-a12: var(--sage-a12);
60
+
61
+ --accent-contrast: var(--sage-contrast);
62
+ --accent-surface: var(--sage-surface);
63
+ --accent-indicator: var(--sage-indicator);
64
+ --accent-track: var(--sage-track);
65
+ }
package/dist/sand-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--sand-1);
3
+ --color-accent-2: var(--sand-2);
4
+ --color-accent-3: var(--sand-3);
5
+ --color-accent-4: var(--sand-4);
6
+ --color-accent-5: var(--sand-5);
7
+ --color-accent-6: var(--sand-6);
8
+ --color-accent-7: var(--sand-7);
9
+ --color-accent-8: var(--sand-8);
10
+ --color-accent-9: var(--sand-9);
11
+ --color-accent-10: var(--sand-10);
12
+ --color-accent-11: var(--sand-11);
13
+ --color-accent-12: var(--sand-12);
14
+
15
+ --color-accent-a1: var(--sand-a1);
16
+ --color-accent-a2: var(--sand-a2);
17
+ --color-accent-a3: var(--sand-a3);
18
+ --color-accent-a4: var(--sand-a4);
19
+ --color-accent-a5: var(--sand-a5);
20
+ --color-accent-a6: var(--sand-a6);
21
+ --color-accent-a7: var(--sand-a7);
22
+ --color-accent-a8: var(--sand-a8);
23
+ --color-accent-a9: var(--sand-a9);
24
+ --color-accent-a10: var(--sand-a10);
25
+ --color-accent-a11: var(--sand-a11);
26
+ --color-accent-a12: var(--sand-a12);
27
+
28
+ --color-accent-contrast: var(--sand-contrast);
29
+ --color-accent-surface: var(--sand-surface);
30
+ --color-accent-indicator: var(--sand-indicator);
31
+ --color-accent-track: var(--sand-track);
32
+ }
33
+
34
+ [data-accent-color='sand'] {
35
+ --accent-1: var(--sand-1);
36
+ --accent-2: var(--sand-2);
37
+ --accent-3: var(--sand-3);
38
+ --accent-4: var(--sand-4);
39
+ --accent-5: var(--sand-5);
40
+ --accent-6: var(--sand-6);
41
+ --accent-7: var(--sand-7);
42
+ --accent-8: var(--sand-8);
43
+ --accent-9: var(--sand-9);
44
+ --accent-10: var(--sand-10);
45
+ --accent-11: var(--sand-11);
46
+ --accent-12: var(--sand-12);
47
+
48
+ --accent-a1: var(--sand-a1);
49
+ --accent-a2: var(--sand-a2);
50
+ --accent-a3: var(--sand-a3);
51
+ --accent-a4: var(--sand-a4);
52
+ --accent-a5: var(--sand-a5);
53
+ --accent-a6: var(--sand-a6);
54
+ --accent-a7: var(--sand-a7);
55
+ --accent-a8: var(--sand-a8);
56
+ --accent-a9: var(--sand-a9);
57
+ --accent-a10: var(--sand-a10);
58
+ --accent-a11: var(--sand-a11);
59
+ --accent-a12: var(--sand-a12);
60
+
61
+ --accent-contrast: var(--sand-contrast);
62
+ --accent-surface: var(--sand-surface);
63
+ --accent-indicator: var(--sand-indicator);
64
+ --accent-track: var(--sand-track);
65
+ }
package/dist/sky-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--sky-1);
3
+ --color-accent-2: var(--sky-2);
4
+ --color-accent-3: var(--sky-3);
5
+ --color-accent-4: var(--sky-4);
6
+ --color-accent-5: var(--sky-5);
7
+ --color-accent-6: var(--sky-6);
8
+ --color-accent-7: var(--sky-7);
9
+ --color-accent-8: var(--sky-8);
10
+ --color-accent-9: var(--sky-9);
11
+ --color-accent-10: var(--sky-10);
12
+ --color-accent-11: var(--sky-11);
13
+ --color-accent-12: var(--sky-12);
14
+
15
+ --color-accent-a1: var(--sky-a1);
16
+ --color-accent-a2: var(--sky-a2);
17
+ --color-accent-a3: var(--sky-a3);
18
+ --color-accent-a4: var(--sky-a4);
19
+ --color-accent-a5: var(--sky-a5);
20
+ --color-accent-a6: var(--sky-a6);
21
+ --color-accent-a7: var(--sky-a7);
22
+ --color-accent-a8: var(--sky-a8);
23
+ --color-accent-a9: var(--sky-a9);
24
+ --color-accent-a10: var(--sky-a10);
25
+ --color-accent-a11: var(--sky-a11);
26
+ --color-accent-a12: var(--sky-a12);
27
+
28
+ --color-accent-contrast: var(--sky-contrast);
29
+ --color-accent-surface: var(--sky-surface);
30
+ --color-accent-indicator: var(--sky-indicator);
31
+ --color-accent-track: var(--sky-track);
32
+ }
33
+
34
+ [data-accent-color='sky'] {
35
+ --accent-1: var(--sky-1);
36
+ --accent-2: var(--sky-2);
37
+ --accent-3: var(--sky-3);
38
+ --accent-4: var(--sky-4);
39
+ --accent-5: var(--sky-5);
40
+ --accent-6: var(--sky-6);
41
+ --accent-7: var(--sky-7);
42
+ --accent-8: var(--sky-8);
43
+ --accent-9: var(--sky-9);
44
+ --accent-10: var(--sky-10);
45
+ --accent-11: var(--sky-11);
46
+ --accent-12: var(--sky-12);
47
+
48
+ --accent-a1: var(--sky-a1);
49
+ --accent-a2: var(--sky-a2);
50
+ --accent-a3: var(--sky-a3);
51
+ --accent-a4: var(--sky-a4);
52
+ --accent-a5: var(--sky-a5);
53
+ --accent-a6: var(--sky-a6);
54
+ --accent-a7: var(--sky-a7);
55
+ --accent-a8: var(--sky-a8);
56
+ --accent-a9: var(--sky-a9);
57
+ --accent-a10: var(--sky-a10);
58
+ --accent-a11: var(--sky-a11);
59
+ --accent-a12: var(--sky-a12);
60
+
61
+ --accent-contrast: var(--sky-contrast);
62
+ --accent-surface: var(--sky-surface);
63
+ --accent-indicator: var(--sky-indicator);
64
+ --accent-track: var(--sky-track);
65
+ }
package/dist/slate-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--slate-1);
3
+ --color-accent-2: var(--slate-2);
4
+ --color-accent-3: var(--slate-3);
5
+ --color-accent-4: var(--slate-4);
6
+ --color-accent-5: var(--slate-5);
7
+ --color-accent-6: var(--slate-6);
8
+ --color-accent-7: var(--slate-7);
9
+ --color-accent-8: var(--slate-8);
10
+ --color-accent-9: var(--slate-9);
11
+ --color-accent-10: var(--slate-10);
12
+ --color-accent-11: var(--slate-11);
13
+ --color-accent-12: var(--slate-12);
14
+
15
+ --color-accent-a1: var(--slate-a1);
16
+ --color-accent-a2: var(--slate-a2);
17
+ --color-accent-a3: var(--slate-a3);
18
+ --color-accent-a4: var(--slate-a4);
19
+ --color-accent-a5: var(--slate-a5);
20
+ --color-accent-a6: var(--slate-a6);
21
+ --color-accent-a7: var(--slate-a7);
22
+ --color-accent-a8: var(--slate-a8);
23
+ --color-accent-a9: var(--slate-a9);
24
+ --color-accent-a10: var(--slate-a10);
25
+ --color-accent-a11: var(--slate-a11);
26
+ --color-accent-a12: var(--slate-a12);
27
+
28
+ --color-accent-contrast: var(--slate-contrast);
29
+ --color-accent-surface: var(--slate-surface);
30
+ --color-accent-indicator: var(--slate-indicator);
31
+ --color-accent-track: var(--slate-track);
32
+ }
33
+
34
+ [data-accent-color='slate'] {
35
+ --accent-1: var(--slate-1);
36
+ --accent-2: var(--slate-2);
37
+ --accent-3: var(--slate-3);
38
+ --accent-4: var(--slate-4);
39
+ --accent-5: var(--slate-5);
40
+ --accent-6: var(--slate-6);
41
+ --accent-7: var(--slate-7);
42
+ --accent-8: var(--slate-8);
43
+ --accent-9: var(--slate-9);
44
+ --accent-10: var(--slate-10);
45
+ --accent-11: var(--slate-11);
46
+ --accent-12: var(--slate-12);
47
+
48
+ --accent-a1: var(--slate-a1);
49
+ --accent-a2: var(--slate-a2);
50
+ --accent-a3: var(--slate-a3);
51
+ --accent-a4: var(--slate-a4);
52
+ --accent-a5: var(--slate-a5);
53
+ --accent-a6: var(--slate-a6);
54
+ --accent-a7: var(--slate-a7);
55
+ --accent-a8: var(--slate-a8);
56
+ --accent-a9: var(--slate-a9);
57
+ --accent-a10: var(--slate-a10);
58
+ --accent-a11: var(--slate-a11);
59
+ --accent-a12: var(--slate-a12);
60
+
61
+ --accent-contrast: var(--slate-contrast);
62
+ --accent-surface: var(--slate-surface);
63
+ --accent-indicator: var(--slate-indicator);
64
+ --accent-track: var(--slate-track);
65
+ }
package/dist/teal-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--teal-1);
3
+ --color-accent-2: var(--teal-2);
4
+ --color-accent-3: var(--teal-3);
5
+ --color-accent-4: var(--teal-4);
6
+ --color-accent-5: var(--teal-5);
7
+ --color-accent-6: var(--teal-6);
8
+ --color-accent-7: var(--teal-7);
9
+ --color-accent-8: var(--teal-8);
10
+ --color-accent-9: var(--teal-9);
11
+ --color-accent-10: var(--teal-10);
12
+ --color-accent-11: var(--teal-11);
13
+ --color-accent-12: var(--teal-12);
14
+
15
+ --color-accent-a1: var(--teal-a1);
16
+ --color-accent-a2: var(--teal-a2);
17
+ --color-accent-a3: var(--teal-a3);
18
+ --color-accent-a4: var(--teal-a4);
19
+ --color-accent-a5: var(--teal-a5);
20
+ --color-accent-a6: var(--teal-a6);
21
+ --color-accent-a7: var(--teal-a7);
22
+ --color-accent-a8: var(--teal-a8);
23
+ --color-accent-a9: var(--teal-a9);
24
+ --color-accent-a10: var(--teal-a10);
25
+ --color-accent-a11: var(--teal-a11);
26
+ --color-accent-a12: var(--teal-a12);
27
+
28
+ --color-accent-contrast: var(--teal-contrast);
29
+ --color-accent-surface: var(--teal-surface);
30
+ --color-accent-indicator: var(--teal-indicator);
31
+ --color-accent-track: var(--teal-track);
32
+ }
33
+
34
+ [data-accent-color='teal'] {
35
+ --accent-1: var(--teal-1);
36
+ --accent-2: var(--teal-2);
37
+ --accent-3: var(--teal-3);
38
+ --accent-4: var(--teal-4);
39
+ --accent-5: var(--teal-5);
40
+ --accent-6: var(--teal-6);
41
+ --accent-7: var(--teal-7);
42
+ --accent-8: var(--teal-8);
43
+ --accent-9: var(--teal-9);
44
+ --accent-10: var(--teal-10);
45
+ --accent-11: var(--teal-11);
46
+ --accent-12: var(--teal-12);
47
+
48
+ --accent-a1: var(--teal-a1);
49
+ --accent-a2: var(--teal-a2);
50
+ --accent-a3: var(--teal-a3);
51
+ --accent-a4: var(--teal-a4);
52
+ --accent-a5: var(--teal-a5);
53
+ --accent-a6: var(--teal-a6);
54
+ --accent-a7: var(--teal-a7);
55
+ --accent-a8: var(--teal-a8);
56
+ --accent-a9: var(--teal-a9);
57
+ --accent-a10: var(--teal-a10);
58
+ --accent-a11: var(--teal-a11);
59
+ --accent-a12: var(--teal-a12);
60
+
61
+ --accent-contrast: var(--teal-contrast);
62
+ --accent-surface: var(--teal-surface);
63
+ --accent-indicator: var(--teal-indicator);
64
+ --accent-track: var(--teal-track);
65
+ }
package/dist/tomato-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--tomato-1);
3
+ --color-accent-2: var(--tomato-2);
4
+ --color-accent-3: var(--tomato-3);
5
+ --color-accent-4: var(--tomato-4);
6
+ --color-accent-5: var(--tomato-5);
7
+ --color-accent-6: var(--tomato-6);
8
+ --color-accent-7: var(--tomato-7);
9
+ --color-accent-8: var(--tomato-8);
10
+ --color-accent-9: var(--tomato-9);
11
+ --color-accent-10: var(--tomato-10);
12
+ --color-accent-11: var(--tomato-11);
13
+ --color-accent-12: var(--tomato-12);
14
+
15
+ --color-accent-a1: var(--tomato-a1);
16
+ --color-accent-a2: var(--tomato-a2);
17
+ --color-accent-a3: var(--tomato-a3);
18
+ --color-accent-a4: var(--tomato-a4);
19
+ --color-accent-a5: var(--tomato-a5);
20
+ --color-accent-a6: var(--tomato-a6);
21
+ --color-accent-a7: var(--tomato-a7);
22
+ --color-accent-a8: var(--tomato-a8);
23
+ --color-accent-a9: var(--tomato-a9);
24
+ --color-accent-a10: var(--tomato-a10);
25
+ --color-accent-a11: var(--tomato-a11);
26
+ --color-accent-a12: var(--tomato-a12);
27
+
28
+ --color-accent-contrast: var(--tomato-contrast);
29
+ --color-accent-surface: var(--tomato-surface);
30
+ --color-accent-indicator: var(--tomato-indicator);
31
+ --color-accent-track: var(--tomato-track);
32
+ }
33
+
34
+ [data-accent-color='tomato'] {
35
+ --accent-1: var(--tomato-1);
36
+ --accent-2: var(--tomato-2);
37
+ --accent-3: var(--tomato-3);
38
+ --accent-4: var(--tomato-4);
39
+ --accent-5: var(--tomato-5);
40
+ --accent-6: var(--tomato-6);
41
+ --accent-7: var(--tomato-7);
42
+ --accent-8: var(--tomato-8);
43
+ --accent-9: var(--tomato-9);
44
+ --accent-10: var(--tomato-10);
45
+ --accent-11: var(--tomato-11);
46
+ --accent-12: var(--tomato-12);
47
+
48
+ --accent-a1: var(--tomato-a1);
49
+ --accent-a2: var(--tomato-a2);
50
+ --accent-a3: var(--tomato-a3);
51
+ --accent-a4: var(--tomato-a4);
52
+ --accent-a5: var(--tomato-a5);
53
+ --accent-a6: var(--tomato-a6);
54
+ --accent-a7: var(--tomato-a7);
55
+ --accent-a8: var(--tomato-a8);
56
+ --accent-a9: var(--tomato-a9);
57
+ --accent-a10: var(--tomato-a10);
58
+ --accent-a11: var(--tomato-a11);
59
+ --accent-a12: var(--tomato-a12);
60
+
61
+ --accent-contrast: var(--tomato-contrast);
62
+ --accent-surface: var(--tomato-surface);
63
+ --accent-indicator: var(--tomato-indicator);
64
+ --accent-track: var(--tomato-track);
65
+ }
package/dist/violet-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--violet-1);
3
+ --color-accent-2: var(--violet-2);
4
+ --color-accent-3: var(--violet-3);
5
+ --color-accent-4: var(--violet-4);
6
+ --color-accent-5: var(--violet-5);
7
+ --color-accent-6: var(--violet-6);
8
+ --color-accent-7: var(--violet-7);
9
+ --color-accent-8: var(--violet-8);
10
+ --color-accent-9: var(--violet-9);
11
+ --color-accent-10: var(--violet-10);
12
+ --color-accent-11: var(--violet-11);
13
+ --color-accent-12: var(--violet-12);
14
+
15
+ --color-accent-a1: var(--violet-a1);
16
+ --color-accent-a2: var(--violet-a2);
17
+ --color-accent-a3: var(--violet-a3);
18
+ --color-accent-a4: var(--violet-a4);
19
+ --color-accent-a5: var(--violet-a5);
20
+ --color-accent-a6: var(--violet-a6);
21
+ --color-accent-a7: var(--violet-a7);
22
+ --color-accent-a8: var(--violet-a8);
23
+ --color-accent-a9: var(--violet-a9);
24
+ --color-accent-a10: var(--violet-a10);
25
+ --color-accent-a11: var(--violet-a11);
26
+ --color-accent-a12: var(--violet-a12);
27
+
28
+ --color-accent-contrast: var(--violet-contrast);
29
+ --color-accent-surface: var(--violet-surface);
30
+ --color-accent-indicator: var(--violet-indicator);
31
+ --color-accent-track: var(--violet-track);
32
+ }
33
+
34
+ [data-accent-color='violet'] {
35
+ --accent-1: var(--violet-1);
36
+ --accent-2: var(--violet-2);
37
+ --accent-3: var(--violet-3);
38
+ --accent-4: var(--violet-4);
39
+ --accent-5: var(--violet-5);
40
+ --accent-6: var(--violet-6);
41
+ --accent-7: var(--violet-7);
42
+ --accent-8: var(--violet-8);
43
+ --accent-9: var(--violet-9);
44
+ --accent-10: var(--violet-10);
45
+ --accent-11: var(--violet-11);
46
+ --accent-12: var(--violet-12);
47
+
48
+ --accent-a1: var(--violet-a1);
49
+ --accent-a2: var(--violet-a2);
50
+ --accent-a3: var(--violet-a3);
51
+ --accent-a4: var(--violet-a4);
52
+ --accent-a5: var(--violet-a5);
53
+ --accent-a6: var(--violet-a6);
54
+ --accent-a7: var(--violet-a7);
55
+ --accent-a8: var(--violet-a8);
56
+ --accent-a9: var(--violet-a9);
57
+ --accent-a10: var(--violet-a10);
58
+ --accent-a11: var(--violet-a11);
59
+ --accent-a12: var(--violet-a12);
60
+
61
+ --accent-contrast: var(--violet-contrast);
62
+ --accent-surface: var(--violet-surface);
63
+ --accent-indicator: var(--violet-indicator);
64
+ --accent-track: var(--violet-track);
65
+ }
package/dist/white-alpha.css ADDED
@@ -0,0 +1,29 @@
1
+ @theme static {
2
+ --color-white-a1: var(--white-a1);
3
+ --color-white-a2: var(--white-a2);
4
+ --color-white-a3: var(--white-a3);
5
+ --color-white-a4: var(--white-a4);
6
+ --color-white-a5: var(--white-a5);
7
+ --color-white-a6: var(--white-a6);
8
+ --color-white-a7: var(--white-a7);
9
+ --color-white-a8: var(--white-a8);
10
+ --color-white-a9: var(--white-a9);
11
+ --color-white-a10: var(--white-a10);
12
+ --color-white-a11: var(--white-a11);
13
+ --color-white-a12: var(--white-a12);
14
+ }
15
+
16
+ :root {
17
+ --white-a1: color(display-p3 1 1 1 / 0.05);
18
+ --white-a2: color(display-p3 1 1 1 / 0.1);
19
+ --white-a3: color(display-p3 1 1 1 / 0.15);
20
+ --white-a4: color(display-p3 1 1 1 / 0.2);
21
+ --white-a5: color(display-p3 1 1 1 / 0.3);
22
+ --white-a6: color(display-p3 1 1 1 / 0.4);
23
+ --white-a7: color(display-p3 1 1 1 / 0.5);
24
+ --white-a8: color(display-p3 1 1 1 / 0.6);
25
+ --white-a9: color(display-p3 1 1 1 / 0.7);
26
+ --white-a10: color(display-p3 1 1 1 / 0.8);
27
+ --white-a11: color(display-p3 1 1 1 / 0.9);
28
+ --white-a12: color(display-p3 1 1 1 / 0.95);
29
+ }
package/dist/yellow-accents.css ADDED
@@ -0,0 +1,65 @@
1
+ @theme static {
2
+ --color-accent-1: var(--yellow-1);
3
+ --color-accent-2: var(--yellow-2);
4
+ --color-accent-3: var(--yellow-3);
5
+ --color-accent-4: var(--yellow-4);
6
+ --color-accent-5: var(--yellow-5);
7
+ --color-accent-6: var(--yellow-6);
8
+ --color-accent-7: var(--yellow-7);
9
+ --color-accent-8: var(--yellow-8);
10
+ --color-accent-9: var(--yellow-9);
11
+ --color-accent-10: var(--yellow-10);
12
+ --color-accent-11: var(--yellow-11);
13
+ --color-accent-12: var(--yellow-12);
14
+
15
+ --color-accent-a1: var(--yellow-a1);
16
+ --color-accent-a2: var(--yellow-a2);
17
+ --color-accent-a3: var(--yellow-a3);
18
+ --color-accent-a4: var(--yellow-a4);
19
+ --color-accent-a5: var(--yellow-a5);
20
+ --color-accent-a6: var(--yellow-a6);
21
+ --color-accent-a7: var(--yellow-a7);
22
+ --color-accent-a8: var(--yellow-a8);
23
+ --color-accent-a9: var(--yellow-a9);
24
+ --color-accent-a10: var(--yellow-a10);
25
+ --color-accent-a11: var(--yellow-a11);
26
+ --color-accent-a12: var(--yellow-a12);
27
+
28
+ --color-accent-contrast: var(--yellow-contrast);
29
+ --color-accent-surface: var(--yellow-surface);
30
+ --color-accent-indicator: var(--yellow-indicator);
31
+ --color-accent-track: var(--yellow-track);
32
+ }
33
+
34
+ [data-accent-color='yellow'] {
35
+ --accent-1: var(--yellow-1);
36
+ --accent-2: var(--yellow-2);
37
+ --accent-3: var(--yellow-3);
38
+ --accent-4: var(--yellow-4);
39
+ --accent-5: var(--yellow-5);
40
+ --accent-6: var(--yellow-6);
41
+ --accent-7: var(--yellow-7);
42
+ --accent-8: var(--yellow-8);
43
+ --accent-9: var(--yellow-9);
44
+ --accent-10: var(--yellow-10);
45
+ --accent-11: var(--yellow-11);
46
+ --accent-12: var(--yellow-12);
47
+
48
+ --accent-a1: var(--yellow-a1);
49
+ --accent-a2: var(--yellow-a2);
50
+ --accent-a3: var(--yellow-a3);
51
+ --accent-a4: var(--yellow-a4);
52
+ --accent-a5: var(--yellow-a5);
53
+ --accent-a6: var(--yellow-a6);
54
+ --accent-a7: var(--yellow-a7);
55
+ --accent-a8: var(--yellow-a8);
56
+ --accent-a9: var(--yellow-a9);
57
+ --accent-a10: var(--yellow-a10);
58
+ --accent-a11: var(--yellow-a11);
59
+ --accent-a12: var(--yellow-a12);
60
+
61
+ --accent-contrast: var(--yellow-contrast);
62
+ --accent-surface: var(--yellow-surface);
63
+ --accent-indicator: var(--yellow-indicator);
64
+ --accent-track: var(--yellow-track);
65
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@diskette/palette",
3
3
  "type": "module",
4
- "version": "0.1.0",
4
+ "version": "0.3.0",
5
5
  "exports": {
6
6
  "./*.css": "./dist/*.css"
7
7
  },
package/dist/amber-tokens.css DELETED
@@ -1,32 +0,0 @@
1
- [data-accent-color='amber'] {
2
- --accent-1: var(--amber-1);
3
- --accent-2: var(--amber-2);
4
- --accent-3: var(--amber-3);
5
- --accent-4: var(--amber-4);
6
- --accent-5: var(--amber-5);
7
- --accent-6: var(--amber-6);
8
- --accent-7: var(--amber-7);
9
- --accent-8: var(--amber-8);
10
- --accent-9: var(--amber-9);
11
- --accent-10: var(--amber-10);
12
- --accent-11: var(--amber-11);
13
- --accent-12: var(--amber-12);
14
-
15
- --accent-a1: var(--amber-a1);
16
- --accent-a2: var(--amber-a2);
17
- --accent-a3: var(--amber-a3);
18
- --accent-a4: var(--amber-a4);
19
- --accent-a5: var(--amber-a5);
20
- --accent-a6: var(--amber-a6);
21
- --accent-a7: var(--amber-a7);
22
- --accent-a8: var(--amber-a8);
23
- --accent-a9: var(--amber-a9);
24
- --accent-a10: var(--amber-a10);
25
- --accent-a11: var(--amber-a11);
26
- --accent-a12: var(--amber-a12);
27
-
28
- --accent-contrast: var(--amber-contrast);
29
- --accent-surface: var(--amber-surface);
30
- --accent-indicator: var(--amber-indicator);
31
- --accent-track: var(--amber-track);
32
- }
package/dist/blue-tokens.css DELETED
@@ -1,32 +0,0 @@
1
- [data-accent-color='blue'] {
2
- --accent-1: var(--blue-1);
3
- --accent-2: var(--blue-2);
4
- --accent-3: var(--blue-3);
5
- --accent-4: var(--blue-4);
6
- --accent-5: var(--blue-5);
7
- --accent-6: var(--blue-6);
8
- --accent-7: var(--blue-7);
9
- --accent-8: var(--blue-8);
10
- --accent-9: var(--blue-9);
11
- --accent-10: var(--blue-10);
12
- --accent-11: var(--blue-11);
13
- --accent-12: var(--blue-12);
14
-
15
- --accent-a1: var(--blue-a1);
16
- --accent-a2: var(--blue-a2);
17
- --accent-a3: var(--blue-a3);
18
- --accent-a4: var(--blue-a4);
19
- --accent-a5: var(--blue-a5);
20
- --accent-a6: var(--blue-a6);
21
- --accent-a7: var(--blue-a7);
22
- --accent-a8: var(--blue-a8);
23
- --accent-a9: var(--blue-a9);
24
- --accent-a10: var(--blue-a10);
25
- --accent-a11: var(--blue-a11);
26
- --accent-a12: var(--blue-a12);
27
-
28
- --accent-contrast: var(--blue-contrast);
29
- --accent-surface: var(--blue-surface);
30
- --accent-indicator: var(--blue-indicator);
31
- --accent-track: var(--blue-track);
32
- }