@prodivix/themes 0.0.1

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 (31) hide show
  1. package/LICENSE +21 -0
  2. package/dist/css/createCssVariables.d.ts +7 -0
  3. package/dist/css/createCssVariables.d.ts.map +1 -0
  4. package/dist/css/createThemeStyleText.d.ts +8 -0
  5. package/dist/css/createThemeStyleText.d.ts.map +1 -0
  6. package/dist/index.d.ts +12 -0
  7. package/dist/index.d.ts.map +1 -0
  8. package/dist/index.js +384 -0
  9. package/dist/palette/defaultPalette.d.ts +4 -0
  10. package/dist/palette/defaultPalette.d.ts.map +1 -0
  11. package/dist/palette/defaultPalette.json +82 -0
  12. package/dist/resolver/detectTokenCycles.d.ts +7 -0
  13. package/dist/resolver/detectTokenCycles.d.ts.map +1 -0
  14. package/dist/resolver/resolveThemeManifest.d.ts +6 -0
  15. package/dist/resolver/resolveThemeManifest.d.ts.map +1 -0
  16. package/dist/resolver/resolveTokenReferences.d.ts +6 -0
  17. package/dist/resolver/resolveTokenReferences.d.ts.map +1 -0
  18. package/dist/schema/themeManifest.schema.json +98 -0
  19. package/dist/schema/themeManifest.types.d.ts +59 -0
  20. package/dist/schema/themeManifest.types.d.ts.map +1 -0
  21. package/dist/tokens/defaultFallback.d.ts +8 -0
  22. package/dist/tokens/defaultFallback.d.ts.map +1 -0
  23. package/dist/tokens/tokenPaths.d.ts +8 -0
  24. package/dist/tokens/tokenPaths.d.ts.map +1 -0
  25. package/dist/validation/validateThemeManifest.d.ts +6 -0
  26. package/dist/validation/validateThemeManifest.d.ts.map +1 -0
  27. package/manifests/official/monochrome-dark-high-contrast.json +166 -0
  28. package/manifests/official/monochrome-dark.json +166 -0
  29. package/manifests/official/monochrome-light-high-contrast.json +166 -0
  30. package/manifests/official/monochrome-light.json +166 -0
  31. package/package.json +33 -0
package/manifests/official/monochrome-light-high-contrast.json ADDED
@@ -0,0 +1,166 @@
1
+ {
2
+ "schemaVersion": "1.0",
3
+ "id": "official.monochrome.light-high-contrast",
4
+ "name": "Monochrome Light High Contrast",
5
+ "author": "Prodivix",
6
+ "source": "official",
7
+ "mode": "light",
8
+ "semantic": {
9
+ "surface": {
10
+ "canvas": "{palette.gray.0}",
11
+ "panel": "{palette.gray.0}",
12
+ "raised": "{palette.gray.0}"
13
+ },
14
+ "text": {
15
+ "primary": "{palette.gray.13}",
16
+ "secondary": "{palette.gray.13}",
17
+ "muted": "{palette.gray.11}",
18
+ "inverse": "{palette.gray.0}"
19
+ },
20
+ "border": {
21
+ "subtle": "{palette.gray.13}",
22
+ "default": "{palette.gray.13}",
23
+ "strong": "{palette.gray.13}"
24
+ },
25
+ "accent": {
26
+ "default": "{palette.gray.13}",
27
+ "hover": "{palette.gray.11}"
28
+ },
29
+ "success": {
30
+ "default": "{palette.green.11}",
31
+ "hover": "{palette.green.13}",
32
+ "subtle": "{palette.green.2}",
33
+ "subtleHover": "{palette.green.3}"
34
+ },
35
+ "danger": {
36
+ "default": "{palette.red.11}",
37
+ "hover": "{palette.red.13}",
38
+ "subtle": "{palette.red.2}",
39
+ "subtleHover": "{palette.red.3}"
40
+ },
41
+ "warning": {
42
+ "default": "{palette.yellow.11}",
43
+ "hover": "{palette.yellow.13}",
44
+ "subtle": "{palette.yellow.2}",
45
+ "subtleHover": "{palette.yellow.3}"
46
+ },
47
+ "info": {
48
+ "default": "{palette.blue.11}",
49
+ "hover": "{palette.blue.13}",
50
+ "subtle": "{palette.blue.2}",
51
+ "subtleHover": "{palette.blue.3}"
52
+ }
53
+ },
54
+ "product": {
55
+ "editor": {
56
+ "canvasBackground": "{semantic.surface.canvas}",
57
+ "selectionOutline": "{semantic.accent.default}",
58
+ "dropIndicator": "{semantic.accent.default}"
59
+ },
60
+ "editorBar": {
61
+ "background": "{palette.gray.13}",
62
+ "icon": "{palette.gray.0}",
63
+ "iconHover": "{palette.gray.0}",
64
+ "iconHoverBackground": "rgb(255 255 255 / 0.18)"
65
+ },
66
+ "inspector": {
67
+ "rowHover": "{palette.gray.3}",
68
+ "fieldLabel": "{semantic.text.primary}",
69
+ "fieldControl": "{semantic.text.primary}"
70
+ },
71
+ "nodeGraph": {
72
+ "nodeBackground": "{semantic.surface.panel}",
73
+ "nodeBorder": "{semantic.border.strong}",
74
+ "portColor": "{semantic.text.primary}"
75
+ },
76
+ "home": {
77
+ "logo": "{palette.gray.13}",
78
+ "heroText": "{palette.gray.13}",
79
+ "heroHighlight": "{palette.gray.13}",
80
+ "subtitle": "{palette.gray.11}",
81
+ "navIcon": "{palette.gray.13}",
82
+ "navIconHoverBg": "{palette.gray.3}",
83
+ "navIconHoverText": "{palette.gray.13}",
84
+ "profileBg": "{palette.gray.0}",
85
+ "profileHoverShadow": "0 0 0 2px rgb(0 0 0 / 1)",
86
+ "footerText": "{palette.gray.13}"
87
+ }
88
+ },
89
+ "typography": {
90
+ "fontFamily": {
91
+ "ui": "Inter, 'HarmonyOS Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
92
+ "mono": "JetBrains Mono, Consolas, monospace",
93
+ "canvas": "{typography.fontFamily.ui}"
94
+ },
95
+ "fontSize": {
96
+ "micro": "10px",
97
+ "caption": "11px",
98
+ "2xs": "10px",
99
+ "xs": "12px",
100
+ "sm": "13px",
101
+ "md": "14px",
102
+ "lg": "16px",
103
+ "xl": "18px",
104
+ "2xl": "20px",
105
+ "3xl": "24px",
106
+ "4xl": "30px",
107
+ "5xl": "36px",
108
+ "hero": "64px"
109
+ },
110
+ "fontWeight": {
111
+ "regular": "500",
112
+ "medium": "600",
113
+ "semibold": "700",
114
+ "bold": "800",
115
+ "extrabold": "900"
116
+ },
117
+ "lineHeight": {
118
+ "tight": "1",
119
+ "compact": "1.3",
120
+ "editor": "1.45",
121
+ "normal": "1.5"
122
+ }
123
+ },
124
+ "radius": {
125
+ "none": "0",
126
+ "sm": "4px",
127
+ "md": "8px",
128
+ "lg": "12px",
129
+ "full": "9999px"
130
+ },
131
+ "shadow": {
132
+ "sm": "0 0 0 1px rgb(0 0 0 / 1)",
133
+ "md": "0 0 0 2px rgb(0 0 0 / 1)",
134
+ "lg": "0 0 0 3px rgb(0 0 0 / 1)"
135
+ },
136
+ "density": {
137
+ "spacing": {
138
+ "none": "0",
139
+ "xs": "4px",
140
+ "sm": "8px",
141
+ "md": "16px",
142
+ "lg": "24px",
143
+ "xl": "32px",
144
+ "2xl": "48px"
145
+ },
146
+ "controlHeight": {
147
+ "sm": "24px",
148
+ "md": "28px",
149
+ "lg": "32px"
150
+ }
151
+ },
152
+ "motion": {
153
+ "duration": {
154
+ "fast": "150ms",
155
+ "normal": "300ms"
156
+ },
157
+ "easing": {
158
+ "standard": "ease"
159
+ }
160
+ },
161
+ "metadata": {
162
+ "description": "High contrast light theme with maximum text and border contrast for accessibility.",
163
+ "tags": ["official", "monochrome", "light", "high-contrast", "a11y"],
164
+ "license": "MIT"
165
+ }
166
+ }
package/manifests/official/monochrome-light.json ADDED
@@ -0,0 +1,166 @@
1
+ {
2
+ "schemaVersion": "1.0",
3
+ "id": "official.monochrome.light",
4
+ "name": "Monochrome Light",
5
+ "author": "Prodivix",
6
+ "source": "official",
7
+ "mode": "light",
8
+ "semantic": {
9
+ "surface": {
10
+ "canvas": "{palette.gray.0}",
11
+ "panel": "{palette.gray.1}",
12
+ "raised": "{palette.gray.2}"
13
+ },
14
+ "text": {
15
+ "primary": "{palette.gray.13}",
16
+ "secondary": "{palette.gray.10}",
17
+ "muted": "{palette.gray.7}",
18
+ "inverse": "{palette.gray.0}"
19
+ },
20
+ "border": {
21
+ "subtle": "{palette.gray.3}",
22
+ "default": "{palette.gray.4}",
23
+ "strong": "{palette.gray.7}"
24
+ },
25
+ "accent": {
26
+ "default": "{palette.gray.13}",
27
+ "hover": "{palette.gray.11}"
28
+ },
29
+ "success": {
30
+ "default": "{palette.green.8}",
31
+ "hover": "{palette.green.9}",
32
+ "subtle": "{palette.green.2}",
33
+ "subtleHover": "{palette.green.3}"
34
+ },
35
+ "danger": {
36
+ "default": "{palette.red.7}",
37
+ "hover": "{palette.red.8}",
38
+ "subtle": "{palette.red.3}",
39
+ "subtleHover": "{palette.red.2}"
40
+ },
41
+ "warning": {
42
+ "default": "{palette.yellow.6}",
43
+ "hover": "{palette.yellow.7}",
44
+ "subtle": "{palette.yellow.3}",
45
+ "subtleHover": "{palette.yellow.2}"
46
+ },
47
+ "info": {
48
+ "default": "{palette.blue.7}",
49
+ "hover": "{palette.blue.8}",
50
+ "subtle": "{palette.blue.2}",
51
+ "subtleHover": "{palette.blue.3}"
52
+ }
53
+ },
54
+ "product": {
55
+ "editor": {
56
+ "canvasBackground": "{semantic.surface.canvas}",
57
+ "selectionOutline": "{semantic.accent.default}",
58
+ "dropIndicator": "{semantic.accent.default}"
59
+ },
60
+ "editorBar": {
61
+ "background": "{palette.gray.11}",
62
+ "icon": "{palette.gray.2}",
63
+ "iconHover": "{palette.gray.0}",
64
+ "iconHoverBackground": "rgb(255 255 255 / 0.08)"
65
+ },
66
+ "inspector": {
67
+ "rowHover": "{palette.gray.2}",
68
+ "fieldLabel": "{semantic.text.secondary}",
69
+ "fieldControl": "{semantic.text.primary}"
70
+ },
71
+ "nodeGraph": {
72
+ "nodeBackground": "{semantic.surface.panel}",
73
+ "nodeBorder": "{semantic.border.default}",
74
+ "portColor": "{semantic.text.secondary}"
75
+ },
76
+ "home": {
77
+ "logo": "{palette.gray.13}",
78
+ "heroText": "{palette.gray.12}",
79
+ "heroHighlight": "{palette.gray.13}",
80
+ "subtitle": "{palette.gray.8}",
81
+ "navIcon": "{palette.gray.10}",
82
+ "navIconHoverBg": "{palette.gray.1}",
83
+ "navIconHoverText": "{palette.gray.13}",
84
+ "profileBg": "{palette.gray.1}",
85
+ "profileHoverShadow": "0 10px 18px rgb(0 0 0 / 0.12)",
86
+ "footerText": "{palette.gray.10}"
87
+ }
88
+ },
89
+ "typography": {
90
+ "fontFamily": {
91
+ "ui": "Inter, 'HarmonyOS Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
92
+ "mono": "JetBrains Mono, Consolas, monospace",
93
+ "canvas": "{typography.fontFamily.ui}"
94
+ },
95
+ "fontSize": {
96
+ "micro": "10px",
97
+ "caption": "11px",
98
+ "2xs": "10px",
99
+ "xs": "12px",
100
+ "sm": "13px",
101
+ "md": "14px",
102
+ "lg": "16px",
103
+ "xl": "18px",
104
+ "2xl": "20px",
105
+ "3xl": "24px",
106
+ "4xl": "30px",
107
+ "5xl": "36px",
108
+ "hero": "64px"
109
+ },
110
+ "fontWeight": {
111
+ "regular": "400",
112
+ "medium": "500",
113
+ "semibold": "600",
114
+ "bold": "700",
115
+ "extrabold": "800"
116
+ },
117
+ "lineHeight": {
118
+ "tight": "1",
119
+ "compact": "1.3",
120
+ "editor": "1.45",
121
+ "normal": "1.5"
122
+ }
123
+ },
124
+ "radius": {
125
+ "none": "0",
126
+ "sm": "4px",
127
+ "md": "8px",
128
+ "lg": "12px",
129
+ "full": "9999px"
130
+ },
131
+ "shadow": {
132
+ "sm": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
133
+ "md": "0 4px 6px -1px rgb(0 0 0 / 0.1)",
134
+ "lg": "0 10px 15px -3px rgb(0 0 0 / 0.1)"
135
+ },
136
+ "density": {
137
+ "spacing": {
138
+ "none": "0",
139
+ "xs": "4px",
140
+ "sm": "8px",
141
+ "md": "16px",
142
+ "lg": "24px",
143
+ "xl": "32px",
144
+ "2xl": "48px"
145
+ },
146
+ "controlHeight": {
147
+ "sm": "24px",
148
+ "md": "28px",
149
+ "lg": "32px"
150
+ }
151
+ },
152
+ "motion": {
153
+ "duration": {
154
+ "fast": "150ms",
155
+ "normal": "300ms"
156
+ },
157
+ "easing": {
158
+ "standard": "ease"
159
+ }
160
+ },
161
+ "metadata": {
162
+ "description": "Default monochrome light theme with multi-color 0-13 palette scales.",
163
+ "tags": ["official", "monochrome", "light"],
164
+ "license": "MIT"
165
+ }
166
+ }
package/package.json ADDED
@@ -0,0 +1,33 @@
1
+ {
2
+ "name": "@prodivix/themes",
3
+ "version": "0.0.1",
4
+ "type": "module",
5
+ "main": "./dist/index.js",
6
+ "types": "./dist/index.d.ts",
7
+ "exports": {
8
+ ".": {
9
+ "types": "./dist/index.d.ts",
10
+ "import": "./dist/index.js"
11
+ },
12
+ "./schema": "./dist/schema/themeManifest.schema.json",
13
+ "./manifests/official/monochrome-light.json": "./manifests/official/monochrome-light.json",
14
+ "./manifests/official/monochrome-dark.json": "./manifests/official/monochrome-dark.json",
15
+ "./manifests/official/monochrome-light-high-contrast.json": "./manifests/official/monochrome-light-high-contrast.json",
16
+ "./manifests/official/monochrome-dark-high-contrast.json": "./manifests/official/monochrome-dark-high-contrast.json"
17
+ },
18
+ "files": [
19
+ "dist",
20
+ "manifests"
21
+ ],
22
+ "publishConfig": {
23
+ "access": "public"
24
+ },
25
+ "devDependencies": {
26
+ "typescript": "~5.9.3",
27
+ "vite": "^7.3.0"
28
+ },
29
+ "scripts": {
30
+ "build": "pnpm run clean && vite build && tsc -p tsconfig.json && node scripts/copy-assets.mjs",
31
+ "clean": "node -e \"require('node:fs').rmSync('dist',{recursive:true,force:true})\""
32
+ }
33
+ }