@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.
- package/dist/amber-p3.css +95 -0
- package/dist/amber-tokens.css +32 -0
- package/dist/blue-p3.css +95 -0
- package/dist/blue-tokens.css +32 -0
- package/dist/bronze-p3.css +95 -0
- package/dist/brown-p3.css +95 -0
- package/dist/brown-tokens.css +32 -0
- package/dist/crimson-p3.css +95 -0
- package/dist/crimson-tokens.css +32 -0
- package/dist/cyan-p3.css +95 -0
- package/dist/cyan-tokens.css +32 -0
- package/dist/gold-p3.css +95 -0
- package/dist/grass-p3.css +95 -0
- package/dist/grass-tokens.css +32 -0
- package/dist/gray-p3.css +95 -0
- package/dist/gray-tokens.css +32 -0
- package/dist/green-p3.css +95 -0
- package/dist/green-tokens.css +32 -0
- package/dist/indigo-p3.css +95 -0
- package/dist/indigo-tokens.css +32 -0
- package/dist/iris-p3.css +95 -0
- package/dist/iris-tokens.css +32 -0
- package/dist/jade-p3.css +95 -0
- package/dist/jade-tokens.css +32 -0
- package/dist/lime-p3.css +95 -0
- package/dist/lime-tokens.css +32 -0
- package/dist/mauve-p3.css +95 -0
- package/dist/mauve-tokens.css +32 -0
- package/dist/mint-p3.css +95 -0
- package/dist/mint-tokens.css +32 -0
- package/dist/olive-p3.css +95 -0
- package/dist/olive-tokens.css +32 -0
- package/dist/orange-p3.css +95 -0
- package/dist/orange-tokens.css +32 -0
- package/dist/pink-p3.css +95 -0
- package/dist/pink-tokens.css +32 -0
- package/dist/plum-p3.css +95 -0
- package/dist/plum-tokens.css +32 -0
- package/dist/purple-p3.css +95 -0
- package/dist/purple-tokens.css +32 -0
- package/dist/red-p3.css +95 -0
- package/dist/red-tokens.css +32 -0
- package/dist/ruby-p3.css +95 -0
- package/dist/ruby-tokens.css +32 -0
- package/dist/sage-p3.css +95 -0
- package/dist/sage-tokens.css +32 -0
- package/dist/sand-p3.css +95 -0
- package/dist/sand-tokens.css +32 -0
- package/dist/sky-p3.css +95 -0
- package/dist/sky-tokens.css +32 -0
- package/dist/slate-p3.css +95 -0
- package/dist/slate-tokens.css +32 -0
- package/dist/teal-p3.css +95 -0
- package/dist/teal-tokens.css +32 -0
- package/dist/tomato-p3.css +95 -0
- package/dist/tomato-tokens.css +32 -0
- package/dist/violet-p3.css +95 -0
- package/dist/violet-tokens.css +32 -0
- package/dist/yellow-p3.css +95 -0
- package/dist/yellow-tokens.css +32 -0
- 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
|
+
}
|