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

@hitachivantara/uikit-react-core 5.28.1 → 5.30.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 (446) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TableHeader.styles.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableHeader\", {\n root: {\n \"--first-row-cell-height\": \"52px\",\n \"--cell-height\": \"32px\",\n height: \"var(--cell-height)\",\n verticalAlign: \"inherit\",\n textAlign: \"left\",\n padding: theme.spacing(0, 1, 0, 4),\n borderBottom: `1px solid ${theme.colors.atmo4}`,\n },\n head: {\n paddingTop: 8,\n verticalAlign: \"top\",\n ...theme.typography.label,\n transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n backgroundColor: theme.colors.atmo1,\n borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n \":first-of-type > &\": {\n height: \"var(--first-row-cell-height)\",\n borderTop: `1px solid ~~${theme.table.headerBorderTopColor}`,\~~n },\n\n \"&$variantList\": {\n backgroundColor: \"inherit\",\n borderBottom: 0,\n \":first-of-type > &\": {\n borderTop: 0,\n },\n },\n\n \"&$sortable\": {\n verticalAlign: \"initial\",\n paddingTop: 0,\n paddingLeft: 0,\n cursor: \"pointer\",\n\n \"&:hover\": {\n backgroundColor: ~~theme.table.headerHoverColor~~,\n\n \"& $sortIcon\": {\n visibility: \"visible\",\n },\n },\n \"&:focus-within\": {\n backgroundColor: ~~theme.table.headerHoverColor~~,\n\n \"& $sortIcon\": {\n visibility: \"visible\",\n },\n },\n },\n },\n body: {\n backgroundColor: \"inherit\",\n ...theme.typography.body,\n \"&$sortable:not($variantNone)\": {\n paddingLeft: 32,\n },\n },\n footer: {},\n stickyColumn: {\n position: \"sticky\",\n zIndex: 2,\n\n \"&$groupColumnMostRight+$stickyColumn\": {\n borderLeft: 0,\n },\n },\n stickyColumnMostLeft: { borderRight: `solid 1px ${theme.colors.atmo4}` },\n stickyColumnLeastRight: { borderLeft: `solid 1px ${theme.colors.atmo4}` },\n groupColumnMostLeft: { borderLeft: `solid 1px ${theme.colors.atmo4}` },\n groupColumnMostRight: {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n // due to the \":has()\" selector not being supported in browsers,\n // this need to be managed with inline styles\n // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n \"&:last-child\": {\n borderRight: 0,\n },\n \"&+:not($stickyColumn)\": {\n borderLeft: 0,\n },\n },\n headerContent: { display: \"flex\", alignItems: \"flex-start\", width: \"100%\" },\n headerText: { overflow: \"hidden\", textOverflow: \"ellipsis\" },\n headerParagraph: { overflow: \"hidden\", display: \"-webkit-box\" },\n sortableHeaderText: { paddingTop: \"8px\" },\n sorted: {\n \"& $sortIcon\": {\n visibility: \"visible\",\n },\n },\n sortable: {},\n sortButton: {\n \"$root$sortable &\": {\n boxShadow: \"none\",\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: theme.~~table~~.~~sortButtonHoverColor~~,\n },\n },\n },\n sortIcon: { display: \"inline-flex\", visibility: \"hidden\" },\n alignLeft: { textAlign: \"left\" },\n alignRight: { textAlign: \"right\", flexDirection: \"row-reverse\" },\n alignCenter: { textAlign: \"center\" },\n alignJustify: { textAlign: \"justify\" },\n alignFlexLeft: { justifyContent: \"flex-start\" },\n alignFlexRight: { justifyContent: \"flex-end\" },\n alignFlexCenter: { justifyContent: \"center\" },\n alignFlexJustify: { textAlign: \"justify\" },\n variantCheckbox: {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n },\n variantExpand: {},\n variantActions: {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n },\n variantNone: { padding: 0 },\n variantList: {\n backgroundColor: \"inherit\",\n borderBottom: 0,\n height: 16,\n \":first-of-type > &\": {\n borderTop: 0,\n height: 16,\n },\n },\n resizable: { borderRight: `solid 1px ${theme.colors.atmo4}` },\n resizing: { borderRight: `solid 2px ${theme.colors.secondary}` },\n resizer: {\n display: \"inline-block\",\n width: 10,\n height: \"100%\",\n position: \"absolute\",\n right: 0,\n top: 0,\n transform: \"translateX(50%)\",\n zIndex: 1,\n touchAction: \"none\",\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","height","verticalAlign","textAlign","padding","theme","spacing","borderBottom","colors","atmo4","head","paddingTop","typography","label","transition","backgroundColor","atmo1","borderTop","~~table","headerBorderTopColor","~~paddingLeft","cursor","~~headerHoverColor","~~visibility","body","footer","stickyColumn","position","zIndex","borderLeft","stickyColumnMostLeft","borderRight","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","headerContent","display","alignItems","width","headerText","overflow","textOverflow","headerParagraph","sortableHeaderText","sorted","sortable","sortButton","boxShadow","~~sortButtonHoverColor~~","sortIcon","alignLeft","alignRight","flexDirection","alignCenter","alignJustify","alignFlexLeft","justifyContent","alignFlexRight","alignFlexCenter","alignFlexJustify","variantCheckbox","maxWidth","variantExpand","variantActions","variantNone","variantList","resizable","resizing","secondary","resizer","right","top","transform","touchAction"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IACJ,2BAA2B;AAAA,IAC3B,iBAAiB;AAAA,IACjBC,QAAQ;AAAA,IACRC,eAAe;AAAA,IACfC,WAAW;AAAA,IACXC,SAASC,YAAMC,MAAAA,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,IACjCC,cAAe,aAAYF,YAAMG,MAAAA,OAAOC,KAAM;AAAA,EAChD;AAAA,EACAC,MAAM;AAAA,IACJC,YAAY;AAAA,IACZT,eAAe;AAAA,IACf,GAAGG,YAAAA,MAAMO,WAAWC;AAAAA,IACpBC,YAAY;AAAA,IACZC,iBAAiBV,YAAAA,MAAMG,OAAOQ;AAAAA,IAC9BT,cAAe,aAAYF,YAAMG,MAAAA,OAAOC,KAAM;AAAA,IAE9C,uBAAuB;AAAA,MACrBR,QAAQ;AAAA,MACRgB,~~WAAY,aAAYZ,YAAMa,MAAAA,MAAMC,oBAAqB~~;AAAA,~~IAC3D~~;AAAA,IAEA,iBAAiB;AAAA,~~MACfJ~~,iBAAiB;AAAA,MACjBR,cAAc;AAAA,MACd,uBAAuB;AAAA,QACrBU,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,cAAc;AAAA,MACZf,eAAe;AAAA,MACfS,YAAY;AAAA,~~MACZS~~,aAAa;AAAA,MACbC,QAAQ;AAAA,MAER,WAAW;AAAA,~~QACTN~~,~~iBAAiBV,YAAAA,MAAMa,MAAMI~~;~~AAAAA~~,~~QAE7B~~,eAAe;AAAA,~~UACbC~~,YAAY;AAAA,QACd;AAAA,MACF;AAAA,MACA,kBAAkB;AAAA,~~QAChBR~~,~~iBAAiBV,YAAAA,MAAMa,MAAMI~~;~~AAAAA~~,~~QAE7B~~,eAAe;AAAA,~~UACbC~~,YAAY;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,~~IACJT~~,iBAAiB;AAAA,IACjB,GAAGV,YAAAA,MAAMO,~~WAAWY~~;AAAAA,IACpB,gCAAgC;AAAA,~~MAC9BJ~~,aAAa;AAAA,IACf;AAAA,EACF;AAAA,~~EACAK~~,QAAQ,CAAC;AAAA,EACTC,cAAc;AAAA,IACZC,UAAU;AAAA,IACVC,QAAQ;AAAA,IAER,wCAAwC;AAAA,MACtCC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,sBAAsB;AAAA,IAAEC,aAAc,~~aAAY1B~~,YAAMG,MAAAA,OAAOC,KAAM;AAAA,EAAE;AAAA,~~EACvEuB~~,wBAAwB;AAAA,IAAEH,YAAa,~~aAAYxB~~,YAAMG,MAAAA,OAAOC,KAAM;AAAA,EAAE;AAAA,~~EACxEwB~~,qBAAqB;AAAA,IAAEJ,YAAa,~~aAAYxB~~,YAAMG,MAAAA,OAAOC,KAAM;AAAA,EAAE;AAAA,~~EACrEyB~~,sBAAsB;AAAA,IACpBH,aAAc,~~aAAY1B~~,YAAMG,MAAAA,OAAOC,KAAM;AAAA;AAAA;AAAA;AAAA;AAAA,IAK7C,gBAAgB;AAAA,~~MACdsB~~,aAAa;AAAA,IACf;AAAA,IACA,yBAAyB;AAAA,MACvBF,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAM,eAAe;AAAA,IAAEC,SAAS;AAAA,IAAQC,YAAY;AAAA,IAAcC,OAAO;AAAA,EAAO;AAAA,EAC1EC,YAAY;AAAA,IAAEC,UAAU;AAAA,IAAUC,cAAc;AAAA,EAAW;AAAA,EAC3DC,iBAAiB;AAAA,IAAEF,UAAU;AAAA,IAAUJ,SAAS;AAAA,EAAc;AAAA,EAC9DO,oBAAoB;AAAA,~~IAAEhC~~,YAAY;AAAA,EAAM;AAAA,~~EACxCiC~~,QAAQ;AAAA,IACN,eAAe;AAAA,MACbrB,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAsB,UAAU,CAAC;AAAA,EACXC,YAAY;AAAA,IACV,oBAAoB;AAAA,MAClBC,WAAW;AAAA,~~MACXhC~~,iBAAiB;AAAA,MACjB,WAAW;AAAA,QACTA,iBAAiBV,YAAAA,~~MAAMa~~,~~MAAM8B~~;AAAAA,~~MAC/B~~;AAAA,IACF;AAAA,EACF;AAAA,EACAC,UAAU;AAAA,IAAEb,SAAS;AAAA,IAAeb,YAAY;AAAA,EAAS;AAAA,EACzD2B,WAAW;AAAA,~~IAAE/C~~,WAAW;AAAA,EAAO;AAAA,EAC/~~BgD~~,YAAY;AAAA,~~IAAEhD~~,WAAW;AAAA,~~IAASiD~~,eAAe;AAAA,EAAc;AAAA,EAC/DC,aAAa;AAAA,~~IAAElD~~,WAAW;AAAA,EAAS;AAAA,~~EACnCmD~~,cAAc;AAAA,~~IAAEnD~~,WAAW;AAAA,EAAU;AAAA,~~EACrCoD~~,eAAe;AAAA,IAAEC,gBAAgB;AAAA,EAAa;AAAA,EAC9CC,gBAAgB;AAAA,IAAED,gBAAgB;AAAA,EAAW;AAAA,EAC7CE,iBAAiB;AAAA,IAAEF,gBAAgB;AAAA,EAAS;AAAA,EAC5CG,kBAAkB;AAAA,~~IAAExD~~,WAAW;AAAA,EAAU;AAAA,~~EACzCyD~~,iBAAiB;AAAA,~~IACfxD~~,SAAS;AAAA,~~IACTkC~~,OAAO;AAAA,IACPuB,UAAU;AAAA,IACV9B,aAAc,~~aAAY1B~~,YAAMG,MAAAA,OAAOC,KAAM;AAAA,EAC/C;AAAA,~~EACAqD~~,eAAe,CAAC;AAAA,EAChBC,gBAAgB;AAAA,~~IACd3D~~,SAAS;AAAA,~~IACTkC~~,OAAO;AAAA,IACPuB,UAAU;AAAA,IACVhC,YAAa,~~aAAYxB~~,YAAMG,MAAAA,OAAOC,KAAM;AAAA,EAC9C;AAAA,~~EACAuD~~,aAAa;AAAA,~~IAAE5D~~,SAAS;AAAA,EAAE;AAAA,~~EAC1B6D~~,aAAa;AAAA,~~IACXlD~~,iBAAiB;AAAA,IACjBR,cAAc;AAAA,IACdN,QAAQ;AAAA,IACR,sBAAsB;AAAA,MACpBgB,WAAW;AAAA,MACXhB,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,~~EACAiE~~,WAAW;AAAA,IAAEnC,aAAc,~~aAAY1B~~,YAAMG,MAAAA,OAAOC,KAAM;AAAA,EAAE;AAAA,~~EAC5D0D~~,UAAU;AAAA,IAAEpC,aAAc,~~aAAY1B~~,YAAMG,MAAAA,~~OAAO4D~~,SAAU;AAAA,EAAE;AAAA,EAC/DC,SAAS;AAAA,IACPjC,SAAS;AAAA,IACTE,OAAO;AAAA,~~IACPrC~~,QAAQ;AAAA,~~IACR0B~~,UAAU;AAAA,IACV2C,OAAO;AAAA,IACPC,KAAK;AAAA,IACLC,WAAW;AAAA,IACX5C,QAAQ;AAAA,IACR6C,aAAa;AAAA,EACf;AACF,CAAC;;;"}
1	+ {"version":3,"file":"TableHeader.styles.cjs","sources":["../../../../../src/components/Table/TableHeader/TableHeader.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableHeader\", {\n root: {\n \"--first-row-cell-height\": \"52px\",\n \"--cell-height\": \"32px\",\n height: \"var(--cell-height)\",\n verticalAlign: \"inherit\",\n textAlign: \"left\",\n padding: theme.spacing(0, 1, 0, 4),\n borderBottom: `1px solid ${theme.colors.atmo4}`,\n },\n head: {\n paddingTop: 8,\n verticalAlign: \"top\",\n ...theme.typography.label,\n transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n backgroundColor: theme.colors.atmo1,\n borderBottom: `1px solid ${theme.colors.atmo4}`,\n\n \":first-of-type > &\": {\n height: \"var(--first-row-cell-height)\",\n borderTop: \"1px solid transparent\",\n },\n\n \"&$variantList\": {\n backgroundColor: \"inherit\",\n borderBottom: 0,\n \":first-of-type > &\": {\n borderTop: 0,\n },\n },\n\n \"&$sortable\": {\n verticalAlign: \"initial\",\n paddingTop: 0,\n paddingLeft: 0,\n cursor: \"pointer\",\n\n \"&:hover\": {\n backgroundColor: \"transparent\",\n\n \"& $sortIcon\": {\n visibility: \"visible\",\n },\n },\n \"&:focus-within\": {\n backgroundColor: \"transparent\",\n\n \"& $sortIcon\": {\n visibility: \"visible\",\n },\n },\n },\n },\n body: {\n backgroundColor: \"inherit\",\n ...theme.typography.body,\n \"&$sortable:not($variantNone)\": {\n paddingLeft: 32,\n },\n },\n footer: {},\n stickyColumn: {\n position: \"sticky\",\n zIndex: 2,\n\n \"&$groupColumnMostRight+$stickyColumn\": {\n borderLeft: 0,\n },\n },\n stickyColumnMostLeft: { borderRight: `solid 1px ${theme.colors.atmo4}` },\n stickyColumnLeastRight: { borderLeft: `solid 1px ${theme.colors.atmo4}` },\n groupColumnMostLeft: { borderLeft: `solid 1px ${theme.colors.atmo4}` },\n groupColumnMostRight: {\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n // due to the \":has()\" selector not being supported in browsers,\n // this need to be managed with inline styles\n // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n \"&:last-child\": {\n borderRight: 0,\n },\n \"&+:not($stickyColumn)\": {\n borderLeft: 0,\n },\n },\n headerContent: { display: \"flex\", alignItems: \"flex-start\", width: \"100%\" },\n headerText: { overflow: \"hidden\", textOverflow: \"ellipsis\" },\n headerParagraph: { overflow: \"hidden\", display: \"-webkit-box\" },\n sortableHeaderText: { paddingTop: \"8px\" },\n sorted: {\n \"& $sortIcon\": {\n visibility: \"visible\",\n },\n },\n sortable: {},\n sortButton: {\n \"$root$sortable &\": {\n boxShadow: \"none\",\n backgroundColor: \"transparent\",\n \"&:hover\": {\n backgroundColor: theme.colors.primary_20,\n },\n },\n },\n sortIcon: { display: \"inline-flex\", visibility: \"hidden\" },\n alignLeft: { textAlign: \"left\" },\n alignRight: { textAlign: \"right\", flexDirection: \"row-reverse\" },\n alignCenter: { textAlign: \"center\" },\n alignJustify: { textAlign: \"justify\" },\n alignFlexLeft: { justifyContent: \"flex-start\" },\n alignFlexRight: { justifyContent: \"flex-end\" },\n alignFlexCenter: { justifyContent: \"center\" },\n alignFlexJustify: { textAlign: \"justify\" },\n variantCheckbox: {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderRight: `solid 1px ${theme.colors.atmo4}`,\n },\n variantExpand: {},\n variantActions: {\n padding: 0,\n width: 32,\n maxWidth: 32,\n borderLeft: `solid 1px ${theme.colors.atmo4}`,\n },\n variantNone: { padding: 0 },\n variantList: {\n backgroundColor: \"inherit\",\n borderBottom: 0,\n height: 16,\n \":first-of-type > &\": {\n borderTop: 0,\n height: 16,\n },\n },\n resizable: { borderRight: `solid 1px ${theme.colors.atmo4}` },\n resizing: { borderRight: `solid 2px ${theme.colors.secondary}` },\n resizer: {\n display: \"inline-block\",\n width: 10,\n height: \"100%\",\n position: \"absolute\",\n right: 0,\n top: 0,\n transform: \"translateX(50%)\",\n zIndex: 1,\n touchAction: \"none\",\n },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","height","verticalAlign","textAlign","padding","theme","spacing","borderBottom","colors","atmo4","head","paddingTop","typography","label","transition","backgroundColor","atmo1","borderTop","paddingLeft","cursor","visibility","body","footer","stickyColumn","position","zIndex","borderLeft","stickyColumnMostLeft","borderRight","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","headerContent","display","alignItems","width","headerText","overflow","textOverflow","headerParagraph","sortableHeaderText","sorted","sortable","sortButton","boxShadow","primary_20","sortIcon","alignLeft","alignRight","flexDirection","alignCenter","alignJustify","alignFlexLeft","justifyContent","alignFlexRight","alignFlexCenter","alignFlexJustify","variantCheckbox","maxWidth","variantExpand","variantActions","variantNone","variantList","resizable","resizing","secondary","resizer","right","top","transform","touchAction"],"mappings":"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"}

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

@@ -10,6 +10,7 @@ const useTheme = require("../../../hooks/useTheme.cjs");
 const TableContext = require("../TableContext.cjs");
 const TableSectionContext = require("../TableSectionContext.cjs");
 const TableRow_styles = require("./TableRow.styles.cjs");
+const useDefaultProps = require("../../../hooks/useDefaultProps.cjs");
 const defaultComponent = "tr";
 const getStripedColor = (color, opacity = 0.6) => {
   return checkValidHexColorValue.checkValidHexColorValue(color) ? hexToRgbA.hexToRgbA(color, opacity) : color;
@@ -25,7 +26,7 @@ const HvTableRow = React.forwardRef((props, externalRef) => {
     expanded = false,
     striped = false,
     ...others
-  } = props;
+  } = useDefaultProps.useDefaultProps("HvTableRow", props);
   const {
     classes,
     cx,
@@ -52,16 +53,10 @@ const HvTableRow = React.forwardRef((props, externalRef) => {
   }, [colors, even, odd, rootId]);
   return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref: externalRef, className: cx(tableSectionContext.filterClassName, classes.root, classes[type], striped && css({
     "&:nth-of-type(even)": {
-      backgroundColor: stripedColorEven,
-      "&:hover": {
-        backgroundColor: uikitStyles.theme.table.rowHoverColor
-      }
+      backgroundColor: stripedColorEven
     },
     "&:nth-of-type(odd)": {
-      backgroundColor: stripedColorOdd,
-      "&:hover": {
-        backgroundColor: uikitStyles.theme.table.rowHoverColor
-      }
+      backgroundColor: stripedColorOdd
     }
   }), {
     [classes.hover]: hover,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useState } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { checkValidHexColorValue } from \"@core/utils/checkValidHexColorValue\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport { getVarValue } from \"@core/utils/theme\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useTheme } from \"@core/hooks/useTheme\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableRow.styles\";\n\nexport { staticClasses as tableRowClasses };\n\nexport type HvTableRowClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableRowProps\n extends HvBaseProps<HTMLTableRowElement, \"children\"> {\n /** Content to be rendered /\n children: React.ReactNode;\n /* The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. /\n component?: React.ElementType;\n /* Whether the table row will shade on hover. /\n hover?: boolean;\n /* Whether the table row will have the selected shading. /\n selected?: boolean;\n /* Whether the table row is expanded. /\n expanded?: boolean;\n /* Whether the table row background is striped. /\n striped?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTableRowClasses;\n}\n\nconst defaultComponent = \"tr\";\n\nconst getStripedColor = (color?: string, opacity: number = 0.6) => {\n return checkValidHexColorValue(color) ? hexToRgbA(color, opacity) : color;\n};\n\n/\n `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n (props, externalRef) => {\n const {\n classes: classesProp,\n className,\n component,\n hover = false,\n selected = false,\n expanded = false,\n striped = false,\n ...others\n } = props;\n const { classes, cx, css } = useClasses(classesProp);\n const { colors, rootId } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const [even, setEven] = useState<string \| undefined>();\n const [odd, setOdd] = useState<string \| undefined>();\n\n const type = tableSectionContext?.type \|\| \"body\";\n\n const isList = tableContext.variant === \"listrow\";\n\n const Component =\n component \|\| tableContext?.components?.Tr \|\| defaultComponent;\n\n const [stripedColorEven, setStripedColorEven] = useState(\n getStripedColor(even)\n );\n const [stripedColorOdd, setStripedColorOdd] = useState(\n getStripedColor(odd)\n );\n\n useEffect(() => {\n setEven(getVarValue(theme.table.rowStripedBackgroundColorEven, rootId));\n setOdd(getVarValue(theme.table.rowStripedBackgroundColorOdd, rootId));\n\n setStripedColorEven(getStripedColor(even));\n setStripedColorOdd(getStripedColor(odd));\n }, [colors, even, odd, rootId]);\n\n return (\n <Component\n ref={externalRef}\n className={cx(\n tableSectionContext.filterClassName,\n classes.root,\n classes[type],\n striped &&\n css({\n \"&:nth-of-type(even)\": {\n backgroundColor: stripedColorEven,\n ~~\"&:hover\": {\n backgroundColor: theme.table.rowHoverColor,\n },\n~~ },\n \"&:nth-of-type(odd)\": {\n backgroundColor: stripedColorOdd,\n ~~\"&:hover\": {\n backgroundColor: theme.table.rowHoverColor,\n },\n~~ },\n }),\n {\n [classes.hover]: hover,\n [classes.selected]: selected,\n [classes.expanded]: expanded,\n [classes.striped]: striped,\n [classes.variantList]: isList && type === \"body\",\n [classes.variantListHead]: isList && type === \"head\",\n },\n className\n )}\n role={Component === defaultComponent ? null : \"row\"}\n {...others}\n />\n );\n }\n);\n"],"names":["defaultComponent","getStripedColor","color","opacity","checkValidHexColorValue","hexToRgbA","HvTableRow","forwardRef","props","externalRef","classes","classesProp","className","component","hover","selected","expanded","striped","others","cx","css","useClasses","colors","rootId","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","even","setEven","useState","odd","setOdd","type","isList","variant","Component","components","Tr","stripedColorEven","setStripedColorEven","stripedColorOdd","setStripedColorOdd","useEffect","getVarValue","theme","table","rowStripedBackgroundColorEven","rowStripedBackgroundColorOdd","jsx","filterClassName","root","backgroundColor","~~rowHoverColor","~~variantList","variantListHead"],"mappings":"~~;;;;;;;;;;;;AAqCA~~,MAAMA,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,OAAgBC,UAAkB,QAAQ;AACjE,SAAOC,wBAAAA,wBAAwBF,KAAK,IAAIG,UAAAA,UAAUH,OAAOC,OAAO,IAAID;AACtE;AAKO,MAAMI,aAAaC,MAAAA,WACxB,CAACC,OAAOC,gBAAgB;;AAChB,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,UAAU;AAAA,IACV,GAAGC;AAAAA,~~EACDV~~,~~IAAAA~~;~~AACE~~,QAAA;AAAA,IAAEE;AAAAA,~~IAASS~~;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,gBAAAA,~~WAAWV~~,WAAW;AAC7C,QAAA;AAAA,~~IAAEW~~;AAAAA,IAAQC;AAAAA,MAAWC,SAAS,SAAA;AAC9BC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AACtCC,QAAAA,sBAAsBF,iBAAWG,oBAAAA,OAAmB;AAE1D,QAAM,CAACC,MAAMC,OAAO,IAAIC,MAA6B,SAAA;AACrD,QAAM,CAACC,KAAKC,MAAM,IAAIF,MAA6B,SAAA;AAE7CG,QAAAA,QAAOP,2DAAqBO,SAAQ;AAEpCC,QAAAA,SAASX,aAAaY,YAAY;AAExC,QAAMC,~~YACJzB~~,~~eAAaY~~,kDAAcc,eAAdd,mBAA0Be,~~OAAMxC~~;AAE/C,QAAM,~~CAACyC~~,kBAAkBC,mBAAmB,IAAIV,~~MAC9C/B~~,SAAAA,~~gBAAgB6B~~,IAAI,CACtB;AACA,QAAM,CAACa,iBAAiBC,kBAAkB,IAAIZ,~~MAC5C/B~~,SAAAA,~~gBAAgBgC~~,GAAG,CACrB;AAEAY,QAAAA,UAAU,MAAM;AACdd,YAAQe,MAAYC,YAAAA,YAAAA,MAAMC,MAAMC,+BAA+B1B,MAAM,CAAC;AACtEW,WAAOY,MAAYC,YAAAA,YAAAA,MAAMC,MAAME,8BAA8B3B,MAAM,CAAC;~~AAEhDtB~~,wBAAAA,~~gBAAgB6B~~,IAAI,CAAC;~~AACtB7B~~,uBAAAA,~~gBAAgBgC~~,GAAG,CAAC;AAAA,KACtC,CAACX,QAAQQ,MAAMG,KAAKV,MAAM,CAAC;AAE9B,SACG4B,2BAAAA,IAAA,WAAA,EACC,~~KAAK1C~~,aACL,~~WAAWU~~,GACTS,oBAAoBwB,~~iBACpB1C~~,~~QAAQ2C~~,~~MACR3C~~,~~QAAQyB~~,IAAI,~~GACZlB~~,~~WACEG~~,IAAI;AAAA,IACF,uBAAuB;AAAA,MACrBkC,iBAAiBb;AAAAA,~~MACjB,WAAW~~;AAAA,~~QACTa,iBAAiBP,YAAAA,MAAMC,MAAMO;AAAAA,MAC/B;AAAA,IACF;AAAA,~~IACA,sBAAsB;AAAA,~~MACpBD~~,iBAAiBX;AAAAA,~~MACjB,WAAW~~;AAAA,~~QACTW,iBAAiBP,YAAAA,MAAMC,MAAMO;AAAAA,MAC/B;AAAA,IACF;AAAA,~~EAAA,CACD,GACH;AAAA,IACE,~~CAAC7C~~,QAAQI,KAAK,GAAGA;AAAAA,IACjB,CAACJ,QAAQK,QAAQ,GAAGA;AAAAA,IACpB,CAACL,QAAQM,QAAQ,GAAGA;AAAAA,IACpB,CAACN,QAAQO,OAAO,GAAGA;AAAAA,IACnB,CAACP,QAAQ8C,WAAW,~~GAAGpB~~,UAAUD,SAAS;AAAA,IAC1C,~~CAACzB~~,QAAQ+C,eAAe,~~GAAGrB~~,UAAUD,SAAS;AAAA,EAAA,~~GAEhDvB~~,SACF,GACA,~~MAAM0B~~,~~cAActC~~,mBAAmB,OAAO,OAC1CkB,GAAAA,OACJ,CAAA;AAEN,CACF;;;"}
1	+ {"version":3,"file":"TableRow.cjs","sources":["../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import { forwardRef, useContext, useEffect, useState } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { checkValidHexColorValue } from \"@core/utils/checkValidHexColorValue\";\nimport { hexToRgbA } from \"@core/utils/hexToRgbA\";\nimport { getVarValue } from \"@core/utils/theme\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useTheme } from \"@core/hooks/useTheme\";\n\nimport { useDefaultProps } from \"@core/hooks\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport { staticClasses, useClasses } from \"./TableRow.styles\";\n\nexport { staticClasses as tableRowClasses };\n\nexport type HvTableRowClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTableRowProps\n extends HvBaseProps<HTMLTableRowElement, \"children\"> {\n /** Content to be rendered /\n children: React.ReactNode;\n /* The component used for the root node. Either a string to use a HTML element or a component. Defaults to tbody. /\n component?: React.ElementType;\n /* Whether the table row will shade on hover. /\n hover?: boolean;\n /* Whether the table row will have the selected shading. /\n selected?: boolean;\n /* Whether the table row is expanded. /\n expanded?: boolean;\n /* Whether the table row background is striped. /\n striped?: boolean;\n /* A Jss Object used to override or extend the styles applied to the component. /\n classes?: HvTableRowClasses;\n}\n\nconst defaultComponent = \"tr\";\n\nconst getStripedColor = (color?: string, opacity: number = 0.6) => {\n return checkValidHexColorValue(color) ? hexToRgbA(color, opacity) : color;\n};\n\n/\n `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nexport const HvTableRow = forwardRef<HTMLElement, HvTableRowProps>(\n (props, externalRef) => {\n const {\n classes: classesProp,\n className,\n component,\n hover = false,\n selected = false,\n expanded = false,\n striped = false,\n ...others\n } = useDefaultProps(\"HvTableRow\", props);\n const { classes, cx, css } = useClasses(classesProp);\n const { colors, rootId } = useTheme();\n const tableContext = useContext(TableContext);\n const tableSectionContext = useContext(TableSectionContext);\n\n const [even, setEven] = useState<string \| undefined>();\n const [odd, setOdd] = useState<string \| undefined>();\n\n const type = tableSectionContext?.type \|\| \"body\";\n\n const isList = tableContext.variant === \"listrow\";\n\n const Component =\n component \|\| tableContext?.components?.Tr \|\| defaultComponent;\n\n const [stripedColorEven, setStripedColorEven] = useState(\n getStripedColor(even)\n );\n const [stripedColorOdd, setStripedColorOdd] = useState(\n getStripedColor(odd)\n );\n\n useEffect(() => {\n setEven(getVarValue(theme.table.rowStripedBackgroundColorEven, rootId));\n setOdd(getVarValue(theme.table.rowStripedBackgroundColorOdd, rootId));\n\n setStripedColorEven(getStripedColor(even));\n setStripedColorOdd(getStripedColor(odd));\n }, [colors, even, odd, rootId]);\n\n return (\n <Component\n ref={externalRef}\n className={cx(\n tableSectionContext.filterClassName,\n classes.root,\n classes[type],\n striped &&\n css({\n \"&:nth-of-type(even)\": {\n backgroundColor: stripedColorEven,\n },\n \"&:nth-of-type(odd)\": {\n backgroundColor: stripedColorOdd,\n },\n }),\n {\n [classes.hover]: hover,\n [classes.selected]: selected,\n [classes.expanded]: expanded,\n [classes.striped]: striped,\n [classes.variantList]: isList && type === \"body\",\n [classes.variantListHead]: isList && type === \"head\",\n },\n className\n )}\n role={Component === defaultComponent ? null : \"row\"}\n {...others}\n />\n );\n }\n);\n"],"names":["defaultComponent","getStripedColor","color","opacity","checkValidHexColorValue","hexToRgbA","HvTableRow","forwardRef","props","externalRef","classes","classesProp","className","component","hover","selected","expanded","striped","others","useDefaultProps","cx","css","useClasses","colors","rootId","useTheme","tableContext","useContext","TableContext","tableSectionContext","TableSectionContext","even","setEven","useState","odd","setOdd","type","isList","variant","Component","components","Tr","stripedColorEven","setStripedColorEven","stripedColorOdd","setStripedColorOdd","useEffect","getVarValue","theme","table","rowStripedBackgroundColorEven","rowStripedBackgroundColorOdd","jsx","filterClassName","root","backgroundColor","variantList","variantListHead"],"mappings":";;;;;;;;;;;;;AAsCA,MAAMA,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,OAAgBC,UAAkB,QAAQ;AACjE,SAAOC,wBAAAA,wBAAwBF,KAAK,IAAIG,UAAAA,UAAUH,OAAOC,OAAO,IAAID;AACtE;AAKO,MAAMI,aAAaC,MAAAA,WACxB,CAACC,OAAOC,gBAAgB;;AAChB,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,UAAU;AAAA,IACV,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,cAAcX,KAAK;AACjC,QAAA;AAAA,IAAEE;AAAAA,IAASU;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,gBAAAA,WAAWX,WAAW;AAC7C,QAAA;AAAA,IAAEY;AAAAA,IAAQC;AAAAA,MAAWC,SAAS,SAAA;AAC9BC,QAAAA,eAAeC,iBAAWC,aAAAA,OAAY;AACtCC,QAAAA,sBAAsBF,iBAAWG,oBAAAA,OAAmB;AAE1D,QAAM,CAACC,MAAMC,OAAO,IAAIC,MAA6B,SAAA;AACrD,QAAM,CAACC,KAAKC,MAAM,IAAIF,MAA6B,SAAA;AAE7CG,QAAAA,QAAOP,2DAAqBO,SAAQ;AAEpCC,QAAAA,SAASX,aAAaY,YAAY;AAExC,QAAMC,YACJ1B,eAAaa,kDAAcc,eAAdd,mBAA0Be,OAAMzC;AAE/C,QAAM,CAAC0C,kBAAkBC,mBAAmB,IAAIV,MAC9ChC,SAAAA,gBAAgB8B,IAAI,CACtB;AACA,QAAM,CAACa,iBAAiBC,kBAAkB,IAAIZ,MAC5ChC,SAAAA,gBAAgBiC,GAAG,CACrB;AAEAY,QAAAA,UAAU,MAAM;AACdd,YAAQe,MAAYC,YAAAA,YAAAA,MAAMC,MAAMC,+BAA+B1B,MAAM,CAAC;AACtEW,WAAOY,MAAYC,YAAAA,YAAAA,MAAMC,MAAME,8BAA8B3B,MAAM,CAAC;AAEhDvB,wBAAAA,gBAAgB8B,IAAI,CAAC;AACtB9B,uBAAAA,gBAAgBiC,GAAG,CAAC;AAAA,KACtC,CAACX,QAAQQ,MAAMG,KAAKV,MAAM,CAAC;AAE9B,SACG4B,2BAAAA,IAAA,WAAA,EACC,KAAK3C,aACL,WAAWW,GACTS,oBAAoBwB,iBACpB3C,QAAQ4C,MACR5C,QAAQ0B,IAAI,GACZnB,WACEI,IAAI;AAAA,IACF,uBAAuB;AAAA,MACrBkC,iBAAiBb;AAAAA,IACnB;AAAA,IACA,sBAAsB;AAAA,MACpBa,iBAAiBX;AAAAA,IACnB;AAAA,EAAA,CACD,GACH;AAAA,IACE,CAAClC,QAAQI,KAAK,GAAGA;AAAAA,IACjB,CAACJ,QAAQK,QAAQ,GAAGA;AAAAA,IACpB,CAACL,QAAQM,QAAQ,GAAGA;AAAAA,IACpB,CAACN,QAAQO,OAAO,GAAGA;AAAAA,IACnB,CAACP,QAAQ8C,WAAW,GAAGnB,UAAUD,SAAS;AAAA,IAC1C,CAAC1B,QAAQ+C,eAAe,GAAGpB,UAAUD,SAAS;AAAA,EAAA,GAEhDxB,SACF,GACA,MAAM2B,cAAcvC,mBAAmB,OAAO,OAC1CkB,GAAAA,OACJ,CAAA;AAEN,CACF;;;"}

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;;;"}