@mui/material 5.10.1 → 5.10.4

package/styles/createPalette.js

@@ -1,18 +1,40 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dark = void 0;
+exports.default = createPalette;
+exports.light = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _utils = require("@mui/utils");
+
+var _system = require("@mui/system");
+
+var _common = _interopRequireDefault(require("../colors/common"));
+
+var _grey = _interopRequireDefault(require("../colors/grey"));
+
+var _purple = _interopRequireDefault(require("../colors/purple"));
+
+var _red = _interopRequireDefault(require("../colors/red"));
+
+var _orange = _interopRequireDefault(require("../colors/orange"));
+
+var _blue = _interopRequireDefault(require("../colors/blue"));
+
+var _lightBlue = _interopRequireDefault(require("../colors/lightBlue"));
+
+var _green = _interopRequireDefault(require("../colors/green"));
+
 const _excluded = ["mode", "contrastThreshold", "tonalOffset"];
-import { deepmerge } from '@mui/utils';
-import { darken, getContrastRatio, lighten } from '@mui/system';
-import common from '../colors/common';
-import grey from '../colors/grey';
-import purple from '../colors/purple';
-import red from '../colors/red';
-import orange from '../colors/orange';
-import blue from '../colors/blue';
-import lightBlue from '../colors/lightBlue';
-import green from '../colors/green';
-export const light = {
+const light = {
   // The colors used to style the text.
   text: {
     // The most important text.
@@ -27,8 +49,8 @@ export const light = {
   // The background colors used to style the surfaces.
   // Consistency between these values is important.
   background: {
-    paper: common.white,
-    default: common.white
+    paper: _common.default.white,
+    default: _common.default.white
   },
   // The colors used to style the action elements.
   action: {
@@ -50,9 +72,10 @@ export const light = {
     activatedOpacity: 0.12
   }
 };
-export const dark = {
+exports.light = light;
+const dark = {
   text: {
-    primary: common.white,
+    primary: _common.default.white,
     secondary: 'rgba(255, 255, 255, 0.7)',
     disabled: 'rgba(255, 255, 255, 0.5)',
     icon: 'rgba(255, 255, 255, 0.5)'
@@ -63,7 +86,7 @@ export const dark = {
     default: '#121212'
   },
   action: {
-    active: common.white,
+    active: _common.default.white,
     hover: 'rgba(255, 255, 255, 0.08)',
     hoverOpacity: 0.08,
     selected: 'rgba(255, 255, 255, 0.16)',
@@ -76,6 +99,7 @@ export const dark = {
     activatedOpacity: 0.24
   }
 };
+exports.dark = dark;
 
 function addLightOrDark(intent, direction, shade, tonalOffset) {
   const tonalOffsetLight = tonalOffset.light || tonalOffset;
@@ -85,9 +109,9 @@ function addLightOrDark(intent, direction, shade, tonalOffset) {
     if (intent.hasOwnProperty(shade)) {
       intent[direction] = intent[shade];
     } else if (direction === 'light') {
-      intent.light = lighten(intent.main, tonalOffsetLight);
+      intent.light = (0, _system.lighten)(intent.main, tonalOffsetLight);
     } else if (direction === 'dark') {
-      intent.dark = darken(intent.main, tonalOffsetDark);
+      intent.dark = (0, _system.darken)(intent.main, tonalOffsetDark);
     }
   }
 }
@@ -95,108 +119,107 @@ function addLightOrDark(intent, direction, shade, tonalOffset) {
 function getDefaultPrimary(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: blue[200],
-      light: blue[50],
-      dark: blue[400]
+      main: _blue.default[200],
+      light: _blue.default[50],
+      dark: _blue.default[400]
     };
   }
 
   return {
-    main: blue[700],
-    light: blue[400],
-    dark: blue[800]
+    main: _blue.default[700],
+    light: _blue.default[400],
+    dark: _blue.default[800]
   };
 }
 
 function getDefaultSecondary(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: purple[200],
-      light: purple[50],
-      dark: purple[400]
+      main: _purple.default[200],
+      light: _purple.default[50],
+      dark: _purple.default[400]
     };
   }
 
   return {
-    main: purple[500],
-    light: purple[300],
-    dark: purple[700]
+    main: _purple.default[500],
+    light: _purple.default[300],
+    dark: _purple.default[700]
   };
 }
 
 function getDefaultError(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: red[500],
-      light: red[300],
-      dark: red[700]
+      main: _red.default[500],
+      light: _red.default[300],
+      dark: _red.default[700]
     };
   }
 
   return {
-    main: red[700],
-    light: red[400],
-    dark: red[800]
+    main: _red.default[700],
+    light: _red.default[400],
+    dark: _red.default[800]
   };
 }
 
 function getDefaultInfo(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: lightBlue[400],
-      light: lightBlue[300],
-      dark: lightBlue[700]
+      main: _lightBlue.default[400],
+      light: _lightBlue.default[300],
+      dark: _lightBlue.default[700]
     };
   }
 
   return {
-    main: lightBlue[700],
-    light: lightBlue[500],
-    dark: lightBlue[900]
+    main: _lightBlue.default[700],
+    light: _lightBlue.default[500],
+    dark: _lightBlue.default[900]
   };
 }
 
 function getDefaultSuccess(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: green[400],
-      light: green[300],
-      dark: green[700]
+      main: _green.default[400],
+      light: _green.default[300],
+      dark: _green.default[700]
     };
   }
 
   return {
-    main: green[800],
-    light: green[500],
-    dark: green[900]
+    main: _green.default[800],
+    light: _green.default[500],
+    dark: _green.default[900]
   };
 }
 
 function getDefaultWarning(mode = 'light') {
   if (mode === 'dark') {
     return {
-      main: orange[400],
-      light: orange[300],
-      dark: orange[700]
+      main: _orange.default[400],
+      light: _orange.default[300],
+      dark: _orange.default[700]
     };
   }
 
   return {
     main: '#ed6c02',
     // closest to orange[800] that pass 3:1.
-    light: orange[500],
-    dark: orange[900]
+    light: _orange.default[500],
+    dark: _orange.default[900]
   };
 }
 
-export default function createPalette(palette) {
+function createPalette(palette) {
   const {
     mode = 'light',
     contrastThreshold = 3,
     tonalOffset = 0.2
   } = palette,
-        other = _objectWithoutPropertiesLoose(palette, _excluded);
-
+        other = (0, _objectWithoutPropertiesLoose2.default)(palette, _excluded);
   const primary = palette.primary || getDefaultPrimary(mode);
   const secondary = palette.secondary || getDefaultSecondary(mode);
   const error = palette.error || getDefaultError(mode);
@@ -207,10 +230,10 @@ export default function createPalette(palette) {
   // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54
 
   function getContrastText(background) {
-    const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
+    const contrastText = (0, _system.getContrastRatio)(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
 
     if (process.env.NODE_ENV !== 'production') {
-      const contrast = getContrastRatio(background, contrastText);
+      const contrast = (0, _system.getContrastRatio)(background, contrastText);
 
       if (contrast < 3) {
         console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n'));
@@ -227,7 +250,7 @@ export default function createPalette(palette) {
     lightShade = 300,
     darkShade = 700
   }) => {
-    color = _extends({}, color);
+    color = (0, _extends2.default)({}, color);
 
     if (!color.main && color[mainShade]) {
       color.main = color[mainShade];
@@ -235,7 +258,7 @@ export default function createPalette(palette) {
 
     if (!color.hasOwnProperty('main')) {
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${name ? ` (${name})` : ''} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${mainShade}\` property.` : _formatMuiErrorMessage(11, name ? ` (${name})` : '', mainShade));
+The color object needs to have a \`main\` property or a \`${mainShade}\` property.` : (0, _utils.formatMuiErrorMessage)(11, name ? ` (${name})` : '', mainShade));
     }
 
     if (typeof color.main !== 'string') {
@@ -252,7 +275,7 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : _formatMuiErrorMessage(12, name ? ` (${name})` : '', JSON.stringify(color.main)));
+} });` : (0, _utils.formatMuiErrorMessage)(12, name ? ` (${name})` : '', JSON.stringify(color.main)));
     }
 
     addLightOrDark(color, 'light', lightShade, tonalOffset);
@@ -276,9 +299,9 @@ const theme2 = createTheme({ palette: {
     }
   }
 
-  const paletteOutput = deepmerge(_extends({
+  const paletteOutput = (0, _utils.deepmerge)((0, _extends2.default)({
     // A collection of common colors.
-    common: _extends({}, common),
+    common: (0, _extends2.default)({}, _common.default),
     // prevent mutable object.
     // The palette mode, can be light or dark.
     mode,
@@ -316,7 +339,7 @@ const theme2 = createTheme({ palette: {
       name: 'success'
     }),
     // The grey colors.
-    grey,
+    grey: _grey.default,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold,

package/styles/createStyles.js

@@ -1,6 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createStyles;
 let warnedOnce = false; // To remove in v6
 
-export default function createStyles(styles) {
+function createStyles(styles) {
   if (!warnedOnce) {
     console.warn(['MUI: createStyles from @mui/material/styles is deprecated.', 'Please use @mui/styles/createStyles'].join('\n'));
     warnedOnce = true;

package/styles/createTheme.js

@@ -1,16 +1,36 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import { formatMuiErrorMessage as _formatMuiErrorMessage } from "@mui/utils";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createMuiTheme = createMuiTheme;
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _utils = require("@mui/utils");
+
+var _base = require("@mui/base");
+
+var _system = require("@mui/system");
+
+var _createMixins = _interopRequireDefault(require("./createMixins"));
+
+var _createPalette = _interopRequireDefault(require("./createPalette"));
+
+var _createTypography = _interopRequireDefault(require("./createTypography"));
+
+var _shadows = _interopRequireDefault(require("./shadows"));
+
+var _createTransitions = _interopRequireDefault(require("./createTransitions"));
+
+var _zIndex = _interopRequireDefault(require("./zIndex"));
+
 const _excluded = ["breakpoints", "mixins", "spacing", "palette", "transitions", "typography", "shape"];
-import { deepmerge } from '@mui/utils';
-import { generateUtilityClass } from '@mui/base';
-import { createTheme as systemCreateTheme } from '@mui/system';
-import createMixins from './createMixins';
-import createPalette from './createPalette';
-import createTypography from './createTypography';
-import shadows from './shadows';
-import createTransitions from './createTransitions';
-import zIndex from './zIndex';
 
 function createTheme(options = {}, ...args) {
   const {
@@ -19,26 +39,26 @@ function createTheme(options = {}, ...args) {
     transitions: transitionsInput = {},
     typography: typographyInput = {}
   } = options,
-        other = _objectWithoutPropertiesLoose(options, _excluded);
+        other = (0, _objectWithoutPropertiesLoose2.default)(options, _excluded);
 
   if (options.vars) {
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
-Please use another name.` : _formatMuiErrorMessage(18));
+Please use another name.` : (0, _utils.formatMuiErrorMessage)(18));
   }
 
-  const palette = createPalette(paletteInput);
-  const systemTheme = systemCreateTheme(options);
-  let muiTheme = deepmerge(systemTheme, {
-    mixins: createMixins(systemTheme.breakpoints, mixinsInput),
+  const palette = (0, _createPalette.default)(paletteInput);
+  const systemTheme = (0, _system.createTheme)(options);
+  let muiTheme = (0, _utils.deepmerge)(systemTheme, {
+    mixins: (0, _createMixins.default)(systemTheme.breakpoints, mixinsInput),
     palette,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: shadows.slice(),
-    typography: createTypography(palette, typographyInput),
-    transitions: createTransitions(transitionsInput),
-    zIndex: _extends({}, zIndex)
+    shadows: _shadows.default.slice(),
+    typography: (0, _createTypography.default)(palette, typographyInput),
+    transitions: (0, _createTransitions.default)(transitionsInput),
+    zIndex: (0, _extends2.default)({}, _zIndex.default)
   });
-  muiTheme = deepmerge(muiTheme, other);
-  muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
+  muiTheme = (0, _utils.deepmerge)(muiTheme, other);
+  muiTheme = args.reduce((acc, argument) => (0, _utils.deepmerge)(acc, argument), muiTheme);
 
   if (process.env.NODE_ENV !== 'production') {
     const stateClasses = ['active', 'checked', 'completed', 'disabled', 'error', 'expanded', 'focused', 'focusVisible', 'required', 'selected'];
@@ -51,7 +71,7 @@ Please use another name.` : _formatMuiErrorMessage(18));
 
         if (stateClasses.indexOf(key) !== -1 && Object.keys(child).length > 0) {
           if (process.env.NODE_ENV !== 'production') {
-            const stateClass = generateUtilityClass('', key);
+            const stateClass = (0, _base.generateUtilityClass)('', key);
             console.error([`MUI: The \`${component}\` component increases ` + `the CSS specificity of the \`${key}\` internal state.`, 'You can not override it like this: ', JSON.stringify(node, null, 2), '', `Instead, you need to use the '&.${stateClass}' syntax:`, JSON.stringify({
               root: {
                 [`&.${stateClass}`]: child
@@ -78,7 +98,8 @@ Please use another name.` : _formatMuiErrorMessage(18));
 }
 
 let warnedOnce = false;
-export function createMuiTheme(...args) {
+
+function createMuiTheme(...args) {
   if (process.env.NODE_ENV !== 'production') {
     if (!warnedOnce) {
       warnedOnce = true;
@@ -88,4 +109,6 @@ export function createMuiTheme(...args) {
 
   return createTheme(...args);
 }
-export default createTheme;
+
+var _default = createTheme;
+exports.default = _default;

package/styles/createTransitions.js

@@ -1,9 +1,21 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createTransitions;
+exports.easing = exports.duration = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 const _excluded = ["duration", "easing", "delay"];
 // Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
 // to learn the context in which each easing should be used.
-export const easing = {
+const easing = {
   // This is the most common easing curve.
   easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
   // Objects enter the screen at full velocity from off-screen and
@@ -16,7 +28,8 @@ export const easing = {
 }; // Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
 // to learn when use what timing
 
-export const duration = {
+exports.easing = easing;
+const duration = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -29,6 +42,7 @@ export const duration = {
   // recommended when something is leaving screen
   leavingScreen: 195
 };
+exports.duration = duration;
 
 function formatMs(milliseconds) {
   return `${Math.round(milliseconds)}ms`;
@@ -44,10 +58,9 @@ function getAutoHeightDuration(height) {
   return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);
 }
 
-export default function createTransitions(inputTransitions) {
-  const mergedEasing = _extends({}, easing, inputTransitions.easing);
-
-  const mergedDuration = _extends({}, duration, inputTransitions.duration);
+function createTransitions(inputTransitions) {
+  const mergedEasing = (0, _extends2.default)({}, easing, inputTransitions.easing);
+  const mergedDuration = (0, _extends2.default)({}, duration, inputTransitions.duration);
 
   const create = (props = ['all'], options = {}) => {
     const {
@@ -55,7 +68,7 @@ export default function createTransitions(inputTransitions) {
       easing: easingOption = mergedEasing.easeInOut,
       delay = 0
     } = options,
-          other = _objectWithoutPropertiesLoose(options, _excluded);
+          other = (0, _objectWithoutPropertiesLoose2.default)(options, _excluded);
 
     if (process.env.NODE_ENV !== 'production') {
       const isString = value => typeof value === 'string'; // IE11 support, replace with Number.isNaN
@@ -88,7 +101,7 @@ export default function createTransitions(inputTransitions) {
     return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');
   };
 
-  return _extends({
+  return (0, _extends2.default)({
     getAutoHeightDuration,
     create
   }, inputTransitions, {

package/styles/createTypography.js

@@ -1,7 +1,19 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createTypography;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _utils = require("@mui/utils");
+
 const _excluded = ["fontFamily", "fontSize", "fontWeightLight", "fontWeightRegular", "fontWeightMedium", "fontWeightBold", "htmlFontSize", "allVariants", "pxToRem"];
-import { deepmerge } from '@mui/utils';
 
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
@@ -16,7 +28,7 @@ const defaultFontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
  * @see @link{https://material.io/design/typography/understanding-typography.html}
  */
 
-export default function createTypography(palette, typography) {
+function createTypography(palette, typography) {
   const _ref = typeof typography === 'function' ? typography(palette) : typography,
         {
     fontFamily = defaultFontFamily,
@@ -34,7 +46,7 @@ export default function createTypography(palette, typography) {
     allVariants,
     pxToRem: pxToRem2
   } = _ref,
-        other = _objectWithoutPropertiesLoose(_ref, _excluded);
+        other = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
 
   if (process.env.NODE_ENV !== 'production') {
     if (typeof fontSize !== 'number') {
@@ -50,7 +62,7 @@ export default function createTypography(palette, typography) {
 
   const pxToRem = pxToRem2 || (size => `${size / htmlFontSize * coef}rem`);
 
-  const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => _extends({
+  const buildVariant = (fontWeight, size, lineHeight, letterSpacing, casing) => (0, _extends2.default)({
     fontFamily,
     fontWeight,
     fontSize: pxToRem(size),
@@ -75,7 +87,7 @@ export default function createTypography(palette, typography) {
     caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
     overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps)
   };
-  return deepmerge(_extends({
+  return (0, _utils.deepmerge)((0, _extends2.default)({
     htmlFontSize,
     pxToRem,
     fontFamily,

package/styles/cssUtils.js

@@ -1,19 +1,35 @@
-export function isUnitless(value) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.alignProperty = alignProperty;
+exports.convertLength = convertLength;
+exports.fontGrid = fontGrid;
+exports.getUnit = getUnit;
+exports.isUnitless = isUnitless;
+exports.responsiveProperty = responsiveProperty;
+exports.toUnitless = toUnitless;
+
+function isUnitless(value) {
   return String(parseFloat(value)).length === String(value).length;
 } // Ported from Compass
 // https://github.com/Compass/compass/blob/master/core/stylesheets/compass/typography/_units.scss
 // Emulate the sass function "unit"
 
-export function getUnit(input) {
+
+function getUnit(input) {
   return String(input).match(/[\d.\-+]*\s*(.*)/)[1] || '';
 } // Emulate the sass function "unitless"
 
-export function toUnitless(length) {
+
+function toUnitless(length) {
   return parseFloat(length);
 } // Convert any CSS <length> or <percentage> value to any another.
 // From https://github.com/KyleAMathews/convert-css-length
 
-export function convertLength(baseFontSize) {
+
+function convertLength(baseFontSize) {
   return (length, toUnit) => {
     const fromUnit = getUnit(length); // Optimize for cases where `from` and `to` units are accidentally the same.
 
@@ -48,7 +64,8 @@ export function convertLength(baseFontSize) {
     return parseFloat(outputLength.toFixed(5)) + toUnit;
   };
 }
-export function alignProperty({
+
+function alignProperty({
   size,
   grid
 }) {
@@ -59,7 +76,8 @@ export function alignProperty({
 // lineHeight falls under a x pixels grid, 4px in the case of Material Design,
 // without changing the relative line height
 
-export function fontGrid({
+
+function fontGrid({
   lineHeight,
   pixels,
   htmlFontSize
@@ -98,7 +116,8 @@ export function fontGrid({
  * @returns {Object} responsive styles for {params.cssProperty}
  */
 
-export function responsiveProperty({
+
+function responsiveProperty({
   cssProperty,
   min,
   max,

package/styles/defaultTheme.js

@@ -1,3 +1,14 @@
-import createTheme from './createTheme';
-const defaultTheme = createTheme();
-export default defaultTheme;
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _createTheme = _interopRequireDefault(require("./createTheme"));
+
+const defaultTheme = (0, _createTheme.default)();
+var _default = defaultTheme;
+exports.default = _default;