@groupeactual/ui-kit 0.3.4 → 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 +169 -171
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +169 -171
  4. package/dist/esm/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/DesignSystemProvider.tsx +1 -1
package/dist/cjs/index.js CHANGED
@@ -51694,7 +51694,7 @@ var Checkbox = function (_a) {
51694
51694
 
51695
51695
  /**
51696
51696
  * Do not edit directly
51697
- * Generated on Sat, 26 Nov 2022 13:13:13 GMT
51697
+ * Generated on Sat, 26 Nov 2022 18:23:06 GMT
51698
51698
  */
51699
51699
  var DefaultWebShadowAllContent = { "color": "#2727271f", "type": "dropShadow", "x": "0", "y": "2", "blur": "10", "spread": "0" };
51700
51700
  var DefaultSpacingXxs = "4";
@@ -52047,180 +52047,178 @@ var useThemeTokens = function (themeName) {
52047
52047
 
52048
52048
  var useMaterialThemeTokens = function (themeName) {
52049
52049
  var designTokens = tokens;
52050
- var muiTokens = React.useMemo(function () {
52051
- return {
52052
- components: {
52053
- MuiInputLabel: {
52054
- styleOverrides: {
52055
- // TODO : override css here
52056
- root: {}
52057
- }
52050
+ var muiTokens = {
52051
+ components: {
52052
+ MuiInputLabel: {
52053
+ styleOverrides: {
52054
+ // TODO : override css here
52055
+ root: {}
52058
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")]
52059
52069
  },
52060
- typography: {
52061
- fontFamily: getFontFamilies(themeName).join(','),
52062
- big_number: {
52063
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52064
- lineHeight: designTokens["".concat(themeName, "LineHeights49")] + 'px',
52065
- fontSize: designTokens["".concat(themeName, "FontSize42")] + 'px',
52066
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52067
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52068
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52069
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52070
- },
52071
- h1: {
52072
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52073
- lineHeight: designTokens["".concat(themeName, "LineHeights41")] + 'px',
52074
- fontSize: designTokens["".concat(themeName, "FontSize35")] + 'px',
52075
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52076
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52077
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52078
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52079
- },
52080
- h2: {
52081
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52082
- lineHeight: designTokens["".concat(themeName, "LineHeights34")] + 'px',
52083
- fontSize: designTokens["".concat(themeName, "FontSize29")] + 'px',
52084
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52085
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52086
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52087
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52088
- },
52089
- h3: {
52090
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52091
- lineHeight: designTokens["".concat(themeName, "LineHeights28")] + 'px',
52092
- fontSize: designTokens["".concat(themeName, "FontSize24")] + 'px',
52093
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52094
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52095
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52096
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52097
- },
52098
- h4: {
52099
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52100
- lineHeight: designTokens["".concat(themeName, "LineHeights21")] + 'px',
52101
- fontSize: designTokens["".concat(themeName, "FontSize18")] + 'px',
52102
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52103
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52104
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52105
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52106
- },
52107
- body1_regular: {
52108
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52109
- lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52110
- fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52111
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52112
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52113
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52114
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52115
- },
52116
- body1_medium: {
52117
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52118
- lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52119
- fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52120
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52121
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52122
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52123
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52124
- },
52125
- body1_bold: {
52126
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52127
- lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52128
- fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52129
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52130
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52131
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52132
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52133
- },
52134
- body2_regular: {
52135
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52136
- lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
52137
- fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
52138
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52139
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52140
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52141
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52142
- },
52143
- body2_medium: {
52144
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52145
- lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
52146
- fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
52147
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52148
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52149
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52150
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52151
- },
52152
- body2_bold: {
52153
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52154
- lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
52155
- fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
52156
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52157
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing8")] + 'px',
52158
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52159
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52160
- },
52161
- caption: {
52162
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52163
- lineHeight: designTokens["".concat(themeName, "LineHeights12")] + 'px',
52164
- fontSize: designTokens["".concat(themeName, "FontSize11")] + 'px',
52165
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52166
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52167
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52168
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52169
- },
52170
- button_notif: {
52171
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52172
- lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52173
- fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52174
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52175
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52176
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52177
- textDecoration: designTokens["".concat(themeName, "TextDecorationNone")]
52178
- },
52179
- link1: {
52180
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52181
- lineHeight: designTokens["".concat(themeName, "LineHeights18")] + 'px',
52182
- fontSize: designTokens["".concat(themeName, "FontSize14")] + 'px',
52183
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52184
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52185
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52186
- textDecoration: designTokens["".concat(themeName, "TextDecorationUnderline")]
52187
- },
52188
- link2: {
52189
- fontWeight: designTokens["".concat(themeName, "FontWeightsRoboto700")],
52190
- lineHeight: designTokens["".concat(themeName, "LineHeights16")] + 'px',
52191
- fontSize: designTokens["".concat(themeName, "FontSize13")] + 'px',
52192
- letterSpacing: designTokens["".concat(themeName, "LetterSpacingNone")],
52193
- paragraphSpacing: designTokens["".concat(themeName, "ParagraphSpacing0")] + 'px',
52194
- textCase: designTokens["".concat(themeName, "TextCaseNone")],
52195
- textDecoration: designTokens["".concat(themeName, "TextDecorationUnderline")]
52196
- },
52197
- fontWeightRegular: designTokens["".concat(themeName, "FontWeightsRoboto400")],
52198
- fontWeightMedium: designTokens["".concat(themeName, "FontWeightsRoboto500")],
52199
- 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")]
52200
52078
  },
52201
- breakpoints: {
52202
- values: {
52203
- xs: 0,
52204
- sm: 600,
52205
- md: 900,
52206
- lg: 1200,
52207
- xl: 1536
52208
- }
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")]
52209
52087
  },
52210
- zIndex: {
52211
- mobileStepper: 1000,
52212
- fab: 1050,
52213
- speedDial: 1050,
52214
- appBar: 1100,
52215
- drawer: 1200,
52216
- modal: 1300,
52217
- snackbar: 1400,
52218
- 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")]
52219
52096
  },
52220
- spacing: Number(designTokens["".concat(themeName, "SpacingXxs")]),
52221
- palette: getMuiPalette(themeName)
52222
- };
52223
- }, [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
+ };
52224
52222
  return { muiTokens: muiTokens };
52225
52223
  };
52226
52224
 
@@ -52327,7 +52325,7 @@ var MaterialThemeProvider = function (_a) {
52327
52325
  var children = _a.children;
52328
52326
  var themeName = React.useContext(DesignSystemContext).themeName;
52329
52327
  var muiTokens = useMaterialThemeTokens(themeName).muiTokens;
52330
- var theme = React.useMemo(function () { return createTheme(muiTokens); }, [muiTokens]);
52328
+ var theme = createTheme(muiTokens);
52331
52329
  return jsxRuntime.jsx(ThemeProvider, __assign({ theme: theme }, { children: children }));
52332
52330
  };
52333
52331
  var DesignSystemProvider = function (_a) {