@gravionlabs/helix-core 22.1.7 → 22.1.8
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.
|
@@ -132,19 +132,19 @@ const palettes = {
|
|
|
132
132
|
950: "#33204b"
|
|
133
133
|
}
|
|
134
134
|
};
|
|
135
|
-
const
|
|
135
|
+
const surface = {
|
|
136
136
|
0: "#ffffff",
|
|
137
|
-
50: "
|
|
138
|
-
100: "
|
|
139
|
-
200: "
|
|
140
|
-
300: "
|
|
141
|
-
400: "
|
|
142
|
-
500: "
|
|
143
|
-
600: "
|
|
144
|
-
700: "
|
|
145
|
-
800: "
|
|
146
|
-
900: "
|
|
147
|
-
950: "
|
|
137
|
+
50: "#f6f6f7",
|
|
138
|
+
100: "#ebebef",
|
|
139
|
+
200: "#e2e2e3",
|
|
140
|
+
300: "#c2c2c4",
|
|
141
|
+
400: "#98989f",
|
|
142
|
+
500: "#67676c",
|
|
143
|
+
600: "#3c3c43",
|
|
144
|
+
700: "#2e2e32",
|
|
145
|
+
800: "#202127",
|
|
146
|
+
900: "#1b1b1f",
|
|
147
|
+
950: "#161618"
|
|
148
148
|
};
|
|
149
149
|
const helixOverrides = {
|
|
150
150
|
primitive: palettes,
|
|
@@ -164,7 +164,7 @@ const helixOverrides = {
|
|
|
164
164
|
},
|
|
165
165
|
colorScheme: {
|
|
166
166
|
light: {
|
|
167
|
-
surface
|
|
167
|
+
surface,
|
|
168
168
|
primary: {
|
|
169
169
|
color: "{primary.600}",
|
|
170
170
|
contrastColor: "#ffffff",
|
|
@@ -172,18 +172,18 @@ const helixOverrides = {
|
|
|
172
172
|
activeColor: "{primary.800}"
|
|
173
173
|
},
|
|
174
174
|
text: {
|
|
175
|
-
color: "{surface.
|
|
176
|
-
hoverColor: "{surface.
|
|
177
|
-
mutedColor: "{surface.
|
|
178
|
-
hoverMutedColor: "{surface.
|
|
175
|
+
color: "{surface.600}",
|
|
176
|
+
hoverColor: "{surface.700}",
|
|
177
|
+
mutedColor: "{surface.500}",
|
|
178
|
+
hoverMutedColor: "{surface.600}"
|
|
179
179
|
},
|
|
180
180
|
formField: {
|
|
181
|
-
color: "{surface.
|
|
181
|
+
color: "{surface.600}",
|
|
182
182
|
floatLabelFocusColor: "{primary.color}"
|
|
183
183
|
}
|
|
184
184
|
},
|
|
185
185
|
dark: {
|
|
186
|
-
surface
|
|
186
|
+
surface,
|
|
187
187
|
primary: {
|
|
188
188
|
color: "{primary.400}",
|
|
189
189
|
contrastColor: "{surface.950}",
|
|
@@ -191,11 +191,12 @@ const helixOverrides = {
|
|
|
191
191
|
activeColor: "{primary.200}"
|
|
192
192
|
},
|
|
193
193
|
text: {
|
|
194
|
-
color: "
|
|
195
|
-
hoverColor: "{surface.
|
|
194
|
+
color: "#dfdfd6",
|
|
195
|
+
hoverColor: "{surface.50}",
|
|
196
196
|
mutedColor: "{surface.400}",
|
|
197
197
|
hoverMutedColor: "{surface.300}"
|
|
198
|
-
}
|
|
198
|
+
},
|
|
199
|
+
formField: { color: "{text.color}" }
|
|
199
200
|
}
|
|
200
201
|
}
|
|
201
202
|
}
|
|
@@ -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):
|
|
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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gravionlabs/helix-core",
|
|
3
|
-
"version": "22.1.
|
|
3
|
+
"version": "22.1.8",
|
|
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": {
|