@hitachivantara/uikit-react-core 5.0.0-next.4 → 5.0.0-next.5

package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.js

@@ -0,0 +1,60 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import { LinearProgress, linearProgressClasses } from "@mui/material";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "enjmb8a2"
+} : {
+  target: "enjmb8a2",
+  label: "StyledRoot"
+})(process.env.NODE_ENV === "production" ? {
+  name: "7whenc",
+  styles: "display:flex;width:100%"
+} : {
+  name: "7whenc",
+  styles: "display:flex;width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvUHJvZ3Jlc3NDb2x1bW5DZWxsL1Byb2dyZXNzQ29sdW1uQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBMaW5lYXJQcm9ncmVzcyBhcyBNdWlMaW5lYXJQcm9ncmVzcyxcbiAgbGluZWFyUHJvZ3Jlc3NDbGFzc2VzIGFzIE11aUxpbmVhclByb2dyZXNzQ2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1hcmdpbjogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmVhclByb2dyZXNzID0gc3R5bGVkKE11aUxpbmVhclByb2dyZXNzKSh7XG4gIGhlaWdodDogOCxcblxuICBbYCYuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMucm9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuY29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclByaW1hcnl9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hMSxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhckNvbG9yU2Vjb25kYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIH0sXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "enjmb8a1"
+} : {
+  target: "enjmb8a1",
+  label: "StyledContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "14ztfvn",
+  styles: "width:100%;margin:auto"
+} : {
+  name: "14ztfvn",
+  styles: "width:100%;margin:auto",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvUHJvZ3Jlc3NDb2x1bW5DZWxsL1Byb2dyZXNzQ29sdW1uQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBMaW5lYXJQcm9ncmVzcyBhcyBNdWlMaW5lYXJQcm9ncmVzcyxcbiAgbGluZWFyUHJvZ3Jlc3NDbGFzc2VzIGFzIE11aUxpbmVhclByb2dyZXNzQ2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1hcmdpbjogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmVhclByb2dyZXNzID0gc3R5bGVkKE11aUxpbmVhclByb2dyZXNzKSh7XG4gIGhlaWdodDogOCxcblxuICBbYCYuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMucm9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuY29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclByaW1hcnl9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hMSxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhckNvbG9yU2Vjb25kYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYWNjZTEsXG4gIH0sXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledLinearProgress = /* @__PURE__ */ _styled(LinearProgress, process.env.NODE_ENV === "production" ? {
+  target: "enjmb8a0"
+} : {
+  target: "enjmb8a0",
+  label: "StyledLinearProgress"
+})({
+  height: 8,
+  [`&.${linearProgressClasses.root}`]: {
+    backgroundColor: theme.colors.atmo4
+  },
+  [`& .${linearProgressClasses.colorPrimary}`]: {
+    backgroundColor: theme.colors.atmo4
+  },
+  [`& .${linearProgressClasses.barColorPrimary}`]: {
+    backgroundColor: theme.colors.sema1
+  },
+  [`& .${linearProgressClasses.barColorSecondary}`]: {
+    backgroundColor: theme.colors.acce1
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgTGluZWFyUHJvZ3Jlc3MgYXMgTXVpTGluZWFyUHJvZ3Jlc3MsXG4gIGxpbmVhclByb2dyZXNzQ2xhc3NlcyBhcyBNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaW5lYXJQcm9ncmVzcyA9IHN0eWxlZChNdWlMaW5lYXJQcm9ncmVzcykoe1xuICBoZWlnaHQ6IDgsXG5cbiAgW2AmLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLnJvb3R9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmNvbG9yUHJpbWFyeX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuYmFyQ29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTEsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclNlY29uZGFyeX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICB9LFxufSk7XG4iXX0= */");
+export {
+  StyledContainer,
+  StyledLinearProgress,
+  StyledRoot
+};
+//# sourceMappingURL=ProgressColumnCell.styles.js.map

package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  LinearProgress as MuiLinearProgress,\n  linearProgressClasses as MuiLinearProgressClasses,\n} from \"@mui/material\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"flex\",\n  width: \"100%\",\n});\n\nexport const StyledContainer = styled(\"div\")({\n  width: \"100%\",\n  margin: \"auto\",\n});\n\nexport const StyledLinearProgress = styled(MuiLinearProgress)({\n  height: 8,\n\n  [`&.${MuiLinearProgressClasses.root}`]: {\n    backgroundColor: theme.colors.atmo4,\n  },\n\n  [`& .${MuiLinearProgressClasses.colorPrimary}`]: {\n    backgroundColor: theme.colors.atmo4,\n  },\n\n  [`& .${MuiLinearProgressClasses.barColorPrimary}`]: {\n    backgroundColor: theme.colors.sema1,\n  },\n\n  [`& .${MuiLinearProgressClasses.barColorSecondary}`]: {\n    backgroundColor: theme.colors.acce1,\n  },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","StyledLinearProgress","MuiLinearProgress","height","MuiLinearProgressClasses","root","backgroundColor","theme","colors","atmo4","colorPrimary","barColorPrimary","sema1","barColorSecondary","acce1"],"mappings":";;;;;;AAOO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGrC;AAEK,MAAMC,kBAAyB,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG1C;AAEK,MAAME,uBAA8BC,wBAAAA,gBAAiBZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5DS,QAAQ;AAAA,EAER,CAAE,KAAIC,sBAAyBC,SAAS;AAAA,IACtCC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKL,sBAAyBM,iBAAiB;AAAA,IAC/CJ,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKL,sBAAyBO,oBAAoB;AAAA,IAClDL,iBAAiBC,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKR,sBAAyBS,sBAAsB;AAAA,IACpDP,iBAAiBC,MAAMC,OAAOM;AAAAA,EAChC;AACF,GAACxB,QAAAC,IAAAC,aAAC,eAAA,KAAA,qwDAAA;"}

package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js

@@ -0,0 +1,33 @@
+import { StyledNo, StyledYes } from "./SwitchColumnCell.styles.js";
+import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
+import { HvBaseSwitch } from "../../../BaseSwitch/BaseSwitch.js";
+const HvSwitchColumnCell = ({
+  checked,
+  value,
+  switchLabel,
+  falseLabel,
+  trueLabel,
+  switchProps
+}) => {
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [falseLabel != null && /* @__PURE__ */ jsx(StyledNo, {
+      "aria-hidden": "true",
+      variant: "body",
+      children: falseLabel
+    }), /* @__PURE__ */ jsx(HvBaseSwitch, {
+      "aria-label": switchLabel,
+      checked,
+      value,
+      ...switchProps
+    }), trueLabel != null && /* @__PURE__ */ jsx(StyledYes, {
+      "aria-hidden": "true",
+      variant: "body",
+      children: trueLabel
+    })]
+  });
+};
+const SwitchColumnCell = HvSwitchColumnCell;
+export {
+  SwitchColumnCell as default
+};
+//# sourceMappingURL=SwitchColumnCell.js.map

package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchColumnCell.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.tsx"],"sourcesContent":["import { HvBaseSwitch, HvBaseSwitchProps } from \"components\";\nimport { StyledYes, StyledNo } from \"./SwitchColumnCell.styles\";\n\nexport interface HvSwitchColumnCellProp {\n  /** Whether the switch is checked or not. */\n  checked: boolean;\n  /** The switch label. */\n  value: number | string | undefined;\n  /** The value of the switch. */\n  switchLabel: string;\n  /** The right switch label. */\n  falseLabel?: string;\n  /** The left switch label. */\n  trueLabel?: string;\n  /** Extra props to be passed to the switch. */\n  switchProps?: HvBaseSwitchProps;\n}\n\nconst HvSwitchColumnCell = ({\n  checked,\n  value,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps,\n}: HvSwitchColumnCellProp): JSX.Element | null => {\n  return (\n    <>\n      {falseLabel != null && (\n        <StyledNo aria-hidden=\"true\" variant=\"body\">\n          {falseLabel}\n        </StyledNo>\n      )}\n      <HvBaseSwitch\n        aria-label={switchLabel}\n        checked={checked}\n        value={value}\n        {...switchProps}\n      />\n      {trueLabel != null && (\n        <StyledYes aria-hidden=\"true\" variant=\"body\">\n          {trueLabel}\n        </StyledYes>\n      )}\n    </>\n  );\n};\n\nexport default HvSwitchColumnCell;\n"],"names":["HvSwitchColumnCell","checked","value","switchLabel","falseLabel","trueLabel","switchProps","_Fragment","children","StyledNo","variant","_jsx","HvBaseSwitch","StyledYes"],"mappings":";;;AAkBA,MAAMA,qBAAqBA,CAAC;AAAA,EAC1BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACsB,MAA0B;AAChD,8BACEC,UAAA;AAAA,IAAAC,WACGJ,cAAc,4BACZK,UAAQ;AAAA,MAAC,eAAY;AAAA,MAAOC,SAAQ;AAAA,MAAMF,UACxCJ;AAAAA,IAAAA,CAEJ,GACDO,oBAACC,cAAY;AAAA,MACX,cAAYT;AAAAA,MACZF;AAAAA,MACAC;AAAAA,MAAa,GACTI;AAAAA,IAAW,CAAA,GAEhBD,aAAa,4BACXQ,WAAS;AAAA,MAAC,eAAY;AAAA,MAAOH,SAAQ;AAAA,MAAMF,UACzCH;AAAAA,IAAAA,CAEJ,CAAA;AAAA,EAAA,CACA;AAEP;AAEA,MAAA,mBAAeL;"}

package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.js

@@ -0,0 +1,38 @@
+import _styled from "@emotion/styled/base";
+import { HvTypography } from "../../../Typography/Typography.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledYes = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
+  target: "e127t7yz1"
+} : {
+  target: "e127t7yz1",
+  label: "StyledYes"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1i028ma",
+  styles: "cursor:pointer;display:inline-flex;margin-left:10px"
+} : {
+  name: "1i028ma",
+  styles: "cursor:pointer;display:inline-flex;margin-left:10px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1N3aXRjaENvbHVtbkNlbGwvU3dpdGNoQ29sdW1uQ2VsbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9Td2l0Y2hDb2x1bW5DZWxsL1N3aXRjaENvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFllcyA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuXG4gIG1hcmdpbkxlZnQ6IFwiMTBweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRObyA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuXG4gIG1hcmdpblJpZ2h0OiBcIjEwcHhcIixcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledNo = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
+  target: "e127t7yz0"
+} : {
+  target: "e127t7yz0",
+  label: "StyledNo"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1721szf",
+  styles: "cursor:pointer;display:inline-flex;margin-right:10px"
+} : {
+  name: "1721szf",
+  styles: "cursor:pointer;display:inline-flex;margin-right:10px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1N3aXRjaENvbHVtbkNlbGwvU3dpdGNoQ29sdW1uQ2VsbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVV3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9Td2l0Y2hDb2x1bW5DZWxsL1N3aXRjaENvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFllcyA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuXG4gIG1hcmdpbkxlZnQ6IFwiMTBweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRObyA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuXG4gIG1hcmdpblJpZ2h0OiBcIjEwcHhcIixcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export {
+  StyledNo,
+  StyledYes
+};
+//# sourceMappingURL=SwitchColumnCell.styles.js.map

package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { HvTypography } from \"components\";\n\nexport const StyledYes = styled(HvTypography)({\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n\n  marginLeft: \"10px\",\n});\n\nexport const StyledNo = styled(HvTypography)({\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n\n  marginRight: \"10px\",\n});\n"],"names":["StyledYes","HvTypography","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledNo"],"mappings":";;;;;AAGO,MAAMA,YAAmBC,wBAAAA,cAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAK3C;AAEK,MAAMC,WAAkBX,wBAAAA,cAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAK1C;"}

package/dist/esm/components/Table/renderers/renderers.js

@@ -0,0 +1,199 @@
+import { DropDownXS, DropRightXS } from "@hitachivantara/uikit-react-icons";
+import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
+import { hvStringFallback, hvNumberFallback } from "../utils/fallbacks.js";
+import DateColumnCell from "./DateColumnCell/DateColumnCell.js";
+import SwitchColumnCell from "./SwitchColumnCell/SwitchColumnCell.js";
+import DropdownColumnCell from "./DropdownColumnCell/DropdownColumnCell.js";
+import ProgressColumnCell from "./ProgressColumnCell/ProgressColumnCell.js";
+import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
+import { HvButton } from "../../Button/Button.js";
+import { HvTag } from "../../Tag/Tag.js";
+import { HvTypography } from "../../Typography/Typography.js";
+import { setId } from "../../../utils/setId.js";
+function hvTextColumn(col) {
+  return {
+    Cell: (cellProps) => /* @__PURE__ */ jsx(HvOverflowTooltip, {
+      data: hvStringFallback(cellProps == null ? void 0 : cellProps.value)
+    }),
+    sortType: "alphanumeric",
+    ...col
+  };
+}
+function hvNumberColumn(col) {
+  return {
+    Cell: ({
+      value
+    }) => hvNumberFallback(value),
+    align: "right",
+    sortType: "number",
+    ...col
+  };
+}
+function hvDateColumn(col, dateFormat) {
+  return {
+    Cell: (cellProps) => /* @__PURE__ */ jsx(DateColumnCell, {
+      date: cellProps == null ? void 0 : cellProps.value,
+      dateFormat
+    }),
+    sortType: "alphanumeric",
+    sortDescFirst: true,
+    ...col
+  };
+}
+function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabel, getCanRowExpand) {
+  return {
+    Cell: (cellProps) => {
+      var _a;
+      const {
+        value,
+        row
+      } = cellProps;
+      const {
+        onClick
+      } = row.getToggleRowExpandedProps();
+      const hasContent = (_a = getCanRowExpand == null ? void 0 : getCanRowExpand(row)) != null ? _a : true;
+      return /* @__PURE__ */ jsxs(Fragment, {
+        children: [hasContent && /* @__PURE__ */ jsx(HvButton, {
+          icon: true,
+          variant: "secondaryGhost",
+          "aria-label": row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel,
+          "aria-expanded": row.isExpanded,
+          onClick,
+          style: {
+            position: "absolute",
+            left: 0,
+            top: 0
+          },
+          children: row.isExpanded ? /* @__PURE__ */ jsx(DropDownXS, {}) : /* @__PURE__ */ jsx(DropRightXS, {})
+        }), /* @__PURE__ */ jsx(HvOverflowTooltip, {
+          data: hvStringFallback(value)
+        })]
+      });
+    },
+    sortType: "alphanumeric",
+    cellStyle: {
+      position: "relative"
+    },
+    ...col
+  };
+}
+function hvTagColumn(col, valueDataKey, colorDataKey, textColorDataKey, fromRowData = false, tagProps) {
+  return {
+    Cell: (cellProps) => {
+      const {
+        value,
+        row
+      } = cellProps;
+      if (!value) {
+        return "\u2014";
+      }
+      const {
+        [valueDataKey]: name,
+        [colorDataKey]: color,
+        [textColorDataKey]: textColor
+      } = fromRowData ? row.original : value;
+      return /* @__PURE__ */ jsx(HvTag, {
+        label: /* @__PURE__ */ jsx(HvTypography, {
+          variant: "body",
+          children: name
+        }),
+        type: "semantic",
+        color,
+        style: textColor != null ? {
+          color: textColor
+        } : {},
+        tabIndex: -1,
+        ...tagProps
+      });
+    },
+    cellStyle: {
+      paddingTop: 0,
+      paddingBottom: 0
+    },
+    ...col
+  };
+}
+function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {
+  return {
+    Cell: (cellProps) => {
+      const {
+        value,
+        row
+      } = cellProps;
+      return /* @__PURE__ */ jsx(SwitchColumnCell, {
+        checked: value,
+        value: row.id,
+        switchLabel,
+        falseLabel,
+        trueLabel,
+        switchProps
+      });
+    },
+    cellStyle: {
+      paddingTop: 0,
+      paddingBottom: 0
+    },
+    ...col
+  };
+}
+function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, onChange) {
+  return {
+    Cell: (cellProps) => {
+      const {
+        value,
+        row,
+        column
+      } = cellProps;
+      const dsbld = value.length < 1;
+      return /* @__PURE__ */ jsx(DropdownColumnCell, {
+        values: value,
+        placeholder: dsbld ? disabledPlaceholder : placeholder,
+        onChange: (val) => onChange == null ? void 0 : onChange(row.id, val),
+        disabled: dsbld,
+        dropdownProps: {
+          "aria-labelledby": setId(id, column.id)
+        }
+      });
+    },
+    cellStyle: {
+      paddingTop: 0,
+      paddingBottom: 0
+    },
+    ...col
+  };
+}
+function hvProgressColumn(col, getPartial, getTotal, color) {
+  return {
+    Cell: (cellProps) => {
+      const {
+        row
+      } = cellProps;
+      const partial = getPartial == null ? void 0 : getPartial(row);
+      const total = getTotal == null ? void 0 : getTotal(row);
+      if (total) {
+        return /* @__PURE__ */ jsx(ProgressColumnCell, {
+          partial,
+          total,
+          color
+        });
+      }
+      return "\u2014";
+    },
+    cellStyle: {
+      paddingTop: 0,
+      paddingBottom: 0
+    },
+    ...col
+  };
+}
+export {
+  hvDateColumn,
+  hvDropdownColumn,
+  hvExpandColumn,
+  hvNumberColumn,
+  hvProgressColumn,
+  hvSwitchColumn,
+  hvTagColumn,
+  hvTextColumn
+};
+//# sourceMappingURL=renderers.js.map

package/dist/esm/components/Table/renderers/renderers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderers.js","sources":["../../../../../src/components/Table/renderers/renderers.tsx"],"sourcesContent":["import { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { setId } from \"utils\";\nimport { HvOverflowTooltip, HvTag, HvTypography, HvButton } from \"components\";\nimport DateColumnCell from \"./DateColumnCell/index\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport function hvTextColumn(col) {\n  return {\n    Cell: (cellProps) => (\n      <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />\n    ),\n    sortType: \"alphanumeric\",\n    ...col,\n  };\n}\n\nexport function hvNumberColumn(col) {\n  return {\n    Cell: ({ value }) => hvNumberFallback(value),\n    align: \"right\",\n    sortType: \"number\",\n    ...col,\n  };\n}\n\nexport function hvDateColumn(col, dateFormat) {\n  return {\n    Cell: (cellProps) => (\n      <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />\n    ),\n    sortType: \"alphanumeric\",\n    sortDescFirst: true,\n    ...col,\n  };\n}\n\nexport function hvExpandColumn(\n  col,\n  expandRowButtonAriaLabel,\n  collapseRowButtonAriaLabel,\n  getCanRowExpand\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row } = cellProps;\n      const { onClick } = row.getToggleRowExpandedProps();\n\n      const hasContent = getCanRowExpand?.(row) ?? true;\n\n      return (\n        <>\n          {hasContent && (\n            <HvButton\n              icon\n              variant=\"secondaryGhost\"\n              aria-label={\n                row.isExpanded\n                  ? collapseRowButtonAriaLabel\n                  : expandRowButtonAriaLabel\n              }\n              aria-expanded={row.isExpanded}\n              onClick={onClick}\n              style={{ position: \"absolute\", left: 0, top: 0 }}\n            >\n              {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n            </HvButton>\n          )}\n\n          <HvOverflowTooltip data={hvStringFallback(value)} />\n        </>\n      );\n    },\n    sortType: \"alphanumeric\",\n    cellStyle: {\n      position: \"relative\",\n    },\n    ...col,\n  };\n}\n\nexport function hvTagColumn(\n  col,\n  valueDataKey,\n  colorDataKey,\n  textColorDataKey,\n  // eslint-disable-next-line @typescript-eslint/default-param-last\n  fromRowData = false,\n  tagProps\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row } = cellProps;\n      if (!value) {\n        return \"—\";\n      }\n\n      const {\n        [valueDataKey]: name,\n        [colorDataKey]: color,\n        [textColorDataKey]: textColor,\n      } = fromRowData ? row.original : value;\n\n      return (\n        <HvTag\n          label={<HvTypography variant=\"body\">{name}</HvTypography>}\n          type=\"semantic\"\n          color={color}\n          style={textColor != null ? { color: textColor } : {}}\n          tabIndex={-1}\n          {...tagProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvSwitchColumn(\n  col,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row } = cellProps;\n      return (\n        <SwitchColumnCell\n          checked={value}\n          value={row.id}\n          switchLabel={switchLabel}\n          falseLabel={falseLabel}\n          trueLabel={trueLabel}\n          switchProps={switchProps}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvDropdownColumn(\n  col,\n  id,\n  placeholder,\n  disabledPlaceholder,\n  onChange\n) {\n  return {\n    Cell: (cellProps) => {\n      const { value, row, column } = cellProps;\n      const dsbld = value.length < 1;\n      return (\n        <DropdownColumnCell\n          values={value}\n          placeholder={dsbld ? disabledPlaceholder : placeholder}\n          onChange={(val) => onChange?.(row.id, val)}\n          disabled={dsbld}\n          dropdownProps={{\n            \"aria-labelledby\": setId(id, column.id),\n          }}\n        />\n      );\n    },\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n\nexport function hvProgressColumn(col, getPartial, getTotal, color) {\n  return {\n    Cell: (cellProps) => {\n      const { row } = cellProps;\n      const partial = getPartial?.(row);\n      const total = getTotal?.(row);\n\n      if (total) {\n        return (\n          <ProgressColumnCell partial={partial} total={total} color={color} />\n        );\n      }\n\n      return \"—\";\n    },\n\n    cellStyle: {\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    ...col,\n  };\n}\n"],"names":["hvTextColumn","col","Cell","cellProps","_jsx","HvOverflowTooltip","data","hvStringFallback","value","sortType","hvNumberColumn","hvNumberFallback","align","hvDateColumn","dateFormat","DateColumnCell","date","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","onClick","getToggleRowExpandedProps","hasContent","_Fragment","children","HvButton","icon","variant","isExpanded","style","position","left","top","DropDownXS","DropRightXS","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","name","color","textColor","original","HvTag","label","HvTypography","type","tabIndex","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","SwitchColumnCell","checked","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","DropdownColumnCell","values","val","disabled","dropdownProps","setId","hvProgressColumn","getPartial","getTotal","partial","total","ProgressColumnCell"],"mappings":"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"}

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

@@ -2,7 +2,7 @@ import { theme } from "@hitachivantara/uikit-styles";
 const getBorderStyles = (type, color) => {
   if (type === "row") {
     return {
-      "& td:first-child": {
+      "& td:first-of-type": {
         borderLeft: `1px solid ${color}`,
         borderTop: `1px solid ${color}`,
         borderBottom: `1px solid ${color}`,
@@ -14,14 +14,14 @@ const getBorderStyles = (type, color) => {
         borderBottom: `1px solid ${color}`,
         borderRadius: `0 ${theme.table.rowBorderRadius} ${theme.table.rowBorderRadius} 0`
       },
-      "& td:not(:first-child):not(:last-child)": {
+      "& td:not(:first-of-type):not(:last-child)": {
         borderTop: `1px solid ${color}`,
         borderBottom: `1px solid ${color}`
       }
     };
   } else if (type === "cell") {
     return {
-      ":first-child&": {
+      ":first-of-type&": {
         borderLeft: `1px solid ${theme.table.rowBorderColor}`,
         borderTop: `1px solid ${theme.table.rowBorderColor}`,
         borderBottom: `1px solid ${theme.table.rowBorderColor}`,
@@ -33,7 +33,7 @@ const getBorderStyles = (type, color) => {
         borderBottom: `1px solid ${theme.table.rowBorderColor}`,
         borderRadius: `0 ${theme.table.rowBorderRadius} ${theme.table.rowBorderRadius} 0`
       },
-      ":not(:first-child):not(:last-child)&": {
+      ":not(:first-of-type):not(:last-child)&": {
         borderTop: `1px solid ${theme.table.rowBorderColor}`,
         borderBottom: `1px solid ${theme.table.rowBorderColor}`
       }

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

@@ -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 = (type: string, color: string) => {\n  if (type === \"row\") {\n    return {\n      \"& td:first-child\": {\n        borderLeft: `1px solid ${color}`,\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n        borderRadius: `${theme.table.rowBorderRadius} 0 0 ${theme.table.rowBorderRadius}`,\n      },\n      \"& td:last-child\": {\n        borderRight: `1px solid ${color}`,\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n        borderRadius: `0 ${theme.table.rowBorderRadius} ${theme.table.rowBorderRadius} 0`,\n      },\n      \"& td:not(:first-child):not(:last-child)\": {\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n      },\n    };\n  } else if (type === \"cell\") {\n    return {\n      \":first-child&\": {\n        borderLeft: `1px solid ${theme.table.rowBorderColor}`,\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n        borderRadius: `${theme.table.rowBorderRadius} 0 0 ${theme.table.rowBorderRadius}`,\n      },\n      \":last-child&\": {\n        borderRight: `1px solid ${theme.table.rowBorderColor}`,\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n        borderRadius: `0 ${theme.table.rowBorderRadius} ${theme.table.rowBorderRadius} 0`,\n      },\n      \":not(:first-child):not(:last-child)&\": {\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n      },\n    };\n  }\n};\n"],"names":["getBorderStyles","type","color","borderLeft","borderTop","borderBottom","borderRadius","theme","table","rowBorderRadius","borderRight","rowBorderColor"],"mappings":";AAEaA,MAAAA,kBAAkBA,CAACC,MAAcC,UAAkB;AAC9D,MAAID,SAAS,OAAO;AACX,WAAA;AAAA,MACL,oBAAoB;AAAA,QAClBE,YAAa,aAAYD;AAAAA,QACzBE,WAAY,aAAYF;AAAAA,QACxBG,cAAe,aAAYH;AAAAA,QAC3BI,cAAe,GAAEC,MAAMC,MAAMC,uBAAuBF,MAAMC,MAAMC;AAAAA,MAClE;AAAA,MACA,mBAAmB;AAAA,QACjBC,aAAc,aAAYR;AAAAA,QAC1BE,WAAY,aAAYF;AAAAA,QACxBG,cAAe,aAAYH;AAAAA,QAC3BI,cAAe,KAAIC,MAAMC,MAAMC,mBAAmBF,MAAMC,MAAMC;AAAAA,MAChE;AAAA,MACA,2CAA2C;AAAA,QACzCL,WAAY,aAAYF;AAAAA,QACxBG,cAAe,aAAYH;AAAAA,MAC7B;AAAA,IAAA;AAAA,EACF,WACSD,SAAS,QAAQ;AACnB,WAAA;AAAA,MACL,iBAAiB;AAAA,QACfE,YAAa,aAAYI,MAAMC,MAAMG;AAAAA,QACrCP,WAAY,aAAYG,MAAMC,MAAMG;AAAAA,QACpCN,cAAe,aAAYE,MAAMC,MAAMG;AAAAA,QACvCL,cAAe,GAAEC,MAAMC,MAAMC,uBAAuBF,MAAMC,MAAMC;AAAAA,MAClE;AAAA,MACA,gBAAgB;AAAA,QACdC,aAAc,aAAYH,MAAMC,MAAMG;AAAAA,QACtCP,WAAY,aAAYG,MAAMC,MAAMG;AAAAA,QACpCN,cAAe,aAAYE,MAAMC,MAAMG;AAAAA,QACvCL,cAAe,KAAIC,MAAMC,MAAMC,mBAAmBF,MAAMC,MAAMC;AAAAA,MAChE;AAAA,MACA,wCAAwC;AAAA,QACtCL,WAAY,aAAYG,MAAMC,MAAMG;AAAAA,QACpCN,cAAe,aAAYE,MAAMC,MAAMG;AAAAA,MACzC;AAAA,IAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/Table/utils/utils.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const getBorderStyles = (type: string, color: string) => {\n  if (type === \"row\") {\n    return {\n      \"& td:first-of-type\": {\n        borderLeft: `1px solid ${color}`,\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n        borderRadius: `${theme.table.rowBorderRadius} 0 0 ${theme.table.rowBorderRadius}`,\n      },\n      \"& td:last-child\": {\n        borderRight: `1px solid ${color}`,\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n        borderRadius: `0 ${theme.table.rowBorderRadius} ${theme.table.rowBorderRadius} 0`,\n      },\n      \"& td:not(:first-of-type):not(:last-child)\": {\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n      },\n    };\n  } else if (type === \"cell\") {\n    return {\n      \":first-of-type&\": {\n        borderLeft: `1px solid ${theme.table.rowBorderColor}`,\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n        borderRadius: `${theme.table.rowBorderRadius} 0 0 ${theme.table.rowBorderRadius}`,\n      },\n      \":last-child&\": {\n        borderRight: `1px solid ${theme.table.rowBorderColor}`,\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n        borderRadius: `0 ${theme.table.rowBorderRadius} ${theme.table.rowBorderRadius} 0`,\n      },\n      \":not(:first-of-type):not(:last-child)&\": {\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n      },\n    };\n  }\n};\n"],"names":["getBorderStyles","type","color","borderLeft","borderTop","borderBottom","borderRadius","theme","table","rowBorderRadius","borderRight","rowBorderColor"],"mappings":";AAEaA,MAAAA,kBAAkBA,CAACC,MAAcC,UAAkB;AAC9D,MAAID,SAAS,OAAO;AACX,WAAA;AAAA,MACL,sBAAsB;AAAA,QACpBE,YAAa,aAAYD;AAAAA,QACzBE,WAAY,aAAYF;AAAAA,QACxBG,cAAe,aAAYH;AAAAA,QAC3BI,cAAe,GAAEC,MAAMC,MAAMC,uBAAuBF,MAAMC,MAAMC;AAAAA,MAClE;AAAA,MACA,mBAAmB;AAAA,QACjBC,aAAc,aAAYR;AAAAA,QAC1BE,WAAY,aAAYF;AAAAA,QACxBG,cAAe,aAAYH;AAAAA,QAC3BI,cAAe,KAAIC,MAAMC,MAAMC,mBAAmBF,MAAMC,MAAMC;AAAAA,MAChE;AAAA,MACA,6CAA6C;AAAA,QAC3CL,WAAY,aAAYF;AAAAA,QACxBG,cAAe,aAAYH;AAAAA,MAC7B;AAAA,IAAA;AAAA,EACF,WACSD,SAAS,QAAQ;AACnB,WAAA;AAAA,MACL,mBAAmB;AAAA,QACjBE,YAAa,aAAYI,MAAMC,MAAMG;AAAAA,QACrCP,WAAY,aAAYG,MAAMC,MAAMG;AAAAA,QACpCN,cAAe,aAAYE,MAAMC,MAAMG;AAAAA,QACvCL,cAAe,GAAEC,MAAMC,MAAMC,uBAAuBF,MAAMC,MAAMC;AAAAA,MAClE;AAAA,MACA,gBAAgB;AAAA,QACdC,aAAc,aAAYH,MAAMC,MAAMG;AAAAA,QACtCP,WAAY,aAAYG,MAAMC,MAAMG;AAAAA,QACpCN,cAAe,aAAYE,MAAMC,MAAMG;AAAAA,QACvCL,cAAe,KAAIC,MAAMC,MAAMC,mBAAmBF,MAAMC,MAAMC;AAAAA,MAChE;AAAA,MACA,0CAA0C;AAAA,QACxCL,WAAY,aAAYG,MAAMC,MAAMG;AAAAA,QACpCN,cAAe,aAAYE,MAAMC,MAAMG;AAAAA,MACzC;AAAA,IAAA;AAAA,EAEJ;AACF;"}

package/dist/esm/components/Tabs/Tabs.styles.js

@@ -23,11 +23,11 @@ const StyledTabs = /* @__PURE__ */ _styled(Tabs, process.env.NODE_ENV === "produ
     overflow: "visible !important"
   },
   "& .MuiTabs-flexContainer": {
-    "& button:first-child": {
+    "& button:first-of-type": {
       marginLeft: "3px"
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IFRhYnMgYXMgTXVpVGFicyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkKE11aVRhYnMpKHtcbiAgLy8gUm9vdFxuICBtaW5IZWlnaHQ6IDAsXG4gIG92ZXJmbG93OiBcInZpc2libGVcIixcblxuICAvLyBPdmVycmlkZSBNdWkgc3R5bGluZzogaHR0cHM6Ly9tdWkuY29tL21hdGVyaWFsLXVpL2FwaS90YWJzLyNjc3NcbiAgXCImIC5NdWlUYWJzLWluZGljYXRvclwiOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImID4gZGl2XCI6IHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgIH0sXG4gICAgaGVpZ2h0OiAyLFxuICB9LFxuICBcIiYgLk11aVRhYnMtc2Nyb2xsZXJcIjoge1xuICAgIG92ZXJmbG93OiBcInZpc2libGUgIWltcG9ydGFudFwiLFxuICB9LFxuICBcIiYgLk11aVRhYnMtZmxleENvbnRhaW5lclwiOiB7XG4gICAgXCImIGJ1dHRvbjpmaXJzdC1jaGlsZFwiOiB7XG4gICAgICBtYXJnaW5MZWZ0OiBcIjNweFwiLFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IFRhYnMgYXMgTXVpVGFicyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkKE11aVRhYnMpKHtcbiAgLy8gUm9vdFxuICBtaW5IZWlnaHQ6IDAsXG4gIG92ZXJmbG93OiBcInZpc2libGVcIixcblxuICAvLyBPdmVycmlkZSBNdWkgc3R5bGluZzogaHR0cHM6Ly9tdWkuY29tL21hdGVyaWFsLXVpL2FwaS90YWJzLyNjc3NcbiAgXCImIC5NdWlUYWJzLWluZGljYXRvclwiOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImID4gZGl2XCI6IHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmFjY2UxLFxuICAgIH0sXG4gICAgaGVpZ2h0OiAyLFxuICB9LFxuICBcIiYgLk11aVRhYnMtc2Nyb2xsZXJcIjoge1xuICAgIG92ZXJmbG93OiBcInZpc2libGUgIWltcG9ydGFudFwiLFxuICB9LFxuICBcIiYgLk11aVRhYnMtZmxleENvbnRhaW5lclwiOiB7XG4gICAgXCImIGJ1dHRvbjpmaXJzdC1vZi10eXBlXCI6IHtcbiAgICAgIG1hcmdpbkxlZnQ6IFwiM3B4XCIsXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
 export {
   StyledTabs
 };

package/dist/esm/components/Tabs/Tabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/Tabs/Tabs.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Tabs as MuiTabs } from \"@mui/material\";\n\nexport const StyledTabs = styled(MuiTabs)({\n  // Root\n  minHeight: 0,\n  overflow: \"visible\",\n\n  // Override Mui styling: https://mui.com/material-ui/api/tabs/#css\n  \"& .MuiTabs-indicator\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n    \"& > div\": {\n      width: \"100%\",\n      backgroundColor: theme.colors.acce1,\n    },\n    height: 2,\n  },\n  \"& .MuiTabs-scroller\": {\n    overflow: \"visible !important\",\n  },\n  \"& .MuiTabs-flexContainer\": {\n    \"& button:first-child\": {\n      marginLeft: \"3px\",\n    },\n  },\n});\n"],"names":["StyledTabs","MuiTabs","process","env","NODE_ENV","target","label","minHeight","overflow","display","justifyContent","backgroundColor","width","theme","colors","acce1","height","marginLeft"],"mappings":";;;AAIO,MAAMA,aAAoBC,wBAAAA,MAAOC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAExCC,WAAW;AAAA,EACXC,UAAU;AAAA,EAGV,wBAAwB;AAAA,IACtBC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTC,OAAO;AAAA,MACPD,iBAAiBE,MAAMC,OAAOC;AAAAA,IAChC;AAAA,IACAC,QAAQ;AAAA,EACV;AAAA,EACA,uBAAuB;AAAA,IACrBR,UAAU;AAAA,EACZ;AAAA,EACA,4BAA4B;AAAA,IAC1B,wBAAwB;AAAA,MACtBS,YAAY;AAAA,IACd;AAAA,EACF;AACF,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,q7CAAA;"}
+{"version":3,"file":"Tabs.styles.js","sources":["../../../../src/components/Tabs/Tabs.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Tabs as MuiTabs } from \"@mui/material\";\n\nexport const StyledTabs = styled(MuiTabs)({\n  // Root\n  minHeight: 0,\n  overflow: \"visible\",\n\n  // Override Mui styling: https://mui.com/material-ui/api/tabs/#css\n  \"& .MuiTabs-indicator\": {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n    \"& > div\": {\n      width: \"100%\",\n      backgroundColor: theme.colors.acce1,\n    },\n    height: 2,\n  },\n  \"& .MuiTabs-scroller\": {\n    overflow: \"visible !important\",\n  },\n  \"& .MuiTabs-flexContainer\": {\n    \"& button:first-of-type\": {\n      marginLeft: \"3px\",\n    },\n  },\n});\n"],"names":["StyledTabs","MuiTabs","process","env","NODE_ENV","target","label","minHeight","overflow","display","justifyContent","backgroundColor","width","theme","colors","acce1","height","marginLeft"],"mappings":";;;AAIO,MAAMA,aAAoBC,wBAAAA,MAAOC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAExCC,WAAW;AAAA,EACXC,UAAU;AAAA,EAGV,wBAAwB;AAAA,IACtBC,SAAS;AAAA,IACTC,gBAAgB;AAAA,IAChBC,iBAAiB;AAAA,IACjB,WAAW;AAAA,MACTC,OAAO;AAAA,MACPD,iBAAiBE,MAAMC,OAAOC;AAAAA,IAChC;AAAA,IACAC,QAAQ;AAAA,EACV;AAAA,EACA,uBAAuB;AAAA,IACrBR,UAAU;AAAA,EACZ;AAAA,EACA,4BAA4B;AAAA,IAC1B,0BAA0B;AAAA,MACxBS,YAAY;AAAA,IACd;AAAA,EACF;AACF,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,q7CAAA;"}

package/dist/esm/components/Tag/Tag.js.map

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

package/dist/esm/components/TagsInput/TagsInput.js

@@ -311,7 +311,7 @@ const HvTagsInput = ({
           })
         }, `${tag.label}-${i}`);
       }), !(disabled || readOnly) && /* @__PURE__ */ jsx(StyledInputListItem, {
-        className: clsx(!multiline && clsx(tagsInputClasses.singleLine, classes == null ? void 0 : classes.singleLine), value.length === 0 ? clsx(tagsInputClasses.tagInputRootEmpty, classes == null ? void 0 : classes.tagInputRootEmpty) : ""),
+        className: clsx(!multiline && clsx(tagsInputClasses.singleLine, classes == null ? void 0 : classes.singleLine, value.length === 0 && tagsInputClasses.tagInputRootEmpty, value.length === 0 && (classes == null ? void 0 : classes.tagInputRootEmpty))),
         classes: {
           root: clsx(tagsInputClasses.tagInputContainerRoot, classes == null ? void 0 : classes.tagInputContainerRoot),
           gutters: clsx(tagsInputClasses.listItemGutters, classes == null ? void 0 : classes.listItemGutters)