@cruk/chakra-components 1.0.2 → 1.0.4

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

@@ -1,7 +1,7 @@
 declare const loaderTheme: {
-    baseStyle?: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    baseStyle?: import("@chakra-ui/react").SystemStyleInterpolation;
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     variants?: {
         cruk: {

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

@@ -22,10 +22,10 @@ export declare const logoGroupTheme: {
         };
     };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     variants?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     defaultProps?: {
         size?: string | number;

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

@@ -9,12 +9,12 @@ declare const paymentIconsGroupTheme: {
         };
     };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
             keys: "iconContainer"[];
         }>;
     };
     variants?: {
-        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
             keys: "iconContainer"[];
         }>;
     };

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

@@ -80,7 +80,7 @@ declare const popoverTheme: {
         };
     };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
             keys: ("header" | "closeButton" | "body" | "footer" | "content" | "popper" | "arrow")[];
         }>;
     };

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

@@ -14,11 +14,11 @@ declare const progressTheme: {
             fontFamily: string;
         };
         track: {
-            "aria-label": string;
+            ariaLabel: string;
         };
     };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
             keys: ("label" | "track" | "filledTrack")[];
         }>;
     };
@@ -33,10 +33,20 @@ declare const progressTheme: {
                 backgroundColor: string;
             };
         };
+        fileUpload: {
+            filledTrack: {
+                backgroundColor: string;
+            };
+        };
+        fileUploadError: {
+            filledTrack: {
+                backgroundColor: string;
+            };
+        };
     };
     defaultProps?: {
         size?: string | number;
-        variant?: "keyStatsVertical";
+        variant?: "keyStatsVertical" | "fileUpload" | "fileUploadError";
         colorScheme?: string;
     };
     parts: ("label" | "track" | "filledTrack")[];

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

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

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

@@ -49,13 +49,26 @@ declare const radioTheme: {
         label: {
             color: string;
             fontWeight: string;
-            fontSize: string;
+            fontFamily: string;
+            "&span": {
+                fontSize: {
+                    base: "text.sm";
+                    lg: "18px";
+                };
+            };
+            marginInlineStart: number;
             _disabled: {
                 color: string;
             };
-            _invalid: {
-                color: string;
+        };
+        container: {
+            span: {
+                fontSize: {
+                    base: "text.sm";
+                    lg: "text.md";
+                };
             };
+            alignItems: string;
         };
     };
     sizes?: {
@@ -179,10 +192,80 @@ declare const radioTheme: {
                 };
             };
         };
+        withHelperText: {
+            control: {
+                width: string;
+                height: string;
+                borderWidth: string;
+                borderRadius: string;
+                borderColor: string;
+                bg: string;
+                _hover: {
+                    background: string;
+                    borderColor: string;
+                    borderWidth: string;
+                    _checked: {
+                        borderColor: string;
+                        bg: string;
+                    };
+                };
+                _checked: {
+                    borderColor: string;
+                    borderWidth: string;
+                    padding: string;
+                    bg: string;
+                    _before: {
+                        bg: string;
+                    };
+                    _hover: {
+                        padding: string;
+                    };
+                };
+                _disabled: {
+                    borderColor: string;
+                    borderWidth: string;
+                    bg: string;
+                    _hover: {
+                        borderColor: string;
+                        bg: string;
+                    };
+                };
+                _invalid: {
+                    borderColor: string;
+                    _checked: {
+                        _before: {
+                            bg: string;
+                        };
+                    };
+                };
+            };
+            label: {
+                color: string;
+                fontWeight: string;
+                fontSize: {
+                    base: "text.sm";
+                    lg: "text.md";
+                };
+                marginInlineStart: number;
+                _disabled: {
+                    color: string;
+                };
+                _invalid: {
+                    color: string;
+                };
+                "> p": {
+                    fontSize: string;
+                    color: string;
+                };
+            };
+            container: {
+                alignItems: string;
+            };
+        };
     };
     defaultProps?: {
         size?: "small" | "large";
-        variant?: "outline";
+        variant?: "outline" | "withHelperText";
         colorScheme?: string;
     };
     parts: ("container" | "label" | "control")[];

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/components/radio.ts"],"names":[],"mappings":"AAoHA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAId,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/components/radio.ts"],"names":[],"mappings":"AAgJA,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAId,CAAC;AAEH,eAAe,UAAU,CAAC"}

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

@@ -1,9 +1,9 @@
 declare const selectTheme: {
-    baseStyle?: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+    baseStyle?: import("@chakra-ui/react").PartsStyleInterpolation<{
         keys: ("icon" | "field")[];
     }>;
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
             keys: ("icon" | "field")[];
         }>;
     };

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

@@ -27,10 +27,10 @@ export declare const simpleHeaderTheme: {
         };
     };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     variants?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     defaultProps?: {
         size?: string | number;

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

@@ -1,14 +1,119 @@
 export declare const stepperTheme: {
-    baseStyle?: {};
+    baseStyle?: {
+        stepper: {
+            "&[data-orientation=horizontal]": {
+                gap: number;
+                alignItems: string;
+                maxWidth: string;
+                pb: string;
+            };
+            ".step-container": {
+                "&:last-of-type": {
+                    flex: string;
+                };
+            };
+        };
+        description: {
+            display: {
+                base: "none";
+                xl: "block";
+                lg: "block";
+                md: "none";
+                sm: "none";
+            };
+            marginTop: string;
+            maxWidth: string;
+            color: string;
+            fontFamily: string;
+            fontSize: string;
+            fontStyle: string;
+            fontWeight: number;
+            lineHeight: string;
+            letterSpacing: string;
+            "&[data-orientation=horizontal]": {
+                marginLeft: string;
+            };
+            "&[data-orientation=vertical]": {
+                marginLeft: string;
+            };
+        };
+        step: {
+            gap: number;
+        };
+        separator: {
+            height: string;
+            bgColor: string;
+            "&[data-orientation=vertical]": {
+                visibility: string;
+            };
+            "&[data-status=complete]": {
+                bgColor: string;
+            };
+            "&[data-orientation=horizontal]": {
+                marginLeft: number;
+            };
+        };
+        indicator: {
+            width: {
+                base: "24px";
+                lg: "32px";
+                xl: "32px";
+            };
+            height: {
+                base: "24px";
+                lg: "32px";
+                xl: "32px";
+            };
+            zIndex: string;
+            fontSize: {
+                base: "24px";
+                lg: "32px";
+                xl: "32px";
+            };
+            "&[data-status=complete]": {
+                bgColor: string;
+                borderColor: string;
+                borderWidth: string;
+            };
+            "&[data-status=active]": {
+                bgColor: string;
+                borderColor: string;
+                outline: string;
+                outlineOffset: string;
+                fontSize: {
+                    base: "32px";
+                    lg: "40px";
+                    xl: "40px";
+                };
+                width: {
+                    base: "32px";
+                    lg: "40px";
+                    xl: "40px";
+                };
+                height: {
+                    base: "32px";
+                    lg: "40px";
+                    xl: "40px";
+                };
+                marginBottom: string;
+                transform: string;
+            };
+            "&[data-status=incomplete]": {
+                bgColor: string;
+                borderColor: string;
+                borderWidth: string;
+            };
+        };
+    };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     variants?: {
-        basic: {};
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     defaultProps?: {
         size?: string | number;
-        variant?: "basic";
+        variant?: string | number;
         colorScheme?: string;
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/components/stepper.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;CASvB,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/components/stepper.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFvB,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -36,10 +36,10 @@ export declare const tableTheme: {
         };
     };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     variants?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     defaultProps?: {
         size?: string | number;

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

@@ -5,7 +5,7 @@ declare const tabsTheme: {
         tabpanel: {};
     };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
             keys: ("root" | "tab" | "tablist" | "tabpanel" | "tabpanels" | "indicator")[];
         }>;
     };

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

@@ -14,7 +14,7 @@ declare const tagTheme: {
         };
     };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
             keys: ("container" | "label" | "closeButton")[];
         }>;
     };

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

@@ -41,7 +41,7 @@ export declare const textTheme: {
         };
     };
     defaultProps?: {
-        size?: "md" | "sm" | "xs";
+        size?: "sm" | "md" | "xs";
         variant?: "normal" | "italic" | "caption" | "label" | "formHelperText";
         colorScheme?: string;
     };

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

@@ -6,10 +6,10 @@ export declare const textTruncateTheme: {
         };
     };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     variants?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     defaultProps?: {
         size?: string | number;

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

@@ -0,0 +1,57 @@
+declare const textAreaTheme: {
+    baseStyle?: (props: import("@chakra-ui/react").StyleFunctionProps) => {
+        fontFamily: string;
+        fontSize: {
+            base: "text.sm";
+            lg: "text.md";
+        };
+        borderColor: string;
+        borderRadius: string;
+        cursor: string;
+        padding: string;
+        minHeight: string;
+        _hover: {
+            boxShadow: string;
+            border: number;
+            transition: string;
+            padding: string;
+        };
+        _focus: {
+            "&.chakra-textarea": {
+                _focus: {
+                    border: string;
+                    borderColor: string;
+                    boxShadow: string;
+                    padding: string;
+                };
+            };
+        };
+        _disabled: {
+            backgroundColor: string;
+            border: string;
+        };
+        _invalid: {
+            "&.chakra-textarea": {
+                border: string;
+                boxShadow: string;
+                padding: string;
+                _focus: {
+                    borderColor: 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 textAreaTheme;
+//# sourceMappingURL=textarea.d.ts.map

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

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

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

@@ -1,7 +1,7 @@
 declare const TwoBlocksStatisticsTheme: {
     baseStyle?: {};
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     variants?: {
         statisticsBlocksContainer: {

package/dist/types/src/theme/cruk/foundations/semantic-tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"semantic-tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/foundations/semantic-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,QAAA,MAAM,eAAe,EAAE,eAOtB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,eAsLtB,CAAC;AAEF,QAAA,MAAM,eAAe;;CAEpB,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;;;CAMnB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAE7D,eAAe,cAAc,CAAC"}
+{"version":3,"file":"semantic-tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/foundations/semantic-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,QAAA,MAAM,eAAe,EAAE,eAOtB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,eAyLtB,CAAC;AAEF,QAAA,MAAM,eAAe;;CAEpB,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;;;CAMnB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAE7D,eAAe,cAAc,CAAC"}

package/dist/types/src/theme/cruk/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/cruk/index.ts"],"names":[],"mappings":"AA6CA,QAAA,MAAM,SAAS,qBA+Cb,CAAC;AAEH,KAAK,KAAK,GAAG,OAAO,SAAS,CAAC;AAE9B,OAAO,EAAE,KAAK,KAAK,EAAE,CAAC;AACtB,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/cruk/index.ts"],"names":[],"mappings":"AA+CA,QAAA,MAAM,SAAS,qBAiDb,CAAC;AAEH,KAAK,KAAK,GAAG,OAAO,SAAS,CAAC;AAE9B,OAAO,EAAE,KAAK,KAAK,EAAE,CAAC;AACtB,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,56 @@
+declare const alertBannerTheme: {
+    baseStyle?: {
+        borderWidth: string;
+        minHeight: string;
+        padding: {
+            base: "24px";
+            sm: "24px 40px";
+            md: "40px 64px";
+        };
+        gap: {
+            base: string;
+            md: string;
+        };
+        display: string;
+        alignItems: string;
+        "#heading": {
+            fontFamily: string;
+        };
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
+    };
+    variants?: {
+        warning: {
+            borderColor: string;
+            path: {
+                fill: string;
+            };
+        };
+        error: {
+            borderColor: string;
+            path: {
+                fill: string;
+            };
+        };
+        success: {
+            borderColor: string;
+            path: {
+                fill: string;
+            };
+        };
+        information: {
+            borderColor: string;
+            path: {
+                fill: string;
+            };
+        };
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: "warning" | "error" | "information" | "success";
+        colorScheme?: string;
+    };
+};
+export default alertBannerTheme;
+//# sourceMappingURL=alertBanner.d.ts.map

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

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

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

@@ -82,7 +82,7 @@ declare const breadcrumbTheme: {
         };
     };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
             keys: ("container" | "link" | "item" | "separator")[];
         }>;
     };

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

@@ -310,7 +310,7 @@ export declare const buttonTheme: {
         };
     };
     defaultProps?: {
-        size?: "md" | "sm";
+        size?: "sm" | "md";
         variant?: "link" | "primary" | "primaryAlt" | "secondary" | "secondaryAlt" | "alternative" | "linkNoDecoration" | "truncationControl" | "toggle" | "toggleSelected" | "toggleDisabled" | "video" | "citation" | "backToTop";
         colorScheme?: string;
     };

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

@@ -1,9 +1,9 @@
 declare const cardTheme: {
-    baseStyle?: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+    baseStyle?: import("@chakra-ui/react").PartsStyleInterpolation<{
         keys: ("container" | "header" | "body" | "footer")[];
     }>;
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        [key: string]: import("@chakra-ui/react").PartsStyleInterpolation<{
             keys: ("container" | "header" | "body" | "footer")[];
         }>;
     };
@@ -117,12 +117,16 @@ declare const cardTheme: {
         };
         social: {
             container: {
+                "div > div > div > div > h3": {
+                    fontFamily: string;
+                    fontWeight: string;
+                };
+                gap: number;
                 "> div": {
                     flexDirection: {
                         base: "column";
                         sm: "row";
                     };
-                    paddingLeft: number;
                 };
                 svg: {
                     padding: number;
@@ -132,9 +136,21 @@ declare const cardTheme: {
             };
             body: {
                 padding: string;
+                "> div": {
+                    paddingLeft: number;
+                    gap: number;
+                    "> p": {
+                        color: string;
+                        fontFamily: string;
+                    };
+                };
             };
             footer: {
                 padding: string;
+                paddingLeft: {
+                    base: number;
+                    md: "none";
+                };
             };
         };
     };

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":"AA+GA,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":"AA4HA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAuC,CAAC;AAEvD,eAAe,SAAS,CAAC"}

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

@@ -50,10 +50,10 @@ export declare const caseStudyTheme: {
         };
     };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     variants?: {
-        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+        [key: string]: import("@chakra-ui/react").SystemStyleInterpolation;
     };
     defaultProps?: {
         size?: string | number;