@hitachivantara/uikit-react-core 5.39.0 → 5.39.2

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.styles.cjs","sources":["../../../../src/components/Typography/Typography.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvTypography\", {\n  root: {\n    fontFamily: theme.fontFamily.body,\n  },\n  disabled: {\n    color: theme.colors.secondary_60,\n  },\n  isLink: {\n    color: theme.colors.primary,\n    textDecoration: \"underline\",\n  },\n  noWrap: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  // variants\n  display: { ...theme.typography.display },\n  title1: { ...theme.typography.title1 },\n  title2: { ...theme.typography.title2 },\n  title3: { ...theme.typography.title3 },\n  title4: { ...theme.typography.title4 },\n  body: { ...theme.typography.body },\n  label: { ...theme.typography.label },\n  caption1: { ...theme.typography.caption1 },\n  caption2: { ...theme.typography.caption2 },\n  // legacy variants\n  \"5xlTitle\": { ...theme.typography[\"5xlTitle\"] },\n  \"4xlTitle\": { ...theme.typography[\"4xlTitle\"] },\n  \"3xlTitle\": { ...theme.typography[\"3xlTitle\"] },\n  xxlTitle: { ...theme.typography.xxlTitle },\n  xlTitle: {},\n  lTitle: { ...theme.typography.lTitle },\n  mTitle: {},\n  sTitle: { ...theme.typography.sTitle },\n  xsTitle: {},\n  xxsTitle: { ...theme.typography.xxsTitle },\n  sectionTitle: {\n    ...theme.typography.sectionTitle,\n    textTransform: \"uppercase\",\n  },\n  highlightText: {},\n  normalText: {},\n  placeholderText: { ...theme.typography.placeholderText },\n  link: {\n    ...theme.typography.link,\n    cursor: \"pointer\",\n    textDecoration: \"underline\",\n  },\n  disabledText: { ...theme.typography.disabledText },\n  selectedNavText: { ...theme.typography.selectedNavText },\n  vizText: {},\n  vizTextDisabled: { ...theme.typography.vizTextDisabled },\n  xsInlineLink: { ...theme.typography.xsInlineLink },\n});\n"],"names":["useClasses","staticClasses","createClasses","root","fontFamily","theme","body","disabled","color","colors","secondary_60","isLink","primary","textDecoration","noWrap","overflow","textOverflow","whiteSpace","display","typography","title1","title2","title3","title4","label","caption1","caption2","xxlTitle","xlTitle","lTitle","mTitle","sTitle","xsTitle","xxsTitle","sectionTitle","textTransform","highlightText","normalText","placeholderText","link","cursor","disabledText","selectedNavText","vizText","vizTextDisabled","xsInlineLink"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,QAAAA,cAAc,gBAAgB;AAAA,EACzEC,MAAM;AAAA,IACJC,YAAYC,YAAAA,MAAMD,WAAWE;AAAAA,EAC/B;AAAA,EACAC,UAAU;AAAA,IACRC,OAAOH,YAAAA,MAAMI,OAAOC;AAAAA,EACtB;AAAA,EACAC,QAAQ;AAAA,IACNH,OAAOH,YAAAA,MAAMI,OAAOG;AAAAA,IACpBC,gBAAgB;AAAA,EAClB;AAAA,EACAC,QAAQ;AAAA,IACNC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AAAA;AAAA,EAEAC,SAAS;AAAA,IAAE,GAAGb,YAAAA,MAAMc,WAAWD;AAAAA,EAAQ;AAAA,EACvCE,QAAQ;AAAA,IAAE,GAAGf,YAAAA,MAAMc,WAAWC;AAAAA,EAAO;AAAA,EACrCC,QAAQ;AAAA,IAAE,GAAGhB,YAAAA,MAAMc,WAAWE;AAAAA,EAAO;AAAA,EACrCC,QAAQ;AAAA,IAAE,GAAGjB,YAAAA,MAAMc,WAAWG;AAAAA,EAAO;AAAA,EACrCC,QAAQ;AAAA,IAAE,GAAGlB,YAAAA,MAAMc,WAAWI;AAAAA,EAAO;AAAA,EACrCjB,MAAM;AAAA,IAAE,GAAGD,YAAAA,MAAMc,WAAWb;AAAAA,EAAK;AAAA,EACjCkB,OAAO;AAAA,IAAE,GAAGnB,YAAAA,MAAMc,WAAWK;AAAAA,EAAM;AAAA,EACnCC,UAAU;AAAA,IAAE,GAAGpB,YAAAA,MAAMc,WAAWM;AAAAA,EAAS;AAAA,EACzCC,UAAU;AAAA,IAAE,GAAGrB,YAAAA,MAAMc,WAAWO;AAAAA,EAAS;AAAA;AAAA,EAEzC,YAAY;AAAA,IAAE,GAAGrB,YAAMc,MAAAA,WAAW,UAAU;AAAA,EAAE;AAAA,EAC9C,YAAY;AAAA,IAAE,GAAGd,YAAMc,MAAAA,WAAW,UAAU;AAAA,EAAE;AAAA,EAC9C,YAAY;AAAA,IAAE,GAAGd,YAAMc,MAAAA,WAAW,UAAU;AAAA,EAAE;AAAA,EAC9CQ,UAAU;AAAA,IAAE,GAAGtB,YAAAA,MAAMc,WAAWQ;AAAAA,EAAS;AAAA,EACzCC,SAAS,CAAC;AAAA,EACVC,QAAQ;AAAA,IAAE,GAAGxB,YAAAA,MAAMc,WAAWU;AAAAA,EAAO;AAAA,EACrCC,QAAQ,CAAC;AAAA,EACTC,QAAQ;AAAA,IAAE,GAAG1B,YAAAA,MAAMc,WAAWY;AAAAA,EAAO;AAAA,EACrCC,SAAS,CAAC;AAAA,EACVC,UAAU;AAAA,IAAE,GAAG5B,YAAAA,MAAMc,WAAWc;AAAAA,EAAS;AAAA,EACzCC,cAAc;AAAA,IACZ,GAAG7B,YAAAA,MAAMc,WAAWe;AAAAA,IACpBC,eAAe;AAAA,EACjB;AAAA,EACAC,eAAe,CAAC;AAAA,EAChBC,YAAY,CAAC;AAAA,EACbC,iBAAiB;AAAA,IAAE,GAAGjC,YAAAA,MAAMc,WAAWmB;AAAAA,EAAgB;AAAA,EACvDC,MAAM;AAAA,IACJ,GAAGlC,YAAAA,MAAMc,WAAWoB;AAAAA,IACpBC,QAAQ;AAAA,IACR3B,gBAAgB;AAAA,EAClB;AAAA,EACA4B,cAAc;AAAA,IAAE,GAAGpC,YAAAA,MAAMc,WAAWsB;AAAAA,EAAa;AAAA,EACjDC,iBAAiB;AAAA,IAAE,GAAGrC,YAAAA,MAAMc,WAAWuB;AAAAA,EAAgB;AAAA,EACvDC,SAAS,CAAC;AAAA,EACVC,iBAAiB;AAAA,IAAE,GAAGvC,YAAAA,MAAMc,WAAWyB;AAAAA,EAAgB;AAAA,EACvDC,cAAc;AAAA,IAAE,GAAGxC,YAAAA,MAAMc,WAAW0B;AAAAA,EAAa;AACnD,CAAC;;;"}
+{"version":3,"file":"Typography.styles.cjs","sources":["../../../../src/components/Typography/Typography.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvTypography\", {\n  root: {\n    fontFamily: theme.fontFamily.body,\n  },\n  disabled: {\n    color: theme.colors.secondary_60,\n  },\n  isLink: {\n    color: theme.colors.primary,\n    textDecoration: \"underline\",\n  },\n  noWrap: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  // variants\n  display: { ...theme.typography.display },\n  title1: { ...theme.typography.title1 },\n  title2: { ...theme.typography.title2 },\n  title3: { ...theme.typography.title3 },\n  title4: { ...theme.typography.title4 },\n  body: { ...theme.typography.body },\n  label: { ...theme.typography.label },\n  caption1: { ...theme.typography.caption1 },\n  caption2: { ...theme.typography.caption2 },\n  // legacy variants\n  \"5xlTitle\": { ...theme.typography[\"5xlTitle\"] },\n  \"4xlTitle\": { ...theme.typography[\"4xlTitle\"] },\n  \"3xlTitle\": { ...theme.typography[\"3xlTitle\"] },\n  xxlTitle: { ...theme.typography.xxlTitle },\n  xlTitle: {},\n  lTitle: { ...theme.typography.lTitle },\n  mTitle: {},\n  sTitle: { ...theme.typography.sTitle },\n  xsTitle: {},\n  xxsTitle: { ...theme.typography.xxsTitle },\n  sectionTitle: {\n    ...theme.typography.sectionTitle,\n    textTransform: \"uppercase\",\n  },\n  highlightText: {},\n  normalText: {},\n  placeholderText: { ...theme.typography.placeholderText },\n  link: {\n    ...theme.typography.link,\n    cursor: \"pointer\",\n    textDecoration: \"underline\",\n  },\n  disabledText: { ...theme.typography.disabledText },\n  selectedNavText: { ...theme.typography.selectedNavText },\n  vizText: {},\n  vizTextDisabled: { ...theme.typography.vizTextDisabled },\n  xsInlineLink: { ...theme.typography.xsInlineLink },\n});\n"],"names":["createClasses","theme"],"mappings":";;;;AAIO,MAAM,EAAE,YAAY,kBAAkBA,QAAAA,cAAc,gBAAgB;AAAA,EACzE,MAAM;AAAA,IACJ,YAAYC,YAAAA,MAAM,WAAW;AAAA,EAC/B;AAAA,EACA,UAAU;AAAA,IACR,OAAOA,YAAAA,MAAM,OAAO;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,IACN,OAAOA,YAAAA,MAAM,OAAO;AAAA,IACpB,gBAAgB;AAAA,EAClB;AAAA,EACA,QAAQ;AAAA,IACN,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,EACd;AAAA;AAAA,EAEA,SAAS,EAAE,GAAGA,kBAAM,WAAW,QAAQ;AAAA,EACvC,QAAQ,EAAE,GAAGA,kBAAM,WAAW,OAAO;AAAA,EACrC,QAAQ,EAAE,GAAGA,kBAAM,WAAW,OAAO;AAAA,EACrC,QAAQ,EAAE,GAAGA,kBAAM,WAAW,OAAO;AAAA,EACrC,QAAQ,EAAE,GAAGA,kBAAM,WAAW,OAAO;AAAA,EACrC,MAAM,EAAE,GAAGA,kBAAM,WAAW,KAAK;AAAA,EACjC,OAAO,EAAE,GAAGA,kBAAM,WAAW,MAAM;AAAA,EACnC,UAAU,EAAE,GAAGA,kBAAM,WAAW,SAAS;AAAA,EACzC,UAAU,EAAE,GAAGA,kBAAM,WAAW,SAAS;AAAA;AAAA,EAEzC,YAAY,EAAE,GAAGA,YAAAA,MAAM,WAAW,UAAU,EAAE;AAAA,EAC9C,YAAY,EAAE,GAAGA,YAAAA,MAAM,WAAW,UAAU,EAAE;AAAA,EAC9C,YAAY,EAAE,GAAGA,YAAAA,MAAM,WAAW,UAAU,EAAE;AAAA,EAC9C,UAAU,EAAE,GAAGA,kBAAM,WAAW,SAAS;AAAA,EACzC,SAAS,CAAC;AAAA,EACV,QAAQ,EAAE,GAAGA,kBAAM,WAAW,OAAO;AAAA,EACrC,QAAQ,CAAC;AAAA,EACT,QAAQ,EAAE,GAAGA,kBAAM,WAAW,OAAO;AAAA,EACrC,SAAS,CAAC;AAAA,EACV,UAAU,EAAE,GAAGA,kBAAM,WAAW,SAAS;AAAA,EACzC,cAAc;AAAA,IACZ,GAAGA,YAAAA,MAAM,WAAW;AAAA,IACpB,eAAe;AAAA,EACjB;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,YAAY,CAAC;AAAA,EACb,iBAAiB,EAAE,GAAGA,kBAAM,WAAW,gBAAgB;AAAA,EACvD,MAAM;AAAA,IACJ,GAAGA,YAAAA,MAAM,WAAW;AAAA,IACpB,QAAQ;AAAA,IACR,gBAAgB;AAAA,EAClB;AAAA,EACA,cAAc,EAAE,GAAGA,kBAAM,WAAW,aAAa;AAAA,EACjD,iBAAiB,EAAE,GAAGA,kBAAM,WAAW,gBAAgB;AAAA,EACvD,SAAS,CAAC;AAAA,EACV,iBAAiB,EAAE,GAAGA,kBAAM,WAAW,gBAAgB;AAAA,EACvD,cAAc,EAAE,GAAGA,kBAAM,WAAW,aAAa;AACnD,CAAC;;;"}

package/dist/cjs/components/Typography/utils.cjs

@@ -1,7 +1,25 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const typographyVariants = ["display", "title1", "title2", "title3", "title4", "body", "label", "caption1", "caption2"];
-const mappableVariants = /* @__PURE__ */ new Map([["3xlTitle", "display"], ["xlTitle", "title1"], ["mTitle", "title2"], ["xsTitle", "title3"], ["highlightText", "label"], ["normalText", "body"], ["vizText", "caption1"]]);
+const typographyVariants = [
+  "display",
+  "title1",
+  "title2",
+  "title3",
+  "title4",
+  "body",
+  "label",
+  "caption1",
+  "caption2"
+];
+const mappableVariants = /* @__PURE__ */ new Map([
+  ["3xlTitle", "display"],
+  ["xlTitle", "title1"],
+  ["mTitle", "title2"],
+  ["xsTitle", "title3"],
+  ["highlightText", "label"],
+  ["normalText", "body"],
+  ["vizText", "caption1"]
+]);
 const mapVariant = (variant, theme) => {
   if (theme === "ds3")
     return variant;

package/dist/cjs/components/Typography/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/components/Typography/utils.ts"],"sourcesContent":["export const typographyVariants = [\n  \"display\",\n  \"title1\",\n  \"title2\",\n  \"title3\",\n  \"title4\",\n  \"body\",\n  \"label\",\n  \"caption1\",\n  \"caption2\",\n] as const;\n\nexport type HvTypographyVariants = (typeof typographyVariants)[number];\n\n/** @deprecated */\nexport type HvTypographyLegacyVariants =\n  | \"5xlTitle\"\n  | \"4xlTitle\"\n  | \"3xlTitle\"\n  | \"xxlTitle\"\n  | \"xlTitle\"\n  | \"lTitle\"\n  | \"mTitle\"\n  | \"sTitle\"\n  | \"xsTitle\"\n  | \"xxsTitle\"\n  | \"sectionTitle\"\n  | \"highlightText\"\n  | \"normalText\"\n  | \"placeholderText\"\n  | \"link\"\n  | \"disabledText\"\n  | \"selectedNavText\"\n  | \"vizText\"\n  | \"vizTextDisabled\"\n  | \"xsInlineLink\";\n\ntype Variant = HvTypographyVariants | HvTypographyLegacyVariants;\n\nconst mappableVariants = new Map<Variant, HvTypographyVariants>([\n  [\"3xlTitle\", \"display\"],\n  [\"xlTitle\", \"title1\"],\n  [\"mTitle\", \"title2\"],\n  [\"xsTitle\", \"title3\"],\n  [\"highlightText\", \"label\"],\n  [\"normalText\", \"body\"],\n  [\"vizText\", \"caption1\"],\n]);\n\nconst isLegacyVariant = (variant: string) => {\n  return [\n    \"5xlTitle\",\n    \"4xlTitle\",\n    \"3xlTitle\",\n    \"xxlTitle\",\n    \"xlTitle\",\n    \"lTitle\",\n    \"mTitle\",\n    \"sTitle\",\n    \"xsTitle\",\n    \"xxsTitle\",\n    \"sectionTitle\",\n    \"highlightText\",\n    \"normalText\",\n    \"placeholderText\",\n    \"link\",\n    \"disabledText\",\n    \"selectedNavText\",\n    \"vizText\",\n    \"vizTextDisabled\",\n    \"xsInlineLink\",\n  ].includes(variant);\n};\n\nexport const mapVariant = (variant: Variant, theme?: string) => {\n  if (theme === \"ds3\") return variant;\n  const mappedVariant = mappableVariants.get(variant);\n\n  if (import.meta.env.DEV) {\n    /* eslint-disable no-console */\n    const msg = `The typography variant ${variant} is deprecated.`;\n    if (mappedVariant) {\n      console.warn(`${msg} Use ${mappedVariant} instead.`);\n    }\n    if (isLegacyVariant(variant)) {\n      console.warn(msg);\n    }\n  }\n\n  return mappedVariant || variant;\n};\n"],"names":["typographyVariants","mappableVariants","Map","mapVariant","variant","theme","mappedVariant","get"],"mappings":";;AAAaA,MAAAA,qBAAqB,CAChC,WACA,UACA,UACA,UACA,UACA,QACA,SACA,YACA,UAAU;AA8BZ,MAAMC,mBAAmB,oBAAIC,IAAmC,CAC9D,CAAC,YAAY,SAAS,GACtB,CAAC,WAAW,QAAQ,GACpB,CAAC,UAAU,QAAQ,GACnB,CAAC,WAAW,QAAQ,GACpB,CAAC,iBAAiB,OAAO,GACzB,CAAC,cAAc,MAAM,GACrB,CAAC,WAAW,UAAU,CAAC,CACxB;AA2BYC,MAAAA,aAAaA,CAACC,SAAkBC,UAAmB;AAC9D,MAAIA,UAAU;AAAcD,WAAAA;AACtBE,QAAAA,gBAAgBL,iBAAiBM,IAAIH,OAAO;AAalD,SAAOE,iBAAiBF;AAC1B;;;"}
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/Typography/utils.ts"],"sourcesContent":["export const typographyVariants = [\n  \"display\",\n  \"title1\",\n  \"title2\",\n  \"title3\",\n  \"title4\",\n  \"body\",\n  \"label\",\n  \"caption1\",\n  \"caption2\",\n] as const;\n\nexport type HvTypographyVariants = (typeof typographyVariants)[number];\n\n/** @deprecated */\nexport type HvTypographyLegacyVariants =\n  | \"5xlTitle\"\n  | \"4xlTitle\"\n  | \"3xlTitle\"\n  | \"xxlTitle\"\n  | \"xlTitle\"\n  | \"lTitle\"\n  | \"mTitle\"\n  | \"sTitle\"\n  | \"xsTitle\"\n  | \"xxsTitle\"\n  | \"sectionTitle\"\n  | \"highlightText\"\n  | \"normalText\"\n  | \"placeholderText\"\n  | \"link\"\n  | \"disabledText\"\n  | \"selectedNavText\"\n  | \"vizText\"\n  | \"vizTextDisabled\"\n  | \"xsInlineLink\";\n\ntype Variant = HvTypographyVariants | HvTypographyLegacyVariants;\n\nconst mappableVariants = new Map<Variant, HvTypographyVariants>([\n  [\"3xlTitle\", \"display\"],\n  [\"xlTitle\", \"title1\"],\n  [\"mTitle\", \"title2\"],\n  [\"xsTitle\", \"title3\"],\n  [\"highlightText\", \"label\"],\n  [\"normalText\", \"body\"],\n  [\"vizText\", \"caption1\"],\n]);\n\nconst isLegacyVariant = (variant: string) => {\n  return [\n    \"5xlTitle\",\n    \"4xlTitle\",\n    \"3xlTitle\",\n    \"xxlTitle\",\n    \"xlTitle\",\n    \"lTitle\",\n    \"mTitle\",\n    \"sTitle\",\n    \"xsTitle\",\n    \"xxsTitle\",\n    \"sectionTitle\",\n    \"highlightText\",\n    \"normalText\",\n    \"placeholderText\",\n    \"link\",\n    \"disabledText\",\n    \"selectedNavText\",\n    \"vizText\",\n    \"vizTextDisabled\",\n    \"xsInlineLink\",\n  ].includes(variant);\n};\n\nexport const mapVariant = (variant: Variant, theme?: string) => {\n  if (theme === \"ds3\") return variant;\n  const mappedVariant = mappableVariants.get(variant);\n\n  if (import.meta.env.DEV) {\n    /* eslint-disable no-console */\n    const msg = `The typography variant ${variant} is deprecated.`;\n    if (mappedVariant) {\n      console.warn(`${msg} Use ${mappedVariant} instead.`);\n    }\n    if (isLegacyVariant(variant)) {\n      console.warn(msg);\n    }\n  }\n\n  return mappedVariant || variant;\n};\n"],"names":[],"mappings":";;AAAO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AA6BA,MAAM,uCAAuB,IAAmC;AAAA,EAC9D,CAAC,YAAY,SAAS;AAAA,EACtB,CAAC,WAAW,QAAQ;AAAA,EACpB,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,WAAW,QAAQ;AAAA,EACpB,CAAC,iBAAiB,OAAO;AAAA,EACzB,CAAC,cAAc,MAAM;AAAA,EACrB,CAAC,WAAW,UAAU;AACxB,CAAC;AA2BY,MAAA,aAAa,CAAC,SAAkB,UAAmB;AAC9D,MAAI,UAAU;AAAc,WAAA;AACtB,QAAA,gBAAgB,iBAAiB,IAAI,OAAO;AAalD,SAAO,iBAAiB;AAC1B;;;"}

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

@@ -16,28 +16,42 @@ const HvVerticalNavigationAction = ({
   onClick,
   ...others
 }) => {
-  const {
-    isOpen
-  } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
-  const {
-    classes,
-    cx
-  } = Action_styles.useClasses(classesProp);
-  const handleKeyDown = React.useCallback((event) => {
-    if (onClick == null || !keyboardUtils.isKey(event, "Enter") && !keyboardUtils.isKey(event, "Space")) {
-      return;
+  const { isOpen } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
+  const { classes, cx } = Action_styles.useClasses(classesProp);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (onClick == null || !keyboardUtils.isKey(event, "Enter") && !keyboardUtils.isKey(event, "Space")) {
+        return;
+      }
+      onClick(event);
+    },
+    [onClick]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Typography.HvTypography,
+    {
+      id: setId.setId(id, "button"),
+      component: "div",
+      role: "button",
+      className: cx(
+        classes.action,
+        {
+          [classes.noIcon]: !icon,
+          [classes.minimized]: !isOpen
+        },
+        className
+      ),
+      tabIndex: 0,
+      ...!isOpen && { "aria-label": label },
+      onKeyDown: handleKeyDown,
+      onClick,
+      ...others,
+      children: [
+        icon,
+        isOpen && label
+      ]
     }
-    onClick(event);
-  }, [onClick]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Typography.HvTypography, { id: setId.setId(id, "button"), component: "div", role: "button", className: cx(classes.action, {
-    [classes.noIcon]: !icon,
-    [classes.minimized]: !isOpen
-  }, className), tabIndex: 0, ...!isOpen && {
-    "aria-label": label
-  }, onKeyDown: handleKeyDown, onClick, ...others, children: [
-    icon,
-    isOpen && label
-  ] });
+  );
 };
 exports.actionClasses = Action_styles.staticClasses;
 exports.HvVerticalNavigationAction = HvVerticalNavigationAction;

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 { MouseEventHandler, useCallback, useContext } from \"react\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Action.styles\";\n\nexport { staticClasses as actionClasses };\n\nexport type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses>;\n\nexport interface 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: classesProp,\n  id,\n  label = \"\",\n  icon,\n  onClick,\n  ...others\n}: HvVerticalNavigationActionProps) => {\n  const { isOpen } = useContext(VerticalNavigationContext);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKey(event, \"Enter\") && !isKey(event, \"Space\"))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <HvTypography\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={cx(\n        classes.action,\n        {\n          [classes.noIcon]: !icon,\n          [classes.minimized]: !isOpen,\n        },\n        className\n      )}\n      tabIndex={0}\n      {...(!isOpen && { \"aria-label\": label })}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {isOpen && label}\n    </HvTypography>\n  );\n};\n"],"names":["HvVerticalNavigationAction","className","classes","classesProp","id","label","icon","onClick","others","isOpen","useContext","VerticalNavigationContext","cx","useClasses","handleKeyDown","useCallback","event","isKey","jsxs","HvTypography","setId","action","noIcon","minimized"],"mappings":";;;;;;;;;AA0CO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC,QAAQ;AAAA,EACRC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAWC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAEjD,QAAA;AAAA,IAAET;AAAAA,IAASU;AAAAA,EAAAA,IAAOC,cAAAA,WAAWV,WAAW;AAExCW,QAAAA,gBAAgBC,kBACnBC,CAAU,UAAA;AAEPT,QAAAA,WAAW,QACV,CAACU,cAAAA,MAAMD,OAAO,OAAO,KAAK,CAACC,cAAAA,MAAMD,OAAO,OAAO,GAChD;AACA;AAAA,IACF;AAEAT,YAAQS,KAAK;AAAA,EAAA,GAEf,CAACT,OAAO,CACV;AAEA,SACGW,2BAAAA,KAAAC,WAAAA,cAAA,EACC,IAAIC,MAAAA,MAAMhB,IAAI,QAAQ,GACtB,WAAU,OACV,MAAK,UACL,WAAWQ,GACTV,QAAQmB,QACR;AAAA,IACE,CAACnB,QAAQoB,MAAM,GAAG,CAAChB;AAAAA,IACnB,CAACJ,QAAQqB,SAAS,GAAG,CAACd;AAAAA,KAExBR,SACF,GACA,UAAU,GACL,GAAA,CAACQ,UAAU;AAAA,IAAE,cAAcJ;AAAAA,EAChC,GAAA,WAAWS,eACX,SACA,GAAIN,QAEHF,UAAAA;AAAAA,IAAAA;AAAAA,IACAG,UAAUJ;AAAAA,EACb,EAAA,CAAA;AAEJ;;;"}
+{"version":3,"file":"Action.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.tsx"],"sourcesContent":["import { MouseEventHandler, useCallback, useContext } from \"react\";\n\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Action.styles\";\n\nexport { staticClasses as actionClasses };\n\nexport type HvVerticalNavigationActionClasses = ExtractNames<typeof useClasses>;\n\nexport interface 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: classesProp,\n  id,\n  label = \"\",\n  icon,\n  onClick,\n  ...others\n}: HvVerticalNavigationActionProps) => {\n  const { isOpen } = useContext(VerticalNavigationContext);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      if (\n        onClick == null ||\n        (!isKey(event, \"Enter\") && !isKey(event, \"Space\"))\n      ) {\n        return;\n      }\n\n      onClick(event);\n    },\n    [onClick]\n  );\n\n  return (\n    <HvTypography\n      id={setId(id, \"button\")}\n      component=\"div\"\n      role=\"button\"\n      className={cx(\n        classes.action,\n        {\n          [classes.noIcon]: !icon,\n          [classes.minimized]: !isOpen,\n        },\n        className\n      )}\n      tabIndex={0}\n      {...(!isOpen && { \"aria-label\": label })}\n      onKeyDown={handleKeyDown}\n      onClick={onClick}\n      {...others}\n    >\n      {icon}\n      {isOpen && label}\n    </HvTypography>\n  );\n};\n"],"names":["useContext","VerticalNavigationContext","useClasses","useCallback","isKey","jsxs","HvTypography","setId"],"mappings":";;;;;;;;;AA0CO,MAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuC;AACrC,QAAM,EAAE,OAAA,IAAWA,MAAA,WAAWC,0BAAyB,yBAAA;AAEvD,QAAM,EAAE,SAAS,GAAG,IAAIC,yBAAW,WAAW;AAE9C,QAAM,gBAAgBC,MAAA;AAAA,IACpB,CAAC,UAAU;AAEP,UAAA,WAAW,QACV,CAACC,cAAAA,MAAM,OAAO,OAAO,KAAK,CAACA,cAAA,MAAM,OAAO,OAAO,GAChD;AACA;AAAA,MACF;AAEA,cAAQ,KAAK;AAAA,IACf;AAAA,IACA,CAAC,OAAO;AAAA,EAAA;AAIR,SAAAC,2BAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACC,IAAIC,MAAAA,MAAM,IAAI,QAAQ;AAAA,MACtB,WAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,MAAM,GAAG,CAAC;AAAA,UACnB,CAAC,QAAQ,SAAS,GAAG,CAAC;AAAA,QACxB;AAAA,QACA;AAAA,MACF;AAAA,MACA,UAAU;AAAA,MACT,GAAI,CAAC,UAAU,EAAE,cAAc,MAAM;AAAA,MACtC,WAAW;AAAA,MACX;AAAA,MACC,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGjB;;;"}

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

@@ -6,40 +6,40 @@ const classes = require("../../../utils/classes.cjs");
 const hover = () => ({
   background: uikitStyles.theme.colors.containerBackgroundHover
 });
-const {
-  staticClasses,
-  useClasses
-} = classes.createClasses("HvVerticalNavigationAction", {
-  action: {
-    width: "100%",
-    display: "flex",
-    justifyContent: "flex-start",
-    alignItems: "center",
-    height: "32px",
-    color: uikitStyles.theme.colors.secondary,
-    // hover
-    "&:hover": hover(),
-    "&:focus": {
-      outline: "none",
-      ...hover()
+const { staticClasses, useClasses } = classes.createClasses(
+  "HvVerticalNavigationAction",
+  {
+    action: {
+      width: "100%",
+      display: "flex",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      height: "32px",
+      color: uikitStyles.theme.colors.secondary,
+      // hover
+      "&:hover": hover(),
+      "&:focus": {
+        outline: "none",
+        ...hover()
+      },
+      "&:focus-visible": {
+        ...focusUtils.outlineStyles
+      },
+      // cursor
+      cursor: "pointer",
+      "& *": {
+        cursor: "pointer"
+      }
     },
-    "&:focus-visible": {
-      ...focusUtils.outlineStyles
+    noIcon: {
+      paddingLeft: uikitStyles.theme.space.xs
     },
-    // cursor
-    cursor: "pointer",
-    "& *": {
-      cursor: "pointer"
+    minimized: {
+      justifyContent: "center",
+      paddingRight: 0
     }
-  },
-  noIcon: {
-    paddingLeft: uikitStyles.theme.space.xs
-  },
-  minimized: {
-    justifyContent: "center",
-    paddingRight: 0
   }
-});
+);
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
 //# sourceMappingURL=Action.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Action.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nconst hover = () => ({\n  background: theme.colors.containerBackgroundHover,\n});\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationAction\",\n  {\n    action: {\n      width: \"100%\",\n      display: \"flex\",\n      justifyContent: \"flex-start\",\n      alignItems: \"center\",\n      height: \"32px\",\n      color: theme.colors.secondary,\n\n      // hover\n      \"&:hover\": hover(),\n\n      \"&:focus\": {\n        outline: \"none\",\n        ...hover(),\n      },\n\n      \"&:focus-visible\": {\n        ...outlineStyles,\n      },\n\n      // cursor\n      cursor: \"pointer\",\n      \"& *\": {\n        cursor: \"pointer\",\n      },\n    },\n    noIcon: {\n      paddingLeft: theme.space.xs,\n    },\n    minimized: {\n      justifyContent: \"center\",\n      paddingRight: 0,\n    },\n  }\n);\n"],"names":["hover","background","theme","colors","containerBackgroundHover","staticClasses","useClasses","createClasses","action","width","display","justifyContent","alignItems","height","color","secondary","outline","outlineStyles","cursor","noIcon","paddingLeft","space","xs","minimized","paddingRight"],"mappings":";;;;;AAKA,MAAMA,QAAQA,OAAO;AAAA,EACnBC,YAAYC,YAAAA,MAAMC,OAAOC;AAC3B;AAEa,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,8BACA;AAAA,EACEC,QAAQ;AAAA,IACNC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,OAAOZ,YAAAA,MAAMC,OAAOY;AAAAA;AAAAA,IAGpB,WAAWf,MAAM;AAAA,IAEjB,WAAW;AAAA,MACTgB,SAAS;AAAA,MACT,GAAGhB,MAAM;AAAA,IACX;AAAA,IAEA,mBAAmB;AAAA,MACjB,GAAGiB,WAAAA;AAAAA,IACL;AAAA;AAAA,IAGAC,QAAQ;AAAA,IACR,OAAO;AAAA,MACLA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,QAAQ;AAAA,IACNC,aAAalB,YAAAA,MAAMmB,MAAMC;AAAAA,EAC3B;AAAA,EACAC,WAAW;AAAA,IACTZ,gBAAgB;AAAA,IAChBa,cAAc;AAAA,EAChB;AACF,CACF;;;"}
+{"version":3,"file":"Action.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nconst hover = () => ({\n  background: theme.colors.containerBackgroundHover,\n});\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationAction\",\n  {\n    action: {\n      width: \"100%\",\n      display: \"flex\",\n      justifyContent: \"flex-start\",\n      alignItems: \"center\",\n      height: \"32px\",\n      color: theme.colors.secondary,\n\n      // hover\n      \"&:hover\": hover(),\n\n      \"&:focus\": {\n        outline: \"none\",\n        ...hover(),\n      },\n\n      \"&:focus-visible\": {\n        ...outlineStyles,\n      },\n\n      // cursor\n      cursor: \"pointer\",\n      \"& *\": {\n        cursor: \"pointer\",\n      },\n    },\n    noIcon: {\n      paddingLeft: theme.space.xs,\n    },\n    minimized: {\n      justifyContent: \"center\",\n      paddingRight: 0,\n    },\n  }\n);\n"],"names":["theme","createClasses","outlineStyles"],"mappings":";;;;;AAKA,MAAM,QAAQ,OAAO;AAAA,EACnB,YAAYA,YAAAA,MAAM,OAAO;AAC3B;AAEa,MAAA,EAAE,eAAe,WAAA,IAAeC,QAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,QAAQ;AAAA,MACR,OAAOD,YAAAA,MAAM,OAAO;AAAA;AAAA,MAGpB,WAAW,MAAM;AAAA,MAEjB,WAAW;AAAA,QACT,SAAS;AAAA,QACT,GAAG,MAAM;AAAA,MACX;AAAA,MAEA,mBAAmB;AAAA,QACjB,GAAGE,WAAA;AAAA,MACL;AAAA;AAAA,MAGA,QAAQ;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,aAAaF,YAAAA,MAAM,MAAM;AAAA,IAC3B;AAAA,IACA,WAAW;AAAA,MACT,gBAAgB;AAAA,MAChB,cAAc;AAAA,IAChB;AAAA,EACF;AACF;;;"}

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

@@ -11,17 +11,23 @@ const HvVerticalNavigationActions = ({
   children,
   ...others
 }) => {
-  const {
-    classes,
-    cx
-  } = Actions_styles.useClasses(classesProp);
-  const {
-    isOpen,
-    useIcons
-  } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { id, className: cx(classes.root, {
-    [classes.hide]: !isOpen && !useIcons
-  }, className), ...others, children });
+  const { classes, cx } = Actions_styles.useClasses(classesProp);
+  const { isOpen, useIcons } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      id,
+      className: cx(
+        classes.root,
+        {
+          [classes.hide]: !isOpen && !useIcons
+        },
+        className
+      ),
+      ...others,
+      children
+    }
+  );
 };
 exports.actionsClasses = Actions_styles.staticClasses;
 exports.HvVerticalNavigationActions = HvVerticalNavigationActions;

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 { useContext } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Actions.styles\";\n\nexport { staticClasses as actionsClasses };\n\nexport type HvVerticalNavigationActionsClasses = ExtractNames<\n  typeof useClasses\n>;\n\nexport interface 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: classesProp,\n  id,\n  children,\n  ...others\n}: HvVerticalNavigationActionsProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const { isOpen, useIcons } = useContext(VerticalNavigationContext);\n\n  return (\n    <div\n      id={id}\n      className={cx(\n        classes.root,\n        {\n          [classes.hide]: !isOpen && !useIcons,\n        },\n        className\n      )}\n      {...others}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["HvVerticalNavigationActions","className","classes","classesProp","id","children","others","cx","useClasses","isOpen","useIcons","useContext","VerticalNavigationContext","root","hide"],"mappings":";;;;;;AAgCO,MAAMA,8BAA8BA,CAAC;AAAA,EAC1CC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC6B,MAAM;AAChC,QAAA;AAAA,IAAEJ;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,eAAAA,WAAWL,WAAW;AAExC,QAAA;AAAA,IAAEM;AAAAA,IAAQC;AAAAA,EAAAA,IAAaC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAEjE,wCACG,OACC,EAAA,IACA,WAAWL,GACTL,QAAQW,MACR;AAAA,IACE,CAACX,QAAQY,IAAI,GAAG,CAACL,UAAU,CAACC;AAAAA,EAE9BT,GAAAA,SACF,GACA,GAAIK,QAEHD,SACH,CAAA;AAEJ;;;"}
+{"version":3,"file":"Actions.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Actions.styles\";\n\nexport { staticClasses as actionsClasses };\n\nexport type HvVerticalNavigationActionsClasses = ExtractNames<\n  typeof useClasses\n>;\n\nexport interface 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: classesProp,\n  id,\n  children,\n  ...others\n}: HvVerticalNavigationActionsProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const { isOpen, useIcons } = useContext(VerticalNavigationContext);\n\n  return (\n    <div\n      id={id}\n      className={cx(\n        classes.root,\n        {\n          [classes.hide]: !isOpen && !useIcons,\n        },\n        className\n      )}\n      {...others}\n    >\n      {children}\n    </div>\n  );\n};\n"],"names":["useClasses","useContext","VerticalNavigationContext","jsx"],"mappings":";;;;;;AAgCO,MAAM,8BAA8B,CAAC;AAAA,EAC1C;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwC;AACtC,QAAM,EAAE,SAAS,GAAG,IAAIA,0BAAW,WAAW;AAE9C,QAAM,EAAE,QAAQ,SAAS,IAAIC,iBAAWC,0BAAyB,yBAAA;AAG/D,SAAAC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,IAAI,GAAG,CAAC,UAAU,CAAC;AAAA,QAC9B;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;;;"}

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

@@ -2,22 +2,22 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const classes = require("../../../utils/classes.cjs");
-const {
-  staticClasses,
-  useClasses
-} = classes.createClasses("HvVerticalNavigationActions", {
-  root: {
-    display: "block",
-    background: uikitStyles.theme.colors.atmo1,
-    marginTop: "auto",
-    "& :not(:last-child)": {
-      marginBottom: "8px"
+const { staticClasses, useClasses } = classes.createClasses(
+  "HvVerticalNavigationActions",
+  {
+    root: {
+      display: "block",
+      background: uikitStyles.theme.colors.atmo1,
+      marginTop: "auto",
+      "& :not(:last-child)": {
+        marginBottom: "8px"
+      }
+    },
+    hide: {
+      display: "none"
     }
-  },
-  hide: {
-    display: "none"
   }
-});
+);
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
 //# sourceMappingURL=Actions.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationActions\",\n  {\n    root: {\n      display: \"block\",\n      background: theme.colors.atmo1,\n      marginTop: \"auto\",\n\n      \"& :not(:last-child)\": {\n        marginBottom: \"8px\",\n      },\n    },\n    hide: {\n      display: \"none\",\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","background","theme","colors","atmo1","marginTop","marginBottom","hide"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,+BACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,IACzBC,WAAW;AAAA,IAEX,uBAAuB;AAAA,MACrBC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJP,SAAS;AAAA,EACX;AACF,CACF;;;"}
+{"version":3,"file":"Actions.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationActions\",\n  {\n    root: {\n      display: \"block\",\n      background: theme.colors.atmo1,\n      marginTop: \"auto\",\n\n      \"& :not(:last-child)\": {\n        marginBottom: \"8px\",\n      },\n    },\n    hide: {\n      display: \"none\",\n    },\n  }\n);\n"],"names":["createClasses","theme"],"mappings":";;;;AAIa,MAAA,EAAE,eAAe,WAAA,IAAeA,QAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,YAAYC,YAAAA,MAAM,OAAO;AAAA,MACzB,WAAW;AAAA,MAEX,uBAAuB;AAAA,QACrB,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,IACX;AAAA,EACF;AACF;;;"}

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

@@ -26,25 +26,49 @@ const HvVerticalNavigationHeader = ({
     navigateToParentHandler,
     parentItem
   } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
-  const {
-    classes,
-    cx
-  } = Header_styles.useClasses(classesProp);
+  const { classes, cx } = Header_styles.useClasses(classesProp);
   openIcon = !useIcons ? /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Menu, {}) : openIcon;
   const backButtonClickHandler = () => {
     if (navigateToParentHandler)
       navigateToParentHandler();
   };
-  const shouldShowTitle = React.useMemo(() => !slider || slider && !Array.isArray(parentItem), [parentItem, slider]);
-  return shouldShowTitle ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.root, {
-    [classes.minimized]: !isOpen
-  }, className), ...others, children: [
-    isOpen && headerTitle && slider && /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { icon: true, onClick: backButtonClickHandler, "aria-label": "Back", ...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(Button.HvButton, { icon: true, onClick: onCollapseButtonClick, className: classes.collapseButton, classes: {
-      root: isOpen ? "" : classes.minimized
-    }, ...collapseButtonProps, children: isOpen ? closeIcon : openIcon })
-  ] }) : null;
+  const shouldShowTitle = React.useMemo(
+    () => !slider || slider && !Array.isArray(parentItem),
+    [parentItem, slider]
+  );
+  return shouldShowTitle ? /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cx(classes.root, { [classes.minimized]: !isOpen }, className),
+      ...others,
+      children: [
+        isOpen && headerTitle && slider && /* @__PURE__ */ jsxRuntime.jsx(
+          Button.HvButton,
+          {
+            icon: true,
+            onClick: backButtonClickHandler,
+            "aria-label": "Back",
+            ...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(
+          Button.HvButton,
+          {
+            icon: true,
+            onClick: onCollapseButtonClick,
+            className: classes.collapseButton,
+            classes: {
+              root: isOpen ? "" : classes.minimized
+            },
+            ...collapseButtonProps,
+            children: isOpen ? closeIcon : openIcon
+          }
+        )
+      ]
+    }
+  ) : null;
 };
 exports.verticalNavigationHeaderClasses = Header_styles.staticClasses;
 exports.HvVerticalNavigationHeader = HvVerticalNavigationHeader;

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 { MouseEventHandler, useContext, useMemo } from \"react\";\nimport { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Header.styles\";\n\nexport { staticClasses as verticalNavigationHeaderClasses };\n\nexport type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses>;\n\nexport interface 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: classesProp,\n  onCollapseButtonClick,\n  ...others\n}: HvVerticalNavigationHeaderProps) => {\n  const {\n    isOpen,\n    useIcons,\n    headerTitle,\n    slider,\n    navigateToParentHandler,\n    parentItem,\n  } = useContext(VerticalNavigationContext);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  openIcon = !useIcons ? <Menu /> : openIcon;\n\n  const backButtonClickHandler = () => {\n    if (navigateToParentHandler) navigateToParentHandler();\n  };\n\n  // whenever we're in a sublevel, the parentItem is always a single item.\n  // In the first level it's always an array with the first level elements.\n  const shouldShowTitle = useMemo(\n    () => !slider || (slider && !Array.isArray(parentItem)),\n    [parentItem, slider]\n  );\n\n  return shouldShowTitle ? (\n    <div\n      className={cx(classes.root, { [classes.minimized]: !isOpen }, className)}\n      {...others}\n    >\n      {isOpen && headerTitle && slider && (\n        <HvButton\n          icon\n          onClick={backButtonClickHandler}\n          aria-label=\"Back\"\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        <HvButton\n          icon\n          onClick={onCollapseButtonClick}\n          className={classes.collapseButton}\n          classes={{\n            root: isOpen ? \"\" : classes.minimized,\n          }}\n          {...collapseButtonProps}\n        >\n          {isOpen ? closeIcon : openIcon}\n        </HvButton>\n      )}\n    </div>\n  ) : null;\n};\n"],"names":["HvVerticalNavigationHeader","title","openIcon","Forwards","closeIcon","Backwards","collapseButtonProps","backButtonProps","className","classes","classesProp","onCollapseButtonClick","others","isOpen","useIcons","headerTitle","slider","navigateToParentHandler","parentItem","useContext","VerticalNavigationContext","cx","useClasses","jsx","Menu","backButtonClickHandler","shouldShowTitle","useMemo","Array","isArray","jsxs","root","minimized","HvButton","HvTypography","collapseButton"],"mappings":";;;;;;;;;AAqDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,0CAAYC,gBAAW,UAAA,EAAA;AAAA,EACvBC,2CAAaC,gBAAY,WAAA,EAAA;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAElC,QAAA;AAAA,IAAEX;AAAAA,IAASY;AAAAA,EAAAA,IAAOC,cAAAA,WAAWZ,WAAW;AAE9CR,aAAW,CAACY,WAAYS,2BAAAA,IAAAC,gBAAAA,MAAA,CAAA,CAAI,IAAMtB;AAElC,QAAMuB,yBAAyBA,MAAM;AAC/BR,QAAAA;AAAiD;EAAA;AAKvD,QAAMS,kBAAkBC,MAAAA,QACtB,MAAM,CAACX,UAAWA,UAAU,CAACY,MAAMC,QAAQX,UAAU,GACrD,CAACA,YAAYF,MAAM,CACrB;AAEA,SAAOU,kBACJI,2BAAAA,KAAA,OAAA,EACC,WAAWT,GAAGZ,QAAQsB,MAAM;AAAA,IAAE,CAACtB,QAAQuB,SAAS,GAAG,CAACnB;AAAAA,EAAUL,GAAAA,SAAS,GACvE,GAAII,QAEHC,UAAAA;AAAAA,IAAAA,UAAUE,eAAeC,UACxBO,2BAAA,IAACU,OACC,UAAA,EAAA,MAAI,MACJ,SAASR,wBACT,cAAW,QACPlB,GAAAA,iBAEJ,UAAAgB,2BAAA,IAAClB,gBAAU,WAAA,EAAA,UAAS,KAAI,CAAA,GAC1B;AAAA,IAEDQ,UACEU,2BAAAA,IAAAW,WAAAA,cAAA,EAAa,SAASlB,SAAS,UAAU,UACvCD,UAAAA,eAAeC,SAASD,cAAcd,MACzC,CAAA;AAAA,IAEDU,yBACEY,2BAAA,IAAAU,iBAAA,EACC,MAAI,MACJ,SAAStB,uBACT,WAAWF,QAAQ0B,gBACnB,SAAS;AAAA,MACPJ,MAAMlB,SAAS,KAAKJ,QAAQuB;AAAAA,IAAAA,GAE1B1B,GAAAA,qBAEHO,UAAAA,SAAST,YAAYF,SACxB,CAAA;AAAA,EAAA,EAEJ,CAAA,IACE;AACN;;;"}
+{"version":3,"file":"Header.cjs","sources":["../../../../../src/components/VerticalNavigation/Header/Header.tsx"],"sourcesContent":["import { MouseEventHandler, useContext, useMemo } from \"react\";\nimport { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { staticClasses, useClasses } from \"./Header.styles\";\n\nexport { staticClasses as verticalNavigationHeaderClasses };\n\nexport type HvVerticalNavigationHeaderClasses = ExtractNames<typeof useClasses>;\n\nexport interface 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: classesProp,\n  onCollapseButtonClick,\n  ...others\n}: HvVerticalNavigationHeaderProps) => {\n  const {\n    isOpen,\n    useIcons,\n    headerTitle,\n    slider,\n    navigateToParentHandler,\n    parentItem,\n  } = useContext(VerticalNavigationContext);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  openIcon = !useIcons ? <Menu /> : openIcon;\n\n  const backButtonClickHandler = () => {\n    if (navigateToParentHandler) navigateToParentHandler();\n  };\n\n  // whenever we're in a sublevel, the parentItem is always a single item.\n  // In the first level it's always an array with the first level elements.\n  const shouldShowTitle = useMemo(\n    () => !slider || (slider && !Array.isArray(parentItem)),\n    [parentItem, slider]\n  );\n\n  return shouldShowTitle ? (\n    <div\n      className={cx(classes.root, { [classes.minimized]: !isOpen }, className)}\n      {...others}\n    >\n      {isOpen && headerTitle && slider && (\n        <HvButton\n          icon\n          onClick={backButtonClickHandler}\n          aria-label=\"Back\"\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        <HvButton\n          icon\n          onClick={onCollapseButtonClick}\n          className={classes.collapseButton}\n          classes={{\n            root: isOpen ? \"\" : classes.minimized,\n          }}\n          {...collapseButtonProps}\n        >\n          {isOpen ? closeIcon : openIcon}\n        </HvButton>\n      )}\n    </div>\n  ) : null;\n};\n"],"names":["Forwards","Backwards","useContext","VerticalNavigationContext","useClasses","jsx","Menu","useMemo","jsxs","HvButton","HvTypography"],"mappings":";;;;;;;;;AAqDO,MAAM,6BAA6B,CAAC;AAAA,EACzC;AAAA,EACA,0CAAYA,gBAAS,UAAA,EAAA;AAAA,EACrB,2CAAaC,gBAAU,WAAA,EAAA;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAuC;AAC/B,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEC,MAAAA,WAAWC,0BAAAA,yBAAyB;AAExC,QAAM,EAAE,SAAS,GAAG,IAAIC,yBAAW,WAAW;AAE9C,aAAW,CAAC,WAAYC,2BAAAA,IAAAC,gBAAAA,MAAA,CAAA,CAAK,IAAK;AAElC,QAAM,yBAAyB,MAAM;AAC/B,QAAA;AAAiD;EAAA;AAKvD,QAAM,kBAAkBC,MAAA;AAAA,IACtB,MAAM,CAAC,UAAW,UAAU,CAAC,MAAM,QAAQ,UAAU;AAAA,IACrD,CAAC,YAAY,MAAM;AAAA,EAAA;AAGrB,SAAO,kBACLC,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,QAAQ,MAAM,EAAE,CAAC,QAAQ,SAAS,GAAG,CAAC,OAAO,GAAG,SAAS;AAAA,MACtE,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA,UAAU,eAAe,UACxBH,2BAAA;AAAA,UAACI,OAAA;AAAA,UAAA;AAAA,YACC,MAAI;AAAA,YACJ,SAAS;AAAA,YACT,cAAW;AAAA,YACV,GAAG;AAAA,YAEJ,UAAAJ,2BAAAA,IAACJ,gBAAAA,WAAU,EAAA,UAAS,KAAK,CAAA;AAAA,UAAA;AAAA,QAC3B;AAAA,QAED,UACEI,2BAAAA,IAAAK,WAAAA,cAAA,EAAa,SAAS,SAAS,UAAU,UACvC,UAAA,eAAe,SAAS,cAAc,MACzC,CAAA;AAAA,QAED,yBACCL,2BAAA;AAAA,UAACI,OAAA;AAAA,UAAA;AAAA,YACC,MAAI;AAAA,YACJ,SAAS;AAAA,YACT,WAAW,QAAQ;AAAA,YACnB,SAAS;AAAA,cACP,MAAM,SAAS,KAAK,QAAQ;AAAA,YAC9B;AAAA,YACC,GAAG;AAAA,YAEH,mBAAS,YAAY;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGF,IAAA;AACN;;;"}

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

@@ -1,27 +1,27 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const classes = require("../../../utils/classes.cjs");
-const {
-  staticClasses,
-  useClasses
-} = classes.createClasses("HvVerticalNavigationHeader", {
-  root: {
-    width: "100%",
-    display: "flex",
-    marginTop: "12px",
-    alignItems: "center"
-  },
-  minimized: {
-    justifyContent: "center",
-    paddingRight: 0
-  },
-  collapseButton: {
-    marginLeft: "auto",
-    "&$minimized": {
-      marginLeft: 0
+const { staticClasses, useClasses } = classes.createClasses(
+  "HvVerticalNavigationHeader",
+  {
+    root: {
+      width: "100%",
+      display: "flex",
+      marginTop: "12px",
+      alignItems: "center"
+    },
+    minimized: {
+      justifyContent: "center",
+      paddingRight: 0
+    },
+    collapseButton: {
+      marginLeft: "auto",
+      "&$minimized": {
+        marginLeft: 0
+      }
     }
   }
-});
+);
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
 //# 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 { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationHeader\",\n  {\n    root: {\n      width: \"100%\",\n      display: \"flex\",\n      marginTop: \"12px\",\n      alignItems: \"center\",\n    },\n    minimized: {\n      justifyContent: \"center\",\n      paddingRight: 0,\n    },\n    collapseButton: {\n      marginLeft: \"auto\",\n      \"&$minimized\": {\n        marginLeft: 0,\n      },\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","width","display","marginTop","alignItems","minimized","justifyContent","paddingRight","collapseButton","marginLeft"],"mappings":";;;AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,8BACA;AAAA,EACEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,WAAW;AAAA,IACXC,YAAY;AAAA,EACd;AAAA,EACAC,WAAW;AAAA,IACTC,gBAAgB;AAAA,IAChBC,cAAc;AAAA,EAChB;AAAA,EACAC,gBAAgB;AAAA,IACdC,YAAY;AAAA,IACZ,eAAe;AAAA,MACbA,YAAY;AAAA,IACd;AAAA,EACF;AACF,CACF;;;"}
+{"version":3,"file":"Header.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Header/Header.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigationHeader\",\n  {\n    root: {\n      width: \"100%\",\n      display: \"flex\",\n      marginTop: \"12px\",\n      alignItems: \"center\",\n    },\n    minimized: {\n      justifyContent: \"center\",\n      paddingRight: 0,\n    },\n    collapseButton: {\n      marginLeft: \"auto\",\n      \"&$minimized\": {\n        marginLeft: 0,\n      },\n    },\n  }\n);\n"],"names":["createClasses"],"mappings":";;;AAEa,MAAA,EAAE,eAAe,WAAA,IAAeA,QAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,YAAY;AAAA,IACd;AAAA,IACA,WAAW;AAAA,MACT,gBAAgB;AAAA,MAChB,cAAc;AAAA,IAChB;AAAA,IACA,gBAAgB;AAAA,MACd,YAAY;AAAA,MACZ,eAAe;AAAA,QACb,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;;;"}