@cruk/chakra-components 1.0.6 → 2.0.1

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

@@ -1,326 +0,0 @@
-export declare const buttonTheme: {
-    baseStyle?: {
-        fontFamily: string;
-        fontWeight: string;
-        borderRadius: number;
-        px: number;
-        py: number;
-        fontSize: {
-            base: "text.sm";
-            lg: "text.md";
-        };
-    };
-    sizes?: {
-        md: {
-            fontSize: {
-                base: "text.sm";
-                lg: "text.md";
-            };
-            lineHeight: string;
-            height: string;
-            paddingInline: number;
-        };
-        sm: {
-            fontSize: string;
-            lineHeight: string;
-            height: string;
-            paddingInline: number;
-        };
-    };
-    variants?: {
-        primary: {
-            color: string;
-            bg: string;
-            _hover: {
-                bg: string;
-                _disabled: {
-                    color: string;
-                    bg: string;
-                };
-            };
-            _focus: {
-                bg: string;
-                _disabled: {
-                    color: string;
-                    bg: string;
-                };
-            };
-            _disabled: {
-                color: string;
-                bg: string;
-                opacity: number;
-            };
-        };
-        primaryAlt: {
-            color: string;
-            bg: string;
-            _hover: {
-                bg: string;
-                _disabled: {
-                    color: string;
-                    bg: string;
-                };
-            };
-            _focus: {
-                bg: string;
-                _disabled: {
-                    color: string;
-                    bg: string;
-                };
-            };
-            _disabled: {
-                color: string;
-                bg: string;
-                opacity: number;
-            };
-        };
-        secondary: {
-            bg: string;
-            color: string;
-            outline: string;
-            outlineColor: string;
-            transitionProperty: string;
-            "& svg": {
-                fontSize: string;
-            };
-            _hover: {
-                color: string;
-                outlineColor: string;
-                bg: string;
-                _disabled: {
-                    color: string;
-                };
-            };
-            _focus: {
-                bg: string;
-                color: string;
-                _disabled: {
-                    color: string;
-                    bg: string;
-                };
-            };
-            _disabled: {
-                color: string;
-                opacity: number;
-                outlineColor: string;
-                _hover: {
-                    outlineColor: string;
-                };
-            };
-        };
-        secondaryAlt: {
-            bg: string;
-            color: string;
-            outline: string;
-            outlineColor: string;
-            transitionProperty: string;
-            _hover: {
-                color: string;
-                outlineColor: string;
-                bg: string;
-                _disabled: {
-                    color: string;
-                };
-            };
-            _focus: {
-                bg: string;
-                color: string;
-                _disabled: {
-                    color: string;
-                    bg: string;
-                };
-            };
-            _disabled: {
-                color: string;
-                opacity: number;
-                outlineColor: string;
-                _hover: {
-                    outlineColor: string;
-                };
-            };
-        };
-        alternative: {
-            fontFamily: string;
-            fontWeight: string;
-            bg: string;
-            color: string;
-            justifyContent: string;
-            textDecoration: string;
-            paddingInline: string;
-            _hover: {
-                color: string;
-                _disabled: {
-                    color: string;
-                    bg: string;
-                };
-            };
-            _disabled: {
-                color: string;
-                bg: string;
-                opacity: number;
-            };
-        };
-        link: {
-            fontFamily: string;
-            fontWeight: string;
-            bg: string;
-            color: string;
-            padding: number;
-            _hover: {
-                textDecoration: string;
-            };
-        };
-        linkNoDecoration: {
-            fontFamily: string;
-            fontWeight: string;
-            paddingInlineEnd: string;
-            paddingInline: string;
-            color: string;
-            padding: number;
-            _hover: {
-                textDecoration: string;
-            };
-        };
-        truncationControl: {
-            fontFamily: string;
-            textDecoration: string;
-            color: string;
-            display: string;
-            padding: string;
-            width: string;
-            fontSize: {
-                base: "text.sm";
-                md: "text.sm";
-                lg: "text.md";
-                xl: "text.md";
-            };
-            lineHeight: {
-                sm: "text.sm";
-                md: "text.sm";
-                lg: "text.md";
-                xl: "text.md";
-            };
-            _visited: {
-                color: string;
-            };
-            _hover: {
-                color: string;
-                textDecoration: string;
-            };
-        };
-        toggle: {
-            fontSize: {
-                base: "text.sm";
-                lg: "text.md";
-            };
-            display: string;
-            justifyContent: string;
-            cursor: string;
-            bg: string;
-            color: string;
-            outline: string;
-            outlineColor: string;
-            transitionProperty: string;
-            _hover: {
-                bg: string;
-                color: string;
-                outlineColor: string;
-                _disabled: {
-                    color: string;
-                };
-            };
-        };
-        toggleSelected: {
-            display: string;
-            justifyContent: string;
-            cursor: string;
-            bg: string;
-            color: string;
-            outline: string;
-            outlineColor: string;
-            transitionProperty: string;
-        };
-        toggleDisabled: {
-            cursor: string;
-            bg: string;
-            color: string;
-            outline: string;
-            outlineColor: string;
-            transitionProperty: string;
-        };
-        video: {
-            bg: string;
-            color: string;
-            padding: number;
-        };
-        citation: {
-            color: string;
-            _before: {
-                content: string;
-            };
-            _after: {
-                content: string;
-            };
-            padding: number;
-            margin: number;
-            px: number;
-            py: number;
-            paddingInline: number;
-            fontSize: string;
-            fontFamily: string;
-            _visited: {
-                color: string;
-                textDecoration: string;
-            };
-            _hover: {
-                color: string;
-                textDecoration: string;
-                bg: string;
-            };
-            _active: {
-                color: string;
-                textDecoration: string;
-                bg: string;
-            };
-        };
-        backToTop: {
-            "> svg": {
-                boxSize: {
-                    base: number;
-                    sm: number;
-                };
-            };
-            bg: string;
-            borderRadius: string;
-            boxSizing: string;
-            paddingInline: number;
-            color: string;
-            boxShadow: {
-                base: "2px 2px 6px rgba(0, 0, 0, 0.4)";
-                sm: "none";
-            };
-            _active: {
-                boxShadow: string;
-                bg: string;
-            };
-            _hover: {
-                bg: string;
-            };
-            width: {
-                base: "40px";
-                sm: "56px";
-            };
-            height: {
-                base: "40px";
-                sm: "56px";
-            };
-        };
-    };
-    defaultProps?: {
-        size?: "sm" | "md";
-        variant?: "link" | "primary" | "primaryAlt" | "secondary" | "secondaryAlt" | "alternative" | "linkNoDecoration" | "truncationControl" | "toggle" | "toggleSelected" | "toggleDisabled" | "video" | "citation" | "backToTop";
-        colorScheme?: string;
-    };
-};
-export default buttonTheme;
-//# sourceMappingURL=button.d.ts.map

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

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

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

@@ -1,109 +0,0 @@
-declare const cardTheme: {
-    baseStyle?: import("@chakra-ui/react").PartsStyleInterpolation<{
-        keys: ("container" | "header" | "body" | "footer")[];
-    }>;
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "header" | "body" | "footer")[];
-        }>;
-    };
-    variants?: {
-        unstyled: {
-            container: {
-                gap: number;
-            };
-        };
-        groupNavigation: {
-            container: {
-                border: string;
-                borderRadius: number;
-                gap: number;
-                boxShadow: string;
-                transition: string;
-                _hover: {
-                    md: {
-                        boxShadow: string;
-                        transform: string;
-                        "> div > div > div": {
-                            color: string;
-                            "svg, h1, h2, h3, h4, h5, h6": {
-                                color: string;
-                            };
-                        };
-                    };
-                };
-                _active: {
-                    md: {
-                        boxShadow: string;
-                        transform: string;
-                    };
-                };
-            };
-            body: {
-                padding: number;
-            };
-        };
-        singleNavigation: {
-            body: {
-                display: string;
-                alignItems: string;
-                padding: number;
-            };
-            container: {
-                border: string;
-                borderRadius: number;
-                gap: number;
-                boxShadow: string;
-                transition: string;
-                _hover: {
-                    md: {
-                        boxShadow: string;
-                        transform: string;
-                        "> div > div > div": {
-                            color: string;
-                            "svg, h1, h2, h3, h4, h5, h6": {
-                                color: string;
-                            };
-                        };
-                    };
-                };
-                _active: {
-                    md: {
-                        boxShadow: string;
-                        transform: string;
-                    };
-                };
-            };
-        };
-        social: {
-            container: {
-                "> div": {
-                    flexDirection: {
-                        base: "column";
-                        sm: "row";
-                    };
-                    paddingLeft: number;
-                };
-                svg: {
-                    padding: number;
-                    width: number;
-                    height: number;
-                };
-            };
-            body: {
-                padding: string;
-            };
-            footer: {
-                padding: string;
-            };
-        };
-    };
-    defaultProps?: {
-        size?: string | number;
-        variant?: "unstyled" | "groupNavigation" | "singleNavigation" | "social";
-        colorScheme?: string;
-    };
-    parts: ("container" | "header" | "body" | "footer")[];
-};
-export default cardTheme;
-//# sourceMappingURL=card.d.ts.map

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

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

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

@@ -1,65 +0,0 @@
-export declare const caseStudyTheme: {
-    baseStyle?: {
-        position: string;
-        backgroundColor: string;
-        border: string;
-        borderColor: string;
-        padding: {
-            base: number;
-            lg: number;
-        };
-        "> legend": {
-            "> h2": {
-                pl: {
-                    base: number;
-                    lg: number;
-                };
-                pr: {
-                    base: number;
-                    lg: number;
-                };
-                textAlign: string;
-                width: string;
-            };
-        };
-        "#main": {
-            padding: {
-                base: number;
-                lg: number;
-            };
-            direction: {
-                base: string;
-                lg: string;
-            };
-            flexWrap: string;
-            gap: number;
-        };
-        "#image": {
-            width: {
-                base: "100%";
-                md: number;
-                lg: number;
-                xl: number;
-            };
-            height: {
-                base: "100%";
-                md: number;
-                lg: number;
-                xl: number;
-            };
-        };
-    };
-    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 caseStudyTheme;
-//# sourceMappingURL=caseStudy.d.ts.map

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

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

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

@@ -1,69 +0,0 @@
-declare const checkboxTheme: {
-    baseStyle?: {
-        control: {
-            borderColor: string;
-            border: string;
-            borderRadius: string;
-            backgroundColor: string;
-            boxSize: string;
-            _hover: {
-                border: string;
-            };
-            _active: {
-                border: string;
-            };
-            _checked: {
-                border: string;
-                backgroundColor: string;
-                color: string;
-                _hover: {
-                    backgroundColor: string;
-                    border: string;
-                };
-            };
-            _disabled: {
-                border: string;
-                backgroundColor: string;
-                _checked: {
-                    color: string;
-                    border: string;
-                };
-            };
-            _invalid: {
-                border: string;
-            };
-        };
-        label: {
-            fontFamily: string;
-            color: string;
-            marginInlineStart: number;
-            _disabled: {
-                color: string;
-            };
-            _invalid: {
-                color: string;
-            };
-        };
-        container: {
-            alignItems: string;
-        };
-    };
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "icon" | "label" | "control")[];
-        }>;
-    };
-    variants?: {
-        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
-            keys: ("container" | "icon" | "label" | "control")[];
-        }>;
-    };
-    defaultProps?: {
-        size?: string | number;
-        variant?: string | number;
-        colorScheme?: string;
-    };
-    parts: ("container" | "icon" | "label" | "control")[];
-};
-export default checkboxTheme;
-//# sourceMappingURL=checkbox.d.ts.map

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

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

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

@@ -1,39 +0,0 @@
-export declare const circleTheme: {
-    baseStyle?: {
-        width: {
-            base: "7.5rem";
-            sm: "7.5rem";
-            md: "10rem";
-            lg: "12.5rem";
-            xl: "15rem";
-        };
-        height: {
-            base: "7.5rem";
-            sm: "7.5rem";
-            md: "10rem";
-            lg: "12.5rem";
-            xl: "15rem";
-        };
-    };
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
-    };
-    variants?: {
-        primary: {
-            bg: string;
-        };
-        secondary: {
-            bg: string;
-        };
-        tertiary: {
-            bg: string;
-        };
-    };
-    defaultProps?: {
-        size?: string | number;
-        variant?: "primary" | "secondary" | "tertiary";
-        colorScheme?: string;
-    };
-};
-export default circleTheme;
-//# sourceMappingURL=circle.d.ts.map

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

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

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

@@ -1,73 +0,0 @@
-declare const circleDeviceTheme: {
-    baseStyle?: {};
-    sizes?: {
-        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
-    };
-    variants?: {
-        momentContainer: {
-            display: string;
-            flexDirection: {
-                base: "column-reverse";
-                lg: "row";
-            };
-        };
-        momentInnerContainer: {
-            display: string;
-            position: {
-                base: "relative";
-                lg: "static";
-            };
-            bottom: string;
-        };
-        imgTextContainer: {
-            display: string;
-            flexDirection: {
-                base: "column-reverse";
-                lg: "column";
-            };
-            justifyContent: string;
-        };
-        circleContainer: {
-            right: {
-                base: "-5%";
-                sm: "-5%";
-                lg: "20%";
-            };
-            top: {
-                base: "10%";
-                lg: "0%";
-            };
-            position: string;
-        };
-        textContainer: {
-            marginBottom: {
-                base: "1rem";
-                lg: "0";
-            };
-            marginTop: {
-                base: "0";
-                lg: "1rem";
-            };
-            position: {
-                base: "relative";
-                lg: "static";
-            };
-            marginLeft: {
-                base: "1rem";
-                lg: "1.5rem";
-            };
-            width: {
-                base: "300px";
-                md: "400px";
-                lg: "unset";
-            };
-        };
-    };
-    defaultProps?: {
-        size?: string | number;
-        variant?: "momentContainer" | "momentInnerContainer" | "imgTextContainer" | "circleContainer" | "textContainer";
-        colorScheme?: string;
-    };
-};
-export default circleDeviceTheme;
-//# sourceMappingURL=circleDevice.d.ts.map

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

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