@superdispatch/ui 0.32.0 → 0.33.0
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-node/index.js
CHANGED
|
@@ -19,7 +19,6 @@ var clsx = _interopDefault(require('clsx'));
|
|
|
19
19
|
var flattenChildren = _interopDefault(require('react-keyed-flatten-children'));
|
|
20
20
|
var reactNumberFormat = require('react-number-format');
|
|
21
21
|
var createBreakpoints = _interopDefault(require('@material-ui/core/styles/createBreakpoints'));
|
|
22
|
-
var _taggedTemplateLiteral = _interopDefault(require('@babel/runtime/helpers/taggedTemplateLiteral'));
|
|
23
22
|
|
|
24
23
|
var _excluded = ["size", "children", "disabled", "isActive", "isLoading", "color"];
|
|
25
24
|
var Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
@@ -4089,14 +4088,20 @@ function overrideTypography(theme) {
|
|
|
4089
4088
|
};
|
|
4090
4089
|
}
|
|
4091
4090
|
|
|
4092
|
-
var
|
|
4093
|
-
var
|
|
4091
|
+
var GlobalStyles = /*#__PURE__*/styled.createGlobalStyle(_ref => {
|
|
4092
|
+
var {
|
|
4093
|
+
theme
|
|
4094
|
+
} = _ref;
|
|
4095
|
+
var color = theme.palette.type === 'dark' ? exports.ColorDarkInternal : exports.ColorLightInternal;
|
|
4096
|
+
return "\n :root{\n --sd-white: ".concat(color.White, ";\n --sd-white-50: ").concat(color.White50, ";\n --sd-white-40: ").concat(color.White40, ";\n --sd-white-20: ").concat(color.White20, ";\n --sd-white-10: ").concat(color.White10, ";\n --sd-white-08: ").concat(color.White08, ";\n --sd-transparent: ").concat(color.Transparent, ";\n\n --sd-black: ").concat(color.Black, ";\n --sd-black-50: ").concat(color.Black50, ";\n --sd-black-20: ").concat(color.Black20, ";\n\n --sd-dark-30: ").concat(color.Dark30, ";\n --sd-blue-30: ").concat(color.Blue30, ";\n --sd-green-30: ").concat(color.Green30, ";\n --sd-red-30: ").concat(color.Red30, ";\n --sd-silver-30: ").concat(color.Silver30, ";\n\n --sd-blue-10: ").concat(color.Blue10, ";\n --sd-red-10: ").concat(color.Red10, ";\n\n /* Legacy Neutral Colors */\n --sd-grey-100: ").concat(color.Grey100, "; /* @deprecated Use Dark100 */\n --sd-grey-200: ").concat(color.Grey200, "; /* @deprecated Use Dark200 */\n --sd-grey-300: ").concat(color.Grey300, "; /* @deprecated Use Dark300 */\n --sd-grey-400: ").concat(color.Grey400, "; /* @deprecated Use Dark400 */\n --sd-grey-450: ").concat(color.Grey450, "; /* @deprecated Use Dark450 */\n --sd-grey-500: ").concat(color.Grey500, "; /* @deprecated Use Dark500 */\n\n --sd-dark-200: ").concat(color.Dark200, "; /* @deprecated */\n --sd-dark-400: ").concat(color.Dark400, "; /* @deprecated */\n --sd-dark-450: ").concat(color.Dark450, "; /* @deprecated */\n\n --sd-silver-100: ").concat(color.Silver100, "; /* @deprecated */\n --sd-silver-300: ").concat(color.Silver300, "; /* @deprecated */\n\n /* Legacy Extended Palette */\n --sd-blue-75: ").concat(color.Blue75, "; /* @deprecated */\n --sd-blue-100: ").concat(color.Blue100, "; /* @deprecated */\n --sd-blue-200: ").concat(color.Blue200, "; /* @deprecated */\n --sd-blue-400: ").concat(color.Blue400, "; /* @deprecated */\n\n --sd-green-75: ").concat(color.Green75, "; /* @deprecated */\n --sd-green-100: ").concat(color.Green100, "; /* @deprecated */\n --sd-green-200: ").concat(color.Green200, "; /* @deprecated */\n --sd-green-400: ").concat(color.Green400, "; /* @deprecated */\n\n --sd-purple-75: ").concat(color.Purple75, "; /* @deprecated */\n --sd-purple-100: ").concat(color.Purple100, "; /* @deprecated */\n --sd-purple-200: ").concat(color.Purple200, "; /* @deprecated */\n --sd-purple-400: ").concat(color.Purple400, "; /* @deprecated */\n\n --sd-red-75: ").concat(color.Red75, "; /* @deprecated */\n --sd-red-100: ").concat(color.Red100, "; /* @deprecated */\n --sd-red-200: ").concat(color.Red200, "; /* @deprecated */\n --sd-red-400: ").concat(color.Red400, "; /* @deprecated */\n\n --sd-teal-75: ").concat(color.Teal75, "; /* @deprecated */\n --sd-teal-100: ").concat(color.Teal100, "; /* @deprecated */\n --sd-teal-200: ").concat(color.Teal200, "; /* @deprecated */\n --sd-teal-400: ").concat(color.Teal400, "; /* @deprecated */\n\n --sd-yellow-75: ").concat(color.Yellow75, "; /* @deprecated */\n --sd-yellow-100: ").concat(color.Yellow100, "; /* @deprecated */\n --sd-yellow-200: ").concat(color.Yellow200, "; /* @deprecated */\n --sd-yellow-400: ").concat(color.Yellow400, "; /* @deprecated */\n --sd-dark-50: ").concat(color.Dark50, ";\n /* extended palette */\n \n --sd-blue-50: ").concat(color.Blue50, ";\n --sd-blue-500: ").concat(color.Blue500, ";\n --sd-blue-300: ").concat(color.Blue300, ";\n --sd-green-300: ").concat(color.Green300, ";\n --sd-green-500: ").concat(color.Green500, ";\n --sd-green-50: ").concat(color.Green50, ";\n --sd-yellow-300: ").concat(color.Yellow300, ";\n --sd-yellow-500: ").concat(color.Yellow500, ";\n --sd-yellow-50: ").concat(color.Yellow50, ";\n --sd-red-300: ").concat(color.Red300, ";\n --sd-red-500: ").concat(color.Red500, ";\n --sd-red-50: ").concat(color.Red50, ";\n --sd-purple-300: ").concat(color.Purple300, ";\n --sd-purple-500: ").concat(color.Purple500, ";\n --sd-purple-50: ").concat(color.Purple50, ";\n --sd-teal-300: ").concat(color.Teal300, ";\n --sd-teal-500: ").concat(color.Teal500, ";\n --sd-teal-50: ").concat(color.Teal50, ";\n --sd-silver-500: ").concat(color.Silver500, ";\n --sd-silver-200: ").concat(color.Silver200, ";\n --sd-silver-400: ").concat(color.Silver400, ";\n --sd-dark-100: ").concat(color.Dark100, ";\n --sd-dark-300: ").concat(color.Dark300, ";\n --sd-dark-500: ").concat(color.Dark500, ";\n }\n ");
|
|
4097
|
+
});
|
|
4094
4098
|
|
|
4095
|
-
function createSuperDispatchTheme() {
|
|
4099
|
+
function createSuperDispatchTheme(type) {
|
|
4096
4100
|
var breakpoints = createBreakpoints({});
|
|
4097
4101
|
var theme = core.createTheme({
|
|
4098
4102
|
breakpoints,
|
|
4099
4103
|
palette: {
|
|
4104
|
+
type,
|
|
4100
4105
|
primary: {
|
|
4101
4106
|
main: exports.Color.Blue300
|
|
4102
4107
|
},
|
|
@@ -4176,12 +4181,14 @@ function ThemeProvider(_ref) {
|
|
|
4176
4181
|
var {
|
|
4177
4182
|
modifier,
|
|
4178
4183
|
children,
|
|
4184
|
+
mode,
|
|
4179
4185
|
injectFirst = true
|
|
4180
4186
|
} = _ref;
|
|
4181
|
-
var theme =
|
|
4182
|
-
var nextTheme = createSuperDispatchTheme();
|
|
4187
|
+
var theme = React.useMemo(() => {
|
|
4188
|
+
var nextTheme = createSuperDispatchTheme(mode);
|
|
4183
4189
|
return !modifier ? nextTheme : modifier(nextTheme);
|
|
4184
|
-
|
|
4190
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps -- modifier may update on every render
|
|
4191
|
+
}, [mode]);
|
|
4185
4192
|
return /*#__PURE__*/jsxRuntime.jsx(styles.StylesProvider, {
|
|
4186
4193
|
injectFirst: injectFirst,
|
|
4187
4194
|
generateClassName: generateClassName,
|