@geomak/ui 1.2.0 → 1.4.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-DNQSZOYD.js → chunk-OSWZRIGC.js} +8 -8
- package/dist/{chunk-DNQSZOYD.js.map → chunk-OSWZRIGC.js.map} +1 -1
- package/dist/{chunk-ZS3HB5YJ.cjs → chunk-RLL7ES4F.cjs} +8 -8
- package/dist/{chunk-ZS3HB5YJ.cjs.map → chunk-RLL7ES4F.cjs.map} +1 -1
- package/dist/{index-CPCiQllz.d.cts → index-DLGzTj3K.d.cts} +5 -5
- package/dist/{index-CPCiQllz.d.ts → index-DLGzTj3K.d.ts} +5 -5
- package/dist/index.cjs +605 -132
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +267 -57
- package/dist/index.d.ts +267 -57
- package/dist/index.js +571 -105
- package/dist/index.js.map +1 -1
- 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 +92 -85
|
@@ -103,13 +103,13 @@ var semanticTokens = {
|
|
|
103
103
|
success: "#69db7c",
|
|
104
104
|
info: "#74c0fc"
|
|
105
105
|
},
|
|
106
|
-
// Mode-independent structure tokens
|
|
106
|
+
// Mode-independent structure tokens — enterprise scale (tighter than defaults)
|
|
107
107
|
shared: {
|
|
108
|
-
"radius-sm": "
|
|
109
|
-
"radius-md": "
|
|
110
|
-
"radius-lg": "
|
|
111
|
-
"radius-xl": "
|
|
112
|
-
"radius-2xl": "
|
|
108
|
+
"radius-sm": "2px",
|
|
109
|
+
"radius-md": "5px",
|
|
110
|
+
"radius-lg": "7px",
|
|
111
|
+
"radius-xl": "10px",
|
|
112
|
+
"radius-2xl": "12px",
|
|
113
113
|
"radius-full": "9999px"
|
|
114
114
|
}
|
|
115
115
|
};
|
|
@@ -148,5 +148,5 @@ var vars = {
|
|
|
148
148
|
};
|
|
149
149
|
|
|
150
150
|
export { PALETTE, colors_default, semanticTokens, vars };
|
|
151
|
-
//# sourceMappingURL=chunk-
|
|
152
|
-
//# sourceMappingURL=chunk-
|
|
151
|
+
//# sourceMappingURL=chunk-OSWZRIGC.js.map
|
|
152
|
+
//# sourceMappingURL=chunk-OSWZRIGC.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utils/colors.ts","../src/tokens/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"sources":["../src/utils/colors.ts","../src/tokens/index.ts"],"names":[],"mappings":";AAIO,IAAM,OAAA,GAAU;AAAA,EACnB,WAAA,EAAa,SAAA;AAAA,EACb,YAAA,EAAc,SAAA;AAAA,EACd,sBAAA,EAAwB,SAAA;AAAA,EACxB,iBAAA,EAAmB,SAAA;AAAA,EACnB,iBAAA,EAAmB,SAAA;AAAA,EACnB,iBAAA,EAAmB,SAAA;AAAA,EACnB,YAAA,EAAc,SAAA;AAAA,EACd,aAAA,EAAe,SAAA;AAAA,EACf,cAAA,EAAgB,SAAA;AAAA,EAChB,OAAA,EAAS,SAAA;AAAA,EACT,KAAA,EAAO,MAAA;AAAA,EACP,GAAA,EAAK,SAAA;AAAA,EACL,UAAA,EAAY,SAAA;AAAA,EACZ,0BAAA,EAA4B,SAAA;AAAA,EAC5B,0BAAA,EAA4B,SAAA;AAAA,EAC5B,0BAAA,EAA4B,SAAA;AAAA,EAC5B,kBAAA,EAAoB,SAAA;AAAA,EACpB,yBAAA,EAA2B,WAAA;AAAA,EAC3B,eAAA,EAAiB,SAAA;AAAA,EACjB,YAAA,EAAc,SAAA;AAAA,EACd,IAAA,EAAM,SAAA;AAAA,EACN,SAAA,EAAW,SAAA;AAAA,EACX,WAAA,EAAa,SAAA;AAAA,EACb,eAAA,EAAiB,SAAA;AAAA,EACjB,QAAA,EAAU,SAAA;AAAA,EACV,wBAAA,EAA0B,qBAAA;AAAA,EAC1B,QAAA,EAAU,SAAA;AAAA,EACV,KAAA,EAAO,QAAA;AAAA,EACP,OAAA,EAAS,QAAA;AAAA,EACT,OAAA,EAAS,YAAA;AAAA,EACT,IAAA,EAAM,WAAA;AAAA,EACN,WAAA,EAAa;AACjB;AAEA,IAAM,MAAA,GAAS,EAAE,OAAA,EAAQ;AACzB,IAAO,cAAA,GAAQ;;;AClBR,IAAM,cAAA,GAAiB;AAAA,EAC1B,KAAA,EAAO;AAAA;AAAA,IAEH,UAAA,EAAqB,SAAA;AAAA;AAAA,IACrB,OAAA,EAAqB,SAAA;AAAA;AAAA,IACrB,gBAAA,EAAqB,SAAA;AAAA;AAAA;AAAA,IAGrB,MAAA,EAAqB,SAAA;AAAA;AAAA,IACrB,eAAA,EAAqB,SAAA;AAAA;AAAA;AAAA,IAGrB,UAAA,EAAqB,SAAA;AAAA;AAAA,IACrB,sBAAA,EAAwB,SAAA;AAAA;AAAA,IACxB,kBAAA,EAAqB,SAAA;AAAA;AAAA;AAAA,IAGrB,MAAA,EAAqB,SAAA;AAAA;AAAA,IACrB,cAAA,EAAqB,SAAA;AAAA;AAAA,IACrB,mBAAA,EAAqB,SAAA;AAAA;AAAA;AAAA,IAGrB,KAAA,EAAqB,SAAA;AAAA,IACrB,OAAA,EAAqB,SAAA;AAAA,IACrB,OAAA,EAAqB,SAAA;AAAA,IACrB,IAAA,EAAqB;AAAA,GACzB;AAAA,EAEA,IAAA,EAAM;AAAA;AAAA,IAEF,UAAA,EAAqB,SAAA;AAAA;AAAA,IACrB,OAAA,EAAqB,SAAA;AAAA;AAAA,IACrB,gBAAA,EAAqB,SAAA;AAAA;AAAA;AAAA,IAGrB,MAAA,EAAqB,SAAA;AAAA;AAAA,IACrB,eAAA,EAAqB,SAAA;AAAA;AAAA;AAAA,IAGrB,UAAA,EAAqB,SAAA;AAAA;AAAA,IACrB,sBAAA,EAAwB,SAAA;AAAA;AAAA,IACxB,kBAAA,EAAqB,SAAA;AAAA;AAAA;AAAA,IAGrB,MAAA,EAAqB,SAAA;AAAA;AAAA,IACrB,cAAA,EAAqB,SAAA;AAAA;AAAA,IACrB,mBAAA,EAAqB,SAAA;AAAA;AAAA,IAGrB,KAAA,EAAqB,SAAA;AAAA,IACrB,OAAA,EAAqB,SAAA;AAAA,IACrB,OAAA,EAAqB,SAAA;AAAA,IACrB,IAAA,EAAqB;AAAA,GACzB;AAAA;AAAA,EAGA,MAAA,EAAQ;AAAA,IACJ,WAAA,EAAe,KAAA;AAAA,IACf,WAAA,EAAe,KAAA;AAAA,IACf,WAAA,EAAe,KAAA;AAAA,IACf,WAAA,EAAe,MAAA;AAAA,IACf,YAAA,EAAe,MAAA;AAAA,IACf,aAAA,EAAe;AAAA;AAEvB;AAqBO,IAAM,IAAA,GAAO;AAAA,EAChB,KAAA,EAAO;AAAA,IACH,UAAA,EAAsB,yBAAA;AAAA,IACtB,OAAA,EAAsB,sBAAA;AAAA,IACtB,aAAA,EAAsB,6BAAA;AAAA,IACtB,MAAA,EAAsB,qBAAA;AAAA,IACtB,YAAA,EAAsB,4BAAA;AAAA,IACtB,UAAA,EAAsB,yBAAA;AAAA,IACtB,mBAAA,EAAsB,mCAAA;AAAA,IACtB,eAAA,EAAsB,+BAAA;AAAA,IACtB,MAAA,EAAsB,qBAAA;AAAA,IACtB,WAAA,EAAsB,2BAAA;AAAA,IACtB,gBAAA,EAAsB,gCAAA;AAAA,IACtB,KAAA,EAAsB,oBAAA;AAAA,IACtB,OAAA,EAAsB,sBAAA;AAAA,IACtB,OAAA,EAAsB,sBAAA;AAAA,IACtB,IAAA,EAAsB;AAAA,GAC1B;AAAA,EACA,MAAA,EAAQ;AAAA,IACJ,EAAA,EAAM,kBAAA;AAAA,IACN,EAAA,EAAM,kBAAA;AAAA,IACN,EAAA,EAAM,kBAAA;AAAA,IACN,EAAA,EAAM,kBAAA;AAAA,IACN,KAAA,EAAO,mBAAA;AAAA,IACP,IAAA,EAAM;AAAA,GACV;AAAA,EACA,MAAA,EAAQ;AAAA,IACJ,EAAA,EAAI,kBAAA;AAAA,IACJ,EAAA,EAAI,kBAAA;AAAA,IACJ,EAAA,EAAI,kBAAA;AAAA,IACJ,EAAA,EAAI;AAAA;AAEZ","file":"chunk-OSWZRIGC.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:\n *\n * 1. `palette` — raw brand colors from colors.ts (hex literals)\n * 2. `semanticTokens` — resolved hex values per light/dark mode\n * 3. `vars` — CSS custom-property references for inline styles / CSS-in-JS\n *\n * CSS custom properties are injected by importing '@geomak/ui/styles'.\n * Tailwind semantic utilities (bg-background, text-foreground, etc.) are\n * available after the consumer includes the package's tailwind preset.\n */\n\nexport { PALETTE as palette } from '../utils/colors'\n\n// ─── Resolved values ──────────────────────────────────────────────────────────\n\n/**\n * Resolved hex/rgba values for every semantic token, keyed by `light` / `dark`.\n * Use these when CSS custom properties aren't available (canvas, email, SSR snapshots).\n */\nexport const semanticTokens = {\n light: {\n // Surfaces\n background: '#DBF1FD', // ice — page-level background\n surface: '#ffffff', // white — panel / card background\n 'surface-raised': '#ffffff', // white — elevated layer (shadow differentiates)\n\n // Borders\n border: '#d0e3ed', // ice-dark — default separator\n 'border-strong': '#7D8597', // roman-silver — focus rings, strong dividers\n\n // Text\n foreground: '#001845', // oxford-blue-800 — primary body text\n 'foreground-secondary': '#33415C', // independence — labels, captions\n 'foreground-muted': '#5C677D', // black-coral — placeholders, helper text\n\n // Accent (interactive)\n accent: '#0466C8', // true-blue\n 'accent-hover': '#0353A4', // usafa-blue (darker → lower on dark scale)\n 'accent-foreground': '#ffffff', // text on accent backgrounds\n\n // Status\n error: '#e03131',\n warning: '#e67700',\n success: '#2f9e44',\n info: '#1971c2',\n },\n\n dark: {\n // Surfaces\n background: '#001233', // oxford-blue-900 — deepest app shell\n surface: '#00273A', // prussian-blue — cards / panels\n 'surface-raised': '#002855', // oxford-blue-700 — dropdowns, popovers\n\n // Borders\n border: '#33415C', // independence\n 'border-strong': '#5C677D', // black-coral\n\n // Text\n foreground: '#DBF1FD', // ice (light blue-white — avoids harsh #fff)\n 'foreground-secondary': '#979DAC', // manatee\n 'foreground-muted': '#7D8597', // roman-silver\n\n // Accent (interactive)\n accent: '#0466C8', // true-blue (same — holds contrast on dark bg)\n 'accent-hover': '#1a80e8', // lighter tint — hover goes up in brightness on dark\n 'accent-foreground': '#ffffff',\n\n // Status (lightened for dark backgrounds — sufficient contrast)\n error: '#ff6b6b',\n warning: '#ffa94d',\n success: '#69db7c',\n info: '#74c0fc',\n },\n\n // Mode-independent structure tokens — enterprise scale (tighter than defaults)\n shared: {\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} as const\n\nexport type SemanticColorKey = keyof typeof semanticTokens.light\nexport type SemanticRadiusKey = keyof typeof semanticTokens.shared\n\n// ─── CSS custom-property references ──────────────────────────────────────────\n\n/**\n * CSS custom-property reference strings.\n *\n * @example\n * // Inline style — respects light/dark automatically\n * <div style={{ color: vars.color.foreground }}>...</div>\n *\n * @example\n * // CSS-in-JS (Emotion, styled-components)\n * const Card = styled.div`\n * background: ${vars.color.surface};\n * border: 1px solid ${vars.color.border};\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 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 shadow: {\n sm: 'var(--shadow-sm)',\n md: 'var(--shadow-md)',\n lg: 'var(--shadow-lg)',\n xl: 'var(--shadow-xl)',\n },\n} as const\n\nexport type VarColorKey = keyof typeof vars.color\nexport type VarRadiusKey = keyof typeof vars.radius\nexport type VarShadowKey = keyof typeof vars.shadow\n"]}
|
|
@@ -105,13 +105,13 @@ var semanticTokens = {
|
|
|
105
105
|
success: "#69db7c",
|
|
106
106
|
info: "#74c0fc"
|
|
107
107
|
},
|
|
108
|
-
// Mode-independent structure tokens
|
|
108
|
+
// Mode-independent structure tokens — enterprise scale (tighter than defaults)
|
|
109
109
|
shared: {
|
|
110
|
-
"radius-sm": "
|
|
111
|
-
"radius-md": "
|
|
112
|
-
"radius-lg": "
|
|
113
|
-
"radius-xl": "
|
|
114
|
-
"radius-2xl": "
|
|
110
|
+
"radius-sm": "2px",
|
|
111
|
+
"radius-md": "5px",
|
|
112
|
+
"radius-lg": "7px",
|
|
113
|
+
"radius-xl": "10px",
|
|
114
|
+
"radius-2xl": "12px",
|
|
115
115
|
"radius-full": "9999px"
|
|
116
116
|
}
|
|
117
117
|
};
|
|
@@ -153,5 +153,5 @@ exports.PALETTE = PALETTE;
|
|
|
153
153
|
exports.colors_default = colors_default;
|
|
154
154
|
exports.semanticTokens = semanticTokens;
|
|
155
155
|
exports.vars = vars;
|
|
156
|
-
//# sourceMappingURL=chunk-
|
|
157
|
-
//# sourceMappingURL=chunk-
|
|
156
|
+
//# sourceMappingURL=chunk-RLL7ES4F.cjs.map
|
|
157
|
+
//# sourceMappingURL=chunk-RLL7ES4F.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utils/colors.ts","../src/tokens/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"sources":["../src/utils/colors.ts","../src/tokens/index.ts"],"names":[],"mappings":"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","file":"chunk-RLL7ES4F.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:\n *\n * 1. `palette` — raw brand colors from colors.ts (hex literals)\n * 2. `semanticTokens` — resolved hex values per light/dark mode\n * 3. `vars` — CSS custom-property references for inline styles / CSS-in-JS\n *\n * CSS custom properties are injected by importing '@geomak/ui/styles'.\n * Tailwind semantic utilities (bg-background, text-foreground, etc.) are\n * available after the consumer includes the package's tailwind preset.\n */\n\nexport { PALETTE as palette } from '../utils/colors'\n\n// ─── Resolved values ──────────────────────────────────────────────────────────\n\n/**\n * Resolved hex/rgba values for every semantic token, keyed by `light` / `dark`.\n * Use these when CSS custom properties aren't available (canvas, email, SSR snapshots).\n */\nexport const semanticTokens = {\n light: {\n // Surfaces\n background: '#DBF1FD', // ice — page-level background\n surface: '#ffffff', // white — panel / card background\n 'surface-raised': '#ffffff', // white — elevated layer (shadow differentiates)\n\n // Borders\n border: '#d0e3ed', // ice-dark — default separator\n 'border-strong': '#7D8597', // roman-silver — focus rings, strong dividers\n\n // Text\n foreground: '#001845', // oxford-blue-800 — primary body text\n 'foreground-secondary': '#33415C', // independence — labels, captions\n 'foreground-muted': '#5C677D', // black-coral — placeholders, helper text\n\n // Accent (interactive)\n accent: '#0466C8', // true-blue\n 'accent-hover': '#0353A4', // usafa-blue (darker → lower on dark scale)\n 'accent-foreground': '#ffffff', // text on accent backgrounds\n\n // Status\n error: '#e03131',\n warning: '#e67700',\n success: '#2f9e44',\n info: '#1971c2',\n },\n\n dark: {\n // Surfaces\n background: '#001233', // oxford-blue-900 — deepest app shell\n surface: '#00273A', // prussian-blue — cards / panels\n 'surface-raised': '#002855', // oxford-blue-700 — dropdowns, popovers\n\n // Borders\n border: '#33415C', // independence\n 'border-strong': '#5C677D', // black-coral\n\n // Text\n foreground: '#DBF1FD', // ice (light blue-white — avoids harsh #fff)\n 'foreground-secondary': '#979DAC', // manatee\n 'foreground-muted': '#7D8597', // roman-silver\n\n // Accent (interactive)\n accent: '#0466C8', // true-blue (same — holds contrast on dark bg)\n 'accent-hover': '#1a80e8', // lighter tint — hover goes up in brightness on dark\n 'accent-foreground': '#ffffff',\n\n // Status (lightened for dark backgrounds — sufficient contrast)\n error: '#ff6b6b',\n warning: '#ffa94d',\n success: '#69db7c',\n info: '#74c0fc',\n },\n\n // Mode-independent structure tokens — enterprise scale (tighter than defaults)\n shared: {\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} as const\n\nexport type SemanticColorKey = keyof typeof semanticTokens.light\nexport type SemanticRadiusKey = keyof typeof semanticTokens.shared\n\n// ─── CSS custom-property references ──────────────────────────────────────────\n\n/**\n * CSS custom-property reference strings.\n *\n * @example\n * // Inline style — respects light/dark automatically\n * <div style={{ color: vars.color.foreground }}>...</div>\n *\n * @example\n * // CSS-in-JS (Emotion, styled-components)\n * const Card = styled.div`\n * background: ${vars.color.surface};\n * border: 1px solid ${vars.color.border};\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 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 shadow: {\n sm: 'var(--shadow-sm)',\n md: 'var(--shadow-md)',\n lg: 'var(--shadow-lg)',\n xl: 'var(--shadow-xl)',\n },\n} as const\n\nexport type VarColorKey = keyof typeof vars.color\nexport type VarRadiusKey = keyof typeof vars.radius\nexport type VarShadowKey = keyof typeof vars.shadow\n"]}
|
|
@@ -127,11 +127,11 @@ declare const semanticTokens: {
|
|
|
127
127
|
readonly info: "#74c0fc";
|
|
128
128
|
};
|
|
129
129
|
readonly shared: {
|
|
130
|
-
readonly 'radius-sm': "
|
|
131
|
-
readonly 'radius-md': "
|
|
132
|
-
readonly 'radius-lg': "
|
|
133
|
-
readonly 'radius-xl': "
|
|
134
|
-
readonly 'radius-2xl': "
|
|
130
|
+
readonly 'radius-sm': "2px";
|
|
131
|
+
readonly 'radius-md': "5px";
|
|
132
|
+
readonly 'radius-lg': "7px";
|
|
133
|
+
readonly 'radius-xl': "10px";
|
|
134
|
+
readonly 'radius-2xl': "12px";
|
|
135
135
|
readonly 'radius-full': "9999px";
|
|
136
136
|
};
|
|
137
137
|
};
|
|
@@ -127,11 +127,11 @@ declare const semanticTokens: {
|
|
|
127
127
|
readonly info: "#74c0fc";
|
|
128
128
|
};
|
|
129
129
|
readonly shared: {
|
|
130
|
-
readonly 'radius-sm': "
|
|
131
|
-
readonly 'radius-md': "
|
|
132
|
-
readonly 'radius-lg': "
|
|
133
|
-
readonly 'radius-xl': "
|
|
134
|
-
readonly 'radius-2xl': "
|
|
130
|
+
readonly 'radius-sm': "2px";
|
|
131
|
+
readonly 'radius-md': "5px";
|
|
132
|
+
readonly 'radius-lg': "7px";
|
|
133
|
+
readonly 'radius-xl': "10px";
|
|
134
|
+
readonly 'radius-2xl': "12px";
|
|
135
135
|
readonly 'radius-full': "9999px";
|
|
136
136
|
};
|
|
137
137
|
};
|