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

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

@@ -0,0 +1,64 @@
+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: {
+            field: {
+                bg: string;
+                border: string;
+                borderColor: string;
+                fontFamily: string;
+                fontSize: {
+                    base: "text.sm";
+                    lg: "text.md";
+                };
+                height: {
+                    base: "50px";
+                    lg: "53px";
+                };
+                borderRadius: string;
+                color: string;
+                _disabled: {
+                    bg: string;
+                    borderColor: string;
+                    _hover: {
+                        borderColor: string;
+                    };
+                    opacity: number;
+                };
+                _focus: {
+                    borderColor: string;
+                };
+                _hover: {
+                    borderColor: string;
+                };
+                _invalid: {
+                    borderColor: string;
+                };
+            };
+            icon: {
+                color: string;
+                _disabled: {
+                    opacity: number;
+                };
+                _focus: {
+                    color: 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/cruk/components/select.d.ts.map

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

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

@@ -0,0 +1,51 @@
+export declare const tableTheme: {
+    baseStyle?: {
+        table: {
+            th: {
+                fontFamily: string;
+                fontSize: {
+                    base: "text.sm";
+                    lg: "text.md";
+                };
+                color: string;
+                textTransform: string;
+                letterSpacing: string;
+                borderBottom: string;
+                py: number;
+                textAlign: string;
+                px: number;
+            };
+            tr: {
+                borderBottom: string;
+            };
+            td: {
+                fontFamily: string;
+                fontSize: {
+                    base: "text.sm";
+                    lg: "text.md";
+                };
+                py: number;
+                px: number;
+            };
+            "tr > * + *": {
+                paddingLeft: number;
+            };
+            "td > * + *": {
+                paddingLeft: 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 tableTheme;
+//# sourceMappingURL=table.d.ts.map

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

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

package/dist/types/src/theme/{su2c/variants → cruk/components}/tabs.d.ts

@@ -12,30 +12,35 @@ declare const tabsTheme: {
     variants?: {
         default: () => {
             tab: {
-                borderTopRadius: string;
-                border: string;
-                borderBottom: string;
-                borderColor: string;
                 mr: string;
                 fontWeight: string;
+                borderBottom: string;
+                borderColor: string;
+                fontFamily: string;
+                color: string;
+                display: string;
+                whiteSpace: string;
+                overflow: string;
+                textOverflow: string;
+                width: string;
+                fontSize: {
+                    base: "text.sm";
+                    lg: "text.md";
+                };
                 _selected: {
-                    bg: string;
-                    borderBottom: string;
-                    border: string;
-                    color: string;
+                    borderColor: string;
+                    fontFamily: string;
                     fontWeight: string;
-                    mb: string;
-                };
-                _hover: {
-                    bg: string;
                     color: string;
+                    fontSize: {
+                        base: "text.sm";
+                        lg: "text.md";
+                    };
                 };
             };
             tablist: {};
             tabpanel: {
                 pt: string;
-                borderTop: string;
-                borderColor: string;
             };
         };
     };

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

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

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

@@ -0,0 +1,45 @@
+declare const tagTheme: {
+    baseStyle?: {
+        container: {
+            bg: string;
+            borderRadius: string;
+            color: string;
+            fontFamily: 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;
+                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/cruk/components/tag.d.ts.map

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

package/dist/types/src/theme/cruk/{variants → components}/text.d.ts

@@ -4,7 +4,7 @@ export declare const textTheme: {
         letterSpacing: string;
     };
     sizes?: {
-        lg: {
+        md: {
             fontSize: string;
             lineHeight: string;
         };
@@ -30,7 +30,7 @@ export declare const textTheme: {
         };
     };
     defaultProps?: {
-        size?: "sm" | "lg" | "xs";
+        size?: "md" | "sm" | "xs";
         variant?: "normal" | "italic" | "caption";
         colorScheme?: string;
     };

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

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

package/dist/types/src/theme/cruk/{variants/divider.d.ts → components/textTruncate.d.ts}

@@ -1,7 +1,9 @@
-export declare const dividerTheme: {
+export declare const textTruncateTheme: {
     baseStyle?: {
-        borderWidth: string;
-        borderColor: string;
+        "& > p:last-of-type": {
+            display: string;
+            mr: number;
+        };
     };
     sizes?: {
         [key: string]: import("@chakra-ui/styled-system").SystemStyleInterpolation;
@@ -15,5 +17,5 @@ export declare const dividerTheme: {
         colorScheme?: string;
     };
 };
-export default dividerTheme;
-//# sourceMappingURL=divider.d.ts.map
+export default textTruncateTheme;
+//# sourceMappingURL=textTruncate.d.ts.map

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

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

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

@@ -0,0 +1,48 @@
+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;
+        };
+        statisticsRightBlock: {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            minWidth: string;
+        };
+        statisticsLeftContainer: {
+            flexDirection: string;
+            height: string;
+            justifyContent: string;
+        };
+        statisticsLeftBlock: {
+            display: string;
+            justifyContent: string;
+            alignItems: string;
+            minWidth: 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/cruk/components/twoBlocksStatistics.d.ts.map

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

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

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

package/dist/types/src/theme/cruk/foundations/breakpoints.d.ts

@@ -1,4 +1,6 @@
 declare const breakpoints: {
+    base: string;
+    sm: string;
     md: string;
     lg: string;
     xl: string;

package/dist/types/src/theme/cruk/foundations/breakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/foundations/breakpoints.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,WAAW;;;;CAOhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/foundations/breakpoints.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,WAAW;;;;;;CAMhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/types/src/theme/cruk/foundations/colors.d.ts

@@ -3,10 +3,10 @@ declare const colors: {
     white: string;
     grey: {
         100: string;
+        200: string;
         600: string;
-    };
-    brandGrey: {
-        600: string;
+        700: string;
+        800: string;
     };
     magenta: {
         100: string;
@@ -20,9 +20,11 @@ declare const colors: {
         900: string;
     };
     navy: {
+        100: string;
         600: string;
+        700: string;
     };
-    darkBlue: {
+    blue: {
         100: string;
         200: string;
         300: string;
@@ -39,17 +41,14 @@ declare const colors: {
         300: string;
         500: string;
         600: string;
+        700: string;
         800: string;
         900: string;
     };
-    positiveGreen: {
-        600: string;
-    };
-    warningYellow: {
-        600: string;
-    };
-    negativeRed: {
-        600: string;
+    status: {
+        success: string;
+        warning: string;
+        error: string;
     };
 };
 export default colors;

package/dist/types/src/theme/cruk/foundations/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/foundations/colors.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/foundations/colors.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDX,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,5 +1,7 @@
 declare const foundations: {
     breakpoints: {
+        base: string;
+        sm: string;
         md: string;
         lg: string;
         xl: string;
@@ -16,12 +18,12 @@ declare const foundations: {
             italic: string;
             semiBold: string;
             medium: string;
+            bold: string;
+            regular: string;
         };
     };
     fontSizes: {
         headings: {
-            "6xl": string;
-            "5xl": string;
             "4xl": string;
             "3xl": string;
             "2xl": string;
@@ -32,16 +34,16 @@ declare const foundations: {
             xs: string;
         };
         text: {
-            lg: string;
+            md: string;
             sm: string;
             xs: string;
-            "2xs": string;
+        };
+        misc: {
+            input: string;
         };
     };
     lineHeights: {
         headings: {
-            "6xl": string;
-            "5xl": string;
             "4xl": string;
             "3xl": string;
             "2xl": string;
@@ -52,10 +54,9 @@ declare const foundations: {
             xs: string;
         };
         text: {
-            lg: string;
+            md: string;
             sm: string;
             xs: string;
-            "2xs": string;
         };
     };
     fontWeights: {
@@ -63,17 +64,22 @@ declare const foundations: {
         medium: number;
     };
     letterSpacings: {
-        text: string;
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
     };
     colors: {
         black: string;
         white: string;
         grey: {
             100: string;
+            200: string;
             600: string;
-        };
-        brandGrey: {
-            600: string;
+            700: string;
+            800: string;
         };
         magenta: {
             100: string;
@@ -87,9 +93,11 @@ declare const foundations: {
             900: string;
         };
         navy: {
+            100: string;
             600: string;
+            700: string;
         };
-        darkBlue: {
+        blue: {
             100: string;
             200: string;
             300: string;
@@ -106,23 +114,23 @@ declare const foundations: {
             300: string;
             500: string;
             600: string;
+            700: string;
             800: string;
             900: string;
         };
-        positiveGreen: {
-            600: string;
-        };
-        warningYellow: {
-            600: string;
-        };
-        negativeRed: {
-            600: string;
+        status: {
+            success: string;
+            warning: string;
+            error: string;
         };
     };
     semanticTokens: {
         colors: {
             [x: string]: string;
         };
+        componentWidths: {
+            containerMax: string;
+        };
     };
     space: {
         px: string;
@@ -157,6 +165,47 @@ declare const foundations: {
         80: string;
         96: string;
     };
+    sizes: {
+        px: string;
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        30: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+    };
+    borders: {
+        px: string;
+        none: number;
+        "1px": string;
+        "2px": string;
+        "4px": string;
+        "8px": string;
+    };
 };
 export default foundations;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/foundations/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/foundations/index.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,11 +1,17 @@
 import { TokenColorsType } from "../../../types";
 declare const brandBaseTokens: TokenColorsType;
 declare const componentTokens: TokenColorsType;
+declare const componentWidths: {
+    containerMax: string;
+};
 declare const semanticTokens: {
     colors: {
         [x: string]: string;
     };
+    componentWidths: {
+        containerMax: string;
+    };
 };
-export { brandBaseTokens, componentTokens };
+export { brandBaseTokens, componentTokens, componentWidths };
 export default semanticTokens;
 //# sourceMappingURL=semantic-tokens.d.ts.map

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,eAsDtB,CAAC;AAEF,QAAA,MAAM,cAAc;;;;CAKnB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAC5C,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,eA6HtB,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/foundations/sizes.d.ts

@@ -0,0 +1,35 @@
+declare const sizes: {
+    px: string;
+    0: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+    6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
+    12: string;
+    14: string;
+    16: string;
+    20: string;
+    24: string;
+    28: string;
+    30: string;
+    32: string;
+    36: string;
+    40: string;
+    44: string;
+    48: string;
+    52: string;
+    56: string;
+    60: string;
+    64: string;
+    72: string;
+    80: string;
+    96: string;
+};
+export default sizes;
+//# sourceMappingURL=sizes.d.ts.map

package/dist/types/src/theme/cruk/foundations/sizes.d.ts.map

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