@hitachivantara/uikit-react-core 5.23.0 → 5.24.1

package/dist/cjs/components/FileUploader/Preview/Preview.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { useEffect } from \"react\";\n\nimport { HvButtonProps } from \"@core/components/Button\";\n\nimport fileUploaderPreviewClasses, {\n  HvFileUploaderPreviewClasses,\n} from \"./previewClasses\";\nimport {\n  StyledButton,\n  StyledOverlay,\n  StyledPreviewIcon,\n} from \"./Preview.styles\";\n\nexport interface HvFileUploaderPreviewProps\n  extends Omit<HvButtonProps, \"children\" | \"classes\"> {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback executed when the preview is unmounted.\n   *\n   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n   */\n  onUnload?: () => void;\n  /**\n   * If `true`, doesn't show an overlay on top of the preview when hovering.\n   *\n   * Only applies when `onClick` is set.\n   */\n  disableOverlay?: boolean;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileUploaderPreviewClasses;\n}\n\n/**\n * The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = ({\n  className,\n  children,\n  classes,\n  disableOverlay = false,\n  onUnload,\n  onClick,\n  ...others\n}: HvFileUploaderPreviewProps) => {\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <StyledButton\n        icon\n        className={clsx(\n          className,\n          classes?.previewButton,\n          fileUploaderPreviewClasses.previewButton\n        )}\n        onClick={onClick}\n        {...others}\n      >\n        {children}\n        {!disableOverlay && (\n          <>\n            <StyledOverlay\n              className={clsx(\n                classes?.overlay,\n                fileUploaderPreviewClasses.overlay\n              )}\n              aria-hidden=\"true\"\n            />\n            <StyledPreviewIcon />\n          </>\n        )}\n      </StyledButton>\n    );\n  }\n\n  return children;\n};\n"],"names":["HvFileUploaderPreview","className","children","classes","disableOverlay","onUnload","onClick","others","useEffect","StyledButton","icon","clsx","previewButton","fileUploaderPreviewClasses","_Fragment","_jsx","StyledOverlay","overlay","StyledPreviewIcon"],"mappings":";;;;;;;AA2CO,MAAMA,wBAAwBA,CAAC;AAAA,EACpCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,iBAAiB;AAAA,EACjBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACuB,MAAM;AAChCC,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACA;AAAA,IAAA;AAAA,EACb,GACC,CAACH,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,2CACGG,eAAAA,cAAY;AAAA,MACXC,MAAI;AAAA,MACJT,WAAWU,KACTV,KAAAA,WACAE,mCAASS,eACTC,uBAA2BD,aAC7B;AAAA,MACAN;AAAAA,MAAiB,GACbC;AAAAA,MAAML,UAAA,CAETA,UACA,CAACE,kDACAU,WAAAA,UAAA;AAAA,QAAAZ,UAAA,CACEa,2BAAAA,IAACC,8BAAa;AAAA,UACZf,WAAWU,KAAAA,KACTR,mCAASc,SACTJ,eAAAA,QAA2BI,OAC7B;AAAA,UACA,eAAY;AAAA,QACb,CAAA,GACDF,2BAAAA,IAACG,oCAAmB,CAAC;AAAA,MAAA,CACrB,CACH;AAAA,IAAA,CACW;AAAA,EAElB;AAEOhB,SAAAA;AACT;;"}
+{"version":3,"file":"Preview.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.tsx"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\n\nimport { Preview } from \"@hitachivantara/uikit-react-icons\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Preview.styles\";\n\nexport { staticClasses as fileUploaderPreviewClasses };\n\nexport type HvFileUploaderPreviewClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFileUploaderPreviewProps\n  extends Omit<HvButtonProps, \"children\" | \"classes\"> {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback executed when the preview is unmounted.\n   *\n   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n   */\n  onUnload?: () => void;\n  /**\n   * If `true`, doesn't show an overlay on top of the preview when hovering.\n   *\n   * Only applies when `onClick` is set.\n   */\n  disableOverlay?: boolean;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvFileUploaderPreviewClasses;\n}\n\n/**\n * The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nexport const HvFileUploaderPreview = ({\n  className,\n  children,\n  classes: classesProp,\n  disableOverlay = false,\n  onUnload,\n  onClick,\n  ...others\n}: HvFileUploaderPreviewProps) => {\n  const { classes, cx, css } = useClasses(classesProp);\n\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <HvButton\n        icon\n        className={cx(classes.previewButton, className)}\n        onClick={onClick}\n        {...others}\n      >\n        {children}\n        {!disableOverlay && (\n          <div className={classes.overlay} aria-hidden=\"true\">\n            <Preview\n              className={css({\n                position: \"absolute\",\n                left: \"50%\",\n                top: \"50%\",\n                transform: \"translate(-50%, -50%)\",\n                display: \"none\",\n              })}\n            />\n          </div>\n        )}\n      </HvButton>\n    );\n  }\n\n  return children;\n};\n"],"names":["HvFileUploaderPreview","className","children","classes","classesProp","disableOverlay","onUnload","onClick","others","cx","css","useClasses","useEffect","HvButton","icon","previewButton","overlay","Preview","position","left","top","transform","display"],"mappings":";;;;;;;AA0CO,MAAMA,wBAAwBA,CAAC;AAAA,EACpCC;AAAAA,EACAC;AAAAA,EACAC,SAASC;AAAAA,EACTC,iBAAiB;AAAA,EACjBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACuB,MAAM;AAC1B,QAAA;AAAA,IAAEL;AAAAA,IAASM;AAAAA,IAAIC;AAAAA,EAAAA,IAAQC,eAAAA,WAAWP,WAAW;AAEnDQ,QAAAA,UAAU,MAAM;AACd,WAAO,MAAM;AACA;AAAA,IAAA;AAAA,EACb,GACC,CAACN,QAAQ,CAAC;AAEb,MAAIC,SAAS;AACX,2CACGM,OAAAA,UAAQ;AAAA,MACPC,MAAI;AAAA,MACJb,WAAWQ,GAAGN,QAAQY,eAAed,SAAS;AAAA,MAC9CM;AAAAA,MAAiB,GACbC;AAAAA,MAAMN,WAETA,UACA,CAACG,iDACA,OAAA;AAAA,QAAKJ,WAAWE,QAAQa;AAAAA,QAAS,eAAY;AAAA,QAAMd,yCAChDe,yBAAO;AAAA,UACNhB,WAAWS,IAAI;AAAA,YACbQ,UAAU;AAAA,YACVC,MAAM;AAAA,YACNC,KAAK;AAAA,YACLC,WAAW;AAAA,YACXC,SAAS;AAAA,UAAA,CACV;AAAA,QAAA,CACF;AAAA,MAAA,CACE,CACN;AAAA,IAAA,CACO;AAAA,EAEd;AAEOpB,SAAAA;AACT;;;"}

package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs

@@ -1,66 +1,33 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
-const React = require("react");
-const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const classes = require("../../../utils/classes.cjs");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const previewClasses = require("./previewClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const Button = require("../../Button/Button.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-const StyledOverlay = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e9tybiz2"
-} : {
-  target: "e9tybiz2",
-  label: "StyledOverlay"
-})({
-  position: "absolute",
-  top: 0,
-  bottom: 0,
-  left: 0,
-  right: 0,
-  display: "none",
-  justifyContent: "center",
-  alignItems: "center",
-  backgroundColor: uikitStyles.theme.fileUploader.preview.overlayColor,
-  opacity: uikitStyles.theme.fileUploader.preview.overlayOpacity,
-  borderRadius: uikitStyles.theme.fileUploader.preview.overlayBorderRadius,
-  [`.${previewClasses.default.previewButton}:hover &`]: {
-    display: "flex"
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvFileUploaderPreview", {
+  previewButton: {
+    position: "relative",
+    width: uikitStyles.theme.fileUploader.preview.buttonSize,
+    height: uikitStyles.theme.fileUploader.preview.buttonSize,
+    "&:hover *": {
+      display: "flex"
+    }
+  },
+  overlay: {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    display: "none",
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: uikitStyles.theme.fileUploader.preview.overlayColor,
+    opacity: uikitStyles.theme.fileUploader.preview.overlayOpacity,
+    borderRadius: uikitStyles.theme.fileUploader.preview.overlayBorderRadius
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL1ByZXZpZXcvUHJldmlldy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVk2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0ZpbGVVcGxvYWRlci9QcmV2aWV3L1ByZXZpZXcuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBmb3J3YXJkUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IFByZXZpZXcgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXJlYWN0LWljb25zXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2QnV0dG9uLCBIdkJ1dHRvblByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvQnV0dG9uXCI7XG5pbXBvcnQgeyBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCJAY29yZS90eXBlcy9nZW5lcmljXCI7XG5cbmltcG9ydCBmaWxlVXBsb2FkZXJQcmV2aWV3Q2xhc3NlcyBmcm9tIFwiLi9wcmV2aWV3Q2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkT3ZlcmxheSA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgYm90dG9tOiAwLFxuICBsZWZ0OiAwLFxuICByaWdodDogMCxcbiAgZGlzcGxheTogXCJub25lXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcImNlbnRlclwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlDb2xvcixcbiAgb3BhY2l0eTogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheU9wYWNpdHksXG4gIGJvcmRlclJhZGl1czogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcub3ZlcmxheUJvcmRlclJhZGl1cyxcblxuICBbYC4ke2ZpbGVVcGxvYWRlclByZXZpZXdDbGFzc2VzLnByZXZpZXdCdXR0b259OmhvdmVyICZgXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcmV2aWV3SWNvbiA9IHN0eWxlZChQcmV2aWV3KSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGxlZnQ6IFwiNTAlXCIsXG4gIHRvcDogXCI1MCVcIixcbiAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZSgtNTAlLCAtNTAlKVwiLFxuICBkaXNwbGF5OiBcIm5vbmVcIixcblxuICBbYC4ke2ZpbGVVcGxvYWRlclByZXZpZXdDbGFzc2VzLnByZXZpZXdCdXR0b259OmhvdmVyICZgXToge1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIGZvcndhcmRSZWYoKHByb3BzOiBIdkJ1dHRvblByb3BzLCByZWY/OiBQb2x5bW9ycGhpY1JlZjxcImJ1dHRvblwiPikgPT4ge1xuICAgIHJldHVybiA8SHZCdXR0b24gey4uLnByb3BzfSByZWY9e3JlZn0gLz47XG4gIH0pXG4pKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgd2lkdGg6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3LmJ1dHRvblNpemUsXG4gIGhlaWdodDogdGhlbWUuZmlsZVVwbG9hZGVyLnByZXZpZXcuYnV0dG9uU2l6ZSxcbn0pO1xuIl19 */");
-const StyledPreviewIcon = /* @__PURE__ */ _styled__default.default(uikitReactIcons.Preview, process.env.NODE_ENV === "production" ? {
-  target: "e9tybiz1"
-} : {
-  target: "e9tybiz1",
-  label: "StyledPreviewIcon"
-})({
-  position: "absolute",
-  left: "50%",
-  top: "50%",
-  transform: "translate(-50%, -50%)",
-  display: "none",
-  [`.${previewClasses.default.previewButton}:hover &`]: {
-    display: "flex"
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL1ByZXZpZXcvUHJldmlldy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvUHJldmlldy9QcmV2aWV3LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBQcmV2aWV3IH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5pbXBvcnQgZmlsZVVwbG9hZGVyUHJldmlld0NsYXNzZXMgZnJvbSBcIi4vcHJldmlld0NsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE92ZXJsYXkgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIGJvdHRvbTogMCxcbiAgbGVmdDogMCxcbiAgcmlnaHQ6IDAsXG4gIGRpc3BsYXk6IFwibm9uZVwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5vdmVybGF5Q29sb3IsXG4gIG9wYWNpdHk6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlPcGFjaXR5LFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlCb3JkZXJSYWRpdXMsXG5cbiAgW2AuJHtmaWxlVXBsb2FkZXJQcmV2aWV3Q2xhc3Nlcy5wcmV2aWV3QnV0dG9ufTpob3ZlciAmYF06IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0ljb24gPSBzdHlsZWQoUHJldmlldykoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBsZWZ0OiBcIjUwJVwiLFxuICB0b3A6IFwiNTAlXCIsXG4gIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUoLTUwJSwgLTUwJSlcIixcbiAgZGlzcGxheTogXCJub25lXCIsXG5cbiAgW2AuJHtmaWxlVXBsb2FkZXJQcmV2aWV3Q2xhc3Nlcy5wcmV2aWV3QnV0dG9ufTpob3ZlciAmYF06IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5idXR0b25TaXplLFxuICBoZWlnaHQ6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3LmJ1dHRvblNpemUsXG59KTtcbiJdfQ== */");
-const StyledButton = /* @__PURE__ */ _styled__default.default(React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-    ...props,
-    ref
-  });
-}), process.env.NODE_ENV === "production" ? {
-  target: "e9tybiz0"
-} : {
-  target: "e9tybiz0",
-  label: "StyledButton"
-})({
-  position: "relative",
-  width: uikitStyles.theme.fileUploader.preview.buttonSize,
-  height: uikitStyles.theme.fileUploader.preview.buttonSize
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRmlsZVVwbG9hZGVyL1ByZXZpZXcvUHJldmlldy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9GaWxlVXBsb2FkZXIvUHJldmlldy9QcmV2aWV3LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgZm9yd2FyZFJlZiB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBQcmV2aWV3IH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1yZWFjdC1pY29uc1wiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuXG5pbXBvcnQgeyBIdkJ1dHRvbiwgSHZCdXR0b25Qcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0J1dHRvblwiO1xuaW1wb3J0IHsgUG9seW1vcnBoaWNSZWYgfSBmcm9tIFwiQGNvcmUvdHlwZXMvZ2VuZXJpY1wiO1xuXG5pbXBvcnQgZmlsZVVwbG9hZGVyUHJldmlld0NsYXNzZXMgZnJvbSBcIi4vcHJldmlld0NsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE92ZXJsYXkgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICB0b3A6IDAsXG4gIGJvdHRvbTogMCxcbiAgbGVmdDogMCxcbiAgcmlnaHQ6IDAsXG4gIGRpc3BsYXk6IFwibm9uZVwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJjZW50ZXJcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5vdmVybGF5Q29sb3IsXG4gIG9wYWNpdHk6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlPcGFjaXR5LFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3Lm92ZXJsYXlCb3JkZXJSYWRpdXMsXG5cbiAgW2AuJHtmaWxlVXBsb2FkZXJQcmV2aWV3Q2xhc3Nlcy5wcmV2aWV3QnV0dG9ufTpob3ZlciAmYF06IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUHJldmlld0ljb24gPSBzdHlsZWQoUHJldmlldykoe1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICBsZWZ0OiBcIjUwJVwiLFxuICB0b3A6IFwiNTAlXCIsXG4gIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUoLTUwJSwgLTUwJSlcIixcbiAgZGlzcGxheTogXCJub25lXCIsXG5cbiAgW2AuJHtmaWxlVXBsb2FkZXJQcmV2aWV3Q2xhc3Nlcy5wcmV2aWV3QnV0dG9ufTpob3ZlciAmYF06IHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFxuICBmb3J3YXJkUmVmKChwcm9wczogSHZCdXR0b25Qcm9wcywgcmVmPzogUG9seW1vcnBoaWNSZWY8XCJidXR0b25cIj4pID0+IHtcbiAgICByZXR1cm4gPEh2QnV0dG9uIHsuLi5wcm9wc30gcmVmPXtyZWZ9IC8+O1xuICB9KVxuKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gIHdpZHRoOiB0aGVtZS5maWxlVXBsb2FkZXIucHJldmlldy5idXR0b25TaXplLFxuICBoZWlnaHQ6IHRoZW1lLmZpbGVVcGxvYWRlci5wcmV2aWV3LmJ1dHRvblNpemUsXG59KTtcbiJdfQ== */");
-exports.StyledButton = StyledButton;
-exports.StyledOverlay = StyledOverlay;
-exports.StyledPreviewIcon = StyledPreviewIcon;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=Preview.styles.cjs.map

package/dist/cjs/components/FileUploader/Preview/Preview.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.styles.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { forwardRef } from \"react\";\n\nimport { Preview } from \"@hitachivantara/uikit-react-icons\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { PolymorphicRef } from \"@core/types/generic\";\n\nimport fileUploaderPreviewClasses from \"./previewClasses\";\n\nexport const StyledOverlay = styled(\"div\")({\n  position: \"absolute\",\n  top: 0,\n  bottom: 0,\n  left: 0,\n  right: 0,\n  display: \"none\",\n  justifyContent: \"center\",\n  alignItems: \"center\",\n  backgroundColor: theme.fileUploader.preview.overlayColor,\n  opacity: theme.fileUploader.preview.overlayOpacity,\n  borderRadius: theme.fileUploader.preview.overlayBorderRadius,\n\n  [`.${fileUploaderPreviewClasses.previewButton}:hover &`]: {\n    display: \"flex\",\n  },\n});\n\nexport const StyledPreviewIcon = styled(Preview)({\n  position: \"absolute\",\n  left: \"50%\",\n  top: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  display: \"none\",\n\n  [`.${fileUploaderPreviewClasses.previewButton}:hover &`]: {\n    display: \"flex\",\n  },\n});\n\nexport const StyledButton = styled(\n  forwardRef((props: HvButtonProps, ref?: PolymorphicRef<\"button\">) => {\n    return <HvButton {...props} ref={ref} />;\n  })\n)({\n  position: \"relative\",\n  width: theme.fileUploader.preview.buttonSize,\n  height: theme.fileUploader.preview.buttonSize,\n});\n"],"names":["StyledOverlay","_styled","process","env","NODE_ENV","target","label","position","top","bottom","left","right","display","justifyContent","alignItems","backgroundColor","theme","fileUploader","preview","overlayColor","opacity","overlayOpacity","borderRadius","overlayBorderRadius","fileUploaderPreviewClasses","previewButton","StyledPreviewIcon","Preview","transform","StyledButton","forwardRef","props","ref","HvButton","width","buttonSize","height"],"mappings":";;;;;;;;;;;AAYO,MAAMA,gBAAuBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCC,UAAU;AAAA,EACVC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,MAAM;AAAA,EACNC,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,gBAAgB;AAAA,EAChBC,YAAY;AAAA,EACZC,iBAAiBC,YAAMC,MAAAA,aAAaC,QAAQC;AAAAA,EAC5CC,SAASJ,YAAMC,MAAAA,aAAaC,QAAQG;AAAAA,EACpCC,cAAcN,YAAMC,MAAAA,aAAaC,QAAQK;AAAAA,EAEzC,CAAE,IAAGC,eAAAA,QAA2BC,uBAAuB,GAAG;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,y5EAAA;AAEK,MAAMsB,oBAA2BC,iCAAAA,QAAAA,gBAAAA,SAAOzB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CC,UAAU;AAAA,EACVG,MAAM;AAAA,EACNF,KAAK;AAAA,EACLoB,WAAW;AAAA,EACXhB,SAAS;AAAA,EAET,CAAE,IAAGY,eAAAA,QAA2BC,uBAAuB,GAAG;AAAA,IACxDb,SAAS;AAAA,EACX;AACF,GAACV,QAAAC,IAAAC,aAAC,eAAA,KAAA,65EAAA;AAEK,MAAMyB,eAAe5B,iCAAAA,QAC1B6B,MAAAA,WAAW,CAACC,OAAsBC,QAAmC;AACnE,wCAAQC,OAAAA,UAAQ;AAAA,IAAA,GAAKF;AAAAA,IAAOC;AAAAA,EAAAA,CAAW;AACzC,CAAC,GAAC9B,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CACJ,EAAE;AAAA,EACAC,UAAU;AAAA,EACV2B,OAAOlB,YAAMC,MAAAA,aAAaC,QAAQiB;AAAAA,EAClCC,QAAQpB,YAAMC,MAAAA,aAAaC,QAAQiB;AACrC,GAACjC,QAAAC,IAAAC,aAAC,eAAA,KAAA,65EAAA;;;;"}
+{"version":3,"file":"Preview.styles.cjs","sources":["../../../../../src/components/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvFileUploaderPreview\",\n  {\n    previewButton: {\n      position: \"relative\",\n      width: theme.fileUploader.preview.buttonSize,\n      height: theme.fileUploader.preview.buttonSize,\n      \"&:hover *\": {\n        display: \"flex\",\n      },\n    },\n    overlay: {\n      position: \"absolute\",\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      display: \"none\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      backgroundColor: theme.fileUploader.preview.overlayColor,\n      opacity: theme.fileUploader.preview.overlayOpacity,\n      borderRadius: theme.fileUploader.preview.overlayBorderRadius,\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","previewButton","position","width","theme","fileUploader","preview","buttonSize","height","display","overlay","top","bottom","left","right","justifyContent","alignItems","backgroundColor","overlayColor","opacity","overlayOpacity","borderRadius","overlayBorderRadius"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,yBACA;AAAA,EACEC,eAAe;AAAA,IACbC,UAAU;AAAA,IACVC,OAAOC,YAAMC,MAAAA,aAAaC,QAAQC;AAAAA,IAClCC,QAAQJ,YAAMC,MAAAA,aAAaC,QAAQC;AAAAA,IACnC,aAAa;AAAA,MACXE,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACAC,SAAS;AAAA,IACPR,UAAU;AAAA,IACVS,KAAK;AAAA,IACLC,QAAQ;AAAA,IACRC,MAAM;AAAA,IACNC,OAAO;AAAA,IACPL,SAAS;AAAA,IACTM,gBAAgB;AAAA,IAChBC,YAAY;AAAA,IACZC,iBAAiBb,YAAMC,MAAAA,aAAaC,QAAQY;AAAAA,IAC5CC,SAASf,YAAMC,MAAAA,aAAaC,QAAQc;AAAAA,IACpCC,cAAcjB,YAAMC,MAAAA,aAAaC,QAAQgB;AAAAA,EAC3C;AACF,CACF;;;"}

package/dist/cjs/components/FilterGroup/Counter/Counter.cjs

@@ -38,7 +38,7 @@ const HvFilterGroupCounter = ({
   const partialCounter = id ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0 : groupsCounter;
   const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: cx(className, classes.root),
+    className: cx(classes.root, className),
     children: [partialCounter > 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", {
       className: classes.partialCounter,
       children: partialCounter

package/dist/cjs/components/FilterGroup/Counter/Counter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Counter.cjs","sources":["../../../../../src/components/FilterGroup/Counter/Counter.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { staticClasses, useClasses } from \"./Counter.styles\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"../types\";\n\nexport { staticClasses as filterGroupCounterClasses };\n\nexport type HvFilterGroupCounterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupCounterProps {\n  className?: string;\n  id?: string;\n  classes?: HvFilterGroupCounterClasses;\n}\n\nconst getExistingFiltersById = (\n  idx: number,\n  filterValues: HvFilterGroupValue,\n  filterOptions: HvFilterGroupFilters\n) => {\n  let total = 0;\n  filterValues[idx]?.forEach((fv) => {\n    if (filterOptions[idx]?.data.find((f) => f.id === fv)) {\n      total += 1;\n    }\n  });\n  return total;\n};\n\nexport const HvFilterGroupCounter = ({\n  className,\n  id,\n  classes: classesProp,\n}: HvFilterGroupCounterProps) => {\n  const { classes, cx } = useClasses(classesProp);\n  const {\n    filterOptions,\n    filterValues = [],\n    appliedFilters = [],\n  } = useContext(HvFilterGroupContext);\n\n  const options =\n    id && filterOptions.find((option) => option.id === id)\n      ? ([\n          filterOptions.find((option) => option.id === id),\n        ] as HvFilterGroupFilters)\n      : filterOptions;\n  const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n  let groupsCounter = 0;\n  appliedFilters\n    .filter((elem) => elem !== undefined)\n    .forEach((fg, i) => {\n      groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n    });\n\n  const partialCounter = id\n    ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0\n    : groupsCounter;\n\n  const totalCounter = options.reduce(\n    (acc, option) => acc + option.data.length,\n    0\n  );\n\n  return (\n    <div className={cx(className, classes.root)}>\n      {partialCounter > 0 ? (\n        <p className={classes.partialCounter}>{partialCounter}</p>\n      ) : (\n        partialCounter\n      )}\n      {` / ${totalCounter}`}\n    </div>\n  );\n};\n"],"names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","HvFilterGroupCounter","className","classes","classesProp","cx","useClasses","appliedFilters","useContext","HvFilterGroupContext","options","option","optionIdx","findIndex","groupsCounter","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root","children"],"mappings":";;;;;;AAkBA,MAAMA,yBAAyBA,CAC7BC,KACAC,cACAC,kBACG;;AACH,MAAIC,QAAQ;AACCH,qBAAAA,GAAG,MAAHA,mBAAMI,QAASC,CAAO,OAAA;;AAC7BH,SAAAA,MAAAA,cAAcF,GAAG,MAAjBE,gBAAAA,IAAoBI,KAAKC,KAAMC,CAAMA,MAAAA,EAAEC,OAAOJ,KAAK;AAC5C,eAAA;AAAA,IACX;AAAA,EAAA;AAEKF,SAAAA;AACT;AAEO,MAAMO,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAF;AAAAA,EACAG,SAASC;AACgB,MAAM;AACzB,QAAA;AAAA,IAAED;AAAAA,IAASE;AAAAA,EAAAA,IAAOC,eAAAA,WAAWF,WAAW;AACxC,QAAA;AAAA,IACJX;AAAAA,IACAD,eAAe,CAAE;AAAA,IACjBe,iBAAiB,CAAA;AAAA,EAAA,IACfC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAEnC,QAAMC,UACJV,MAAMP,cAAcK,KAAMa,CAAAA,WAAWA,OAAOX,OAAOA,EAAE,IAChD,CACCP,cAAcK,KAAMa,CAAAA,WAAWA,OAAOX,OAAOA,EAAE,CAAC,IAElDP;AACN,QAAMmB,YAAYnB,cAAcoB,UAAWF,CAAWA,WAAAA,OAAOX,OAAOA,EAAE;AAEtE,MAAIc,gBAAgB;AAEjBC,iBAAAA,OAAQC,UAASA,SAASC,MAAS,EACnCtB,QAAQ,CAACuB,IAAIC,MAAM;AACD7B,qBAAAA,uBAAuB6B,GAAG3B,cAAcC,aAAa;AAAA,EAAA,CACvE;AAEH,QAAM2B,iBAAiBpB,KACnBV,uBAAuBsB,WAAWpB,cAAcC,aAAa,KAAK,IAClEqB;AAEEO,QAAAA,eAAeX,QAAQY,OAC3B,CAACC,KAAKZ,WAAWY,MAAMZ,OAAOd,KAAK2B,QACnC,CACF;AAEA,yCACE,OAAA;AAAA,IAAKtB,WAAWG,GAAGH,WAAWC,QAAQsB,IAAI;AAAA,IAAEC,UACzCN,CAAAA,iBAAiB,mCAChB,KAAA;AAAA,MAAGlB,WAAWC,QAAQiB;AAAAA,MAAeM,UAAEN;AAAAA,IAAkB,CAAA,IAEzDA,gBAEA,MAAKC,cAAc;AAAA,EAAA,CAClB;AAET;;;"}
+{"version":3,"file":"Counter.cjs","sources":["../../../../../src/components/FilterGroup/Counter/Counter.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { HvFilterGroupContext } from \"../FilterGroupContext\";\nimport { staticClasses, useClasses } from \"./Counter.styles\";\nimport { HvFilterGroupFilters, HvFilterGroupValue } from \"../types\";\n\nexport { staticClasses as filterGroupCounterClasses };\n\nexport type HvFilterGroupCounterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupCounterProps {\n  className?: string;\n  id?: string;\n  classes?: HvFilterGroupCounterClasses;\n}\n\nconst getExistingFiltersById = (\n  idx: number,\n  filterValues: HvFilterGroupValue,\n  filterOptions: HvFilterGroupFilters\n) => {\n  let total = 0;\n  filterValues[idx]?.forEach((fv) => {\n    if (filterOptions[idx]?.data.find((f) => f.id === fv)) {\n      total += 1;\n    }\n  });\n  return total;\n};\n\nexport const HvFilterGroupCounter = ({\n  className,\n  id,\n  classes: classesProp,\n}: HvFilterGroupCounterProps) => {\n  const { classes, cx } = useClasses(classesProp);\n  const {\n    filterOptions,\n    filterValues = [],\n    appliedFilters = [],\n  } = useContext(HvFilterGroupContext);\n\n  const options =\n    id && filterOptions.find((option) => option.id === id)\n      ? ([\n          filterOptions.find((option) => option.id === id),\n        ] as HvFilterGroupFilters)\n      : filterOptions;\n  const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n  let groupsCounter = 0;\n  appliedFilters\n    .filter((elem) => elem !== undefined)\n    .forEach((fg, i) => {\n      groupsCounter += getExistingFiltersById(i, filterValues, filterOptions);\n    });\n\n  const partialCounter = id\n    ? getExistingFiltersById(optionIdx, filterValues, filterOptions) || 0\n    : groupsCounter;\n\n  const totalCounter = options.reduce(\n    (acc, option) => acc + option.data.length,\n    0\n  );\n\n  return (\n    <div className={cx(classes.root, className)}>\n      {partialCounter > 0 ? (\n        <p className={classes.partialCounter}>{partialCounter}</p>\n      ) : (\n        partialCounter\n      )}\n      {` / ${totalCounter}`}\n    </div>\n  );\n};\n"],"names":["getExistingFiltersById","idx","filterValues","filterOptions","total","forEach","fv","data","find","f","id","HvFilterGroupCounter","className","classes","classesProp","cx","useClasses","appliedFilters","useContext","HvFilterGroupContext","options","option","optionIdx","findIndex","groupsCounter","filter","elem","undefined","fg","i","partialCounter","totalCounter","reduce","acc","length","root","children"],"mappings":";;;;;;AAkBA,MAAMA,yBAAyBA,CAC7BC,KACAC,cACAC,kBACG;;AACH,MAAIC,QAAQ;AACCH,qBAAAA,GAAG,MAAHA,mBAAMI,QAASC,CAAO,OAAA;;AAC7BH,SAAAA,MAAAA,cAAcF,GAAG,MAAjBE,gBAAAA,IAAoBI,KAAKC,KAAMC,CAAMA,MAAAA,EAAEC,OAAOJ,KAAK;AAC5C,eAAA;AAAA,IACX;AAAA,EAAA;AAEKF,SAAAA;AACT;AAEO,MAAMO,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAF;AAAAA,EACAG,SAASC;AACgB,MAAM;AACzB,QAAA;AAAA,IAAED;AAAAA,IAASE;AAAAA,EAAAA,IAAOC,eAAAA,WAAWF,WAAW;AACxC,QAAA;AAAA,IACJX;AAAAA,IACAD,eAAe,CAAE;AAAA,IACjBe,iBAAiB,CAAA;AAAA,EAAA,IACfC,MAAAA,WAAWC,mBAAAA,oBAAoB;AAEnC,QAAMC,UACJV,MAAMP,cAAcK,KAAMa,CAAAA,WAAWA,OAAOX,OAAOA,EAAE,IAChD,CACCP,cAAcK,KAAMa,CAAAA,WAAWA,OAAOX,OAAOA,EAAE,CAAC,IAElDP;AACN,QAAMmB,YAAYnB,cAAcoB,UAAWF,CAAWA,WAAAA,OAAOX,OAAOA,EAAE;AAEtE,MAAIc,gBAAgB;AAEjBC,iBAAAA,OAAQC,UAASA,SAASC,MAAS,EACnCtB,QAAQ,CAACuB,IAAIC,MAAM;AACD7B,qBAAAA,uBAAuB6B,GAAG3B,cAAcC,aAAa;AAAA,EAAA,CACvE;AAEH,QAAM2B,iBAAiBpB,KACnBV,uBAAuBsB,WAAWpB,cAAcC,aAAa,KAAK,IAClEqB;AAEEO,QAAAA,eAAeX,QAAQY,OAC3B,CAACC,KAAKZ,WAAWY,MAAMZ,OAAOd,KAAK2B,QACnC,CACF;AAEA,yCACE,OAAA;AAAA,IAAKtB,WAAWG,GAAGF,QAAQsB,MAAMvB,SAAS;AAAA,IAAEwB,UACzCN,CAAAA,iBAAiB,mCAChB,KAAA;AAAA,MAAGlB,WAAWC,QAAQiB;AAAAA,MAAeM,UAAEN;AAAAA,IAAkB,CAAA,IAEzDA,gBAEA,MAAKC,cAAc;AAAA,EAAA,CAClB;AAET;;;"}

package/dist/cjs/components/FilterGroup/FilterGroup.cjs

@@ -68,7 +68,7 @@ const HvFilterGroup = (props) => {
     status,
     disabled,
     required,
-    className: cx(className, classes.root),
+    className: cx(classes.root, className),
     ...others,
     children: [(hasLabel || hasDescription) && /* @__PURE__ */ jsxRuntime.jsxs("div", {
       className: classes.labelContainer,

package/dist/cjs/components/FilterGroup/FilterGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterGroup.cjs","sources":["../../../../src/components/FilterGroup/FilterGroup.tsx"],"sourcesContent":["import {\n  HvFormElement,\n  HvFormElementProps,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"@core/components/Forms\";\nimport { useLabels } from \"@core/hooks/useLabels\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  HvFilterGroupContent,\n  HvFilterGroupContentProps,\n} from \"./FilterContent\";\nimport { staticClasses, useClasses } from \"./FilterGroup.styles\";\nimport { HvFilterGroupProvider } from \"./FilterGroupContext\";\nimport {\n  HvFilterGroupFilters,\n  HvFilterGroupHorizontalPlacement,\n  HvFilterGroupLabels,\n  HvFilterGroupValue,\n} from \"./types\";\n\nexport { staticClasses as filterGroupClasses };\n\nexport type HvFilterGroupClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupProps\n  extends Omit<\n    HvFormElementProps,\n    \"classes\" | \"onChange\" | \"defaultValue\" | \"statusMessage\"\n  > {\n  /** The initial value of the input when in single calendar mode. */\n  filters: HvFilterGroupFilters;\n  /** The form element name. */\n  name?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /**  Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**  The error message to show when `status` is \"invalid\". Defaults to \"Required\". */\n  statusMessage?: React.ReactNode;\n  /** The callback fired when the cancel button is clicked. */\n  onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  /** The callback fired when the clear filters button is clicked. */\n  onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The callback fired when the value changes. */\n  onChange?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    value?: HvFilterGroupValue\n  ) => void;\n  /** An Object containing the various text associated with the input. */\n  labels?: HvFilterGroupLabels;\n  /** The placeholder value when nothing is selected. */\n  placeholder?: string;\n  /** The default value of the filter group. If defined the clear action will reset to it. */\n  defaultValue?: HvFilterGroupValue;\n  /** The value of the filter group. */\n  value?: HvFilterGroupValue;\n  /** The placement where the filter group should be placed according to the input. Options are `left` or `right`. */\n  horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n  /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */\n  disablePortal?: boolean;\n  /** Sets if the filter container should be out of the screen or stay visible. */\n  escapeWithReference?: boolean;\n  /** The height of the filter panel, between 295 and 425. Defaults to 350 */\n  height?: number | string;\n  /** The filter content props */\n  filterContentProps?: Partial<HvFilterGroupContentProps>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFilterGroupClasses;\n}\n\nconst DEFAULT_LABELS: HvFilterGroupLabels = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * This component implements one potential use-case of the Filter Group pattern Design System Specifies.\n * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,\n * while we do not provide a better approach for building this component with smaller and more composable parts.\n */\nexport const HvFilterGroup = (props: HvFilterGroupProps) => {\n  const {\n    className,\n    id,\n    name,\n    required = false,\n    disabled = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n    onChange,\n    onCancel,\n    onClear,\n    status,\n    statusMessage,\n    labels: labelsProp,\n    defaultValue,\n    value,\n    filters,\n    horizontalPlacement = \"right\",\n    disablePortal = true,\n    escapeWithReference = true,\n    height = 350,\n    filterContentProps,\n    classes: classesProp,\n    ...others\n  } = useDefaultProps(\"HvFilterGroup\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n\n  const hasDescription = description != null;\n\n  // Error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={value}\n      status={status}\n      disabled={disabled}\n      required={required}\n      className={cx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n              className={classes.label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={classes.description}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvFilterGroupProvider\n        defaultValue={defaultValue}\n        value={value}\n        filters={filters}\n      >\n        <HvFilterGroupContent\n          id={elementId}\n          disabled={disabled}\n          disablePortal={disablePortal}\n          variableWidth\n          placement={horizontalPlacement}\n          escapeWithReference={escapeWithReference}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          status={status}\n          onChange={onChange}\n          onCancel={onCancel}\n          onClear={onClear}\n          labels={labels}\n          height={height}\n          {...filterContentProps}\n        />\n        {canShowError && (\n          <HvWarningText\n            id={setId(elementId, \"error\")}\n            disableBorder\n            className={classes.error}\n          >\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </HvFilterGroupProvider>\n    </HvFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","props","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labels","labelsProp","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","classes","classesProp","others","useDefaultProps","cx","useClasses","validationMessage","useControlled","elementId","useUniqueId","useLabels","hasLabel","hasDescription","canShowError","undefined","HvFormElement","root","children","labelContainer","_jsx","HvLabel","setId","htmlFor","HvInfoMessage","_jsxs","HvFilterGroupProvider","HvFilterGroupContent","variableWidth","placement","HvWarningText","disableBorder","error"],"mappings":"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"}
+{"version":3,"file":"FilterGroup.cjs","sources":["../../../../src/components/FilterGroup/FilterGroup.tsx"],"sourcesContent":["import {\n  HvFormElement,\n  HvFormElementProps,\n  HvFormStatus,\n  HvInfoMessage,\n  HvLabel,\n  HvWarningText,\n} from \"@core/components/Forms\";\nimport { useLabels } from \"@core/hooks/useLabels\";\nimport { useUniqueId } from \"@core/hooks/useUniqueId\";\nimport { useControlled } from \"@core/hooks/useControlled\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { setId } from \"@core/utils/setId\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport {\n  HvFilterGroupContent,\n  HvFilterGroupContentProps,\n} from \"./FilterContent\";\nimport { staticClasses, useClasses } from \"./FilterGroup.styles\";\nimport { HvFilterGroupProvider } from \"./FilterGroupContext\";\nimport {\n  HvFilterGroupFilters,\n  HvFilterGroupHorizontalPlacement,\n  HvFilterGroupLabels,\n  HvFilterGroupValue,\n} from \"./types\";\n\nexport { staticClasses as filterGroupClasses };\n\nexport type HvFilterGroupClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFilterGroupProps\n  extends Omit<\n    HvFormElementProps,\n    \"classes\" | \"onChange\" | \"defaultValue\" | \"statusMessage\"\n  > {\n  /** The initial value of the input when in single calendar mode. */\n  filters: HvFilterGroupFilters;\n  /** The form element name. */\n  name?: string;\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /**  Provide additional descriptive text for the form element. */\n  description?: React.ReactNode;\n  /** Indicates that the form element is disabled. */\n  disabled?: boolean;\n  /** Indicates that user input is required on the form element. */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**  The error message to show when `status` is \"invalid\". Defaults to \"Required\". */\n  statusMessage?: React.ReactNode;\n  /** The callback fired when the cancel button is clicked. */\n  onCancel?: (event: React.MouseEvent<HTMLButtonElement> | Event) => void;\n  /** The callback fired when the clear filters button is clicked. */\n  onClear?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** The callback fired when the value changes. */\n  onChange?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    value?: HvFilterGroupValue\n  ) => void;\n  /** An Object containing the various text associated with the input. */\n  labels?: HvFilterGroupLabels;\n  /** The placeholder value when nothing is selected. */\n  placeholder?: string;\n  /** The default value of the filter group. If defined the clear action will reset to it. */\n  defaultValue?: HvFilterGroupValue;\n  /** The value of the filter group. */\n  value?: HvFilterGroupValue;\n  /** The placement where the filter group should be placed according to the input. Options are `left` or `right`. */\n  horizontalPlacement?: HvFilterGroupHorizontalPlacement;\n  /** Disable the portal behavior. The children stay within it's parent DOM hierarchy. */\n  disablePortal?: boolean;\n  /** Sets if the filter container should be out of the screen or stay visible. */\n  escapeWithReference?: boolean;\n  /** The height of the filter panel, between 295 and 425. Defaults to 350 */\n  height?: number | string;\n  /** The filter content props */\n  filterContentProps?: Partial<HvFilterGroupContentProps>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFilterGroupClasses;\n}\n\nconst DEFAULT_LABELS: HvFilterGroupLabels = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * This component implements one potential use-case of the Filter Group pattern Design System Specifies.\n * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,\n * while we do not provide a better approach for building this component with smaller and more composable parts.\n */\nexport const HvFilterGroup = (props: HvFilterGroupProps) => {\n  const {\n    className,\n    id,\n    name,\n    required = false,\n    disabled = false,\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n    onChange,\n    onCancel,\n    onClear,\n    status,\n    statusMessage,\n    labels: labelsProp,\n    defaultValue,\n    value,\n    filters,\n    horizontalPlacement = \"right\",\n    disablePortal = true,\n    escapeWithReference = true,\n    height = 350,\n    filterContentProps,\n    classes: classesProp,\n    ...others\n  } = useDefaultProps(\"HvFilterGroup\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n\n  const hasDescription = description != null;\n\n  // Error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={value}\n      status={status}\n      disabled={disabled}\n      required={required}\n      className={cx(classes.root, className)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n              className={classes.label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage\n              id={setId(elementId, \"description\")}\n              className={classes.description}\n            >\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvFilterGroupProvider\n        defaultValue={defaultValue}\n        value={value}\n        filters={filters}\n      >\n        <HvFilterGroupContent\n          id={elementId}\n          disabled={disabled}\n          disablePortal={disablePortal}\n          variableWidth\n          placement={horizontalPlacement}\n          escapeWithReference={escapeWithReference}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          status={status}\n          onChange={onChange}\n          onCancel={onCancel}\n          onClear={onClear}\n          labels={labels}\n          height={height}\n          {...filterContentProps}\n        />\n        {canShowError && (\n          <HvWarningText\n            id={setId(elementId, \"error\")}\n            disableBorder\n            className={classes.error}\n          >\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </HvFilterGroupProvider>\n    </HvFormElement>\n  );\n};\n"],"names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","props","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labels","labelsProp","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","classes","classesProp","others","useDefaultProps","cx","useClasses","validationMessage","useControlled","elementId","useUniqueId","useLabels","hasLabel","hasDescription","canShowError","undefined","HvFormElement","root","children","labelContainer","_jsx","HvLabel","setId","htmlFor","HvInfoMessage","_jsxs","HvFilterGroupProvider","HvFilterGroupContent","variableWidth","placement","HvWarningText","disableBorder","error"],"mappings":"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"}

package/dist/cjs/components/Footer/Footer.cjs

@@ -1,43 +1,46 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const styles = require("@mui/material/styles");
+const material = require("@mui/material");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
-const clsx = require("clsx");
-const footerClasses = require("./footerClasses.cjs");
 const Footer_styles = require("./Footer.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
+const Typography = require("../Typography/Typography.cjs");
 const HvFooter = (props) => {
   const {
     name = "Hitachi Vantara",
     copyright = `© Hitachi Vantara Corporation ${(/* @__PURE__ */ new Date()).getFullYear()}. All Rights Reserved.`,
     links,
-    classes,
+    classes: classesProp,
     className,
     ...others
   } = useDefaultProps.useDefaultProps("HvFooter", props);
   const muiTheme = styles.useTheme();
-  return /* @__PURE__ */ jsxRuntime.jsxs(Footer_styles.StyledRoot, {
-    $breakpoints: muiTheme.breakpoints,
-    className: clsx.clsx(className, footerClasses.default.root, classes == null ? void 0 : classes.root),
+  const {
+    classes,
+    cx
+  } = Footer_styles.useClasses(classesProp);
+  const isSmDown = material.useMediaQuery(muiTheme.breakpoints.down("sm"));
+  return /* @__PURE__ */ jsxRuntime.jsxs("footer", {
+    className: cx(classes.root, className, {
+      [classes.small]: isSmDown
+    }),
     ...others,
-    children: [/* @__PURE__ */ jsxRuntime.jsx(Footer_styles.StyledName, {
-      $breakpoints: muiTheme.breakpoints,
-      variant: "label",
-      className: clsx.clsx(footerClasses.default.name, classes == null ? void 0 : classes.name),
+    children: [/* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+      variant: "highlightText",
+      className: classes.name,
       children: name
-    }), /* @__PURE__ */ jsxRuntime.jsxs(Footer_styles.StyledRightContainer, {
-      className: clsx.clsx(footerClasses.default.rightContainer, classes == null ? void 0 : classes.rightContainer),
-      $breakpoints: muiTheme.breakpoints,
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Footer_styles.StyledCopyright, {
-        $breakpoints: muiTheme.breakpoints,
-        className: clsx.clsx(footerClasses.default.copyright, classes == null ? void 0 : classes.copyright),
+    }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: classes.rightContainer,
+      children: [/* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+        className: classes.copyright,
         children: copyright
-      }), links && /* @__PURE__ */ jsxRuntime.jsx(Footer_styles.StyledSeparator, {
-        $breakpoints: muiTheme.breakpoints,
-        className: clsx.clsx(footerClasses.default.separator, classes == null ? void 0 : classes.separator)
+      }), links && /* @__PURE__ */ jsxRuntime.jsx("div", {
+        className: classes.separator
       }), links]
     })]
   });
 };
+exports.footerClasses = Footer_styles.staticClasses;
 exports.HvFooter = HvFooter;
 //# sourceMappingURL=Footer.cjs.map

package/dist/cjs/components/Footer/Footer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.cjs","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { clsx } from \"clsx\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport footerClasses, { HvFooterClasses } from \"./footerClasses\";\nimport {\n  StyledCopyright,\n  StyledName,\n  StyledRightContainer,\n  StyledRoot,\n  StyledSeparator,\n} from \"./Footer.styles\";\n\nexport interface HvFooterProps extends HvBaseProps {\n  name?: React.ReactNode;\n  copyright?: React.ReactNode;\n  links?: React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFooterClasses;\n}\n\n/**\n * A Footer is a way of providing extra information at the end of a page.\n */\nexport const HvFooter = (props: HvFooterProps) => {\n  const {\n    name = \"Hitachi Vantara\",\n    copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n    links,\n    classes,\n    className,\n    ...others\n  } = useDefaultProps(\"HvFooter\", props);\n  const muiTheme = useTheme();\n\n  return (\n    <StyledRoot\n      $breakpoints={muiTheme.breakpoints}\n      className={clsx(className, footerClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledName\n        $breakpoints={muiTheme.breakpoints}\n        variant=\"label\"\n        className={clsx(footerClasses.name, classes?.name)}\n      >\n        {name}\n      </StyledName>\n      <StyledRightContainer\n        className={clsx(footerClasses.rightContainer, classes?.rightContainer)}\n        $breakpoints={muiTheme.breakpoints}\n      >\n        <StyledCopyright\n          $breakpoints={muiTheme.breakpoints}\n          className={clsx(footerClasses.copyright, classes?.copyright)}\n        >\n          {copyright}\n        </StyledCopyright>\n        {links && (\n          <StyledSeparator\n            $breakpoints={muiTheme.breakpoints}\n            className={clsx(footerClasses.separator, classes?.separator)}\n          />\n        )}\n        {links}\n      </StyledRightContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvFooter","props","name","copyright","Date","getFullYear","links","classes","className","others","useDefaultProps","muiTheme","useTheme","StyledRoot","$breakpoints","breakpoints","clsx","footerClasses","root","children","_jsx","StyledName","variant","_jsxs","StyledRightContainer","rightContainer","StyledCopyright","StyledSeparator","separator"],"mappings":";;;;;;;;AA2BaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC,OAAO;AAAA,IACPC,YAAa,kCAAoCC,oBAAAA,QAAOC,YAAY;AAAA,IACpEC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,YAAYT,KAAK;AACrC,QAAMU,WAAWC,OAAAA;AAEjB,yCACGC,cAAAA,YAAU;AAAA,IACTC,cAAcH,SAASI;AAAAA,IACvBP,WAAWQ,KAAKR,KAAAA,WAAWS,cAAcC,QAAAA,MAAMX,mCAASW,IAAI;AAAA,IAAE,GAC1DT;AAAAA,IAAMU,UAAA,CAEVC,2BAAAA,IAACC,0BAAU;AAAA,MACTP,cAAcH,SAASI;AAAAA,MACvBO,SAAQ;AAAA,MACRd,WAAWQ,KAAAA,KAAKC,cAAAA,QAAcf,MAAMK,mCAASL,IAAI;AAAA,MAAEiB,UAElDjB;AAAAA,IAAAA,CACS,GACZqB,2BAAAA,KAACC,oCAAoB;AAAA,MACnBhB,WAAWQ,KAAAA,KAAKC,cAAAA,QAAcQ,gBAAgBlB,mCAASkB,cAAc;AAAA,MACrEX,cAAcH,SAASI;AAAAA,MAAYI,UAAA,CAEnCC,2BAAAA,IAACM,+BAAe;AAAA,QACdZ,cAAcH,SAASI;AAAAA,QACvBP,WAAWQ,KAAAA,KAAKC,cAAAA,QAAcd,WAAWI,mCAASJ,SAAS;AAAA,QAAEgB,UAE5DhB;AAAAA,MAAAA,CACc,GAChBG,SACCc,2BAAAA,IAACO,+BAAe;AAAA,QACdb,cAAcH,SAASI;AAAAA,QACvBP,WAAWQ,KAAAA,KAAKC,cAAAA,QAAcW,WAAWrB,mCAASqB,SAAS;AAAA,MAC5D,CAAA,GAEFtB,KAAK;AAAA,IAAA,CACc,CAAC;AAAA,EAAA,CACb;AAEhB;;"}
+{"version":3,"file":"Footer.cjs","sources":["../../../../src/components/Footer/Footer.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport { useMediaQuery } from \"@mui/material\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./Footer.styles\";\n\nexport { staticClasses as footerClasses };\n\nexport type HvFooterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvFooterProps extends HvBaseProps {\n  name?: React.ReactNode;\n  copyright?: React.ReactNode;\n  links?: React.ReactNode;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvFooterClasses;\n}\n\n/**\n * A Footer is a way of providing extra information at the end of a page.\n */\nexport const HvFooter = (props: HvFooterProps) => {\n  const {\n    name = \"Hitachi Vantara\",\n    copyright = `© Hitachi Vantara Corporation ${new Date().getFullYear()}. All Rights Reserved.`,\n    links,\n    classes: classesProp,\n    className,\n    ...others\n  } = useDefaultProps(\"HvFooter\", props);\n  const muiTheme = useTheme();\n  const { classes, cx } = useClasses(classesProp);\n\n  const isSmDown = useMediaQuery(muiTheme.breakpoints.down(\"sm\"));\n\n  return (\n    <footer\n      className={cx(classes.root, className, { [classes.small]: isSmDown })}\n      {...others}\n    >\n      <HvTypography variant=\"highlightText\" className={classes.name}>\n        {name}\n      </HvTypography>\n      <div className={classes.rightContainer}>\n        <HvTypography className={classes.copyright}>{copyright}</HvTypography>\n        {links && <div className={classes.separator} />}\n        {links}\n      </div>\n    </footer>\n  );\n};\n"],"names":["HvFooter","props","name","copyright","Date","getFullYear","links","classes","classesProp","className","others","useDefaultProps","muiTheme","useTheme","cx","useClasses","isSmDown","useMediaQuery","breakpoints","down","root","small","children","_jsx","HvTypography","variant","_jsxs","rightContainer","separator"],"mappings":";;;;;;;;AAuBaA,MAAAA,WAAWA,CAACC,UAAyB;AAC1C,QAAA;AAAA,IACJC,OAAO;AAAA,IACPC,YAAa,kCAAoCC,oBAAAA,QAAOC,YAAY;AAAA,IACpEC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,YAAYV,KAAK;AACrC,QAAMW,WAAWC,OAAAA;AACX,QAAA;AAAA,IAAEN;AAAAA,IAASO;AAAAA,EAAAA,IAAOC,cAAAA,WAAWP,WAAW;AAE9C,QAAMQ,WAAWC,SAAAA,cAAcL,SAASM,YAAYC,KAAK,IAAI,CAAC;AAE9D,yCACE,UAAA;AAAA,IACEV,WAAWK,GAAGP,QAAQa,MAAMX,WAAW;AAAA,MAAE,CAACF,QAAQc,KAAK,GAAGL;AAAAA,IAAAA,CAAU;AAAA,IAAE,GAClEN;AAAAA,IAAMY,UAAA,CAEVC,2BAAAA,IAACC,yBAAY;AAAA,MAACC,SAAQ;AAAA,MAAgBhB,WAAWF,QAAQL;AAAAA,MAAKoB,UAC3DpB;AAAAA,IAAAA,CACW,GACdwB,2BAAAA,KAAA,OAAA;AAAA,MAAKjB,WAAWF,QAAQoB;AAAAA,MAAeL,UAAA,CACrCC,2BAAAA,IAACC,yBAAY;AAAA,QAACf,WAAWF,QAAQJ;AAAAA,QAAUmB,UAAEnB;AAAAA,MAAAA,CAAwB,GACpEG,SAASiB,2BAAAA,IAAA,OAAA;AAAA,QAAKd,WAAWF,QAAQqB;AAAAA,MAAY,CAAA,GAC7CtB,KAAK;AAAA,IAAA,CACH,CAAC;AAAA,EAAA,CACA;AAEZ;;;"}

package/dist/cjs/components/Footer/Footer.styles.cjs

@@ -1,110 +1,59 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const _styled = require("@emotion/styled/base");
 const uikitStyles = require("@hitachivantara/uikit-styles");
-const transientOptions = require("../../utils/transientOptions.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+const classes = require("../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvFooter", {
+  root: {
+    display: "flex",
+    alignItems: "center",
+    flexDirection: "row",
+    padding: `${uikitStyles.theme.space.xs} ${uikitStyles.theme.space.sm}`,
+    height: 40,
+    bottom: 0,
+    zIndex: uikitStyles.theme.zIndices.base,
+    backgroundColor: uikitStyles.theme.colors.atmo1,
+    boxShadow: `0 -1px 0 ${uikitStyles.theme.colors.atmo4}`
+  },
+  name: {},
+  rightContainer: {
+    display: "flex",
+    alignItems: "center",
+    flexDirection: "row",
+    marginLeft: "auto"
+  },
+  copyright: {},
+  separator: {
+    width: 1,
+    height: 16,
+    backgroundColor: uikitStyles.theme.colors.secondary,
+    margin: `${uikitStyles.theme.space.xs} ${uikitStyles.theme.space.sm}`
+  },
+  small: {
+    "&$root": {
+      height: "unset",
+      flexDirection: "column",
+      padding: uikitStyles.theme.space.xs
+    },
+    "& $name": {
+      marginBottom: uikitStyles.theme.space.xs
+    },
+    "& $rightContainer": {
+      flexDirection: "column",
+      textAlign: "center",
+      marginLeft: "unset"
+    },
+    "& $copyright": {
+      flexDirection: "column",
+      marginBottom: uikitStyles.theme.space.xs
+    },
+    "& $separator": {
+      display: "none"
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledRoot = /* @__PURE__ */ _styled__default.default("footer", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "eaawjkc4"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "eaawjkc4",
-  label: "StyledRoot"
-}, transientOptions.transientOptions))(({
-  $breakpoints
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  flexDirection: "row",
-  padding: `${uikitStyles.theme.space.xs} ${uikitStyles.theme.space.sm}`,
-  height: 40,
-  bottom: 0,
-  zIndex: uikitStyles.theme.zIndices.base,
-  backgroundColor: uikitStyles.theme.colors.atmo1,
-  boxShadow: `0 -1px 0 ${uikitStyles.theme.colors.atmo4}`,
-  [$breakpoints.down("sm")]: {
-    height: "unset",
-    flexDirection: "column",
-    padding: uikitStyles.theme.space.xs
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVMwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Zvb3Rlci9Gb290ZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImZvb3RlclwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogNDAsXG4gIGJvdHRvbTogMCxcbiAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5iYXNlLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgYm94U2hhZG93OiBgMCAtMXB4IDAgJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgaGVpZ2h0OiBcInVuc2V0XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hbWUgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgbWFyZ2luTGVmdDogXCJ1bnNldFwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29weXJpZ2h0ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgICB3aWR0aDogMSxcbiAgICBoZWlnaHQ6IDE2LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgICBtYXJnaW46IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gICAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");
-const StyledName = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "eaawjkc3"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "eaawjkc3",
-  label: "StyledName"
-}, transientOptions.transientOptions))(({
-  $breakpoints
-}) => ({
-  [$breakpoints.down("sm")]: {
-    marginBottom: uikitStyles.theme.space.xs
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJmb290ZXJcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IDQwLFxuICBib3R0b206IDAsXG4gIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFzZSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogYDAgLTFweCAwICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGhlaWdodDogXCJ1bnNldFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYW1lID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmlnaHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpbkxlZnQ6IFwidW5zZXRcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvcHlyaWdodCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gICAgd2lkdGg6IDEsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
-const StyledRightContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "eaawjkc2"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "eaawjkc2",
-  label: "StyledRightContainer"
-}, transientOptions.transientOptions))(({
-  $breakpoints
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  flexDirection: "row",
-  marginLeft: "auto",
-  [$breakpoints.down("sm")]: {
-    flexDirection: "column",
-    textAlign: "center",
-    marginLeft: "unset"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDb0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJmb290ZXJcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IDQwLFxuICBib3R0b206IDAsXG4gIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFzZSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogYDAgLTFweCAwICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGhlaWdodDogXCJ1bnNldFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYW1lID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmlnaHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpbkxlZnQ6IFwidW5zZXRcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvcHlyaWdodCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gICAgd2lkdGg6IDEsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
-const StyledCopyright = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "eaawjkc1"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "eaawjkc1",
-  label: "StyledCopyright"
-}, transientOptions.transientOptions))(({
-  $breakpoints
-}) => ({
-  [$breakpoints.down("sm")]: {
-    flexDirection: "column",
-    marginBottom: uikitStyles.theme.space.xs
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJmb290ZXJcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IDQwLFxuICBib3R0b206IDAsXG4gIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFzZSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogYDAgLTFweCAwICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGhlaWdodDogXCJ1bnNldFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYW1lID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmlnaHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpbkxlZnQ6IFwidW5zZXRcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvcHlyaWdodCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gICAgd2lkdGg6IDEsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
-const StyledSeparator = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "eaawjkc0"
-} : {
-  target: "eaawjkc0",
-  label: "StyledSeparator"
-})(({
-  $breakpoints
-}) => ({
-  width: 1,
-  height: 16,
-  backgroundColor: uikitStyles.theme.colors.secondary,
-  margin: `${uikitStyles.theme.space.xs} ${uikitStyles.theme.space.sm}`,
-  [$breakpoints.down("sm")]: {
-    display: "none"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStEK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJmb290ZXJcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IDQwLFxuICBib3R0b206IDAsXG4gIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFzZSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogYDAgLTFweCAwICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGhlaWdodDogXCJ1bnNldFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYW1lID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmlnaHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpbkxlZnQ6IFwidW5zZXRcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvcHlyaWdodCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gICAgd2lkdGg6IDEsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
-exports.StyledCopyright = StyledCopyright;
-exports.StyledName = StyledName;
-exports.StyledRightContainer = StyledRightContainer;
-exports.StyledRoot = StyledRoot;
-exports.StyledSeparator = StyledSeparator;
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=Footer.styles.cjs.map

package/dist/cjs/components/Footer/Footer.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.styles.cjs","sources":["../../../../src/components/Footer/Footer.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { Breakpoints as MuiBreakpoints } from \"@mui/material\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"footer\",\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  flexDirection: \"row\",\n  padding: `${theme.space.xs} ${theme.space.sm}`,\n  height: 40,\n  bottom: 0,\n  zIndex: theme.zIndices.base,\n  backgroundColor: theme.colors.atmo1,\n  boxShadow: `0 -1px 0 ${theme.colors.atmo4}`,\n  [$breakpoints.down(\"sm\")]: {\n    height: \"unset\",\n    flexDirection: \"column\",\n    padding: theme.space.xs,\n  },\n}));\n\nexport const StyledName = styled(\n  HvTypography,\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  [$breakpoints.down(\"sm\")]: {\n    marginBottom: theme.space.xs,\n  },\n}));\n\nexport const StyledRightContainer = styled(\n  \"div\",\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  display: \"flex\",\n  alignItems: \"center\",\n  flexDirection: \"row\",\n  marginLeft: \"auto\",\n  [$breakpoints.down(\"sm\")]: {\n    flexDirection: \"column\",\n    textAlign: \"center\",\n    marginLeft: \"unset\",\n  },\n}));\n\nexport const StyledCopyright = styled(\n  HvTypography,\n  transientOptions\n)(({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n  [$breakpoints.down(\"sm\")]: {\n    flexDirection: \"column\",\n    marginBottom: theme.space.xs,\n  },\n}));\n\nexport const StyledSeparator = styled(\"div\")(\n  ({ $breakpoints }: { $breakpoints: MuiBreakpoints }) => ({\n    width: 1,\n    height: 16,\n    backgroundColor: theme.colors.secondary,\n    margin: `${theme.space.xs} ${theme.space.sm}`,\n    [$breakpoints.down(\"sm\")]: {\n      display: \"none\",\n    },\n  })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$breakpoints","display","alignItems","flexDirection","padding","theme","space","xs","sm","height","bottom","zIndex","zIndices","base","backgroundColor","colors","atmo1","boxShadow","atmo4","down","StyledName","HvTypography","marginBottom","StyledRightContainer","marginLeft","textAlign","StyledCopyright","StyledSeparator","_styled","width","secondary","margin"],"mappings":"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"}
+{"version":3,"file":"Footer.styles.cjs","sources":["../../../../src/components/Footer/Footer.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvFooter\", {\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    padding: `${theme.space.xs} ${theme.space.sm}`,\n    height: 40,\n    bottom: 0,\n    zIndex: theme.zIndices.base,\n    backgroundColor: theme.colors.atmo1,\n    boxShadow: `0 -1px 0 ${theme.colors.atmo4}`,\n  },\n  name: {},\n  rightContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    flexDirection: \"row\",\n    marginLeft: \"auto\",\n  },\n  copyright: {},\n  separator: {\n    width: 1,\n    height: 16,\n    backgroundColor: theme.colors.secondary,\n    margin: `${theme.space.xs} ${theme.space.sm}`,\n  },\n  small: {\n    \"&$root\": {\n      height: \"unset\",\n      flexDirection: \"column\",\n      padding: theme.space.xs,\n    },\n    \"& $name\": {\n      marginBottom: theme.space.xs,\n    },\n    \"& $rightContainer\": {\n      flexDirection: \"column\",\n      textAlign: \"center\",\n      marginLeft: \"unset\",\n    },\n    \"& $copyright\": {\n      flexDirection: \"column\",\n      marginBottom: theme.space.xs,\n    },\n    \"& $separator\": { display: \"none\" },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","alignItems","flexDirection","padding","theme","space","xs","sm","height","bottom","zIndex","zIndices","base","backgroundColor","colors","atmo1","boxShadow","atmo4","name","rightContainer","marginLeft","copyright","separator","width","secondary","margin","small","marginBottom","textAlign"],"mappings":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,YAAY;AAAA,EACrEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfC,SAAU,GAAEC,YAAAA,MAAMC,MAAMC,MAAMF,kBAAMC,MAAME;AAAAA,IAC1CC,QAAQ;AAAA,IACRC,QAAQ;AAAA,IACRC,QAAQN,YAAAA,MAAMO,SAASC;AAAAA,IACvBC,iBAAiBT,YAAAA,MAAMU,OAAOC;AAAAA,IAC9BC,WAAY,YAAWZ,YAAAA,MAAMU,OAAOG;AAAAA,EACtC;AAAA,EACAC,MAAM,CAAC;AAAA,EACPC,gBAAgB;AAAA,IACdnB,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfkB,YAAY;AAAA,EACd;AAAA,EACAC,WAAW,CAAC;AAAA,EACZC,WAAW;AAAA,IACTC,OAAO;AAAA,IACPf,QAAQ;AAAA,IACRK,iBAAiBT,YAAAA,MAAMU,OAAOU;AAAAA,IAC9BC,QAAS,GAAErB,YAAAA,MAAMC,MAAMC,MAAMF,kBAAMC,MAAME;AAAAA,EAC3C;AAAA,EACAmB,OAAO;AAAA,IACL,UAAU;AAAA,MACRlB,QAAQ;AAAA,MACRN,eAAe;AAAA,MACfC,SAASC,YAAAA,MAAMC,MAAMC;AAAAA,IACvB;AAAA,IACA,WAAW;AAAA,MACTqB,cAAcvB,YAAAA,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,IACA,qBAAqB;AAAA,MACnBJ,eAAe;AAAA,MACf0B,WAAW;AAAA,MACXR,YAAY;AAAA,IACd;AAAA,IACA,gBAAgB;AAAA,MACdlB,eAAe;AAAA,MACfyB,cAAcvB,YAAAA,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,IACA,gBAAgB;AAAA,MAAEN,SAAS;AAAA,IAAO;AAAA,EACpC;AACF,CAAC;;;"}