@groupeactual/ui-kit 0.3.8 → 0.4.0

package/dist/esm/components/Form/TextField/TextField.d.ts

@@ -9,7 +9,8 @@ interface Props {
     name: string;
     placeholder?: string;
     disabled?: boolean;
+    isValid?: boolean;
     endAdornment?: ReactNode;
 }
-declare const TextField: ({ name, value, error, onBlur, onChange, label, disabled, endAdornment, placeholder, ...props }: Omit<TextFieldProps, 'error'> & Props) => JSX.Element;
+declare const TextField: ({ name, value, error, onBlur, onChange, label, disabled, endAdornment, isValid, placeholder, ...props }: Omit<TextFieldProps, 'error'> & Props) => JSX.Element;
 export default TextField;

package/dist/esm/index.js

@@ -50271,16 +50271,14 @@ var ActButton = styled$1(Button$1)(function (_a) {
 });
 
 var TextField = function (_a) {
-    var name = _a.name, value = _a.value, error = _a.error, onBlur = _a.onBlur, onChange = _a.onChange, label = _a.label, disabled = _a.disabled, endAdornment = _a.endAdornment, _b = _a.placeholder, placeholder = _b === void 0 ? '' : _b, props = __rest(_a, ["name", "value", "error", "onBlur", "onChange", "label", "disabled", "endAdornment", "placeholder"]);
+    var name = _a.name, value = _a.value, error = _a.error, onBlur = _a.onBlur, onChange = _a.onChange, label = _a.label, disabled = _a.disabled, endAdornment = _a.endAdornment; _a.isValid; var _b = _a.placeholder, placeholder = _b === void 0 ? '' : _b, props = __rest(_a, ["name", "value", "error", "onBlur", "onChange", "label", "disabled", "endAdornment", "isValid", "placeholder"]);
     var _c = useState(value), internalValue = _c[0], setInternalValue = _c[1];
     useEffect(function () {
         if (value !== internalValue) {
             setInternalValue(value);
         }
     }, [value]);
-    return (jsx(MuiTextField, __assign$1({ variant: "outlined", name: name, label: label, value: internalValue, placeholder: placeholder, onClick: function (e) { return e.stopPropagation(); }, InputLabelProps: {
-            shrink: true
-        }, InputProps: {
+    return (jsx(MuiTextField, __assign$1({ variant: "outlined", name: name, label: label, value: internalValue, placeholder: placeholder, InputLabelProps: { shrink: true }, onClick: function (e) { return e.stopPropagation(); }, InputProps: {
             endAdornment: endAdornment
         }, onChange: function (e) {
             setInternalValue(e.currentTarget.value);
@@ -50403,9 +50401,35 @@ var IconProvider = function (_a) {
     return (jsx(Box$1, __assign$1({ component: "span", sx: getStyles() }, { children: jsx(FontAwesomeSvgIcon, { icon: icon, fontSize: getFontSize() }) })));
 };
 
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
 /**
  * Do not edit directly
- * Generated on Sun, 27 Nov 2022 01:38:10 GMT
+ * Generated on Tue, 29 Nov 2022 10:20:00 GMT
  */
 var DefaultWebShadowAllContent = { "color": "#2727271f", "type": "dropShadow", "x": "0", "y": "2", "blur": "10", "spread": "0" };
 var DefaultSpacingXxs = "4";
@@ -50704,7 +50728,18 @@ var getMuiPalette = function (themeName) {
             palette[colorKey] = tokens[colorName];
         }
     });
-    return palette;
+    var defaultPalette = {
+        success: {
+            main: tokens[themeName + 'ColorsGreenSuccess']
+        },
+        error: {
+            main: tokens[themeName + 'ColorsRedError']
+        },
+        warning: {
+            main: tokens[themeName + 'ColorsOrangeWarning']
+        }
+    };
+    return __assign(__assign({}, palette), defaultPalette);
 };
 var getFontFamilies = function (themeName) {
     var designTokens = tokens;
@@ -50717,32 +50752,6 @@ var getFontFamilies = function (themeName) {
     return fontFamilies;
 };
 
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
 var useMaterialThemeCss = function (muiTokens) {
     var muiCss = useMemo(function () {
         return {
@@ -50751,7 +50760,7 @@ var useMaterialThemeCss = function (muiTokens) {
                     styleOverrides: {
                         root: {
                             fontWeight: 400,
-                            fontSize: '10px',
+                            fontSize: '11px',
                             lineHeight: '12px',
                             color: muiTokens.palette.greyDark,
                             '&.Mui-error': {
@@ -50766,11 +50775,11 @@ var useMaterialThemeCss = function (muiTokens) {
                             fontSize: '14px',
                             lineHeight: '18px',
                             fontWeight: 400,
-                            paddingTop: '6px',
                             color: muiTokens.palette.greyXDark,
                             '&::placeholder': {
                                 color: muiTokens.palette.greyDark,
                                 fontWeight: 400,
+                                lineHeight: '18px',
                                 fontSize: '14px'
                             },
                             '&.Mui-disabled': {
@@ -50792,11 +50801,18 @@ var useMaterialThemeCss = function (muiTokens) {
                         }
                     }
                 },
+                MuiSvgIcon: {
+                    styleOverrides: {
+                        colorSuccess: {
+                            color: muiTokens.palette.success.main
+                        }
+                    }
+                },
                 MuiInputLabel: {
                     styleOverrides: {
                         root: {
                             fontSize: '16px',
-                            lineHeight: '18px',
+                            lineHeight: '16px',
                             fontWeight: 500,
                             color: muiTokens.palette.greyXDark,
                             '&.Mui-disabled': {