@gravionlabs/helix-core 22.1.8 → 22.1.9

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 (4) hide show
  1. package/fesm2022/gravionlabs-helix-core-themes-helix.mjs +127 -36
  2. package/fesm2022/gravionlabs-helix-core-themes-helix.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/types/gravionlabs-helix-core-themes-helix.d.ts +94 -3
package/fesm2022/gravionlabs-helix-core-themes-helix.mjs CHANGED
@@ -40,6 +40,45 @@ const palettes = {
40
40
  900: "#314d39",
41
41
  950: "#182a1d"
42
42
  },
43
+ sky: {
44
+ 50: "#f3f8fc",
45
+ 100: "#e7f1f7",
46
+ 200: "#cbe3ef",
47
+ 300: "#a2cee4",
48
+ 400: "#7db8d8",
49
+ 500: "#67a1c6",
50
+ 600: "#5282a6",
51
+ 700: "#416886",
52
+ 800: "#36576f",
53
+ 900: "#2e495c",
54
+ 950: "#1c2e3c"
55
+ },
56
+ orange: {
57
+ 50: "#fcf8f2",
58
+ 100: "#f8eee1",
59
+ 200: "#f0dbc2",
60
+ 300: "#e7c29e",
61
+ 400: "#dca27a",
62
+ 500: "#d48c67",
63
+ 600: "#c5775a",
64
+ 700: "#a25e48",
65
+ 800: "#804a3a",
66
+ 900: "#683d30",
67
+ 950: "#371e17"
68
+ },
69
+ purple: {
70
+ 50: "#f9f6fc",
71
+ 100: "#f0eaf7",
72
+ 200: "#e4d9f1",
73
+ 300: "#d0bde5",
74
+ 400: "#b495d6",
75
+ 500: "#9973c7",
76
+ 600: "#845db6",
77
+ 700: "#704d9f",
78
+ 800: "#5f4082",
79
+ 900: "#4e3469",
80
+ 950: "#33204b"
81
+ },
43
82
  emerald: {
44
83
  50: "#f2fbf6",
45
84
  100: "#dff5e9",
@@ -53,6 +92,19 @@ const palettes = {
53
92
  900: "#2b493e",
54
93
  950: "#162923"
55
94
  },
95
+ lime: {
96
+ 50: "#f8fcf0",
97
+ 100: "#f0f9de",
98
+ 200: "#e1f3c2",
99
+ 300: "#cceaa2",
100
+ 400: "#b7dc8b",
101
+ 500: "#9bc275",
102
+ 600: "#799b5c",
103
+ 700: "#5c7646",
104
+ 800: "#4a5d38",
105
+ 900: "#3f4f31",
106
+ 950: "#202b18"
107
+ },
56
108
  yellow: {
57
109
  50: "#fdfbf1",
58
110
  100: "#faf8db",
@@ -79,31 +131,31 @@ const palettes = {
79
131
  900: "#664130",
80
132
  950: "#392217"
81
133
  },
82
- orange: {
83
- 50: "#fcf8f2",
84
- 100: "#f8eee1",
85
- 200: "#f0dbc2",
86
- 300: "#e7c29e",
87
- 400: "#dca27a",
88
- 500: "#d48c67",
89
- 600: "#c5775a",
90
- 700: "#a25e48",
91
- 800: "#804a3a",
92
- 900: "#683d30",
93
- 950: "#371e17"
134
+ teal: {
135
+ 50: "#f4fbfa",
136
+ 100: "#ddf6f0",
137
+ 200: "#bdede3",
138
+ 300: "#9ddfd2",
139
+ 400: "#83c9bc",
140
+ 500: "#6eaea3",
141
+ 600: "#588c84",
142
+ 700: "#466f6a",
143
+ 800: "#385956",
144
+ 900: "#2f4a47",
145
+ 950: "#192c2b"
94
146
  },
95
- sky: {
96
- 50: "#f3f8fc",
97
- 100: "#e7f1f7",
98
- 200: "#cbe3ef",
99
- 300: "#a2cee4",
100
- 400: "#7db8d8",
101
- 500: "#67a1c6",
102
- 600: "#5282a6",
103
- 700: "#416886",
104
- 800: "#36576f",
105
- 900: "#2e495c",
106
- 950: "#1c2e3c"
147
+ cyan: {
148
+ 50: "#f2fcfd",
149
+ 100: "#dff6f8",
150
+ 200: "#c4ecf1",
151
+ 300: "#a1dfe8",
152
+ 400: "#83cad8",
153
+ 500: "#6faebe",
154
+ 600: "#588b9d",
155
+ 700: "#47707f",
156
+ 800: "#3b5b67",
157
+ 900: "#324b57",
158
+ 950: "#1e313a"
107
159
  },
108
160
  blue: {
109
161
  50: "#f2f6fb",
@@ -118,18 +170,57 @@ const palettes = {
118
170
  900: "#2f406a",
119
171
  950: "#1f2841"
120
172
  },
121
- purple: {
122
- 50: "#f9f6fc",
123
- 100: "#f0eaf7",
124
- 200: "#e4d9f1",
125
- 300: "#d0bde5",
126
- 400: "#b495d6",
127
- 500: "#9973c7",
128
- 600: "#845db6",
129
- 700: "#704d9f",
130
- 800: "#5f4082",
131
- 900: "#4e3469",
132
- 950: "#33204b"
173
+ violet: {
174
+ 50: "#f5f4fa",
175
+ 100: "#edeaf6",
176
+ 200: "#dcd9ef",
177
+ 300: "#c2bbe3",
178
+ 400: "#a397d3",
179
+ 500: "#8573c3",
180
+ 600: "#735db6",
181
+ 700: "#644fa4",
182
+ 800: "#544189",
183
+ 900: "#463671",
184
+ 950: "#2a214b"
185
+ },
186
+ fuchsia: {
187
+ 50: "#faf6fc",
188
+ 100: "#f5ebf8",
189
+ 200: "#ebd7f0",
190
+ 300: "#dfb9e5",
191
+ 400: "#cf95d8",
192
+ 500: "#bd74c7",
193
+ 600: "#a55dae",
194
+ 700: "#8a4d90",
195
+ 800: "#723f76",
196
+ 900: "#603661",
197
+ 950: "#3e1e3f"
198
+ },
199
+ pink: {
200
+ 50: "#faf4f7",
201
+ 100: "#f6eaf1",
202
+ 200: "#eed6e3",
203
+ 300: "#e3b6cd",
204
+ 400: "#d48daf",
205
+ 500: "#c87195",
206
+ 600: "#b65d7a",
207
+ 700: "#9d4c63",
208
+ 800: "#823f52",
209
+ 900: "#6c3646",
210
+ 950: "#411d27"
211
+ },
212
+ rose: {
213
+ 50: "#faf3f3",
214
+ 100: "#f6e7e8",
215
+ 200: "#efd4d7",
216
+ 300: "#e4b2b7",
217
+ 400: "#d88c93",
218
+ 500: "#cb6e74",
219
+ 600: "#b95b61",
220
+ 700: "#9c4a51",
221
+ 800: "#823e47",
222
+ 900: "#703640",
223
+ 950: "#3d1a1f"
133
224
  }
134
225
  };
135
226
  const surface = {
package/fesm2022/gravionlabs-helix-core-themes-helix.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"gravionlabs-helix-core-themes-helix.mjs","names":[],"sources":["../../../projects/core/themes/helix/palettes.ts","../../../projects/core/themes/helix/public_api.ts"],"sourcesContent":["// Generated by `node scripts/helix-palettes.mjs` — do not edit by hand.\n// Aura's colour scales with their OKLCH chroma × 0.55; lightness and hue unchanged.\nimport type { PaletteDesignToken } from '@gravionlabs/helix-core/themes/types';\n\nexport const palettes = {\n indigo: { 50: '#f0f2f9', 100: '#e3e7f5', 200: '#cdd3eb', 300: '#aeb7de', 400: '#8a94ce', 500: '#6c74be', 600: '#555dad', 700: '#484e97', 800: '#3b407b', 900: '#353863', 950: '#20203a' },\n red: { 50: '#faf3f3', 100: '#f5e5e5', 200: '#eed1d1', 300: '#e3b2b1', 400: '#d58b88', 500: '#c76e67', 600: '#b55b52', 700: '#984b43', 800: '#7d3e38', 900: '#683632', 950: '#381917' },\n green: { 50: '#f4fbf6', 100: '#e6f8ec', 200: '#d0f0da', 300: '#aee4bf', 400: '#8cd19e', 500: '#74b881', 600: '#5e9869', 700: '#4a7754', 800: '#3b5e44', 900: '#314d39', 950: '#182a1d' },\n emerald: { 50: '#f2fbf6', 100: '#dff5e9', 200: '#c3ebd7', 300: '#a0dcc1', 400: '#82c6a6', 500: '#6cad8e', 600: '#568c73', 700: '#44705e', 800: '#35594b', 900: '#2b493e', 950: '#162923' },\n yellow: { 50: '#fdfbf1', 100: '#faf8db', 200: '#f6efba', 300: '#efe19a', 400: '#e8d087', 500: '#d6b979', 600: '#b59260', 700: '#8d6b48', 800: '#74553b', 900: '#624732', 950: '#382519' },\n amber: { 50: '#fdfbf2', 100: '#f9f3db', 200: '#f2e7b7', 300: '#ebd697', 400: '#e5c584', 500: '#d9aa73', 600: '#bc875d', 700: '#996548', 800: '#7c4f3a', 900: '#664130', 950: '#392217' },\n orange: { 50: '#fcf8f2', 100: '#f8eee1', 200: '#f0dbc2', 300: '#e7c29e', 400: '#dca27a', 500: '#d48c67', 600: '#c5775a', 700: '#a25e48', 800: '#804a3a', 900: '#683d30', 950: '#371e17' },\n sky: { 50: '#f3f8fc', 100: '#e7f1f7', 200: '#cbe3ef', 300: '#a2cee4', 400: '#7db8d8', 500: '#67a1c6', 600: '#5282a6', 700: '#416886', 800: '#36576f', 900: '#2e495c', 950: '#1c2e3c' },\n blue: { 50: '#f2f6fb', 100: '#e1e9f4', 200: '#cbdaed', 300: '#a9c4e2', 400: '#81a5d4', 500: '#6187c5', 600: '#4b6eb5', 700: '#3d5ca3', 800: '#344b84', 900: '#2f406a', 950: '#1f2841' },\n purple: { 50: '#f9f6fc', 100: '#f0eaf7', 200: '#e4d9f1', 300: '#d0bde5', 400: '#b495d6', 500: '#9973c7', 600: '#845db6', 700: '#704d9f', 800: '#5f4082', 900: '#4e3469', 950: '#33204b' },\n} satisfies Record<string, PaletteDesignToken>;\n","/**\n * The Helix preset: Helix's own look, expressed as design tokens on top of Aura\n * (ADR 0001, epic #519, mockups of #521). Aura stays the structural base — it is\n * the preset the component styles were written against — and this file holds\n * only what Helix decides differently, in the same three layers the engine\n * resolves:\n *\n * - `primitive`: palettes and radii (Aura's Tailwind-derived scales are kept)\n * - `semantic`: `primary`, `colorScheme.{light,dark}.surface`, text, … — the\n * choices that give every component the same identity\n * - `components`: per-component overrides, only where the semantic layer isn't enough\n *\n * The look (\"Hybrid\", round 2 of the mockups, surfaces of proposal D): the neutrals\n * of the sibling sites' VitePress theme, a muted indigo primary and muted severity colours (`palettes.ts`, Tailwind's scales at 55 %\n * chroma), 6 px radius (Aura's `md`), Inter for text and headings and the system\n * monospace for code. Type is not a token of the engine: the font stacks live in\n * `@gravionlabs/helix-shell`'s stylesheet, the font files are the application's\n * (`@fontsource-variable/*`, see the demo's `angular.json`).\n *\n * `scripts/export-tokens.mjs` resolves this preset to static CSS/JSON\n * (`dist/tokens/`) for the docs site, the design-system sync (#522) and the\n * `helix-ui` library (epic #523), so the look is defined once.\n */\nimport { definePreset } from '@gravionlabs/helix-core/themes';\nimport { auraPreset } from '@gravionlabs/helix-core/themes/aura';\nimport type { Preset } from '@gravionlabs/helix-core/themes/types';\nimport { palettes } from './palettes';\n\nexport { palettes as helixPalettes };\n\n/**\n * The neutral scale of both colour schemes: the surfaces and greys of the stock VitePress theme (the look of\n * the other Gravion Labs sites), as one monotone scale. Light uses 0 (page, cards), 50 (chrome), 100 (hover),\n * 200 (dividers), 300 (control borders), 500 (muted text), 600 (text); dark uses 900 (page), 950 (chrome),\n * 800 (cards), 700 (hover, dividers), 600 (control borders), 400 (muted text).\n */\nconst surface = {\n 0: '#ffffff',\n 50: '#f6f6f7',\n 100: '#ebebef',\n 200: '#e2e2e3',\n 300: '#c2c2c4',\n 400: '#98989f',\n 500: '#67676c',\n 600: '#3c3c43',\n 700: '#2e2e32',\n 800: '#202127',\n 900: '#1b1b1f',\n 950: '#161618'\n};\n\n/** Helix's deviations from Aura. Keep this the only place where Helix's identity is encoded. */\nexport const helixOverrides: Preset = {\n // The primary and severity scales (indigo, red, green, sky, orange, purple, …)\n // with 45 % less chroma than Tailwind's: same lightness, so every contrast ratio\n // holds, but quieter. Generated by `scripts/helix-palettes.mjs`.\n primitive: palettes,\n semantic: {\n primary: {\n 50: '{indigo.50}',\n 100: '{indigo.100}',\n 200: '{indigo.200}',\n 300: '{indigo.300}',\n 400: '{indigo.400}',\n 500: '{indigo.500}',\n 600: '{indigo.600}',\n 700: '{indigo.700}',\n 800: '{indigo.800}',\n 900: '{indigo.900}',\n 950: '{indigo.950}'\n },\n colorScheme: {\n light: {\n // One neutral scale in both schemes (Aura: slate by day, zinc by night), so the\n // greys don't shift temperature with the theme.\n surface,\n // indigo-600 on white (7.2:1) instead of Aura's 500.\n primary: {\n color: '{primary.600}',\n contrastColor: '#ffffff',\n hoverColor: '{primary.700}',\n activeColor: '{primary.800}'\n },\n // Soft near-black text (10.9:1 on white) and a muted step that holds 4.5:1 on the\n // chrome and hover surfaces too (surface-500: 5.4:1 on white, 4.6:1 on surface-100).\n text: {\n color: '{surface.600}',\n hoverColor: '{surface.700}',\n mutedColor: '{surface.500}',\n hoverMutedColor: '{surface.600}'\n },\n formField: {\n color: '{surface.600}',\n floatLabelFocusColor: '{primary.color}'\n }\n },\n dark: {\n surface,\n primary: {\n color: '{primary.400}',\n contrastColor: '{surface.950}',\n hoverColor: '{primary.300}',\n activeColor: '{primary.200}'\n },\n // The warm off-white of the sibling sites' dark theme, not part of the scale.\n text: {\n color: '#dfdfd6',\n hoverColor: '{surface.50}',\n mutedColor: '{surface.400}',\n hoverMutedColor: '{surface.300}'\n },\n formField: {\n color: '{text.color}'\n }\n }\n }\n }\n};\n\nexport const helixPreset: Preset = definePreset(auraPreset, helixOverrides);\n"],"mappings":";;AAIA,MAAa,WAAW;CACpB,QAAQ;EAAE,IAAI;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;CAAS;CACvL,KAAK;EAAE,IAAI;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;CAAS;CACpL,OAAO;EAAE,IAAI;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;CAAS;CACtL,SAAS;EAAE,IAAI;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;CAAS;CACxL,QAAQ;EAAE,IAAI;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;CAAS;CACvL,OAAO;EAAE,IAAI;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;CAAS;CACtL,QAAQ;EAAE,IAAI;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;CAAS;CACvL,KAAK;EAAE,IAAI;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;CAAS;CACpL,MAAM;EAAE,IAAI;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;CAAS;CACrL,QAAQ;EAAE,IAAI;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;EAAW,KAAK;CAAS;AAC7I;ACqB9C,MAAM,UAAU;CACZ,GAAG;CACH,IAAI;CACJ,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;AACR;AAGD,MAAa,iBAAyB;CAIlC,WAAW;CACX,UAAU;EACN,SAAS;GACL,IAAI;GACJ,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;EACR;EACD,aAAa;GACT,OAAO;IAGH;IAEA,SAAS;KACL,OAAO;KACP,eAAe;KACf,YAAY;KACZ,aAAa;IAChB;IAGD,MAAM;KACF,OAAO;KACP,YAAY;KACZ,YAAY;KACZ,iBAAiB;IACpB;IACD,WAAW;KACP,OAAO;KACP,sBAAsB;IACzB;GACJ;GACD,MAAM;IACF;IACA,SAAS;KACL,OAAO;KACP,eAAe;KACf,YAAY;KACZ,aAAa;IAChB;IAED,MAAM;KACF,OAAO;KACP,YAAY;KACZ,YAAY;KACZ,iBAAiB;IACpB;IACD,WAAW,EACP,OAAO,eACV;GACJ;EACJ;CACJ;AACJ;AAED,MAAa,cAAsB,aAAa,YAAY,cAAc"}
1
+ {"version":3,"file":"gravionlabs-helix-core-themes-helix.mjs","names":[],"sources":["../../../projects/core/themes/helix/palettes.ts","../../../projects/core/themes/helix/public_api.ts"],"sourcesContent":["// Generated by `node scripts/helix-palettes.mjs` — do not edit by hand.\n// Aura's colour scales with their OKLCH chroma × 0.55; lightness and hue unchanged.\nimport type { PaletteDesignToken } from '@gravionlabs/helix-core/themes/types';\n\nexport const palettes = {\n indigo: { 50: '#f0f2f9', 100: '#e3e7f5', 200: '#cdd3eb', 300: '#aeb7de', 400: '#8a94ce', 500: '#6c74be', 600: '#555dad', 700: '#484e97', 800: '#3b407b', 900: '#353863', 950: '#20203a' },\n red: { 50: '#faf3f3', 100: '#f5e5e5', 200: '#eed1d1', 300: '#e3b2b1', 400: '#d58b88', 500: '#c76e67', 600: '#b55b52', 700: '#984b43', 800: '#7d3e38', 900: '#683632', 950: '#381917' },\n green: { 50: '#f4fbf6', 100: '#e6f8ec', 200: '#d0f0da', 300: '#aee4bf', 400: '#8cd19e', 500: '#74b881', 600: '#5e9869', 700: '#4a7754', 800: '#3b5e44', 900: '#314d39', 950: '#182a1d' },\n sky: { 50: '#f3f8fc', 100: '#e7f1f7', 200: '#cbe3ef', 300: '#a2cee4', 400: '#7db8d8', 500: '#67a1c6', 600: '#5282a6', 700: '#416886', 800: '#36576f', 900: '#2e495c', 950: '#1c2e3c' },\n orange: { 50: '#fcf8f2', 100: '#f8eee1', 200: '#f0dbc2', 300: '#e7c29e', 400: '#dca27a', 500: '#d48c67', 600: '#c5775a', 700: '#a25e48', 800: '#804a3a', 900: '#683d30', 950: '#371e17' },\n purple: { 50: '#f9f6fc', 100: '#f0eaf7', 200: '#e4d9f1', 300: '#d0bde5', 400: '#b495d6', 500: '#9973c7', 600: '#845db6', 700: '#704d9f', 800: '#5f4082', 900: '#4e3469', 950: '#33204b' },\n emerald: { 50: '#f2fbf6', 100: '#dff5e9', 200: '#c3ebd7', 300: '#a0dcc1', 400: '#82c6a6', 500: '#6cad8e', 600: '#568c73', 700: '#44705e', 800: '#35594b', 900: '#2b493e', 950: '#162923' },\n lime: { 50: '#f8fcf0', 100: '#f0f9de', 200: '#e1f3c2', 300: '#cceaa2', 400: '#b7dc8b', 500: '#9bc275', 600: '#799b5c', 700: '#5c7646', 800: '#4a5d38', 900: '#3f4f31', 950: '#202b18' },\n yellow: { 50: '#fdfbf1', 100: '#faf8db', 200: '#f6efba', 300: '#efe19a', 400: '#e8d087', 500: '#d6b979', 600: '#b59260', 700: '#8d6b48', 800: '#74553b', 900: '#624732', 950: '#382519' },\n amber: { 50: '#fdfbf2', 100: '#f9f3db', 200: '#f2e7b7', 300: '#ebd697', 400: '#e5c584', 500: '#d9aa73', 600: '#bc875d', 700: '#996548', 800: '#7c4f3a', 900: '#664130', 950: '#392217' },\n teal: { 50: '#f4fbfa', 100: '#ddf6f0', 200: '#bdede3', 300: '#9ddfd2', 400: '#83c9bc', 500: '#6eaea3', 600: '#588c84', 700: '#466f6a', 800: '#385956', 900: '#2f4a47', 950: '#192c2b' },\n cyan: { 50: '#f2fcfd', 100: '#dff6f8', 200: '#c4ecf1', 300: '#a1dfe8', 400: '#83cad8', 500: '#6faebe', 600: '#588b9d', 700: '#47707f', 800: '#3b5b67', 900: '#324b57', 950: '#1e313a' },\n blue: { 50: '#f2f6fb', 100: '#e1e9f4', 200: '#cbdaed', 300: '#a9c4e2', 400: '#81a5d4', 500: '#6187c5', 600: '#4b6eb5', 700: '#3d5ca3', 800: '#344b84', 900: '#2f406a', 950: '#1f2841' },\n violet: { 50: '#f5f4fa', 100: '#edeaf6', 200: '#dcd9ef', 300: '#c2bbe3', 400: '#a397d3', 500: '#8573c3', 600: '#735db6', 700: '#644fa4', 800: '#544189', 900: '#463671', 950: '#2a214b' },\n fuchsia: { 50: '#faf6fc', 100: '#f5ebf8', 200: '#ebd7f0', 300: '#dfb9e5', 400: '#cf95d8', 500: '#bd74c7', 600: '#a55dae', 700: '#8a4d90', 800: '#723f76', 900: '#603661', 950: '#3e1e3f' },\n pink: { 50: '#faf4f7', 100: '#f6eaf1', 200: '#eed6e3', 300: '#e3b6cd', 400: '#d48daf', 500: '#c87195', 600: '#b65d7a', 700: '#9d4c63', 800: '#823f52', 900: '#6c3646', 950: '#411d27' },\n rose: { 50: '#faf3f3', 100: '#f6e7e8', 200: '#efd4d7', 300: '#e4b2b7', 400: '#d88c93', 500: '#cb6e74', 600: '#b95b61', 700: '#9c4a51', 800: '#823e47', 900: '#703640', 950: '#3d1a1f' },\n} satisfies Record<string, PaletteDesignToken>;\n","/**\n * The Helix preset: Helix's own look, expressed as design tokens on top of Aura\n * (ADR 0001, epic #519, mockups of #521). Aura stays the structural base — it is\n * the preset the component styles were written against — and this file holds\n * only what Helix decides differently, in the same three layers the engine\n * resolves:\n *\n * - `primitive`: palettes and radii (Aura's Tailwind-derived scales are kept)\n * - `semantic`: `primary`, `colorScheme.{light,dark}.surface`, text, … — the\n * choices that give every component the same identity\n * - `components`: per-component overrides, only where the semantic layer isn't enough\n *\n * The look (\"Hybrid\", round 2 of the mockups, surfaces of proposal D): the neutrals\n * of the sibling sites' VitePress theme, a muted indigo primary and muted severity colours (`palettes.ts`, Tailwind's scales at 55 %\n * chroma), 6 px radius (Aura's `md`), Inter for text and headings and the system\n * monospace for code. Type is not a token of the engine: the font stacks live in\n * `@gravionlabs/helix-shell`'s stylesheet, the font files are the application's\n * (`@fontsource-variable/*`, see the demo's `angular.json`).\n *\n * `scripts/export-tokens.mjs` resolves this preset to static CSS/JSON\n * (`dist/tokens/`) for the docs site, the design-system sync (#522) and the\n * `helix-ui` library (epic #523), so the look is defined once.\n */\nimport { definePreset } from '@gravionlabs/helix-core/themes';\nimport { auraPreset } from '@gravionlabs/helix-core/themes/aura';\nimport type { Preset } from '@gravionlabs/helix-core/themes/types';\nimport { palettes } from './palettes';\n\nexport { palettes as helixPalettes };\n\n/**\n * The neutral scale of both colour schemes: the surfaces and greys of the stock VitePress theme (the look of\n * the other Gravion Labs sites), as one monotone scale. Light uses 0 (page, cards), 50 (chrome), 100 (hover),\n * 200 (dividers), 300 (control borders), 500 (muted text), 600 (text); dark uses 900 (page), 950 (chrome),\n * 800 (cards), 700 (hover, dividers), 600 (control borders), 400 (muted text).\n */\nconst surface = {\n 0: '#ffffff',\n 50: '#f6f6f7',\n 100: '#ebebef',\n 200: '#e2e2e3',\n 300: '#c2c2c4',\n 400: '#98989f',\n 500: '#67676c',\n 600: '#3c3c43',\n 700: '#2e2e32',\n 800: '#202127',\n 900: '#1b1b1f',\n 950: '#161618'\n};\n\n/** Helix's deviations from Aura. Keep this the only place where Helix's identity is encoded. */\nexport const helixOverrides: Preset = {\n // The primary and severity scales (indigo, red, green, sky, orange, purple, …)\n // with 45 % less chroma than Tailwind's: same lightness, so every contrast ratio\n // holds, but quieter. Generated by `scripts/helix-palettes.mjs`.\n primitive: palettes,\n semantic: {\n primary: {\n 50: '{indigo.50}',\n 100: '{indigo.100}',\n 200: '{indigo.200}',\n 300: '{indigo.300}',\n 400: '{indigo.400}',\n 500: '{indigo.500}',\n 600: '{indigo.600}',\n 700: '{indigo.700}',\n 800: '{indigo.800}',\n 900: '{indigo.900}',\n 950: '{indigo.950}'\n },\n colorScheme: {\n light: {\n // One neutral scale in both schemes (Aura: slate by day, zinc by night), so the\n // greys don't shift temperature with the theme.\n surface,\n // indigo-600 on white (7.2:1) instead of Aura's 500.\n primary: {\n color: '{primary.600}',\n contrastColor: '#ffffff',\n hoverColor: '{primary.700}',\n activeColor: '{primary.800}'\n },\n // Soft near-black text (10.9:1 on white) and a muted step that holds 4.5:1 on the\n // chrome and hover surfaces too (surface-500: 5.4:1 on white, 4.6:1 on surface-100).\n text: {\n color: '{surface.600}',\n hoverColor: '{surface.700}',\n mutedColor: '{surface.500}',\n hoverMutedColor: '{surface.600}'\n },\n formField: {\n color: '{surface.600}',\n floatLabelFocusColor: '{primary.color}'\n }\n },\n dark: {\n surface,\n primary: {\n color: '{primary.400}',\n contrastColor: '{surface.950}',\n hoverColor: '{primary.300}',\n activeColor: '{primary.200}'\n },\n // The warm off-white of the sibling sites' dark theme, not part of the scale.\n text: {\n color: '#dfdfd6',\n hoverColor: '{surface.50}',\n mutedColor: '{surface.400}',\n hoverMutedColor: '{surface.300}'\n },\n formField: {\n color: '{text.color}'\n }\n }\n }\n }\n};\n\nexport const helixPreset: Preset = definePreset(auraPreset, helixOverrides);\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravionlabs/helix-core",
3
- "version": "22.1.8",
3
+ "version": "22.1.9",
4
4
  "description": "Helix base component library for Angular — a fork of PrimeNG 21.1.9 (last MIT community version) with h- selectors.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "publishConfig": {
package/types/gravionlabs-helix-core-themes-helix.d.ts CHANGED
@@ -39,6 +39,45 @@ declare const palettes: {
39
39
  900: string;
40
40
  950: string;
41
41
  };
42
+ sky: {
43
+ 50: string;
44
+ 100: string;
45
+ 200: string;
46
+ 300: string;
47
+ 400: string;
48
+ 500: string;
49
+ 600: string;
50
+ 700: string;
51
+ 800: string;
52
+ 900: string;
53
+ 950: string;
54
+ };
55
+ orange: {
56
+ 50: string;
57
+ 100: string;
58
+ 200: string;
59
+ 300: string;
60
+ 400: string;
61
+ 500: string;
62
+ 600: string;
63
+ 700: string;
64
+ 800: string;
65
+ 900: string;
66
+ 950: string;
67
+ };
68
+ purple: {
69
+ 50: string;
70
+ 100: string;
71
+ 200: string;
72
+ 300: string;
73
+ 400: string;
74
+ 500: string;
75
+ 600: string;
76
+ 700: string;
77
+ 800: string;
78
+ 900: string;
79
+ 950: string;
80
+ };
42
81
  emerald: {
43
82
  50: string;
44
83
  100: string;
@@ -52,6 +91,19 @@ declare const palettes: {
52
91
  900: string;
53
92
  950: string;
54
93
  };
94
+ lime: {
95
+ 50: string;
96
+ 100: string;
97
+ 200: string;
98
+ 300: string;
99
+ 400: string;
100
+ 500: string;
101
+ 600: string;
102
+ 700: string;
103
+ 800: string;
104
+ 900: string;
105
+ 950: string;
106
+ };
55
107
  yellow: {
56
108
  50: string;
57
109
  100: string;
@@ -78,7 +130,7 @@ declare const palettes: {
78
130
  900: string;
79
131
  950: string;
80
132
  };
81
- orange: {
133
+ teal: {
82
134
  50: string;
83
135
  100: string;
84
136
  200: string;
@@ -91,7 +143,7 @@ declare const palettes: {
91
143
  900: string;
92
144
  950: string;
93
145
  };
94
- sky: {
146
+ cyan: {
95
147
  50: string;
96
148
  100: string;
97
149
  200: string;
@@ -117,7 +169,46 @@ declare const palettes: {
117
169
  900: string;
118
170
  950: string;
119
171
  };
120
- purple: {
172
+ violet: {
173
+ 50: string;
174
+ 100: string;
175
+ 200: string;
176
+ 300: string;
177
+ 400: string;
178
+ 500: string;
179
+ 600: string;
180
+ 700: string;
181
+ 800: string;
182
+ 900: string;
183
+ 950: string;
184
+ };
185
+ fuchsia: {
186
+ 50: string;
187
+ 100: string;
188
+ 200: string;
189
+ 300: string;
190
+ 400: string;
191
+ 500: string;
192
+ 600: string;
193
+ 700: string;
194
+ 800: string;
195
+ 900: string;
196
+ 950: string;
197
+ };
198
+ pink: {
199
+ 50: string;
200
+ 100: string;
201
+ 200: string;
202
+ 300: string;
203
+ 400: string;
204
+ 500: string;
205
+ 600: string;
206
+ 700: string;
207
+ 800: string;
208
+ 900: string;
209
+ 950: string;
210
+ };
211
+ rose: {
121
212
  50: string;
122
213
  100: string;
123
214
  200: string;