@hanzogui/config 2.0.0

package/types/v4-animations.d.ts

@@ -0,0 +1,2 @@
+export { animationsCSS as animations } from './animationsCSS';
+//# sourceMappingURL=v4-animations.d.ts.map

package/types/v4-animations.native.d.ts

@@ -0,0 +1,2 @@
+export { animationsReactNative as animations } from './animationsReactNative';
+//# sourceMappingURL=v4-animations.native.d.ts.map

package/types/v4-fonts.d.ts

@@ -0,0 +1,31 @@
+import type { FillInFont, GenericFont } from '@hanzogui/core';
+export declare const createSystemFont: <A extends GenericFont>({ font, sizeLineHeight, sizeSize, }?: {
+    font?: Partial<A>;
+    sizeLineHeight?: (fontSize: number) => number;
+    sizeSize?: (size: number) => number;
+}) => FillInFont<A, keyof typeof defaultSizes>;
+declare const defaultSizes: {
+    readonly 1: 11;
+    readonly 2: 12;
+    readonly 3: 13;
+    readonly 4: 14;
+    readonly true: 14;
+    readonly 5: 16;
+    readonly 6: 18;
+    readonly 7: 20;
+    readonly 8: 23;
+    readonly 9: 30;
+    readonly 10: 46;
+    readonly 11: 55;
+    readonly 12: 62;
+    readonly 13: 72;
+    readonly 14: 92;
+    readonly 15: 114;
+    readonly 16: 134;
+};
+export declare const fonts: {
+    body: FillInFont<GenericFont, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 13 | 4 | 7 | 8 | 12 | 14 | "true" | 11>;
+    heading: FillInFont<GenericFont, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 13 | 4 | 7 | 8 | 12 | 14 | "true" | 11>;
+};
+export {};
+//# sourceMappingURL=v4-fonts.d.ts.map

package/types/v4-media.d.ts

@@ -0,0 +1,63 @@
+export declare const breakpoints: {
+    '2xl': number;
+    xl: number;
+    lg: number;
+    md: number;
+    sm: number;
+    xs: number;
+    '2xs': number;
+};
+export declare const media: {
+    readonly maxXs: {
+        readonly maxWidth: number;
+    };
+    readonly max2xs: {
+        readonly maxWidth: number;
+    };
+    readonly maxSm: {
+        readonly maxWidth: number;
+    };
+    readonly maxMd: {
+        readonly maxWidth: number;
+    };
+    readonly maxLg: {
+        readonly maxWidth: number;
+    };
+    readonly maxXl: {
+        readonly maxWidth: number;
+    };
+    readonly max2Xl: {
+        readonly maxWidth: number;
+    };
+    readonly '2xl': {
+        readonly minWidth: number;
+    };
+    readonly xl: {
+        readonly minWidth: number;
+    };
+    readonly lg: {
+        readonly minWidth: number;
+    };
+    readonly md: {
+        readonly minWidth: number;
+    };
+    readonly sm: {
+        readonly minWidth: number;
+    };
+    readonly xs: {
+        readonly minWidth: number;
+    };
+    readonly '2xs': {
+        readonly minWidth: number;
+    };
+};
+export declare const mediaQueryDefaultActive: {
+    '2xl': boolean;
+    xl: boolean;
+    lg: boolean;
+    md: boolean;
+    sm: boolean;
+    xs: boolean;
+    '2xs': boolean;
+};
+//# sourceMappingURL=v4-media.d.ts.map

package/types/v4.d.ts

@@ -0,0 +1,283 @@
+export { shorthands } from '@hanzogui/shorthands/v4';
+export { createThemes } from '@hanzogui/theme-builder';
+export { guiThemes, tokens } from '@hanzogui/themes/v4';
+export { animations } from './v4-animations';
+export { createSystemFont, fonts } from './v4-fonts';
+export { breakpoints, media, mediaQueryDefaultActive } from './v4-media';
+export { defaultThemes as themes } from '@hanzogui/themes/v4';
+export declare const selectionStyles: (theme: any) => {
+    backgroundColor: any;
+    color: any;
+} | null;
+export declare const settings: {
+    mediaQueryDefaultActive: {
+        '2xl': boolean;
+        xl: boolean;
+        lg: boolean;
+        md: boolean;
+        sm: boolean;
+        xs: boolean;
+        '2xs': boolean;
+    };
+    defaultFont: string;
+    fastSchemeChange: true;
+    shouldAddPrefersColorThemes: true;
+    allowedStyleValues: "somewhat-strict-web";
+    addThemeClassName: "html";
+    onlyAllowShorthands: true;
+    styleCompat: "legacy";
+    defaultPosition: "relative";
+};
+export declare const defaultConfig: {
+    animations: import("@hanzogui/web").AnimationDriver<{
+        '0ms': string;
+        '30ms': string;
+        '50ms': string;
+        '75ms': string;
+        '100ms': string;
+        '200ms': string;
+        '250ms': string;
+        '300ms': string;
+        '400ms': string;
+        '500ms': string;
+        superBouncy: string;
+        bouncy: string;
+        kindaBouncy: string;
+        superLazy: string;
+        lazy: string;
+        medium: string;
+        slowest: string;
+        slow: string;
+        quick: string;
+        quickLessBouncy: string;
+        tooltip: string;
+        quicker: string;
+        quickerLessBouncy: string;
+        quickest: string;
+        quickestLessBouncy: string;
+    }>;
+    media: {
+        readonly maxXs: {
+            readonly maxWidth: number;
+        };
+        readonly max2xs: {
+            readonly maxWidth: number;
+        };
+        readonly maxSm: {
+            readonly maxWidth: number;
+        };
+        readonly maxMd: {
+            readonly maxWidth: number;
+        };
+        readonly maxLg: {
+            readonly maxWidth: number;
+        };
+        readonly maxXl: {
+            readonly maxWidth: number;
+        };
+        readonly max2Xl: {
+            readonly maxWidth: number;
+        };
+        readonly '2xl': {
+            readonly minWidth: number;
+        };
+        readonly xl: {
+            readonly minWidth: number;
+        };
+        readonly lg: {
+            readonly minWidth: number;
+        };
+        readonly md: {
+            readonly minWidth: number;
+        };
+        readonly sm: {
+            readonly minWidth: number;
+        };
+        readonly xs: {
+            readonly minWidth: number;
+        };
+        readonly '2xs': {
+            readonly minWidth: number;
+        };
+    };
+    shorthands: {
+        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";
+    };
+    themes: import("@hanzogui/themes/types/generated-v4").Themes;
+    tokens: {
+        readonly radius: {
+            0: number;
+            1: number;
+            2: number;
+            3: number;
+            4: number;
+            true: number;
+            5: number;
+            6: number;
+            7: number;
+            8: number;
+            9: number;
+            10: number;
+            11: number;
+            12: number;
+        };
+        readonly zIndex: {
+            0: number;
+            1: number;
+            2: number;
+            3: number;
+            4: number;
+            5: number;
+        };
+        readonly space: {
+            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;
+            [-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;
+        };
+        readonly 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;
+        };
+    };
+    fonts: {
+        body: import("@hanzogui/web").FillInFont<import("@hanzogui/web").GenericFont, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 13 | 4 | 7 | 8 | 12 | 14 | "true" | 11>;
+        heading: import("@hanzogui/web").FillInFont<import("@hanzogui/web").GenericFont, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 13 | 4 | 7 | 8 | 12 | 14 | "true" | 11>;
+    };
+    selectionStyles: (theme: any) => {
+        backgroundColor: any;
+        color: any;
+    } | null;
+    settings: {
+        mediaQueryDefaultActive: {
+            '2xl': boolean;
+            xl: boolean;
+            lg: boolean;
+            md: boolean;
+            sm: boolean;
+            xs: boolean;
+            '2xs': boolean;
+        };
+        defaultFont: string;
+        fastSchemeChange: true;
+        shouldAddPrefersColorThemes: true;
+        allowedStyleValues: "somewhat-strict-web";
+        addThemeClassName: "html";
+        onlyAllowShorthands: true;
+        styleCompat: "legacy";
+        defaultPosition: "relative";
+    };
+};
+//# sourceMappingURL=v4.d.ts.map

package/types/v5-base.d.ts

@@ -0,0 +1,62 @@
+import type { Shorthands } from '@hanzogui/shorthands/v4';
+import type { V5Themes, V5Tokens } from '@hanzogui/themes/v5';
+import type { V5Fonts } from './v5-fonts';
+import type { V5Media } from './v5-media';
+export { shorthands } from '@hanzogui/shorthands/v4';
+export { createThemes } from '@hanzogui/theme-builder';
+export { adjustPalette, adjustPalettes, createV5Theme, defaultChildrenThemes, defaultDarkPalette, defaultLightPalette, hslToString, interpolateColor, opacify, parseHSL, tokens, type AdjustFn, type HSL, type PaletteAdjustments, type V5Theme, type V5ThemeNames, type V5Themes, type V5Tokens, } from '@hanzogui/themes/v5';
+export { createSystemFont, fonts } from './v5-fonts';
+export type { V5Fonts } from './v5-fonts';
+export { breakpoints, media, mediaQueryDefaultActive } from './v5-media';
+export type { V5Media } from './v5-media';
+export declare const selectionStyles: (theme: any) => {
+    backgroundColor: any;
+    color: any;
+} | null;
+export declare const settings: {
+    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: "react-native";
+};
+export type V5Settings = typeof settings;
+export type V5DefaultConfig = {
+    media: V5Media;
+    shorthands: Shorthands;
+    themes: V5Themes;
+    tokens: V5Tokens;
+    fonts: V5Fonts;
+    selectionStyles: typeof selectionStyles;
+    settings: V5Settings;
+};
+export declare const defaultConfig: V5DefaultConfig;
+//# sourceMappingURL=v5-base.d.ts.map

package/types/v5-css.d.ts

@@ -0,0 +1,49 @@
+export declare const animationsCSS: import("@hanzogui/web").AnimationDriver<{
+    '0ms': string;
+    '50ms': string;
+    '75ms': string;
+    '100ms': string;
+    '200ms': string;
+    '250ms': string;
+    '300ms': string;
+    '400ms': string;
+    '500ms': string;
+    superBouncy: string;
+    bouncy: string;
+    superLazy: string;
+    lazy: string;
+    medium: string;
+    slowest: string;
+    slow: string;
+    quick: string;
+    quickLessBouncy: string;
+    quicker: string;
+    quickerLessBouncy: string;
+    quickest: string;
+    quickestLessBouncy: string;
+}>;
+export declare const animations: import("@hanzogui/web").AnimationDriver<{
+    '0ms': string;
+    '50ms': string;
+    '75ms': string;
+    '100ms': string;
+    '200ms': string;
+    '250ms': string;
+    '300ms': string;
+    '400ms': string;
+    '500ms': string;
+    superBouncy: string;
+    bouncy: string;
+    superLazy: string;
+    lazy: string;
+    medium: string;
+    slowest: string;
+    slow: string;
+    quick: string;
+    quickLessBouncy: string;
+    quicker: string;
+    quickerLessBouncy: string;
+    quickest: string;
+    quickestLessBouncy: string;
+}>;
+//# sourceMappingURL=v5-css.d.ts.map

package/types/v5-css.native.d.ts

@@ -0,0 +1,2 @@
+export { animationsReactNative as animations } from './animationsReactNative';
+//# sourceMappingURL=v5-css.native.d.ts.map

package/types/v5-fonts.d.ts

@@ -0,0 +1,32 @@
+import type { FillInFont, GenericFont } from '@hanzogui/core';
+declare const webSizes: {
+    readonly 1: 12;
+    readonly 2: 13;
+    readonly 3: 14;
+    readonly 4: 15;
+    readonly true: 15;
+    readonly 5: 16;
+    readonly 6: 18;
+    readonly 7: 22;
+    readonly 8: 26;
+    readonly 9: 30;
+    readonly 10: 40;
+    readonly 11: 46;
+    readonly 12: 52;
+    readonly 13: 60;
+    readonly 14: 70;
+    readonly 15: 85;
+    readonly 16: 100;
+};
+export declare const createSystemFont: <A extends GenericFont>({ font, sizeLineHeight, sizeSize, }?: {
+    font?: Partial<A>;
+    sizeLineHeight?: (fontSize: number) => number;
+    sizeSize?: (size: number) => number;
+}) => FillInFont<A, keyof typeof webSizes>;
+export declare const fonts: {
+    body: FillInFont<GenericFont, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 13 | 4 | 7 | 8 | 12 | 14 | "true" | 11>;
+    heading: FillInFont<GenericFont, 9 | 15 | 1 | 10 | 3 | 2 | 5 | 6 | 16 | 13 | 4 | 7 | 8 | 12 | 14 | "true" | 11>;
+};
+export type V5Fonts = typeof fonts;
+export {};
+//# sourceMappingURL=v5-fonts.d.ts.map

package/types/v5-media.d.ts

@@ -0,0 +1,135 @@
+export declare const breakpoints: {
+    100: number;
+    200: number;
+    xxxs: number;
+    xxs: number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+};
+export declare const media: {
+    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;
+    };
+};
+export type V5Media = typeof media;
+export declare const 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;
+};
+//# sourceMappingURL=v5-media.d.ts.map