npm - @hitachivantara/uikit-react-core - Versions diffs - 5.28.1 → 5.29.0 - Mend

@hitachivantara/uikit-react-core 5.28.1 → 5.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (434) hide show

package/dist/cjs/components/Table/TableRow/TableRow.styles.cjs CHANGED Viewed

@@ -10,7 +10,7 @@ const {
   /** Styles applied to the component root class. */
   root: {
     color: "inherit",
-    backgroundColor: uikitStyles.theme.table.rowBackgroundColor,
+    backgroundColor: uikitStyles.theme.colors.atmo1,
     verticalAlign: "middle",
     outline: 0
   },
@@ -22,7 +22,7 @@ const {
   footer: {},
   /** Styles applied to the component root when selected. */
   selected: {
-    backgroundColor: uikitStyles.theme.table.selectedRowBackgroundColor
+    backgroundColor: uikitStyles.theme.colors.atmo2
   },
   /** Styles applied to the component root when expanded. */
   expanded: {
@@ -32,37 +32,48 @@ const {
     }
   },
   /** Styles applied to the component root when striped. */
-  striped: {},
+  striped: {
+    "&:nth-of-type(even)": {
+      "&:hover": {
+        backgroundColor: uikitStyles.theme.colors.containerBackgroundHover
+      }
+    },
+    "&:nth-of-type(odd)": {
+      "&:hover": {
+        backgroundColor: uikitStyles.theme.colors.containerBackgroundHover
+      }
+    }
+  },
   /** Styles applied to the component root on hover. */
   hover: {
     transition: "background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
     "&:hover": {
-      backgroundColor: uikitStyles.theme.table.rowHoverColor
+      backgroundColor: uikitStyles.theme.colors.containerBackgroundHover
     }
   },
   /** Styles applied to the component root when its table variant is list. */
   variantList: {
     // only applied on custom `display`
     marginBottom: uikitStyles.theme.space.xs,
-    borderRadius: uikitStyles.theme.table.rowListBorderRadius,
-    ...utils.getBorderStyles("row", uikitStyles.theme.table.rowListBorderColor, uikitStyles.theme.table.rowListBorderRadius),
+    borderRadius: uikitStyles.theme.radii.round,
+    ...utils.getBorderStyles(uikitStyles.theme.colors.atmo4, uikitStyles.theme.radii.round),
     backgroundColor: uikitStyles.theme.colors.atmo1,
     "&$selected": {
-      ...utils.getBorderStyles("row", uikitStyles.theme.colors.secondary, uikitStyles.theme.table.rowListBorderRadius),
+      ...utils.getBorderStyles(uikitStyles.theme.colors.secondary, uikitStyles.theme.radii.round),
       "&:hover": {
-        ...utils.getBorderStyles("row", uikitStyles.theme.table.rowHoverBorderColor, uikitStyles.theme.table.rowListBorderRadius)
+        ...utils.getBorderStyles(uikitStyles.theme.colors.atmo4, uikitStyles.theme.radii.round)
       }
     },
     "&:hover": {
-      ...utils.getBorderStyles("row", uikitStyles.theme.table.rowHoverBorderColor, uikitStyles.theme.table.rowListBorderRadius)
+      ...utils.getBorderStyles(uikitStyles.theme.colors.atmo4, uikitStyles.theme.radii.round)
     },
     "&.HvIsFocused": {
-      borderRadius: uikitStyles.theme.table.rowListBorderRadius
+      borderRadius: uikitStyles.theme.radii.round
     }
   },
   /** Styles applied to the component root when its table variant is list. */
   variantListHead: {
-    backgroundColor: uikitStyles.theme.table.rowListBackgroundColor
+    backgroundColor: "transparent"
   }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/components/Table/TableRow/TableRow.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableRow.styles.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableRow\", {\n /** Styles applied to the component root class. /\n root: {\n color: \"inherit\",\n backgroundColor: theme.~~table~~.~~rowBackgroundColor~~,\n verticalAlign: \"middle\",\n outline: 0,\n },\n /* Styles applied to the component root when inside a `HvTableHead`. /\n head: {},\n /* Styles applied to the component root when inside a `HvTableBody`. /\n body: {},\n /* Styles applied to the component root when inside a `HvTableFooter`. /\n footer: {},\n /* Styles applied to the component root when selected. /\n selected: {\n backgroundColor: theme.~~table~~.~~selectedRowBackgroundColor~~,\n },\n /* Styles applied to the component root when expanded. /\n expanded: {\n backgroundColor: theme.colors.atmo1,\n \"& > [role=cell]\": {\n borderBottom: \"none\",\n },\n },\n /** Styles applied to the component root when striped. /\n striped: {},\n /* Styles applied to the component root on hover. /\n hover: {\n transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n \"&:hover\": {\n backgroundColor: theme.~~table~~.~~rowHoverColor~~,\n },\n },\n /* Styles applied to the component root when its table variant is list. /\n variantList: {\n // only applied on custom `display`\n marginBottom: theme.space.xs,\n borderRadius: theme.~~table~~.~~rowListBorderRadius~~,\n\n ...getBorderStyles(~~\n \"row\",\n~~ theme.~~table~~.~~rowListBorderColor,\n~~ theme.~~table~~.~~rowListBorderRadius\n~~ ),\n backgroundColor: theme.colors.atmo1,\n \"&$selected\": {\n ...getBorderStyles(~~\n \"row\",\n~~ theme.colors.secondary~~,\n~~ theme.~~table~~.~~rowListBorderRadius\n~~ ),\n\n \"&:hover\": {\n ...getBorderStyles(~~\n \"row\",\n~~ theme.~~table~~.~~rowHoverBorderColor,\n~~ theme.~~table~~.~~rowListBorderRadius\n~~ ),\n },\n },\n\n \"&:hover\": {\n ...getBorderStyles(~~\n \"row\",\n~~ theme.~~table~~.~~rowHoverBorderColor,\n~~ theme.~~table~~.~~rowListBorderRadius\n~~ ),\n },\n \"&.HvIsFocused\": {\n borderRadius: theme.~~table~~.~~rowListBorderRadius~~,\n },\n },\n /* Styles applied to the component root when its table variant is list. */\n variantListHead: {\n backgroundColor: ~~theme.table.rowListBackgroundColor~~,\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","backgroundColor","theme","~~table~~","~~rowBackgroundColor~~","verticalAlign","outline","head","body","footer","selected","~~selectedRowBackgroundColor~~","expanded","~~colors~~","~~atmo1~~","~~borderBottom~~","~~striped","~~hover","transition","~~rowHoverColor","~~variantList","marginBottom","space","xs","borderRadius","~~rowListBorderRadius~~","~~getBorderStyles~~","~~rowListBorderColor~~","~~secondary~~","~~rowHoverBorderColor~~","variantListHead"~~,"rowListBackgroundColor"~~],"mappings":";;;;;AAMa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA;AAAA,EAEvEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,iBAAiBC,YAAAA,MAAMC,~~MAAMC~~;AAAAA,~~IAC7BC~~,eAAe;AAAA,IACfC,SAAS;AAAA,EACX;AAAA;AAAA,EAEAC,MAAM,CAAC;AAAA;AAAA,EAEPC,MAAM,CAAC;AAAA;AAAA,EAEPC,QAAQ,CAAC;AAAA;AAAA,EAETC,UAAU;AAAA,IACRT,iBAAiBC,YAAAA,MAAMC,~~MAAMQ~~;AAAAA,~~EAC/B~~;AAAA;AAAA,EAEAC,UAAU;AAAA,IACRX,iBAAiBC,YAAAA,~~MAAMW~~,OAAOC;AAAAA,IAC9B,oBAAoB;AAAA,~~MAClBC~~,cAAc;AAAA,IAChB;AAAA,EACF;AAAA;AAAA,EAEAC,SAAS,~~CAAC~~;AAAA;AAAA,~~EAEVC~~,OAAO;AAAA,IACLC,YAAY;AAAA,IACZ,WAAW;AAAA,~~MACTjB~~,iBAAiBC,YAAAA,MAAMC,~~MAAMgB~~;AAAAA,~~IAC/B~~;AAAA,EACF;AAAA;AAAA,~~EAEAC~~,aAAa;AAAA;AAAA,IAEXC,~~cAAcnB~~,YAAAA,~~MAAMoB~~,MAAMC;AAAAA,IAC1BC,~~cAActB~~,YAAAA,MAAMC~~,MAAMsB~~;AAAAA,IAE1B,GAAGC,~~sBACD~~,~~OACAxB~~,~~kBAAMC~~,~~MAAMwB~~,~~oBACZzB~~,YAAAA,MAAMC,~~MAAMsB,mBACd~~;AAAA,~~IACAxB~~,iBAAiBC,YAAAA,~~MAAMW~~,OAAOC;AAAAA,IAC9B,cAAc;AAAA,MACZ,~~GAAGY~~,~~sBACD~~,~~OACAxB~~,~~kBAAMW~~,~~OAAOe~~,~~WACb1B~~,YAAAA,MAAMC,~~MAAMsB,mBACd~~;AAAA,~~MAEA~~,WAAW;AAAA,QACT,GAAGC,~~sBACD~~,~~OACAxB~~,~~kBAAMC~~,~~MAAM0B~~,~~qBACZ3B~~,YAAAA,MAAMC,~~MAAMsB,mBACd~~;AAAA,~~MACF~~;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,GAAGC,~~sBACD~~,~~OACAxB~~,~~kBAAMC~~,~~MAAM0B~~,~~qBACZ3B~~,YAAAA,MAAMC,~~MAAMsB,mBACd~~;AAAA,~~IACF~~;AAAA,IACA,iBAAiB;AAAA,~~MACfD~~,~~cAActB~~,YAAAA,MAAMC~~,MAAMsB~~;AAAAA,IAC5B;AAAA,EACF;AAAA;AAAA,~~EAEAK~~,iBAAiB;AAAA,~~IACf7B~~,~~iBAAiBC,YAAAA,MAAMC,MAAM4B~~;~~AAAAA~~,~~EAC/B~~;AACF,CAAC;;;"}
1	+ {"version":3,"file":"TableRow.styles.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableRow\", {\n /** Styles applied to the component root class. /\n root: {\n color: \"inherit\",\n backgroundColor: theme.colors.atmo1,\n verticalAlign: \"middle\",\n outline: 0,\n },\n /* Styles applied to the component root when inside a `HvTableHead`. /\n head: {},\n /* Styles applied to the component root when inside a `HvTableBody`. /\n body: {},\n /* Styles applied to the component root when inside a `HvTableFooter`. /\n footer: {},\n /* Styles applied to the component root when selected. /\n selected: {\n backgroundColor: theme.colors.atmo2,\n },\n /* Styles applied to the component root when expanded. /\n expanded: {\n backgroundColor: theme.colors.atmo1,\n \"& > [role=cell]\": {\n borderBottom: \"none\",\n },\n },\n /** Styles applied to the component root when striped. /\n striped: {\n \"&:nth-of-type(even)\": {\n \"&:hover\": {\n backgroundColor: theme.colors.containerBackgroundHover,\n },\n },\n \"&:nth-of-type(odd)\": {\n \"&:hover\": {\n backgroundColor: theme.colors.containerBackgroundHover,\n },\n },\n },\n /* Styles applied to the component root on hover. /\n hover: {\n transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n \"&:hover\": {\n backgroundColor: theme.colors.containerBackgroundHover,\n },\n },\n /* Styles applied to the component root when its table variant is list. /\n variantList: {\n // only applied on custom `display`\n marginBottom: theme.space.xs,\n borderRadius: theme.radii.round,\n\n ...getBorderStyles(theme.colors.atmo4, theme.radii.round),\n backgroundColor: theme.colors.atmo1,\n \"&$selected\": {\n ...getBorderStyles(theme.colors.secondary, theme.radii.round),\n\n \"&:hover\": {\n ...getBorderStyles(theme.colors.atmo4, theme.radii.round),\n },\n },\n\n \"&:hover\": {\n ...getBorderStyles(theme.colors.atmo4, theme.radii.round),\n },\n \"&.HvIsFocused\": {\n borderRadius: theme.radii.round,\n },\n },\n /* Styles applied to the component root when its table variant is list. */\n variantListHead: {\n backgroundColor: \"transparent\",\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","backgroundColor","theme","colors","atmo1","verticalAlign","outline","head","body","footer","selected","atmo2","expanded","borderBottom","striped","containerBackgroundHover","hover","transition","variantList","marginBottom","space","xs","borderRadius","radii","round","getBorderStyles","atmo4","secondary","variantListHead"],"mappings":";;;;;AAMa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA;AAAA,EAEvEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9BC,eAAe;AAAA,IACfC,SAAS;AAAA,EACX;AAAA;AAAA,EAEAC,MAAM,CAAC;AAAA;AAAA,EAEPC,MAAM,CAAC;AAAA;AAAA,EAEPC,QAAQ,CAAC;AAAA;AAAA,EAETC,UAAU;AAAA,IACRT,iBAAiBC,YAAAA,MAAMC,OAAOQ;AAAAA,EAChC;AAAA;AAAA,EAEAC,UAAU;AAAA,IACRX,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9B,oBAAoB;AAAA,MAClBS,cAAc;AAAA,IAChB;AAAA,EACF;AAAA;AAAA,EAEAC,SAAS;AAAA,IACP,uBAAuB;AAAA,MACrB,WAAW;AAAA,QACTb,iBAAiBC,YAAAA,MAAMC,OAAOY;AAAAA,MAChC;AAAA,IACF;AAAA,IACA,sBAAsB;AAAA,MACpB,WAAW;AAAA,QACTd,iBAAiBC,YAAAA,MAAMC,OAAOY;AAAAA,MAChC;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAEAC,OAAO;AAAA,IACLC,YAAY;AAAA,IACZ,WAAW;AAAA,MACThB,iBAAiBC,YAAAA,MAAMC,OAAOY;AAAAA,IAChC;AAAA,EACF;AAAA;AAAA,EAEAG,aAAa;AAAA;AAAA,IAEXC,cAAcjB,YAAAA,MAAMkB,MAAMC;AAAAA,IAC1BC,cAAcpB,YAAAA,MAAMqB,MAAMC;AAAAA,IAE1B,GAAGC,MAAAA,gBAAgBvB,YAAAA,MAAMC,OAAOuB,OAAOxB,YAAAA,MAAMqB,MAAMC,KAAK;AAAA,IACxDvB,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9B,cAAc;AAAA,MACZ,GAAGqB,MAAAA,gBAAgBvB,YAAAA,MAAMC,OAAOwB,WAAWzB,YAAAA,MAAMqB,MAAMC,KAAK;AAAA,MAE5D,WAAW;AAAA,QACT,GAAGC,MAAAA,gBAAgBvB,YAAAA,MAAMC,OAAOuB,OAAOxB,YAAAA,MAAMqB,MAAMC,KAAK;AAAA,MAC1D;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,GAAGC,MAAAA,gBAAgBvB,YAAAA,MAAMC,OAAOuB,OAAOxB,YAAAA,MAAMqB,MAAMC,KAAK;AAAA,IAC1D;AAAA,IACA,iBAAiB;AAAA,MACfF,cAAcpB,YAAAA,MAAMqB,MAAMC;AAAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEAI,iBAAiB;AAAA,IACf3B,iBAAiB;AAAA,EACnB;AACF,CAAC;;;"}

package/dist/cjs/components/Table/utils/utils.cjs CHANGED Viewed

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const getBorderStyles = (type, color = uikitStyles.theme.table.rowBorderColor, rowBorderRadius = uikitStyles.theme.table.rowBorderRadius) => {
+const getBorderStyles = (color, rowBorderRadius) => {
   return {
     "& td": {
       borderTop: `1px solid ${color}`,

package/dist/cjs/components/Table/utils/utils.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.cjs","sources":["../../../../../src/components/Table/utils/utils.ts"],"sourcesContent":["~~import~~ ~~{ theme } from \"@hitachivantara/uikit-styles\";\n\nexport~~ const getBorderStyles = (~~\n type~~: ~~\"row\",\n color~~ ~~= theme.table.rowBorderColor,\n~~ rowBorderRadius ~~= theme.table.rowBorderRadius\n~~) => {\n return {\n \"& td\": {\n borderTop: `1px solid ${color}`,\n borderBottom: `1px solid ${color}`,\n },\n \"& td:first-of-type\": {\n borderLeft: `1px solid ${color}`,\n borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`,\n },\n \"& td:last-of-type\": {\n borderRight: `1px solid ${color}`,\n borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`,\n },\n };\n};\n"],"names":["getBorderStyles","~~type","~~color","~~theme","table","rowBorderColor","~~rowBorderRadius","borderTop","borderBottom","borderLeft","borderRadius","borderRight"],"mappings":"~~;;;AAEaA~~,MAAAA,kBAAkBA,~~CAC7BC~~,~~MACAC~~,~~QAAQC,kBAAMC,MAAMC,gBACpBC,kBAAkBH,YAAAA,MAAMC,MAAME,oBAC3B~~;~~AACI~~,SAAA;AAAA,IACL,QAAQ;AAAA,MACNC,WAAY,~~aAAYL~~,KAAM;AAAA,~~MAC9BM~~,cAAe,~~aAAYN~~,KAAM;AAAA,IACnC;AAAA,IACA,sBAAsB;AAAA,~~MACpBO~~,YAAa,~~aAAYP~~,KAAM;AAAA,MAC/BQ,cAAe,GAAEJ,eAAgB,QAAOA,eAAgB;AAAA,IAC1D;AAAA,IACA,qBAAqB;AAAA,MACnBK,aAAc,~~aAAYT~~,KAAM;AAAA,~~MAChCQ~~,cAAe,KAAIJ,eAAgB,IAAGA,eAAgB;AAAA,IACxD;AAAA,EAAA;AAEJ;;"}
1	+ {"version":3,"file":"utils.cjs","sources":["../../../../../src/components/Table/utils/utils.ts"],"sourcesContent":["export const getBorderStyles = (color: string, rowBorderRadius: string) => {\n return {\n \"& td\": {\n borderTop: `1px solid ${color}`,\n borderBottom: `1px solid ${color}`,\n },\n \"& td:first-of-type\": {\n borderLeft: `1px solid ${color}`,\n borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`,\n },\n \"& td:last-of-type\": {\n borderRight: `1px solid ${color}`,\n borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`,\n },\n };\n};\n"],"names":["getBorderStyles","color","rowBorderRadius","borderTop","borderBottom","borderLeft","borderRadius","borderRight"],"mappings":";;AAAaA,MAAAA,kBAAkBA,CAACC,OAAeC,oBAA4B;AAClE,SAAA;AAAA,IACL,QAAQ;AAAA,MACNC,WAAY,aAAYF,KAAM;AAAA,MAC9BG,cAAe,aAAYH,KAAM;AAAA,IACnC;AAAA,IACA,sBAAsB;AAAA,MACpBI,YAAa,aAAYJ,KAAM;AAAA,MAC/BK,cAAe,GAAEJ,eAAgB,QAAOA,eAAgB;AAAA,IAC1D;AAAA,IACA,qBAAqB;AAAA,MACnBK,aAAc,aAAYN,KAAM;AAAA,MAChCK,cAAe,KAAIJ,eAAgB,IAAGA,eAAgB;AAAA,IACxD;AAAA,EAAA;AAEJ;;"}

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

@@ -47,7 +47,7 @@ const {
       height: 16,
       padding: 0,
       "&:hover": {
-        backgroundColor: uikitStyles.theme.button.hoverColor
+        backgroundColor: uikitStyles.theme.colors.containerBackgroundHover
       },
       "&:focus": {
         ...focusUtils.outlineStyles,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.styles.cjs","sources":["../../../../src/components/Tag/Tag.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport { CSSProperties } from \"react\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTag\", {\n root: {},\n\n chipRoot: {\n \"&.MuiChip-root\": {\n height: 16,\n borderRadius: 0,\n maxWidth: 180,\n fontFamily: theme.fontFamily.body,\n\n \"&:focus-visible\": {\n backgroundColor: hexToRgbA(theme.colors.base_light, 0.3),\n },\n\n \"&$categorical\": {\n borderRadius: 8,\n \"& $label\": {\n color: theme.colors.secondary,\n },\n },\n },\n\n \"&$disabled\": {\n opacity: 1,\n backgroundColor: theme.colors.atmo3,\n \"& $label\": {\n color: theme.colors.secondary_60,\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.base_dark,\n \"& p\": {\n color: theme.colors.base_dark,\n },\n },\n\n \"& .MuiChip-deleteIcon\": {\n marginRight: 0,\n width: 16,\n height: 16,\n padding: 0,\n \"&:hover\": {\n backgroundColor: theme.~~button~~.~~hoverColor~~,\n },\n \"&:focus\": {\n ...outlineStyles,\n borderRadius: 0,\n },\n \"&:focus:not(:focus-visible)\": {\n outline: \"0 !important\",\n boxShadow: \"none !important\",\n },\n },\n },\n\n disabled: {},\n\n clickable: {\n cursor: \"pointer\",\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n },\n\n categorical: {},\n\n label: {},\n\n deleteIcon: {},\n\n // TODO: redundant - use deleteIcon. remove in v6\n button: {},\n tagButton: {},\n // TODO: redundant - use $clickable or :not($disabled). remove in v6\n focusVisible: {},\n disabledDeleteIcon: {},\n categoricalFocus: {},\n categoricalDisabled: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","chipRoot","height","borderRadius","maxWidth","fontFamily","theme","body","backgroundColor","hexToRgbA","colors","base_light","color","secondary","opacity","atmo3","secondary_60","paddingLeft","space","xs","paddingRight","typography","caption1","base_dark","marginRight","width","padding","~~button~~","~~hoverColor","~~outlineStyles","outline","boxShadow","disabled","clickable","cursor","categorical","label","deleteIcon","tagButton","focusVisible","disabledDeleteIcon","categoricalFocus","categoricalDisabled"],"mappings":";;;;;;AAMa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,SAAS;AAAA,EAClEC,MAAM,CAAC;AAAA,EAEPC,UAAU;AAAA,IACR,kBAAkB;AAAA,MAChBC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdC,UAAU;AAAA,MACVC,YAAYC,YAAAA,MAAMD,WAAWE;AAAAA,MAE7B,mBAAmB;AAAA,QACjBC,iBAAiBC,UAAAA,UAAUH,YAAAA,MAAMI,OAAOC,YAAY,GAAG;AAAA,MACzD;AAAA,MAEA,iBAAiB;AAAA,QACfR,cAAc;AAAA,QACd,YAAY;AAAA,UACVS,OAAON,YAAAA,MAAMI,OAAOG;AAAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,cAAc;AAAA,MACZC,SAAS;AAAA,MACTN,iBAAiBF,YAAAA,MAAMI,OAAOK;AAAAA,MAC9B,YAAY;AAAA,QACVH,OAAON,YAAAA,MAAMI,OAAOM;AAAAA,MACtB;AAAA,IACF;AAAA,IAEA,oBAAoB;AAAA,MAClBC,aAAaX,YAAAA,MAAMY,MAAMC;AAAAA,MACzBC,cAAcd,YAAAA,MAAMY,MAAMC;AAAAA,MAC1B,GAAIb,YAAAA,MAAMe,WAAWC;AAAAA,MACrBV,OAAON,YAAAA,MAAMI,OAAOa;AAAAA,MACpB,OAAO;AAAA,QACLX,OAAON,YAAAA,MAAMI,OAAOa;AAAAA,MACtB;AAAA,IACF;AAAA,IAEA,yBAAyB;AAAA,MACvBC,aAAa;AAAA,MACbC,OAAO;AAAA,MACPvB,QAAQ;AAAA,MACRwB,SAAS;AAAA,MACT,WAAW;AAAA,QACTlB,iBAAiBF,YAAAA,~~MAAMqB~~,~~OAAOC~~;AAAAA,MAChC;AAAA,MACA,WAAW;AAAA,QACT,GAAGC,WAAAA;AAAAA,~~QACH1B~~,cAAc;AAAA,MAChB;AAAA,MACA,+BAA+B;AAAA,~~QAC7B2B~~,SAAS;AAAA,QACTC,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEAC,UAAU,CAAC;AAAA,EAEXC,WAAW;AAAA,IACTC,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjB,GAAGL,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EAEAM,aAAa,CAAC;AAAA,EAEdC,OAAO,CAAC;AAAA,EAERC,YAAY,CAAC;AAAA;AAAA,~~EAGbV~~,QAAQ,CAAC;AAAA,~~EACTW~~,WAAW,CAAC;AAAA;AAAA,EAEZC,cAAc,CAAC;AAAA,EACfC,oBAAoB,CAAC;AAAA,EACrBC,kBAAkB,CAAC;AAAA,EACnBC,qBAAqB,CAAC;AACxB,CAAC;;;"}
1	+ {"version":3,"file":"Tag.styles.cjs","sources":["../../../../src/components/Tag/Tag.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport { CSSProperties } from \"react\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTag\", {\n root: {},\n\n chipRoot: {\n \"&.MuiChip-root\": {\n height: 16,\n borderRadius: 0,\n maxWidth: 180,\n fontFamily: theme.fontFamily.body,\n\n \"&:focus-visible\": {\n backgroundColor: hexToRgbA(theme.colors.base_light, 0.3),\n },\n\n \"&$categorical\": {\n borderRadius: 8,\n \"& $label\": {\n color: theme.colors.secondary,\n },\n },\n },\n\n \"&$disabled\": {\n opacity: 1,\n backgroundColor: theme.colors.atmo3,\n \"& $label\": {\n color: theme.colors.secondary_60,\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.base_dark,\n \"& p\": {\n color: theme.colors.base_dark,\n },\n },\n\n \"& .MuiChip-deleteIcon\": {\n marginRight: 0,\n width: 16,\n height: 16,\n padding: 0,\n \"&:hover\": {\n backgroundColor: theme.colors.containerBackgroundHover,\n },\n \"&:focus\": {\n ...outlineStyles,\n borderRadius: 0,\n },\n \"&:focus:not(:focus-visible)\": {\n outline: \"0 !important\",\n boxShadow: \"none !important\",\n },\n },\n },\n\n disabled: {},\n\n clickable: {\n cursor: \"pointer\",\n \"&:focus-visible\": {\n ...outlineStyles,\n },\n },\n\n categorical: {},\n\n label: {},\n\n deleteIcon: {},\n\n // TODO: redundant - use deleteIcon. remove in v6\n button: {},\n tagButton: {},\n // TODO: redundant - use $clickable or :not($disabled). remove in v6\n focusVisible: {},\n disabledDeleteIcon: {},\n categoricalFocus: {},\n categoricalDisabled: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","chipRoot","height","borderRadius","maxWidth","fontFamily","theme","body","backgroundColor","hexToRgbA","colors","base_light","color","secondary","opacity","atmo3","secondary_60","paddingLeft","space","xs","paddingRight","typography","caption1","base_dark","marginRight","width","padding","containerBackgroundHover","outlineStyles","outline","boxShadow","disabled","clickable","cursor","categorical","label","deleteIcon","button","tagButton","focusVisible","disabledDeleteIcon","categoricalFocus","categoricalDisabled"],"mappings":";;;;;;AAMa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,SAAS;AAAA,EAClEC,MAAM,CAAC;AAAA,EAEPC,UAAU;AAAA,IACR,kBAAkB;AAAA,MAChBC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdC,UAAU;AAAA,MACVC,YAAYC,YAAAA,MAAMD,WAAWE;AAAAA,MAE7B,mBAAmB;AAAA,QACjBC,iBAAiBC,UAAAA,UAAUH,YAAAA,MAAMI,OAAOC,YAAY,GAAG;AAAA,MACzD;AAAA,MAEA,iBAAiB;AAAA,QACfR,cAAc;AAAA,QACd,YAAY;AAAA,UACVS,OAAON,YAAAA,MAAMI,OAAOG;AAAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,cAAc;AAAA,MACZC,SAAS;AAAA,MACTN,iBAAiBF,YAAAA,MAAMI,OAAOK;AAAAA,MAC9B,YAAY;AAAA,QACVH,OAAON,YAAAA,MAAMI,OAAOM;AAAAA,MACtB;AAAA,IACF;AAAA,IAEA,oBAAoB;AAAA,MAClBC,aAAaX,YAAAA,MAAMY,MAAMC;AAAAA,MACzBC,cAAcd,YAAAA,MAAMY,MAAMC;AAAAA,MAC1B,GAAIb,YAAAA,MAAMe,WAAWC;AAAAA,MACrBV,OAAON,YAAAA,MAAMI,OAAOa;AAAAA,MACpB,OAAO;AAAA,QACLX,OAAON,YAAAA,MAAMI,OAAOa;AAAAA,MACtB;AAAA,IACF;AAAA,IAEA,yBAAyB;AAAA,MACvBC,aAAa;AAAA,MACbC,OAAO;AAAA,MACPvB,QAAQ;AAAA,MACRwB,SAAS;AAAA,MACT,WAAW;AAAA,QACTlB,iBAAiBF,YAAAA,MAAMI,OAAOiB;AAAAA,MAChC;AAAA,MACA,WAAW;AAAA,QACT,GAAGC,WAAAA;AAAAA,QACHzB,cAAc;AAAA,MAChB;AAAA,MACA,+BAA+B;AAAA,QAC7B0B,SAAS;AAAA,QACTC,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEAC,UAAU,CAAC;AAAA,EAEXC,WAAW;AAAA,IACTC,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjB,GAAGL,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EAEAM,aAAa,CAAC;AAAA,EAEdC,OAAO,CAAC;AAAA,EAERC,YAAY,CAAC;AAAA;AAAA,EAGbC,QAAQ,CAAC;AAAA,EACTC,WAAW,CAAC;AAAA;AAAA,EAEZC,cAAc,CAAC;AAAA,EACfC,oBAAoB,CAAC;AAAA,EACrBC,kBAAkB,CAAC;AAAA,EACnBC,qBAAqB,CAAC;AACxB,CAAC;;;"}

package/dist/cjs/components/TagsInput/TagsInput.styles.cjs CHANGED Viewed

@@ -40,7 +40,7 @@ const {
   },
   disabled: {
     "& $tagsList": {
-      backgroundColor: uikitStyles.theme.tagsInput.disabledBackgroundColor,
+      backgroundColor: uikitStyles.theme.colors.atmo2,
       border: `1px solid ${uikitStyles.theme.colors.atmo4}`,
       "&:focus-within, &:hover": {
         border: `1px solid ${uikitStyles.theme.colors.atmo4}`
@@ -49,10 +49,10 @@ const {
   },
   readOnly: {
     "& $tagsList": {
-      backgroundColor: uikitStyles.theme.tagsInput.readOnlyBackgroundColor,
-      border: `1px solid ${uikitStyles.theme.tagsInput.readOnlyBorderColor}`,
+      backgroundColor: uikitStyles.theme.colors.atmo2,
+      border: `1px solid ${uikitStyles.theme.colors.secondary_60}`,
       "&:hover": {
-        border: `1px solid ${uikitStyles.theme.tagsInput.readOnlyBorderColor}`
+        border: `1px solid ${uikitStyles.theme.colors.secondary_60}`
       }
     }
   },
@@ -96,11 +96,11 @@ const {
     flexDirection: "row",
     flexWrap: "wrap",
     backgroundColor: uikitStyles.theme.colors.atmo1,
-    border: `1px solid ${uikitStyles.theme.tagsInput.borderColor}`,
+    border: `1px solid ${uikitStyles.theme.colors.secondary_80}`,
     borderRadius: uikitStyles.theme.radii.base,
     "&:hover": {
       cursor: "text",
-      border: `1px solid ${uikitStyles.theme.tagsInput.hoverColor}`
+      border: `1px solid ${uikitStyles.theme.colors.primary}`
     },
     [`& .${BaseInput_styles.staticClasses.inputRoot}`]: {
       border: "none"

package/dist/cjs/components/TagsInput/TagsInput.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsInput.styles.cjs","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import { chipClasses } from \"@mui/material\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { suggestionsClasses } from \"@core/components/Forms\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTagsInput\", {\n input: {\n width: \"100%\",\n ...theme.typography.caption1,\n },\n listItemGutters: { padding: \"0 5px\" },\n listItemRoot: {\n marginBottom: 2,\n height: 24,\n lineHeight: \"24px\",\n\n \"&:not(:last-child)\": {\n marginBottom: 2,\n },\n\n \"&$singleLine\": {\n display: \"table-cell\",\n paddingTop: \"2px\",\n },\n },\n root: { display: \"inline-block\", width: \"100%\" },\n chipRoot: {\n [`&.${chipClasses.root}`]: {\n maxWidth: \"none\",\n },\n },\n disabled: {\n \"& $tagsList\": {\n backgroundColor: theme.tagsInput.disabledBackgroundColor,\n border: `1px solid ${theme.colors.atmo4}`,\n\n \"&:focus-within, &:hover\": {\n border: `1px solid ${theme.colors.atmo4}`,\n },\n },\n },\n readOnly: {\n \"& $tagsList\": {\n backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n\n \"&:hover\": {\n border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n },\n },\n },\n resizable: { width: \"auto\", resize: \"both\", overflow: \"auto\" },\n invalid: {},\n labelContainer: { float: \"left\", display: \"flex\", alignItems: \"flex-start\" },\n label: { display: \"block\", float: \"left\", paddingBottom: \"6px\" },\n description: { display: \"block\", float: \"left\" },\n characterCounter: {\n display: \"block\",\n float: \"right\",\n textAlign: \"right\",\n marginBottom: \"6px\",\n },\n tagsList: {\n display: \"flex\",\n alignContent: \"flex-start\",\n float: \"left\",\n clear: \"both\",\n width: \"100%\",\n maxWidth: \"100%\",\n height: \"32px\",\n padding: 5,\n overflow: \"auto\",\n position: \"relative\",\n\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.tagsInput.borderColor}`,\n borderRadius: theme.radii.base,\n\n \"&:hover\": {\n cursor: \"text\",\n border: `1px solid ${theme.tagsInput.hoverColor}`,\n },\n\n [`& .${baseInputClasses.inputRoot}`]: {\n border: \"none\",\n },\n\n \"&:focus, &:focus-within, &:focus-visible\": {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n\n \"&$singleLine\": {\n overflowX: \"hidden\",\n overflowY: \"hidden\",\n height: 32,\n display: \"table-row\",\n paddingTop: 0,\n },\n\n \"&$error\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n\n \"&$invalid\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n tagInputContainerRoot: {\n display: \"flex\",\n flexGrow: 1,\n height: 24,\n lineHeight: \"24px\",\n\n \"&$singleLine\": {\n display: \"table-cell\",\n minWidth: 60,\n width: \"100%\",\n paddingTop: \"3px\",\n verticalAlign: \"middle\",\n },\n },\n tagInputRoot: {\n [`& .${baseInputClasses.root}`]: {\n width: \"100%\",\n border: \"none\",\n \"&:hover $tagInputBorderContainer\": {\n background: \"none\",\n },\n },\n [`&& .${baseInputClasses.inputRoot}`]: {\n marginLeft: 0,\n marginRight: 0,\n flex: \"1 1 auto\",\n height: 24,\n lineHeight: \"24px\",\n padding: 0,\n border: \"none\",\n },\n [`& .${baseInputClasses.inputBorderContainer}`]: {\n border: \"none\",\n background: \"none\",\n },\n [`& .${baseInputClasses.inputRootFocused}`]: {\n outline: \"none\",\n boxShadow: \"none\",\n },\n [`& .${baseInputClasses.root} .${baseInputClasses.inputRootReadOnly}`]: {\n backgroundColor: \"transparent\",\n border: \"none\",\n \"&:hover\": {\n border: \"none\",\n },\n },\n [`&& .${baseInputClasses.input}`]: {\n marginLeft: 0,\n },\n },\n tagSelected: {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n tagInputBorderContainer: {},\n tagInputRootFocused: {},\n tagInputRootEmpty: {},\n singleLine: {},\n error: { float: \"left\" },\n inputExtension: {},\n suggestionsContainer: {\n width: \"100%\",\n position: \"relative\",\n top: 59,\n [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n width: \"100%\",\n },\n },\n suggestionList: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","input","width","theme","typography","caption1","listItemGutters","padding","listItemRoot","marginBottom","height","lineHeight","display","paddingTop","root","chipRoot","chipClasses","maxWidth","disabled","backgroundColor","tagsInput","disabledBackgroundColor","border","colors","atmo4","readOnly","readOnlyBackgroundColor","readOnlyBorderColor","resizable","resize","overflow","invalid","labelContainer","float","alignItems","label","paddingBottom","description","characterCounter","textAlign","tagsList","alignContent","clear","position","flexDirection","flexWrap","atmo1","borderColor","borderRadius","radii","base","cursor","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","overflowX","overflowY","negative","tagInputContainerRoot","flexGrow","minWidth","verticalAlign","tagInputRoot","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","tagSelected","tagInputBorderContainer","tagInputRootFocused","tagInputRootEmpty","singleLine","error","inputExtension","suggestionsContainer","top","suggestionsClasses","list","suggestionList"],"mappings":"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"}
1	+ {"version":3,"file":"TagsInput.styles.cjs","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import { chipClasses } from \"@mui/material\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { suggestionsClasses } from \"@core/components/Forms\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTagsInput\", {\n input: {\n width: \"100%\",\n ...theme.typography.caption1,\n },\n listItemGutters: { padding: \"0 5px\" },\n listItemRoot: {\n marginBottom: 2,\n height: 24,\n lineHeight: \"24px\",\n\n \"&:not(:last-child)\": {\n marginBottom: 2,\n },\n\n \"&$singleLine\": {\n display: \"table-cell\",\n paddingTop: \"2px\",\n },\n },\n root: { display: \"inline-block\", width: \"100%\" },\n chipRoot: {\n [`&.${chipClasses.root}`]: {\n maxWidth: \"none\",\n },\n },\n disabled: {\n \"& $tagsList\": {\n backgroundColor: theme.colors.atmo2,\n border: `1px solid ${theme.colors.atmo4}`,\n\n \"&:focus-within, &:hover\": {\n border: `1px solid ${theme.colors.atmo4}`,\n },\n },\n },\n readOnly: {\n \"& $tagsList\": {\n backgroundColor: theme.colors.atmo2,\n border: `1px solid ${theme.colors.secondary_60}`,\n\n \"&:hover\": {\n border: `1px solid ${theme.colors.secondary_60}`,\n },\n },\n },\n resizable: { width: \"auto\", resize: \"both\", overflow: \"auto\" },\n invalid: {},\n labelContainer: { float: \"left\", display: \"flex\", alignItems: \"flex-start\" },\n label: { display: \"block\", float: \"left\", paddingBottom: \"6px\" },\n description: { display: \"block\", float: \"left\" },\n characterCounter: {\n display: \"block\",\n float: \"right\",\n textAlign: \"right\",\n marginBottom: \"6px\",\n },\n tagsList: {\n display: \"flex\",\n alignContent: \"flex-start\",\n float: \"left\",\n clear: \"both\",\n width: \"100%\",\n maxWidth: \"100%\",\n height: \"32px\",\n padding: 5,\n overflow: \"auto\",\n position: \"relative\",\n\n flexDirection: \"row\",\n flexWrap: \"wrap\",\n\n backgroundColor: theme.colors.atmo1,\n border: `1px solid ${theme.colors.secondary_80}`,\n borderRadius: theme.radii.base,\n\n \"&:hover\": {\n cursor: \"text\",\n border: `1px solid ${theme.colors.primary}`,\n },\n\n [`& .${baseInputClasses.inputRoot}`]: {\n border: \"none\",\n },\n\n \"&:focus, &:focus-within, &:focus-visible\": {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n\n \"&$singleLine\": {\n overflowX: \"hidden\",\n overflowY: \"hidden\",\n height: 32,\n display: \"table-row\",\n paddingTop: 0,\n },\n\n \"&$error\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n\n \"&$invalid\": {\n border: `1px solid ${theme.colors.negative}`,\n },\n },\n tagInputContainerRoot: {\n display: \"flex\",\n flexGrow: 1,\n height: 24,\n lineHeight: \"24px\",\n\n \"&$singleLine\": {\n display: \"table-cell\",\n minWidth: 60,\n width: \"100%\",\n paddingTop: \"3px\",\n verticalAlign: \"middle\",\n },\n },\n tagInputRoot: {\n [`& .${baseInputClasses.root}`]: {\n width: \"100%\",\n border: \"none\",\n \"&:hover $tagInputBorderContainer\": {\n background: \"none\",\n },\n },\n [`&& .${baseInputClasses.inputRoot}`]: {\n marginLeft: 0,\n marginRight: 0,\n flex: \"1 1 auto\",\n height: 24,\n lineHeight: \"24px\",\n padding: 0,\n border: \"none\",\n },\n [`& .${baseInputClasses.inputBorderContainer}`]: {\n border: \"none\",\n background: \"none\",\n },\n [`& .${baseInputClasses.inputRootFocused}`]: {\n outline: \"none\",\n boxShadow: \"none\",\n },\n [`& .${baseInputClasses.root} .${baseInputClasses.inputRootReadOnly}`]: {\n backgroundColor: \"transparent\",\n border: \"none\",\n \"&:hover\": {\n border: \"none\",\n },\n },\n [`&& .${baseInputClasses.input}`]: {\n marginLeft: 0,\n },\n },\n tagSelected: {\n outlineColor: \"#52A8EC\",\n outlineStyle: \"solid\",\n outlineWidth: \"0px\",\n outlineOffset: \"-1px\",\n boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n },\n tagInputBorderContainer: {},\n tagInputRootFocused: {},\n tagInputRootEmpty: {},\n singleLine: {},\n error: { float: \"left\" },\n inputExtension: {},\n suggestionsContainer: {\n width: \"100%\",\n position: \"relative\",\n top: 59,\n [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n width: \"100%\",\n },\n },\n suggestionList: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","input","width","theme","typography","caption1","listItemGutters","padding","listItemRoot","marginBottom","height","lineHeight","display","paddingTop","root","chipRoot","chipClasses","maxWidth","disabled","backgroundColor","colors","atmo2","border","atmo4","readOnly","secondary_60","resizable","resize","overflow","invalid","labelContainer","float","alignItems","label","paddingBottom","description","characterCounter","textAlign","tagsList","alignContent","clear","position","flexDirection","flexWrap","atmo1","secondary_80","borderRadius","radii","base","cursor","primary","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","overflowX","overflowY","negative","tagInputContainerRoot","flexGrow","minWidth","verticalAlign","tagInputRoot","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","tagSelected","tagInputBorderContainer","tagInputRootFocused","tagInputRootEmpty","singleLine","error","inputExtension","suggestionsContainer","top","suggestionsClasses","list","suggestionList"],"mappings":"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"}

package/dist/cjs/components/Tooltip/Tooltip.cjs CHANGED Viewed

@@ -34,7 +34,6 @@ const HvTooltip = React.forwardRef((props, ref) => {
     tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,
     popper: classes.popper
   }, title, PopperProps: {
-    sx: Tooltip_styles.popperSx(useSingle),
     container: typeof window !== "undefined" ? document.getElementById(containerId || rootId || "") || document.body : void 0
   }, ...others, children });
 });

package/dist/cjs/components/Tooltip/Tooltip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Fade, Tooltip, TooltipProps as MuiTooltipProps } from \"@mui/material\";\nimport { forwardRef, ReactElement } from \"react\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { ~~popperSx,~~ staticClasses, useClasses } from \"./Tooltip.styles\";\n\nexport { staticClasses as tooltipClasses };\n\nexport type HvTooltipClasses = ExtractNames<typeof useClasses>;\nexport type HvTooltipPlacementType = MuiTooltipProps[\"placement\"];\n\nexport interface HvTooltipProps extends Omit<MuiTooltipProps, \"classes\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvTooltipClasses;\n /\n If true, the tooltip is shown.\n /\n open?: boolean;\n /\n Tooltip placement.\n /\n placement?: HvTooltipPlacementType;\n /\n The number of milliseconds to wait before showing the tooltip.\n * This property won't impact the enter touch delay (enterTouchDelay).\n /\n enterDelay?: number;\n /* @inheritdoc /\n title: MuiTooltipProps[\"title\"];\n /* @inheritdoc /\n TransitionComponent?: MuiTooltipProps[\"TransitionComponent\"];\n /* @inheritdoc /\n TransitionProps?: MuiTooltipProps[\"TransitionProps\"];\n /\n Defines if should use a single or multiline tooltip.\n /\n useSingle?: boolean;\n /\n Node to apply the tooltip.\n /\n children: ReactElement;\n /\n Id attribute value of an HTML Element to have the tooltip appended to it.\n /\n containerId?: string;\n}\n\n/\n Tooltips display informative text when users hover over, focus on, or tap an element.\n * Accessibility-wise, the tooltip automatically labels the `children` content.\n */\nexport const HvTooltip = forwardRef((props: HvTooltipProps, ref) => {\n const {\n className,\n classes: classesProp,\n open,\n enterDelay = 300,\n placement = \"top\",\n useSingle = true,\n children,\n title,\n TransitionComponent = Fade,\n TransitionProps = { timeout: 400, placement },\n containerId,\n ...others\n } = useDefaultProps(\"HvTooltip\", props);\n\n const { rootId } = useTheme();\n const { classes } = useClasses(classesProp);\n\n return (\n <Tooltip\n ref={ref}\n open={open ?? undefined}\n enterDelay={enterDelay}\n placement={placement}\n TransitionComponent={TransitionComponent}\n TransitionProps={TransitionProps}\n className={className}\n classes={{\n tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,\n popper: classes.popper,\n }}\n title={title}\n PopperProps={{\n ~~sx: popperSx(useSingle),\n~~ container:\n typeof window !== \"undefined\"\n ? document.getElementById(containerId \|\| rootId \|\| \"\") \|\|\n document.body\n : undefined,\n }}\n {...others}\n >\n {children}\n </Tooltip>\n );\n});\n"],"names":["HvTooltip","forwardRef","props","ref","className","classes","classesProp","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","containerId","others","useDefaultProps","rootId","useTheme","useClasses","jsx","Tooltip","undefined","tooltip","tooltipMulti","popper","~~sx","popperSx","~~container","window","document","getElementById","body"],"mappings":";;;;;;;;AA0DO,MAAMA,YAAYC,MAAAA,WAAW,CAACC,OAAuBC,QAAQ;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC,aAAa;AAAA,IACbC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC;AAAAA,IACAC;AAAAA,IACAC,sBAAsBC,SAAAA;AAAAA,IACtBC,kBAAkB;AAAA,MAAEC,SAAS;AAAA,MAAKP;AAAAA,IAAU;AAAA,IAC5CQ;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,aAAajB,KAAK;AAEhC,QAAA;AAAA,IAAEkB;AAAAA,MAAWC,SAAS,SAAA;AACtB,QAAA;AAAA,IAAEhB;AAAAA,EAAAA,IAAYiB,eAAAA,WAAWhB,WAAW;AAGxC,SAAAiB,2BAAA,IAACC,SACC,SAAA,EAAA,KACA,MAAMjB,QAAQkB,QACd,YACA,WACA,qBACA,iBACA,WACA,SAAS;AAAA,IACPC,SAAShB,YAAYL,QAAQqB,UAAUrB,QAAQsB;AAAAA,IAC/CC,QAAQvB,QAAQuB;AAAAA,EAAAA,GAElB,OACA,aAAa;AAAA,IACXC,~~IAAIC,wBAASpB,SAAS;AAAA,IACtBqB,~~WACE,OAAOC,WAAW,cACdC,SAASC,~~eAAejB~~,eAAeG,UAAU,EAAE,~~KACnDa~~,SAASE,~~OACTV~~;AAAAA,EAAAA,GAEJP,GAAAA,QAEHP,SACH,CAAA;AAEJ,CAAC;;;"}
1	+ {"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { Fade, Tooltip, TooltipProps as MuiTooltipProps } from \"@mui/material\";\nimport { forwardRef, ReactElement } from \"react\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./Tooltip.styles\";\n\nexport { staticClasses as tooltipClasses };\n\nexport type HvTooltipClasses = ExtractNames<typeof useClasses>;\nexport type HvTooltipPlacementType = MuiTooltipProps[\"placement\"];\n\nexport interface HvTooltipProps extends Omit<MuiTooltipProps, \"classes\"> {\n /*\n Class names to be applied.\n /\n className?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvTooltipClasses;\n /\n If true, the tooltip is shown.\n /\n open?: boolean;\n /\n Tooltip placement.\n /\n placement?: HvTooltipPlacementType;\n /\n The number of milliseconds to wait before showing the tooltip.\n * This property won't impact the enter touch delay (enterTouchDelay).\n /\n enterDelay?: number;\n /* @inheritdoc /\n title: MuiTooltipProps[\"title\"];\n /* @inheritdoc /\n TransitionComponent?: MuiTooltipProps[\"TransitionComponent\"];\n /* @inheritdoc /\n TransitionProps?: MuiTooltipProps[\"TransitionProps\"];\n /\n Defines if should use a single or multiline tooltip.\n /\n useSingle?: boolean;\n /\n Node to apply the tooltip.\n /\n children: ReactElement;\n /\n Id attribute value of an HTML Element to have the tooltip appended to it.\n /\n containerId?: string;\n}\n\n/\n Tooltips display informative text when users hover over, focus on, or tap an element.\n * Accessibility-wise, the tooltip automatically labels the `children` content.\n */\nexport const HvTooltip = forwardRef((props: HvTooltipProps, ref) => {\n const {\n className,\n classes: classesProp,\n open,\n enterDelay = 300,\n placement = \"top\",\n useSingle = true,\n children,\n title,\n TransitionComponent = Fade,\n TransitionProps = { timeout: 400, placement },\n containerId,\n ...others\n } = useDefaultProps(\"HvTooltip\", props);\n\n const { rootId } = useTheme();\n const { classes } = useClasses(classesProp);\n\n return (\n <Tooltip\n ref={ref}\n open={open ?? undefined}\n enterDelay={enterDelay}\n placement={placement}\n TransitionComponent={TransitionComponent}\n TransitionProps={TransitionProps}\n className={className}\n classes={{\n tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,\n popper: classes.popper,\n }}\n title={title}\n PopperProps={{\n container:\n typeof window !== \"undefined\"\n ? document.getElementById(containerId \|\| rootId \|\| \"\") \|\|\n document.body\n : undefined,\n }}\n {...others}\n >\n {children}\n </Tooltip>\n );\n});\n"],"names":["HvTooltip","forwardRef","props","ref","className","classes","classesProp","open","enterDelay","placement","useSingle","children","title","TransitionComponent","Fade","TransitionProps","timeout","containerId","others","useDefaultProps","rootId","useTheme","useClasses","jsx","Tooltip","undefined","tooltip","tooltipMulti","popper","container","window","document","getElementById","body"],"mappings":";;;;;;;;AA0DO,MAAMA,YAAYC,MAAAA,WAAW,CAACC,OAAuBC,QAAQ;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC,aAAa;AAAA,IACbC,YAAY;AAAA,IACZC,YAAY;AAAA,IACZC;AAAAA,IACAC;AAAAA,IACAC,sBAAsBC,SAAAA;AAAAA,IACtBC,kBAAkB;AAAA,MAAEC,SAAS;AAAA,MAAKP;AAAAA,IAAU;AAAA,IAC5CQ;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,aAAajB,KAAK;AAEhC,QAAA;AAAA,IAAEkB;AAAAA,MAAWC,SAAS,SAAA;AACtB,QAAA;AAAA,IAAEhB;AAAAA,EAAAA,IAAYiB,eAAAA,WAAWhB,WAAW;AAGxC,SAAAiB,2BAAA,IAACC,SACC,SAAA,EAAA,KACA,MAAMjB,QAAQkB,QACd,YACA,WACA,qBACA,iBACA,WACA,SAAS;AAAA,IACPC,SAAShB,YAAYL,QAAQqB,UAAUrB,QAAQsB;AAAAA,IAC/CC,QAAQvB,QAAQuB;AAAAA,EAAAA,GAElB,OACA,aAAa;AAAA,IACXC,WACE,OAAOC,WAAW,cACdC,SAASC,eAAef,eAAeG,UAAU,EAAE,KACnDW,SAASE,OACTR;AAAAA,EAAAA,GAEJP,GAAAA,QAEHP,SACH,CAAA;AAEJ,CAAC;;;"}

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

@@ -10,17 +10,7 @@ const {
   root: {},
   tooltip: {},
   tooltipMulti: {},
-  popper: {},
-  title: {},
-  valuesContainer: {},
-  values: {},
-  color: {},
-  separatorColor: {},
-  separator: {},
-  valueWrapper: {}
-});
-const popperSx = (useSingle) => {
-  return {
+  popper: {
     [`& .${material.tooltipClasses.popper}`]: {
       opacity: 1
     },
@@ -33,29 +23,22 @@ const popperSx = (useSingle) => {
       backgroundColor: uikitStyles.theme.colors.atmo1,
       boxShadow: uikitStyles.theme.colors.shadow,
       padding: 0,
-      ...useSingle && {
-        padding: "15px 20px",
-        borderRadius: uikitStyles.theme.tooltip.borderRadius
-      },
       "& p": {
         display: "-webkit-box",
         width: "fit-content",
         boxOrient: "vertical",
         textOverflow: "ellipsis",
-        overflow: "hidden",
-        ...useSingle && {
-          wordBreak: "break-word"
-        }
+        overflow: "hidden"
       }
     },
-    [`& .${staticClasses.title}`]: {
+    "& $title": {
       padding: "15px 20px",
       borderBottom: `3px solid ${uikitStyles.theme.colors.atmo2}`
     },
-    [`& .${staticClasses.valuesContainer}`]: {
+    "& $valuesContainer": {
       padding: uikitStyles.theme.space.sm
     },
-    [`& .${staticClasses.values}`]: {
+    "& $values": {
       display: "flex",
       justifyContent: "space-between",
       paddingBottom: "10px",
@@ -63,21 +46,34 @@ const popperSx = (useSingle) => {
         paddingBottom: 0
       }
     },
-    [`& .${staticClasses.color}`]: {
+    "& $color": {
       width: uikitStyles.theme.space.xs
     },
-    [`& .${staticClasses.separator}`]: {
+    "& $separator": {
       width: uikitStyles.theme.space.xs
     },
-    [`& .${staticClasses.separatorColor}`]: {
+    "& $separatorColor": {
       width: "5px"
     },
-    [`& .${staticClasses.valueWrapper}`]: {
+    "& $valueWrapper": {
       padding: uikitStyles.theme.space.sm
+    },
+    "& $tooltip": {
+      padding: "15px 20px",
+      borderRadius: uikitStyles.theme.radii.round,
+      "& p": {
+        wordBreak: "break-word"
+      }
     }
-  };
-};
-exports.popperSx = popperSx;
+  },
+  title: {},
+  valuesContainer: {},
+  values: {},
+  color: {},
+  separatorColor: {},
+  separator: {},
+  valueWrapper: {}
+});
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;
 //# sourceMappingURL=Tooltip.styles.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.styles.cjs","sources":["../../../../src/components/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { tooltipClasses as MuitooltipClasses } from \"@mui/material\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTooltip\", {\n root: {},\n tooltip: {},\n tooltipMulti: {},\n popper: {~~},\n title: {},\n valuesContainer: {},\n values: {},\n color: {},\n separatorColor: {},\n separator: {},\n valueWrapper: {},\n});\n~~\~~nexport const popperSx = (useSingle: boolean) => {\~~n ~~return {\n~~ [`& .${MuitooltipClasses.popper}`]: {\n opacity: 1,\n },\n [`& .${MuitooltipClasses.tooltip}`]: {\n fontFamily: theme.fontFamily.body,\n ...theme.typography.body,\n display: \"flex\",\n width: \"fit-content\",\n maxWidth: 532,\n backgroundColor: theme.colors.atmo1,\n boxShadow: theme.colors.shadow,\n padding: 0,\n ~~...(useSingle && {~~\n ~~padding: \"15px 20px\",\n borderRadius: theme.tooltip.borderRadius,\n~~ ~~}),\n~~\~~n \~~"& p\": {\n display: \"-webkit-box\",\n width: \"fit-content\",\n boxOrient: \"vertical\",\n textOverflow: \"ellipsis\",\n overflow: \"hidden\",\n ~~...(useSingle && { wordBreak: \"break-word\" }),\n~~ },\n },\n ~~[`&~~ ~~.${staticClasses.~~title~~}`]~~: {\n padding: \"15px 20px\",\n borderBottom: `3px solid ${theme.colors.atmo2}`,\n },\n ~~[`&~~ ~~.${staticClasses.~~valuesContainer~~}`]~~: {\n padding: theme.space.sm,\n },\n ~~[`&~~ ~~.${staticClasses.~~values~~}`]~~: {\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: \"10px\",\n \"&:last-child\": {\n paddingBottom: 0,\n },\n },\n ~~[`&~~ ~~.${staticClasses.~~color~~}`]~~: {\n width: theme.space.xs,\n },\n ~~[`&~~ ~~.${staticClasses.~~separator~~}`]~~: {\n width: theme.space.xs,\n },\n ~~[`&~~ ~~.${staticClasses.~~separatorColor~~}`]~~: {\n width: \"5px\",\n },\n ~~[`&~~ ~~.${staticClasses.~~valueWrapper~~}`]~~: {\n padding: theme.space.sm,\n },\n };\n};\n"],"names":["staticClasses","useClasses","createClasses","root","tooltip","tooltipMulti","popper","~~title~~","~~valuesContainer~~","~~values~~","~~color~~","~~separatorColor~~","~~separator~~","~~valueWrapper~~","~~popperSx~~","~~useSingle~~","~~MuitooltipClasses~~","~~opacity~~","~~fontFamily~~","~~theme~~","~~body~~","~~typography~~","~~display~~","~~width~~","~~maxWidth~~","~~backgroundColor~~","~~colors~~","~~atmo1~~","~~boxShadow~~","~~shadow~~","~~padding~~","~~borderRadius~~","~~boxOrient~~","~~textOverflow~~","~~overflow~~","wordBreak","~~borderBottom~~","~~atmo2~~","~~space~~","sm","~~justifyContent~~","~~paddingBottom~~","xs"],"mappings":";;;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,aAAa;AAAA,EACtEC,MAAM,CAAC;AAAA,EACPC,SAAS,CAAC;AAAA,EACVC,cAAc,CAAC;AAAA,EACfC,QAAQ~~,CAAC~~;AAAA,~~EACTC~~,OAAO,CAAC;AAAA,EACRC,iBAAiB,CAAC;AAAA,EAClBC,QAAQ,CAAC;AAAA,EACTC,OAAO,CAAC;AAAA,EACRC,gBAAgB,CAAC;AAAA,EACjBC,WAAW,CAAC;AAAA,EACZC,cAAc,CAAC;AACjB,CAAC;AAEYC,MAAAA,WAAWA,CAACC,cAAuB;AACvC,SAAA;AAAA,IACL,CAAE,MAAKC,~~wBAAkBV~~,MAAO,EAAC,GAAG;AAAA,~~MAClCW~~,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKD,~~wBAAkBZ~~,OAAQ,EAAC,GAAG;AAAA,~~MACnCc~~,YAAYC,YAAAA,MAAMD,WAAWE;AAAAA,MAC7B,GAAGD,YAAAA,MAAME,WAAWD;AAAAA,MACpBE,SAAS;AAAA,MACTC,OAAO;AAAA,MACPC,UAAU;AAAA,MACVC,iBAAiBN,YAAAA,MAAMO,OAAOC;AAAAA,MAC9BC,WAAWT,YAAAA,MAAMO,OAAOG;AAAAA,MACxBC,SAAS;AAAA,~~MACT~~,~~GAAIf,aAAa;AAAA,QACfe,SAAS;AAAA,QACTC,cAAcZ,YAAAA,MAAMf,QAAQ2B;AAAAA,MAC9B;AAAA,MAEA,~~OAAO;AAAA,~~QACLT~~,SAAS;AAAA,QACTC,OAAO;AAAA,~~QACPS~~,WAAW;AAAA,QACXC,cAAc;AAAA,QACdC,UAAU;AAAA,~~QACV,GAAInB,aAAa~~;AAAA,~~UAAEoB,WAAW;AAAA,QAAa;AAAA,MAC7C;AAAA,~~IACF;AAAA,IACA,~~CAAE,MAAKnC,cAAcO,KAAM,EAAC,GAAG~~;AAAA,~~MAC7BuB~~,SAAS;AAAA,~~MACTM~~,cAAe,~~aAAYjB~~,YAAMO,MAAAA,~~OAAOW~~,KAAM;AAAA,IAChD;AAAA,IACA,~~CAAE,MAAKrC,cAAcQ,eAAgB,EAAC,GAAG~~;AAAA,~~MACvCsB~~,SAASX,YAAAA,~~MAAMmB~~,MAAMC;AAAAA,IACvB;AAAA,IACA,~~CAAE,MAAKvC,cAAcS,MAAO,EAAC,GAAG~~;AAAA,~~MAC9Ba~~,SAAS;AAAA,~~MACTkB~~,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,~~CAAE~~,~~MAAKzC~~,~~cAAcU~~,~~KAAM~~,~~EAAC~~,~~GAAG~~;AAAA,~~MAC7Ba~~,OAAOJ,YAAAA,~~MAAMmB~~,MAAMI;AAAAA,IACrB;AAAA,IACA,~~CAAE~~,~~MAAK1C~~,~~cAAcY~~,~~SAAU~~,~~EAAC~~,~~GAAG~~;AAAA,~~MACjCW~~,~~OAAOJ~~,YAAAA,~~MAAMmB~~,~~MAAMI~~;AAAAA,~~IACrB~~;AAAA,IACA,~~CAAE~~,~~MAAK1C~~,~~cAAcW~~,~~cAAe~~,~~EAAC~~,~~GAAG~~;~~AAAA~~,~~MACtCY~~,OAAO;AAAA,~~IACT~~;AAAA,~~IACA~~,~~CAAE~~,~~MAAKvB~~,~~cAAca~~,~~YAAa~~,~~EAAC~~,~~GAAG~~;AAAA,~~MACpCiB~~,~~SAASX~~,~~YAAAA~~,~~MAAMmB~~,~~MAAMC~~;~~AAAAA~~,~~IACvB~~;AAAA,~~EAAA~~;~~AAEJ;;;;~~"}
1	+ {"version":3,"file":"Tooltip.styles.cjs","sources":["../../../../src/components/Tooltip/Tooltip.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { tooltipClasses as MuitooltipClasses } from \"@mui/material\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTooltip\", {\n root: {},\n tooltip: {},\n tooltipMulti: {},\n popper: {\n [`& .${MuitooltipClasses.popper}`]: {\n opacity: 1,\n },\n [`& .${MuitooltipClasses.tooltip}`]: {\n fontFamily: theme.fontFamily.body,\n ...theme.typography.body,\n display: \"flex\",\n width: \"fit-content\",\n maxWidth: 532,\n backgroundColor: theme.colors.atmo1,\n boxShadow: theme.colors.shadow,\n padding: 0,\n\n \"& p\": {\n display: \"-webkit-box\",\n width: \"fit-content\",\n boxOrient: \"vertical\",\n textOverflow: \"ellipsis\",\n overflow: \"hidden\",\n },\n },\n \"& $title\": {\n padding: \"15px 20px\",\n borderBottom: `3px solid ${theme.colors.atmo2}`,\n },\n \"& $valuesContainer\": {\n padding: theme.space.sm,\n },\n \"& $values\": {\n display: \"flex\",\n justifyContent: \"space-between\",\n paddingBottom: \"10px\",\n \"&:last-child\": {\n paddingBottom: 0,\n },\n },\n \"& $color\": {\n width: theme.space.xs,\n },\n \"& $separator\": {\n width: theme.space.xs,\n },\n \"& $separatorColor\": {\n width: \"5px\",\n },\n \"& $valueWrapper\": {\n padding: theme.space.sm,\n },\n \"& $tooltip\": {\n padding: \"15px 20px\",\n borderRadius: theme.radii.round,\n \"& p\": {\n wordBreak: \"break-word\",\n },\n },\n },\n title: {},\n valuesContainer: {},\n values: {},\n color: {},\n separatorColor: {},\n separator: {},\n valueWrapper: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","tooltip","tooltipMulti","popper","MuitooltipClasses","opacity","fontFamily","theme","body","typography","display","width","maxWidth","backgroundColor","colors","atmo1","boxShadow","shadow","padding","boxOrient","textOverflow","overflow","borderBottom","atmo2","space","sm","justifyContent","paddingBottom","xs","borderRadius","radii","round","wordBreak","title","valuesContainer","values","color","separatorColor","separator","valueWrapper"],"mappings":";;;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,aAAa;AAAA,EACtEC,MAAM,CAAC;AAAA,EACPC,SAAS,CAAC;AAAA,EACVC,cAAc,CAAC;AAAA,EACfC,QAAQ;AAAA,IACN,CAAE,MAAKC,wBAAkBD,MAAO,EAAC,GAAG;AAAA,MAClCE,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKD,wBAAkBH,OAAQ,EAAC,GAAG;AAAA,MACnCK,YAAYC,YAAAA,MAAMD,WAAWE;AAAAA,MAC7B,GAAGD,YAAAA,MAAME,WAAWD;AAAAA,MACpBE,SAAS;AAAA,MACTC,OAAO;AAAA,MACPC,UAAU;AAAA,MACVC,iBAAiBN,YAAAA,MAAMO,OAAOC;AAAAA,MAC9BC,WAAWT,YAAAA,MAAMO,OAAOG;AAAAA,MACxBC,SAAS;AAAA,MAET,OAAO;AAAA,QACLR,SAAS;AAAA,QACTC,OAAO;AAAA,QACPQ,WAAW;AAAA,QACXC,cAAc;AAAA,QACdC,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACVH,SAAS;AAAA,MACTI,cAAe,aAAYf,YAAMO,MAAAA,OAAOS,KAAM;AAAA,IAChD;AAAA,IACA,sBAAsB;AAAA,MACpBL,SAASX,YAAAA,MAAMiB,MAAMC;AAAAA,IACvB;AAAA,IACA,aAAa;AAAA,MACXf,SAAS;AAAA,MACTgB,gBAAgB;AAAA,MAChBC,eAAe;AAAA,MACf,gBAAgB;AAAA,QACdA,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACVhB,OAAOJ,YAAAA,MAAMiB,MAAMI;AAAAA,IACrB;AAAA,IACA,gBAAgB;AAAA,MACdjB,OAAOJ,YAAAA,MAAMiB,MAAMI;AAAAA,IACrB;AAAA,IACA,qBAAqB;AAAA,MACnBjB,OAAO;AAAA,IACT;AAAA,IACA,mBAAmB;AAAA,MACjBO,SAASX,YAAAA,MAAMiB,MAAMC;AAAAA,IACvB;AAAA,IACA,cAAc;AAAA,MACZP,SAAS;AAAA,MACTW,cAActB,YAAAA,MAAMuB,MAAMC;AAAAA,MAC1B,OAAO;AAAA,QACLC,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACAC,OAAO,CAAC;AAAA,EACRC,iBAAiB,CAAC;AAAA,EAClBC,QAAQ,CAAC;AAAA,EACTC,OAAO,CAAC;AAAA,EACRC,gBAAgB,CAAC;AAAA,EACjBC,WAAW,CAAC;AAAA,EACZC,cAAc,CAAC;AACjB,CAAC;;;"}

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

@@ -4,7 +4,7 @@ const uikitStyles = require("@hitachivantara/uikit-styles");
 const focusUtils = require("../../../utils/focusUtils.cjs");
 const classes = require("../../../utils/classes.cjs");
 const hover = () => ({
-  background: uikitStyles.theme.verticalNavigation.hoverColor
+  background: uikitStyles.theme.colors.containerBackgroundHover
 });
 const {
   staticClasses,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Action.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nconst hover = () => ({\n background: theme.~~verticalNavigation~~.~~hoverColor~~,\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","~~verticalNavigation~~","~~hoverColor~~","staticClasses","useClasses","createClasses","action","width","display","justifyContent","alignItems","height","color","~~colors","~~secondary","outline","outlineStyles","cursor","noIcon","paddingLeft","space","xs","minimized","paddingRight"],"mappings":";;;;;AAIA,MAAMA,QAAQA,OAAO;AAAA,EACnBC,YAAYC,YAAAA,MAAMC,~~mBAAmBC~~;~~AACvC~~;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,~~MAAMa~~,~~OAAOC~~;AAAAA;AAAAA,IAGpB,~~WAAWhB~~,MAAM;AAAA,IAEjB,WAAW;AAAA,~~MACTiB~~,SAAS;AAAA,MACT,~~GAAGjB~~,MAAM;AAAA,IACX;AAAA,IAEA,mBAAmB;AAAA,MACjB,~~GAAGkB~~,WAAAA;AAAAA,IACL;AAAA;AAAA,IAGAC,QAAQ;AAAA,IACR,OAAO;AAAA,MACLA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,QAAQ;AAAA,IACNC,~~aAAanB~~,YAAAA,~~MAAMoB~~,MAAMC;AAAAA,EAC3B;AAAA,EACAC,WAAW;AAAA,~~IACTb~~,gBAAgB;AAAA,~~IAChBc~~,cAAc;AAAA,EAChB;AACF,CACF;;;"}
1	+ {"version":3,"file":"Action.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Action.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\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":";;;;;AAIA,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;;;"}

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

@@ -9,7 +9,7 @@ const {
   root: {
     display: "block",
     background: uikitStyles.theme.colors.atmo1,
-    marginTop: uikitStyles.theme.verticalNavigation.actionsMarginTop,
+    marginTop: "auto",
     "& :not(:last-child)": {
       marginBottom: "8px"
     }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvVerticalNavigationActions\",\n {\n root: {\n display: \"block\",\n background: theme.colors.atmo1,\n marginTop: ~~theme.verticalNavigation.actionsMarginTop~~,\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","~~verticalNavigation","actionsMarginTop","~~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,~~WAAWH,YAAAA,MAAMI,mBAAmBC~~;~~AAAAA~~,~~IAEpC~~,uBAAuB;AAAA,MACrBC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,~~IACJT~~,SAAS;AAAA,EACX;AACF,CACF;;;"}
1	+ {"version":3,"file":"Actions.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/Actions/Actions.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\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;;;"}

package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.cjs CHANGED Viewed

@@ -4,18 +4,20 @@ const jsxRuntime = require("@emotion/react/jsx-runtime");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const NavigationSlider_styles = require("./NavigationSlider.styles.cjs");
 const Button = require("../../Button/Button.cjs");
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
 const ListContainer = require("../../ListContainer/ListContainer.cjs");
 const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
 const OverflowTooltip = require("../../OverflowTooltip/OverflowTooltip.cjs");
-const HvVerticalNavigationSlider = ({
-  id,
-  classes: classesProp,
-  data,
-  selected,
-  onNavigateToTarget,
-  onNavigateToChild,
-  forwardButtonAriaLabel = "Navigate to submenu"
-}) => {
+const HvVerticalNavigationSlider = (props) => {
+  const {
+    id,
+    classes: classesProp,
+    data,
+    selected,
+    onNavigateToTarget,
+    onNavigateToChild,
+    forwardButtonAriaLabel = "Navigate to submenu"
+  } = useDefaultProps.useDefaultProps("HvVerticalNavigationSlider", props);
   const {
     classes
   } = NavigationSlider_styles.useClasses(classesProp);

package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationSlider.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"@core/components/Button\";\nimport { HvListContainer, HvListItem } from \"@core/components/ListContainer\";\nimport { HvOverflowTooltip } from \"@core/components/OverflowTooltip\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { NavigationData } from \"../VerticalNavigationContext\";\n\nimport { staticClasses, useClasses } from \"./NavigationSlider.styles\";\n\nexport { staticClasses as verticalNavigationSliderClasses };\n\nexport type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationSliderProps {\n /*\n Id to be applied to the root node of the panel.\n /\n id?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvVerticalNavigationSliderClasses;\n /\n An array containing the data for each menu item.\n \n id - the id to be applied to the root element.\n * label - the label to be rendered on the menu item.\n * icon - the icon react element\n * data - sub-menu items\n * href - the url used for navigation.\n * target - the behavior when opening an url.\n /\n data?: NavigationData[];\n /\n The selected item id.\n /\n selected?: string;\n /\n Triggered when the item is clicked.\n /\n onNavigateToTarget?: (\n event: React.MouseEvent<HTMLLIElement>,\n item: NavigationData\n ) => void;\n /\n Triggered when the navigate to child button is clicked.\n /\n onNavigateToChild?: (\n event: React.MouseEvent<HTMLButtonElement>,\n item: NavigationData\n ) => void;\n /* Aria label to apply to the navigate to submenu button on the list items. */\n forwardButtonAriaLabel?: string;\n}\n\nexport const HvVerticalNavigationSlider = ({\n id,\n classes: classesProp,\n data,\n selected,\n onNavigateToTarget,\n onNavigateToChild,\n forwardButtonAriaLabel = \"Navigate to submenu\",\n}: ~~HvVerticalNavigationSliderProps)~~ => {\n const { classes } = useClasses(classesProp);\n\n return (\n <HvListContainer interactive id={id}>\n {data &&\n data.map((item) => (\n <HvListItem\n key={item.id}\n classes={{\n root: classes.root,\n selected: classes.listItemSelected,\n focus: classes.listItemFocus,\n }}\n onClick={(event) => {\n onNavigateToTarget?.(event, item);\n }}\n aria-label={item.label}\n aria-current={\n selected === item.id ? (item.href ? \"page\" : true) : undefined\n }\n selected={selected === item.id}\n startAdornment={item.icon ? <div>{item.icon}</div> : undefined}\n endAdornment={\n item.data && item.data.length > 0 ? (\n <HvButton\n icon\n onClick={(event) => {\n onNavigateToChild?.(event, item);\n }}\n aria-label={forwardButtonAriaLabel}\n >\n <DropRightXS />\n </HvButton>\n ) : undefined\n }\n >\n <HvOverflowTooltip data={item.label} />\n </HvListItem>\n ))}\n </HvListContainer>\n );\n};\n"],"names":["HvVerticalNavigationSlider","id","classes","classesProp","data","selected","onNavigateToTarget","onNavigateToChild","forwardButtonAriaLabel","useClasses","jsx","HvListContainer","map","item","HvListItem","root","listItemSelected","focus","listItemFocus","event","label","href","undefined","icon","length","HvButton","DropRightXS","HvOverflowTooltip"],"mappings":"~~;;;;;;;;;AAyDO~~,~~MAAMA~~,6BAA6BA,~~CAAC~~;AAAA,~~EACzCC~~;AAAAA,~~EACAC~~,SAASC;AAAAA,~~EACTC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~;AAAAA,~~EACAC~~,yBAAyB;~~AACM~~,~~MAAM~~;~~AAC/B~~,QAAA;AAAA,~~IAAEN~~;AAAAA,EAAAA,~~IAAYO~~,wBAAAA,~~WAAWN~~,WAAW;AAGxC,~~SAAAO~~,2BAAAA,IAACC,cAAAA,iBAAgB,EAAA,aAAW,MAAC,~~IAC1BP~~,UACCA,QAAAA,~~KAAKQ~~,IAAKC,CAAAA,SACPH,2BAAAA,IAAAI,SAAAA,YAAA,EAEC,SAAS;AAAA,IACPC,~~MAAMb~~,~~QAAQa~~;AAAAA,~~IACdV~~,UAAUH,~~QAAQc~~;AAAAA,IAClBC,~~OAAOf~~,~~QAAQgB~~;AAAAA,EAAAA,GAEjB,SAAUC,CAAU,UAAA;~~AAClBb~~,~~6DAAqBa~~,OAAON;AAAAA,EAAI,GAElC,cAAYA,KAAKO,OACjB,~~gBACEf~~,~~aAAaQ~~,~~KAAKZ~~,~~KAAMY~~,KAAKQ,OAAO,SAAS,OAAQC,QAEvD,~~UAAUjB~~,~~aAAaQ~~,~~KAAKZ~~,IAC5B,~~gBAAgBY~~,KAAKU,OAAOb,2BAAAA,IAAC,SAAKG,UAAKU,KAAAA,KAAK,CAAA,IAASD,QACrD,cACET,~~KAAKT~~,~~QAAQS~~,~~KAAKT~~,~~KAAKoB~~,SAAS,IAC9Bd,2BAAAA,IAACe,mBACC,MAAI,MACJ,SAAUN,CAAU,UAAA;~~AAClBZ~~,~~2DAAoBY~~,OAAON;AAAAA,EAAI,GAEjC,~~cAAYL~~,wBAEZ,~~UAACE~~,2BAAA,IAAAgB,6BAAA,CAAA,CAAW,EACd,CAAA,IACEJ,QAGN,UAACZ,2BAAA,IAAAiB,mCAAA,EAAkB,MAAMd,KAAKO,MAAAA,CAAM,KA7B/BP,~~KAAKZ~~,EA8BZ,CACD,EACL,CAAA;AAEJ;;;"}
1	+ {"version":3,"file":"NavigationSlider.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"@core/components/Button\";\nimport { HvListContainer, HvListItem } from \"@core/components/ListContainer\";\nimport { HvOverflowTooltip } from \"@core/components/OverflowTooltip\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useDefaultProps } from \"@core/hooks\";\nimport { NavigationData } from \"../VerticalNavigationContext\";\n\nimport { staticClasses, useClasses } from \"./NavigationSlider.styles\";\n\nexport { staticClasses as verticalNavigationSliderClasses };\n\nexport type HvVerticalNavigationSliderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationSliderProps {\n /*\n Id to be applied to the root node of the panel.\n /\n id?: string;\n /\n A Jss Object used to override or extend the styles applied.\n /\n classes?: HvVerticalNavigationSliderClasses;\n /\n An array containing the data for each menu item.\n \n id - the id to be applied to the root element.\n * label - the label to be rendered on the menu item.\n * icon - the icon react element\n * data - sub-menu items\n * href - the url used for navigation.\n * target - the behavior when opening an url.\n /\n data?: NavigationData[];\n /\n The selected item id.\n /\n selected?: string;\n /\n Triggered when the item is clicked.\n /\n onNavigateToTarget?: (\n event: React.MouseEvent<HTMLLIElement>,\n item: NavigationData\n ) => void;\n /\n Triggered when the navigate to child button is clicked.\n /\n onNavigateToChild?: (\n event: React.MouseEvent<HTMLButtonElement>,\n item: NavigationData\n ) => void;\n /* Aria label to apply to the navigate to submenu button on the list items. */\n forwardButtonAriaLabel?: string;\n}\n\nexport const HvVerticalNavigationSlider = (\n props: HvVerticalNavigationSliderProps\n) => {\n const {\n id,\n classes: classesProp,\n data,\n selected,\n onNavigateToTarget,\n onNavigateToChild,\n forwardButtonAriaLabel = \"Navigate to submenu\",\n } = useDefaultProps(\"HvVerticalNavigationSlider\", props);\n const { classes } = useClasses(classesProp);\n\n return (\n <HvListContainer interactive id={id}>\n {data &&\n data.map((item) => (\n <HvListItem\n key={item.id}\n classes={{\n root: classes.root,\n selected: classes.listItemSelected,\n focus: classes.listItemFocus,\n }}\n onClick={(event) => {\n onNavigateToTarget?.(event, item);\n }}\n aria-label={item.label}\n aria-current={\n selected === item.id ? (item.href ? \"page\" : true) : undefined\n }\n selected={selected === item.id}\n startAdornment={item.icon ? <div>{item.icon}</div> : undefined}\n endAdornment={\n item.data && item.data.length > 0 ? (\n <HvButton\n icon\n onClick={(event) => {\n onNavigateToChild?.(event, item);\n }}\n aria-label={forwardButtonAriaLabel}\n >\n <DropRightXS />\n </HvButton>\n ) : undefined\n }\n >\n <HvOverflowTooltip data={item.label} />\n </HvListItem>\n ))}\n </HvListContainer>\n );\n};\n"],"names":["HvVerticalNavigationSlider","props","id","classes","classesProp","data","selected","onNavigateToTarget","onNavigateToChild","forwardButtonAriaLabel","useDefaultProps","useClasses","jsx","HvListContainer","map","item","HvListItem","root","listItemSelected","focus","listItemFocus","event","label","href","undefined","icon","length","HvButton","DropRightXS","HvOverflowTooltip"],"mappings":";;;;;;;;;;AA0DaA,MAAAA,6BAA6BA,CACxCC,UACG;AACG,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,yBAAyB;AAAA,EAAA,IACvBC,gBAAgB,gBAAA,8BAA8BT,KAAK;AACjD,QAAA;AAAA,IAAEE;AAAAA,EAAAA,IAAYQ,wBAAAA,WAAWP,WAAW;AAGxC,SAAAQ,2BAAAA,IAACC,cAAAA,iBAAgB,EAAA,aAAW,MAAC,IAC1BR,UACCA,QAAAA,KAAKS,IAAKC,CAAAA,SACPH,2BAAAA,IAAAI,SAAAA,YAAA,EAEC,SAAS;AAAA,IACPC,MAAMd,QAAQc;AAAAA,IACdX,UAAUH,QAAQe;AAAAA,IAClBC,OAAOhB,QAAQiB;AAAAA,EAAAA,GAEjB,SAAUC,CAAU,UAAA;AAClBd,6DAAqBc,OAAON;AAAAA,EAAI,GAElC,cAAYA,KAAKO,OACjB,gBACEhB,aAAaS,KAAKb,KAAMa,KAAKQ,OAAO,SAAS,OAAQC,QAEvD,UAAUlB,aAAaS,KAAKb,IAC5B,gBAAgBa,KAAKU,OAAOb,2BAAAA,IAAC,SAAKG,UAAKU,KAAAA,KAAK,CAAA,IAASD,QACrD,cACET,KAAKV,QAAQU,KAAKV,KAAKqB,SAAS,IAC9Bd,2BAAAA,IAACe,mBACC,MAAI,MACJ,SAAUN,CAAU,UAAA;AAClBb,2DAAoBa,OAAON;AAAAA,EAAI,GAEjC,cAAYN,wBAEZ,UAACG,2BAAA,IAAAgB,6BAAA,CAAA,CAAW,EACd,CAAA,IACEJ,QAGN,UAACZ,2BAAA,IAAAiB,mCAAA,EAAkB,MAAMd,KAAKO,MAAAA,CAAM,KA7B/BP,KAAKb,EA8BZ,CACD,EACL,CAAA;AAEJ;;;"}

package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.cjs CHANGED Viewed

@@ -9,7 +9,7 @@ const {
   root: {
     display: "flex",
     alignItems: "center",
-    borderLeft: uikitStyles.theme.verticalNavigation.inactiveBorderLeft,
+    borderLeft: `4px solid transparent`,
     minHeight: "48px",
     marginBottom: "8px",
     "& > button": {
@@ -18,7 +18,7 @@ const {
   },
   listItemSelected: {
     background: uikitStyles.theme.colors.atmo3,
-    borderLeft: uikitStyles.theme.verticalNavigation.activeBorderLeft,
+    borderLeft: `4px solid ${uikitStyles.theme.colors.secondary}`,
     "& *": {
       background: uikitStyles.theme.colors.atmo3
     }

package/dist/cjs/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationSlider.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvVerticalNavigationSlider\",\n {\n root: {\n display: \"flex\",\n alignItems: \"center\",\n borderLeft: ~~theme.verticalNavigation.inactiveBorderLeft,\~~n minHeight: \"48px\",\n marginBottom: \"8px\",\n \"& > button\": {\n marginLeft: \"auto\",\n },\n },\n listItemSelected: {\n background: theme.colors.atmo3,\n borderLeft: theme.~~verticalNavigation~~.~~activeBorderLeft,\~~n \"& \": {\n background: theme.colors.atmo3,\n },\n },\n listItemFocus: {\n background: theme.colors.atmo3,\n \"& \": {\n background: theme.colors.atmo3,\n },\n },\n }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","borderLeft","~~theme","verticalNavigation","inactiveBorderLeft","~~minHeight","marginBottom","marginLeft","listItemSelected","background","colors","atmo3","~~activeBorderLeft~~","listItemFocus"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,8BACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,~~YAAYC,YAAAA,MAAMC,mBAAmBC~~;~~AAAAA~~,~~IACrCC~~,WAAW;AAAA,IACXC,cAAc;AAAA,IACd,cAAc;AAAA,MACZC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBC,~~YAAYP~~,YAAAA,~~MAAMQ~~,OAAOC;AAAAA,~~IACzBV~~,~~YAAYC~~,~~YAAAA~~,~~MAAMC~~,~~mBAAmBS~~;~~AAAAA~~,~~IACrC~~,OAAO;AAAA,~~MACLH~~,~~YAAYP~~,YAAAA,~~MAAMQ~~,OAAOC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAE,eAAe;AAAA,~~IACbJ~~,~~YAAYP~~,YAAAA,~~MAAMQ~~,OAAOC;AAAAA,IACzB,OAAO;AAAA,~~MACLF~~,~~YAAYP~~,YAAAA,~~MAAMQ~~,OAAOC;AAAAA,IAC3B;AAAA,EACF;AACF,CACF;;;"}
1	+ {"version":3,"file":"NavigationSlider.styles.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n \"HvVerticalNavigationSlider\",\n {\n root: {\n display: \"flex\",\n alignItems: \"center\",\n borderLeft: `4px solid transparent`,\n minHeight: \"48px\",\n marginBottom: \"8px\",\n \"& > button\": {\n marginLeft: \"auto\",\n },\n },\n listItemSelected: {\n background: theme.colors.atmo3,\n borderLeft: `4px solid ${theme.colors.secondary}`,\n \"& \": {\n background: theme.colors.atmo3,\n },\n },\n listItemFocus: {\n background: theme.colors.atmo3,\n \"& \": {\n background: theme.colors.atmo3,\n },\n },\n }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","borderLeft","minHeight","marginBottom","marginLeft","listItemSelected","background","theme","colors","atmo3","secondary","listItemFocus"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,8BACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,YAAa;AAAA,IACbC,WAAW;AAAA,IACXC,cAAc;AAAA,IACd,cAAc;AAAA,MACZC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBC,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,IACzBR,YAAa,aAAYM,YAAMC,MAAAA,OAAOE,SAAU;AAAA,IAChD,OAAO;AAAA,MACLJ,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,IAC3B;AAAA,EACF;AAAA,EACAE,eAAe;AAAA,IACbL,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,IACzB,OAAO;AAAA,MACLH,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,IAC3B;AAAA,EACF;AACF,CACF;;;"}

package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs CHANGED Viewed

@@ -10,6 +10,7 @@ const descendants = require("./descendants.cjs");
 const TreeViewContext = require("./TreeViewContext.cjs");
 const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
 const IconWrapper = require("./IconWrapper/IconWrapper.cjs");
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const preventSelection = (event, disabled) => {
   if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {
@@ -35,7 +36,7 @@ const HvVerticalNavigationTreeViewItem = React.forwardRef((props, ref) => {
     children,
     disableTooltip,
     ...others
-  } = props;
+  } = useDefaultProps.useDefaultProps("HvVerticalNavigationTreeViewItem", props);
   const {
     classes,
     cx