@diskette/palette 0.4.0 → 0.5.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/bronze-accents.css +65 -0
- package/dist/colors.d.ts +6 -0
- package/dist/colors.js +37 -0
- package/dist/gold-accents.css +65 -0
- package/package.json +4 -2
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
@theme inline static {
|
|
2
|
+
--color-accent-1: var(--bronze-1);
|
|
3
|
+
--color-accent-2: var(--bronze-2);
|
|
4
|
+
--color-accent-3: var(--bronze-3);
|
|
5
|
+
--color-accent-4: var(--bronze-4);
|
|
6
|
+
--color-accent-5: var(--bronze-5);
|
|
7
|
+
--color-accent-6: var(--bronze-6);
|
|
8
|
+
--color-accent-7: var(--bronze-7);
|
|
9
|
+
--color-accent-8: var(--bronze-8);
|
|
10
|
+
--color-accent-9: var(--bronze-9);
|
|
11
|
+
--color-accent-10: var(--bronze-10);
|
|
12
|
+
--color-accent-11: var(--bronze-11);
|
|
13
|
+
--color-accent-12: var(--bronze-12);
|
|
14
|
+
|
|
15
|
+
--color-accent-a1: var(--bronze-a1);
|
|
16
|
+
--color-accent-a2: var(--bronze-a2);
|
|
17
|
+
--color-accent-a3: var(--bronze-a3);
|
|
18
|
+
--color-accent-a4: var(--bronze-a4);
|
|
19
|
+
--color-accent-a5: var(--bronze-a5);
|
|
20
|
+
--color-accent-a6: var(--bronze-a6);
|
|
21
|
+
--color-accent-a7: var(--bronze-a7);
|
|
22
|
+
--color-accent-a8: var(--bronze-a8);
|
|
23
|
+
--color-accent-a9: var(--bronze-a9);
|
|
24
|
+
--color-accent-a10: var(--bronze-a10);
|
|
25
|
+
--color-accent-a11: var(--bronze-a11);
|
|
26
|
+
--color-accent-a12: var(--bronze-a12);
|
|
27
|
+
|
|
28
|
+
--color-accent-contrast: var(--bronze-contrast);
|
|
29
|
+
--color-accent-surface: var(--bronze-surface);
|
|
30
|
+
--color-accent-indicator: var(--bronze-indicator);
|
|
31
|
+
--color-accent-track: var(--bronze-track);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
[data-accent-color='bronze'] {
|
|
35
|
+
--accent-1: var(--bronze-1);
|
|
36
|
+
--accent-2: var(--bronze-2);
|
|
37
|
+
--accent-3: var(--bronze-3);
|
|
38
|
+
--accent-4: var(--bronze-4);
|
|
39
|
+
--accent-5: var(--bronze-5);
|
|
40
|
+
--accent-6: var(--bronze-6);
|
|
41
|
+
--accent-7: var(--bronze-7);
|
|
42
|
+
--accent-8: var(--bronze-8);
|
|
43
|
+
--accent-9: var(--bronze-9);
|
|
44
|
+
--accent-10: var(--bronze-10);
|
|
45
|
+
--accent-11: var(--bronze-11);
|
|
46
|
+
--accent-12: var(--bronze-12);
|
|
47
|
+
|
|
48
|
+
--accent-a1: var(--bronze-a1);
|
|
49
|
+
--accent-a2: var(--bronze-a2);
|
|
50
|
+
--accent-a3: var(--bronze-a3);
|
|
51
|
+
--accent-a4: var(--bronze-a4);
|
|
52
|
+
--accent-a5: var(--bronze-a5);
|
|
53
|
+
--accent-a6: var(--bronze-a6);
|
|
54
|
+
--accent-a7: var(--bronze-a7);
|
|
55
|
+
--accent-a8: var(--bronze-a8);
|
|
56
|
+
--accent-a9: var(--bronze-a9);
|
|
57
|
+
--accent-a10: var(--bronze-a10);
|
|
58
|
+
--accent-a11: var(--bronze-a11);
|
|
59
|
+
--accent-a12: var(--bronze-a12);
|
|
60
|
+
|
|
61
|
+
--accent-contrast: var(--bronze-contrast);
|
|
62
|
+
--accent-surface: var(--bronze-surface);
|
|
63
|
+
--accent-indicator: var(--bronze-indicator);
|
|
64
|
+
--accent-track: var(--bronze-track);
|
|
65
|
+
}
|
package/dist/colors.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const grayColors: readonly ["gray", "mauve", "slate", "sage", "olive", "sand"];
|
|
2
|
+
export type GrayColor = (typeof grayColors)[number];
|
|
3
|
+
export declare const accentColors: readonly ["gray", "gold", "bronze", "brown", "yellow", "amber", "orange", "tomato", "red", "ruby", "crimson", "pink", "plum", "purple", "violet", "iris", "indigo", "blue", "cyan", "teal", "jade", "green", "grass", "lime", "mint", "sky"];
|
|
4
|
+
export type AccentColor = (typeof accentColors)[number];
|
|
5
|
+
export declare const colors: ("gray" | "mauve" | "slate" | "sage" | "olive" | "sand" | "gold" | "bronze" | "brown" | "yellow" | "amber" | "orange" | "tomato" | "red" | "ruby" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "indigo" | "blue" | "cyan" | "teal" | "jade" | "green" | "grass" | "lime" | "mint" | "sky")[];
|
|
6
|
+
export type Color = (typeof colors)[number];
|
package/dist/colors.js
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export const grayColors = [
|
|
2
|
+
'gray',
|
|
3
|
+
'mauve',
|
|
4
|
+
'slate',
|
|
5
|
+
'sage',
|
|
6
|
+
'olive',
|
|
7
|
+
'sand',
|
|
8
|
+
];
|
|
9
|
+
export const accentColors = [
|
|
10
|
+
'gray',
|
|
11
|
+
'gold',
|
|
12
|
+
'bronze',
|
|
13
|
+
'brown',
|
|
14
|
+
'yellow',
|
|
15
|
+
'amber',
|
|
16
|
+
'orange',
|
|
17
|
+
'tomato',
|
|
18
|
+
'red',
|
|
19
|
+
'ruby',
|
|
20
|
+
'crimson',
|
|
21
|
+
'pink',
|
|
22
|
+
'plum',
|
|
23
|
+
'purple',
|
|
24
|
+
'violet',
|
|
25
|
+
'iris',
|
|
26
|
+
'indigo',
|
|
27
|
+
'blue',
|
|
28
|
+
'cyan',
|
|
29
|
+
'teal',
|
|
30
|
+
'jade',
|
|
31
|
+
'green',
|
|
32
|
+
'grass',
|
|
33
|
+
'lime',
|
|
34
|
+
'mint',
|
|
35
|
+
'sky',
|
|
36
|
+
];
|
|
37
|
+
export const colors = [...accentColors, ...grayColors.slice(1)];
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
@theme inline static {
|
|
2
|
+
--color-accent-1: var(--gold-1);
|
|
3
|
+
--color-accent-2: var(--gold-2);
|
|
4
|
+
--color-accent-3: var(--gold-3);
|
|
5
|
+
--color-accent-4: var(--gold-4);
|
|
6
|
+
--color-accent-5: var(--gold-5);
|
|
7
|
+
--color-accent-6: var(--gold-6);
|
|
8
|
+
--color-accent-7: var(--gold-7);
|
|
9
|
+
--color-accent-8: var(--gold-8);
|
|
10
|
+
--color-accent-9: var(--gold-9);
|
|
11
|
+
--color-accent-10: var(--gold-10);
|
|
12
|
+
--color-accent-11: var(--gold-11);
|
|
13
|
+
--color-accent-12: var(--gold-12);
|
|
14
|
+
|
|
15
|
+
--color-accent-a1: var(--gold-a1);
|
|
16
|
+
--color-accent-a2: var(--gold-a2);
|
|
17
|
+
--color-accent-a3: var(--gold-a3);
|
|
18
|
+
--color-accent-a4: var(--gold-a4);
|
|
19
|
+
--color-accent-a5: var(--gold-a5);
|
|
20
|
+
--color-accent-a6: var(--gold-a6);
|
|
21
|
+
--color-accent-a7: var(--gold-a7);
|
|
22
|
+
--color-accent-a8: var(--gold-a8);
|
|
23
|
+
--color-accent-a9: var(--gold-a9);
|
|
24
|
+
--color-accent-a10: var(--gold-a10);
|
|
25
|
+
--color-accent-a11: var(--gold-a11);
|
|
26
|
+
--color-accent-a12: var(--gold-a12);
|
|
27
|
+
|
|
28
|
+
--color-accent-contrast: var(--gold-contrast);
|
|
29
|
+
--color-accent-surface: var(--gold-surface);
|
|
30
|
+
--color-accent-indicator: var(--gold-indicator);
|
|
31
|
+
--color-accent-track: var(--gold-track);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
[data-accent-color='gold'] {
|
|
35
|
+
--accent-1: var(--gold-1);
|
|
36
|
+
--accent-2: var(--gold-2);
|
|
37
|
+
--accent-3: var(--gold-3);
|
|
38
|
+
--accent-4: var(--gold-4);
|
|
39
|
+
--accent-5: var(--gold-5);
|
|
40
|
+
--accent-6: var(--gold-6);
|
|
41
|
+
--accent-7: var(--gold-7);
|
|
42
|
+
--accent-8: var(--gold-8);
|
|
43
|
+
--accent-9: var(--gold-9);
|
|
44
|
+
--accent-10: var(--gold-10);
|
|
45
|
+
--accent-11: var(--gold-11);
|
|
46
|
+
--accent-12: var(--gold-12);
|
|
47
|
+
|
|
48
|
+
--accent-a1: var(--gold-a1);
|
|
49
|
+
--accent-a2: var(--gold-a2);
|
|
50
|
+
--accent-a3: var(--gold-a3);
|
|
51
|
+
--accent-a4: var(--gold-a4);
|
|
52
|
+
--accent-a5: var(--gold-a5);
|
|
53
|
+
--accent-a6: var(--gold-a6);
|
|
54
|
+
--accent-a7: var(--gold-a7);
|
|
55
|
+
--accent-a8: var(--gold-a8);
|
|
56
|
+
--accent-a9: var(--gold-a9);
|
|
57
|
+
--accent-a10: var(--gold-a10);
|
|
58
|
+
--accent-a11: var(--gold-a11);
|
|
59
|
+
--accent-a12: var(--gold-a12);
|
|
60
|
+
|
|
61
|
+
--accent-contrast: var(--gold-contrast);
|
|
62
|
+
--accent-surface: var(--gold-surface);
|
|
63
|
+
--accent-indicator: var(--gold-indicator);
|
|
64
|
+
--accent-track: var(--gold-track);
|
|
65
|
+
}
|
package/package.json
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@diskette/palette",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.5.0",
|
|
5
5
|
"exports": {
|
|
6
|
+
".": "./dist/colors.js",
|
|
6
7
|
"./*.css": "./dist/*.css"
|
|
7
8
|
},
|
|
8
9
|
"files": [
|
|
@@ -28,7 +29,8 @@
|
|
|
28
29
|
},
|
|
29
30
|
"license": "MIT",
|
|
30
31
|
"scripts": {
|
|
31
|
-
"build": "rm -rf dist && pnpm build:css",
|
|
32
|
+
"build": "rm -rf dist && pnpm build:js && pnpm build:css",
|
|
33
|
+
"build:js": "tsc -p tsconfig.build.json",
|
|
32
34
|
"build:css": "tsx --no-warnings=ExperimentalWarning scripts/build.ts",
|
|
33
35
|
"dev": "tsc --watch -p tsconfig.build.json",
|
|
34
36
|
"typecheck": "tsc",
|