@geomak/ui 1.3.0 → 1.5.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.
@@ -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"]}