@geomak/ui 1.4.0 → 1.5.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.
- package/dist/chunk-255PCZIW.cjs +238 -0
- package/dist/chunk-255PCZIW.cjs.map +1 -0
- package/dist/chunk-GKXP6OJJ.js +233 -0
- package/dist/chunk-GKXP6OJJ.js.map +1 -0
- package/dist/index-CvyV3YPI.d.cts +293 -0
- package/dist/index-CvyV3YPI.d.ts +293 -0
- package/dist/index.cjs +154 -28
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +138 -2
- package/dist/index.d.ts +138 -2
- package/dist/index.js +128 -3
- package/dist/index.js.map +1 -1
- package/dist/styles.css +2242 -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 +7 -2
- package/dist/chunk-OSWZRIGC.js +0 -152
- package/dist/chunk-OSWZRIGC.js.map +0 -1
- package/dist/chunk-RLL7ES4F.cjs +0 -157
- package/dist/chunk-RLL7ES4F.cjs.map +0 -1
- package/dist/index-DLGzTj3K.d.cts +0 -191
- package/dist/index-DLGzTj3K.d.ts +0 -191
|
@@ -0,0 +1,238 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
// src/utils/colors.ts
|
|
4
|
+
var PALETTE = {
|
|
5
|
+
"true-blue": "#0466C8",
|
|
6
|
+
"usafa-blue": "#0353A4",
|
|
7
|
+
"dark-cornflower-blue": "#023E7D",
|
|
8
|
+
"oxford-blue-700": "#002855",
|
|
9
|
+
"oxford-blue-800": "#001845",
|
|
10
|
+
"oxford-blue-900": "#001233",
|
|
11
|
+
independence: "#33415C",
|
|
12
|
+
"black-coral": "#5C677D",
|
|
13
|
+
"roman-silver": "#7D8597",
|
|
14
|
+
manatee: "#979DAC",
|
|
15
|
+
white: "#fff",
|
|
16
|
+
ice: "#DBF1FD",
|
|
17
|
+
"ice-dark": "#d0e3ed",
|
|
18
|
+
"midnight-green-eagle-900": "#013E53",
|
|
19
|
+
"midnight-green-eagle-700": "#125F6C",
|
|
20
|
+
"midnight-green-eagle-500": "#125F6C",
|
|
21
|
+
"rich-black-fogra": "#000202",
|
|
22
|
+
"rich-black-fogra-opaque": "#0000005b",
|
|
23
|
+
"prussian-blue": "#00273A",
|
|
24
|
+
"indigo-dye": "#013C54",
|
|
25
|
+
ming: "#0F6372",
|
|
26
|
+
skobeloff: "#217479",
|
|
27
|
+
"dark-cyan": "#2A8784",
|
|
28
|
+
"celadon-green": "#297E74",
|
|
29
|
+
turquise: "#2EB8B0",
|
|
30
|
+
"oxford-blue-700-opaque": "rgba(0, 40, 85, .3)",
|
|
31
|
+
disabled: "#dee2e6",
|
|
32
|
+
error: "tomato",
|
|
33
|
+
warning: "orange",
|
|
34
|
+
success: "lightgreen",
|
|
35
|
+
info: "lightblue",
|
|
36
|
+
transparent: "rgba(255, 255, 255, .0)"
|
|
37
|
+
};
|
|
38
|
+
var COLORS = { PALETTE };
|
|
39
|
+
var colors_default = COLORS;
|
|
40
|
+
|
|
41
|
+
// src/tokens/index.ts
|
|
42
|
+
var semanticTokens = {
|
|
43
|
+
light: {
|
|
44
|
+
// Surfaces
|
|
45
|
+
background: "#eef4fa",
|
|
46
|
+
surface: "#ffffff",
|
|
47
|
+
"surface-raised": "#ffffff",
|
|
48
|
+
// Borders
|
|
49
|
+
border: "#d3dde8",
|
|
50
|
+
"border-strong": "#8898aa",
|
|
51
|
+
// Text
|
|
52
|
+
foreground: "#0a1929",
|
|
53
|
+
"foreground-secondary": "#2e4057",
|
|
54
|
+
"foreground-muted": "#536878",
|
|
55
|
+
// Accent
|
|
56
|
+
accent: "#0466C8",
|
|
57
|
+
"accent-hover": "#0353A4",
|
|
58
|
+
"accent-foreground": "#ffffff",
|
|
59
|
+
// Status
|
|
60
|
+
error: "#c0392b",
|
|
61
|
+
warning: "#d68910",
|
|
62
|
+
success: "#1e8449",
|
|
63
|
+
info: "#1565c0"
|
|
64
|
+
},
|
|
65
|
+
dark: {
|
|
66
|
+
// Surfaces
|
|
67
|
+
background: "#060f1a",
|
|
68
|
+
surface: "#0d1f30",
|
|
69
|
+
"surface-raised": "#152638",
|
|
70
|
+
// Borders
|
|
71
|
+
border: "#1e3348",
|
|
72
|
+
"border-strong": "#2e4a64",
|
|
73
|
+
// Text
|
|
74
|
+
foreground: "#e8f0f8",
|
|
75
|
+
"foreground-secondary": "#9ab0c4",
|
|
76
|
+
"foreground-muted": "#5c7a92",
|
|
77
|
+
// Accent
|
|
78
|
+
accent: "#2d88ff",
|
|
79
|
+
"accent-hover": "#4d9aff",
|
|
80
|
+
"accent-foreground": "#ffffff",
|
|
81
|
+
// Status (brightened for dark backgrounds)
|
|
82
|
+
error: "#ff6b6b",
|
|
83
|
+
warning: "#ffb347",
|
|
84
|
+
success: "#5cb85c",
|
|
85
|
+
info: "#5bc0de"
|
|
86
|
+
},
|
|
87
|
+
// Mode-independent tokens
|
|
88
|
+
shared: {
|
|
89
|
+
// Radius — enterprise scale
|
|
90
|
+
"radius-sm": "2px",
|
|
91
|
+
"radius-md": "5px",
|
|
92
|
+
"radius-lg": "7px",
|
|
93
|
+
"radius-xl": "10px",
|
|
94
|
+
"radius-2xl": "12px",
|
|
95
|
+
"radius-full": "9999px",
|
|
96
|
+
// Typography
|
|
97
|
+
"font-size-xs": "0.75rem",
|
|
98
|
+
"font-size-sm": "0.875rem",
|
|
99
|
+
"font-size-base": "1rem",
|
|
100
|
+
"font-size-lg": "1.125rem",
|
|
101
|
+
"font-size-xl": "1.25rem",
|
|
102
|
+
"font-size-2xl": "1.5rem",
|
|
103
|
+
"font-size-3xl": "1.875rem",
|
|
104
|
+
"font-weight-normal": 400,
|
|
105
|
+
"font-weight-medium": 500,
|
|
106
|
+
"font-weight-semibold": 600,
|
|
107
|
+
"font-weight-bold": 700,
|
|
108
|
+
"line-height-tight": 1.25,
|
|
109
|
+
"line-height-snug": 1.375,
|
|
110
|
+
"line-height-normal": 1.5,
|
|
111
|
+
"line-height-relaxed": 1.625,
|
|
112
|
+
"letter-spacing-tight": "-0.025em",
|
|
113
|
+
"letter-spacing-normal": "0em",
|
|
114
|
+
"letter-spacing-wide": "0.025em",
|
|
115
|
+
// Component heights / density
|
|
116
|
+
"height-control-xs": "24px",
|
|
117
|
+
"height-control-sm": "28px",
|
|
118
|
+
"height-control-md": "36px",
|
|
119
|
+
"height-control-lg": "44px",
|
|
120
|
+
"height-topbar": "56px",
|
|
121
|
+
"sidebar-expanded": "220px",
|
|
122
|
+
"sidebar-collapsed": "52px",
|
|
123
|
+
// Motion
|
|
124
|
+
"duration-instant": "50ms",
|
|
125
|
+
"duration-fast": "80ms",
|
|
126
|
+
"duration-normal": "150ms",
|
|
127
|
+
"duration-slow": "220ms",
|
|
128
|
+
"duration-gentle": "350ms",
|
|
129
|
+
"ease-out-expo": "cubic-bezier(0.16, 1, 0.3, 1)",
|
|
130
|
+
"ease-out-quart": "cubic-bezier(0.25, 1, 0.5, 1)",
|
|
131
|
+
"ease-out-cubic": "cubic-bezier(0.33, 1, 0.68, 1)",
|
|
132
|
+
"ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
133
|
+
"ease-in": "cubic-bezier(0.4, 0, 1, 1)",
|
|
134
|
+
// Z-index
|
|
135
|
+
"z-base": 0,
|
|
136
|
+
"z-raised": 10,
|
|
137
|
+
"z-dropdown": 100,
|
|
138
|
+
"z-sticky": 150,
|
|
139
|
+
"z-topbar": 200,
|
|
140
|
+
"z-overlay": 300,
|
|
141
|
+
"z-modal": 400,
|
|
142
|
+
"z-toast": 500,
|
|
143
|
+
"z-tooltip": 600
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
var vars = {
|
|
147
|
+
color: {
|
|
148
|
+
background: "var(--color-background)",
|
|
149
|
+
surface: "var(--color-surface)",
|
|
150
|
+
surfaceRaised: "var(--color-surface-raised)",
|
|
151
|
+
border: "var(--color-border)",
|
|
152
|
+
borderStrong: "var(--color-border-strong)",
|
|
153
|
+
foreground: "var(--color-foreground)",
|
|
154
|
+
foregroundSecondary: "var(--color-foreground-secondary)",
|
|
155
|
+
foregroundMuted: "var(--color-foreground-muted)",
|
|
156
|
+
accent: "var(--color-accent)",
|
|
157
|
+
accentHover: "var(--color-accent-hover)",
|
|
158
|
+
accentForeground: "var(--color-accent-foreground)",
|
|
159
|
+
error: "var(--color-error)",
|
|
160
|
+
warning: "var(--color-warning)",
|
|
161
|
+
success: "var(--color-success)",
|
|
162
|
+
info: "var(--color-info)"
|
|
163
|
+
},
|
|
164
|
+
radius: {
|
|
165
|
+
sm: "var(--radius-sm)",
|
|
166
|
+
md: "var(--radius-md)",
|
|
167
|
+
lg: "var(--radius-lg)",
|
|
168
|
+
xl: "var(--radius-xl)",
|
|
169
|
+
"2xl": "var(--radius-2xl)",
|
|
170
|
+
full: "var(--radius-full)"
|
|
171
|
+
},
|
|
172
|
+
shadow: {
|
|
173
|
+
sm: "var(--shadow-sm)",
|
|
174
|
+
md: "var(--shadow-md)",
|
|
175
|
+
lg: "var(--shadow-lg)",
|
|
176
|
+
xl: "var(--shadow-xl)"
|
|
177
|
+
},
|
|
178
|
+
typography: {
|
|
179
|
+
fontFamily: "var(--font-family-sans)",
|
|
180
|
+
fontSizeXs: "var(--font-size-xs)",
|
|
181
|
+
fontSizeSm: "var(--font-size-sm)",
|
|
182
|
+
fontSizeBase: "var(--font-size-base)",
|
|
183
|
+
fontSizeLg: "var(--font-size-lg)",
|
|
184
|
+
fontSizeXl: "var(--font-size-xl)",
|
|
185
|
+
fontSize2xl: "var(--font-size-2xl)",
|
|
186
|
+
fontSize3xl: "var(--font-size-3xl)",
|
|
187
|
+
fontWeightNormal: "var(--font-weight-normal)",
|
|
188
|
+
fontWeightMedium: "var(--font-weight-medium)",
|
|
189
|
+
fontWeightSemibold: "var(--font-weight-semibold)",
|
|
190
|
+
fontWeightBold: "var(--font-weight-bold)",
|
|
191
|
+
lineHeightTight: "var(--line-height-tight)",
|
|
192
|
+
lineHeightSnug: "var(--line-height-snug)",
|
|
193
|
+
lineHeightNormal: "var(--line-height-normal)",
|
|
194
|
+
lineHeightRelaxed: "var(--line-height-relaxed)",
|
|
195
|
+
letterSpacingTight: "var(--letter-spacing-tight)",
|
|
196
|
+
letterSpacingNormal: "var(--letter-spacing-normal)",
|
|
197
|
+
letterSpacingWide: "var(--letter-spacing-wide)"
|
|
198
|
+
},
|
|
199
|
+
density: {
|
|
200
|
+
controlXs: "var(--height-control-xs)",
|
|
201
|
+
controlSm: "var(--height-control-sm)",
|
|
202
|
+
controlMd: "var(--height-control-md)",
|
|
203
|
+
controlLg: "var(--height-control-lg)",
|
|
204
|
+
topbar: "var(--height-topbar)",
|
|
205
|
+
sidebarExpanded: "var(--sidebar-expanded)",
|
|
206
|
+
sidebarCollapsed: "var(--sidebar-collapsed)"
|
|
207
|
+
},
|
|
208
|
+
motion: {
|
|
209
|
+
durationInstant: "var(--duration-instant)",
|
|
210
|
+
durationFast: "var(--duration-fast)",
|
|
211
|
+
durationNormal: "var(--duration-normal)",
|
|
212
|
+
durationSlow: "var(--duration-slow)",
|
|
213
|
+
durationGentle: "var(--duration-gentle)",
|
|
214
|
+
easeOutExpo: "var(--ease-out-expo)",
|
|
215
|
+
easeOutQuart: "var(--ease-out-quart)",
|
|
216
|
+
easeOutCubic: "var(--ease-out-cubic)",
|
|
217
|
+
easeInOut: "var(--ease-in-out)",
|
|
218
|
+
easeIn: "var(--ease-in)"
|
|
219
|
+
},
|
|
220
|
+
zIndex: {
|
|
221
|
+
base: "var(--z-base)",
|
|
222
|
+
raised: "var(--z-raised)",
|
|
223
|
+
dropdown: "var(--z-dropdown)",
|
|
224
|
+
sticky: "var(--z-sticky)",
|
|
225
|
+
topbar: "var(--z-topbar)",
|
|
226
|
+
overlay: "var(--z-overlay)",
|
|
227
|
+
modal: "var(--z-modal)",
|
|
228
|
+
toast: "var(--z-toast)",
|
|
229
|
+
tooltip: "var(--z-tooltip)"
|
|
230
|
+
}
|
|
231
|
+
};
|
|
232
|
+
|
|
233
|
+
exports.PALETTE = PALETTE;
|
|
234
|
+
exports.colors_default = colors_default;
|
|
235
|
+
exports.semanticTokens = semanticTokens;
|
|
236
|
+
exports.vars = vars;
|
|
237
|
+
//# sourceMappingURL=chunk-255PCZIW.cjs.map
|
|
238
|
+
//# sourceMappingURL=chunk-255PCZIW.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-255PCZIW.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 },\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 },\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 },\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"]}
|
|
@@ -0,0 +1,233 @@
|
|
|
1
|
+
// src/utils/colors.ts
|
|
2
|
+
var PALETTE = {
|
|
3
|
+
"true-blue": "#0466C8",
|
|
4
|
+
"usafa-blue": "#0353A4",
|
|
5
|
+
"dark-cornflower-blue": "#023E7D",
|
|
6
|
+
"oxford-blue-700": "#002855",
|
|
7
|
+
"oxford-blue-800": "#001845",
|
|
8
|
+
"oxford-blue-900": "#001233",
|
|
9
|
+
independence: "#33415C",
|
|
10
|
+
"black-coral": "#5C677D",
|
|
11
|
+
"roman-silver": "#7D8597",
|
|
12
|
+
manatee: "#979DAC",
|
|
13
|
+
white: "#fff",
|
|
14
|
+
ice: "#DBF1FD",
|
|
15
|
+
"ice-dark": "#d0e3ed",
|
|
16
|
+
"midnight-green-eagle-900": "#013E53",
|
|
17
|
+
"midnight-green-eagle-700": "#125F6C",
|
|
18
|
+
"midnight-green-eagle-500": "#125F6C",
|
|
19
|
+
"rich-black-fogra": "#000202",
|
|
20
|
+
"rich-black-fogra-opaque": "#0000005b",
|
|
21
|
+
"prussian-blue": "#00273A",
|
|
22
|
+
"indigo-dye": "#013C54",
|
|
23
|
+
ming: "#0F6372",
|
|
24
|
+
skobeloff: "#217479",
|
|
25
|
+
"dark-cyan": "#2A8784",
|
|
26
|
+
"celadon-green": "#297E74",
|
|
27
|
+
turquise: "#2EB8B0",
|
|
28
|
+
"oxford-blue-700-opaque": "rgba(0, 40, 85, .3)",
|
|
29
|
+
disabled: "#dee2e6",
|
|
30
|
+
error: "tomato",
|
|
31
|
+
warning: "orange",
|
|
32
|
+
success: "lightgreen",
|
|
33
|
+
info: "lightblue",
|
|
34
|
+
transparent: "rgba(255, 255, 255, .0)"
|
|
35
|
+
};
|
|
36
|
+
var COLORS = { PALETTE };
|
|
37
|
+
var colors_default = COLORS;
|
|
38
|
+
|
|
39
|
+
// src/tokens/index.ts
|
|
40
|
+
var semanticTokens = {
|
|
41
|
+
light: {
|
|
42
|
+
// Surfaces
|
|
43
|
+
background: "#eef4fa",
|
|
44
|
+
surface: "#ffffff",
|
|
45
|
+
"surface-raised": "#ffffff",
|
|
46
|
+
// Borders
|
|
47
|
+
border: "#d3dde8",
|
|
48
|
+
"border-strong": "#8898aa",
|
|
49
|
+
// Text
|
|
50
|
+
foreground: "#0a1929",
|
|
51
|
+
"foreground-secondary": "#2e4057",
|
|
52
|
+
"foreground-muted": "#536878",
|
|
53
|
+
// Accent
|
|
54
|
+
accent: "#0466C8",
|
|
55
|
+
"accent-hover": "#0353A4",
|
|
56
|
+
"accent-foreground": "#ffffff",
|
|
57
|
+
// Status
|
|
58
|
+
error: "#c0392b",
|
|
59
|
+
warning: "#d68910",
|
|
60
|
+
success: "#1e8449",
|
|
61
|
+
info: "#1565c0"
|
|
62
|
+
},
|
|
63
|
+
dark: {
|
|
64
|
+
// Surfaces
|
|
65
|
+
background: "#060f1a",
|
|
66
|
+
surface: "#0d1f30",
|
|
67
|
+
"surface-raised": "#152638",
|
|
68
|
+
// Borders
|
|
69
|
+
border: "#1e3348",
|
|
70
|
+
"border-strong": "#2e4a64",
|
|
71
|
+
// Text
|
|
72
|
+
foreground: "#e8f0f8",
|
|
73
|
+
"foreground-secondary": "#9ab0c4",
|
|
74
|
+
"foreground-muted": "#5c7a92",
|
|
75
|
+
// Accent
|
|
76
|
+
accent: "#2d88ff",
|
|
77
|
+
"accent-hover": "#4d9aff",
|
|
78
|
+
"accent-foreground": "#ffffff",
|
|
79
|
+
// Status (brightened for dark backgrounds)
|
|
80
|
+
error: "#ff6b6b",
|
|
81
|
+
warning: "#ffb347",
|
|
82
|
+
success: "#5cb85c",
|
|
83
|
+
info: "#5bc0de"
|
|
84
|
+
},
|
|
85
|
+
// Mode-independent tokens
|
|
86
|
+
shared: {
|
|
87
|
+
// Radius — enterprise scale
|
|
88
|
+
"radius-sm": "2px",
|
|
89
|
+
"radius-md": "5px",
|
|
90
|
+
"radius-lg": "7px",
|
|
91
|
+
"radius-xl": "10px",
|
|
92
|
+
"radius-2xl": "12px",
|
|
93
|
+
"radius-full": "9999px",
|
|
94
|
+
// Typography
|
|
95
|
+
"font-size-xs": "0.75rem",
|
|
96
|
+
"font-size-sm": "0.875rem",
|
|
97
|
+
"font-size-base": "1rem",
|
|
98
|
+
"font-size-lg": "1.125rem",
|
|
99
|
+
"font-size-xl": "1.25rem",
|
|
100
|
+
"font-size-2xl": "1.5rem",
|
|
101
|
+
"font-size-3xl": "1.875rem",
|
|
102
|
+
"font-weight-normal": 400,
|
|
103
|
+
"font-weight-medium": 500,
|
|
104
|
+
"font-weight-semibold": 600,
|
|
105
|
+
"font-weight-bold": 700,
|
|
106
|
+
"line-height-tight": 1.25,
|
|
107
|
+
"line-height-snug": 1.375,
|
|
108
|
+
"line-height-normal": 1.5,
|
|
109
|
+
"line-height-relaxed": 1.625,
|
|
110
|
+
"letter-spacing-tight": "-0.025em",
|
|
111
|
+
"letter-spacing-normal": "0em",
|
|
112
|
+
"letter-spacing-wide": "0.025em",
|
|
113
|
+
// Component heights / density
|
|
114
|
+
"height-control-xs": "24px",
|
|
115
|
+
"height-control-sm": "28px",
|
|
116
|
+
"height-control-md": "36px",
|
|
117
|
+
"height-control-lg": "44px",
|
|
118
|
+
"height-topbar": "56px",
|
|
119
|
+
"sidebar-expanded": "220px",
|
|
120
|
+
"sidebar-collapsed": "52px",
|
|
121
|
+
// Motion
|
|
122
|
+
"duration-instant": "50ms",
|
|
123
|
+
"duration-fast": "80ms",
|
|
124
|
+
"duration-normal": "150ms",
|
|
125
|
+
"duration-slow": "220ms",
|
|
126
|
+
"duration-gentle": "350ms",
|
|
127
|
+
"ease-out-expo": "cubic-bezier(0.16, 1, 0.3, 1)",
|
|
128
|
+
"ease-out-quart": "cubic-bezier(0.25, 1, 0.5, 1)",
|
|
129
|
+
"ease-out-cubic": "cubic-bezier(0.33, 1, 0.68, 1)",
|
|
130
|
+
"ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
131
|
+
"ease-in": "cubic-bezier(0.4, 0, 1, 1)",
|
|
132
|
+
// Z-index
|
|
133
|
+
"z-base": 0,
|
|
134
|
+
"z-raised": 10,
|
|
135
|
+
"z-dropdown": 100,
|
|
136
|
+
"z-sticky": 150,
|
|
137
|
+
"z-topbar": 200,
|
|
138
|
+
"z-overlay": 300,
|
|
139
|
+
"z-modal": 400,
|
|
140
|
+
"z-toast": 500,
|
|
141
|
+
"z-tooltip": 600
|
|
142
|
+
}
|
|
143
|
+
};
|
|
144
|
+
var vars = {
|
|
145
|
+
color: {
|
|
146
|
+
background: "var(--color-background)",
|
|
147
|
+
surface: "var(--color-surface)",
|
|
148
|
+
surfaceRaised: "var(--color-surface-raised)",
|
|
149
|
+
border: "var(--color-border)",
|
|
150
|
+
borderStrong: "var(--color-border-strong)",
|
|
151
|
+
foreground: "var(--color-foreground)",
|
|
152
|
+
foregroundSecondary: "var(--color-foreground-secondary)",
|
|
153
|
+
foregroundMuted: "var(--color-foreground-muted)",
|
|
154
|
+
accent: "var(--color-accent)",
|
|
155
|
+
accentHover: "var(--color-accent-hover)",
|
|
156
|
+
accentForeground: "var(--color-accent-foreground)",
|
|
157
|
+
error: "var(--color-error)",
|
|
158
|
+
warning: "var(--color-warning)",
|
|
159
|
+
success: "var(--color-success)",
|
|
160
|
+
info: "var(--color-info)"
|
|
161
|
+
},
|
|
162
|
+
radius: {
|
|
163
|
+
sm: "var(--radius-sm)",
|
|
164
|
+
md: "var(--radius-md)",
|
|
165
|
+
lg: "var(--radius-lg)",
|
|
166
|
+
xl: "var(--radius-xl)",
|
|
167
|
+
"2xl": "var(--radius-2xl)",
|
|
168
|
+
full: "var(--radius-full)"
|
|
169
|
+
},
|
|
170
|
+
shadow: {
|
|
171
|
+
sm: "var(--shadow-sm)",
|
|
172
|
+
md: "var(--shadow-md)",
|
|
173
|
+
lg: "var(--shadow-lg)",
|
|
174
|
+
xl: "var(--shadow-xl)"
|
|
175
|
+
},
|
|
176
|
+
typography: {
|
|
177
|
+
fontFamily: "var(--font-family-sans)",
|
|
178
|
+
fontSizeXs: "var(--font-size-xs)",
|
|
179
|
+
fontSizeSm: "var(--font-size-sm)",
|
|
180
|
+
fontSizeBase: "var(--font-size-base)",
|
|
181
|
+
fontSizeLg: "var(--font-size-lg)",
|
|
182
|
+
fontSizeXl: "var(--font-size-xl)",
|
|
183
|
+
fontSize2xl: "var(--font-size-2xl)",
|
|
184
|
+
fontSize3xl: "var(--font-size-3xl)",
|
|
185
|
+
fontWeightNormal: "var(--font-weight-normal)",
|
|
186
|
+
fontWeightMedium: "var(--font-weight-medium)",
|
|
187
|
+
fontWeightSemibold: "var(--font-weight-semibold)",
|
|
188
|
+
fontWeightBold: "var(--font-weight-bold)",
|
|
189
|
+
lineHeightTight: "var(--line-height-tight)",
|
|
190
|
+
lineHeightSnug: "var(--line-height-snug)",
|
|
191
|
+
lineHeightNormal: "var(--line-height-normal)",
|
|
192
|
+
lineHeightRelaxed: "var(--line-height-relaxed)",
|
|
193
|
+
letterSpacingTight: "var(--letter-spacing-tight)",
|
|
194
|
+
letterSpacingNormal: "var(--letter-spacing-normal)",
|
|
195
|
+
letterSpacingWide: "var(--letter-spacing-wide)"
|
|
196
|
+
},
|
|
197
|
+
density: {
|
|
198
|
+
controlXs: "var(--height-control-xs)",
|
|
199
|
+
controlSm: "var(--height-control-sm)",
|
|
200
|
+
controlMd: "var(--height-control-md)",
|
|
201
|
+
controlLg: "var(--height-control-lg)",
|
|
202
|
+
topbar: "var(--height-topbar)",
|
|
203
|
+
sidebarExpanded: "var(--sidebar-expanded)",
|
|
204
|
+
sidebarCollapsed: "var(--sidebar-collapsed)"
|
|
205
|
+
},
|
|
206
|
+
motion: {
|
|
207
|
+
durationInstant: "var(--duration-instant)",
|
|
208
|
+
durationFast: "var(--duration-fast)",
|
|
209
|
+
durationNormal: "var(--duration-normal)",
|
|
210
|
+
durationSlow: "var(--duration-slow)",
|
|
211
|
+
durationGentle: "var(--duration-gentle)",
|
|
212
|
+
easeOutExpo: "var(--ease-out-expo)",
|
|
213
|
+
easeOutQuart: "var(--ease-out-quart)",
|
|
214
|
+
easeOutCubic: "var(--ease-out-cubic)",
|
|
215
|
+
easeInOut: "var(--ease-in-out)",
|
|
216
|
+
easeIn: "var(--ease-in)"
|
|
217
|
+
},
|
|
218
|
+
zIndex: {
|
|
219
|
+
base: "var(--z-base)",
|
|
220
|
+
raised: "var(--z-raised)",
|
|
221
|
+
dropdown: "var(--z-dropdown)",
|
|
222
|
+
sticky: "var(--z-sticky)",
|
|
223
|
+
topbar: "var(--z-topbar)",
|
|
224
|
+
overlay: "var(--z-overlay)",
|
|
225
|
+
modal: "var(--z-modal)",
|
|
226
|
+
toast: "var(--z-toast)",
|
|
227
|
+
tooltip: "var(--z-tooltip)"
|
|
228
|
+
}
|
|
229
|
+
};
|
|
230
|
+
|
|
231
|
+
export { PALETTE, colors_default, semanticTokens, vars };
|
|
232
|
+
//# sourceMappingURL=chunk-GKXP6OJJ.js.map
|
|
233
|
+
//# sourceMappingURL=chunk-GKXP6OJJ.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-GKXP6OJJ.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 },\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 },\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 },\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"]}
|