@groupeactual/ui-kit 0.4.8 → 0.4.10

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

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 import { ButtonProps } from '@mui/material/Button';
-type ActButtonType = (props: ButtonProps) => JSX.Element | null;
-declare const ActButton: ActButtonType;
-export default ActButton;
+interface Props extends Omit<ButtonProps, 'variant'> {
+    variant?: 'primary' | 'secondary';
+    component?: any;
+}
+declare const Button: (props: Props) => JSX.Element;
+export default Button;

package/dist/cjs/index.js

@@ -44301,7 +44301,7 @@ const ButtonEndIcon = styled$1('span', {
 }, ownerState.size === 'small' && {
   marginRight: -2
 }, commonIconStyles(ownerState)));
-const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(inProps, ref) {
+const Button$1 = /*#__PURE__*/React__namespace.forwardRef(function Button(inProps, ref) {
   // props priority: `inProps` > `contextProps` > `themeDefaultProps`
   const contextProps = React__namespace.useContext(ButtonGroupContext$1);
   const resolvedProps = resolveProps(contextProps, inProps);
@@ -44362,7 +44362,7 @@ const Button = /*#__PURE__*/React__namespace.forwardRef(function Button(inProps,
     children: [startIcon, children, endIcon]
   }));
 });
-process.env.NODE_ENV !== "production" ? Button.propTypes /* remove-proptypes */ = {
+process.env.NODE_ENV !== "production" ? Button$1.propTypes /* remove-proptypes */ = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -44456,7 +44456,7 @@ process.env.NODE_ENV !== "production" ? Button.propTypes /* remove-proptypes */
    */
   variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['contained', 'outlined', 'text']), PropTypes.string])
 } : void 0;
-var Button$1 = Button;
+var ButtonMUI = Button$1;
 
 function getSwitchBaseUtilityClass(slot) {
   return generateUtilityClass('PrivateSwitchBase', slot);
@@ -50454,19 +50454,9 @@ var Text = function (props) { return jsxRuntime.jsx(Typography$1, __assign$1({},
 
 var Link = function (props) { return jsxRuntime.jsx(LinkMui, __assign$1({}, props)); };
 
-var ActButton = styled$1(Button$1)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        color: theme.palette.blueClickable,
-        border: "1px solid ".concat(theme.palette.greyLightDefaultborder),
-        borderRadius: 4,
-        padding: '7.5px 16px',
-        fontWeight: theme.typography.fontWeightBold,
-        lineHeight: '18px',
-        textTransform: 'unset',
-        fontSize: '14px'
-    });
-});
+var Button = function (props) {
+    return jsxRuntime.jsx(ButtonMUI, __assign$1({}, props));
+};
 
 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.isValid; var _b = _a.placeholder, placeholder = _b === void 0 ? '' : _b, maxLength = _a.maxLength, props = __rest(_a, ["name", "value", "error", "onBlur", "onChange", "label", "disabled", "endAdornment", "isValid", "placeholder", "maxLength"]);
@@ -50628,7 +50618,7 @@ var __assign = function() {
 
 /**
  * Do not edit directly
- * Generated on Thu, 08 Dec 2022 17:56:08 GMT
+ * Generated on Thu, 23 Feb 2023 15:24:19 GMT
  */
 var DefaultWebShadowAllContent = { "color": "#2727271f", "type": "dropShadow", "x": "0", "y": "2", "blur": "10", "spread": "0" };
 var DefaultSpacingXxs = "4";
@@ -50649,37 +50639,6 @@ var DefaultSizingLg = "24";
 var DefaultSizingXl = "32";
 var DefaultSizingXxl = "40";
 var DefaultSizingXxxl = "72";
-var DefaultColorsRedActual = "#e40521";
-var DefaultColorsBlueClickable = "#136cac";
-var DefaultColorsBlueHoverClickable = "#004f88";
-var DefaultColorsGreyMediumInactive = "#808080";
-var DefaultColorsGreyXDark = "#272727";
-var DefaultColorsGreyDark = "#545352";
-var DefaultColorsWhite = "#ffffff";
-var DefaultColorsGreyXLight = "#f0f0f0";
-var DefaultColorsGreyXDarkBgModal = "#27272780";
-var DefaultColorsBlueHoverEquivalence12 = "#e8f1f7";
-var DefaultColorsBlueHoverOpacity12 = "#136cac1f";
-var DefaultColorsGreyLightDefaultborder = "#cbcbcb";
-var DefaultColorsBlueInfo = "#1d91c3";
-var DefaultColorsGreenSuccess = "#23956d";
-var DefaultColorsOrangeWarning = "#e46221";
-var DefaultColorsRedError = "#b80025";
-var DefaultColorsBlueDark = "#0d2c54";
-var DefaultColorsBlueMedium = "#3d5a80";
-var DefaultColorsBlueLight = "#7fdcea";
-var DefaultColorsGreenDark = "#125e42";
-var DefaultColorsGreenMedium = "#1f8461";
-var DefaultColorsGreen = "#5dca8b";
-var DefaultColorsGreenLight = "#bad07a";
-var DefaultColorsBrown = "#6f2902";
-var DefaultColorsBrownLight = "#b65700";
-var DefaultColorsOrangeLight = "#f59b00";
-var DefaultColorsYellow = "#f9d25e";
-var DefaultColorsPurpleDark = "#530d48";
-var DefaultColorsPurple = "#831443";
-var DefaultColorsPink = "#ca1e5c";
-var DefaultColorsPinkLight = "#fd6972";
 var DefaultFontFamiliesRoboto = "Roboto";
 var DefaultLineHeights12 = "12";
 var DefaultLineHeights16 = "16";
@@ -50707,6 +50666,37 @@ var DefaultParagraphSpacing8 = "8";
 var DefaultTextCaseNone = "none";
 var DefaultTextDecorationNone = "none";
 var DefaultTextDecorationUnderline = "underline";
+var DefaultDefaultColorsRedActual = "#e40521";
+var DefaultDefaultColorsBlueClickable = "#136cac";
+var DefaultDefaultColorsBlueHoverClickable = "#004f88";
+var DefaultDefaultColorsGreyMediumInactive = "#808080";
+var DefaultDefaultColorsTextColorsGreyXDark = "#272727";
+var DefaultDefaultColorsTextColorsGreyDark = "#545352";
+var DefaultDefaultColorsBackgroundColorsWhite = "#ffffff";
+var DefaultDefaultColorsBackgroundColorsGreyXLight = "#f0f0f0";
+var DefaultDefaultColorsBackgroundColorsGreyXDarkBgModal = "#27272780";
+var DefaultDefaultColorsBackgroundColorsBlueHoverEquivalence = "#e8f1f7";
+var DefaultDefaultColorsBackgroundColorsBlueHoverOpacity12 = "#136cac1f";
+var DefaultDefaultColorsBorderColorsGreyLightDefaultBorder = "#cbcbcb";
+var DefaultDefaultColorsNotificationColorsBlueInfo = "#1d91c3";
+var DefaultDefaultColorsNotificationColorsGreenSuccess = "#23956d";
+var DefaultDefaultColorsNotificationColorsOrangeWarning = "#e46221";
+var DefaultDefaultColorsNotificationColorsRedError = "#b80025";
+var DefaultDefaultColorsSecondaryColorsBlueDark = "#0d2c54";
+var DefaultDefaultColorsSecondaryColorsBlueMedium = "#3d5a80";
+var DefaultDefaultColorsSecondaryColorsBlueLight = "#7fdcea";
+var DefaultDefaultColorsSecondaryColorsGreenDark = "#125e42";
+var DefaultDefaultColorsSecondaryColorsGreenMedium = "#1f8461";
+var DefaultDefaultColorsSecondaryColorsGreen = "#5dca8b";
+var DefaultDefaultColorsSecondaryColorsGreenLight = "#bad07a";
+var DefaultDefaultColorsSecondaryColorsBrown = "#6f2902";
+var DefaultDefaultColorsSecondaryColorsBrownLight = "#b65700";
+var DefaultDefaultColorsSecondaryColorsOrangeLight = "#f59b00";
+var DefaultDefaultColorsSecondaryColorsYellow = "#f9d25e";
+var DefaultDefaultColorsSecondaryColorsPurpleDark = "#530d48";
+var DefaultDefaultColorsSecondaryColorsPurple = "#831443";
+var DefaultDefaultColorsSecondaryColorsPink = "#ca1e5c";
+var DefaultDefaultColorsSecondaryColorsPinkLight = "#fd6972";
 var EpAppShadowAllContent = { "color": "#dedada66", "type": "dropShadow", "x": "0", "y": "4", "blur": "15", "spread": "0" };
 var EpAppShadowButtomMenu = { "color": "#dedada66", "type": "dropShadow", "x": "0", "y": "-4", "blur": "15", "spread": "0" };
 var EpBorderRadius4 = "4";
@@ -50794,37 +50784,6 @@ var tokens = /*#__PURE__*/Object.freeze({
     DefaultSizingXl: DefaultSizingXl,
     DefaultSizingXxl: DefaultSizingXxl,
     DefaultSizingXxxl: DefaultSizingXxxl,
-    DefaultColorsRedActual: DefaultColorsRedActual,
-    DefaultColorsBlueClickable: DefaultColorsBlueClickable,
-    DefaultColorsBlueHoverClickable: DefaultColorsBlueHoverClickable,
-    DefaultColorsGreyMediumInactive: DefaultColorsGreyMediumInactive,
-    DefaultColorsGreyXDark: DefaultColorsGreyXDark,
-    DefaultColorsGreyDark: DefaultColorsGreyDark,
-    DefaultColorsWhite: DefaultColorsWhite,
-    DefaultColorsGreyXLight: DefaultColorsGreyXLight,
-    DefaultColorsGreyXDarkBgModal: DefaultColorsGreyXDarkBgModal,
-    DefaultColorsBlueHoverEquivalence12: DefaultColorsBlueHoverEquivalence12,
-    DefaultColorsBlueHoverOpacity12: DefaultColorsBlueHoverOpacity12,
-    DefaultColorsGreyLightDefaultborder: DefaultColorsGreyLightDefaultborder,
-    DefaultColorsBlueInfo: DefaultColorsBlueInfo,
-    DefaultColorsGreenSuccess: DefaultColorsGreenSuccess,
-    DefaultColorsOrangeWarning: DefaultColorsOrangeWarning,
-    DefaultColorsRedError: DefaultColorsRedError,
-    DefaultColorsBlueDark: DefaultColorsBlueDark,
-    DefaultColorsBlueMedium: DefaultColorsBlueMedium,
-    DefaultColorsBlueLight: DefaultColorsBlueLight,
-    DefaultColorsGreenDark: DefaultColorsGreenDark,
-    DefaultColorsGreenMedium: DefaultColorsGreenMedium,
-    DefaultColorsGreen: DefaultColorsGreen,
-    DefaultColorsGreenLight: DefaultColorsGreenLight,
-    DefaultColorsBrown: DefaultColorsBrown,
-    DefaultColorsBrownLight: DefaultColorsBrownLight,
-    DefaultColorsOrangeLight: DefaultColorsOrangeLight,
-    DefaultColorsYellow: DefaultColorsYellow,
-    DefaultColorsPurpleDark: DefaultColorsPurpleDark,
-    DefaultColorsPurple: DefaultColorsPurple,
-    DefaultColorsPink: DefaultColorsPink,
-    DefaultColorsPinkLight: DefaultColorsPinkLight,
     DefaultFontFamiliesRoboto: DefaultFontFamiliesRoboto,
     DefaultLineHeights12: DefaultLineHeights12,
     DefaultLineHeights16: DefaultLineHeights16,
@@ -50852,6 +50811,37 @@ var tokens = /*#__PURE__*/Object.freeze({
     DefaultTextCaseNone: DefaultTextCaseNone,
     DefaultTextDecorationNone: DefaultTextDecorationNone,
     DefaultTextDecorationUnderline: DefaultTextDecorationUnderline,
+    DefaultDefaultColorsRedActual: DefaultDefaultColorsRedActual,
+    DefaultDefaultColorsBlueClickable: DefaultDefaultColorsBlueClickable,
+    DefaultDefaultColorsBlueHoverClickable: DefaultDefaultColorsBlueHoverClickable,
+    DefaultDefaultColorsGreyMediumInactive: DefaultDefaultColorsGreyMediumInactive,
+    DefaultDefaultColorsTextColorsGreyXDark: DefaultDefaultColorsTextColorsGreyXDark,
+    DefaultDefaultColorsTextColorsGreyDark: DefaultDefaultColorsTextColorsGreyDark,
+    DefaultDefaultColorsBackgroundColorsWhite: DefaultDefaultColorsBackgroundColorsWhite,
+    DefaultDefaultColorsBackgroundColorsGreyXLight: DefaultDefaultColorsBackgroundColorsGreyXLight,
+    DefaultDefaultColorsBackgroundColorsGreyXDarkBgModal: DefaultDefaultColorsBackgroundColorsGreyXDarkBgModal,
+    DefaultDefaultColorsBackgroundColorsBlueHoverEquivalence: DefaultDefaultColorsBackgroundColorsBlueHoverEquivalence,
+    DefaultDefaultColorsBackgroundColorsBlueHoverOpacity12: DefaultDefaultColorsBackgroundColorsBlueHoverOpacity12,
+    DefaultDefaultColorsBorderColorsGreyLightDefaultBorder: DefaultDefaultColorsBorderColorsGreyLightDefaultBorder,
+    DefaultDefaultColorsNotificationColorsBlueInfo: DefaultDefaultColorsNotificationColorsBlueInfo,
+    DefaultDefaultColorsNotificationColorsGreenSuccess: DefaultDefaultColorsNotificationColorsGreenSuccess,
+    DefaultDefaultColorsNotificationColorsOrangeWarning: DefaultDefaultColorsNotificationColorsOrangeWarning,
+    DefaultDefaultColorsNotificationColorsRedError: DefaultDefaultColorsNotificationColorsRedError,
+    DefaultDefaultColorsSecondaryColorsBlueDark: DefaultDefaultColorsSecondaryColorsBlueDark,
+    DefaultDefaultColorsSecondaryColorsBlueMedium: DefaultDefaultColorsSecondaryColorsBlueMedium,
+    DefaultDefaultColorsSecondaryColorsBlueLight: DefaultDefaultColorsSecondaryColorsBlueLight,
+    DefaultDefaultColorsSecondaryColorsGreenDark: DefaultDefaultColorsSecondaryColorsGreenDark,
+    DefaultDefaultColorsSecondaryColorsGreenMedium: DefaultDefaultColorsSecondaryColorsGreenMedium,
+    DefaultDefaultColorsSecondaryColorsGreen: DefaultDefaultColorsSecondaryColorsGreen,
+    DefaultDefaultColorsSecondaryColorsGreenLight: DefaultDefaultColorsSecondaryColorsGreenLight,
+    DefaultDefaultColorsSecondaryColorsBrown: DefaultDefaultColorsSecondaryColorsBrown,
+    DefaultDefaultColorsSecondaryColorsBrownLight: DefaultDefaultColorsSecondaryColorsBrownLight,
+    DefaultDefaultColorsSecondaryColorsOrangeLight: DefaultDefaultColorsSecondaryColorsOrangeLight,
+    DefaultDefaultColorsSecondaryColorsYellow: DefaultDefaultColorsSecondaryColorsYellow,
+    DefaultDefaultColorsSecondaryColorsPurpleDark: DefaultDefaultColorsSecondaryColorsPurpleDark,
+    DefaultDefaultColorsSecondaryColorsPurple: DefaultDefaultColorsSecondaryColorsPurple,
+    DefaultDefaultColorsSecondaryColorsPink: DefaultDefaultColorsSecondaryColorsPink,
+    DefaultDefaultColorsSecondaryColorsPinkLight: DefaultDefaultColorsSecondaryColorsPinkLight,
     EpAppShadowAllContent: EpAppShadowAllContent,
     EpAppShadowButtomMenu: EpAppShadowButtomMenu,
     EpBorderRadius4: EpBorderRadius4,
@@ -50921,21 +50911,24 @@ var tokens = /*#__PURE__*/Object.freeze({
 var getMuiPalette = function (themeName) {
     var palette = {};
     Object.keys(tokens).forEach(function (colorName) {
-        if (colorName.startsWith(themeName + 'Colors')) {
-            var colorKey = colorName.replace(themeName + 'Colors', '');
+        // color structure :
+        // DefaultDefaultColorsBackgroundColorsGreyXLight : Default/DefaultColorsBackgroundColors/GreyXLight -> Theme/Catégorie/Couleur
+        // récupérer last iteration of "Colors" pour avoir le nom de la couleur
+        if (colorName.startsWith(themeName) && colorName.indexOf('Colors')) {
+            var colorKey = colorName.substring(colorName.lastIndexOf('Colors') + 'Colors'.length);
             colorKey = colorKey.charAt(0).toLowerCase() + colorKey.slice(1);
             palette[colorKey] = tokens[colorName];
         }
     });
     var defaultPalette = {
         success: {
-            main: tokens[themeName + 'ColorsGreenSuccess']
+            main: palette['greenSuccess']
         },
         error: {
-            main: tokens[themeName + 'ColorsRedError']
+            main: palette['redError']
         },
         warning: {
-            main: tokens[themeName + 'ColorsOrangeWarning']
+            main: palette['orangeWarning']
         }
     };
     return __assign(__assign({}, palette), defaultPalette);
@@ -50999,6 +50992,7 @@ var TextFieldCss = function (muiTokens) {
                     fontSize: '16px'
                 },
                 root: {
+                    padding: '0px !important',
                     '&.Mui-error.MuiOutlinedInput-notchedOutline': {
                         borderColor: muiTokens.palette.redError
                     },
@@ -51029,10 +51023,48 @@ var TextFieldCss = function (muiTokens) {
     };
 };
 
+var ButtonCss = function (muiTokens) {
+    return {
+        MuiButton: {
+            styleOverrides: {
+                root: {
+                    borderRadius: 4,
+                    padding: '7.5px 16px',
+                    fontWeight: muiTokens.typography.fontWeightBold,
+                    lineHeight: '18px',
+                    textTransform: 'unset',
+                    fontSize: '14px',
+                    border: '1px solid'
+                },
+                primary: {
+                    color: muiTokens.palette.white,
+                    backgroundColor: muiTokens.palette.blueClickable,
+                    borderColor: muiTokens.palette.blueClickable,
+                    '&.Mui-disabled': {
+                        backgroundColor: muiTokens.palette.greyMediumInactive,
+                        borderColor: muiTokens.palette.greyMediumInactive,
+                        color: muiTokens.palette.white
+                    }
+                },
+                secondary: {
+                    color: muiTokens.palette.blueClickable,
+                    backgroundColor: muiTokens.palette.white,
+                    borderColor: muiTokens.palette.greyLightDefaultborder,
+                    '&.Mui-disabled': {
+                        backgroundColor: muiTokens.palette.white,
+                        borderColor: muiTokens.palette.greyLightDefaultborder,
+                        color: muiTokens.palette.greyMediumInactive
+                    }
+                }
+            }
+        }
+    };
+};
+
 var useMaterialThemeCss = function (muiTokens) {
     var muiCss = React.useMemo(function () {
         return {
-            components: __assign(__assign({}, TextFieldCss(muiTokens)), { MuiSvgIcon: {
+            components: __assign(__assign(__assign({}, TextFieldCss(muiTokens)), ButtonCss(muiTokens)), { MuiSvgIcon: {
                     styleOverrides: {
                         colorSuccess: {
                             color: muiTokens.palette.success.main
@@ -51049,7 +51081,7 @@ var useMaterialThemeTokens = function (themeName) {
     var muiTokensObject = {
         typography: {
             fontFamily: getFontFamilies(themeName).join(','),
-            big_number: {
+            bigNumber: {
                 fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
                 lineHeight: designTokens["".concat(themeName, "LineHeights49")] + 'px',
                 fontSize: designTokens["".concat(themeName, "FontSize42")] + 'px',
@@ -51058,7 +51090,7 @@ var useMaterialThemeTokens = function (themeName) {
                 textCase: designTokens["".concat(themeName, "TextCaseNone")],
                 textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
             },
-            h1: {
+            header1: {
                 fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
                 lineHeight: designTokens["".concat(themeName, "LineHeights41")] + 'px',
                 fontSize: designTokens["".concat(themeName, "FontSize35")] + 'px',
@@ -51067,7 +51099,7 @@ var useMaterialThemeTokens = function (themeName) {
                 textCase: designTokens["".concat(themeName, "TextCaseNone")],
                 textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
             },
-            h2: {
+            header2: {
                 fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
                 lineHeight: designTokens["".concat(themeName, "LineHeights34")] + 'px',
                 fontSize: designTokens["".concat(themeName, "FontSize29")] + 'px',
@@ -51076,7 +51108,7 @@ var useMaterialThemeTokens = function (themeName) {
                 textCase: designTokens["".concat(themeName, "TextCaseNone")],
                 textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
             },
-            h3: {
+            header3: {
                 fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
                 lineHeight: designTokens["".concat(themeName, "LineHeights28")] + 'px',
                 fontSize: designTokens["".concat(themeName, "FontSize24")] + 'px',
@@ -51085,7 +51117,7 @@ var useMaterialThemeTokens = function (themeName) {
                 textCase: designTokens["".concat(themeName, "TextCaseNone")],
                 textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
             },
-            h4: {
+            header4: {
                 fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
                 lineHeight: designTokens["".concat(themeName, "LineHeights21")] + 'px',
                 fontSize: designTokens["".concat(themeName, "FontSize18")] + 'px',
@@ -51094,7 +51126,7 @@ var useMaterialThemeTokens = function (themeName) {
                 textCase: designTokens["".concat(themeName, "TextCaseNone")],
                 textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
             },
-            body1_regular: {
+            body1Regular: {
                 fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
                 lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
                 fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
@@ -51103,7 +51135,7 @@ var useMaterialThemeTokens = function (themeName) {
                 textCase: designTokens["".concat(themeName, "TextCaseNone")],
                 textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
             },
-            body1_medium: {
+            body1Medium: {
                 fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
                 lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
                 fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
@@ -51112,7 +51144,7 @@ var useMaterialThemeTokens = function (themeName) {
                 textCase: designTokens["".concat(themeName, "TextCaseNone")],
                 textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
             },
-            body1_bold: {
+            body1Bold: {
                 fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
                 lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
                 fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
@@ -51121,7 +51153,7 @@ var useMaterialThemeTokens = function (themeName) {
                 textCase: designTokens["".concat(themeName, "TextCaseNone")],
                 textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
             },
-            body2_regular: {
+            body2Regular: {
                 fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
                 lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
                 fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
@@ -51130,7 +51162,7 @@ var useMaterialThemeTokens = function (themeName) {
                 textCase: designTokens["".concat(themeName, "TextCaseNone")],
                 textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
             },
-            body2_medium: {
+            body2Medium: {
                 fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
                 lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
                 fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
@@ -51139,7 +51171,7 @@ var useMaterialThemeTokens = function (themeName) {
                 textCase: designTokens["".concat(themeName, "TextCaseNone")],
                 textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
             },
-            body2_bold: {
+            body2Bold: {
                 fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
                 lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
                 fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
@@ -51157,7 +51189,7 @@ var useMaterialThemeTokens = function (themeName) {
                 textCase: designTokens["".concat(themeName, "TextCaseNone")],
                 textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
             },
-            button_notif: {
+            buttonNotif: {
                 fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
                 lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
                 fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
@@ -51239,7 +51271,7 @@ var DesignSystemProvider = function (_a) {
 };
 
 exports.Accordion = ActAccordion;
-exports.Button = ActButton;
+exports.Button = Button;
 exports.Checkbox = Checkbox;
 exports.DesignSystemContext = DesignSystemContext;
 exports.DesignSystemProvider = DesignSystemProvider;