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

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

@@ -0,0 +1,54 @@
+export declare const headingTheme: {
+    baseStyle?: {
+        fontFamily: string;
+        fontWeight: string;
+        color: string;
+    };
+    sizes?: {
+        "4xl": {
+            fontSize: string;
+            lineHeight: string;
+        };
+        "3xl": {
+            fontSize: string;
+            lineHeight: string;
+        };
+        "2xl": {
+            fontSize: string;
+            lineHeight: string;
+        };
+        xl: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        lg: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        md: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+        };
+        sm: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+        };
+        xs: {
+            fontSize: string;
+            lineHeight: string;
+            fontFamily: string;
+        };
+    };
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    defaultProps?: {
+        size?: "4xl" | "3xl" | "2xl" | "xl" | "lg" | "md" | "sm" | "xs";
+        variant?: string | number;
+        colorScheme?: string;
+    };
+};
+export default headingTheme;
+//# sourceMappingURL=heading.d.ts.map

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

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

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

@@ -0,0 +1,17 @@
+export { default as breadcrumbTheme } from "./breadcrumb";
+export { default as buttonTheme } from "./button";
+export { default as cardTheme } from "./card";
+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 headingTheme } from "./heading";
+export { default as inputTheme } from "./input";
+export { default as linkTheme } from "./link";
+export { default as progressTheme } from "./progress";
+export { default as selectTheme } from "./select";
+export { default as simpleHeaderTheme } from "./simpleHeader";
+export { default as tagTheme } from "./tag";
+export { default as textTheme } from "./text";
+export { default as TwoBlocksStatisticsTheme } from "./twoBlocksStatistics";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/r4l/components/index.ts"],"names":[],"mappings":"AAAA,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"}

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

@@ -0,0 +1,139 @@
+export declare const inputTheme: {
+    baseStyle?: {
+        field: {
+            fontFamily: string;
+            fontSize: {
+                base: "text.sm";
+                lg: "text.lg";
+            };
+            borderRadius: string;
+            cursor: string;
+            _placeholder: {
+                base: string;
+                lg: string;
+            };
+        };
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("group" | "addon" | "field" | "element")[];
+        }>;
+    };
+    variants?: {
+        outline: {
+            field: {
+                height: {
+                    base: "50px";
+                    lg: "53px";
+                };
+                border: string;
+                borderColor: string;
+                _hover: {
+                    borderColor: string;
+                    borderWidth: string;
+                };
+                _placeholder: {
+                    color: string;
+                    fontSize: string;
+                };
+                _focus: {
+                    borderWidth: string;
+                    borderColor: string;
+                    _placeholder: {
+                        color: string;
+                        fontSize: string;
+                    };
+                };
+                _focusVisible: {
+                    borderWidth: string;
+                    borderColor: string;
+                    boxShadow: string;
+                };
+                _disabled: {
+                    borderWidth: string;
+                    borderColor: string;
+                    bg: string;
+                    cursor: string;
+                    opacity: string;
+                    color: string;
+                    _hover: {
+                        boxShadow: string;
+                        borderWidth: string;
+                        borderColor: string;
+                    };
+                    _placeholder: {
+                        color: string;
+                        fontSize: string;
+                    };
+                };
+                _invalid: {
+                    borderWidth: string;
+                    borderColor: string;
+                    boxShadow: string;
+                    _hover: {
+                        borderColor: string;
+                        boxShadow: string;
+                    };
+                    _focus: {
+                        borderColor: string;
+                    };
+                    _focusVisible: {
+                        borderColor: string;
+                    };
+                };
+            };
+            addon: {
+                fontFamily: string;
+                fontSize: string;
+                borderRadius: string;
+                bg: string;
+                borderColor: string;
+                height: string;
+            };
+            element: {
+                borderRadius: string;
+                paddingX: number;
+            };
+            group: {
+                borderColor: string;
+                ".chakra-numberinput__field": {
+                    borderRadius: number;
+                    border: string;
+                    borderColor: string;
+                };
+                ".chakra-input__left-element": {
+                    borderRight: string;
+                    borderRightColor: string;
+                    paddingX: number;
+                    width: string;
+                };
+                _hover: {
+                    ".chakra-input__left-element": {
+                        borderRightColor: string;
+                    };
+                };
+                ".chakra-input:focus + .chakra-input__left-element": {
+                    borderRightColor: string;
+                };
+                ".chakra-input[aria-invalid=true] + .chakra-input__left-element": {
+                    borderRightColor: string;
+                };
+                ".chakra-input[disabled] + .chakra-input__left-element": {
+                    borderRightColor: string;
+                    color: string;
+                };
+                ".chakra-input__right-element + .chakra-icon": {
+                    color: string;
+                };
+            };
+        };
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: "outline";
+        colorScheme?: string;
+    };
+    parts: ("group" | "addon" | "field" | "element")[];
+};
+export default inputTheme;
+//# sourceMappingURL=input.d.ts.map

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

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

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

@@ -0,0 +1,101 @@
+export declare const linkTheme: {
+    baseStyle?: {
+        fontFamily: string;
+        color: string;
+        textDecoration: string;
+        fontSize: string;
+        lineHeight: string;
+        _hover: {
+            color: string;
+        };
+        _visited: {
+            color: string;
+        };
+        letterSpacing: string;
+    };
+    sizes?: {
+        md: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        sm: {
+            fontSize: string;
+            lineHeight: string;
+        };
+    };
+    variants?: {
+        altInline: {
+            fontFamily: string;
+            color: string;
+            textDecoration: string;
+            fontSize: string;
+            lineHeight: string;
+            _hover: {
+                color: string;
+            };
+            _visited: {
+                color: string;
+            };
+            letterSpacing: string;
+        };
+        file: {
+            _visited: {
+                svg: {
+                    color: string;
+                };
+            };
+        };
+        navigation: {
+            fontFamily: string;
+            color: string;
+            textDecoration: string;
+            _hover: {
+                color: string;
+                textDecoration: string;
+            };
+            _visited: {
+                color: string;
+                _hover: {
+                    color: string;
+                };
+            };
+        };
+        navigationAlt: {
+            fontFamily: string;
+            textDecoration: string;
+            _hover: {
+                textDecoration: string;
+            };
+        };
+        footer: {
+            color: string;
+            _visited: {
+                color: string;
+            };
+            _hover: {
+                color: string;
+            };
+            fontSize: string;
+            lineHeight: string;
+            mb: string;
+            display: string;
+            letterSpacing: string;
+        };
+        reference: {
+            color: string;
+            left: string;
+            position: string;
+            verticalAlign: string;
+            _hover: {
+                color: string;
+            };
+        };
+    };
+    defaultProps?: {
+        size?: "md" | "sm";
+        variant?: "altInline" | "file" | "navigation" | "navigationAlt" | "footer" | "reference";
+        colorScheme?: string;
+    };
+};
+export default linkTheme;
+//# sourceMappingURL=link.d.ts.map

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

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

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

@@ -0,0 +1,53 @@
+declare const progressTheme: {
+    baseStyle?: {
+        label: {
+            left: string;
+            top: string;
+            transform: string;
+            transformOrigin: string;
+            display: string;
+            flexDirection: string;
+            justifyContent: string;
+            width: string;
+            height: string;
+            fontSize: string;
+            fontFamily: string;
+        };
+        track: {
+            "aria-label": string;
+        };
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("label" | "track" | "filledTrack")[];
+        }>;
+    };
+    variants?: {
+        keyStatsPrimaryVertical: {
+            track: {
+                bgColor: string;
+            };
+            filledTrack: {
+                backgroundColor: string;
+            };
+        };
+        keyStatsSecondaryVertical: {
+            track: {
+                minHeight: string;
+                minWidth: string;
+                transform: string;
+            };
+            filledTrack: {
+                backgroundColor: string;
+            };
+        };
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: "keyStatsPrimaryVertical" | "keyStatsSecondaryVertical";
+        colorScheme?: string;
+    };
+    parts: ("label" | "track" | "filledTrack")[];
+};
+export default progressTheme;
+//# sourceMappingURL=progress.d.ts.map

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

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

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

@@ -0,0 +1,75 @@
+declare const selectTheme: {
+    baseStyle?: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+        keys: ("icon" | "field")[];
+    }>;
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("icon" | "field")[];
+        }>;
+    };
+    variants?: {
+        brandPrimary: (props: import("@chakra-ui/styled-system").StyleFunctionProps) => {
+            field: {
+                height: {
+                    base: "50px";
+                    lg: "53px";
+                };
+                fontSize: {
+                    base: "text.sm";
+                    lg: "text.lg";
+                };
+                border: string;
+                borderColor: string;
+                borderRadius: string;
+                color: string;
+                _hover: {
+                    border: string;
+                    borderColor: string;
+                    transition: string;
+                };
+                _focus: {
+                    borderWidth: string;
+                    borderColor: string;
+                    boxShadow: string;
+                };
+                _disabled: {
+                    borderWidth: string;
+                    borderColor: string;
+                    bg: string;
+                    cursor: string;
+                    opacity: string;
+                    color: string;
+                    _hover: {
+                        boxShadow: string;
+                        borderColor: string;
+                    };
+                };
+                _invalid: {
+                    borderWidth: string;
+                    borderColor: string;
+                    boxShadow: string;
+                    _hover: {
+                        boxShadow: string;
+                        borderColor: string;
+                    };
+                    _focus: {
+                        boxShadow: string;
+                        borderColor: string;
+                    };
+                    _focusVisible: {
+                        boxShadow: string;
+                        borderColor: string;
+                    };
+                };
+            };
+        };
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: "brandPrimary";
+        colorScheme?: string;
+    };
+    parts: ("icon" | "field")[];
+};
+export default selectTheme;
+//# sourceMappingURL=select.d.ts.map

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

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

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

@@ -0,0 +1,42 @@
+export declare const simpleHeaderTheme: {
+    baseStyle?: {
+        backgroundColor: string;
+        padding: number;
+        "> h2": {
+            fontFamily: string;
+            fontSize: {
+                base: "headings.lg";
+                lg: "headings.xl";
+            };
+            lineHeight: {
+                base: "headings.lg";
+                lg: "headings.xl";
+            };
+            marginTop: number;
+        };
+        "> hr": {
+            width: string;
+            height: string;
+            opacity: string;
+            borderColor: string;
+            backgroundColor: string;
+            marginTop: number;
+        };
+        "> div > a": {
+            mt: 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 simpleHeaderTheme;
+//# sourceMappingURL=simpleHeader.d.ts.map

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

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

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

@@ -0,0 +1,47 @@
+declare const tagTheme: {
+    baseStyle?: {
+        container: {
+            bg: string;
+            borderRadius: string;
+            color: string;
+            fontFamily: string;
+            fontWeight: string;
+            fontSize: {
+                base: "text.xs";
+                lg: "text.sm";
+            };
+            px: number;
+            py: number;
+        };
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("container" | "label" | "closeButton")[];
+        }>;
+    };
+    variants?: {
+        default: {
+            container: {
+                bg: string;
+                borderRadius: string;
+                color: string;
+                fontFamily: string;
+                fontWeight: string;
+                fontSize: {
+                    base: "text.xs";
+                    lg: "text.sm";
+                };
+                px: number;
+                py: number;
+            };
+        };
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: "default";
+        colorScheme?: string;
+    };
+    parts: ("container" | "label" | "closeButton")[];
+};
+export default tagTheme;
+//# sourceMappingURL=tag.d.ts.map

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

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

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

@@ -0,0 +1,46 @@
+export declare const textTheme: {
+    baseStyle?: {
+        color: string;
+        letterSpacing: string;
+    };
+    sizes?: {
+        md: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        sm: {
+            fontSize: string;
+            lineHeight: string;
+        };
+        xs: {
+            fontSize: string;
+            lineHeight: string;
+        };
+    };
+    variants?: {
+        normal: {
+            fontFamily: string;
+        };
+        italic: {
+            fontFamily: string;
+        };
+        caption: {
+            fontFamily: string;
+            color: string;
+        };
+        small: {
+            fontFamily: string;
+            fontSize: {
+                base: "14px";
+                md: "16px";
+            };
+        };
+    };
+    defaultProps?: {
+        size?: "md" | "sm" | "xs";
+        variant?: "small" | "normal" | "italic" | "caption";
+        colorScheme?: string;
+    };
+};
+export default textTheme;
+//# sourceMappingURL=text.d.ts.map

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

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

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

@@ -0,0 +1,52 @@
+declare const TwoBlocksStatisticsTheme: {
+    baseStyle?: {};
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
+    };
+    variants?: {
+        statisticsBlocksContainer: {
+            gap: number;
+            display: string;
+            flexDirection: string;
+            height: string;
+            alignItems: string;
+            "& h2": {
+                fontSize: string;
+                fontWeight: string;
+            };
+        };
+        statisticsRightContainer: {
+            flexDirection: string;
+            height: string;
+            justifyContent: string;
+            flex: number;
+        };
+        statisticsRightBlock: {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            minWidth: string;
+            width: string;
+        };
+        statisticsLeftContainer: {
+            flexDirection: string;
+            height: string;
+            justifyContent: string;
+            flex: number;
+        };
+        statisticsLeftBlock: {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            minWidth: string;
+            width: string;
+        };
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: "statisticsBlocksContainer" | "statisticsRightContainer" | "statisticsRightBlock" | "statisticsLeftContainer" | "statisticsLeftBlock";
+        colorScheme?: string;
+    };
+};
+export default TwoBlocksStatisticsTheme;
+//# sourceMappingURL=twoBlocksStatistics.d.ts.map

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

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

package/dist/types/src/theme/r4l/foundations/borders.d.ts

@@ -0,0 +1,10 @@
+declare const borders: {
+    px: string;
+    none: number;
+    "1px": string;
+    "2px": string;
+    "4px": string;
+    "8px": string;
+};
+export default borders;
+//# sourceMappingURL=borders.d.ts.map

package/dist/types/src/theme/r4l/foundations/borders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"borders.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/r4l/foundations/borders.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,OAAO;;;;;;;CAOZ,CAAC;AAEF,eAAe,OAAO,CAAC"}