@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

package/dist/GlobalActions/GlobalActions.js

@@ -1,17 +1,27 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.object.to-string.js");
 
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+require("core-js/modules/es.array.iterator.js");
+
 require("core-js/modules/es.string.iterator.js");
 
 require("core-js/modules/es.weak-map.js");
 
 require("core-js/modules/web.dom-collections.iterator.js");
 
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 var _typeof3 = require("@babel/runtime/helpers/typeof");
@@ -23,7 +33,7 @@ exports.default = void 0;
 
 require("core-js/modules/es.function.name.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
@@ -35,11 +45,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _deprecatedPropType = _interopRequireDefault(require("@material-ui/core/utils/deprecatedPropType"));
+var _material = require("@mui/material");
 
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _isString = _interopRequireDefault(require("lodash/isString"));
 
@@ -47,7 +57,9 @@ var _Button = _interopRequireDefault(require("../Button"));
 
 var _Typography = _interopRequireDefault(require("../Typography"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _Backwards;
 
@@ -57,6 +69,10 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 /**
  * Global Actions are actions that affect the entire page they live in.
  * They should persist while scrolling down the screen.
@@ -79,11 +95,12 @@ var HvGlobalActions = function HvGlobalActions(props) {
       positionProp = props.position,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var BackButtonComp = (0, _react.useCallback)(function () {
-    return /*#__PURE__*/_react.default.createElement(_Button.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
       "aria-label": backButtonAriaLabel,
       icon: true,
-      onClick: backButtonAction
-    }, backwardsIcon || _Backwards || (_Backwards = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Backwards, null)));
+      onClick: backButtonAction,
+      children: backwardsIcon || _Backwards || (_Backwards = /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikitReactIcons.Backwards, {}))
+    });
   }, [backButtonAction, backButtonAriaLabel, backwardsIcon]);
   var headingLevelToApply = headingLevel || (variant === "global" ? 1 : 2);
 
@@ -91,36 +108,43 @@ var HvGlobalActions = function HvGlobalActions(props) {
     var bkButton;
 
     if ((0, _typeof2.default)(backButton) === "object") {
-      bkButton = /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.backButton
-      }, backButton);
+      bkButton = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.backButton,
+        children: backButton
+      });
     } else if (backButton !== false) {
-      bkButton = /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.backButton
-      }, _BackButtonComp || (_BackButtonComp = /*#__PURE__*/_react.default.createElement(BackButtonComp, null)));
+      bkButton = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.backButton,
+        children: _BackButtonComp || (_BackButtonComp = /*#__PURE__*/(0, _jsxRuntime.jsx)(BackButtonComp, {}))
+      });
     }
 
     return bkButton;
   };
 
   var position = positionProp || (variant === "global" ? "sticky" : "relative");
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root, {
       "sticky": classes.positionSticky,
       "fixed": classes.positionFixed
     }[position], variant === "global" && classes.global)
-  }, others), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _clsx.default)(classes.wrapper, {
-      "global": classes.globalWrapperComplement,
-      "section": classes.globalSectionArea
-    }[variant])
-  }, variant === "global" && backButtonRenderer(), !(0, _isString.default)(title) ? title : /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: variant === "global" ? "xsTitle" : "sectionTitle",
-    component: "h".concat(headingLevelToApply),
-    className: classes.name
-  }, title), children && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.actions
-  }, children)));
+  }, others), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _clsx.default)(classes.wrapper, {
+        "global": classes.globalWrapperComplement,
+        "section": classes.globalSectionArea
+      }[variant]),
+      children: [variant === "global" && backButtonRenderer(), !(0, _isString.default)(title) ? title : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+        variant: variant === "global" ? "xsTitle" : "sectionTitle",
+        component: "h".concat(headingLevelToApply),
+        className: classes.name,
+        children: title
+      }), children && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: classes.actions,
+        children: children
+      })]
+    })
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? HvGlobalActions.propTypes = {
@@ -207,17 +231,17 @@ process.env.NODE_ENV !== "production" ? HvGlobalActions.propTypes = {
   /**
    * Action to be executed by the Back button in the Global Actions.
    */
-  backButtonAction: (0, _deprecatedPropType.default)(_propTypes.default.func, "Instead use the backButon property to pass in the button for the back action"),
+  backButtonAction: (0, _material.deprecatedPropType)(_propTypes.default.func, "Instead use the backButon property to pass in the button for the back action"),
 
   /**
    * Aria label to be applied to the back navigation button.
    */
-  backButtonAriaLabel: (0, _deprecatedPropType.default)(_propTypes.default.string, "Instead use the backButon property to pass in the button for the back action"),
+  backButtonAriaLabel: (0, _material.deprecatedPropType)(_propTypes.default.string, "Instead use the backButon property to pass in the button for the back action"),
 
   /**
    * Custom item to be applied to Backwards button.
    */
-  backwardsIcon: (0, _deprecatedPropType.default)(_propTypes.default.node, "Instead use the backButon property to pass in the button for the back action"),
+  backwardsIcon: (0, _material.deprecatedPropType)(_propTypes.default.node, "Instead use the backButon property to pass in the button for the back action"),
 
   /**
    * Heading Level to apply to Title Area.
@@ -231,7 +255,7 @@ process.env.NODE_ENV !== "production" ? HvGlobalActions.propTypes = {
   position: _propTypes.default.oneOf(["sticky", "fixed", "relative"])
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvGlobalActions"
 })(HvGlobalActions);
 

package/dist/GlobalActions/GlobalActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalActions.js","names":["HvGlobalActions","props","className","classes","title","children","variant","backButton","backButtonAction","backButtonAriaLabel","backwardsIcon","headingLevel","positionProp","position","others","BackButtonComp","useCallback","headingLevelToApply","backButtonRenderer","bkButton","clsx","root","positionSticky","positionFixed","global","wrapper","globalWrapperComplement","globalSectionArea","isString","name","actions","propTypes","PropTypes","string","shape","isRequired","node","oneOfType","bool","deprecatedPropType","func","oneOf","withStyles","styles"],"sources":["../../src/GlobalActions/GlobalActions.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport deprecatedPropType from \"@material-ui/core/utils/deprecatedPropType\";\n\nimport { Backwards } from \"@hitachivantara/uikit-react-icons\";\nimport { withStyles } from \"@material-ui/core\";\nimport isString from \"lodash/isString\";\n\nimport HvButton from \"../Button\";\nimport HvTypography from \"../Typography\";\n\nimport styles from \"./styles\";\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nconst HvGlobalActions = (props) => {\n  const {\n    className,\n    classes,\n    title,\n    children,\n    variant = \"global\",\n    backButton,\n    backButtonAction,\n    backButtonAriaLabel = \"Back\",\n    backwardsIcon,\n    headingLevel,\n    position: positionProp,\n    ...others\n  } = props;\n\n  const BackButtonComp = useCallback(\n    () => (\n      <HvButton aria-label={backButtonAriaLabel} icon onClick={backButtonAction}>\n        {backwardsIcon || <Backwards />}\n      </HvButton>\n    ),\n    [backButtonAction, backButtonAriaLabel, backwardsIcon]\n  );\n\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const backButtonRenderer = () => {\n    let bkButton;\n\n    if (typeof backButton === \"object\") {\n      bkButton = <div className={classes.backButton}>{backButton}</div>;\n    } else if (backButton !== false) {\n      bkButton = (\n        <div className={classes.backButton}>\n          <BackButtonComp />\n        </div>\n      );\n    }\n\n    return bkButton;\n  };\n\n  const position = positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.positionSticky]: position === \"sticky\",\n        [classes.positionFixed]: position === \"fixed\",\n        [classes.global]: variant === \"global\",\n      })}\n      {...others}\n    >\n      <div\n        className={clsx(classes.wrapper, {\n          [classes.globalWrapperComplement]: variant === \"global\",\n          [classes.globalSectionArea]: variant === \"section\",\n        })}\n      >\n        {variant === \"global\" && backButtonRenderer()}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant={variant === \"global\" ? \"xsTitle\" : \"sectionTitle\"}\n            component={`h${headingLevelToApply}`}\n            className={classes.name}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && <div className={classes.actions}>{children}</div>}\n      </div>\n    </div>\n  );\n};\n\nHvGlobalActions.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n\n     * Styles applied to the component root class if component is sticky.\n     */\n    positionSticky: PropTypes.string,\n    /**\n     * Styles applied to the component root class if component is fixed.\n     */\n    positionFixed: PropTypes.string,\n    /**\n     * Styles applied to the component root when `variant=\"global\"`.\n     */\n    global: PropTypes.string,\n    /**\n     * Styles applied to the component wrapper class.\n     */\n    wrapper: PropTypes.string,\n    /**\n     * Styles applied to the component wrapper class, to differentiate from a section area.\n     */\n    globalWrapperComplement: PropTypes.string,\n    /**\n     * Styles applied to the components globalSectionArea class.\n     */\n    globalSectionArea: PropTypes.string,\n    /**\n     * Styles applied to the component backButton class.\n     */\n    backButton: PropTypes.string,\n    /**\n     * Styles applied to the naming section.\n     */\n    name: PropTypes.string,\n    /**\n     * Styles applied to the actions container.\n     */\n    actions: PropTypes.string,\n  }).isRequired,\n  /**\n   * Action Buttons passed into the Component.\n   */\n  children: PropTypes.node,\n  /**\n   * Denotes if this is a global or section component.\n   */\n  variant: PropTypes.string,\n  /**\n   * Text to display in the component.\n   */\n  title: PropTypes.node,\n  /**\n   * User can pass in a fully customized button or false for when the back button should not be rendered.\n   */\n  backButton: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),\n  /**\n   * Action to be executed by the Back button in the Global Actions.\n   */\n  backButtonAction: deprecatedPropType(\n    PropTypes.func,\n    \"Instead use the backButon property to pass in the button for the back action\"\n  ),\n  /**\n   * Aria label to be applied to the back navigation button.\n   */\n  backButtonAriaLabel: deprecatedPropType(\n    PropTypes.string,\n    \"Instead use the backButon property to pass in the button for the back action\"\n  ),\n  /**\n   * Custom item to be applied to Backwards button.\n   */\n  backwardsIcon: deprecatedPropType(\n    PropTypes.node,\n    \"Instead use the backButon property to pass in the button for the back action\"\n  ),\n\n  /**\n   * Heading Level to apply to Title Area.\n   */\n  headingLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),\n  /**\n   * Position of the Global Actions.\n   * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n   */\n  position: PropTypes.oneOf([\"sticky\", \"fixed\", \"relative\"]),\n};\n\nexport default withStyles(styles, { name: \"HvGlobalActions\" })(HvGlobalActions);\n"],"mappings":"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"}
+{"version":3,"file":"GlobalActions.js","names":["HvGlobalActions","props","className","classes","title","children","variant","backButton","backButtonAction","backButtonAriaLabel","backwardsIcon","headingLevel","positionProp","position","others","BackButtonComp","useCallback","headingLevelToApply","backButtonRenderer","bkButton","clsx","root","positionSticky","positionFixed","global","wrapper","globalWrapperComplement","globalSectionArea","isString","name","actions","propTypes","PropTypes","string","shape","isRequired","node","oneOfType","bool","deprecatedPropType","func","oneOf","withStyles","styles"],"sources":["../../src/GlobalActions/GlobalActions.js"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\n\nimport { Backwards } from \"@hitachivantara/uikit-react-icons\";\nimport { withStyles } from \"@mui/styles\";\nimport isString from \"lodash/isString\";\n\nimport HvButton from \"../Button\";\nimport HvTypography from \"../Typography\";\n\nimport styles from \"./styles\";\n\n/**\n * Global Actions are actions that affect the entire page they live in.\n * They should persist while scrolling down the screen.\n */\nconst HvGlobalActions = (props) => {\n  const {\n    className,\n    classes,\n    title,\n    children,\n    variant = \"global\",\n    backButton,\n    backButtonAction,\n    backButtonAriaLabel = \"Back\",\n    backwardsIcon,\n    headingLevel,\n    position: positionProp,\n    ...others\n  } = props;\n\n  const BackButtonComp = useCallback(\n    () => (\n      <HvButton aria-label={backButtonAriaLabel} icon onClick={backButtonAction}>\n        {backwardsIcon || <Backwards />}\n      </HvButton>\n    ),\n    [backButtonAction, backButtonAriaLabel, backwardsIcon]\n  );\n\n  const headingLevelToApply = headingLevel || (variant === \"global\" ? 1 : 2);\n\n  const backButtonRenderer = () => {\n    let bkButton;\n\n    if (typeof backButton === \"object\") {\n      bkButton = <div className={classes.backButton}>{backButton}</div>;\n    } else if (backButton !== false) {\n      bkButton = (\n        <div className={classes.backButton}>\n          <BackButtonComp />\n        </div>\n      );\n    }\n\n    return bkButton;\n  };\n\n  const position = positionProp || (variant === \"global\" ? \"sticky\" : \"relative\");\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.positionSticky]: position === \"sticky\",\n        [classes.positionFixed]: position === \"fixed\",\n        [classes.global]: variant === \"global\",\n      })}\n      {...others}\n    >\n      <div\n        className={clsx(classes.wrapper, {\n          [classes.globalWrapperComplement]: variant === \"global\",\n          [classes.globalSectionArea]: variant === \"section\",\n        })}\n      >\n        {variant === \"global\" && backButtonRenderer()}\n        {!isString(title) ? (\n          title\n        ) : (\n          <HvTypography\n            variant={variant === \"global\" ? \"xsTitle\" : \"sectionTitle\"}\n            component={`h${headingLevelToApply}`}\n            className={classes.name}\n          >\n            {title}\n          </HvTypography>\n        )}\n        {children && <div className={classes.actions}>{children}</div>}\n      </div>\n    </div>\n  );\n};\n\nHvGlobalActions.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n\n     * Styles applied to the component root class if component is sticky.\n     */\n    positionSticky: PropTypes.string,\n    /**\n     * Styles applied to the component root class if component is fixed.\n     */\n    positionFixed: PropTypes.string,\n    /**\n     * Styles applied to the component root when `variant=\"global\"`.\n     */\n    global: PropTypes.string,\n    /**\n     * Styles applied to the component wrapper class.\n     */\n    wrapper: PropTypes.string,\n    /**\n     * Styles applied to the component wrapper class, to differentiate from a section area.\n     */\n    globalWrapperComplement: PropTypes.string,\n    /**\n     * Styles applied to the components globalSectionArea class.\n     */\n    globalSectionArea: PropTypes.string,\n    /**\n     * Styles applied to the component backButton class.\n     */\n    backButton: PropTypes.string,\n    /**\n     * Styles applied to the naming section.\n     */\n    name: PropTypes.string,\n    /**\n     * Styles applied to the actions container.\n     */\n    actions: PropTypes.string,\n  }).isRequired,\n  /**\n   * Action Buttons passed into the Component.\n   */\n  children: PropTypes.node,\n  /**\n   * Denotes if this is a global or section component.\n   */\n  variant: PropTypes.string,\n  /**\n   * Text to display in the component.\n   */\n  title: PropTypes.node,\n  /**\n   * User can pass in a fully customized button or false for when the back button should not be rendered.\n   */\n  backButton: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),\n  /**\n   * Action to be executed by the Back button in the Global Actions.\n   */\n  backButtonAction: deprecatedPropType(\n    PropTypes.func,\n    \"Instead use the backButon property to pass in the button for the back action\"\n  ),\n  /**\n   * Aria label to be applied to the back navigation button.\n   */\n  backButtonAriaLabel: deprecatedPropType(\n    PropTypes.string,\n    \"Instead use the backButon property to pass in the button for the back action\"\n  ),\n  /**\n   * Custom item to be applied to Backwards button.\n   */\n  backwardsIcon: deprecatedPropType(\n    PropTypes.node,\n    \"Instead use the backButon property to pass in the button for the back action\"\n  ),\n\n  /**\n   * Heading Level to apply to Title Area.\n   */\n  headingLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),\n  /**\n   * Position of the Global Actions.\n   * Defaults to `sticky` when it is a global title and `relative` when it's a section title.\n   */\n  position: PropTypes.oneOf([\"sticky\", \"fixed\", \"relative\"]),\n};\n\nexport default withStyles(styles, { name: \"HvGlobalActions\" })(HvGlobalActions);\n"],"mappings":"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"}

package/dist/Grid/Grid.d.ts

@@ -1,4 +1,4 @@
-import { GridProps, StandardProps } from "@material-ui/core";
+import { GridProps, StandardProps } from "@mui/material";
 
 export type Spacing = "xs" | "sm" | "md" | "lg" | "xl" | "auto";
 export type Columns = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;

package/dist/Grid/Grid.js

@@ -1,5 +1,19 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -11,7 +25,7 @@ require("core-js/modules/es.array.concat.js");
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -21,11 +35,20 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _isString = _interopRequireDefault(require("lodash/isString"));
 
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
 
 var _useWidth = _interopRequireDefault(require("../utils/useWidth"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _excluded = ["container", "spacing"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var BREAKPOINT_GUTTERS = {
   xs: 2,
   sm: 2,
@@ -68,12 +91,12 @@ var HvGrid = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     }
   }
 
-  return /*#__PURE__*/_react.default.createElement(_core.Grid, (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, _objectSpread(_objectSpread({
     ref: ref
   }, container && {
     container: container,
     spacing: gridSpacing
-  }, others));
+  }), others));
 });
 /*
  * copied from Material-UI Grid.js since we simply override the styles of the component
@@ -426,7 +449,7 @@ process.env.NODE_ENV !== "production" ? HvGrid.propTypes = {
   zeroMinWidth: _propTypes.default.bool
 } : void 0;
 
-var _default = (0, _core.withStyles)({}, {
+var _default = (0, _styles.withStyles)({}, {
   name: "HvGrid"
 })(HvGrid);
 

package/dist/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","SPACINGS","HvGrid","React","forwardRef","ref","container","spacing","others","width","useWidth","gridSpacing","isString","propTypes","alignContent","PropTypes","oneOf","alignItems","children","node","classes","shape","root","string","item","zeroMinWidth","isRequired","className","component","elementType","bool","direction","justify","wrap","withStyles","name"],"sources":["../../src/Grid/Grid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport isString from \"lodash/isString\";\nimport { withStyles, Grid } from \"@material-ui/core\";\nimport useWidth from \"../utils/useWidth\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nconst SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid](https://material-ui.com/components/grid/#grid).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-600[       | 15              | 4                 |\n * | sm         | [600-960[     | 15              | 8                 |\n * | md         | [960-1270[    | 30              | 12                |\n * | lg         | [1270-1920[   | 30              | 12                |\n * | xl         | [1920-...[    | 30              | 12                |\n *\n */\nconst HvGrid = React.forwardRef(({ container, spacing = \"auto\", ...others }, ref) => {\n  const width = useWidth();\n  let gridSpacing = spacing;\n\n  if (isString(spacing)) {\n    if (spacing === \"auto\") {\n      gridSpacing = BREAKPOINT_GUTTERS[width];\n    } else {\n      gridSpacing = BREAKPOINT_GUTTERS[spacing];\n    }\n  }\n\n  return <Grid ref={ref} {...(container && { container, spacing: gridSpacing })} {...others} />;\n});\n\n/*\n * copied from Material-UI Grid.js since we simply override the styles of the component\n * please make sure this is updated when we update our Material-UI dependency\n */\nHvGrid.propTypes = {\n  /**\n   * Defines the `align-content` style property.\n   * It's applied for all screen sizes.\n   */\n  alignContent: PropTypes.oneOf([\n    \"stretch\",\n    \"center\",\n    \"flex-start\",\n    \"flex-end\",\n    \"space-between\",\n    \"space-around\",\n  ]),\n  /**\n   * Defines the `align-items` style property.\n   * It's applied for all screen sizes.\n   */\n  alignItems: PropTypes.oneOf([\"flex-start\", \"center\", \"flex-end\", \"stretch\", \"baseline\"]),\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root element if container={true}.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the root element if item={true}.\n     */\n    item: PropTypes.string,\n    /**\n     * Styles applied to the root element if zeroMinWidth={true}.\n     */\n    zeroMinWidth: PropTypes.string,\n    /**\n     * Styles related to column direction.\n     */\n    \"direction-xs-column\": PropTypes.string,\n    /**\n     * Styles related to column direction.\n     */\n    \"direction-xs-reverse\": PropTypes.string,\n    /**\n     * Styles related to column direction.\n     */\n    \"direction-xs-row-reverse\": PropTypes.string,\n    /**\n     * Styles related to wrapping.\n     */\n    \"wrap-xs-nowrap\": PropTypes.string,\n    /**\n     * Styles related to wrapping.\n     */\n    \"wrap-xs-wrap-reverse\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-center\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-flex-start\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-flex-end\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-baseline\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-center\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-flex-start\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-flex-end\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-space-between\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-space-around\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-center\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-flex-end\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-space-between\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-space-around\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-space-evenly\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-1\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-2\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-3\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-4\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-5\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-6\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-7\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-8\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-9\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-10\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-auto\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-true\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-1\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-2\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-3\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-4\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-5\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-6\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-7\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-8\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-9\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-10\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-11\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-12\": PropTypes.string,\n  }).isRequired,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the component will have the flex *container* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  container: PropTypes.bool,\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   */\n  direction: PropTypes.oneOf([\"row\", \"row-reverse\", \"column\", \"column-reverse\"]),\n  /**\n   * If `true`, the component will have the flex *item* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  item: PropTypes.bool,\n  /**\n   * Defines the `justify-content` style property.\n   * It is applied for all screen sizes.\n   */\n  justify: PropTypes.oneOf([\n    \"flex-start\",\n    \"center\",\n    \"flex-end\",\n    \"space-between\",\n    \"space-around\",\n    \"space-evenly\",\n  ]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `lg` breakpoint and wider screens if not overridden.\n   */\n  lg: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `md` breakpoint and wider screens if not overridden.\n   */\n  md: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `sm` breakpoint and wider screens if not overridden.\n   */\n  sm: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the space between the type item component. It can only be used on a type container component.\n   * Based in the 7.5px factor defined in the theme, it allows the definition of this factor based on the factor\n   * (number between 0 and 10), breakpoint or auto.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"auto\", ...SPACINGS]),\n  /**\n   * Defines the `flex-wrap` style property.\n   * It's applied for all screen sizes.\n   */\n  wrap: PropTypes.oneOf([\"nowrap\", \"wrap\", \"wrap-reverse\"]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `xl` breakpoint and wider screens.\n   */\n  xl: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for all the screen sizes with the lowest priority.\n   */\n  xs: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * If `true`, it sets `min-width: 0` on the item.\n   * Refer to the limitations section of the documentation to better understand the use case.\n   */\n  zeroMinWidth: PropTypes.bool,\n};\n\nexport default withStyles({}, { name: \"HvGrid\" })(HvGrid);\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;AAEA,IAAMA,kBAAkB,GAAG;EACzBC,EAAE,EAAE,CADqB;EAEzBC,EAAE,EAAE,CAFqB;EAGzBC,EAAE,EAAE,CAHqB;EAIzBC,EAAE,EAAE,CAJqB;EAKzBC,EAAE,EAAE;AALqB,CAA3B;AAQA,IAAMC,QAAN,2CAAiB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,EAAmB,CAAnB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,EAA/B,CAAjB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,MAAM,gBAAGC,cAAA,CAAMC,UAAN,CAAiB,gBAA6CC,GAA7C,EAAqD;EAAA,IAAlDC,SAAkD,QAAlDA,SAAkD;EAAA,wBAAvCC,OAAuC;EAAA,IAAvCA,OAAuC,6BAA7B,MAA6B;EAAA,IAAlBC,MAAkB;EACnF,IAAMC,KAAK,GAAG,IAAAC,iBAAA,GAAd;EACA,IAAIC,WAAW,GAAGJ,OAAlB;;EAEA,IAAI,IAAAK,iBAAA,EAASL,OAAT,CAAJ,EAAuB;IACrB,IAAIA,OAAO,KAAK,MAAhB,EAAwB;MACtBI,WAAW,GAAGhB,kBAAkB,CAACc,KAAD,CAAhC;IACD,CAFD,MAEO;MACLE,WAAW,GAAGhB,kBAAkB,CAACY,OAAD,CAAhC;IACD;EACF;;EAED,oBAAO,6BAAC,UAAD;IAAM,GAAG,EAAEF;EAAX,GAAqBC,SAAS,IAAI;IAAEA,SAAS,EAATA,SAAF;IAAaC,OAAO,EAAEI;EAAtB,CAAlC,EAA4EH,MAA5E,EAAP;AACD,CAbc,CAAf;AAeA;AACA;AACA;AACA;;;AACA,wCAAAN,MAAM,CAACW,SAAP,GAAmB;EACjB;AACF;AACA;AACA;EACEC,YAAY,EAAEC,kBAAA,CAAUC,KAAV,CAAgB,CAC5B,SAD4B,EAE5B,QAF4B,EAG5B,YAH4B,EAI5B,UAJ4B,EAK5B,eAL4B,EAM5B,cAN4B,CAAhB,CALG;;EAajB;AACF;AACA;AACA;EACEC,UAAU,EAAEF,kBAAA,CAAUC,KAAV,CAAgB,CAAC,YAAD,EAAe,QAAf,EAAyB,UAAzB,EAAqC,SAArC,EAAgD,UAAhD,CAAhB,CAjBK;;EAkBjB;AACF;AACA;EACEE,QAAQ,EAAEH,kBAAA,CAAUI,IArBH;;EAsBjB;AACF;AACA;AACA;EACE;EACAC,OAAO,EAAEL,kBAAA,CAAUM,KAAV,CAAgB;IACvB;AACJ;AACA;IACIC,IAAI,EAAEP,kBAAA,CAAUQ,MAJO;;IAKvB;AACJ;AACA;IACIjB,SAAS,EAAES,kBAAA,CAAUQ,MARE;;IASvB;AACJ;AACA;IACIC,IAAI,EAAET,kBAAA,CAAUQ,MAZO;;IAavB;AACJ;AACA;IACIE,YAAY,EAAEV,kBAAA,CAAUQ,MAhBD;;IAiBvB;AACJ;AACA;IACI,uBAAuBR,kBAAA,CAAUQ,MApBV;;IAqBvB;AACJ;AACA;IACI,wBAAwBR,kBAAA,CAAUQ,MAxBX;;IAyBvB;AACJ;AACA;IACI,4BAA4BR,kBAAA,CAAUQ,MA5Bf;;IA6BvB;AACJ;AACA;IACI,kBAAkBR,kBAAA,CAAUQ,MAhCL;;IAiCvB;AACJ;AACA;IACI,wBAAwBR,kBAAA,CAAUQ,MApCX;;IAqCvB;AACJ;AACA;IACI,yBAAyBR,kBAAA,CAAUQ,MAxCZ;;IAyCvB;AACJ;AACA;IACI,6BAA6BR,kBAAA,CAAUQ,MA5ChB;;IA6CvB;AACJ;AACA;IACI,2BAA2BR,kBAAA,CAAUQ,MAhDd;;IAiDvB;AACJ;AACA;IACI,2BAA2BR,kBAAA,CAAUQ,MApDd;;IAqDvB;AACJ;AACA;IACI,2BAA2BR,kBAAA,CAAUQ,MAxDd;;IAyDvB;AACJ;AACA;IACI,+BAA+BR,kBAAA,CAAUQ,MA5DlB;;IA6DvB;AACJ;AACA;IACI,6BAA6BR,kBAAA,CAAUQ,MAhEhB;;IAiEvB;AACJ;AACA;IACI,kCAAkCR,kBAAA,CAAUQ,MApErB;;IAqEvB;AACJ;AACA;IACI,iCAAiCR,kBAAA,CAAUQ,MAxEpB;;IAyEvB;AACJ;AACA;IACI,qBAAqBR,kBAAA,CAAUQ,MA5ER;;IA6EvB;AACJ;AACA;IACI,uBAAuBR,kBAAA,CAAUQ,MAhFV;;IAiFvB;AACJ;AACA;IACI,4BAA4BR,kBAAA,CAAUQ,MApFf;;IAqFvB;AACJ;AACA;IACI,2BAA2BR,kBAAA,CAAUQ,MAxFd;;IAyFvB;AACJ;AACA;IACI,2BAA2BR,kBAAA,CAAUQ,MA5Fd;;IA6FvB;AACJ;AACA;IACI,gBAAgBR,kBAAA,CAAUQ,MAhGH;;IAiGvB;AACJ;AACA;IACI,gBAAgBR,kBAAA,CAAUQ,MApGH;;IAqGvB;AACJ;AACA;IACI,gBAAgBR,kBAAA,CAAUQ,MAxGH;;IAyGvB;AACJ;AACA;IACI,gBAAgBR,kBAAA,CAAUQ,MA5GH;;IA6GvB;AACJ;AACA;IACI,gBAAgBR,kBAAA,CAAUQ,MAhHH;;IAiHvB;AACJ;AACA;IACI,gBAAgBR,kBAAA,CAAUQ,MApHH;;IAqHvB;AACJ;AACA;IACI,gBAAgBR,kBAAA,CAAUQ,MAxHH;;IAyHvB;AACJ;AACA;IACI,gBAAgBR,kBAAA,CAAUQ,MA5HH;;IA6HvB;AACJ;AACA;IACI,gBAAgBR,kBAAA,CAAUQ,MAhIH;;IAiIvB;AACJ;AACA;IACI,iBAAiBR,kBAAA,CAAUQ,MApIJ;;IAqIvB;AACJ;AACA;IACI,gBAAgBR,kBAAA,CAAUQ,MAxIH;;IAyIvB;AACJ;AACA;IACI,gBAAgBR,kBAAA,CAAUQ,MA5IH;;IA6IvB;AACJ;AACA;IACI,aAAaR,kBAAA,CAAUQ,MAhJA;;IAiJvB;AACJ;AACA;IACI,aAAaR,kBAAA,CAAUQ,MApJA;;IAqJvB;AACJ;AACA;IACI,aAAaR,kBAAA,CAAUQ,MAxJA;;IAyJvB;AACJ;AACA;IACI,aAAaR,kBAAA,CAAUQ,MA5JA;;IA6JvB;AACJ;AACA;IACI,aAAaR,kBAAA,CAAUQ,MAhKA;;IAiKvB;AACJ;AACA;IACI,aAAaR,kBAAA,CAAUQ,MApKA;;IAqKvB;AACJ;AACA;IACI,aAAaR,kBAAA,CAAUQ,MAxKA;;IAyKvB;AACJ;AACA;IACI,aAAaR,kBAAA,CAAUQ,MA5KA;;IA6KvB;AACJ;AACA;IACI,aAAaR,kBAAA,CAAUQ,MAhLA;;IAiLvB;AACJ;AACA;IACI,cAAcR,kBAAA,CAAUQ,MApLD;;IAqLvB;AACJ;AACA;IACI,cAAcR,kBAAA,CAAUQ,MAxLD;;IAyLvB;AACJ;AACA;IACI,cAAcR,kBAAA,CAAUQ;EA5LD,CAAhB,EA6LNG,UAxNc;;EAyNjB;AACF;AACA;EACEC,SAAS,EAAEZ,kBAAA,CAAUQ,MA5NJ;;EA6NjB;AACF;AACA;AACA;EACEK,SAAS,EAAEb,kBAAA,CAAUc,WAjOJ;;EAkOjB;AACF;AACA;AACA;EACEvB,SAAS,EAAES,kBAAA,CAAUe,IAtOJ;;EAuOjB;AACF;AACA;AACA;EACEC,SAAS,EAAEhB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,KAAD,EAAQ,aAAR,EAAuB,QAAvB,EAAiC,gBAAjC,CAAhB,CA3OM;;EA4OjB;AACF;AACA;AACA;EACEQ,IAAI,EAAET,kBAAA,CAAUe,IAhPC;;EAiPjB;AACF;AACA;AACA;EACEE,OAAO,EAAEjB,kBAAA,CAAUC,KAAV,CAAgB,CACvB,YADuB,EAEvB,QAFuB,EAGvB,UAHuB,EAIvB,eAJuB,EAKvB,cALuB,EAMvB,cANuB,CAAhB,CArPQ;;EA6PjB;AACF;AACA;AACA;EACEjB,EAAE,EAAEgB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CAjQa;;EAkQjB;AACF;AACA;AACA;EACElB,EAAE,EAAEiB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CAtQa;;EAuQjB;AACF;AACA;AACA;EACEnB,EAAE,EAAEkB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CA3Qa;;EA4QjB;AACF;AACA;AACA;AACA;EACET,OAAO,EAAEQ,kBAAA,CAAUC,KAAV,EAAiB,IAAjB,EAAuB,IAAvB,EAA6B,IAA7B,EAAmC,IAAnC,EAAyC,IAAzC,EAA+C,MAA/C,0CAA0Df,QAA1D,GAjRQ;;EAkRjB;AACF;AACA;AACA;EACEgC,IAAI,EAAElB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,MAAX,EAAmB,cAAnB,CAAhB,CAtRW;;EAuRjB;AACF;AACA;AACA;EACEhB,EAAE,EAAEe,kBAAA,CAAUC,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CA3Ra;;EA4RjB;AACF;AACA;AACA;EACEpB,EAAE,EAAEmB,kBAAA,CAAUC,KAAV,CAAgB,CAAC,KAAD,EAAQ,MAAR,EAAgB,IAAhB,EAAsB,CAAtB,EAAyB,CAAzB,EAA4B,CAA5B,EAA+B,CAA/B,EAAkC,CAAlC,EAAqC,CAArC,EAAwC,CAAxC,EAA2C,CAA3C,EAA8C,CAA9C,EAAiD,EAAjD,EAAqD,EAArD,EAAyD,EAAzD,CAAhB,CAhSa;;EAiSjB;AACF;AACA;AACA;EACES,YAAY,EAAEV,kBAAA,CAAUe;AArSP,CAAnB;;eAwSe,IAAAI,gBAAA,EAAW,EAAX,EAAe;EAAEC,IAAI,EAAE;AAAR,CAAf,EAAmCjC,MAAnC,C"}
+{"version":3,"file":"Grid.js","names":["BREAKPOINT_GUTTERS","xs","sm","md","lg","xl","SPACINGS","HvGrid","React","forwardRef","ref","container","spacing","others","width","useWidth","gridSpacing","isString","propTypes","alignContent","PropTypes","oneOf","alignItems","children","node","classes","shape","root","string","item","zeroMinWidth","isRequired","className","component","elementType","bool","direction","justify","wrap","withStyles","name"],"sources":["../../src/Grid/Grid.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport isString from \"lodash/isString\";\nimport { Grid } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport useWidth from \"../utils/useWidth\";\n\nconst BREAKPOINT_GUTTERS = {\n  xs: 2,\n  sm: 2,\n  md: 4,\n  lg: 4,\n  xl: 4,\n};\n\nconst SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];\n\n/**\n * The grid creates visual consistency between layouts while allowing flexibility\n * across a wide variety of designs. This component is based in a 12-column grid layout.\n *\n * It is is based in the [Material UI Grid](https://material-ui.com/components/grid/#grid).\n *\n * The definitions were set following the Design System directives:\n *\n * | Breakpoint | Width (in px) | Gutters (in px) | Number of columns |\n * | ---------- | ------------- | --------------- | ----------------- |\n * | xs         | [0-600[       | 15              | 4                 |\n * | sm         | [600-960[     | 15              | 8                 |\n * | md         | [960-1270[    | 30              | 12                |\n * | lg         | [1270-1920[   | 30              | 12                |\n * | xl         | [1920-...[    | 30              | 12                |\n *\n */\nconst HvGrid = React.forwardRef(({ container, spacing = \"auto\", ...others }, ref) => {\n  const width = useWidth();\n  let gridSpacing = spacing;\n\n  if (isString(spacing)) {\n    if (spacing === \"auto\") {\n      gridSpacing = BREAKPOINT_GUTTERS[width];\n    } else {\n      gridSpacing = BREAKPOINT_GUTTERS[spacing];\n    }\n  }\n\n  return <Grid ref={ref} {...(container && { container, spacing: gridSpacing })} {...others} />;\n});\n\n/*\n * copied from Material-UI Grid.js since we simply override the styles of the component\n * please make sure this is updated when we update our Material-UI dependency\n */\nHvGrid.propTypes = {\n  /**\n   * Defines the `align-content` style property.\n   * It's applied for all screen sizes.\n   */\n  alignContent: PropTypes.oneOf([\n    \"stretch\",\n    \"center\",\n    \"flex-start\",\n    \"flex-end\",\n    \"space-between\",\n    \"space-around\",\n  ]),\n  /**\n   * Defines the `align-items` style property.\n   * It's applied for all screen sizes.\n   */\n  alignItems: PropTypes.oneOf([\"flex-start\", \"center\", \"flex-end\", \"stretch\", \"baseline\"]),\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root element if container={true}.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the root element if item={true}.\n     */\n    item: PropTypes.string,\n    /**\n     * Styles applied to the root element if zeroMinWidth={true}.\n     */\n    zeroMinWidth: PropTypes.string,\n    /**\n     * Styles related to column direction.\n     */\n    \"direction-xs-column\": PropTypes.string,\n    /**\n     * Styles related to column direction.\n     */\n    \"direction-xs-reverse\": PropTypes.string,\n    /**\n     * Styles related to column direction.\n     */\n    \"direction-xs-row-reverse\": PropTypes.string,\n    /**\n     * Styles related to wrapping.\n     */\n    \"wrap-xs-nowrap\": PropTypes.string,\n    /**\n     * Styles related to wrapping.\n     */\n    \"wrap-xs-wrap-reverse\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-center\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-flex-start\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-flex-end\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-items-xs-baseline\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-center\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-flex-start\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-flex-end\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-space-between\": PropTypes.string,\n    /**\n     * Styles related to alignment.\n     */\n    \"align-content-xs-space-around\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-center\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-flex-end\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-space-between\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-space-around\": PropTypes.string,\n    /**\n     * Styles related to content justification.\n     */\n    \"justify-xs-space-evenly\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-1\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-2\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-3\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-4\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-5\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-6\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-7\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-8\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-9\": PropTypes.string,\n    /**\n     * Styles related to spacing.\n     */\n    \"spacing-xs-10\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-auto\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-true\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-1\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-2\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-3\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-4\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-5\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-6\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-7\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-8\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-9\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-10\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-11\": PropTypes.string,\n    /**\n     * Styles related to grid sizing.\n     */\n    \"grid-xs-12\": PropTypes.string,\n  }).isRequired,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the component will have the flex *container* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  container: PropTypes.bool,\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   */\n  direction: PropTypes.oneOf([\"row\", \"row-reverse\", \"column\", \"column-reverse\"]),\n  /**\n   * If `true`, the component will have the flex *item* behavior.\n   * You should be wrapping *items* with a *container*.\n   */\n  item: PropTypes.bool,\n  /**\n   * Defines the `justify-content` style property.\n   * It is applied for all screen sizes.\n   */\n  justify: PropTypes.oneOf([\n    \"flex-start\",\n    \"center\",\n    \"flex-end\",\n    \"space-between\",\n    \"space-around\",\n    \"space-evenly\",\n  ]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `lg` breakpoint and wider screens if not overridden.\n   */\n  lg: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `md` breakpoint and wider screens if not overridden.\n   */\n  md: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `sm` breakpoint and wider screens if not overridden.\n   */\n  sm: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the space between the type item component. It can only be used on a type container component.\n   * Based in the 7.5px factor defined in the theme, it allows the definition of this factor based on the factor\n   * (number between 0 and 10), breakpoint or auto.\n   */\n  spacing: PropTypes.oneOf([\"xs\", \"sm\", \"md\", \"lg\", \"xl\", \"auto\", ...SPACINGS]),\n  /**\n   * Defines the `flex-wrap` style property.\n   * It's applied for all screen sizes.\n   */\n  wrap: PropTypes.oneOf([\"nowrap\", \"wrap\", \"wrap-reverse\"]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for the `xl` breakpoint and wider screens.\n   */\n  xl: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * Defines the number of grids the component is going to use.\n   * It's applied for all the screen sizes with the lowest priority.\n   */\n  xs: PropTypes.oneOf([false, \"auto\", true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]),\n  /**\n   * If `true`, it sets `min-width: 0` on the item.\n   * Refer to the limitations section of the documentation to better understand the use case.\n   */\n  zeroMinWidth: PropTypes.bool,\n};\n\nexport default withStyles({}, { name: \"HvGrid\" })(HvGrid);\n"],"mappings":"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"}

package/dist/Header/Actions/Actions.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvHeaderActionsClassKey = "root";
 

package/dist/Header/Actions/Actions.js

@@ -1,5 +1,19 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -7,7 +21,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -17,20 +31,28 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
+
+var _styles2 = _interopRequireDefault(require("./styles"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["classes", "className", "children"];
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var Actions = function Actions(props) {
   var classes = props.classes,
       className = props.className,
       children = props.children,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root)
-  }, others), children);
+  }, others), {}, {
+    children: children
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Actions.propTypes = {
@@ -55,7 +77,7 @@ process.env.NODE_ENV !== "production" ? Actions.propTypes = {
   children: _propTypes.default.node
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvHeaderActions"
 })(Actions);
 

package/dist/Header/Actions/Actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","names":["Actions","props","classes","className","children","others","clsx","root","propTypes","PropTypes","shape","string","isRequired","node","withStyles","styles","name"],"sources":["../../../src/Header/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst Actions = (props) => {\n  const { classes, className, children, ...others } = props;\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Node to be rendered.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderActions\" })(Actions);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EACzB,IAAQC,OAAR,GAAoDD,KAApD,CAAQC,OAAR;EAAA,IAAiBC,SAAjB,GAAoDF,KAApD,CAAiBE,SAAjB;EAAA,IAA4BC,QAA5B,GAAoDH,KAApD,CAA4BG,QAA5B;EAAA,IAAyCC,MAAzC,0CAAoDJ,KAApD;EACA,oBACE;IAAK,SAAS,EAAE,IAAAK,aAAA,EAAKH,SAAL,EAAgBD,OAAO,CAACK,IAAxB;EAAhB,GAAmDF,MAAnD,GACGD,QADH,CADF;AAKD,CAPD;;AASA,wCAAAJ,OAAO,CAACQ,SAAR,GAAoB;EAClB;AACF;AACA;EACEN,OAAO,EAAEO,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAA,CAAUE;EAJO,CAAhB,EAKNC,UATe;;EAUlB;AACF;AACA;EACET,SAAS,EAAEM,kBAAA,CAAUE,MAbH;;EAclB;AACF;AACA;EACEP,QAAQ,EAAEK,kBAAA,CAAUI;AAjBF,CAApB;;eAoBe,IAAAC,gBAAA,EAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAgDhB,OAAhD,C"}
+{"version":3,"file":"Actions.js","names":["Actions","props","classes","className","children","others","clsx","root","propTypes","PropTypes","shape","string","isRequired","node","withStyles","styles","name"],"sources":["../../../src/Header/Actions/Actions.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst Actions = (props) => {\n  const { classes, className, children, ...others } = props;\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nActions.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Node to be rendered.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderActions\" })(Actions);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;EACzB,IAAQC,OAAR,GAAoDD,KAApD,CAAQC,OAAR;EAAA,IAAiBC,SAAjB,GAAoDF,KAApD,CAAiBE,SAAjB;EAAA,IAA4BC,QAA5B,GAAoDH,KAApD,CAA4BG,QAA5B;EAAA,IAAyCC,MAAzC,0CAAoDJ,KAApD;EACA,oBACE;IAAK,SAAS,EAAE,IAAAK,aAAA,EAAKH,SAAL,EAAgBD,OAAO,CAACK,IAAxB;EAAhB,GAAmDF,MAAnD;IAAA,UACGD;EADH,GADF;AAKD,CAPD;;AASA,wCAAAJ,OAAO,CAACQ,SAAR,GAAoB;EAClB;AACF;AACA;EACEN,OAAO,EAAEO,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEE,kBAAA,CAAUE;EAJO,CAAhB,EAKNC,UATe;;EAUlB;AACF;AACA;EACET,SAAS,EAAEM,kBAAA,CAAUE,MAbH;;EAclB;AACF;AACA;EACEP,QAAQ,EAAEK,kBAAA,CAAUI;AAjBF,CAApB;;eAoBe,IAAAC,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAAgDhB,OAAhD,C"}

package/dist/Header/Brand/Brand.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { StandardProps } from "@material-ui/core";
+import { StandardProps } from "@mui/material";
 
 export type HvHeaderBrandClassKey = "root" | "separator";
 

package/dist/Header/Brand/Brand.js

@@ -1,5 +1,19 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
@@ -9,7 +23,7 @@ exports.default = void 0;
 
 require("core-js/modules/es.function.name.js");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
@@ -19,27 +33,36 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _core = require("@material-ui/core");
+var _styles = require("@mui/styles");
 
 var _Typography = _interopRequireDefault(require("../../Typography"));
 
-var _styles = _interopRequireDefault(require("./styles"));
+var _styles2 = _interopRequireDefault(require("./styles"));
+
+var _jsxRuntime = require("react/jsx-runtime");
 
 var _excluded = ["classes", "className", "logo", "name"];
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var Brand = function Brand(_ref) {
   var classes = _ref.classes,
       className = _ref.className,
       logo = _ref.logo,
       name = _ref.name,
       others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
     className: (0, _clsx.default)(className, classes.root)
-  }, others), logo, logo && name && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.separator
-  }), name && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    variant: "highlightText"
-  }, name));
+  }, others), {}, {
+    children: [logo, logo && name && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: classes.separator
+    }), name && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+      variant: "highlightText",
+      children: name
+    })]
+  }));
 };
 
 process.env.NODE_ENV !== "production" ? Brand.propTypes = {
@@ -74,7 +97,7 @@ process.env.NODE_ENV !== "production" ? Brand.propTypes = {
   name: _propTypes.default.string
 } : void 0;
 
-var _default = (0, _core.withStyles)(_styles.default, {
+var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvHeaderBrand"
 })(Brand);
 

package/dist/Header/Brand/Brand.js.map

@@ -1 +1 @@
-{"version":3,"file":"Brand.js","names":["Brand","classes","className","logo","name","others","clsx","root","separator","propTypes","PropTypes","shape","string","isRequired","node","withStyles","styles"],"sources":["../../../src/Header/Brand/Brand.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst Brand = ({ classes, className, logo, name, ...others }) => {\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      {logo}\n      {logo && name && <div className={classes.separator} />}\n      {name && <HvTypography variant=\"highlightText\">{name}</HvTypography>}\n    </div>\n  );\n};\n\nBrand.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the separator component class.\n     */\n    separator: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The brand image node.\n   */\n  logo: PropTypes.node,\n  /**\n   * The brand name string.\n   */\n  name: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderBrand\" })(Brand);\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAAmD;EAAA,IAAhDC,OAAgD,QAAhDA,OAAgD;EAAA,IAAvCC,SAAuC,QAAvCA,SAAuC;EAAA,IAA5BC,IAA4B,QAA5BA,IAA4B;EAAA,IAAtBC,IAAsB,QAAtBA,IAAsB;EAAA,IAAbC,MAAa;EAC/D,oBACE;IAAK,SAAS,EAAE,IAAAC,aAAA,EAAKJ,SAAL,EAAgBD,OAAO,CAACM,IAAxB;EAAhB,GAAmDF,MAAnD,GACGF,IADH,EAEGA,IAAI,IAAIC,IAAR,iBAAgB;IAAK,SAAS,EAAEH,OAAO,CAACO;EAAxB,EAFnB,EAGGJ,IAAI,iBAAI,6BAAC,mBAAD;IAAc,OAAO,EAAC;EAAtB,GAAuCA,IAAvC,CAHX,CADF;AAOD,CARD;;AAUA,wCAAAJ,KAAK,CAACS,SAAN,GAAkB;EAChB;AACF;AACA;EACER,OAAO,EAAES,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEG,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIJ,SAAS,EAAEE,kBAAA,CAAUE;EARE,CAAhB,EASNC,UAba;;EAchB;AACF;AACA;EACEX,SAAS,EAAEQ,kBAAA,CAAUE,MAjBL;;EAkBhB;AACF;AACA;EACET,IAAI,EAAEO,kBAAA,CAAUI,IArBA;;EAsBhB;AACF;AACA;EACEV,IAAI,EAAEM,kBAAA,CAAUE;AAzBA,CAAlB;;eA4Be,IAAAG,gBAAA,EAAWC,eAAX,EAAmB;EAAEZ,IAAI,EAAE;AAAR,CAAnB,EAA8CJ,KAA9C,C"}
+{"version":3,"file":"Brand.js","names":["Brand","classes","className","logo","name","others","clsx","root","separator","propTypes","PropTypes","shape","string","isRequired","node","withStyles","styles"],"sources":["../../../src/Header/Brand/Brand.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport HvTypography from \"../../Typography\";\nimport styles from \"./styles\";\n\nconst Brand = ({ classes, className, logo, name, ...others }) => {\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      {logo}\n      {logo && name && <div className={classes.separator} />}\n      {name && <HvTypography variant=\"highlightText\">{name}</HvTypography>}\n    </div>\n  );\n};\n\nBrand.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the separator component class.\n     */\n    separator: PropTypes.string,\n  }).isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The brand image node.\n   */\n  logo: PropTypes.node,\n  /**\n   * The brand name string.\n   */\n  name: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderBrand\" })(Brand);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAAmD;EAAA,IAAhDC,OAAgD,QAAhDA,OAAgD;EAAA,IAAvCC,SAAuC,QAAvCA,SAAuC;EAAA,IAA5BC,IAA4B,QAA5BA,IAA4B;EAAA,IAAtBC,IAAsB,QAAtBA,IAAsB;EAAA,IAAbC,MAAa;EAC/D,oBACE;IAAK,SAAS,EAAE,IAAAC,aAAA,EAAKJ,SAAL,EAAgBD,OAAO,CAACM,IAAxB;EAAhB,GAAmDF,MAAnD;IAAA,WACGF,IADH,EAEGA,IAAI,IAAIC,IAAR,iBAAgB;MAAK,SAAS,EAAEH,OAAO,CAACO;IAAxB,EAFnB,EAGGJ,IAAI,iBAAI,qBAAC,mBAAD;MAAc,OAAO,EAAC,eAAtB;MAAA,UAAuCA;IAAvC,EAHX;EAAA,GADF;AAOD,CARD;;AAUA,wCAAAJ,KAAK,CAACS,SAAN,GAAkB;EAChB;AACF;AACA;EACER,OAAO,EAAES,kBAAA,CAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEG,kBAAA,CAAUE,MAJO;;IAKvB;AACJ;AACA;IACIJ,SAAS,EAAEE,kBAAA,CAAUE;EARE,CAAhB,EASNC,UAba;;EAchB;AACF;AACA;EACEX,SAAS,EAAEQ,kBAAA,CAAUE,MAjBL;;EAkBhB;AACF;AACA;EACET,IAAI,EAAEO,kBAAA,CAAUI,IArBA;;EAsBhB;AACF;AACA;EACEV,IAAI,EAAEM,kBAAA,CAAUE;AAzBA,CAAlB;;eA4Be,IAAAG,kBAAA,EAAWC,gBAAX,EAAmB;EAAEZ,IAAI,EAAE;AAAR,CAAnB,EAA8CJ,KAA9C,C"}

package/dist/Header/Header.d.ts

@@ -1,4 +1,4 @@
-import { StandardProps, AppBarProps } from "@material-ui/core";
+import { StandardProps, AppBarProps } from "@mui/material";
 
 export type HvHeaderClassKey = "root" | "header" | "backgroundColor";