@geomak/ui 6.13.0 → 6.15.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/{chunk-GKXP6OJJ.js → chunk-I2P4JJDB.js} +10 -5
- package/dist/chunk-I2P4JJDB.js.map +1 -0
- package/dist/{chunk-255PCZIW.cjs → chunk-OAV4TA4B.cjs} +10 -5
- package/dist/chunk-OAV4TA4B.cjs.map +1 -0
- package/dist/{index-CvyV3YPI.d.cts → index-5FQ64bx1.d.cts} +3 -0
- package/dist/{index-CvyV3YPI.d.ts → index-5FQ64bx1.d.ts} +3 -0
- package/dist/index.cjs +310 -263
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +11 -18
- package/dist/index.d.ts +11 -18
- package/dist/index.js +107 -60
- package/dist/index.js.map +1 -1
- package/dist/styles.css +14 -0
- package/dist/tokens/index.cjs +4 -4
- package/dist/tokens/index.d.cts +1 -1
- package/dist/tokens/index.d.ts +1 -1
- package/dist/tokens/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-255PCZIW.cjs.map +0 -1
- package/dist/chunk-GKXP6OJJ.js.map +0 -1
|
@@ -58,7 +58,9 @@ var semanticTokens = {
|
|
|
58
58
|
error: "#c0392b",
|
|
59
59
|
warning: "#d68910",
|
|
60
60
|
success: "#1e8449",
|
|
61
|
-
info: "#1565c0"
|
|
61
|
+
info: "#1565c0",
|
|
62
|
+
// Scrim
|
|
63
|
+
backdrop: "rgba(6, 15, 26, 0.45)"
|
|
62
64
|
},
|
|
63
65
|
dark: {
|
|
64
66
|
// Surfaces
|
|
@@ -80,7 +82,9 @@ var semanticTokens = {
|
|
|
80
82
|
error: "#ff6b6b",
|
|
81
83
|
warning: "#ffb347",
|
|
82
84
|
success: "#5cb85c",
|
|
83
|
-
info: "#5bc0de"
|
|
85
|
+
info: "#5bc0de",
|
|
86
|
+
// Scrim (denser on dark backgrounds)
|
|
87
|
+
backdrop: "rgba(0, 0, 0, 0.6)"
|
|
84
88
|
},
|
|
85
89
|
// Mode-independent tokens
|
|
86
90
|
shared: {
|
|
@@ -157,7 +161,8 @@ var vars = {
|
|
|
157
161
|
error: "var(--color-error)",
|
|
158
162
|
warning: "var(--color-warning)",
|
|
159
163
|
success: "var(--color-success)",
|
|
160
|
-
info: "var(--color-info)"
|
|
164
|
+
info: "var(--color-info)",
|
|
165
|
+
backdrop: "var(--color-backdrop)"
|
|
161
166
|
},
|
|
162
167
|
radius: {
|
|
163
168
|
sm: "var(--radius-sm)",
|
|
@@ -229,5 +234,5 @@ var vars = {
|
|
|
229
234
|
};
|
|
230
235
|
|
|
231
236
|
export { PALETTE, colors_default, semanticTokens, vars };
|
|
232
|
-
//# sourceMappingURL=chunk-
|
|
233
|
-
//# sourceMappingURL=chunk-
|
|
237
|
+
//# sourceMappingURL=chunk-I2P4JJDB.js.map
|
|
238
|
+
//# sourceMappingURL=chunk-I2P4JJDB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils/colors.ts","../src/tokens/index.ts"],"names":[],"mappings":"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","file":"chunk-I2P4JJDB.js","sourcesContent":["/**\n * Oxygen design-system colour palette.\n * Duplicated here so the published package is fully self-contained.\n */\nexport const PALETTE = {\n 'true-blue': '#0466C8',\n 'usafa-blue': '#0353A4',\n 'dark-cornflower-blue': '#023E7D',\n 'oxford-blue-700': '#002855',\n 'oxford-blue-800': '#001845',\n 'oxford-blue-900': '#001233',\n independence: '#33415C',\n 'black-coral': '#5C677D',\n 'roman-silver': '#7D8597',\n manatee: '#979DAC',\n white: '#fff',\n ice: '#DBF1FD',\n 'ice-dark': '#d0e3ed',\n 'midnight-green-eagle-900': '#013E53',\n 'midnight-green-eagle-700': '#125F6C',\n 'midnight-green-eagle-500': '#125F6C',\n 'rich-black-fogra': '#000202',\n 'rich-black-fogra-opaque': '#0000005b',\n 'prussian-blue': '#00273A',\n 'indigo-dye': '#013C54',\n ming: '#0F6372',\n skobeloff: '#217479',\n 'dark-cyan': '#2A8784',\n 'celadon-green': '#297E74',\n turquise: '#2EB8B0',\n 'oxford-blue-700-opaque': 'rgba(0, 40, 85, .3)',\n disabled: '#dee2e6',\n error: 'tomato',\n warning: 'orange',\n success: 'lightgreen',\n info: 'lightblue',\n transparent: 'rgba(255, 255, 255, .0)',\n} as const\n\nconst COLORS = { PALETTE }\nexport default COLORS\n","/**\n * @geomak/ui — Design Tokens\n *\n * Three layers, each useful in a different context:\n *\n * 1. `palette` — raw brand hex values from palette.json\n * 2. `semanticTokens` — resolved hex / px values keyed by light / dark / shared\n * 3. `vars` — CSS custom-property reference strings for inline styles / CSS-in-JS\n *\n * CSS custom properties are injected by: import '@geomak/ui/styles'\n * Tailwind utilities map to these vars via the bundled tailwind preset.\n */\n\nexport { PALETTE as palette } from '../utils/colors'\n\n// ─── Resolved values (hex / px / ms) ─────────────────────────────────────────\n\n/**\n * Resolved token values for every semantic role.\n * Use when CSS custom properties aren't available (canvas, email, SSR snapshots).\n */\nexport const semanticTokens = {\n light: {\n // Surfaces\n background: '#eef4fa',\n surface: '#ffffff',\n 'surface-raised': '#ffffff',\n // Borders\n border: '#d3dde8',\n 'border-strong': '#8898aa',\n // Text\n foreground: '#0a1929',\n 'foreground-secondary': '#2e4057',\n 'foreground-muted': '#536878',\n // Accent\n accent: '#0466C8',\n 'accent-hover': '#0353A4',\n 'accent-foreground': '#ffffff',\n // Status\n error: '#c0392b',\n warning: '#d68910',\n success: '#1e8449',\n info: '#1565c0',\n // Scrim\n backdrop: 'rgba(6, 15, 26, 0.45)',\n },\n\n dark: {\n // Surfaces\n background: '#060f1a',\n surface: '#0d1f30',\n 'surface-raised': '#152638',\n // Borders\n border: '#1e3348',\n 'border-strong': '#2e4a64',\n // Text\n foreground: '#e8f0f8',\n 'foreground-secondary': '#9ab0c4',\n 'foreground-muted': '#5c7a92',\n // Accent\n accent: '#2d88ff',\n 'accent-hover': '#4d9aff',\n 'accent-foreground': '#ffffff',\n // Status (brightened for dark backgrounds)\n error: '#ff6b6b',\n warning: '#ffb347',\n success: '#5cb85c',\n info: '#5bc0de',\n // Scrim (denser on dark backgrounds)\n backdrop: 'rgba(0, 0, 0, 0.6)',\n },\n\n // Mode-independent tokens\n shared: {\n // Radius — enterprise scale\n 'radius-sm': '2px',\n 'radius-md': '5px',\n 'radius-lg': '7px',\n 'radius-xl': '10px',\n 'radius-2xl': '12px',\n 'radius-full': '9999px',\n\n // Typography\n 'font-size-xs': '0.75rem',\n 'font-size-sm': '0.875rem',\n 'font-size-base': '1rem',\n 'font-size-lg': '1.125rem',\n 'font-size-xl': '1.25rem',\n 'font-size-2xl': '1.5rem',\n 'font-size-3xl': '1.875rem',\n 'font-weight-normal': 400,\n 'font-weight-medium': 500,\n 'font-weight-semibold': 600,\n 'font-weight-bold': 700,\n 'line-height-tight': 1.25,\n 'line-height-snug': 1.375,\n 'line-height-normal': 1.5,\n 'line-height-relaxed': 1.625,\n 'letter-spacing-tight': '-0.025em',\n 'letter-spacing-normal': '0em',\n 'letter-spacing-wide': '0.025em',\n\n // Component heights / density\n 'height-control-xs': '24px',\n 'height-control-sm': '28px',\n 'height-control-md': '36px',\n 'height-control-lg': '44px',\n 'height-topbar': '56px',\n 'sidebar-expanded': '220px',\n 'sidebar-collapsed': '52px',\n\n // Motion\n 'duration-instant': '50ms',\n 'duration-fast': '80ms',\n 'duration-normal': '150ms',\n 'duration-slow': '220ms',\n 'duration-gentle': '350ms',\n 'ease-out-expo': 'cubic-bezier(0.16, 1, 0.3, 1)',\n 'ease-out-quart': 'cubic-bezier(0.25, 1, 0.5, 1)',\n 'ease-out-cubic': 'cubic-bezier(0.33, 1, 0.68, 1)',\n 'ease-in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',\n 'ease-in': 'cubic-bezier(0.4, 0, 1, 1)',\n\n // Z-index\n 'z-base': 0,\n 'z-raised': 10,\n 'z-dropdown': 100,\n 'z-sticky': 150,\n 'z-topbar': 200,\n 'z-overlay': 300,\n 'z-modal': 400,\n 'z-toast': 500,\n 'z-tooltip': 600,\n },\n} as const\n\nexport type SemanticColorKey = keyof typeof semanticTokens.light\nexport type SemanticSharedKey = keyof typeof semanticTokens.shared\n\n// ─── CSS custom-property references ──────────────────────────────────────────\n\n/**\n * CSS custom-property reference strings.\n * Use in inline styles or CSS-in-JS — values respond to light/dark automatically.\n *\n * @example\n * // Inline style\n * <div style={{ color: vars.color.foreground }}>...</div>\n *\n * @example\n * // Emotion / styled-components\n * const Card = styled.div`\n * background: ${vars.color.surface};\n * border-radius: ${vars.radius.lg};\n * box-shadow: ${vars.shadow.md};\n * `\n */\nexport const vars = {\n color: {\n background: 'var(--color-background)',\n surface: 'var(--color-surface)',\n surfaceRaised: 'var(--color-surface-raised)',\n border: 'var(--color-border)',\n borderStrong: 'var(--color-border-strong)',\n foreground: 'var(--color-foreground)',\n foregroundSecondary: 'var(--color-foreground-secondary)',\n foregroundMuted: 'var(--color-foreground-muted)',\n accent: 'var(--color-accent)',\n accentHover: 'var(--color-accent-hover)',\n accentForeground: 'var(--color-accent-foreground)',\n error: 'var(--color-error)',\n warning: 'var(--color-warning)',\n success: 'var(--color-success)',\n info: 'var(--color-info)',\n backdrop: 'var(--color-backdrop)',\n },\n\n radius: {\n sm: 'var(--radius-sm)',\n md: 'var(--radius-md)',\n lg: 'var(--radius-lg)',\n xl: 'var(--radius-xl)',\n '2xl': 'var(--radius-2xl)',\n full: 'var(--radius-full)',\n },\n\n shadow: {\n sm: 'var(--shadow-sm)',\n md: 'var(--shadow-md)',\n lg: 'var(--shadow-lg)',\n xl: 'var(--shadow-xl)',\n },\n\n typography: {\n fontFamily: 'var(--font-family-sans)',\n fontSizeXs: 'var(--font-size-xs)',\n fontSizeSm: 'var(--font-size-sm)',\n fontSizeBase: 'var(--font-size-base)',\n fontSizeLg: 'var(--font-size-lg)',\n fontSizeXl: 'var(--font-size-xl)',\n fontSize2xl: 'var(--font-size-2xl)',\n fontSize3xl: 'var(--font-size-3xl)',\n fontWeightNormal: 'var(--font-weight-normal)',\n fontWeightMedium: 'var(--font-weight-medium)',\n fontWeightSemibold: 'var(--font-weight-semibold)',\n fontWeightBold: 'var(--font-weight-bold)',\n lineHeightTight: 'var(--line-height-tight)',\n lineHeightSnug: 'var(--line-height-snug)',\n lineHeightNormal: 'var(--line-height-normal)',\n lineHeightRelaxed: 'var(--line-height-relaxed)',\n letterSpacingTight: 'var(--letter-spacing-tight)',\n letterSpacingNormal: 'var(--letter-spacing-normal)',\n letterSpacingWide: 'var(--letter-spacing-wide)',\n },\n\n density: {\n controlXs: 'var(--height-control-xs)',\n controlSm: 'var(--height-control-sm)',\n controlMd: 'var(--height-control-md)',\n controlLg: 'var(--height-control-lg)',\n topbar: 'var(--height-topbar)',\n sidebarExpanded: 'var(--sidebar-expanded)',\n sidebarCollapsed: 'var(--sidebar-collapsed)',\n },\n\n motion: {\n durationInstant: 'var(--duration-instant)',\n durationFast: 'var(--duration-fast)',\n durationNormal: 'var(--duration-normal)',\n durationSlow: 'var(--duration-slow)',\n durationGentle: 'var(--duration-gentle)',\n easeOutExpo: 'var(--ease-out-expo)',\n easeOutQuart: 'var(--ease-out-quart)',\n easeOutCubic: 'var(--ease-out-cubic)',\n easeInOut: 'var(--ease-in-out)',\n easeIn: 'var(--ease-in)',\n },\n\n zIndex: {\n base: 'var(--z-base)',\n raised: 'var(--z-raised)',\n dropdown: 'var(--z-dropdown)',\n sticky: 'var(--z-sticky)',\n topbar: 'var(--z-topbar)',\n overlay: 'var(--z-overlay)',\n modal: 'var(--z-modal)',\n toast: 'var(--z-toast)',\n tooltip: 'var(--z-tooltip)',\n },\n} as const\n\n// ─── Convenience type exports ─────────────────────────────────────────────────\nexport type VarColorKey = keyof typeof vars.color\nexport type VarRadiusKey = keyof typeof vars.radius\nexport type VarShadowKey = keyof typeof vars.shadow\nexport type VarTypoKey = keyof typeof vars.typography\nexport type VarDensityKey = keyof typeof vars.density\nexport type VarMotionKey = keyof typeof vars.motion\nexport type VarZIndexKey = keyof typeof vars.zIndex\n"]}
|
|
@@ -60,7 +60,9 @@ var semanticTokens = {
|
|
|
60
60
|
error: "#c0392b",
|
|
61
61
|
warning: "#d68910",
|
|
62
62
|
success: "#1e8449",
|
|
63
|
-
info: "#1565c0"
|
|
63
|
+
info: "#1565c0",
|
|
64
|
+
// Scrim
|
|
65
|
+
backdrop: "rgba(6, 15, 26, 0.45)"
|
|
64
66
|
},
|
|
65
67
|
dark: {
|
|
66
68
|
// Surfaces
|
|
@@ -82,7 +84,9 @@ var semanticTokens = {
|
|
|
82
84
|
error: "#ff6b6b",
|
|
83
85
|
warning: "#ffb347",
|
|
84
86
|
success: "#5cb85c",
|
|
85
|
-
info: "#5bc0de"
|
|
87
|
+
info: "#5bc0de",
|
|
88
|
+
// Scrim (denser on dark backgrounds)
|
|
89
|
+
backdrop: "rgba(0, 0, 0, 0.6)"
|
|
86
90
|
},
|
|
87
91
|
// Mode-independent tokens
|
|
88
92
|
shared: {
|
|
@@ -159,7 +163,8 @@ var vars = {
|
|
|
159
163
|
error: "var(--color-error)",
|
|
160
164
|
warning: "var(--color-warning)",
|
|
161
165
|
success: "var(--color-success)",
|
|
162
|
-
info: "var(--color-info)"
|
|
166
|
+
info: "var(--color-info)",
|
|
167
|
+
backdrop: "var(--color-backdrop)"
|
|
163
168
|
},
|
|
164
169
|
radius: {
|
|
165
170
|
sm: "var(--radius-sm)",
|
|
@@ -234,5 +239,5 @@ exports.PALETTE = PALETTE;
|
|
|
234
239
|
exports.colors_default = colors_default;
|
|
235
240
|
exports.semanticTokens = semanticTokens;
|
|
236
241
|
exports.vars = vars;
|
|
237
|
-
//# sourceMappingURL=chunk-
|
|
238
|
-
//# sourceMappingURL=chunk-
|
|
242
|
+
//# sourceMappingURL=chunk-OAV4TA4B.cjs.map
|
|
243
|
+
//# sourceMappingURL=chunk-OAV4TA4B.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/utils/colors.ts","../src/tokens/index.ts"],"names":[],"mappings":"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","file":"chunk-OAV4TA4B.cjs","sourcesContent":["/**\n * Oxygen design-system colour palette.\n * Duplicated here so the published package is fully self-contained.\n */\nexport const PALETTE = {\n 'true-blue': '#0466C8',\n 'usafa-blue': '#0353A4',\n 'dark-cornflower-blue': '#023E7D',\n 'oxford-blue-700': '#002855',\n 'oxford-blue-800': '#001845',\n 'oxford-blue-900': '#001233',\n independence: '#33415C',\n 'black-coral': '#5C677D',\n 'roman-silver': '#7D8597',\n manatee: '#979DAC',\n white: '#fff',\n ice: '#DBF1FD',\n 'ice-dark': '#d0e3ed',\n 'midnight-green-eagle-900': '#013E53',\n 'midnight-green-eagle-700': '#125F6C',\n 'midnight-green-eagle-500': '#125F6C',\n 'rich-black-fogra': '#000202',\n 'rich-black-fogra-opaque': '#0000005b',\n 'prussian-blue': '#00273A',\n 'indigo-dye': '#013C54',\n ming: '#0F6372',\n skobeloff: '#217479',\n 'dark-cyan': '#2A8784',\n 'celadon-green': '#297E74',\n turquise: '#2EB8B0',\n 'oxford-blue-700-opaque': 'rgba(0, 40, 85, .3)',\n disabled: '#dee2e6',\n error: 'tomato',\n warning: 'orange',\n success: 'lightgreen',\n info: 'lightblue',\n transparent: 'rgba(255, 255, 255, .0)',\n} as const\n\nconst COLORS = { PALETTE }\nexport default COLORS\n","/**\n * @geomak/ui — Design Tokens\n *\n * Three layers, each useful in a different context:\n *\n * 1. `palette` — raw brand hex values from palette.json\n * 2. `semanticTokens` — resolved hex / px values keyed by light / dark / shared\n * 3. `vars` — CSS custom-property reference strings for inline styles / CSS-in-JS\n *\n * CSS custom properties are injected by: import '@geomak/ui/styles'\n * Tailwind utilities map to these vars via the bundled tailwind preset.\n */\n\nexport { PALETTE as palette } from '../utils/colors'\n\n// ─── Resolved values (hex / px / ms) ─────────────────────────────────────────\n\n/**\n * Resolved token values for every semantic role.\n * Use when CSS custom properties aren't available (canvas, email, SSR snapshots).\n */\nexport const semanticTokens = {\n light: {\n // Surfaces\n background: '#eef4fa',\n surface: '#ffffff',\n 'surface-raised': '#ffffff',\n // Borders\n border: '#d3dde8',\n 'border-strong': '#8898aa',\n // Text\n foreground: '#0a1929',\n 'foreground-secondary': '#2e4057',\n 'foreground-muted': '#536878',\n // Accent\n accent: '#0466C8',\n 'accent-hover': '#0353A4',\n 'accent-foreground': '#ffffff',\n // Status\n error: '#c0392b',\n warning: '#d68910',\n success: '#1e8449',\n info: '#1565c0',\n // Scrim\n backdrop: 'rgba(6, 15, 26, 0.45)',\n },\n\n dark: {\n // Surfaces\n background: '#060f1a',\n surface: '#0d1f30',\n 'surface-raised': '#152638',\n // Borders\n border: '#1e3348',\n 'border-strong': '#2e4a64',\n // Text\n foreground: '#e8f0f8',\n 'foreground-secondary': '#9ab0c4',\n 'foreground-muted': '#5c7a92',\n // Accent\n accent: '#2d88ff',\n 'accent-hover': '#4d9aff',\n 'accent-foreground': '#ffffff',\n // Status (brightened for dark backgrounds)\n error: '#ff6b6b',\n warning: '#ffb347',\n success: '#5cb85c',\n info: '#5bc0de',\n // Scrim (denser on dark backgrounds)\n backdrop: 'rgba(0, 0, 0, 0.6)',\n },\n\n // Mode-independent tokens\n shared: {\n // Radius — enterprise scale\n 'radius-sm': '2px',\n 'radius-md': '5px',\n 'radius-lg': '7px',\n 'radius-xl': '10px',\n 'radius-2xl': '12px',\n 'radius-full': '9999px',\n\n // Typography\n 'font-size-xs': '0.75rem',\n 'font-size-sm': '0.875rem',\n 'font-size-base': '1rem',\n 'font-size-lg': '1.125rem',\n 'font-size-xl': '1.25rem',\n 'font-size-2xl': '1.5rem',\n 'font-size-3xl': '1.875rem',\n 'font-weight-normal': 400,\n 'font-weight-medium': 500,\n 'font-weight-semibold': 600,\n 'font-weight-bold': 700,\n 'line-height-tight': 1.25,\n 'line-height-snug': 1.375,\n 'line-height-normal': 1.5,\n 'line-height-relaxed': 1.625,\n 'letter-spacing-tight': '-0.025em',\n 'letter-spacing-normal': '0em',\n 'letter-spacing-wide': '0.025em',\n\n // Component heights / density\n 'height-control-xs': '24px',\n 'height-control-sm': '28px',\n 'height-control-md': '36px',\n 'height-control-lg': '44px',\n 'height-topbar': '56px',\n 'sidebar-expanded': '220px',\n 'sidebar-collapsed': '52px',\n\n // Motion\n 'duration-instant': '50ms',\n 'duration-fast': '80ms',\n 'duration-normal': '150ms',\n 'duration-slow': '220ms',\n 'duration-gentle': '350ms',\n 'ease-out-expo': 'cubic-bezier(0.16, 1, 0.3, 1)',\n 'ease-out-quart': 'cubic-bezier(0.25, 1, 0.5, 1)',\n 'ease-out-cubic': 'cubic-bezier(0.33, 1, 0.68, 1)',\n 'ease-in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',\n 'ease-in': 'cubic-bezier(0.4, 0, 1, 1)',\n\n // Z-index\n 'z-base': 0,\n 'z-raised': 10,\n 'z-dropdown': 100,\n 'z-sticky': 150,\n 'z-topbar': 200,\n 'z-overlay': 300,\n 'z-modal': 400,\n 'z-toast': 500,\n 'z-tooltip': 600,\n },\n} as const\n\nexport type SemanticColorKey = keyof typeof semanticTokens.light\nexport type SemanticSharedKey = keyof typeof semanticTokens.shared\n\n// ─── CSS custom-property references ──────────────────────────────────────────\n\n/**\n * CSS custom-property reference strings.\n * Use in inline styles or CSS-in-JS — values respond to light/dark automatically.\n *\n * @example\n * // Inline style\n * <div style={{ color: vars.color.foreground }}>...</div>\n *\n * @example\n * // Emotion / styled-components\n * const Card = styled.div`\n * background: ${vars.color.surface};\n * border-radius: ${vars.radius.lg};\n * box-shadow: ${vars.shadow.md};\n * `\n */\nexport const vars = {\n color: {\n background: 'var(--color-background)',\n surface: 'var(--color-surface)',\n surfaceRaised: 'var(--color-surface-raised)',\n border: 'var(--color-border)',\n borderStrong: 'var(--color-border-strong)',\n foreground: 'var(--color-foreground)',\n foregroundSecondary: 'var(--color-foreground-secondary)',\n foregroundMuted: 'var(--color-foreground-muted)',\n accent: 'var(--color-accent)',\n accentHover: 'var(--color-accent-hover)',\n accentForeground: 'var(--color-accent-foreground)',\n error: 'var(--color-error)',\n warning: 'var(--color-warning)',\n success: 'var(--color-success)',\n info: 'var(--color-info)',\n backdrop: 'var(--color-backdrop)',\n },\n\n radius: {\n sm: 'var(--radius-sm)',\n md: 'var(--radius-md)',\n lg: 'var(--radius-lg)',\n xl: 'var(--radius-xl)',\n '2xl': 'var(--radius-2xl)',\n full: 'var(--radius-full)',\n },\n\n shadow: {\n sm: 'var(--shadow-sm)',\n md: 'var(--shadow-md)',\n lg: 'var(--shadow-lg)',\n xl: 'var(--shadow-xl)',\n },\n\n typography: {\n fontFamily: 'var(--font-family-sans)',\n fontSizeXs: 'var(--font-size-xs)',\n fontSizeSm: 'var(--font-size-sm)',\n fontSizeBase: 'var(--font-size-base)',\n fontSizeLg: 'var(--font-size-lg)',\n fontSizeXl: 'var(--font-size-xl)',\n fontSize2xl: 'var(--font-size-2xl)',\n fontSize3xl: 'var(--font-size-3xl)',\n fontWeightNormal: 'var(--font-weight-normal)',\n fontWeightMedium: 'var(--font-weight-medium)',\n fontWeightSemibold: 'var(--font-weight-semibold)',\n fontWeightBold: 'var(--font-weight-bold)',\n lineHeightTight: 'var(--line-height-tight)',\n lineHeightSnug: 'var(--line-height-snug)',\n lineHeightNormal: 'var(--line-height-normal)',\n lineHeightRelaxed: 'var(--line-height-relaxed)',\n letterSpacingTight: 'var(--letter-spacing-tight)',\n letterSpacingNormal: 'var(--letter-spacing-normal)',\n letterSpacingWide: 'var(--letter-spacing-wide)',\n },\n\n density: {\n controlXs: 'var(--height-control-xs)',\n controlSm: 'var(--height-control-sm)',\n controlMd: 'var(--height-control-md)',\n controlLg: 'var(--height-control-lg)',\n topbar: 'var(--height-topbar)',\n sidebarExpanded: 'var(--sidebar-expanded)',\n sidebarCollapsed: 'var(--sidebar-collapsed)',\n },\n\n motion: {\n durationInstant: 'var(--duration-instant)',\n durationFast: 'var(--duration-fast)',\n durationNormal: 'var(--duration-normal)',\n durationSlow: 'var(--duration-slow)',\n durationGentle: 'var(--duration-gentle)',\n easeOutExpo: 'var(--ease-out-expo)',\n easeOutQuart: 'var(--ease-out-quart)',\n easeOutCubic: 'var(--ease-out-cubic)',\n easeInOut: 'var(--ease-in-out)',\n easeIn: 'var(--ease-in)',\n },\n\n zIndex: {\n base: 'var(--z-base)',\n raised: 'var(--z-raised)',\n dropdown: 'var(--z-dropdown)',\n sticky: 'var(--z-sticky)',\n topbar: 'var(--z-topbar)',\n overlay: 'var(--z-overlay)',\n modal: 'var(--z-modal)',\n toast: 'var(--z-toast)',\n tooltip: 'var(--z-tooltip)',\n },\n} as const\n\n// ─── Convenience type exports ─────────────────────────────────────────────────\nexport type VarColorKey = keyof typeof vars.color\nexport type VarRadiusKey = keyof typeof vars.radius\nexport type VarShadowKey = keyof typeof vars.shadow\nexport type VarTypoKey = keyof typeof vars.typography\nexport type VarDensityKey = keyof typeof vars.density\nexport type VarMotionKey = keyof typeof vars.motion\nexport type VarZIndexKey = keyof typeof vars.zIndex\n"]}
|
|
@@ -107,6 +107,7 @@ declare const semanticTokens: {
|
|
|
107
107
|
readonly warning: "#d68910";
|
|
108
108
|
readonly success: "#1e8449";
|
|
109
109
|
readonly info: "#1565c0";
|
|
110
|
+
readonly backdrop: "rgba(6, 15, 26, 0.45)";
|
|
110
111
|
};
|
|
111
112
|
readonly dark: {
|
|
112
113
|
readonly background: "#060f1a";
|
|
@@ -124,6 +125,7 @@ declare const semanticTokens: {
|
|
|
124
125
|
readonly warning: "#ffb347";
|
|
125
126
|
readonly success: "#5cb85c";
|
|
126
127
|
readonly info: "#5bc0de";
|
|
128
|
+
readonly backdrop: "rgba(0, 0, 0, 0.6)";
|
|
127
129
|
};
|
|
128
130
|
readonly shared: {
|
|
129
131
|
readonly 'radius-sm': "2px";
|
|
@@ -213,6 +215,7 @@ declare const vars: {
|
|
|
213
215
|
readonly warning: "var(--color-warning)";
|
|
214
216
|
readonly success: "var(--color-success)";
|
|
215
217
|
readonly info: "var(--color-info)";
|
|
218
|
+
readonly backdrop: "var(--color-backdrop)";
|
|
216
219
|
};
|
|
217
220
|
readonly radius: {
|
|
218
221
|
readonly sm: "var(--radius-sm)";
|
|
@@ -107,6 +107,7 @@ declare const semanticTokens: {
|
|
|
107
107
|
readonly warning: "#d68910";
|
|
108
108
|
readonly success: "#1e8449";
|
|
109
109
|
readonly info: "#1565c0";
|
|
110
|
+
readonly backdrop: "rgba(6, 15, 26, 0.45)";
|
|
110
111
|
};
|
|
111
112
|
readonly dark: {
|
|
112
113
|
readonly background: "#060f1a";
|
|
@@ -124,6 +125,7 @@ declare const semanticTokens: {
|
|
|
124
125
|
readonly warning: "#ffb347";
|
|
125
126
|
readonly success: "#5cb85c";
|
|
126
127
|
readonly info: "#5bc0de";
|
|
128
|
+
readonly backdrop: "rgba(0, 0, 0, 0.6)";
|
|
127
129
|
};
|
|
128
130
|
readonly shared: {
|
|
129
131
|
readonly 'radius-sm': "2px";
|
|
@@ -213,6 +215,7 @@ declare const vars: {
|
|
|
213
215
|
readonly warning: "var(--color-warning)";
|
|
214
216
|
readonly success: "var(--color-success)";
|
|
215
217
|
readonly info: "var(--color-info)";
|
|
218
|
+
readonly backdrop: "var(--color-backdrop)";
|
|
216
219
|
};
|
|
217
220
|
readonly radius: {
|
|
218
221
|
readonly sm: "var(--radius-sm)";
|