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

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

@@ -1,41 +1,384 @@
 export declare const buttonTheme: {
     baseStyle?: {
-        fontWeight: string;
-        color: string;
+        fontFamily: string;
         borderRadius: string;
+        textTransform: string;
+        px: number;
+        pt: number;
+        pb: number;
     };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        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;
+                };
+                _pressed: {
+                    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: {
-            border: string;
-            borderColor: string;
             bg: string;
             color: string;
+            outline: string;
+            outlineColor: string;
+            transitionProperty: string;
+            _hover: {
+                color: string;
+                outlineColor: string;
+                bg: string;
+                _disabled: {
+                    color: string;
+                };
+            };
+            _focus: {
+                outlineColor: string;
+                bg: string;
+                color: string;
+                _disabled: {
+                    color: string;
+                    bg: string;
+                };
+            };
+            _disabled: {
+                color: string;
+                opacity: number;
+                outlineColor: string;
+                border: string;
+                _hover: {
+                    outlineColor: string;
+                };
+            };
+            "> span > svg": {
+                position: string;
+                bottom: number;
+            };
+        };
+        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;
+            bg: string;
+            color: string;
+            justifyContent: string;
+            textDecoration: string;
+            padding: string;
+            lineHeight: string;
+            _hover: {
+                color: string;
+                _disabled: {
+                    color: string;
+                    bg: string;
+                };
+            };
+            _disabled: {
+                color: string;
+                bg: string;
+                opacity: number;
+                _hover: {
+                    color: string;
+                    bg: string;
+                    opacity: number;
+                };
+            };
+            _focus: {
+                color: string;
+            };
+        };
+        link: {
+            fontWeight: string;
+            bg: string;
+            color: string;
+            padding: number;
+            _hover: {
+                textDecoration: string;
+            };
+        };
+        sU2CLink: {
+            fontFamily: string;
+            color: string;
+            textDecoration: string;
+            fontSize: string;
+            lineHeight: string;
+            textTransform: string;
+            _hover: {
+                color: string;
+            };
+            _visited: {
+                color: string;
+            };
+            letterSpacing: string;
+        };
+        linkNoDecoration: {
+            fontWeight: string;
+            paddingInlineEnd: string;
+            paddingInline: string;
+            color: string;
+            padding: number;
+            _hover: {
+                textDecoration: string;
+            };
+        };
+        linkToggle: {
+            fontWeight: string;
+            bg: string;
+            color: string;
+            padding: number;
+            "> span": {
+                alignSelf: string;
+                marginInlineEnd: number;
+                marginInlineStart: number;
+            };
+            _hover: {
+                textDecoration: string;
+            };
+            _disabled: {
+                cursor: string;
+            };
+        };
+        truncationControl: {
+            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;
-                borderColor: string;
+                color: string;
+                outlineColor: string;
+                _disabled: {
+                    color: string;
+                };
             };
+            padding: string;
         };
-        tertiary: {
-            border: string;
+        toggleSelected: {
+            display: string;
+            justifyContent: string;
+            cursor: string;
+            bg: string;
             color: string;
+            outline: string;
+            outlineColor: string;
+            padding: string;
+            transitionProperty: string;
+        };
+        toggleDisabled: {
+            display: string;
+            justifyContent: string;
+            cursor: string;
+            bg: string;
+            color: string;
+            outline: string;
+            outlineColor: string;
+            opacity: number;
+            padding: string;
+            transitionProperty: string;
+        };
+        ellipses: {
+            display: string;
+            justifyContent: string;
+            bg: string;
+            color: string;
+            opacity: number;
+            padding: string;
+            _disabled: {
+                opacity: number;
+                cursor: string;
+            };
+            transitionProperty: string;
+        };
+        video: {
+            bg: string;
+            color: string;
+            padding: number;
+        };
+        citation: {
+            position: string;
+            verticalAlign: string;
+            color: string;
+            _before: {
+                content: string;
+            };
+            _after: {
+                content: string;
+            };
+            padding: number;
+            margin: number;
+            px: number;
+            py: number;
+            paddingInline: number;
+            fontSize: 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?: string | number;
-        variant?: "primary" | "secondary" | "tertiary";
+        size?: "md" | "sm";
+        variant?: "link" | "primary" | "primaryAlt" | "secondary" | "secondaryAlt" | "alternative" | "sU2CLink" | "linkNoDecoration" | "linkToggle" | "truncationControl" | "toggle" | "toggleSelected" | "toggleDisabled" | "ellipses" | "video" | "citation" | "backToTop";
         colorScheme?: string;
     };
 };

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

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

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

@@ -0,0 +1,145 @@
+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;
+            };
+            body: {
+                "> div": {
+                    "> p": {
+                        pt: number;
+                        fontFamily: string;
+                    };
+                    "> div > h3": {
+                        textTransform: string;
+                    };
+                };
+            };
+        };
+        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;
+                "> div": {
+                    "> p": {
+                        pt: number;
+                        fontFamily: string;
+                    };
+                    "> div > h3": {
+                        textTransform: string;
+                    };
+                };
+            };
+        };
+        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;
+                    };
+                };
+            };
+        };
+        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/su2c/components/card.d.ts.map

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

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

@@ -0,0 +1,57 @@
+export declare const caseStudyTheme: {
+    baseStyle?: {
+        backgroundColor: string;
+        "#main": {
+            direction: {
+                base: string;
+                lg: string;
+            };
+            flexWrap: string;
+            gap: number;
+            wrap: string;
+        };
+        "> legend": {
+            mb: number;
+            "> h2": {
+                lineHeight: number;
+            };
+        };
+        "#quote": {
+            backgroundColor: string;
+            padding: number;
+            height: {
+                base: "100%";
+                lg: "unset";
+            };
+            "> p": {
+                fontFamily: string;
+            };
+            "> svg": {
+                display: string;
+            };
+        };
+        "#footer": {
+            backgroundColor: string;
+            padding: number;
+        };
+        "#image": {
+            width: {
+                base: "100%";
+                lg: "50%";
+            };
+        };
+    };
+    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/su2c/components/caseStudy.d.ts.map

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

package/dist/types/src/theme/su2c/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/su2c/components/container.d.ts.map

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

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

@@ -0,0 +1,25 @@
+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;
+        };
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: "default";
+        colorScheme?: string;
+    };
+};
+export default dividerTheme;
+//# sourceMappingURL=divider.d.ts.map

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

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