npm - @cruk/chakra-components - Versions diffs - 1.0.1 → 1.0.2 - Mend

@cruk/chakra-components 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (133) hide show

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

@@ -1,34 +1,166 @@
 declare const radioTheme: {
     baseStyle?: {
         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;
-                color: string;
-                _hover: {
-                    borderColor: string;
+                _before: {
                     bg: string;
                 };
+                _hover: {
+                    padding: string;
+                };
             };
             _disabled: {
-                bg: string;
                 borderColor: string;
-            };
-            _hover: {
+                borderWidth: string;
                 bg: string;
+                _hover: {
+                    borderColor: string;
+                    bg: string;
+                };
+            };
+            _invalid: {
+                borderColor: string;
+                _checked: {
+                    _before: {
+                        bg: string;
+                    };
+                };
             };
         };
         label: {
-            bg: string;
             color: string;
+            fontWeight: string;
+            fontSize: string;
+            _disabled: {
+                color: string;
+            };
+            _invalid: {
+                color: string;
+            };
         };
-        container: {};
     };
     sizes?: {
-        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
-            keys: ("container" | "label" | "control")[];
-        }>;
+        small: {
+            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: {
+                fontSize: string;
+            };
+        };
+        large: {
+            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: {
+                fontSize: string;
+            };
+        };
     };
     variants?: {
         outline: {
@@ -38,11 +170,18 @@ declare const radioTheme: {
                 border: string;
                 borderColor: string;
                 padding: string;
+                _hover: {
+                    borderColor: string;
+                    backgroundColor: string;
+                };
+                _invalid: {
+                    borderColor: string;
+                };
             };
         };
     };
     defaultProps?: {
-        size?: string | number;
+        size?: "small" | "large";
         variant?: "outline";
         colorScheme?: string;
     };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/components/radio.ts"],"names":[],"mappings":"~~AA4CA~~,QAAA,MAAM,UAAU~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGd~~,CAAC;AAEH,eAAe,UAAU,CAAC"}
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"}

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

@@ -12,7 +12,6 @@ declare const selectTheme: {
             field: {
                 bg: string;
                 border: string;
-                borderColor: string;
                 fontFamily: string;
                 fontSize: {
                     base: "text.sm";
@@ -20,34 +19,49 @@ declare const selectTheme: {
                 };
                 height: {
                     base: "50px";
-                    lg: "53px";
+                    lg: "52px";
                 };
-                borderRadius: string;
+                padding: string;
                 color: string;
+                borderRadius: string;
+                _active: {
+                    borderColor: string;
+                    border: string;
+                };
                 _disabled: {
                     bg: string;
                     borderColor: string;
-                    _hover: {
-                        borderColor: string;
-                    };
+                    border: string;
+                    padding: string;
                     opacity: number;
+                    color: string;
                 };
                 _focus: {
                     borderColor: string;
+                    border: string;
                 };
                 _hover: {
-                    borderColor: string;
+                    "&:not(:active):not(:focus):not(:disabled)": {
+                        border: string;
+                        padding: string;
+                    };
                 };
                 _invalid: {
+                    border: string;
                     borderColor: string;
+                    padding: string;
+                    _hover: {
+                        borderColor: string;
+                    };
+                    _focus: {
+                        borderColor: string;
+                    };
                 };
             };
             icon: {
-                color: string;
+                fontSize: string;
                 _disabled: {
                     opacity: number;
-                };
-                _focus: {
                     color: string;
                 };
             };

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

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../../src/theme/cruk/components/select.ts"],"names":[],"mappings":"AA4DA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGf,CAAC;AACH,eAAe,WAAW,CAAC"}

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

@@ -32,10 +32,17 @@ export declare const textTheme: {
             fontFamily: string;
             color: string;
         };
+        formHelperText: {
+            fontFamily: string;
+            fontSize: string;
+            color: string;
+            mt: number;
+            mb: number;
+        };
     };
     defaultProps?: {
         size?: "md" | "sm" | "xs";
-        variant?: "normal" | "italic" | "caption" | "label";
+        variant?: "normal" | "italic" | "caption" | "label" | "formHelperText";
         colorScheme?: string;
     };
 };

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

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

package/dist/types/src/theme/cruk/components/textAreaInput.d.ts ADDED Viewed

@@ -0,0 +1,53 @@
+export declare const textareainputTheme: {
+    baseStyle?: {
+        field: {
+            fontFamily: string;
+            fontSize: {
+                base: "text.sm";
+                lg: "text.md";
+            };
+            borderColor: string;
+            borderRadius: string;
+            cursor: string;
+            padding: string;
+            _hover: {
+                boxShadow: string;
+                border: number;
+                transition: string;
+                padding: string;
+            };
+            _focus: {
+                zIndex: number;
+                border: string;
+                borderColor: string;
+                boxShadow: string;
+                padding: string;
+            };
+            _disabled: {
+                backgroundColor: string;
+                border: string;
+            };
+            _error: {
+                border: string;
+            };
+        };
+    };
+    sizes?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("group" | "addon" | "field" | "element")[];
+        }>;
+    };
+    variants?: {
+        [key: string]: import("@chakra-ui/styled-system").PartsStyleInterpolation<{
+            keys: ("group" | "addon" | "field" | "element")[];
+        }>;
+    };
+    defaultProps?: {
+        size?: string | number;
+        variant?: string | number;
+        colorScheme?: string;
+    };
+    parts: ("group" | "addon" | "field" | "element")[];
+};
+export default textareainputTheme;
+//# sourceMappingURL=textAreaInput.d.ts.map

package/dist/types/src/theme/cruk/components/textAreaInput.d.ts.map ADDED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/cruk/index.ts"],"names":[],"mappings":"~~AA0CA~~,QAAA,MAAM,SAAS,~~qBA4Cb~~,CAAC;AAEH,KAAK,KAAK,GAAG,OAAO,SAAS,CAAC;AAE9B,OAAO,EAAE,KAAK,KAAK,EAAE,CAAC;AACtB,eAAe,SAAS,CAAC"}
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"}

package/dist/types/static/icons/royalties-grants.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"royalties-grants.d.ts","sourceRoot":"","sources":["../../../../static/icons/royalties-grants.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,~~yFAapB~~,CAAC;AAEH,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"royalties-grants.d.ts","sourceRoot":"","sources":["../../../../static/icons/royalties-grants.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,yFASpB,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/chakra-components",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Chakra UI based components for CRUK applications",
   "main": "./dist/cjs/packages/components/src/index.js",
   "module": "./dist/esm/packages/components/src/index.js",