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

@hitachivantara/uikit-react-core 5.28.1 → 5.29.0

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

Files changed (434) hide show

package/dist/esm/components/Table/TableHeader/TableHeader.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableHeader.styles.js","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,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IACJ,2BAA2B;AAAA,IAC3B,iBAAiB;AAAA,IACjBC,QAAQ;AAAA,IACRC,eAAe;AAAA,IACfC,WAAW;AAAA,IACXC,SAASC,MAAMC,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,IACjCC,cAAe,aAAYF,MAAMG,OAAOC,KAAM;AAAA,EAChD;AAAA,EACAC,MAAM;AAAA,IACJC,YAAY;AAAA,IACZT,eAAe;AAAA,IACf,GAAGG,MAAMO,WAAWC;AAAAA,IACpBC,YAAY;AAAA,IACZC,iBAAiBV,MAAMG,OAAOQ;AAAAA,IAC9BT,cAAe,aAAYF,MAAMG,OAAOC,KAAM;AAAA,IAE9C,uBAAuB;AAAA,MACrBR,QAAQ;AAAA,MACRgB,~~WAAY,aAAYZ,MAAMa,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,MAAMa,MAAMI~~;~~AAAAA~~,~~QAE7B~~,eAAe;AAAA,~~UACbC~~,YAAY;AAAA,QACd;AAAA,MACF;AAAA,MACA,kBAAkB;AAAA,~~QAChBR~~,~~iBAAiBV,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,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~~,MAAMG,OAAOC,KAAM;AAAA,EAAE;AAAA,~~EACvEuB~~,wBAAwB;AAAA,IAAEH,YAAa,~~aAAYxB~~,MAAMG,OAAOC,KAAM;AAAA,EAAE;AAAA,~~EACxEwB~~,qBAAqB;AAAA,IAAEJ,YAAa,~~aAAYxB~~,MAAMG,OAAOC,KAAM;AAAA,EAAE;AAAA,~~EACrEyB~~,sBAAsB;AAAA,IACpBH,aAAc,~~aAAY1B~~,MAAMG,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,~~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~~,MAAMG,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~~,MAAMG,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~~,MAAMG,OAAOC,KAAM;AAAA,EAAE;AAAA,~~EAC5D0D~~,UAAU;AAAA,IAAEpC,aAAc,~~aAAY1B~~,MAAMG,~~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.js","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/esm/components/Table/TableRow/TableRow.js CHANGED Viewed

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

package/dist/esm/components/Table/TableRow/TableRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableRow.js","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","filterClassName","root","backgroundColor","~~rowHoverColor","~~variantList","variantListHead"],"mappings":"~~;;;;;;;;;;;AAqCA~~,MAAMA,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,OAAgBC,UAAkB,QAAQ;AACjE,SAAOC,wBAAwBF,KAAK,IAAIG,UAAUH,OAAOC,OAAO,IAAID;AACtE;AAKO,MAAMI,aAAaC,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,~~WAAWV~~,WAAW;AAC7C,QAAA;AAAA,~~IAAEW~~;AAAAA,IAAQC;AAAAA,MAAWC,SAAS;AAC9BC,QAAAA,eAAeC,WAAWC,YAAY;AACtCC,QAAAA,sBAAsBF,WAAWG,mBAAmB;AAE1D,QAAM,CAACC,MAAMC,OAAO,IAAIC,SAA6B;AACrD,QAAM,CAACC,KAAKC,MAAM,IAAIF,SAA6B;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,~~SAC9C/B~~,~~gBAAgB6B~~,IAAI,CACtB;AACA,QAAM,CAACa,iBAAiBC,kBAAkB,IAAIZ,~~SAC5C/B~~,~~gBAAgBgC~~,GAAG,CACrB;AAEAY,YAAU,MAAM;AACdd,YAAQe,YAAYC,MAAMC,MAAMC,+BAA+B1B,MAAM,CAAC;AACtEW,WAAOY,YAAYC,MAAMC,MAAME,8BAA8B3B,MAAM,CAAC;~~AAEhDtB~~,wBAAAA,~~gBAAgB6B~~,IAAI,CAAC;~~AACtB7B~~,uBAAAA,~~gBAAgBgC~~,GAAG,CAAC;AAAA,KACtC,CAACX,QAAQQ,MAAMG,KAAKV,MAAM,CAAC;AAE9B,SACG,oBAAA,WAAA,EACC,~~KAAKd~~,aACL,~~WAAWU~~,GACTS,oBAAoBuB,~~iBACpBzC~~,~~QAAQ0C~~,~~MACR1C~~,~~QAAQyB~~,IAAI,~~GACZlB~~,~~WACEG~~,IAAI;AAAA,IACF,uBAAuB;AAAA,MACrBiC,iBAAiBZ;AAAAA,~~MACjB,WAAW~~;AAAA,~~QACTY,iBAAiBN,MAAMC,MAAMM;AAAAA,MAC/B;AAAA,IACF;AAAA,~~IACA,sBAAsB;AAAA,~~MACpBD~~,iBAAiBV;AAAAA,~~MACjB,WAAW~~;AAAA,~~QACTU,iBAAiBN,MAAMC,MAAMM;AAAAA,MAC/B;AAAA,IACF;AAAA,~~EAAA,CACD,GACH;AAAA,IACE,~~CAAC5C~~,QAAQI,KAAK,GAAGA;AAAAA,IACjB,CAACJ,QAAQK,QAAQ,GAAGA;AAAAA,IACpB,CAACL,QAAQM,QAAQ,GAAGA;AAAAA,IACpB,CAACN,QAAQO,OAAO,GAAGA;AAAAA,IACnB,CAACP,QAAQ6C,WAAW,~~GAAGnB~~,UAAUD,SAAS;AAAA,IAC1C,~~CAACzB~~,QAAQ8C,eAAe,~~GAAGpB~~,UAAUD,SAAS;AAAA,EAAA,~~GAEhDvB~~,SACF,GACA,~~MAAM0B~~,~~cAActC~~,mBAAmB,OAAO,OAC1CkB,GAAAA,OACJ,CAAA;AAEN,CACF;"}
1	+ {"version":3,"file":"TableRow.js","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","filterClassName","root","backgroundColor","variantList","variantListHead"],"mappings":";;;;;;;;;;;;AAsCA,MAAMA,mBAAmB;AAEzB,MAAMC,kBAAkBA,CAACC,OAAgBC,UAAkB,QAAQ;AACjE,SAAOC,wBAAwBF,KAAK,IAAIG,UAAUH,OAAOC,OAAO,IAAID;AACtE;AAKO,MAAMI,aAAaC,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,cAAcX,KAAK;AACjC,QAAA;AAAA,IAAEE;AAAAA,IAASU;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,WAAWX,WAAW;AAC7C,QAAA;AAAA,IAAEY;AAAAA,IAAQC;AAAAA,MAAWC,SAAS;AAC9BC,QAAAA,eAAeC,WAAWC,YAAY;AACtCC,QAAAA,sBAAsBF,WAAWG,mBAAmB;AAE1D,QAAM,CAACC,MAAMC,OAAO,IAAIC,SAA6B;AACrD,QAAM,CAACC,KAAKC,MAAM,IAAIF,SAA6B;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,SAC9ChC,gBAAgB8B,IAAI,CACtB;AACA,QAAM,CAACa,iBAAiBC,kBAAkB,IAAIZ,SAC5ChC,gBAAgBiC,GAAG,CACrB;AAEAY,YAAU,MAAM;AACdd,YAAQe,YAAYC,MAAMC,MAAMC,+BAA+B1B,MAAM,CAAC;AACtEW,WAAOY,YAAYC,MAAMC,MAAME,8BAA8B3B,MAAM,CAAC;AAEhDvB,wBAAAA,gBAAgB8B,IAAI,CAAC;AACtB9B,uBAAAA,gBAAgBiC,GAAG,CAAC;AAAA,KACtC,CAACX,QAAQQ,MAAMG,KAAKV,MAAM,CAAC;AAE9B,SACG,oBAAA,WAAA,EACC,KAAKf,aACL,WAAWW,GACTS,oBAAoBuB,iBACpB1C,QAAQ2C,MACR3C,QAAQ0B,IAAI,GACZnB,WACEI,IAAI;AAAA,IACF,uBAAuB;AAAA,MACrBiC,iBAAiBZ;AAAAA,IACnB;AAAA,IACA,sBAAsB;AAAA,MACpBY,iBAAiBV;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,QAAQ6C,WAAW,GAAGlB,UAAUD,SAAS;AAAA,IAC1C,CAAC1B,QAAQ8C,eAAe,GAAGnB,UAAUD,SAAS;AAAA,EAAA,GAEhDxB,SACF,GACA,MAAM2B,cAAcvC,mBAAmB,OAAO,OAC1CkB,GAAAA,OACJ,CAAA;AAEN,CACF;"}

package/dist/esm/components/Table/TableRow/TableRow.styles.js CHANGED Viewed

@@ -8,7 +8,7 @@ const {
   /** Styles applied to the component root class. */
   root: {
     color: "inherit",
-    backgroundColor: theme.table.rowBackgroundColor,
+    backgroundColor: theme.colors.atmo1,
     verticalAlign: "middle",
     outline: 0
   },
@@ -20,7 +20,7 @@ const {
   footer: {},
   /** Styles applied to the component root when selected. */
   selected: {
-    backgroundColor: theme.table.selectedRowBackgroundColor
+    backgroundColor: theme.colors.atmo2
   },
   /** Styles applied to the component root when expanded. */
   expanded: {
@@ -30,37 +30,48 @@ const {
     }
   },
   /** Styles applied to the component root when striped. */
-  striped: {},
+  striped: {
+    "&:nth-of-type(even)": {
+      "&:hover": {
+        backgroundColor: theme.colors.containerBackgroundHover
+      }
+    },
+    "&:nth-of-type(odd)": {
+      "&:hover": {
+        backgroundColor: 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: theme.table.rowHoverColor
+      backgroundColor: theme.colors.containerBackgroundHover
     }
   },
   /** Styles applied to the component root when its table variant is list. */
   variantList: {
     // only applied on custom `display`
     marginBottom: theme.space.xs,
-    borderRadius: theme.table.rowListBorderRadius,
-    ...getBorderStyles("row", theme.table.rowListBorderColor, theme.table.rowListBorderRadius),
+    borderRadius: theme.radii.round,
+    ...getBorderStyles(theme.colors.atmo4, theme.radii.round),
     backgroundColor: theme.colors.atmo1,
     "&$selected": {
-      ...getBorderStyles("row", theme.colors.secondary, theme.table.rowListBorderRadius),
+      ...getBorderStyles(theme.colors.secondary, theme.radii.round),
       "&:hover": {
-        ...getBorderStyles("row", theme.table.rowHoverBorderColor, theme.table.rowListBorderRadius)
+        ...getBorderStyles(theme.colors.atmo4, theme.radii.round)
       }
     },
     "&:hover": {
-      ...getBorderStyles("row", theme.table.rowHoverBorderColor, theme.table.rowListBorderRadius)
+      ...getBorderStyles(theme.colors.atmo4, theme.radii.round)
     },
     "&.HvIsFocused": {
-      borderRadius: theme.table.rowListBorderRadius
+      borderRadius: theme.radii.round
     }
   },
   /** Styles applied to the component root when its table variant is list. */
   variantListHead: {
-    backgroundColor: theme.table.rowListBackgroundColor
+    backgroundColor: "transparent"
   }
 });
 export {

package/dist/esm/components/Table/TableRow/TableRow.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableRow.styles.js","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,cAAc,cAAc;AAAA;AAAA,EAEvEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,iBAAiBC,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,MAAMC,~~MAAMQ~~;AAAAA,~~EAC/B~~;AAAA;AAAA,EAEAC,UAAU;AAAA,IACRX,iBAAiBC,~~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,MAAMC,~~MAAMgB~~;AAAAA,~~IAC/B~~;AAAA,EACF;AAAA;AAAA,~~EAEAC~~,aAAa;AAAA;AAAA,IAEXC,~~cAAcnB~~,~~MAAMoB~~,MAAMC;AAAAA,IAC1BC,~~cAActB~~,MAAMC~~,MAAMsB~~;AAAAA,IAE1B,GAAGC,~~gBACD~~,~~OACAxB,~~MAAMC,~~MAAMwB~~,~~oBACZzB~~,MAAMC,~~MAAMsB,mBACd~~;AAAA,~~IACAxB~~,iBAAiBC,~~MAAMW~~,OAAOC;AAAAA,IAC9B,cAAc;AAAA,MACZ,~~GAAGY~~,~~gBACD~~,~~OACAxB~~,~~MAAMW~~,~~OAAOe~~,~~WACb1B~~,MAAMC,~~MAAMsB,mBACd~~;AAAA,~~MAEA~~,WAAW;AAAA,QACT,GAAGC,~~gBACD~~,~~OACAxB,~~MAAMC,~~MAAM0B~~,~~qBACZ3B~~,MAAMC,~~MAAMsB,mBACd~~;AAAA,~~MACF~~;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,GAAGC,~~gBACD~~,~~OACAxB,~~MAAMC,~~MAAM0B~~,~~qBACZ3B~~,MAAMC,~~MAAMsB,mBACd~~;AAAA,~~IACF~~;AAAA,IACA,iBAAiB;AAAA,~~MACfD~~,~~cAActB~~,MAAMC~~,MAAMsB~~;AAAAA,IAC5B;AAAA,EACF;AAAA;AAAA,~~EAEAK~~,iBAAiB;AAAA,~~IACf7B~~,~~iBAAiBC,MAAMC,MAAM4B~~;~~AAAAA~~,~~EAC/B~~;AACF,CAAC;"}
1	+ {"version":3,"file":"TableRow.styles.js","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,cAAc,cAAc;AAAA;AAAA,EAEvEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,iBAAiBC,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,MAAMC,OAAOQ;AAAAA,EAChC;AAAA;AAAA,EAEAC,UAAU;AAAA,IACRX,iBAAiBC,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,MAAMC,OAAOY;AAAAA,MAChC;AAAA,IACF;AAAA,IACA,sBAAsB;AAAA,MACpB,WAAW;AAAA,QACTd,iBAAiBC,MAAMC,OAAOY;AAAAA,MAChC;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAEAC,OAAO;AAAA,IACLC,YAAY;AAAA,IACZ,WAAW;AAAA,MACThB,iBAAiBC,MAAMC,OAAOY;AAAAA,IAChC;AAAA,EACF;AAAA;AAAA,EAEAG,aAAa;AAAA;AAAA,IAEXC,cAAcjB,MAAMkB,MAAMC;AAAAA,IAC1BC,cAAcpB,MAAMqB,MAAMC;AAAAA,IAE1B,GAAGC,gBAAgBvB,MAAMC,OAAOuB,OAAOxB,MAAMqB,MAAMC,KAAK;AAAA,IACxDvB,iBAAiBC,MAAMC,OAAOC;AAAAA,IAC9B,cAAc;AAAA,MACZ,GAAGqB,gBAAgBvB,MAAMC,OAAOwB,WAAWzB,MAAMqB,MAAMC,KAAK;AAAA,MAE5D,WAAW;AAAA,QACT,GAAGC,gBAAgBvB,MAAMC,OAAOuB,OAAOxB,MAAMqB,MAAMC,KAAK;AAAA,MAC1D;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,GAAGC,gBAAgBvB,MAAMC,OAAOuB,OAAOxB,MAAMqB,MAAMC,KAAK;AAAA,IAC1D;AAAA,IACA,iBAAiB;AAAA,MACfF,cAAcpB,MAAMqB,MAAMC;AAAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEAI,iBAAiB;AAAA,IACf3B,iBAAiB;AAAA,EACnB;AACF,CAAC;"}

package/dist/esm/components/Table/utils/utils.js CHANGED Viewed

@@ -1,5 +1,4 @@
-import { theme } from "@hitachivantara/uikit-styles";
-const getBorderStyles = (type, color = theme.table.rowBorderColor, rowBorderRadius = theme.table.rowBorderRadius) => {
+const getBorderStyles = (color, rowBorderRadius) => {
   return {
     "& td": {
       borderTop: `1px solid ${color}`,

package/dist/esm/components/Table/utils/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","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,MAAMC,MAAMC,gBACpBC,kBAAkBH,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.js","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/esm/components/Tag/Tag.styles.js CHANGED Viewed

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

package/dist/esm/components/Tag/Tag.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.styles.js","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,cAAc,SAAS;AAAA,EAClEC,MAAM,CAAC;AAAA,EAEPC,UAAU;AAAA,IACR,kBAAkB;AAAA,MAChBC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdC,UAAU;AAAA,MACVC,YAAYC,MAAMD,WAAWE;AAAAA,MAE7B,mBAAmB;AAAA,QACjBC,iBAAiBC,UAAUH,MAAMI,OAAOC,YAAY,GAAG;AAAA,MACzD;AAAA,MAEA,iBAAiB;AAAA,QACfR,cAAc;AAAA,QACd,YAAY;AAAA,UACVS,OAAON,MAAMI,OAAOG;AAAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,cAAc;AAAA,MACZC,SAAS;AAAA,MACTN,iBAAiBF,MAAMI,OAAOK;AAAAA,MAC9B,YAAY;AAAA,QACVH,OAAON,MAAMI,OAAOM;AAAAA,MACtB;AAAA,IACF;AAAA,IAEA,oBAAoB;AAAA,MAClBC,aAAaX,MAAMY,MAAMC;AAAAA,MACzBC,cAAcd,MAAMY,MAAMC;AAAAA,MAC1B,GAAIb,MAAMe,WAAWC;AAAAA,MACrBV,OAAON,MAAMI,OAAOa;AAAAA,MACpB,OAAO;AAAA,QACLX,OAAON,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,~~MAAMqB~~,~~OAAOC~~;AAAAA,MAChC;AAAA,MACA,WAAW;AAAA,QACT,GAAGC;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;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.js","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,cAAc,SAAS;AAAA,EAClEC,MAAM,CAAC;AAAA,EAEPC,UAAU;AAAA,IACR,kBAAkB;AAAA,MAChBC,QAAQ;AAAA,MACRC,cAAc;AAAA,MACdC,UAAU;AAAA,MACVC,YAAYC,MAAMD,WAAWE;AAAAA,MAE7B,mBAAmB;AAAA,QACjBC,iBAAiBC,UAAUH,MAAMI,OAAOC,YAAY,GAAG;AAAA,MACzD;AAAA,MAEA,iBAAiB;AAAA,QACfR,cAAc;AAAA,QACd,YAAY;AAAA,UACVS,OAAON,MAAMI,OAAOG;AAAAA,QACtB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,cAAc;AAAA,MACZC,SAAS;AAAA,MACTN,iBAAiBF,MAAMI,OAAOK;AAAAA,MAC9B,YAAY;AAAA,QACVH,OAAON,MAAMI,OAAOM;AAAAA,MACtB;AAAA,IACF;AAAA,IAEA,oBAAoB;AAAA,MAClBC,aAAaX,MAAMY,MAAMC;AAAAA,MACzBC,cAAcd,MAAMY,MAAMC;AAAAA,MAC1B,GAAIb,MAAMe,WAAWC;AAAAA,MACrBV,OAAON,MAAMI,OAAOa;AAAAA,MACpB,OAAO;AAAA,QACLX,OAAON,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,MAAMI,OAAOiB;AAAAA,MAChC;AAAA,MACA,WAAW;AAAA,QACT,GAAGC;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;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/esm/components/TagsInput/TagsInput.styles.js CHANGED Viewed

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

package/dist/esm/components/TagsInput/TagsInput.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsInput.styles.js","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":";;;;;;AAQa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,eAAe;AAAA,EACxEC,OAAO;AAAA,IACLC,OAAO;AAAA,IACP,GAAGC,MAAMC,WAAWC;AAAAA,EACtB;AAAA,EACAC,iBAAiB;AAAA,IAAEC,SAAS;AAAA,EAAQ;AAAA,EACpCC,cAAc;AAAA,IACZC,cAAc;AAAA,IACdC,QAAQ;AAAA,IACRC,YAAY;AAAA,IAEZ,sBAAsB;AAAA,MACpBF,cAAc;AAAA,IAChB;AAAA,IAEA,gBAAgB;AAAA,MACdG,SAAS;AAAA,MACTC,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IAAEF,SAAS;AAAA,IAAgBV,OAAO;AAAA,EAAO;AAAA,EAC/Ca,UAAU;AAAA,IACR,CAAE,KAAIC,YAAYF,IAAK,EAAC,GAAG;AAAA,MACzBG,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EACAC,UAAU;AAAA,IACR,eAAe;AAAA,MACbC,iBAAiBhB,MAAMiB,~~UAAUC~~;AAAAA,~~MACjCC~~,QAAS,aAAYnB,~~MAAMoB~~,~~OAAOC~~,KAAM;AAAA,MAExC,2BAA2B;AAAA,~~QACzBF~~,QAAS,aAAYnB,~~MAAMoB~~,~~OAAOC~~,KAAM;AAAA,MAC1C;AAAA,IACF;AAAA,EACF;AAAA,EACAC,UAAU;AAAA,IACR,eAAe;AAAA,~~MACbN~~,iBAAiBhB,MAAMiB,~~UAAUM~~;AAAAA,~~MACjCJ~~,QAAS,aAAYnB,MAAMiB,~~UAAUO~~,~~mBAAoB~~;AAAA,~~MAEzD~~,WAAW;AAAA,~~QACTL~~,QAAS,aAAYnB,MAAMiB,~~UAAUO~~,~~mBAAoB~~;AAAA,~~MAC3D~~;AAAA,IACF;AAAA,EACF;AAAA,EACAC,WAAW;AAAA,~~IAAE1B~~,OAAO;AAAA,~~IAAQ2B~~,QAAQ;AAAA,IAAQC,UAAU;AAAA,EAAO;AAAA,EAC7DC,SAAS,CAAC;AAAA,EACVC,gBAAgB;AAAA,IAAEC,OAAO;AAAA,~~IAAQrB~~,SAAS;AAAA,~~IAAQsB~~,YAAY;AAAA,EAAa;AAAA,EAC3EC,OAAO;AAAA,~~IAAEvB~~,SAAS;AAAA,~~IAASqB~~,OAAO;AAAA,IAAQG,eAAe;AAAA,EAAM;AAAA,EAC/DC,aAAa;AAAA,~~IAAEzB~~,SAAS;AAAA,~~IAASqB~~,OAAO;AAAA,EAAO;AAAA,EAC/CK,kBAAkB;AAAA,~~IAChB1B~~,SAAS;AAAA,~~IACTqB~~,OAAO;AAAA,IACPM,WAAW;AAAA,~~IACX9B~~,cAAc;AAAA,EAChB;AAAA,~~EACA+B~~,UAAU;AAAA,~~IACR5B~~,SAAS;AAAA,~~IACT6B~~,cAAc;AAAA,IACdR,OAAO;AAAA,IACPS,OAAO;AAAA,~~IACPxC~~,OAAO;AAAA,IACPe,UAAU;AAAA,IACVP,QAAQ;AAAA,IACRH,SAAS;AAAA,~~IACTuB~~,UAAU;AAAA,IACVa,UAAU;AAAA,IAEVC,eAAe;AAAA,IACfC,UAAU;AAAA,~~IAEV1B~~,iBAAiBhB,~~MAAMoB~~,~~OAAOuB~~;AAAAA,~~IAC9BxB~~,QAAS,aAAYnB,MAAMiB,~~UAAU2B~~,~~WAAY~~;AAAA,~~IACjDC~~,~~cAAc7C~~,~~MAAM8C~~,MAAMC;AAAAA,IAE1B,WAAW;AAAA,MACTC,QAAQ;AAAA,~~MACR7B~~,QAAS,aAAYnB,MAAMiB,~~UAAUgC~~,~~UAAW~~;AAAA,~~IAClD~~;AAAA,IAEA,CAAE,MAAKC,gBAAiBC,SAAU,EAAC,GAAG;AAAA,~~MACpChC~~,QAAQ;AAAA,IACV;AAAA,IAEA,4CAA4C;AAAA,~~MAC1CiC~~,cAAc;AAAA,MACdC,cAAc;AAAA,MACdC,cAAc;AAAA,MACdC,eAAe;AAAA,MACfC,WAAW;AAAA,IACb;AAAA,IAEA,gBAAgB;AAAA,MACdC,WAAW;AAAA,MACXC,WAAW;AAAA,~~MACXnD~~,QAAQ;AAAA,MACRE,SAAS;AAAA,MACTC,YAAY;AAAA,IACd;AAAA,IAEA,WAAW;AAAA,MACTS,QAAS,aAAYnB,~~MAAMoB~~,~~OAAOuC~~,QAAS;AAAA,IAC7C;AAAA,IAEA,aAAa;AAAA,~~MACXxC~~,QAAS,aAAYnB,~~MAAMoB~~,~~OAAOuC~~,QAAS;AAAA,IAC7C;AAAA,EACF;AAAA,EACAC,uBAAuB;AAAA,~~IACrBnD~~,SAAS;AAAA,~~IACToD~~,UAAU;AAAA,~~IACVtD~~,QAAQ;AAAA,IACRC,YAAY;AAAA,IAEZ,gBAAgB;AAAA,MACdC,SAAS;AAAA,~~MACTqD~~,UAAU;AAAA,~~MACV/D~~,OAAO;AAAA,MACPW,YAAY;AAAA,~~MACZqD~~,eAAe;AAAA,IACjB;AAAA,EACF;AAAA,EACAC,cAAc;AAAA,IACZ,CAAE,MAAKd,~~gBAAiBvC~~,IAAK,EAAC,GAAG;AAAA,MAC/BZ,OAAO;AAAA,MACPoB,QAAQ;AAAA,MACR,oCAAoC;AAAA,~~QAClC8C~~,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,CAAE,OAAMf,gBAAiBC,SAAU,EAAC,GAAG;AAAA,MACrCe,YAAY;AAAA,MACZC,aAAa;AAAA,MACbC,MAAM;AAAA,~~MACN7D~~,QAAQ;AAAA,MACRC,YAAY;AAAA,MACZJ,SAAS;AAAA,MACTe,QAAQ;AAAA,IACV;AAAA,IACA,CAAE,~~MAAK+B~~,gBAAiBmB,oBAAqB,EAAC,GAAG;AAAA,MAC/~~ClD~~,QAAQ;AAAA,~~MACR8C~~,YAAY;AAAA,IACd;AAAA,IACA,CAAE,MAAKf,gBAAiBoB,gBAAiB,EAAC,GAAG;AAAA,MAC3CC,SAAS;AAAA,MACTf,WAAW;AAAA,IACb;AAAA,IACA,CAAE,MAAKN,~~gBAAiBvC~~,IAAK,~~KAAIuC~~,gBAAiBsB,iBAAkB,EAAC,GAAG;AAAA,~~MACtExD~~,iBAAiB;AAAA,MACjBG,QAAQ;AAAA,MACR,WAAW;AAAA,QACTA,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,CAAE,~~OAAM+B~~,~~gBAAiBpD~~,KAAM,EAAC,GAAG;AAAA,~~MACjCoE~~,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACAO,aAAa;AAAA,IACXrB,cAAc;AAAA,IACdC,cAAc;AAAA,IACdC,cAAc;AAAA,IACdC,eAAe;AAAA,IACfC,WAAW;AAAA,EACb;AAAA,EACAkB,yBAAyB,CAAC;AAAA,EAC1BC,qBAAqB,CAAC;AAAA,EACtBC,mBAAmB,CAAC;AAAA,EACpBC,YAAY,CAAC;AAAA,EACbC,OAAO;AAAA,IAAEhD,OAAO;AAAA,EAAO;AAAA,EACvBiD,gBAAgB,CAAC;AAAA,EACjBC,sBAAsB;AAAA,~~IACpBjF~~,OAAO;AAAA,~~IACPyC~~,UAAU;AAAA,IACVyC,KAAK;AAAA,IACL,CAAE,MAAKC,~~gBAAmBvE~~,IAAK,~~KAAIuE~~,gBAAmBC,IAAK,IAAG,GAAG;AAAA,MAC/~~DpF~~,OAAO;AAAA,IACT;AAAA,EACF;AAAA,~~EACAqF~~,gBAAgB,CAAC;AACnB,CAAC;"}
1	+ {"version":3,"file":"TagsInput.styles.js","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/esm/components/Tooltip/Tooltip.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { Tooltip, Fade } from "@mui/material";
 import { forwardRef } from "react";
 import { useTheme } from "../../hooks/useTheme.js";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { useClasses, popperSx } from "./Tooltip.styles.js";
+import { useClasses } from "./Tooltip.styles.js";
 import { staticClasses } from "./Tooltip.styles.js";
 const HvTooltip = forwardRef((props, ref) => {
   const {
@@ -33,7 +33,6 @@ const HvTooltip = forwardRef((props, ref) => {
     tooltip: useSingle ? classes.tooltip : classes.tooltipMulti,
     popper: classes.popper
   }, title, PopperProps: {
-    sx: popperSx(useSingle),
     container: typeof window !== "undefined" ? document.getElementById(containerId || rootId || "") || document.body : void 0
   }, ...others, children });
 });

package/dist/esm/components/Tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","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","undefined","tooltip","tooltipMulti","popper","~~sx","popperSx","~~container","window","document","getElementById","body"],"mappings":";;;;;;;AA0DO,MAAMA,YAAYC,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;AAAAA,IACtBC,kBAAkB;AAAA,MAAEC,SAAS;AAAA,MAAKP;AAAAA,IAAU;AAAA,IAC5CQ;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,aAAajB,KAAK;AAEhC,QAAA;AAAA,IAAEkB;AAAAA,MAAWC,SAAS;AACtB,QAAA;AAAA,IAAEhB;AAAAA,EAAAA,IAAYiB,WAAWhB,WAAW;AAGxC,SAAA,oBAAC,SACC,EAAA,KACA,MAAMC,QAAQgB,QACd,YACA,WACA,qBACA,iBACA,WACA,SAAS;AAAA,IACPC,SAASd,YAAYL,QAAQmB,UAAUnB,QAAQoB;AAAAA,IAC/CC,QAAQrB,QAAQqB;AAAAA,EAAAA,GAElB,OACA,aAAa;AAAA,IACXC,~~IAAIC,SAASlB,SAAS;AAAA,IACtBmB,~~WACE,OAAOC,WAAW,cACdC,SAASC,~~eAAef~~,eAAeG,UAAU,EAAE,~~KACnDW~~,SAASE,~~OACTV~~;AAAAA,EAAAA,GAEJL,GAAAA,QAEHP,SACH,CAAA;AAEJ,CAAC;"}
1	+ {"version":3,"file":"Tooltip.js","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","undefined","tooltip","tooltipMulti","popper","container","window","document","getElementById","body"],"mappings":";;;;;;;AA0DO,MAAMA,YAAYC,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;AAAAA,IACtBC,kBAAkB;AAAA,MAAEC,SAAS;AAAA,MAAKP;AAAAA,IAAU;AAAA,IAC5CQ;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,aAAajB,KAAK;AAEhC,QAAA;AAAA,IAAEkB;AAAAA,MAAWC,SAAS;AACtB,QAAA;AAAA,IAAEhB;AAAAA,EAAAA,IAAYiB,WAAWhB,WAAW;AAGxC,SAAA,oBAAC,SACC,EAAA,KACA,MAAMC,QAAQgB,QACd,YACA,WACA,qBACA,iBACA,WACA,SAAS;AAAA,IACPC,SAASd,YAAYL,QAAQmB,UAAUnB,QAAQoB;AAAAA,IAC/CC,QAAQrB,QAAQqB;AAAAA,EAAAA,GAElB,OACA,aAAa;AAAA,IACXC,WACE,OAAOC,WAAW,cACdC,SAASC,eAAeb,eAAeG,UAAU,EAAE,KACnDS,SAASE,OACTR;AAAAA,EAAAA,GAEJL,GAAAA,QAEHP,SACH,CAAA;AAEJ,CAAC;"}

package/dist/esm/components/Tooltip/Tooltip.styles.js CHANGED Viewed

@@ -8,17 +8,7 @@ const {
   root: {},
   tooltip: {},
   tooltipMulti: {},
-  popper: {},
-  title: {},
-  valuesContainer: {},
-  values: {},
-  color: {},
-  separatorColor: {},
-  separator: {},
-  valueWrapper: {}
-});
-const popperSx = (useSingle) => {
-  return {
+  popper: {
     [`& .${tooltipClasses.popper}`]: {
       opacity: 1
     },
@@ -31,29 +21,22 @@ const popperSx = (useSingle) => {
       backgroundColor: theme.colors.atmo1,
       boxShadow: theme.colors.shadow,
       padding: 0,
-      ...useSingle && {
-        padding: "15px 20px",
-        borderRadius: 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 ${theme.colors.atmo2}`
     },
-    [`& .${staticClasses.valuesContainer}`]: {
+    "& $valuesContainer": {
       padding: theme.space.sm
     },
-    [`& .${staticClasses.values}`]: {
+    "& $values": {
       display: "flex",
       justifyContent: "space-between",
       paddingBottom: "10px",
@@ -61,22 +44,35 @@ const popperSx = (useSingle) => {
         paddingBottom: 0
       }
     },
-    [`& .${staticClasses.color}`]: {
+    "& $color": {
       width: theme.space.xs
     },
-    [`& .${staticClasses.separator}`]: {
+    "& $separator": {
       width: theme.space.xs
     },
-    [`& .${staticClasses.separatorColor}`]: {
+    "& $separatorColor": {
       width: "5px"
     },
-    [`& .${staticClasses.valueWrapper}`]: {
+    "& $valueWrapper": {
       padding: theme.space.sm
+    },
+    "& $tooltip": {
+      padding: "15px 20px",
+      borderRadius: theme.radii.round,
+      "& p": {
+        wordBreak: "break-word"
+      }
     }
-  };
-};
+  },
+  title: {},
+  valuesContainer: {},
+  values: {},
+  color: {},
+  separatorColor: {},
+  separator: {},
+  valueWrapper: {}
+});
 export {
-  popperSx,
   staticClasses,
   useClasses
 };

package/dist/esm/components/Tooltip/Tooltip.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.styles.js","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,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,~~eAAkBV~~,MAAO,EAAC,GAAG;AAAA,~~MAClCW~~,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKD,~~eAAkBZ~~,OAAQ,EAAC,GAAG;AAAA,~~MACnCc~~,YAAYC,MAAMD,WAAWE;AAAAA,MAC7B,GAAGD,MAAME,WAAWD;AAAAA,MACpBE,SAAS;AAAA,MACTC,OAAO;AAAA,MACPC,UAAU;AAAA,MACVC,iBAAiBN,MAAMO,OAAOC;AAAAA,MAC9BC,WAAWT,MAAMO,OAAOG;AAAAA,MACxBC,SAAS;AAAA,~~MACT~~,~~GAAIf,aAAa;AAAA,QACfe,SAAS;AAAA,QACTC,cAAcZ,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~~,MAAMO,~~OAAOW~~,KAAM;AAAA,IAChD;AAAA,IACA,~~CAAE,MAAKrC,cAAcQ,eAAgB,EAAC,GAAG~~;AAAA,~~MACvCsB~~,SAASX,~~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,~~MAAMmB~~,MAAMI;AAAAA,IACrB;AAAA,IACA,~~CAAE~~,~~MAAK1C~~,~~cAAcY~~,~~SAAU~~,~~EAAC~~,~~GAAG~~;AAAA,~~MACjCW~~,~~OAAOJ~~,~~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~~,~~MAAMmB~~,~~MAAMC~~;~~AAAAA~~,~~IACvB~~;AAAA,~~EAAA~~;~~AAEJ~~;"}
1	+ {"version":3,"file":"Tooltip.styles.js","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,cAAc,aAAa;AAAA,EACtEC,MAAM,CAAC;AAAA,EACPC,SAAS,CAAC;AAAA,EACVC,cAAc,CAAC;AAAA,EACfC,QAAQ;AAAA,IACN,CAAE,MAAKC,eAAkBD,MAAO,EAAC,GAAG;AAAA,MAClCE,SAAS;AAAA,IACX;AAAA,IACA,CAAE,MAAKD,eAAkBH,OAAQ,EAAC,GAAG;AAAA,MACnCK,YAAYC,MAAMD,WAAWE;AAAAA,MAC7B,GAAGD,MAAME,WAAWD;AAAAA,MACpBE,SAAS;AAAA,MACTC,OAAO;AAAA,MACPC,UAAU;AAAA,MACVC,iBAAiBN,MAAMO,OAAOC;AAAAA,MAC9BC,WAAWT,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,MAAMO,OAAOS,KAAM;AAAA,IAChD;AAAA,IACA,sBAAsB;AAAA,MACpBL,SAASX,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,MAAMiB,MAAMI;AAAAA,IACrB;AAAA,IACA,gBAAgB;AAAA,MACdjB,OAAOJ,MAAMiB,MAAMI;AAAAA,IACrB;AAAA,IACA,qBAAqB;AAAA,MACnBjB,OAAO;AAAA,IACT;AAAA,IACA,mBAAmB;AAAA,MACjBO,SAASX,MAAMiB,MAAMC;AAAAA,IACvB;AAAA,IACA,cAAc;AAAA,MACZP,SAAS;AAAA,MACTW,cAActB,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/esm/components/VerticalNavigation/Actions/Action.styles.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { theme } from "@hitachivantara/uikit-styles";
 import { outlineStyles } from "../../../utils/focusUtils.js";
 import { createClasses } from "../../../utils/classes.js";
 const hover = () => ({
-  background: theme.verticalNavigation.hoverColor
+  background: theme.colors.containerBackgroundHover
 });
 const {
   staticClasses,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Action.styles.js","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,MAAMC,~~mBAAmBC~~;~~AACvC~~;AAEa,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,8BACA;AAAA,EACEC,QAAQ;AAAA,IACNC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,OAAOZ,~~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~~;AAAAA,IACL;AAAA;AAAA,IAGAC,QAAQ;AAAA,IACR,OAAO;AAAA,MACLA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,QAAQ;AAAA,IACNC,~~aAAanB~~,~~MAAMoB~~,MAAMC;AAAAA,EAC3B;AAAA,EACAC,WAAW;AAAA,~~IACTb~~,gBAAgB;AAAA,~~IAChBc~~,cAAc;AAAA,EAChB;AACF,CACF;"}
1	+ {"version":3,"file":"Action.styles.js","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,MAAMC,OAAOC;AAC3B;AAEa,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,8BACA;AAAA,EACEC,QAAQ;AAAA,IACNC,OAAO;AAAA,IACPC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,QAAQ;AAAA,IACRC,OAAOZ,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;AAAAA,IACL;AAAA;AAAA,IAGAC,QAAQ;AAAA,IACR,OAAO;AAAA,MACLA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACAC,QAAQ;AAAA,IACNC,aAAalB,MAAMmB,MAAMC;AAAAA,EAC3B;AAAA,EACAC,WAAW;AAAA,IACTZ,gBAAgB;AAAA,IAChBa,cAAc;AAAA,EAChB;AACF,CACF;"}

package/dist/esm/components/VerticalNavigation/Actions/Actions.styles.js CHANGED Viewed

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

package/dist/esm/components/VerticalNavigation/Actions/Actions.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Actions.styles.js","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,cAC3C,+BACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAYC,MAAMC,OAAOC;AAAAA,IACzBC,~~WAAWH,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.js","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,cAC3C,+BACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAYC,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;"}