@cruk/chakra-components 1.0.6 → 2.0.0

package/dist/types/src/theme/cruk/components/input.d.ts

@@ -1,196 +0,0 @@
-export declare const inputTheme: {
-    baseStyle?: {
-        field: {
-            fontFamily: string;
-            fontSize: {
-                base: "text.sm";
-                lg: "text.md";
-            };
-            borderRadius: string;
-            cursor: string;
-        };
-    };
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("group" | "addon" | "field" | "element")[];
-        }>;
-    };
-    variants?: {
-        outline: (props: import("@chakra-ui/react").StyleFunctionProps) => {
-            field: {
-                height: {
-                    base: "50px";
-                    lg: "52px";
-                };
-                py: string;
-                borderColor: string;
-                boxSizing: string;
-                transition: string;
-                _hover: {
-                    "&:not(:focus):not(:disabled)": {
-                        borderColor: string;
-                        boxShadow: string;
-                        outline: number;
-                        transition: string;
-                        "&:not(:has(+ .chakra-input__left-element))": {
-                            px: string;
-                        };
-                    };
-                    "&:disabled": {
-                        borderColor: string;
-                        boxShadow: string;
-                    };
-                };
-                _groupHover: {
-                    "&:not(:focus):not(:disabled)": {
-                        borderColor: string;
-                        boxShadow: string;
-                        borderWidth: number;
-                        outline: number;
-                        transition: string;
-                        "&:not(:has(+ .chakra-input__left-element))": {
-                            px: string;
-                        };
-                    };
-                    "&:disabled": {
-                        borderColor: string;
-                        boxShadow: string;
-                    };
-                };
-                _placeholder: {
-                    color: string;
-                    fontSize: {
-                        base: "text.sm";
-                        lg: "text.md";
-                    };
-                };
-                _readOnly: {
-                    boxShadow: string;
-                    userSelect: string;
-                };
-                _focus: {
-                    zIndex: number;
-                    borderColor: string;
-                    boxShadow: string;
-                    outline: number;
-                    borderWidth: number;
-                    "&:not(:has(+ .chakra-input__left-element))": {
-                        px: string;
-                    };
-                };
-                _focusVisible: {
-                    zIndex: number;
-                    borderColor: string;
-                    boxShadow: string;
-                    outline: number;
-                };
-                _disabled: {
-                    borderColor: string;
-                    bg: string;
-                    cursor: string;
-                    opacity: string;
-                    color: string;
-                    boxShadow: string;
-                };
-                _invalid: {
-                    borderColor: string;
-                    boxShadow: string;
-                    _hover: {
-                        borderColor: string;
-                        boxShadow: string;
-                    };
-                    _groupHover: {
-                        borderColor: string;
-                        boxShadow: string;
-                    };
-                    _focus: {
-                        borderColor: string;
-                        boxShadow: string;
-                    };
-                    _focusVisible: {
-                        borderColor: string;
-                        boxShadow: string;
-                    };
-                };
-            };
-            addon: {
-                fontFamily: string;
-                fontSize: string;
-                borderRadius: string;
-                bg: string;
-                borderColor: string;
-                height: string;
-            };
-            element: {
-                borderRadius: string;
-                paddingX: number;
-            };
-            group: {
-                borderColor: string;
-                ".chakra-input__left-element": {
-                    borderRight: string;
-                    borderRightColor: string;
-                    paddingX: number;
-                    width: string;
-                };
-                ".chakra-input__right-addon": {
-                    borderWidth: string;
-                    borderColor: string;
-                    borderLeft: string;
-                    paddingX: number;
-                };
-                _groupHover: {
-                    ".chakra-input[disabled] + .chakra-input__right-addon": {
-                        borderColor: string;
-                        borderWidth: string;
-                        bg: string;
-                        cursor: string;
-                        opacity: string;
-                        color: string;
-                    };
-                    ".chakra-input__right-addon": {
-                        borderWidth: string;
-                        borderColor: string;
-                        px: string;
-                    };
-                };
-                _hover: {
-                    ".chakra-input__right-addon": {
-                        borderWidth: string;
-                        borderColor: string;
-                        px: string;
-                    };
-                };
-                ".chakra-input:focus + .chakra-input__left-element": {
-                    borderRightColor: string;
-                };
-                ".chakra-input:focus + .chakra-input__right-addon": {
-                    borderColor: string;
-                    borderWidth: string;
-                    px: string;
-                };
-                ".chakra-input[aria-invalid=true] + .chakra-input__right-addon": {
-                    borderColor: string;
-                    borderWidth: string;
-                    px: string;
-                };
-                ".chakra-input[aria-invalid=true] + .chakra-input__left-element": {
-                    borderRightColor: string;
-                };
-                ".chakra-input[disabled] + .chakra-input__right-addon": {
-                    borderColor: string;
-                    backgroundColor: string;
-                    borderWidth: string;
-                };
-            };
-        };
-    };
-    defaultProps?: {
-        size?: string | number;
-        variant?: "outline";
-        colorScheme?: string;
-    };
-    parts: ("group" | "addon" | "field" | "element")[];
-};
-export default inputTheme;
-//# sourceMappingURL=input.d.ts.map

package/dist/types/src/theme/cruk/components/input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/components/input.ts"],"names":[],"mappings":"AAuMA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASrB,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/types/src/theme/cruk/components/inputNumber.d.ts

@@ -1,129 +0,0 @@
-export declare const numberInputTheme: {
-    baseStyle?: {
-        field: {
-            fontFamily: string;
-            fontSize: {
-                base: "text.sm";
-                lg: "text.md";
-            };
-            borderRadius: string;
-            cursor: string;
-        };
-    };
-    sizes?: {
-        sm: {
-            field: {
-                height: string;
-                padding: string;
-            };
-        };
-        lg: {
-            field: {
-                height: string;
-                padding: string;
-            };
-        };
-    };
-    variants?: {
-        outline: (props: import("@chakra-ui/react").StyleFunctionProps) => {
-            field: {
-                borderColor: string;
-                boxSizing: string;
-                transition: string;
-                _hover: {
-                    "&:not(:focus)": {
-                        borderColor: string;
-                        boxShadow: string;
-                        borderWidth: number;
-                        outline: number;
-                        transition: string;
-                    };
-                };
-                _placeholder: {
-                    color: string;
-                    fontSize: string;
-                };
-                _readOnly: {
-                    boxShadow: string;
-                    userSelect: string;
-                };
-                _focus: {
-                    zIndex: number;
-                    borderColor: string;
-                    boxShadow: string;
-                    outline: number;
-                    borderWidth: number;
-                };
-                _focusVisible: {
-                    zIndex: number;
-                    borderColor: string;
-                    boxShadow: string;
-                    outline: number;
-                    borderWidth: number;
-                };
-                _disabled: {
-                    borderWidth: string;
-                    borderColor: string;
-                    bg: string;
-                    cursor: string;
-                    opacity: string;
-                    color: string;
-                    _hover: {
-                        boxShadow: string;
-                        borderColor: string;
-                    };
-                    _placeholder: {
-                        color: string;
-                        fontSize: string;
-                    };
-                };
-                _invalid: {
-                    borderWidth: string;
-                    borderColor: string;
-                    boxShadow: string;
-                    _hover: {
-                        boxShadow: string;
-                        borderColor: string;
-                    };
-                    _focus: {
-                        boxShadow: string;
-                        borderColor: string;
-                    };
-                    _focusVisible: {
-                        boxShadow: string;
-                        borderColor: string;
-                    };
-                };
-            };
-            stepperGroup: {
-                borderLeft: string;
-                borderColor: string;
-                width: string;
-                ".chakra-numberinput__field:focus + &": {
-                    borderLeftColor: string;
-                };
-                ".chakra-numberinput__field[aria-invalid=true] + &": {
-                    borderLeftColor: string;
-                };
-                ".chakra-numberinput__field[disabled] + &": {
-                    borderLeftColor: string;
-                };
-                "& > *": {
-                    borderColor: string;
-                    borderBottom: string;
-                };
-                "& > :first-of-type": {
-                    borderBottom: string;
-                };
-            };
-        };
-    };
-    defaultProps?: {
-        size?: "sm" | "lg";
-        variant?: "outline";
-        colorScheme?: string;
-    };
-    parts: ("root" | "field" | "stepperGroup" | "stepper")[];
-};
-export default numberInputTheme;
-//# sourceMappingURL=inputNumber.d.ts.map

package/dist/types/src/theme/cruk/components/inputNumber.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inputNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/components/inputNumber.ts"],"names":[],"mappings":"AA4IA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3B,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/types/src/theme/cruk/components/link.d.ts

@@ -1,101 +0,0 @@
-export declare const linkTheme: {
-    baseStyle?: {
-        fontFamily: string;
-        color: string;
-        textDecoration: string;
-        fontSize: string;
-        lineHeight: string;
-        _hover: {
-            color: string;
-        };
-        _visited: {
-            color: string;
-        };
-        letterSpacing: string;
-    };
-    sizes?: {
-        md: {
-            fontSize: string;
-            lineHeight: string;
-        };
-        sm: {
-            fontSize: string;
-            lineHeight: string;
-        };
-    };
-    variants?: {
-        altInline: {
-            fontFamily: string;
-            color: string;
-            textDecoration: string;
-            fontSize: string;
-            lineHeight: string;
-            _hover: {
-                color: string;
-            };
-            _visited: {
-                color: string;
-            };
-            letterSpacing: string;
-        };
-        file: {
-            _visited: {
-                svg: {
-                    color: string;
-                };
-            };
-        };
-        navigation: {
-            fontFamily: string;
-            color: string;
-            textDecoration: string;
-            _hover: {
-                color: string;
-                textDecoration: string;
-            };
-            _visited: {
-                color: string;
-                _hover: {
-                    color: string;
-                };
-            };
-        };
-        navigationAlt: {
-            fontFamily: string;
-            textDecoration: string;
-            _hover: {
-                textDecoration: string;
-            };
-        };
-        footer: {
-            color: string;
-            _visited: {
-                color: string;
-            };
-            _hover: {
-                color: string;
-            };
-            fontSize: string;
-            lineHeight: string;
-            mb: string;
-            display: string;
-            letterSpacing: string;
-        };
-        reference: {
-            color: string;
-            left: string;
-            position: string;
-            verticalAlign: string;
-            _hover: {
-                color: string;
-            };
-        };
-    };
-    defaultProps?: {
-        size?: "sm" | "md";
-        variant?: "altInline" | "file" | "navigation" | "navigationAlt" | "footer" | "reference";
-        colorScheme?: string;
-    };
-};
-export default linkTheme;
-//# sourceMappingURL=link.d.ts.map

package/dist/types/src/theme/cruk/components/link.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/components/link.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FpB,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/types/src/theme/cruk/components/list.d.ts

@@ -1,42 +0,0 @@
-declare const listTheme: {
-    baseStyle?: {
-        container: {
-            paddingInlineStart: string;
-        };
-        icon: {
-            marginEnd: number;
-            display: string;
-            verticalAlign: string;
-        };
-    };
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "icon" | "item")[];
-        }>;
-    };
-    variants?: {
-        checklist: {
-            item: {
-                fontSize: {
-                    base: "text.sm";
-                    lg: "text.md";
-                };
-                display: string;
-                textOverflow: string;
-                alignItems: string;
-                paddingBottom: number;
-                marginBottom: number;
-                fontFamily: string;
-                color: string;
-            };
-        };
-    };
-    defaultProps?: {
-        size?: string | number;
-        variant?: "checklist";
-        colorScheme?: string;
-    };
-    parts: ("container" | "icon" | "item")[];
-};
-export default listTheme;
-//# sourceMappingURL=list.d.ts.map

package/dist/types/src/theme/cruk/components/list.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/components/list.ts"],"names":[],"mappings":"AA6BA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOb,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/types/src/theme/cruk/components/loader.d.ts

@@ -1,20 +0,0 @@
-declare const loaderTheme: {
-    baseStyle?: import("@chakra-ui/react").SystemStyleInterpolation;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
-    };
-    variants?: {
-        cruk: {
-            dotColor1: string;
-            dotColor2: string;
-            dotColor3: string;
-        };
-    };
-    defaultProps?: {
-        size?: string | number;
-        variant?: "cruk";
-        colorScheme?: string;
-    };
-};
-export default loaderTheme;
-//# sourceMappingURL=loader.d.ts.map

package/dist/types/src/theme/cruk/components/loader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/components/loader.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;CAWf,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/types/src/theme/cruk/components/logoGroup.d.ts

@@ -1,37 +0,0 @@
-export declare const logoGroupTheme: {
-    baseStyle?: {
-        "#logo-group-grid": {
-            gridGap: {
-                base: number;
-                lg: number;
-            };
-        };
-        "#logo-group-card": {
-            maxWidth: {
-                xl: "160px";
-                lg: "155px";
-                base: "144px";
-            };
-            "> div > div > img": {
-                objectFit: string;
-                aspectRatio: number;
-            };
-        };
-        "#logo-group-button": {
-            width: string;
-        };
-    };
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
-    };
-    variants?: {
-        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
-    };
-    defaultProps?: {
-        size?: string | number;
-        variant?: string | number;
-        colorScheme?: string;
-    };
-};
-export default logoGroupTheme;
-//# sourceMappingURL=logoGroup.d.ts.map

package/dist/types/src/theme/cruk/components/logoGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"logoGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/components/logoGroup.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBzB,CAAC;AACH,eAAe,cAAc,CAAC"}

package/dist/types/src/theme/cruk/components/paymentIconsGroup.d.ts

@@ -1,29 +0,0 @@
-declare const paymentIconsGroupTheme: {
-    baseStyle?: {
-        iconContainer: {
-            display: string;
-            justifyContent: string;
-            bg: string;
-            padding: string;
-            gap: number;
-        };
-    };
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: "iconContainer"[];
-        }>;
-    };
-    variants?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: "iconContainer"[];
-        }>;
-    };
-    defaultProps?: {
-        size?: string | number;
-        variant?: string | number;
-        colorScheme?: string;
-    };
-    parts: "iconContainer"[];
-};
-export default paymentIconsGroupTheme;
-//# sourceMappingURL=paymentIconsGroup.d.ts.map

package/dist/types/src/theme/cruk/components/paymentIconsGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"paymentIconsGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/components/paymentIconsGroup.ts"],"names":[],"mappings":"AAYA,QAAA,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;CAI1B,CAAC;AACH,eAAe,sBAAsB,CAAC"}