@groupeactual/ui-kit 0.3.1 → 0.3.3
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.
- package/dist/cjs/index.js +12 -38
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +12 -38
- package/dist/esm/index.js.map +1 -1
- package/package.json +4 -4
package/dist/cjs/index.js
CHANGED
|
@@ -4,6 +4,7 @@ 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');
|
|
7
8
|
|
|
8
9
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
10
|
|
|
@@ -2356,41 +2357,6 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
2356
2357
|
ThemeContext$2.displayName = 'EmotionThemeContext';
|
|
2357
2358
|
}
|
|
2358
2359
|
|
|
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
|
-
|
|
2394
2360
|
var typePropName = '__EMOTION_TYPE_PLEASE_DO_NOT_USE__';
|
|
2395
2361
|
var labelPropName = '__EMOTION_LABEL_PLEASE_DO_NOT_USE__';
|
|
2396
2362
|
|
|
@@ -51694,7 +51660,7 @@ var Checkbox = function (_a) {
|
|
|
51694
51660
|
|
|
51695
51661
|
/**
|
|
51696
51662
|
* Do not edit directly
|
|
51697
|
-
* Generated on
|
|
51663
|
+
* Generated on Sat, 26 Nov 2022 04:29:45 GMT
|
|
51698
51664
|
*/
|
|
51699
51665
|
var DefaultWebShadowAllContent = { "color": "#2727271f", "type": "dropShadow", "x": "0", "y": "2", "blur": "10", "spread": "0" };
|
|
51700
51666
|
var DefaultSpacingXxs = "4";
|
|
@@ -52049,6 +52015,14 @@ var useMaterialThemeTokens = function (themeName) {
|
|
|
52049
52015
|
var designTokens = tokens;
|
|
52050
52016
|
var muiTokens = React.useMemo(function () {
|
|
52051
52017
|
return {
|
|
52018
|
+
components: {
|
|
52019
|
+
MuiInputLabel: {
|
|
52020
|
+
styleOverrides: {
|
|
52021
|
+
// TODO : override css here
|
|
52022
|
+
root: {}
|
|
52023
|
+
}
|
|
52024
|
+
}
|
|
52025
|
+
},
|
|
52052
52026
|
typography: {
|
|
52053
52027
|
fontFamily: getFontFamilies(themeName).join(','),
|
|
52054
52028
|
big_number: {
|
|
@@ -52209,7 +52183,7 @@ var useMaterialThemeTokens = function (themeName) {
|
|
|
52209
52183
|
snackbar: 1400,
|
|
52210
52184
|
tooltip: 1500
|
|
52211
52185
|
},
|
|
52212
|
-
spacing: designTokens["".concat(themeName, "SpacingXxs")],
|
|
52186
|
+
spacing: Number(designTokens["".concat(themeName, "SpacingXxs")]),
|
|
52213
52187
|
palette: getMuiPalette(themeName)
|
|
52214
52188
|
};
|
|
52215
52189
|
}, [tokens, themeName]);
|
|
@@ -52320,7 +52294,7 @@ var MaterialThemeProvider = function (_a) {
|
|
|
52320
52294
|
var themeName = React.useContext(DesignSystemContext).themeName;
|
|
52321
52295
|
var muiTokens = useMaterialThemeTokens(themeName).muiTokens;
|
|
52322
52296
|
var theme = React.useMemo(function () { return createTheme(muiTokens); }, [muiTokens]);
|
|
52323
|
-
return jsxRuntime.jsx(ThemeProvider, __assign({ theme: theme }, { children: children }));
|
|
52297
|
+
return jsxRuntime.jsx(react.ThemeProvider, __assign({ theme: theme }, { children: children }));
|
|
52324
52298
|
};
|
|
52325
52299
|
var DesignSystemProvider = function (_a) {
|
|
52326
52300
|
var children = _a.children, _b = _a.name, themeName = _b === void 0 ? 'Default' : _b;
|