@cruk/chakra-components 0.1.0-alpha.6 → 1.0.0

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

@@ -0,0 +1,319 @@
+export declare const buttonTheme: {
+    baseStyle?: {
+        fontFamily: string;
+        fontWeight: string;
+        borderRadius: number;
+        px: number;
+        py: number;
+    };
+    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;
+            _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?: "md" | "sm";
+        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/r4l/components/button.d.ts.map

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

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

@@ -0,0 +1,149 @@
+declare const cardTheme: {
+    baseStyle?: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        keys: ("container" | "header" | "body" | "footer")[];
+    }>;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("container" | "header" | "body" | "footer")[];
+        }>;
+    };
+    variants?: {
+        unstyled: {
+            container: {
+                gap: number;
+                "div > div > div > h3": {
+                    color: string;
+                    fontFamily: string;
+                };
+            };
+            body: {
+                "> div": {
+                    "> p": {
+                        pt: number;
+                    };
+                };
+            };
+        };
+        groupNavigation: {
+            container: {
+                border: string;
+                borderRadius: number;
+                gap: number;
+                boxShadow: string;
+                transition: string;
+                "div > div > div > div > h3": {
+                    color: string;
+                    fontFamily: 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;
+                "> div": {
+                    "> p": {
+                        pt: number;
+                    };
+                };
+            };
+        };
+        singleNavigation: {
+            body: {
+                display: string;
+                alignItems: string;
+                padding: number;
+            };
+            container: {
+                border: string;
+                borderRadius: number;
+                gap: number;
+                boxShadow: string;
+                transition: string;
+                "div > div > div > div > h3": {
+                    color: string;
+                    fontFamily: 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;
+                    };
+                };
+            };
+        };
+        logoGroup: {
+            container: {
+                transition: string;
+                gap: number;
+                _hover: {
+                    border: string;
+                    borderRadius: number;
+                    boxShadow: string;
+                    transform: string;
+                };
+                _active: {
+                    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" | "logoGroup" | "social";
+        colorScheme?: string;
+    };
+    parts: ("container" | "header" | "body" | "footer")[];
+};
+export default cardTheme;
+//# sourceMappingURL=card.d.ts.map

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

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

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

@@ -0,0 +1,65 @@
+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/styled-system").SystemStyleInterpolation;
+    };
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: string | number;
+        colorScheme?: string;
+    };
+};
+export default caseStudyTheme;
+//# sourceMappingURL=caseStudy.d.ts.map

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

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

package/dist/types/src/theme/r4l/components/container.d.ts

@@ -0,0 +1,24 @@
+declare const containerTheme: {
+    baseStyle?: {
+        w: string;
+        mx: string;
+        maxW: string;
+        px: {
+            base: number;
+            xl: number;
+        };
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: string | number;
+        colorScheme?: string;
+    };
+};
+export default containerTheme;
+//# sourceMappingURL=container.d.ts.map

package/dist/types/src/theme/r4l/components/container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/r4l/components/container.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;CAElB,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/types/src/theme/r4l/components/divider.d.ts

@@ -0,0 +1,30 @@
+export declare const dividerTheme: {
+    baseStyle?: {
+        opacity: number;
+        borderColor: string;
+        borderStyle: string;
+        borderWidth: string;
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    variants?: {
+        default: {
+            marginRight: string;
+            width: string;
+            borderBottomWidth: string;
+        };
+        philanthropy: {
+            marginRight: string;
+            width: string;
+            borderBottomWidth: string;
+        };
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: "default" | "philanthropy";
+        colorScheme?: string;
+    };
+};
+export default dividerTheme;
+//# sourceMappingURL=divider.d.ts.map

package/dist/types/src/theme/r4l/components/divider.d.ts.map

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

package/dist/types/src/theme/r4l/components/footer.d.ts

@@ -0,0 +1,76 @@
+export declare const footerTheme: {
+    baseStyle?: {
+        w: string;
+        mx: string;
+        maxW: string;
+        bg: string;
+        py: {
+            xl: number;
+            lg: number;
+            md: number;
+            sm: number;
+            base: number;
+        };
+        px: {
+            base: number;
+            xl: number;
+        };
+        "#social-links": {
+            pb: {
+                xl: number;
+                lg: number;
+                md: number;
+                sm: number;
+            };
+        };
+        "#social-links-flex": {
+            gap: {
+                base: number;
+                lg: number;
+            };
+            pt: number;
+        };
+        "#social-icon": {
+            boxSize: {
+                base: number;
+                sm: number;
+                lg: number;
+            };
+            padding: number;
+        };
+        "#stroke-heading": {
+            display: string;
+        };
+        "#text-link-nav": {
+            py: number;
+        };
+        "#text-link-container": {
+            display: string;
+        };
+        "#text-link-grid": {
+            spacing: number;
+            marginTop: number;
+        };
+        "#image-links-container": {
+            gap: number;
+            my: number;
+        };
+        "#registration": {
+            fontSize: string;
+            fontStyle: string;
+        };
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: string | number;
+        colorScheme?: string;
+    };
+};
+export default footerTheme;
+//# sourceMappingURL=footer.d.ts.map

package/dist/types/src/theme/r4l/components/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/r4l/components/footer.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDtB,CAAC;AACH,eAAe,WAAW,CAAC"}