@groupeactual/ui-kit 0.4.14 → 0.4.16

package/dist/cjs/components/Icon/Icon.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+declare const Sizes: Record<string, number>;
 interface Props {
     variant?: 'square' | 'none';
     icon: IconDefinition;
     color?: string;
-    fontSize?: number;
+    fontSize?: number | keyof typeof Sizes;
 }
 declare const Icon: ({ variant, icon, color, fontSize }: Props) => JSX.Element;
 export default Icon;

package/dist/cjs/index.js

@@ -50513,6 +50513,15 @@ var ActAccordion = function (_a) {
                 } }, { children: content }))] })));
 };
 
+var Sizes = {
+    xs: 8,
+    sm: 12,
+    md: 16,
+    lg: 24,
+    xl: 32,
+    xxl: 40,
+    xxxl: 72
+};
 // eslint-disable-next-line react/display-name
 var FontAwesomeSvgIcon = React.forwardRef(function (_a, ref) {
     var icon = _a.icon, fontSize = _a.fontSize;
@@ -50533,7 +50542,7 @@ var Icon = function (_a) {
     var _b = _a.variant, variant = _b === void 0 ? 'none' : _b, icon = _a.icon, _c = _a.color, color = _c === void 0 ? '#136cac' : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 16 : _d;
     var getStyles = function () {
         var theme = useTheme$1();
-        var defaultColor = theme.palette[color]
+        var usedColor = theme.palette[color]
             ? theme.palette[color]
             : !color || (color === null || color === void 0 ? void 0 : color.length) === 0
                 ? '#136cac'
@@ -50541,22 +50550,22 @@ var Icon = function (_a) {
         switch (variant) {
             case 'square':
                 return {
-                    color: defaultColor,
-                    backgroundColor: "".concat(defaultColor, "14"),
+                    color: usedColor,
+                    backgroundColor: "".concat(usedColor, "14"),
                     borderRadius: '4px',
-                    borderColor: '1px solid ' + defaultColor,
+                    borderColor: '1px solid ' + usedColor,
                     overflow: 'visible',
                     padding: '10px',
-                    width: fontSize,
-                    height: fontSize,
+                    width: usedFontSize,
+                    height: usedFontSize,
                     display: 'flex',
                     justifyContent: 'center',
                     alignItems: 'center'
                 };
             default:
                 return {
-                    color: defaultColor,
-                    width: fontSize,
+                    color: usedColor,
+                    width: usedFontSize,
                     height: fontSize,
                     display: 'inline-flex',
                     alignItems: 'center',
@@ -50564,7 +50573,16 @@ var Icon = function (_a) {
                 };
         }
     };
-    return (jsxRuntime.jsx(Box$1, __assign$1({ component: "span", sx: getStyles() }, { children: jsxRuntime.jsx(FontAwesomeSvgIcon, { icon: icon, fontSize: fontSize }) })));
+    var isKey = function (key) {
+        return key in Sizes;
+    };
+    var usedFontSize = isKey(fontSize)
+        ? Sizes[fontSize]
+        : fontSize >= 0
+            ? fontSize
+            : 16;
+    console.log('isKey', isKey(fontSize));
+    return (jsxRuntime.jsx(Box$1, __assign$1({ component: "span", sx: getStyles() }, { children: jsxRuntime.jsx(FontAwesomeSvgIcon, { icon: icon, fontSize: usedFontSize }) })));
 };
 
 /******************************************************************************
@@ -50949,14 +50967,7 @@ var TextFieldCss = function (muiTokens) {
             }
         },
         MuiOutlinedInput: {
-            defaultProps: {
-                '&#text-field-mui': {
-                    notched: false
-                },
-                '&#text-field-ds': {
-                    notched: true
-                }
-            },
+            defaultProps: {},
             styleOverrides: {
                 input: {
                     fontSize: '14px',