@xqmsg/ui-core 0.8.0

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

@@ -0,0 +1,191 @@
+declare const _default: {
+    parts: string[];
+    baseStyle: (props: Record<string, any>) => {
+        field: {
+            appearance: string;
+            paddingBottom: string;
+            lineHeight: string;
+            bg: string;
+            '> option': {
+                bg: string;
+            };
+            width: string;
+            outline: number;
+            position: string;
+            transition: string;
+            '::placeholder': {
+                color: string;
+            };
+        };
+        icon: {
+            color: string;
+            fontSize: string;
+            _disabled: {
+                opacity: number;
+            };
+        };
+    };
+    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: (props: Record<string, any>) => {
+            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;
+            };
+        };
+        filled: (props: Record<string, any>) => {
+            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;
+            };
+        };
+        flushed: (props: Record<string, any>) => {
+            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;
+            };
+        };
+        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/switch.d.ts

@@ -0,0 +1,76 @@
+declare const _default: {
+    parts: string[];
+    baseStyle: (props: Record<string, any>) => {
+        track: {
+            borderRadius: string;
+            p: string;
+            transition: string;
+            bg: string;
+            _focus: {
+                boxShadow: string;
+            };
+            _disabled: {
+                opacity: number;
+                cursor: string;
+            };
+            _checked: {
+                bg: string;
+                _focus: {
+                    boxShadow: string;
+                };
+            };
+        };
+        thumb: {
+            bg: string;
+            transition: string;
+            borderRadius: string;
+            transform: string;
+        };
+    };
+    sizes: {
+        sm: {
+            track: {
+                w: string;
+                h: string;
+            };
+            thumb: {
+                w: string;
+                h: string;
+                _checked: {
+                    transform: string;
+                };
+            };
+        };
+        md: {
+            track: {
+                w: string;
+                h: string;
+            };
+            thumb: {
+                w: string;
+                h: string;
+                _checked: {
+                    transform: string;
+                };
+            };
+        };
+        lg: {
+            track: {
+                w: string;
+                h: string;
+            };
+            thumb: {
+                w: string;
+                h: string;
+                _checked: {
+                    transform: string;
+                };
+            };
+        };
+    };
+    defaultProps: {
+        size: string;
+        colorScheme: string;
+    };
+};
+export default _default;

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

@@ -0,0 +1,219 @@
+declare type Dict = Record<string, any>;
+declare function variantLine(props: Dict): {
+    tablist: {
+        [x: string]: string;
+        borderColor: string;
+    };
+    tab: {
+        [x: string]: string | number | {
+            color: string;
+            _after: {
+                content: string;
+                display: string;
+                position: string;
+                bottom: string;
+                left: number;
+                right: number;
+                height: string;
+                bg: string;
+            };
+        } | {
+            bg: string;
+            opacity?: undefined;
+            cursor?: undefined;
+        } | {
+            opacity: number;
+            cursor: string;
+            bg?: undefined;
+        };
+        position: string;
+        borderColor: string;
+        '&.active': {
+            color: string;
+            _after: {
+                content: string;
+                display: string;
+                position: string;
+                bottom: string;
+                left: number;
+                right: number;
+                height: string;
+                bg: string;
+            };
+        };
+        _selected: {
+            color: string;
+            _after: {
+                content: string;
+                display: string;
+                position: string;
+                bottom: string;
+                left: number;
+                right: number;
+                height: string;
+                bg: string;
+            };
+        };
+        _active: {
+            bg: string;
+        };
+        _disabled: {
+            opacity: number;
+            cursor: string;
+        };
+    };
+};
+declare function variantEnclosed(props: Dict): {
+    tab: {
+        borderTopRadius: string;
+        border: string;
+        borderColor: string;
+        mb: string;
+        _selected: {
+            color: string;
+            borderColor: string;
+            borderBottomColor: string;
+        };
+    };
+    tablist: {
+        mb: string;
+        borderBottom: string;
+        borderColor: string;
+    };
+};
+declare function variantEnclosedColored(props: Dict): {
+    tab: {
+        border: string;
+        borderColor: string;
+        bg: string;
+        mb: string;
+        _notLast: {
+            mr: string;
+        };
+        _selected: {
+            bg: string;
+            color: string;
+            borderColor: string;
+            borderTopColor: string;
+            borderBottomColor: string;
+        };
+    };
+    tablist: {
+        mb: string;
+        borderBottom: string;
+        borderColor: string;
+    };
+};
+declare function variantSoftRounded(props: Dict): {
+    tab: {
+        borderRadius: string;
+        fontWeight: string;
+        color: string;
+        _selected: {
+            color: any;
+            bg: any;
+        };
+    };
+};
+declare function variantSolidRounded(props: Dict): {
+    tab: {
+        borderRadius: string;
+        fontWeight: string;
+        color: string;
+        _selected: {
+            color: string;
+            bg: string;
+        };
+    };
+};
+declare const _default: {
+    parts: string[];
+    baseStyle: (props: Record<string, any>) => {
+        root: {
+            display: string;
+        };
+        tab: {
+            flex: number | undefined;
+            transition: string;
+            _focus: {
+                zIndex: number;
+                boxShadow: string;
+            };
+        };
+        tablist: {
+            justifyContent: string;
+            flexDirection: string;
+        };
+        tabpanel: {
+            p: number;
+        };
+    };
+    sizes: {
+        sm: {
+            tab: {
+                py: string;
+                px: number;
+                fontSize: string;
+            };
+        };
+        md: {
+            tab: {
+                fontSize: string;
+                py: string;
+                px: number;
+            };
+        };
+        lg: {
+            tab: {
+                fontSize: {
+                    base: string;
+                    sm: string;
+                };
+                py: string;
+                px: number;
+            };
+        };
+    };
+    variants: {
+        line: typeof variantLine;
+        enclosed: typeof variantEnclosed;
+        'enclosed-colored': typeof variantEnclosedColored;
+        'soft-rounded': typeof variantSoftRounded;
+        'solid-rounded': typeof variantSolidRounded;
+        unstyled: {};
+        simple: {
+            tab: {
+                position: string;
+                borderColor: string;
+                '&.active': {
+                    color: string;
+                    bg: string;
+                    borderBottom: string;
+                };
+                _selected: {
+                    color: string;
+                    bg: string;
+                    _after: {
+                        content: string;
+                        display: string;
+                        position: string;
+                        bottom: string;
+                        left: number;
+                        right: number;
+                        height: string;
+                        bg: string;
+                    };
+                };
+                _active: {
+                    bg: string;
+                };
+            };
+        };
+    };
+    defaultProps: {
+        size: string;
+        variant: string;
+        colorScheme: string;
+    };
+};
+export default _default;