@hitachivantara/uikit-react-core 5.23.0 → 5.24.1

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressColumnCell.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.tsx"],"sourcesContent":["import {\n  StyledRoot,\n  StyledContainer,\n  StyledLinearProgress,\n} from \"./ProgressColumnCell.styles\";\n\nexport interface HvProgressColumnCellProp {\n  /** Current value of the bar. */\n  partial: number;\n  /** Maximum value of the bar. */\n  total: number;\n  /** The color of the bar. */\n  color?: \"primary\" | \"secondary\";\n}\n\nexport const normalizeProgressBar = (value: number, max: number) => {\n  return max > 0 ? Math.floor((value * 100) / max) : 0;\n};\n\nexport const HvProgressColumnCell = ({\n  partial,\n  total,\n  color = \"primary\",\n}: HvProgressColumnCellProp): JSX.Element => {\n  const percentage = normalizeProgressBar(partial, total);\n\n  return (\n    <StyledRoot>\n      <StyledContainer>\n        <StyledLinearProgress\n          color={color}\n          variant=\"determinate\"\n          value={percentage}\n        />\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["normalizeProgressBar","value","max","Math","floor","HvProgressColumnCell","partial","total","color","percentage","StyledRoot","children","StyledContainer","StyledLinearProgress","variant"],"mappings":";;AAeaA,MAAAA,uBAAuBA,CAACC,OAAeC,QAAgB;AAClE,SAAOA,MAAM,IAAIC,KAAKC,MAAOH,QAAQ,MAAOC,GAAG,IAAI;AACrD;AAEO,MAAMG,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AACgB,MAAmB;AACrCC,QAAAA,aAAaT,qBAAqBM,SAASC,KAAK;AAEtD,6BACGG,YAAU;AAAA,IAAAC,8BACRC,iBAAe;AAAA,MAAAD,8BACbE,sBAAoB;AAAA,QACnBL;AAAAA,QACAM,SAAQ;AAAA,QACRb,OAAOQ;AAAAA,MAAAA,CACR;AAAA,IAAA,CACc;AAAA,EAAA,CACP;AAEhB;"}
+{"version":3,"file":"ProgressColumnCell.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.tsx"],"sourcesContent":["import MuiLinearProgress from \"@mui/material/LinearProgress\";\n\nimport { useClasses } from \"./ProgressColumnCell.styles\";\n\nexport interface HvProgressColumnCellProp {\n  /** Current value of the bar. */\n  partial: number;\n  /** Maximum value of the bar. */\n  total: number;\n  /** The color of the bar. */\n  color?: \"primary\" | \"secondary\";\n}\n\nexport const normalizeProgressBar = (value: number, max: number) => {\n  return max > 0 ? Math.floor((value * 100) / max) : 0;\n};\n\nexport const HvProgressColumnCell = ({\n  partial,\n  total,\n  color = \"primary\",\n}: HvProgressColumnCellProp): JSX.Element => {\n  const { classes } = useClasses();\n\n  const percentage = normalizeProgressBar(partial, total);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.linearProgressContainer}>\n        <MuiLinearProgress\n          className={classes.linearProgress}\n          classes={{\n            root: classes.linearProgressRoot,\n            colorPrimary: classes.linearProgressColorPrimary,\n            barColorPrimary: classes.linearProgressBarColorPrimary,\n            barColorSecondary: classes.linearProgressBarColorSecondary,\n          }}\n          color={color}\n          variant=\"determinate\"\n          value={percentage}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["normalizeProgressBar","value","max","Math","floor","HvProgressColumnCell","partial","total","color","classes","useClasses","percentage","className","root","children","linearProgressContainer","MuiLinearProgress","linearProgress","linearProgressRoot","colorPrimary","linearProgressColorPrimary","barColorPrimary","linearProgressBarColorPrimary","barColorSecondary","linearProgressBarColorSecondary","variant"],"mappings":";;;AAaaA,MAAAA,uBAAuBA,CAACC,OAAeC,QAAgB;AAClE,SAAOA,MAAM,IAAIC,KAAKC,MAAOH,QAAQ,MAAOC,GAAG,IAAI;AACrD;AAEO,MAAMG,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AACgB,MAAmB;AACrC,QAAA;AAAA,IAAEC;AAAAA,MAAYC,WAAW;AAEzBC,QAAAA,aAAaX,qBAAqBM,SAASC,KAAK;AAEtD,6BACE,OAAA;AAAA,IAAKK,WAAWH,QAAQI;AAAAA,IAAKC,8BAC3B,OAAA;AAAA,MAAKF,WAAWH,QAAQM;AAAAA,MAAwBD,8BAC7CE,mBAAiB;AAAA,QAChBJ,WAAWH,QAAQQ;AAAAA,QACnBR,SAAS;AAAA,UACPI,MAAMJ,QAAQS;AAAAA,UACdC,cAAcV,QAAQW;AAAAA,UACtBC,iBAAiBZ,QAAQa;AAAAA,UACzBC,mBAAmBd,QAAQe;AAAAA,QAC7B;AAAA,QACAhB;AAAAA,QACAiB,SAAQ;AAAA,QACRxB,OAAOU;AAAAA,MAAAA,CACR;AAAA,IAAA,CACE;AAAA,EAAA,CACF;AAET;"}

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

@@ -1,60 +1,35 @@
-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvUHJvZ3Jlc3NDb2x1bW5DZWxsL1Byb2dyZXNzQ29sdW1uQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBMaW5lYXJQcm9ncmVzcyBhcyBNdWlMaW5lYXJQcm9ncmVzcyxcbiAgbGluZWFyUHJvZ3Jlc3NDbGFzc2VzIGFzIE11aUxpbmVhclByb2dyZXNzQ2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1hcmdpbjogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmVhclByb2dyZXNzID0gc3R5bGVkKE11aUxpbmVhclByb2dyZXNzKSh7XG4gIGhlaWdodDogOCxcblxuICBbYCYuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMucm9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuY29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclByaW1hcnl9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZSxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhckNvbG9yU2Vjb25kYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxufSk7XG4iXX0= */",
-  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvUHJvZ3Jlc3NDb2x1bW5DZWxsL1Byb2dyZXNzQ29sdW1uQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBMaW5lYXJQcm9ncmVzcyBhcyBNdWlMaW5lYXJQcm9ncmVzcyxcbiAgbGluZWFyUHJvZ3Jlc3NDbGFzc2VzIGFzIE11aUxpbmVhclByb2dyZXNzQ2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1hcmdpbjogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmVhclByb2dyZXNzID0gc3R5bGVkKE11aUxpbmVhclByb2dyZXNzKSh7XG4gIGhlaWdodDogOCxcblxuICBbYCYuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMucm9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuY29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclByaW1hcnl9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZSxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhckNvbG9yU2Vjb25kYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxufSk7XG4iXX0= */",
-  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}`]: {
+import { createClasses } from "../../../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvTable-ProgressColumnCell", {
+  root: {
+    display: "flex",
+    width: "100%"
+  },
+  linearProgressContainer: {
+    width: "100%",
+    margin: "auto"
+  },
+  linearProgress: {
+    height: 8
+  },
+  linearProgressRoot: {
     backgroundColor: theme.colors.atmo4
   },
-  [`& .${linearProgressClasses.colorPrimary}`]: {
+  linearProgressColorPrimary: {
     backgroundColor: theme.colors.atmo4
   },
-  [`& .${linearProgressClasses.barColorPrimary}`]: {
+  linearProgressBarColorPrimary: {
     backgroundColor: theme.colors.positive
   },
-  [`& .${linearProgressClasses.barColorSecondary}`]: {
+  linearProgressBarColorSecondary: {
     backgroundColor: theme.colors.secondary
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgTGluZWFyUHJvZ3Jlc3MgYXMgTXVpTGluZWFyUHJvZ3Jlc3MsXG4gIGxpbmVhclByb2dyZXNzQ2xhc3NlcyBhcyBNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaW5lYXJQcm9ncmVzcyA9IHN0eWxlZChNdWlMaW5lYXJQcm9ncmVzcykoe1xuICBoZWlnaHQ6IDgsXG5cbiAgW2AmLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLnJvb3R9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmNvbG9yUHJpbWFyeX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuYmFyQ29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMucG9zaXRpdmUsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclNlY29uZGFyeX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuIl19 */");
+});
 export {
-  StyledContainer,
-  StyledLinearProgress,
-  StyledRoot
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=ProgressColumnCell.styles.js.map

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

@@ -1 +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.positive,\n  },\n\n  [`& .${MuiLinearProgressClasses.barColorSecondary}`]: {\n    backgroundColor: theme.colors.secondary,\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","positive","barColorSecondary","secondary"],"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,CAGtC;AAEM,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,CAG3C;AAEM,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,MAAM,GAAG;AAAA,IACtCC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKL,sBAAyBM,cAAc,GAAG;AAAA,IAC/CJ,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKL,sBAAyBO,iBAAiB,GAAG;AAAA,IAClDL,iBAAiBC,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKR,sBAAyBS,mBAAmB,GAAG;AAAA,IACpDP,iBAAiBC,MAAMC,OAAOM;AAAAA,EAChC;AACF,GAACxB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6wDAAA;"}
+{"version":3,"file":"ProgressColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-ProgressColumnCell\",\n  {\n    root: { display: \"flex\", width: \"100%\" },\n    linearProgressContainer: { width: \"100%\", margin: \"auto\" },\n    linearProgress: {\n      height: 8,\n    },\n    linearProgressRoot: { backgroundColor: theme.colors.atmo4 },\n    linearProgressColorPrimary: {\n      backgroundColor: theme.colors.atmo4,\n    },\n    linearProgressBarColorPrimary: {\n      backgroundColor: theme.colors.positive,\n    },\n    linearProgressBarColorSecondary: {\n      backgroundColor: theme.colors.secondary,\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","width","linearProgressContainer","margin","linearProgress","height","linearProgressRoot","backgroundColor","theme","colors","atmo4","linearProgressColorPrimary","linearProgressBarColorPrimary","positive","linearProgressBarColorSecondary","secondary"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,8BACA;AAAA,EACEC,MAAM;AAAA,IAAEC,SAAS;AAAA,IAAQC,OAAO;AAAA,EAAO;AAAA,EACvCC,yBAAyB;AAAA,IAAED,OAAO;AAAA,IAAQE,QAAQ;AAAA,EAAO;AAAA,EACzDC,gBAAgB;AAAA,IACdC,QAAQ;AAAA,EACV;AAAA,EACAC,oBAAoB;AAAA,IAAEC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAAM;AAAA,EAC1DC,4BAA4B;AAAA,IAC1BJ,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EACAE,+BAA+B;AAAA,IAC7BL,iBAAiBC,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EACAC,iCAAiC;AAAA,IAC/BP,iBAAiBC,MAAMC,OAAOM;AAAAA,EAChC;AACF,CACF;"}

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

@@ -1,5 +1,6 @@
-import { StyledNo, StyledYes } from "./SwitchColumnCell.styles.js";
+import { useClasses } from "./SwitchColumnCell.styles.js";
 import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
+import { HvTypography } from "../../../Typography/Typography.js";
 import { HvBaseSwitch } from "../../../BaseSwitch/BaseSwitch.js";
 const HvSwitchColumnCell = ({
   checked,
@@ -9,19 +10,24 @@ const HvSwitchColumnCell = ({
   trueLabel,
   switchProps
 }) => {
+  const {
+    classes
+  } = useClasses();
   return /* @__PURE__ */ jsxs(Fragment, {
-    children: [falseLabel != null && /* @__PURE__ */ jsx(StyledNo, {
+    children: [falseLabel != null && /* @__PURE__ */ jsx(HvTypography, {
       "aria-hidden": "true",
       variant: "body",
+      className: classes.switchNo,
       children: falseLabel
     }), /* @__PURE__ */ jsx(HvBaseSwitch, {
       "aria-label": switchLabel,
       checked,
       value,
       ...switchProps
-    }), trueLabel != null && /* @__PURE__ */ jsx(StyledYes, {
+    }), trueLabel != null && /* @__PURE__ */ jsx(HvTypography, {
       "aria-hidden": "true",
       variant: "body",
+      className: classes.switchYes,
       children: trueLabel
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchColumnCell.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.tsx"],"sourcesContent":["import { HvBaseSwitch, HvBaseSwitchProps } from \"@core/components/BaseSwitch\";\n\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\nexport const HvSwitchColumnCell = ({\n  checked,\n  value,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps,\n}: HvSwitchColumnCellProp): JSX.Element => {\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"],"names":["HvSwitchColumnCell","checked","value","switchLabel","falseLabel","trueLabel","switchProps","_Fragment","children","StyledNo","variant","_jsx","HvBaseSwitch","StyledYes"],"mappings":";;;AAmBO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACsB,MAAmB;AACzC,8BACEC,UAAA;AAAA,IAAAC,WACGJ,cAAc,4BACZK,UAAQ;AAAA,MAAC,eAAY;AAAA,MAAOC,SAAQ;AAAA,MAAMF,UACxCJ;AAAAA,IAAAA,CACO,GAEZO,oBAACC,cAAY;AAAA,MACX,cAAYT;AAAAA,MACZF;AAAAA,MACAC;AAAAA,MAAa,GACTI;AAAAA,IACL,CAAA,GACAD,aAAa,4BACXQ,WAAS;AAAA,MAAC,eAAY;AAAA,MAAOH,SAAQ;AAAA,MAAMF,UACzCH;AAAAA,IAAAA,CACQ,CACZ;AAAA,EAAA,CACD;AAEN;"}
+{"version":3,"file":"SwitchColumnCell.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.tsx"],"sourcesContent":["import { HvBaseSwitch, HvBaseSwitchProps } from \"@core/components/BaseSwitch\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { useClasses } 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\nexport const HvSwitchColumnCell = ({\n  checked,\n  value,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps,\n}: HvSwitchColumnCellProp): JSX.Element => {\n  const { classes } = useClasses();\n\n  return (\n    <>\n      {falseLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchNo}\n        >\n          {falseLabel}\n        </HvTypography>\n      )}\n      <HvBaseSwitch\n        aria-label={switchLabel}\n        checked={checked}\n        value={value}\n        {...switchProps}\n      />\n      {trueLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchYes}\n        >\n          {trueLabel}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n"],"names":["HvSwitchColumnCell","checked","value","switchLabel","falseLabel","trueLabel","switchProps","classes","useClasses","_Fragment","children","HvTypography","variant","className","switchNo","_jsx","HvBaseSwitch","switchYes"],"mappings":";;;;AAoBO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACsB,MAAmB;AACnC,QAAA;AAAA,IAAEC;AAAAA,MAAYC,WAAW;AAE/B,8BACEC,UAAA;AAAA,IAAAC,WACGN,cAAc,4BACZO,cAAY;AAAA,MACX,eAAY;AAAA,MACZC,SAAQ;AAAA,MACRC,WAAWN,QAAQO;AAAAA,MAASJ,UAE3BN;AAAAA,IAAAA,CACW,GAEhBW,oBAACC,cAAY;AAAA,MACX,cAAYb;AAAAA,MACZF;AAAAA,MACAC;AAAAA,MAAa,GACTI;AAAAA,IACL,CAAA,GACAD,aAAa,4BACXM,cAAY;AAAA,MACX,eAAY;AAAA,MACZC,SAAQ;AAAA,MACRC,WAAWN,QAAQU;AAAAA,MAAUP,UAE5BL;AAAAA,IAAAA,CACW,CACf;AAAA,EAAA,CACD;AAEN;"}

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

@@ -1,38 +1,22 @@
-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1N3aXRjaENvbHVtbkNlbGwvU3dpdGNoQ29sdW1uQ2VsbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9Td2l0Y2hDb2x1bW5DZWxsL1N3aXRjaENvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRZZXMgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcblxuICBtYXJnaW5MZWZ0OiBcIjEwcHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTm8gPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcblxuICBtYXJnaW5SaWdodDogXCIxMHB4XCIsXG59KTtcbiJdfQ== */",
-  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1N3aXRjaENvbHVtbkNlbGwvU3dpdGNoQ29sdW1uQ2VsbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9Td2l0Y2hDb2x1bW5DZWxsL1N3aXRjaENvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRZZXMgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcblxuICBtYXJnaW5MZWZ0OiBcIjEwcHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTm8gPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcblxuICBtYXJnaW5SaWdodDogXCIxMHB4XCIsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+import { createClasses } from "../../../../utils/classes.js";
+const switchStyle = {
+  cursor: "pointer",
+  display: "inline-flex",
+  marginLeft: "10px"
+};
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvTable-SwitchColumnCell", {
+  switchNo: {
+    ...switchStyle
+  },
+  switchYes: {
+    ...switchStyle
+  }
 });
 export {
-  StyledNo,
-  StyledYes
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=SwitchColumnCell.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { HvTypography } from \"@core/components/Typography\";\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":";;;;;AAIO,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,CAK5C;AAEM,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,CAK3C;"}
+{"version":3,"file":"SwitchColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nconst switchStyle = {\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n  marginLeft: \"10px\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-SwitchColumnCell\",\n  {\n    switchNo: {\n      ...switchStyle,\n    },\n    switchYes: {\n      ...switchStyle,\n    },\n  }\n);\n"],"names":["switchStyle","cursor","display","marginLeft","staticClasses","useClasses","createClasses","switchNo","switchYes"],"mappings":";AAEA,MAAMA,cAAc;AAAA,EAClBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,YAAY;AACd;AAEa,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,4BACA;AAAA,EACEC,UAAU;AAAA,IACR,GAAGP;AAAAA,EACL;AAAA,EACAQ,WAAW;AAAA,IACT,GAAGR;AAAAA,EACL;AACF,CACF;"}

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

@@ -16,7 +16,7 @@ import { HvListContainer } from "../ListContainer/ListContainer.js";
 import { HvWarningText } from "../Forms/WarningText/WarningText.js";
 import { HvListItem } from "../ListContainer/ListItem/ListItem.js";
 import { HvSuggestions } from "../Forms/Suggestions/Suggestions.js";
-import suggestionsClasses from "../Forms/Suggestions/suggestionsClasses.js";
+import { staticClasses as staticClasses$1 } from "../Forms/Suggestions/Suggestions.styles.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).";
 }
@@ -337,7 +337,7 @@ const StyledSuggestions = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx
   width: "100%",
   position: "relative",
   top: 59,
-  [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {
+  [`& .${staticClasses$1.root} .${staticClasses$1.list} &`]: {
     width: "100%"
   }
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFnc0lucHV0L1RhZ3NJbnB1dC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJSaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWdzSW5wdXQvVGFnc0lucHV0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQge1xuICBIdkNoYXJDb3VudGVyLFxuICBIdkZvcm1FbGVtZW50LFxuICBIdkluZm9NZXNzYWdlLFxuICBIdkxhYmVsLFxuICBIdlN1Z2dlc3Rpb25zLFxuICBIdldhcm5pbmdUZXh0LFxuICBIdkZvcm1FbGVtZW50UHJvcHMsXG4gIEh2TGFiZWxQcm9wcyxcbiAgSHZJbmZvTWVzc2FnZVByb3BzLFxuICBIdkNoYXJDb3VudGVyUHJvcHMsXG4gIEh2V2FybmluZ1RleHRQcm9wcyxcbiAgSHZTdWdnZXN0aW9uc1Byb3BzLFxuICBzdWdnZXN0aW9uc0NsYXNzZXMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0Zvcm1zXCI7XG5pbXBvcnQgeyBIdklucHV0LCBIdklucHV0UHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9JbnB1dFwiO1xuaW1wb3J0IHsgSHZUYWcsIEh2VGFnUHJvcHMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UYWdcIjtcbmltcG9ydCB7IGJhc2VJbnB1dENsYXNzZXMgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlSW5wdXRcIjtcbmltcG9ydCB7XG4gIEh2TGlzdENvbnRhaW5lcixcbiAgSHZMaXN0SXRlbVByb3BzLFxuICBIdkxpc3RJdGVtLFxuICBsaXN0SXRlbUNsYXNzZXMsXG59IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0xpc3RDb250YWluZXJcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5pbXBvcnQgdGFnc0lucHV0Q2xhc3NlcyBmcm9tIFwiLi90YWdzSW5wdXRDbGFzc2VzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZCgocHJvcHM6IEh2Rm9ybUVsZW1lbnRQcm9wcykgPT4gKFxuICA8SHZGb3JtRWxlbWVudCB7Li4ucHJvcHN9IC8+XG4pKSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBmbG9hdDogXCJsZWZ0XCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoKHByb3BzOiBIdkxhYmVsUHJvcHMpID0+IChcbiAgPEh2TGFiZWwgey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRGVzY3JpcHRpb24gPSBzdHlsZWQoKHByb3BzOiBIdkluZm9NZXNzYWdlUHJvcHMpID0+IChcbiAgPEh2SW5mb01lc3NhZ2Ugey4uLnByb3BzfSAvPlxuKSkoe1xuICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gIGZsb2F0OiBcImxlZnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hhckNvdW50ZXIgPSBzdHlsZWQoKHByb3BzOiBIdkNoYXJDb3VudGVyUHJvcHMpID0+IChcbiAgPEh2Q2hhckNvdW50ZXIgey4uLnByb3BzfSAvPlxuKSkoKCkgPT4gKHtcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICBmbG9hdDogXCJyaWdodFwiLFxuICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgbWFyZ2luQm90dG9tOiBcIjZweFwiLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGFnc0xpc3QgPSBzdHlsZWQoXG4gIEh2TGlzdENvbnRhaW5lcixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZGlzYWJsZWQsXG4gICAgJHNpbmdsZUxpbmUsXG4gICAgJGVycm9yLFxuICAgICRyZXNpemFibGUsXG4gICAgJGludmFsaWQsXG4gICAgJHJlYWRPbmx5LFxuICB9OiB7XG4gICAgJGRpc2FibGVkOiBib29sZWFuO1xuICAgICRzaW5nbGVMaW5lOiBib29sZWFuO1xuICAgICRlcnJvcjogYm9vbGVhbjtcbiAgICAkcmVzaXphYmxlOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICAgICRyZWFkT25seTogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIGZsb2F0OiBcImxlZnRcIixcbiAgICBjbGVhcjogXCJib3RoXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1heFdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMzJweFwiLFxuICAgIHBhZGRpbmc6IDUsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG5cbiAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcblxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnRhZ3NJbnB1dC5ib3JkZXJDb2xvcn1gLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcblxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICBjdXJzb3I6IFwidGV4dFwiLFxuICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUudGFnc0lucHV0LmhvdmVyQ29sb3J9YCxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290fWBdOiB7XG4gICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIH0sXG5cbiAgICBcIiY6Zm9jdXMsICY6Zm9jdXMtd2l0aGluLCAmOmZvY3VzLXZpc2libGVcIjoge1xuICAgICAgb3V0bGluZUNvbG9yOiBcIiM1MkE4RUNcIixcbiAgICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgICAgb3V0bGluZVdpZHRoOiBcIjBweFwiLFxuICAgICAgb3V0bGluZU9mZnNldDogXCItMXB4XCIsXG4gICAgICBib3hTaGFkb3c6IFwiMCAwIDAgMXB4ICM1MkE4RUMsIDAgMCAwIDRweCByZ2JhKDI5LDE1NSwyMDksLjMpXCIsXG4gICAgfSxcblxuICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS50YWdzSW5wdXQuZGlzYWJsZWRCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcblxuICAgICAgXCImOmZvY3VzLXdpdGhpbiwgJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vNH1gLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS50YWdzSW5wdXQucmVhZE9ubHlCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS50YWdzSW5wdXQucmVhZE9ubHlCb3JkZXJDb2xvcn1gLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUudGFnc0lucHV0LnJlYWRPbmx5Qm9yZGVyQ29sb3J9YCxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICAuLi4oJHNpbmdsZUxpbmUgJiYge1xuICAgICAgb3ZlcmZsb3dYOiBcImhpZGRlblwiLFxuICAgICAgb3ZlcmZsb3dZOiBcImhpZGRlblwiLFxuICAgICAgaGVpZ2h0OiAzMixcbiAgICAgIGRpc3BsYXk6IFwidGFibGUtcm93XCIsXG4gICAgICBwYWRkaW5nVG9wOiAwLFxuICAgIH0pLFxuXG4gICAgLi4uKCRlcnJvciAmJiB7XG4gICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmVnYXRpdmV9YCxcbiAgICB9KSxcblxuICAgIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICAgIHdpZHRoOiBcImF1dG9cIixcbiAgICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gICAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLm5lZ2F0aXZlfSFpbXBvcnRhbnRgLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEVycm9yID0gc3R5bGVkKChwcm9wczogSHZXYXJuaW5nVGV4dFByb3BzKSA9PiAoXG4gIDxIdldhcm5pbmdUZXh0IHsuLi5wcm9wc30gLz5cbikpKHtcbiAgZmxvYXQ6IFwibGVmdFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0SXRlbSA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkxpc3RJdGVtUHJvcHMpID0+IDxIdkxpc3RJdGVtIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNpbmdsZUxpbmUgfTogeyAkc2luZ2xlTGluZTogYm9vbGVhbiB9KSA9PiAoe1xuICBtYXJnaW5Cb3R0b206IDIsXG4gIGhlaWdodDogMjQsXG4gIGxpbmVIZWlnaHQ6IFwiMjRweFwiLFxuICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiAyLFxuICB9LFxuICBbYCYuJHtsaXN0SXRlbUNsYXNzZXMuZ3V0dGVyc31gXToge1xuICAgIHBhZGRpbmc6IFwiMCA1cHhcIixcbiAgfSxcbiAgLi4uKCRzaW5nbGVMaW5lICYmIHtcbiAgICBkaXNwbGF5OiBcInRhYmxlLWNlbGxcIixcbiAgICBwYWRkaW5nVG9wOiBcIjJweCFpbXBvcnRhbnRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWcgPSBzdHlsZWQoXG4gIChwcm9wczogSHZUYWdQcm9wcykgPT4gPEh2VGFnIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGVkIH06IHsgJHNlbGVjdGVkOiBib29sZWFuIH0pID0+ICh7XG4gIFtgJiAuJHt0YWdzSW5wdXRDbGFzc2VzLmNoaXBSb290fWBdOiB7XG4gICAgbWF4V2lkdGg6IFwibm9uZVwiLFxuICB9LFxuICAuLi4oJHNlbGVjdGVkICYmIHtcbiAgICBvdXRsaW5lQ29sb3I6IFwiIzUyQThFQ1wiLFxuICAgIG91dGxpbmVTdHlsZTogXCJzb2xpZFwiLFxuICAgIG91dGxpbmVXaWR0aDogXCIwcHhcIixcbiAgICBvdXRsaW5lT2Zmc2V0OiBcIi0xcHhcIixcbiAgICBib3hTaGFkb3c6IFwiMCAwIDAgMXB4ICM1MkE4RUMsIDAgMCAwIDRweCByZ2JhKDI5LDE1NSwyMDksLjMpXCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXRMaXN0SXRlbSA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkxpc3RJdGVtUHJvcHMpID0+IDxIdkxpc3RJdGVtIHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHNpbmdsZUxpbmUsXG4gICAgJGlzVGFnU2VsZWN0ZWQsXG4gIH06IHtcbiAgICAkc2luZ2xlTGluZTogYm9vbGVhbjtcbiAgICAkaXNUYWdTZWxlY3RlZDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4R3JvdzogMSxcbiAgICBoZWlnaHQ6IDI0LFxuICAgIGxpbmVIZWlnaHQ6IFwiMjRweFwiLFxuICAgIFtgJi4ke2xpc3RJdGVtQ2xhc3Nlcy5ndXR0ZXJzfWBdOiB7XG4gICAgICBwYWRkaW5nOiBcIjAgNXB4XCIsXG4gICAgfSxcbiAgICAuLi4oJHNpbmdsZUxpbmUgJiYge1xuICAgICAgZGlzcGxheTogXCJ0YWJsZS1jZWxsXCIsXG4gICAgICBtaW5XaWR0aDogMTAwLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgcGFkZGluZ1RvcDogXCIzcHghaW1wb3J0YW50XCIsXG4gICAgICB2ZXJ0aWNhbEFsaWduOiBcIm1pZGRsZVwiLFxuICAgIH0pLFxuICAgIC4uLigkaXNUYWdTZWxlY3RlZCAmJiB7XG4gICAgICBbYCYgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3R9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKFxuICAocHJvcHM6IEh2SW5wdXRQcm9wcykgPT4gPEh2SW5wdXQgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2luZ2xlTGluZSB9OiB7ICRzaW5nbGVMaW5lOiBib29sZWFuIH0pID0+ICh7XG4gIFtgJiAuJHtiYXNlSW5wdXRDbGFzc2VzLnJvb3R9YF06IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICBbYCY6aG92ZXIgLiR7dGFnc0lucHV0Q2xhc3Nlcy50YWdJbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgfSxcbiAgICBbYCY6aG92ZXIgLiR7dGFnc0lucHV0Q2xhc3Nlcy50YWdJbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbiAgW2AmJiAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdH1gXToge1xuICAgIG1hcmdpbkxlZnQ6IDAsXG4gICAgbWFyZ2luUmlnaHQ6IDAsXG4gICAgZmxleDogXCIxIDEgYXV0b1wiLFxuICAgIG1pbldpZHRoOiA0OCxcbiAgICBoZWlnaHQ6IDI0LFxuICAgIGxpbmVIZWlnaHQ6IFwiMjRweFwiLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgfSxcbiAgW2AmIC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXJ9YF06IHtcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIGJhY2tncm91bmQ6IFwibm9uZVwiLFxuICB9LFxuICBbYCYgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RGb2N1c2VkfWBdOiB7XG4gICAgb3V0bGluZTogXCJub25lIWltcG9ydGFudFwiLFxuICAgIGJveFNoYWRvdzogXCJub25lIWltcG9ydGFudFwiLFxuICB9LFxuICBbYCYgLiR7YmFzZUlucHV0Q2xhc3Nlcy5yb290fSAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdFJlYWRPbmx5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50IFwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgfSxcbiAgfSxcbiAgW2AmJiAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0fWBdOiB7XG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfSxcbiAgLi4uKCRzaW5nbGVMaW5lICYmIHt9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFN1Z2dlc3Rpb25zID0gc3R5bGVkKChwcm9wczogSHZTdWdnZXN0aW9uc1Byb3BzKSA9PiAoXG4gIDxIdlN1Z2dlc3Rpb25zIHsuLi5wcm9wc30gLz5cbikpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICB0b3A6IDU5LFxuICBbYCYgLiR7c3VnZ2VzdGlvbnNDbGFzc2VzLnJvb3R9IC4ke3N1Z2dlc3Rpb25zQ2xhc3Nlcy5saXN0fSAmYF06IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gIH0sXG59KTtcbiJdfQ== */");

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

@@ -1 +1 @@
-{"version":3,"file":"TagsInput.styles.js","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport {\n  HvCharCounter,\n  HvFormElement,\n  HvInfoMessage,\n  HvLabel,\n  HvSuggestions,\n  HvWarningText,\n  HvFormElementProps,\n  HvLabelProps,\n  HvInfoMessageProps,\n  HvCharCounterProps,\n  HvWarningTextProps,\n  HvSuggestionsProps,\n  suggestionsClasses,\n} from \"@core/components/Forms\";\nimport { HvInput, HvInputProps } from \"@core/components/Input\";\nimport { HvTag, HvTagProps } from \"@core/components/Tag\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\nimport {\n  HvListContainer,\n  HvListItemProps,\n  HvListItem,\n  listItemClasses,\n} from \"@core/components/ListContainer\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nimport tagsInputClasses from \"./tagsInputClasses\";\n\nexport const StyledFormElement = styled((props: HvFormElementProps) => (\n  <HvFormElement {...props} />\n))({\n  display: \"inline-block\",\n  width: \"100%\",\n});\n\nexport const StyledLabelContainer = styled(\"div\")({\n  float: \"left\",\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled((props: HvLabelProps) => (\n  <HvLabel {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n  paddingBottom: \"6px\",\n});\n\nexport const StyledDescription = styled((props: HvInfoMessageProps) => (\n  <HvInfoMessage {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props: HvCharCounterProps) => (\n  <HvCharCounter {...props} />\n))(() => ({\n  display: \"block\",\n  float: \"right\",\n  textAlign: \"right\",\n  marginBottom: \"6px\",\n}));\n\nexport const StyledTagsList = styled(\n  HvListContainer,\n  transientOptions\n)(\n  ({\n    $disabled,\n    $singleLine,\n    $error,\n    $resizable,\n    $invalid,\n    $readOnly,\n  }: {\n    $disabled: boolean;\n    $singleLine: boolean;\n    $error: boolean;\n    $resizable: boolean;\n    $invalid: boolean;\n    $readOnly: boolean;\n  }) => ({\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    ...($disabled && {\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      backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n      border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n      },\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    ...($resizable && {\n      width: \"auto\",\n      resize: \"both\",\n      overflow: \"auto\",\n    }),\n\n    ...($invalid && {\n      border: `1px solid ${theme.colors.negative}!important`,\n    }),\n  })\n);\n\nexport const StyledError = styled((props: HvWarningTextProps) => (\n  <HvWarningText {...props} />\n))({\n  float: \"left\",\n});\n\nexport const StyledListItem = styled(\n  (props: HvListItemProps) => <HvListItem {...props} />,\n  transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n  marginBottom: 2,\n  height: 24,\n  lineHeight: \"24px\",\n  \"&:not(:last-child)\": {\n    marginBottom: 2,\n  },\n  [`&.${listItemClasses.gutters}`]: {\n    padding: \"0 5px\",\n  },\n  ...($singleLine && {\n    display: \"table-cell\",\n    paddingTop: \"2px!important\",\n  }),\n}));\n\nexport const StyledTag = styled(\n  (props: HvTagProps) => <HvTag {...props} />,\n  transientOptions\n)(({ $selected }: { $selected: boolean }) => ({\n  [`& .${tagsInputClasses.chipRoot}`]: {\n    maxWidth: \"none\",\n  },\n  ...($selected && {\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\nexport const StyledInputListItem = styled(\n  (props: HvListItemProps) => <HvListItem {...props} />,\n  transientOptions\n)(\n  ({\n    $singleLine,\n    $isTagSelected,\n  }: {\n    $singleLine: boolean;\n    $isTagSelected: boolean;\n  }) => ({\n    display: \"flex\",\n    flexGrow: 1,\n    height: 24,\n    lineHeight: \"24px\",\n    [`&.${listItemClasses.gutters}`]: {\n      padding: \"0 5px\",\n    },\n    ...($singleLine && {\n      display: \"table-cell\",\n      minWidth: 100,\n      width: \"100%\",\n      paddingTop: \"3px!important\",\n      verticalAlign: \"middle\",\n    }),\n    ...($isTagSelected && {\n      [`& .${baseInputClasses.inputRoot}`]: {\n        backgroundColor: theme.colors.atmo1,\n      },\n    }),\n  })\n);\n\nexport const StyledInput = styled(\n  (props: HvInputProps) => <HvInput {...props} />,\n  transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n  [`& .${baseInputClasses.root}`]: {\n    width: \"100%\",\n    border: \"none\",\n    [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n      background: \"none\",\n    },\n    [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n      background: \"none\",\n    },\n  },\n  [`&& .${baseInputClasses.inputRoot}`]: {\n    marginLeft: 0,\n    marginRight: 0,\n    flex: \"1 1 auto\",\n    minWidth: 48,\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!important\",\n    boxShadow: \"none!important\",\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  ...($singleLine && {}),\n}));\n\nexport const StyledSuggestions = styled((props: HvSuggestionsProps) => (\n  <HvSuggestions {...props} />\n))({\n  width: \"100%\",\n  position: \"relative\",\n  top: 59,\n  [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n    width: \"100%\",\n  },\n});\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabelContainer","StyledLabel","HvLabel","StyledDescription","HvInfoMessage","StyledCharCounter","HvCharCounter","display","float","textAlign","marginBottom","StyledTagsList","HvListContainer","_extends","transientOptions","$disabled","$singleLine","$error","$resizable","$invalid","$readOnly","alignContent","clear","width","maxWidth","height","padding","overflow","position","flexDirection","flexWrap","backgroundColor","theme","colors","atmo1","border","tagsInput","borderColor","borderRadius","radii","base","cursor","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","disabledBackgroundColor","atmo4","readOnlyBackgroundColor","readOnlyBorderColor","overflowX","overflowY","paddingTop","negative","resize","StyledError","HvWarningText","StyledListItem","HvListItem","lineHeight","listItemClasses","gutters","StyledTag","HvTag","$selected","tagsInputClasses","chipRoot","StyledInputListItem","$isTagSelected","flexGrow","minWidth","verticalAlign","StyledInput","HvInput","root","tagInputBorderContainer","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","input","StyledSuggestions","HvSuggestions","top","suggestionsClasses","list"],"mappings":"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"}
+{"version":3,"file":"TagsInput.styles.js","sources":["../../../../src/components/TagsInput/TagsInput.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport {\n  HvCharCounter,\n  HvFormElement,\n  HvInfoMessage,\n  HvLabel,\n  HvSuggestions,\n  HvWarningText,\n  HvFormElementProps,\n  HvLabelProps,\n  HvInfoMessageProps,\n  HvCharCounterProps,\n  HvWarningTextProps,\n  HvSuggestionsProps,\n  suggestionsClasses,\n} from \"@core/components/Forms\";\nimport { HvInput, HvInputProps } from \"@core/components/Input\";\nimport { HvTag, HvTagProps } from \"@core/components/Tag\";\nimport { baseInputClasses } from \"@core/components/BaseInput\";\nimport {\n  HvListContainer,\n  HvListItemProps,\n  HvListItem,\n  listItemClasses,\n} from \"@core/components/ListContainer\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nimport tagsInputClasses from \"./tagsInputClasses\";\n\nexport const StyledFormElement = styled((props: HvFormElementProps) => (\n  <HvFormElement {...props} />\n))({\n  display: \"inline-block\",\n  width: \"100%\",\n});\n\nexport const StyledLabelContainer = styled(\"div\")({\n  float: \"left\",\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled((props: HvLabelProps) => (\n  <HvLabel {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n  paddingBottom: \"6px\",\n});\n\nexport const StyledDescription = styled((props: HvInfoMessageProps) => (\n  <HvInfoMessage {...props} />\n))({\n  display: \"block\",\n  float: \"left\",\n});\n\nexport const StyledCharCounter = styled((props: HvCharCounterProps) => (\n  <HvCharCounter {...props} />\n))(() => ({\n  display: \"block\",\n  float: \"right\",\n  textAlign: \"right\",\n  marginBottom: \"6px\",\n}));\n\nexport const StyledTagsList = styled(\n  HvListContainer,\n  transientOptions\n)(\n  ({\n    $disabled,\n    $singleLine,\n    $error,\n    $resizable,\n    $invalid,\n    $readOnly,\n  }: {\n    $disabled: boolean;\n    $singleLine: boolean;\n    $error: boolean;\n    $resizable: boolean;\n    $invalid: boolean;\n    $readOnly: boolean;\n  }) => ({\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    ...($disabled && {\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      backgroundColor: theme.tagsInput.readOnlyBackgroundColor,\n      border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.tagsInput.readOnlyBorderColor}`,\n      },\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    ...($resizable && {\n      width: \"auto\",\n      resize: \"both\",\n      overflow: \"auto\",\n    }),\n\n    ...($invalid && {\n      border: `1px solid ${theme.colors.negative}!important`,\n    }),\n  })\n);\n\nexport const StyledError = styled((props: HvWarningTextProps) => (\n  <HvWarningText {...props} />\n))({\n  float: \"left\",\n});\n\nexport const StyledListItem = styled(\n  (props: HvListItemProps) => <HvListItem {...props} />,\n  transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n  marginBottom: 2,\n  height: 24,\n  lineHeight: \"24px\",\n  \"&:not(:last-child)\": {\n    marginBottom: 2,\n  },\n  [`&.${listItemClasses.gutters}`]: {\n    padding: \"0 5px\",\n  },\n  ...($singleLine && {\n    display: \"table-cell\",\n    paddingTop: \"2px!important\",\n  }),\n}));\n\nexport const StyledTag = styled(\n  (props: HvTagProps) => <HvTag {...props} />,\n  transientOptions\n)(({ $selected }: { $selected: boolean }) => ({\n  [`& .${tagsInputClasses.chipRoot}`]: {\n    maxWidth: \"none\",\n  },\n  ...($selected && {\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\nexport const StyledInputListItem = styled(\n  (props: HvListItemProps) => <HvListItem {...props} />,\n  transientOptions\n)(\n  ({\n    $singleLine,\n    $isTagSelected,\n  }: {\n    $singleLine: boolean;\n    $isTagSelected: boolean;\n  }) => ({\n    display: \"flex\",\n    flexGrow: 1,\n    height: 24,\n    lineHeight: \"24px\",\n    [`&.${listItemClasses.gutters}`]: {\n      padding: \"0 5px\",\n    },\n    ...($singleLine && {\n      display: \"table-cell\",\n      minWidth: 100,\n      width: \"100%\",\n      paddingTop: \"3px!important\",\n      verticalAlign: \"middle\",\n    }),\n    ...($isTagSelected && {\n      [`& .${baseInputClasses.inputRoot}`]: {\n        backgroundColor: theme.colors.atmo1,\n      },\n    }),\n  })\n);\n\nexport const StyledInput = styled(\n  (props: HvInputProps) => <HvInput {...props} />,\n  transientOptions\n)(({ $singleLine }: { $singleLine: boolean }) => ({\n  [`& .${baseInputClasses.root}`]: {\n    width: \"100%\",\n    border: \"none\",\n    [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n      background: \"none\",\n    },\n    [`&:hover .${tagsInputClasses.tagInputBorderContainer}`]: {\n      background: \"none\",\n    },\n  },\n  [`&& .${baseInputClasses.inputRoot}`]: {\n    marginLeft: 0,\n    marginRight: 0,\n    flex: \"1 1 auto\",\n    minWidth: 48,\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!important\",\n    boxShadow: \"none!important\",\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  ...($singleLine && {}),\n}));\n\nexport const StyledSuggestions = styled((props: HvSuggestionsProps) => (\n  <HvSuggestions {...props} />\n))({\n  width: \"100%\",\n  position: \"relative\",\n  top: 59,\n  [`& .${suggestionsClasses.root} .${suggestionsClasses.list} &`]: {\n    width: \"100%\",\n  },\n});\n"],"names":["StyledFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabelContainer","StyledLabel","HvLabel","StyledDescription","HvInfoMessage","StyledCharCounter","HvCharCounter","display","float","textAlign","marginBottom","StyledTagsList","HvListContainer","_extends","transientOptions","$disabled","$singleLine","$error","$resizable","$invalid","$readOnly","alignContent","clear","width","maxWidth","height","padding","overflow","position","flexDirection","flexWrap","backgroundColor","theme","colors","atmo1","border","tagsInput","borderColor","borderRadius","radii","base","cursor","hoverColor","baseInputClasses","inputRoot","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","disabledBackgroundColor","atmo4","readOnlyBackgroundColor","readOnlyBorderColor","overflowX","overflowY","paddingTop","negative","resize","StyledError","HvWarningText","StyledListItem","HvListItem","lineHeight","listItemClasses","gutters","StyledTag","HvTag","$selected","tagsInputClasses","chipRoot","StyledInputListItem","$isTagSelected","flexGrow","minWidth","verticalAlign","StyledInput","HvInput","root","tagInputBorderContainer","background","marginLeft","marginRight","flex","inputBorderContainer","inputRootFocused","outline","inputRootReadOnly","input","StyledSuggestions","HvSuggestions","top","suggestionsClasses","list"],"mappings":"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"}

package/dist/esm/components/TimeAgo/TimeAgo.js

@@ -1,3 +1,4 @@
+import { forwardRef } from "react";
 import isEmpty from "lodash/isEmpty";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { useClasses } from "./TimeAgo.styles.js";
@@ -5,7 +6,7 @@ import { staticClasses } from "./TimeAgo.styles.js";
 import useTimeAgo from "./useTimeAgo.js";
 import { jsx, Fragment } from "@emotion/react/jsx-runtime";
 import { HvTypography } from "../Typography/Typography.js";
-const HvTimeAgo = (props) => {
+const HvTimeAgo = forwardRef((props, ref) => {
   const {
     classes: classesProp,
     className,
@@ -33,11 +34,12 @@ const HvTimeAgo = (props) => {
       children: timeAgo
     });
   return /* @__PURE__ */ jsx(Component, {
+    ref,
     className: cx(classes.root, className),
     ...others,
     children: !timestamp ? emptyElement : timeAgo
   });
-};
+});
 export {
   HvTimeAgo,
   staticClasses as timeAgoClasses

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

@@ -1 +1 @@
-{"version":3,"file":"TimeAgo.js","sources":["../../../../src/components/TimeAgo/TimeAgo.tsx"],"sourcesContent":["import isEmpty from \"lodash/isEmpty\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { staticClasses, useClasses } from \"./TimeAgo.styles\";\nimport useTimeAgo from \"./useTimeAgo\";\n\nexport { staticClasses as timeAgoClasses };\n\nexport type HvTimeAgoClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvTimeAgoProps extends HvBaseProps<HTMLElement, \"children\"> {\n  /**\n   * The timestamp to format, in seconds or milliseconds.\n   * Defaults to `emptyElement` if value is null or 0\n   */\n  timestamp?: number;\n  /**\n   * The locale to be used. Should be on of the dayjs supported locales and explicitly imported\n   * @see https://day.js.org/docs/en/i18n/i18n\n   */\n  locale?: string;\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `HvTypography`.\n   */\n  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;\n  /**\n   * The element to render when the timestamp is null or 0\n   * Defaults to `—` (Em Dash)\n   */\n  emptyElement?: React.ReactNode;\n  /**\n   * Disables periodic date refreshes\n   */\n  disableRefresh?: boolean;\n  /**\n   * Whether to show seconds in the rendered time\n   */\n  showSeconds?: boolean;\n  /**\n   * Whether the component should render just the string\n   * Consider using `useTimeAgo` instead\n   */\n  justText?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTimeAgoClasses;\n}\n\n/**\n * The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nexport const HvTimeAgo = (props: HvTimeAgoProps) => {\n  const {\n    classes: classesProp,\n    className,\n    timestamp,\n    locale: localeProp = \"en\",\n    component: Component = HvTypography,\n    emptyElement = \"—\",\n    disableRefresh = false,\n    showSeconds = false,\n    justText = false,\n    ...others\n  } = useDefaultProps(\"HvTimeAgo\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n  const locale = isEmpty(localeProp) ? \"en\" : localeProp;\n  const timeAgo = useTimeAgo(timestamp, {\n    locale,\n    disableRefresh,\n    showSeconds,\n  });\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  if (justText && timestamp) return <>{timeAgo}</>;\n\n  return (\n    <Component className={cx(classes.root, className)} {...others}>\n      {!timestamp ? emptyElement : timeAgo}\n    </Component>\n  );\n};\n"],"names":["HvTimeAgo","props","classes","classesProp","className","timestamp","locale","localeProp","component","Component","HvTypography","emptyElement","disableRefresh","showSeconds","justText","others","useDefaultProps","cx","useClasses","isEmpty","timeAgo","useTimeAgo","_Fragment","children","root"],"mappings":";;;;;;;AAuDaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,QAAQC,aAAa;AAAA,IACrBC,WAAWC,YAAYC;AAAAA,IACvBC,eAAe;AAAA,IACfC,iBAAiB;AAAA,IACjBC,cAAc;AAAA,IACdC,WAAW;AAAA,IACX,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,aAAaf,KAAK;AAEhC,QAAA;AAAA,IAAEC;AAAAA,IAASe;AAAAA,EAAAA,IAAOC,WAAWf,WAAW;AAC9C,QAAMG,SAASa,QAAQZ,UAAU,IAAI,OAAOA;AACtCa,QAAAA,UAAUC,WAAWhB,WAAW;AAAA,IACpCC;AAAAA,IACAM;AAAAA,IACAC;AAAAA,EAAAA,CACD;AAGD,MAAIC,YAAYT;AAAW,+BAAOiB,UAAA;AAAA,MAAAC,UAAGH;AAAAA,IAAAA,CAAU;AAE/C,6BACGX,WAAS;AAAA,IAACL,WAAWa,GAAGf,QAAQsB,MAAMpB,SAAS;AAAA,IAAE,GAAKW;AAAAA,IAAMQ,UAC1D,CAAClB,YAAYM,eAAeS;AAAAA,EAAAA,CACpB;AAEf;"}
+{"version":3,"file":"TimeAgo.js","sources":["../../../../src/components/TimeAgo/TimeAgo.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport isEmpty from \"lodash/isEmpty\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { PolymorphicComponentRef, PolymorphicRef } from \"@core/types/generic\";\n\nimport { staticClasses, useClasses } from \"./TimeAgo.styles\";\nimport useTimeAgo from \"./useTimeAgo\";\n\nexport { staticClasses as timeAgoClasses };\n\nexport type HvTimeAgoClasses = ExtractNames<typeof useClasses>;\n\nexport type HvTimeAgoProps<C extends React.ElementType = \"p\"> =\n  PolymorphicComponentRef<\n    C,\n    {\n      /**\n       * The timestamp to format, in seconds or milliseconds.\n       * Defaults to `emptyElement` if value is null or 0\n       */\n      timestamp?: number;\n      /**\n       * The locale to be used. Should be on of the dayjs supported locales and explicitly imported\n       * @see https://day.js.org/docs/en/i18n/i18n\n       */\n      locale?: string;\n      /**\n       * The element to render when the timestamp is null or 0\n       * Defaults to `—` (Em Dash)\n       */\n      emptyElement?: React.ReactNode;\n      /** Disables periodic date refreshes */\n      disableRefresh?: boolean;\n      /** Whether to show seconds in the rendered time */\n      showSeconds?: boolean;\n      /**\n       * Whether the component should render just the string\n       * Consider using `useTimeAgo` instead\n       */\n      justText?: boolean;\n      /** A Jss Object used to override or extend the styles applied to the component. */\n      classes?: HvTimeAgoClasses;\n    }\n  >;\n\n/**\n * The HvTimeAgo component implements the Design System relative time format guidelines.\n */\nexport const HvTimeAgo: <C extends React.ElementType = \"p\">(\n  props: HvTimeAgoProps<C>\n) => React.ReactElement | null = forwardRef(\n  <C extends React.ElementType = \"p\">(\n    props: HvTimeAgoProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const {\n      classes: classesProp,\n      className,\n      timestamp,\n      locale: localeProp = \"en\",\n      component: Component = HvTypography,\n      emptyElement = \"—\",\n      disableRefresh = false,\n      showSeconds = false,\n      justText = false,\n      ...others\n    } = useDefaultProps(\"HvTimeAgo\", props);\n\n    const { classes, cx } = useClasses(classesProp);\n    const locale = isEmpty(localeProp) ? \"en\" : localeProp;\n    const timeAgo = useTimeAgo(timestamp, {\n      locale,\n      disableRefresh,\n      showSeconds,\n    });\n\n    // eslint-disable-next-line react/jsx-no-useless-fragment\n    if (justText && timestamp) return <>{timeAgo}</>;\n\n    return (\n      <Component ref={ref} className={cx(classes.root, className)} {...others}>\n        {!timestamp ? emptyElement : timeAgo}\n      </Component>\n    );\n  }\n);\n"],"names":["HvTimeAgo","forwardRef","props","ref","classes","classesProp","className","timestamp","locale","localeProp","component","Component","HvTypography","emptyElement","disableRefresh","showSeconds","justText","others","useDefaultProps","cx","useClasses","isEmpty","timeAgo","useTimeAgo","_Fragment","children","root"],"mappings":";;;;;;;;AAoDO,MAAMA,YAEoBC,WAC/B,CACEC,OACAC,QACG;AACG,QAAA;AAAA,IACJC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC,QAAQC,aAAa;AAAA,IACrBC,WAAWC,YAAYC;AAAAA,IACvBC,eAAe;AAAA,IACfC,iBAAiB;AAAA,IACjBC,cAAc;AAAA,IACdC,WAAW;AAAA,IACX,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,aAAahB,KAAK;AAEhC,QAAA;AAAA,IAAEE;AAAAA,IAASe;AAAAA,EAAAA,IAAOC,WAAWf,WAAW;AAC9C,QAAMG,SAASa,QAAQZ,UAAU,IAAI,OAAOA;AACtCa,QAAAA,UAAUC,WAAWhB,WAAW;AAAA,IACpCC;AAAAA,IACAM;AAAAA,IACAC;AAAAA,EAAAA,CACD;AAGD,MAAIC,YAAYT;AAAW,+BAAOiB,UAAA;AAAA,MAAAC,UAAGH;AAAAA,IAAAA,CAAU;AAE/C,6BACGX,WAAS;AAAA,IAACR;AAAAA,IAAUG,WAAWa,GAAGf,QAAQsB,MAAMpB,SAAS;AAAA,IAAE,GAAKW;AAAAA,IAAMQ,UACpE,CAAClB,YAAYM,eAAeS;AAAAA,EAAAA,CACpB;AAEf,CACF;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import { forwardRef, AllHTMLAttributes, Ref } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  HvTypographyLegacyVariants,\n  HvTypographyVariants,\n  mapVariant,\n} from \"./utils\";\nimport { staticClasses, useClasses } from \"./Typography.styles\";\n\nexport { staticClasses as typographyClasses };\n\nexport type HvTypographyClasses = ExtractNames<typeof useClasses>;\n\nconst HvTypographyMap = {\n  display: \"h1\",\n  title1: \"h1\",\n  title2: \"h2\",\n  title3: \"h3\",\n  title4: \"h4\",\n  body: \"p\",\n  label: \"span\",\n  caption1: \"p\",\n  caption2: \"p\",\n  // LEGACY\n  \"5xlTitle\": \"h1\",\n  \"4xlTitle\": \"h1\",\n  xxlTitle: \"h1\",\n  lTitle: \"h2\",\n  sTitle: \"h4\",\n  xxsTitle: \"h6\",\n  sectionTitle: \"p\",\n  placeholderText: \"p\",\n  link: \"p\",\n  disabledText: \"p\",\n  selectedNavText: \"p\",\n  vizTextDisabled: \"p\",\n  xsInlineLink: \"p\",\n} as const;\n\nexport interface HvTypographyProps\n  extends Omit<AllHTMLAttributes<HTMLElement>, \"disabled\">,\n    HvBaseProps<HTMLElement> {\n  component?: React.ElementType;\n  /** Use the variant prop to change the visual style of the Typography. */\n  variant?: HvTypographyVariants | HvTypographyLegacyVariants;\n  /** If `true` the typography will display the look of a link. */\n  link?: boolean;\n  /** If `true` the typography will display the look of a disabled state. */\n  disabled?: boolean;\n  /** If `true`, the text will have a bottom margin. */\n  paragraph?: boolean;\n  /**\n   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   *\n   * Note that text overflow can only happen with block or inline-block level elements\n   * (the element needs to have a width in order to overflow).\n   */\n  noWrap?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvTypographyClasses;\n}\n\n/**\n * Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography = forwardRef(\n  (props: HvTypographyProps, ref: Ref<HTMLElement>) => {\n    const {\n      className,\n      component: ComponentProp,\n      classes: classesProp,\n      variant: variantProp = \"body\",\n      link = false,\n      disabled = false,\n      noWrap = false,\n      paragraph = false,\n      ...others\n    } = useDefaultProps(\"HvTypography\", props);\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n\n    const variant = mapVariant(variantProp, activeTheme?.name);\n\n    const Component =\n      ComponentProp || (paragraph && \"p\") || HvTypographyMap[variant] || \"span\";\n\n    return (\n      <Component\n        ref={ref}\n        className={cx(classes.root, classes[variant], className, {\n          [classes.isLink]: link,\n          [classes.noWrap]: noWrap,\n          [classes.disabled]: disabled,\n        })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvTypographyMap","display","title1","title2","title3","title4","body","label","caption1","caption2","xxlTitle","lTitle","sTitle","xxsTitle","sectionTitle","placeholderText","link","disabledText","selectedNavText","vizTextDisabled","xsInlineLink","HvTypography","forwardRef","props","ref","className","component","ComponentProp","classes","classesProp","variant","variantProp","disabled","noWrap","paragraph","others","useDefaultProps","cx","useClasses","activeTheme","useTheme","mapVariant","name","Component","root","isLink"],"mappings":";;;;;;;AAkBA,MAAMA,kBAAkB;AAAA,EACtBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,UAAU;AAAA;AAAA,EAEV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,iBAAiB;AAAA,EACjBC,cAAc;AAChB;AA4BO,MAAMC,eAAeC,WAC1B,CAACC,OAA0BC,QAA0B;AAC7C,QAAA;AAAA,IACJC;AAAAA,IACAC,WAAWC;AAAAA,IACXC,SAASC;AAAAA,IACTC,SAASC,cAAc;AAAA,IACvBf,OAAO;AAAA,IACPgB,WAAW;AAAA,IACXC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZ,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAgBb,KAAK;AACnC,QAAA;AAAA,IAAEK;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,WAAWT,WAAW;AACxC,QAAA;AAAA,IAAEU;AAAAA,MAAgBC,SAAS;AAEjC,QAAMV,UAAUW,WAAWV,aAAaQ,2CAAaG,IAAI;AAEzD,QAAMC,YACJhB,iBAAkBO,aAAa,OAAQlC,gBAAgB8B,OAAO,KAAK;AAErE,6BACGa,WAAS;AAAA,IACRnB;AAAAA,IACAC,WAAWY,GAAGT,QAAQgB,MAAMhB,QAAQE,OAAO,GAAGL,WAAW;AAAA,MACvD,CAACG,QAAQiB,MAAM,GAAG7B;AAAAA,MAClB,CAACY,QAAQK,MAAM,GAAGA;AAAAA,MAClB,CAACL,QAAQI,QAAQ,GAAGA;AAAAA,IAAAA,CACrB;AAAA,IAAE,GACCG;AAAAA,EAAAA,CACL;AAEL,CACF;"}
+{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { PolymorphicComponentRef, PolymorphicRef } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useTheme } from \"@core/hooks/useTheme\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  HvTypographyLegacyVariants,\n  HvTypographyVariants,\n  mapVariant,\n} from \"./utils\";\nimport { staticClasses, useClasses } from \"./Typography.styles\";\n\nexport { staticClasses as typographyClasses };\n\nexport type HvTypographyClasses = ExtractNames<typeof useClasses>;\n\nconst HvTypographyMap = {\n  display: \"h1\",\n  title1: \"h1\",\n  title2: \"h2\",\n  title3: \"h3\",\n  title4: \"h4\",\n  body: \"p\",\n  label: \"span\",\n  caption1: \"p\",\n  caption2: \"p\",\n  // LEGACY\n  \"5xlTitle\": \"h1\",\n  \"4xlTitle\": \"h1\",\n  xxlTitle: \"h1\",\n  lTitle: \"h2\",\n  sTitle: \"h4\",\n  xxsTitle: \"h6\",\n  sectionTitle: \"p\",\n  placeholderText: \"p\",\n  link: \"p\",\n  disabledText: \"p\",\n  selectedNavText: \"p\",\n  vizTextDisabled: \"p\",\n  xsInlineLink: \"p\",\n} as const;\n\nexport type HvTypographyProps<C extends React.ElementType = \"p\"> =\n  PolymorphicComponentRef<\n    C,\n    {\n      /** Use the variant prop to change the visual style of the Typography. */\n      variant?: HvTypographyVariants | HvTypographyLegacyVariants;\n      /** If `true` the typography will display the look of a link. */\n      link?: boolean;\n      /** If `true` the typography will display the look of a disabled state. */\n      disabled?: boolean;\n      /** If `true`, the text will have a bottom margin. */\n      paragraph?: boolean;\n      /**\n       * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n       *\n       * Note that text overflow can only happen with block or inline-block level elements\n       * (the element needs to have a width in order to overflow).\n       */\n      noWrap?: boolean;\n      /** A Jss Object used to override or extend the styles applied to the component. */\n      classes?: HvTypographyClasses;\n    }\n  >;\n\n/**\n * Typography component is used to render text and paragraphs within an interface.\n */\nexport const HvTypography: <C extends React.ElementType = \"p\">(\n  props: HvTypographyProps<C>\n) => React.ReactElement | null = forwardRef(\n  <C extends React.ElementType = \"p\">(\n    props: HvTypographyProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const {\n      className,\n      component: ComponentProp,\n      classes: classesProp,\n      variant: variantProp = \"body\",\n      link = false,\n      disabled = false,\n      noWrap = false,\n      paragraph = false,\n      ...others\n    } = useDefaultProps(\"HvTypography\", props);\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n\n    const variant = mapVariant(variantProp, activeTheme?.name);\n\n    const Component =\n      ComponentProp || (paragraph && \"p\") || HvTypographyMap[variant] || \"span\";\n\n    return (\n      <Component\n        ref={ref}\n        className={cx(classes.root, classes[variant], className, {\n          [classes.isLink]: link,\n          [classes.noWrap]: noWrap,\n          [classes.disabled]: disabled,\n        })}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvTypographyMap","display","title1","title2","title3","title4","body","label","caption1","caption2","xxlTitle","lTitle","sTitle","xxsTitle","sectionTitle","placeholderText","link","disabledText","selectedNavText","vizTextDisabled","xsInlineLink","HvTypography","forwardRef","props","ref","className","component","ComponentProp","classes","classesProp","variant","variantProp","disabled","noWrap","paragraph","others","useDefaultProps","cx","useClasses","activeTheme","useTheme","mapVariant","name","Component","root","isLink"],"mappings":";;;;;;;AAkBA,MAAMA,kBAAkB;AAAA,EACtBC,SAAS;AAAA,EACTC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,UAAU;AAAA,EACVC,UAAU;AAAA;AAAA,EAEV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZC,UAAU;AAAA,EACVC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,iBAAiB;AAAA,EACjBC,iBAAiB;AAAA,EACjBC,cAAc;AAChB;AA6BO,MAAMC,eAEoBC,WAC/B,CACEC,OACAC,QACG;AACG,QAAA;AAAA,IACJC;AAAAA,IACAC,WAAWC;AAAAA,IACXC,SAASC;AAAAA,IACTC,SAASC,cAAc;AAAA,IACvBf,OAAO;AAAA,IACPgB,WAAW;AAAA,IACXC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZ,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAgBb,KAAK;AACnC,QAAA;AAAA,IAAEK;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,WAAWT,WAAW;AACxC,QAAA;AAAA,IAAEU;AAAAA,MAAgBC,SAAS;AAEjC,QAAMV,UAAUW,WAAWV,aAAaQ,2CAAaG,IAAI;AAEzD,QAAMC,YACJhB,iBAAkBO,aAAa,OAAQlC,gBAAgB8B,OAAO,KAAK;AAErE,6BACGa,WAAS;AAAA,IACRnB;AAAAA,IACAC,WAAWY,GAAGT,QAAQgB,MAAMhB,QAAQE,OAAO,GAAGL,WAAW;AAAA,MACvD,CAACG,QAAQiB,MAAM,GAAG7B;AAAAA,MAClB,CAACY,QAAQK,MAAM,GAAGA;AAAAA,MAClB,CAACL,QAAQI,QAAQ,GAAGA;AAAAA,IAAAA,CACrB;AAAA,IAAE,GACCG;AAAAA,EAAAA,CACL;AAEL,CACF;"}

package/dist/esm/components/VerticalNavigation/Header/Header.js

@@ -38,6 +38,7 @@ const HvVerticalNavigationHeader = ({
     children: [isOpen && headerTitle && slider && /* @__PURE__ */ jsx(HvButton, {
       icon: true,
       onClick: backButtonClickHandler,
+      "aria-label": "Back",
       ...backButtonProps,
       children: /* @__PURE__ */ jsx(Backwards, {
         iconSize: "XS"

package/dist/esm/components/VerticalNavigation/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../../../src/components/VerticalNavigation/Header/Header.tsx"],"sourcesContent":["import { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\n\nimport { MouseEventHandler, useContext, useMemo } from \"react\";\n\nimport { clsx } from \"clsx\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { StyledCollapseButton, StyledHeader } from \"./Header.styles\";\nimport verticalNavigationHeaderClasses, {\n  HvVerticalNavigationHeaderClasses,\n} from \"./headerClasses\";\n\nexport interface HvVerticalNavigationHeaderProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The title text to show on Header.\n   */\n  title?: string;\n  /**\n   * Icon to show when Vertical Navigation is collapsed.\n   */\n  openIcon?: React.ReactNode;\n  /**\n   * Icon to show when Vertical Navigation is expanded.\n   */\n  closeIcon?: React.ReactNode;\n  /**\n   * Props for the collapse button.\n   */\n  collapseButtonProps?: HvButtonProps;\n  /**\n   * Props for the back button.\n   */\n  backButtonProps?: HvButtonProps;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationHeaderClasses;\n  /**\n   * Handler for the collapse button.\n   */\n  onCollapseButtonClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationHeader = ({\n  title,\n  openIcon = <Forwards />,\n  closeIcon = <Backwards />,\n  collapseButtonProps,\n  backButtonProps,\n  className,\n  classes,\n  onCollapseButtonClick,\n  ...others\n}: HvVerticalNavigationHeaderProps) => {\n  const {\n    isOpen,\n    useIcons,\n    headerTitle,\n    slider,\n    navigateToParentHandler,\n    parentItem,\n  } = useContext(VerticalNavigationContext);\n\n  openIcon = !useIcons ? <Menu /> : openIcon;\n\n  const backButtonClickHandler = () => {\n    if (navigateToParentHandler) navigateToParentHandler();\n  };\n\n  // whenever we're in a sublevel, the parentItem is always a single item.\n  // In the first level it's always an array with the first level elements.\n  const shouldShowTitle = useMemo(\n    () => !slider || (slider && !Array.isArray(parentItem)),\n    [parentItem, slider]\n  );\n\n  return shouldShowTitle ? (\n    <StyledHeader\n      className={clsx(\n        className,\n        verticalNavigationHeaderClasses.root,\n        classes?.root,\n        !isOpen &&\n          clsx(verticalNavigationHeaderClasses.minimized, classes?.minimized)\n      )}\n      {...others}\n    >\n      {isOpen && headerTitle && slider && (\n        <HvButton icon onClick={backButtonClickHandler} {...backButtonProps}>\n          <Backwards iconSize=\"XS\" />\n        </HvButton>\n      )}\n      {isOpen && (\n        <HvTypography variant={slider ? \"label\" : \"title3\"}>\n          {headerTitle && slider ? headerTitle : title}\n        </HvTypography>\n      )}\n      {onCollapseButtonClick && (\n        <StyledCollapseButton\n          icon\n          onClick={onCollapseButtonClick}\n          classes={{\n            root: isOpen ? \"\" : verticalNavigationHeaderClasses.minimized,\n          }}\n          {...collapseButtonProps}\n        >\n          {isOpen ? closeIcon : openIcon}\n        </StyledCollapseButton>\n      )}\n    </StyledHeader>\n  ) : null;\n};\n"],"names":["HvVerticalNavigationHeader","title","openIcon","_jsx","Forwards","closeIcon","Backwards","collapseButtonProps","backButtonProps","className","classes","onCollapseButtonClick","others","isOpen","useIcons","headerTitle","slider","navigateToParentHandler","parentItem","useContext","VerticalNavigationContext","Menu","backButtonClickHandler","shouldShowTitle","useMemo","Array","isArray","StyledHeader","clsx","verticalNavigationHeaderClasses","root","minimized","children","HvButton","icon","onClick","iconSize","HvTypography","variant","StyledCollapseButton"],"mappings":";;;;;;;;;AAsDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,WAAWC,oBAACC,YAAU;AAAA,EACtBC,YAAYF,oBAACG,aAAW;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,WAAWC,yBAAyB;AAExClB,aAAW,CAACY,WAAWX,oBAACkB,MAAI,CAAA,CAAE,IAAInB;AAElC,QAAMoB,yBAAyBA,MAAM;AAC/BL,QAAAA;AAAiD;EAAA;AAKvD,QAAMM,kBAAkBC,QACtB,MAAM,CAACR,UAAWA,UAAU,CAACS,MAAMC,QAAQR,UAAU,GACrD,CAACA,YAAYF,MAAM,CACrB;AAEOO,SAAAA,uCACJI,cAAY;AAAA,IACXlB,WAAWmB,KACTnB,WACAoB,gCAAgCC,MAChCpB,mCAASoB,MACT,CAACjB,UACCe,KAAKC,gCAAgCE,WAAWrB,mCAASqB,SAAS,CACtE;AAAA,IAAE,GACEnB;AAAAA,IAAMoB,UAAA,CAETnB,UAAUE,eAAeC,8BACvBiB,UAAQ;AAAA,MAACC,MAAI;AAAA,MAACC,SAASb;AAAAA,MAAuB,GAAKd;AAAAA,MAAewB,8BAChE1B,WAAS;AAAA,QAAC8B,UAAS;AAAA,MAAA,CAAM;AAAA,IAAA,CAClB,GAEXvB,UACCV,oBAACkC,cAAY;AAAA,MAACC,SAAStB,SAAS,UAAU;AAAA,MAASgB,UAChDjB,eAAeC,SAASD,cAAcd;AAAAA,IAAAA,CAC3B,GAEfU,yBACCR,oBAACoC,sBAAoB;AAAA,MACnBL,MAAI;AAAA,MACJC,SAASxB;AAAAA,MACTD,SAAS;AAAA,QACPoB,MAAMjB,SAAS,KAAKgB,gCAAgCE;AAAAA,MACtD;AAAA,MAAE,GACExB;AAAAA,MAAmByB,UAEtBnB,SAASR,YAAYH;AAAAA,IAAAA,CACF,CACvB;AAAA,EACW,CAAA,IACZ;AACN;"}
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/VerticalNavigation/Header/Header.tsx"],"sourcesContent":["import { Backwards, Forwards, Menu } from \"@hitachivantara/uikit-react-icons\";\n\nimport { MouseEventHandler, useContext, useMemo } from \"react\";\n\nimport { clsx } from \"clsx\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { StyledCollapseButton, StyledHeader } from \"./Header.styles\";\nimport verticalNavigationHeaderClasses, {\n  HvVerticalNavigationHeaderClasses,\n} from \"./headerClasses\";\n\nexport interface HvVerticalNavigationHeaderProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * The title text to show on Header.\n   */\n  title?: string;\n  /**\n   * Icon to show when Vertical Navigation is collapsed.\n   */\n  openIcon?: React.ReactNode;\n  /**\n   * Icon to show when Vertical Navigation is expanded.\n   */\n  closeIcon?: React.ReactNode;\n  /**\n   * Props for the collapse button.\n   */\n  collapseButtonProps?: HvButtonProps;\n  /**\n   * Props for the back button.\n   */\n  backButtonProps?: HvButtonProps;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationHeaderClasses;\n  /**\n   * Handler for the collapse button.\n   */\n  onCollapseButtonClick?: MouseEventHandler<HTMLElement>;\n}\n\nexport const HvVerticalNavigationHeader = ({\n  title,\n  openIcon = <Forwards />,\n  closeIcon = <Backwards />,\n  collapseButtonProps,\n  backButtonProps,\n  className,\n  classes,\n  onCollapseButtonClick,\n  ...others\n}: HvVerticalNavigationHeaderProps) => {\n  const {\n    isOpen,\n    useIcons,\n    headerTitle,\n    slider,\n    navigateToParentHandler,\n    parentItem,\n  } = useContext(VerticalNavigationContext);\n\n  openIcon = !useIcons ? <Menu /> : openIcon;\n\n  const backButtonClickHandler = () => {\n    if (navigateToParentHandler) navigateToParentHandler();\n  };\n\n  // whenever we're in a sublevel, the parentItem is always a single item.\n  // In the first level it's always an array with the first level elements.\n  const shouldShowTitle = useMemo(\n    () => !slider || (slider && !Array.isArray(parentItem)),\n    [parentItem, slider]\n  );\n\n  return shouldShowTitle ? (\n    <StyledHeader\n      className={clsx(\n        className,\n        verticalNavigationHeaderClasses.root,\n        classes?.root,\n        !isOpen &&\n          clsx(verticalNavigationHeaderClasses.minimized, classes?.minimized)\n      )}\n      {...others}\n    >\n      {isOpen && headerTitle && slider && (\n        <HvButton icon onClick={backButtonClickHandler} aria-label=\"Back\" {...backButtonProps}>\n          <Backwards iconSize=\"XS\" />\n        </HvButton>\n      )}\n      {isOpen && (\n        <HvTypography variant={slider ? \"label\" : \"title3\"}>\n          {headerTitle && slider ? headerTitle : title}\n        </HvTypography>\n      )}\n      {onCollapseButtonClick && (\n        <StyledCollapseButton\n          icon\n          onClick={onCollapseButtonClick}\n          classes={{\n            root: isOpen ? \"\" : verticalNavigationHeaderClasses.minimized,\n          }}\n          {...collapseButtonProps}\n        >\n          {isOpen ? closeIcon : openIcon}\n        </StyledCollapseButton>\n      )}\n    </StyledHeader>\n  ) : null;\n};\n"],"names":["HvVerticalNavigationHeader","title","openIcon","_jsx","Forwards","closeIcon","Backwards","collapseButtonProps","backButtonProps","className","classes","onCollapseButtonClick","others","isOpen","useIcons","headerTitle","slider","navigateToParentHandler","parentItem","useContext","VerticalNavigationContext","Menu","backButtonClickHandler","shouldShowTitle","useMemo","Array","isArray","StyledHeader","clsx","verticalNavigationHeaderClasses","root","minimized","children","HvButton","icon","onClick","iconSize","HvTypography","variant","StyledCollapseButton"],"mappings":";;;;;;;;;AAsDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC,WAAWC,oBAACC,YAAU;AAAA,EACtBC,YAAYF,oBAACG,aAAW;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AAC4B,MAAM;AAC/B,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,EAAAA,IACEC,WAAWC,yBAAyB;AAExClB,aAAW,CAACY,WAAWX,oBAACkB,MAAI,CAAA,CAAE,IAAInB;AAElC,QAAMoB,yBAAyBA,MAAM;AAC/BL,QAAAA;AAAiD;EAAA;AAKvD,QAAMM,kBAAkBC,QACtB,MAAM,CAACR,UAAWA,UAAU,CAACS,MAAMC,QAAQR,UAAU,GACrD,CAACA,YAAYF,MAAM,CACrB;AAEOO,SAAAA,uCACJI,cAAY;AAAA,IACXlB,WAAWmB,KACTnB,WACAoB,gCAAgCC,MAChCpB,mCAASoB,MACT,CAACjB,UACCe,KAAKC,gCAAgCE,WAAWrB,mCAASqB,SAAS,CACtE;AAAA,IAAE,GACEnB;AAAAA,IAAMoB,UAAA,CAETnB,UAAUE,eAAeC,8BACvBiB,UAAQ;AAAA,MAACC,MAAI;AAAA,MAACC,SAASb;AAAAA,MAAwB,cAAW;AAAA,MAAM,GAAKd;AAAAA,MAAewB,8BAClF1B,WAAS;AAAA,QAAC8B,UAAS;AAAA,MAAA,CAAM;AAAA,IAAA,CAClB,GAEXvB,UACCV,oBAACkC,cAAY;AAAA,MAACC,SAAStB,SAAS,UAAU;AAAA,MAASgB,UAChDjB,eAAeC,SAASD,cAAcd;AAAAA,IAAAA,CAC3B,GAEfU,yBACCR,oBAACoC,sBAAoB;AAAA,MACnBL,MAAI;AAAA,MACJC,SAASxB;AAAAA,MACTD,SAAS;AAAA,QACPoB,MAAMjB,SAAS,KAAKgB,gCAAgCE;AAAAA,MACtD;AAAA,MAAE,GACExB;AAAAA,MAAmByB,UAEtBnB,SAASR,YAAYH;AAAAA,IAAAA,CACF,CACvB;AAAA,EACW,CAAA,IACZ;AACN;"}

package/dist/esm/components/VerticalNavigation/Navigation/Navigation.js

@@ -81,6 +81,7 @@ const HvVerticalNavigationTree = ({
   selected: selectedProp,
   defaultSelected,
   onChange,
+  sliderForwardButtonAriaLabel = "Navigate to submenu",
   ...others
 }) => {
   const [selected, setSelected] = useControlled(selectedProp, defaultSelected);
@@ -205,7 +206,8 @@ const HvVerticalNavigationTree = ({
       data: parentItem.data || withParentData,
       selected,
       onNavigateToTarget: navigateToTargetHandler,
-      onNavigateToChild: navigateToChildHandler
+      onNavigateToChild: navigateToChildHandler,
+      forwardButtonAriaLabel: sliderForwardButtonAriaLabel
     }) : /* @__PURE__ */ jsxs(HvVerticalNavigationTreeView, {
       id: setId(id, "tree"),
       className: clsx(verticalNavigationTreeClasses.list, classes == null ? void 0 : classes.list),