@hitachivantara/uikit-react-core 5.18.2 → 5.18.4

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

@@ -46,7 +46,7 @@ const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV ===
     };
     return acc;
   }, {})
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2ltcGxlR3JpZC9TaW1wbGVHcmlkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkIrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1NpbXBsZUdyaWQvU2ltcGxlR3JpZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBTcGFjaW5nLCBCcmVha3BvaW50IH0gZnJvbSBcIi5cIjtcblxuZnVuY3Rpb24gc2l6ZShwcm9wcykge1xuICBpZiAodHlwZW9mIHByb3BzLnNpemUgPT09IFwibnVtYmVyXCIpIHtcbiAgICByZXR1cm4gcHJvcHMuc2l6ZTtcbiAgfVxuXG4gIHJldHVybiBwcm9wcy5zaXplc1twcm9wcy5zaXplXSB8fCBwcm9wcy5zaXplIHx8IHByb3BzLnNpemVzLm1kO1xufVxuXG5mdW5jdGlvbiBnZXRTb3J0ZWRCcmVha3BvaW50cyhicmVha3BvaW50cykge1xuICBpZiAoYnJlYWtwb2ludHMubGVuZ3RoID09PSAwKSB7XG4gICAgcmV0dXJuIGJyZWFrcG9pbnRzO1xuICB9XG5cbiAgY29uc3QgcHJvcGVydHkgPSBcIm1heFdpZHRoXCIgaW4gYnJlYWtwb2ludHNbMF0gPyBcIm1heFdpZHRoXCIgOiBcIm1pbldpZHRoXCI7XG4gIGNvbnN0IHNvcnRlZCA9IFsuLi5icmVha3BvaW50c10uc29ydChcbiAgICAoYSwgYikgPT5cbiAgICAgIHNpemUoeyBzaXplOiBiW3Byb3BlcnR5XSwgc2l6ZXM6IHRoZW1lLmJyZWFrcG9pbnRzIH0pIC1cbiAgICAgIHNpemUoeyBzaXplOiBhW3Byb3BlcnR5XSwgc2l6ZXM6IHRoZW1lLmJyZWFrcG9pbnRzIH0pXG4gICk7XG5cbiAgcmV0dXJuIHByb3BlcnR5ID09PSBcIm1pbldpZHRoXCIgPyBzb3J0ZWQucmV2ZXJzZSgpIDogc29ydGVkO1xufVxuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoe1xuICAgIGJyZWFrcG9pbnRzLFxuICAgIHNwYWNpbmcsXG4gICAgY29scyxcbiAgfToge1xuICAgIGJyZWFrcG9pbnRzPzogQnJlYWtwb2ludFtdO1xuICAgIHNwYWNpbmc6IFNwYWNpbmc7XG4gICAgY29scz86IG51bWJlcjtcbiAgfSkgPT4gKHtcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIGRpc3BsYXk6IFwiZ3JpZFwiLFxuICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGByZXBlYXQoJHtjb2xzfSwgbWlubWF4KDAsIDFmcikpYCxcbiAgICBnYXA6IHRoZW1lLnNwYWNlW3NwYWNpbmddLFxuICAgIC4uLihicmVha3BvaW50cyAmJlxuICAgICAgZ2V0U29ydGVkQnJlYWtwb2ludHMoYnJlYWtwb2ludHMpLnJlZHVjZSgoYWNjLCBicmVha3BvaW50KSA9PiB7XG4gICAgICAgIGNvbnN0IHByb3BlcnR5ID0gXCJtYXhXaWR0aFwiIGluIGJyZWFrcG9pbnQgPyBcIm1heC13aWR0aFwiIDogXCJtaW4td2lkdGhcIjtcbiAgICAgICAgY29uc3QgYnJlYWtwb2ludFNpemUgPSBzaXplKHtcbiAgICAgICAgICBzaXplOlxuICAgICAgICAgICAgcHJvcGVydHkgPT09IFwibWF4LXdpZHRoXCJcbiAgICAgICAgICAgICAgPyBicmVha3BvaW50Lm1heFdpZHRoXG4gICAgICAgICAgICAgIDogYnJlYWtwb2ludC5taW5XaWR0aCxcbiAgICAgICAgICBzaXplczogdGhlbWUuYnJlYWtwb2ludHMsXG4gICAgICAgIH0pO1xuXG4gICAgICAgIGFjY1tcbiAgICAgICAgICBgQG1lZGlhICgke3Byb3BlcnR5fTogJHtcbiAgICAgICAgICAgIGJyZWFrcG9pbnRTaXplICsgKHByb3BlcnR5ID09PSBcIm1heC13aWR0aFwiID8gMCA6IDEpXG4gICAgICAgICAgfXB4KWBcbiAgICAgICAgXSA9IHtcbiAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zOiBgcmVwZWF0KCR7YnJlYWtwb2ludC5jb2xzfSwgbWlubWF4KDAsIDFmcikpYCxcbiAgICAgICAgICBnYXA6IHRoZW1lLnNwYWNlW3NwYWNpbmddLFxuICAgICAgICB9O1xuXG4gICAgICAgIHJldHVybiBhY2M7XG4gICAgICB9LCB7fSkpLFxuICB9KVxuKTtcbiJdfQ== */");
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvU2ltcGxlR3JpZC9TaW1wbGVHcmlkLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkIrQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1NpbXBsZUdyaWQvU2ltcGxlR3JpZC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBTcGFjaW5nLCBCcmVha3BvaW50IH0gZnJvbSBcIi5cIjtcblxuZnVuY3Rpb24gc2l6ZShwcm9wczogeyBzaXplOiBhbnk7IHNpemVzOiBhbnkgfSkge1xuICBpZiAodHlwZW9mIHByb3BzLnNpemUgPT09IFwibnVtYmVyXCIpIHtcbiAgICByZXR1cm4gcHJvcHMuc2l6ZTtcbiAgfVxuXG4gIHJldHVybiBwcm9wcy5zaXplc1twcm9wcy5zaXplXSB8fCBwcm9wcy5zaXplIHx8IHByb3BzLnNpemVzLm1kO1xufVxuXG5mdW5jdGlvbiBnZXRTb3J0ZWRCcmVha3BvaW50cyhicmVha3BvaW50czogQnJlYWtwb2ludFtdKSB7XG4gIGlmIChicmVha3BvaW50cy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gYnJlYWtwb2ludHM7XG4gIH1cblxuICBjb25zdCBwcm9wZXJ0eSA9IFwibWF4V2lkdGhcIiBpbiBicmVha3BvaW50c1swXSA/IFwibWF4V2lkdGhcIiA6IFwibWluV2lkdGhcIjtcbiAgY29uc3Qgc29ydGVkID0gWy4uLmJyZWFrcG9pbnRzXS5zb3J0KFxuICAgIChhLCBiKSA9PlxuICAgICAgc2l6ZSh7IHNpemU6IGJbcHJvcGVydHldLCBzaXplczogdGhlbWUuYnJlYWtwb2ludHMgfSkgLVxuICAgICAgc2l6ZSh7IHNpemU6IGFbcHJvcGVydHldLCBzaXplczogdGhlbWUuYnJlYWtwb2ludHMgfSlcbiAgKTtcblxuICByZXR1cm4gcHJvcGVydHkgPT09IFwibWluV2lkdGhcIiA/IHNvcnRlZC5yZXZlcnNlKCkgOiBzb3J0ZWQ7XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7XG4gICAgYnJlYWtwb2ludHMsXG4gICAgc3BhY2luZyxcbiAgICBjb2xzLFxuICB9OiB7XG4gICAgYnJlYWtwb2ludHM/OiBCcmVha3BvaW50W107XG4gICAgc3BhY2luZzogU3BhY2luZztcbiAgICBjb2xzPzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgZGlzcGxheTogXCJncmlkXCIsXG4gICAgZ3JpZFRlbXBsYXRlQ29sdW1uczogYHJlcGVhdCgke2NvbHN9LCBtaW5tYXgoMCwgMWZyKSlgLFxuICAgIGdhcDogdGhlbWUuc3BhY2Vbc3BhY2luZ10sXG4gICAgLi4uKGJyZWFrcG9pbnRzICYmXG4gICAgICBnZXRTb3J0ZWRCcmVha3BvaW50cyhicmVha3BvaW50cykucmVkdWNlKChhY2MsIGJyZWFrcG9pbnQpID0+IHtcbiAgICAgICAgY29uc3QgcHJvcGVydHkgPSBcIm1heFdpZHRoXCIgaW4gYnJlYWtwb2ludCA/IFwibWF4LXdpZHRoXCIgOiBcIm1pbi13aWR0aFwiO1xuICAgICAgICBjb25zdCBicmVha3BvaW50U2l6ZSA9IHNpemUoe1xuICAgICAgICAgIHNpemU6XG4gICAgICAgICAgICBwcm9wZXJ0eSA9PT0gXCJtYXgtd2lkdGhcIlxuICAgICAgICAgICAgICA/IGJyZWFrcG9pbnQubWF4V2lkdGhcbiAgICAgICAgICAgICAgOiBicmVha3BvaW50Lm1pbldpZHRoLFxuICAgICAgICAgIHNpemVzOiB0aGVtZS5icmVha3BvaW50cyxcbiAgICAgICAgfSk7XG5cbiAgICAgICAgYWNjW1xuICAgICAgICAgIGBAbWVkaWEgKCR7cHJvcGVydHl9OiAke1xuICAgICAgICAgICAgYnJlYWtwb2ludFNpemUgKyAocHJvcGVydHkgPT09IFwibWF4LXdpZHRoXCIgPyAwIDogMSlcbiAgICAgICAgICB9cHgpYFxuICAgICAgICBdID0ge1xuICAgICAgICAgIGdyaWRUZW1wbGF0ZUNvbHVtbnM6IGByZXBlYXQoJHticmVha3BvaW50LmNvbHN9LCBtaW5tYXgoMCwgMWZyKSlgLFxuICAgICAgICAgIGdhcDogdGhlbWUuc3BhY2Vbc3BhY2luZ10sXG4gICAgICAgIH07XG5cbiAgICAgICAgcmV0dXJuIGFjYztcbiAgICAgIH0sIHt9KSksXG4gIH0pXG4pO1xuIl19 */");
 export {
   StyledContainer
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleGrid.styles.js","sources":["../../../../src/components/SimpleGrid/SimpleGrid.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Spacing, Breakpoint } from \".\";\n\nfunction size(props) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(breakpoints) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nexport const StyledContainer = styled(\"div\")(\n  ({\n    breakpoints,\n    spacing,\n    cols,\n  }: {\n    breakpoints?: Breakpoint[];\n    spacing: Spacing;\n    cols?: number;\n  }) => ({\n    boxSizing: \"border-box\",\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n    gap: theme.space[spacing],\n    ...(breakpoints &&\n      getSortedBreakpoints(breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size:\n            property === \"max-width\"\n              ? breakpoint.maxWidth\n              : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[\n          `@media (${property}: ${\n            breakpointSize + (property === \"max-width\" ? 0 : 1)\n          }px)`\n        ] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.space[spacing],\n        };\n\n        return acc;\n      }, {})),\n  })\n);\n"],"names":["size","props","sizes","md","getSortedBreakpoints","breakpoints","length","property","sorted","sort","a","b","theme","reverse","StyledContainer","process","env","NODE_ENV","target","label","spacing","cols","boxSizing","display","gridTemplateColumns","gap","space","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth"],"mappings":";;AAIA,SAASA,KAAKC,OAAO;AACf,MAAA,OAAOA,MAAMD,SAAS,UAAU;AAClC,WAAOC,MAAMD;AAAAA,EACf;AAEOC,SAAAA,MAAMC,MAAMD,MAAMD,IAAI,KAAKC,MAAMD,QAAQC,MAAMC,MAAMC;AAC9D;AAEA,SAASC,qBAAqBC,aAAa;AACrCA,MAAAA,YAAYC,WAAW,GAAG;AACrBD,WAAAA;AAAAA,EACT;AAEA,QAAME,WAAW,cAAcF,YAAY,CAAC,IAAI,aAAa;AACvDG,QAAAA,SAAS,CAAC,GAAGH,WAAW,EAAEI,KAC9B,CAACC,GAAGC,MACFX,KAAK;AAAA,IAAEA,MAAMW,EAAEJ,QAAQ;AAAA,IAAGL,OAAOU,MAAMP;AAAAA,EAAa,CAAA,IACpDL,KAAK;AAAA,IAAEA,MAAMU,EAAEH,QAAQ;AAAA,IAAGL,OAAOU,MAAMP;AAAAA,EAAa,CAAA,CACxD;AAEA,SAAOE,aAAa,aAAaC,OAAOK,QAAAA,IAAYL;AACtD;AAEO,MAAMM,kBAAyB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EACCd;AAAAA,EACAe;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,WAAW;AAAA,EACXC,SAAS;AAAA,EACTC,qBAAsB,UAASH;AAAAA,EAC/BI,KAAKb,MAAMc,MAAMN,OAAO;AAAA,EACxB,GAAIf,eACFD,qBAAqBC,WAAW,EAAEsB,OAAO,CAACC,KAAKC,eAAe;AACtDtB,UAAAA,WAAW,cAAcsB,aAAa,cAAc;AAC1D,UAAMC,iBAAiB9B,KAAK;AAAA,MAC1BA,MACEO,aAAa,cACTsB,WAAWE,WACXF,WAAWG;AAAAA,MACjB9B,OAAOU,MAAMP;AAAAA,IAAAA,CACd;AAEDuB,QACG,WAAUrB,aACTuB,kBAAkBvB,aAAa,cAAc,IAAI,OAC9C,IACH;AAAA,MACFiB,qBAAsB,UAASK,WAAWR;AAAAA,MAC1CI,KAAKb,MAAMc,MAAMN,OAAO;AAAA,IAAA;AAGnBQ,WAAAA;AAAAA,EACT,GAAG,EAAE;AACT,IAAEb,QAAAC,IAAAC,05FACJ;"}
+{"version":3,"file":"SimpleGrid.styles.js","sources":["../../../../src/components/SimpleGrid/SimpleGrid.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Spacing, Breakpoint } from \".\";\n\nfunction size(props: { size: any; sizes: any }) {\n  if (typeof props.size === \"number\") {\n    return props.size;\n  }\n\n  return props.sizes[props.size] || props.size || props.sizes.md;\n}\n\nfunction getSortedBreakpoints(breakpoints: Breakpoint[]) {\n  if (breakpoints.length === 0) {\n    return breakpoints;\n  }\n\n  const property = \"maxWidth\" in breakpoints[0] ? \"maxWidth\" : \"minWidth\";\n  const sorted = [...breakpoints].sort(\n    (a, b) =>\n      size({ size: b[property], sizes: theme.breakpoints }) -\n      size({ size: a[property], sizes: theme.breakpoints })\n  );\n\n  return property === \"minWidth\" ? sorted.reverse() : sorted;\n}\n\nexport const StyledContainer = styled(\"div\")(\n  ({\n    breakpoints,\n    spacing,\n    cols,\n  }: {\n    breakpoints?: Breakpoint[];\n    spacing: Spacing;\n    cols?: number;\n  }) => ({\n    boxSizing: \"border-box\",\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`,\n    gap: theme.space[spacing],\n    ...(breakpoints &&\n      getSortedBreakpoints(breakpoints).reduce((acc, breakpoint) => {\n        const property = \"maxWidth\" in breakpoint ? \"max-width\" : \"min-width\";\n        const breakpointSize = size({\n          size:\n            property === \"max-width\"\n              ? breakpoint.maxWidth\n              : breakpoint.minWidth,\n          sizes: theme.breakpoints,\n        });\n\n        acc[\n          `@media (${property}: ${\n            breakpointSize + (property === \"max-width\" ? 0 : 1)\n          }px)`\n        ] = {\n          gridTemplateColumns: `repeat(${breakpoint.cols}, minmax(0, 1fr))`,\n          gap: theme.space[spacing],\n        };\n\n        return acc;\n      }, {})),\n  })\n);\n"],"names":["size","props","sizes","md","getSortedBreakpoints","breakpoints","length","property","sorted","sort","a","b","theme","reverse","StyledContainer","process","env","NODE_ENV","target","label","spacing","cols","boxSizing","display","gridTemplateColumns","gap","space","reduce","acc","breakpoint","breakpointSize","maxWidth","minWidth"],"mappings":";;AAIA,SAASA,KAAKC,OAAkC;AAC1C,MAAA,OAAOA,MAAMD,SAAS,UAAU;AAClC,WAAOC,MAAMD;AAAAA,EACf;AAEOC,SAAAA,MAAMC,MAAMD,MAAMD,IAAI,KAAKC,MAAMD,QAAQC,MAAMC,MAAMC;AAC9D;AAEA,SAASC,qBAAqBC,aAA2B;AACnDA,MAAAA,YAAYC,WAAW,GAAG;AACrBD,WAAAA;AAAAA,EACT;AAEA,QAAME,WAAW,cAAcF,YAAY,CAAC,IAAI,aAAa;AACvDG,QAAAA,SAAS,CAAC,GAAGH,WAAW,EAAEI,KAC9B,CAACC,GAAGC,MACFX,KAAK;AAAA,IAAEA,MAAMW,EAAEJ,QAAQ;AAAA,IAAGL,OAAOU,MAAMP;AAAAA,EAAa,CAAA,IACpDL,KAAK;AAAA,IAAEA,MAAMU,EAAEH,QAAQ;AAAA,IAAGL,OAAOU,MAAMP;AAAAA,EAAa,CAAA,CACxD;AAEA,SAAOE,aAAa,aAAaC,OAAOK,QAAAA,IAAYL;AACtD;AAEO,MAAMM,kBAAyB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EACCd;AAAAA,EACAe;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,WAAW;AAAA,EACXC,SAAS;AAAA,EACTC,qBAAsB,UAASH;AAAAA,EAC/BI,KAAKb,MAAMc,MAAMN,OAAO;AAAA,EACxB,GAAIf,eACFD,qBAAqBC,WAAW,EAAEsB,OAAO,CAACC,KAAKC,eAAe;AACtDtB,UAAAA,WAAW,cAAcsB,aAAa,cAAc;AAC1D,UAAMC,iBAAiB9B,KAAK;AAAA,MAC1BA,MACEO,aAAa,cACTsB,WAAWE,WACXF,WAAWG;AAAAA,MACjB9B,OAAOU,MAAMP;AAAAA,IAAAA,CACd;AAEDuB,QACG,WAAUrB,aACTuB,kBAAkBvB,aAAa,cAAc,IAAI,OAC9C,IACH;AAAA,MACFiB,qBAAsB,UAASK,WAAWR;AAAAA,MAC1CI,KAAKb,MAAMc,MAAMN,OAAO;AAAA,IAAA;AAGnBQ,WAAAA;AAAAA,EACT,GAAG,EAAE;AACT,IAAEb,QAAAC,IAAAC,88FACJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarCloseReason,\n  SnackbarOrigin,\n  SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { Snackbar as MuiSnackbar } from \"@mui/material\";\nimport { HvBaseProps } from \"@core/types\";\nimport capitalize from \"lodash/capitalize\";\nimport { SyntheticEvent } from \"react\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { HvActionGeneric } from \"@core/components\";\nimport {\n  HvSnackbarContentProps,\n  HvSnackbarContent,\n} from \"./SnackbarContentWrapper\";\nimport { staticClasses, useClasses } from \"./Snackbar.styles\";\n\nexport { staticClasses as snackbarClasses };\n\nexport type HvSnackbarClasses = ExtractNames<typeof useClasses>;\n\nexport type HvSnackbarVariant = \"default\" | \"success\" | \"warning\" | \"error\";\n\nexport interface HvSnackbarProps\n  extends Omit<MuiSnackbarProps, \"action\" | \"classes\">,\n    Omit<HvBaseProps, \"children\"> {\n  /** If true, Snackbar is open. */\n  open?: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?:\n    | ((\n        event: Event | SyntheticEvent<any, Event>,\n        reason: SnackbarCloseReason\n      ) => void)\n    | undefined;\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n  anchorOrigin?: SnackbarOrigin;\n  /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n  autoHideDuration?: number;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Action to display. */\n  action?: React.ReactNode | HvActionGeneric;\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** Duration of transition in milliseconds. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Custom offset from top/bottom of the page, in px. */\n  offset?: number;\n  /** Others applied to the content of the snackbar. */\n  snackbarContentProps?: HvSnackbarContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvSnackbarClasses>;\n}\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n  switch (direction) {\n    case \"right\":\n      return transRight;\n    case \"up\":\n      return transUp;\n    case \"down\":\n      return transDown;\n    case \"left\":\n    default:\n      return transLeft;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n  classes: classesProp = {},\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}: HvSnackbarProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <MuiSnackbar\n      style={\n        anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n      }\n      classes={classes}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackbarContent\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </MuiSnackbar>\n  );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","classesProp","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","useClasses","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","MuiSnackbar","style","capitalize","TransitionComponent","children","HvSnackbarContent","setId"],"mappings":";;;;;;;;AAoEA,MAAMA,YAAaC,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AACjE,MAAMC,aAAcJ,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAE;AACnE,MAAME,UAAWL,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAE;AAC7D,MAAMG,YAAaN,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AAEjE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AAAA,IACL;AACSP,aAAAA;AAAAA,EACX;AACF;AAUO,MAAMS,aAAaA,CAAC;AAAA,EACzBC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACY,MAAM;AACf,QAAA;AAAA,IAAEpB;AAAAA,EAAAA,IAAYqB,WAAWpB,WAAW;AAE1C,QAAMqB,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEN;AAAAA,IACV;AAAA,IACAO,oBAAoB;AAAA,MAClBC,QAAS,GAAER;AAAAA,IACb;AAAA,EAAA;AAGF,6BACGS,UAAW;AAAA,IACVC,OACEN,mBAAoB,eAAcO,WAAWtB,aAAaC,QAAQ,GAAG;AAAA,IAEvER;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAc,qBAAqBhC,qBAAqBmB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMW,8BAETC,mBAAiB;AAAA,MAChB7B,IAAI8B,MAAM9B,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CACL;AAAA,EAAA,CACU;AAEjB;"}
+{"version":3,"file":"Snackbar.js","sources":["../../../../src/components/Snackbar/Snackbar.tsx"],"sourcesContent":["import Slide from \"@mui/material/Slide\";\nimport {\n  SnackbarCloseReason,\n  SnackbarOrigin,\n  SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\nimport { Snackbar as MuiSnackbar } from \"@mui/material\";\nimport { HvBaseProps } from \"@core/types\";\nimport capitalize from \"lodash/capitalize\";\nimport { SyntheticEvent } from \"react\";\nimport { ExtractNames, setId } from \"@core/utils\";\nimport { HvActionGeneric } from \"@core/components\";\nimport {\n  HvSnackbarContentProps,\n  HvSnackbarContent,\n} from \"./SnackbarContentWrapper\";\nimport { staticClasses, useClasses } from \"./Snackbar.styles\";\n\nexport { staticClasses as snackbarClasses };\n\nexport type HvSnackbarClasses = ExtractNames<typeof useClasses>;\n\nexport type HvSnackbarVariant = \"default\" | \"success\" | \"warning\" | \"error\";\n\nexport interface HvSnackbarProps\n  extends Omit<MuiSnackbarProps, \"action\" | \"classes\">,\n    Omit<HvBaseProps, \"children\"> {\n  /** If true, Snackbar is open. */\n  open?: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?:\n    | ((\n        event: Event | SyntheticEvent<any, Event>,\n        reason: SnackbarCloseReason\n      ) => void)\n    | undefined;\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n  anchorOrigin?: SnackbarOrigin;\n  /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n  autoHideDuration?: number;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Action to display. */\n  action?: React.ReactNode | HvActionGeneric;\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** Duration of transition in milliseconds. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Custom offset from top/bottom of the page, in px. */\n  offset?: number;\n  /** Others applied to the content of the snackbar. */\n  snackbarContentProps?: HvSnackbarContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSnackbarClasses;\n}\n\nconst transLeft = (props) => <Slide {...props} direction=\"left\" />;\nconst transRight = (props) => <Slide {...props} direction=\"right\" />;\nconst transUp = (props) => <Slide {...props} direction=\"up\" />;\nconst transDown = (props) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction) => {\n  switch (direction) {\n    case \"right\":\n      return transRight;\n    case \"up\":\n      return transUp;\n    case \"down\":\n      return transDown;\n    case \"left\":\n    default:\n      return transLeft;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n  classes: classesProp = {},\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}: HvSnackbarProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <MuiSnackbar\n      style={\n        anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n      }\n      classes={classes}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackbarContent\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </MuiSnackbar>\n  );\n};\n"],"names":["transLeft","props","_jsx","Slide","direction","transRight","transUp","transDown","snackBarDirComponent","HvSnackbar","classes","classesProp","className","id","open","onClose","label","anchorOrigin","vertical","horizontal","autoHideDuration","variant","showIcon","customIcon","action","actionCallback","transitionDuration","transitionDirection","offset","snackbarContentProps","others","useClasses","anchorOriginOffset","anchorOriginTop","top","anchorOriginBottom","bottom","MuiSnackbar","style","capitalize","TransitionComponent","children","HvSnackbarContent","setId"],"mappings":";;;;;;;;AAoEA,MAAMA,YAAaC,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AACjE,MAAMC,aAAcJ,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAO,CAAE;AACnE,MAAME,UAAWL,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAI,CAAE;AAC7D,MAAMG,YAAaN,CAAUC,UAAAA,oBAACC,OAAK;AAAA,EAAA,GAAKF;AAAAA,EAAOG,WAAU;AAAM,CAAE;AAEjE,MAAMI,uBAAwBJ,CAAc,cAAA;AAC1C,UAAQA,WAAS;AAAA,IACf,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AACIC,aAAAA;AAAAA,IACT,KAAK;AAAA,IACL;AACSP,aAAAA;AAAAA,EACX;AACF;AAUO,MAAMS,aAAaA,CAAC;AAAA,EACzBC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC,OAAO;AAAA,EACPC;AAAAA,EACAC,QAAQ;AAAA,EACRC,eAAe;AAAA,IAAEC,UAAU;AAAA,IAAOC,YAAY;AAAA,EAAQ;AAAA,EACtDC,mBAAmB;AAAA,EACnBC,UAAU;AAAA,EACVC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC;AAAAA,EACAC,qBAAqB;AAAA,EACrBC,sBAAsB;AAAA,EACtBC,SAAS;AAAA,EACTC;AAAAA,EACA,GAAGC;AACY,MAAM;AACf,QAAA;AAAA,IAAEpB;AAAAA,EAAAA,IAAYqB,WAAWpB,WAAW;AAE1C,QAAMqB,qBAAqB;AAAA,IACzBC,iBAAiB;AAAA,MACfC,KAAM,GAAEN;AAAAA,IACV;AAAA,IACAO,oBAAoB;AAAA,MAClBC,QAAS,GAAER;AAAAA,IACb;AAAA,EAAA;AAGF,6BACGS,UAAW;AAAA,IACVC,OACEN,mBAAoB,eAAcO,WAAWtB,aAAaC,QAAQ,GAAG;AAAA,IAEvER;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAI;AAAAA,IACAH;AAAAA,IACAC;AAAAA,IACAK;AAAAA,IACAM;AAAAA,IACAc,qBAAqBhC,qBAAqBmB,mBAAmB;AAAA,IAAE,GAC3DG;AAAAA,IAAMW,8BAETC,mBAAiB;AAAA,MAChB7B,IAAI8B,MAAM9B,IAAI,SAAS;AAAA,MACvBG;AAAAA,MACAK;AAAAA,MACAE;AAAAA,MACAD;AAAAA,MACAE;AAAAA,MACAC;AAAAA,MAA+B,GAC3BI;AAAAA,IAAAA,CACL;AAAA,EAAA,CACU;AAEjB;"}

package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js

@@ -4,6 +4,7 @@ import { useClasses } from "./SnackbarContentWrapper.styles.js";
 import { staticClasses } from "./SnackbarContentWrapper.styles.js";
 import { jsx, jsxs } from "@emotion/react/jsx-runtime";
 import iconVariant from "../../../utils/iconVariant.js";
+import { useTheme } from "../../../hooks/useTheme.js";
 import { setId } from "../../../utils/setId.js";
 import { HvActionsGeneric } from "../../ActionsGeneric/ActionsGeneric.js";
 const HvSnackbarContent = forwardRef(({
@@ -11,7 +12,7 @@ const HvSnackbarContent = forwardRef(({
   id,
   classes: classesProp = {},
   label,
-  variant,
+  variant = "default",
   showIcon,
   customIcon,
   action,
@@ -24,29 +25,32 @@ const HvSnackbarContent = forwardRef(({
     classes,
     cx
   } = useClasses(classesProp);
+  const {
+    activeTheme
+  } = useTheme();
   return /* @__PURE__ */ jsx(SnackbarContent, {
     ref,
     id,
     classes: {
-      root: classes == null ? void 0 : classes.root,
-      message: classes == null ? void 0 : classes.message
+      root: classes.root,
+      message: classes.message
     },
     className: cx(className, classes == null ? void 0 : classes[variant]),
     message: /* @__PURE__ */ jsxs("div", {
       id: setId(id, "message"),
-      className: classes == null ? void 0 : classes.messageSpan,
+      className: classes.messageSpan,
       children: [icon && /* @__PURE__ */ jsx("div", {
-        className: classes == null ? void 0 : classes.iconVariant,
+        className: classes.iconVariant,
         children: icon
       }), /* @__PURE__ */ jsx("div", {
-        className: classes == null ? void 0 : classes.messageText,
+        className: classes.messageText,
         children: label
       }), action && /* @__PURE__ */ jsx("div", {
         id: setId(id, "action"),
-        className: classes == null ? void 0 : classes.action,
+        className: classes.action,
         children: /* @__PURE__ */ jsx(HvActionsGeneric, {
           id,
-          category: "secondaryGhost",
+          category: activeTheme == null ? void 0 : activeTheme.snackbar.actionButtonVariant,
           actions: innerAction,
           actionsCallback: actionCallback
         })

package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContentWrapper.js","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { ExtractNames, iconVariant, setId } from \"@core/utils\";\nimport { HvBaseProps } from \"@core/types\";\nimport { HvActionsGeneric, HvActionGeneric } from \"@core/components\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { staticClasses, useClasses } from \"./SnackbarContentWrapper.styles\";\n\nexport { staticClasses as snackbarContentClasses };\n\nexport type HvSnackbarContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"action\" | \"classes\">,\n    HvBaseProps {\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** Variant of the snackbar. */\n  variant: HvSnackbarVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Action to display. */\n  action?: React.ReactNode | HvActionGeneric;\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvSnackbarContentClasses>;\n}\n\nexport const HvSnackbarContent = forwardRef<\n  HTMLDivElement,\n  HvSnackbarContentProps\n>(\n  (\n    {\n      className,\n      id,\n      classes: classesProp = {},\n      label,\n      variant,\n      showIcon,\n      customIcon,\n      action,\n      actionCallback,\n      ...others\n    },\n    ref\n  ) => {\n    const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n    const innerAction: any = isValidElement(action) ? action : [action];\n\n    const { classes, cx } = useClasses(classesProp);\n\n    return (\n      <SnackbarContent\n        ref={ref}\n        id={id}\n        classes={{\n          root: classes?.root,\n          message: classes?.message,\n        }}\n        className={cx(className, classes?.[variant])}\n        message={\n          <div id={setId(id, \"message\")} className={classes?.messageSpan}>\n            {icon && <div className={classes?.iconVariant}>{icon}</div>}\n            <div className={classes?.messageText}>{label}</div>\n            {action && (\n              <div id={setId(id, \"action\")} className={classes?.action}>\n                <HvActionsGeneric\n                  id={id}\n                  category=\"secondaryGhost\"\n                  actions={innerAction}\n                  actionsCallback={actionCallback}\n                />\n              </div>\n            )}\n          </div>\n        }\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvSnackbarContent","forwardRef","className","id","classes","classesProp","label","variant","showIcon","customIcon","action","actionCallback","others","ref","icon","iconVariant","innerAction","isValidElement","cx","useClasses","SnackbarContent","root","message","setId","messageSpan","children","_jsx","messageText","HvActionsGeneric","category","actions","actionsCallback"],"mappings":";;;;;;;;AAqCaA,MAAAA,oBAAoBC,WAI/B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OAAOL,cAAeD,YAAYO,YAAYR,SAAS,WAAW;AACxE,QAAMS,cAAmBC,eAAeP,MAAM,IAAIA,SAAS,CAACA,MAAM;AAE5D,QAAA;AAAA,IAAEN;AAAAA,IAASc;AAAAA,EAAAA,IAAOC,WAAWd,WAAW;AAE9C,6BACGe,iBAAe;AAAA,IACdP;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPiB,MAAMjB,mCAASiB;AAAAA,MACfC,SAASlB,mCAASkB;AAAAA,IACpB;AAAA,IACApB,WAAWgB,GAAGhB,WAAWE,mCAAUG,QAAQ;AAAA,IAC3Ce,8BACE,OAAA;AAAA,MAAKnB,IAAIoB,MAAMpB,IAAI,SAAS;AAAA,MAAGD,WAAWE,mCAASoB;AAAAA,MAAYC,UAAA,CAC5DX,QAAQY,oBAAA,OAAA;AAAA,QAAKxB,WAAWE,mCAASW;AAAAA,QAAYU,UAAEX;AAAAA,MAAAA,CAAU,GAC1DY,oBAAA,OAAA;AAAA,QAAKxB,WAAWE,mCAASuB;AAAAA,QAAYF,UAAEnB;AAAAA,MAAAA,CAAW,GACjDI,UACCgB,oBAAA,OAAA;AAAA,QAAKvB,IAAIoB,MAAMpB,IAAI,QAAQ;AAAA,QAAGD,WAAWE,mCAASM;AAAAA,QAAOe,8BACtDG,kBAAgB;AAAA,UACfzB;AAAAA,UACA0B,UAAS;AAAA,UACTC,SAASd;AAAAA,UACTe,iBAAiBpB;AAAAA,QAAAA,CAClB;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACE;AAAA,IACN,GACGC;AAAAA,EAAAA,CACL;AAEL,CACF;"}
+{"version":3,"file":"SnackbarContentWrapper.js","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\nimport { ExtractNames, iconVariant, setId } from \"@core/utils\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  HvActionsGeneric,\n  HvActionGeneric,\n  HvButtonVariant,\n} from \"@core/components\";\nimport { useTheme } from \"@core/hooks\";\nimport { HvSnackbarVariant } from \"../Snackbar\";\nimport { staticClasses, useClasses } from \"./SnackbarContentWrapper.styles\";\n\nexport { staticClasses as snackbarContentClasses };\n\nexport type HvSnackbarContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"action\" | \"classes\">,\n    HvBaseProps {\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Action to display. */\n  action?: React.ReactNode | HvActionGeneric;\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: Partial<HvSnackbarContentClasses>;\n}\n\nexport const HvSnackbarContent = forwardRef<\n  HTMLDivElement,\n  HvSnackbarContentProps\n>(\n  (\n    {\n      className,\n      id,\n      classes: classesProp = {},\n      label,\n      variant = \"default\",\n      showIcon,\n      customIcon,\n      action,\n      actionCallback,\n      ...others\n    },\n    ref\n  ) => {\n    const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n    const innerAction: any = isValidElement(action) ? action : [action];\n\n    const { classes, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n\n    return (\n      <SnackbarContent\n        ref={ref}\n        id={id}\n        classes={{\n          root: classes.root,\n          message: classes.message,\n        }}\n        className={cx(className, classes?.[variant])}\n        message={\n          <div id={setId(id, \"message\")} className={classes.messageSpan}>\n            {icon && <div className={classes.iconVariant}>{icon}</div>}\n            <div className={classes.messageText}>{label}</div>\n            {action && (\n              <div id={setId(id, \"action\")} className={classes.action}>\n                <HvActionsGeneric\n                  id={id}\n                  category={\n                    activeTheme?.snackbar.actionButtonVariant as HvButtonVariant\n                  }\n                  actions={innerAction}\n                  actionsCallback={actionCallback}\n                />\n              </div>\n            )}\n          </div>\n        }\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvSnackbarContent","forwardRef","className","id","classes","classesProp","label","variant","showIcon","customIcon","action","actionCallback","others","ref","icon","iconVariant","innerAction","isValidElement","cx","useClasses","activeTheme","useTheme","SnackbarContent","root","message","setId","messageSpan","children","_jsx","messageText","HvActionsGeneric","category","snackbar","actionButtonVariant","actions","actionsCallback"],"mappings":";;;;;;;;;AA0CaA,MAAAA,oBAAoBC,WAI/B,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC,SAASC,cAAc,CAAC;AAAA,EACxBC;AAAAA,EACAC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACL,GACAC,QACG;AACH,QAAMC,OAAOL,cAAeD,YAAYO,YAAYR,SAAS,WAAW;AACxE,QAAMS,cAAmBC,eAAeP,MAAM,IAAIA,SAAS,CAACA,MAAM;AAE5D,QAAA;AAAA,IAAEN;AAAAA,IAASc;AAAAA,EAAAA,IAAOC,WAAWd,WAAW;AACxC,QAAA;AAAA,IAAEe;AAAAA,MAAgBC,SAAS;AAEjC,6BACGC,iBAAe;AAAA,IACdT;AAAAA,IACAV;AAAAA,IACAC,SAAS;AAAA,MACPmB,MAAMnB,QAAQmB;AAAAA,MACdC,SAASpB,QAAQoB;AAAAA,IACnB;AAAA,IACAtB,WAAWgB,GAAGhB,WAAWE,mCAAUG,QAAQ;AAAA,IAC3CiB,8BACE,OAAA;AAAA,MAAKrB,IAAIsB,MAAMtB,IAAI,SAAS;AAAA,MAAGD,WAAWE,QAAQsB;AAAAA,MAAYC,UAAA,CAC3Db,QAAQc,oBAAA,OAAA;AAAA,QAAK1B,WAAWE,QAAQW;AAAAA,QAAYY,UAAEb;AAAAA,MAAAA,CAAU,GACzDc,oBAAA,OAAA;AAAA,QAAK1B,WAAWE,QAAQyB;AAAAA,QAAYF,UAAErB;AAAAA,MAAAA,CAAW,GAChDI,UACCkB,oBAAA,OAAA;AAAA,QAAKzB,IAAIsB,MAAMtB,IAAI,QAAQ;AAAA,QAAGD,WAAWE,QAAQM;AAAAA,QAAOiB,8BACrDG,kBAAgB;AAAA,UACf3B;AAAAA,UACA4B,UACEX,2CAAaY,SAASC;AAAAA,UAExBC,SAASlB;AAAAA,UACTmB,iBAAiBxB;AAAAA,QAAAA,CAClB;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACE;AAAA,IACN,GACGC;AAAAA,EAAAA,CACL;AAEL,CACF;"}

package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.js

@@ -1,4 +1,5 @@
 import { theme } from "@hitachivantara/uikit-styles";
+import actionsGenericClasses from "../../ActionsGeneric/actionsGenericClasses.js";
 import { createClasses } from "../../../utils/classes.js";
 const {
   useClasses,
@@ -41,7 +42,15 @@ const {
     wordBreak: "break-word"
   },
   action: {
-    textAlign: "right"
+    textAlign: "right",
+    marginLeft: theme.snackbar.actionMarginLeft,
+    [`& .${actionsGenericClasses.button}`]: {
+      borderColor: theme.colors.base_dark,
+      color: theme.colors.base_dark,
+      "&:hover": {
+        borderColor: theme.colors.base_dark
+      }
+    }
   },
   iconVariant: {}
 });

package/dist/esm/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SnackbarContentWrapper.styles.js","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { createClasses } from \"@core/utils\";\n\nexport const { useClasses, staticClasses } = createClasses(\n  \"HvSnackbar-Content\",\n  {\n    root: {\n      width: \"310px\",\n      minHeight: \"52px\",\n      maxHeight: \"92px\",\n      padding: theme.space.xs,\n      boxShadow: \"none\",\n    },\n    success: {\n      backgroundColor: theme.colors.positive_20,\n    },\n    error: {\n      backgroundColor: theme.colors.negative_20,\n    },\n    default: {\n      backgroundColor: theme.colors.neutral_20,\n    },\n    warning: {\n      backgroundColor: theme.colors.warning_20,\n    },\n    message: {\n      padding: 0,\n      width: \"100%\",\n    },\n    messageSpan: {\n      display: \"flex\",\n      alignItems: \"center\",\n      minHeight: \"32px\",\n    },\n    messageText: {\n      ...(theme.typography.body as CSSProperties),\n      padding: `0 ${theme.space.xs}`,\n      color: theme.colors.base_dark,\n      fontFamily: theme.fontFamily.body,\n      maxHeight: \"72px\",\n      wordBreak: \"break-word\",\n    },\n    action: {\n      textAlign: \"right\",\n    },\n    iconVariant: {},\n  }\n);\n"],"names":["useClasses","staticClasses","createClasses","root","width","minHeight","maxHeight","padding","theme","space","xs","boxShadow","success","backgroundColor","colors","positive_20","error","negative_20","default","neutral_20","warning","warning_20","message","messageSpan","display","alignItems","messageText","typography","body","color","base_dark","fontFamily","wordBreak","action","textAlign","iconVariant"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,cAC3C,sBACA;AAAA,EACEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,SAASC,MAAMC,MAAMC;AAAAA,IACrBC,WAAW;AAAA,EACb;AAAA,EACAC,SAAS;AAAA,IACPC,iBAAiBL,MAAMM,OAAOC;AAAAA,EAChC;AAAA,EACAC,OAAO;AAAA,IACLH,iBAAiBL,MAAMM,OAAOG;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPL,iBAAiBL,MAAMM,OAAOK;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPP,iBAAiBL,MAAMM,OAAOO;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPf,SAAS;AAAA,IACTH,OAAO;AAAA,EACT;AAAA,EACAmB,aAAa;AAAA,IACXC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZpB,WAAW;AAAA,EACb;AAAA,EACAqB,aAAa;AAAA,IACX,GAAIlB,MAAMmB,WAAWC;AAAAA,IACrBrB,SAAU,KAAIC,MAAMC,MAAMC;AAAAA,IAC1BmB,OAAOrB,MAAMM,OAAOgB;AAAAA,IACpBC,YAAYvB,MAAMuB,WAAWH;AAAAA,IAC7BtB,WAAW;AAAA,IACX0B,WAAW;AAAA,EACb;AAAA,EACAC,QAAQ;AAAA,IACNC,WAAW;AAAA,EACb;AAAA,EACAC,aAAa,CAAC;AAChB,CACF;"}
+{"version":3,"file":"SnackbarContentWrapper.styles.js","sources":["../../../../../src/components/Snackbar/SnackbarContentWrapper/SnackbarContentWrapper.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { CSSProperties } from \"react\";\nimport { createClasses } from \"@core/utils\";\nimport { actionsGenericClasses } from \"@core/components\";\n\nexport const { useClasses, staticClasses } = createClasses(\n  \"HvSnackbar-Content\",\n  {\n    root: {\n      width: \"310px\",\n      minHeight: \"52px\",\n      maxHeight: \"92px\",\n      padding: theme.space.xs,\n      boxShadow: \"none\",\n    },\n    success: {\n      backgroundColor: theme.colors.positive_20,\n    },\n    error: {\n      backgroundColor: theme.colors.negative_20,\n    },\n    default: {\n      backgroundColor: theme.colors.neutral_20,\n    },\n    warning: {\n      backgroundColor: theme.colors.warning_20,\n    },\n    message: {\n      padding: 0,\n      width: \"100%\",\n    },\n    messageSpan: {\n      display: \"flex\",\n      alignItems: \"center\",\n      minHeight: \"32px\",\n    },\n    messageText: {\n      ...(theme.typography.body as CSSProperties),\n      padding: `0 ${theme.space.xs}`,\n      color: theme.colors.base_dark,\n      fontFamily: theme.fontFamily.body,\n      maxHeight: \"72px\",\n      wordBreak: \"break-word\",\n    },\n    action: {\n      textAlign: \"right\",\n      marginLeft: theme.snackbar.actionMarginLeft,\n      [`& .${actionsGenericClasses.button}`]: {\n        borderColor: theme.colors.base_dark,\n        color: theme.colors.base_dark,\n        \"&:hover\": {\n          borderColor: theme.colors.base_dark,\n        },\n      },\n    },\n    iconVariant: {},\n  }\n);\n"],"names":["useClasses","staticClasses","createClasses","root","width","minHeight","maxHeight","padding","theme","space","xs","boxShadow","success","backgroundColor","colors","positive_20","error","negative_20","default","neutral_20","warning","warning_20","message","messageSpan","display","alignItems","messageText","typography","body","color","base_dark","fontFamily","wordBreak","action","textAlign","marginLeft","snackbar","actionMarginLeft","actionsGenericClasses","button","borderColor","iconVariant"],"mappings":";;;AAKa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,cAC3C,sBACA;AAAA,EACEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,SAASC,MAAMC,MAAMC;AAAAA,IACrBC,WAAW;AAAA,EACb;AAAA,EACAC,SAAS;AAAA,IACPC,iBAAiBL,MAAMM,OAAOC;AAAAA,EAChC;AAAA,EACAC,OAAO;AAAA,IACLH,iBAAiBL,MAAMM,OAAOG;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPL,iBAAiBL,MAAMM,OAAOK;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPP,iBAAiBL,MAAMM,OAAOO;AAAAA,EAChC;AAAA,EACAC,SAAS;AAAA,IACPf,SAAS;AAAA,IACTH,OAAO;AAAA,EACT;AAAA,EACAmB,aAAa;AAAA,IACXC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZpB,WAAW;AAAA,EACb;AAAA,EACAqB,aAAa;AAAA,IACX,GAAIlB,MAAMmB,WAAWC;AAAAA,IACrBrB,SAAU,KAAIC,MAAMC,MAAMC;AAAAA,IAC1BmB,OAAOrB,MAAMM,OAAOgB;AAAAA,IACpBC,YAAYvB,MAAMuB,WAAWH;AAAAA,IAC7BtB,WAAW;AAAA,IACX0B,WAAW;AAAA,EACb;AAAA,EACAC,QAAQ;AAAA,IACNC,WAAW;AAAA,IACXC,YAAY3B,MAAM4B,SAASC;AAAAA,IAC3B,CAAE,MAAKC,sBAAsBC,QAAQ,GAAG;AAAA,MACtCC,aAAahC,MAAMM,OAAOgB;AAAAA,MAC1BD,OAAOrB,MAAMM,OAAOgB;AAAAA,MACpB,WAAW;AAAA,QACTU,aAAahC,MAAMM,OAAOgB;AAAAA,MAC5B;AAAA,IACF;AAAA,EACF;AAAA,EACAW,aAAa,CAAC;AAChB,CACF;"}

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

@@ -1,11 +1,12 @@
-import { clsx } from "clsx";
 import isEmpty from "lodash/isEmpty";
-import timeAgoClasses from "./timeAgoClasses.js";
+import { useClasses } from "./TimeAgo.styles.js";
+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 = ({
-  classes,
+  classes: classesProp,
+  className,
   timestamp,
   locale: localeProp = "en",
   component: Component = HvTypography,
@@ -15,21 +16,28 @@ const HvTimeAgo = ({
   justText = false,
   ...others
 }) => {
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const locale = isEmpty(localeProp) ? "en" : localeProp;
   const timeAgo = useTimeAgo(timestamp, {
     locale,
     disableRefresh,
     showSeconds
   });
-  return justText && timestamp ? /* @__PURE__ */ jsx(Fragment, {
-    children: "timeAgo"
-  }) : /* @__PURE__ */ jsx(Component, {
-    className: clsx(classes == null ? void 0 : classes.root, timeAgoClasses.root),
+  if (justText && timestamp)
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: timeAgo
+    });
+  return /* @__PURE__ */ jsx(Component, {
+    className: cx(classes.root, className),
     ...others,
     children: !timestamp ? emptyElement : timeAgo
   });
 };
 export {
-  HvTimeAgo
+  HvTimeAgo,
+  staticClasses as timeAgoClasses
 };
 //# sourceMappingURL=TimeAgo.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimeAgo.js","sources":["../../../../src/components/TimeAgo/TimeAgo.tsx"],"sourcesContent":["import { HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { clsx } from \"clsx\";\nimport isEmpty from \"lodash/isEmpty\";\nimport timeAgoClasses, { HvTimeAgoClasses } from \"./timeAgoClasses\";\nimport useTimeAgo from \"./useTimeAgo\";\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 = ({\n  classes,\n  timestamp,\n  locale: localeProp = \"en\",\n  component: Component = HvTypography,\n  emptyElement = \"—\",\n  disableRefresh = false,\n  showSeconds = false,\n  justText = false,\n  ...others\n}: HvTimeAgoProps) => {\n  const locale = isEmpty(localeProp) ? \"en\" : localeProp;\n  const timeAgo = useTimeAgo(timestamp, {\n    locale,\n    disableRefresh,\n    showSeconds,\n  });\n\n  return justText && timestamp ? (\n    <>timeAgo</>\n  ) : (\n    <Component className={clsx(classes?.root, timeAgoClasses.root)} {...others}>\n      {!timestamp ? emptyElement : timeAgo}\n    </Component>\n  );\n};\n"],"names":["HvTimeAgo","classes","timestamp","locale","localeProp","component","Component","HvTypography","emptyElement","disableRefresh","showSeconds","justText","others","isEmpty","timeAgo","useTimeAgo","_jsx","_Fragment","children","className","clsx","root","timeAgoClasses"],"mappings":";;;;;;AAgDO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC,QAAQC,aAAa;AAAA,EACrBC,WAAWC,YAAYC;AAAAA,EACvBC,eAAe;AAAA,EACfC,iBAAiB;AAAA,EACjBC,cAAc;AAAA,EACdC,WAAW;AAAA,EACX,GAAGC;AACW,MAAM;AACpB,QAAMT,SAASU,QAAQT,UAAU,IAAI,OAAOA;AACtCU,QAAAA,UAAUC,WAAWb,WAAW;AAAA,IACpCC;AAAAA,IACAM;AAAAA,IACAC;AAAAA,EAAAA,CACD;AAEMC,SAAAA,YAAYT,YACjBc,oBAAAC,UAAA;AAAA,IAAAC,UAAE;AAAA,EAAA,CAAS,IAEXF,oBAACV,WAAS;AAAA,IAACa,WAAWC,KAAKnB,mCAASoB,MAAMC,eAAeD,IAAI;AAAA,IAAE,GAAKT;AAAAA,IAAMM,UACvE,CAAChB,YAAYM,eAAeM;AAAAA,EAAAA,CACpB;AAEf;"}
+{"version":3,"file":"TimeAgo.js","sources":["../../../../src/components/TimeAgo/TimeAgo.tsx"],"sourcesContent":["import { HvTypography } from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { ExtractNames } from \"@core/utils\";\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 = ({\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}: HvTimeAgoProps) => {\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","classes","classesProp","className","timestamp","locale","localeProp","component","Component","HvTypography","emptyElement","disableRefresh","showSeconds","justText","others","cx","useClasses","isEmpty","timeAgo","useTimeAgo","_Fragment","children","root"],"mappings":";;;;;;AAoDO,MAAMA,YAAYA,CAAC;AAAA,EACxBC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,QAAQC,aAAa;AAAA,EACrBC,WAAWC,YAAYC;AAAAA,EACvBC,eAAe;AAAA,EACfC,iBAAiB;AAAA,EACjBC,cAAc;AAAA,EACdC,WAAW;AAAA,EACX,GAAGC;AACW,MAAM;AACd,QAAA;AAAA,IAAEb;AAAAA,IAASc;AAAAA,EAAAA,IAAOC,WAAWd,WAAW;AAC9C,QAAMG,SAASY,QAAQX,UAAU,IAAI,OAAOA;AACtCY,QAAAA,UAAUC,WAAWf,WAAW;AAAA,IACpCC;AAAAA,IACAM;AAAAA,IACAC;AAAAA,EAAAA,CACD;AAGD,MAAIC,YAAYT;AAAW,+BAAOgB,UAAA;AAAA,MAAAC,UAAGH;AAAAA,IAAAA,CAAU;AAE/C,6BACGV,WAAS;AAAA,IAACL,WAAWY,GAAGd,QAAQqB,MAAMnB,SAAS;AAAA,IAAE,GAAKW;AAAAA,IAAMO,UAC1D,CAACjB,YAAYM,eAAeQ;AAAAA,EAAAA,CACpB;AAEf;"}

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

@@ -0,0 +1,12 @@
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvTimeAgo", {
+  root: {}
+});
+export {
+  staticClasses,
+  useClasses
+};
+//# sourceMappingURL=TimeAgo.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeAgo.styles.js","sources":["../../../../src/components/TimeAgo/TimeAgo.styles.ts"],"sourcesContent":["import { createClasses } from \"@core/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTimeAgo\", {\n  root: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root"],"mappings":";AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,aAAa;AAAA,EACtEC,MAAM,CAAC;AACT,CAAC;"}

package/dist/esm/hooks/useWidth.js

@@ -6,7 +6,7 @@ const useWidth = () => {
   return keys.reduce((output, key) => {
     const matches = useMediaQuery(muiTheme.breakpoints.up(key));
     return !output && matches ? key : output;
-  }, "") || "xs";
+  }, null) || "xs";
 };
 export {
   useWidth

package/dist/esm/hooks/useWidth.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWidth.js","sources":["../../../src/hooks/useWidth.ts"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Breakpoint, useMediaQuery, useTheme } from \"@mui/material\";\n\nexport const useWidth = () => {\n  const muiTheme = useTheme();\n  const keys = Object.keys(theme.breakpoints.values).reverse();\n  return (\n    keys.reduce((output, key) => {\n      const matches = useMediaQuery(muiTheme.breakpoints.up(key as Breakpoint));\n\n      return !output && matches ? key : output;\n    }, \"\") || \"xs\"\n  );\n};\n"],"names":["useWidth","muiTheme","useTheme","keys","Object","theme","breakpoints","values","reverse","reduce","output","key","matches","useMediaQuery","up"],"mappings":";;AAIO,MAAMA,WAAWA,MAAM;AAC5B,QAAMC,WAAWC;AACjB,QAAMC,OAAOC,OAAOD,KAAKE,MAAMC,YAAYC,MAAM,EAAEC;AACnD,SACEL,KAAKM,OAAO,CAACC,QAAQC,QAAQ;AAC3B,UAAMC,UAAUC,cAAcZ,SAASK,YAAYQ,GAAGH,IAAkB;AAEjE,WAAA,CAACD,UAAUE,UAAUD,MAAMD;AAAAA,EAAAA,GACjC,EAAE,KAAK;AAEd;"}
+{"version":3,"file":"useWidth.js","sources":["../../../src/hooks/useWidth.ts"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Breakpoint, useMediaQuery, useTheme } from \"@mui/material\";\n\nexport const useWidth = () => {\n  const muiTheme = useTheme();\n  const keys = Object.keys(theme.breakpoints.values).reverse() as Breakpoint[];\n\n  return (\n    keys.reduce<Breakpoint | null>((output, key) => {\n      const matches = useMediaQuery(muiTheme.breakpoints.up(key));\n\n      return !output && matches ? key : output;\n    }, null) || \"xs\"\n  );\n};\n"],"names":["useWidth","muiTheme","useTheme","keys","Object","theme","breakpoints","values","reverse","reduce","output","key","matches","useMediaQuery","up"],"mappings":";;AAIO,MAAMA,WAAWA,MAAM;AAC5B,QAAMC,WAAWC;AACjB,QAAMC,OAAOC,OAAOD,KAAKE,MAAMC,YAAYC,MAAM,EAAEC;AAEnD,SACEL,KAAKM,OAA0B,CAACC,QAAQC,QAAQ;AAC9C,UAAMC,UAAUC,cAAcZ,SAASK,YAAYQ,GAAGH,GAAG,CAAC;AAEnD,WAAA,CAACD,UAAUE,UAAUD,MAAMD;AAAAA,EAAAA,GACjC,IAAI,KAAK;AAEhB;"}

package/dist/esm/index.js

@@ -243,19 +243,19 @@ import { HvScrollToHorizontal } from "./components/ScrollTo/Horizontal/ScrollToH
 import { useScrollTo } from "./components/ScrollTo/useScrollTo.js";
 import { staticClasses as staticClasses26 } from "./components/InlineEditor/InlineEditor.styles.js";
 import { HvInlineEditor } from "./components/InlineEditor/InlineEditor.js";
-import { default as default99 } from "./components/TimeAgo/timeAgoClasses.js";
+import { staticClasses as staticClasses27 } from "./components/TimeAgo/TimeAgo.styles.js";
 import { HvTimeAgo } from "./components/TimeAgo/TimeAgo.js";
-import { staticClasses as staticClasses27 } from "./components/QueryBuilder/QueryBuilder.styles.js";
+import { staticClasses as staticClasses28 } from "./components/QueryBuilder/QueryBuilder.styles.js";
 import { HvQueryBuilder } from "./components/QueryBuilder/QueryBuilder.js";
-import { staticClasses as staticClasses28 } from "./components/ColorPicker/ColorPicker.styles.js";
+import { staticClasses as staticClasses29 } from "./components/ColorPicker/ColorPicker.styles.js";
 import { HvColorPicker } from "./components/ColorPicker/ColorPicker.js";
-import { staticClasses as staticClasses29 } from "./components/Carousel/Carousel.styles.js";
+import { staticClasses as staticClasses30 } from "./components/Carousel/Carousel.styles.js";
 import { HvCarousel } from "./components/Carousel/Carousel.js";
 import { HvCarouselSlide } from "./components/Carousel/CarouselSlide/CarouselSlide.js";
-import { staticClasses as staticClasses30 } from "./components/TimePicker/TimePicker.styles.js";
+import { staticClasses as staticClasses31 } from "./components/TimePicker/TimePicker.styles.js";
 import { HvTimePicker } from "./components/TimePicker/TimePicker.js";
-import { default as default100 } from "./hooks/useUniqueId.js";
-import { default as default101 } from "./hooks/useIsMounted.js";
+import { default as default99 } from "./hooks/useUniqueId.js";
+import { default as default100 } from "./hooks/useIsMounted.js";
 import { useClickOutside } from "./hooks/useClickOutside.js";
 import { useControlled } from "./hooks/useControlled.js";
 import { useImageLoaded } from "./hooks/useImageLoaded.js";
@@ -267,12 +267,12 @@ import { useEnhancedEffect } from "./hooks/useEnhancedEffect.js";
 import { HvProvider } from "./providers/Provider.js";
 import { HvThemeContext } from "@hitachivantara/uikit-react-shared";
 import { EmotionContext, HvThemeProvider, defaultCacheKey, defaultEmotionCache } from "./providers/ThemeProvider.js";
-import { default as default102 } from "./utils/iconVariant.js";
-import { default as default103 } from "./utils/hexToRgbA.js";
-import { default as default104 } from "./utils/browser.js";
-import { default as default105 } from "./utils/multiSelectionEventHandler.js";
-import { default as default106 } from "./utils/getComponentName.js";
-import { default as default107 } from "./utils/checkValidHexColorValue.js";
+import { default as default101 } from "./utils/iconVariant.js";
+import { default as default102 } from "./utils/hexToRgbA.js";
+import { default as default103 } from "./utils/browser.js";
+import { default as default104 } from "./utils/multiSelectionEventHandler.js";
+import { default as default105 } from "./utils/getComponentName.js";
+import { default as default106 } from "./utils/checkValidHexColorValue.js";
 import { outlineStyles } from "./utils/focusUtils.js";
 import { keyboardCodes } from "./utils/keyboardUtils/keyboardCodes.js";
 import { getKeyCodeFromEvent, isKeycode, isKeypress } from "./utils/keyboardUtils/keyCheck.js";
@@ -283,7 +283,7 @@ import { createClasses, getClasses, replace$ } from "./utils/classes.js";
 import { getFirstAndLastFocus, getFocusableList, getPrevNextFocus } from "./utils/focusableElementFinder.js";
 import { wrapperTooltip } from "./utils/wrapperTooltip.js";
 import { useSavedState } from "./utils/useSavedState.js";
-import { default as default108 } from "./hocs/withTooltip.js";
+import { default as default107 } from "./hocs/withTooltip.js";
 export {
   CellWithCheckBox,
   CellWithExpandButton,
@@ -450,12 +450,12 @@ export {
   staticClasses6 as cardContentClasses,
   staticClasses5 as cardHeaderClasses,
   staticClasses7 as cardMediaClasses,
-  staticClasses29 as carouselClasses,
+  staticClasses30 as carouselClasses,
   default10 as charCounterClasses,
   default51 as checkBoxClasses,
   default56 as checkBoxGroupClasses,
-  default107 as checkValidHexColorValue,
-  staticClasses28 as colorPickerClasses,
+  default106 as checkValidHexColorValue,
+  staticClasses29 as colorPickerClasses,
   default23 as containerClasses,
   default85 as controlsClasses,
   createClasses,
@@ -488,7 +488,7 @@ export {
   default12 as formElementClasses,
   getBorderStyles,
   getClasses,
-  default106 as getComponentName,
+  default105 as getComponentName,
   getFirstAndLastFocus,
   getFocusableList,
   getHeaderFooterPropsHook,
@@ -506,7 +506,7 @@ export {
   default32 as headerBrandClasses,
   default30 as headerClasses,
   default33 as headerNavigationClasses,
-  default103 as hexToRgbA,
+  default102 as hexToRgbA,
   staticClasses24 as horizontalScrollListItemClasses,
   hvDateColumn,
   hvDropdownColumn,
@@ -519,12 +519,12 @@ export {
   hvSwitchColumn,
   hvTagColumn,
   hvTextColumn,
-  default102 as iconVariant,
+  default101 as iconVariant,
   increaseSize,
   default14 as infoMessageClasses,
   staticClasses26 as inlineEditorClasses,
   staticClasses9 as inputClasses,
-  default104 as isBrowser,
+  default103 as isBrowser,
   isInvalid,
   isKeycode,
   isKeypress,
@@ -540,7 +540,7 @@ export {
   default36 as loadingClasses,
   default84 as loginClasses,
   default37 as multiButtonClasses,
-  default105 as multiSelectionEventHandler,
+  default104 as multiSelectionEventHandler,
   normalizeProgressBar,
   outlineStyles,
   default45 as overflowTooltipClasses,
@@ -549,7 +549,7 @@ export {
   prepareRow,
   processThemes,
   default39 as progressBarClasses,
-  staticClasses27 as queryBuilderClasses,
+  staticClasses28 as queryBuilderClasses,
   default53 as radioClasses,
   default58 as radioGroupClasses,
   reducer,
@@ -582,8 +582,8 @@ export {
   default54 as textAreaClasses,
   theme,
   themes,
-  default99 as timeAgoClasses,
-  staticClasses30 as timePickerClasses,
+  staticClasses27 as timeAgoClasses,
+  staticClasses31 as timePickerClasses,
   default44 as tooltipClasses,
   default96 as treeViewClasses,
   default97 as treeViewItemClasses,
@@ -610,13 +610,13 @@ export {
   default71 as useHvTableStyles,
   useImageLoaded,
   useInstance,
-  default101 as useIsMounted,
+  default100 as useIsMounted,
   useLabels,
   useSavedState,
   useScrollTo,
   useSelectionPath,
   useTheme,
-  default100 as useUniqueId,
+  default99 as useUniqueId,
   useWidth,
   default90 as verticalNavigationClasses,
   default91 as verticalNavigationHeaderClasses,
@@ -624,7 +624,7 @@ export {
   default94 as verticalNavigationTreeClasses,
   staticClasses22 as verticalScrollListItemClasses,
   default15 as warningTextClasses,
-  default108 as withTooltip,
+  default107 as withTooltip,
   wrapperTooltip
 };
 //# sourceMappingURL=index.js.map