@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

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

@@ -1 +1 @@
-{"version":3,"file":"Brand.js","names":["React","PropTypes","clsx","withStyles","HvTypography","styles","Brand","classes","className","logo","name","others","root","separator","propTypes","shape","string","isRequired","node"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;;AAEA,MAAMC,KAAK,GAAG,QAAmD;EAAA,IAAlD;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,IAAtB;IAA4BC;EAA5B,CAAkD;EAAA,IAAbC,MAAa;;EAC/D,oBACE;IAAK,SAAS,EAAET,IAAI,CAACM,SAAD,EAAYD,OAAO,CAACK,IAApB;EAApB,GAAmDD,MAAnD;IAAA,WACGF,IADH,EAEGA,IAAI,IAAIC,IAAR,iBAAgB;MAAK,SAAS,EAAEH,OAAO,CAACM;IAAxB,EAFnB,EAGGH,IAAI,iBAAI,KAAC,YAAD;MAAc,OAAO,EAAC,eAAtB;MAAA,UAAuCA;IAAvC,EAHX;EAAA,GADF;AAOD,CARD;;AAUA,wCAAAJ,KAAK,CAACQ,SAAN,GAAkB;EAChB;AACF;AACA;EACEP,OAAO,EAAEN,SAAS,CAACc,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAEX,SAAS,CAACe,MAJO;;IAKvB;AACJ;AACA;IACIH,SAAS,EAAEZ,SAAS,CAACe;EARE,CAAhB,EASNC,UAba;;EAchB;AACF;AACA;EACET,SAAS,EAAEP,SAAS,CAACe,MAjBL;;EAkBhB;AACF;AACA;EACEP,IAAI,EAAER,SAAS,CAACiB,IArBA;;EAsBhB;AACF;AACA;EACER,IAAI,EAAET,SAAS,CAACe;AAzBA,CAAlB;AA4BA,eAAeb,UAAU,CAACE,MAAD,EAAS;EAAEK,IAAI,EAAE;AAAR,CAAT,CAAV,CAA8CJ,KAA9C,CAAf"}
+{"version":3,"file":"Brand.js","names":["React","PropTypes","clsx","withStyles","HvTypography","styles","Brand","classes","className","logo","name","others","root","separator","propTypes","shape","string","isRequired","node"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,MAAMC,KAAK,GAAG,QAAmD;EAAA,IAAlD;MAAEC,OAAO;MAAEC,SAAS;MAAEC,IAAI;MAAEC;IAAgB,CAAC;IAARC,MAAM;EACxD,oBACE;IAAK,SAAS,EAAET,IAAI,CAACM,SAAS,EAAED,OAAO,CAACK,IAAI;EAAE,GAAKD,MAAM;IAAA,WACtDF,IAAI,EACJA,IAAI,IAAIC,IAAI,iBAAI;MAAK,SAAS,EAAEH,OAAO,CAACM;IAAU,EAAG,EACrDH,IAAI,iBAAI,KAAC,YAAY;MAAC,OAAO,EAAC,eAAe;MAAA,UAAEA;IAAI,EAAgB;EAAA,GAChE;AAEV,CAAC;AAED,wCAAAJ,KAAK,CAACQ,SAAS,GAAG;EAChB;AACF;AACA;EACEP,OAAO,EAAEN,SAAS,CAACc,KAAK,CAAC;IACvB;AACJ;AACA;IACIH,IAAI,EAAEX,SAAS,CAACe,MAAM;IACtB;AACJ;AACA;IACIH,SAAS,EAAEZ,SAAS,CAACe;EACvB,CAAC,CAAC,CAACC,UAAU;EACb;AACF;AACA;EACET,SAAS,EAAEP,SAAS,CAACe,MAAM;EAC3B;AACF;AACA;EACEP,IAAI,EAAER,SAAS,CAACiB,IAAI;EACpB;AACF;AACA;EACER,IAAI,EAAET,SAAS,CAACe;AAClB,CAAC;AAED,eAAeb,UAAU,CAACE,MAAM,EAAE;EAAEK,IAAI,EAAE;AAAgB,CAAC,CAAC,CAACJ,KAAK,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Header/Brand/index.js"],"sourcesContent":["export { default } from \"./Brand\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Header/Brand/index.js"],"sourcesContent":["export { default } from \"./Brand\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,SAAS"}

package/dist/modern/Header/Brand/styles.js

@@ -10,6 +10,5 @@ const styles = theme => ({
     backgroundColor: theme.hv.palette.accent.acce1
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","alignItems","separator","width","height","hv","spacing","sm","margin","hvSpacing","backgroundColor","palette","accent","acce1"],"sources":["../../../../src/Header/Brand/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  separator: {\n    width: 1,\n    height: theme.hv.spacing.sm,\n    margin: theme.hvSpacing(0, \"xs\"),\n    backgroundColor: theme.hv.palette.accent.acce1,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,UAAU,EAAE;EAFR,CADmB;EAKzBC,SAAS,EAAE;IACTC,KAAK,EAAE,CADE;IAETC,MAAM,EAAEN,KAAK,CAACO,EAAN,CAASC,OAAT,CAAiBC,EAFhB;IAGTC,MAAM,EAAEV,KAAK,CAACW,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAHC;IAITC,eAAe,EAAEZ,KAAK,CAACO,EAAN,CAASM,OAAT,CAAiBC,MAAjB,CAAwBC;EAJhC;AALc,CAAZ,CAAf;;AAaA,eAAehB,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","alignItems","separator","width","height","hv","spacing","sm","margin","hvSpacing","backgroundColor","palette","accent","acce1"],"sources":["../../../../src/Header/Brand/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  separator: {\n    width: 1,\n    height: theme.hv.spacing.sm,\n    margin: theme.hvSpacing(0, \"xs\"),\n    backgroundColor: theme.hv.palette.accent.acce1,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MAAM;IACfC,UAAU,EAAE;EACd,CAAC;EACDC,SAAS,EAAE;IACTC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAEN,KAAK,CAACO,EAAE,CAACC,OAAO,CAACC,EAAE;IAC3BC,MAAM,EAAEV,KAAK,CAACW,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC;IAChCC,eAAe,EAAEZ,KAAK,CAACO,EAAE,CAACM,OAAO,CAACC,MAAM,CAACC;EAC3C;AACF,CAAC,CAAC;AAEF,eAAehB,MAAM"}

package/dist/modern/Header/Header.js

@@ -1,16 +1,14 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "position", "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) { _defineProperty(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; }
-
 import React from "react";
 import PropTypes from "prop-types";
 import { AppBar } from "@mui/material";
 import { withStyles } from "@mui/styles";
 import styles from "./styles";
+
 /**
  * The header should be informative and provide the most important information about the digital product so that users can scan it in split seconds.
  *
@@ -21,17 +19,14 @@ import styles from "./styles";
  * <li>Actions</li>
  * </ul>
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const HvHeader = _ref => {
   let {
-    classes,
-    position = "fixed",
-    children
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      classes,
+      position = "fixed",
+      children
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(AppBar, _objectSpread(_objectSpread({
     classes: {
       root: classes.root,
@@ -45,7 +40,6 @@ const HvHeader = _ref => {
     })
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvHeader.propTypes = {
   /**
    * A Jss Object used to override or extend the styles applied.
@@ -55,23 +49,19 @@ process.env.NODE_ENV !== "production" ? HvHeader.propTypes = {
      * Styles applied to the component root class.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the component header class.
      */
     header: PropTypes.string,
-
     /**
      * Styles applied to the component background color.
      */
     backgroundColor: PropTypes.string
   }).isRequired,
-
   /**
    * Position of the component.
    */
   position: PropTypes.oneOf(["static", "relative", "fixed", "absolute", "sticky"]),
-
   /**
    * Children to be rendered.
    */

package/dist/modern/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["React","PropTypes","AppBar","withStyles","styles","HvHeader","classes","position","children","others","root","colorPrimary","backgroundColor","header","propTypes","shape","string","isRequired","oneOf","node","name"],"sources":["../../../src/Header/Header.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { AppBar } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * The header should be informative and provide the most important information about the digital product so that users can scan it in split seconds.\n *\n * Our implementation of the Header is divided in:\n * <ul>\n * <li>Brand</li>\n * <li>Navigation</li>\n * <li>Actions</li>\n * </ul>\n */\nconst HvHeader = ({ classes, position = \"fixed\", children, ...others }) => {\n  return (\n    <AppBar\n      classes={{ root: classes.root, colorPrimary: classes.backgroundColor }}\n      position={position}\n      {...others}\n    >\n      <div className={classes.header}>{children}</div>\n    </AppBar>\n  );\n};\n\nHvHeader.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 component header class.\n     */\n    header: PropTypes.string,\n    /**\n     * Styles applied to the component background color.\n     */\n    backgroundColor: PropTypes.string,\n  }).isRequired,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\", \"sticky\"]),\n  /**\n   * Children to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeader\" })(HvHeader);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,MAAT,QAAuB,eAAvB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AACA,MAAMC,QAAQ,GAAG,QAA0D;EAAA,IAAzD;IAAEC,OAAF;IAAWC,QAAQ,GAAG,OAAtB;IAA+BC;EAA/B,CAAyD;EAAA,IAAbC,MAAa;;EACzE,oBACE,KAAC,MAAD;IACE,OAAO,EAAE;MAAEC,IAAI,EAAEJ,OAAO,CAACI,IAAhB;MAAsBC,YAAY,EAAEL,OAAO,CAACM;IAA5C,CADX;IAEE,QAAQ,EAAEL;EAFZ,GAGME,MAHN;IAAA,uBAKE;MAAK,SAAS,EAAEH,OAAO,CAACO,MAAxB;MAAA,UAAiCL;IAAjC;EALF,GADF;AASD,CAVD;;AAYA,wCAAAH,QAAQ,CAACS,SAAT,GAAqB;EACnB;AACF;AACA;EACER,OAAO,EAAEL,SAAS,CAACc,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAET,SAAS,CAACe,MAJO;;IAKvB;AACJ;AACA;IACIH,MAAM,EAAEZ,SAAS,CAACe,MARK;;IASvB;AACJ;AACA;IACIJ,eAAe,EAAEX,SAAS,CAACe;EAZJ,CAAhB,EAaNC,UAjBgB;;EAkBnB;AACF;AACA;EACEV,QAAQ,EAAEN,SAAS,CAACiB,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,EAAuB,OAAvB,EAAgC,UAAhC,EAA4C,QAA5C,CAAhB,CArBS;;EAsBnB;AACF;AACA;EACEV,QAAQ,EAAEP,SAAS,CAACkB,IAAV,CAAeF;AAzBN,CAArB;AA4BA,eAAed,UAAU,CAACC,MAAD,EAAS;EAAEgB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyCf,QAAzC,CAAf"}
+{"version":3,"file":"Header.js","names":["React","PropTypes","AppBar","withStyles","styles","HvHeader","classes","position","children","others","root","colorPrimary","backgroundColor","header","propTypes","shape","string","isRequired","oneOf","node","name"],"sources":["../../../src/Header/Header.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { AppBar } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * The header should be informative and provide the most important information about the digital product so that users can scan it in split seconds.\n *\n * Our implementation of the Header is divided in:\n * <ul>\n * <li>Brand</li>\n * <li>Navigation</li>\n * <li>Actions</li>\n * </ul>\n */\nconst HvHeader = ({ classes, position = \"fixed\", children, ...others }) => {\n  return (\n    <AppBar\n      classes={{ root: classes.root, colorPrimary: classes.backgroundColor }}\n      position={position}\n      {...others}\n    >\n      <div className={classes.header}>{children}</div>\n    </AppBar>\n  );\n};\n\nHvHeader.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 component header class.\n     */\n    header: PropTypes.string,\n    /**\n     * Styles applied to the component background color.\n     */\n    backgroundColor: PropTypes.string,\n  }).isRequired,\n  /**\n   * Position of the component.\n   */\n  position: PropTypes.oneOf([\"static\", \"relative\", \"fixed\", \"absolute\", \"sticky\"]),\n  /**\n   * Children to be rendered.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeader\" })(HvHeader);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;;AAE7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AATA;AAUA,MAAMC,QAAQ,GAAG,QAA0D;EAAA,IAAzD;MAAEC,OAAO;MAAEC,QAAQ,GAAG,OAAO;MAAEC;IAAoB,CAAC;IAARC,MAAM;EAClE,oBACE,KAAC,MAAM;IACL,OAAO,EAAE;MAAEC,IAAI,EAAEJ,OAAO,CAACI,IAAI;MAAEC,YAAY,EAAEL,OAAO,CAACM;IAAgB,CAAE;IACvE,QAAQ,EAAEL;EAAS,GACfE,MAAM;IAAA,uBAEV;MAAK,SAAS,EAAEH,OAAO,CAACO,MAAO;MAAA,UAAEL;IAAQ;EAAO,GACzC;AAEb,CAAC;AAED,wCAAAH,QAAQ,CAACS,SAAS,GAAG;EACnB;AACF;AACA;EACER,OAAO,EAAEL,SAAS,CAACc,KAAK,CAAC;IACvB;AACJ;AACA;IACIL,IAAI,EAAET,SAAS,CAACe,MAAM;IACtB;AACJ;AACA;IACIH,MAAM,EAAEZ,SAAS,CAACe,MAAM;IACxB;AACJ;AACA;IACIJ,eAAe,EAAEX,SAAS,CAACe;EAC7B,CAAC,CAAC,CAACC,UAAU;EACb;AACF;AACA;EACEV,QAAQ,EAAEN,SAAS,CAACiB,KAAK,CAAC,CAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;EAChF;AACF;AACA;EACEV,QAAQ,EAAEP,SAAS,CAACkB,IAAI,CAACF;AAC3B,CAAC;AAED,eAAed,UAAU,CAACC,MAAM,EAAE;EAAEgB,IAAI,EAAE;AAAW,CAAC,CAAC,CAACf,QAAQ,CAAC"}

package/dist/modern/Header/Navigation/MenuBar/MenuBar.js

@@ -6,7 +6,6 @@ import SelectionContext from "../utils/SelectionContext";
 import MenuItem from "../MenuItem";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const MenuBar = ({
   classes,
   id,
@@ -31,7 +30,6 @@ const MenuBar = ({
     })
   });
 };
-
 process.env.NODE_ENV !== "production" ? MenuBar.propTypes = {
   /**
    * A Jss Object used to override or extend the styles applied.
@@ -41,38 +39,31 @@ process.env.NODE_ENV !== "production" ? MenuBar.propTypes = {
      * Styles applied to the root.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the menu bar.
      */
     menubar: PropTypes.string,
-
     /**
      * Styles applied to the menu.
      */
     menu: PropTypes.string,
-
     /**
      * Styles applied when in menu mode.
      */
     hidden: PropTypes.string,
-
     /**
      * Styles applied when active.
      */
     active: PropTypes.string,
-
     /**
      * Styles applied to the list.
      */
     list: PropTypes.string
   }).isRequired,
-
   /**
    * Id to be applied to the root node.
    */
   id: PropTypes.string,
-
   /**
    * An array containing the data for each menu item.
    *
@@ -87,12 +78,10 @@ process.env.NODE_ENV !== "production" ? MenuBar.propTypes = {
     href: PropTypes.string,
     target: PropTypes.string
   })),
-
   /**
    * Callback triggered when item is clicked.
    */
   onClick: PropTypes.func,
-
   /**
    * The type of menu.
    */

package/dist/modern/Header/Navigation/MenuBar/MenuBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuBar.js","names":["React","useContext","clsx","PropTypes","withStyles","SelectionContext","MenuItem","styles","MenuBar","classes","id","data","onClick","type","selectionPath","isMenu","isActive","filter","item","length","root","hidden","active","list","map","propTypes","shape","string","menubar","menu","isRequired","arrayOf","label","href","target","func","oneOf","name"],"sources":["../../../../../src/Header/Navigation/MenuBar/MenuBar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport MenuItem from \"../MenuItem\";\nimport styles from \"./styles\";\n\nconst MenuBar = ({ classes, id, data = [], onClick, type }) => {\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n  const isActive = isMenu && data.filter((item) => item.id === selectionPath[1]).length > 0;\n\n  return (\n    <div\n      className={clsx(classes.root, classes[`${type}`], {\n        [classes.hidden]: isMenu,\n        [classes.active]: isActive,\n      })}\n    >\n      <ul id={id} className={classes.list} onFocus={() => {}}>\n        {data.map((item) => (\n          <MenuItem key={item.id} item={item} type={type} onClick={onClick} />\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nMenuBar.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 root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the menu bar.\n     */\n    menubar: PropTypes.string,\n    /**\n     * Styles applied to the menu.\n     */\n    menu: PropTypes.string,\n    /**\n     * Styles applied when in menu mode.\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied when active.\n     */\n    active: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    list: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      target: PropTypes.string,\n    })\n  ),\n  /**\n   * Callback triggered when item is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The type of menu.\n   */\n  type: PropTypes.oneOf([\"menubar\", \"menu\"]).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderMenuBar\" })(MenuBar);\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,gBAAP,MAA6B,2BAA7B;AACA,OAAOC,QAAP,MAAqB,aAArB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,MAAMC,OAAO,GAAG,CAAC;EAAEC,OAAF;EAAWC,EAAX;EAAeC,IAAI,GAAG,EAAtB;EAA0BC,OAA1B;EAAmCC;AAAnC,CAAD,KAA+C;EAC7D,MAAMC,aAAa,GAAGb,UAAU,CAACI,gBAAD,CAAhC;EAEA,MAAMU,MAAM,GAAGF,IAAI,KAAK,MAAxB;EACA,MAAMG,QAAQ,GAAGD,MAAM,IAAIJ,IAAI,CAACM,MAAL,CAAaC,IAAD,IAAUA,IAAI,CAACR,EAAL,KAAYI,aAAa,CAAC,CAAD,CAA/C,EAAoDK,MAApD,GAA6D,CAAxF;EAEA,oBACE;IACE,SAAS,EAAEjB,IAAI,CAACO,OAAO,CAACW,IAAT,EAAeX,OAAO,CAAE,GAAEI,IAAK,EAAT,CAAtB,EACKE,MADL,IACZN,OAAO,CAACY,MADI,EAEKL,QAFL,IAEZP,OAAO,CAACa,MAFI,CADjB;IAAA,uBAME;MAAI,EAAE,EAAEZ,EAAR;MAAY,SAAS,EAAED,OAAO,CAACc,IAA/B;MAAqC,OAAO,EAAE,MAAM,CAAE,CAAtD;MAAA,UACGZ,IAAI,CAACa,GAAL,CAAUN,IAAD,iBACR,KAAC,QAAD;QAAwB,IAAI,EAAEA,IAA9B;QAAoC,IAAI,EAAEL,IAA1C;QAAgD,OAAO,EAAED;MAAzD,GAAeM,IAAI,CAACR,EAApB,CADD;IADH;EANF,EADF;AAcD,CApBD;;AAsBA,wCAAAF,OAAO,CAACiB,SAAR,GAAoB;EAClB;AACF;AACA;EACEhB,OAAO,EAAEN,SAAS,CAACuB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEjB,SAAS,CAACwB,MAJO;;IAKvB;AACJ;AACA;IACIC,OAAO,EAAEzB,SAAS,CAACwB,MARI;;IASvB;AACJ;AACA;IACIE,IAAI,EAAE1B,SAAS,CAACwB,MAZO;;IAavB;AACJ;AACA;IACIN,MAAM,EAAElB,SAAS,CAACwB,MAhBK;;IAiBvB;AACJ;AACA;IACIL,MAAM,EAAEnB,SAAS,CAACwB,MApBK;;IAqBvB;AACJ;AACA;IACIJ,IAAI,EAAEpB,SAAS,CAACwB;EAxBO,CAAhB,EAyBNG,UA7Be;;EA8BlB;AACF;AACA;EACEpB,EAAE,EAAEP,SAAS,CAACwB,MAjCI;;EAkClB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEhB,IAAI,EAAER,SAAS,CAAC4B,OAAV,CACJ5B,SAAS,CAACuB,KAAV,CAAgB;IACdhB,EAAE,EAAEP,SAAS,CAACwB,MAAV,CAAiBG,UADP;IAEdE,KAAK,EAAE7B,SAAS,CAACwB,MAAV,CAAiBG,UAFV;IAGdG,IAAI,EAAE9B,SAAS,CAACwB,MAHF;IAIdO,MAAM,EAAE/B,SAAS,CAACwB;EAJJ,CAAhB,CADI,CA1CY;;EAkDlB;AACF;AACA;EACEf,OAAO,EAAET,SAAS,CAACgC,IArDD;;EAsDlB;AACF;AACA;EACEtB,IAAI,EAAEV,SAAS,CAACiC,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,CAAhB,EAAqCN;AAzDzB,CAApB;AA4DA,eAAe1B,UAAU,CAACG,MAAD,EAAS;EAAE8B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAgD7B,OAAhD,CAAf"}
+{"version":3,"file":"MenuBar.js","names":["React","useContext","clsx","PropTypes","withStyles","SelectionContext","MenuItem","styles","MenuBar","classes","id","data","onClick","type","selectionPath","isMenu","isActive","filter","item","length","root","hidden","active","list","map","propTypes","shape","string","menubar","menu","isRequired","arrayOf","label","href","target","func","oneOf","name"],"sources":["../../../../../src/Header/Navigation/MenuBar/MenuBar.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport MenuItem from \"../MenuItem\";\nimport styles from \"./styles\";\n\nconst MenuBar = ({ classes, id, data = [], onClick, type }) => {\n  const selectionPath = useContext(SelectionContext);\n\n  const isMenu = type === \"menu\";\n  const isActive = isMenu && data.filter((item) => item.id === selectionPath[1]).length > 0;\n\n  return (\n    <div\n      className={clsx(classes.root, classes[`${type}`], {\n        [classes.hidden]: isMenu,\n        [classes.active]: isActive,\n      })}\n    >\n      <ul id={id} className={classes.list} onFocus={() => {}}>\n        {data.map((item) => (\n          <MenuItem key={item.id} item={item} type={type} onClick={onClick} />\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nMenuBar.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 root.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the menu bar.\n     */\n    menubar: PropTypes.string,\n    /**\n     * Styles applied to the menu.\n     */\n    menu: PropTypes.string,\n    /**\n     * Styles applied when in menu mode.\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied when active.\n     */\n    active: PropTypes.string,\n    /**\n     * Styles applied to the list.\n     */\n    list: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      href: PropTypes.string,\n      target: PropTypes.string,\n    })\n  ),\n  /**\n   * Callback triggered when item is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The type of menu.\n   */\n  type: PropTypes.oneOf([\"menubar\", \"menu\"]).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderMenuBar\" })(MenuBar);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,gBAAgB,MAAM,2BAA2B;AACxD,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAE9B,MAAMC,OAAO,GAAG,CAAC;EAAEC,OAAO;EAAEC,EAAE;EAAEC,IAAI,GAAG,EAAE;EAAEC,OAAO;EAAEC;AAAK,CAAC,KAAK;EAC7D,MAAMC,aAAa,GAAGb,UAAU,CAACI,gBAAgB,CAAC;EAElD,MAAMU,MAAM,GAAGF,IAAI,KAAK,MAAM;EAC9B,MAAMG,QAAQ,GAAGD,MAAM,IAAIJ,IAAI,CAACM,MAAM,CAAEC,IAAI,IAAKA,IAAI,CAACR,EAAE,KAAKI,aAAa,CAAC,CAAC,CAAC,CAAC,CAACK,MAAM,GAAG,CAAC;EAEzF,oBACE;IACE,SAAS,EAAEjB,IAAI,CAACO,OAAO,CAACW,IAAI,EAAEX,OAAO,CAAE,GAAEI,IAAK,EAAC,CAAC,EAC5BE,MAAM,IAAvBN,OAAO,CAACY,MAAM,EACGL,QAAQ,IAAzBP,OAAO,CAACa,MAAM,CACd;IAAA,uBAEH;MAAI,EAAE,EAAEZ,EAAG;MAAC,SAAS,EAAED,OAAO,CAACc,IAAK;MAAC,OAAO,EAAE,MAAM,CAAC,CAAE;MAAA,UACpDZ,IAAI,CAACa,GAAG,CAAEN,IAAI,iBACb,KAAC,QAAQ;QAAe,IAAI,EAAEA,IAAK;QAAC,IAAI,EAAEL,IAAK;QAAC,OAAO,EAAED;MAAQ,GAAlDM,IAAI,CAACR,EAAE,CACvB;IAAC;EACC,EACD;AAEV,CAAC;AAED,wCAAAF,OAAO,CAACiB,SAAS,GAAG;EAClB;AACF;AACA;EACEhB,OAAO,EAAEN,SAAS,CAACuB,KAAK,CAAC;IACvB;AACJ;AACA;IACIN,IAAI,EAAEjB,SAAS,CAACwB,MAAM;IACtB;AACJ;AACA;IACIC,OAAO,EAAEzB,SAAS,CAACwB,MAAM;IACzB;AACJ;AACA;IACIE,IAAI,EAAE1B,SAAS,CAACwB,MAAM;IACtB;AACJ;AACA;IACIN,MAAM,EAAElB,SAAS,CAACwB,MAAM;IACxB;AACJ;AACA;IACIL,MAAM,EAAEnB,SAAS,CAACwB,MAAM;IACxB;AACJ;AACA;IACIJ,IAAI,EAAEpB,SAAS,CAACwB;EAClB,CAAC,CAAC,CAACG,UAAU;EACb;AACF;AACA;EACEpB,EAAE,EAAEP,SAAS,CAACwB,MAAM;EACpB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEhB,IAAI,EAAER,SAAS,CAAC4B,OAAO,CACrB5B,SAAS,CAACuB,KAAK,CAAC;IACdhB,EAAE,EAAEP,SAAS,CAACwB,MAAM,CAACG,UAAU;IAC/BE,KAAK,EAAE7B,SAAS,CAACwB,MAAM,CAACG,UAAU;IAClCG,IAAI,EAAE9B,SAAS,CAACwB,MAAM;IACtBO,MAAM,EAAE/B,SAAS,CAACwB;EACpB,CAAC,CAAC,CACH;EACD;AACF;AACA;EACEf,OAAO,EAAET,SAAS,CAACgC,IAAI;EACvB;AACF;AACA;EACEtB,IAAI,EAAEV,SAAS,CAACiC,KAAK,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAACN;AAC7C,CAAC;AAED,eAAe1B,UAAU,CAACG,MAAM,EAAE;EAAE8B,IAAI,EAAE;AAAkB,CAAC,CAAC,CAAC7B,OAAO,CAAC"}

package/dist/modern/Header/Navigation/MenuBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Header/Navigation/MenuBar/index.js"],"sourcesContent":["export { default } from \"./MenuBar\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Header/Navigation/MenuBar/index.js"],"sourcesContent":["export { default } from \"./MenuBar\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW"}

package/dist/modern/Header/Navigation/MenuBar/styles.js

@@ -1,11 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 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) { _defineProperty(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; }
-
 import "focus-within-polyfill";
-
 const styles = theme => {
   const show = {
     top: 2 * theme.hv.spacing.sm,
@@ -64,6 +60,5 @@ const styles = theme => {
     }
   };
 };
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/Header/Navigation/MenuBar/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","show","top","hv","spacing","sm","transition","boxShadow","shadows","transitionDuration","hide","root","left","width","display","justifyContent","menubar","position","height","backgroundColor","palette","atmosphere","atmo1","menu","zIndex","atmo2","marginTop","hidden","active","list","margin","padding"],"sources":["../../../../../src/Header/Navigation/MenuBar/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\n\nconst styles = (theme) => {\n  const show = {\n    top: 2 * theme.hv.spacing.sm,\n    transition: [\"top\"],\n    boxShadow: theme.hv.shadows[1],\n    transitionDuration: 500,\n  };\n\n  const hide = {\n    top: 0,\n    transition: [\"top\"],\n    boxShadow: \"none\",\n    transitionDuration: 300,\n  };\n\n  return {\n    root: {\n      left: 0,\n      width: \"100%\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n    menubar: {\n      position: \"relative\",\n      height: 2 * theme.hv.spacing.sm,\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    },\n    menu: {\n      position: \"absolute\",\n      height: 2 * theme.hv.spacing.sm,\n      zIndex: -2,\n      backgroundColor: theme.hv.palette.atmosphere.atmo2,\n      \"& li > div\": {\n        marginTop: 4,\n      },\n    },\n    hidden: {\n      ...hide,\n    },\n    active: {\n      ...show,\n    },\n    list: {\n      margin: 0,\n      padding: 0,\n      display: \"inherit\",\n      \"&:hover $active\": {\n        ...hide,\n      },\n      \"& li:hover > $hidden\": {\n        ...show,\n      },\n\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $active\": {\n        ...hide,\n        zIndex: -2,\n      },\n      \"& li.focus-within > $hidden\": {\n        ...show,\n        zIndex: -1,\n      },\n\n      \"&:focus-within $active\": {\n        ...hide,\n        zIndex: -2,\n      },\n      \"& li:focus-within> $hidden\": {\n        ...show,\n        zIndex: -1,\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,OAAO,uBAAP;;AAEA,MAAMA,MAAM,GAAIC,KAAD,IAAW;EACxB,MAAMC,IAAI,GAAG;IACXC,GAAG,EAAE,IAAIF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EADf;IAEXC,UAAU,EAAE,CAAC,KAAD,CAFD;IAGXC,SAAS,EAAEP,KAAK,CAACG,EAAN,CAASK,OAAT,CAAiB,CAAjB,CAHA;IAIXC,kBAAkB,EAAE;EAJT,CAAb;EAOA,MAAMC,IAAI,GAAG;IACXR,GAAG,EAAE,CADM;IAEXI,UAAU,EAAE,CAAC,KAAD,CAFD;IAGXC,SAAS,EAAE,MAHA;IAIXE,kBAAkB,EAAE;EAJT,CAAb;EAOA,OAAO;IACLE,IAAI,EAAE;MACJC,IAAI,EAAE,CADF;MAEJC,KAAK,EAAE,MAFH;MAGJC,OAAO,EAAE,MAHL;MAIJC,cAAc,EAAE;IAJZ,CADD;IAOLC,OAAO,EAAE;MACPC,QAAQ,EAAE,UADH;MAEPC,MAAM,EAAE,IAAIlB,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAFtB;MAGPc,eAAe,EAAEnB,KAAK,CAACG,EAAN,CAASiB,OAAT,CAAiBC,UAAjB,CAA4BC;IAHtC,CAPJ;IAYLC,IAAI,EAAE;MACJN,QAAQ,EAAE,UADN;MAEJC,MAAM,EAAE,IAAIlB,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EAFzB;MAGJmB,MAAM,EAAE,CAAC,CAHL;MAIJL,eAAe,EAAEnB,KAAK,CAACG,EAAN,CAASiB,OAAT,CAAiBC,UAAjB,CAA4BI,KAJzC;MAKJ,cAAc;QACZC,SAAS,EAAE;MADC;IALV,CAZD;IAqBLC,MAAM,oBACDjB,IADC,CArBD;IAwBLkB,MAAM,oBACD3B,IADC,CAxBD;IA2BL4B,IAAI,EAAE;MACJC,MAAM,EAAE,CADJ;MAEJC,OAAO,EAAE,CAFL;MAGJjB,OAAO,EAAE,SAHL;MAIJ,qCACKJ,IADL,CAJI;MAOJ,0CACKT,IADL,CAPI;MAWJ;MACA,0DACKS,IADL;QAEEc,MAAM,EAAE,CAAC;MAFX,EAZI;MAgBJ,+DACKvB,IADL;QAEEuB,MAAM,EAAE,CAAC;MAFX,EAhBI;MAqBJ,0DACKd,IADL;QAEEc,MAAM,EAAE,CAAC;MAFX,EArBI;MAyBJ,8DACKvB,IADL;QAEEuB,MAAM,EAAE,CAAC;MAFX;IAzBI;EA3BD,CAAP;AA0DD,CAzED;;AA2EA,eAAezB,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","show","top","hv","spacing","sm","transition","boxShadow","shadows","transitionDuration","hide","root","left","width","display","justifyContent","menubar","position","height","backgroundColor","palette","atmosphere","atmo1","menu","zIndex","atmo2","marginTop","hidden","active","list","margin","padding"],"sources":["../../../../../src/Header/Navigation/MenuBar/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\n\nconst styles = (theme) => {\n  const show = {\n    top: 2 * theme.hv.spacing.sm,\n    transition: [\"top\"],\n    boxShadow: theme.hv.shadows[1],\n    transitionDuration: 500,\n  };\n\n  const hide = {\n    top: 0,\n    transition: [\"top\"],\n    boxShadow: \"none\",\n    transitionDuration: 300,\n  };\n\n  return {\n    root: {\n      left: 0,\n      width: \"100%\",\n      display: \"flex\",\n      justifyContent: \"center\",\n    },\n    menubar: {\n      position: \"relative\",\n      height: 2 * theme.hv.spacing.sm,\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    },\n    menu: {\n      position: \"absolute\",\n      height: 2 * theme.hv.spacing.sm,\n      zIndex: -2,\n      backgroundColor: theme.hv.palette.atmosphere.atmo2,\n      \"& li > div\": {\n        marginTop: 4,\n      },\n    },\n    hidden: {\n      ...hide,\n    },\n    active: {\n      ...show,\n    },\n    list: {\n      margin: 0,\n      padding: 0,\n      display: \"inherit\",\n      \"&:hover $active\": {\n        ...hide,\n      },\n      \"& li:hover > $hidden\": {\n        ...show,\n      },\n\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $active\": {\n        ...hide,\n        zIndex: -2,\n      },\n      \"& li.focus-within > $hidden\": {\n        ...show,\n        zIndex: -1,\n      },\n\n      \"&:focus-within $active\": {\n        ...hide,\n        zIndex: -2,\n      },\n      \"& li:focus-within> $hidden\": {\n        ...show,\n        zIndex: -1,\n      },\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":";;;AAAA,OAAO,uBAAuB;AAE9B,MAAMA,MAAM,GAAIC,KAAK,IAAK;EACxB,MAAMC,IAAI,GAAG;IACXC,GAAG,EAAE,CAAC,GAAGF,KAAK,CAACG,EAAE,CAACC,OAAO,CAACC,EAAE;IAC5BC,UAAU,EAAE,CAAC,KAAK,CAAC;IACnBC,SAAS,EAAEP,KAAK,CAACG,EAAE,CAACK,OAAO,CAAC,CAAC,CAAC;IAC9BC,kBAAkB,EAAE;EACtB,CAAC;EAED,MAAMC,IAAI,GAAG;IACXR,GAAG,EAAE,CAAC;IACNI,UAAU,EAAE,CAAC,KAAK,CAAC;IACnBC,SAAS,EAAE,MAAM;IACjBE,kBAAkB,EAAE;EACtB,CAAC;EAED,OAAO;IACLE,IAAI,EAAE;MACJC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,MAAM;MACbC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE;IAClB,CAAC;IACDC,OAAO,EAAE;MACPC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC,GAAGlB,KAAK,CAACG,EAAE,CAACC,OAAO,CAACC,EAAE;MAC/Bc,eAAe,EAAEnB,KAAK,CAACG,EAAE,CAACiB,OAAO,CAACC,UAAU,CAACC;IAC/C,CAAC;IACDC,IAAI,EAAE;MACJN,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,CAAC,GAAGlB,KAAK,CAACG,EAAE,CAACC,OAAO,CAACC,EAAE;MAC/BmB,MAAM,EAAE,CAAC,CAAC;MACVL,eAAe,EAAEnB,KAAK,CAACG,EAAE,CAACiB,OAAO,CAACC,UAAU,CAACI,KAAK;MAClD,YAAY,EAAE;QACZC,SAAS,EAAE;MACb;IACF,CAAC;IACDC,MAAM,oBACDjB,IAAI,CACR;IACDkB,MAAM,oBACD3B,IAAI,CACR;IACD4B,IAAI,EAAE;MACJC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVjB,OAAO,EAAE,SAAS;MAClB,iBAAiB,oBACZJ,IAAI,CACR;MACD,sBAAsB,oBACjBT,IAAI,CACR;MAED;MACA,wBAAwB,kCACnBS,IAAI;QACPc,MAAM,EAAE,CAAC;MAAC,EACX;MACD,6BAA6B,kCACxBvB,IAAI;QACPuB,MAAM,EAAE,CAAC;MAAC,EACX;MAED,wBAAwB,kCACnBd,IAAI;QACPc,MAAM,EAAE,CAAC;MAAC,EACX;MACD,4BAA4B,kCACvBvB,IAAI;QACPuB,MAAM,EAAE,CAAC;MAAC;IAEd;EACF,CAAC;AACH,CAAC;AAED,eAAezB,MAAM"}

package/dist/modern/Header/Navigation/MenuItem/MenuItem.js

@@ -1,9 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 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) { _defineProperty(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; }
-
 import React, { useContext } from "react";
 import clsx from "clsx";
 import PropTypes from "prop-types";
@@ -18,7 +15,6 @@ import styles from "./styles";
 import isBrowser from "../../../utils/browser";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const MenuItem = ({
   classes,
   id,
@@ -36,36 +32,29 @@ const MenuItem = ({
   const isMenu = type === "menu";
   const isSelected = selectionPath[isMenu ? 1 : 0] === item.id;
   const hasSubLevel = data && data.length;
-
   const actionHandler = event => {
     if (event.type === "click" || isKeypress(event, KeyboardCodes.Enter) || isKeypress(event, KeyboardCodes.SpaceBar)) {
       if (event.type === "click") {
         event.currentTarget.blur();
       }
-
       onClick === null || onClick === void 0 ? void 0 : onClick(event, item);
     }
   };
-
   const handleFocus = event => {
     dispatch({
       type: "setItemFocused",
       itemFocused: event.currentTarget
     });
   };
-
   const focusWrapper = childrenToWrap => /*#__PURE__*/_jsx("div", {
     className: classes.externalReference,
     children: childrenToWrap
   });
-
   const isIe = isBrowser(["ie", "edge"]);
-
   const label = /*#__PURE__*/_jsx(HvTypography, {
     variant: isSelected ? "selectedNavText" : "normalText",
     children: item.label
   });
-
   const itemProps = {
     onClick: actionHandler,
     onKeyDown: actionHandler,
@@ -97,7 +86,6 @@ const MenuItem = ({
     })]
   }, item.label);
 };
-
 process.env.NODE_ENV !== "production" ? MenuItem.propTypes = {
   /**
    * A Jss Object used to override or extend the styles applied.
@@ -107,43 +95,35 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes = {
      * Style applied to the first element in the hierarchy.
      */
     root: PropTypes.string,
-
     /**
      * Style applied to the li element when it is selected.
      */
     selectedItem: PropTypes.string,
-
     /**
      * Style applied to the li element when it isn't selected.
      */
     notSelectedItem: PropTypes.string,
-
     /**
      * Style applied to each item button.
      */
     button: PropTypes.string,
-
     /**
      * Style applied to each item button when it is behaving as a.
      */
     link: PropTypes.string,
-
     /**
      * Style applied to the reference element used for ie focus.
      */
     externalReference: PropTypes.string,
-
     /**
      * Style applied to simulated a focus in ie.
      */
     falseFocus: PropTypes.string
   }).isRequired,
-
   /**
    * Id to be applied to the root node.
    */
   id: PropTypes.string,
-
   /**
    * An object containing the data for each menu item.
    *
@@ -160,12 +140,10 @@ process.env.NODE_ENV !== "production" ? MenuItem.propTypes = {
       label: PropTypes.string.isRequired
     }))
   }).isRequired,
-
   /**
    * Callback triggered when item is clicked.
    */
   onClick: PropTypes.func,
-
   /**
    * The type of menu.
    */

package/dist/modern/Header/Navigation/MenuItem/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["React","useContext","clsx","PropTypes","withStyles","KeyboardCodes","isKeypress","HvTypography","SelectionContext","FocusContext","ConditionalWrapper","MenuBar","styles","isBrowser","MenuItem","classes","id","item","type","onClick","selectionPath","dispatch","data","isMenu","isSelected","hasSubLevel","length","actionHandler","event","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","focusWrapper","childrenToWrap","externalReference","isIe","label","itemProps","onKeyDown","tabIndex","onFocus","root","selectedItem","notSelectedItem","href","button","link","target","propTypes","shape","string","falseFocus","isRequired","arrayOf","func","oneOf","name"],"sources":["../../../../../src/Header/Navigation/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { KeyboardCodes, isKeypress } from \"../../../utils/KeyboardUtils\";\nimport HvTypography from \"../../../Typography\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport ConditionalWrapper from \"../../../utils/ConditionalWrapper\";\nimport MenuBar from \"../MenuBar\";\nimport styles from \"./styles\";\nimport isBrowser from \"../../../utils/browser\";\n\nconst MenuItem = ({ classes, id, item, type, onClick }) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const isMenu = type === \"menu\";\n  const isSelected = selectionPath[isMenu ? 1 : 0] === item.id;\n  const hasSubLevel = data && data.length;\n\n  const actionHandler = (event) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, KeyboardCodes.Enter) ||\n      isKeypress(event, KeyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event) => {\n    dispatch({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const focusWrapper = (childrenToWrap) => (\n    <div className={classes.externalReference}>{childrenToWrap}</div>\n  );\n  const isIe = isBrowser([\"ie\", \"edge\"]);\n  const label = (\n    <HvTypography variant={isSelected ? \"selectedNavText\" : \"normalText\"}>\n      {item.label}\n    </HvTypography>\n  );\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    tabIndex: 0,\n    onFocus: handleFocus,\n  };\n  return (\n    <li\n      id={id}\n      key={item.label}\n      className={clsx(classes.root, classes[`${type}Item`], {\n        [classes.selectedItem]: !isMenu && isSelected,\n        [classes.notSelectedItem]: !isMenu && !isSelected,\n      })}\n    >\n      <ConditionalWrapper condition={isIe} wrapper={focusWrapper}>\n        {item?.href ? (\n          <a\n            className={clsx(classes.button, classes.link)}\n            href={item?.href}\n            target={item?.target}\n            {...itemProps}\n          >\n            {label}\n          </a>\n        ) : (\n          <div className={clsx(classes.button)} role=\"button\" {...itemProps}>\n            {label}\n          </div>\n        )}\n      </ConditionalWrapper>\n      {hasSubLevel && <MenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </li>\n  );\n};\n\nMenuItem.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the first element in the hierarchy.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the li element when it is selected.\n     */\n    selectedItem: PropTypes.string,\n    /**\n     * Style applied to the li element when it isn't selected.\n     */\n    notSelectedItem: PropTypes.string,\n    /**\n     * Style applied to each item button.\n     */\n    button: PropTypes.string,\n    /**\n     * Style applied to each item button when it is behaving as a.\n     */\n    link: PropTypes.string,\n    /**\n     * Style applied to the reference element used for ie focus.\n     */\n    externalReference: PropTypes.string,\n    /**\n     * Style applied to simulated a focus in ie.\n     */\n    falseFocus: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An object containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   */\n  item: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    href: PropTypes.string,\n    target: PropTypes.string,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n      })\n    ),\n  }).isRequired,\n  /**\n   * Callback triggered when item is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The type of menu.\n   */\n  type: PropTypes.oneOf([\"menubar\", \"menu\"]).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderMenuItem\" })(MenuItem);\n"],"mappings":"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"}
+{"version":3,"file":"MenuItem.js","names":["React","useContext","clsx","PropTypes","withStyles","KeyboardCodes","isKeypress","HvTypography","SelectionContext","FocusContext","ConditionalWrapper","MenuBar","styles","isBrowser","MenuItem","classes","id","item","type","onClick","selectionPath","dispatch","data","isMenu","isSelected","hasSubLevel","length","actionHandler","event","Enter","SpaceBar","currentTarget","blur","handleFocus","itemFocused","focusWrapper","childrenToWrap","externalReference","isIe","label","itemProps","onKeyDown","tabIndex","onFocus","root","selectedItem","notSelectedItem","href","button","link","target","propTypes","shape","string","falseFocus","isRequired","arrayOf","func","oneOf","name"],"sources":["../../../../../src/Header/Navigation/MenuItem/MenuItem.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { KeyboardCodes, isKeypress } from \"../../../utils/KeyboardUtils\";\nimport HvTypography from \"../../../Typography\";\nimport SelectionContext from \"../utils/SelectionContext\";\nimport { FocusContext } from \"../utils/FocusContext\";\nimport ConditionalWrapper from \"../../../utils/ConditionalWrapper\";\nimport MenuBar from \"../MenuBar\";\nimport styles from \"./styles\";\nimport isBrowser from \"../../../utils/browser\";\n\nconst MenuItem = ({ classes, id, item, type, onClick }) => {\n  const selectionPath = useContext(SelectionContext);\n  const { dispatch } = useContext(FocusContext);\n\n  const { data } = item;\n  const isMenu = type === \"menu\";\n  const isSelected = selectionPath[isMenu ? 1 : 0] === item.id;\n  const hasSubLevel = data && data.length;\n\n  const actionHandler = (event) => {\n    if (\n      event.type === \"click\" ||\n      isKeypress(event, KeyboardCodes.Enter) ||\n      isKeypress(event, KeyboardCodes.SpaceBar)\n    ) {\n      if (event.type === \"click\") {\n        event.currentTarget.blur();\n      }\n\n      onClick?.(event, item);\n    }\n  };\n\n  const handleFocus = (event) => {\n    dispatch({ type: \"setItemFocused\", itemFocused: event.currentTarget });\n  };\n\n  const focusWrapper = (childrenToWrap) => (\n    <div className={classes.externalReference}>{childrenToWrap}</div>\n  );\n  const isIe = isBrowser([\"ie\", \"edge\"]);\n  const label = (\n    <HvTypography variant={isSelected ? \"selectedNavText\" : \"normalText\"}>\n      {item.label}\n    </HvTypography>\n  );\n  const itemProps = {\n    onClick: actionHandler,\n    onKeyDown: actionHandler,\n    tabIndex: 0,\n    onFocus: handleFocus,\n  };\n  return (\n    <li\n      id={id}\n      key={item.label}\n      className={clsx(classes.root, classes[`${type}Item`], {\n        [classes.selectedItem]: !isMenu && isSelected,\n        [classes.notSelectedItem]: !isMenu && !isSelected,\n      })}\n    >\n      <ConditionalWrapper condition={isIe} wrapper={focusWrapper}>\n        {item?.href ? (\n          <a\n            className={clsx(classes.button, classes.link)}\n            href={item?.href}\n            target={item?.target}\n            {...itemProps}\n          >\n            {label}\n          </a>\n        ) : (\n          <div className={clsx(classes.button)} role=\"button\" {...itemProps}>\n            {label}\n          </div>\n        )}\n      </ConditionalWrapper>\n      {hasSubLevel && <MenuBar data={data} onClick={onClick} type=\"menu\" />}\n    </li>\n  );\n};\n\nMenuItem.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the first element in the hierarchy.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the li element when it is selected.\n     */\n    selectedItem: PropTypes.string,\n    /**\n     * Style applied to the li element when it isn't selected.\n     */\n    notSelectedItem: PropTypes.string,\n    /**\n     * Style applied to each item button.\n     */\n    button: PropTypes.string,\n    /**\n     * Style applied to each item button when it is behaving as a.\n     */\n    link: PropTypes.string,\n    /**\n     * Style applied to the reference element used for ie focus.\n     */\n    externalReference: PropTypes.string,\n    /**\n     * Style applied to simulated a focus in ie.\n     */\n    falseFocus: PropTypes.string,\n  }).isRequired,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * An object containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   */\n  item: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    label: PropTypes.string.isRequired,\n    href: PropTypes.string,\n    target: PropTypes.string,\n    data: PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string.isRequired,\n      })\n    ),\n  }).isRequired,\n  /**\n   * Callback triggered when item is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * The type of menu.\n   */\n  type: PropTypes.oneOf([\"menubar\", \"menu\"]).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvHeaderMenuItem\" })(MenuItem);\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,IAAI,MAAM,MAAM;AACvB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,aAAa,EAAEC,UAAU,QAAQ,8BAA8B;AACxE,OAAOC,YAAY,MAAM,qBAAqB;AAC9C,OAAOC,gBAAgB,MAAM,2BAA2B;AACxD,SAASC,YAAY,QAAQ,uBAAuB;AACpD,OAAOC,kBAAkB,MAAM,mCAAmC;AAClE,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,SAAS,MAAM,wBAAwB;AAAC;AAAA;AAE/C,MAAMC,QAAQ,GAAG,CAAC;EAAEC,OAAO;EAAEC,EAAE;EAAEC,IAAI;EAAEC,IAAI;EAAEC;AAAQ,CAAC,KAAK;EACzD,MAAMC,aAAa,GAAGnB,UAAU,CAACO,gBAAgB,CAAC;EAClD,MAAM;IAAEa;EAAS,CAAC,GAAGpB,UAAU,CAACQ,YAAY,CAAC;EAE7C,MAAM;IAAEa;EAAK,CAAC,GAAGL,IAAI;EACrB,MAAMM,MAAM,GAAGL,IAAI,KAAK,MAAM;EAC9B,MAAMM,UAAU,GAAGJ,aAAa,CAACG,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,KAAKN,IAAI,CAACD,EAAE;EAC5D,MAAMS,WAAW,GAAGH,IAAI,IAAIA,IAAI,CAACI,MAAM;EAEvC,MAAMC,aAAa,GAAIC,KAAK,IAAK;IAC/B,IACEA,KAAK,CAACV,IAAI,KAAK,OAAO,IACtBZ,UAAU,CAACsB,KAAK,EAAEvB,aAAa,CAACwB,KAAK,CAAC,IACtCvB,UAAU,CAACsB,KAAK,EAAEvB,aAAa,CAACyB,QAAQ,CAAC,EACzC;MACA,IAAIF,KAAK,CAACV,IAAI,KAAK,OAAO,EAAE;QAC1BU,KAAK,CAACG,aAAa,CAACC,IAAI,EAAE;MAC5B;MAEAb,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGS,KAAK,EAAEX,IAAI,CAAC;IACxB;EACF,CAAC;EAED,MAAMgB,WAAW,GAAIL,KAAK,IAAK;IAC7BP,QAAQ,CAAC;MAAEH,IAAI,EAAE,gBAAgB;MAAEgB,WAAW,EAAEN,KAAK,CAACG;IAAc,CAAC,CAAC;EACxE,CAAC;EAED,MAAMI,YAAY,GAAIC,cAAc,iBAClC;IAAK,SAAS,EAAErB,OAAO,CAACsB,iBAAkB;IAAA,UAAED;EAAc,EAC3D;EACD,MAAME,IAAI,GAAGzB,SAAS,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;EACtC,MAAM0B,KAAK,gBACT,KAAC,YAAY;IAAC,OAAO,EAAEf,UAAU,GAAG,iBAAiB,GAAG,YAAa;IAAA,UAClEP,IAAI,CAACsB;EAAK,EAEd;EACD,MAAMC,SAAS,GAAG;IAChBrB,OAAO,EAAEQ,aAAa;IACtBc,SAAS,EAAEd,aAAa;IACxBe,QAAQ,EAAE,CAAC;IACXC,OAAO,EAAEV;EACX,CAAC;EACD,oBACE;IACE,EAAE,EAAEjB,EAAG;IAEP,SAAS,EAAEd,IAAI,CAACa,OAAO,CAAC6B,IAAI,EAAE7B,OAAO,CAAE,GAAEG,IAAK,MAAK,CAAC,EAC1B,CAACK,MAAM,KAAIC,UAAU,GAA5CT,OAAO,CAAC8B,YAAY,GACpB9B,OAAO,CAAC+B,eAAe,EACvB;IAAA,wBAEH,KAAC,kBAAkB;MAAC,SAAS,EAAER,IAAK;MAAC,OAAO,EAAEH,YAAa;MAAA,UACxDlB,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAE8B,IAAI,gBACT;QACE,SAAS,EAAE7C,IAAI,CAACa,OAAO,CAACiC,MAAM,EAAEjC,OAAO,CAACkC,IAAI,CAAE;QAC9C,IAAI,EAAEhC,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE8B,IAAK;QACjB,MAAM,EAAE9B,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEiC;MAAO,GACjBV,SAAS;QAAA,UAEZD;MAAK,GACJ,gBAEJ;QAAK,SAAS,EAAErC,IAAI,CAACa,OAAO,CAACiC,MAAM,CAAE;QAAC,IAAI,EAAC;MAAQ,GAAKR,SAAS;QAAA,UAC9DD;MAAK;IAET,EACkB,EACpBd,WAAW,iBAAI,KAAC,OAAO;MAAC,IAAI,EAAEH,IAAK;MAAC,OAAO,EAAEH,OAAQ;MAAC,IAAI,EAAC;IAAM,EAAG;EAAA,GAtBhEF,IAAI,CAACsB,KAAK,CAuBZ;AAET,CAAC;AAED,wCAAAzB,QAAQ,CAACqC,SAAS,GAAG;EACnB;AACF;AACA;EACEpC,OAAO,EAAEZ,SAAS,CAACiD,KAAK,CAAC;IACvB;AACJ;AACA;IACIR,IAAI,EAAEzC,SAAS,CAACkD,MAAM;IACtB;AACJ;AACA;IACIR,YAAY,EAAE1C,SAAS,CAACkD,MAAM;IAC9B;AACJ;AACA;IACIP,eAAe,EAAE3C,SAAS,CAACkD,MAAM;IACjC;AACJ;AACA;IACIL,MAAM,EAAE7C,SAAS,CAACkD,MAAM;IACxB;AACJ;AACA;IACIJ,IAAI,EAAE9C,SAAS,CAACkD,MAAM;IACtB;AACJ;AACA;IACIhB,iBAAiB,EAAElC,SAAS,CAACkD,MAAM;IACnC;AACJ;AACA;IACIC,UAAU,EAAEnD,SAAS,CAACkD;EACxB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACEvC,EAAE,EAAEb,SAAS,CAACkD,MAAM;EACpB;AACF;AACA;AACA;AACA;AACA;EACEpC,IAAI,EAAEd,SAAS,CAACiD,KAAK,CAAC;IACpBpC,EAAE,EAAEb,SAAS,CAACkD,MAAM,CAACE,UAAU;IAC/BhB,KAAK,EAAEpC,SAAS,CAACkD,MAAM,CAACE,UAAU;IAClCR,IAAI,EAAE5C,SAAS,CAACkD,MAAM;IACtBH,MAAM,EAAE/C,SAAS,CAACkD,MAAM;IACxB/B,IAAI,EAAEnB,SAAS,CAACqD,OAAO,CACrBrD,SAAS,CAACiD,KAAK,CAAC;MACdpC,EAAE,EAAEb,SAAS,CAACkD,MAAM,CAACE,UAAU;MAC/BhB,KAAK,EAAEpC,SAAS,CAACkD,MAAM,CAACE;IAC1B,CAAC,CAAC;EAEN,CAAC,CAAC,CAACA,UAAU;EACb;AACF;AACA;EACEpC,OAAO,EAAEhB,SAAS,CAACsD,IAAI;EACvB;AACF;AACA;EACEvC,IAAI,EAAEf,SAAS,CAACuD,KAAK,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAACH;AAC7C,CAAC;AAED,eAAenD,UAAU,CAACQ,MAAM,EAAE;EAAE+C,IAAI,EAAE;AAAmB,CAAC,CAAC,CAAC7C,QAAQ,CAAC"}

package/dist/modern/Header/Navigation/MenuItem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Header/Navigation/MenuItem/index.js"],"sourcesContent":["export { default } from \"./MenuItem\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Header/Navigation/MenuItem/index.js"],"sourcesContent":["export { default } from \"./MenuItem\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY"}

package/dist/modern/Header/Navigation/MenuItem/styles.js

@@ -1,16 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-
 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) { _defineProperty(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; }
-
 import "focus-within-polyfill";
 import focusStyles, { outlineStyles } from "../../../Focus/styles";
 const {
   externalReference,
   falseFocus
 } = focusStyles;
-
 const styles = theme => {
   const hoverColor = theme.hv.palette.atmosphere.atmo3;
   return {
@@ -63,6 +59,5 @@ const styles = theme => {
     })
   };
 };
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/Header/Navigation/MenuItem/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["focusStyles","outlineStyles","externalReference","falseFocus","styles","theme","hoverColor","hv","palette","atmosphere","atmo3","root","display","backgroundColor","selectedItem","borderTop","accent","acce3","paddingTop","notSelectedItem","marginTop","button","border","cursor","padding","hvSpacing","outline","link","textDecoration","top"],"sources":["../../../../../src/Header/Navigation/MenuItem/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\nimport focusStyles, { outlineStyles } from \"../../../Focus/styles\";\n\nconst { externalReference, falseFocus } = focusStyles;\n\nconst styles = (theme) => {\n  const hoverColor = theme.hv.palette.atmosphere.atmo3;\n\n  return {\n    root: {\n      display: \"inline\",\n      \"&:hover\": {\n        \"& > [role='button']\": {\n          backgroundColor: hoverColor,\n        },\n        \"&:focus-within\": {\n          \"& > [role='button']\": {\n            backgroundColor: hoverColor,\n          },\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within\": {\n        \"& > [role='button']\": {\n          backgroundColor: hoverColor,\n        },\n      },\n    },\n    selectedItem: {\n      borderTop: `2px solid ${theme.hv.palette.accent.acce3}`,\n      paddingTop: \"2px\",\n    },\n    notSelectedItem: {\n      marginTop: \"4px\",\n    },\n    button: {\n      border: \"none\",\n      cursor: \"pointer\",\n      padding: theme.hvSpacing(\"8px\", \"sm\"),\n      \"&:active\": {\n        outline: \"none\",\n      },\n      \"&:focus\": {\n        outline: \"none\",\n        backgroundColor: hoverColor,\n      },\n      \"&.focus-visible\": {\n        ...outlineStyles,\n      },\n    },\n    link: {\n      display: \"block\",\n      textDecoration: \"none\",\n    },\n    externalReference: {\n      ...externalReference,\n    },\n    falseFocus: {\n      ...falseFocus,\n      top: \"4px\",\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,OAAO,uBAAP;AACA,OAAOA,WAAP,IAAsBC,aAAtB,QAA2C,uBAA3C;AAEA,MAAM;EAAEC,iBAAF;EAAqBC;AAArB,IAAoCH,WAA1C;;AAEA,MAAMI,MAAM,GAAIC,KAAD,IAAW;EACxB,MAAMC,UAAU,GAAGD,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA/C;EAEA,OAAO;IACLC,IAAI,EAAE;MACJC,OAAO,EAAE,QADL;MAEJ,WAAW;QACT,uBAAuB;UACrBC,eAAe,EAAEP;QADI,CADd;QAIT,kBAAkB;UAChB,uBAAuB;YACrBO,eAAe,EAAEP;UADI;QADP;MAJT,CAFP;MAYJ;MACA,kBAAkB;QAChB,uBAAuB;UACrBO,eAAe,EAAEP;QADI;MADP;IAbd,CADD;IAoBLQ,YAAY,EAAE;MACZC,SAAS,EAAG,aAAYV,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBQ,MAAjB,CAAwBC,KAAM,EAD1C;MAEZC,UAAU,EAAE;IAFA,CApBT;IAwBLC,eAAe,EAAE;MACfC,SAAS,EAAE;IADI,CAxBZ;IA2BLC,MAAM,EAAE;MACNC,MAAM,EAAE,MADF;MAENC,MAAM,EAAE,SAFF;MAGNC,OAAO,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,KAAhB,EAAuB,IAAvB,CAHH;MAIN,YAAY;QACVC,OAAO,EAAE;MADC,CAJN;MAON,WAAW;QACTA,OAAO,EAAE,MADA;QAETb,eAAe,EAAEP;MAFR,CAPL;MAWN,qCACKL,aADL;IAXM,CA3BH;IA0CL0B,IAAI,EAAE;MACJf,OAAO,EAAE,OADL;MAEJgB,cAAc,EAAE;IAFZ,CA1CD;IA8CL1B,iBAAiB,oBACZA,iBADY,CA9CZ;IAiDLC,UAAU,kCACLA,UADK;MAER0B,GAAG,EAAE;IAFG;EAjDL,CAAP;AAsDD,CAzDD;;AA2DA,eAAezB,MAAf"}
+{"version":3,"file":"styles.js","names":["focusStyles","outlineStyles","externalReference","falseFocus","styles","theme","hoverColor","hv","palette","atmosphere","atmo3","root","display","backgroundColor","selectedItem","borderTop","accent","acce3","paddingTop","notSelectedItem","marginTop","button","border","cursor","padding","hvSpacing","outline","link","textDecoration","top"],"sources":["../../../../../src/Header/Navigation/MenuItem/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\nimport focusStyles, { outlineStyles } from \"../../../Focus/styles\";\n\nconst { externalReference, falseFocus } = focusStyles;\n\nconst styles = (theme) => {\n  const hoverColor = theme.hv.palette.atmosphere.atmo3;\n\n  return {\n    root: {\n      display: \"inline\",\n      \"&:hover\": {\n        \"& > [role='button']\": {\n          backgroundColor: hoverColor,\n        },\n        \"&:focus-within\": {\n          \"& > [role='button']\": {\n            backgroundColor: hoverColor,\n          },\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within\": {\n        \"& > [role='button']\": {\n          backgroundColor: hoverColor,\n        },\n      },\n    },\n    selectedItem: {\n      borderTop: `2px solid ${theme.hv.palette.accent.acce3}`,\n      paddingTop: \"2px\",\n    },\n    notSelectedItem: {\n      marginTop: \"4px\",\n    },\n    button: {\n      border: \"none\",\n      cursor: \"pointer\",\n      padding: theme.hvSpacing(\"8px\", \"sm\"),\n      \"&:active\": {\n        outline: \"none\",\n      },\n      \"&:focus\": {\n        outline: \"none\",\n        backgroundColor: hoverColor,\n      },\n      \"&.focus-visible\": {\n        ...outlineStyles,\n      },\n    },\n    link: {\n      display: \"block\",\n      textDecoration: \"none\",\n    },\n    externalReference: {\n      ...externalReference,\n    },\n    falseFocus: {\n      ...falseFocus,\n      top: \"4px\",\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":";;;AAAA,OAAO,uBAAuB;AAC9B,OAAOA,WAAW,IAAIC,aAAa,QAAQ,uBAAuB;AAElE,MAAM;EAAEC,iBAAiB;EAAEC;AAAW,CAAC,GAAGH,WAAW;AAErD,MAAMI,MAAM,GAAIC,KAAK,IAAK;EACxB,MAAMC,UAAU,GAAGD,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;EAEpD,OAAO;IACLC,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjB,SAAS,EAAE;QACT,qBAAqB,EAAE;UACrBC,eAAe,EAAEP;QACnB,CAAC;QACD,gBAAgB,EAAE;UAChB,qBAAqB,EAAE;YACrBO,eAAe,EAAEP;UACnB;QACF;MACF,CAAC;MACD;MACA,gBAAgB,EAAE;QAChB,qBAAqB,EAAE;UACrBO,eAAe,EAAEP;QACnB;MACF;IACF,CAAC;IACDQ,YAAY,EAAE;MACZC,SAAS,EAAG,aAAYV,KAAK,CAACE,EAAE,CAACC,OAAO,CAACQ,MAAM,CAACC,KAAM,EAAC;MACvDC,UAAU,EAAE;IACd,CAAC;IACDC,eAAe,EAAE;MACfC,SAAS,EAAE;IACb,CAAC;IACDC,MAAM,EAAE;MACNC,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,SAAS;MACjBC,OAAO,EAAEnB,KAAK,CAACoB,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC;MACrC,UAAU,EAAE;QACVC,OAAO,EAAE;MACX,CAAC;MACD,SAAS,EAAE;QACTA,OAAO,EAAE,MAAM;QACfb,eAAe,EAAEP;MACnB,CAAC;MACD,iBAAiB,oBACZL,aAAa;IAEpB,CAAC;IACD0B,IAAI,EAAE;MACJf,OAAO,EAAE,OAAO;MAChBgB,cAAc,EAAE;IAClB,CAAC;IACD1B,iBAAiB,oBACZA,iBAAiB,CACrB;IACDC,UAAU,kCACLA,UAAU;MACb0B,GAAG,EAAE;IAAK;EAEd,CAAC;AACH,CAAC;AAED,eAAezB,MAAM"}

package/dist/modern/Header/Navigation/Navigation.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "data", "selected", "onClick"];
-
 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) { _defineProperty(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; }
-
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -16,23 +13,19 @@ import useSelectionPath from "./utils/useSelectionPath";
 import MenuBar from "./MenuBar";
 import styles from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const Navigation = _ref => {
   let {
-    classes,
-    className,
-    data,
-    selected,
-    onClick
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      classes,
+      className,
+      data,
+      selected,
+      onClick
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const selectionPath = useSelectionPath(data, selected);
-
   const handleClick = (event, selection) => {
     onClick === null || onClick === void 0 ? void 0 : onClick(event, selection);
   };
-
   return /*#__PURE__*/_jsx(SelectionContext.Provider, {
     value: selectionPath,
     children: /*#__PURE__*/_jsx(FocusProvider, {
@@ -48,7 +41,6 @@ const Navigation = _ref => {
     })
   });
 };
-
 process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
   /**
    * A Jss Object used to override or extend the styles applied.
@@ -59,12 +51,10 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
      */
     root: PropTypes.string
   }).isRequired,
-
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * An array containing the data for each menu item.
    *
@@ -79,12 +69,10 @@ process.env.NODE_ENV !== "production" ? Navigation.propTypes = {
     href: PropTypes.string,
     target: PropTypes.string
   })).isRequired,
-
   /**
    * Menu item id selected.
    */
   selected: PropTypes.string,
-
   /**
    * Callback triggered when any item is clicked.
    */