@groupeactual/ui-kit 0.3.3 → 0.3.5

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 (6) hide show
  1. package/dist/cjs/index.js +205 -173
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +205 -173
  4. package/dist/esm/index.js.map +1 -1
  5. package/package.json +4 -4
  6. package/src/DesignSystemProvider.tsx +1 -1
package/dist/cjs/index.js CHANGED
@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var jsxRuntime = require('react/jsx-runtime');
6
6
  var React = require('react');
7
- var react = require('@emotion/react');
8
7
 
9
8
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
9
 
@@ -2357,6 +2356,41 @@ if (process.env.NODE_ENV !== 'production') {
2357
2356
  ThemeContext$2.displayName = 'EmotionThemeContext';
2358
2357
  }
2359
2358
 
2359
+ var getTheme = function getTheme(outerTheme, theme) {
2360
+ if (typeof theme === 'function') {
2361
+ var mergedTheme = theme(outerTheme);
2362
+
2363
+ if (process.env.NODE_ENV !== 'production' && (mergedTheme == null || typeof mergedTheme !== 'object' || Array.isArray(mergedTheme))) {
2364
+ throw new Error('[ThemeProvider] Please return an object from your theme function, i.e. theme={() => ({})}!');
2365
+ }
2366
+
2367
+ return mergedTheme;
2368
+ }
2369
+
2370
+ if (process.env.NODE_ENV !== 'production' && (theme == null || typeof theme !== 'object' || Array.isArray(theme))) {
2371
+ throw new Error('[ThemeProvider] Please make your theme prop a plain object');
2372
+ }
2373
+
2374
+ return _extends({}, outerTheme, theme);
2375
+ };
2376
+
2377
+ var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
2378
+ return weakMemoize(function (theme) {
2379
+ return getTheme(outerTheme, theme);
2380
+ });
2381
+ });
2382
+ var ThemeProvider = function ThemeProvider(props) {
2383
+ var theme = React.useContext(ThemeContext$2);
2384
+
2385
+ if (props.theme !== theme) {
2386
+ theme = createCacheWithTheme(theme)(props.theme);
2387
+ }
2388
+
2389
+ return /*#__PURE__*/React.createElement(ThemeContext$2.Provider, {
2390
+ value: theme
2391
+ }, props.children);
2392
+ };
2393
+
2360
2394
  var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
2361
2395
  var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
2362
2396
 
@@ -51660,7 +51694,7 @@ var Checkbox = function (_a) {
51660
51694
 
51661
51695
  /**
51662
51696
  * Do not edit directly
51663
- * Generated on Sat, 26 Nov 2022 04:29:45 GMT
51697
+ * Generated on Sat, 26 Nov 2022 18:23:06 GMT
51664
51698
  */
51665
51699
  var DefaultWebShadowAllContent = { "color": "#2727271f", "type": "dropShadow", "x": "0", "y": "2", "blur": "10", "spread": "0" };
51666
51700
  var DefaultSpacingXxs = "4";
@@ -52013,180 +52047,178 @@ var useThemeTokens = function (themeName) {
52013
52047
 
52014
52048
  var useMaterialThemeTokens = function (themeName) {
52015
52049
  var designTokens = tokens;
52016
- var muiTokens = React.useMemo(function () {
52017
- return {
52018
- components: {
52019
- MuiInputLabel: {
52020
- styleOverrides: {
52021
- // TODO : override css here
52022
- root: {}
52023
- }
52050
+ var muiTokens = {
52051
+ components: {
52052
+ MuiInputLabel: {
52053
+ styleOverrides: {
52054
+ // TODO : override css here
52055
+ root: {}
52024
52056
  }
52057
+ }
52058
+ },
52059
+ typography: {
52060
+ fontFamily: getFontFamilies(themeName).join(','),
52061
+ big_number: {
52062
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52063
+ lineHeight: designTokens["".concat(themeName, "LineHeights49")] + 'px',
52064
+ fontSize: designTokens["".concat(themeName, "FontSize42")] + 'px',
52065
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52066
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52067
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52068
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52025
52069
  },
52026
- typography: {
52027
- fontFamily: getFontFamilies(themeName).join(','),
52028
- big_number: {
52029
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52030
- lineHeight: designTokens["".concat(themeName, "LineHeights49")] + 'px',
52031
- fontSize: designTokens["".concat(themeName, "FontSize42")] + 'px',
52032
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52033
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52034
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52035
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52036
- },
52037
- h1: {
52038
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52039
- lineHeight: designTokens["".concat(themeName, "LineHeights41")] + 'px',
52040
- fontSize: designTokens["".concat(themeName, "FontSize35")] + 'px',
52041
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52042
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52043
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52044
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52045
- },
52046
- h2: {
52047
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52048
- lineHeight: designTokens["".concat(themeName, "LineHeights34")] + 'px',
52049
- fontSize: designTokens["".concat(themeName, "FontSize29")] + 'px',
52050
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52051
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52052
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52053
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52054
- },
52055
- h3: {
52056
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52057
- lineHeight: designTokens["".concat(themeName, "LineHeights28")] + 'px',
52058
- fontSize: designTokens["".concat(themeName, "FontSize24")] + 'px',
52059
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52060
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52061
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52062
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52063
- },
52064
- h4: {
52065
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52066
- lineHeight: designTokens["".concat(themeName, "LineHeights21")] + 'px',
52067
- fontSize: designTokens["".concat(themeName, "FontSize18")] + 'px',
52068
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52069
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52070
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52071
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52072
- },
52073
- body1_regular: {
52074
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52075
- lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52076
- fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52077
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52078
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52079
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52080
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52081
- },
52082
- body1_medium: {
52083
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52084
- lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52085
- fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52086
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52087
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52088
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52089
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52090
- },
52091
- body1_bold: {
52092
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52093
- lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52094
- fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52095
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52096
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52097
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52098
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52099
- },
52100
- body2_regular: {
52101
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52102
- lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
52103
- fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
52104
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52105
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52106
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52107
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52108
- },
52109
- body2_medium: {
52110
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52111
- lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
52112
- fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
52113
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52114
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52115
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52116
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52117
- },
52118
- body2_bold: {
52119
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52120
- lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
52121
- fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
52122
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52123
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52124
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52125
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52126
- },
52127
- caption: {
52128
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52129
- lineHeight: designTokens["".concat(themeName, "LineHeights12")] + 'px',
52130
- fontSize: designTokens["".concat(themeName, "FontSize11")] + 'px',
52131
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52132
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52133
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52134
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52135
- },
52136
- button_notif: {
52137
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52138
- lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52139
- fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52140
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52141
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52142
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52143
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52144
- },
52145
- link1: {
52146
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52147
- lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52148
- fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52149
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52150
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52151
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52152
- textDecoration: designTokens["".concat(themeName, "TextDecorationUnderline")]
52153
- },
52154
- link2: {
52155
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52156
- lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
52157
- fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
52158
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52159
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52160
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52161
- textDecoration: designTokens["".concat(themeName, "TextDecorationUnderline")]
52162
- },
52163
- fontWeightRegular: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52164
- fontWeightMedium: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52165
- fontWeightBold: designTokens["".concat(themeName, "FontWeightsRoboto700")]
52070
+ h1: {
52071
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52072
+ lineHeight: designTokens["".concat(themeName, "LineHeights41")] + 'px',
52073
+ fontSize: designTokens["".concat(themeName, "FontSize35")] + 'px',
52074
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52075
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52076
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52077
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52166
52078
  },
52167
- breakpoints: {
52168
- values: {
52169
- xs: 0,
52170
- sm: 600,
52171
- md: 900,
52172
- lg: 1200,
52173
- xl: 1536
52174
- }
52079
+ h2: {
52080
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52081
+ lineHeight: designTokens["".concat(themeName, "LineHeights34")] + 'px',
52082
+ fontSize: designTokens["".concat(themeName, "FontSize29")] + 'px',
52083
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52084
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52085
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52086
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52175
52087
  },
52176
- zIndex: {
52177
- mobileStepper: 1000,
52178
- fab: 1050,
52179
- speedDial: 1050,
52180
- appBar: 1100,
52181
- drawer: 1200,
52182
- modal: 1300,
52183
- snackbar: 1400,
52184
- tooltip: 1500
52088
+ h3: {
52089
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52090
+ lineHeight: designTokens["".concat(themeName, "LineHeights28")] + 'px',
52091
+ fontSize: designTokens["".concat(themeName, "FontSize24")] + 'px',
52092
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52093
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52094
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52095
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52185
52096
  },
52186
- spacing: Number(designTokens["".concat(themeName, "SpacingXxs")]),
52187
- palette: getMuiPalette(themeName)
52188
- };
52189
- }, [tokens, themeName]);
52097
+ h4: {
52098
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52099
+ lineHeight: designTokens["".concat(themeName, "LineHeights21")] + 'px',
52100
+ fontSize: designTokens["".concat(themeName, "FontSize18")] + 'px',
52101
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52102
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52103
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52104
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52105
+ },
52106
+ body1_regular: {
52107
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52108
+ lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52109
+ fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52110
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52111
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52112
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52113
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52114
+ },
52115
+ body1_medium: {
52116
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52117
+ lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52118
+ fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52119
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52120
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52121
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52122
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52123
+ },
52124
+ body1_bold: {
52125
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52126
+ lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52127
+ fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52128
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52129
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52130
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52131
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52132
+ },
52133
+ body2_regular: {
52134
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52135
+ lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
52136
+ fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
52137
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52138
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52139
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52140
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52141
+ },
52142
+ body2_medium: {
52143
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52144
+ lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
52145
+ fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
52146
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52147
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52148
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52149
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52150
+ },
52151
+ body2_bold: {
52152
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52153
+ lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
52154
+ fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
52155
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52156
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52157
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52158
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52159
+ },
52160
+ caption: {
52161
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52162
+ lineHeight: designTokens["".concat(themeName, "LineHeights12")] + 'px',
52163
+ fontSize: designTokens["".concat(themeName, "FontSize11")] + 'px',
52164
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52165
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52166
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52167
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52168
+ },
52169
+ button_notif: {
52170
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52171
+ lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52172
+ fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52173
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52174
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52175
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52176
+ textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52177
+ },
52178
+ link1: {
52179
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52180
+ lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52181
+ fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52182
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52183
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52184
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52185
+ textDecoration: designTokens["".concat(themeName, "TextDecorationUnderline")]
52186
+ },
52187
+ link2: {
52188
+ fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52189
+ lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
52190
+ fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
52191
+ letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52192
+ paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52193
+ textCase: designTokens["".concat(themeName, "TextCaseNone")],
52194
+ textDecoration: designTokens["".concat(themeName, "TextDecorationUnderline")]
52195
+ },
52196
+ fontWeightRegular: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52197
+ fontWeightMedium: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52198
+ fontWeightBold: designTokens["".concat(themeName, "FontWeightsRoboto700")]
52199
+ },
52200
+ breakpoints: {
52201
+ values: {
52202
+ xs: 0,
52203
+ sm: 600,
52204
+ md: 900,
52205
+ lg: 1200,
52206
+ xl: 1536
52207
+ }
52208
+ },
52209
+ zIndex: {
52210
+ mobileStepper: 1000,
52211
+ fab: 1050,
52212
+ speedDial: 1050,
52213
+ appBar: 1100,
52214
+ drawer: 1200,
52215
+ modal: 1300,
52216
+ snackbar: 1400,
52217
+ tooltip: 1500
52218
+ },
52219
+ spacing: Number(designTokens["".concat(themeName, "SpacingXxs")]),
52220
+ palette: getMuiPalette(themeName)
52221
+ };
52190
52222
  return { muiTokens: muiTokens };
52191
52223
  };
52192
52224
 
@@ -52293,8 +52325,8 @@ var MaterialThemeProvider = function (_a) {
52293
52325
  var children = _a.children;
52294
52326
  var themeName = React.useContext(DesignSystemContext).themeName;
52295
52327
  var muiTokens = useMaterialThemeTokens(themeName).muiTokens;
52296
- var theme = React.useMemo(function () { return createTheme(muiTokens); }, [muiTokens]);
52297
- return jsxRuntime.jsx(react.ThemeProvider, __assign({ theme: theme }, { children: children }));
52328
+ var theme = createTheme(muiTokens);
52329
+ return jsxRuntime.jsx(ThemeProvider, __assign({ theme: theme }, { children: children }));
52298
52330
  };
52299
52331
  var DesignSystemProvider = function (_a) {
52300
52332
  var children = _a.children, _b = _a.name, themeName = _b === void 0 ? 'Default' : _b;