@cruk/chakra-components 1.0.4 → 1.0.6-alpha.0

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

@@ -1,7 +1,7 @@
 export declare const buttonTheme: {
     baseStyle?: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
         borderRadius: number;
         px: number;
         py: number;
@@ -134,7 +134,7 @@ export declare const buttonTheme: {
         };
         alternative: {
             fontFamily: string;
-            fontWeight: string;
+            fontWeight: number;
             bg: string;
             color: string;
             justifyContent: string;
@@ -155,7 +155,7 @@ export declare const buttonTheme: {
         };
         link: {
             fontFamily: string;
-            fontWeight: string;
+            fontWeight: number;
             bg: string;
             color: string;
             padding: number;
@@ -165,7 +165,7 @@ export declare const buttonTheme: {
         };
         linkNoDecoration: {
             fontFamily: string;
-            fontWeight: string;
+            fontWeight: number;
             paddingInlineEnd: string;
             paddingInline: string;
             color: string;
@@ -175,7 +175,7 @@ export declare const buttonTheme: {
             };
         };
         truncationControl: {
-            fontFamily: string;
+            fontWeight: number;
             textDecoration: string;
             color: string;
             display: string;
@@ -260,7 +260,7 @@ export declare const buttonTheme: {
             py: number;
             paddingInline: number;
             fontSize: string;
-            fontFamily: string;
+            fontWeight: number;
             _visited: {
                 color: string;
                 textDecoration: string;

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

@@ -14,6 +14,7 @@ declare const cardTheme: {
                 "div > div > div > h3": {
                     color: string;
                     fontFamily: string;
+                    fontWeight: number;
                 };
             };
             body: {
@@ -21,19 +22,26 @@ declare const cardTheme: {
                     "> p": {
                         pt: number;
                     };
+                    "> .label-text": {
+                        p: string;
+                        fontSize: string;
+                        lineHeight: string;
+                        letterSpacing: string;
+                    };
                 };
             };
         };
         groupNavigation: {
             container: {
+                padding: number;
                 border: string;
                 borderRadius: number;
-                gap: number;
                 boxShadow: string;
                 transition: string;
                 "div > div > div > div > h3": {
                     color: string;
                     fontFamily: string;
+                    fontWeight: number;
                 };
                 _hover: {
                     md: {
@@ -55,7 +63,10 @@ declare const cardTheme: {
                 };
             };
             body: {
-                padding: number;
+                pl: number;
+                pr: number;
+                pb: number;
+                pt: number;
                 "> div": {
                     "> p": {
                         pt: number;
@@ -70,14 +81,87 @@ declare const cardTheme: {
                 padding: number;
             };
             container: {
+                padding: number;
+                border: string;
+                borderRadius: number;
+                boxShadow: string;
+                transition: string;
+                "div > div > div > div > h3": {
+                    color: string;
+                    fontFamily: string;
+                    fontWeight: number;
+                };
+                _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;
+                    };
+                };
+            };
+        };
+        circleGroupNavigation: {
+            container: {
+                padding: number;
+                border: string;
+                borderRadius: number;
+                boxShadow: string;
+                transition: string;
+                "div > div > div > div > h3": {
+                    color: string;
+                    fontFamily: string;
+                    fontWeight: number;
+                };
+                _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: {
+                display: string;
+                alignItems: string;
+                padding: number;
+            };
+        };
+        noImageNavigation: {
+            body: {
+                p: number;
+            };
+            container: {
+                padding: number;
                 border: string;
                 borderRadius: number;
-                gap: number;
                 boxShadow: string;
                 transition: string;
                 "div > div > div > div > h3": {
                     color: string;
                     fontFamily: string;
+                    fontWeight: number;
                 };
                 _hover: {
                     md: {
@@ -115,11 +199,35 @@ declare const cardTheme: {
                 };
             };
         };
+        contact: {
+            container: {
+                "div > div > div > h3": {
+                    color: string;
+                    fontFamily: string;
+                    fontWeight: number;
+                    fontSize: {
+                        base: "headings.sm";
+                        md: "headings.md";
+                    };
+                };
+            };
+            body: {
+                paddingTop: {
+                    base: number;
+                    md: number;
+                };
+                paddingBottom: number;
+                paddingLeft: {
+                    base: number;
+                    md: number;
+                };
+            };
+        };
         social: {
             container: {
                 "div > div > div > div > h3": {
                     fontFamily: string;
-                    fontWeight: string;
+                    fontWeight: number;
                 };
                 gap: number;
                 "> div": {
@@ -142,6 +250,7 @@ declare const cardTheme: {
                     "> p": {
                         color: string;
                         fontFamily: string;
+                        fontWeight: number;
                     };
                 };
             };
@@ -156,7 +265,7 @@ declare const cardTheme: {
     };
     defaultProps?: {
         size?: string | number;
-        variant?: "unstyled" | "groupNavigation" | "singleNavigation" | "logoGroup" | "social";
+        variant?: "unstyled" | "groupNavigation" | "singleNavigation" | "circleGroupNavigation" | "noImageNavigation" | "logoGroup" | "contact" | "social";
         colorScheme?: string;
     };
     parts: ("container" | "header" | "body" | "footer")[];

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

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

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

@@ -50,6 +50,13 @@ export declare const footerTheme: {
         "#text-link-grid": {
             spacing: number;
             marginTop: number;
+            " li > a": {
+                fontSize: {
+                    base: number;
+                    xl: number;
+                    lg: number;
+                };
+            };
         };
         "#image-links-container": {
             gap: number;

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

@@ -1 +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"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/r4l/components/footer.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqDtB,CAAC;AACH,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,75 @@
+declare const formControlTheme: {
+    baseStyle?: {
+        container: {
+            maxWidth: string;
+            position: string;
+            label: {
+                color: string;
+                fontFamily: string;
+                fontWeight: number;
+                fontSize: {
+                    base: "text.sm";
+                    lg: "text.md";
+                };
+                lineHeight: string;
+                transitionDuration: string;
+                "& span:not(.chakra-form__required-indicator, .chakra-checkbox__control, .chakra-checkbox__label, .chakra-radio__label)": {
+                    color: string;
+                };
+                "& .chakra-checkbox__label": {
+                    _invalid: {
+                        label: {
+                            color: string;
+                        };
+                    };
+                };
+                _invalid: {
+                    color: string;
+                };
+                "&span:not(.chakra-radio__label)": {
+                    fontWeight: string;
+                    fontSize: string;
+                    lineHeight: string;
+                };
+                _disabled: {
+                    opacity: string;
+                    color: string;
+                };
+            };
+            "& > .checkbox-group-theme": {
+                gap: number;
+            };
+        };
+        requiredIndicator: {
+            marginStart: string;
+            color: string;
+        };
+        helperText: {
+            fontFamily: string;
+            fontWeight: number;
+            mt: string;
+            mb: number;
+            color: string;
+            lineHeight: string;
+            fontSize: string;
+        };
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("container" | "requiredIndicator" | "helperText")[];
+        }>;
+    };
+    variants?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("container" | "requiredIndicator" | "helperText")[];
+        }>;
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: string | number;
+        colorScheme?: string;
+    };
+    parts: ("container" | "requiredIndicator" | "helperText")[];
+};
+export default formControlTheme;
+//# sourceMappingURL=formControl.d.ts.map

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

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

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

@@ -0,0 +1,61 @@
+declare const formErrorTheme: {
+    baseStyle?: {
+        text: {
+            color: string;
+            fontSize: {
+                base: "text.sm";
+                lg: "text.md";
+            };
+            fontFamily: string;
+            fontWeight: number;
+            lineHeight: string;
+            svg: {
+                color: string;
+            };
+            "& a": {
+                fontFamily: string;
+                fontWeight: number;
+                fontSize: {
+                    base: "text.sm";
+                    lg: "text.md";
+                };
+                color: string;
+                _visited: {
+                    color: string;
+                };
+            };
+            p: {
+                color: "status.error";
+                fontSize: {
+                    base: "text.sm";
+                    lg: "text.md";
+                };
+                fontFamily: "body";
+                fontWeight: number;
+            };
+        };
+        icon: {
+            color: string;
+            marginTop: number;
+            marginBottom: number;
+        };
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("icon" | "text")[];
+        }>;
+    };
+    variants?: {
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
+            keys: ("icon" | "text")[];
+        }>;
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: string | number;
+        colorScheme?: string;
+    };
+    parts: ("icon" | "text")[];
+};
+export default formErrorTheme;
+//# sourceMappingURL=formErrorMessage.d.ts.map

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

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

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

@@ -1,25 +1,33 @@
 export declare const headingTheme: {
     baseStyle?: {
         fontFamily: string;
-        fontWeight: string;
+        fontWeight: number;
         color: string;
     };
     sizes?: {
         "4xl": {
             fontSize: string;
             lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
         };
         "3xl": {
             fontSize: string;
             lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
         };
         "2xl": {
             fontSize: string;
             lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
         };
         xl: {
             fontSize: string;
             lineHeight: string;
+            fontFamily: string;
+            fontWeight: number;
         };
         lg: {
             fontSize: string;
@@ -28,17 +36,17 @@ export declare const headingTheme: {
         md: {
             fontSize: string;
             lineHeight: string;
-            fontFamily: string;
+            fontWeight: string;
         };
         sm: {
             fontSize: string;
             lineHeight: string;
-            fontFamily: string;
+            fontWeight: string;
         };
         xs: {
             fontSize: string;
             lineHeight: string;
-            fontFamily: string;
+            fontWeight: string;
         };
     };
     variants?: {

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

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

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

@@ -1,4 +1,4 @@
-export { default as alertBannerTheme } from "./alertBanner";
+export { default as alertTheme } from "./alertBanner";
 export { default as breadcrumbTheme } from "./breadcrumb";
 export { default as buttonTheme } from "./button";
 export { default as cardTheme } from "./card";
@@ -6,12 +6,17 @@ export { default as caseStudyTheme } from "./caseStudy";
 export { default as containerTheme } from "./container";
 export { default as dividerTheme } from "./divider";
 export { default as footerTheme } from "./footer";
+export { default as formControlTheme } from "./formControl";
+export { default as formErrorTheme } from "./formErrorMessage";
 export { default as headingTheme } from "./heading";
 export { default as inputTheme } from "./input";
 export { default as linkTheme } from "./link";
+export { default as listTheme } from "./list";
+export { default as popoverTheme } from "./popover";
 export { default as progressTheme } from "./progress";
 export { default as selectTheme } from "./select";
 export { default as simpleHeaderTheme } from "./simpleHeader";
+export { default as tableTheme } from "./table";
 export { default as tagTheme } from "./tag";
 export { default as textTheme } from "./text";
 export { default as TwoBlocksStatisticsTheme } from "./twoBlocksStatistics";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/r4l/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/r4l/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}