@hipay/hipay-material-ui 2.3.0-rc.4 → 2.3.0-rc.PSYCHE-2530

package/es/styles/createMuiTheme.js

@@ -1,54 +1,77 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import deepmerge from 'deepmerge'; // < 1kb payload overhead when lodash/merge is > 3kb.
-
-import isPlainObject from 'is-plain-object';
-import warning from 'warning';
-import createBreakpoints from './createBreakpoints';
-import createMixins from './createMixins';
-import createPalette from './createPalette';
-import createTypography from './createTypography';
-import shadows from './shadows';
-import shape from './shape';
-import spacing from './spacing';
-import transitions from './transitions';
-import zIndex from './zIndex';
-
-function createMuiTheme(options = {}) {
-  const {
-    breakpoints: breakpointsInput = {},
-    mixins: mixinsInput = {},
-    palette: paletteInput = {},
-    shadows: shadowsInput,
-    typography: typographyInput = {}
-  } = options,
-        other = _objectWithoutProperties(options, ["breakpoints", "mixins", "palette", "shadows", "typography"]);
-
-  const palette = createPalette(paletteInput);
-  const breakpoints = createBreakpoints(breakpointsInput);
-
-  const muiTheme = _objectSpread({
-    breakpoints,
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _deepmerge = _interopRequireDefault(require("deepmerge"));
+
+var _isPlainObject = _interopRequireDefault(require("is-plain-object"));
+
+var _warning = _interopRequireDefault(require("warning"));
+
+var _createBreakpoints = _interopRequireDefault(require("./createBreakpoints"));
+
+var _createMixins = _interopRequireDefault(require("./createMixins"));
+
+var _createPalette = _interopRequireDefault(require("./createPalette"));
+
+var _createTypography = _interopRequireDefault(require("./createTypography"));
+
+var _shadows = _interopRequireDefault(require("./shadows"));
+
+var _shape = _interopRequireDefault(require("./shape"));
+
+var _spacing = _interopRequireDefault(require("./spacing"));
+
+var _transitions = _interopRequireDefault(require("./transitions"));
+
+var _zIndex = _interopRequireDefault(require("./zIndex"));
+
+// < 1kb payload overhead when lodash/merge is > 3kb.
+function createMuiTheme() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options$breakpoints = options.breakpoints,
+      breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints,
+      _options$mixins = options.mixins,
+      mixinsInput = _options$mixins === void 0 ? {} : _options$mixins,
+      _options$palette = options.palette,
+      paletteInput = _options$palette === void 0 ? {} : _options$palette,
+      shadowsInput = options.shadows,
+      _options$typography = options.typography,
+      typographyInput = _options$typography === void 0 ? {} : _options$typography,
+      other = (0, _objectWithoutProperties2.default)(options, ["breakpoints", "mixins", "palette", "shadows", "typography"]);
+  var palette = (0, _createPalette.default)(paletteInput);
+  var breakpoints = (0, _createBreakpoints.default)(breakpointsInput);
+  var muiTheme = (0, _objectSpread2.default)({
+    breakpoints: breakpoints,
     direction: 'ltr',
-    mixins: createMixins(breakpoints, spacing, mixinsInput),
+    mixins: (0, _createMixins.default)(breakpoints, _spacing.default, mixinsInput),
     overrides: {},
     // Inject custom styles
-    palette,
+    palette: palette,
     props: {},
     // Inject custom properties
-    shadows: shadowsInput || shadows,
-    typography: createTypography(palette, typographyInput)
-  }, deepmerge({
-    shape,
-    spacing,
-    transitions,
-    zIndex
+    shadows: shadowsInput || _shadows.default,
+    typography: (0, _createTypography.default)(palette, typographyInput)
+  }, (0, _deepmerge.default)({
+    shape: _shape.default,
+    spacing: _spacing.default,
+    transitions: _transitions.default,
+    zIndex: _zIndex.default
   }, other, {
-    isMergeableObject: isPlainObject
+    isMergeableObject: _isPlainObject.default
   }));
-
-  process.env.NODE_ENV !== "production" ? warning(muiTheme.shadows.length === 25, 'Material-UI: the shadows array provided to createMuiTheme should support 25 elevations.') : void 0;
+  process.env.NODE_ENV !== "production" ? (0, _warning.default)(muiTheme.shadows.length === 25, 'Material-UI: the shadows array provided to createMuiTheme should support 25 elevations.') : void 0;
   return muiTheme;
 }
 
-export default createMuiTheme;
+var _default = createMuiTheme;
+exports.default = _default;

package/es/styles/createPalette.js

@@ -1,13 +1,31 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import warning from 'warning';
-import deepmerge from 'deepmerge'; // < 1kb payload overhead when lodash/merge is > 3kb.
-
-import grey from '@material-ui/core/colors/grey';
-import red from '@material-ui/core/colors/red';
-import common from '@material-ui/core/colors/common';
-import { getContrastRatio, darken, lighten } from './colorManipulator';
-export const light = {
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createPalette;
+exports.dark = exports.light = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _warning = _interopRequireDefault(require("warning"));
+
+var _deepmerge = _interopRequireDefault(require("deepmerge"));
+
+var _grey = _interopRequireDefault(require("@material-ui/core/colors/grey"));
+
+var _red = _interopRequireDefault(require("@material-ui/core/colors/red"));
+
+var _common = _interopRequireDefault(require("@material-ui/core/colors/common"));
+
+var _colorManipulator = require("./colorManipulator");
+
+// < 1kb payload overhead when lodash/merge is > 3kb.
+var light = {
   global: {
     background1: '#FFFFFF',
     background2: '#F8F9FB',
@@ -34,8 +52,8 @@ export const light = {
   // The background colors used to style the surfaces.
   // Consistency between these values is important.
   background: {
-    paper: common.white,
-    default: grey[50]
+    paper: _common.default.white,
+    default: _grey.default[50]
   },
   // The colors used to style the action elements.
   action: {
@@ -59,7 +77,8 @@ export const light = {
     disabled: '#FAFAFA'
   }
 };
-export const dark = {
+exports.light = light;
+var dark = {
   global: {
     background1: '#303030',
     background2: '#212121',
@@ -71,7 +90,7 @@ export const dark = {
     background3: '#303030'
   },
   text: {
-    primary: common.white,
+    primary: _common.default.white,
     secondary: 'rgba(255, 255, 255, 0.7)',
     disabled: 'rgba(255, 255, 255, 0.5)',
     hint: 'rgba(255, 255, 255, 0.5)',
@@ -79,11 +98,11 @@ export const dark = {
   },
   divider: 'rgba(255, 255, 255, 0.12)',
   background: {
-    paper: grey[800],
+    paper: _grey.default[800],
     default: '#303030'
   },
   action: {
-    active: common.white,
+    active: _common.default.white,
     hover: 'rgba(255, 255, 255, 0.1)',
     hoverOpacity: 0.1,
     selected: 'rgba(255, 255, 255, 0.2)',
@@ -98,97 +117,111 @@ export const dark = {
     disabled: 'rgba(255, 255, 255, 0.5)'
   }
 };
+exports.dark = dark;
 
 function addLightOrDark(intent, direction, shade, tonalOffset) {
   if (!intent[direction]) {
     if (intent.hasOwnProperty(shade)) {
       intent[direction] = intent[shade];
     } else if (direction === 'light') {
-      intent.light = lighten(intent.main, tonalOffset);
+      intent.light = (0, _colorManipulator.lighten)(intent.main, tonalOffset);
     } else if (direction === 'dark') {
-      intent.dark = darken(intent.main, tonalOffset * 1.5);
+      intent.dark = (0, _colorManipulator.darken)(intent.main, tonalOffset * 1.5);
     }
   }
 }
 
-export default function createPalette(palette) {
-  const {
-    primary = {
-      light: '#5bc8ef',
-      main: '#00ade9',
-      dark: '#007ca9',
-      contrastText: '#FFFFFF'
-    },
-    secondary = {
-      light: '#ffd94f',
-      main: '#ffcf21',
-      dark: '#E9BE30',
-      contrastText: '#FFFFFF'
-    },
-    positive = {
-      light: '#66CF66',
-      main: '#00AF00',
-      dark: '#008300',
-      contrastText: '#FFFFFF'
-    },
-    negative = {
-      ultraLight: '#EA9494',
-      light: '#E66666',
-      main: '#D50000',
-      dark: '#A00000',
-      contrastText: '#FFFFFF'
-    },
-    middle = {
-      light: '#F4A647',
-      main: '#F99408',
-      dark: '#F78700',
-      contrastText: '#FFFFFF'
-    },
-    neutral = {
-      ultraLight: '#8B8B8B',
-      light: '#838383',
-      main: '#737373',
-      dark: '#20272B',
-      contrastText: '#FFFFFF'
-    },
-    error = {
-      light: red[300],
-      main: red[500],
-      dark: red[700]
-    },
-    lookup = {
-      light: '#FFFF8D',
-      main: '#EDED14'
-    },
-    type = 'light',
-    contrastThreshold = 2.2,
-    // max light contrast
-    tonalOffset = 0.2,
-    context = 'local'
-  } = palette,
-        other = _objectWithoutProperties(palette, ["primary", "secondary", "positive", "negative", "middle", "neutral", "error", "lookup", "type", "contrastThreshold", "tonalOffset", "context"]);
+function createPalette(palette) {
+  var _palette$primary = palette.primary,
+      primary = _palette$primary === void 0 ? {
+    light: '#5bc8ef',
+    main: '#00ade9',
+    dark: '#007ca9',
+    contrastText: '#FFFFFF'
+  } : _palette$primary,
+      _palette$secondary = palette.secondary,
+      secondary = _palette$secondary === void 0 ? {
+    light: '#ffd94f',
+    main: '#ffcf21',
+    dark: '#E9BE30',
+    contrastText: '#FFFFFF'
+  } : _palette$secondary,
+      _palette$positive = palette.positive,
+      positive = _palette$positive === void 0 ? {
+    light: '#66CF66',
+    main: '#00AF00',
+    dark: '#008300',
+    contrastText: '#FFFFFF'
+  } : _palette$positive,
+      _palette$negative = palette.negative,
+      negative = _palette$negative === void 0 ? {
+    ultraLight: '#EA9494',
+    light: '#E66666',
+    main: '#D50000',
+    dark: '#A00000',
+    contrastText: '#FFFFFF'
+  } : _palette$negative,
+      _palette$middle = palette.middle,
+      middle = _palette$middle === void 0 ? {
+    light: '#F4A647',
+    main: '#F99408',
+    dark: '#F78700',
+    contrastText: '#FFFFFF'
+  } : _palette$middle,
+      _palette$neutral = palette.neutral,
+      neutral = _palette$neutral === void 0 ? {
+    ultraLight: '#8B8B8B',
+    light: '#838383',
+    main: '#737373',
+    dark: '#20272B',
+    contrastText: '#FFFFFF'
+  } : _palette$neutral,
+      _palette$error = palette.error,
+      error = _palette$error === void 0 ? {
+    light: _red.default[300],
+    main: _red.default[500],
+    dark: _red.default[700]
+  } : _palette$error,
+      _palette$lookup = palette.lookup,
+      lookup = _palette$lookup === void 0 ? {
+    light: '#FFFF8D',
+    main: '#EDED14'
+  } : _palette$lookup,
+      _palette$type = palette.type,
+      type = _palette$type === void 0 ? 'light' : _palette$type,
+      _palette$contrastThre = palette.contrastThreshold,
+      contrastThreshold = _palette$contrastThre === void 0 ? 2.2 : _palette$contrastThre,
+      _palette$tonalOffset = palette.tonalOffset,
+      tonalOffset = _palette$tonalOffset === void 0 ? 0.2 : _palette$tonalOffset,
+      _palette$context = palette.context,
+      context = _palette$context === void 0 ? 'local' : _palette$context,
+      other = (0, _objectWithoutProperties2.default)(palette, ["primary", "secondary", "positive", "negative", "middle", "neutral", "error", "lookup", "type", "contrastThreshold", "tonalOffset", "context"]);
 
   function getContrastText(background) {
     // Use the same logic as
     // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59
     // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54
-    const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
+    var contrastText = (0, _colorManipulator.getContrastRatio)(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
 
     if (process.env.NODE_ENV !== 'production') {
-      const contrast = getContrastRatio(background, contrastText);
-      process.env.NODE_ENV !== "production" ? warning(contrast >= 2.2, [`Material-UI: the contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, 'falls below the WACG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n')) : void 0;
+      var contrast = (0, _colorManipulator.getContrastRatio)(background, contrastText);
+      process.env.NODE_ENV !== "production" ? (0, _warning.default)(contrast >= 2.2, ["Material-UI: the contrast ratio of ".concat(contrast, ":1 for ").concat(contrastText, " on ").concat(background), 'falls below the WACG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n')) : void 0;
     }
 
     return contrastText;
   }
 
-  function augmentColor(color, mainShade = 500, lightShade = 300, darkShade = 700) {
+  function augmentColor(color) {
+    var mainShade = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+    var lightShade = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 300;
+    var darkShade = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 700;
+
     if (!color.main && color[mainShade]) {
       color.main = color[mainShade];
     }
 
     if (process.env.NODE_ENV !== 'production' && !color.main) {
-      throw new Error(['Material-UI: the color provided to augmentColor(color) is invalid.', `The color object needs to have a \`main\` property or a \`${mainShade}\` property.`].join('\n'));
+      throw new Error(['Material-UI: the color provided to augmentColor(color) is invalid.', "The color object needs to have a `main` property or a `".concat(mainShade, "` property.")].join('\n'));
     }
 
     addLightOrDark(color, 'light', lightShade, tonalOffset);
@@ -202,51 +235,51 @@ export default function createPalette(palette) {
   augmentColor(primary);
   augmentColor(secondary, 'A400', 'A200', 'A700');
   augmentColor(error);
-  const types = {
-    dark,
-    light
+  var types = {
+    dark: dark,
+    light: light
   };
-  process.env.NODE_ENV !== "production" ? warning(types[type], `Material-UI: the palette type \`${type}\` is not supported.`) : void 0;
-  const contexts = {
+  process.env.NODE_ENV !== "production" ? (0, _warning.default)(types[type], "Material-UI: the palette type `".concat(type, "` is not supported.")) : void 0;
+  var contexts = {
     local: types[type] ? types[type].local : {},
     global: types[type] ? types[type].global : {}
   };
-  process.env.NODE_ENV !== "production" ? warning(contexts[context], `Material-UI: the context \`${context}\` is not supported.`) : void 0;
-  const paletteOutput = deepmerge(_objectSpread({
+  process.env.NODE_ENV !== "production" ? (0, _warning.default)(contexts[context], "Material-UI: the context `".concat(context, "` is not supported.")) : void 0;
+  var paletteOutput = (0, _deepmerge.default)((0, _objectSpread2.default)({
     // A collection of common colors.
-    common,
+    common: _common.default,
     // The palette type, can be light or dark.
-    type,
+    type: type,
     // The colors used to represent primary interface elements for a user.
-    primary,
+    primary: primary,
     // The colors used to represent secondary interface elements for a user.
-    secondary,
+    secondary: secondary,
     // The colors used to represent positive interface elements for a user.
-    positive,
+    positive: positive,
     // The colors used to represent negative interface elements for a user.
-    negative,
+    negative: negative,
     // The colors used to represent middle interface elements for a user.
-    middle,
+    middle: middle,
     // The colors used to represent neutral interface elements for a user.
-    neutral,
+    neutral: neutral,
     // The colors used to represent interface elements that the user should be made aware of.
-    error,
+    error: error,
     // The colors used to represent form elements that have lookup state.
-    lookup,
+    lookup: lookup,
     // The grey colors.
-    grey,
+    grey: _grey.default,
     // Used by `getContrastText()` to maximize the contrast between the background and
     // the text.
-    contrastThreshold,
+    contrastThreshold: contrastThreshold,
     // Take a background color and return the color of the text to maximize the contrast.
-    getContrastText,
+    getContrastText: getContrastText,
     // Generate a rich color object.
-    augmentColor,
+    augmentColor: augmentColor,
     // Used by the functions below to shift a color's luminance by approximately
     // two indexes within its tonal palette.
     // E.g., shift from Red 500 to Red 300 or Red 700.
-    tonalOffset
-  }, types[type], contexts[context]), other, {
+    tonalOffset: tonalOffset
+  }, types[type], {}, contexts[context]), other, {
     clone: false // No need to clone deep
 
   });

package/es/styles/createStyles.js

@@ -1,3 +1,10 @@
-export default function createStyles(styles) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createStyles;
+
+function createStyles(styles) {
   return styles;
 }