@groupeactual/ui-kit 0.2.0 → 0.2.2

package/dist/esm/index.js

@@ -17,15 +17,15 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-var __assign$1 = function() {
-    __assign$1 = Object.assign || function __assign(t) {
+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$1.apply(this, arguments);
+    return __assign.apply(this, arguments);
 };
 
 function __rest(s, e) {
@@ -40,47 +40,6 @@ function __rest(s, e) {
     return t;
 }
 
-function r$1(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r$1(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r$1(e))&&(n&&(n+=" "),n+=t);return n}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".tag {\n  padding: 4px 8px;\n  border-radius: 4px;\n  background: rgb(244, 244, 244);\n  color: black;\n  font-size: 14px;\n  font-family: sans-serif;\n}\n\n.tag.red {\n  background: tomato;\n  color: white;\n}\n\n.tag.blue {\n  background: blue;\n  color: white;\n}\n\n.tag.green {\n  background: green;\n  color: white;\n}";
-styleInject(css_248z);
-
-var ActTag = function (props) {
-    return (jsx("span", __assign$1({ className: clsx({
-            tag: true,
-            red: props.color === 'red',
-            green: props.color === 'green',
-            blue: props.color === 'blue'
-        }) }, { children: props.label })));
-};
-
 const common = {
   black: '#000',
   white: '#fff'
@@ -1624,11 +1583,11 @@ var reactIs_production_min$1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var b$1="function"===typeof Symbol&&Symbol.for,c$1=b$1?Symbol.for("react.element"):60103,d$1=b$1?Symbol.for("react.portal"):60106,e$1=b$1?Symbol.for("react.fragment"):60107,f$1=b$1?Symbol.for("react.strict_mode"):60108,g$1=b$1?Symbol.for("react.profiler"):60114,h$1=b$1?Symbol.for("react.provider"):60109,k$1=b$1?Symbol.for("react.context"):60110,l$1=b$1?Symbol.for("react.async_mode"):60111,m$1=b$1?Symbol.for("react.concurrent_mode"):60111,n$1=b$1?Symbol.for("react.forward_ref"):60112,p$2=b$1?Symbol.for("react.suspense"):60113,q$1=b$1?
-Symbol.for("react.suspense_list"):60120,r=b$1?Symbol.for("react.memo"):60115,t$1=b$1?Symbol.for("react.lazy"):60116,v$2=b$1?Symbol.for("react.block"):60121,w=b$1?Symbol.for("react.fundamental"):60117,x=b$1?Symbol.for("react.responder"):60118,y=b$1?Symbol.for("react.scope"):60119;
-function z$1(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$1:switch(a=a.type,a){case l$1:case m$1:case e$1:case g$1:case f$1:case p$2:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r:case h$1:return a;default:return u}}case d$1:return u}}}function A$1(a){return z$1(a)===m$1}reactIs_production_min$1.AsyncMode=l$1;reactIs_production_min$1.ConcurrentMode=m$1;reactIs_production_min$1.ContextConsumer=k$1;reactIs_production_min$1.ContextProvider=h$1;reactIs_production_min$1.Element=c$1;reactIs_production_min$1.ForwardRef=n$1;reactIs_production_min$1.Fragment=e$1;reactIs_production_min$1.Lazy=t$1;reactIs_production_min$1.Memo=r;reactIs_production_min$1.Portal=d$1;
+Symbol.for("react.suspense_list"):60120,r$1=b$1?Symbol.for("react.memo"):60115,t$1=b$1?Symbol.for("react.lazy"):60116,v$2=b$1?Symbol.for("react.block"):60121,w=b$1?Symbol.for("react.fundamental"):60117,x=b$1?Symbol.for("react.responder"):60118,y=b$1?Symbol.for("react.scope"):60119;
+function z$1(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$1:switch(a=a.type,a){case l$1:case m$1:case e$1:case g$1:case f$1:case p$2:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r$1:case h$1:return a;default:return u}}case d$1:return u}}}function A$1(a){return z$1(a)===m$1}reactIs_production_min$1.AsyncMode=l$1;reactIs_production_min$1.ConcurrentMode=m$1;reactIs_production_min$1.ContextConsumer=k$1;reactIs_production_min$1.ContextProvider=h$1;reactIs_production_min$1.Element=c$1;reactIs_production_min$1.ForwardRef=n$1;reactIs_production_min$1.Fragment=e$1;reactIs_production_min$1.Lazy=t$1;reactIs_production_min$1.Memo=r$1;reactIs_production_min$1.Portal=d$1;
 reactIs_production_min$1.Profiler=g$1;reactIs_production_min$1.StrictMode=f$1;reactIs_production_min$1.Suspense=p$2;reactIs_production_min$1.isAsyncMode=function(a){return A$1(a)||z$1(a)===l$1};reactIs_production_min$1.isConcurrentMode=A$1;reactIs_production_min$1.isContextConsumer=function(a){return z$1(a)===k$1};reactIs_production_min$1.isContextProvider=function(a){return z$1(a)===h$1};reactIs_production_min$1.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$1};reactIs_production_min$1.isForwardRef=function(a){return z$1(a)===n$1};reactIs_production_min$1.isFragment=function(a){return z$1(a)===e$1};reactIs_production_min$1.isLazy=function(a){return z$1(a)===t$1};
-reactIs_production_min$1.isMemo=function(a){return z$1(a)===r};reactIs_production_min$1.isPortal=function(a){return z$1(a)===d$1};reactIs_production_min$1.isProfiler=function(a){return z$1(a)===g$1};reactIs_production_min$1.isStrictMode=function(a){return z$1(a)===f$1};reactIs_production_min$1.isSuspense=function(a){return z$1(a)===p$2};
-reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$1||a===m$1||a===g$1||a===f$1||a===p$2||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v$2)};reactIs_production_min$1.typeOf=z$1;
+reactIs_production_min$1.isMemo=function(a){return z$1(a)===r$1};reactIs_production_min$1.isPortal=function(a){return z$1(a)===d$1};reactIs_production_min$1.isProfiler=function(a){return z$1(a)===g$1};reactIs_production_min$1.isStrictMode=function(a){return z$1(a)===f$1};reactIs_production_min$1.isSuspense=function(a){return z$1(a)===p$2};
+reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$1||a===m$1||a===g$1||a===f$1||a===p$2||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r$1||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v$2)};reactIs_production_min$1.typeOf=z$1;
 
 var reactIs_development$1 = {};
 
@@ -5667,8 +5626,8 @@ const backgroundColor = style$1({
   prop: 'backgroundColor',
   themeKey: 'palette'
 });
-const palette = compose(color, bgcolor, backgroundColor);
-var palette$1 = palette;
+const palette$1 = compose(color, bgcolor, backgroundColor);
+var palette$2 = palette$1;
 
 const position = style$1({
   prop: 'position'
@@ -5796,7 +5755,7 @@ const filterPropsMapping = {
   flexbox: flexbox$1.filterProps,
   grid: grid$1.filterProps,
   positions: positions.filterProps,
-  palette: palette$1.filterProps,
+  palette: palette$2.filterProps,
   shadows: shadows$2.filterProps,
   sizing: sizing$1.filterProps,
   spacing: spacing.filterProps,
@@ -5808,7 +5767,7 @@ const styleFunctionMapping = {
   flexbox: flexbox$1,
   grid: grid$1,
   positions,
-  palette: palette$1,
+  palette: palette$2,
   shadows: shadows$2,
   sizing: sizing$1,
   spacing,
@@ -5974,6 +5933,8 @@ function extendSxProp(props) {
   });
 }
 
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
 const _excluded$J = ["values", "unit", "step"];
 
 const sortBreakpointsValues = values => {
@@ -51030,7 +50991,7 @@ const TextFieldRoot = styled$1(FormControl$1, {
  * - using the underlying components directly as shown in the demos
  */
 
-const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref) {
+const TextField$1 = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref) {
   const props = useThemeProps({
     props: inProps,
     name: 'MuiTextField'
@@ -51169,7 +51130,7 @@ const TextField = /*#__PURE__*/React.forwardRef(function TextField(inProps, ref)
     }))]
   }));
 });
-process.env.NODE_ENV !== "production" ? TextField.propTypes
+process.env.NODE_ENV !== "production" ? TextField$1.propTypes
 /* remove-proptypes */
 = {
   // ----------------------------- Warning --------------------------------
@@ -51386,11 +51347,11 @@ process.env.NODE_ENV !== "production" ? TextField.propTypes
    */
   variant: PropTypes.oneOf(['filled', 'outlined', 'standard'])
 } : void 0;
-var TextField$1 = TextField;
+var MuiTextField = TextField$1;
 
-var ActText = function (props) { return jsx(Typography$1, __assign$1({}, props)); };
+var ActText = function (props) { return jsx(Typography$1, __assign({}, props)); };
 
-var ActHeading = function (props) { return jsx(Typography$1, __assign$1({}, props)); };
+var ActHeading = function (props) { return jsx(Typography$1, __assign({}, props)); };
 
 var ActButton = styled$1(Button$1)(function (_a) {
     var theme = _a.theme;
@@ -51406,7 +51367,7 @@ var ActButton = styled$1(Button$1)(function (_a) {
     });
 });
 
-var TextInput = 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; _a.placeholder; var props = __rest(_a, ["name", "value", "error", "onBlur", "onChange", "label", "disabled", "endAdornment", "placeholder"]);
     var _c = useState(value), internalValue = _c[0], setInternalValue = _c[1];
     useEffect(function () {
@@ -51414,7 +51375,7 @@ var TextInput = function (_a) {
             setInternalValue(value);
         }
     }, [value]);
-    return (jsx(TextField$1, __assign$1({ variant: "standard", name: name, label: label, value: internalValue, onClick: function (e) { return e.stopPropagation(); }, InputProps: {
+    return (jsx(MuiTextField, __assign({ variant: "outlined", name: name, label: label, value: internalValue, onClick: function (e) { return e.stopPropagation(); }, InputProps: {
             endAdornment: endAdornment
         }, onChange: function (e) {
             setInternalValue(e.currentTarget.value);
@@ -51432,10 +51393,10 @@ var Checkbox = function (_a) {
             setInternalValue(value);
         }
     }, [value]);
-    return (jsxs(FormControl$1, __assign$1({ fullWidth: true }, { children: [jsx(FormControlLabel$1, { sx: { display: 'table' }, control: jsx(Box$3, __assign$1({ sx: { display: 'table-cell' } }, { children: jsx(CheckboxMUI, { name: name, sx: { marginTop: -0.5 }, checked: internalValue, color: "primary", onChange: function (e) {
+    return (jsxs(FormControl$1, __assign({ fullWidth: true }, { children: [jsx(FormControlLabel$1, { sx: { display: 'table' }, control: jsx(Box$3, __assign({ sx: { display: 'table-cell' } }, { children: jsx(CheckboxMUI, { name: name, sx: { marginTop: -0.5 }, checked: internalValue, color: "primary", onChange: function (e) {
                             setInternalValue(e.target.checked);
                             onChange(name, e.target.checked, true);
-                        } }) })), label: jsx(Typography$1, __assign$1({ sx: sx }, { children: label })) }), error && (jsx(Typography$1, __assign$1({ sx: {
+                        } }) })), label: jsx(Typography$1, __assign({ sx: sx }, { children: label })) }), error && (jsx(Typography$1, __assign({ sx: {
                     marginTop: -1,
                     color: '#B80025',
                     fontWeight: 400,
@@ -51443,158 +51404,274 @@ var Checkbox = function (_a) {
                 } }, { children: error })))] })));
 };
 
-/******************************************************************************
-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 fontSizes$1 = {
-	caption: "11px",
-	body2: "13px",
-	body1: "14px",
-	subtitle2: "18px",
-	subtitle1: "24px",
-	h2: "29px",
-	h1: "35px",
-	bigNumber: "42px",
-	title2: "55px"
-};
-var fontWeights = {
-	light: "300",
-	regular: "400",
-	medium: "500",
-	bold: "700",
-	caption: "400",
-	body2: "400",
-	body1: "400",
-	subtitle2: "500",
-	subtitle1: "400",
-	h2: "500",
-	h1: "700"
-};
-var lineHeights = {
-	caption: "12px",
-	body2: "16px",
-	body1: "18px",
-	subtitle2: "21px",
-	subtitle1: "28px",
-	h2: "34px",
-	h1: "41px"
-};
-var colors$1 = {
-	text: {
-		primary: "#272727",
-		secondary: "#545352"
-	},
-	black: "#000000",
-	white: "#FFFFFF",
-	red: "red",
-	green: "green",
-	blueClickable: "#136CAC",
-	greyDark: "#545352",
-	greyXDark: "#272727",
-	defaultBorder: "#CBCBCB",
-	greyLightBorder: "#F0F0F0",
-	redLight: "rgba(255, 0, 0, 0.04)"
-};
-var defaultTokens = {
-	fontSizes: fontSizes$1,
-	fontWeights: fontWeights,
-	lineHeights: lineHeights,
-	colors: colors$1
+/**
+ * Do not edit directly
+ * Generated on Fri, 18 Nov 2022 15:06:19 GMT
+ */
+var DefaultWebShadowAllContent = {
+    color: '#2727271f',
+    type: 'dropShadow',
+    x: '0',
+    y: '2',
+    blur: '10',
+    spread: '0'
 };
+var DefaultFontFamiliesRoboto = 'Roboto';
+var DefaultLineHeights12 = '12';
+var DefaultLineHeights16 = '16';
+var DefaultLineHeights18 = '18';
+var DefaultLineHeights21 = '21';
+var DefaultLineHeights28 = '28';
+var DefaultLineHeights34 = '34';
+var DefaultLineHeights41 = '41';
+var DefaultLineHeights49 = '49';
+var DefaultFontWeightsRoboto700 = 'Bold';
+var DefaultFontWeightsRoboto500 = 'Medium';
+var DefaultFontWeightsRoboto400 = 'Regular';
+var DefaultFontSize10 = '10';
+var DefaultFontSize12 = '12';
+var DefaultFontSize14 = '14';
+var DefaultFontSize16 = '16';
+var DefaultFontSize18 = '18';
+var DefaultFontSize24 = '24';
+var DefaultFontSize29 = '29';
+var DefaultFontSize35 = '35';
+var DefaultFontSize42 = '42';
+var DefaultLetterSpacing0 = '0%';
+var DefaultParagraphSpacing0 = '0';
+var DefaultParagraphSpacing8 = '8';
+var DefaultTextCaseNone = 'none';
+var DefaultTextDecorationNone = 'none';
+var DefaultTextDecorationUnderline = 'underline';
+var DefaultSpacingXxs = '4';
+var DefaultSpacingXs = '8';
+var DefaultSpacingSm = '16';
+var DefaultSpacingMd = '24';
+var DefaultSpacingLg = '32';
+var DefaultSpacingXl = '40';
+var DefaultSpacingXxl = '72';
+var DefaultBorderRadius4 = '4';
+var DefaultBorderRadius8 = '8';
+var DefaultBorderRadius16 = '16';
+var DefaultBorderRadius24 = '24';
+var DefaultSizingXs = '8';
+var DefaultSizingSm = '12';
+var DefaultSizingMd = '16';
+var DefaultSizingLg = '24';
+var DefaultSizingXl = '32';
+var DefaultSizingXxl = '40';
+var DefaultSizingXxxl = '72';
+var DefaultDefaultColorsRedActual = '#e40521';
+var DefaultDefaultColorsBlueClickable = '#136cac';
+var DefaultDefaultColorsBlueHoverClickable = '#004f88';
+var DefaultDefaultColorsGreyMediumInactive = '#808080';
+var DefaultDefaultColorsGreyXDark = '#272727';
+var DefaultDefaultColorsGreyDark = '#545352';
+var DefaultDefaultColorsWhite = '#ffffff';
+var DefaultDefaultColorsGreyXLight = '#f0f0f0';
+var DefaultDefaultColorsGreyXDarkBgModal = '#27272780';
+var DefaultDefaultColorsBlueHoverEquivalence12 = '#e8f1f7';
+var DefaultDefaultColorsBlueHoverOpacity12 = '#136cac1f';
+var DefaultDefaultColorsGreyLightDefaultborder = '#cbcbcb';
+var DefaultDefaultColorsBlueInfo = '#1d91c3';
+var DefaultDefaultColorsGreenSuccess = '#23956d';
+var DefaultDefaultColorsOrangeWarning = '#e46221';
+var DefaultDefaultColorsRedError = '#b80025';
+var DefaultDefaultColorsBlueDark = '#0d2c54';
+var DefaultDefaultColorsBlueMedium = '#3d5a80';
+var DefaultDefaultColorsBlueLight = '#7fdcea';
+var DefaultDefaultColorsGreenDark = '#125e42';
+var DefaultDefaultColorsGreenMedium = '#1f8461';
+var DefaultDefaultColorsGreen = '#5dca8b';
+var DefaultDefaultColorsGreenLight = '#bad07a';
+var DefaultDefaultColorsBrown = '#6f2902';
+var DefaultDefaultColorsBrownLight = '#b65700';
+var DefaultDefaultColorsOrangeLight = '#f59b00';
+var DefaultDefaultColorsYellow = '#f9d25e';
+var DefaultDefaultColorsPurpleDark = '#530d48';
+var DefaultDefaultColorsPurple = '#831443';
+var DefaultDefaultColorsPink = '#ca1e5c';
+var DefaultDefaultColorsPinkLight = '#fd6972';
+
+var tokens = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    DefaultWebShadowAllContent: DefaultWebShadowAllContent,
+    DefaultFontFamiliesRoboto: DefaultFontFamiliesRoboto,
+    DefaultLineHeights12: DefaultLineHeights12,
+    DefaultLineHeights16: DefaultLineHeights16,
+    DefaultLineHeights18: DefaultLineHeights18,
+    DefaultLineHeights21: DefaultLineHeights21,
+    DefaultLineHeights28: DefaultLineHeights28,
+    DefaultLineHeights34: DefaultLineHeights34,
+    DefaultLineHeights41: DefaultLineHeights41,
+    DefaultLineHeights49: DefaultLineHeights49,
+    DefaultFontWeightsRoboto700: DefaultFontWeightsRoboto700,
+    DefaultFontWeightsRoboto500: DefaultFontWeightsRoboto500,
+    DefaultFontWeightsRoboto400: DefaultFontWeightsRoboto400,
+    DefaultFontSize10: DefaultFontSize10,
+    DefaultFontSize12: DefaultFontSize12,
+    DefaultFontSize14: DefaultFontSize14,
+    DefaultFontSize16: DefaultFontSize16,
+    DefaultFontSize18: DefaultFontSize18,
+    DefaultFontSize24: DefaultFontSize24,
+    DefaultFontSize29: DefaultFontSize29,
+    DefaultFontSize35: DefaultFontSize35,
+    DefaultFontSize42: DefaultFontSize42,
+    DefaultLetterSpacing0: DefaultLetterSpacing0,
+    DefaultParagraphSpacing0: DefaultParagraphSpacing0,
+    DefaultParagraphSpacing8: DefaultParagraphSpacing8,
+    DefaultTextCaseNone: DefaultTextCaseNone,
+    DefaultTextDecorationNone: DefaultTextDecorationNone,
+    DefaultTextDecorationUnderline: DefaultTextDecorationUnderline,
+    DefaultSpacingXxs: DefaultSpacingXxs,
+    DefaultSpacingXs: DefaultSpacingXs,
+    DefaultSpacingSm: DefaultSpacingSm,
+    DefaultSpacingMd: DefaultSpacingMd,
+    DefaultSpacingLg: DefaultSpacingLg,
+    DefaultSpacingXl: DefaultSpacingXl,
+    DefaultSpacingXxl: DefaultSpacingXxl,
+    DefaultBorderRadius4: DefaultBorderRadius4,
+    DefaultBorderRadius8: DefaultBorderRadius8,
+    DefaultBorderRadius16: DefaultBorderRadius16,
+    DefaultBorderRadius24: DefaultBorderRadius24,
+    DefaultSizingXs: DefaultSizingXs,
+    DefaultSizingSm: DefaultSizingSm,
+    DefaultSizingMd: DefaultSizingMd,
+    DefaultSizingLg: DefaultSizingLg,
+    DefaultSizingXl: DefaultSizingXl,
+    DefaultSizingXxl: DefaultSizingXxl,
+    DefaultSizingXxxl: DefaultSizingXxxl,
+    DefaultDefaultColorsRedActual: DefaultDefaultColorsRedActual,
+    DefaultDefaultColorsBlueClickable: DefaultDefaultColorsBlueClickable,
+    DefaultDefaultColorsBlueHoverClickable: DefaultDefaultColorsBlueHoverClickable,
+    DefaultDefaultColorsGreyMediumInactive: DefaultDefaultColorsGreyMediumInactive,
+    DefaultDefaultColorsGreyXDark: DefaultDefaultColorsGreyXDark,
+    DefaultDefaultColorsGreyDark: DefaultDefaultColorsGreyDark,
+    DefaultDefaultColorsWhite: DefaultDefaultColorsWhite,
+    DefaultDefaultColorsGreyXLight: DefaultDefaultColorsGreyXLight,
+    DefaultDefaultColorsGreyXDarkBgModal: DefaultDefaultColorsGreyXDarkBgModal,
+    DefaultDefaultColorsBlueHoverEquivalence12: DefaultDefaultColorsBlueHoverEquivalence12,
+    DefaultDefaultColorsBlueHoverOpacity12: DefaultDefaultColorsBlueHoverOpacity12,
+    DefaultDefaultColorsGreyLightDefaultborder: DefaultDefaultColorsGreyLightDefaultborder,
+    DefaultDefaultColorsBlueInfo: DefaultDefaultColorsBlueInfo,
+    DefaultDefaultColorsGreenSuccess: DefaultDefaultColorsGreenSuccess,
+    DefaultDefaultColorsOrangeWarning: DefaultDefaultColorsOrangeWarning,
+    DefaultDefaultColorsRedError: DefaultDefaultColorsRedError,
+    DefaultDefaultColorsBlueDark: DefaultDefaultColorsBlueDark,
+    DefaultDefaultColorsBlueMedium: DefaultDefaultColorsBlueMedium,
+    DefaultDefaultColorsBlueLight: DefaultDefaultColorsBlueLight,
+    DefaultDefaultColorsGreenDark: DefaultDefaultColorsGreenDark,
+    DefaultDefaultColorsGreenMedium: DefaultDefaultColorsGreenMedium,
+    DefaultDefaultColorsGreen: DefaultDefaultColorsGreen,
+    DefaultDefaultColorsGreenLight: DefaultDefaultColorsGreenLight,
+    DefaultDefaultColorsBrown: DefaultDefaultColorsBrown,
+    DefaultDefaultColorsBrownLight: DefaultDefaultColorsBrownLight,
+    DefaultDefaultColorsOrangeLight: DefaultDefaultColorsOrangeLight,
+    DefaultDefaultColorsYellow: DefaultDefaultColorsYellow,
+    DefaultDefaultColorsPurpleDark: DefaultDefaultColorsPurpleDark,
+    DefaultDefaultColorsPurple: DefaultDefaultColorsPurple,
+    DefaultDefaultColorsPink: DefaultDefaultColorsPink,
+    DefaultDefaultColorsPinkLight: DefaultDefaultColorsPinkLight
+});
 
-var fontSizes = {
-	h3: "1.3rem"
-};
-var colors = {
-	red: "#E11C31",
-	redDark: "#B80025",
-	greyLight: "#F0F0F0",
-	greyDark: "#808080",
-	greySemiDark: "#545352",
-	grey: "#CBCBCB",
-	blue: "#136CAC",
-	orange: "#E46221"
-};
-var lucieTokens = {
-	fontSizes: fontSizes,
-	colors: colors
+var getTokensByType = function (type) {
+    var defaultTokens = {};
+    Object.keys(tokens).forEach(function (colorName) {
+        if (colorName.startsWith("Default".concat(type))) {
+            var colorKey = colorName.replace("Default".concat(type), '');
+            colorKey = colorKey.charAt(0).toLowerCase() + colorName.slice(1);
+            defaultTokens[colorKey] = tokens[colorName];
+        }
+    });
+    return defaultTokens;
 };
-
 var useThemeTokens = function (themeName) {
     if (themeName === void 0) { themeName = 'default'; }
-    var themeTokens = useMemo(function () {
-        switch (themeName) {
-            case 'lucie':
-                return lucieTokens;
-            default:
-                return {};
-        }
-    }, [themeName]);
     var tokens = useMemo(function () {
-        var baseTokens = defaultTokens;
         return {
-            fontSizes: __assign(__assign({}, baseTokens.fontSizes), themeTokens.fontSizes),
-            fontWeights: __assign(__assign({}, baseTokens.fontWeights), themeTokens.fontWeights),
-            lineHeights: __assign(__assign({}, baseTokens.lineHeights), themeTokens.lineHeights),
-            colors: __assign(__assign({}, baseTokens.colors), themeTokens.colors)
+            fontSizes: getTokensByType('FontSize'),
+            fontWeights: getTokensByType('FontWeights'),
+            lineHeights: getTokensByType('LineHeights'),
+            colors: getTokensByType('DefaultColors'),
+            spacing: getTokensByType('Spacing'),
+            sizing: getTokensByType('Sizing')
         };
-    }, [themeName, themeTokens]);
-    var materialUIThemeTokens = useMemo(function () {
-        var typographies = [
-            'h1',
-            'h2',
-            'h3',
-            'subtitle1',
-            'subtitle2',
-            'body1',
-            'body2',
-            'caption'
-        ];
-        var typography = {};
-        typographies.forEach(function (typo) {
-            typography[typo] = {
-                fontSize: tokens.fontSizes[typo],
-                lineHeight: tokens.lineHeights[typo],
-                fontWeight: tokens.fontWeights[typo]
-            };
-        });
+    }, [themeName]);
+    return { themeName: themeName, tokens: tokens };
+};
+
+var palette = {};
+Object.keys(tokens).forEach(function (colorName) {
+    if (colorName.startsWith('DefaultDefaultColors')) {
+        var colorKey = colorName.replace('DefaultDefaultColors', '');
+        colorKey = colorKey.charAt(0).toLowerCase() + colorName.slice(1);
+        palette[colorKey] = tokens[colorName];
+    }
+});
+// TODO ne gère pour le moment que le theme default, possibilité de rendre la fonction
+//  générique en gérant le theme 'Default'FontSize35
+var useMaterialThemeTokens = function (themeName) {
+    if (themeName === void 0) { themeName = 'default'; }
+    var muiTokens = useMemo(function () {
         return {
-            typography: __assign(__assign({}, typography), { fontWeightLight: tokens.fontWeights.light, fontWeightRegular: tokens.fontWeights.regular, fontWeightMedium: tokens.fontWeights.medium, fontWeightBold: tokens.fontWeights.bold }),
-            palette: tokens.colors
+            typography: {
+                h1: {
+                    fontSize: DefaultFontSize35,
+                    lineHeight: DefaultLineHeights41,
+                    fontWeight: DefaultFontWeightsRoboto700
+                },
+                h2: {
+                    fontSize: DefaultFontSize29,
+                    lineHeight: DefaultLineHeights34,
+                    fontWeight: DefaultFontWeightsRoboto500
+                },
+                h3: {
+                    fontSize: DefaultFontSize24,
+                    lineHeight: DefaultLineHeights28,
+                    fontWeight: DefaultFontWeightsRoboto400
+                },
+                subtitle1: {
+                    fontSize: DefaultFontSize24,
+                    lineHeight: DefaultLineHeights28,
+                    fontWeight: DefaultFontWeightsRoboto400
+                },
+                subtitle2: {
+                    fontSize: DefaultFontSize18,
+                    lineHeight: DefaultLineHeights21,
+                    fontWeight: DefaultFontWeightsRoboto500
+                },
+                body1: {
+                    fontSize: DefaultFontSize14,
+                    lineHeight: DefaultLineHeights18,
+                    fontWeight: DefaultFontWeightsRoboto400
+                },
+                body2: {
+                    fontSize: DefaultFontSize12,
+                    lineHeight: DefaultLineHeights16,
+                    fontWeight: DefaultFontWeightsRoboto400
+                },
+                caption: {
+                    fontSize: DefaultFontSize10,
+                    lineHeight: DefaultLineHeights12,
+                    fontWeight: DefaultFontWeightsRoboto400
+                },
+                fontWeightLight: DefaultFontWeightsRoboto400,
+                fontWeightRegular: DefaultFontWeightsRoboto500,
+                fontWeightMedium: DefaultFontWeightsRoboto500,
+                fontWeightBold: DefaultFontWeightsRoboto700
+            },
+            palette: palette
         };
     }, [tokens, themeName]);
-    return { themeName: themeName, tokens: tokens, materialUIThemeTokens: materialUIThemeTokens };
+    return { muiTokens: muiTokens };
 };
 
 var ActAccordion = function (_a) {
     var icon = _a.icon, title = _a.title, content = _a.content, summaryHeight = _a.summaryHeight;
     var tokens = useThemeTokens('lucie').tokens;
-    return (jsxs(Accordion$1, __assign$1({ sx: { border: "1px solid ".concat(tokens.colors.defaultBorder) } }, { children: [jsx(AccordionSummary$1, __assign$1({ expandIcon: icon, sx: {
+    return (jsxs(Accordion$1, __assign({ sx: { border: "1px solid ".concat(tokens.colors.defaultBorder) } }, { children: [jsx(AccordionSummary$1, __assign({ expandIcon: icon, sx: {
                     height: summaryHeight || 60
-                } }, { children: title })), jsx(AccordionDetails$1, __assign$1({ sx: {
+                } }, { children: title })), jsx(AccordionDetails$1, __assign({ sx: {
                     bgcolor: tokens.colors.greyLightBorder,
                     borderTop: '1px solid #CBCBCB'
                 } }, { children: content }))] })));
@@ -51604,7 +51681,7 @@ var ActAccordion = function (_a) {
 var FontAwesomeSvgIcon = forwardRef(function (_a, ref) {
     var icon = _a.icon, fontSize = _a.fontSize;
     var _b = icon.icon, width = _b[0], height = _b[1], svgPathData = _b[4];
-    return (jsx(SvgIcon$1, __assign$1({ ref: ref, viewBox: "0 0 ".concat(width, " ").concat(height), sx: {
+    return (jsx(SvgIcon$1, __assign({ ref: ref, viewBox: "0 0 ".concat(width, " ").concat(height), sx: {
             fontSize: fontSize
         } }, { children: typeof svgPathData === 'string' ? (jsx("path", { d: svgPathData })) : (
         /**
@@ -51680,7 +51757,7 @@ var IconProvider = function (_a) {
                 };
         }
     };
-    return (jsx(Box$1, __assign$1({ component: "span", sx: getStyles() }, { children: jsx(FontAwesomeSvgIcon, { icon: icon, fontSize: getFontSize() }) })));
+    return (jsx(Box$1, __assign({ component: "span", sx: getStyles() }, { children: jsx(FontAwesomeSvgIcon, { icon: icon, fontSize: getFontSize() }) })));
 };
 
 var DesignSystemContext = createContext({
@@ -51691,9 +51768,9 @@ var DesignSystemContext = createContext({
 var MaterialThemeProvider = function (_a) {
     var children = _a.children;
     var themeName = useContext(DesignSystemContext).themeName;
-    var materialUIThemeTokens = useThemeTokens(themeName).materialUIThemeTokens;
+    var materialUIThemeTokens = useMaterialThemeTokens(themeName).materialUIThemeTokens;
     var theme = useMemo(function () { return createTheme(materialUIThemeTokens); }, [materialUIThemeTokens]);
-    return jsx(ThemeProvider, __assign$1({ theme: theme }, { children: children }));
+    return jsx(ThemeProvider, __assign({ theme: theme }, { children: children }));
 };
 var DesignSystemProvider = function (_a) {
     var children = _a.children, _b = _a.name, themeName = _b === void 0 ? 'default' : _b;
@@ -51701,8 +51778,8 @@ var DesignSystemProvider = function (_a) {
     var toggleDarkTheme = function () {
         setIsDarkTheme(!isDarkTheme);
     };
-    return (jsx(DesignSystemContext.Provider, __assign$1({ value: { isDarkTheme: isDarkTheme, themeName: themeName, toggleDarkTheme: toggleDarkTheme } }, { children: jsx(MaterialThemeProvider, { children: children }) })));
+    return (jsx(DesignSystemContext.Provider, __assign({ value: { isDarkTheme: isDarkTheme, themeName: themeName, toggleDarkTheme: toggleDarkTheme } }, { children: jsx(MaterialThemeProvider, { children: children }) })));
 };
 
-export { ActAccordion, ActButton, Checkbox as ActCheckbox, ActHeading, ActTag, ActText, TextInput as ActTextInput, DesignSystemContext, DesignSystemProvider, IconProvider };
+export { ActAccordion, ActButton, Checkbox as ActCheckbox, ActHeading, ActText, DesignSystemContext, DesignSystemProvider, IconProvider, TextField };
 //# sourceMappingURL=index.js.map