@hitachivantara/uikit-react-core 3.67.6 → 3.67.9

package/dist/modern/VerticalNavigation/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","names":["React","useCallback","useMemo","PropTypes","deprecatedPropType","withStyles","clsx","TreeView","TreeViewItem","setId","useControlled","styles","wrapperTooltip","createListHierarchy","items","id","classes","map","item","itemId","label","itemLabel","icon","data","children","selectable","ItemText","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","Navigation","className","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","onClick","others","setSelected","setExpanded","slice","handleChange","event","selectedId","selectedItem","handleToggle","newExpanded","root","list","propTypes","string","shape","isRequired","oneOf","bool","func","arrayOf","oneOfType","node","array","name"],"sources":["../../../../src/VerticalNavigation/Navigation/Navigation.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport TreeView, { TreeViewItem } from \"../TreeView\";\nimport { setId, useControlled } from \"../../utils\";\nimport styles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst createListHierarchy = (items, id, classes) =>\n  items.map((item) => {\n    const { id: itemId, label: itemLabel, icon, data: children, selectable } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    return (\n      <TreeViewItem\n        id={setId(id, itemId)}\n        className={classes.listItem}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n      >\n        {children ? createListHierarchy(children, id, classes) : undefined}\n      </TreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter((item) => item.data != null && item.data.length > 0);\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path = [];\n\n  if (data != null && data.length > 0) {\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nconst Navigation = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  label,\n  onClick,\n\n  ...others\n}) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      setSelected(selectedId);\n\n      if (onChange) {\n        onChange(event, selectedItem);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event, selectedItem);\n      }\n    },\n    [onChange, onClick, setSelected]\n  );\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [onClick, onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () => data && createListHierarchy(data, id, classes),\n    [classes, data, id]\n  );\n\n  return (\n    <nav id={id} className={clsx(className, classes.root)} aria-label={label} {...others}>\n      <TreeView\n        id={setId(id, \"tree\")}\n        className={classes.list}\n        selectable\n        mode={mode}\n        collapsible={collapsible}\n        selected={selected}\n        onChange={handleChange}\n        expanded={expanded}\n        onToggle={handleToggle}\n      >\n        {children}\n      </TreeView>\n    </nav>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\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     * Style applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the list.\n     */\n    list: PropTypes.string,\n    /**\n     * Style applied to the list items.\n     */\n    listItem: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode: PropTypes.oneOf([\"treeview\", \"navigation\"]),\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible: PropTypes.bool,\n\n  /**\n   * The ID of the selected page.\n   */\n  selected: PropTypes.string,\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected: PropTypes.string,\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.bool]),\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle: PropTypes.func,\n\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   * data - sub-menu items\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: PropTypes.node,\n      data: PropTypes.array,\n    })\n  ).isRequired,\n\n  /**\n   * Callback triggered when any item is clicked.\n   *\n   *  @deprecated use `onChange` for selection and `onToggle` for node expansion/collapse.\n   */\n  onClick: deprecatedPropType(PropTypes.func),\n  /**\n   * The root element (nav) aria label.\n   *\n   *  @deprecated Use directly the `aria-label` property instead.\n   */\n  label: deprecatedPropType(PropTypes.string),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationNavigation\" })(Navigation);\n"],"mappings":"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"}
+{"version":3,"file":"Navigation.js","names":["React","useCallback","useMemo","PropTypes","deprecatedPropType","withStyles","clsx","TreeView","TreeViewItem","setId","useControlled","styles","wrapperTooltip","createListHierarchy","items","id","classes","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","ItemText","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","Navigation","className","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","onClick","others","setSelected","setExpanded","slice","handleChange","event","selectedId","selectedItem","handleToggle","newExpanded","root","list","propTypes","string","shape","isRequired","oneOf","bool","func","arrayOf","oneOfType","node","array","name"],"sources":["../../../../src/VerticalNavigation/Navigation/Navigation.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport TreeView, { TreeViewItem } from \"../TreeView\";\nimport { setId, useControlled } from \"../../utils\";\nimport styles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst createListHierarchy = (items, id, classes) =>\n  items.map((item) => {\n    const { id: itemId, label: itemLabel, icon, data: children, selectable, disabled } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    return (\n      <TreeViewItem\n        id={setId(id, itemId)}\n        className={classes.listItem}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n        disabled={disabled}\n      >\n        {children ? createListHierarchy(children, id, classes) : undefined}\n      </TreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter((item) => item.data != null && item.data.length > 0);\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path = [];\n\n  if (data != null && data.length > 0) {\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nconst Navigation = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  label,\n  onClick,\n\n  ...others\n}) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      setSelected(selectedId);\n\n      if (onChange) {\n        onChange(event, selectedItem);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event, selectedItem);\n      }\n    },\n    [onChange, onClick, setSelected]\n  );\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [onClick, onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () => data && createListHierarchy(data, id, classes),\n    [classes, data, id]\n  );\n\n  return (\n    <nav id={id} className={clsx(className, classes.root)} aria-label={label} {...others}>\n      <TreeView\n        id={setId(id, \"tree\")}\n        className={classes.list}\n        selectable\n        mode={mode}\n        collapsible={collapsible}\n        selected={selected}\n        onChange={handleChange}\n        expanded={expanded}\n        onToggle={handleToggle}\n      >\n        {children}\n      </TreeView>\n    </nav>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\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     * Style applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the list.\n     */\n    list: PropTypes.string,\n    /**\n     * Style applied to the list items.\n     */\n    listItem: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode: PropTypes.oneOf([\"treeview\", \"navigation\"]),\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible: PropTypes.bool,\n\n  /**\n   * The ID of the selected page.\n   */\n  selected: PropTypes.string,\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected: PropTypes.string,\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.bool]),\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle: PropTypes.func,\n\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   * data - sub-menu items\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: PropTypes.node,\n      data: PropTypes.array,\n    })\n  ).isRequired,\n\n  /**\n   * Callback triggered when any item is clicked.\n   *\n   *  @deprecated use `onChange` for selection and `onToggle` for node expansion/collapse.\n   */\n  onClick: deprecatedPropType(PropTypes.func),\n  /**\n   * The root element (nav) aria label.\n   *\n   *  @deprecated Use directly the `aria-label` property instead.\n   */\n  label: deprecatedPropType(PropTypes.string),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationNavigation\" })(Navigation);\n"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,OAA7B,QAA4C,OAA5C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,kBAAT,EAA6BC,UAA7B,QAA+C,mBAA/C;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,QAAP,IAAmBC,YAAnB,QAAuC,aAAvC;AACA,SAASC,KAAT,EAAgBC,aAAhB,QAAqC,aAArC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,SAASC,cAAT,QAA+B,kBAA/B;;AAEA,MAAMC,mBAAmB,GAAG,CAACC,KAAD,EAAQC,EAAR,EAAYC,OAAZ,KAC1BF,KAAK,CAACG,GAAN,CAAWC,IAAD,IAAU;EAClB,MAAM;IAAEH,EAAE,EAAEI,MAAN;IAAcC,KAAK,EAAEC,SAArB;IAAgCC,IAAhC;IAAsCC,IAAI,EAAEC,QAA5C;IAAsDC,UAAtD;IAAkEC;EAAlE,IAA+ER,IAArF;EAEA,MAAMS,QAAQ,GAAGf,cAAc,CAAC,IAAD,EAAOS,SAAP,EAAkBA,SAAlB,CAA/B;EAEA,oBACE,oBAAC,YAAD;IACE,EAAE,EAAEZ,KAAK,CAACM,EAAD,EAAKI,MAAL,CADX;IAEE,SAAS,EAAEH,OAAO,CAACY,QAFrB;IAGE,GAAG,EAAET,MAHP;IAIE,MAAM,EAAEA,MAJV;IAKE,KAAK,eAAE,oBAAC,QAAD,OALT;IAME,IAAI,EAAEG,IANR;IAOE,OAAO,EAAEJ,IAPX;IAQE,UAAU,EAAEO,UARd;IASE,QAAQ,EAAEC;EATZ,GAWGF,QAAQ,GAAGX,mBAAmB,CAACW,QAAD,EAAWT,EAAX,EAAeC,OAAf,CAAtB,GAAgDa,SAX3D,CADF;AAeD,CApBD,CADF;;AAuBA,MAAMC,aAAa,GAAIhB,KAAD,IAAW;EAC/B,MAAMiB,OAAO,GAAGjB,KAAK,CAACkB,MAAN,CAAcd,IAAD,IAAUA,IAAI,CAACK,IAAL,IAAa,IAAb,IAAqBL,IAAI,CAACK,IAAL,CAAUU,MAAV,GAAmB,CAA/D,CAAhB;EACA,MAAMC,YAAY,GAAGH,OAAO,CAACI,OAAR,CAAiBjB,IAAD,IAAUY,aAAa,CAACZ,IAAI,CAACK,IAAN,CAAvC,CAArB;EAEA,OAAO,CAAC,GAAGQ,OAAJ,EAAa,GAAGG,YAAhB,CAAP;AACD,CALD;;AAOA,SAASE,aAAT,CAAuBb,IAAvB,EAA6Bc,QAA7B,EAAuC;EACrC,MAAMC,IAAI,GAAG,EAAb;;EAEA,IAAIf,IAAI,IAAI,IAAR,IAAgBA,IAAI,CAACU,MAAL,GAAc,CAAlC,EAAqC;IACnC;IACA,KAAK,IAAIM,CAAC,GAAG,CAAb,EAAgBA,CAAC,KAAKhB,IAAI,CAACU,MAA3B,EAAmC,EAAEM,CAArC,EAAwC;MACtC,MAAMrB,IAAI,GAAGK,IAAI,CAACgB,CAAD,CAAjB;;MACA,IAAIrB,IAAI,CAACH,EAAL,KAAYsB,QAAhB,EAA0B;QACxBC,IAAI,CAACE,IAAL,CAAUtB,IAAI,CAACH,EAAf;QACA;MACD;;MAED,MAAM0B,QAAQ,GAAGL,aAAa,CAAClB,IAAI,CAACK,IAAN,EAAYc,QAAZ,CAA9B;;MACA,IAAII,QAAQ,CAACR,MAAT,GAAkB,CAAtB,EAAyB;QACvBK,IAAI,CAACE,IAAL,CAAUtB,IAAI,CAACH,EAAf;QACAuB,IAAI,CAACE,IAAL,CAAU,GAAGC,QAAb;QACA;MACD;IACF;EACF;;EAED,OAAOH,IAAP;AACD;;AAED,MAAMI,UAAU,GAAG,QAuBb;EAAA,IAvBc;IAClB3B,EADkB;IAGlB4B,SAHkB;IAIlB3B,OAJkB;IAMlBO,IANkB;IAQlBqB,IAAI,GAAG,YARW;IAUlBC,WAAW,GAAG,KAVI;IAWlBC,QAAQ,EAAEC,YAXQ;IAYlBC,eAZkB;IAalBC,QAbkB;IAelBC,QAAQ,EAAEC,YAfQ;IAgBlBC,eAhBkB;IAiBlBC,QAjBkB;IAmBlBjC,KAnBkB;IAoBlBkC;EApBkB,CAuBd;EAAA,IADDC,MACC;;EACJ,MAAM,CAACL,QAAD,EAAWM,WAAX,IAA0B9C,aAAa,CAACyC,YAAD,EAAeC,eAAf,CAA7C;EACA,MAAM,CAACN,QAAD,EAAWW,WAAX,IAA0B/C,aAAa,CAACqC,YAAD,EAAe,MAAM;IAChE,IAAIC,eAAe,KAAK,IAAxB,EAA8B;MAC5B;MACA,OAAOlB,aAAa,CAACP,IAAD,CAAb,CAAoBN,GAApB,CAAyBC,IAAD,IAAUA,IAAI,CAACH,EAAvC,CAAP;IACD;;IAED,IAAIiC,eAAe,KAAK,KAAxB,EAA+B;MAC7B;MACA,OAAO,EAAP;IACD;;IAED,IAAIA,eAAe,IAAI,IAAvB,EAA6B;MAC3B,IAAIE,QAAQ,IAAI,IAAhB,EAAsB;QACpB;QACA,MAAMZ,IAAI,GAAGF,aAAa,CAACb,IAAD,EAAO2B,QAAP,CAA1B;QACA,OAAOZ,IAAI,CAACoB,KAAL,CAAW,CAAX,EAAc,CAAC,CAAf,CAAP;MACD,CAL0B,CAO3B;;;MACA,OAAO,EAAP;IACD;;IAED,OAAOV,eAAP;EACD,CAvB4C,CAA7C;EAyBA,MAAMW,YAAY,GAAG1D,WAAW,CAC9B,CAAC2D,KAAD,EAAQC,UAAR,EAAoBC,YAApB,KAAqC;IACnCN,WAAW,CAACK,UAAD,CAAX;;IAEA,IAAIR,QAAJ,EAAc;MACZA,QAAQ,CAACO,KAAD,EAAQE,YAAR,CAAR;IACD,CALkC,CAOnC;;;IACA,IAAIR,OAAJ,EAAa;MACXA,OAAO,CAACM,KAAD,EAAQE,YAAR,CAAP;IACD;EACF,CAZ6B,EAa9B,CAACT,QAAD,EAAWC,OAAX,EAAoBE,WAApB,CAb8B,CAAhC;EAgBA,MAAMO,YAAY,GAAG9D,WAAW,CAC9B,CAAC2D,KAAD,EAAQI,WAAR,KAAwB;IACtBP,WAAW,CAACO,WAAD,CAAX;;IAEA,IAAIf,QAAJ,EAAc;MACZA,QAAQ,CAACW,KAAD,EAAQI,WAAR,CAAR;IACD,CALqB,CAOtB;;;IACA,IAAIV,OAAJ,EAAa;MACXA,OAAO,CAACM,KAAD,CAAP;IACD;EACF,CAZ6B,EAa9B,CAACN,OAAD,EAAUL,QAAV,EAAoBQ,WAApB,CAb8B,CAAhC;EAgBA,MAAMjC,QAAQ,GAAGtB,OAAO,CACtB,MAAMqB,IAAI,IAAIV,mBAAmB,CAACU,IAAD,EAAOR,EAAP,EAAWC,OAAX,CADX,EAEtB,CAACA,OAAD,EAAUO,IAAV,EAAgBR,EAAhB,CAFsB,CAAxB;EAKA,oBACE;IAAK,EAAE,EAAEA,EAAT;IAAa,SAAS,EAAET,IAAI,CAACqC,SAAD,EAAY3B,OAAO,CAACiD,IAApB,CAA5B;IAAuD,cAAY7C;EAAnE,GAA8EmC,MAA9E,gBACE,oBAAC,QAAD;IACE,EAAE,EAAE9C,KAAK,CAACM,EAAD,EAAK,MAAL,CADX;IAEE,SAAS,EAAEC,OAAO,CAACkD,IAFrB;IAGE,UAAU,MAHZ;IAIE,IAAI,EAAEtB,IAJR;IAKE,WAAW,EAAEC,WALf;IAME,QAAQ,EAAEK,QANZ;IAOE,QAAQ,EAAES,YAPZ;IAQE,QAAQ,EAAEb,QARZ;IASE,QAAQ,EAAEiB;EATZ,GAWGvC,QAXH,CADF,CADF;AAiBD,CAxGD;;AA0GA,wCAAAkB,UAAU,CAACyB,SAAX,GAAuB;EACrB;AACF;AACA;EACEpD,EAAE,EAAEZ,SAAS,CAACiE,MAJO;;EAMrB;AACF;AACA;EACEzB,SAAS,EAAExC,SAAS,CAACiE,MATA;;EAUrB;AACF;AACA;EACEpD,OAAO,EAAEb,SAAS,CAACkE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAE9D,SAAS,CAACiE,MAJO;;IAKvB;AACJ;AACA;IACIF,IAAI,EAAE/D,SAAS,CAACiE,MARO;;IASvB;AACJ;AACA;IACIxC,QAAQ,EAAEzB,SAAS,CAACiE;EAZG,CAAhB,EAaNE,UA1BkB;;EA4BrB;AACF;AACA;EACE1B,IAAI,EAAEzC,SAAS,CAACoE,KAAV,CAAgB,CAAC,UAAD,EAAa,YAAb,CAAhB,CA/Be;;EAgCrB;AACF;AACA;EACE1B,WAAW,EAAE1C,SAAS,CAACqE,IAnCF;;EAqCrB;AACF;AACA;EACEtB,QAAQ,EAAE/C,SAAS,CAACiE,MAxCC;;EAyCrB;AACF;AACA;EACEhB,eAAe,EAAEjD,SAAS,CAACiE,MA5CN;;EA6CrB;AACF;AACA;AACA;AACA;AACA;EACEf,QAAQ,EAAElD,SAAS,CAACsE,IAnDC;;EAqDrB;AACF;AACA;EACE3B,QAAQ,EAAE3C,SAAS,CAACuE,OAAV,CAAkBvE,SAAS,CAACiE,MAA5B,CAxDW;;EAyDrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEpB,eAAe,EAAE7C,SAAS,CAACwE,SAAV,CAAoB,CAACxE,SAAS,CAACuE,OAAV,CAAkBvE,SAAS,CAACiE,MAA5B,CAAD,EAAsCjE,SAAS,CAACqE,IAAhD,CAApB,CAjEI;;EAkErB;AACF;AACA;AACA;AACA;AACA;EACEvB,QAAQ,EAAE9C,SAAS,CAACsE,IAxEC;;EA0ErB;AACF;AACA;AACA;AACA;AACA;AACA;EACElD,IAAI,EAAEpB,SAAS,CAACuE,OAAV,CACJvE,SAAS,CAACkE,KAAV,CAAgB;IACdtD,EAAE,EAAEZ,SAAS,CAACiE,MAAV,CAAiBE,UADP;IAEdlD,KAAK,EAAEjB,SAAS,CAACiE,MAAV,CAAiBE,UAFV;IAGdhD,IAAI,EAAEnB,SAAS,CAACyE,IAHF;IAIdrD,IAAI,EAAEpB,SAAS,CAAC0E;EAJF,CAAhB,CADI,EAOJP,UAxFmB;;EA0FrB;AACF;AACA;AACA;AACA;EACEhB,OAAO,EAAElD,kBAAkB,CAACD,SAAS,CAACsE,IAAX,CA/FN;;EAgGrB;AACF;AACA;AACA;AACA;EACErD,KAAK,EAAEhB,kBAAkB,CAACD,SAAS,CAACiE,MAAX;AArGJ,CAAvB;AAwGA,eAAe/D,UAAU,CAACM,MAAD,EAAS;EAAEmE,IAAI,EAAE;AAAR,CAAT,CAAV,CAA+DpC,UAA/D,CAAf"}

package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.js

@@ -84,7 +84,7 @@ const TreeViewItem = /*#__PURE__*/React.forwardRef((props, ref) => {
     parentId,
     level
   } = useDescendant(descendant);
-  const expandable = collapsible && Boolean(Array.isArray(children) ? children.length : children);
+  const expandable = collapsible && Array.isArray(children);
   const expanded = isExpanded ? isExpanded(nodeId) : false;
   const focused = isFocused ? isFocused(nodeId) : false;
   const selected = isSelected ? isSelected(nodeId) : false;
@@ -239,6 +239,7 @@ const TreeViewItem = /*#__PURE__*/React.forwardRef((props, ref) => {
     component: "div",
     innerRef: contentRef,
     className: classes.content,
+    variant: disabled ? "placeholderText" : "normalText",
     onClick: handleClick,
     onMouseDown: handleMouseDown,
     style: {

package/dist/modern/VerticalNavigation/TreeView/TreeViewItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeViewItem.js","names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","clsx","PropTypes","withStyles","DropDownXS","DropUpXS","HvTypography","TreeViewControlContext","TreeViewStateContext","setId","useForkRef","DescendantProvider","useDescendant","styles","preventSelection","event","disabled","shiftKey","ctrlKey","metaKey","preventDefault","TreeViewItem","forwardRef","props","ref","id","idProp","className","classes","disabledProp","selectable","selectableProp","nodeId","icon","label","payload","onClick","onMouseDown","onFocus","children","others","treeViewControlContext","isExpanded","isSelected","isFocused","isDisabled","treeId","mode","collapsible","toggleExpansion","multiSelect","selectNode","selectRange","disabledItemsFocusable","registerNode","unregisterNode","mapFirstChar","unMapFirstChar","focus","treeviewMode","treeitemElement","setTreeitemElement","contentRef","handleRef","descendant","element","index","parentId","level","expandable","Boolean","Array","isArray","length","expanded","focused","selected","idAttribute","undefined","current","textContent","substring","toLowerCase","ariaSelected","handleFocus","target","currentTarget","ownerDocument","document","getElementById","preventScroll","unfocusable","handleExpansion","multiple","handleSelection","end","handleMouseDown","handleClick","handleKeyDown","isEventHandled","key","altKey","stopPropagation","renderedContent","content","paddingLeft","role","tabIndex","onKeyDown","renderedChildren","group","node","unselected","unselectable","collapsed","propTypes","string","shape","isRequired","bool","any","func","name"],"sources":["../../../../src/VerticalNavigation/TreeView/TreeViewItem.js"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvTypography from \"../../Typography\";\n\nimport { TreeViewControlContext, TreeViewStateContext } from \"./TreeViewContexts\";\n\nimport { setId, useForkRef } from \"../../utils\";\n\nimport { DescendantProvider, useDescendant } from \"./descendants\";\n\nimport styles from \"./styles\";\n\nconst preventSelection = (event, disabled) => {\n  if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n    // Prevent text selection\n    event.preventDefault();\n  }\n};\n\nconst TreeViewItem = React.forwardRef((props, ref) => {\n  const {\n    id: idProp,\n    className,\n    classes,\n\n    disabled: disabledProp = false,\n\n    selectable: selectableProp,\n\n    nodeId,\n    icon = null,\n    label,\n    payload,\n\n    onClick,\n    onMouseDown,\n    onFocus,\n\n    children,\n\n    ...others\n  } = props;\n\n  const treeViewControlContext = useContext(TreeViewControlContext);\n  const { isExpanded, isSelected, isFocused, isDisabled } = useContext(TreeViewStateContext);\n\n  const {\n    treeId,\n    mode,\n    collapsible,\n    toggleExpansion,\n    multiSelect,\n    selectNode,\n    selectRange,\n    disabledItemsFocusable,\n    registerNode,\n    unregisterNode,\n    mapFirstChar,\n    unMapFirstChar,\n    focus,\n  } = treeViewControlContext;\n\n  const treeviewMode = mode === \"treeview\";\n\n  let id = null;\n\n  if (idProp != null) {\n    id = idProp;\n  } else if (treeId && nodeId) {\n    id = `${treeId}-${nodeId}`;\n  }\n\n  const [treeitemElement, setTreeitemElement] = useState(null);\n  const contentRef = useRef(null);\n  const handleRef = useForkRef(setTreeitemElement, ref);\n\n  const descendant = useMemo(\n    () => ({\n      element: treeitemElement,\n      id: nodeId,\n    }),\n    [nodeId, treeitemElement]\n  );\n\n  const { index, parentId, level } = useDescendant(descendant);\n\n  const expandable = collapsible && Boolean(Array.isArray(children) ? children.length : children);\n  const expanded = isExpanded ? isExpanded(nodeId) : false;\n  const focused = isFocused ? isFocused(nodeId) : false;\n  const selected = isSelected ? isSelected(nodeId) : false;\n  const disabled = isDisabled ? isDisabled(nodeId) : false;\n\n  const selectable = selectableProp != null ? selectableProp : !collapsible || !expandable;\n\n  useEffect(() => {\n    // On the first render a node's index will be -1. We want to wait for the real index.\n    if (registerNode && unregisterNode && index !== -1) {\n      registerNode({\n        id: nodeId,\n        idAttribute: id,\n        index,\n        parentId,\n        selectable,\n        expandable,\n        disabled: disabledProp,\n        onFocus,\n        payload,\n      });\n\n      return () => {\n        unregisterNode(nodeId);\n      };\n    }\n\n    return undefined;\n  }, [\n    registerNode,\n    unregisterNode,\n    parentId,\n    index,\n    nodeId,\n    expandable,\n    disabledProp,\n    id,\n    selectable,\n    onFocus,\n    payload,\n  ]);\n\n  useEffect(() => {\n    if (mapFirstChar && unMapFirstChar && label) {\n      mapFirstChar(nodeId, contentRef.current?.textContent.substring(0, 1).toLowerCase());\n\n      return () => {\n        unMapFirstChar(nodeId);\n      };\n    }\n    return undefined;\n  }, [mapFirstChar, unMapFirstChar, nodeId, label]);\n\n  let ariaSelected;\n  if (multiSelect) {\n    ariaSelected = selected;\n  } else if (selected) {\n    /* single-selection trees unset aria-selected on un-selected items.\n     *\n     * If the tree does not support multiple selection, aria-selected\n     * is set to true for the selected node and it is not present on any other node in the tree.\n     * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView\n     */\n    ariaSelected = true;\n  }\n\n  const handleFocus = useCallback(\n    (event) => {\n      // DOM focus stays on the tree which manages focus with aria-activedescendant\n      if (event.target === event.currentTarget) {\n        (event.target.ownerDocument || document)\n          .getElementById(treeId)\n          .focus({ preventScroll: true });\n      }\n\n      const unfocusable = !disabledItemsFocusable && disabled;\n      if (!focused && event.currentTarget === event.target && !unfocusable) {\n        focus(event, nodeId);\n      }\n    },\n    [disabled, disabledItemsFocusable, focus, focused, nodeId, treeId]\n  );\n\n  const handleExpansion = useCallback(\n    (event) => {\n      if (!disabled) {\n        if (treeviewMode && !focused) {\n          focus(event, nodeId);\n        }\n\n        const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n        // If already expanded and trying to toggle selection don't close\n        if (expandable && !(multiple && isExpanded(nodeId))) {\n          toggleExpansion(event, nodeId);\n        }\n      }\n    },\n    [\n      disabled,\n      expandable,\n      focus,\n      focused,\n      isExpanded,\n      multiSelect,\n      nodeId,\n      toggleExpansion,\n      treeviewMode,\n    ]\n  );\n\n  const handleSelection = useCallback(\n    (event) => {\n      if (selectable && !disabled) {\n        if (treeviewMode && !focused) {\n          focus(event, nodeId);\n        }\n\n        const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n        if (multiple) {\n          if (event.shiftKey) {\n            selectRange(event, { end: nodeId });\n          } else {\n            selectNode(event, nodeId, true);\n          }\n        } else {\n          selectNode(event, nodeId);\n        }\n      }\n    },\n    [\n      disabled,\n      focus,\n      focused,\n      multiSelect,\n      nodeId,\n      selectNode,\n      selectRange,\n      selectable,\n      treeviewMode,\n    ]\n  );\n\n  const handleMouseDown = useCallback(\n    (event) => {\n      preventSelection(event, disabled);\n\n      if (onMouseDown) {\n        onMouseDown(event);\n      }\n    },\n    [disabled, onMouseDown]\n  );\n\n  const handleClick = useCallback(\n    (event) => {\n      if (!disabled) {\n        if (expandable) {\n          handleExpansion(event);\n        }\n\n        if (selectable) {\n          handleSelection(event);\n        }\n      }\n\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [disabled, expandable, handleExpansion, handleSelection, onClick, selectable]\n  );\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n        return;\n      }\n      if (contentRef.current === event.currentTarget) {\n        if (key === \"Enter\" || key === \" \") {\n          if (expandable) {\n            isEventHandled = handleExpansion(event);\n          }\n\n          if (selectable) {\n            isEventHandled = handleSelection(event);\n          }\n        }\n\n        if (isEventHandled) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }\n    },\n    [expandable, handleExpansion, handleSelection, selectable]\n  );\n\n  const renderedContent = useMemo(\n    () => (\n      <HvTypography\n        id={setId(id, \"button\")}\n        component=\"div\"\n        innerRef={contentRef}\n        className={classes.content}\n        onClick={handleClick}\n        onMouseDown={handleMouseDown}\n        style={{\n          paddingLeft: (expandable || icon != null ? 0 : 10) + level * (collapsible ? 32 : 10),\n        }}\n        {...(treeviewMode\n          ? {\n              role: \"button\",\n              tabIndex: -1,\n              onFocus: handleFocus,\n            }\n          : {\n              role: \"button\",\n              tabIndex: selectable || expandable ? 0 : -1,\n              onKeyDown: handleKeyDown,\n              \"aria-current\": selectable && selected ? \"page\" : undefined,\n              \"aria-expanded\": expandable ? expanded : undefined,\n              \"aria-controls\": expandable ? setId(id, \"group\") : undefined,\n            })}\n      >\n        {expandable && (expanded ? <DropUpXS /> : <DropDownXS />)}\n        {icon}\n        {label}\n      </HvTypography>\n    ),\n    [\n      id,\n      classes.content,\n      handleClick,\n      handleMouseDown,\n      expandable,\n      level,\n      collapsible,\n      treeviewMode,\n      handleFocus,\n      handleKeyDown,\n      selectable,\n      selected,\n      expanded,\n      icon,\n      label,\n    ]\n  );\n\n  const renderedChildren = useMemo(\n    () =>\n      children && (\n        <ul\n          id={setId(id, \"group\")}\n          className={classes.group}\n          role={treeviewMode ? \"group\" : undefined}\n        >\n          {children}\n        </ul>\n      ),\n    [children, classes.group, id, treeviewMode]\n  );\n\n  return (\n    <li\n      ref={handleRef}\n      id={id}\n      className={clsx(classes.node, className, {\n        [classes.disabled]: disabled,\n        [classes.expandable]: expandable,\n        [classes.collapsed]: expandable && !expanded,\n        [classes.expanded]: expandable && expanded,\n        [classes.selectable]: !disabled && selectable,\n        [classes.unselectable]: !disabled && !selectable,\n        [classes.selected]: !disabled && selectable && selected,\n        [classes.unselected]: !disabled && selectable && !selected,\n        [classes.focused]: focused,\n      })}\n      data-hasicon={icon != null ? true : undefined}\n      {...(mode === \"treeview\" && {\n        role: \"treeitem\",\n        \"aria-selected\": ariaSelected,\n        \"aria-expanded\": expandable ? expanded : undefined,\n        \"aria-disabled\": disabled ? true : undefined,\n      })}\n      {...others}\n    >\n      {renderedContent}\n      <DescendantProvider id={nodeId} level={level + 1}>\n        {renderedChildren}\n      </DescendantProvider>\n    </li>\n  );\n});\n\nTreeViewItem.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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 to the Radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    node: PropTypes.string,\n    /**\n     * Style applied to the content.\n     */\n    content: PropTypes.string,\n    /**\n     * Style applied to the group.\n     */\n    group: PropTypes.string,\n    /**\n     * Style applied when item is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied when item is expandable.\n     */\n    expandable: PropTypes.string,\n    /**\n     * Style applied when item is collapsed.\n     */\n    collapsed: PropTypes.string,\n    /**\n     * Style applied when item is expanded.\n     */\n    expanded: PropTypes.string,\n    /**\n     * Style applied when item is selectable.\n     */\n    selectable: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselectable: PropTypes.string,\n    /**\n     * Style applied when item is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselected: PropTypes.string,\n    /**\n     * Style applied when item is focused.\n     */\n    focused: PropTypes.string,\n  }).isRequired,\n  /**\n   * Is the node disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Can the node be selected.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * The id of the node.\n   */\n  nodeId: PropTypes.string.isRequired,\n  /**\n   * The icon to display next to the node's label.\n   */\n  icon: PropTypes.node,\n  /**\n   * The item label.\n   */\n  label: PropTypes.node.isRequired,\n  /**\n   * The node payload.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  payload: PropTypes.any,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseDown: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, {\n  name: \"HvVerticalNavigationTreeViewItem\",\n})(TreeViewItem);\n"],"mappings":"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"}
+{"version":3,"file":"TreeViewItem.js","names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","clsx","PropTypes","withStyles","DropDownXS","DropUpXS","HvTypography","TreeViewControlContext","TreeViewStateContext","setId","useForkRef","DescendantProvider","useDescendant","styles","preventSelection","event","disabled","shiftKey","ctrlKey","metaKey","preventDefault","TreeViewItem","forwardRef","props","ref","id","idProp","className","classes","disabledProp","selectable","selectableProp","nodeId","icon","label","payload","onClick","onMouseDown","onFocus","children","others","treeViewControlContext","isExpanded","isSelected","isFocused","isDisabled","treeId","mode","collapsible","toggleExpansion","multiSelect","selectNode","selectRange","disabledItemsFocusable","registerNode","unregisterNode","mapFirstChar","unMapFirstChar","focus","treeviewMode","treeitemElement","setTreeitemElement","contentRef","handleRef","descendant","element","index","parentId","level","expandable","Array","isArray","expanded","focused","selected","idAttribute","undefined","current","textContent","substring","toLowerCase","ariaSelected","handleFocus","target","currentTarget","ownerDocument","document","getElementById","preventScroll","unfocusable","handleExpansion","multiple","handleSelection","end","handleMouseDown","handleClick","handleKeyDown","isEventHandled","key","altKey","stopPropagation","renderedContent","content","paddingLeft","role","tabIndex","onKeyDown","renderedChildren","group","node","unselected","unselectable","collapsed","propTypes","string","shape","isRequired","bool","any","func","name"],"sources":["../../../../src/VerticalNavigation/TreeView/TreeViewItem.js"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvTypography from \"../../Typography\";\n\nimport { TreeViewControlContext, TreeViewStateContext } from \"./TreeViewContexts\";\n\nimport { setId, useForkRef } from \"../../utils\";\n\nimport { DescendantProvider, useDescendant } from \"./descendants\";\n\nimport styles from \"./styles\";\n\nconst preventSelection = (event, disabled) => {\n  if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n    // Prevent text selection\n    event.preventDefault();\n  }\n};\n\nconst TreeViewItem = React.forwardRef((props, ref) => {\n  const {\n    id: idProp,\n    className,\n    classes,\n\n    disabled: disabledProp = false,\n\n    selectable: selectableProp,\n\n    nodeId,\n    icon = null,\n    label,\n    payload,\n\n    onClick,\n    onMouseDown,\n    onFocus,\n\n    children,\n\n    ...others\n  } = props;\n\n  const treeViewControlContext = useContext(TreeViewControlContext);\n  const { isExpanded, isSelected, isFocused, isDisabled } = useContext(TreeViewStateContext);\n\n  const {\n    treeId,\n    mode,\n    collapsible,\n    toggleExpansion,\n    multiSelect,\n    selectNode,\n    selectRange,\n    disabledItemsFocusable,\n    registerNode,\n    unregisterNode,\n    mapFirstChar,\n    unMapFirstChar,\n    focus,\n  } = treeViewControlContext;\n\n  const treeviewMode = mode === \"treeview\";\n\n  let id = null;\n\n  if (idProp != null) {\n    id = idProp;\n  } else if (treeId && nodeId) {\n    id = `${treeId}-${nodeId}`;\n  }\n\n  const [treeitemElement, setTreeitemElement] = useState(null);\n  const contentRef = useRef(null);\n  const handleRef = useForkRef(setTreeitemElement, ref);\n\n  const descendant = useMemo(\n    () => ({\n      element: treeitemElement,\n      id: nodeId,\n    }),\n    [nodeId, treeitemElement]\n  );\n\n  const { index, parentId, level } = useDescendant(descendant);\n\n  const expandable = collapsible && Array.isArray(children);\n  const expanded = isExpanded ? isExpanded(nodeId) : false;\n  const focused = isFocused ? isFocused(nodeId) : false;\n  const selected = isSelected ? isSelected(nodeId) : false;\n  const disabled = isDisabled ? isDisabled(nodeId) : false;\n\n  const selectable = selectableProp != null ? selectableProp : !collapsible || !expandable;\n\n  useEffect(() => {\n    // On the first render a node's index will be -1. We want to wait for the real index.\n    if (registerNode && unregisterNode && index !== -1) {\n      registerNode({\n        id: nodeId,\n        idAttribute: id,\n        index,\n        parentId,\n        selectable,\n        expandable,\n        disabled: disabledProp,\n        onFocus,\n        payload,\n      });\n\n      return () => {\n        unregisterNode(nodeId);\n      };\n    }\n\n    return undefined;\n  }, [\n    registerNode,\n    unregisterNode,\n    parentId,\n    index,\n    nodeId,\n    expandable,\n    disabledProp,\n    id,\n    selectable,\n    onFocus,\n    payload,\n  ]);\n\n  useEffect(() => {\n    if (mapFirstChar && unMapFirstChar && label) {\n      mapFirstChar(nodeId, contentRef.current?.textContent.substring(0, 1).toLowerCase());\n\n      return () => {\n        unMapFirstChar(nodeId);\n      };\n    }\n    return undefined;\n  }, [mapFirstChar, unMapFirstChar, nodeId, label]);\n\n  let ariaSelected;\n  if (multiSelect) {\n    ariaSelected = selected;\n  } else if (selected) {\n    /* single-selection trees unset aria-selected on un-selected items.\n     *\n     * If the tree does not support multiple selection, aria-selected\n     * is set to true for the selected node and it is not present on any other node in the tree.\n     * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView\n     */\n    ariaSelected = true;\n  }\n\n  const handleFocus = useCallback(\n    (event) => {\n      // DOM focus stays on the tree which manages focus with aria-activedescendant\n      if (event.target === event.currentTarget) {\n        (event.target.ownerDocument || document)\n          .getElementById(treeId)\n          .focus({ preventScroll: true });\n      }\n\n      const unfocusable = !disabledItemsFocusable && disabled;\n      if (!focused && event.currentTarget === event.target && !unfocusable) {\n        focus(event, nodeId);\n      }\n    },\n    [disabled, disabledItemsFocusable, focus, focused, nodeId, treeId]\n  );\n\n  const handleExpansion = useCallback(\n    (event) => {\n      if (!disabled) {\n        if (treeviewMode && !focused) {\n          focus(event, nodeId);\n        }\n\n        const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n        // If already expanded and trying to toggle selection don't close\n        if (expandable && !(multiple && isExpanded(nodeId))) {\n          toggleExpansion(event, nodeId);\n        }\n      }\n    },\n    [\n      disabled,\n      expandable,\n      focus,\n      focused,\n      isExpanded,\n      multiSelect,\n      nodeId,\n      toggleExpansion,\n      treeviewMode,\n    ]\n  );\n\n  const handleSelection = useCallback(\n    (event) => {\n      if (selectable && !disabled) {\n        if (treeviewMode && !focused) {\n          focus(event, nodeId);\n        }\n\n        const multiple = multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n        if (multiple) {\n          if (event.shiftKey) {\n            selectRange(event, { end: nodeId });\n          } else {\n            selectNode(event, nodeId, true);\n          }\n        } else {\n          selectNode(event, nodeId);\n        }\n      }\n    },\n    [\n      disabled,\n      focus,\n      focused,\n      multiSelect,\n      nodeId,\n      selectNode,\n      selectRange,\n      selectable,\n      treeviewMode,\n    ]\n  );\n\n  const handleMouseDown = useCallback(\n    (event) => {\n      preventSelection(event, disabled);\n\n      if (onMouseDown) {\n        onMouseDown(event);\n      }\n    },\n    [disabled, onMouseDown]\n  );\n\n  const handleClick = useCallback(\n    (event) => {\n      if (!disabled) {\n        if (expandable) {\n          handleExpansion(event);\n        }\n\n        if (selectable) {\n          handleSelection(event);\n        }\n      }\n\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [disabled, expandable, handleExpansion, handleSelection, onClick, selectable]\n  );\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n        return;\n      }\n      if (contentRef.current === event.currentTarget) {\n        if (key === \"Enter\" || key === \" \") {\n          if (expandable) {\n            isEventHandled = handleExpansion(event);\n          }\n\n          if (selectable) {\n            isEventHandled = handleSelection(event);\n          }\n        }\n\n        if (isEventHandled) {\n          event.preventDefault();\n          event.stopPropagation();\n        }\n      }\n    },\n    [expandable, handleExpansion, handleSelection, selectable]\n  );\n\n  const renderedContent = useMemo(\n    () => (\n      <HvTypography\n        id={setId(id, \"button\")}\n        component=\"div\"\n        innerRef={contentRef}\n        className={classes.content}\n        variant={disabled ? \"placeholderText\" : \"normalText\"}\n        onClick={handleClick}\n        onMouseDown={handleMouseDown}\n        style={{\n          paddingLeft: (expandable || icon != null ? 0 : 10) + level * (collapsible ? 32 : 10),\n        }}\n        {...(treeviewMode\n          ? {\n              role: \"button\",\n              tabIndex: -1,\n              onFocus: handleFocus,\n            }\n          : {\n              role: \"button\",\n              tabIndex: selectable || expandable ? 0 : -1,\n              onKeyDown: handleKeyDown,\n              \"aria-current\": selectable && selected ? \"page\" : undefined,\n              \"aria-expanded\": expandable ? expanded : undefined,\n              \"aria-controls\": expandable ? setId(id, \"group\") : undefined,\n            })}\n      >\n        {expandable && (expanded ? <DropUpXS /> : <DropDownXS />)}\n        {icon}\n        {label}\n      </HvTypography>\n    ),\n    [\n      id,\n      classes.content,\n      handleClick,\n      handleMouseDown,\n      expandable,\n      level,\n      collapsible,\n      treeviewMode,\n      handleFocus,\n      handleKeyDown,\n      selectable,\n      selected,\n      expanded,\n      icon,\n      label,\n    ]\n  );\n\n  const renderedChildren = useMemo(\n    () =>\n      children && (\n        <ul\n          id={setId(id, \"group\")}\n          className={classes.group}\n          role={treeviewMode ? \"group\" : undefined}\n        >\n          {children}\n        </ul>\n      ),\n    [children, classes.group, id, treeviewMode]\n  );\n\n  return (\n    <li\n      ref={handleRef}\n      id={id}\n      className={clsx(classes.node, className, {\n        [classes.disabled]: disabled,\n        [classes.expandable]: expandable,\n        [classes.collapsed]: expandable && !expanded,\n        [classes.expanded]: expandable && expanded,\n        [classes.selectable]: !disabled && selectable,\n        [classes.unselectable]: !disabled && !selectable,\n        [classes.selected]: !disabled && selectable && selected,\n        [classes.unselected]: !disabled && selectable && !selected,\n        [classes.focused]: focused,\n      })}\n      data-hasicon={icon != null ? true : undefined}\n      {...(mode === \"treeview\" && {\n        role: \"treeitem\",\n        \"aria-selected\": ariaSelected,\n        \"aria-expanded\": expandable ? expanded : undefined,\n        \"aria-disabled\": disabled ? true : undefined,\n      })}\n      {...others}\n    >\n      {renderedContent}\n      <DescendantProvider id={nodeId} level={level + 1}>\n        {renderedChildren}\n      </DescendantProvider>\n    </li>\n  );\n});\n\nTreeViewItem.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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 to the Radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root of the component.\n     */\n    node: PropTypes.string,\n    /**\n     * Style applied to the content.\n     */\n    content: PropTypes.string,\n    /**\n     * Style applied to the group.\n     */\n    group: PropTypes.string,\n    /**\n     * Style applied when item is disabled.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Style applied when item is expandable.\n     */\n    expandable: PropTypes.string,\n    /**\n     * Style applied when item is collapsed.\n     */\n    collapsed: PropTypes.string,\n    /**\n     * Style applied when item is expanded.\n     */\n    expanded: PropTypes.string,\n    /**\n     * Style applied when item is selectable.\n     */\n    selectable: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselectable: PropTypes.string,\n    /**\n     * Style applied when item is selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Style applied when item is unselectable.\n     */\n    unselected: PropTypes.string,\n    /**\n     * Style applied when item is focused.\n     */\n    focused: PropTypes.string,\n  }).isRequired,\n  /**\n   * Is the node disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Can the node be selected.\n   */\n  selectable: PropTypes.bool,\n  /**\n   * The id of the node.\n   */\n  nodeId: PropTypes.string.isRequired,\n  /**\n   * The icon to display next to the node's label.\n   */\n  icon: PropTypes.node,\n  /**\n   * The item label.\n   */\n  label: PropTypes.node.isRequired,\n  /**\n   * The node payload.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  payload: PropTypes.any,\n  /**\n   * @ignore\n   */\n  onClick: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onMouseDown: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onFocus: PropTypes.func,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, {\n  name: \"HvVerticalNavigationTreeViewItem\",\n})(TreeViewItem);\n"],"mappings":"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"}

package/dist/modern/VerticalNavigation/TreeView/styles.js

@@ -75,7 +75,6 @@ const styles = theme => ({
     justifyContent: "flex-start",
     alignItems: "center",
     height: "32px",
-    color: theme.hv.palette.accent.acce1,
     borderLeft: `2px solid transparent`,
     paddingRight: theme.hv.spacing.xs,
     "$expandable>&": {

package/dist/modern/VerticalNavigation/TreeView/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","selected","theme","background","hv","palette","atmosphere","atmo3","borderLeft","accent","acce3","hover","styles","root","display","atmo1","padding","margin","listStyle","outline","group","node","minHeight","marginBottom","disabled","selectable","unselectable","expandable","collapsed","expanded","unselected","focused","noIcon","withIcon","content","width","justifyContent","alignItems","height","color","acce1","paddingRight","spacing","xs","fontWeight","cursor"],"sources":["../../../../src/VerticalNavigation/TreeView/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst selected = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\n  },\n});\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\n  },\n});\n\nconst styles = (theme) => ({\n  /* role=\"tree\" root element */\n  root: {\n    display: \"block\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    padding: `0px`,\n    margin: \"0\",\n    listStyle: \"none\",\n\n    outline: \"none\",\n  },\n\n  /* role=\"group\" element */\n  group: {\n    margin: \"8px 0 0 0\",\n    padding: 0,\n  },\n\n  /* role=\"treeitem\" element */\n  node: {\n    listStyle: \"none\",\n    minHeight: \"32px\",\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n  },\n\n  /* role=\"treeitem\" element states */\n  disabled: {},\n  selectable: {},\n  unselectable: {},\n  expandable: {},\n  collapsed: {\n    \"&>$group\": { display: \"none\" },\n  },\n  expanded: {\n    \"&>$group\": { display: \"block\" },\n  },\n  selected: {},\n  unselected: {},\n\n  focused: {},\n\n  noIcon: {},\n  withIcon: {},\n\n  /* role=\"button\" element */\n  content: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n    color: theme.hv.palette.accent.acce1,\n    borderLeft: `2px solid transparent`,\n    paddingRight: theme.hv.spacing.xs,\n\n    \"$expandable>&\": {\n      fontWeight: 600,\n    },\n\n    // selected state\n    \"$selected>&\": selected(theme),\n\n    // hover\n    \":not($disabled):not($selected)>&:hover\": hover(theme),\n    \":not($disabled)$selected>&:hover\": {},\n\n    // focus\n    \":not($disabled):not($selected)>&:focus-visible\": hover(theme),\n    \":not($disabled):not($selected)>&.focus-visible\": hover(theme),\n\n    \"*:focus-visible $focused>&\": {\n      ...outlineStyles,\n    },\n\n    \".focus-visible $focused>&\": {\n      ...outlineStyles,\n    },\n\n    \"$focused>&\": {\n      ...hover(theme),\n    },\n\n    \"&[disabled], &:active\": {\n      outline: \"none\",\n    },\n\n    \"&:focus\": {\n      outline: \"none\",\n    },\n\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    \"& *\": {\n      cursor: \"pointer\",\n    },\n    \"$disabled>&\": {\n      cursor: \"not-allowed\",\n      \"& *\": {\n        cursor: \"not-allowed\",\n      },\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,oBAA9B;;AAEA,MAAMC,QAAQ,GAAIC,KAAD,KAAY;EAC3BC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADb;EAE3BC,UAAU,EAAG,aAAYN,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,MAAjB,CAAwBC,KAAM,EAF5B;EAG3B,OAAO;IACLP,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADnC;AAHoB,CAAZ,CAAjB;;AAQA,MAAMI,KAAK,GAAIT,KAAD,KAAY;EACxBC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADhB;EAExB,OAAO;IACLJ,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADnC;AAFiB,CAAZ,CAAd;;AAOA,MAAMK,MAAM,GAAIV,KAAD,KAAY;EACzB;EACAW,IAAI,EAAE;IACJC,OAAO,EAAE,OADL;IAEJX,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BS,KAFpC;IAGJC,OAAO,EAAG,KAHN;IAIJC,MAAM,EAAE,GAJJ;IAKJC,SAAS,EAAE,MALP;IAOJC,OAAO,EAAE;EAPL,CAFmB;;EAYzB;EACAC,KAAK,EAAE;IACLH,MAAM,EAAE,WADH;IAELD,OAAO,EAAE;EAFJ,CAbkB;;EAkBzB;EACAK,IAAI,EAAE;IACJH,SAAS,EAAE,MADP;IAEJI,SAAS,EAAE,MAFP;IAGJ,sBAAsB;MACpBC,YAAY,EAAE;IADM;EAHlB,CAnBmB;;EA2BzB;EACAC,QAAQ,EAAE,EA5Be;EA6BzBC,UAAU,EAAE,EA7Ba;EA8BzBC,YAAY,EAAE,EA9BW;EA+BzBC,UAAU,EAAE,EA/Ba;EAgCzBC,SAAS,EAAE;IACT,YAAY;MAAEd,OAAO,EAAE;IAAX;EADH,CAhCc;EAmCzBe,QAAQ,EAAE;IACR,YAAY;MAAEf,OAAO,EAAE;IAAX;EADJ,CAnCe;EAsCzBb,QAAQ,EAAE,EAtCe;EAuCzB6B,UAAU,EAAE,EAvCa;EAyCzBC,OAAO,EAAE,EAzCgB;EA2CzBC,MAAM,EAAE,EA3CiB;EA4CzBC,QAAQ,EAAE,EA5Ce;;EA8CzB;EACAC,OAAO,EAAE;IACPC,KAAK,EAAE,MADA;IAEPrB,OAAO,EAAE,MAFF;IAGPsB,cAAc,EAAE,YAHT;IAIPC,UAAU,EAAE,QAJL;IAKPC,MAAM,EAAE,MALD;IAMPC,KAAK,EAAErC,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBI,MAAjB,CAAwB+B,KANxB;IAOPhC,UAAU,EAAG,uBAPN;IAQPiC,YAAY,EAAEvC,KAAK,CAACE,EAAN,CAASsC,OAAT,CAAiBC,EARxB;IAUP,iBAAiB;MACfC,UAAU,EAAE;IADG,CAVV;IAcP;IACA,eAAe3C,QAAQ,CAACC,KAAD,CAfhB;IAiBP;IACA,0CAA0CS,KAAK,CAACT,KAAD,CAlBxC;IAmBP,oCAAoC,EAnB7B;IAqBP;IACA,kDAAkDS,KAAK,CAACT,KAAD,CAtBhD;IAuBP,kDAAkDS,KAAK,CAACT,KAAD,CAvBhD;IAyBP,gDACKF,aADL,CAzBO;IA6BP,+CACKA,aADL,CA7BO;IAiCP,gCACKW,KAAK,CAACT,KAAD,CADV,CAjCO;IAqCP,yBAAyB;MACvBiB,OAAO,EAAE;IADc,CArClB;IAyCP,WAAW;MACTA,OAAO,EAAE;IADA,CAzCJ;IA6CP,qCACKnB,aADL,CA7CO;IAiDP,qCACKA,aADL,CAjDO;IAqDP;IACA6C,MAAM,EAAE,SAtDD;IAuDP,OAAO;MACLA,MAAM,EAAE;IADH,CAvDA;IA0DP,eAAe;MACbA,MAAM,EAAE,aADK;MAEb,OAAO;QACLA,MAAM,EAAE;MADH;IAFM;EA1DR;AA/CgB,CAAZ,CAAf;;AAkHA,eAAejC,MAAf"}
+{"version":3,"file":"styles.js","names":["outlineStyles","selected","theme","background","hv","palette","atmosphere","atmo3","borderLeft","accent","acce3","hover","styles","root","display","atmo1","padding","margin","listStyle","outline","group","node","minHeight","marginBottom","disabled","selectable","unselectable","expandable","collapsed","expanded","unselected","focused","noIcon","withIcon","content","width","justifyContent","alignItems","height","paddingRight","spacing","xs","fontWeight","cursor"],"sources":["../../../../src/VerticalNavigation/TreeView/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst selected = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  borderLeft: `2px solid ${theme.hv.palette.accent.acce3}`,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\n  },\n});\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n  \"& *\": {\n    background: theme.hv.palette.atmosphere.atmo3,\n  },\n});\n\nconst styles = (theme) => ({\n  /* role=\"tree\" root element */\n  root: {\n    display: \"block\",\n    background: theme.hv.palette.atmosphere.atmo1,\n    padding: `0px`,\n    margin: \"0\",\n    listStyle: \"none\",\n\n    outline: \"none\",\n  },\n\n  /* role=\"group\" element */\n  group: {\n    margin: \"8px 0 0 0\",\n    padding: 0,\n  },\n\n  /* role=\"treeitem\" element */\n  node: {\n    listStyle: \"none\",\n    minHeight: \"32px\",\n    \"&:not(:last-child)\": {\n      marginBottom: \"8px\",\n    },\n  },\n\n  /* role=\"treeitem\" element states */\n  disabled: {},\n  selectable: {},\n  unselectable: {},\n  expandable: {},\n  collapsed: {\n    \"&>$group\": { display: \"none\" },\n  },\n  expanded: {\n    \"&>$group\": { display: \"block\" },\n  },\n  selected: {},\n  unselected: {},\n\n  focused: {},\n\n  noIcon: {},\n  withIcon: {},\n\n  /* role=\"button\" element */\n  content: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n    borderLeft: `2px solid transparent`,\n    paddingRight: theme.hv.spacing.xs,\n\n    \"$expandable>&\": {\n      fontWeight: 600,\n    },\n\n    // selected state\n    \"$selected>&\": selected(theme),\n\n    // hover\n    \":not($disabled):not($selected)>&:hover\": hover(theme),\n    \":not($disabled)$selected>&:hover\": {},\n\n    // focus\n    \":not($disabled):not($selected)>&:focus-visible\": hover(theme),\n    \":not($disabled):not($selected)>&.focus-visible\": hover(theme),\n\n    \"*:focus-visible $focused>&\": {\n      ...outlineStyles,\n    },\n\n    \".focus-visible $focused>&\": {\n      ...outlineStyles,\n    },\n\n    \"$focused>&\": {\n      ...hover(theme),\n    },\n\n    \"&[disabled], &:active\": {\n      outline: \"none\",\n    },\n\n    \"&:focus\": {\n      outline: \"none\",\n    },\n\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    \"& *\": {\n      cursor: \"pointer\",\n    },\n    \"$disabled>&\": {\n      cursor: \"not-allowed\",\n      \"& *\": {\n        cursor: \"not-allowed\",\n      },\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/modern/index.js

@@ -90,7 +90,8 @@ export { default as withTooltip } from "./withTooltip"; // Hooks
 export { default as useUniqueId } from "./useUniqueId"; // theme
 
 export { default as hvTheme } from "./theme";
-export { themeBuilder, getTheme } from "./theme"; // provider
+export { themeBuilder, getTheme } from "./theme";
+export { HvCssBaseline, HvScopedCssBaseline } from "./theme"; // provider
 
 export { default as HvProvider } from "./Provider";
 export * from "./Provider"; // utils

package/dist/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","HvAccordion","HvActionsGeneric","HvActionBar","HvAppSwitcher","HvAssetInventory","HvAvatar","HvBadge","HvBanner","HvBarchart","HvBaseDropdown","HvBreadcrumb","HvBulkActions","HvButton","HvCard","HvContainer","HvDatePicker","HvDonutchart","HvDropdown","HvDropDownMenu","HvEmptyState","HvFilterGroup","HvFileUploader","HvFooter","HvGrid","HvGlobalActions","HvHeader","HvBaseInput","HvInput","HvSlider","HvKpi","HvLinechart","HvLink","HvListContainer","HvList","HvSelectionList","HvLoading","HvLogin","HvDialog","HvMultiButton","HvPagination","HvBaseCheckBox","HvCheckBox","HvCheckBoxGroup","HvBaseRadio","HvRadio","HvRadioGroup","HvBaseSwitch","HvSwitch","HvSnackbar","HvSnackbarContent","HvSnackbarProvider","useHvSnackbar","HvStack","HvTab","HvTag","HvTable","HvTabs","HvTextArea","HvTagsInput","HvToggleButton","HvTooltip","HvOverflowTooltip","HvTypography","HvUserPreferences","Actions","HvUserPreferencesActions","Action","HvUserPreferencesAction","Options","HvUserPreferencesOptions","Option","HvUserPreferencesOption","Group","HvUserPreferencesOptionsGroup","Label","HvUserPreferencesOptionsGroupLabel","HvScrollToHorizontal","HvScrollToVertical","useScrollTo","HvVerticalNavigation","Navigation","HvVerticalNavigationTree","TreeView","HvTreeView","TreeViewItem","HvTreeViewItem","HvVerticalNavigationActions","HvVerticalNavigationAction","HvPanel","withId","withTooltip","useUniqueId","hvTheme","themeBuilder","getTheme","HvProvider"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvSlider } from \"./Slider\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n  Actions as HvUserPreferencesActions,\n  Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n  Options as HvUserPreferencesOptions,\n  Option as HvUserPreferencesOption,\n  Group as HvUserPreferencesOptionsGroup,\n  Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n  Actions as HvVerticalNavigationActions,\n  Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["default","HvAccordion","HvActionsGeneric","HvActionBar","HvAppSwitcher","HvAssetInventory","HvAvatar","HvBadge","HvBanner","HvBarchart","HvBaseDropdown","HvBreadcrumb","HvBulkActions","HvButton","HvCard","HvContainer","HvDatePicker","HvDonutchart","HvDropdown","HvDropDownMenu","HvEmptyState","HvFilterGroup","HvFileUploader","HvFooter","HvGrid","HvGlobalActions","HvHeader","HvBaseInput","HvInput","HvSlider","HvKpi","HvLinechart","HvLink","HvListContainer","HvList","HvSelectionList","HvLoading","HvLogin","HvDialog","HvMultiButton","HvPagination","HvBaseCheckBox","HvCheckBox","HvCheckBoxGroup","HvBaseRadio","HvRadio","HvRadioGroup","HvBaseSwitch","HvSwitch","HvSnackbar","HvSnackbarContent","HvSnackbarProvider","useHvSnackbar","HvStack","HvTab","HvTag","HvTable","HvTabs","HvTextArea","HvTagsInput","HvToggleButton","HvTooltip","HvOverflowTooltip","HvTypography","HvUserPreferences","Actions","HvUserPreferencesActions","Action","HvUserPreferencesAction","Options","HvUserPreferencesOptions","Option","HvUserPreferencesOption","Group","HvUserPreferencesOptionsGroup","Label","HvUserPreferencesOptionsGroupLabel","HvScrollToHorizontal","HvScrollToVertical","useScrollTo","HvVerticalNavigation","Navigation","HvVerticalNavigationTree","TreeView","HvTreeView","TreeViewItem","HvTreeViewItem","HvVerticalNavigationActions","HvVerticalNavigationAction","HvPanel","withId","withTooltip","useUniqueId","hvTheme","themeBuilder","getTheme","HvCssBaseline","HvScopedCssBaseline","HvProvider"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvSlider } from \"./Slider\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n  Actions as HvUserPreferencesActions,\n  Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n  Options as HvUserPreferencesOptions,\n  Option as HvUserPreferencesOption,\n  Group as HvUserPreferencesOptionsGroup,\n  Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n  Actions as HvVerticalNavigationActions,\n  Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\nexport { HvCssBaseline, HvScopedCssBaseline } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,WAApB,QAAuC,aAAvC;AACA,SAASD,OAAO,IAAIE,gBAApB,QAA4C,kBAA5C;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,aAAvC;AACA,SAASH,OAAO,IAAII,aAApB,QAAyC,eAAzC;AACA,SAASJ,OAAO,IAAIK,gBAApB,QAA4C,kBAA5C;AACA,cAAc,kBAAd;AACA,SAASL,OAAO,IAAIM,QAApB,QAAoC,UAApC;AACA,SAASN,OAAO,IAAIO,OAApB,QAAmC,SAAnC;AACA,SAASP,OAAO,IAAIQ,QAApB,QAAoC,UAApC;AACA,cAAc,UAAd;AACA,SAASR,OAAO,IAAIS,UAApB,QAAsC,YAAtC;AACA,SAAST,OAAO,IAAIU,cAApB,QAA0C,gBAA1C;AACA,SAASV,OAAO,IAAIW,YAApB,QAAwC,cAAxC;AACA,SAASX,OAAO,IAAIY,aAApB,QAAyC,eAAzC;AACA,SAASZ,OAAO,IAAIa,QAApB,QAAoC,UAApC;AACA,SAASb,OAAO,IAAIc,MAApB,QAAkC,QAAlC;AACA,cAAc,QAAd;AACA,cAAc,YAAd;AACA,SAASd,OAAO,IAAIe,WAApB,QAAuC,aAAvC;AACA,SAASf,OAAO,IAAIgB,YAApB,QAAwC,cAAxC;AACA,SAAShB,OAAO,IAAIiB,YAApB,QAAwC,cAAxC;AACA,SAASjB,OAAO,IAAIkB,UAApB,QAAsC,YAAtC;AACA,SAASlB,OAAO,IAAImB,cAApB,QAA0C,gBAA1C;AACA,SAASnB,OAAO,IAAIoB,YAApB,QAAwC,cAAxC;AACA,SAASpB,OAAO,IAAIqB,aAApB,QAAyC,eAAzC;AACA,SAASrB,OAAO,IAAIsB,cAApB,QAA0C,gBAA1C;AACA,cAAc,gBAAd;AACA,SAAStB,OAAO,IAAIuB,QAApB,QAAoC,UAApC;AACA,cAAc,SAAd;AAEA,SAASvB,OAAO,IAAIwB,MAApB,QAAkC,QAAlC;AACA,SAASxB,OAAO,IAAIyB,eAApB,QAA2C,iBAA3C;AAEA,SAASzB,OAAO,IAAI0B,QAApB,QAAoC,UAApC;AACA,cAAc,UAAd;AAEA,SAAS1B,OAAO,IAAI2B,WAApB,QAAuC,aAAvC;AACA,SAAS3B,OAAO,IAAI4B,OAApB,QAAmC,SAAnC;AAEA,SAAS5B,OAAO,IAAI6B,QAApB,QAAoC,UAApC;AAEA,SAAS7B,OAAO,IAAI8B,KAApB,QAAiC,OAAjC;AAEA,SAAS9B,OAAO,IAAI+B,WAApB,QAAuC,aAAvC;AACA,SAAS/B,OAAO,IAAIgC,MAApB,QAAkC,QAAlC;AACA,SAAShC,OAAO,IAAIiC,eAApB,QAA2C,iBAA3C;AACA,cAAc,iBAAd;AAEA,SAASjC,OAAO,IAAIkC,MAApB,QAAkC,QAAlC;AAEA,SAASlC,OAAO,IAAImC,eAApB,QAA2C,iBAA3C;AAEA,SAASnC,OAAO,IAAIoC,SAApB,QAAqC,WAArC;AACA,SAASpC,OAAO,IAAIqC,OAApB,QAAmC,SAAnC;AACA,SAASrC,OAAO,IAAIsC,QAApB,QAAoC,UAApC;AACA,cAAc,UAAd;AACA,SAAStC,OAAO,IAAIuC,aAApB,QAAyC,eAAzC;AACA,SAASvC,OAAO,IAAIwC,YAApB,QAAwC,cAAxC;AAEA,SAASxC,OAAO,IAAIyC,cAApB,QAA0C,gBAA1C;AACA,SAASzC,OAAO,IAAI0C,UAApB,QAAsC,YAAtC;AACA,SAAS1C,OAAO,IAAI2C,eAApB,QAA2C,iBAA3C;AAEA,SAAS3C,OAAO,IAAI4C,WAApB,QAAuC,aAAvC;AACA,SAAS5C,OAAO,IAAI6C,OAApB,QAAmC,SAAnC;AACA,SAAS7C,OAAO,IAAI8C,YAApB,QAAwC,cAAxC;AAEA,SAAS9C,OAAO,IAAI+C,YAApB,QAAwC,cAAxC;AACA,SAAS/C,OAAO,IAAIgD,QAApB,QAAoC,UAApC;AAEA,SAAShD,OAAO,IAAIiD,UAApB,QAAsC,YAAtC;AACA,SAASjD,OAAO,IAAIkD,iBAApB,QAA6C,mCAA7C;AACA,SAASlD,OAAO,IAAImD,kBAApB,EAAwCC,aAAxC,QAA6D,6BAA7D;AACA,SAASpD,OAAO,IAAIqD,OAApB,QAAmC,SAAnC;AAEA,SAASrD,OAAO,IAAIsD,KAApB,QAAiC,OAAjC;AACA,SAAStD,OAAO,IAAIuD,KAApB,QAAiC,OAAjC;AACA,SAASvD,OAAO,IAAIwD,OAApB,QAAmC,SAAnC;AACA,SAASxD,OAAO,IAAIyD,MAApB,QAAkC,QAAlC;AACA,SAASzD,OAAO,IAAI0D,UAApB,QAAsC,YAAtC;AACA,SAAS1D,OAAO,IAAI2D,WAApB,QAAuC,aAAvC;AACA,SAAS3D,OAAO,IAAI4D,cAApB,QAA0C,gBAA1C;AACA,SAAS5D,OAAO,IAAI6D,SAApB,QAAqC,WAArC;AACA,SAAS7D,OAAO,IAAI8D,iBAApB,QAA6C,mBAA7C;AACA,SAAS9D,OAAO,IAAI+D,YAApB,QAAwC,cAAxC;AACA,SAAS/D,OAAO,IAAIgE,iBAApB,QAA6C,mBAA7C,C,CACA;;AACA,SACEC,OAAO,IAAIC,wBADb,EAEEC,MAAM,IAAIC,uBAFZ,QAGO,mBAHP;AAIA,SACEC,OAAO,IAAIC,wBADb,EAEEC,MAAM,IAAIC,uBAFZ,EAGEC,KAAK,IAAIC,6BAHX,EAIEC,KAAK,IAAIC,kCAJX,QAKO,mBALP;AAOA,SAAS5E,OAAO,IAAI6E,oBAApB,QAAgD,uBAAhD;AACA,SAAS7E,OAAO,IAAI8E,kBAApB,QAA8C,qBAA9C;AACA,SAAS9E,OAAO,IAAI+E,WAApB,QAAuC,wBAAvC;AAEA,SAAS/E,OAAO,IAAIgF,oBAApB,QAAgD,sBAAhD,C,CACA;;AACA,SAASC,UAAU,IAAIC,wBAAvB,QAAuD,sBAAvD;AACA,SAASC,QAAQ,IAAIC,UAArB,EAAiCC,YAAY,IAAIC,cAAjD,QAAuE,sBAAvE;AACA,SACErB,OAAO,IAAIsB,2BADb,EAEEpB,MAAM,IAAIqB,0BAFZ,QAGO,sBAHP;AAKA,SAASxF,OAAO,IAAIyF,OAApB,QAAmC,SAAnC,C,CAEA;;AACA,SAASzF,OAAO,IAAI0F,MAApB,QAAkC,UAAlC;AACA,SAAS1F,OAAO,IAAI2F,WAApB,QAAuC,eAAvC,C,CAEA;;AACA,SAAS3F,OAAO,IAAI4F,WAApB,QAAuC,eAAvC,C,CAEA;;AACA,SAAS5F,OAAO,IAAI6F,OAApB,QAAmC,SAAnC;AACA,SAASC,YAAT,EAAuBC,QAAvB,QAAuC,SAAvC;AACA,SAASC,aAAT,EAAwBC,mBAAxB,QAAmD,SAAnD,C,CAEA;;AACA,SAASjG,OAAO,IAAIkG,UAApB,QAAsC,YAAtC;AACA,cAAc,YAAd,C,CAEA;;AACA,cAAc,SAAd"}

package/dist/modern/theme/CssBaseline.d.ts

@@ -0,0 +1 @@
+export default function HvCssBaseline(): null;

package/dist/modern/theme/CssBaseline.js

@@ -5,25 +5,30 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 { makeStyles } from "@material-ui/core/styles";
-const html = {
+export const html = {
   WebkitFontSmoothing: "antialiased",
   // Antialiasing.
   MozOsxFontSmoothing: "grayscale",
   // Antialiasing.
   // Change from `box-sizing: content-box` so that `width`
   // is not affected by `padding` or `border`.
-  boxSizing: "border-box"
+  boxSizing: "border-box",
+  // Prevent adjustments of font size after orientation changes in iOS.
+  TextSizeAdjust: "none",
+  WebkitTextSizeAdjust: "none",
+  MozTextSizeAdjust: "none"
 };
-
-const body = theme => _objectSpread(_objectSpread({
+export const body = theme => _objectSpread(_objectSpread({
   fontFamily: theme.hv.typography.fontFamily
 }, theme.hv.typography.normalText), {}, {
+  color: theme.hv.palette.accent.acce1,
   backgroundColor: theme.hv.palette.atmosphere.atmo2,
+  colorScheme: theme.hv.type,
+  accentColor: theme.hv.palette.accent.acce1,
   "@media print": {
     backgroundColor: "white"
   }
 });
-
 const useStyles = makeStyles(theme => ({
   "@global": {
     html,
@@ -41,33 +46,7 @@ const useStyles = makeStyles(theme => ({
       "&::backdrop": {
         backgroundColor: theme.hv.palette.atmosphere.atmo3
       }
-    }),
-
-    /* clears input's clear and reveal buttons from IE */
-    "input[type=search]::-ms-clear": {
-      display: "none",
-      width: 0,
-      height: 0
-    },
-    "input[type=search]::-ms-reveal": {
-      display: "none",
-      width: 0,
-      height: 0
-    },
-
-    /* clears input's clear button from Chrome */
-    'input[type="search"]::-webkit-search-decoration': {
-      display: "none"
-    },
-    'input[type="search"]::-webkit-search-cancel-button': {
-      display: "none"
-    },
-    'input[type="search"]::-webkit-search-results-button': {
-      display: "none"
-    },
-    'input[type="search"]::-webkit-search-results-decoration': {
-      display: "none"
-    }
+    })
   }
 }));
 /**

package/dist/modern/theme/CssBaseline.js.map

@@ -1 +1 @@
-{"version":3,"file":"CssBaseline.js","names":["makeStyles","html","WebkitFontSmoothing","MozOsxFontSmoothing","boxSizing","body","theme","fontFamily","hv","typography","normalText","backgroundColor","palette","atmosphere","atmo2","useStyles","fontWeight","highlightText","margin","atmo3","display","width","height","CssBaseline"],"sources":["../../../src/theme/CssBaseline.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core/styles\";\n\nconst html = {\n  WebkitFontSmoothing: \"antialiased\", // Antialiasing.\n  MozOsxFontSmoothing: \"grayscale\", // Antialiasing.\n  // Change from `box-sizing: content-box` so that `width`\n  // is not affected by `padding` or `border`.\n  boxSizing: \"border-box\",\n};\n\nconst body = (theme) => ({\n  fontFamily: theme.hv.typography.fontFamily,\n  ...theme.hv.typography.normalText,\n  backgroundColor: theme.hv.palette.atmosphere.atmo2,\n\n  \"@media print\": {\n    backgroundColor: \"white\",\n  },\n});\n\nconst useStyles = makeStyles((theme) => ({\n  \"@global\": {\n    html,\n    \"*, *::before, *::after\": {\n      boxSizing: \"inherit\",\n    },\n    \"strong, b\": {\n      fontWeight: theme.hv.typography.highlightText.fontWeight,\n    },\n    body: {\n      margin: 0,\n      ...body(theme),\n      // Add support for document.body.requestFullScreen().\n      // Other elements, if background transparent, are not supported.\n      \"&::backdrop\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      },\n    },\n\n    /* clears input's clear and reveal buttons from IE */\n    \"input[type=search]::-ms-clear\": { display: \"none\", width: 0, height: 0 },\n    \"input[type=search]::-ms-reveal\": { display: \"none\", width: 0, height: 0 },\n\n    /* clears input's clear button from Chrome */\n    'input[type=\"search\"]::-webkit-search-decoration': { display: \"none\" },\n    'input[type=\"search\"]::-webkit-search-cancel-button': { display: \"none\" },\n    'input[type=\"search\"]::-webkit-search-results-button': { display: \"none\" },\n    'input[type=\"search\"]::-webkit-search-results-decoration': { display: \"none\" },\n  },\n}));\n\n/**\n * Kickstart an elegant, consistent, and simple baseline to build upon.\n */\nfunction CssBaseline() {\n  useStyles();\n\n  return null;\n}\n\nexport default CssBaseline;\n"],"mappings":";;;;;;AAAA,SAASA,UAAT,QAA2B,0BAA3B;AAEA,MAAMC,IAAI,GAAG;EACXC,mBAAmB,EAAE,aADV;EACyB;EACpCC,mBAAmB,EAAE,WAFV;EAEuB;EAClC;EACA;EACAC,SAAS,EAAE;AALA,CAAb;;AAQA,MAAMC,IAAI,GAAIC,KAAD;EACXC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBF;AADrB,GAERD,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBC,UAFZ;EAGXC,eAAe,EAAEL,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAHlC;EAKX,gBAAgB;IACdH,eAAe,EAAE;EADH;AALL,EAAb;;AAUA,MAAMI,SAAS,GAAGf,UAAU,CAAEM,KAAD,KAAY;EACvC,WAAW;IACTL,IADS;IAET,0BAA0B;MACxBG,SAAS,EAAE;IADa,CAFjB;IAKT,aAAa;MACXY,UAAU,EAAEV,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBQ,aAApB,CAAkCD;IADnC,CALJ;IAQTX,IAAI;MACFa,MAAM,EAAE;IADN,GAECb,IAAI,CAACC,KAAD,CAFL;MAGF;MACA;MACA,eAAe;QACbK,eAAe,EAAEL,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BM;MADhC;IALb,EARK;;IAkBT;IACA,iCAAiC;MAAEC,OAAO,EAAE,MAAX;MAAmBC,KAAK,EAAE,CAA1B;MAA6BC,MAAM,EAAE;IAArC,CAnBxB;IAoBT,kCAAkC;MAAEF,OAAO,EAAE,MAAX;MAAmBC,KAAK,EAAE,CAA1B;MAA6BC,MAAM,EAAE;IAArC,CApBzB;;IAsBT;IACA,mDAAmD;MAAEF,OAAO,EAAE;IAAX,CAvB1C;IAwBT,sDAAsD;MAAEA,OAAO,EAAE;IAAX,CAxB7C;IAyBT,uDAAuD;MAAEA,OAAO,EAAE;IAAX,CAzB9C;IA0BT,2DAA2D;MAAEA,OAAO,EAAE;IAAX;EA1BlD;AAD4B,CAAZ,CAAD,CAA5B;AA+BA;AACA;AACA;;AACA,SAASG,WAAT,GAAuB;EACrBR,SAAS;EAET,OAAO,IAAP;AACD;;AAED,eAAeQ,WAAf"}
+{"version":3,"file":"CssBaseline.js","names":["makeStyles","html","WebkitFontSmoothing","MozOsxFontSmoothing","boxSizing","TextSizeAdjust","WebkitTextSizeAdjust","MozTextSizeAdjust","body","theme","fontFamily","hv","typography","normalText","color","palette","accent","acce1","backgroundColor","atmosphere","atmo2","colorScheme","type","accentColor","useStyles","fontWeight","highlightText","margin","atmo3","CssBaseline"],"sources":["../../../src/theme/CssBaseline.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core/styles\";\n\nexport const html = {\n  WebkitFontSmoothing: \"antialiased\", // Antialiasing.\n  MozOsxFontSmoothing: \"grayscale\", // Antialiasing.\n  // Change from `box-sizing: content-box` so that `width`\n  // is not affected by `padding` or `border`.\n  boxSizing: \"border-box\",\n\n  // Prevent adjustments of font size after orientation changes in iOS.\n  TextSizeAdjust: \"none\",\n  WebkitTextSizeAdjust: \"none\",\n  MozTextSizeAdjust: \"none\",\n};\n\nexport const body = (theme) => ({\n  fontFamily: theme.hv.typography.fontFamily,\n  ...theme.hv.typography.normalText,\n\n  color: theme.hv.palette.accent.acce1,\n  backgroundColor: theme.hv.palette.atmosphere.atmo2,\n\n  colorScheme: theme.hv.type,\n  accentColor: theme.hv.palette.accent.acce1,\n\n  \"@media print\": {\n    backgroundColor: \"white\",\n  },\n});\n\nconst useStyles = makeStyles((theme) => ({\n  \"@global\": {\n    html,\n    \"*, *::before, *::after\": {\n      boxSizing: \"inherit\",\n    },\n    \"strong, b\": {\n      fontWeight: theme.hv.typography.highlightText.fontWeight,\n    },\n    body: {\n      margin: 0,\n      ...body(theme),\n      // Add support for document.body.requestFullScreen().\n      // Other elements, if background transparent, are not supported.\n      \"&::backdrop\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      },\n    },\n  },\n}));\n\n/**\n * Kickstart an elegant, consistent, and simple baseline to build upon.\n */\nfunction CssBaseline() {\n  useStyles();\n\n  return null;\n}\n\nexport default CssBaseline;\n"],"mappings":";;;;;;AAAA,SAASA,UAAT,QAA2B,0BAA3B;AAEA,OAAO,MAAMC,IAAI,GAAG;EAClBC,mBAAmB,EAAE,aADH;EACkB;EACpCC,mBAAmB,EAAE,WAFH;EAEgB;EAClC;EACA;EACAC,SAAS,EAAE,YALO;EAOlB;EACAC,cAAc,EAAE,MARE;EASlBC,oBAAoB,EAAE,MATJ;EAUlBC,iBAAiB,EAAE;AAVD,CAAb;AAaP,OAAO,MAAMC,IAAI,GAAIC,KAAD;EAClBC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBF;AADd,GAEfD,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBC,UAFL;EAIlBC,KAAK,EAAEL,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBC,MAAjB,CAAwBC,KAJb;EAKlBC,eAAe,EAAET,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBI,UAAjB,CAA4BC,KAL3B;EAOlBC,WAAW,EAAEZ,KAAK,CAACE,EAAN,CAASW,IAPJ;EAQlBC,WAAW,EAAEd,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBC,MAAjB,CAAwBC,KARnB;EAUlB,gBAAgB;IACdC,eAAe,EAAE;EADH;AAVE,EAAb;AAeP,MAAMM,SAAS,GAAGxB,UAAU,CAAES,KAAD,KAAY;EACvC,WAAW;IACTR,IADS;IAET,0BAA0B;MACxBG,SAAS,EAAE;IADa,CAFjB;IAKT,aAAa;MACXqB,UAAU,EAAEhB,KAAK,CAACE,EAAN,CAASC,UAAT,CAAoBc,aAApB,CAAkCD;IADnC,CALJ;IAQTjB,IAAI;MACFmB,MAAM,EAAE;IADN,GAECnB,IAAI,CAACC,KAAD,CAFL;MAGF;MACA;MACA,eAAe;QACbS,eAAe,EAAET,KAAK,CAACE,EAAN,CAASI,OAAT,CAAiBI,UAAjB,CAA4BS;MADhC;IALb;EARK;AAD4B,CAAZ,CAAD,CAA5B;AAqBA;AACA;AACA;;AACA,SAASC,WAAT,GAAuB;EACrBL,SAAS;EAET,OAAO,IAAP;AACD;;AAED,eAAeK,WAAf"}

package/dist/modern/theme/ScopedCssBaseline.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvScopedCssBaselineProps<D extends React.ElementType = "div">
+  extends StandardProps<React.HTMLAttributes<D>, ""> {
+  /**
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `div`.
+   */
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+}
+
+export default function HvScopedCssBaseline(props: HvScopedCssBaselineProps): JSX.Element | null;

package/dist/modern/theme/ScopedCssBaseline.js

@@ -0,0 +1,59 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+const _excluded = ["component", "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) { _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 * as React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { makeStyles } from "@material-ui/core/styles";
+import { html, body } from "./CssBaseline";
+const useStyles = makeStyles(theme => ({
+  /* Styles applied to the root element. */
+  root: _objectSpread(_objectSpread(_objectSpread({}, html), body(theme)), {}, {
+    "& *, & *::before, & *::after": {
+      boxSizing: "inherit"
+    },
+    "& strong, & b": {
+      fontWeight: theme.hv.typography.highlightText.fontWeight
+    }
+  })
+}));
+const ScopedCssBaseline = /*#__PURE__*/React.forwardRef(function ScopedCssBaseline(props, ref) {
+  const {
+    component: RootComponent = "div",
+    className,
+    children
+  } = props,
+        other = _objectWithoutProperties(props, _excluded);
+
+  const classes = useStyles();
+  return /*#__PURE__*/React.createElement(RootComponent, _extends({
+    className: clsx(classes.root, className),
+    ref: ref
+  }, other), children);
+});
+process.env.NODE_ENV !== "production" ? ScopedCssBaseline.propTypes = {
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   * Defaults to `div`.
+   */
+  component: PropTypes.elementType,
+
+  /**
+   * @ignore
+   */
+  className: PropTypes.string
+} : void 0;
+export default ScopedCssBaseline;
+//# sourceMappingURL=ScopedCssBaseline.js.map

package/dist/modern/theme/ScopedCssBaseline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScopedCssBaseline.js","names":["React","PropTypes","clsx","makeStyles","html","body","useStyles","theme","root","boxSizing","fontWeight","hv","typography","highlightText","ScopedCssBaseline","forwardRef","props","ref","component","RootComponent","className","children","other","classes","propTypes","node","elementType","string"],"sources":["../../../src/theme/ScopedCssBaseline.js"],"sourcesContent":["import * as React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\n\nimport { html, body } from \"./CssBaseline\";\n\nconst useStyles = makeStyles((theme) => ({\n  /* Styles applied to the root element. */\n  root: {\n    ...html,\n    ...body(theme),\n    \"& *, & *::before, & *::after\": {\n      boxSizing: \"inherit\",\n    },\n    \"& strong, & b\": {\n      fontWeight: theme.hv.typography.highlightText.fontWeight,\n    },\n  },\n}));\n\nconst ScopedCssBaseline = React.forwardRef(function ScopedCssBaseline(props, ref) {\n  const { component: RootComponent = \"div\", className, children, ...other } = props;\n\n  const classes = useStyles();\n\n  return (\n    <RootComponent className={clsx(classes.root, className)} ref={ref} {...other}>\n      {children}\n    </RootComponent>\n  );\n});\n\nScopedCssBaseline.propTypes = {\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   * Defaults to `div`.\n   */\n  component: PropTypes.elementType,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n};\n\nexport default ScopedCssBaseline;\n"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,0BAA3B;AAEA,SAASC,IAAT,EAAeC,IAAf,QAA2B,eAA3B;AAEA,MAAMC,SAAS,GAAGH,UAAU,CAAEI,KAAD,KAAY;EACvC;EACAC,IAAI,gDACCJ,IADD,GAECC,IAAI,CAACE,KAAD,CAFL;IAGF,gCAAgC;MAC9BE,SAAS,EAAE;IADmB,CAH9B;IAMF,iBAAiB;MACfC,UAAU,EAAEH,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBC,aAApB,CAAkCH;IAD/B;EANf;AAFmC,CAAZ,CAAD,CAA5B;AAcA,MAAMI,iBAAiB,gBAAGd,KAAK,CAACe,UAAN,CAAiB,SAASD,iBAAT,CAA2BE,KAA3B,EAAkCC,GAAlC,EAAuC;EAChF,MAAM;IAAEC,SAAS,EAAEC,aAAa,GAAG,KAA7B;IAAoCC,SAApC;IAA+CC;EAA/C,IAAsEL,KAA5E;EAAA,MAAkEM,KAAlE,4BAA4EN,KAA5E;;EAEA,MAAMO,OAAO,GAAGjB,SAAS,EAAzB;EAEA,oBACE,oBAAC,aAAD;IAAe,SAAS,EAAEJ,IAAI,CAACqB,OAAO,CAACf,IAAT,EAAeY,SAAf,CAA9B;IAAyD,GAAG,EAAEH;EAA9D,GAAuEK,KAAvE,GACGD,QADH,CADF;AAKD,CAVyB,CAA1B;AAYA,wCAAAP,iBAAiB,CAACU,SAAlB,GAA8B;EAC5B;AACF;AACA;EACEH,QAAQ,EAAEpB,SAAS,CAACwB,IAJQ;;EAK5B;AACF;AACA;AACA;AACA;EACEP,SAAS,EAAEjB,SAAS,CAACyB,WAVO;;EAW5B;AACF;AACA;EACEN,SAAS,EAAEnB,SAAS,CAAC0B;AAdO,CAA9B;AAiBA,eAAeb,iBAAf"}

package/dist/modern/theme/index.d.ts

@@ -149,4 +149,5 @@ export function getTheme(theme: string): object;
 export default Theme;
 
 export { default as createGenerateClassName } from "./createGenerateClassName";
-export { default as CssBaseline } from "./CssBaseline";
+export { default as HvCssBaseline } from "./CssBaseline";
+export { default as HvScopedCssBaseline } from "./ScopedCssBaseline";

package/dist/modern/theme/index.js

@@ -73,7 +73,8 @@ const themeBuilder = theme => {
 
 const defaultTheme = themeBuilder(getTheme("dawn"));
 export { default as createGenerateClassName } from "./createGenerateClassName";
-export { default as CssBaseline } from "./CssBaseline";
+export { default as HvCssBaseline } from "./CssBaseline";
+export { default as HvScopedCssBaseline } from "./ScopedCssBaseline";
 export { getTheme };
 export { themeBuilder };
 export default defaultTheme;

package/dist/modern/theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["createTheme","dawnTheme","wickedTheme","muiAppBarOverrides","muiToolbarOverrides","muiIconButtonOverrides","createTypography","createPalette","createSpacing","hvSpacing","getTheme","uiKitTheme","themeBuilder","theme","themeSpacing","themePalette","themeTypography","shadows","Array","fill","spacing","palette","typography","shape","borderRadius","breakpoints","values","xs","sm","md","lg","xl","props","MuiButtonBase","disableRipple","MuiInput","disableUnderline","overrides","MuiPaper","root","backgroundColor","atmosphere","atmo1","MuiAppBar","MuiToolbar","MuiIconButton","hv","defaultTheme","default","createGenerateClassName","CssBaseline"],"sources":["../../../src/theme/index.js"],"sourcesContent":["import { createTheme } from \"@material-ui/core/styles\";\nimport dawnTheme from \"@hitachivantara/uikit-common-themes/dist/dawn\";\nimport wickedTheme from \"@hitachivantara/uikit-common-themes/dist/wicked\";\nimport muiAppBarOverrides from \"./overrides/muiAppBar\";\nimport muiToolbarOverrides from \"./overrides/muiToolbar\";\nimport muiIconButtonOverrides from \"./overrides/muiIconButton\";\nimport createTypography from \"./typography\";\nimport createPalette from \"./palette\";\nimport createSpacing, { hvSpacing } from \"./spacing\";\n\nconst getTheme = (uiKitTheme) => {\n  switch (uiKitTheme) {\n    default:\n    case \"dawn\":\n      return dawnTheme;\n    case \"wicked\":\n      return wickedTheme;\n  }\n};\n\nconst themeBuilder = (theme) => {\n  const themeSpacing = createSpacing(theme);\n  const themePalette = createPalette(theme);\n  const themeTypography = createTypography(themePalette, theme);\n\n  return createTheme({\n    shadows: Array(25).fill(\"none\"),\n\n    // MUI's spacing doesn't cover our use cases because of regression:\n    // https://github.com/mui-org/material-ui/issues/21278\n    spacing: themeSpacing,\n    hvSpacing: hvSpacing(themeSpacing),\n\n    palette: themePalette,\n    typography: themeTypography,\n    shape: {\n      borderRadius: 0,\n    },\n    breakpoints: {\n      values: {\n        xs: 0,\n        sm: 600,\n        md: 960,\n        lg: 1270,\n        xl: 1920,\n      },\n    },\n    props: {\n      MuiButtonBase: {\n        disableRipple: true,\n      },\n      MuiInput: {\n        disableUnderline: true,\n      },\n    },\n    overrides: {\n      MuiPaper: {\n        root: {\n          backgroundColor: theme.palette.atmosphere.atmo1,\n        },\n      },\n      MuiAppBar: {\n        ...muiAppBarOverrides(theme),\n      },\n      MuiToolbar: {\n        ...muiToolbarOverrides(theme),\n      },\n      MuiIconButton: {\n        ...muiIconButtonOverrides(theme),\n      },\n    },\n    hv: theme,\n  });\n};\n\nconst defaultTheme = themeBuilder(getTheme(\"dawn\"));\n\nexport { default as createGenerateClassName } from \"./createGenerateClassName\";\nexport { default as CssBaseline } from \"./CssBaseline\";\nexport { getTheme };\n\nexport { themeBuilder };\nexport default defaultTheme;\n"],"mappings":";;;;;;AAAA,SAASA,WAAT,QAA4B,0BAA5B;AACA,OAAOC,SAAP,MAAsB,+CAAtB;AACA,OAAOC,WAAP,MAAwB,iDAAxB;AACA,OAAOC,kBAAP,MAA+B,uBAA/B;AACA,OAAOC,mBAAP,MAAgC,wBAAhC;AACA,OAAOC,sBAAP,MAAmC,2BAAnC;AACA,OAAOC,gBAAP,MAA6B,cAA7B;AACA,OAAOC,aAAP,MAA0B,WAA1B;AACA,OAAOC,aAAP,IAAwBC,SAAxB,QAAyC,WAAzC;;AAEA,MAAMC,QAAQ,GAAIC,UAAD,IAAgB;EAC/B,QAAQA,UAAR;IACE;IACA,KAAK,MAAL;MACE,OAAOV,SAAP;;IACF,KAAK,QAAL;MACE,OAAOC,WAAP;EALJ;AAOD,CARD;;AAUA,MAAMU,YAAY,GAAIC,KAAD,IAAW;EAC9B,MAAMC,YAAY,GAAGN,aAAa,CAACK,KAAD,CAAlC;EACA,MAAME,YAAY,GAAGR,aAAa,CAACM,KAAD,CAAlC;EACA,MAAMG,eAAe,GAAGV,gBAAgB,CAACS,YAAD,EAAeF,KAAf,CAAxC;EAEA,OAAOb,WAAW,CAAC;IACjBiB,OAAO,EAAEC,KAAK,CAAC,EAAD,CAAL,CAAUC,IAAV,CAAe,MAAf,CADQ;IAGjB;IACA;IACAC,OAAO,EAAEN,YALQ;IAMjBL,SAAS,EAAEA,SAAS,CAACK,YAAD,CANH;IAQjBO,OAAO,EAAEN,YARQ;IASjBO,UAAU,EAAEN,eATK;IAUjBO,KAAK,EAAE;MACLC,YAAY,EAAE;IADT,CAVU;IAajBC,WAAW,EAAE;MACXC,MAAM,EAAE;QACNC,EAAE,EAAE,CADE;QAENC,EAAE,EAAE,GAFE;QAGNC,EAAE,EAAE,GAHE;QAINC,EAAE,EAAE,IAJE;QAKNC,EAAE,EAAE;MALE;IADG,CAbI;IAsBjBC,KAAK,EAAE;MACLC,aAAa,EAAE;QACbC,aAAa,EAAE;MADF,CADV;MAILC,QAAQ,EAAE;QACRC,gBAAgB,EAAE;MADV;IAJL,CAtBU;IA8BjBC,SAAS,EAAE;MACTC,QAAQ,EAAE;QACRC,IAAI,EAAE;UACJC,eAAe,EAAE3B,KAAK,CAACQ,OAAN,CAAcoB,UAAd,CAAyBC;QADtC;MADE,CADD;MAMTC,SAAS,oBACJxC,kBAAkB,CAACU,KAAD,CADd,CANA;MAST+B,UAAU,oBACLxC,mBAAmB,CAACS,KAAD,CADd,CATD;MAYTgC,aAAa,oBACRxC,sBAAsB,CAACQ,KAAD,CADd;IAZJ,CA9BM;IA8CjBiC,EAAE,EAAEjC;EA9Ca,CAAD,CAAlB;AAgDD,CArDD;;AAuDA,MAAMkC,YAAY,GAAGnC,YAAY,CAACF,QAAQ,CAAC,MAAD,CAAT,CAAjC;AAEA,SAASsC,OAAO,IAAIC,uBAApB,QAAmD,2BAAnD;AACA,SAASD,OAAO,IAAIE,WAApB,QAAuC,eAAvC;AACA,SAASxC,QAAT;AAEA,SAASE,YAAT;AACA,eAAemC,YAAf"}
+{"version":3,"file":"index.js","names":["createTheme","dawnTheme","wickedTheme","muiAppBarOverrides","muiToolbarOverrides","muiIconButtonOverrides","createTypography","createPalette","createSpacing","hvSpacing","getTheme","uiKitTheme","themeBuilder","theme","themeSpacing","themePalette","themeTypography","shadows","Array","fill","spacing","palette","typography","shape","borderRadius","breakpoints","values","xs","sm","md","lg","xl","props","MuiButtonBase","disableRipple","MuiInput","disableUnderline","overrides","MuiPaper","root","backgroundColor","atmosphere","atmo1","MuiAppBar","MuiToolbar","MuiIconButton","hv","defaultTheme","default","createGenerateClassName","HvCssBaseline","HvScopedCssBaseline"],"sources":["../../../src/theme/index.js"],"sourcesContent":["import { createTheme } from \"@material-ui/core/styles\";\nimport dawnTheme from \"@hitachivantara/uikit-common-themes/dist/dawn\";\nimport wickedTheme from \"@hitachivantara/uikit-common-themes/dist/wicked\";\nimport muiAppBarOverrides from \"./overrides/muiAppBar\";\nimport muiToolbarOverrides from \"./overrides/muiToolbar\";\nimport muiIconButtonOverrides from \"./overrides/muiIconButton\";\nimport createTypography from \"./typography\";\nimport createPalette from \"./palette\";\nimport createSpacing, { hvSpacing } from \"./spacing\";\n\nconst getTheme = (uiKitTheme) => {\n  switch (uiKitTheme) {\n    default:\n    case \"dawn\":\n      return dawnTheme;\n    case \"wicked\":\n      return wickedTheme;\n  }\n};\n\nconst themeBuilder = (theme) => {\n  const themeSpacing = createSpacing(theme);\n  const themePalette = createPalette(theme);\n  const themeTypography = createTypography(themePalette, theme);\n\n  return createTheme({\n    shadows: Array(25).fill(\"none\"),\n\n    // MUI's spacing doesn't cover our use cases because of regression:\n    // https://github.com/mui-org/material-ui/issues/21278\n    spacing: themeSpacing,\n    hvSpacing: hvSpacing(themeSpacing),\n\n    palette: themePalette,\n    typography: themeTypography,\n    shape: {\n      borderRadius: 0,\n    },\n    breakpoints: {\n      values: {\n        xs: 0,\n        sm: 600,\n        md: 960,\n        lg: 1270,\n        xl: 1920,\n      },\n    },\n    props: {\n      MuiButtonBase: {\n        disableRipple: true,\n      },\n      MuiInput: {\n        disableUnderline: true,\n      },\n    },\n    overrides: {\n      MuiPaper: {\n        root: {\n          backgroundColor: theme.palette.atmosphere.atmo1,\n        },\n      },\n      MuiAppBar: {\n        ...muiAppBarOverrides(theme),\n      },\n      MuiToolbar: {\n        ...muiToolbarOverrides(theme),\n      },\n      MuiIconButton: {\n        ...muiIconButtonOverrides(theme),\n      },\n    },\n    hv: theme,\n  });\n};\n\nconst defaultTheme = themeBuilder(getTheme(\"dawn\"));\n\nexport { default as createGenerateClassName } from \"./createGenerateClassName\";\nexport { default as HvCssBaseline } from \"./CssBaseline\";\nexport { default as HvScopedCssBaseline } from \"./ScopedCssBaseline\";\nexport { getTheme };\n\nexport { themeBuilder };\nexport default defaultTheme;\n"],"mappings":";;;;;;AAAA,SAASA,WAAT,QAA4B,0BAA5B;AACA,OAAOC,SAAP,MAAsB,+CAAtB;AACA,OAAOC,WAAP,MAAwB,iDAAxB;AACA,OAAOC,kBAAP,MAA+B,uBAA/B;AACA,OAAOC,mBAAP,MAAgC,wBAAhC;AACA,OAAOC,sBAAP,MAAmC,2BAAnC;AACA,OAAOC,gBAAP,MAA6B,cAA7B;AACA,OAAOC,aAAP,MAA0B,WAA1B;AACA,OAAOC,aAAP,IAAwBC,SAAxB,QAAyC,WAAzC;;AAEA,MAAMC,QAAQ,GAAIC,UAAD,IAAgB;EAC/B,QAAQA,UAAR;IACE;IACA,KAAK,MAAL;MACE,OAAOV,SAAP;;IACF,KAAK,QAAL;MACE,OAAOC,WAAP;EALJ;AAOD,CARD;;AAUA,MAAMU,YAAY,GAAIC,KAAD,IAAW;EAC9B,MAAMC,YAAY,GAAGN,aAAa,CAACK,KAAD,CAAlC;EACA,MAAME,YAAY,GAAGR,aAAa,CAACM,KAAD,CAAlC;EACA,MAAMG,eAAe,GAAGV,gBAAgB,CAACS,YAAD,EAAeF,KAAf,CAAxC;EAEA,OAAOb,WAAW,CAAC;IACjBiB,OAAO,EAAEC,KAAK,CAAC,EAAD,CAAL,CAAUC,IAAV,CAAe,MAAf,CADQ;IAGjB;IACA;IACAC,OAAO,EAAEN,YALQ;IAMjBL,SAAS,EAAEA,SAAS,CAACK,YAAD,CANH;IAQjBO,OAAO,EAAEN,YARQ;IASjBO,UAAU,EAAEN,eATK;IAUjBO,KAAK,EAAE;MACLC,YAAY,EAAE;IADT,CAVU;IAajBC,WAAW,EAAE;MACXC,MAAM,EAAE;QACNC,EAAE,EAAE,CADE;QAENC,EAAE,EAAE,GAFE;QAGNC,EAAE,EAAE,GAHE;QAINC,EAAE,EAAE,IAJE;QAKNC,EAAE,EAAE;MALE;IADG,CAbI;IAsBjBC,KAAK,EAAE;MACLC,aAAa,EAAE;QACbC,aAAa,EAAE;MADF,CADV;MAILC,QAAQ,EAAE;QACRC,gBAAgB,EAAE;MADV;IAJL,CAtBU;IA8BjBC,SAAS,EAAE;MACTC,QAAQ,EAAE;QACRC,IAAI,EAAE;UACJC,eAAe,EAAE3B,KAAK,CAACQ,OAAN,CAAcoB,UAAd,CAAyBC;QADtC;MADE,CADD;MAMTC,SAAS,oBACJxC,kBAAkB,CAACU,KAAD,CADd,CANA;MAST+B,UAAU,oBACLxC,mBAAmB,CAACS,KAAD,CADd,CATD;MAYTgC,aAAa,oBACRxC,sBAAsB,CAACQ,KAAD,CADd;IAZJ,CA9BM;IA8CjBiC,EAAE,EAAEjC;EA9Ca,CAAD,CAAlB;AAgDD,CArDD;;AAuDA,MAAMkC,YAAY,GAAGnC,YAAY,CAACF,QAAQ,CAAC,MAAD,CAAT,CAAjC;AAEA,SAASsC,OAAO,IAAIC,uBAApB,QAAmD,2BAAnD;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,eAAzC;AACA,SAASF,OAAO,IAAIG,mBAApB,QAA+C,qBAA/C;AACA,SAASzC,QAAT;AAEA,SAASE,YAAT;AACA,eAAemC,YAAf"}

package/dist/theme/CssBaseline.d.ts

@@ -0,0 +1 @@
+export default function HvCssBaseline(): null;