@xqmsg/ui-core 0.8.0

package/dist/theme/components/input.d.ts

@@ -0,0 +1,182 @@
+declare type Dict = Record<string, any>;
+declare function variantOutline(props: Dict): {
+    field: {
+        border: string;
+        borderColor: string;
+        bg: string;
+        _hover: {
+            borderColor: string;
+        };
+        _readOnly: {
+            boxShadow: string;
+            userSelect: string;
+        };
+        _disabled: {
+            opacity: number;
+            cursor: string;
+        };
+        _focus: {
+            zIndex: number;
+            borderColor: any;
+            boxShadow: string;
+        };
+        _invalid: {
+            borderColor: any;
+            boxShadow: string;
+            _focus: {
+                boxShadow: string;
+            };
+        };
+    };
+    addon: {
+        border: string;
+        borderColor: string;
+        bg: string;
+    };
+};
+declare function variantFilled(props: Dict): {
+    field: {
+        border: string;
+        borderColor: string;
+        bg: string;
+        _hover: {
+            bg: string;
+        };
+        _readOnly: {
+            boxShadow: string;
+            userSelect: string;
+        };
+        _disabled: {
+            opacity: number;
+            cursor: string;
+        };
+        _focus: {
+            bg: string;
+            borderColor: any;
+        };
+        _invalid: {
+            borderColor: any;
+        };
+    };
+    addon: {
+        border: string;
+        borderColor: string;
+        bg: string;
+    };
+};
+declare function variantFlushed(props: Dict): {
+    field: {
+        borderBottom: string;
+        borderRadius: number;
+        pl: number;
+        pr: number;
+        bg: string;
+        _readOnly: {
+            boxShadow: string;
+            userSelect: string;
+        };
+        _focus: {
+            borderColor: any;
+            boxShadow: string;
+        };
+        _invalid: {
+            borderColor: any;
+        };
+    };
+    addon: {
+        borderBottom: string;
+        borderColor: string;
+        borderRadius: number;
+        paddingX: number;
+        bg: string;
+    };
+};
+declare const _default: {
+    parts: string[];
+    baseStyle: {
+        field: {
+            width: string;
+            outline: number;
+            position: string;
+            appearance: string;
+            transition: string;
+            '::placeholder': {
+                color: string;
+            };
+        };
+    };
+    sizes: {
+        lg: {
+            field: {
+                fontSize: string;
+                pl: number;
+                pr: number;
+                h: number;
+                borderRadius: string;
+            };
+            addon: {
+                fontSize: string;
+                pl: number;
+                pr: number;
+                h: number;
+                borderRadius: string;
+            };
+        };
+        md: {
+            field: {
+                fontSize: string;
+                pl: number;
+                pr: number;
+                h: number;
+                borderRadius: string;
+            };
+            addon: {
+                fontSize: string;
+                pl: number;
+                pr: number;
+                h: number;
+                borderRadius: string;
+            };
+        };
+        sm: {
+            field: {
+                fontSize: string;
+                pl: number;
+                pr: number;
+                h: number;
+                borderRadius: string;
+            };
+            addon: {
+                fontSize: string;
+                pl: number;
+                pr: number;
+                h: number;
+                borderRadius: string;
+            };
+        };
+    };
+    variants: {
+        outline: typeof variantOutline;
+        filled: typeof variantFilled;
+        flushed: typeof variantFlushed;
+        unstyled: {
+            field: {
+                bg: string;
+                pl: number;
+                pr: number;
+                height: string;
+            };
+            addon: {
+                bg: string;
+                pl: number;
+                pr: number;
+                height: string;
+            };
+        };
+    };
+    defaultProps: {
+        size: string;
+        variant: string;
+    };
+};
+export default _default;

package/dist/theme/components/link.d.ts

@@ -0,0 +1,97 @@
+declare type Dict = Record<string, any>;
+declare function variantSidebar(): {
+    display: string;
+    alignItems: string;
+    pl: number;
+    pr: number;
+    py: number;
+    color: string;
+    lineHeight: number;
+    outline: string;
+    transition: string;
+    textDecoration: string;
+    _focus: {
+        boxShadow: string;
+    };
+    _hover: {
+        color: string;
+        textDecoration: string;
+    };
+    '&.active': {
+        color: string;
+        fontWeight: string;
+    };
+};
+declare function variantSidebarExact(): {
+    '&.active': {};
+    display: string;
+    alignItems: string;
+    pl: number;
+    pr: number;
+    py: number;
+    color: string;
+    lineHeight: number;
+    outline: string;
+    transition: string;
+    textDecoration: string;
+    _focus: {
+        boxShadow: string;
+    };
+    _hover: {
+        color: string;
+        textDecoration: string;
+    };
+};
+declare function variantSubNavigation(props: Dict): {
+    display: string;
+    pl: number;
+    mb: number;
+    color: string;
+    lineHeight: string;
+    fontSize: string;
+    outline: string;
+    transition: string;
+    textDecoration: string;
+    _focus: {
+        boxShadow: string;
+    };
+    _hover: {
+        color: string;
+        textDecoration: string;
+    };
+    '&.active': {
+        color: string;
+        boxShadow: string;
+        fontWeight: string;
+    };
+};
+declare function variantNavlink(props: Dict): {
+    color: string;
+    fontWeight: string;
+    textDecoration: string;
+    fontSize: any;
+    _hover: {
+        color: string;
+        textDecoration: string;
+    };
+    '&.active': {
+        color: string;
+    };
+};
+declare const _default: {
+    baseStyle: {
+        color: string;
+        textDecoration: string;
+        transition: string;
+        _hover: {
+            color: string;
+        };
+    };
+    variants: {
+        sidebar: typeof variantSidebar;
+        sidebarExact: typeof variantSidebarExact;
+        subNavigation: typeof variantSubNavigation;
+        navlink: typeof variantNavlink;
+    };
+};
+export default _default;

package/dist/theme/components/menu.d.ts

@@ -0,0 +1,48 @@
+declare const _default: {
+    parts: string[];
+    baseStyle: (props: Record<string, any>) => {
+        list: {
+            bg: string;
+            boxShadow: string;
+            color: string;
+            minW: string;
+            py: number;
+            zIndex: string;
+            borderRadius: string;
+            borderWidth: number;
+            overflow: string;
+        };
+        item: {
+            fontSize: string;
+            py: number;
+            px: number;
+            transition: string;
+            _focus: {
+                bg: string;
+            };
+            _hover: {
+                bg: string;
+            };
+            _active: {
+                bg: string;
+            };
+            _expanded: {
+                bg: string;
+            };
+            _disabled: {
+                opacity: number;
+                cursor: string;
+            };
+        };
+        groupTitle: {
+            mx: number;
+            my: number;
+            fontWeight: string;
+            fontSize: string;
+        };
+        command: {
+            opacity: number;
+        };
+    };
+};
+export default _default;

package/dist/theme/components/modal.d.ts

@@ -0,0 +1,242 @@
+declare const _default: {
+    parts: string[];
+    baseStyle: (props: Record<string, any>) => {
+        overlay: {
+            bg: string;
+            zIndex: string;
+        };
+        dialogContainer: {
+            display: string;
+            zIndex: string;
+            justifyContent: string;
+            alignItems: string;
+            overflow: string;
+            WebkitOverflowScrolling: string;
+        };
+        dialog: {
+            borderRadius: string;
+            bg: string;
+            color: string;
+            mt: string | {
+                base: number;
+                md: string;
+            };
+            mb: string | {
+                base: number;
+                md: string;
+            };
+            mx: number;
+            zIndex: string;
+            maxH: string | undefined;
+            boxShadow: string;
+        };
+        header: {
+            px: number;
+            py: number;
+            minHeight: number;
+            fontSize: string;
+            display: string;
+            alignItems: string;
+            fontWeight: string;
+            bg: string;
+            color: string;
+            userSelect: string;
+        };
+        closeButton: {
+            position: string;
+            top: number;
+            right: number;
+        };
+        body: {
+            px: (number | null)[];
+            py: number;
+            flex: number;
+            overflow: string | undefined;
+        };
+        footer: {
+            px: (number | null)[];
+            pt: number;
+            pb: number;
+        };
+    };
+    sizes: {
+        xs: {
+            content: {
+                maxW: string;
+                h: string;
+            };
+            body?: undefined;
+            footer?: undefined;
+        } | {
+            content: {
+                maxW: string;
+                h?: undefined;
+            };
+            body: any;
+            footer: any;
+        };
+        sm: {
+            content: {
+                maxW: string;
+                h: string;
+            };
+            body?: undefined;
+            footer?: undefined;
+        } | {
+            content: {
+                maxW: string;
+                h?: undefined;
+            };
+            body: any;
+            footer: any;
+        };
+        md: {
+            content: {
+                maxW: string;
+                h: string;
+            };
+            body?: undefined;
+            footer?: undefined;
+        } | {
+            content: {
+                maxW: string;
+                h?: undefined;
+            };
+            body: any;
+            footer: any;
+        };
+        lg: {
+            content: {
+                maxW: string;
+                h: string;
+            };
+            body?: undefined;
+            footer?: undefined;
+        } | {
+            content: {
+                maxW: string;
+                h?: undefined;
+            };
+            body: any;
+            footer: any;
+        };
+        xl: {
+            content: {
+                maxW: string;
+                h: string;
+            };
+            body?: undefined;
+            footer?: undefined;
+        } | {
+            content: {
+                maxW: string;
+                h?: undefined;
+            };
+            body: any;
+            footer: any;
+        };
+        '2xl': {
+            content: {
+                maxW: string;
+                h: string;
+            };
+            body?: undefined;
+            footer?: undefined;
+        } | {
+            content: {
+                maxW: string;
+                h?: undefined;
+            };
+            body: any;
+            footer: any;
+        };
+        '3xl': {
+            content: {
+                maxW: string;
+                h: string;
+            };
+            body?: undefined;
+            footer?: undefined;
+        } | {
+            content: {
+                maxW: string;
+                h?: undefined;
+            };
+            body: any;
+            footer: any;
+        };
+        '4xl': {
+            content: {
+                maxW: string;
+                h: string;
+            };
+            body?: undefined;
+            footer?: undefined;
+        } | {
+            content: {
+                maxW: string;
+                h?: undefined;
+            };
+            body: any;
+            footer: any;
+        };
+        '5xl': {
+            content: {
+                maxW: string;
+                h: string;
+            };
+            body?: undefined;
+            footer?: undefined;
+        } | {
+            content: {
+                maxW: string;
+                h?: undefined;
+            };
+            body: any;
+            footer: any;
+        };
+        '6xl': {
+            content: {
+                maxW: string;
+                h: string;
+            };
+            body?: undefined;
+            footer?: undefined;
+        } | {
+            content: {
+                maxW: string;
+                h?: undefined;
+            };
+            body: any;
+            footer: any;
+        };
+        full: {
+            content: {
+                maxW: string;
+                h: string;
+            };
+            body?: undefined;
+            footer?: undefined;
+        } | {
+            content: {
+                maxW: string;
+                h?: undefined;
+            };
+            body: any;
+            footer: any;
+        };
+    };
+    variants: {
+        warning: () => {
+            header: {
+                bg: string;
+                color: string;
+            };
+        };
+    };
+    defaultProps: {
+        size: string;
+        isCentered: boolean;
+    };
+};
+export default _default;