@ctlyst.id/internal-ui 2.0.0-canary.2 → 2.0.0

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

@@ -0,0 +1,79 @@
+import type { StyleFunctionProps } from '@chakra-ui/styled-system';
+declare const alertTheme: {
+    baseStyle?: {
+        container: {
+            bg: string;
+            px: string;
+            py: string;
+            borderRadius: string;
+        };
+        title: {
+            fontWeight: string;
+            lineHeight: string;
+            marginEnd: string;
+        };
+        description: {
+            lineHeight: string;
+        };
+        icon: {
+            color: string;
+            flexShrink: number;
+            marginEnd: string;
+            w: string;
+            h: string;
+        };
+        action: {
+            '& +.chakra-alert__close': {
+                ml: string;
+            };
+        };
+        close: {
+            color: string;
+            w: string;
+            h: string;
+        };
+        spinner: {
+            color: string;
+            flexShrink: number;
+            marginEnd: string;
+            w: string;
+            h: string;
+        };
+    } | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("container" | "icon" | "title" | "description" | "spinner")[];
+        }>;
+    } | undefined;
+    variants?: {
+        subtle: (props: StyleFunctionProps) => {
+            container: {
+                [x: string]: string | {
+                    [x: string]: string;
+                };
+                _dark: {
+                    [x: string]: string;
+                };
+                color: string;
+            };
+        };
+        solid: (props: StyleFunctionProps) => {
+            container: {
+                [x: string]: string | {
+                    [x: string]: string;
+                };
+                _dark: {
+                    [x: string]: string;
+                };
+                color: string;
+            };
+        };
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: "subtle" | "solid" | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+    parts: ("container" | "icon" | "title" | "description" | "spinner")[];
+};
+export default alertTheme;

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

@@ -0,0 +1,18 @@
+declare const CardStyle: {
+    baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+        shadow: string;
+        borderRadius: string;
+    }) | undefined;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: string | number | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default CardStyle;

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

@@ -66,6 +66,7 @@ declare const Checkbox: {
                 };
                 _disabled: {
                     backgroundColor: string;
+                    borderColor: string;
                 };
                 _indeterminate: {
                     borderColor: string;
@@ -79,7 +80,7 @@ declare const Checkbox: {
     } | undefined;
     defaultProps?: {
         size?: string | number | undefined;
-        variant?: "errors" | "unstyled" | undefined;
+        variant?: "unstyled" | "errors" | undefined;
         colorScheme?: string | undefined;
     } | undefined;
     parts: ("container" | "icon" | "label" | "control")[];

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

@@ -0,0 +1,30 @@
+declare const Chips: {
+    baseStyle?: ((props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+        color: string;
+        fontSize: string;
+        borderRadius: string;
+        borderWidth: string;
+        borderColor: string;
+        bg: string;
+        paddingX: number;
+        paddingY: number;
+        cursor: string;
+    }) | undefined;
+    sizes?: {
+        sm: {
+            fontSize: string;
+        };
+        md: {
+            fontSize: string;
+        };
+    } | undefined;
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    } | undefined;
+    defaultProps?: {
+        size?: "sm" | "md" | undefined;
+        variant?: string | number | undefined;
+        colorScheme?: string | undefined;
+    } | undefined;
+};
+export default Chips;

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

@@ -1,5 +1,8 @@
+export { default as Alert } from './alert';
 export { default as Button } from './button';
+export { default as Card } from './card';
 export { default as Checkbox } from './checkbox';
+export { default as Chips } from './chips';
 export { default as FormLabel } from './form-label';
 export { default as Input } from './input';
 export { default as LoaderStyle } from './loader';

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

@@ -6,16 +6,18 @@ declare const Input: {
             outline: number;
             px: number;
             py: number;
+            paddingInlineStart: number;
+            paddingInlineEnd: number;
             position: string;
             appearance: string;
-            transitionProperty: string;
-            transitionDuration: string;
             color: string;
             _disabled: {
                 bg: string;
-                border: string;
-                borderColor: string;
+                border: number;
                 cursor: string;
+                opacity: number;
+                boxShadow: string;
+                color: string;
             };
             _placeholder: {
                 color: string;
@@ -63,33 +65,18 @@ declare const Input: {
     variants?: {
         outline: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
             field: {
-                border: string;
-                borderColor: string;
+                border: number;
+                outline: number;
                 bg: string;
                 color: string;
-                _hover: {
-                    borderColor: string;
-                };
-                _readOnly: {
-                    userSelect: string;
-                    borderColor: any;
-                    boxShadow: string;
-                };
                 _invalid: {
-                    borderColor: any;
                     boxShadow: string;
                 };
                 _focusVisible: {
                     zIndex: number;
-                    borderColor: any;
                     boxShadow: string;
                 };
             };
-            addon: {
-                border: string;
-                borderColor: string;
-                bg: string;
-            };
         };
         unstyled: {
             field: {

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

@@ -1,3 +1,99 @@
-import type { ComponentStyleConfig } from '@chakra-ui/theme';
-declare const Radio: ComponentStyleConfig;
+declare const Radio: {
+    baseStyle?: {
+        control: {
+            border: string;
+            width: string;
+            height: string;
+        };
+        label: {
+            marginLeft: string;
+            textStyle: string;
+            color: string;
+            _disabled: {
+                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;
+                        };
+                    };
+                };
+                _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;
+                        _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

@@ -1,21 +1,55 @@
 declare const Switch: {
-    baseStyle?: {
-        container: {};
-        thumb: {
-            bg: string;
+    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;
             };
         };
-    } | undefined;
+        thumb: {
+            bg: string;
+            transitionProperty: string;
+            transitionDuration: string;
+            borderRadius: string;
+            width: string[];
+            height: string[];
+            _checked: {
+                transform: string;
+            };
+        };
+    }) | undefined;
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
-            keys: ("container" | "track" | "thumb")[];
-        }>;
+        sm: {
+            container: {
+                [x: string]: string;
+            };
+        };
+        md: {
+            container: {
+                [x: string]: string;
+            };
+        };
+        lg: {
+            container: {
+                [x: string]: string;
+            };
+        };
     } | undefined;
     variants?: {
         [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
@@ -23,7 +57,7 @@ declare const Switch: {
         }>;
     } | undefined;
     defaultProps?: {
-        size?: string | number | undefined;
+        size?: "sm" | "md" | "lg" | undefined;
         variant?: string | number | undefined;
         colorScheme?: string | undefined;
     } | undefined;

package/dist/config/theme/themeConfiguration.d.ts

@@ -1,4 +1,6 @@
+import * as foundations from './foundations';
 declare const theme: Record<string, any>;
 declare type Theme = typeof theme;
-export type { Theme };
-export { theme };
+declare type Foundations = typeof foundations;
+export type { Foundations, Theme };
+export { foundations, theme };