@ctlyst.id/internal-ui 2.1.16 → 2.1.18

package/dist/config/theme/components/loader.d.ts

@@ -0,0 +1,85 @@
+declare const LoaderStyle: {
+    baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+        borderRadius: string;
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        animation: string;
+        background: string;
+        ':before': {
+            content: string;
+            display: string;
+            borderRadius: string;
+            width: string;
+            height: string;
+            position: string;
+            bottom: number;
+            background: string;
+        };
+    }) | undefined;
+    sizes?: {
+        xs: {
+            width: string;
+            height: string;
+            WebkitMask: string;
+            ':before': {
+                width: string;
+                height: string;
+            };
+        };
+        sm: {
+            width: string;
+            height: string;
+            WebkitMask: string;
+            ':before': {
+                width: string;
+                height: string;
+            };
+        };
+        md: {
+            width: string;
+            height: string;
+            WebkitMask: string;
+            ':before': {
+                width: string;
+                height: string;
+            };
+        };
+        lg: {
+            width: string;
+            height: string;
+            WebkitMask: string;
+            ':before': {
+                width: string;
+                height: string;
+            };
+        };
+        xl: {
+            width: string;
+            height: string;
+            WebkitMask: string;
+            ':before': {
+                width: string;
+                height: string;
+            };
+        };
+        xxl: {
+            width: string;
+            height: string;
+            WebkitMask: string;
+            ':before': {
+                width: string;
+                height: string;
+            };
+        };
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | "xl" | "xs" | "xxl" | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default LoaderStyle;

package/dist/config/theme/components/popover.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentStyleConfig } from '@chakra-ui/theme';
+declare const Popover: ComponentStyleConfig;
+export default Popover;

package/dist/config/theme/components/radio.d.ts

@@ -0,0 +1,102 @@
+declare const Radio: {
+    baseStyle?: {
+        control: {
+            border: string;
+            width: string;
+            height: string;
+        };
+        label: {
+            marginLeft: string;
+            textStyle: string;
+            color: string;
+            _disabled: {
+                opacity: number;
+                color: string;
+            };
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("container" | "label" | "control")[];
+        }>;
+    } | undefined;
+    variants?: {
+        errors: {
+            control: {
+                borderColor: string;
+                _checked: {
+                    borderColor: string;
+                    bg: string;
+                    _before: {
+                        h: string;
+                        w: string;
+                        bg: string;
+                    };
+                    _hover: {
+                        borderColor: string;
+                        bg: string;
+                    };
+                    _disabled: {
+                        borderColor: string;
+                        bg: string;
+                        _before: {
+                            h: string;
+                            w: string;
+                            bg: string;
+                            opacity: number;
+                        };
+                    };
+                };
+                _disabled: {
+                    borderColor: string;
+                    bg: string;
+                };
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+        unstyled: {
+            control: {
+                borderColor: string;
+                _checked: {
+                    borderColor: string;
+                    bg: string;
+                    _before: {
+                        h: string;
+                        w: string;
+                        bg: string;
+                    };
+                    _hover: {
+                        borderColor: string;
+                        bg: string;
+                    };
+                    _disabled: {
+                        borderColor: string;
+                        bg: string;
+                        opacity: number;
+                        _before: {
+                            h: string;
+                            w: string;
+                            bg: string;
+                        };
+                    };
+                };
+                _disabled: {
+                    borderColor: string;
+                    bg: string;
+                };
+            };
+            label: {
+                fontSize: string;
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: "unstyled" | "errors" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "label" | "control")[];
+};
+export default Radio;

package/dist/config/theme/components/switch.d.ts

@@ -0,0 +1,75 @@
+declare const Switch: {
+    baseStyle?: (() => {
+        container: {
+            [x: string]: string | {
+                [x: string]: string;
+            };
+            _rtl: {
+                [x: string]: string;
+            };
+        };
+        track: {
+            bg: string;
+            p: number;
+            _checked: {
+                bg: string;
+                _disabled: {
+                    bg: string;
+                };
+            };
+            _disabled: {
+                bg: string;
+                opacity: string;
+            };
+        };
+        thumb: {
+            bg: string;
+            transitionProperty: string;
+            transitionDuration: string;
+            borderRadius: string;
+            width: string[];
+            height: string[];
+            _checked: {
+                transform: string;
+            };
+        };
+    }) | undefined;
+    sizes?: {
+        sm: {
+            container: {
+                [x: string]: string;
+            };
+            thumb: {
+                [x: string]: string;
+            };
+        };
+        md: {
+            container: {
+                [x: string]: string;
+            };
+            thumb: {
+                [x: string]: string;
+            };
+        };
+        lg: {
+            container: {
+                [x: string]: string;
+            };
+            thumb: {
+                [x: string]: string;
+            };
+        };
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("container" | "track" | "thumb")[];
+        }>;
+    } | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "track" | "thumb")[];
+};
+export default Switch;

package/dist/config/theme/components/table.d.ts

@@ -0,0 +1,180 @@
+declare const tableTheme: {
+    baseStyle?: {
+        table: {
+            fontVariantNumeric: string;
+            borderCollapse: string;
+            width: string;
+        };
+        th: {
+            fontFamily: string;
+            fontWeight: string;
+            textTransform: string;
+            letterSpacing: string;
+            textAlign: string;
+            height: string;
+            color: (props: Record<string, any> | import("@chakra-ui/styled-system").StyleFunctionProps) => string;
+            fontSize: string;
+            lineHeight: string;
+        };
+        td: {
+            textAlign: string;
+            height: string;
+        };
+        caption: {
+            mt: number;
+            fontFamily: string;
+            textAlign: string;
+            fontWeight: string;
+        };
+    } | undefined;
+    sizes?: {
+        sm: {
+            th: {
+                px: string;
+                py: string;
+                lineHeight: string;
+                fontSize: string;
+            };
+            td: {
+                px: string;
+                py: string;
+                fontSize: string;
+                lineHeight: string;
+            };
+            caption: {
+                px: string;
+                py: string;
+                fontSize: string;
+            };
+        };
+        md: {
+            th: {
+                px: string;
+                py: string;
+                lineHeight: string;
+                fontSize: string;
+                '&:first-of-type': {
+                    pl: number;
+                };
+                '&:last-of-type': {
+                    pr: number;
+                };
+            };
+            td: {
+                px: string;
+                py: string;
+                lineHeight: string;
+                '&:first-of-type': {
+                    pl: number;
+                };
+                '&:last-of-type': {
+                    pr: number;
+                };
+            };
+            caption: {
+                px: string;
+                py: string;
+                fontSize: string;
+            };
+        };
+        lg: {
+            th: {
+                px: string;
+                py: string;
+                lineHeight: string;
+                fontSize: string;
+            };
+            td: {
+                px: string;
+                py: string;
+                lineHeight: string;
+            };
+            caption: {
+                px: string;
+                py: string;
+                fontSize: string;
+            };
+        };
+    } | undefined;
+    variants?: {
+        simple: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+            th: {
+                '&[data-is-numeric=true]': {
+                    textAlign: string;
+                };
+                color: string;
+                borderBottom: string;
+                borderColor: string;
+            };
+            td: {
+                '&[data-is-numeric=true]': {
+                    textAlign: string;
+                };
+                borderBottom: string;
+                borderColor: string;
+            };
+            caption: {
+                color: string;
+            };
+            tfoot: {
+                tr: {
+                    '&:last-of-type': {
+                        th: {
+                            borderBottomWidth: number;
+                        };
+                    };
+                };
+            };
+        };
+        striped: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+            th: {
+                '&[data-is-numeric=true]': {
+                    textAlign: string;
+                };
+                color: string;
+                borderBottom: string;
+                borderColor: string;
+            };
+            td: {
+                '&[data-is-numeric=true]': {
+                    textAlign: string;
+                };
+                borderBottom: string;
+                borderColor: string;
+            };
+            caption: {
+                color: string;
+            };
+            tbody: {
+                tr: {
+                    '&:nth-of-type(odd)': {
+                        'th, td': {
+                            borderBottomWidth: string;
+                            borderColor: string;
+                        };
+                        td: {
+                            background: string;
+                        };
+                    };
+                };
+            };
+            tfoot: {
+                tr: {
+                    '&:last-of-type': {
+                        th: {
+                            borderBottomWidth: number;
+                        };
+                    };
+                };
+            };
+        };
+        unstyled: {};
+    } | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | "lg" | undefined;
+        variant?: "simple" | "striped" | "unstyled" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("table" | "thead" | "tbody" | "tr" | "th" | "td" | "tfoot" | "caption")[];
+};
+export default tableTheme;

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

@@ -0,0 +1,30 @@
+declare const tabsTheme: {
+    baseStyle?: Partial<Record<"root" | "tab" | "tablist" | "tabpanel" | "tabpanels" | "indicator", import("@chakra-ui/styled-system").RecursiveCSSObject<import("@chakra-ui/styled-system").CSSWithMultiValues>>> | import("@chakra-ui/styled-system").PartsStyleFunction<{
+        keys: ("root" | "tab" | "tablist" | "tabpanel" | "tabpanels" | "indicator")[];
+    }> | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("root" | "tab" | "tablist" | "tabpanel" | "tabpanels" | "indicator")[];
+        }>;
+    } | undefined;
+    variants?: {
+        line: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+            tablist: {
+                [x: string]: string;
+                borderColor: string;
+            };
+            tab: {
+                [x: string]: string;
+                borderColor: string;
+            };
+        };
+        unstyled: {};
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: "line" | "unstyled" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("root" | "tab" | "tablist" | "tabpanel" | "tabpanels" | "indicator")[];
+};
+export default tabsTheme;

package/dist/config/theme/components/textarea.d.ts

@@ -0,0 +1,55 @@
+export declare const Textarea: {
+    baseStyle?: import("@chakra-ui/styled-system").CSSWithMultiValues | (import("@chakra-ui/styled-system").CSSWithMultiValues & import("@chakra-ui/styled-system").RecursivePseudo<import("@chakra-ui/styled-system").CSSWithMultiValues>) | (import("@chakra-ui/styled-system").CSSWithMultiValues & import("@chakra-ui/styled-system").RecursiveCSSSelector<import("@chakra-ui/styled-system").CSSWithMultiValues>) | import("@chakra-ui/styled-system").SystemStyleFunction | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    variants?: {
+        outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+            background: string;
+            color: string;
+            borderColor: string;
+            fontSize: string;
+            padding: number;
+            borderRadius: string;
+            borderWidth: string;
+            outline: string;
+            _disabled: {
+                opacity: number;
+                color: string;
+                background: string;
+            };
+            _placeholder: {
+                color: string;
+            };
+            _hover: {
+                borderColor: string;
+            };
+            _focus: {
+                outline: string;
+                borderColor: string;
+                boxShadow: string;
+            };
+            _focusVisible: {
+                outline: string;
+                borderColor: string;
+                boxShadow: string;
+            };
+            _focusWithin: {
+                outline: string;
+                borderColor: string;
+                boxShadow: string;
+            };
+            _invalid: {
+                outline: string;
+                borderColor: string;
+                boxShadow: string;
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: "outline" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default Textarea;

package/dist/config/theme/foundations/index.d.ts

@@ -0,0 +1,5 @@
+export { default as radii } from './radius';
+export { default as shadows } from './shadows';
+export { default as sizes } from './sizes';
+export { default as space } from './spacing';
+export { fonts, fontSizes, letterSpacings, lineHeights, textStyles } from './typography';

package/dist/config/theme/foundations/radius.d.ts

@@ -0,0 +1,8 @@
+declare const radius: {
+    none: number;
+    sm: string;
+    md: string;
+    lg: string;
+    full: string;
+};
+export default radius;

package/dist/config/theme/foundations/shadows.d.ts

@@ -0,0 +1,15 @@
+declare const shadows: {
+    raised: string;
+    xs: string;
+    sm: string;
+    base: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    outline: string;
+    inner: string;
+    none: string;
+    "dark-lg": string;
+};
+export default shadows;

package/dist/config/theme/foundations/sizes.d.ts

@@ -0,0 +1,66 @@
+declare const sizes: {
+    4.5: string;
+    9.5: string;
+    18: string;
+    22: string;
+    26: string;
+    30: string;
+    container: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    max: string;
+    min: string;
+    full: string;
+    "3xs": string;
+    "2xs": string;
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    "5xl": string;
+    "6xl": string;
+    "7xl": string;
+    "8xl": string;
+    prose: string;
+    px: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};
+export default sizes;

package/dist/config/theme/foundations/spacing.d.ts

@@ -0,0 +1,42 @@
+declare const spacing: {
+    4.5: string;
+    9.5: string;
+    18: string;
+    22: string;
+    26: string;
+    30: string;
+    px: string;
+    0.5: string;
+    1: string;
+    1.5: string;
+    2: string;
+    2.5: string;
+    3: string;
+    3.5: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};
+export default spacing;