@hitachivantara/uikit-react-core 5.23.0 → 5.24.1

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

@@ -1,108 +1,59 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import { transientOptions } from "../../utils/transientOptions.js";
-import { HvTypography } from "../Typography/Typography.js";
-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];
-        }
-      }
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvFooter", {
+  root: {
+    display: "flex",
+    alignItems: "center",
+    flexDirection: "row",
+    padding: `${theme.space.xs} ${theme.space.sm}`,
+    height: 40,
+    bottom: 0,
+    zIndex: theme.zIndices.base,
+    backgroundColor: theme.colors.atmo1,
+    boxShadow: `0 -1px 0 ${theme.colors.atmo4}`
+  },
+  name: {},
+  rightContainer: {
+    display: "flex",
+    alignItems: "center",
+    flexDirection: "row",
+    marginLeft: "auto"
+  },
+  copyright: {},
+  separator: {
+    width: 1,
+    height: 16,
+    backgroundColor: theme.colors.secondary,
+    margin: `${theme.space.xs} ${theme.space.sm}`
+  },
+  small: {
+    "&$root": {
+      height: "unset",
+      flexDirection: "column",
+      padding: theme.space.xs
+    },
+    "& $name": {
+      marginBottom: theme.space.xs
+    },
+    "& $rightContainer": {
+      flexDirection: "column",
+      textAlign: "center",
+      marginLeft: "unset"
+    },
+    "& $copyright": {
+      flexDirection: "column",
+      marginBottom: theme.space.xs
+    },
+    "& $separator": {
+      display: "none"
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledRoot = /* @__PURE__ */ _styled("footer", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "eaawjkc4"
-}, transientOptions) : _extends({}, {
-  target: "eaawjkc4",
-  label: "StyledRoot"
-}, transientOptions))(({
-  $breakpoints
-}) => ({
-  display: "flex",
-  alignItems: "center",
-  flexDirection: "row",
-  padding: `${theme.space.xs} ${theme.space.sm}`,
-  height: 40,
-  bottom: 0,
-  zIndex: theme.zIndices.base,
-  backgroundColor: theme.colors.atmo1,
-  boxShadow: `0 -1px 0 ${theme.colors.atmo4}`,
-  [$breakpoints.down("sm")]: {
-    height: "unset",
-    flexDirection: "column",
-    padding: theme.space.xs
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVMwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Zvb3Rlci9Gb290ZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBCcmVha3BvaW50cyBhcyBNdWlCcmVha3BvaW50cyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImZvb3RlclwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGhlaWdodDogNDAsXG4gIGJvdHRvbTogMCxcbiAgekluZGV4OiB0aGVtZS56SW5kaWNlcy5iYXNlLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgYm94U2hhZG93OiBgMCAtMXB4IDAgJHt0aGVtZS5jb2xvcnMuYXRtbzR9YCxcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgaGVpZ2h0OiBcInVuc2V0XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBwYWRkaW5nOiB0aGVtZS5zcGFjZS54cyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hbWUgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSaWdodENvbnRhaW5lciA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgbWFyZ2luTGVmdDogXCJ1bnNldFwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29weXJpZ2h0ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQoXCJkaXZcIikoXG4gICh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgICB3aWR0aDogMSxcbiAgICBoZWlnaHQ6IDE2LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgICBtYXJnaW46IGAke3RoZW1lLnNwYWNlLnhzfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gICAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");
-const StyledName = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "eaawjkc3"
-}, transientOptions) : _extends({}, {
-  target: "eaawjkc3",
-  label: "StyledName"
-}, transientOptions))(({
-  $breakpoints
-}) => ({
-  [$breakpoints.down("sm")]: {
-    marginBottom: theme.space.xs
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJmb290ZXJcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IDQwLFxuICBib3R0b206IDAsXG4gIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFzZSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogYDAgLTFweCAwICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGhlaWdodDogXCJ1bnNldFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYW1lID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmlnaHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpbkxlZnQ6IFwidW5zZXRcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvcHlyaWdodCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gICAgd2lkdGg6IDEsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
-const StyledRightContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "eaawjkc2"
-}, transientOptions) : _extends({}, {
-  target: "eaawjkc2",
-  label: "StyledRightContainer"
-}, 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(HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "eaawjkc1"
-}, transientOptions) : _extends({}, {
-  target: "eaawjkc1",
-  label: "StyledCopyright"
-}, transientOptions))(({
-  $breakpoints
-}) => ({
-  [$breakpoints.down("sm")]: {
-    flexDirection: "column",
-    marginBottom: theme.space.xs
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJmb290ZXJcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IDQwLFxuICBib3R0b206IDAsXG4gIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFzZSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogYDAgLTFweCAwICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGhlaWdodDogXCJ1bnNldFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYW1lID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmlnaHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpbkxlZnQ6IFwidW5zZXRcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvcHlyaWdodCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gICAgd2lkdGg6IDEsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
-const StyledSeparator = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "eaawjkc0"
-} : {
-  target: "eaawjkc0",
-  label: "StyledSeparator"
-})(({
-  $breakpoints
-}) => ({
-  width: 1,
-  height: 16,
-  backgroundColor: theme.colors.secondary,
-  margin: `${theme.space.xs} ${theme.space.sm}`,
-  [$breakpoints.down("sm")]: {
-    display: "none"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9vdGVyL0Zvb3Rlci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStEK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb290ZXIvRm9vdGVyLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgQnJlYWtwb2ludHMgYXMgTXVpQnJlYWtwb2ludHMgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJmb290ZXJcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICBoZWlnaHQ6IDQwLFxuICBib3R0b206IDAsXG4gIHpJbmRleDogdGhlbWUuekluZGljZXMuYmFzZSxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gIGJveFNoYWRvdzogYDAgLTFweCAwICR7dGhlbWUuY29sb3JzLmF0bW80fWAsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGhlaWdodDogXCJ1bnNldFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgcGFkZGluZzogdGhlbWUuc3BhY2UueHMsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWROYW1lID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBbJGJyZWFrcG9pbnRzLmRvd24oXCJzbVwiKV06IHtcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUmlnaHRDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGJyZWFrcG9pbnRzIH06IHsgJGJyZWFrcG9pbnRzOiBNdWlCcmVha3BvaW50cyB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgbWFyZ2luTGVmdDogXCJhdXRvXCIsXG4gIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIG1hcmdpbkxlZnQ6IFwidW5zZXRcIixcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZENvcHlyaWdodCA9IHN0eWxlZChcbiAgSHZUeXBvZ3JhcGh5LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRicmVha3BvaW50cyB9OiB7ICRicmVha3BvaW50czogTXVpQnJlYWtwb2ludHMgfSkgPT4gKHtcbiAgWyRicmVha3BvaW50cy5kb3duKFwic21cIildOiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VwYXJhdG9yID0gc3R5bGVkKFwiZGl2XCIpKFxuICAoeyAkYnJlYWtwb2ludHMgfTogeyAkYnJlYWtwb2ludHM6IE11aUJyZWFrcG9pbnRzIH0pID0+ICh7XG4gICAgd2lkdGg6IDEsXG4gICAgaGVpZ2h0OiAxNixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnksXG4gICAgbWFyZ2luOiBgJHt0aGVtZS5zcGFjZS54c30gJHt0aGVtZS5zcGFjZS5zbX1gLFxuICAgIFskYnJlYWtwb2ludHMuZG93bihcInNtXCIpXToge1xuICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
+});
 export {
-  StyledCopyright,
-  StyledName,
-  StyledRightContainer,
-  StyledRoot,
-  StyledSeparator
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=Footer.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Footer.styles.js","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","width","secondary","margin"],"mappings":";;;;;;;;;;;;;;;;;;AASaA,MAAAA,qCACX,UAAQC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzDC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,eAAe;AAAA,EACfC,SAAU,GAAEC,MAAMC,MAAMC,MAAMF,MAAMC,MAAME;AAAAA,EAC1CC,QAAQ;AAAA,EACRC,QAAQ;AAAA,EACRC,QAAQN,MAAMO,SAASC;AAAAA,EACvBC,iBAAiBT,MAAMU,OAAOC;AAAAA,EAC9BC,WAAY,YAAWZ,MAAMU,OAAOG;AAAAA,EACpC,CAAClB,aAAamB,KAAK,IAAI,CAAC,GAAG;AAAA,IACzBV,QAAQ;AAAA,IACRN,eAAe;AAAA,IACfC,SAASC,MAAMC,MAAMC;AAAAA,EACvB;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,ykGAAA;AAEUyB,MAAAA,qCACXC,cAAY5B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzD,CAACA,aAAamB,KAAK,IAAI,CAAC,GAAG;AAAA,IACzBG,cAAcjB,MAAMC,MAAMC;AAAAA,EAC5B;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,ykGAAA;AAEU4B,MAAAA,+CACX,OAAK9B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzDC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,eAAe;AAAA,EACfqB,YAAY;AAAA,EACZ,CAACxB,aAAamB,KAAK,IAAI,CAAC,GAAG;AAAA,IACzBhB,eAAe;AAAA,IACfsB,WAAW;AAAA,IACXD,YAAY;AAAA,EACd;AACF,IAAE/B,QAAAC,IAAAC,aAAC,eAAA,KAAA,ykGAAA;AAEU+B,MAAAA,0CACXL,cAAY5B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACZC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAA+C,OAAO;AAAA,EACzD,CAACA,aAAamB,KAAK,IAAI,CAAC,GAAG;AAAA,IACzBhB,eAAe;AAAA,IACfmB,cAAcjB,MAAMC,MAAMC;AAAAA,EAC5B;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,ykGAAA;AAEI,MAAMgC,kBAAyB,wBAAA,OAAKlC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EACzC,CAAC;AAAA,EAAEC;AAA+C,OAAO;AAAA,EACvD4B,OAAO;AAAA,EACPnB,QAAQ;AAAA,EACRK,iBAAiBT,MAAMU,OAAOc;AAAAA,EAC9BC,QAAS,GAAEzB,MAAMC,MAAMC,MAAMF,MAAMC,MAAME;AAAAA,EACzC,CAACR,aAAamB,KAAK,IAAI,CAAC,GAAG;AAAA,IACzBlB,SAAS;AAAA,EACX;AACF,IAAER,QAAAC,IAAAC,0mGACJ;"}
+{"version":3,"file":"Footer.styles.js","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,cAAc,YAAY;AAAA,EACrEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,YAAY;AAAA,IACZC,eAAe;AAAA,IACfC,SAAU,GAAEC,MAAMC,MAAMC,MAAMF,MAAMC,MAAME;AAAAA,IAC1CC,QAAQ;AAAA,IACRC,QAAQ;AAAA,IACRC,QAAQN,MAAMO,SAASC;AAAAA,IACvBC,iBAAiBT,MAAMU,OAAOC;AAAAA,IAC9BC,WAAY,YAAWZ,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,MAAMU,OAAOU;AAAAA,IAC9BC,QAAS,GAAErB,MAAMC,MAAMC,MAAMF,MAAMC,MAAME;AAAAA,EAC3C;AAAA,EACAmB,OAAO;AAAA,IACL,UAAU;AAAA,MACRlB,QAAQ;AAAA,MACRN,eAAe;AAAA,MACfC,SAASC,MAAMC,MAAMC;AAAAA,IACvB;AAAA,IACA,WAAW;AAAA,MACTqB,cAAcvB,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,MAAMC,MAAMC;AAAAA,IAC5B;AAAA,IACA,gBAAgB;AAAA,MAAEN,SAAS;AAAA,IAAO;AAAA,EACpC;AACF,CAAC;"}

package/dist/esm/components/Forms/Adornment/Adornment.js

@@ -1,7 +1,6 @@
 import { forwardRef, useContext } from "react";
-import { clsx } from "clsx";
-import { StyledButton, StyledIcon, StyledRoot } from "./Adornment.styles.js";
-import adornmentClasses from "./adornmentClasses.js";
+import { useClasses } from "./Adornment.styles.js";
+import { staticClasses } from "./Adornment.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 import { HvFormElementDescriptorsContext } from "../FormElement/context/FormElementDescriptorsContext.js";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
@@ -9,7 +8,7 @@ const noop = () => {
 };
 const HvAdornment = forwardRef(({
   id,
-  classes,
+  classes: classesProp,
   className,
   icon,
   showWhen = void 0,
@@ -18,6 +17,10 @@ const HvAdornment = forwardRef(({
   ...others
 }, ref) => {
   var _a;
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const {
     elementStatus = ""
   } = useContext(HvFormElementContext);
@@ -26,36 +29,39 @@ const HvAdornment = forwardRef(({
   } = useContext(HvFormElementDescriptorsContext);
   const displayIcon = isVisible ?? (showWhen === void 0 || elementStatus === showWhen);
   const isClickable = !!onClick;
-  return isClickable ? /* @__PURE__ */ jsx(StyledButton, {
+  return isClickable ? /* @__PURE__ */ jsx("button", {
     id,
     ref,
     type: "button",
     tabIndex: -1,
     "aria-controls": (_a = input == null ? void 0 : input[0]) == null ? void 0 : _a.id,
-    className: clsx(className, adornmentClasses.root, classes == null ? void 0 : classes.root, adornmentClasses.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.adornmentButton, classes == null ? void 0 : classes.adornmentButton, !displayIcon && clsx(adornmentClasses.hideIcon, classes == null ? void 0 : classes.hideIcon)),
+    className: cx(classes.root, classes.adornment, classes.adornmentButton, {
+      [classes.hideIcon]: !displayIcon
+    }, className),
     onClick,
     onMouseDown: (event) => event.preventDefault(),
     onKeyDown: noop,
-    $hideIcon: !displayIcon,
     ...others,
-    children: /* @__PURE__ */ jsx(StyledIcon, {
-      className: clsx(adornmentClasses.icon, classes == null ? void 0 : classes.icon),
+    children: /* @__PURE__ */ jsx("div", {
+      className: classes.icon,
       children: icon
     })
-  }) : /* @__PURE__ */ jsx(StyledRoot, {
+  }) : /* @__PURE__ */ jsx("div", {
     id,
     ref,
-    className: clsx(className, adornmentClasses.root, classes == null ? void 0 : classes.root, adornmentClasses.adornment, classes == null ? void 0 : classes.adornment, adornmentClasses.adornmentIcon, classes == null ? void 0 : classes.adornmentIcon, !displayIcon && clsx(adornmentClasses.hideIcon, classes == null ? void 0 : classes.hideIcon)),
-    $hideIcon: !displayIcon,
+    className: cx(classes.root, classes.adornment, classes.adornmentIcon, {
+      [classes.hideIcon]: !displayIcon
+    }, className),
     role: "presentation",
     ...others,
-    children: /* @__PURE__ */ jsx(StyledIcon, {
-      className: clsx(adornmentClasses.icon, classes == null ? void 0 : classes.icon),
+    children: /* @__PURE__ */ jsx("div", {
+      className: classes.icon,
       children: icon
     })
   });
 });
 export {
-  HvAdornment
+  HvAdornment,
+  staticClasses as adornmentClasses
 };
 //# sourceMappingURL=Adornment.js.map

package/dist/esm/components/Forms/Adornment/Adornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Adornment.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\n\nimport { clsx } from \"clsx\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { StyledRoot, StyledIcon, StyledButton } from \"./Adornment.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  HvFormStatus,\n} from \"../FormElement\";\nimport adornmentClasses, { HvAdornmentClasses } from \"./adornmentClasses\";\n\nconst noop = () => {};\n\nexport interface HvAdornmentProps\n  extends HvBaseProps<\n    HTMLDivElement | HTMLButtonElement,\n    \"onMouseDown\" | \"onKeyDown\"\n  > {\n  /** The icon to be added into the input. */\n  icon: React.ReactNode;\n  /** When the adornment should be displayed. */\n  showWhen?: HvFormStatus;\n  /** Function to be executed when this element is clicked. */\n  onClick?: MouseEventHandler<HTMLButtonElement> | undefined;\n  /** If this property is defined the adornment visibility will be exclusively controlled by this value. */\n  isVisible?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAdornmentClasses;\n}\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nexport const HvAdornment = forwardRef<\n  HTMLDivElement | HTMLButtonElement,\n  HvAdornmentProps\n>(\n  (\n    {\n      id,\n      classes,\n      className,\n      icon,\n      showWhen = undefined,\n      onClick,\n      isVisible = undefined,\n      ...others\n    },\n    ref\n  ) => {\n    const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n    const { input } = useContext(HvFormElementDescriptorsContext);\n\n    const displayIcon =\n      isVisible ?? (showWhen === undefined || elementStatus === showWhen);\n\n    const isClickable = !!onClick;\n\n    return isClickable ? (\n      <StyledButton\n        id={id}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        type=\"button\"\n        tabIndex={-1}\n        aria-controls={input?.[0]?.id}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentButton,\n          classes?.adornmentButton,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        onClick={onClick}\n        onMouseDown={(event) => event.preventDefault()}\n        onKeyDown={noop}\n        $hideIcon={!displayIcon}\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledButton>\n    ) : (\n      <StyledRoot\n        id={id}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        className={clsx(\n          className,\n          adornmentClasses.root,\n          classes?.root,\n          adornmentClasses.adornment,\n          classes?.adornment,\n          adornmentClasses.adornmentIcon,\n          classes?.adornmentIcon,\n          !displayIcon && clsx(adornmentClasses.hideIcon, classes?.hideIcon)\n        )}\n        $hideIcon={!displayIcon}\n        role=\"presentation\"\n        {...others}\n      >\n        <StyledIcon className={clsx(adornmentClasses.icon, classes?.icon)}>\n          {icon}\n        </StyledIcon>\n      </StyledRoot>\n    );\n  }\n);\n"],"names":["noop","HvAdornment","forwardRef","id","classes","className","icon","showWhen","undefined","onClick","isVisible","others","ref","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","StyledButton","type","tabIndex","clsx","adornmentClasses","root","adornment","adornmentButton","hideIcon","onMouseDown","event","preventDefault","onKeyDown","$hideIcon","children","StyledIcon","_jsx","StyledRoot","adornmentIcon","role"],"mappings":";;;;;;;AAcA,MAAMA,OAAOA,MAAM;AAAC;AA8BPC,MAAAA,cAAcC,WAIzB,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,EACZ,GAAGG;AACL,GACAC,QACG;;AACG,QAAA;AAAA,IAAEC,gBAAgB;AAAA,EAAA,IAAOC,WAAWC,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,WAAWG,+BAA+B;AAE5D,QAAMC,cACJR,cAAcH,aAAaC,UAAaK,kBAAkBN;AAEtDY,QAAAA,cAAc,CAAC,CAACV;AAEfU,SAAAA,kCACJC,cAAY;AAAA,IACXjB;AAAAA,IACAS;AAAAA,IACAS,MAAK;AAAA,IACLC,UAAU;AAAA,IACV,kBAAeN,oCAAQ,OAARA,mBAAYb;AAAAA,IAC3BE,WAAWkB,KACTlB,WACAmB,iBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAiBE,WACjBtB,mCAASsB,WACTF,iBAAiBG,iBACjBvB,mCAASuB,iBACT,CAACT,eAAeK,KAAKC,iBAAiBI,UAAUxB,mCAASwB,QAAQ,CACnE;AAAA,IACAnB;AAAAA,IACAoB,aAAcC,CAAUA,UAAAA,MAAMC,eAAe;AAAA,IAC7CC,WAAWhC;AAAAA,IACXiC,WAAW,CAACf;AAAAA,IAAY,GACpBP;AAAAA,IAAMuB,8BAETC,YAAU;AAAA,MAAC9B,WAAWkB,KAAKC,iBAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE4B,UAC/D5B;AAAAA,IAAAA,CACS;AAAA,EAAA,CACA,IAEd8B,oBAACC,YAAU;AAAA,IACTlC;AAAAA,IACAS;AAAAA,IACAP,WAAWkB,KACTlB,WACAmB,iBAAiBC,MACjBrB,mCAASqB,MACTD,iBAAiBE,WACjBtB,mCAASsB,WACTF,iBAAiBc,eACjBlC,mCAASkC,eACT,CAACpB,eAAeK,KAAKC,iBAAiBI,UAAUxB,mCAASwB,QAAQ,CACnE;AAAA,IACAK,WAAW,CAACf;AAAAA,IACZqB,MAAK;AAAA,IAAc,GACf5B;AAAAA,IAAMuB,8BAETC,YAAU;AAAA,MAAC9B,WAAWkB,KAAKC,iBAAiBlB,MAAMF,mCAASE,IAAI;AAAA,MAAE4B,UAC/D5B;AAAAA,IAAAA,CACS;AAAA,EAAA,CACF;AAEhB,CACF;"}
+{"version":3,"file":"Adornment.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.tsx"],"sourcesContent":["import { useContext, forwardRef, MouseEventHandler, ForwardedRef } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./Adornment.styles\";\nimport {\n  HvFormElementContext,\n  HvFormElementDescriptorsContext,\n  HvFormStatus,\n} from \"../FormElement\";\n\nconst noop = () => {};\n\nexport { staticClasses as adornmentClasses };\n\nexport type HvAdornmentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvAdornmentProps\n  extends HvBaseProps<\n    HTMLDivElement | HTMLButtonElement,\n    \"onMouseDown\" | \"onKeyDown\"\n  > {\n  /** The icon to be added into the input. */\n  icon: React.ReactNode;\n  /** When the adornment should be displayed. */\n  showWhen?: HvFormStatus;\n  /** Function to be executed when this element is clicked. */\n  onClick?: MouseEventHandler<HTMLButtonElement> | undefined;\n  /** If this property is defined the adornment visibility will be exclusively controlled by this value. */\n  isVisible?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvAdornmentClasses;\n}\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nexport const HvAdornment = forwardRef<\n  HTMLDivElement | HTMLButtonElement,\n  HvAdornmentProps\n>(\n  (\n    {\n      id,\n      classes: classesProp,\n      className,\n      icon,\n      showWhen = undefined,\n      onClick,\n      isVisible = undefined,\n      ...others\n    },\n    ref\n  ) => {\n    const { classes, cx } = useClasses(classesProp);\n\n    const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n    const { input } = useContext(HvFormElementDescriptorsContext);\n\n    const displayIcon =\n      isVisible ?? (showWhen === undefined || elementStatus === showWhen);\n\n    const isClickable = !!onClick;\n\n    return isClickable ? (\n      <button\n        id={id}\n        ref={ref as ForwardedRef<HTMLButtonElement>}\n        type=\"button\"\n        tabIndex={-1}\n        aria-controls={input?.[0]?.id}\n        className={cx(\n          classes.root,\n          classes.adornment,\n          classes.adornmentButton,\n          { [classes.hideIcon]: !displayIcon },\n          className\n        )}\n        onClick={onClick}\n        onMouseDown={(event) => event.preventDefault()}\n        onKeyDown={noop}\n        {...others}\n      >\n        <div className={classes.icon}>{icon}</div>\n      </button>\n    ) : (\n      <div\n        id={id}\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        className={cx(\n          classes.root,\n          classes.adornment,\n          classes.adornmentIcon,\n          { [classes.hideIcon]: !displayIcon },\n          className\n        )}\n        role=\"presentation\"\n        {...others}\n      >\n        <div className={classes.icon}>{icon}</div>\n      </div>\n    );\n  }\n);\n"],"names":["noop","HvAdornment","forwardRef","id","classes","classesProp","className","icon","showWhen","undefined","onClick","isVisible","others","ref","cx","useClasses","elementStatus","useContext","HvFormElementContext","input","HvFormElementDescriptorsContext","displayIcon","isClickable","type","tabIndex","root","adornment","adornmentButton","hideIcon","onMouseDown","event","preventDefault","onKeyDown","children","_jsx","adornmentIcon","role"],"mappings":";;;;;;AAYA,MAAMA,OAAOA,MAAM;AAAC;AAkCPC,MAAAA,cAAcC,WAIzB,CACE;AAAA,EACEC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC,WAAWC;AAAAA,EACXC;AAAAA,EACAC,YAAYF;AAAAA,EACZ,GAAGG;AACL,GACAC,QACG;;AACG,QAAA;AAAA,IAAET;AAAAA,IAASU;AAAAA,EAAAA,IAAOC,WAAWV,WAAW;AAExC,QAAA;AAAA,IAAEW,gBAAgB;AAAA,EAAA,IAAOC,WAAWC,oBAAoB;AAExD,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAUF,WAAWG,+BAA+B;AAE5D,QAAMC,cACJV,cAAcH,aAAaC,UAAaO,kBAAkBR;AAEtDc,QAAAA,cAAc,CAAC,CAACZ;AAEfY,SAAAA,kCACL,UAAA;AAAA,IACEnB;AAAAA,IACAU;AAAAA,IACAU,MAAK;AAAA,IACLC,UAAU;AAAA,IACV,kBAAeL,oCAAQ,OAARA,mBAAYhB;AAAAA,IAC3BG,WAAWQ,GACTV,QAAQqB,MACRrB,QAAQsB,WACRtB,QAAQuB,iBACR;AAAA,MAAE,CAACvB,QAAQwB,QAAQ,GAAG,CAACP;AAAAA,OACvBf,SACF;AAAA,IACAI;AAAAA,IACAmB,aAAcC,CAAUA,UAAAA,MAAMC,eAAe;AAAA,IAC7CC,WAAWhC;AAAAA,IAAK,GACZY;AAAAA,IAAMqB,8BAEV,OAAA;AAAA,MAAK3B,WAAWF,QAAQG;AAAAA,MAAK0B,UAAE1B;AAAAA,IAAAA,CAAU;AAAA,EAAA,CACnC,IAER2B,oBAAA,OAAA;AAAA,IACE/B;AAAAA,IACAU;AAAAA,IACAP,WAAWQ,GACTV,QAAQqB,MACRrB,QAAQsB,WACRtB,QAAQ+B,eACR;AAAA,MAAE,CAAC/B,QAAQwB,QAAQ,GAAG,CAACP;AAAAA,OACvBf,SACF;AAAA,IACA8B,MAAK;AAAA,IAAc,GACfxB;AAAAA,IAAMqB,8BAEV,OAAA;AAAA,MAAK3B,WAAWF,QAAQG;AAAAA,MAAK0B,UAAE1B;AAAAA,IAAAA,CAAU;AAAA,EAAA,CACtC;AAET,CACF;"}

package/dist/esm/components/Forms/Adornment/Adornment.styles.js

@@ -1,82 +1,36 @@
-import _styled from "@emotion/styled/base";
 import { outlineStyles } from "../../../utils/focusUtils.js";
-import { transientOptions } from "../../../utils/transientOptions.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-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];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "ek2tbgi2"
-}, transientOptions) : _extends({}, {
-  target: "ek2tbgi2",
-  label: "StyledRoot"
-}, transientOptions))(({
-  $hideIcon
-}) => ({
-  // adornment
-  backgroundColor: "transparent",
-  border: "none",
-  padding: 0,
-  margin: 0,
-  // adornmentIcon
-  cursor: "default",
-  pointerEvents: "none",
-  ...$hideIcon && {
-    display: "none"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQWRvcm5tZW50L0Fkb3JubWVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUswQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Zvcm1zL0Fkb3JubWVudC9BZG9ybm1lbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcIkBjb3JlL3V0aWxzL2ZvY3VzVXRpbHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdCA9IHN0eWxlZChcbiAgXCJkaXZcIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGlkZUljb24gfTogeyAkaGlkZUljb246IGJvb2xlYW4gfSkgPT4gKHtcbiAgLy8gYWRvcm5tZW50XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBib3JkZXI6IFwibm9uZVwiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIC8vIGFkb3JubWVudEljb25cbiAgY3Vyc29yOiBcImRlZmF1bHRcIixcbiAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gIC4uLigkaGlkZUljb24gJiYge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogMzIsXG4gIGhlaWdodDogMzIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJ1dHRvbiA9IHN0eWxlZChcbiAgXCJidXR0b25cIixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkaGlkZUljb24gfTogeyAkaGlkZUljb246IGJvb2xlYW4gfSkgPT4gKHtcbiAgLy8gYWRvcm5tZW50XG4gIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICBib3JkZXI6IFwibm9uZVwiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIC8vIGFkb3JubWVudEJ1dHRvblxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6Zm9jdXNcIjoge1xuICAgIC4uLm91dGxpbmVTdHlsZXMsXG4gIH0sXG4gIC4uLigkaGlkZUljb24gJiYge1xuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
-const StyledIcon = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ek2tbgi1"
-} : {
-  target: "ek2tbgi1",
-  label: "StyledIcon"
-})(process.env.NODE_ENV === "production" ? {
-  name: "68x97p",
-  styles: "width:32px;height:32px"
-} : {
-  name: "68x97p",
-  styles: "width:32px;height:32px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQWRvcm5tZW50L0Fkb3JubWVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9BZG9ybm1lbnQvQWRvcm5tZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGhpZGVJY29uIH06IHsgJGhpZGVJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC8vIGFkb3JubWVudFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgcGFkZGluZzogMCxcbiAgbWFyZ2luOiAwLFxuICAvLyBhZG9ybm1lbnRJY29uXG4gIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAuLi4oJGhpZGVJY29uICYmIHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IDMyLFxuICBoZWlnaHQ6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIFwiYnV0dG9uXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGhpZGVJY29uIH06IHsgJGhpZGVJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC8vIGFkb3JubWVudFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgcGFkZGluZzogMCxcbiAgbWFyZ2luOiAwLFxuICAvLyBhZG9ybm1lbnRCdXR0b25cbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmZvY3VzXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuICAuLi4oJGhpZGVJY29uICYmIHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSksXG59KSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledButton = /* @__PURE__ */ _styled("button", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "ek2tbgi0"
-}, transientOptions) : _extends({}, {
-  target: "ek2tbgi0",
-  label: "StyledButton"
-}, transientOptions))(({
-  $hideIcon
-}) => ({
-  // adornment
-  backgroundColor: "transparent",
-  border: "none",
-  padding: 0,
-  margin: 0,
-  // adornmentButton
-  cursor: "pointer",
-  "&:focus": {
-    ...outlineStyles
+import { createClasses } from "../../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvAdornment", {
+  root: {},
+  icon: {
+    width: 32,
+    height: 32
+  },
+  adornment: {
+    backgroundColor: "transparent",
+    border: "none",
+    padding: 0,
+    margin: 0
   },
-  ...$hideIcon && {
+  adornmentIcon: {
+    cursor: "default",
+    pointerEvents: "none"
+  },
+  hideIcon: {
     display: "none"
+  },
+  adornmentButton: {
+    cursor: "pointer",
+    "&:focus": {
+      ...outlineStyles
+    }
   }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRm9ybXMvQWRvcm5tZW50L0Fkb3JubWVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCNEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Gb3Jtcy9BZG9ybm1lbnQvQWRvcm5tZW50LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuaW1wb3J0IHsgb3V0bGluZVN0eWxlcyB9IGZyb20gXCJAY29yZS91dGlscy9mb2N1c1V0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGhpZGVJY29uIH06IHsgJGhpZGVJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC8vIGFkb3JubWVudFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgcGFkZGluZzogMCxcbiAgbWFyZ2luOiAwLFxuICAvLyBhZG9ybm1lbnRJY29uXG4gIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAuLi4oJGhpZGVJY29uICYmIHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IDMyLFxuICBoZWlnaHQ6IDMyLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoXG4gIFwiYnV0dG9uXCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGhpZGVJY29uIH06IHsgJGhpZGVJY29uOiBib29sZWFuIH0pID0+ICh7XG4gIC8vIGFkb3JubWVudFxuICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgYm9yZGVyOiBcIm5vbmVcIixcbiAgcGFkZGluZzogMCxcbiAgbWFyZ2luOiAwLFxuICAvLyBhZG9ybm1lbnRCdXR0b25cbiAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgXCImOmZvY3VzXCI6IHtcbiAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICB9LFxuICAuLi4oJGhpZGVJY29uICYmIHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSksXG59KSk7XG4iXX0= */");
+});
 export {
-  StyledButton,
-  StyledIcon,
-  StyledRoot
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=Adornment.styles.js.map

package/dist/esm/components/Forms/Adornment/Adornment.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Adornment.styles.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(({ $hideIcon }: { $hideIcon: boolean }) => ({\n  // adornment\n  backgroundColor: \"transparent\",\n  border: \"none\",\n  padding: 0,\n  margin: 0,\n  // adornmentIcon\n  cursor: \"default\",\n  pointerEvents: \"none\",\n  ...($hideIcon && {\n    display: \"none\",\n  }),\n}));\n\nexport const StyledIcon = styled(\"div\")({\n  width: 32,\n  height: 32,\n});\n\nexport const StyledButton = styled(\n  \"button\",\n  transientOptions\n)(({ $hideIcon }: { $hideIcon: boolean }) => ({\n  // adornment\n  backgroundColor: \"transparent\",\n  border: \"none\",\n  padding: 0,\n  margin: 0,\n  // adornmentButton\n  cursor: \"pointer\",\n  \"&:focus\": {\n    ...outlineStyles,\n  },\n  ...($hideIcon && {\n    display: \"none\",\n  }),\n}));\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$hideIcon","backgroundColor","border","padding","margin","cursor","pointerEvents","display","StyledIcon","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledButton","outlineStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;AAKaA,MAAAA,qCACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA;AAAA,EAE5CC,iBAAiB;AAAA,EACjBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,QAAQ;AAAA;AAAA,EAERC,QAAQ;AAAA,EACRC,eAAe;AAAA,EACf,GAAIN,aAAa;AAAA,IACfO,SAAS;AAAA,EACX;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,ywDAAA;AAEI,MAAMa,aAAoB,wBAAA,OAAKf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAACN,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAc,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtC;AAEYC,MAAAA,uCACX,UAAQrB,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CAClB,EAAE,CAAC;AAAA,EAAEE;AAAkC,OAAO;AAAA;AAAA,EAE5CC,iBAAiB;AAAA,EACjBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,QAAQ;AAAA;AAAA,EAERC,QAAQ;AAAA,EACR,WAAW;AAAA,IACT,GAAGU;AAAAA,EACL;AAAA,EACA,GAAIf,aAAa;AAAA,IACfO,SAAS;AAAA,EACX;AACF,IAAEd,QAAAC,IAAAC,aAAC,eAAA,KAAA,ywDAAA;"}
+{"version":3,"file":"Adornment.styles.js","sources":["../../../../../src/components/Forms/Adornment/Adornment.styles.tsx"],"sourcesContent":["import { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvAdornment\", {\n  root: {},\n  icon: { width: 32, height: 32 },\n  adornment: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n  },\n  adornmentIcon: { cursor: \"default\", pointerEvents: \"none\" },\n  hideIcon: { display: \"none\" },\n  adornmentButton: {\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","icon","width","height","adornment","backgroundColor","border","padding","margin","adornmentIcon","cursor","pointerEvents","hideIcon","display","adornmentButton","outlineStyles"],"mappings":";;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,eAAe;AAAA,EACxEC,MAAM,CAAC;AAAA,EACPC,MAAM;AAAA,IAAEC,OAAO;AAAA,IAAIC,QAAQ;AAAA,EAAG;AAAA,EAC9BC,WAAW;AAAA,IACTC,iBAAiB;AAAA,IACjBC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC,QAAQ;AAAA,EACV;AAAA,EACAC,eAAe;AAAA,IAAEC,QAAQ;AAAA,IAAWC,eAAe;AAAA,EAAO;AAAA,EAC1DC,UAAU;AAAA,IAAEC,SAAS;AAAA,EAAO;AAAA,EAC5BC,iBAAiB;AAAA,IACfJ,QAAQ;AAAA,IACR,WAAW;AAAA,MACT,GAAGK;AAAAA,IACL;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/components/Forms/CharCounter/CharCounter.js

@@ -1,23 +1,27 @@
 import { useContext } from "react";
 import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
-import { clsx } from "clsx";
 import { setId } from "../../../utils/setId.js";
-import { StyledRoot, StyledTypography } from "./CharCounter.styles.js";
-import charCounterClasses from "./charCounterClasses.js";
+import { useClasses } from "./CharCounter.styles.js";
+import { staticClasses } from "./CharCounter.styles.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { HvFormElementContext } from "../FormElement/context/FormElementContext.js";
+import { HvTypography } from "../../Typography/Typography.js";
 const HvCharCounter = (props) => {
   const {
     separator = "/",
     maxCharQuantity,
     currentCharQuantity = 0,
-    classes,
+    classes: classesProp,
     className,
     id,
     disabled,
     disableGutter = false,
     ...others
   } = useDefaultProps("HvCharCounter", props);
+  const {
+    classes,
+    cx
+  } = useClasses(classesProp);
   const {
     elementId,
     elementDisabled
@@ -27,34 +31,38 @@ const HvCharCounter = (props) => {
   const currentId = setId(localId, "currentQuantity");
   const maxQuantityId = setId(localId, "maxQuantity");
   const isOverloaded = currentCharQuantity > maxCharQuantity;
-  return /* @__PURE__ */ jsxs(StyledRoot, {
+  return /* @__PURE__ */ jsxs("div", {
     id: localId,
-    className: clsx(className, charCounterClasses.root, classes == null ? void 0 : classes.root, localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled), !disableGutter && clsx(charCounterClasses.gutter, classes == null ? void 0 : classes.gutter)),
-    $counterDisabled: !!localDisabled,
-    $gutter: !disableGutter,
+    className: cx(classes.root, {
+      [classes.counterDisabled]: !!localDisabled,
+      [classes.gutter]: !disableGutter
+    }, className),
     "aria-live": "polite",
     "aria-disabled": localDisabled,
     ...others,
-    children: [/* @__PURE__ */ jsx(StyledTypography, {
+    children: [/* @__PURE__ */ jsx(HvTypography, {
       id: currentId,
-      className: clsx(isOverloaded && !localDisabled && clsx(charCounterClasses.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled)),
+      className: cx({
+        [classes.overloaded]: isOverloaded && !localDisabled,
+        [classes.counterDisabled]: !!localDisabled
+      }),
       variant: "label",
       component: "label",
-      $overloaded: isOverloaded && !localDisabled,
-      $counterDisabled: !!localDisabled,
       children: currentCharQuantity
-    }), /* @__PURE__ */ jsx(StyledTypography, {
+    }), /* @__PURE__ */ jsx(HvTypography, {
       id: maxQuantityId,
-      className: clsx(isOverloaded && !localDisabled && clsx(charCounterClasses.overloaded, classes == null ? void 0 : classes.overloaded), localDisabled && clsx(charCounterClasses.counterDisabled, classes == null ? void 0 : classes.counterDisabled)),
+      className: cx({
+        [classes.overloaded]: isOverloaded && !localDisabled,
+        [classes.counterDisabled]: !!localDisabled
+      }),
       variant: "body",
       component: "label",
-      $overloaded: isOverloaded && !localDisabled,
-      $counterDisabled: !!localDisabled,
       children: ` ${separator} ${maxCharQuantity}`
     })]
   });
 };
 export {
-  HvCharCounter
+  HvCharCounter,
+  staticClasses as charCounterClasses
 };
 //# sourceMappingURL=CharCounter.js.map

package/dist/esm/components/Forms/CharCounter/CharCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CharCounter.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { clsx } from \"clsx\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { StyledRoot, StyledTypography } from \"./CharCounter.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport charCounterClasses, { HvCharCounterClasses } from \"./charCounterClasses\";\n\nexport interface HvCharCounterProps extends HvBaseProps {\n  /** The string that separates the current char quantity from the max quantity. */\n  separator?: string;\n  /** The maximum allowed length of the characters. */\n  maxCharQuantity: number;\n  /** The current char quantity to be rendered. */\n  currentCharQuantity?: number;\n  /** If `true` the counter is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCharCounterClasses;\n}\n\n/**\n * Displays the capacity and current usage of a text input box (character count by default).\n *\n * Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = (props: HvCharCounterProps) => {\n  const {\n    separator = \"/\",\n    maxCharQuantity,\n    currentCharQuantity = 0,\n    classes,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = useDefaultProps(\"HvCharCounter\", props);\n\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"counter\");\n  const currentId = setId(localId, \"currentQuantity\");\n  const maxQuantityId = setId(localId, \"maxQuantity\");\n  const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n  return (\n    <StyledRoot\n      id={localId}\n      className={clsx(\n        className,\n        charCounterClasses.root,\n        classes?.root,\n        localDisabled &&\n          clsx(charCounterClasses.counterDisabled, classes?.counterDisabled),\n        !disableGutter && clsx(charCounterClasses.gutter, classes?.gutter)\n      )}\n      $counterDisabled={!!localDisabled}\n      $gutter={!disableGutter}\n      aria-live=\"polite\"\n      aria-disabled={localDisabled}\n      {...others}\n    >\n      <StyledTypography\n        id={currentId}\n        className={clsx(\n          isOverloaded &&\n            !localDisabled &&\n            clsx(charCounterClasses.overloaded, classes?.overloaded),\n          localDisabled &&\n            clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n        )}\n        variant=\"label\"\n        component=\"label\"\n        $overloaded={isOverloaded && !localDisabled}\n        $counterDisabled={!!localDisabled}\n      >\n        {currentCharQuantity}\n      </StyledTypography>\n      <StyledTypography\n        id={maxQuantityId}\n        className={clsx(\n          isOverloaded &&\n            !localDisabled &&\n            clsx(charCounterClasses.overloaded, classes?.overloaded),\n          localDisabled &&\n            clsx(charCounterClasses.counterDisabled, classes?.counterDisabled)\n        )}\n        variant=\"body\"\n        component=\"label\"\n        $overloaded={isOverloaded && !localDisabled}\n        $counterDisabled={!!localDisabled}\n      >\n        {` ${separator} ${maxCharQuantity}`}\n      </StyledTypography>\n    </StyledRoot>\n  );\n};\n"],"names":["HvCharCounter","props","separator","maxCharQuantity","currentCharQuantity","classes","className","id","disabled","disableGutter","others","useDefaultProps","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","StyledRoot","clsx","charCounterClasses","root","counterDisabled","gutter","$counterDisabled","$gutter","children","_jsx","StyledTypography","overloaded","variant","component","$overloaded"],"mappings":";;;;;;;;AAiCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC,YAAY;AAAA,IACZC;AAAAA,IACAC,sBAAsB;AAAA,IACtBC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,gBAAgB;AAAA,IAChB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,iBAAiBV,KAAK;AAEpC,QAAA;AAAA,IAAEW;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBR,YAAYK;AAClC,QAAMI,UAAUV,MAAMW,MAAMN,WAAW,SAAS;AAC1CO,QAAAA,YAAYD,MAAMD,SAAS,iBAAiB;AAC5CG,QAAAA,gBAAgBF,MAAMD,SAAS,aAAa;AAClD,QAAMI,eAAejB,sBAAsBD;AAE3C,8BACGmB,YAAU;AAAA,IACTf,IAAIU;AAAAA,IACJX,WAAWiB,KACTjB,WACAkB,mBAAmBC,MACnBpB,mCAASoB,MACTT,iBACEO,KAAKC,mBAAmBE,iBAAiBrB,mCAASqB,eAAe,GACnE,CAACjB,iBAAiBc,KAAKC,mBAAmBG,QAAQtB,mCAASsB,MAAM,CACnE;AAAA,IACAC,kBAAkB,CAAC,CAACZ;AAAAA,IACpBa,SAAS,CAACpB;AAAAA,IACV,aAAU;AAAA,IACV,iBAAeO;AAAAA,IAAc,GACzBN;AAAAA,IAAMoB,UAAA,CAEVC,oBAACC,kBAAgB;AAAA,MACfzB,IAAIY;AAAAA,MACJb,WAAWiB,KACTF,gBACE,CAACL,iBACDO,KAAKC,mBAAmBS,YAAY5B,mCAAS4B,UAAU,GACzDjB,iBACEO,KAAKC,mBAAmBE,iBAAiBrB,mCAASqB,eAAe,CACrE;AAAA,MACAQ,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,aAAaf,gBAAgB,CAACL;AAAAA,MAC9BY,kBAAkB,CAAC,CAACZ;AAAAA,MAAcc,UAEjC1B;AAAAA,IAAAA,CACe,GAClB2B,oBAACC,kBAAgB;AAAA,MACfzB,IAAIa;AAAAA,MACJd,WAAWiB,KACTF,gBACE,CAACL,iBACDO,KAAKC,mBAAmBS,YAAY5B,mCAAS4B,UAAU,GACzDjB,iBACEO,KAAKC,mBAAmBE,iBAAiBrB,mCAASqB,eAAe,CACrE;AAAA,MACAQ,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,aAAaf,gBAAgB,CAACL;AAAAA,MAC9BY,kBAAkB,CAAC,CAACZ;AAAAA,MAAcc,UAEhC,IAAG5B,aAAaC;AAAAA,IAAAA,CACF,CAAC;AAAA,EAAA,CACT;AAEhB;"}
+{"version":3,"file":"CharCounter.js","sources":["../../../../../src/components/Forms/CharCounter/CharCounter.tsx"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { staticClasses, useClasses } from \"./CharCounter.styles\";\nimport { HvFormElementContext } from \"../FormElement\";\n\nexport { staticClasses as charCounterClasses };\n\nexport type HvCharCounterClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvCharCounterProps extends HvBaseProps {\n  /** The string that separates the current char quantity from the max quantity. */\n  separator?: string;\n  /** The maximum allowed length of the characters. */\n  maxCharQuantity: number;\n  /** The current char quantity to be rendered. */\n  currentCharQuantity?: number;\n  /** If `true` the counter is disabled. */\n  disabled?: boolean;\n  /** If `true` the info message won't have margins. */\n  disableGutter?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvCharCounterClasses;\n}\n\n/**\n * Displays the capacity and current usage of a text input box (character count by default).\n *\n * Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nexport const HvCharCounter = (props: HvCharCounterProps) => {\n  const {\n    separator = \"/\",\n    maxCharQuantity,\n    currentCharQuantity = 0,\n    classes: classesProp,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = useDefaultProps(\"HvCharCounter\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"counter\");\n  const currentId = setId(localId, \"currentQuantity\");\n  const maxQuantityId = setId(localId, \"maxQuantity\");\n  const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n  return (\n    <div\n      id={localId}\n      className={cx(\n        classes.root,\n        {\n          [classes.counterDisabled]: !!localDisabled,\n          [classes.gutter]: !disableGutter,\n        },\n        className\n      )}\n      aria-live=\"polite\"\n      aria-disabled={localDisabled}\n      {...others}\n    >\n      <HvTypography\n        id={currentId}\n        className={cx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: !!localDisabled,\n        })}\n        variant=\"label\"\n        component=\"label\"\n      >\n        {currentCharQuantity}\n      </HvTypography>\n      <HvTypography\n        id={maxQuantityId}\n        className={cx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: !!localDisabled,\n        })}\n        variant=\"body\"\n        component=\"label\"\n      >\n        {` ${separator} ${maxCharQuantity}`}\n      </HvTypography>\n    </div>\n  );\n};\n"],"names":["HvCharCounter","props","separator","maxCharQuantity","currentCharQuantity","classes","classesProp","className","id","disabled","disableGutter","others","useDefaultProps","cx","useClasses","elementId","elementDisabled","useContext","HvFormElementContext","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","root","counterDisabled","gutter","children","_jsx","HvTypography","overloaded","variant","component"],"mappings":";;;;;;;;AAoCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC,YAAY;AAAA,IACZC;AAAAA,IACAC,sBAAsB;AAAA,IACtBC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,gBAAgB;AAAA,IAChB,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,iBAAiBX,KAAK;AAEpC,QAAA;AAAA,IAAEI;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAExC,QAAA;AAAA,IAAES;AAAAA,IAAWC;AAAAA,EAAAA,IAAoBC,WAAWC,oBAAoB;AACtE,QAAMC,gBAAgBV,YAAYO;AAClC,QAAMI,UAAUZ,MAAMa,MAAMN,WAAW,SAAS;AAC1CO,QAAAA,YAAYD,MAAMD,SAAS,iBAAiB;AAC5CG,QAAAA,gBAAgBF,MAAMD,SAAS,aAAa;AAClD,QAAMI,eAAepB,sBAAsBD;AAE3C,8BACE,OAAA;AAAA,IACEK,IAAIY;AAAAA,IACJb,WAAWM,GACTR,QAAQoB,MACR;AAAA,MACE,CAACpB,QAAQqB,eAAe,GAAG,CAAC,CAACP;AAAAA,MAC7B,CAACd,QAAQsB,MAAM,GAAG,CAACjB;AAAAA,OAErBH,SACF;AAAA,IACA,aAAU;AAAA,IACV,iBAAeY;AAAAA,IAAc,GACzBR;AAAAA,IAAMiB,UAAA,CAEVC,oBAACC,cAAY;AAAA,MACXtB,IAAIc;AAAAA,MACJf,WAAWM,GAAG;AAAA,QACZ,CAACR,QAAQ0B,UAAU,GAAGP,gBAAgB,CAACL;AAAAA,QACvC,CAACd,QAAQqB,eAAe,GAAG,CAAC,CAACP;AAAAA,MAAAA,CAC9B;AAAA,MACDa,SAAQ;AAAA,MACRC,WAAU;AAAA,MAAOL,UAEhBxB;AAAAA,IAAAA,CACW,GACdyB,oBAACC,cAAY;AAAA,MACXtB,IAAIe;AAAAA,MACJhB,WAAWM,GAAG;AAAA,QACZ,CAACR,QAAQ0B,UAAU,GAAGP,gBAAgB,CAACL;AAAAA,QACvC,CAACd,QAAQqB,eAAe,GAAG,CAAC,CAACP;AAAAA,MAAAA,CAC9B;AAAA,MACDa,SAAQ;AAAA,MACRC,WAAU;AAAA,MAAOL,UAEf,IAAG1B,aAAaC;AAAAA,IAAAA,CACN,CAAC;AAAA,EAAA,CACZ;AAET;"}