@hitachivantara/uikit-react-core 5.0.0-next.20 → 5.0.0-next.21

package/dist/cjs/components/Tag/Tag.cjs

@@ -39,6 +39,7 @@ const HvTag = ({
   ...others
 }) => {
   var _a, _b;
+  console.log(type);
   const {
     activeTheme,
     selectedMode

package/dist/cjs/components/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { CSSProperties, useState } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledChip, StyledButton, StyledCloseXS } from \"./Tag.styles\";\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\nimport { HvSemanticColorKeys, HvCategoricalColorKeys } from \"types/tokens\";\nimport { HvButtonProps } from \"../Button\";\nimport tagClasses, { HvTagClasses } from \"./tagClasses\";\nimport { useTheme } from \"hooks\";\n\nexport type HvTagProps = Omit<MuiChipProps, \"color\" | \"classes\"> &\n  HvBaseProps<HTMLDivElement, { children }> & {\n    /** Inline styles to be applied to the root element. */\n    style?: CSSProperties;\n    /** The label of the tag element. */\n    label?: React.ReactNode;\n    /** Indicates that the form element is disabled. */\n    disabled?: boolean;\n    /** The type of the tag element. A tag can be of semantic or categoric type. */\n    type?: \"semantic\" | \"categorical\";\n    /** Background color to be applied to the tag */\n    color?: HvSemanticColorKeys | HvCategoricalColorKeys | string;\n    /** Icon used to customize the delete icon in the Chip element */\n    deleteIcon?: React.ReactElement;\n    /**\n     * The callback fired when the delete icon is pressed.\n     * This function has to be provided to the component, in order to render the delete icon\n     * */\n    onDelete?: (event: React.MouseEvent<HTMLElement>) => void;\n    /** Callback triggered when any item is clicked. */\n    onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n    /** The role of the element with an attributed event. */\n    role?: string;\n    /** Aria properties to apply to delete button in tag */\n    deleteButtonArialLabel?: string;\n    /** Props to apply to delete button */\n    deleteButtonProps?: HvButtonProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvTagClasses;\n  };\n\nconst getColor = (customColor, type, colors) => {\n  const defaultSemanticColor = theme.colors.sema7;\n  const defaultCategoricalColor = colors.cviz1;\n\n  let backgroundColor;\n\n  if (type === \"semantic\") {\n    backgroundColor =\n      theme.colors[customColor] || customColor || defaultSemanticColor;\n  }\n  if (type === \"categorical\") {\n    backgroundColor =\n      colors[customColor] || customColor || defaultCategoricalColor;\n  }\n  return backgroundColor;\n};\n\n/**\n * A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n *\n * It leverages the Chip component from Material UI\n */\nexport const HvTag = ({\n  classes,\n  className,\n  style,\n  label,\n  disabled,\n  type = \"semantic\",\n  color,\n  deleteIcon,\n  onDelete,\n  onClick,\n  role,\n  deleteButtonArialLabel = \"Delete tag\",\n  deleteButtonProps = {},\n  ...others\n}: HvTagProps) => {\n  const { activeTheme, selectedMode } = useTheme();\n\n  const getDeleteIcon = () => {\n    const disabledSemanticColor = type === \"semantic\" ? \"atmo5\" : \"base2\";\n    const { tabIndex = 0 } = deleteButtonProps;\n\n    return (\n      <StyledButton\n        classes={{\n          startIcon: clsx(tagClasses.tagButton, classes?.tagButton),\n          focusVisible: clsx(tagClasses.focusVisible, classes?.focusVisible),\n          root: clsx(tagClasses.button, classes?.button),\n        }}\n        aria-label={deleteButtonArialLabel}\n        tabIndex={tabIndex}\n        variant=\"secondaryGhost\"\n        {...deleteButtonProps}\n      >\n        <StyledCloseXS\n          iconSize=\"XS\"\n          style={{\n            ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n            height: 16,\n          }}\n          color={disabled ? disabledSemanticColor : \"base2\"}\n          $color={disabled ? disabledSemanticColor : \"base2\"}\n        />\n      </StyledButton>\n    );\n  };\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  let categoricalBackgroundColor;\n\n  if (type === \"semantic\") {\n    inlineStyle.backgroundColor = getColor(color, type, {});\n  } else if (type === \"categorical\") {\n    categoricalBackgroundColor = getColor(\n      color,\n      type,\n      activeTheme?.colors?.modes[selectedMode]\n    );\n\n    inlineStyle.backgroundColor = `${categoricalBackgroundColor}30`;\n  }\n\n  const [hover, setHover] = useState(false);\n\n  return (\n    <StyledChip\n      label={label}\n      className={clsx(classes?.root, className, tagClasses.root)}\n      onMouseEnter={() => {\n        setHover(!!onClick);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n      style={{\n        ...(disabled ? null : inlineStyle),\n        ...(hover && !disabled\n          ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` }\n          : null),\n      }}\n      classes={{\n        root: clsx(\n          tagClasses.chipRoot,\n          classes?.chipRoot,\n          type === \"categorical\" &&\n            clsx(tagClasses.categorical, classes?.categorical),\n          disabled && clsx(tagClasses.disabled, classes?.disabled),\n          !!onClick && clsx(tagClasses.clickable, classes?.clickable),\n          type === \"categorical\" &&\n            !disabled &&\n            clsx(tagClasses.categoricalFocus, classes?.categoricalFocus),\n          type === \"categorical\" &&\n            disabled &&\n            clsx(tagClasses.categoricalDisabled, classes?.categoricalDisabled)\n        ),\n        label: clsx(tagClasses.label, classes?.label),\n        deleteIcon: clsx(\n          classes?.deleteIcon,\n          tagClasses.deleteIcon,\n          disabled &&\n            clsx(tagClasses.disabledDeleteIcon, classes?.disabledDeleteIcon)\n        ),\n      }}\n      deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) || getDeleteIcon()}\n      onDelete={getOnDeleteCallback(disabled, onDelete)}\n      onClick={disabled ? undefined : onClick}\n      role={role || (hasClickAction(onClick) ? \"button\" : undefined)}\n      tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n      $type={type}\n      $disabled={disabled || false}\n      $categoricalFocus={type === \"categorical\" && !disabled}\n      $categoricalDisabled={(type === \"categorical\" && disabled) || false}\n      $base1Color={\n        activeTheme?.colors?.modes[selectedMode].base1 || theme.colors.base1\n      }\n      {...others}\n    />\n  );\n};\n"],"names":["getColor","customColor","type","colors","defaultSemanticColor","theme","sema7","defaultCategoricalColor","cviz1","backgroundColor","HvTag","classes","className","style","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","activeTheme","selectedMode","useTheme","getDeleteIcon","disabledSemanticColor","tabIndex","StyledButton","startIcon","clsx","tagClasses","tagButton","focusVisible","root","button","variant","children","StyledCloseXS","iconSize","cursor","undefined","height","$color","inlineStyle","categoricalBackgroundColor","modes","hover","setHover","useState","StyledChip","onMouseEnter","onMouseLeave","boxShadow","chipRoot","categorical","clickable","categoricalFocus","categoricalDisabled","disabledDeleteIcon","hasDeleteAction","getOnDeleteCallback","hasClickAction","$type","$disabled","$categoricalFocus","$categoricalDisabled","$base1Color","base1"],"mappings":"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"}
+{"version":3,"file":"Tag.cjs","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { CSSProperties, useState } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { ChipProps as MuiChipProps } from \"@mui/material/Chip\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledChip, StyledButton, StyledCloseXS } from \"./Tag.styles\";\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\nimport { HvSemanticColorKeys, HvCategoricalColorKeys } from \"types/tokens\";\nimport { HvButtonProps } from \"../Button\";\nimport tagClasses, { HvTagClasses } from \"./tagClasses\";\nimport { useTheme } from \"hooks\";\n\nexport type HvTagProps = Omit<MuiChipProps, \"color\" | \"classes\"> &\n  HvBaseProps<HTMLDivElement, { children }> & {\n    /** Inline styles to be applied to the root element. */\n    style?: CSSProperties;\n    /** The label of the tag element. */\n    label?: React.ReactNode;\n    /** Indicates that the form element is disabled. */\n    disabled?: boolean;\n    /** The type of the tag element. A tag can be of semantic or categoric type. */\n    type?: \"semantic\" | \"categorical\";\n    /** Background color to be applied to the tag */\n    color?: HvSemanticColorKeys | HvCategoricalColorKeys | string;\n    /** Icon used to customize the delete icon in the Chip element */\n    deleteIcon?: React.ReactElement;\n    /**\n     * The callback fired when the delete icon is pressed.\n     * This function has to be provided to the component, in order to render the delete icon\n     * */\n    onDelete?: (event: React.MouseEvent<HTMLElement>) => void;\n    /** Callback triggered when any item is clicked. */\n    onClick?: (event: React.MouseEvent<HTMLElement>) => void;\n    /** The role of the element with an attributed event. */\n    role?: string;\n    /** Aria properties to apply to delete button in tag */\n    deleteButtonArialLabel?: string;\n    /** Props to apply to delete button */\n    deleteButtonProps?: HvButtonProps;\n    /** A Jss Object used to override or extend the styles applied to the component. */\n    classes?: HvTagClasses;\n  };\n\nconst getColor = (customColor, type, colors) => {\n  const defaultSemanticColor = theme.colors.sema7;\n  const defaultCategoricalColor = colors.cviz1;\n\n  let backgroundColor;\n\n  if (type === \"semantic\") {\n    backgroundColor =\n      theme.colors[customColor] || customColor || defaultSemanticColor;\n  }\n  if (type === \"categorical\") {\n    backgroundColor =\n      colors[customColor] || customColor || defaultCategoricalColor;\n  }\n  return backgroundColor;\n};\n\n/**\n * A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n *\n * It leverages the Chip component from Material UI\n */\nexport const HvTag = ({\n  classes,\n  className,\n  style,\n  label,\n  disabled,\n  type = \"semantic\",\n  color,\n  deleteIcon,\n  onDelete,\n  onClick,\n  role,\n  deleteButtonArialLabel = \"Delete tag\",\n  deleteButtonProps = {},\n  ...others\n}: HvTagProps) => {\n  console.log(type);\n  const { activeTheme, selectedMode } = useTheme();\n\n  const getDeleteIcon = () => {\n    const disabledSemanticColor = type === \"semantic\" ? \"atmo5\" : \"base2\";\n    const { tabIndex = 0 } = deleteButtonProps;\n\n    return (\n      <StyledButton\n        classes={{\n          startIcon: clsx(tagClasses.tagButton, classes?.tagButton),\n          focusVisible: clsx(tagClasses.focusVisible, classes?.focusVisible),\n          root: clsx(tagClasses.button, classes?.button),\n        }}\n        aria-label={deleteButtonArialLabel}\n        tabIndex={tabIndex}\n        variant=\"secondaryGhost\"\n        {...deleteButtonProps}\n      >\n        <StyledCloseXS\n          iconSize=\"XS\"\n          style={{\n            ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n            height: 16,\n          }}\n          color={disabled ? disabledSemanticColor : \"base2\"}\n          $color={disabled ? disabledSemanticColor : \"base2\"}\n        />\n      </StyledButton>\n    );\n  };\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  let categoricalBackgroundColor;\n\n  if (type === \"semantic\") {\n    inlineStyle.backgroundColor = getColor(color, type, {});\n  } else if (type === \"categorical\") {\n    categoricalBackgroundColor = getColor(\n      color,\n      type,\n      activeTheme?.colors?.modes[selectedMode]\n    );\n\n    inlineStyle.backgroundColor = `${categoricalBackgroundColor}30`;\n  }\n\n  const [hover, setHover] = useState(false);\n\n  return (\n    <StyledChip\n      label={label}\n      className={clsx(classes?.root, className, tagClasses.root)}\n      onMouseEnter={() => {\n        setHover(!!onClick);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n      style={{\n        ...(disabled ? null : inlineStyle),\n        ...(hover && !disabled\n          ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` }\n          : null),\n      }}\n      classes={{\n        root: clsx(\n          tagClasses.chipRoot,\n          classes?.chipRoot,\n          type === \"categorical\" &&\n            clsx(tagClasses.categorical, classes?.categorical),\n          disabled && clsx(tagClasses.disabled, classes?.disabled),\n          !!onClick && clsx(tagClasses.clickable, classes?.clickable),\n          type === \"categorical\" &&\n            !disabled &&\n            clsx(tagClasses.categoricalFocus, classes?.categoricalFocus),\n          type === \"categorical\" &&\n            disabled &&\n            clsx(tagClasses.categoricalDisabled, classes?.categoricalDisabled)\n        ),\n        label: clsx(tagClasses.label, classes?.label),\n        deleteIcon: clsx(\n          classes?.deleteIcon,\n          tagClasses.deleteIcon,\n          disabled &&\n            clsx(tagClasses.disabledDeleteIcon, classes?.disabledDeleteIcon)\n        ),\n      }}\n      deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) || getDeleteIcon()}\n      onDelete={getOnDeleteCallback(disabled, onDelete)}\n      onClick={disabled ? undefined : onClick}\n      role={role || (hasClickAction(onClick) ? \"button\" : undefined)}\n      tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n      $type={type}\n      $disabled={disabled || false}\n      $categoricalFocus={type === \"categorical\" && !disabled}\n      $categoricalDisabled={(type === \"categorical\" && disabled) || false}\n      $base1Color={\n        activeTheme?.colors?.modes[selectedMode].base1 || theme.colors.base1\n      }\n      {...others}\n    />\n  );\n};\n"],"names":["getColor","customColor","type","colors","defaultSemanticColor","theme","sema7","defaultCategoricalColor","cviz1","backgroundColor","HvTag","classes","className","style","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","console","log","activeTheme","selectedMode","useTheme","getDeleteIcon","disabledSemanticColor","tabIndex","StyledButton","startIcon","clsx","tagClasses","tagButton","focusVisible","root","button","variant","children","StyledCloseXS","iconSize","cursor","undefined","height","$color","inlineStyle","categoricalBackgroundColor","modes","hover","setHover","useState","StyledChip","onMouseEnter","onMouseLeave","boxShadow","chipRoot","categorical","clickable","categoricalFocus","categoricalDisabled","disabledDeleteIcon","hasDeleteAction","getOnDeleteCallback","hasClickAction","$type","$disabled","$categoricalFocus","$categoricalDisabled","$base1Color","base1"],"mappings":"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"}

package/dist/cjs/components/Tag/Tag.styles.cjs

@@ -50,6 +50,7 @@ const StyledChip = /* @__PURE__ */ _styled__default.default(Chip__default.defaul
       backgroundColor: hexToRgbA.default(uikitStyles.theme.colors.base1, 0.3)
     },
     ...$type === "categorical" && {
+      backgroundColor: "red",
       borderRadius: 8,
       [`&.${tagClasses.default.clickable}`]: {
         cursor: "pointer"
@@ -94,7 +95,7 @@ const StyledChip = /* @__PURE__ */ _styled__default.default(Chip__default.defaul
   "& .MuiChip-label": {
     paddingLeft: uikitStyles.theme.space.xs,
     paddingRight: uikitStyles.theme.space.xs,
-    ...uikitStyles.theme.typography.body,
+    ...uikitStyles.theme.typography.caption1,
     color: uikitStyles.theme.colors.base2,
     "& p": {
       color: uikitStyles.theme.colors.base2
@@ -130,7 +131,7 @@ const StyledChip = /* @__PURE__ */ _styled__default.default(Chip__default.defaul
       }
     }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhZy9UYWcuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ2xvc2VYUyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBDaGlwIGZyb20gXCJAbXVpL21hdGVyaWFsL0NoaXBcIjtcbmltcG9ydCB7IEh2QnV0dG9uIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHRhZ0NsYXNzZXMgZnJvbSBcIi4vdGFnQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZChcbiAgQ2hpcCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkdHlwZSxcbiAgICAkZGlzYWJsZWQsXG4gICAgJGNhdGVnb3JpY2FsRm9jdXMsXG4gICAgJGNhdGVnb3JpY2FsRGlzYWJsZWQsXG4gICAgJGJhc2UxQ29sb3IsXG4gIH06IHtcbiAgICAkdHlwZTogc3RyaW5nO1xuICAgICRkaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkY2F0ZWdvcmljYWxGb2N1czogYm9vbGVhbjtcbiAgICAkY2F0ZWdvcmljYWxEaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkYmFzZTFDb2xvcjogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIFwiJi5NdWlDaGlwLXJvb3RcIjoge1xuICAgICAgaGVpZ2h0OiAxNixcbiAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgIG1heFdpZHRoOiAxODAsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG4gICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5mb2N1c1Zpc2libGV9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKHRoZW1lLmNvbG9ycy5iYXNlMSwgMC4zKSxcbiAgICAgIH0sXG4gICAgICAuLi4oJHR5cGUgPT09IFwiY2F0ZWdvcmljYWxcIiAmJiB7XG4gICAgICAgIGJvcmRlclJhZGl1czogOCxcbiAgICAgICAgW2AmLiR7dGFnQ2xhc3Nlcy5jbGlja2FibGV9YF06IHtcbiAgICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlclJhZGl1czogOCxcbiAgICAgICAgfSxcbiAgICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKVwiOiB7XG4gICAgICAgICAgb3V0bGluZTogXCIwICFpbXBvcnRhbnRcIixcbiAgICAgICAgICBib3hTaGFkb3c6IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRjYXRlZ29yaWNhbEZvY3VzICYmIHtcbiAgICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGNhdGVnb3JpY2FsRGlzYWJsZWQgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNSxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0sXG5cbiAgICBcIiYgLk11aUNoaXAtbGFiZWxcIjoge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIC4uLih0aGVtZS50eXBvZ3JhcGh5LmJvZHkgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2UyLFxuICAgICAgXCImIHBcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2UyLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgXCImIC5NdWlDaGlwLWRlbGV0ZUljb25cIjoge1xuICAgICAgbWFyZ2luUmlnaHQ6IDAsXG4gICAgICB3aWR0aDogMTYsXG4gICAgICBoZWlnaHQ6IDE2LFxuICAgICAgbWluV2lkdGg6IDE2LFxuICAgICAgbWluSGVpZ2h0OiAxNixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAkeyRiYXNlMUNvbG9yfTMwYCxcbiAgICAgIH0sXG4gICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSlcIjoge1xuICAgICAgICBvdXRsaW5lOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgICBib3hTaGFkb3c6IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICB9LFxuICAgICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICAgICAgICBvdXRsaW5lT2Zmc2V0OiAwLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoSHZCdXR0b24pKHtcbiAgXCImIC5NdWlCdXR0b24tc3RhcnRJY29uXCI6IHtcbiAgICB3aWR0aDogMTYsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBtaW5XaWR0aDogMTYsXG4gICAgbWluSGVpZ2h0OiAxNixcbiAgICBwYWRkaW5nOiAwLFxuICAgIG1hcmdpbjogMCxcbiAgfSxcbiAgXCImIC5NdWlCdXR0b24tdGV4dFByaW1hcnlcIjoge1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2VYUyA9IHN0eWxlZChcbiAgQ2xvc2VYUyxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkY29sb3IgfTogeyAkY29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgIGZpbGw6IHRoZW1lLmNvbG9yc1skY29sb3JdLFxuICB9LFxufSkpO1xuIl19 */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhZy9UYWcuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ2xvc2VYUyB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtcmVhY3QtaWNvbnNcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCBDaGlwIGZyb20gXCJAbXVpL21hdGVyaWFsL0NoaXBcIjtcbmltcG9ydCB7IEh2QnV0dG9uIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCBmYWRlIGZyb20gXCJ1dGlscy9oZXhUb1JnYkFcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHRhZ0NsYXNzZXMgZnJvbSBcIi4vdGFnQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZChcbiAgQ2hpcCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkdHlwZSxcbiAgICAkZGlzYWJsZWQsXG4gICAgJGNhdGVnb3JpY2FsRm9jdXMsXG4gICAgJGNhdGVnb3JpY2FsRGlzYWJsZWQsXG4gICAgJGJhc2UxQ29sb3IsXG4gIH06IHtcbiAgICAkdHlwZTogc3RyaW5nO1xuICAgICRkaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkY2F0ZWdvcmljYWxGb2N1czogYm9vbGVhbjtcbiAgICAkY2F0ZWdvcmljYWxEaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkYmFzZTFDb2xvcjogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIFwiJi5NdWlDaGlwLXJvb3RcIjoge1xuICAgICAgaGVpZ2h0OiAxNixcbiAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgIG1heFdpZHRoOiAxODAsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LmJvZHksXG5cbiAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmZvY3VzVmlzaWJsZX1gXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGZhZGUodGhlbWUuY29sb3JzLmJhc2UxLCAwLjMpLFxuICAgICAgfSxcbiAgICAgIC4uLigkdHlwZSA9PT0gXCJjYXRlZ29yaWNhbFwiICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJlZFwiLFxuICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIFtgJi4ke3RhZ0NsYXNzZXMuY2xpY2thYmxlfWBdOiB7XG4gICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIH0sXG4gICAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSlcIjoge1xuICAgICAgICAgIG91dGxpbmU6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5sYWJlbH1gXToge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkY2F0ZWdvcmljYWxGb2N1cyAmJiB7XG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRjYXRlZ29yaWNhbERpc2FibGVkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5sYWJlbH1gXToge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgXCImIC5NdWlDaGlwLWxhYmVsXCI6IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5jYXB0aW9uMSBhcyBDU1NQcm9wZXJ0aWVzKSxcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZTIsXG4gICAgICBcIiYgcFwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYmFzZTIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICBcIiYgLk11aUNoaXAtZGVsZXRlSWNvblwiOiB7XG4gICAgICBtYXJnaW5SaWdodDogMCxcbiAgICAgIHdpZHRoOiAxNixcbiAgICAgIGhlaWdodDogMTYsXG4gICAgICBtaW5XaWR0aDogMTYsXG4gICAgICBtaW5IZWlnaHQ6IDE2LFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogYCR7JGJhc2UxQ29sb3J9MzBgLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgICAgIGJvcmRlclJhZGl1czogMCxcbiAgICAgIH0sXG4gICAgICBcIiY6Zm9jdXM6bm90KDpmb2N1cy12aXNpYmxlKVwiOiB7XG4gICAgICAgIG91dGxpbmU6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICAgIGJveFNoYWRvdzogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgIH0sXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMyxcbiAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgICAgICBib3hTaGFkb3c6IFwibm9uZVwiLFxuICAgICAgICAgIG91dGxpbmVPZmZzZXQ6IDAsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChIdkJ1dHRvbikoe1xuICBcIiYgLk11aUJ1dHRvbi1zdGFydEljb25cIjoge1xuICAgIHdpZHRoOiAxNixcbiAgICBoZWlnaHQ6IDE2LFxuICAgIG1pbldpZHRoOiAxNixcbiAgICBtaW5IZWlnaHQ6IDE2LFxuICAgIHBhZGRpbmc6IDAsXG4gICAgbWFyZ2luOiAwLFxuICB9LFxuICBcIiYgLk11aUJ1dHRvbi10ZXh0UHJpbWFyeVwiOiB7XG4gICAgYmFja2dyb3VuZDogXCJ0cmFuc3BhcmVudFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDbG9zZVhTID0gc3R5bGVkKFxuICBDbG9zZVhTLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRjb2xvciB9OiB7ICRjb2xvcjogc3RyaW5nIH0pID0+ICh7XG4gIFwiJiBzdmcgLmNvbG9yMFwiOiB7XG4gICAgZmlsbDogdGhlbWUuY29sb3JzWyRjb2xvcl0sXG4gIH0sXG59KSk7XG4iXX0= */");
 const StyledButton = /* @__PURE__ */ _styled__default.default(Button.HvButton, process.env.NODE_ENV === "production" ? {
   target: "e14hga4y1"
 } : {
@@ -142,7 +143,7 @@ const StyledButton = /* @__PURE__ */ _styled__default.default(Button.HvButton, p
 } : {
   name: "1ak3043",
   styles: "& .MuiButton-startIcon{width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin:0;}& .MuiButton-textPrimary{background:transparent;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBINEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWcvVGFnLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlWFMgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgQ2hpcCBmcm9tIFwiQG11aS9tYXRlcmlhbC9DaGlwXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWdDbGFzc2VzIGZyb20gXCIuL3RhZ0NsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQoXG4gIENoaXAsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHR5cGUsXG4gICAgJGRpc2FibGVkLFxuICAgICRjYXRlZ29yaWNhbEZvY3VzLFxuICAgICRjYXRlZ29yaWNhbERpc2FibGVkLFxuICAgICRiYXNlMUNvbG9yLFxuICB9OiB7XG4gICAgJHR5cGU6IHN0cmluZztcbiAgICAkZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGNhdGVnb3JpY2FsRm9jdXM6IGJvb2xlYW47XG4gICAgJGNhdGVnb3JpY2FsRGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGJhc2UxQ29sb3I6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBcIiYuTXVpQ2hpcC1yb290XCI6IHtcbiAgICAgIGhlaWdodDogMTYsXG4gICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICBtYXhXaWR0aDogMTgwLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMuZm9jdXNWaXNpYmxlfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSh0aGVtZS5jb2xvcnMuYmFzZTEsIDAuMyksXG4gICAgICB9LFxuICAgICAgLi4uKCR0eXBlID09PSBcImNhdGVnb3JpY2FsXCIgJiYge1xuICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIFtgJi4ke3RhZ0NsYXNzZXMuY2xpY2thYmxlfWBdOiB7XG4gICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIH0sXG4gICAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSlcIjoge1xuICAgICAgICAgIG91dGxpbmU6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5sYWJlbH1gXToge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkY2F0ZWdvcmljYWxGb2N1cyAmJiB7XG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRjYXRlZ29yaWNhbERpc2FibGVkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5sYWJlbH1gXToge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgXCImIC5NdWlDaGlwLWxhYmVsXCI6IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgIFwiJiBwXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgIH0sXG4gICAgfSxcblxuICAgIFwiJiAuTXVpQ2hpcC1kZWxldGVJY29uXCI6IHtcbiAgICAgIG1hcmdpblJpZ2h0OiAwLFxuICAgICAgd2lkdGg6IDE2LFxuICAgICAgaGVpZ2h0OiAxNixcbiAgICAgIG1pbldpZHRoOiAxNixcbiAgICAgIG1pbkhlaWdodDogMTYsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBgJHskYmFzZTFDb2xvcn0zMGAsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpXCI6IHtcbiAgICAgICAgb3V0bGluZTogXCIwICFpbXBvcnRhbnRcIixcbiAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgfSxcbiAgICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgICAgICAgb3V0bGluZU9mZnNldDogMCxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEh2QnV0dG9uKSh7XG4gIFwiJiAuTXVpQnV0dG9uLXN0YXJ0SWNvblwiOiB7XG4gICAgd2lkdGg6IDE2LFxuICAgIGhlaWdodDogMTYsXG4gICAgbWluV2lkdGg6IDE2LFxuICAgIG1pbkhlaWdodDogMTYsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG4gIH0sXG4gIFwiJiAuTXVpQnV0dG9uLXRleHRQcmltYXJ5XCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlWFMgPSBzdHlsZWQoXG4gIENsb3NlWFMsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbG9yIH06IHsgJGNvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnNbJGNvbG9yXSxcbiAgfSxcbn0pKTtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRINEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWcvVGFnLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlWFMgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgQ2hpcCBmcm9tIFwiQG11aS9tYXRlcmlhbC9DaGlwXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWdDbGFzc2VzIGZyb20gXCIuL3RhZ0NsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQoXG4gIENoaXAsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHR5cGUsXG4gICAgJGRpc2FibGVkLFxuICAgICRjYXRlZ29yaWNhbEZvY3VzLFxuICAgICRjYXRlZ29yaWNhbERpc2FibGVkLFxuICAgICRiYXNlMUNvbG9yLFxuICB9OiB7XG4gICAgJHR5cGU6IHN0cmluZztcbiAgICAkZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGNhdGVnb3JpY2FsRm9jdXM6IGJvb2xlYW47XG4gICAgJGNhdGVnb3JpY2FsRGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGJhc2UxQ29sb3I6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBcIiYuTXVpQ2hpcC1yb290XCI6IHtcbiAgICAgIGhlaWdodDogMTYsXG4gICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICBtYXhXaWR0aDogMTgwLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuXG4gICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5mb2N1c1Zpc2libGV9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKHRoZW1lLmNvbG9ycy5iYXNlMSwgMC4zKSxcbiAgICAgIH0sXG4gICAgICAuLi4oJHR5cGUgPT09IFwiY2F0ZWdvcmljYWxcIiAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICAgICAgYm9yZGVyUmFkaXVzOiA4LFxuICAgICAgICBbYCYuJHt0YWdDbGFzc2VzLmNsaWNrYWJsZX1gXToge1xuICAgICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiA4LFxuICAgICAgICB9LFxuICAgICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5sYWJlbH1gXToge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpXCI6IHtcbiAgICAgICAgICBvdXRsaW5lOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgICAgIGJveFNoYWRvdzogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGNhdGVnb3JpY2FsRm9jdXMgJiYge1xuICAgICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkY2F0ZWdvcmljYWxEaXNhYmxlZCAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgICAgICB9LFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIFwiJiAuTXVpQ2hpcC1sYWJlbFwiOiB7XG4gICAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbjEgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2UyLFxuICAgICAgXCImIHBcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2UyLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgXCImIC5NdWlDaGlwLWRlbGV0ZUljb25cIjoge1xuICAgICAgbWFyZ2luUmlnaHQ6IDAsXG4gICAgICB3aWR0aDogMTYsXG4gICAgICBoZWlnaHQ6IDE2LFxuICAgICAgbWluV2lkdGg6IDE2LFxuICAgICAgbWluSGVpZ2h0OiAxNixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAkeyRiYXNlMUNvbG9yfTMwYCxcbiAgICAgIH0sXG4gICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSlcIjoge1xuICAgICAgICBvdXRsaW5lOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgICBib3hTaGFkb3c6IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICB9LFxuICAgICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICAgICAgICBvdXRsaW5lT2Zmc2V0OiAwLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoSHZCdXR0b24pKHtcbiAgXCImIC5NdWlCdXR0b24tc3RhcnRJY29uXCI6IHtcbiAgICB3aWR0aDogMTYsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBtaW5XaWR0aDogMTYsXG4gICAgbWluSGVpZ2h0OiAxNixcbiAgICBwYWRkaW5nOiAwLFxuICAgIG1hcmdpbjogMCxcbiAgfSxcbiAgXCImIC5NdWlCdXR0b24tdGV4dFByaW1hcnlcIjoge1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2VYUyA9IHN0eWxlZChcbiAgQ2xvc2VYUyxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkY29sb3IgfTogeyAkY29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgIGZpbGw6IHRoZW1lLmNvbG9yc1skY29sb3JdLFxuICB9LFxufSkpO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledCloseXS = /* @__PURE__ */ _styled__default.default(uikitReactIcons.CloseXS, process.env.NODE_ENV === "production" ? _extends({}, {
@@ -156,7 +157,7 @@ const StyledCloseXS = /* @__PURE__ */ _styled__default.default(uikitReactIcons.C
   "& svg .color0": {
     fill: uikitStyles.theme.colors[$color]
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdJNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWcvVGFnLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlWFMgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgQ2hpcCBmcm9tIFwiQG11aS9tYXRlcmlhbC9DaGlwXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWdDbGFzc2VzIGZyb20gXCIuL3RhZ0NsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQoXG4gIENoaXAsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHR5cGUsXG4gICAgJGRpc2FibGVkLFxuICAgICRjYXRlZ29yaWNhbEZvY3VzLFxuICAgICRjYXRlZ29yaWNhbERpc2FibGVkLFxuICAgICRiYXNlMUNvbG9yLFxuICB9OiB7XG4gICAgJHR5cGU6IHN0cmluZztcbiAgICAkZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGNhdGVnb3JpY2FsRm9jdXM6IGJvb2xlYW47XG4gICAgJGNhdGVnb3JpY2FsRGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGJhc2UxQ29sb3I6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBcIiYuTXVpQ2hpcC1yb290XCI6IHtcbiAgICAgIGhlaWdodDogMTYsXG4gICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICBtYXhXaWR0aDogMTgwLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMuZm9jdXNWaXNpYmxlfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZmFkZSh0aGVtZS5jb2xvcnMuYmFzZTEsIDAuMyksXG4gICAgICB9LFxuICAgICAgLi4uKCR0eXBlID09PSBcImNhdGVnb3JpY2FsXCIgJiYge1xuICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIFtgJi4ke3RhZ0NsYXNzZXMuY2xpY2thYmxlfWBdOiB7XG4gICAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXG4gICAgICAgIH0sXG4gICAgICAgIFtgJiAuJHt0YWdDbGFzc2VzLmxhYmVsfWBdOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5hY2NlMSxcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSlcIjoge1xuICAgICAgICAgIG91dGxpbmU6IFwiMCAhaW1wb3J0YW50XCIsXG4gICAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5sYWJlbH1gXToge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkY2F0ZWdvcmljYWxGb2N1cyAmJiB7XG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRjYXRlZ29yaWNhbERpc2FibGVkICYmIHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiLFxuICAgICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5sYWJlbH1gXToge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzUsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgXCImIC5NdWlDaGlwLWxhYmVsXCI6IHtcbiAgICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIHBhZGRpbmdSaWdodDogdGhlbWUuc3BhY2UueHMsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgIFwiJiBwXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5iYXNlMixcbiAgICAgIH0sXG4gICAgfSxcblxuICAgIFwiJiAuTXVpQ2hpcC1kZWxldGVJY29uXCI6IHtcbiAgICAgIG1hcmdpblJpZ2h0OiAwLFxuICAgICAgd2lkdGg6IDE2LFxuICAgICAgaGVpZ2h0OiAxNixcbiAgICAgIG1pbldpZHRoOiAxNixcbiAgICAgIG1pbkhlaWdodDogMTYsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBgJHskYmFzZTFDb2xvcn0zMGAsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzXCI6IHtcbiAgICAgICAgLi4ub3V0bGluZVN0eWxlcyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAwLFxuICAgICAgfSxcbiAgICAgIFwiJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpXCI6IHtcbiAgICAgICAgb3V0bGluZTogXCIwICFpbXBvcnRhbnRcIixcbiAgICAgICAgYm94U2hhZG93OiBcIm5vbmUgIWltcG9ydGFudFwiLFxuICAgICAgfSxcbiAgICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgICAgIGJveFNoYWRvdzogXCJub25lXCIsXG4gICAgICAgICAgb3V0bGluZU9mZnNldDogMCxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEh2QnV0dG9uKSh7XG4gIFwiJiAuTXVpQnV0dG9uLXN0YXJ0SWNvblwiOiB7XG4gICAgd2lkdGg6IDE2LFxuICAgIGhlaWdodDogMTYsXG4gICAgbWluV2lkdGg6IDE2LFxuICAgIG1pbkhlaWdodDogMTYsXG4gICAgcGFkZGluZzogMCxcbiAgICBtYXJnaW46IDAsXG4gIH0sXG4gIFwiJiAuTXVpQnV0dG9uLXRleHRQcmltYXJ5XCI6IHtcbiAgICBiYWNrZ3JvdW5kOiBcInRyYW5zcGFyZW50XCIsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENsb3NlWFMgPSBzdHlsZWQoXG4gIENsb3NlWFMsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGNvbG9yIH06IHsgJGNvbG9yOiBzdHJpbmcgfSkgPT4gKHtcbiAgXCImIHN2ZyAuY29sb3IwXCI6IHtcbiAgICBmaWxsOiB0aGVtZS5jb2xvcnNbJGNvbG9yXSxcbiAgfSxcbn0pKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnL1RhZy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBJNkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWcvVGFnLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENsb3NlWFMgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgQ2hpcCBmcm9tIFwiQG11aS9tYXRlcmlhbC9DaGlwXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgZmFkZSBmcm9tIFwidXRpbHMvaGV4VG9SZ2JBXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB0YWdDbGFzc2VzIGZyb20gXCIuL3RhZ0NsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQoXG4gIENoaXAsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHR5cGUsXG4gICAgJGRpc2FibGVkLFxuICAgICRjYXRlZ29yaWNhbEZvY3VzLFxuICAgICRjYXRlZ29yaWNhbERpc2FibGVkLFxuICAgICRiYXNlMUNvbG9yLFxuICB9OiB7XG4gICAgJHR5cGU6IHN0cmluZztcbiAgICAkZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGNhdGVnb3JpY2FsRm9jdXM6IGJvb2xlYW47XG4gICAgJGNhdGVnb3JpY2FsRGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJGJhc2UxQ29sb3I6IHN0cmluZztcbiAgfSkgPT4gKHtcbiAgICBcIiYuTXVpQ2hpcC1yb290XCI6IHtcbiAgICAgIGhlaWdodDogMTYsXG4gICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICBtYXhXaWR0aDogMTgwLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuXG4gICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5mb2N1c1Zpc2libGV9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBmYWRlKHRoZW1lLmNvbG9ycy5iYXNlMSwgMC4zKSxcbiAgICAgIH0sXG4gICAgICAuLi4oJHR5cGUgPT09IFwiY2F0ZWdvcmljYWxcIiAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZWRcIixcbiAgICAgICAgYm9yZGVyUmFkaXVzOiA4LFxuICAgICAgICBbYCYuJHt0YWdDbGFzc2VzLmNsaWNrYWJsZX1gXToge1xuICAgICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiA4LFxuICAgICAgICB9LFxuICAgICAgICBbYCYgLiR7dGFnQ2xhc3Nlcy5sYWJlbH1gXToge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpXCI6IHtcbiAgICAgICAgICBvdXRsaW5lOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgICAgIGJveFNoYWRvdzogXCJub25lICFpbXBvcnRhbnRcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJGNhdGVnb3JpY2FsRm9jdXMgJiYge1xuICAgICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkY2F0ZWdvcmljYWxEaXNhYmxlZCAmJiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgICAgW2AmIC4ke3RhZ0NsYXNzZXMubGFiZWx9YF06IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgICAgICB9LFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8zLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIFwiJiAuTXVpQ2hpcC1sYWJlbFwiOiB7XG4gICAgICBwYWRkaW5nTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbjEgYXMgQ1NTUHJvcGVydGllcyksXG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2UyLFxuICAgICAgXCImIHBcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUuY29sb3JzLmJhc2UyLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgXCImIC5NdWlDaGlwLWRlbGV0ZUljb25cIjoge1xuICAgICAgbWFyZ2luUmlnaHQ6IDAsXG4gICAgICB3aWR0aDogMTYsXG4gICAgICBoZWlnaHQ6IDE2LFxuICAgICAgbWluV2lkdGg6IDE2LFxuICAgICAgbWluSGVpZ2h0OiAxNixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGAkeyRiYXNlMUNvbG9yfTMwYCxcbiAgICAgIH0sXG4gICAgICBcIiY6Zm9jdXNcIjoge1xuICAgICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICB9LFxuICAgICAgXCImOmZvY3VzOm5vdCg6Zm9jdXMtdmlzaWJsZSlcIjoge1xuICAgICAgICBvdXRsaW5lOiBcIjAgIWltcG9ydGFudFwiLFxuICAgICAgICBib3hTaGFkb3c6IFwibm9uZSAhaW1wb3J0YW50XCIsXG4gICAgICB9LFxuICAgICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpmb2N1c1wiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzMsXG4gICAgICAgICAgb3V0bGluZTogXCJub25lXCIsXG4gICAgICAgICAgYm94U2hhZG93OiBcIm5vbmVcIixcbiAgICAgICAgICBvdXRsaW5lT2Zmc2V0OiAwLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoSHZCdXR0b24pKHtcbiAgXCImIC5NdWlCdXR0b24tc3RhcnRJY29uXCI6IHtcbiAgICB3aWR0aDogMTYsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBtaW5XaWR0aDogMTYsXG4gICAgbWluSGVpZ2h0OiAxNixcbiAgICBwYWRkaW5nOiAwLFxuICAgIG1hcmdpbjogMCxcbiAgfSxcbiAgXCImIC5NdWlCdXR0b24tdGV4dFByaW1hcnlcIjoge1xuICAgIGJhY2tncm91bmQ6IFwidHJhbnNwYXJlbnRcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2xvc2VYUyA9IHN0eWxlZChcbiAgQ2xvc2VYUyxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkY29sb3IgfTogeyAkY29sb3I6IHN0cmluZyB9KSA9PiAoe1xuICBcIiYgc3ZnIC5jb2xvcjBcIjoge1xuICAgIGZpbGw6IHRoZW1lLmNvbG9yc1skY29sb3JdLFxuICB9LFxufSkpO1xuIl19 */");
 exports.StyledButton = StyledButton;
 exports.StyledChip = StyledChip;
 exports.StyledCloseXS = StyledCloseXS;

package/dist/cjs/components/Tag/Tag.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.cjs","sources":["../../../../src/components/Tag/Tag.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport Chip from \"@mui/material/Chip\";\nimport { HvButton } from \"components\";\nimport { CSSProperties } from \"react\";\nimport { outlineStyles } from \"utils\";\nimport fade from \"utils/hexToRgbA\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport tagClasses from \"./tagClasses\";\n\nexport const StyledChip = styled(\n  Chip,\n  transientOptions\n)(\n  ({\n    $type,\n    $disabled,\n    $categoricalFocus,\n    $categoricalDisabled,\n    $base1Color,\n  }: {\n    $type: string;\n    $disabled: boolean;\n    $categoricalFocus: boolean;\n    $categoricalDisabled: boolean;\n    $base1Color: string;\n  }) => ({\n    \"&.MuiChip-root\": {\n      height: 16,\n      borderRadius: 0,\n      maxWidth: 180,\n      fontFamily: theme.fontFamily.body,\n      [`& .${tagClasses.focusVisible}`]: {\n        backgroundColor: fade(theme.colors.base1, 0.3),\n      },\n      ...($type === \"categorical\" && {\n        borderRadius: 8,\n        [`&.${tagClasses.clickable}`]: {\n          cursor: \"pointer\",\n        },\n        \"&:hover\": {\n          borderRadius: 8,\n        },\n        [`& .${tagClasses.label}`]: {\n          color: theme.colors.acce1,\n        },\n        \"&:focus:not(:focus-visible)\": {\n          outline: \"0 !important\",\n          boxShadow: \"none !important\",\n        },\n      }),\n      ...($disabled && {\n        backgroundColor: theme.colors.atmo3,\n        cursor: \"not-allowed\",\n        [`& .${tagClasses.label}`]: {\n          color: theme.colors.atmo5,\n        },\n      }),\n      ...($categoricalFocus && {\n        \"&:focus\": {\n          ...outlineStyles,\n        },\n      }),\n      ...($categoricalDisabled && {\n        backgroundColor: theme.colors.atmo3,\n        cursor: \"not-allowed\",\n        [`& .${tagClasses.label}`]: {\n          color: theme.colors.atmo5,\n        },\n        \"&:hover\": {\n          backgroundColor: theme.colors.atmo3,\n        },\n        \"&:focus\": {\n          outline: \"none\",\n        },\n      }),\n    },\n\n    \"& .MuiChip-label\": {\n      paddingLeft: theme.space.xs,\n      paddingRight: theme.space.xs,\n      ...(theme.typography.body as CSSProperties),\n      color: theme.colors.base2,\n      \"& p\": {\n        color: theme.colors.base2,\n      },\n    },\n\n    \"& .MuiChip-deleteIcon\": {\n      marginRight: 0,\n      width: 16,\n      height: 16,\n      minWidth: 16,\n      minHeight: 16,\n      padding: 0,\n      \"&:hover\": {\n        backgroundColor: `${$base1Color}30`,\n      },\n      \"&:focus\": {\n        ...outlineStyles,\n        borderRadius: 0,\n      },\n      \"&:focus:not(:focus-visible)\": {\n        outline: \"0 !important\",\n        boxShadow: \"none !important\",\n      },\n      ...($disabled && {\n        \"&:hover\": {\n          backgroundColor: theme.colors.atmo3,\n        },\n        \"&:focus\": {\n          backgroundColor: theme.colors.atmo3,\n          outline: \"none\",\n          boxShadow: \"none\",\n          outlineOffset: 0,\n        },\n      }),\n    },\n  })\n);\n\nexport const StyledButton = styled(HvButton)({\n  \"& .MuiButton-startIcon\": {\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    margin: 0,\n  },\n  \"& .MuiButton-textPrimary\": {\n    background: \"transparent\",\n  },\n});\n\nexport const StyledCloseXS = styled(\n  CloseXS,\n  transientOptions\n)(({ $color }: { $color: string }) => ({\n  \"& svg .color0\": {\n    fill: theme.colors[$color],\n  },\n}));\n"],"names":["StyledChip","Chip","process","env","NODE_ENV","_extends","target","transientOptions","label","$type","$disabled","$categoricalFocus","$categoricalDisabled","$base1Color","height","borderRadius","maxWidth","fontFamily","theme","body","tagClasses","focusVisible","backgroundColor","fade","colors","base1","clickable","cursor","color","acce1","outline","boxShadow","atmo3","atmo5","outlineStyles","paddingLeft","space","xs","paddingRight","typography","base2","marginRight","width","minWidth","minHeight","padding","outlineOffset","StyledButton","HvButton","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledCloseXS","CloseXS","$color","fill"],"mappings":"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"}
+{"version":3,"file":"Tag.styles.cjs","sources":["../../../../src/components/Tag/Tag.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport Chip from \"@mui/material/Chip\";\nimport { HvButton } from \"components\";\nimport { CSSProperties } from \"react\";\nimport { outlineStyles } from \"utils\";\nimport fade from \"utils/hexToRgbA\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport tagClasses from \"./tagClasses\";\n\nexport const StyledChip = styled(\n  Chip,\n  transientOptions\n)(\n  ({\n    $type,\n    $disabled,\n    $categoricalFocus,\n    $categoricalDisabled,\n    $base1Color,\n  }: {\n    $type: string;\n    $disabled: boolean;\n    $categoricalFocus: boolean;\n    $categoricalDisabled: boolean;\n    $base1Color: string;\n  }) => ({\n    \"&.MuiChip-root\": {\n      height: 16,\n      borderRadius: 0,\n      maxWidth: 180,\n      fontFamily: theme.fontFamily.body,\n\n      [`& .${tagClasses.focusVisible}`]: {\n        backgroundColor: fade(theme.colors.base1, 0.3),\n      },\n      ...($type === \"categorical\" && {\n        backgroundColor: \"red\",\n        borderRadius: 8,\n        [`&.${tagClasses.clickable}`]: {\n          cursor: \"pointer\",\n        },\n        \"&:hover\": {\n          borderRadius: 8,\n        },\n        [`& .${tagClasses.label}`]: {\n          color: theme.colors.acce1,\n        },\n        \"&:focus:not(:focus-visible)\": {\n          outline: \"0 !important\",\n          boxShadow: \"none !important\",\n        },\n      }),\n      ...($disabled && {\n        backgroundColor: theme.colors.atmo3,\n        cursor: \"not-allowed\",\n        [`& .${tagClasses.label}`]: {\n          color: theme.colors.atmo5,\n        },\n      }),\n      ...($categoricalFocus && {\n        \"&:focus\": {\n          ...outlineStyles,\n        },\n      }),\n      ...($categoricalDisabled && {\n        backgroundColor: theme.colors.atmo3,\n        cursor: \"not-allowed\",\n        [`& .${tagClasses.label}`]: {\n          color: theme.colors.atmo5,\n        },\n        \"&:hover\": {\n          backgroundColor: theme.colors.atmo3,\n        },\n        \"&:focus\": {\n          outline: \"none\",\n        },\n      }),\n    },\n\n    \"& .MuiChip-label\": {\n      paddingLeft: theme.space.xs,\n      paddingRight: theme.space.xs,\n      ...(theme.typography.caption1 as CSSProperties),\n      color: theme.colors.base2,\n      \"& p\": {\n        color: theme.colors.base2,\n      },\n    },\n\n    \"& .MuiChip-deleteIcon\": {\n      marginRight: 0,\n      width: 16,\n      height: 16,\n      minWidth: 16,\n      minHeight: 16,\n      padding: 0,\n      \"&:hover\": {\n        backgroundColor: `${$base1Color}30`,\n      },\n      \"&:focus\": {\n        ...outlineStyles,\n        borderRadius: 0,\n      },\n      \"&:focus:not(:focus-visible)\": {\n        outline: \"0 !important\",\n        boxShadow: \"none !important\",\n      },\n      ...($disabled && {\n        \"&:hover\": {\n          backgroundColor: theme.colors.atmo3,\n        },\n        \"&:focus\": {\n          backgroundColor: theme.colors.atmo3,\n          outline: \"none\",\n          boxShadow: \"none\",\n          outlineOffset: 0,\n        },\n      }),\n    },\n  })\n);\n\nexport const StyledButton = styled(HvButton)({\n  \"& .MuiButton-startIcon\": {\n    width: 16,\n    height: 16,\n    minWidth: 16,\n    minHeight: 16,\n    padding: 0,\n    margin: 0,\n  },\n  \"& .MuiButton-textPrimary\": {\n    background: \"transparent\",\n  },\n});\n\nexport const StyledCloseXS = styled(\n  CloseXS,\n  transientOptions\n)(({ $color }: { $color: string }) => ({\n  \"& svg .color0\": {\n    fill: theme.colors[$color],\n  },\n}));\n"],"names":["StyledChip","Chip","process","env","NODE_ENV","_extends","target","transientOptions","label","$type","$disabled","$categoricalFocus","$categoricalDisabled","$base1Color","height","borderRadius","maxWidth","fontFamily","theme","body","tagClasses","focusVisible","backgroundColor","fade","colors","base1","clickable","cursor","color","acce1","outline","boxShadow","atmo3","atmo5","outlineStyles","paddingLeft","space","xs","paddingRight","typography","caption1","base2","marginRight","width","minWidth","minHeight","padding","outlineOffset","StyledButton","HvButton","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledCloseXS","CloseXS","$color","fill"],"mappings":"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"}

package/dist/cjs/components/Tooltip/Tooltip.styles.cjs

@@ -9,7 +9,7 @@ const singleStyle = {
   display: "flex",
   backgroundColor: uikitStyles.theme.colors.atmo1,
   borderRadius: uikitStyles.theme.tooltip.borderRadius,
-  boxShadow: uikitStyles.theme.shadows.md,
+  boxShadow: uikitStyles.theme.colors.shadow,
   width: "fit-content",
   "& p": {
     display: "-webkit-box",
@@ -26,7 +26,7 @@ const multiStyle = {
   padding: 0,
   display: "flex",
   backgroundColor: uikitStyles.theme.colors.atmo1,
-  boxShadow: uikitStyles.theme.shadows.sm,
+  boxShadow: uikitStyles.theme.colors.shadow,
   width: "fit-content",
   "& p": {
     display: "-webkit-box",

package/dist/cjs/components/Tooltip/Tooltip.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.styles.cjs","sources":["../../../../src/components/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { tooltipClasses as MuitooltipClasses } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport tooltipClasses from \"./tooltipClasses\";\n\nexport const singleStyle = {\n  maxWidth: 532,\n  padding: \"15px 20px\",\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  borderRadius: theme.tooltip.borderRadius,\n  boxShadow: theme.shadows.md,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    wordBreak: \"break-word\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const multiStyle = {\n  maxWidth: 532,\n  padding: 0,\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.shadows.sm,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const popperSx = (useSingle: boolean) => {\n  return {\n    [`& .${MuitooltipClasses.popper}`]: {\n      opacity: 1,\n    },\n    [`& .${MuitooltipClasses.tooltip}`]: useSingle ? singleStyle : multiStyle,\n    [`& .${tooltipClasses.title}`]: {\n      padding: \"15px 20px\",\n      borderBottom: `3px solid ${theme.colors.atmo2}`,\n    },\n    [`& .${tooltipClasses.valuesContainer}`]: {\n      padding: theme.space.sm,\n    },\n    [`& .${tooltipClasses.values}`]: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      paddingBottom: \"10px\",\n      \"&:last-child\": {\n        paddingBottom: 0,\n      },\n    },\n    [`& .${tooltipClasses.color}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separator}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separatorColor}`]: {\n      width: \"5px\",\n    },\n    [`& .${tooltipClasses.valueWrapper}`]: {\n      padding: theme.space.sm,\n    },\n  };\n};\n"],"names":["singleStyle","maxWidth","padding","display","backgroundColor","theme","colors","atmo1","borderRadius","tooltip","boxShadow","shadows","md","width","boxOrient","textOverflow","overflow","wordBreak","color","acce1","multiStyle","sm","popperSx","useSingle","MuitooltipClasses","popper","opacity","tooltipClasses","title","borderBottom","atmo2","valuesContainer","space","values","justifyContent","paddingBottom","xs","separator","separatorColor","valueWrapper"],"mappings":";;;;;AAIO,MAAMA,cAAc;AAAA,EACzBC,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,cAAcH,YAAAA,MAAMI,QAAQD;AAAAA,EAC5BE,WAAWL,YAAAA,MAAMM,QAAQC;AAAAA,EACzBC,OAAO;AAAA,EACP,OAAO;AAAA,IACLV,SAAS;AAAA,IACTU,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,OAAOb,YAAAA,MAAMC,OAAOa;AAAAA,EACtB;AACF;AAEO,MAAMC,aAAa;AAAA,EACxBnB,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BG,WAAWL,YAAAA,MAAMM,QAAQU;AAAAA,EACzBR,OAAO;AAAA,EACP,OAAO;AAAA,IACLV,SAAS;AAAA,IACTU,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVE,OAAOb,YAAAA,MAAMC,OAAOa;AAAAA,EACtB;AACF;AAEaG,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,wBAAkBC,QAAQ,GAAG;AAAA,MAClCC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKF,wBAAkBf,SAAS,GAAGc,YAAYvB,cAAcoB;AAAAA,IAC/D,CAAE,MAAKO,uBAAeC,OAAO,GAAG;AAAA,MAC9B1B,SAAS;AAAA,MACT2B,cAAe,aAAYxB,YAAAA,MAAMC,OAAOwB;AAAAA,IAC1C;AAAA,IACA,CAAE,MAAKH,uBAAeI,iBAAiB,GAAG;AAAA,MACxC7B,SAASG,YAAAA,MAAM2B,MAAMX;AAAAA,IACvB;AAAA,IACA,CAAE,MAAKM,uBAAeM,QAAQ,GAAG;AAAA,MAC/B9B,SAAS;AAAA,MACT+B,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAE,MAAKR,uBAAeT,OAAO,GAAG;AAAA,MAC9BL,OAAOR,YAAAA,MAAM2B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,uBAAeU,WAAW,GAAG;AAAA,MAClCxB,OAAOR,YAAAA,MAAM2B,MAAMI;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKT,uBAAeW,gBAAgB,GAAG;AAAA,MACvCzB,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKc,uBAAeY,cAAc,GAAG;AAAA,MACrCrC,SAASG,YAAAA,MAAM2B,MAAMX;AAAAA,IACvB;AAAA,EAAA;AAEJ;;;;"}
+{"version":3,"file":"Tooltip.styles.cjs","sources":["../../../../src/components/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { tooltipClasses as MuitooltipClasses } from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport tooltipClasses from \"./tooltipClasses\";\n\nexport const singleStyle = {\n  maxWidth: 532,\n  padding: \"15px 20px\",\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  borderRadius: theme.tooltip.borderRadius,\n  boxShadow: theme.colors.shadow,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    wordBreak: \"break-word\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const multiStyle = {\n  maxWidth: 532,\n  padding: 0,\n  display: \"flex\",\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: theme.colors.shadow,\n  width: \"fit-content\",\n  \"& p\": {\n    display: \"-webkit-box\",\n    width: \"fit-content\",\n    boxOrient: \"vertical\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    color: theme.colors.acce1,\n  },\n};\n\nexport const popperSx = (useSingle: boolean) => {\n  return {\n    [`& .${MuitooltipClasses.popper}`]: {\n      opacity: 1,\n    },\n    [`& .${MuitooltipClasses.tooltip}`]: useSingle ? singleStyle : multiStyle,\n    [`& .${tooltipClasses.title}`]: {\n      padding: \"15px 20px\",\n      borderBottom: `3px solid ${theme.colors.atmo2}`,\n    },\n    [`& .${tooltipClasses.valuesContainer}`]: {\n      padding: theme.space.sm,\n    },\n    [`& .${tooltipClasses.values}`]: {\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      paddingBottom: \"10px\",\n      \"&:last-child\": {\n        paddingBottom: 0,\n      },\n    },\n    [`& .${tooltipClasses.color}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separator}`]: {\n      width: theme.space.xs,\n    },\n    [`& .${tooltipClasses.separatorColor}`]: {\n      width: \"5px\",\n    },\n    [`& .${tooltipClasses.valueWrapper}`]: {\n      padding: theme.space.sm,\n    },\n  };\n};\n"],"names":["singleStyle","maxWidth","padding","display","backgroundColor","theme","colors","atmo1","borderRadius","tooltip","boxShadow","shadow","width","boxOrient","textOverflow","overflow","wordBreak","color","acce1","multiStyle","popperSx","useSingle","MuitooltipClasses","popper","opacity","tooltipClasses","title","borderBottom","atmo2","valuesContainer","space","sm","values","justifyContent","paddingBottom","xs","separator","separatorColor","valueWrapper"],"mappings":";;;;;AAIO,MAAMA,cAAc;AAAA,EACzBC,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BC,cAAcH,YAAAA,MAAMI,QAAQD;AAAAA,EAC5BE,WAAWL,YAAAA,MAAMC,OAAOK;AAAAA,EACxBC,OAAO;AAAA,EACP,OAAO;AAAA,IACLT,SAAS;AAAA,IACTS,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVC,WAAW;AAAA,IACXC,OAAOZ,YAAAA,MAAMC,OAAOY;AAAAA,EACtB;AACF;AAEO,MAAMC,aAAa;AAAA,EACxBlB,UAAU;AAAA,EACVC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,EAC9BG,WAAWL,YAAAA,MAAMC,OAAOK;AAAAA,EACxBC,OAAO;AAAA,EACP,OAAO;AAAA,IACLT,SAAS;AAAA,IACTS,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,cAAc;AAAA,IACdC,UAAU;AAAA,IACVE,OAAOZ,YAAAA,MAAMC,OAAOY;AAAAA,EACtB;AACF;AAEaE,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,wBAAkBC,QAAQ,GAAG;AAAA,MAClCC,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKF,wBAAkBb,SAAS,GAAGY,YAAYrB,cAAcmB;AAAAA,IAC/D,CAAE,MAAKM,uBAAeC,OAAO,GAAG;AAAA,MAC9BxB,SAAS;AAAA,MACTyB,cAAe,aAAYtB,YAAAA,MAAMC,OAAOsB;AAAAA,IAC1C;AAAA,IACA,CAAE,MAAKH,uBAAeI,iBAAiB,GAAG;AAAA,MACxC3B,SAASG,YAAAA,MAAMyB,MAAMC;AAAAA,IACvB;AAAA,IACA,CAAE,MAAKN,uBAAeO,QAAQ,GAAG;AAAA,MAC/B7B,SAAS;AAAA,MACT8B,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,CAAE,MAAKT,uBAAeR,OAAO,GAAG;AAAA,MAC9BL,OAAOP,YAAAA,MAAMyB,MAAMK;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKV,uBAAeW,WAAW,GAAG;AAAA,MAClCxB,OAAOP,YAAAA,MAAMyB,MAAMK;AAAAA,IACrB;AAAA,IACA,CAAE,MAAKV,uBAAeY,gBAAgB,GAAG;AAAA,MACvCzB,OAAO;AAAA,IACT;AAAA,IACA,CAAE,MAAKa,uBAAea,cAAc,GAAG;AAAA,MACrCpC,SAASG,YAAAA,MAAMyB,MAAMC;AAAAA,IACvB;AAAA,EAAA;AAEJ;;;;"}

package/dist/cjs/components/VerticalNavigation/Actions/Action.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const React = require("react");
-const VerticalNavigation = require("../VerticalNavigation.cjs");
 const Action_styles = require("./Action.styles.cjs");
 const actionClasses = require("./actionClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
 const keyCheck = require("../../../utils/keyboardUtils/keyCheck.cjs");
 const keyboardCodes = require("../../../utils/keyboardUtils/keyboardCodes.cjs");
 const setId = require("../../../utils/setId.cjs");
@@ -22,7 +22,7 @@ const HvVerticalNavigationAction = ({
 }) => {
   const {
     isOpen
-  } = React.useContext(VerticalNavigation.VerticalNavigationContext);
+  } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
   const handleKeyDown = React.useCallback((event) => {
     if (onClick == null || !keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.Enter) && !keyCheck.isKeypress(event, keyboardCodes.keyboardCodes.SpaceBar)) {
       return;

package/dist/cjs/components/VerticalNavigation/Actions/Action.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Action.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { MouseEventHandler, useCallback, useContext } from \"react\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { VerticalNavigationContext } from \"../VerticalNavigation\";\nimport { StyledAction } from \"./Action.styles\";\nimport actionClasses, {\n  HvVerticalNavigationActionClasses,\n} from \"./actionClasses\";\n\nexport const HvVerticalNavigationAction = ({\n  className,\n  classes,\n  id,\n  label = \"\",\n  icon,\n  onClick,\n  ...others\n}: HvVerticalNavigationActionProps) => {\n  const { isOpen } = useContext(VerticalNavigationContext);\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKeypress(event, keyboardCodes.Enter) &&\n          !isKeypress(event, keyboardCodes.SpaceBar))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <StyledAction\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={clsx(\n        className,\n        actionClasses.action,\n        classes?.action,\n        !icon && clsx(actionClasses.noIcon, classes?.noIcon),\n        !isOpen && clsx(actionClasses.minimized, classes?.action)\n      )}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {isOpen && label}\n    </StyledAction>\n  );\n};\n\nexport type HvVerticalNavigationActionProps = {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionClasses;\n  /**\n   * Id to be applied to the action.\n   */\n  id?: string;\n  /**\n   * Visual label.\n   */\n  label?: string;\n  /**\n   * Icon.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Callback called when clicked.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n};\n"],"names":["HvVerticalNavigationAction","className","classes","id","label","icon","onClick","others","isOpen","useContext","VerticalNavigationContext","handleKeyDown","useCallback","event","isKeypress","keyboardCodes","Enter","SpaceBar","StyledAction","setId","component","role","clsx","actionClasses","action","noIcon","minimized","tabIndex","onKeyDown","children"],"mappings":";;;;;;;;;;;;;AASO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAWC,MAAAA,WAAWC,mBAAAA,yBAAyB;AAEjDC,QAAAA,gBAAgBC,kBACnBC,CAAU,UAAA;AACT,QACEP,WAAW,QACV,CAACQ,SAAAA,WAAWD,OAAOE,cAAAA,cAAcC,KAAK,KACrC,CAACF,SAAAA,WAAWD,OAAOE,cAAAA,cAAcE,QAAQ,GAC3C;AACA;AAAA,IACF;AAEAX,YAAQO,KAAK;AAAA,EAAA,GAEf,CAACP,OAAO,CAAC;AAGX,yCACGY,cAAAA,cAAY;AAAA,IACXf,IAAIgB,MAAAA,MAAMhB,IAAI,QAAQ;AAAA,IACtBiB,WAAU;AAAA,IACVC,MAAK;AAAA,IACLpB,WAAWqB,cAAAA,QACTrB,WACAsB,sBAAcC,QACdtB,mCAASsB,QACT,CAACnB,QAAQiB,sBAAKC,cAAAA,QAAcE,QAAQvB,mCAASuB,MAAM,GACnD,CAACjB,UAAUc,sBAAKC,cAAAA,QAAcG,WAAWxB,mCAASsB,MAAM,CAAC;AAAA,IAE3DG,UAAU;AAAA,IACVC,WAAWjB;AAAAA,IACXL;AAAAA,IAAiB,GACbC;AAAAA,IAAMsB,UAETxB,CAAAA,MACAG,UAAUJ,KAAK;AAAA,EAAA,CACH;AAEnB;;"}
+{"version":3,"file":"Action.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { MouseEventHandler, useCallback, useContext } from \"react\";\nimport { isKeypress, keyboardCodes, setId } from \"utils\";\nimport { VerticalNavigationContext } from \"../\";\nimport { StyledAction } from \"./Action.styles\";\nimport actionClasses, {\n  HvVerticalNavigationActionClasses,\n} from \"./actionClasses\";\n\nexport type HvVerticalNavigationActionProps = {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionClasses;\n  /**\n   * Id to be applied to the action.\n   */\n  id?: string;\n  /**\n   * Visual label.\n   */\n  label?: string;\n  /**\n   * Icon.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Callback called when clicked.\n   */\n  onClick?: MouseEventHandler<HTMLElement>;\n};\n\nexport const HvVerticalNavigationAction = ({\n  className,\n  classes,\n  id,\n  label = \"\",\n  icon,\n  onClick,\n  ...others\n}: HvVerticalNavigationActionProps) => {\n  const { isOpen } = useContext(VerticalNavigationContext);\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKeypress(event, keyboardCodes.Enter) &&\n          !isKeypress(event, keyboardCodes.SpaceBar))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <StyledAction\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={clsx(\n        className,\n        actionClasses.action,\n        classes?.action,\n        !icon && clsx(actionClasses.noIcon, classes?.noIcon),\n        !isOpen && clsx(actionClasses.minimized, classes?.action)\n      )}\n      tabIndex={0}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {isOpen && label}\n    </StyledAction>\n  );\n};\n"],"names":["HvVerticalNavigationAction","className","classes","id","label","icon","onClick","others","isOpen","useContext","VerticalNavigationContext","handleKeyDown","useCallback","event","isKeypress","keyboardCodes","Enter","SpaceBar","StyledAction","setId","component","role","clsx","actionClasses","action","noIcon","minimized","tabIndex","onKeyDown","children"],"mappings":";;;;;;;;;;;;;AAoCO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAWC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAEjDC,QAAAA,gBAAgBC,kBACnBC,CAAU,UAAA;AACT,QACEP,WAAW,QACV,CAACQ,SAAAA,WAAWD,OAAOE,cAAAA,cAAcC,KAAK,KACrC,CAACF,SAAAA,WAAWD,OAAOE,cAAAA,cAAcE,QAAQ,GAC3C;AACA;AAAA,IACF;AAEAX,YAAQO,KAAK;AAAA,EAAA,GAEf,CAACP,OAAO,CAAC;AAGX,yCACGY,cAAAA,cAAY;AAAA,IACXf,IAAIgB,MAAAA,MAAMhB,IAAI,QAAQ;AAAA,IACtBiB,WAAU;AAAA,IACVC,MAAK;AAAA,IACLpB,WAAWqB,cAAAA,QACTrB,WACAsB,sBAAcC,QACdtB,mCAASsB,QACT,CAACnB,QAAQiB,sBAAKC,cAAAA,QAAcE,QAAQvB,mCAASuB,MAAM,GACnD,CAACjB,UAAUc,sBAAKC,cAAAA,QAAcG,WAAWxB,mCAASsB,MAAM,CAAC;AAAA,IAE3DG,UAAU;AAAA,IACVC,WAAWjB;AAAAA,IACXL;AAAAA,IAAiB,GACbC;AAAAA,IAAMsB,UAETxB,CAAAA,MACAG,UAAUJ,KAAK;AAAA,EAAA,CACH;AAEnB;;"}

package/dist/cjs/components/VerticalNavigation/Actions/Actions.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const clsx = require("clsx");
 const React = require("react");
-const VerticalNavigation = require("../VerticalNavigation.cjs");
 const Actions_styles = require("./Actions.styles.cjs");
 const actionsClasses = require("./actionsClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvVerticalNavigationActions = ({
@@ -18,7 +18,7 @@ const HvVerticalNavigationActions = ({
   const {
     isOpen,
     collapsedMode
-  } = React.useContext(VerticalNavigation.VerticalNavigationContext);
+  } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
   return /* @__PURE__ */ jsxRuntime.jsx(Actions_styles.StyledRoot, {
     id,
     className: clsx__default.default(className, actionsClasses.default.root, classes == null ? void 0 : classes.root, !isOpen && collapsedMode == "simple" && clsx__default.default(actionsClasses.default.hide, classes == null ? void 0 : classes.hide)),

package/dist/cjs/components/VerticalNavigation/Actions/Actions.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { VerticalNavigationContext } from \"../VerticalNavigation\";\nimport { StyledRoot } from \"./Actions.styles\";\nimport actionsClasses, {\n  HvVerticalNavigationActionsClasses,\n} from \"./actionsClasses\";\n\nexport const HvVerticalNavigationActions = ({\n  className,\n  classes,\n  id,\n  children,\n  ...others\n}: HvVerticalNavigationActionsProps) => {\n  const { isOpen, collapsedMode } = useContext(VerticalNavigationContext);\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        actionsClasses.root,\n        classes?.root,\n        !isOpen &&\n          collapsedMode == \"simple\" &&\n          clsx(actionsClasses.hide, classes?.hide)\n      )}\n      {...others}\n    >\n      {children}\n    </StyledRoot>\n  );\n};\n\nexport type HvVerticalNavigationActionsProps = {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionsClasses;\n  /**\n   * Id to be applied to the actions container.\n   */\n  id?: string;\n  /**\n   * Node to be rendered\n   */\n  children?: React.ReactNode;\n};\n"],"names":["HvVerticalNavigationActions","className","classes","id","children","others","isOpen","collapsedMode","useContext","VerticalNavigationContext","StyledRoot","clsx","actionsClasses","root","hide"],"mappings":";;;;;;;;;;AAQO,MAAMA,8BAA8BA,CAAC;AAAA,EAC1CC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC6B,MAAM;AAChC,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,EAAAA,IAAkBC,MAAAA,WAAWC,mBAAAA,yBAAyB;AAEtE,wCACGC,eAAAA,YAAU;AAAA,IACTP;AAAAA,IACAF,WAAWU,cACTV,QAAAA,WACAW,eAAeC,QAAAA,MACfX,mCAASW,MACT,CAACP,UACCC,iBAAiB,YACjBI,sBAAKC,eAAAA,QAAeE,MAAMZ,mCAASY,IAAI,CAAC;AAAA,IAC1C,GACET;AAAAA,IAAMD;AAAAA,EAAAA,CAGC;AAEjB;;"}
+{"version":3,"file":"Actions.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useContext } from \"react\";\nimport { VerticalNavigationContext } from \"../\";\nimport { StyledRoot } from \"./Actions.styles\";\nimport actionsClasses, {\n  HvVerticalNavigationActionsClasses,\n} from \"./actionsClasses\";\n\nexport type HvVerticalNavigationActionsProps = {\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationActionsClasses;\n  /**\n   * Id to be applied to the actions container.\n   */\n  id?: string;\n  /**\n   * Node to be rendered\n   */\n  children?: React.ReactNode;\n};\n\nexport const HvVerticalNavigationActions = ({\n  className,\n  classes,\n  id,\n  children,\n  ...others\n}: HvVerticalNavigationActionsProps) => {\n  const { isOpen, collapsedMode } = useContext(VerticalNavigationContext);\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(\n        className,\n        actionsClasses.root,\n        classes?.root,\n        !isOpen &&\n          collapsedMode == \"simple\" &&\n          clsx(actionsClasses.hide, classes?.hide)\n      )}\n      {...others}\n    >\n      {children}\n    </StyledRoot>\n  );\n};\n"],"names":["HvVerticalNavigationActions","className","classes","id","children","others","isOpen","collapsedMode","useContext","VerticalNavigationContext","StyledRoot","clsx","actionsClasses","root","hide"],"mappings":";;;;;;;;;;AA2BO,MAAMA,8BAA8BA,CAAC;AAAA,EAC1CC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC6B,MAAM;AAChC,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,EAAAA,IAAkBC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAEtE,wCACGC,eAAAA,YAAU;AAAA,IACTP;AAAAA,IACAF,WAAWU,cACTV,QAAAA,WACAW,eAAeC,QAAAA,MACfX,mCAASW,MACT,CAACP,UACCC,iBAAiB,YACjBI,sBAAKC,eAAAA,QAAeE,MAAMZ,mCAASY,IAAI,CAAC;AAAA,IAC1C,GACET;AAAAA,IAAMD;AAAAA,EAAAA,CAGC;AAEjB;;"}

package/dist/cjs/components/VerticalNavigation/Header/Header.cjs

@@ -3,40 +3,59 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const clsx = require("clsx");
 const React = require("react");
-const VerticalNavigation = require("../VerticalNavigation.cjs");
+const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
 const Header_styles = require("./Header.styles.cjs");
 const headerClasses = require("./headerClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Typography = require("../../Typography/Typography.cjs");
 const Button = require("../../Button/Button.cjs");
+const Typography = require("../../Typography/Typography.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvVerticalNavigationHeader = ({
   title,
   openIcon = /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, {}),
   closeIcon = /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, {}),
-  buttonProps,
+  collapseButtonProps,
+  backButtonProps,
   className,
   classes,
-  onClick,
+  onCollapseButtonClick,
   ...others
 }) => {
   const {
     isOpen,
-    collapsedMode
-  } = React.useContext(VerticalNavigation.VerticalNavigationContext);
+    collapsedMode,
+    headerTitle,
+    slider,
+    navigateToParentHandler
+  } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
   openIcon = collapsedMode === "simple" ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Menu, {}) : openIcon;
+  const backButtonClickHandler = () => {
+    if (navigateToParentHandler)
+      navigateToParentHandler();
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(Header_styles.StyledHeader, {
     className: clsx__default.default(className, headerClasses.default.root, classes == null ? void 0 : classes.root, !isOpen && clsx__default.default(headerClasses.default.minimized, classes == null ? void 0 : classes.minimized)),
     ...others,
-    children: [isOpen && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-      variant: "title3",
-      children: title
-    }), /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+    children: [isOpen && headerTitle && slider && /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
+      icon: true,
+      variant: "secondaryGhost",
+      onClick: backButtonClickHandler,
+      ...backButtonProps,
+      children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, {
+        iconSize: "XS"
+      })
+    }), isOpen && /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+      variant: slider ? "label" : "title3",
+      children: headerTitle && slider ? headerTitle : title
+    }), onCollapseButtonClick && /* @__PURE__ */ jsxRuntime.jsx(Header_styles.StyledCollapseButton, {
       icon: true,
       variant: "secondaryGhost",
-      onClick,
-      ...buttonProps,
+      onClick: onCollapseButtonClick,
+      classes: {
+        root: isOpen ? "" : headerClasses.default.minimized
+      },
+      ...collapseButtonProps,
       children: isOpen ? closeIcon : openIcon
     })]
   });

package/dist/cjs/components/VerticalNavigation/Header/Header.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.cjs","sources":["../../../../../src/components/VerticalNavigation/Header/Header.tsx"],"sourcesContent":["import { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { HvButton, HvButtonProps, HvTypography } from \"components\";\nimport { MouseEventHandler, useContext } from \"react\";\nimport { VerticalNavigationContext } from \"../VerticalNavigation\";\nimport { StyledHeader } from \"./Header.styles\";\nimport verticalNavigationHeaderClasses, {\n  HvVerticalNavigationHeaderClasses,\n} from \"./headerClasses\";\n\nexport type HvVerticalNavigationHeaderProps = {\n  id?;\n  title?;\n  openIcon?: React.ReactNode;\n  closeIcon?: React.ReactNode;\n  buttonProps?: HvButtonProps;\n  className?: string;\n  classes?: HvVerticalNavigationHeaderClasses;\n  onClick?: MouseEventHandler<HTMLElement>;\n};\n\nexport const HvVerticalNavigationHeader = ({\n  title,\n  openIcon = <Forwards />,\n  closeIcon = <Backwards />,\n  buttonProps,\n\n  className,\n  classes,\n  onClick,\n  ...others\n}: HvVerticalNavigationHeaderProps) => {\n  const { isOpen, collapsedMode } = useContext(VerticalNavigationContext);\n\n  openIcon = collapsedMode === \"simple\" ? <Menu /> : openIcon;\n\n  return (\n    <StyledHeader\n      className={clsx(\n        className,\n        verticalNavigationHeaderClasses.root,\n        classes?.root,\n        !isOpen &&\n          clsx(verticalNavigationHeaderClasses.minimized, classes?.minimized)\n      )}\n      {...others}\n    >\n      {isOpen && <HvTypography variant=\"title3\">{title}</HvTypography>}\n      <HvButton\n        icon\n        variant=\"secondaryGhost\"\n        onClick={onClick}\n        {...buttonProps}\n      >\n        {isOpen ? closeIcon : openIcon}\n      </HvButton>\n    </StyledHeader>\n  );\n};\n"],"names":["HvVerticalNavigationHeader","title","openIcon","_jsx","Forwards","closeIcon","Backwards","buttonProps","className","classes","onClick","others","isOpen","collapsedMode","useContext","VerticalNavigationContext","Menu","StyledHeader","clsx","verticalNavigationHeaderClasses","root","minimized","children","HvTypography","variant","HvButton","icon"],"mappings":";;;;;;;;;;;;;AAqBO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,WAAWC,2BAAAA,IAACC,gBAAW,UAAA,EAAA;AAAA,EACvBC,YAAYF,2BAAAA,IAACG,gBAAY,WAAA,EAAA;AAAA,EACzBC;AAAAA,EAEAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IAAEC;AAAAA,IAAQC;AAAAA,EAAAA,IAAkBC,MAAAA,WAAWC,mBAAAA,yBAAyB;AAEtEb,aAAWW,kBAAkB,WAAWV,2BAAAA,IAACa,gBAAAA,MAAO,CAAA,CAAA,IAAGd;AAEnD,yCACGe,cAAAA,cAAY;AAAA,IACXT,WAAWU,cAAAA,QACTV,WACAW,cAAAA,QAAgCC,MAChCX,mCAASW,MACT,CAACR,UACCM,cAAKC,QAAAA,cAAAA,QAAgCE,WAAWZ,mCAASY,SAAS,CAAC;AAAA,IACrE,GACEV;AAAAA,IAAMW,UAETV,CAAAA,UAAUT,2BAAAA,IAACoB,yBAAY;AAAA,MAACC,SAAQ;AAAA,MAAQF,UAAErB;AAAAA,IAAAA,CAAqB,GAChEE,2BAAAA,IAACsB,iBAAQ;AAAA,MACPC,MAAI;AAAA,MACJF,SAAQ;AAAA,MACRd;AAAAA,MAAiB,GACbH;AAAAA,MAAWe,UAEdV,SAASP,YAAYH;AAAAA,IAAAA,CACb,CAAA;AAAA,EAAA,CACE;AAEnB;;"}
+{"version":3,"file":"Header.cjs","sources":["../../../../../src/components/VerticalNavigation/Header/Header.tsx"],"sourcesContent":["import { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { HvButton, HvButtonProps, HvTypography } from \"components\";\nimport { MouseEventHandler, useContext } from \"react\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { StyledCollapseButton, StyledHeader } from \"./Header.styles\";\nimport verticalNavigationHeaderClasses, {\n  HvVerticalNavigationHeaderClasses,\n} from \"./headerClasses\";\n\nexport type HvVerticalNavigationHeaderProps = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The title text to show on Header.\n   */\n  title?: string;\n  /**\n   * Icon to show when Vertical Navigation is collapsed.\n   */\n  openIcon?: React.ReactNode;\n  /**\n   * Icon to show when Vertical Navigation is expanded.\n   */\n  closeIcon?: React.ReactNode;\n  /**\n   * Props for the collapse button.\n   */\n  collapseButtonProps?: HvButtonProps;\n  /**\n   * Props for the back button.\n   */\n  backButtonProps?: HvButtonProps;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationHeaderClasses;\n  /**\n   * Handler for the collapse button.\n   */\n  onCollapseButtonClick?: MouseEventHandler<HTMLElement>;\n};\n\nexport const HvVerticalNavigationHeader = ({\n  title,\n  openIcon = <Forwards />,\n  closeIcon = <Backwards />,\n  collapseButtonProps,\n  backButtonProps,\n  className,\n  classes,\n  onCollapseButtonClick,\n  ...others\n}: HvVerticalNavigationHeaderProps) => {\n  const {\n    isOpen,\n    collapsedMode,\n    headerTitle,\n    slider,\n    navigateToParentHandler,\n  } = useContext(VerticalNavigationContext);\n\n  openIcon = collapsedMode === \"simple\" ? <Menu /> : openIcon;\n\n  const backButtonClickHandler = () => {\n    if (navigateToParentHandler) navigateToParentHandler();\n  };\n\n  return (\n    <StyledHeader\n      className={clsx(\n        className,\n        verticalNavigationHeaderClasses.root,\n        classes?.root,\n        !isOpen &&\n          clsx(verticalNavigationHeaderClasses.minimized, classes?.minimized)\n      )}\n      {...others}\n    >\n      {isOpen && headerTitle && slider && (\n        <HvButton\n          icon\n          variant=\"secondaryGhost\"\n          onClick={backButtonClickHandler}\n          {...backButtonProps}\n        >\n          <Backwards iconSize=\"XS\" />\n        </HvButton>\n      )}\n      {isOpen && (\n        <HvTypography variant={slider ? \"label\" : \"title3\"}>\n          {headerTitle && slider ? headerTitle : title}\n        </HvTypography>\n      )}\n      {onCollapseButtonClick && (\n        <StyledCollapseButton\n          icon\n          variant=\"secondaryGhost\"\n          onClick={onCollapseButtonClick}\n          classes={{\n            root: isOpen ? \"\" : verticalNavigationHeaderClasses.minimized,\n          }}\n          {...collapseButtonProps}\n        >\n          {isOpen ? closeIcon : openIcon}\n        </StyledCollapseButton>\n      )}\n    </StyledHeader>\n  );\n};\n"],"names":["HvVerticalNavigationHeader","title","openIcon","_jsx","Forwards","closeIcon","Backwards","collapseButtonProps","backButtonProps","className","classes","onCollapseButtonClick","others","isOpen","collapsedMode","headerTitle","slider","navigateToParentHandler","useContext","VerticalNavigationContext","Menu","backButtonClickHandler","StyledHeader","clsx","verticalNavigationHeaderClasses","root","minimized","children","HvButton","icon","variant","onClick","iconSize","HvTypography","StyledCollapseButton"],"mappings":";;;;;;;;;;;;;AAiDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,WAAWC,2BAAAA,IAACC,gBAAW,UAAA,EAAA;AAAA,EACvBC,YAAYF,2BAAAA,IAACG,gBAAY,WAAA,EAAA;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAExCjB,aAAWY,kBAAkB,WAAWX,2BAAAA,IAACiB,gBAAAA,MAAO,CAAA,CAAA,IAAGlB;AAEnD,QAAMmB,yBAAyBA,MAAM;AAC/BJ,QAAAA;AAAkD;EAAA;AAGxD,yCACGK,cAAAA,cAAY;AAAA,IACXb,WAAWc,cAAAA,QACTd,WACAe,cAAAA,QAAgCC,MAChCf,mCAASe,MACT,CAACZ,UACCU,cAAKC,QAAAA,cAAAA,QAAgCE,WAAWhB,mCAASgB,SAAS,CAAC;AAAA,IACrE,GACEd;AAAAA,IAAMe,UAAA,CAETd,UAAUE,eAAeC,yCACvBY,OAAAA,UAAQ;AAAA,MACPC,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,SAASV;AAAAA,MAAuB,GAC5Bb;AAAAA,MAAemB,yCAElBrB,2BAAS;AAAA,QAAC0B,UAAS;AAAA,MAAA,CAAI;AAAA,IAAA,CAAG,GAG9BnB,UACCV,2BAAAA,IAAC8B,yBAAY;AAAA,MAACH,SAASd,SAAS,UAAU;AAAA,MAASW,UAChDZ,eAAeC,SAASD,cAAcd;AAAAA,IAAAA,CAAK,GAG/CU,yBACCR,2BAAAA,IAAC+B,oCAAoB;AAAA,MACnBL,MAAI;AAAA,MACJC,SAAQ;AAAA,MACRC,SAASpB;AAAAA,MACTD,SAAS;AAAA,QACPe,MAAMZ,SAAS,KAAKW,cAAAA,QAAgCE;AAAAA,MACtD;AAAA,MAAE,GACEnB;AAAAA,MAAmBoB,UAEtBd,SAASR,YAAYH;AAAAA,IAAAA,CAEzB,CAAA;AAAA,EAAA,CACY;AAEnB;;"}

package/dist/cjs/components/VerticalNavigation/Header/Header.styles.cjs

@@ -2,22 +2,35 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const _styled = require("@emotion/styled/base");
 const headerClasses = require("./headerClasses.cjs");
+const Button = require("../../Button/Button.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
 const StyledHeader = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e1arrhkt0"
+  target: "e1arrhkt1"
 } : {
-  target: "e1arrhkt0",
+  target: "e1arrhkt1",
   label: "StyledHeader"
 })({
   width: "100%",
   display: "flex",
   marginTop: "12px",
-  justifyContent: "space-between",
+  alignItems: "center",
   [`&.${headerClasses.default.minimized}`]: {
     justifyContent: "center",
     paddingRight: 0
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi9oZWFkZXJDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW5Ub3A6IFwiMTJweFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG5cbiAgW2AmLiR7dmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nUmlnaHQ6IDAsXG4gIH0sXG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9WZXJ0aWNhbE5hdmlnYXRpb24vSGVhZGVyL0hlYWRlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBIdkJ1dHRvbiB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5pbXBvcnQgdmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3NlcyBmcm9tIFwiLi9oZWFkZXJDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBtYXJnaW5Ub3A6IFwiMTJweFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuXG4gIFtgJi4ke3ZlcnRpY2FsTmF2aWdhdGlvbkhlYWRlckNsYXNzZXMubWluaW1pemVkfWBdOiB7XG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgcGFkZGluZ1JpZ2h0OiAwLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb2xsYXBzZUJ1dHRvbiA9IHN0eWxlZChIdkJ1dHRvbikoe1xuICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcblxuICBbYCYuJHt2ZXJ0aWNhbE5hdmlnYXRpb25IZWFkZXJDbGFzc2VzLm1pbmltaXplZH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IDAsXG4gIH0sXG59KTtcbiJdfQ== */");
+const StyledCollapseButton = /* @__PURE__ */ _styled__default.default(Button.HvButton, process.env.NODE_ENV === "production" ? {
+  target: "e1arrhkt0"
+} : {
+  target: "e1arrhkt0",
+  label: "StyledCollapseButton"
+})({
+  marginLeft: "auto",
+  [`&.${headerClasses.default.minimized}`]: {
+    marginLeft: 0
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVmVydGljYWxOYXZpZ2F0aW9uL0hlYWRlci9IZWFkZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZCdXR0b24gfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHZlcnRpY2FsTmF2aWdhdGlvbkhlYWRlckNsYXNzZXMgZnJvbSBcIi4vaGVhZGVyQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgbWFyZ2luVG9wOiBcIjEycHhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcblxuICBbYCYuJHt2ZXJ0aWNhbE5hdmlnYXRpb25IZWFkZXJDbGFzc2VzLm1pbmltaXplZH1gXToge1xuICAgIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICAgIHBhZGRpbmdSaWdodDogMCxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29sbGFwc2VCdXR0b24gPSBzdHlsZWQoSHZCdXR0b24pKHtcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG5cbiAgW2AmLiR7dmVydGljYWxOYXZpZ2F0aW9uSGVhZGVyQ2xhc3Nlcy5taW5pbWl6ZWR9YF06IHtcbiAgICBtYXJnaW5MZWZ0OiAwLFxuICB9LFxufSk7XG4iXX0= */");
+exports.StyledCollapseButton = StyledCollapseButton;
 exports.StyledHeader = StyledHeader;
 //# sourceMappingURL=Header.styles.cjs.map

package/dist/cjs/components/VerticalNavigation/Header/Header.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Header.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport verticalNavigationHeaderClasses from \"./headerClasses\";\n\nexport const StyledHeader = styled(\"div\")({\n  width: \"100%\",\n  display: \"flex\",\n  marginTop: \"12px\",\n  justifyContent: \"space-between\",\n\n  [`&.${verticalNavigationHeaderClasses.minimized}`]: {\n    justifyContent: \"center\",\n    paddingRight: 0,\n  },\n});\n"],"names":["StyledHeader","_styled","process","env","NODE_ENV","target","label","width","display","marginTop","justifyContent","verticalNavigationHeaderClasses","minimized","paddingRight"],"mappings":";;;;;;AAGO,MAAMA,eAAsBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACxCC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,WAAW;AAAA,EACXC,gBAAgB;AAAA,EAEhB,CAAE,KAAIC,sBAAgCC,WAAW,GAAG;AAAA,IAClDF,gBAAgB;AAAA,IAChBG,cAAc;AAAA,EAChB;AACF,GAACX,QAAAC,IAAAC,aAAC,eAAA,KAAA,igCAAA;;"}
+{"version":3,"file":"Header.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Header/Header.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvButton } from \"components\";\nimport verticalNavigationHeaderClasses from \"./headerClasses\";\n\nexport const StyledHeader = styled(\"div\")({\n  width: \"100%\",\n  display: \"flex\",\n  marginTop: \"12px\",\n  alignItems: \"center\",\n\n  [`&.${verticalNavigationHeaderClasses.minimized}`]: {\n    justifyContent: \"center\",\n    paddingRight: 0,\n  },\n});\n\nexport const StyledCollapseButton = styled(HvButton)({\n  marginLeft: \"auto\",\n\n  [`&.${verticalNavigationHeaderClasses.minimized}`]: {\n    marginLeft: 0,\n  },\n});\n"],"names":["StyledHeader","_styled","process","env","NODE_ENV","target","label","width","display","marginTop","alignItems","verticalNavigationHeaderClasses","minimized","justifyContent","paddingRight","StyledCollapseButton","HvButton","marginLeft"],"mappings":";;;;;;;AAIO,MAAMA,eAAsBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACxCC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,WAAW;AAAA,EACXC,YAAY;AAAA,EAEZ,CAAE,KAAIC,sBAAgCC,WAAW,GAAG;AAAA,IAClDC,gBAAgB;AAAA,IAChBC,cAAc;AAAA,EAChB;AACF,GAACZ,QAAAC,IAAAC,aAAC,eAAA,KAAA,ixCAAA;AAEK,MAAMW,uBAA8BC,iCAAAA,QAAAA,OAAAA,UAAQd,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACnDW,YAAY;AAAA,EAEZ,CAAE,KAAIN,sBAAgCC,WAAW,GAAG;AAAA,IAClDK,YAAY;AAAA,EACd;AACF,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,ixCAAA;;;"}

package/dist/cjs/components/VerticalNavigation/Navigation/Navigation.cjs

@@ -4,8 +4,9 @@ const React = require("react");
 const clsx = require("clsx");
 const navigationClasses = require("./navigationClasses.cjs");
 const Navigation_styles = require("./Navigation.styles.cjs");
-const VerticalNavigation = require("../VerticalNavigation.cjs");
+const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const NavigationSlider = require("../NavigationSlider/NavigationSlider.cjs");
 const TreeView = require("../TreeView/TreeView.cjs");
 const TreeViewItem = require("../TreeView/TreeViewItem.cjs");
 const useControlled = require("../../../hooks/useControlled.cjs");
@@ -109,14 +110,36 @@ const HvVerticalNavigationTree = ({
   }, [onToggle, setExpanded]);
   const {
     isOpen,
-    collapsedMode
-  } = React.useContext(VerticalNavigation.VerticalNavigationContext);
+    collapsedMode,
+    slider,
+    parentItem,
+    withParentData,
+    navigateToChildHandler,
+    setParentData,
+    setParentSelected
+  } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
   const children = React.useMemo(() => data && createListHierarchy(data, id, classes), [classes, data, id]);
+  React.useEffect(() => {
+    if (setParentSelected)
+      setParentSelected(selected);
+  }, [selected, setSelected]);
+  React.useEffect(() => {
+    if (setParentData)
+      setParentData(data);
+  }, [data]);
+  const navigateToTargetHandler = (event, selectedItem) => {
+    handleChange(event, selectedItem.id, selectedItem);
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(Navigation_styles.StyledNav, {
     id,
     className: clsx__default.default(className, navigationClasses.default.root, classes == null ? void 0 : classes.root, !isOpen && collapsedMode == "simple" && clsx__default.default(navigationClasses.default.collapsed, classes == null ? void 0 : classes.collapsed)),
     ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsx(TreeView.HvVerticalNavigationTreeView, {
+    children: slider ? /* @__PURE__ */ jsxRuntime.jsx(NavigationSlider.HvVerticalNavigationSlider, {
+      data: parentItem.data || withParentData,
+      selected,
+      onNavigateToTarget: navigateToTargetHandler,
+      onNavigateToChild: navigateToChildHandler
+    }) : /* @__PURE__ */ jsxRuntime.jsx(TreeView.HvVerticalNavigationTreeView, {
       id: setId.setId(id, "tree"),
       className: clsx__default.default(navigationClasses.default.list, classes == null ? void 0 : classes.list),
       selectable: true,