@geomak/ui 1.4.0 → 1.5.0

package/dist/index-DLGzTj3K.d.ts

@@ -1,191 +0,0 @@
-/**
- * Oxygen design-system colour palette.
- * Duplicated here so the published package is fully self-contained.
- */
-declare const PALETTE: {
-    readonly 'true-blue': "#0466C8";
-    readonly 'usafa-blue': "#0353A4";
-    readonly 'dark-cornflower-blue': "#023E7D";
-    readonly 'oxford-blue-700': "#002855";
-    readonly 'oxford-blue-800': "#001845";
-    readonly 'oxford-blue-900': "#001233";
-    readonly independence: "#33415C";
-    readonly 'black-coral': "#5C677D";
-    readonly 'roman-silver': "#7D8597";
-    readonly manatee: "#979DAC";
-    readonly white: "#fff";
-    readonly ice: "#DBF1FD";
-    readonly 'ice-dark': "#d0e3ed";
-    readonly 'midnight-green-eagle-900': "#013E53";
-    readonly 'midnight-green-eagle-700': "#125F6C";
-    readonly 'midnight-green-eagle-500': "#125F6C";
-    readonly 'rich-black-fogra': "#000202";
-    readonly 'rich-black-fogra-opaque': "#0000005b";
-    readonly 'prussian-blue': "#00273A";
-    readonly 'indigo-dye': "#013C54";
-    readonly ming: "#0F6372";
-    readonly skobeloff: "#217479";
-    readonly 'dark-cyan': "#2A8784";
-    readonly 'celadon-green': "#297E74";
-    readonly turquise: "#2EB8B0";
-    readonly 'oxford-blue-700-opaque': "rgba(0, 40, 85, .3)";
-    readonly disabled: "#dee2e6";
-    readonly error: "tomato";
-    readonly warning: "orange";
-    readonly success: "lightgreen";
-    readonly info: "lightblue";
-    readonly transparent: "rgba(255, 255, 255, .0)";
-};
-declare const COLORS: {
-    PALETTE: {
-        readonly 'true-blue': "#0466C8";
-        readonly 'usafa-blue': "#0353A4";
-        readonly 'dark-cornflower-blue': "#023E7D";
-        readonly 'oxford-blue-700': "#002855";
-        readonly 'oxford-blue-800': "#001845";
-        readonly 'oxford-blue-900': "#001233";
-        readonly independence: "#33415C";
-        readonly 'black-coral': "#5C677D";
-        readonly 'roman-silver': "#7D8597";
-        readonly manatee: "#979DAC";
-        readonly white: "#fff";
-        readonly ice: "#DBF1FD";
-        readonly 'ice-dark': "#d0e3ed";
-        readonly 'midnight-green-eagle-900': "#013E53";
-        readonly 'midnight-green-eagle-700': "#125F6C";
-        readonly 'midnight-green-eagle-500': "#125F6C";
-        readonly 'rich-black-fogra': "#000202";
-        readonly 'rich-black-fogra-opaque': "#0000005b";
-        readonly 'prussian-blue': "#00273A";
-        readonly 'indigo-dye': "#013C54";
-        readonly ming: "#0F6372";
-        readonly skobeloff: "#217479";
-        readonly 'dark-cyan': "#2A8784";
-        readonly 'celadon-green': "#297E74";
-        readonly turquise: "#2EB8B0";
-        readonly 'oxford-blue-700-opaque': "rgba(0, 40, 85, .3)";
-        readonly disabled: "#dee2e6";
-        readonly error: "tomato";
-        readonly warning: "orange";
-        readonly success: "lightgreen";
-        readonly info: "lightblue";
-        readonly transparent: "rgba(255, 255, 255, .0)";
-    };
-};
-
-/**
- * @geomak/ui — Design Tokens
- *
- * Three layers:
- *
- *  1. `palette`  — raw brand colors from colors.ts (hex literals)
- *  2. `semanticTokens` — resolved hex values per light/dark mode
- *  3. `vars` — CSS custom-property references for inline styles / CSS-in-JS
- *
- * CSS custom properties are injected by importing '@geomak/ui/styles'.
- * Tailwind semantic utilities (bg-background, text-foreground, etc.) are
- * available after the consumer includes the package's tailwind preset.
- */
-
-/**
- * Resolved hex/rgba values for every semantic token, keyed by `light` / `dark`.
- * Use these when CSS custom properties aren't available (canvas, email, SSR snapshots).
- */
-declare const semanticTokens: {
-    readonly light: {
-        readonly background: "#DBF1FD";
-        readonly surface: "#ffffff";
-        readonly 'surface-raised': "#ffffff";
-        readonly border: "#d0e3ed";
-        readonly 'border-strong': "#7D8597";
-        readonly foreground: "#001845";
-        readonly 'foreground-secondary': "#33415C";
-        readonly 'foreground-muted': "#5C677D";
-        readonly accent: "#0466C8";
-        readonly 'accent-hover': "#0353A4";
-        readonly 'accent-foreground': "#ffffff";
-        readonly error: "#e03131";
-        readonly warning: "#e67700";
-        readonly success: "#2f9e44";
-        readonly info: "#1971c2";
-    };
-    readonly dark: {
-        readonly background: "#001233";
-        readonly surface: "#00273A";
-        readonly 'surface-raised': "#002855";
-        readonly border: "#33415C";
-        readonly 'border-strong': "#5C677D";
-        readonly foreground: "#DBF1FD";
-        readonly 'foreground-secondary': "#979DAC";
-        readonly 'foreground-muted': "#7D8597";
-        readonly accent: "#0466C8";
-        readonly 'accent-hover': "#1a80e8";
-        readonly 'accent-foreground': "#ffffff";
-        readonly error: "#ff6b6b";
-        readonly warning: "#ffa94d";
-        readonly success: "#69db7c";
-        readonly info: "#74c0fc";
-    };
-    readonly shared: {
-        readonly 'radius-sm': "2px";
-        readonly 'radius-md': "5px";
-        readonly 'radius-lg': "7px";
-        readonly 'radius-xl': "10px";
-        readonly 'radius-2xl': "12px";
-        readonly 'radius-full': "9999px";
-    };
-};
-type SemanticColorKey = keyof typeof semanticTokens.light;
-type SemanticRadiusKey = keyof typeof semanticTokens.shared;
-/**
- * CSS custom-property reference strings.
- *
- * @example
- * // Inline style — respects light/dark automatically
- * <div style={{ color: vars.color.foreground }}>...</div>
- *
- * @example
- * // CSS-in-JS (Emotion, styled-components)
- * const Card = styled.div`
- *   background: ${vars.color.surface};
- *   border: 1px solid ${vars.color.border};
- * `
- */
-declare const vars: {
-    readonly color: {
-        readonly background: "var(--color-background)";
-        readonly surface: "var(--color-surface)";
-        readonly surfaceRaised: "var(--color-surface-raised)";
-        readonly border: "var(--color-border)";
-        readonly borderStrong: "var(--color-border-strong)";
-        readonly foreground: "var(--color-foreground)";
-        readonly foregroundSecondary: "var(--color-foreground-secondary)";
-        readonly foregroundMuted: "var(--color-foreground-muted)";
-        readonly accent: "var(--color-accent)";
-        readonly accentHover: "var(--color-accent-hover)";
-        readonly accentForeground: "var(--color-accent-foreground)";
-        readonly error: "var(--color-error)";
-        readonly warning: "var(--color-warning)";
-        readonly success: "var(--color-success)";
-        readonly info: "var(--color-info)";
-    };
-    readonly radius: {
-        readonly sm: "var(--radius-sm)";
-        readonly md: "var(--radius-md)";
-        readonly lg: "var(--radius-lg)";
-        readonly xl: "var(--radius-xl)";
-        readonly '2xl': "var(--radius-2xl)";
-        readonly full: "var(--radius-full)";
-    };
-    readonly shadow: {
-        readonly sm: "var(--shadow-sm)";
-        readonly md: "var(--shadow-md)";
-        readonly lg: "var(--shadow-lg)";
-        readonly xl: "var(--shadow-xl)";
-    };
-};
-type VarColorKey = keyof typeof vars.color;
-type VarRadiusKey = keyof typeof vars.radius;
-type VarShadowKey = keyof typeof vars.shadow;
-
-export { COLORS as C, PALETTE as P, type SemanticColorKey as S, type VarColorKey as V, type SemanticRadiusKey as a, type VarRadiusKey as b, type VarShadowKey as c, semanticTokens as s, vars as v };