@cruk/chakra-components 0.1.0-alpha.1 → 0.1.0-alpha.2

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

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

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

@@ -0,0 +1,75 @@
+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;
+            };
+        };
+        navigation: {
+            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: {
+                    boxShadow: string;
+                    transform: string;
+                };
+            };
+            body: {
+                padding: number;
+            };
+        };
+        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" | "navigation" | "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

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

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

@@ -0,0 +1,39 @@
+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/styled-system").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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,73 @@
+declare const circleDeviceTheme: {
+    baseStyle?: {};
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").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

@@ -0,0 +1 @@
+{"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"}

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

@@ -0,0 +1,57 @@
+declare const contactCardTheme: {
+    baseStyle?: {
+        container: {
+            fontFamily: string;
+            fontSize: {
+                base: "text.sm";
+                lg: "text.md";
+            };
+            lineHeight: {
+                base: "text.sm";
+                lg: "text.md";
+            };
+        };
+        header: {
+            fontFamily: string;
+            letterSpacing: string;
+            border: string;
+            textAlign: string;
+            fontSize: {
+                base: "text.sm";
+                lg: "text.md";
+            };
+            lineHeight: {
+                base: "text.sm";
+                lg: "text.md";
+            };
+        };
+        body: {
+            fontFamily: string;
+            fontWeight: string;
+            letterSpacing: string;
+            alignSelf: string;
+            fontSize: {
+                base: "text.sm";
+                lg: "text.md";
+            };
+            lineHeight: {
+                base: "text.sm";
+                lg: "text.md";
+            };
+        };
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("body" | "footer" | "header" | "container")[];
+        }>;
+    };
+    variants?: {};
+    defaultProps?: {
+        size?: string | number;
+        variant?: never;
+        colorScheme?: string;
+    };
+    parts: ("body" | "footer" | "header" | "container")[];
+};
+export default contactCardTheme;
+//# sourceMappingURL=contactCard.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+export declare const donateLabelTheme: {
+    baseStyle?: {
+        width: string;
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    variants?: {};
+    defaultProps?: {
+        size?: string | number;
+        variant?: never;
+        colorScheme?: string;
+    };
+};
+export default donateLabelTheme;
+//# sourceMappingURL=donateLabelToggleButton.d.ts.map

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

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