@hitachivantara/uikit-react-core 5.19.3 → 5.20.1

package/dist/cjs/components/AppSwitcher/AppSwitcher.styles.cjs

@@ -1,88 +1,57 @@
 "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 ListContainer = require("../ListContainer/ListContainer.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];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1lxr4i84"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1lxr4i84",
-  label: "StyledRoot"
-}, transientOptions.transientOptions))(({
-  $open,
-  $closed,
-  $layout
-}) => ({
-  display: "flex",
-  flexDirection: "column",
-  backgroundColor: uikitStyles.theme.colors.atmo1,
-  overflow: "hidden",
-  // we need to play with the 4px because of the focus ring
-  // padding: `${theme.spacing(2) - 4}px 0 ${theme.spacing(2) - 4}px ${
-  //   theme.spacing(2) - 4
-  // }px`,
-  padding: `${uikitStyles.theme.space.sm} 0 ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm}`,
-  ...$open && {
+const classes = require("../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvAppSwitcher", {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    backgroundColor: uikitStyles.theme.colors.atmo1,
+    overflow: "hidden",
+    // we need to play with the 4px because of the focus ring
+    // padding: `${theme.spacing(2) - 4}px 0 ${theme.spacing(2) - 4}px ${
+    //   theme.spacing(2) - 4
+    // }px`,
+    padding: `${uikitStyles.theme.space.sm} 0 ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm}`
+  },
+  item: {},
+  itemSelected: {},
+  itemDisabled: {},
+  itemTrigger: {},
+  itemIcon: {},
+  itemTitle: {},
+  itemInfoIcon: {},
+  actionsContainer: {
+    display: "flex",
+    flexWrap: "wrap",
+    justifyContent: "flex-start",
+    overflowY: "auto",
+    // We need to play with the 4px because of the focus ring
+    padding: "4px 0 4px 4px"
+  },
+  footerContainer: {
+    display: "flex",
+    alignItems: "center",
+    marginTop: "auto",
+    height: 52,
+    // We need to play with the 4px because of the focus ring
+    // padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,
+    padding: `${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm} 4px 4px`
+  },
+  open: {
     zIndex: "1200",
     position: "absolute",
     top: "50px",
     overflowX: "hidden",
     boxShadow: uikitStyles.theme.colors.shadow
   },
-  ...$closed && {
+  closed: {
     display: "none"
   },
-  ...$layout === "single" && {
-    width: 320
-  },
-  ...$layout === "dual" && {
-    width: 640
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9BcHBTd2l0Y2hlci9BcHBTd2l0Y2hlci5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdlR5cG9ncmFwaHksIEh2TGlzdENvbnRhaW5lciB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcIkBjb3JlL3V0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJG9wZW4sXG4gICAgJGNsb3NlZCxcbiAgICAkbGF5b3V0LFxuICB9OiB7XG4gICAgJG9wZW46IGJvb2xlYW47XG4gICAgJGNsb3NlZDogYm9vbGVhbjtcbiAgICAkbGF5b3V0OiBzdHJpbmc7XG4gIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgICAvLyBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjaW5nKDIpIC0gNH1weCAwICR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggJHtcbiAgICAvLyAgIHRoZW1lLnNwYWNpbmcoMikgLSA0XG4gICAgLy8gfXB4YCxcbiAgICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS5zbX0gMCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfWAsXG5cbiAgICAuLi4oJG9wZW4gJiYge1xuICAgICAgekluZGV4OiBcIjEyMDBcIixcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICB0b3A6IFwiNTBweFwiLFxuICAgICAgb3ZlcmZsb3dYOiBcImhpZGRlblwiLFxuICAgICAgYm94U2hhZG93OiB0aGVtZS5jb2xvcnMuc2hhZG93LFxuICAgIH0pLFxuICAgIC4uLigkY2xvc2VkICYmIHtcbiAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIH0pLFxuICAgIC4uLigkbGF5b3V0ID09PSBcInNpbmdsZVwiICYmIHsgd2lkdGg6IDMyMCB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJkdWFsXCIgJiYgeyB3aWR0aDogNjQwIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRpdGxlID0gc3R5bGVkKEh2VHlwb2dyYXBoeSkoe1xuICBtaW5IZWlnaHQ6IDM2LFxuXG4gIC8vIHdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAvLyBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbX1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4IDRweGAsXG4gIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4YCxcblxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRpdGxlV2l0aFRvb2x0aXAgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkdHlwZSB9OiB7ICR0eXBlOiBzdHJpbmcgfSkgPT4gKHtcbiAgLi4uKCR0eXBlID09PSBcImFwcFN3aXRjaGVyXCIgJiYge1xuICAgIG1pbkhlaWdodDogMzYsXG5cbiAgICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgICAvLyBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbX1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4IDRweGAsXG4gICAgcGFkZGluZzogYDRweCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHhgLFxuXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgfSksXG4gIC4uLigkdHlwZSA9PT0gXCJhY3Rpb25cIiAmJiB7XG4gICAgZmxleEdyb3c6IDEsXG4gICAgbWFyZ2luOiBgMCAke3RoZW1lLnNwYWNlLnhzfWAsXG5cbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcblxuICAgIGNvbG9yOiBcImluaGVyaXRcIixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zQ29udGFpbmVyID0gc3R5bGVkKEh2TGlzdENvbnRhaW5lcikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG5cbiAgb3ZlcmZsb3dZOiBcImF1dG9cIixcblxuICAvLyBXZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgcGFkZGluZzogXCI0cHggMCA0cHggNHB4XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEZvb3RlciA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIG1hcmdpblRvcDogXCJhdXRvXCIsXG4gIGhlaWdodDogNTIsXG5cbiAgLy8gV2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIC8vIHBhZGRpbmc6IGAke3RoZW1lLmh2LnNwYWNpbmcuc20gLSA0fXB4ICR7dGhlbWUuaHYuc3BhY2luZy5zbSArIDR9cHggNHB4IDRweGAsXG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSA0cHggNHB4YCxcbn0pO1xuIl19 */");
-const StyledTitle = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e1lxr4i83"
-} : {
-  target: "e1lxr4i83",
-  label: "StyledTitle"
-})({
-  minHeight: 36,
-  // we need to play with the 4px because of the focus ring
-  // padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,
-  padding: `4px ${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm} 4px`,
-  overflow: "hidden",
-  whiteSpace: "nowrap",
-  textOverflow: "ellipsis"
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQzJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvcGVuLFxuICAgICRjbG9zZWQsXG4gICAgJGxheW91dCxcbiAgfToge1xuICAgICRvcGVuOiBib29sZWFuO1xuICAgICRjbG9zZWQ6IGJvb2xlYW47XG4gICAgJGxheW91dDogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggMCAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4ICR7XG4gICAgLy8gICB0aGVtZS5zcGFjaW5nKDIpIC0gNFxuICAgIC8vIH1weGAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219IDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuXG4gICAgLi4uKCRvcGVuICYmIHtcbiAgICAgIHpJbmRleDogXCIxMjAwXCIsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiBcIjUwcHhcIixcbiAgICAgIG92ZXJmbG93WDogXCJoaWRkZW5cIixcbiAgICAgIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgICB9KSxcbiAgICAuLi4oJGNsb3NlZCAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJzaW5nbGVcIiAmJiB7IHdpZHRoOiAzMjAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwiZHVhbFwiICYmIHsgd2lkdGg6IDY0MCB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWluSGVpZ2h0OiAzNixcblxuICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgLy8gcGFkZGluZzogYDRweCAke3RoZW1lLmh2LnNwYWNpbmcuc219cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCA0cHhgLFxuICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZVdpdGhUb29sdGlwID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUgfTogeyAkdHlwZTogc3RyaW5nIH0pID0+ICh7XG4gIC4uLigkdHlwZSA9PT0gXCJhcHBTd2l0Y2hlclwiICYmIHtcbiAgICBtaW5IZWlnaHQ6IDM2LFxuXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYDRweCAke3RoZW1lLmh2LnNwYWNpbmcuc219cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCA0cHhgLFxuICAgIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4YCxcblxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIH0pLFxuICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgIGZsZXhHcm93OiAxLFxuICAgIG1hcmdpbjogYDAgJHt0aGVtZS5zcGFjZS54c31gLFxuXG4gICAgdGV4dEFsaWduOiBcImxlZnRcIixcblxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG5cbiAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uc0NvbnRhaW5lciA9IHN0eWxlZChIdkxpc3RDb250YWluZXIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuXG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG5cbiAgLy8gV2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIHBhZGRpbmc6IFwiNHB4IDAgNHB4IDRweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb290ZXIgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBtYXJnaW5Ub3A6IFwiYXV0b1wiLFxuICBoZWlnaHQ6IDUyLFxuXG4gIC8vIFdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAvLyBwYWRkaW5nOiBgJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gKyA0fXB4IDRweCA0cHhgLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4IDRweGAsXG59KTtcbiJdfQ== */");
-const StyledTitleWithTooltip = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e1lxr4i82"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e1lxr4i82",
-  label: "StyledTitleWithTooltip"
-}, transientOptions.transientOptions))(({
-  $type
-}) => ({
-  ...$type === "appSwitcher" && {
+  title: {
     minHeight: 36,
     // we need to play with the 4px because of the focus ring
     // padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,
@@ -91,47 +60,14 @@ const StyledTitleWithTooltip = /* @__PURE__ */ _styled__default.default(Typograp
     whiteSpace: "nowrap",
     textOverflow: "ellipsis"
   },
-  ...$type === "action" && {
-    flexGrow: 1,
-    margin: `0 ${uikitStyles.theme.space.xs}`,
-    textAlign: "left",
-    overflow: "hidden",
-    whiteSpace: "nowrap",
-    textOverflow: "ellipsis",
-    color: "inherit"
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RHNDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvcGVuLFxuICAgICRjbG9zZWQsXG4gICAgJGxheW91dCxcbiAgfToge1xuICAgICRvcGVuOiBib29sZWFuO1xuICAgICRjbG9zZWQ6IGJvb2xlYW47XG4gICAgJGxheW91dDogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggMCAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4ICR7XG4gICAgLy8gICB0aGVtZS5zcGFjaW5nKDIpIC0gNFxuICAgIC8vIH1weGAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219IDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuXG4gICAgLi4uKCRvcGVuICYmIHtcbiAgICAgIHpJbmRleDogXCIxMjAwXCIsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiBcIjUwcHhcIixcbiAgICAgIG92ZXJmbG93WDogXCJoaWRkZW5cIixcbiAgICAgIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgICB9KSxcbiAgICAuLi4oJGNsb3NlZCAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJzaW5nbGVcIiAmJiB7IHdpZHRoOiAzMjAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwiZHVhbFwiICYmIHsgd2lkdGg6IDY0MCB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWluSGVpZ2h0OiAzNixcblxuICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgLy8gcGFkZGluZzogYDRweCAke3RoZW1lLmh2LnNwYWNpbmcuc219cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCA0cHhgLFxuICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZVdpdGhUb29sdGlwID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUgfTogeyAkdHlwZTogc3RyaW5nIH0pID0+ICh7XG4gIC4uLigkdHlwZSA9PT0gXCJhcHBTd2l0Y2hlclwiICYmIHtcbiAgICBtaW5IZWlnaHQ6IDM2LFxuXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYDRweCAke3RoZW1lLmh2LnNwYWNpbmcuc219cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCA0cHhgLFxuICAgIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4YCxcblxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIH0pLFxuICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgIGZsZXhHcm93OiAxLFxuICAgIG1hcmdpbjogYDAgJHt0aGVtZS5zcGFjZS54c31gLFxuXG4gICAgdGV4dEFsaWduOiBcImxlZnRcIixcblxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG5cbiAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uc0NvbnRhaW5lciA9IHN0eWxlZChIdkxpc3RDb250YWluZXIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuXG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG5cbiAgLy8gV2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIHBhZGRpbmc6IFwiNHB4IDAgNHB4IDRweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb290ZXIgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBtYXJnaW5Ub3A6IFwiYXV0b1wiLFxuICBoZWlnaHQ6IDUyLFxuXG4gIC8vIFdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAvLyBwYWRkaW5nOiBgJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gKyA0fXB4IDRweCA0cHhgLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4IDRweGAsXG59KTtcbiJdfQ== */");
-const StyledActionsContainer = /* @__PURE__ */ _styled__default.default(ListContainer.HvListContainer, process.env.NODE_ENV === "production" ? {
-  target: "e1lxr4i81"
-} : {
-  target: "e1lxr4i81",
-  label: "StyledActionsContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1cvq84b",
-  styles: "display:flex;flex-wrap:wrap;justify-content:flex-start;overflow-y:auto;padding:4px 0 4px 4px"
-} : {
-  name: "1cvq84b",
-  styles: "display:flex;flex-wrap:wrap;justify-content:flex-start;overflow-y:auto;padding:4px 0 4px 4px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRnNDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvcGVuLFxuICAgICRjbG9zZWQsXG4gICAgJGxheW91dCxcbiAgfToge1xuICAgICRvcGVuOiBib29sZWFuO1xuICAgICRjbG9zZWQ6IGJvb2xlYW47XG4gICAgJGxheW91dDogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggMCAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4ICR7XG4gICAgLy8gICB0aGVtZS5zcGFjaW5nKDIpIC0gNFxuICAgIC8vIH1weGAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219IDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuXG4gICAgLi4uKCRvcGVuICYmIHtcbiAgICAgIHpJbmRleDogXCIxMjAwXCIsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiBcIjUwcHhcIixcbiAgICAgIG92ZXJmbG93WDogXCJoaWRkZW5cIixcbiAgICAgIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgICB9KSxcbiAgICAuLi4oJGNsb3NlZCAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJzaW5nbGVcIiAmJiB7IHdpZHRoOiAzMjAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwiZHVhbFwiICYmIHsgd2lkdGg6IDY0MCB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWluSGVpZ2h0OiAzNixcblxuICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgLy8gcGFkZGluZzogYDRweCAke3RoZW1lLmh2LnNwYWNpbmcuc219cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCA0cHhgLFxuICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZVdpdGhUb29sdGlwID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUgfTogeyAkdHlwZTogc3RyaW5nIH0pID0+ICh7XG4gIC4uLigkdHlwZSA9PT0gXCJhcHBTd2l0Y2hlclwiICYmIHtcbiAgICBtaW5IZWlnaHQ6IDM2LFxuXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYDRweCAke3RoZW1lLmh2LnNwYWNpbmcuc219cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCA0cHhgLFxuICAgIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4YCxcblxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIH0pLFxuICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgIGZsZXhHcm93OiAxLFxuICAgIG1hcmdpbjogYDAgJHt0aGVtZS5zcGFjZS54c31gLFxuXG4gICAgdGV4dEFsaWduOiBcImxlZnRcIixcblxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG5cbiAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uc0NvbnRhaW5lciA9IHN0eWxlZChIdkxpc3RDb250YWluZXIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuXG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG5cbiAgLy8gV2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIHBhZGRpbmc6IFwiNHB4IDAgNHB4IDRweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb290ZXIgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBtYXJnaW5Ub3A6IFwiYXV0b1wiLFxuICBoZWlnaHQ6IDUyLFxuXG4gIC8vIFdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAvLyBwYWRkaW5nOiBgJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gKyA0fXB4IDRweCA0cHhgLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4IDRweGAsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  single: {
+    width: 320
+  },
+  dual: {
+    width: 640
+  },
+  fluid: {}
 });
-const StyledFooter = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e1lxr4i80"
-} : {
-  target: "e1lxr4i80",
-  label: "StyledFooter"
-})({
-  display: "flex",
-  alignItems: "center",
-  marginTop: "auto",
-  height: 52,
-  // We need to play with the 4px because of the focus ring
-  // padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,
-  padding: `${uikitStyles.theme.space.sm} ${uikitStyles.theme.space.sm} 4px 4px`
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRjRCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQXBwU3dpdGNoZXIvQXBwU3dpdGNoZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5LCBIdkxpc3RDb250YWluZXIgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRvcGVuLFxuICAgICRjbG9zZWQsXG4gICAgJGxheW91dCxcbiAgfToge1xuICAgICRvcGVuOiBib29sZWFuO1xuICAgICRjbG9zZWQ6IGJvb2xlYW47XG4gICAgJGxheW91dDogc3RyaW5nO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYCR7dGhlbWUuc3BhY2luZygyKSAtIDR9cHggMCAke3RoZW1lLnNwYWNpbmcoMikgLSA0fXB4ICR7XG4gICAgLy8gICB0aGVtZS5zcGFjaW5nKDIpIC0gNFxuICAgIC8vIH1weGAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2Uuc219IDAgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX1gLFxuXG4gICAgLi4uKCRvcGVuICYmIHtcbiAgICAgIHpJbmRleDogXCIxMjAwXCIsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgdG9wOiBcIjUwcHhcIixcbiAgICAgIG92ZXJmbG93WDogXCJoaWRkZW5cIixcbiAgICAgIGJveFNoYWRvdzogdGhlbWUuY29sb3JzLnNoYWRvdyxcbiAgICB9KSxcbiAgICAuLi4oJGNsb3NlZCAmJiB7XG4gICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICB9KSxcbiAgICAuLi4oJGxheW91dCA9PT0gXCJzaW5nbGVcIiAmJiB7IHdpZHRoOiAzMjAgfSksXG4gICAgLi4uKCRsYXlvdXQgPT09IFwiZHVhbFwiICYmIHsgd2lkdGg6IDY0MCB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZSA9IHN0eWxlZChIdlR5cG9ncmFwaHkpKHtcbiAgbWluSGVpZ2h0OiAzNixcblxuICAvLyB3ZSBuZWVkIHRvIHBsYXkgd2l0aCB0aGUgNHB4IGJlY2F1c2Ugb2YgdGhlIGZvY3VzIHJpbmdcbiAgLy8gcGFkZGluZzogYDRweCAke3RoZW1lLmh2LnNwYWNpbmcuc219cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCA0cHhgLFxuICBwYWRkaW5nOiBgNHB4ICR7dGhlbWUuc3BhY2Uuc219ICR7dGhlbWUuc3BhY2Uuc219IDRweGAsXG5cbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUaXRsZVdpdGhUb29sdGlwID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHR5cGUgfTogeyAkdHlwZTogc3RyaW5nIH0pID0+ICh7XG4gIC4uLigkdHlwZSA9PT0gXCJhcHBTd2l0Y2hlclwiICYmIHtcbiAgICBtaW5IZWlnaHQ6IDM2LFxuXG4gICAgLy8gd2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gICAgLy8gcGFkZGluZzogYDRweCAke3RoZW1lLmh2LnNwYWNpbmcuc219cHggJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCA0cHhgLFxuICAgIHBhZGRpbmc6IGA0cHggJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4YCxcblxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gIH0pLFxuICAuLi4oJHR5cGUgPT09IFwiYWN0aW9uXCIgJiYge1xuICAgIGZsZXhHcm93OiAxLFxuICAgIG1hcmdpbjogYDAgJHt0aGVtZS5zcGFjZS54c31gLFxuXG4gICAgdGV4dEFsaWduOiBcImxlZnRcIixcblxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG5cbiAgICBjb2xvcjogXCJpbmhlcml0XCIsXG4gIH0pLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQWN0aW9uc0NvbnRhaW5lciA9IHN0eWxlZChIdkxpc3RDb250YWluZXIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGZsZXhXcmFwOiBcIndyYXBcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuXG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG5cbiAgLy8gV2UgbmVlZCB0byBwbGF5IHdpdGggdGhlIDRweCBiZWNhdXNlIG9mIHRoZSBmb2N1cyByaW5nXG4gIHBhZGRpbmc6IFwiNHB4IDAgNHB4IDRweFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb290ZXIgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBtYXJnaW5Ub3A6IFwiYXV0b1wiLFxuICBoZWlnaHQ6IDUyLFxuXG4gIC8vIFdlIG5lZWQgdG8gcGxheSB3aXRoIHRoZSA0cHggYmVjYXVzZSBvZiB0aGUgZm9jdXMgcmluZ1xuICAvLyBwYWRkaW5nOiBgJHt0aGVtZS5odi5zcGFjaW5nLnNtIC0gNH1weCAke3RoZW1lLmh2LnNwYWNpbmcuc20gKyA0fXB4IDRweCA0cHhgLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZS5zbX0gJHt0aGVtZS5zcGFjZS5zbX0gNHB4IDRweGAsXG59KTtcbiJdfQ== */");
-exports.StyledActionsContainer = StyledActionsContainer;
-exports.StyledFooter = StyledFooter;
-exports.StyledRoot = StyledRoot;
-exports.StyledTitle = StyledTitle;
-exports.StyledTitleWithTooltip = StyledTitleWithTooltip;
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=AppSwitcher.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"AppSwitcher.styles.cjs","sources":["../../../../src/components/AppSwitcher/AppSwitcher.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvTypography, HvListContainer } from \"@core/components\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $open,\n    $closed,\n    $layout,\n  }: {\n    $open: boolean;\n    $closed: boolean;\n    $layout: string;\n  }) => ({\n    display: \"flex\",\n    flexDirection: \"column\",\n    backgroundColor: theme.colors.atmo1,\n    overflow: \"hidden\",\n    // we need to play with the 4px because of the focus ring\n    // padding: `${theme.spacing(2) - 4}px 0 ${theme.spacing(2) - 4}px ${\n    //   theme.spacing(2) - 4\n    // }px`,\n    padding: `${theme.space.sm} 0 ${theme.space.sm} ${theme.space.sm}`,\n\n    ...($open && {\n      zIndex: \"1200\",\n      position: \"absolute\",\n      top: \"50px\",\n      overflowX: \"hidden\",\n      boxShadow: theme.colors.shadow,\n    }),\n    ...($closed && {\n      display: \"none\",\n    }),\n    ...($layout === \"single\" && { width: 320 }),\n    ...($layout === \"dual\" && { width: 640 }),\n  })\n);\n\nexport const StyledTitle = styled(HvTypography)({\n  minHeight: 36,\n\n  // we need to play with the 4px because of the focus ring\n  // padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n  padding: `4px ${theme.space.sm} ${theme.space.sm} 4px`,\n\n  overflow: \"hidden\",\n  whiteSpace: \"nowrap\",\n  textOverflow: \"ellipsis\",\n});\n\nexport const StyledTitleWithTooltip = styled(\n  HvTypography,\n  transientOptions\n)(({ $type }: { $type: string }) => ({\n  ...($type === \"appSwitcher\" && {\n    minHeight: 36,\n\n    // we need to play with the 4px because of the focus ring\n    // padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n    padding: `4px ${theme.space.sm} ${theme.space.sm} 4px`,\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n  }),\n  ...($type === \"action\" && {\n    flexGrow: 1,\n    margin: `0 ${theme.space.xs}`,\n\n    textAlign: \"left\",\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n\n    color: \"inherit\",\n  }),\n}));\n\nexport const StyledActionsContainer = styled(HvListContainer)({\n  display: \"flex\",\n  flexWrap: \"wrap\",\n  justifyContent: \"flex-start\",\n\n  overflowY: \"auto\",\n\n  // We need to play with the 4px because of the focus ring\n  padding: \"4px 0 4px 4px\",\n});\n\nexport const StyledFooter = styled(HvTypography)({\n  display: \"flex\",\n  alignItems: \"center\",\n  marginTop: \"auto\",\n  height: 52,\n\n  // We need to play with the 4px because of the focus ring\n  // padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,\n  padding: `${theme.space.sm} ${theme.space.sm} 4px 4px`,\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$open","$closed","$layout","display","flexDirection","backgroundColor","theme","colors","atmo1","overflow","padding","space","sm","zIndex","position","top","overflowX","boxShadow","shadow","width","StyledTitle","HvTypography","minHeight","whiteSpace","textOverflow","StyledTitleWithTooltip","$type","flexGrow","margin","xs","textAlign","color","StyledActionsContainer","HvListContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledFooter","alignItems","marginTop","height"],"mappings":"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"}
+{"version":3,"file":"AppSwitcher.styles.cjs","sources":["../../../../src/components/AppSwitcher/AppSwitcher.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvAppSwitcher\", {\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    backgroundColor: theme.colors.atmo1,\n    overflow: \"hidden\",\n\n    // we need to play with the 4px because of the focus ring\n    // padding: `${theme.spacing(2) - 4}px 0 ${theme.spacing(2) - 4}px ${\n    //   theme.spacing(2) - 4\n    // }px`,\n    padding: `${theme.space.sm} 0 ${theme.space.sm} ${theme.space.sm}`,\n  },\n  item: {},\n  itemSelected: {},\n  itemDisabled: {},\n  itemTrigger: {},\n  itemIcon: {},\n  itemTitle: {},\n  itemInfoIcon: {},\n  actionsContainer: {\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    justifyContent: \"flex-start\",\n\n    overflowY: \"auto\",\n\n    // We need to play with the 4px because of the focus ring\n    padding: \"4px 0 4px 4px\",\n  },\n  footerContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    marginTop: \"auto\",\n    height: 52,\n\n    // We need to play with the 4px because of the focus ring\n    // padding: `${theme.hv.spacing.sm - 4}px ${theme.hv.spacing.sm + 4}px 4px 4px`,\n    padding: `${theme.space.sm} ${theme.space.sm} 4px 4px`,\n  },\n  open: {\n    zIndex: \"1200\",\n    position: \"absolute\",\n    top: \"50px\",\n    overflowX: \"hidden\",\n    boxShadow: theme.colors.shadow,\n  },\n  closed: { display: \"none\" },\n  title: {\n    minHeight: 36,\n\n    // we need to play with the 4px because of the focus ring\n    // padding: `4px ${theme.hv.spacing.sm}px ${theme.hv.spacing.sm - 4}px 4px`,\n    padding: `4px ${theme.space.sm} ${theme.space.sm} 4px`,\n\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n  },\n  single: { width: 320 },\n  dual: { width: 640 },\n  fluid: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","display","flexDirection","backgroundColor","theme","colors","atmo1","overflow","padding","space","sm","item","itemSelected","itemDisabled","itemTrigger","itemIcon","itemTitle","itemInfoIcon","actionsContainer","flexWrap","justifyContent","overflowY","footerContainer","alignItems","marginTop","height","open","zIndex","position","top","overflowX","boxShadow","shadow","closed","title","minHeight","whiteSpace","textOverflow","single","width","dual","fluid"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,iBAAiB;AAAA,EAC1EC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,iBAAiBC,YAAAA,MAAMC,OAAOC;AAAAA,IAC9BC,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,IAMVC,SAAU,GAAEJ,YAAAA,MAAMK,MAAMC,QAAQN,YAAAA,MAAMK,MAAMC,MAAMN,YAAAA,MAAMK,MAAMC;AAAAA,EAChE;AAAA,EACAC,MAAM,CAAC;AAAA,EACPC,cAAc,CAAC;AAAA,EACfC,cAAc,CAAC;AAAA,EACfC,aAAa,CAAC;AAAA,EACdC,UAAU,CAAC;AAAA,EACXC,WAAW,CAAC;AAAA,EACZC,cAAc,CAAC;AAAA,EACfC,kBAAkB;AAAA,IAChBjB,SAAS;AAAA,IACTkB,UAAU;AAAA,IACVC,gBAAgB;AAAA,IAEhBC,WAAW;AAAA;AAAA,IAGXb,SAAS;AAAA,EACX;AAAA,EACAc,iBAAiB;AAAA,IACfrB,SAAS;AAAA,IACTsB,YAAY;AAAA,IACZC,WAAW;AAAA,IACXC,QAAQ;AAAA;AAAA;AAAA,IAIRjB,SAAU,GAAEJ,YAAAA,MAAMK,MAAMC,MAAMN,kBAAMK,MAAMC;AAAAA,EAC5C;AAAA,EACAgB,MAAM;AAAA,IACJC,QAAQ;AAAA,IACRC,UAAU;AAAA,IACVC,KAAK;AAAA,IACLC,WAAW;AAAA,IACXC,WAAW3B,YAAAA,MAAMC,OAAO2B;AAAAA,EAC1B;AAAA,EACAC,QAAQ;AAAA,IAAEhC,SAAS;AAAA,EAAO;AAAA,EAC1BiC,OAAO;AAAA,IACLC,WAAW;AAAA;AAAA;AAAA,IAIX3B,SAAU,OAAMJ,YAAAA,MAAMK,MAAMC,MAAMN,kBAAMK,MAAMC;AAAAA,IAE9CH,UAAU;AAAA,IACV6B,YAAY;AAAA,IACZC,cAAc;AAAA,EAChB;AAAA,EACAC,QAAQ;AAAA,IAAEC,OAAO;AAAA,EAAI;AAAA,EACrBC,MAAM;AAAA,IAAED,OAAO;AAAA,EAAI;AAAA,EACnBE,OAAO,CAAC;AACV,CAAC;;;"}

package/dist/cjs/components/AppSwitcher/TitleWithTooltip.cjs

@@ -1,14 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const React = require("react");
-const AppSwitcher_styles = require("./AppSwitcher.styles.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Tooltip = require("../Tooltip/Tooltip.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const TitleWithTooltip = ({
   className,
-  title,
-  type
+  title
 }) => {
   const textRef = React.useRef(null);
   const isOverflowed = React.useMemo(() => {
@@ -23,12 +21,11 @@ const TitleWithTooltip = ({
     title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
       children: title
     }),
-    children: /* @__PURE__ */ jsxRuntime.jsx(AppSwitcher_styles.StyledTitleWithTooltip, {
+    children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
+      className,
       variant: "label",
       component: "span",
       ref: textRef,
-      className,
-      $type: type,
       children: title
     })
   });

package/dist/cjs/components/AppSwitcher/TitleWithTooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TitleWithTooltip.cjs","sources":["../../../../src/components/AppSwitcher/TitleWithTooltip.tsx"],"sourcesContent":["import { useMemo, useRef } from \"react\";\nimport { HvTooltip, HvTypography } from \"@core/components\";\nimport { StyledTitleWithTooltip } from \"./AppSwitcher.styles\";\n\nconst TitleWithTooltip = ({ className, title, type }) => {\n  const textRef = useRef<HTMLDivElement>(null);\n\n  const isOverflowed = useMemo(() => {\n    const el = textRef.current;\n    if (!el) return false;\n\n    return el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight;\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <StyledTitleWithTooltip\n        variant=\"label\"\n        component=\"span\"\n        ref={textRef}\n        className={className}\n        $type={type}\n      >\n        {title}\n      </StyledTitleWithTooltip>\n    </HvTooltip>\n  );\n};\n\nexport default TitleWithTooltip;\n"],"names":["TitleWithTooltip","className","title","type","textRef","useRef","isOverflowed","useMemo","el","current","scrollWidth","clientWidth","scrollHeight","clientHeight","HvTooltip","disableHoverListener","placement","HvTypography","children","StyledTitleWithTooltip","variant","component","ref","$type"],"mappings":";;;;;;;AAIA,MAAMA,mBAAmBA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAAA,EAAOC;AAAK,MAAM;AACjDC,QAAAA,UAAUC,aAAuB,IAAI;AAErCC,QAAAA,eAAeC,MAAAA,QAAQ,MAAM;AACjC,UAAMC,KAAKJ,QAAQK;AACnB,QAAI,CAACD;AAAW,aAAA;AAEhB,WAAOA,GAAGE,cAAcF,GAAGG,eAAeH,GAAGI,eAAeJ,GAAGK;AAAAA,EACjE,GAAG,CAAE,CAAA;AAEL,wCACGC,QAAAA,WAAS;AAAA,IACRC,sBAAsB,CAACT;AAAAA,IACvBU,WAAU;AAAA,IACVd,sCAAQe,yBAAY;AAAA,MAAAC,UAAEhB;AAAAA,IAAAA,CAAoB;AAAA,IAAEgB,yCAE3CC,2CAAsB;AAAA,MACrBC,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,KAAKlB;AAAAA,MACLH;AAAAA,MACAsB,OAAOpB;AAAAA,MAAKe,UAEXhB;AAAAA,IAAAA,CACqB;AAAA,EAAA,CACf;AAEf;AAEA,MAAA,qBAAeF;;"}
+{"version":3,"file":"TitleWithTooltip.cjs","sources":["../../../../src/components/AppSwitcher/TitleWithTooltip.tsx"],"sourcesContent":["import { useMemo, useRef } from \"react\";\nimport { HvTooltip, HvTypography } from \"@core/components\";\n\nconst TitleWithTooltip = ({ className, title }) => {\n  const textRef = useRef<HTMLDivElement>(null);\n\n  const isOverflowed = useMemo(() => {\n    const el = textRef.current;\n    if (!el) return false;\n\n    return el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight;\n  }, []);\n\n  return (\n    <HvTooltip\n      disableHoverListener={!isOverflowed}\n      placement=\"top-start\"\n      title={<HvTypography>{title}</HvTypography>}\n    >\n      <HvTypography\n        className={className}\n        variant=\"label\"\n        component=\"span\"\n        ref={textRef}\n      >\n        {title}\n      </HvTypography>\n    </HvTooltip>\n  );\n};\n\nexport default TitleWithTooltip;\n"],"names":["TitleWithTooltip","className","title","textRef","useRef","isOverflowed","useMemo","el","current","scrollWidth","clientWidth","scrollHeight","clientHeight","HvTooltip","disableHoverListener","placement","HvTypography","children","variant","component","ref"],"mappings":";;;;;;AAGA,MAAMA,mBAAmBA,CAAC;AAAA,EAAEC;AAAAA,EAAWC;AAAM,MAAM;AAC3CC,QAAAA,UAAUC,aAAuB,IAAI;AAErCC,QAAAA,eAAeC,MAAAA,QAAQ,MAAM;AACjC,UAAMC,KAAKJ,QAAQK;AACnB,QAAI,CAACD;AAAW,aAAA;AAEhB,WAAOA,GAAGE,cAAcF,GAAGG,eAAeH,GAAGI,eAAeJ,GAAGK;AAAAA,EACjE,GAAG,CAAE,CAAA;AAEL,wCACGC,QAAAA,WAAS;AAAA,IACRC,sBAAsB,CAACT;AAAAA,IACvBU,WAAU;AAAA,IACVb,sCAAQc,yBAAY;AAAA,MAAAC,UAAEf;AAAAA,IAAAA,CAAoB;AAAA,IAAEe,yCAE3CD,yBAAY;AAAA,MACXf;AAAAA,MACAiB,SAAQ;AAAA,MACRC,WAAU;AAAA,MACVC,KAAKjB;AAAAA,MAAQc,UAEZf;AAAAA,IAAAA,CACW;AAAA,EAAA,CACL;AAEf;AAEA,MAAA,qBAAeF;;"}

package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs

@@ -17,18 +17,10 @@ const useUniqueId = require("../../hooks/useUniqueId.cjs");
 const BaseDropdownContext = require("./BaseDropdownContext/BaseDropdownContext.cjs");
 const useTheme = require("../../hooks/useTheme.cjs");
 const useControlled = require("../../hooks/useControlled.cjs");
-const keyCheck = require("../../utils/keyboardUtils/keyCheck.cjs");
+const keyboardUtils = require("../../utils/keyboardUtils.cjs");
 const setId = require("../../utils/setId.cjs");
-const keyboardCodes = require("../../utils/keyboardUtils/keyboardCodes.cjs");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);
-const {
-  Tab,
-  Enter,
-  Esc,
-  Space,
-  ArrowDown
-} = keyboardCodes.keyboardCodes;
 const HvBaseDropdown = ({
   id,
   className,
@@ -154,11 +146,11 @@ const HvBaseDropdown = ({
   });
   const popperPlacement = ((_a = attributes.popper) == null ? void 0 : _a["data-popper-placement"]) ?? "bottom";
   const handleToggle = React.useCallback((event) => {
-    if (event && !keyCheck.isKeypress(event, Tab)) {
+    if (event && !keyboardUtils.isKey(event, "Tab")) {
       event.preventDefault();
     }
-    const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every((key) => keyCheck.isKeypress(event, key) === false);
-    const ignoredCombinations = keyCheck.isKeypress(event, Esc) && !isOpen || keyCheck.isKeypress(event, ArrowDown) && isOpen || keyCheck.isKeypress(event, Tab) && !isOpen;
+    const notControlKey = !!(event == null ? void 0 : event.code) && !keyboardUtils.isOneOfKeys(event, ["Tab", "Enter", "Esc", "ArrowDown", "Space"]);
+    const ignoredCombinations = keyboardUtils.isKey(event, "Esc") && !isOpen || keyboardUtils.isKey(event, "ArrowDown") && isOpen || keyboardUtils.isKey(event, "Tab") && !isOpen;
     if (disabled || notControlKey || ignoredCombinations)
       return;
     const newOpen = !isOpen;
@@ -218,10 +210,10 @@ const HvBaseDropdown = ({
   const containerComponent = (() => {
     const handleContainerKeyDown = (event) => {
       var _a2;
-      if (keyCheck.isKeypress(event, Esc)) {
+      if (keyboardUtils.isKey(event, "Esc")) {
         handleToggle(event);
       }
-      if (keyCheck.isKeypress(event, Tab) && !event.shiftKey) {
+      if (keyboardUtils.isKey(event, "Tab") && !event.shiftKey) {
         const focusList = focusableElementFinder.getFirstAndLastFocus(popperElement);
         if (document.activeElement === (focusList == null ? void 0 : focusList.last)) {
           event.preventDefault();

package/dist/cjs/components/BaseDropdown/BaseDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseDropdown.cjs","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useState,\n  useCallback,\n  KeyboardEventHandler,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { clsx } from \"clsx\";\nimport {\n  ClickAwayListener,\n  ClickAwayListenerProps,\n  PopperPlacementType,\n  PopperProps,\n} from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { useControlled, useForkRef, useTheme, useUniqueId } from \"@core/hooks\";\nimport { isKeypress, keyboardCodes, setId } from \"@core/utils\";\nimport { getFirstAndLastFocus } from \"@core/utils/focusableElementFinder\";\nimport { HvBaseProps } from \"@core/types\";\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\nimport {\n  StyledAdornment,\n  StyledAnchor,\n  StyledContainer,\n  StyledExtension,\n  StyledHeaderRoot,\n  StyledPanel,\n  StyledPlaceholder,\n  StyledRoot,\n  StyledSelection,\n} from \"./BaseDropdown.styles\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\nimport baseDropdownClasses, {\n  HvBaseDropdownClasses,\n} from \"./baseDropdownClasses\";\n\nconst { Tab, Enter, Esc, Space, ArrowDown } = keyboardCodes;\n\nexport interface HvBaseDropdownProps\n  extends HvBaseProps<HTMLDivElement, \"placeholder\"> {\n  /**\n   * The role of the element that triggers the popup.\n   *\n   * Defaults to \"combobox\" if `component` and the default\n   * \"textbox\" header is used, undefined otherwise.\n   */\n  role?: string;\n  /**\n   * Header placeholder.\n   */\n  placeholder?: string | React.ReactNode;\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true` the dropdown will be in read only mode, unable to be interacted.\n   */\n  readOnly?: boolean;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth?: boolean;\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * Replacement for the header component.\n   */\n  component?: React.ReactNode;\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment?: React.ReactNode;\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle?: (event: Event, open: boolean) => void;\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside?: (event: Event) => void;\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation?: (container: HTMLElement | null) => void;\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps?: React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef?: React.Ref<any>;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvBaseDropdownClasses;\n}\n\nexport const HvBaseDropdown = ({\n  id,\n  className,\n  classes,\n  children,\n  role,\n  placeholder,\n  component,\n  adornment,\n  expanded,\n  dropdownHeaderProps,\n  defaultExpanded = false,\n  disabled = false,\n  readOnly = false,\n  disablePortal = false,\n  variableWidth = false,\n  placement = \"right\",\n  popperProps = {},\n  dropdownHeaderRef: dropdownHeaderRefProp,\n  onToggle,\n  onClickOutside,\n  onContainerCreation,\n  ...others\n}: HvBaseDropdownProps) => {\n  const { rootId } = useTheme();\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  );\n  const [popperElement, setPopperElement] = useState<HTMLElement | null>(null);\n  const [popperMaxSize, setPopperMaxSize] = useState<{\n    width?: number;\n    height?: number;\n  }>({});\n\n  const handleDropdownHeaderRefProp = useForkRef(\n    dropdownHeaderRefProp,\n    dropdownHeaderProps?.ref\n  );\n  const handleDropdownHeaderRef = useForkRef(\n    setReferenceElement,\n    handleDropdownHeaderRefProp\n  );\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const bottom: PopperPlacementType =\n    placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const extensionWidth = referenceElement\n    ? referenceElement?.offsetWidth\n    : \"inherit\";\n\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n    popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.styles.popper.width = `${state.rects.reference.width}px`;\n    },\n    []\n  );\n\n  const widthCalculatorEffect = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.elements.popper.style.width = `${\n        (state.elements.reference as any).offsetWidth\n      }px`;\n    },\n    []\n  );\n\n  const applyMaxSizeCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      // The `maxSize` modifier provides this data\n      const { width, height } = state.modifiersData.maxSize;\n      if (width !== popperMaxSize?.width || height !== popperMaxSize?.height) {\n        setPopperMaxSize({ width, height });\n      }\n\n      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const maxSizeCalculator = useCallback(\n    ({ state, name, options }: ModifierArguments<Options>) => {\n      const overflow = detectOverflow(state, options);\n\n      const x = state.modifiersData.preventOverflow?.x || 0;\n      const y = state.modifiersData.preventOverflow?.y || 0;\n\n      const popperWidth = state.rects.popper.width;\n      const popperHeight = state.rects.popper.height;\n\n      const basePlacement = state.placement.split(\"-\")[0];\n\n      const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n      const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n      state.modifiersData[name] = {\n        width: popperWidth - overflow[widthProp] - x,\n        height: popperHeight - overflow[heightProp] - y,\n      };\n    },\n    []\n  );\n\n  const modifiers: PopperProps[\"modifiers\"] = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      {\n        name: \"maxSize\",\n        enabled: true,\n        phase: \"main\",\n        requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n        fn: maxSizeCalculator,\n      },\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: applyMaxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [\n      maxSizeCalculator,\n      applyMaxSizeCalculator,\n      popperPropsModifiers,\n      variableWidth,\n      widthCalculator,\n      widthCalculatorEffect,\n    ]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      placement: bottom,\n      modifiers,\n      onFirstUpdate,\n      ...otherPopperProps,\n    }\n  );\n\n  const popperPlacement =\n    attributes.popper?.[\"data-popper-placement\"] ?? \"bottom\";\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKeypress(event, Tab)) {\n        event.preventDefault();\n      }\n\n      // We are checking specifically for false because if \"isKeypress\" returns true or undefined it should continue\n      const notControlKey = [Tab, Enter, Esc, ArrowDown, Space].every(\n        (key) => isKeypress(event, key) === false\n      );\n\n      const ignoredCombinations =\n        (isKeypress(event, Esc) && !isOpen) ||\n        (isKeypress(event, ArrowDown) && isOpen) ||\n        (isKeypress(event, Tab) && !isOpen);\n\n      if (disabled || notControlKey || ignoredCombinations) return;\n\n      const newOpen = !isOpen;\n\n      /* If about to close focus on the header component. */\n      const focusHeader = () => {\n        if (!newOpen) {\n          // Focus-ring won't be visible even if using the keyboard:\n          // https://github.com/WICG/focus-visible/issues/88\n          referenceElement?.focus({ preventScroll: true });\n        }\n\n        return newOpen;\n      };\n      setIsOpen(focusHeader());\n\n      onToggle?.(event, newOpen);\n    },\n    [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n  );\n\n  const headerComponent = (() => {\n    if (component) {\n      return React.cloneElement(component as React.ReactElement, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\n\n    const ExpanderComponent = isOpen ? DropUpXS : DropDownXS;\n\n    return (\n      <StyledHeaderRoot\n        id={setId(id, \"header\")}\n        className={clsx(\n          baseDropdownClasses.header,\n          classes?.header,\n          disabled &&\n            clsx(baseDropdownClasses.headerDisabled, classes?.headerDisabled),\n          readOnly &&\n            clsx(baseDropdownClasses.headerReadOnly, classes?.headerReadOnly),\n          isOpen && clsx(baseDropdownClasses.headerOpen, classes?.headerOpen),\n          isOpen &&\n            popperPlacement.includes(\"top\") &&\n            clsx(baseDropdownClasses.headerOpenUp, classes?.headerOpenUp),\n          isOpen &&\n            popperPlacement.includes(\"bottom\") &&\n            clsx(baseDropdownClasses.headerOpenDown, classes?.headerOpenDown)\n        )}\n        $disabled={disabled}\n        $readOnly={readOnly}\n        $opened={isOpen}\n        $openedUp={isOpen && popperPlacement.includes(\"top\")}\n        $openedDown={isOpen && popperPlacement.includes(\"bottom\")}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled || readOnly ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={\n          isOpen ? setId(elementId, \"children-container\") : undefined\n        }\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        // Removes the element from the navigation sequence for keyboard focus if disabled\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <StyledSelection\n          className={clsx(baseDropdownClasses.selection, classes?.selection)}\n        >\n          {placeholder && typeof placeholder === \"string\" ? (\n            <StyledPlaceholder\n              className={clsx(\n                baseDropdownClasses.placeholder,\n                classes?.placeholder,\n                disabled &&\n                  clsx(\n                    baseDropdownClasses.selectionDisabled,\n                    classes?.selectionDisabled\n                  )\n              )}\n              $disabled={disabled}\n              variant=\"body\"\n            >\n              {placeholder}\n            </StyledPlaceholder>\n          ) : (\n            placeholder\n          )}\n        </StyledSelection>\n        <StyledAdornment>\n          {adornment || (\n            <ExpanderComponent\n              iconSize=\"XS\"\n              color={disabled ? theme.colors.secondary_60 : undefined}\n              className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n            />\n          )}\n        </StyledAdornment>\n      </StyledHeaderRoot>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown: KeyboardEventHandler = (event) => {\n      if (isKeypress(event, Esc)) {\n        handleToggle(event);\n      }\n      if (isKeypress(event, Tab) && !event.shiftKey) {\n        const focusList = getFirstAndLastFocus(popperElement);\n        if (document.activeElement === focusList?.last) {\n          event.preventDefault();\n          focusList?.first?.focus();\n        }\n      }\n    };\n\n    const handleOutside: ClickAwayListenerProps[\"onClickAway\"] = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target as any);\n      if (!isButtonClick) {\n        onClickOutside?.(event);\n        setIsOpen(false);\n        onToggle?.(event, false);\n      }\n    };\n\n    const container = (\n      <StyledContainer\n        role=\"tooltip\"\n        ref={setPopperElement}\n        className={clsx(baseDropdownClasses.container, classes?.container)}\n        style={popperStyles.popper}\n        {...attributes.popper}\n      >\n        <ClickAwayListener onClickAway={handleOutside}>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div onKeyDown={handleContainerKeyDown}>\n            {popperPlacement.includes(\"bottom\") && (\n              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionLeftPosition,\n                      classes?.inputExtensionLeftPosition\n                    )\n                )}\n                $leftPosition={popperPlacement.includes(\"end\")}\n                $openShadow={false}\n                $floatLeft={false}\n                $floatRight={false}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <StyledPanel\n                id={setId(elementId, \"children-container\")}\n                className={clsx(baseDropdownClasses.panel, classes?.panel)}\n                $popperPlacement={\n                  popperPlacement.includes(\"top\") ? \"top\" : \"bottom\"\n                }\n              >\n                {children}\n              </StyledPanel>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  baseDropdownClasses.inputExtensionOpenShadow,\n                  classes?.inputExtensionOpenShadow,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatRight,\n                      classes?.inputExtensionFloatRight\n                    ),\n                  popperPlacement.includes(\"start\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatLeft,\n                      classes?.inputExtensionFloatLeft\n                    )\n                )}\n                $leftPosition={false}\n                $openShadow\n                $floatLeft={popperPlacement.includes(\"start\")}\n                $floatRight={popperPlacement.includes(\"end\")}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </StyledContainer>\n    );\n\n    if (disablePortal) return container;\n\n    return createPortal(\n      container,\n      document.getElementById(rootId || \"\") || document.body\n    );\n  })();\n\n  return (\n    <StyledRoot className={clsx(baseDropdownClasses.root, classes?.root)}>\n      <StyledAnchor\n        id={id}\n        role={ariaRole}\n        aria-expanded={!!isOpen}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={clsx(\n          className,\n          baseDropdownClasses.anchor,\n          classes?.anchor,\n          disabled &&\n            clsx(baseDropdownClasses.rootDisabled, classes?.rootDisabled)\n        )}\n        $disabled={disabled}\n        {...(!readOnly && {\n          onKeyDown: handleToggle,\n          onClick: handleToggle,\n        })}\n        // Removes the element from the navigation sequence for keyboard focus\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </StyledAnchor>\n      {isOpen && containerComponent}\n    </StyledRoot>\n  );\n};\n"],"names":["Tab","Enter","Esc","Space","ArrowDown","keyboardCodes","HvBaseDropdown","id","className","classes","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","disablePortal","variableWidth","placement","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","rootId","useTheme","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","ariaRole","undefined","elementId","useUniqueId","bottom","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKeypress","preventDefault","notControlKey","every","key","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","ExpanderComponent","DropUpXS","DropDownXS","StyledHeaderRoot","setId","clsx","baseDropdownClasses","header","headerDisabled","headerReadOnly","headerOpen","includes","headerOpenUp","headerOpenDown","$disabled","$readOnly","$opened","$openedUp","$openedDown","pointerEvents","tabIndex","_jsx","StyledSelection","selection","StyledPlaceholder","selectionDisabled","variant","StyledAdornment","iconSize","color","theme","colors","secondary_60","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","StyledContainer","ClickAwayListener","onClickAway","onKeyDown","StyledExtension","inputExtensionOpen","inputExtensionLeftPosition","$leftPosition","$openShadow","$floatLeft","$floatRight","BaseDropdownContext","Provider","value","StyledPanel","panel","$popperPlacement","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","StyledRoot","root","StyledAnchor","anchor","rootDisabled","onClick"],"mappings":"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"}
+{"version":3,"file":"BaseDropdown.cjs","sources":["../../../../src/components/BaseDropdown/BaseDropdown.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useState,\n  useCallback,\n  KeyboardEventHandler,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { clsx } from \"clsx\";\nimport {\n  ClickAwayListener,\n  ClickAwayListenerProps,\n  PopperPlacementType,\n  PopperProps,\n} from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport { useControlled, useForkRef, useTheme, useUniqueId } from \"@core/hooks\";\nimport { isKey, isOneOfKeys, setId } from \"@core/utils\";\nimport { getFirstAndLastFocus } from \"@core/utils/focusableElementFinder\";\nimport { HvBaseProps } from \"@core/types\";\nimport { usePopper } from \"react-popper\";\nimport { detectOverflow, ModifierArguments, Options } from \"@popperjs/core\";\nimport {\n  StyledAdornment,\n  StyledAnchor,\n  StyledContainer,\n  StyledExtension,\n  StyledHeaderRoot,\n  StyledPanel,\n  StyledPlaceholder,\n  StyledRoot,\n  StyledSelection,\n} from \"./BaseDropdown.styles\";\nimport BaseDropdownContext from \"./BaseDropdownContext\";\nimport baseDropdownClasses, {\n  HvBaseDropdownClasses,\n} from \"./baseDropdownClasses\";\n\nexport interface HvBaseDropdownProps\n  extends HvBaseProps<HTMLDivElement, \"placeholder\"> {\n  /**\n   * The role of the element that triggers the popup.\n   *\n   * Defaults to \"combobox\" if `component` and the default\n   * \"textbox\" header is used, undefined otherwise.\n   */\n  role?: string;\n  /**\n   * Header placeholder.\n   */\n  placeholder?: string | React.ReactNode;\n  /**\n   * If `true` the dropdown is disabled unable to be interacted, if `false` it is enabled.\n   */\n  disabled?: boolean;\n  /**\n   * If `true` the dropdown will be in read only mode, unable to be interacted.\n   */\n  readOnly?: boolean;\n  /**\n   * Disable the portal behavior.\n   * The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal?: boolean;\n  /**\n   * If `true` the dropdown width depends size of content if `false` the width depends on the header size.\n   * Defaults to `false`.\n   */\n  variableWidth?: boolean;\n  /**\n   * If `true` the dropdown starts opened if `false` it starts closed.\n   */\n  expanded?: boolean;\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded?: boolean;\n  /**\n   * An object containing props to be wired to the popper component.\n   */\n  popperProps?: Partial<PopperProps>;\n  /**\n   * Placement of the dropdown.\n   */\n  placement?: \"left\" | \"right\";\n  /**\n   * Replacement for the header component.\n   */\n  component?: React.ReactNode;\n  /**\n   * Adornment to replace the default arrows.\n   */\n  adornment?: React.ReactNode;\n  /**\n   * When dropdown changes the expanded state.\n   */\n  onToggle?: (event: Event, open: boolean) => void;\n  /**\n   * When user click outside the open container.\n   */\n  onClickOutside?: (event: Event) => void;\n  /**\n   * Callback called when the dropdown is opened and ready,\n   * commonly used to set focus to the content.\n   */\n  onContainerCreation?: (container: HTMLElement | null) => void;\n  /**\n   * Attributes applied to the dropdown header element.\n   */\n  dropdownHeaderProps?: React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLDivElement>,\n    HTMLDivElement\n  >;\n  /**\n   * Pass a ref to the dropdown header element.\n   */\n  dropdownHeaderRef?: React.Ref<any>;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvBaseDropdownClasses;\n}\n\nexport const HvBaseDropdown = ({\n  id,\n  className,\n  classes,\n  children,\n  role,\n  placeholder,\n  component,\n  adornment,\n  expanded,\n  dropdownHeaderProps,\n  defaultExpanded = false,\n  disabled = false,\n  readOnly = false,\n  disablePortal = false,\n  variableWidth = false,\n  placement = \"right\",\n  popperProps = {},\n  dropdownHeaderRef: dropdownHeaderRefProp,\n  onToggle,\n  onClickOutside,\n  onContainerCreation,\n  ...others\n}: HvBaseDropdownProps) => {\n  const { rootId } = useTheme();\n\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(\n    null\n  );\n  const [popperElement, setPopperElement] = useState<HTMLElement | null>(null);\n  const [popperMaxSize, setPopperMaxSize] = useState<{\n    width?: number;\n    height?: number;\n  }>({});\n\n  const handleDropdownHeaderRefProp = useForkRef(\n    dropdownHeaderRefProp,\n    dropdownHeaderProps?.ref\n  );\n  const handleDropdownHeaderRef = useForkRef(\n    setReferenceElement,\n    handleDropdownHeaderRefProp\n  );\n\n  const ariaRole = role || (component == null ? \"combobox\" : undefined);\n\n  const elementId = useUniqueId(id, \"hvbasedropdown\");\n\n  const bottom: PopperPlacementType =\n    placement && `bottom-${placement === \"right\" ? \"start\" : \"end\"}`;\n\n  const extensionWidth = referenceElement\n    ? referenceElement?.offsetWidth\n    : \"inherit\";\n\n  const { modifiers: popperPropsModifiers = [], ...otherPopperProps } =\n    popperProps;\n\n  const onFirstUpdate = useCallback(() => {\n    if (onContainerCreation) onContainerCreation(popperElement);\n  }, [onContainerCreation, popperElement]);\n\n  const widthCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.styles.popper.width = `${state.rects.reference.width}px`;\n    },\n    []\n  );\n\n  const widthCalculatorEffect = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      state.elements.popper.style.width = `${\n        (state.elements.reference as any).offsetWidth\n      }px`;\n    },\n    []\n  );\n\n  const applyMaxSizeCalculator = useCallback(\n    ({ state }: ModifierArguments<Options>) => {\n      // The `maxSize` modifier provides this data\n      const { width, height } = state.modifiersData.maxSize;\n      if (width !== popperMaxSize?.width || height !== popperMaxSize?.height) {\n        setPopperMaxSize({ width, height });\n      }\n\n      state.styles.popper = {\n        ...state.styles.popper,\n        maxWidth: `${width}px`,\n        maxHeight: `${height}px`,\n      };\n    },\n    [popperMaxSize]\n  );\n\n  const maxSizeCalculator = useCallback(\n    ({ state, name, options }: ModifierArguments<Options>) => {\n      const overflow = detectOverflow(state, options);\n\n      const x = state.modifiersData.preventOverflow?.x || 0;\n      const y = state.modifiersData.preventOverflow?.y || 0;\n\n      const popperWidth = state.rects.popper.width;\n      const popperHeight = state.rects.popper.height;\n\n      const basePlacement = state.placement.split(\"-\")[0];\n\n      const widthProp = basePlacement === \"left\" ? \"left\" : \"right\";\n      const heightProp = basePlacement === \"top\" ? \"top\" : \"bottom\";\n\n      state.modifiersData[name] = {\n        width: popperWidth - overflow[widthProp] - x,\n        height: popperHeight - overflow[heightProp] - y,\n      };\n    },\n    []\n  );\n\n  const modifiers: PopperProps[\"modifiers\"] = useMemo(\n    () => [\n      {\n        name: \"variableWidth\",\n        enabled: !variableWidth,\n        phase: \"beforeWrite\",\n        requires: [\"computeStyles\"],\n        fn: widthCalculator,\n        effect: widthCalculatorEffect,\n      },\n      {\n        name: \"maxSize\",\n        enabled: true,\n        phase: \"main\",\n        requiresIfExists: [\"offset\", \"preventOverflow\", \"flip\"],\n        fn: maxSizeCalculator,\n      },\n      {\n        name: \"applyMaxSize\",\n        enabled: true,\n        phase: \"beforeWrite\",\n        requires: [\"maxSize\"],\n        fn: applyMaxSizeCalculator,\n      },\n      ...popperPropsModifiers,\n    ],\n    [\n      maxSizeCalculator,\n      applyMaxSizeCalculator,\n      popperPropsModifiers,\n      variableWidth,\n      widthCalculator,\n      widthCalculatorEffect,\n    ]\n  );\n\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      placement: bottom,\n      modifiers,\n      onFirstUpdate,\n      ...otherPopperProps,\n    }\n  );\n\n  const popperPlacement =\n    attributes.popper?.[\"data-popper-placement\"] ?? \"bottom\";\n\n  const handleToggle = useCallback(\n    (event) => {\n      if (event && !isKey(event, \"Tab\")) {\n        event.preventDefault();\n      }\n\n      const notControlKey =\n        !!event?.code &&\n        !isOneOfKeys(event, [\"Tab\", \"Enter\", \"Esc\", \"ArrowDown\", \"Space\"]);\n\n      const ignoredCombinations =\n        (isKey(event, \"Esc\") && !isOpen) ||\n        (isKey(event, \"ArrowDown\") && isOpen) ||\n        (isKey(event, \"Tab\") && !isOpen);\n\n      if (disabled || notControlKey || ignoredCombinations) return;\n\n      const newOpen = !isOpen;\n\n      /* If about to close focus on the header component. */\n      const focusHeader = () => {\n        if (!newOpen) {\n          // Focus-ring won't be visible even if using the keyboard:\n          // https://github.com/WICG/focus-visible/issues/88\n          referenceElement?.focus({ preventScroll: true });\n        }\n\n        return newOpen;\n      };\n      setIsOpen(focusHeader());\n\n      onToggle?.(event, newOpen);\n    },\n    [isOpen, disabled, setIsOpen, onToggle, referenceElement]\n  );\n\n  const headerComponent = (() => {\n    if (component) {\n      return React.cloneElement(component as React.ReactElement, {\n        ref: handleDropdownHeaderRef,\n      });\n    }\n\n    const ExpanderComponent = isOpen ? DropUpXS : DropDownXS;\n\n    return (\n      <StyledHeaderRoot\n        id={setId(id, \"header\")}\n        className={clsx(\n          baseDropdownClasses.header,\n          classes?.header,\n          disabled &&\n            clsx(baseDropdownClasses.headerDisabled, classes?.headerDisabled),\n          readOnly &&\n            clsx(baseDropdownClasses.headerReadOnly, classes?.headerReadOnly),\n          isOpen && clsx(baseDropdownClasses.headerOpen, classes?.headerOpen),\n          isOpen &&\n            popperPlacement.includes(\"top\") &&\n            clsx(baseDropdownClasses.headerOpenUp, classes?.headerOpenUp),\n          isOpen &&\n            popperPlacement.includes(\"bottom\") &&\n            clsx(baseDropdownClasses.headerOpenDown, classes?.headerOpenDown)\n        )}\n        $disabled={disabled}\n        $readOnly={readOnly}\n        $opened={isOpen}\n        $openedUp={isOpen && popperPlacement.includes(\"top\")}\n        $openedDown={isOpen && popperPlacement.includes(\"bottom\")}\n        role={ariaRole === \"combobox\" ? \"textbox\" : undefined}\n        style={disabled || readOnly ? { pointerEvents: \"none\" } : undefined}\n        aria-controls={\n          isOpen ? setId(elementId, \"children-container\") : undefined\n        }\n        aria-label={others[\"aria-label\"] ?? undefined}\n        aria-labelledby={others[\"aria-labelledby\"] ?? undefined}\n        // Removes the element from the navigation sequence for keyboard focus if disabled\n        tabIndex={disabled ? -1 : 0}\n        ref={handleDropdownHeaderRef}\n        {...dropdownHeaderProps}\n      >\n        <StyledSelection\n          className={clsx(baseDropdownClasses.selection, classes?.selection)}\n        >\n          {placeholder && typeof placeholder === \"string\" ? (\n            <StyledPlaceholder\n              className={clsx(\n                baseDropdownClasses.placeholder,\n                classes?.placeholder,\n                disabled &&\n                  clsx(\n                    baseDropdownClasses.selectionDisabled,\n                    classes?.selectionDisabled\n                  )\n              )}\n              $disabled={disabled}\n              variant=\"body\"\n            >\n              {placeholder}\n            </StyledPlaceholder>\n          ) : (\n            placeholder\n          )}\n        </StyledSelection>\n        <StyledAdornment>\n          {adornment || (\n            <ExpanderComponent\n              iconSize=\"XS\"\n              color={disabled ? theme.colors.secondary_60 : undefined}\n              className={clsx(baseDropdownClasses.arrow, classes?.arrow)}\n            />\n          )}\n        </StyledAdornment>\n      </StyledHeaderRoot>\n    );\n  })();\n\n  const containerComponent = (() => {\n    /**\n     *  Handle keyboard inside children container.\n     */\n    const handleContainerKeyDown: KeyboardEventHandler = (event) => {\n      if (isKey(event, \"Esc\")) {\n        handleToggle(event);\n      }\n      if (isKey(event, \"Tab\") && !event.shiftKey) {\n        const focusList = getFirstAndLastFocus(popperElement);\n        if (document.activeElement === focusList?.last) {\n          event.preventDefault();\n          focusList?.first?.focus();\n        }\n      }\n    };\n\n    const handleOutside: ClickAwayListenerProps[\"onClickAway\"] = (event) => {\n      const isButtonClick = referenceElement?.contains(event.target as any);\n      if (!isButtonClick) {\n        onClickOutside?.(event);\n        setIsOpen(false);\n        onToggle?.(event, false);\n      }\n    };\n\n    const container = (\n      <StyledContainer\n        role=\"tooltip\"\n        ref={setPopperElement}\n        className={clsx(baseDropdownClasses.container, classes?.container)}\n        style={popperStyles.popper}\n        {...attributes.popper}\n      >\n        <ClickAwayListener onClickAway={handleOutside}>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n          <div onKeyDown={handleContainerKeyDown}>\n            {popperPlacement.includes(\"bottom\") && (\n              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionLeftPosition,\n                      classes?.inputExtensionLeftPosition\n                    )\n                )}\n                $leftPosition={popperPlacement.includes(\"end\")}\n                $openShadow={false}\n                $floatLeft={false}\n                $floatRight={false}\n              />\n            )}\n            <BaseDropdownContext.Provider value={popperMaxSize}>\n              <StyledPanel\n                id={setId(elementId, \"children-container\")}\n                className={clsx(baseDropdownClasses.panel, classes?.panel)}\n                $popperPlacement={\n                  popperPlacement.includes(\"top\") ? \"top\" : \"bottom\"\n                }\n              >\n                {children}\n              </StyledPanel>\n            </BaseDropdownContext.Provider>\n            {popperPlacement.includes(\"top\") && (\n              <StyledExtension\n                style={{ width: extensionWidth }}\n                className={clsx(\n                  baseDropdownClasses.inputExtensionOpen,\n                  classes?.inputExtensionOpen,\n                  baseDropdownClasses.inputExtensionOpenShadow,\n                  classes?.inputExtensionOpenShadow,\n                  popperPlacement.includes(\"end\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatRight,\n                      classes?.inputExtensionFloatRight\n                    ),\n                  popperPlacement.includes(\"start\") &&\n                    clsx(\n                      baseDropdownClasses.inputExtensionFloatLeft,\n                      classes?.inputExtensionFloatLeft\n                    )\n                )}\n                $leftPosition={false}\n                $openShadow\n                $floatLeft={popperPlacement.includes(\"start\")}\n                $floatRight={popperPlacement.includes(\"end\")}\n              />\n            )}\n          </div>\n        </ClickAwayListener>\n      </StyledContainer>\n    );\n\n    if (disablePortal) return container;\n\n    return createPortal(\n      container,\n      document.getElementById(rootId || \"\") || document.body\n    );\n  })();\n\n  return (\n    <StyledRoot className={clsx(baseDropdownClasses.root, classes?.root)}>\n      <StyledAnchor\n        id={id}\n        role={ariaRole}\n        aria-expanded={!!isOpen}\n        aria-owns={isOpen ? setId(elementId, \"children-container\") : undefined}\n        className={clsx(\n          className,\n          baseDropdownClasses.anchor,\n          classes?.anchor,\n          disabled &&\n            clsx(baseDropdownClasses.rootDisabled, classes?.rootDisabled)\n        )}\n        $disabled={disabled}\n        {...(!readOnly && {\n          onKeyDown: handleToggle,\n          onClick: handleToggle,\n        })}\n        // Removes the element from the navigation sequence for keyboard focus\n        tabIndex={-1}\n        {...others}\n      >\n        {headerComponent}\n      </StyledAnchor>\n      {isOpen && containerComponent}\n    </StyledRoot>\n  );\n};\n"],"names":["HvBaseDropdown","id","className","classes","children","role","placeholder","component","adornment","expanded","dropdownHeaderProps","defaultExpanded","disabled","readOnly","disablePortal","variableWidth","placement","popperProps","dropdownHeaderRef","dropdownHeaderRefProp","onToggle","onClickOutside","onContainerCreation","others","rootId","useTheme","isOpen","setIsOpen","useControlled","Boolean","referenceElement","setReferenceElement","useState","popperElement","setPopperElement","popperMaxSize","setPopperMaxSize","handleDropdownHeaderRefProp","useForkRef","ref","handleDropdownHeaderRef","ariaRole","undefined","elementId","useUniqueId","bottom","extensionWidth","offsetWidth","modifiers","popperPropsModifiers","otherPopperProps","onFirstUpdate","useCallback","widthCalculator","state","styles","popper","width","rects","reference","widthCalculatorEffect","elements","style","applyMaxSizeCalculator","height","modifiersData","maxSize","maxWidth","maxHeight","maxSizeCalculator","name","options","overflow","detectOverflow","x","preventOverflow","y","popperWidth","popperHeight","basePlacement","split","widthProp","heightProp","useMemo","enabled","phase","requires","fn","effect","requiresIfExists","popperStyles","attributes","usePopper","popperPlacement","handleToggle","event","isKey","preventDefault","notControlKey","code","isOneOfKeys","ignoredCombinations","newOpen","focusHeader","focus","preventScroll","headerComponent","React","cloneElement","ExpanderComponent","DropUpXS","DropDownXS","StyledHeaderRoot","setId","clsx","baseDropdownClasses","header","headerDisabled","headerReadOnly","headerOpen","includes","headerOpenUp","headerOpenDown","$disabled","$readOnly","$opened","$openedUp","$openedDown","pointerEvents","tabIndex","_jsx","StyledSelection","selection","StyledPlaceholder","selectionDisabled","variant","StyledAdornment","iconSize","color","theme","colors","secondary_60","arrow","containerComponent","handleContainerKeyDown","shiftKey","focusList","getFirstAndLastFocus","document","activeElement","last","first","handleOutside","isButtonClick","contains","target","container","StyledContainer","ClickAwayListener","onClickAway","onKeyDown","StyledExtension","inputExtensionOpen","inputExtensionLeftPosition","$leftPosition","$openShadow","$floatLeft","$floatRight","BaseDropdownContext","Provider","value","StyledPanel","panel","$popperPlacement","inputExtensionOpenShadow","inputExtensionFloatRight","inputExtensionFloatLeft","createPortal","getElementById","body","StyledRoot","root","StyledAnchor","anchor","rootDisabled","onClick"],"mappings":"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"}

package/dist/cjs/components/BreadCrumb/Page/Page.styles.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactCore = require("@hitachivantara/uikit-react-core");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const classes = require("../../../utils/classes.cjs");
+const focusUtils = require("../../../utils/focusUtils.cjs");
 const {
   staticClasses,
   useClasses
@@ -20,7 +20,7 @@ const {
       backgroundColor: uikitStyles.theme.colors.atmo3
     },
     "&:focus-visible": {
-      ...uikitReactCore.outlineStyles
+      ...focusUtils.outlineStyles
     }
   },
   label: {},

package/dist/cjs/components/BreadCrumb/Page/Page.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Page.styles.cjs","sources":["../../../../../src/components/BreadCrumb/Page/Page.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils\";\nimport { outlineStyles } from \"@hitachivantara/uikit-react-core\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvPage\", {\n  link: {\n    padding: `8px ${theme.space.xs}`,\n    borderRadius: theme.radii.base,\n    maxWidth: 170 + 16,\n    textTransform: \"capitalize\",\n    \"&:hover\": {\n      cursor: \"pointer\",\n      backgroundColor: theme.colors.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.colors.atmo3,\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  label: {},\n  a: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","link","padding","theme","space","xs","borderRadius","radii","base","maxWidth","textTransform","cursor","backgroundColor","colors","atmo3","outlineStyles","label","a"],"mappings":";;;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,UAAU;AAAA,EACnEC,MAAM;AAAA,IACJC,SAAU,OAAMC,YAAAA,MAAMC,MAAMC;AAAAA,IAC5BC,cAAcH,YAAAA,MAAMI,MAAMC;AAAAA,IAC1BC,UAAU,MAAM;AAAA,IAChBC,eAAe;AAAA,IACf,WAAW;AAAA,MACTC,QAAQ;AAAA,MACRC,iBAAiBT,YAAAA,MAAMU,OAAOC;AAAAA,IAChC;AAAA,IACA,WAAW;AAAA,MACTF,iBAAiBT,YAAAA,MAAMU,OAAOC;AAAAA,IAChC;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAGC,eAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,OAAO,CAAC;AAAA,EACRC,GAAG,CAAC;AACN,CAAC;;;"}
+{"version":3,"file":"Page.styles.cjs","sources":["../../../../../src/components/BreadCrumb/Page/Page.styles.tsx"],"sourcesContent":["import { createClasses, outlineStyles } from \"@core/utils\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvPage\", {\n  link: {\n    padding: `8px ${theme.space.xs}`,\n    borderRadius: theme.radii.base,\n    maxWidth: 170 + 16,\n    textTransform: \"capitalize\",\n    \"&:hover\": {\n      cursor: \"pointer\",\n      backgroundColor: theme.colors.atmo3,\n    },\n    \"&:focus\": {\n      backgroundColor: theme.colors.atmo3,\n    },\n    \"&:focus-visible\": {\n      ...outlineStyles,\n    },\n  },\n  label: {},\n  a: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","link","padding","theme","space","xs","borderRadius","radii","base","maxWidth","textTransform","cursor","backgroundColor","colors","atmo3","outlineStyles","label","a"],"mappings":";;;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,UAAU;AAAA,EACnEC,MAAM;AAAA,IACJC,SAAU,OAAMC,YAAAA,MAAMC,MAAMC;AAAAA,IAC5BC,cAAcH,YAAAA,MAAMI,MAAMC;AAAAA,IAC1BC,UAAU,MAAM;AAAA,IAChBC,eAAe;AAAA,IACf,WAAW;AAAA,MACTC,QAAQ;AAAA,MACRC,iBAAiBT,YAAAA,MAAMU,OAAOC;AAAAA,IAChC;AAAA,IACA,WAAW;AAAA,MACTF,iBAAiBT,YAAAA,MAAMU,OAAOC;AAAAA,IAChC;AAAA,IACA,mBAAmB;AAAA,MACjB,GAAGC,WAAAA;AAAAA,IACL;AAAA,EACF;AAAA,EACAC,OAAO,CAAC;AAAA,EACRC,GAAG,CAAC;AACN,CAAC;;;"}

package/dist/cjs/components/Button/Button.cjs

@@ -46,7 +46,7 @@ const HvButton = React.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(Component, {
     ref,
     type: "button",
-    className: cx(classes.root, css(Button_styles.getVariantStyles(variant)), size && css(Button_styles.getSizeStyles(size)), radius && css(Button_styles.getRadiusStyles(radius)), overrideIconColors && css(Button_styles.getOverrideColors(variant)), {
+    className: cx(classes.root, css(Button_styles.getVariantStyles(variant)), size && css(Button_styles.getSizeStyles(size)), radius && css(Button_styles.getRadiusStyles(radius)), overrideIconColors && css(Button_styles.getOverrideColors()), {
       [classes.icon]: icon,
       [classes.disabled]: disabled
     }, className),

package/dist/cjs/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport { useTheme } from \"@core/hooks\";\nimport { PolymorphicComponentRef, PolymorphicRef } from \"@core/types\";\nimport { ExtractNames } from \"@core/utils\";\nimport {\n  staticClasses as buttonClasses,\n  getOverrideColors,\n  getRadiusStyles,\n  getSizeStyles,\n  getVariantStyles,\n  useClasses,\n} from \"./Button.styles\";\n\nexport { buttonClasses };\n\nexport type HvButtonClasses = ExtractNames<typeof useClasses>;\n\nexport const buttonVariant = [\n  \"primary\",\n  \"primarySubtle\",\n  \"primaryGhost\",\n  \"secondarySubtle\",\n  \"secondaryGhost\",\n  \"semantic\",\n  // deprecated props\n  \"secondary\",\n  \"ghost\",\n] as const;\nexport type HvButtonVariant = (typeof buttonVariant)[number];\n\nexport const buttonSize = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const;\nexport type HvButtonSize = (typeof buttonSize)[number];\n\nexport const buttonRadius = [\n  \"none\",\n  \"base\",\n  \"round\",\n  \"circle\",\n  \"full\",\n] as const;\nexport type HvButtonRadius = (typeof buttonRadius)[number];\n\nexport type HvButtonProps<C extends React.ElementType = \"button\"> =\n  PolymorphicComponentRef<\n    C,\n    {\n      /** Use the variant prop to change the visual style of the Button. */\n      variant?: HvButtonVariant;\n      /** Whether the Button is an icon-only button. */\n      icon?: boolean;\n      /** Whether the Button is disabled or not. */\n      disabled?: boolean;\n      /** Class names to be applied. */\n      className?: string;\n      /** Element placed before the children. */\n      startIcon?: ReactElement;\n      /** Element placed after the children. */\n      endIcon?: ReactElement;\n      /** Button size. */\n      size?: HvButtonSize;\n      /** Button border radius. */\n      radius?: HvButtonRadius;\n      /** Defines the default colors of the button are forced into the icon. */\n      overrideIconColors?: boolean;\n      /** A Jss Object used to override or extend the styles applied. */\n      classes?: HvButtonClasses;\n      /** Whether the Button is selected or not. */\n      selected?: boolean;\n    }\n  >;\n\n/**\n * Normalize the button variant. It's meant to give us some retro-compatibility with\n * the DS 3.6 API.\n * @returns the normalized variant in DS 5 API\n */\nconst mapVariant = (\n  variant: HvButtonVariant,\n  theme?: string\n): HvButtonVariant => {\n  if (theme === \"ds3\") return variant;\n\n  const deprecatedVariantMap: Record<string, HvButtonVariant> = {\n    secondary: \"secondarySubtle\",\n    ghost: \"primaryGhost\",\n  };\n\n  const mappedVariant = deprecatedVariantMap[variant];\n\n  if (mappedVariant) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `Button variant '${variant}' is deprecated. Please use '${mappedVariant}'.`\n    );\n  }\n\n  return mappedVariant || variant;\n};\n\n/**\n * Button component is used to trigger an action or event.\n */\nexport const HvButton: <C extends React.ElementType = \"button\">(\n  props: HvButtonProps<C>\n) => React.ReactElement | null = forwardRef(\n  <C extends React.ElementType = \"button\">(\n    props: HvButtonProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const {\n      id,\n      classes: classesProp,\n      children,\n      variant: variantProp = \"primary\",\n      disabled = false,\n      className,\n      startIcon,\n      endIcon,\n      icon = false,\n      size,\n      radius,\n      overrideIconColors = true,\n      component: Component = \"button\",\n      ...others\n    } = props;\n    const { classes, css, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n\n    const variant = mapVariant(variantProp, activeTheme?.name);\n\n    return (\n      <Component\n        ref={ref}\n        type=\"button\"\n        className={cx(\n          classes.root,\n          css(getVariantStyles(variant)),\n          size && css(getSizeStyles(size)),\n          radius && css(getRadiusStyles(radius)),\n          overrideIconColors && css(getOverrideColors(variant)),\n          {\n            [classes.icon]: icon,\n            [classes.disabled]: disabled,\n          },\n          className\n        )}\n        {...(disabled && {\n          disabled: true,\n          tabIndex: -1,\n          \"aria-disabled\": true,\n        })}\n        {...others}\n      >\n        {startIcon && <span className={classes.startIcon}>{startIcon}</span>}\n        {children}\n        {endIcon && <span className={classes.endIcon}>{endIcon}</span>}\n      </Component>\n    );\n  }\n);\n"],"names":["mapVariant","variant","theme","deprecatedVariantMap","secondary","ghost","mappedVariant","warn","HvButton","forwardRef","props","ref","id","classes","classesProp","children","variantProp","disabled","className","startIcon","endIcon","icon","size","radius","overrideIconColors","component","Component","others","css","cx","useClasses","activeTheme","useTheme","name","type","root","getVariantStyles","getSizeStyles","getRadiusStyles","getOverrideColors","tabIndex","_jsx"],"mappings":";;;;;;AA4EA,MAAMA,aAAaA,CACjBC,SACAC,UACoB;AACpB,MAAIA,UAAU;AAAcD,WAAAA;AAE5B,QAAME,uBAAwD;AAAA,IAC5DC,WAAW;AAAA,IACXC,OAAO;AAAA,EAAA;AAGHC,QAAAA,gBAAgBH,qBAAqBF,OAAO;AAElD,MAAIK,eAAe;AAETC,YAAAA,KACL,mBAAkBN,uCAAuCK,iBAC5D;AAAA,EACF;AAEA,SAAOA,iBAAiBL;AAC1B;AAKO,MAAMO,WAEoBC,MAAAA,WAC/B,CACEC,OACAC,QACG;AACG,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAd,SAASe,cAAc;AAAA,IACvBC,WAAW;AAAA,IACXC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,OAAO;AAAA,IACPC;AAAAA,IACAC;AAAAA,IACAC,qBAAqB;AAAA,IACrBC,WAAWC,YAAY;AAAA,IACvB,GAAGC;AAAAA,EACDjB,IAAAA;AACE,QAAA;AAAA,IAAEG;AAAAA,IAASe;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,cAAAA,WAAWhB,WAAW;AAC7C,QAAA;AAAA,IAAEiB;AAAAA,MAAgBC,SAAS,SAAA;AAEjC,QAAM/B,UAAUD,WAAWgB,aAAae,2CAAaE,IAAI;AAEzD,yCACGP,WAAS;AAAA,IACRf;AAAAA,IACAuB,MAAK;AAAA,IACLhB,WAAWW,GACThB,QAAQsB,MACRP,IAAIQ,+BAAiBnC,OAAO,CAAC,GAC7BqB,QAAQM,IAAIS,cAAcf,cAAAA,IAAI,CAAC,GAC/BC,UAAUK,IAAIU,cAAAA,gBAAgBf,MAAM,CAAC,GACrCC,sBAAsBI,IAAIW,gCAAkBtC,OAAO,CAAC,GACpD;AAAA,MACE,CAACY,QAAQQ,IAAI,GAAGA;AAAAA,MAChB,CAACR,QAAQI,QAAQ,GAAGA;AAAAA,OAEtBC,SACF;AAAA,IAAE,GACGD,YAAY;AAAA,MACfA,UAAU;AAAA,MACVuB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB;AAAA,IAAC,GACGb;AAAAA,IAAMZ,UAAA,CAETI,aAAasB,2BAAAA,IAAA,QAAA;AAAA,MAAMvB,WAAWL,QAAQM;AAAAA,MAAUJ,UAAEI;AAAAA,IAAgB,CAAA,GAClEJ,UACAK,0CAAW,QAAA;AAAA,MAAMF,WAAWL,QAAQO;AAAAA,MAAQL,UAAEK;AAAAA,IAAAA,CAAc,CAAC;AAAA,EAAA,CACrD;AAEf,CACF;;;"}
+{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport { useTheme } from \"@core/hooks\";\nimport { PolymorphicComponentRef, PolymorphicRef } from \"@core/types\";\nimport { ExtractNames } from \"@core/utils\";\nimport {\n  staticClasses as buttonClasses,\n  getOverrideColors,\n  getRadiusStyles,\n  getSizeStyles,\n  getVariantStyles,\n  useClasses,\n} from \"./Button.styles\";\n\nexport { buttonClasses };\n\nexport type HvButtonClasses = ExtractNames<typeof useClasses>;\n\nexport const buttonVariant = [\n  \"primary\",\n  \"primarySubtle\",\n  \"primaryGhost\",\n  \"secondarySubtle\",\n  \"secondaryGhost\",\n  \"semantic\",\n  // deprecated props\n  \"secondary\",\n  \"ghost\",\n] as const;\nexport type HvButtonVariant = (typeof buttonVariant)[number];\n\nexport const buttonSize = [\"xs\", \"sm\", \"md\", \"lg\", \"xl\"] as const;\nexport type HvButtonSize = (typeof buttonSize)[number];\n\nexport const buttonRadius = [\n  \"none\",\n  \"base\",\n  \"round\",\n  \"circle\",\n  \"full\",\n] as const;\nexport type HvButtonRadius = (typeof buttonRadius)[number];\n\nexport type HvButtonProps<C extends React.ElementType = \"button\"> =\n  PolymorphicComponentRef<\n    C,\n    {\n      /** Use the variant prop to change the visual style of the Button. */\n      variant?: HvButtonVariant;\n      /** Whether the Button is an icon-only button. */\n      icon?: boolean;\n      /** Whether the Button is disabled or not. */\n      disabled?: boolean;\n      /** Class names to be applied. */\n      className?: string;\n      /** Element placed before the children. */\n      startIcon?: ReactElement;\n      /** Element placed after the children. */\n      endIcon?: ReactElement;\n      /** Button size. */\n      size?: HvButtonSize;\n      /** Button border radius. */\n      radius?: HvButtonRadius;\n      /** Defines the default colors of the button are forced into the icon. */\n      overrideIconColors?: boolean;\n      /** A Jss Object used to override or extend the styles applied. */\n      classes?: HvButtonClasses;\n      /** Whether the Button is selected or not. */\n      selected?: boolean;\n    }\n  >;\n\n/**\n * Normalize the button variant. It's meant to give us some retro-compatibility with\n * the DS 3.6 API.\n * @returns the normalized variant in DS 5 API\n */\nconst mapVariant = (\n  variant: HvButtonVariant,\n  theme?: string\n): HvButtonVariant => {\n  if (theme === \"ds3\") return variant;\n\n  const deprecatedVariantMap: Record<string, HvButtonVariant> = {\n    secondary: \"secondarySubtle\",\n    ghost: \"primaryGhost\",\n  };\n\n  const mappedVariant = deprecatedVariantMap[variant];\n\n  if (mappedVariant) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `Button variant '${variant}' is deprecated. Please use '${mappedVariant}'.`\n    );\n  }\n\n  return mappedVariant || variant;\n};\n\n/**\n * Button component is used to trigger an action or event.\n */\nexport const HvButton: <C extends React.ElementType = \"button\">(\n  props: HvButtonProps<C>\n) => React.ReactElement | null = forwardRef(\n  <C extends React.ElementType = \"button\">(\n    props: HvButtonProps<C>,\n    ref: PolymorphicRef<C>\n  ) => {\n    const {\n      id,\n      classes: classesProp,\n      children,\n      variant: variantProp = \"primary\",\n      disabled = false,\n      className,\n      startIcon,\n      endIcon,\n      icon = false,\n      size,\n      radius,\n      overrideIconColors = true,\n      component: Component = \"button\",\n      ...others\n    } = props;\n    const { classes, css, cx } = useClasses(classesProp);\n    const { activeTheme } = useTheme();\n\n    const variant = mapVariant(variantProp, activeTheme?.name);\n\n    return (\n      <Component\n        ref={ref}\n        type=\"button\"\n        className={cx(\n          classes.root,\n          css(getVariantStyles(variant)),\n          size && css(getSizeStyles(size)),\n          radius && css(getRadiusStyles(radius)),\n          overrideIconColors && css(getOverrideColors()),\n          {\n            [classes.icon]: icon,\n            [classes.disabled]: disabled,\n          },\n          className\n        )}\n        {...(disabled && {\n          disabled: true,\n          tabIndex: -1,\n          \"aria-disabled\": true,\n        })}\n        {...others}\n      >\n        {startIcon && <span className={classes.startIcon}>{startIcon}</span>}\n        {children}\n        {endIcon && <span className={classes.endIcon}>{endIcon}</span>}\n      </Component>\n    );\n  }\n);\n"],"names":["mapVariant","variant","theme","deprecatedVariantMap","secondary","ghost","mappedVariant","warn","HvButton","forwardRef","props","ref","id","classes","classesProp","children","variantProp","disabled","className","startIcon","endIcon","icon","size","radius","overrideIconColors","component","Component","others","css","cx","useClasses","activeTheme","useTheme","name","type","root","getVariantStyles","getSizeStyles","getRadiusStyles","getOverrideColors","tabIndex","_jsx"],"mappings":";;;;;;AA4EA,MAAMA,aAAaA,CACjBC,SACAC,UACoB;AACpB,MAAIA,UAAU;AAAcD,WAAAA;AAE5B,QAAME,uBAAwD;AAAA,IAC5DC,WAAW;AAAA,IACXC,OAAO;AAAA,EAAA;AAGHC,QAAAA,gBAAgBH,qBAAqBF,OAAO;AAElD,MAAIK,eAAe;AAETC,YAAAA,KACL,mBAAkBN,uCAAuCK,iBAC5D;AAAA,EACF;AAEA,SAAOA,iBAAiBL;AAC1B;AAKO,MAAMO,WAEoBC,MAAAA,WAC/B,CACEC,OACAC,QACG;AACG,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAd,SAASe,cAAc;AAAA,IACvBC,WAAW;AAAA,IACXC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,OAAO;AAAA,IACPC;AAAAA,IACAC;AAAAA,IACAC,qBAAqB;AAAA,IACrBC,WAAWC,YAAY;AAAA,IACvB,GAAGC;AAAAA,EACDjB,IAAAA;AACE,QAAA;AAAA,IAAEG;AAAAA,IAASe;AAAAA,IAAKC;AAAAA,EAAAA,IAAOC,cAAAA,WAAWhB,WAAW;AAC7C,QAAA;AAAA,IAAEiB;AAAAA,MAAgBC,SAAS,SAAA;AAEjC,QAAM/B,UAAUD,WAAWgB,aAAae,2CAAaE,IAAI;AAEzD,yCACGP,WAAS;AAAA,IACRf;AAAAA,IACAuB,MAAK;AAAA,IACLhB,WAAWW,GACThB,QAAQsB,MACRP,IAAIQ,+BAAiBnC,OAAO,CAAC,GAC7BqB,QAAQM,IAAIS,cAAAA,cAAcf,IAAI,CAAC,GAC/BC,UAAUK,IAAIU,8BAAgBf,MAAM,CAAC,GACrCC,sBAAsBI,IAAIW,cAAkB,kBAAA,CAAC,GAC7C;AAAA,MACE,CAAC1B,QAAQQ,IAAI,GAAGA;AAAAA,MAChB,CAACR,QAAQI,QAAQ,GAAGA;AAAAA,OAEtBC,SACF;AAAA,IAAE,GACGD,YAAY;AAAA,MACfA,UAAU;AAAA,MACVuB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB;AAAA,IAAC,GACGb;AAAAA,IAAMZ,UAAA,CAETI,aAAasB,2BAAAA,IAAA,QAAA;AAAA,MAAMvB,WAAWL,QAAQM;AAAAA,MAAUJ,UAAEI;AAAAA,IAAgB,CAAA,GAClEJ,UACAK,0CAAW,QAAA;AAAA,MAAMF,WAAWL,QAAQO;AAAAA,MAAQL,UAAEK;AAAAA,IAAAA,CAAc,CAAC;AAAA,EAAA,CACrD;AAEf,CACF;;;"}