@hanzo/ui 8.0.63 → 8.0.65

package/dist/gui-config.d.ts

@@ -766,5 +766,788 @@ export declare const config: import("@hanzogui/web").GuiInternalConfig<{
     styleCompat: "web";
 }, "default">;
 export default config;
+/**
+ * The same system with the chromatic sub-themes omitted — 150 themes instead of
+ * 390, and 62% less theme table.
+ *
+ * A gui theme table is DATA that ships: it cannot be tree-shaken, because a
+ * theme is selected by string at runtime. So a surface that renders no colour
+ * still pays for every hue. The browser extension's new-tab page is monochrome
+ * by design and loads on every single tab, and 240 themes it can never activate
+ * were the difference between it fitting its bundle budget and not.
+ *
+ * This is NOT a second design system. It is the same `config` with rows
+ * removed, from the same scale, so nothing here can drift from `config` — only
+ * be absent from it. Reach for it when a surface genuinely renders no hue;
+ * anything that does must use `config`, because a missing theme falls back
+ * silently rather than failing.
+ */
+export declare const monochrome: import("@hanzogui/web").GuiInternalConfig<{
+    radius: {
+        readonly 0: 0;
+        readonly 1: 6;
+        readonly 2: 6;
+        readonly 3: 8;
+        readonly 4: 8;
+        readonly 5: 12;
+        readonly 6: 12;
+        readonly 7: 12;
+        readonly 8: 12;
+        readonly 9: 12;
+        readonly 10: 9999;
+        readonly 11: 9999;
+        readonly 12: 9999;
+        readonly true: 8;
+    };
+    space: Record<string, number>;
+    zIndex: {
+        0: number;
+        1: number;
+        2: number;
+        3: number;
+        4: number;
+        5: number;
+    };
+    size: {
+        $0: number;
+        "$0.25": number;
+        "$0.5": number;
+        "$0.75": number;
+        $1: number;
+        "$1.5": number;
+        $2: number;
+        "$2.5": number;
+        $3: number;
+        "$3.5": number;
+        $4: number;
+        $true: number;
+        "$4.5": number;
+        $5: number;
+        $6: number;
+        $7: number;
+        $8: number;
+        $9: number;
+        $10: number;
+        $11: number;
+        $12: number;
+        $13: number;
+        $14: number;
+        $15: number;
+        $16: number;
+        $17: number;
+        $18: number;
+        $19: number;
+        $20: number;
+    };
+}, import("@hanzogui/config/v5").V5Themes, {
+    text: "textAlign";
+    b: "bottom";
+    bg: "backgroundColor";
+    content: "alignContent";
+    grow: "flexGrow";
+    items: "alignItems";
+    justify: "justifyContent";
+    l: "left";
+    m: "margin";
+    maxH: "maxHeight";
+    maxW: "maxWidth";
+    mb: "marginBottom";
+    minH: "minHeight";
+    minW: "minWidth";
+    ml: "marginLeft";
+    mr: "marginRight";
+    mt: "marginTop";
+    mx: "marginHorizontal";
+    my: "marginVertical";
+    p: "padding";
+    pb: "paddingBottom";
+    pl: "paddingLeft";
+    pr: "paddingRight";
+    pt: "paddingTop";
+    px: "paddingHorizontal";
+    py: "paddingVertical";
+    r: "right";
+    rounded: "borderRadius";
+    select: "userSelect";
+    self: "alignSelf";
+    shrink: "flexShrink";
+    t: "top";
+    z: "zIndex";
+}, {
+    readonly touchable: {
+        pointer: string;
+    };
+    readonly hoverable: {
+        hover: string;
+    };
+    readonly 'max-xxl': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-xl': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-lg': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-md': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-sm': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-xs': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-xxs': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-xxxs': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-200': {
+        readonly maxWidth: number;
+    };
+    readonly 'max-100': {
+        readonly maxWidth: number;
+    };
+    readonly xxxs: {
+        readonly minWidth: number;
+    };
+    readonly xxs: {
+        readonly minWidth: number;
+    };
+    readonly xs: {
+        readonly minWidth: number;
+    };
+    readonly sm: {
+        readonly minWidth: number;
+    };
+    readonly md: {
+        readonly minWidth: number;
+    };
+    readonly lg: {
+        readonly minWidth: number;
+    };
+    readonly xl: {
+        readonly minWidth: number;
+    };
+    readonly xxl: {
+        readonly minWidth: number;
+    };
+    readonly 'max-height-lg': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-md': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-sm': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-xs': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-xxs': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-xxxs': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-200': {
+        readonly maxHeight: number;
+    };
+    readonly 'max-height-100': {
+        readonly maxHeight: number;
+    };
+    readonly 'height-sm': {
+        readonly minHeight: number;
+    };
+    readonly 'height-md': {
+        readonly minHeight: number;
+    };
+    readonly 'height-lg': {
+        readonly minHeight: number;
+    };
+}, {}, {
+    body: {
+        family: string;
+        size: {
+            readonly 1: 11;
+            readonly 2: 13;
+            readonly 3: 14;
+            readonly 4: 15;
+            readonly 5: 15;
+            readonly 6: 17;
+            readonly 7: 21;
+            readonly 8: 26;
+            readonly 9: 26;
+            readonly 10: 32;
+            readonly 11: 40;
+            readonly 12: 48;
+            readonly 13: 56;
+            readonly 14: 64;
+            readonly 15: 80;
+            readonly 16: 96;
+            readonly true: 14;
+        };
+        lineHeight: {
+            readonly 1: 16;
+            readonly 2: 18;
+            readonly 3: 20;
+            readonly 4: 22;
+            readonly 5: 22;
+            readonly 6: 24;
+            readonly 7: 28;
+            readonly 8: 32;
+            readonly 9: 32;
+            readonly 10: 38;
+            readonly 11: 46;
+            readonly 12: 54;
+            readonly 13: 62;
+            readonly 14: 70;
+            readonly 15: 86;
+            readonly 16: 102;
+            readonly true: 20;
+        };
+        weight: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        letterSpacing: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        style: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        transform: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        color: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        face: Partial<Partial<{
+            bold: {
+                normal?: string;
+                italic?: string;
+            };
+            normal: {
+                normal?: string;
+                italic?: string;
+            };
+            100: {
+                normal?: string;
+                italic?: string;
+            };
+            500: {
+                normal?: string;
+                italic?: string;
+            };
+            700: {
+                normal?: string;
+                italic?: string;
+            };
+            200: {
+                normal?: string;
+                italic?: string;
+            };
+            300: {
+                normal?: string;
+                italic?: string;
+            };
+            400: {
+                normal?: string;
+                italic?: string;
+            };
+            600: {
+                normal?: string;
+                italic?: string;
+            };
+            800: {
+                normal?: string;
+                italic?: string;
+            };
+            900: {
+                normal?: string;
+                italic?: string;
+            };
+        }> | undefined>;
+    };
+    heading: {
+        family: string;
+        size: {
+            readonly 1: 11;
+            readonly 2: 13;
+            readonly 3: 14;
+            readonly 4: 15;
+            readonly 5: 15;
+            readonly 6: 17;
+            readonly 7: 21;
+            readonly 8: 26;
+            readonly 9: 26;
+            readonly 10: 32;
+            readonly 11: 40;
+            readonly 12: 48;
+            readonly 13: 56;
+            readonly 14: 64;
+            readonly 15: 80;
+            readonly 16: 96;
+            readonly true: 14;
+        };
+        lineHeight: {
+            readonly 1: 16;
+            readonly 2: 18;
+            readonly 3: 20;
+            readonly 4: 22;
+            readonly 5: 22;
+            readonly 6: 24;
+            readonly 7: 28;
+            readonly 8: 32;
+            readonly 9: 32;
+            readonly 10: 38;
+            readonly 11: 46;
+            readonly 12: 54;
+            readonly 13: 62;
+            readonly 14: 70;
+            readonly 15: 86;
+            readonly 16: 102;
+            readonly true: 20;
+        };
+        weight: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        letterSpacing: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        style: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        transform: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        color: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        face: Partial<Partial<{
+            bold: {
+                normal?: string;
+                italic?: string;
+            };
+            normal: {
+                normal?: string;
+                italic?: string;
+            };
+            100: {
+                normal?: string;
+                italic?: string;
+            };
+            500: {
+                normal?: string;
+                italic?: string;
+            };
+            700: {
+                normal?: string;
+                italic?: string;
+            };
+            200: {
+                normal?: string;
+                italic?: string;
+            };
+            300: {
+                normal?: string;
+                italic?: string;
+            };
+            400: {
+                normal?: string;
+                italic?: string;
+            };
+            600: {
+                normal?: string;
+                italic?: string;
+            };
+            800: {
+                normal?: string;
+                italic?: string;
+            };
+            900: {
+                normal?: string;
+                italic?: string;
+            };
+        }> | undefined>;
+    };
+    mono: {
+        family: string;
+        size: {
+            readonly 1: 11;
+            readonly 2: 13;
+            readonly 3: 14;
+            readonly 4: 15;
+            readonly 5: 15;
+            readonly 6: 17;
+            readonly 7: 21;
+            readonly 8: 26;
+            readonly 9: 26;
+            readonly 10: 32;
+            readonly 11: 40;
+            readonly 12: 48;
+            readonly 13: 56;
+            readonly 14: 64;
+            readonly 15: 80;
+            readonly 16: 96;
+            readonly true: 14;
+        };
+        lineHeight: {
+            readonly 1: 16;
+            readonly 2: 18;
+            readonly 3: 20;
+            readonly 4: 22;
+            readonly 5: 22;
+            readonly 6: 24;
+            readonly 7: 28;
+            readonly 8: 32;
+            readonly 9: 32;
+            readonly 10: 38;
+            readonly 11: 46;
+            readonly 12: 54;
+            readonly 13: 62;
+            readonly 14: 70;
+            readonly 15: 86;
+            readonly 16: 102;
+            readonly true: 20;
+        };
+        weight: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        letterSpacing: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        style: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        transform: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        color: {
+            1: any;
+            5: any;
+            7: any;
+            12: any;
+            2: any;
+            3: any;
+            16: any;
+            4: any;
+            6: any;
+            true: any;
+            10: any;
+            8: any;
+            11: any;
+            9: any;
+            15: any;
+            14: any;
+            13: any;
+        };
+        face: Partial<Partial<{
+            bold: {
+                normal?: string;
+                italic?: string;
+            };
+            normal: {
+                normal?: string;
+                italic?: string;
+            };
+            100: {
+                normal?: string;
+                italic?: string;
+            };
+            500: {
+                normal?: string;
+                italic?: string;
+            };
+            700: {
+                normal?: string;
+                italic?: string;
+            };
+            200: {
+                normal?: string;
+                italic?: string;
+            };
+            300: {
+                normal?: string;
+                italic?: string;
+            };
+            400: {
+                normal?: string;
+                italic?: string;
+            };
+            600: {
+                normal?: string;
+                italic?: string;
+            };
+            800: {
+                normal?: string;
+                italic?: string;
+            };
+            900: {
+                normal?: string;
+                italic?: string;
+            };
+        }> | undefined>;
+    };
+}, {
+    mediaQueryDefaultActive: {
+        touchable: boolean;
+        hoverable: boolean;
+        "max-xxl": boolean;
+        "max-xl": boolean;
+        "max-lg": boolean;
+        "max-md": boolean;
+        "max-sm": boolean;
+        "max-xs": boolean;
+        "max-xxs": boolean;
+        "max-xxxs": boolean;
+        xxxs: boolean;
+        xxs: boolean;
+        xs: boolean;
+        sm: boolean;
+        md: boolean;
+        lg: boolean;
+        xl: boolean;
+        xxl: boolean;
+        "max-height-sm": boolean;
+        "max-height-md": boolean;
+        "max-height-lg": boolean;
+        "height-sm": boolean;
+        "height-md": boolean;
+        "height-lg": boolean;
+    };
+    defaultFont: string;
+    fastSchemeChange: true;
+    shouldAddPrefersColorThemes: true;
+    allowedStyleValues: "somewhat-strict-web";
+    addThemeClassName: "html";
+    onlyAllowShorthands: true;
+    styleCompat: "web";
+}, "default">;
 export type Conf = typeof config;
 //# sourceMappingURL=gui-config.d.ts.map