@hitachivantara/uikit-react-core 5.24.0 → 5.24.2

package/dist/cjs/components/Dropdown/Dropdown.styles.cjs

@@ -1,133 +1,52 @@
 "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 dropdownClasses = require("./dropdownClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const FormElement = require("../Forms/FormElement/FormElement.cjs");
-const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
-const Label = require("../Forms/Label/Label.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledHvFormElement = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(FormElement.HvFormElement, {
-  ...props
-}), process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "etta2py4"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "etta2py4",
-  label: "StyledHvFormElement"
-}, transientOptions.transientOptions))(({
-  $selectionDisabled
-}) => ({
-  width: "100%",
-  position: "relative",
-  display: "inline-block",
-  ...$selectionDisabled && {
+const classes = require("../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvDropdown", {
+  root: {
+    width: "100%",
+    position: "relative",
+    display: "inline-block"
+  },
+  labelContainer: {
+    display: "flex",
+    alignItems: "flex-start"
+  },
+  label: {
+    paddingBottom: "6px",
+    display: "block"
+  },
+  description: {},
+  error: {},
+  placeholder: {
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  selectionDisabled: {
+    lineHeight: uikitStyles.theme.space.md,
     color: uikitStyles.theme.dropdown.disabledColor
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQm1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7XG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZMYWJlbCxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZURyb3Bkb3duLFxuICBIdkJhc2VEcm9wZG93blByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlRHJvcGRvd25cIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5pbXBvcnQgZHJvcGRvd25DbGFzc2VzIGZyb20gXCIuL2Ryb3Bkb3duQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSHZGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkZvcm1FbGVtZW50UHJvcHMpID0+IDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkJhc2VEcm9wZG93blByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIC4uLigkZHJvcGRvd25IZWFkZXJJbnZhbGlkICYmIHtcbiAgICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJHJlYWRPbmx5ICYmIHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5yZWFkT25seUJvcmRlcixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kcm9wZG93bi5yZWFkT25seUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0pLFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVySW52YWxpZH1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlckludmFsaWRCb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQsXG4gICAgJGlzT3BlbixcbiAgfToge1xuICAgICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW47XG4gICAgJGlzT3Blbj86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
-const StyledDropdown = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown.HvBaseDropdown, {
-  ...props
-}), process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "etta2py3"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "etta2py3",
-  label: "StyledDropdown"
-}, transientOptions.transientOptions))(({
-  $dropdownHeaderInvalid,
-  $readOnly
-}) => ({
-  width: "100%",
-  borderRadius: uikitStyles.theme.radii.base,
-  [`& .${dropdownClasses.default.dropdownHeader}`]: {
-    ...$dropdownHeaderInvalid && {
-      border: "none",
+  },
+  dropdown: {
+    width: "100%",
+    borderRadius: uikitStyles.theme.radii.base,
+    "& $dropdownHeaderInvalid": {
+      border: uikitStyles.theme.dropdown.dropdownHeaderInvalidBorder,
       "&:hover": {
-        border: "none"
+        border: uikitStyles.theme.dropdown.dropdownHeaderInvalidBorder
       }
-    },
-    ...$readOnly && {
-      border: uikitStyles.theme.dropdown.readOnlyBorder,
-      backgroundColor: uikitStyles.theme.dropdown.readOnlyBackgroundColor
     }
   },
-  [`& .${dropdownClasses.default.dropdownHeaderInvalid}`]: {
-    border: uikitStyles.theme.dropdown.dropdownHeaderInvalidBorder,
-    "&:hover": {
-      border: uikitStyles.theme.dropdown.dropdownHeaderInvalidBorder
-    }
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7XG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZMYWJlbCxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZURyb3Bkb3duLFxuICBIdkJhc2VEcm9wZG93blByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlRHJvcGRvd25cIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5pbXBvcnQgZHJvcGRvd25DbGFzc2VzIGZyb20gXCIuL2Ryb3Bkb3duQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSHZGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkZvcm1FbGVtZW50UHJvcHMpID0+IDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkJhc2VEcm9wZG93blByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIC4uLigkZHJvcGRvd25IZWFkZXJJbnZhbGlkICYmIHtcbiAgICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJHJlYWRPbmx5ICYmIHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5yZWFkT25seUJvcmRlcixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kcm9wZG93bi5yZWFkT25seUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0pLFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVySW52YWxpZH1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlckludmFsaWRCb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQsXG4gICAgJGlzT3BlbixcbiAgfToge1xuICAgICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW47XG4gICAgJGlzT3Blbj86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
-const StyledLabelContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "etta2py2"
-} : {
-  target: "etta2py2",
-  label: "StyledLabelContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1o129hd",
-  styles: "display:flex;align-items:flex-start"
-} : {
-  name: "1o129hd",
-  styles: "display:flex;align-items:flex-start",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRW9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7XG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZMYWJlbCxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZURyb3Bkb3duLFxuICBIdkJhc2VEcm9wZG93blByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlRHJvcGRvd25cIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5pbXBvcnQgZHJvcGRvd25DbGFzc2VzIGZyb20gXCIuL2Ryb3Bkb3duQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSHZGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkZvcm1FbGVtZW50UHJvcHMpID0+IDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkJhc2VEcm9wZG93blByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIC4uLigkZHJvcGRvd25IZWFkZXJJbnZhbGlkICYmIHtcbiAgICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJHJlYWRPbmx5ICYmIHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5yZWFkT25seUJvcmRlcixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kcm9wZG93bi5yZWFkT25seUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0pLFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVySW52YWxpZH1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlckludmFsaWRCb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQsXG4gICAgJGlzT3BlbixcbiAgfToge1xuICAgICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW47XG4gICAgJGlzT3Blbj86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledLabel = /* @__PURE__ */ _styled__default.default(Label.HvLabel, process.env.NODE_ENV === "production" ? {
-  target: "etta2py1"
-} : {
-  target: "etta2py1",
-  label: "StyledLabel"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1iuk9zt",
-  styles: "padding-bottom:6px;display:block"
-} : {
-  name: "1iuk9zt",
-  styles: "padding-bottom:6px;display:block",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RTJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7XG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZMYWJlbCxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZURyb3Bkb3duLFxuICBIdkJhc2VEcm9wZG93blByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlRHJvcGRvd25cIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5pbXBvcnQgZHJvcGRvd25DbGFzc2VzIGZyb20gXCIuL2Ryb3Bkb3duQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSHZGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkZvcm1FbGVtZW50UHJvcHMpID0+IDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkJhc2VEcm9wZG93blByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIC4uLigkZHJvcGRvd25IZWFkZXJJbnZhbGlkICYmIHtcbiAgICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJHJlYWRPbmx5ICYmIHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5yZWFkT25seUJvcmRlcixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kcm9wZG93bi5yZWFkT25seUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0pLFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVySW52YWxpZH1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlckludmFsaWRCb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQsXG4gICAgJGlzT3BlbixcbiAgfToge1xuICAgICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW47XG4gICAgJGlzT3Blbj86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+  arrow: {},
+  dropdownHeader: {},
+  dropdownHeaderInvalid: {},
+  dropdownHeaderOpen: {},
+  dropdownListContainer: {},
+  rootList: {}
 });
-const StyledTypography = /* @__PURE__ */ _styled__default.default(Typography.HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "etta2py0"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "etta2py0",
-  label: "StyledTypography"
-}, transientOptions.transientOptions))(({
-  $selectionDisabled,
-  $isOpen
-}) => ({
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap",
-  ...!$isOpen && {
-    color: uikitStyles.theme.dropdown.placeholderColor
-  },
-  ...$selectionDisabled && {
-    lineHeight: uikitStyles.theme.space.md,
-    color: uikitStyles.theme.dropdown.disabledColor
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RWdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7XG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2Rm9ybUVsZW1lbnRQcm9wcyxcbiAgSHZMYWJlbCxcbn0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvRm9ybXNcIjtcbmltcG9ydCB7XG4gIEh2QmFzZURyb3Bkb3duLFxuICBIdkJhc2VEcm9wZG93blByb3BzLFxufSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9CYXNlRHJvcGRvd25cIjtcbmltcG9ydCB7IEh2VHlwb2dyYXBoeSB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5pbXBvcnQgZHJvcGRvd25DbGFzc2VzIGZyb20gXCIuL2Ryb3Bkb3duQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSHZGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkZvcm1FbGVtZW50UHJvcHMpID0+IDxIdkZvcm1FbGVtZW50IHsuLi5wcm9wc30gLz4sXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkJhc2VEcm9wZG93blByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaWkuYmFzZSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIC4uLigkZHJvcGRvd25IZWFkZXJJbnZhbGlkICYmIHtcbiAgICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICAuLi4oJHJlYWRPbmx5ICYmIHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5yZWFkT25seUJvcmRlcixcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5kcm9wZG93bi5yZWFkT25seUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0pLFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVySW52YWxpZH1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlckludmFsaWRCb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQsXG4gICAgJGlzT3BlbixcbiAgfToge1xuICAgICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW47XG4gICAgJGlzT3Blbj86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
-exports.StyledDropdown = StyledDropdown;
-exports.StyledHvFormElement = StyledHvFormElement;
-exports.StyledLabel = StyledLabel;
-exports.StyledLabelContainer = StyledLabelContainer;
-exports.StyledTypography = StyledTypography;
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=Dropdown.styles.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.styles.cjs","sources":["../../../../src/components/Dropdown/Dropdown.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport {\n  HvFormElement,\n  HvFormElementProps,\n  HvLabel,\n} from \"@core/components/Forms\";\nimport {\n  HvBaseDropdown,\n  HvBaseDropdownProps,\n} from \"@core/components/BaseDropdown\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { transientOptions } from \"@core/utils/transientOptions\";\n\nimport dropdownClasses from \"./dropdownClasses\";\n\nexport const StyledHvFormElement = styled(\n  (props: HvFormElementProps) => <HvFormElement {...props} />,\n  transientOptions\n)(({ $selectionDisabled }: { $selectionDisabled?: boolean }) => ({\n  width: \"100%\",\n\n  position: \"relative\",\n  display: \"inline-block\",\n\n  ...($selectionDisabled && {\n    color: theme.dropdown.disabledColor,\n  }),\n}));\n\nexport const StyledDropdown = styled(\n  (props: HvBaseDropdownProps) => <HvBaseDropdown {...props} />,\n  transientOptions\n)(\n  ({\n    $dropdownHeaderInvalid,\n    $readOnly,\n  }: {\n    $dropdownHeaderInvalid?: boolean;\n    $readOnly?: boolean;\n  }) => ({\n    width: \"100%\",\n    borderRadius: theme.radii.base,\n\n    [`& .${dropdownClasses.dropdownHeader}`]: {\n      ...($dropdownHeaderInvalid && {\n        border: \"none\",\n        \"&:hover\": {\n          border: \"none\",\n        },\n      }),\n      ...($readOnly && {\n        border: theme.dropdown.readOnlyBorder,\n        backgroundColor: theme.dropdown.readOnlyBackgroundColor,\n      }),\n    },\n\n    [`& .${dropdownClasses.dropdownHeaderInvalid}`]: {\n      border: theme.dropdown.dropdownHeaderInvalidBorder,\n      \"&:hover\": {\n        border: theme.dropdown.dropdownHeaderInvalidBorder,\n      },\n    },\n  })\n);\n\nexport const StyledLabelContainer = styled(\"div\")({\n  display: \"flex\",\n  alignItems: \"flex-start\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  paddingBottom: \"6px\",\n  display: \"block\",\n});\n\nexport const StyledTypography = styled(\n  HvTypography,\n  transientOptions\n)(\n  ({\n    $selectionDisabled,\n    $isOpen,\n  }: {\n    $selectionDisabled?: boolean;\n    $isOpen?: boolean;\n  }) => ({\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n    ...(!$isOpen && {\n      color: theme.dropdown.placeholderColor,\n    }),\n    ...($selectionDisabled && {\n      lineHeight: theme.space.md,\n      color: theme.dropdown.disabledColor,\n    }),\n  })\n);\n"],"names":["StyledHvFormElement","_styled","props","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$selectionDisabled","width","position","display","color","theme","dropdown","disabledColor","StyledDropdown","HvBaseDropdown","$dropdownHeaderInvalid","$readOnly","borderRadius","radii","base","dropdownClasses","dropdownHeader","border","readOnlyBorder","backgroundColor","readOnlyBackgroundColor","dropdownHeaderInvalid","dropdownHeaderInvalidBorder","StyledLabelContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","StyledTypography","HvTypography","$isOpen","overflow","textOverflow","whiteSpace","placeholderColor","lineHeight","space","md"],"mappings":"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"}
+{"version":3,"file":"Dropdown.styles.cjs","sources":["../../../../src/components/Dropdown/Dropdown.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDropdown\", {\n  root: {\n    width: \"100%\",\n    position: \"relative\",\n    display: \"inline-block\",\n  },\n  labelContainer: { display: \"flex\", alignItems: \"flex-start\" },\n  label: { paddingBottom: \"6px\", display: \"block\" },\n  description: {},\n  error: {},\n  placeholder: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  selectionDisabled: {\n    lineHeight: theme.space.md,\n    color: theme.dropdown.disabledColor,\n  },\n  dropdown: {\n    width: \"100%\",\n    borderRadius: theme.radii.base,\n\n    \"& $dropdownHeaderInvalid\": {\n      border: theme.dropdown.dropdownHeaderInvalidBorder,\n      \"&:hover\": {\n        border: theme.dropdown.dropdownHeaderInvalidBorder,\n      },\n    },\n  },\n  arrow: {},\n  dropdownHeader: {},\n  dropdownHeaderInvalid: {},\n  dropdownHeaderOpen: {},\n  dropdownListContainer: {},\n  rootList: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","root","width","position","display","labelContainer","alignItems","label","paddingBottom","description","error","placeholder","overflow","textOverflow","whiteSpace","selectionDisabled","lineHeight","theme","space","md","color","dropdown","disabledColor","borderRadius","radii","base","border","dropdownHeaderInvalidBorder","arrow","dropdownHeader","dropdownHeaderInvalid","dropdownHeaderOpen","dropdownListContainer","rootList"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,cAAc;AAAA,EACvEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,UAAU;AAAA,IACVC,SAAS;AAAA,EACX;AAAA,EACAC,gBAAgB;AAAA,IAAED,SAAS;AAAA,IAAQE,YAAY;AAAA,EAAa;AAAA,EAC5DC,OAAO;AAAA,IAAEC,eAAe;AAAA,IAAOJ,SAAS;AAAA,EAAQ;AAAA,EAChDK,aAAa,CAAC;AAAA,EACdC,OAAO,CAAC;AAAA,EACRC,aAAa;AAAA,IACXC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AAAA,EACAC,mBAAmB;AAAA,IACjBC,YAAYC,YAAAA,MAAMC,MAAMC;AAAAA,IACxBC,OAAOH,YAAAA,MAAMI,SAASC;AAAAA,EACxB;AAAA,EACAD,UAAU;AAAA,IACRnB,OAAO;AAAA,IACPqB,cAAcN,YAAAA,MAAMO,MAAMC;AAAAA,IAE1B,4BAA4B;AAAA,MAC1BC,QAAQT,YAAAA,MAAMI,SAASM;AAAAA,MACvB,WAAW;AAAA,QACTD,QAAQT,YAAAA,MAAMI,SAASM;AAAAA,MACzB;AAAA,IACF;AAAA,EACF;AAAA,EACAC,OAAO,CAAC;AAAA,EACRC,gBAAgB,CAAC;AAAA,EACjBC,uBAAuB,CAAC;AAAA,EACxBC,oBAAoB,CAAC;AAAA,EACrBC,uBAAuB,CAAC;AAAA,EACxBC,UAAU,CAAC;AACb,CAAC;;;"}

package/dist/cjs/components/Dropdown/List/List.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const clsx = require("clsx");
+const uikitStyles = require("@hitachivantara/uikit-styles");
 const isNil = require("lodash/isNil");
 const setId = require("../../../utils/setId.cjs");
 const List_styles = require("./List.styles.cjs");
 const utils = require("../utils.cjs");
-const listClasses = require("./listClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const BaseDropdownContext = require("../../BaseDropdown/BaseDropdownContext/BaseDropdownContext.cjs");
 const ActionBar = require("../../ActionBar/ActionBar.cjs");
 const Button = require("../../Button/Button.cjs");
+const List = require("../../List/List.cjs");
 const Input = require("../../Input/Input.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 const CheckBox = require("../../CheckBox/CheckBox.cjs");
@@ -26,7 +26,7 @@ const cleanHidden = (lst) => lst.map((item) => ({
 const valuesExist = (values) => !isNil__default.default(values) && (values == null ? void 0 : values.length) > 0;
 const HvDropdownList = ({
   id,
-  classes,
+  classes: classesProp,
   values = [],
   multiSelect = false,
   showSearch = false,
@@ -41,6 +41,11 @@ const HvDropdownList = ({
   virtualized = false,
   ...others
 }) => {
+  const {
+    classes,
+    cx,
+    css
+  } = List_styles.useClasses(classesProp);
   const [searchStr, setSearchStr] = React.useState("");
   const [list, setList] = React.useState(clone(values));
   const [allSelected, setAllSelected] = React.useState(false);
@@ -100,8 +105,8 @@ const HvDropdownList = ({
     }
     return str;
   };
-  const renderSearch = () => /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledSearchContainer, {
-    className: clsx.clsx(listClasses.default.searchContainer, classes == null ? void 0 : classes.searchContainer),
+  const renderSearch = () => /* @__PURE__ */ jsxRuntime.jsx("div", {
+    className: classes.searchContainer,
     children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, {
       id: setId.setId(id, "search"),
       type: "search",
@@ -135,15 +140,15 @@ const HvDropdownList = ({
       })
     });
     return /* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: clsx.clsx(listClasses.default.selectAllContainer, classes == null ? void 0 : classes.selectAllContainer),
+      className: classes.selectAllContainer,
       children: /* @__PURE__ */ jsxRuntime.jsx(CheckBox.HvCheckBox, {
         id: setId.setId(id, "select-all"),
         label: defaultLabel,
         onChange: () => handleSelectAll(),
         classes: {
-          container: clsx.clsx(listClasses.default.selection, classes == null ? void 0 : classes.selection)
+          container: classes.selection
         },
-        className: clsx.clsx(listClasses.default.selectAll, classes == null ? void 0 : classes.selectAll),
+        className: classes.selectAll,
         indeterminate: anySelected && !allSelected,
         checked: allSelected
       })
@@ -176,22 +181,29 @@ const HvDropdownList = ({
     });
   };
   const showList = valuesExist(values);
-  return /* @__PURE__ */ jsxRuntime.jsxs(List_styles.StyledRootList, {
-    className: clsx.clsx(listClasses.default.rootList, classes == null ? void 0 : classes.rootList),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    className: classes.rootList,
     children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: clsx.clsx(listClasses.default.listBorderDown, classes == null ? void 0 : classes.listBorderDown)
-    }), /* @__PURE__ */ jsxRuntime.jsxs(List_styles.StyledListContainer, {
-      className: clsx.clsx(listClasses.default.listContainer, classes == null ? void 0 : classes.listContainer),
-      children: [showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /* @__PURE__ */ jsxRuntime.jsx(List_styles.StyledList, {
+      className: classes.listBorderDown
+    }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: classes.listContainer,
+      children: [showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /* @__PURE__ */ jsxRuntime.jsx(List.HvList, {
         id: setId.setId(id, "list"),
         classes: {
-          root: clsx.clsx(listClasses.default.dropdownListContainer, classes == null ? void 0 : classes.dropdownListContainer)
+          root: cx(classes.dropdownListContainer, css({
+            maxWidth: width,
+            maxHeight: maxHeight ?? `calc(${height}px - 32px - ${uikitStyles.theme.space.xs} - ${uikitStyles.theme.space.sm})`,
+            overflow: "auto",
+            padding: 5
+          }), dropdownHeight && css({
+            height: dropdownHeight
+          }), virtualized && css({
+            maxWidth: "inherit",
+            maxHeight: "inherit",
+            overflow: "inherit",
+            padding: 0
+          }))
         },
-        $dropdownHeight: dropdownHeight,
-        $maxHeight: maxHeight,
-        $virtualized: virtualized,
-        $height: height,
-        $width: width,
         values: list,
         multiSelect,
         useSelector: multiSelect,
@@ -209,5 +221,6 @@ const HvDropdownList = ({
     }), showList && multiSelect ? renderActions() : null]
   });
 };
+exports.dropdownListClasses = List_styles.staticClasses;
 exports.HvDropdownList = HvDropdownList;
 //# sourceMappingURL=List.cjs.map

package/dist/cjs/components/Dropdown/List/List.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.cjs","sources":["../../../../../src/components/Dropdown/List/List.tsx"],"sourcesContent":["import { MouseEvent, useContext, useEffect, useState } from \"react\";\n\nimport { clsx } from \"clsx\";\n\nimport isNil from \"lodash/isNil\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvButton } from \"@core/components/Button\";\nimport { HvCheckBox } from \"@core/components/CheckBox\";\nimport { HvInput } from \"@core/components/Input\";\nimport { HvListProps, HvListValue } from \"@core/components/List\";\nimport { HvActionBar } from \"@core/components/ActionBar\";\nimport BaseDropdownContext from \"@core/components/BaseDropdown/BaseDropdownContext\";\n\nimport {\n  StyledList,\n  StyledListContainer,\n  StyledRootList,\n  StyledSearchContainer,\n} from \"./List.styles\";\nimport { getSelected } from \"../utils\";\nimport dropdownListClasses, { HvDropdownListClasses } from \"./listClasses\";\nimport { HvDropdownLabelsProps } from \"../types\";\n\nexport interface HvDropdownListProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvDropdownListClasses;\n  /**\n   * The list to be rendered.\n   */\n  values?: HvListValue[];\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect?: boolean;\n  /**\n   * If true renders the search component.\n   */\n  showSearch?: boolean;\n  /**\n   * A function to be executed whenever a item is selected in the list\n   * or the Apply button is activated (when `multiSelect` is `true`).\n   */\n  onChange: (\n    /** An array containing the selected values */\n    listValues: HvListValue[],\n    /** If `true` the selection if finally committed the dropdown header text should reflect the new selection */\n    commitChanges: boolean,\n    /** If `true` the dropdown should toggle it's current state */\n    toggle: boolean,\n    /** If `true` the dropdown will call onChange */\n    notifyChanges: boolean\n  ) => void;\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: (event: MouseEvent) => void;\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels?: HvDropdownLabelsProps;\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender?: boolean;\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips?: boolean;\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle?: boolean;\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height?: number;\n  /**\n   * Experimental. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.\n   */\n  maxHeight?: number;\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized?: boolean;\n}\n\n/**\n * The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n *\n * For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n */\nconst clone = (values: HvListValue[]) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst: HvListValue[]) =>\n  lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values: HvListValue[]) =>\n  !isNil(values) && values?.length > 0;\n\nexport const HvDropdownList = ({\n  id,\n  classes,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  onCancel,\n  labels,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  singleSelectionToggle,\n  height: dropdownHeight,\n  maxHeight,\n  virtualized = false,\n  ...others\n}: HvDropdownListProps) => {\n  const [searchStr, setSearchStr] = useState<string>(\"\");\n  const [list, setList] = useState<HvListValue[]>(clone(values));\n  const [allSelected, setAllSelected] = useState<boolean>(false);\n  const [anySelected, setAnySelected] = useState<boolean>(false);\n  const { width, height } = useContext(BaseDropdownContext);\n\n  const newLabels = {\n    selectAll: labels?.selectAll,\n    selectionConjunction: labels?.multiSelectionConjunction,\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (listValues: HvListValue[]) => {\n    if (!listValues) return;\n    const nbrSelected = getSelected(listValues).length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === listValues.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    if (!valuesExist(values)) return;\n    setList(clone(values));\n    updateSelectAll(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n  }, [values, notifyChangesOnFirstRender, onChange]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str: string) => {\n    const results = list\n      ? list.filter(\n          ({\n            searchValue,\n            label,\n            value,\n          }: {\n            searchValue?: any;\n            label?: any;\n            value?: any;\n          }) => {\n            let stringValue = \"\";\n            if (\n              typeof searchValue === \"string\" ||\n              searchValue instanceof String\n            ) {\n              stringValue = searchValue.toLowerCase();\n            } else if (typeof label === \"string\" || label instanceof String) {\n              stringValue = label.toLowerCase();\n            } else if (typeof value === \"string\" || value instanceof String) {\n              stringValue = value.toLowerCase();\n            }\n\n            return stringValue.indexOf(str.toLowerCase()) >= 0;\n          }\n        )\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const isResult = results.find((result) => result.label === elem.label);\n        return { ...elem, isHidden: !isResult };\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <StyledSearchContainer\n      className={clsx(\n        dropdownListClasses.searchContainer,\n        classes?.searchContainer\n      )}\n    >\n      <HvInput\n        id={setId(id, \"search\")}\n        type=\"search\"\n        value={searchStr}\n        placeholder={labels?.searchPlaceholder}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </StyledSearchContainer>\n  );\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n    setList(newList);\n    updateSelectAll(newList);\n  };\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const renderSelectAll = () => {\n    const selectAll = labels?.selectAll;\n    const multiSelectionConjunction = labels?.multiSelectionConjunction;\n    const nbrSelected = getSelected(list).length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${list.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div\n        className={clsx(\n          dropdownListClasses.selectAllContainer,\n          classes?.selectAllContainer\n        )}\n      >\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{\n            container: clsx(dropdownListClasses.selection, classes?.selection),\n          }}\n          className={clsx(dropdownListClasses.selectAll, classes?.selectAll)}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  };\n\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param listValues - elements selected.\n   */\n  const onSelection: HvListProps[\"onChange\"] = (listValues) => {\n    if (!multiSelect) {\n      onChange(cleanHidden(listValues), true, true, true);\n    } else {\n      updateSelectAll(listValues);\n      setList(clone(listValues));\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => {\n    const applyLabel = labels?.applyLabel;\n    const cancelLabel = labels?.cancelLabel;\n    return (\n      <HvActionBar id={setId(id, \"actions\")}>\n        <HvButton\n          id={setId(id, \"actions-apply\")}\n          onClick={() => onChange(cleanHidden(list), true, true, true)}\n          variant=\"primaryGhost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"actions-cancel\")}\n          onClick={onCancel}\n          variant=\"primaryGhost\"\n        >\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  return (\n    <StyledRootList\n      className={clsx(dropdownListClasses.rootList, classes?.rootList)}\n    >\n      <div\n        className={clsx(\n          dropdownListClasses.listBorderDown,\n          classes?.listBorderDown\n        )}\n      />\n      <StyledListContainer\n        className={clsx(\n          dropdownListClasses.listContainer,\n          classes?.listContainer\n        )}\n      >\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <StyledList\n            id={setId(id, \"list\")}\n            classes={{\n              root: clsx(\n                dropdownListClasses.dropdownListContainer,\n                classes?.dropdownListContainer\n              ),\n            }}\n            $dropdownHeight={dropdownHeight}\n            $maxHeight={maxHeight}\n            $virtualized={virtualized}\n            $height={height}\n            $width={width}\n            values={list}\n            multiSelect={multiSelect}\n            useSelector={multiSelect}\n            showSelectAll={false}\n            onChange={onSelection}\n            labels={newLabels}\n            hasTooltips={hasTooltips}\n            selectable\n            condensed\n            singleSelectionToggle={singleSelectionToggle}\n            height={dropdownHeight}\n            virtualized={virtualized}\n            {...others}\n          />\n        )}\n      </StyledListContainer>\n      {showList && multiSelect ? renderActions() : null}\n    </StyledRootList>\n  );\n};\n"],"names":["clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","isNil","length","HvDropdownList","id","classes","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","height","dropdownHeight","maxHeight","virtualized","others","searchStr","setSearchStr","useState","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","width","useContext","BaseDropdownContext","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","getSelected","hasSelection","allSelect","useEffect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","_jsx","StyledSearchContainer","className","clsx","dropdownListClasses","searchContainer","children","HvInput","setId","type","placeholder","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","HvTypography","component","_jsxs","_Fragment","selectAllContainer","HvCheckBox","container","selection","indeterminate","checked","onSelection","renderActions","applyLabel","cancelLabel","HvActionBar","HvButton","onClick","variant","showList","StyledRootList","rootList","listBorderDown","StyledListContainer","listContainer","StyledList","root","dropdownListContainer","$dropdownHeight","$maxHeight","$virtualized","$height","$width","useSelector","showSelectAll","selectable","condensed"],"mappings":"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"}
+{"version":3,"file":"List.cjs","sources":["../../../../../src/components/Dropdown/List/List.tsx"],"sourcesContent":["import { MouseEvent, useContext, useEffect, useState } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport isNil from \"lodash/isNil\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvButton } from \"@core/components/Button\";\nimport { HvCheckBox } from \"@core/components/CheckBox\";\nimport { HvInput } from \"@core/components/Input\";\nimport { HvList, HvListProps, HvListValue } from \"@core/components/List\";\nimport { HvActionBar } from \"@core/components/ActionBar\";\nimport BaseDropdownContext from \"@core/components/BaseDropdown/BaseDropdownContext\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { staticClasses, useClasses } from \"./List.styles\";\nimport { getSelected } from \"../utils\";\nimport { HvDropdownLabelsProps } from \"../types\";\n\nexport { staticClasses as dropdownListClasses };\n\nexport type HvDropdownListClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvDropdownListProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvDropdownListClasses;\n  /**\n   * The list to be rendered.\n   */\n  values?: HvListValue[];\n  /**\n   * If true renders a multi select list.\n   */\n  multiSelect?: boolean;\n  /**\n   * If true renders the search component.\n   */\n  showSearch?: boolean;\n  /**\n   * A function to be executed whenever a item is selected in the list\n   * or the Apply button is activated (when `multiSelect` is `true`).\n   */\n  onChange: (\n    /** An array containing the selected values */\n    listValues: HvListValue[],\n    /** If `true` the selection if finally committed the dropdown header text should reflect the new selection */\n    commitChanges: boolean,\n    /** If `true` the dropdown should toggle it's current state */\n    toggle: boolean,\n    /** If `true` the dropdown will call onChange */\n    notifyChanges: boolean\n  ) => void;\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: (event: MouseEvent) => void;\n  /**\n   * An object containing all the labels for the dropdown.\n   */\n  labels?: HvDropdownLabelsProps;\n  /**\n   * If 'true' the dropdown will notify on the first render.\n   */\n  notifyChangesOnFirstRender?: boolean;\n  /**\n   * If `true` the dropdown will show tooltips when user mouseenter text in list\n   */\n  hasTooltips?: boolean;\n  /**\n   * If `true`, selection can be toggled when single selection.\n   */\n  singleSelectionToggle?: boolean;\n  /**\n   * Experimental. Height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class. Required in case virtualized is used\n   */\n  height?: number;\n  /**\n   * Experimental. Max height of the dropdown, in case you want to control it from a prop. Styles can also be used through dropdownListContainer class.\n   */\n  maxHeight?: number;\n  /**\n   * Experimental. Uses dropdown in a virtualized form, where not all options are rendered initially. Good for use cases with a lot of options.\n   */\n  virtualized?: boolean;\n}\n\n/**\n * The values property was being deeply cloned. That created a significant performance\n * hit when the values contained complex properties' values, like React Nodes.\n *\n * For minimizing the impact of removing the clone, a shallow clone of the array and its\n * objects is performed instead. That should have the same effect in the majority of the\n * cases, where the properties' values are primitive.\n */\nconst clone = (values: HvListValue[]) => values.map((value) => ({ ...value }));\n\n/**\n * Set all hidden's to false.\n */\nconst cleanHidden = (lst: HvListValue[]) =>\n  lst.map((item) => ({ ...item, isHidden: false }));\n\nconst valuesExist = (values: HvListValue[]) =>\n  !isNil(values) && values?.length > 0;\n\nexport const HvDropdownList = ({\n  id,\n  classes: classesProp,\n  values = [],\n  multiSelect = false,\n  showSearch = false,\n  onChange,\n  onCancel,\n  labels,\n  notifyChangesOnFirstRender = false,\n  hasTooltips = false,\n  singleSelectionToggle,\n  height: dropdownHeight,\n  maxHeight,\n  virtualized = false,\n  ...others\n}: HvDropdownListProps) => {\n  const { classes, cx, css } = useClasses(classesProp);\n\n  const [searchStr, setSearchStr] = useState<string>(\"\");\n  const [list, setList] = useState<HvListValue[]>(clone(values));\n  const [allSelected, setAllSelected] = useState<boolean>(false);\n  const [anySelected, setAnySelected] = useState<boolean>(false);\n  const { width, height } = useContext(BaseDropdownContext);\n\n  const newLabels = {\n    selectAll: labels?.selectAll,\n    selectionConjunction: labels?.multiSelectionConjunction,\n  };\n\n  /**\n   * Update states associated with select all.\n   */\n  const updateSelectAll = (listValues: HvListValue[]) => {\n    if (!listValues) return;\n    const nbrSelected = getSelected(listValues).length;\n    const hasSelection = nbrSelected > 0;\n    const allSelect = nbrSelected === listValues.length;\n\n    setAnySelected(hasSelection);\n    setAllSelected(hasSelection && allSelect);\n  };\n\n  /**\n   * After the first render, call onChange if notifyChangesOnFirstRender.\n   */\n  useEffect(() => {\n    if (!valuesExist(values)) return;\n    setList(clone(values));\n    updateSelectAll(values);\n    if (notifyChangesOnFirstRender) {\n      onChange?.(values, false, false, true);\n    }\n  }, [values, notifyChangesOnFirstRender, onChange]);\n\n  /**\n   * Sets the filtered values to the state.\n   *\n   * @param {String} str - The value that is being looked.\n   */\n  const handleSearch = (str: string) => {\n    const results = list\n      ? list.filter(\n          ({\n            searchValue,\n            label,\n            value,\n          }: {\n            searchValue?: any;\n            label?: any;\n            value?: any;\n          }) => {\n            let stringValue = \"\";\n            if (\n              typeof searchValue === \"string\" ||\n              searchValue instanceof String\n            ) {\n              stringValue = searchValue.toLowerCase();\n            } else if (typeof label === \"string\" || label instanceof String) {\n              stringValue = label.toLowerCase();\n            } else if (typeof value === \"string\" || value instanceof String) {\n              stringValue = value.toLowerCase();\n            }\n\n            return stringValue.indexOf(str.toLowerCase()) >= 0;\n          }\n        )\n      : null;\n\n    if (!isNil(results)) {\n      const newList = list.map((elem) => {\n        const isResult = results.find((result) => result.label === elem.label);\n        return { ...elem, isHidden: !isResult };\n      });\n\n      setList(newList);\n      setSearchStr(str);\n    }\n    return str;\n  };\n\n  /**\n   * Create search element.\n   *\n   * @returns {*}\n   */\n  const renderSearch = () => (\n    <div className={classes.searchContainer}>\n      <HvInput\n        id={setId(id, \"search\")}\n        type=\"search\"\n        value={searchStr}\n        placeholder={labels?.searchPlaceholder}\n        onChange={(event, str) => handleSearch(str)}\n      />\n    </div>\n  );\n\n  /**\n   * Select all the values inside the dropdown.\n   *\n   */\n  const handleSelectAll = () => {\n    const newList = list.map((elem) => ({ ...elem, selected: !anySelected }));\n    setList(newList);\n    updateSelectAll(newList);\n  };\n\n  /**\n   * Create selecteAll component.\n   *\n   * @returns {*}\n   */\n  const renderSelectAll = () => {\n    const selectAll = labels?.selectAll;\n    const multiSelectionConjunction = labels?.multiSelectionConjunction;\n    const nbrSelected = getSelected(list).length;\n\n    const defaultLabel = (\n      <HvTypography component=\"span\">\n        {nbrSelected > 0 ? (\n          <>\n            <b>{nbrSelected}</b>\n            {` ${multiSelectionConjunction} ${list.length}`}\n          </>\n        ) : (\n          <>\n            <b>{selectAll}</b>\n            {` (${list.length})`}\n          </>\n        )}\n      </HvTypography>\n    );\n\n    return (\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select-all\")}\n          label={defaultLabel}\n          onChange={() => handleSelectAll()}\n          classes={{\n            container: classes.selection,\n          }}\n          className={classes.selectAll}\n          indeterminate={anySelected && !allSelected}\n          checked={allSelected}\n        />\n      </div>\n    );\n  };\n\n  /**\n   * When selecting the state list is updated with the corresponding selection.\n   *\n   * @param listValues - elements selected.\n   */\n  const onSelection: HvListProps[\"onChange\"] = (listValues) => {\n    if (!multiSelect) {\n      onChange(cleanHidden(listValues), true, true, true);\n    } else {\n      updateSelectAll(listValues);\n      setList(clone(listValues));\n    }\n  };\n\n  /**\n   * Render action buttons.\n   */\n  const renderActions = () => {\n    const applyLabel = labels?.applyLabel;\n    const cancelLabel = labels?.cancelLabel;\n    return (\n      <HvActionBar id={setId(id, \"actions\")}>\n        <HvButton\n          id={setId(id, \"actions-apply\")}\n          onClick={() => onChange(cleanHidden(list), true, true, true)}\n          variant=\"primaryGhost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"actions-cancel\")}\n          onClick={onCancel}\n          variant=\"primaryGhost\"\n        >\n          {cancelLabel}\n        </HvButton>\n      </HvActionBar>\n    );\n  };\n\n  const showList = valuesExist(values);\n\n  return (\n    <div className={classes.rootList}>\n      <div className={classes.listBorderDown} />\n      <div className={classes.listContainer}>\n        {showSearch && renderSearch()}\n        {showList && multiSelect && renderSelectAll()}\n        {showList && (\n          <HvList\n            id={setId(id, \"list\")}\n            classes={{\n              root: cx(\n                classes.dropdownListContainer,\n                css({\n                  maxWidth: width,\n                  maxHeight:\n                    maxHeight ??\n                    `calc(${height}px - 32px - ${theme.space.xs} - ${theme.space.sm})`,\n                  overflow: \"auto\",\n                  padding: 5,\n                }),\n                dropdownHeight &&\n                  css({\n                    height: dropdownHeight,\n                  }),\n                virtualized &&\n                  css({\n                    maxWidth: \"inherit\",\n                    maxHeight: \"inherit\",\n                    overflow: \"inherit\",\n                    padding: 0,\n                  })\n              ),\n            }}\n            values={list}\n            multiSelect={multiSelect}\n            useSelector={multiSelect}\n            showSelectAll={false}\n            onChange={onSelection}\n            labels={newLabels}\n            hasTooltips={hasTooltips}\n            selectable\n            condensed\n            singleSelectionToggle={singleSelectionToggle}\n            height={dropdownHeight}\n            virtualized={virtualized}\n            {...others}\n          />\n        )}\n      </div>\n      {showList && multiSelect ? renderActions() : null}\n    </div>\n  );\n};\n"],"names":["clone","values","map","value","cleanHidden","lst","item","isHidden","valuesExist","isNil","length","HvDropdownList","id","classes","classesProp","multiSelect","showSearch","onChange","onCancel","labels","notifyChangesOnFirstRender","hasTooltips","singleSelectionToggle","height","dropdownHeight","maxHeight","virtualized","others","cx","css","useClasses","searchStr","setSearchStr","useState","list","setList","allSelected","setAllSelected","anySelected","setAnySelected","width","useContext","BaseDropdownContext","newLabels","selectAll","selectionConjunction","multiSelectionConjunction","updateSelectAll","listValues","nbrSelected","getSelected","hasSelection","allSelect","useEffect","handleSearch","str","results","filter","searchValue","label","stringValue","String","toLowerCase","indexOf","newList","elem","isResult","find","result","renderSearch","_jsx","className","searchContainer","children","HvInput","setId","type","placeholder","searchPlaceholder","event","handleSelectAll","selected","renderSelectAll","defaultLabel","HvTypography","component","_jsxs","_Fragment","selectAllContainer","HvCheckBox","container","selection","indeterminate","checked","onSelection","renderActions","applyLabel","cancelLabel","HvActionBar","HvButton","onClick","variant","showList","rootList","listBorderDown","listContainer","HvList","root","dropdownListContainer","maxWidth","theme","space","xs","sm","overflow","padding","useSelector","showSelectAll","selectable","condensed"],"mappings":"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"}

package/dist/cjs/components/Dropdown/List/List.styles.cjs

@@ -1,89 +1,24 @@
 "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 jsxRuntime = require("@emotion/react/jsx-runtime");
-const List = require("../../List/List.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-const StyledRootList = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e3xsfwu3"
-} : {
-  target: "e3xsfwu3",
-  label: "StyledRootList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "0",
-  styles: ""
-} : {
-  name: "0",
-  styles: "",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTThCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkxpc3QsIEh2TGlzdFByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvTGlzdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdExpc3QgPSBzdHlsZWQoXCJkaXZcIikoe30pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBhZGRpbmc6IHRoZW1lLmRyb3Bkb3duLmxpc3RDb250YWluZXJQYWRkaW5nLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWFyY2hDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLmRyb3Bkb3duLnNlYXJjaENvbnRhaW5lck1hcmdpbixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkxpc3RQcm9wcykgPT4gPEh2TGlzdCB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRkcm9wZG93bkhlaWdodCxcbiAgICAkdmlydHVhbGl6ZWQsXG4gICAgJGhlaWdodCxcbiAgICAkd2lkdGgsXG4gICAgJG1heEhlaWdodCxcbiAgfToge1xuICAgICRkcm9wZG93bkhlaWdodD86IG51bWJlcjtcbiAgICAkdmlydHVhbGl6ZWQ/OiBib29sZWFuO1xuICAgICRoZWlnaHQ/OiBudW1iZXI7XG4gICAgJHdpZHRoPzogbnVtYmVyO1xuICAgICRtYXhIZWlnaHQ/OiBudW1iZXI7XG4gIH0pID0+ICh7XG4gICAgbWF4V2lkdGg6ICR3aWR0aCxcbiAgICBtYXhIZWlnaHQ6XG4gICAgICAkbWF4SGVpZ2h0ID8/XG4gICAgICBgY2FsYygkeyRoZWlnaHR9cHggLSAzMnB4IC0gJHt0aGVtZS5zcGFjZS54c30gLSAke3RoZW1lLnNwYWNlLnNtfSlgLFxuICAgIG92ZXJmbG93OiBcImF1dG9cIixcbiAgICBwYWRkaW5nOiA1LFxuXG4gICAgLi4uKCRkcm9wZG93bkhlaWdodCAmJiB7IGhlaWdodDogJGRyb3Bkb3duSGVpZ2h0IH0pLFxuXG4gICAgLi4uKCR2aXJ0dWFsaXplZCAmJiB7XG4gICAgICBtYXhXaWR0aDogXCJpbmhlcml0XCIsXG4gICAgICBtYXhIZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaW5oZXJpdFwiLFxuICAgICAgcGFkZGluZzogMCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledListContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e3xsfwu2"
-} : {
-  target: "e3xsfwu2",
-  label: "StyledListContainer"
-})({
-  padding: uikitStyles.theme.dropdown.listContainerPadding
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW1DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkxpc3QsIEh2TGlzdFByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvTGlzdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdExpc3QgPSBzdHlsZWQoXCJkaXZcIikoe30pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBhZGRpbmc6IHRoZW1lLmRyb3Bkb3duLmxpc3RDb250YWluZXJQYWRkaW5nLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWFyY2hDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLmRyb3Bkb3duLnNlYXJjaENvbnRhaW5lck1hcmdpbixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkxpc3RQcm9wcykgPT4gPEh2TGlzdCB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRkcm9wZG93bkhlaWdodCxcbiAgICAkdmlydHVhbGl6ZWQsXG4gICAgJGhlaWdodCxcbiAgICAkd2lkdGgsXG4gICAgJG1heEhlaWdodCxcbiAgfToge1xuICAgICRkcm9wZG93bkhlaWdodD86IG51bWJlcjtcbiAgICAkdmlydHVhbGl6ZWQ/OiBib29sZWFuO1xuICAgICRoZWlnaHQ/OiBudW1iZXI7XG4gICAgJHdpZHRoPzogbnVtYmVyO1xuICAgICRtYXhIZWlnaHQ/OiBudW1iZXI7XG4gIH0pID0+ICh7XG4gICAgbWF4V2lkdGg6ICR3aWR0aCxcbiAgICBtYXhIZWlnaHQ6XG4gICAgICAkbWF4SGVpZ2h0ID8/XG4gICAgICBgY2FsYygkeyRoZWlnaHR9cHggLSAzMnB4IC0gJHt0aGVtZS5zcGFjZS54c30gLSAke3RoZW1lLnNwYWNlLnNtfSlgLFxuICAgIG92ZXJmbG93OiBcImF1dG9cIixcbiAgICBwYWRkaW5nOiA1LFxuXG4gICAgLi4uKCRkcm9wZG93bkhlaWdodCAmJiB7IGhlaWdodDogJGRyb3Bkb3duSGVpZ2h0IH0pLFxuXG4gICAgLi4uKCR2aXJ0dWFsaXplZCAmJiB7XG4gICAgICBtYXhXaWR0aDogXCJpbmhlcml0XCIsXG4gICAgICBtYXhIZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaW5oZXJpdFwiLFxuICAgICAgcGFkZGluZzogMCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
-const StyledSearchContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e3xsfwu1"
-} : {
-  target: "e3xsfwu1",
-  label: "StyledSearchContainer"
-})({
-  marginBottom: uikitStyles.theme.dropdown.searchContainerMargin
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXFDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcblxuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJAY29yZS91dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBIdkxpc3QsIEh2TGlzdFByb3BzIH0gZnJvbSBcIkBjb3JlL2NvbXBvbmVudHMvTGlzdFwiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdExpc3QgPSBzdHlsZWQoXCJkaXZcIikoe30pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBhZGRpbmc6IHRoZW1lLmRyb3Bkb3duLmxpc3RDb250YWluZXJQYWRkaW5nLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTZWFyY2hDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBtYXJnaW5Cb3R0b206IHRoZW1lLmRyb3Bkb3duLnNlYXJjaENvbnRhaW5lck1hcmdpbixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGlzdCA9IHN0eWxlZChcbiAgKHByb3BzOiBIdkxpc3RQcm9wcykgPT4gPEh2TGlzdCB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRkcm9wZG93bkhlaWdodCxcbiAgICAkdmlydHVhbGl6ZWQsXG4gICAgJGhlaWdodCxcbiAgICAkd2lkdGgsXG4gICAgJG1heEhlaWdodCxcbiAgfToge1xuICAgICRkcm9wZG93bkhlaWdodD86IG51bWJlcjtcbiAgICAkdmlydHVhbGl6ZWQ/OiBib29sZWFuO1xuICAgICRoZWlnaHQ/OiBudW1iZXI7XG4gICAgJHdpZHRoPzogbnVtYmVyO1xuICAgICRtYXhIZWlnaHQ/OiBudW1iZXI7XG4gIH0pID0+ICh7XG4gICAgbWF4V2lkdGg6ICR3aWR0aCxcbiAgICBtYXhIZWlnaHQ6XG4gICAgICAkbWF4SGVpZ2h0ID8/XG4gICAgICBgY2FsYygkeyRoZWlnaHR9cHggLSAzMnB4IC0gJHt0aGVtZS5zcGFjZS54c30gLSAke3RoZW1lLnNwYWNlLnNtfSlgLFxuICAgIG92ZXJmbG93OiBcImF1dG9cIixcbiAgICBwYWRkaW5nOiA1LFxuXG4gICAgLi4uKCRkcm9wZG93bkhlaWdodCAmJiB7IGhlaWdodDogJGRyb3Bkb3duSGVpZ2h0IH0pLFxuXG4gICAgLi4uKCR2aXJ0dWFsaXplZCAmJiB7XG4gICAgICBtYXhXaWR0aDogXCJpbmhlcml0XCIsXG4gICAgICBtYXhIZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaW5oZXJpdFwiLFxuICAgICAgcGFkZGluZzogMCxcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
-const StyledList = /* @__PURE__ */ _styled__default.default((props) => /* @__PURE__ */ jsxRuntime.jsx(List.HvList, {
-  ...props
-}), process.env.NODE_ENV === "production" ? _extends({}, {
-  target: "e3xsfwu0"
-}, transientOptions.transientOptions) : _extends({}, {
-  target: "e3xsfwu0",
-  label: "StyledList"
-}, transientOptions.transientOptions))(({
-  $dropdownHeight,
-  $virtualized,
-  $height,
-  $width,
-  $maxHeight
-}) => ({
-  maxWidth: $width,
-  maxHeight: $maxHeight ?? `calc(${$height}px - 32px - ${uikitStyles.theme.space.xs} - ${uikitStyles.theme.space.sm})`,
-  overflow: "auto",
-  padding: 5,
-  ...$dropdownHeight && {
-    height: $dropdownHeight
+const classes = require("../../../utils/classes.cjs");
+const {
+  staticClasses,
+  useClasses
+} = classes.createClasses("HvDropdownList", {
+  rootList: {},
+  dropdownListContainer: {},
+  searchContainer: {
+    marginBottom: uikitStyles.theme.dropdown.searchContainerMargin
+  },
+  listBorderDown: {},
+  listContainer: {
+    padding: uikitStyles.theme.dropdown.listContainerPadding
   },
-  ...$virtualized && {
-    maxWidth: "inherit",
-    maxHeight: "inherit",
-    overflow: "inherit",
-    padding: 0
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0IwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwiQGNvcmUvdXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IHsgSHZMaXN0LCBIdkxpc3RQcm9wcyB9IGZyb20gXCJAY29yZS9jb21wb25lbnRzL0xpc3RcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3RMaXN0ID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwYWRkaW5nOiB0aGVtZS5kcm9wZG93bi5saXN0Q29udGFpbmVyUGFkZGluZyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VhcmNoQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5kcm9wZG93bi5zZWFyY2hDb250YWluZXJNYXJnaW4sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3QgPSBzdHlsZWQoXG4gIChwcm9wczogSHZMaXN0UHJvcHMpID0+IDxIdkxpc3Qgey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWlnaHQsXG4gICAgJHZpcnR1YWxpemVkLFxuICAgICRoZWlnaHQsXG4gICAgJHdpZHRoLFxuICAgICRtYXhIZWlnaHQsXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWlnaHQ/OiBudW1iZXI7XG4gICAgJHZpcnR1YWxpemVkPzogYm9vbGVhbjtcbiAgICAkaGVpZ2h0PzogbnVtYmVyO1xuICAgICR3aWR0aD86IG51bWJlcjtcbiAgICAkbWF4SGVpZ2h0PzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIG1heFdpZHRoOiAkd2lkdGgsXG4gICAgbWF4SGVpZ2h0OlxuICAgICAgJG1heEhlaWdodCA/P1xuICAgICAgYGNhbGMoJHskaGVpZ2h0fXB4IC0gMzJweCAtICR7dGhlbWUuc3BhY2UueHN9IC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgcGFkZGluZzogNSxcblxuICAgIC4uLigkZHJvcGRvd25IZWlnaHQgJiYgeyBoZWlnaHQ6ICRkcm9wZG93bkhlaWdodCB9KSxcblxuICAgIC4uLigkdmlydHVhbGl6ZWQgJiYge1xuICAgICAgbWF4V2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgICAgbWF4SGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgIG92ZXJmbG93OiBcImluaGVyaXRcIixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
-exports.StyledList = StyledList;
-exports.StyledListContainer = StyledListContainer;
-exports.StyledRootList = StyledRootList;
-exports.StyledSearchContainer = StyledSearchContainer;
+  selectAllContainer: {},
+  selection: {},
+  selectAll: {}
+});
+exports.staticClasses = staticClasses;
+exports.useClasses = useClasses;
 //# sourceMappingURL=List.styles.cjs.map

package/dist/cjs/components/Dropdown/List/List.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"List.styles.cjs","sources":["../../../../../src/components/Dropdown/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport { HvList, HvListProps } from \"@core/components/List\";\n\nexport const StyledRootList = styled(\"div\")({});\n\nexport const StyledListContainer = styled(\"div\")({\n  padding: theme.dropdown.listContainerPadding,\n});\n\nexport const StyledSearchContainer = styled(\"div\")({\n  marginBottom: theme.dropdown.searchContainerMargin,\n});\n\nexport const StyledList = styled(\n  (props: HvListProps) => <HvList {...props} />,\n  transientOptions\n)(\n  ({\n    $dropdownHeight,\n    $virtualized,\n    $height,\n    $width,\n    $maxHeight,\n  }: {\n    $dropdownHeight?: number;\n    $virtualized?: boolean;\n    $height?: number;\n    $width?: number;\n    $maxHeight?: number;\n  }) => ({\n    maxWidth: $width,\n    maxHeight:\n      $maxHeight ??\n      `calc(${$height}px - 32px - ${theme.space.xs} - ${theme.space.sm})`,\n    overflow: \"auto\",\n    padding: 5,\n\n    ...($dropdownHeight && { height: $dropdownHeight }),\n\n    ...($virtualized && {\n      maxWidth: \"inherit\",\n      maxHeight: \"inherit\",\n      overflow: \"inherit\",\n      padding: 0,\n    }),\n  })\n);\n"],"names":["StyledRootList","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledListContainer","padding","theme","dropdown","listContainerPadding","StyledSearchContainer","marginBottom","searchContainerMargin","StyledList","props","HvList","_extends","transientOptions","$dropdownHeight","$virtualized","$height","$width","$maxHeight","maxWidth","maxHeight","space","xs","sm","overflow","height"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAMA,iBAAwBC,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAAG;AAEvC,MAAMC,sBAA6BX,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CO,SAASC,YAAAA,MAAMC,SAASC;AAC1B,GAACd,QAAAC,IAAAC,aAAC,eAAA,KAAA,6mEAAA;AAEK,MAAMa,wBAA+BhB,iCAAA,QAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjDY,cAAcJ,YAAAA,MAAMC,SAASI;AAC/B,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6mEAAA;AAEK,MAAMgB,aAAanB,iCAAAA,QACxB,CAACoB,yCAAwBC,KAAAA,QAAM;AAAA,EAAA,GAAKD;AAAK,CAAG,GAACnB,QAAAC,IAAAC,4BAAAmB,SAAA,IAAA;AAAA,EAAAlB,QAAA;AAAA,GAC7CmB,iBAAgB,gBAAA,IAAAD,SAAA,IAAA;AAAA,EAAAlB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBkB,iBAAAA,gBAAgB,CAClB,EACE,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAOF,OAAO;AAAA,EACLC,UAAUF;AAAAA,EACVG,WACEF,cACC,QAAOF,sBAAsBb,kBAAMkB,MAAMC,QAAQnB,YAAAA,MAAMkB,MAAME;AAAAA,EAChEC,UAAU;AAAA,EACVtB,SAAS;AAAA,EAET,GAAIY,mBAAmB;AAAA,IAAEW,QAAQX;AAAAA,EAAgB;AAAA,EAEjD,GAAIC,gBAAgB;AAAA,IAClBI,UAAU;AAAA,IACVC,WAAW;AAAA,IACXI,UAAU;AAAA,IACVtB,SAAS;AAAA,EACX;AACF,IAAEX,QAAAC,IAAAC,8oEACJ;;;;;"}
+{"version":3,"file":"List.styles.cjs","sources":["../../../../../src/components/Dropdown/List/List.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvDropdownList\", {\n  rootList: {},\n  dropdownListContainer: {},\n  searchContainer: { marginBottom: theme.dropdown.searchContainerMargin },\n  listBorderDown: {},\n  listContainer: { padding: theme.dropdown.listContainerPadding },\n  selectAllContainer: {},\n  selection: {},\n  selectAll: {},\n});\n"],"names":["staticClasses","useClasses","createClasses","rootList","dropdownListContainer","searchContainer","marginBottom","theme","dropdown","searchContainerMargin","listBorderDown","listContainer","padding","listContainerPadding","selectAllContainer","selection","selectAll"],"mappings":";;;;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,kBAAkB;AAAA,EAC3EC,UAAU,CAAC;AAAA,EACXC,uBAAuB,CAAC;AAAA,EACxBC,iBAAiB;AAAA,IAAEC,cAAcC,YAAAA,MAAMC,SAASC;AAAAA,EAAsB;AAAA,EACtEC,gBAAgB,CAAC;AAAA,EACjBC,eAAe;AAAA,IAAEC,SAASL,YAAAA,MAAMC,SAASK;AAAAA,EAAqB;AAAA,EAC9DC,oBAAoB,CAAC;AAAA,EACrBC,WAAW,CAAC;AAAA,EACZC,WAAW,CAAC;AACd,CAAC;;;"}

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

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