@diskette/palette 0.1.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-p3.css +95 -0
  2. package/dist/amber-tokens.css +32 -0
  3. package/dist/blue-p3.css +95 -0
  4. package/dist/blue-tokens.css +32 -0
  5. package/dist/bronze-p3.css +95 -0
  6. package/dist/brown-p3.css +95 -0
  7. package/dist/brown-tokens.css +32 -0
  8. package/dist/crimson-p3.css +95 -0
  9. package/dist/crimson-tokens.css +32 -0
  10. package/dist/cyan-p3.css +95 -0
  11. package/dist/cyan-tokens.css +32 -0
  12. package/dist/gold-p3.css +95 -0
  13. package/dist/grass-p3.css +95 -0
  14. package/dist/grass-tokens.css +32 -0
  15. package/dist/gray-p3.css +95 -0
  16. package/dist/gray-tokens.css +32 -0
  17. package/dist/green-p3.css +95 -0
  18. package/dist/green-tokens.css +32 -0
  19. package/dist/indigo-p3.css +95 -0
  20. package/dist/indigo-tokens.css +32 -0
  21. package/dist/iris-p3.css +95 -0
  22. package/dist/iris-tokens.css +32 -0
  23. package/dist/jade-p3.css +95 -0
  24. package/dist/jade-tokens.css +32 -0
  25. package/dist/lime-p3.css +95 -0
  26. package/dist/lime-tokens.css +32 -0
  27. package/dist/mauve-p3.css +95 -0
  28. package/dist/mauve-tokens.css +32 -0
  29. package/dist/mint-p3.css +95 -0
  30. package/dist/mint-tokens.css +32 -0
  31. package/dist/olive-p3.css +95 -0
  32. package/dist/olive-tokens.css +32 -0
  33. package/dist/orange-p3.css +95 -0
  34. package/dist/orange-tokens.css +32 -0
  35. package/dist/pink-p3.css +95 -0
  36. package/dist/pink-tokens.css +32 -0
  37. package/dist/plum-p3.css +95 -0
  38. package/dist/plum-tokens.css +32 -0
  39. package/dist/purple-p3.css +95 -0
  40. package/dist/purple-tokens.css +32 -0
  41. package/dist/red-p3.css +95 -0
  42. package/dist/red-tokens.css +32 -0
  43. package/dist/ruby-p3.css +95 -0
  44. package/dist/ruby-tokens.css +32 -0
  45. package/dist/sage-p3.css +95 -0
  46. package/dist/sage-tokens.css +32 -0
  47. package/dist/sand-p3.css +95 -0
  48. package/dist/sand-tokens.css +32 -0
  49. package/dist/sky-p3.css +95 -0
  50. package/dist/sky-tokens.css +32 -0
  51. package/dist/slate-p3.css +95 -0
  52. package/dist/slate-tokens.css +32 -0
  53. package/dist/teal-p3.css +95 -0
  54. package/dist/teal-tokens.css +32 -0
  55. package/dist/tomato-p3.css +95 -0
  56. package/dist/tomato-tokens.css +32 -0
  57. package/dist/violet-p3.css +95 -0
  58. package/dist/violet-tokens.css +32 -0
  59. package/dist/yellow-p3.css +95 -0
  60. package/dist/yellow-tokens.css +32 -0
  61. package/package.json +38 -0
@@ -0,0 +1,95 @@
1
+ @theme static {
2
+ --color-yellow-1: var(--yellow-1);
3
+ --color-yellow-2: var(--yellow-2);
4
+ --color-yellow-3: var(--yellow-3);
5
+ --color-yellow-4: var(--yellow-4);
6
+ --color-yellow-5: var(--yellow-5);
7
+ --color-yellow-6: var(--yellow-6);
8
+ --color-yellow-7: var(--yellow-7);
9
+ --color-yellow-8: var(--yellow-8);
10
+ --color-yellow-9: var(--yellow-9);
11
+ --color-yellow-10: var(--yellow-10);
12
+ --color-yellow-11: var(--yellow-11);
13
+ --color-yellow-12: var(--yellow-12);
14
+
15
+ --color-yellow-a1: var(--yellow-a1);
16
+ --color-yellow-a2: var(--yellow-a2);
17
+ --color-yellow-a3: var(--yellow-a3);
18
+ --color-yellow-a4: var(--yellow-a4);
19
+ --color-yellow-a5: var(--yellow-a5);
20
+ --color-yellow-a6: var(--yellow-a6);
21
+ --color-yellow-a7: var(--yellow-a7);
22
+ --color-yellow-a8: var(--yellow-a8);
23
+ --color-yellow-a9: var(--yellow-a9);
24
+ --color-yellow-a10: var(--yellow-a10);
25
+ --color-yellow-a11: var(--yellow-a11);
26
+ --color-yellow-a12: var(--yellow-a12);
27
+
28
+ --color-yellow-contrast: var(--yellow-contrast);
29
+ --color-yellow-surface: var(--yellow-surface);
30
+ --color-yellow-indicator: var(--yellow-indicator);
31
+ --color-yellow-track: var(--yellow-track);
32
+ }
33
+
34
+ :root {
35
+ --yellow-1: color(display-p3 0.992 0.992 0.978);
36
+ --yellow-2: color(display-p3 0.995 0.99 0.922);
37
+ --yellow-3: color(display-p3 0.997 0.982 0.749);
38
+ --yellow-4: color(display-p3 0.992 0.953 0.627);
39
+ --yellow-5: color(display-p3 0.984 0.91 0.51);
40
+ --yellow-6: color(display-p3 0.934 0.847 0.474);
41
+ --yellow-7: color(display-p3 0.876 0.785 0.46);
42
+ --yellow-8: color(display-p3 0.811 0.689 0.313);
43
+ --yellow-9: color(display-p3 1 0.92 0.22);
44
+ --yellow-10: color(display-p3 0.977 0.868 0.291);
45
+ --yellow-11: color(display-p3 0.6 0.44 0);
46
+ --yellow-12: color(display-p3 0.271 0.233 0.137);
47
+
48
+ --yellow-a1: color(display-p3 0.675 0.675 0.024 / 0.024);
49
+ --yellow-a2: color(display-p3 0.953 0.855 0.008 / 0.079);
50
+ --yellow-a3: color(display-p3 0.988 0.925 0.004 / 0.251);
51
+ --yellow-a4: color(display-p3 0.98 0.875 0.004 / 0.373);
52
+ --yellow-a5: color(display-p3 0.969 0.816 0.004 / 0.491);
53
+ --yellow-a6: color(display-p3 0.875 0.71 0 / 0.526);
54
+ --yellow-a7: color(display-p3 0.769 0.604 0 / 0.542);
55
+ --yellow-a8: color(display-p3 0.725 0.549 0 / 0.687);
56
+ --yellow-a9: color(display-p3 1 0.898 0 / 0.781);
57
+ --yellow-a10: color(display-p3 0.969 0.812 0 / 0.71);
58
+ --yellow-a11: color(display-p3 0.6 0.44 0);
59
+ --yellow-a12: color(display-p3 0.271 0.233 0.137);
60
+
61
+ --yellow-contrast: #21201c; /* light mode sand 12 */
62
+ --yellow-surface: color(display-p3 0.9961 0.9922 0.902 / 0.8);
63
+ --yellow-indicator: var(--yellow-10);
64
+ --yellow-track: var(--yellow-10);
65
+ }
66
+
67
+ .dark {
68
+ --yellow-1: color(display-p3 0.078 0.069 0.047);
69
+ --yellow-2: color(display-p3 0.103 0.094 0.063);
70
+ --yellow-3: color(display-p3 0.168 0.137 0.039);
71
+ --yellow-4: color(display-p3 0.209 0.169 0);
72
+ --yellow-5: color(display-p3 0.255 0.209 0);
73
+ --yellow-6: color(display-p3 0.31 0.261 0.07);
74
+ --yellow-7: color(display-p3 0.389 0.331 0.135);
75
+ --yellow-8: color(display-p3 0.497 0.42 0.182);
76
+ --yellow-9: color(display-p3 1 0.92 0.22);
77
+ --yellow-10: color(display-p3 1 1 0.456);
78
+ --yellow-11: color(display-p3 0.948 0.885 0.392);
79
+ --yellow-12: color(display-p3 0.959 0.934 0.731);
80
+
81
+ --yellow-a1: color(display-p3 0.973 0.369 0 / 0.013);
82
+ --yellow-a2: color(display-p3 0.996 0.792 0 / 0.038);
83
+ --yellow-a3: color(display-p3 0.996 0.71 0 / 0.11);
84
+ --yellow-a4: color(display-p3 0.996 0.741 0 / 0.152);
85
+ --yellow-a5: color(display-p3 0.996 0.765 0 / 0.202);
86
+ --yellow-a6: color(display-p3 0.996 0.816 0.082 / 0.261);
87
+ --yellow-a7: color(display-p3 1 0.831 0.263 / 0.345);
88
+ --yellow-a8: color(display-p3 1 0.831 0.314 / 0.463);
89
+ --yellow-a9: color(display-p3 1 0.922 0.22);
90
+ --yellow-a10: color(display-p3 1 1 0.455);
91
+ --yellow-a11: color(display-p3 0.948 0.885 0.392);
92
+ --yellow-a12: color(display-p3 0.959 0.934 0.731);
93
+
94
+ --yellow-surface: color(display-p3 0.1333 0.1176 0.0706 / 0.5);
95
+ }
@@ -0,0 +1,32 @@
1
+ [data-accent-color='yellow'] {
2
+ --accent-1: var(--yellow-1);
3
+ --accent-2: var(--yellow-2);
4
+ --accent-3: var(--yellow-3);
5
+ --accent-4: var(--yellow-4);
6
+ --accent-5: var(--yellow-5);
7
+ --accent-6: var(--yellow-6);
8
+ --accent-7: var(--yellow-7);
9
+ --accent-8: var(--yellow-8);
10
+ --accent-9: var(--yellow-9);
11
+ --accent-10: var(--yellow-10);
12
+ --accent-11: var(--yellow-11);
13
+ --accent-12: var(--yellow-12);
14
+
15
+ --accent-a1: var(--yellow-a1);
16
+ --accent-a2: var(--yellow-a2);
17
+ --accent-a3: var(--yellow-a3);
18
+ --accent-a4: var(--yellow-a4);
19
+ --accent-a5: var(--yellow-a5);
20
+ --accent-a6: var(--yellow-a6);
21
+ --accent-a7: var(--yellow-a7);
22
+ --accent-a8: var(--yellow-a8);
23
+ --accent-a9: var(--yellow-a9);
24
+ --accent-a10: var(--yellow-a10);
25
+ --accent-a11: var(--yellow-a11);
26
+ --accent-a12: var(--yellow-a12);
27
+
28
+ --accent-contrast: var(--yellow-contrast);
29
+ --accent-surface: var(--yellow-surface);
30
+ --accent-indicator: var(--yellow-indicator);
31
+ --accent-track: var(--yellow-track);
32
+ }
package/package.json ADDED
@@ -0,0 +1,38 @@
1
+ {
2
+ "name": "@diskette/palette",
3
+ "type": "module",
4
+ "version": "0.1.0",
5
+ "exports": {
6
+ "./*.css": "./dist/*.css"
7
+ },
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "devDependencies": {
12
+ "@changesets/cli": "^2.29.7",
13
+ "@types/node": "^24.3.0",
14
+ "oxlint": "^1.16.0",
15
+ "oxlint-tsgolint": "^0.2.0",
16
+ "prettier": "^3.6.2",
17
+ "tsx": "^4.20.5",
18
+ "typescript": "^5.9.2"
19
+ },
20
+ "repository": {
21
+ "type": "git",
22
+ "url": "git+https://github.com/diskettejs/palette.git"
23
+ },
24
+ "keywords": [],
25
+ "prettier": {
26
+ "semi": false,
27
+ "singleQuote": true
28
+ },
29
+ "license": "MIT",
30
+ "scripts": {
31
+ "build": "rm -rf dist && pnpm build:css",
32
+ "build:css": "tsx --no-warnings=ExperimentalWarning scripts/build.ts",
33
+ "dev": "tsc --watch -p tsconfig.build.json",
34
+ "typecheck": "tsc",
35
+ "lint": "oxlint --type-aware src",
36
+ "release": "changeset version && changeset publish && git push --follow-tags"
37
+ }
38
+ }