@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.2

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

@@ -0,0 +1,139 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import { transientOptions } from "../../utils/transientOptions.js";
+import dropdownClasses from "./dropdownClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+import { HvFormElement } from "../Forms/FormElement/FormElement.js";
+import { HvBaseDropdown } from "../BaseDropdown/BaseDropdown.js";
+import { HvLabel } from "../Forms/Label/Label.js";
+import { HvTypography } from "../Typography/Typography.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledHvFormElement = /* @__PURE__ */ _styled(HvFormElement, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "etta2py4"
+}, transientOptions) : _extends({}, {
+  target: "etta2py4",
+  label: "StyledHvFormElement"
+}, transientOptions))(({
+  $selectionDisabled
+}) => ({
+  width: "100%",
+  position: "relative",
+  display: "inline-block",
+  ...$selectionDisabled && {
+    color: theme.dropdown.disabledColor
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXbUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9Ecm9wZG93bi9Ecm9wZG93bi5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBIdkJhc2VEcm9wZG93bixcbiAgSHZGb3JtRWxlbWVudCxcbiAgSHZMYWJlbCxcbiAgSHZUeXBvZ3JhcGh5LFxufSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgZHJvcGRvd25DbGFzc2VzIGZyb20gXCIuL2Ryb3Bkb3duQ2xhc3Nlc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSHZGb3JtRWxlbWVudCA9IHN0eWxlZChcbiAgSHZGb3JtRWxlbWVudCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkc2VsZWN0aW9uRGlzYWJsZWQgfTogeyAkc2VsZWN0aW9uRGlzYWJsZWQ/OiBib29sZWFuIH0pID0+ICh7XG4gIHdpZHRoOiBcIjEwMCVcIixcblxuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuXG4gIC4uLigkc2VsZWN0aW9uRGlzYWJsZWQgJiYge1xuICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICB9KSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZERyb3Bkb3duID0gc3R5bGVkKFxuICAocHJvcHMpID0+IDxIdkJhc2VEcm9wZG93biB7Li4ucHJvcHN9IC8+LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQsXG4gICAgJHJlYWRPbmx5LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVhZGVySW52YWxpZD86IGJvb2xlYW47XG4gICAgJHJlYWRPbmx5PzogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgYm9yZGVyUmFkaXVzOiAyLFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlcn1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5oZWFkZXJCb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMuYWNjZTR9YCxcbiAgICAgIH0sXG4gICAgICAuLi4oJGRyb3Bkb3duSGVhZGVySW52YWxpZCAmJiB7XG4gICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyOiBcIm5vbmVcIixcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLi4uKCRyZWFkT25seSAmJiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCb3JkZXIsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZHJvcGRvd24ucmVhZE9ubHlCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICB9KSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlckludmFsaWR9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlckludmFsaWRCb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICBbYCYgLiR7ZHJvcGRvd25DbGFzc2VzLmRyb3Bkb3duSGVhZGVyT3Blbn1gXToge1xuICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVyT3BlbkJvcmRlcixcbiAgICAgIH0sXG4gICAgfSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWwgPSBzdHlsZWQoSHZMYWJlbCkoe1xuICBwYWRkaW5nQm90dG9tOiBcIjZweFwiLFxuICBkaXNwbGF5OiBcImJsb2NrXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFR5cG9ncmFwaHkgPSBzdHlsZWQoXG4gIEh2VHlwb2dyYXBoeSxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQsXG4gICAgJGlzT3BlbixcbiAgfToge1xuICAgICRzZWxlY3Rpb25EaXNhYmxlZD86IGJvb2xlYW47XG4gICAgJGlzT3Blbj86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICAuLi4oISRpc09wZW4gJiYge1xuICAgICAgY29sb3I6IHRoZW1lLmRyb3Bkb3duLnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgfSksXG4gICAgLi4uKCRzZWxlY3Rpb25EaXNhYmxlZCAmJiB7XG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS5zcGFjZS5tZCxcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5kaXNhYmxlZENvbG9yLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+const StyledDropdown = /* @__PURE__ */ _styled((props) => /* @__PURE__ */ jsx(HvBaseDropdown, {
+  ...props
+}), process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "etta2py3"
+}, transientOptions) : _extends({}, {
+  target: "etta2py3",
+  label: "StyledDropdown"
+}, transientOptions))(({
+  $dropdownHeaderInvalid,
+  $readOnly
+}) => ({
+  width: "100%",
+  borderRadius: 2,
+  [`& .${dropdownClasses.dropdownHeader}`]: {
+    border: theme.dropdown.headerBorder,
+    "&:hover": {
+      border: `1px solid ${theme.colors.acce4}`
+    },
+    ...$dropdownHeaderInvalid && {
+      border: "none",
+      "&:hover": {
+        border: "none"
+      }
+    },
+    ...$readOnly && {
+      border: theme.dropdown.readOnlyBorder,
+      backgroundColor: theme.dropdown.readOnlyBackgroundColor
+    }
+  },
+  [`& .${dropdownClasses.dropdownHeaderInvalid}`]: {
+    border: theme.dropdown.dropdownHeaderInvalidBorder,
+    "&:hover": {
+      border: theme.dropdown.dropdownHeaderInvalidBorder
+    }
+  },
+  [`& .${dropdownClasses.dropdownHeaderOpen}`]: {
+    border: theme.dropdown.dropdownHeaderOpenBorder,
+    "&:hover": {
+      border: theme.dropdown.dropdownHeaderOpenBorder
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QjhCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2TGFiZWwsXG4gIEh2VHlwb2dyYXBoeSxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGRyb3Bkb3duQ2xhc3NlcyBmcm9tIFwiLi9kcm9wZG93bkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2Rm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogMixcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uaGVhZGVyQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2U0fWAsXG4gICAgICB9LFxuICAgICAgLi4uKCRkcm9wZG93bkhlYWRlckludmFsaWQgJiYge1xuICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5Qm9yZGVyLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5QmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJJbnZhbGlkfWBdOiB7XG4gICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlck9wZW59YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJPcGVuQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHNlbGVjdGlvbkRpc2FibGVkLFxuICAgICRpc09wZW4sXG4gIH06IHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQ/OiBib29sZWFuO1xuICAgICRpc09wZW4/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgLi4uKCEkaXNPcGVuICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5wbGFjZWhvbGRlckNvbG9yLFxuICAgIH0pLFxuICAgIC4uLigkc2VsZWN0aW9uRGlzYWJsZWQgJiYge1xuICAgICAgbGluZUhlaWdodDogdGhlbWUuc3BhY2UubWQsXG4gICAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
+const StyledLabelContainer = /* @__PURE__ */ _styled("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RW9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2TGFiZWwsXG4gIEh2VHlwb2dyYXBoeSxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGRyb3Bkb3duQ2xhc3NlcyBmcm9tIFwiLi9kcm9wZG93bkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2Rm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogMixcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uaGVhZGVyQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2U0fWAsXG4gICAgICB9LFxuICAgICAgLi4uKCRkcm9wZG93bkhlYWRlckludmFsaWQgJiYge1xuICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5Qm9yZGVyLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5QmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJJbnZhbGlkfWBdOiB7XG4gICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlck9wZW59YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJPcGVuQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHNlbGVjdGlvbkRpc2FibGVkLFxuICAgICRpc09wZW4sXG4gIH06IHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQ/OiBib29sZWFuO1xuICAgICRpc09wZW4/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgLi4uKCEkaXNPcGVuICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5wbGFjZWhvbGRlckNvbG9yLFxuICAgIH0pLFxuICAgIC4uLigkc2VsZWN0aW9uRGlzYWJsZWQgJiYge1xuICAgICAgbGluZUhlaWdodDogdGhlbWUuc3BhY2UubWQsXG4gICAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledLabel = /* @__PURE__ */ _styled(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RTJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2TGFiZWwsXG4gIEh2VHlwb2dyYXBoeSxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGRyb3Bkb3duQ2xhc3NlcyBmcm9tIFwiLi9kcm9wZG93bkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2Rm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogMixcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uaGVhZGVyQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2U0fWAsXG4gICAgICB9LFxuICAgICAgLi4uKCRkcm9wZG93bkhlYWRlckludmFsaWQgJiYge1xuICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5Qm9yZGVyLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5QmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJJbnZhbGlkfWBdOiB7XG4gICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlck9wZW59YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJPcGVuQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHNlbGVjdGlvbkRpc2FibGVkLFxuICAgICRpc09wZW4sXG4gIH06IHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQ/OiBib29sZWFuO1xuICAgICRpc09wZW4/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgLi4uKCEkaXNPcGVuICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5wbGFjZWhvbGRlckNvbG9yLFxuICAgIH0pLFxuICAgIC4uLigkc2VsZWN0aW9uRGlzYWJsZWQgJiYge1xuICAgICAgbGluZUhlaWdodDogdGhlbWUuc3BhY2UubWQsXG4gICAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "etta2py0"
+}, transientOptions) : _extends({}, {
+  target: "etta2py0",
+  label: "StyledTypography"
+}, transientOptions))(({
+  $selectionDisabled,
+  $isOpen
+}) => ({
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap",
+  ...!$isOpen && {
+    color: theme.dropdown.placeholderColor
+  },
+  ...$selectionDisabled && {
+    lineHeight: theme.space.md,
+    color: theme.dropdown.disabledColor
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRmdDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vRHJvcGRvd24uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgSHZCYXNlRHJvcGRvd24sXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIEh2TGFiZWwsXG4gIEh2VHlwb2dyYXBoeSxcbn0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuaW1wb3J0IGRyb3Bkb3duQ2xhc3NlcyBmcm9tIFwiLi9kcm9wZG93bkNsYXNzZXNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEh2Rm9ybUVsZW1lbnQgPSBzdHlsZWQoXG4gIEh2Rm9ybUVsZW1lbnQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJHNlbGVjdGlvbkRpc2FibGVkIH06IHsgJHNlbGVjdGlvbkRpc2FibGVkPzogYm9vbGVhbiB9KSA9PiAoe1xuICB3aWR0aDogXCIxMDAlXCIsXG5cbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcblxuICAuLi4oJHNlbGVjdGlvbkRpc2FibGVkICYmIHtcbiAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWREcm9wZG93biA9IHN0eWxlZChcbiAgKHByb3BzKSA9PiA8SHZCYXNlRHJvcGRvd24gey4uLnByb3BzfSAvPixcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWFkZXJJbnZhbGlkLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkcm9wZG93bkhlYWRlckludmFsaWQ/OiBib29sZWFuO1xuICAgICRyZWFkT25seT86IGJvb2xlYW47XG4gIH0pID0+ICh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogMixcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJ9YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uaGVhZGVyQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLmFjY2U0fWAsXG4gICAgICB9LFxuICAgICAgLi4uKCRkcm9wZG93bkhlYWRlckludmFsaWQgJiYge1xuICAgICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5Qm9yZGVyLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLnJlYWRPbmx5QmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIFtgJiAuJHtkcm9wZG93bkNsYXNzZXMuZHJvcGRvd25IZWFkZXJJbnZhbGlkfWBdOiB7XG4gICAgICBib3JkZXI6IHRoZW1lLmRyb3Bkb3duLmRyb3Bkb3duSGVhZGVySW52YWxpZEJvcmRlcixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJJbnZhbGlkQm9yZGVyLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke2Ryb3Bkb3duQ2xhc3Nlcy5kcm9wZG93bkhlYWRlck9wZW59YF06IHtcbiAgICAgIGJvcmRlcjogdGhlbWUuZHJvcGRvd24uZHJvcGRvd25IZWFkZXJPcGVuQm9yZGVyLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5kcm9wZG93bkhlYWRlck9wZW5Cb3JkZXIsXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTGFiZWxDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgcGFkZGluZ0JvdHRvbTogXCI2cHhcIixcbiAgZGlzcGxheTogXCJibG9ja1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHNlbGVjdGlvbkRpc2FibGVkLFxuICAgICRpc09wZW4sXG4gIH06IHtcbiAgICAkc2VsZWN0aW9uRGlzYWJsZWQ/OiBib29sZWFuO1xuICAgICRpc09wZW4/OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgLi4uKCEkaXNPcGVuICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5kcm9wZG93bi5wbGFjZWhvbGRlckNvbG9yLFxuICAgIH0pLFxuICAgIC4uLigkc2VsZWN0aW9uRGlzYWJsZWQgJiYge1xuICAgICAgbGluZUhlaWdodDogdGhlbWUuc3BhY2UubWQsXG4gICAgICBjb2xvcjogdGhlbWUuZHJvcGRvd24uZGlzYWJsZWRDb2xvcixcbiAgICB9KSxcbiAgfSlcbik7XG4iXX0= */");
+export {
+  StyledDropdown,
+  StyledHvFormElement,
+  StyledLabel,
+  StyledLabelContainer,
+  StyledTypography
+};
+//# sourceMappingURL=Dropdown.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styles.js","sources":["../../../../src/components/Dropdown/Dropdown.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvBaseDropdown,\n  HvFormElement,\n  HvLabel,\n  HvTypography,\n} from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport dropdownClasses from \"./dropdownClasses\";\n\nexport const StyledHvFormElement = styled(\n  HvFormElement,\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) => <HvBaseDropdown {...props} />,\n  transientOptions\n)(\n  ({\n    $dropdownHeaderInvalid,\n    $readOnly,\n  }: {\n    $dropdownHeaderInvalid?: boolean;\n    $readOnly?: boolean;\n  }) => ({\n    width: \"100%\",\n    borderRadius: 2,\n\n    [`& .${dropdownClasses.dropdownHeader}`]: {\n      border: theme.dropdown.headerBorder,\n      \"&:hover\": {\n        border: `1px solid ${theme.colors.acce4}`,\n      },\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    [`& .${dropdownClasses.dropdownHeaderOpen}`]: {\n      border: theme.dropdown.dropdownHeaderOpenBorder,\n      \"&:hover\": {\n        border: theme.dropdown.dropdownHeaderOpenBorder,\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","HvFormElement","process","env","NODE_ENV","_extends","target","transientOptions","label","$selectionDisabled","width","position","display","color","theme","dropdown","disabledColor","StyledDropdown","_styled","props","_jsx","HvBaseDropdown","$dropdownHeaderInvalid","$readOnly","borderRadius","dropdownClasses","dropdownHeader","border","headerBorder","colors","acce4","readOnlyBorder","backgroundColor","readOnlyBackgroundColor","dropdownHeaderInvalid","dropdownHeaderInvalidBorder","dropdownHeaderOpen","dropdownHeaderOpenBorder","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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"}

package/dist/esm/components/Dropdown/List/List.js

@@ -0,0 +1,211 @@
+import { useState, useContext, useEffect } from "react";
+import clsx from "clsx";
+import isNil from "lodash/isNil";
+import { StyledRootList, StyledListContainer, StyledList, StyledSearchContainer } from "./List.styles.js";
+import { getSelected } from "../utils.js";
+import dropdownListClasses from "./dropdownListClasses.js";
+import { jsxs, jsx, Fragment } from "@emotion/react/jsx-runtime";
+import BaseDropdownContext from "../../BaseDropdown/BaseDropdownContext/BaseDropdownContext.js";
+import { HvActionBar } from "../../ActionBar/ActionBar.js";
+import { setId } from "../../../utils/setId.js";
+import { HvInput } from "../../Input/Input.js";
+import { HvTypography } from "../../Typography/Typography.js";
+import { HvCheckBox } from "../../CheckBox/CheckBox.js";
+import { HvButton } from "../../Button/Button.js";
+const clone = (values) => values.map((value) => ({
+  ...value
+}));
+const cleanHidden = (lst) => lst.map((item) => ({
+  ...item,
+  isHidden: false
+}));
+const valuesExist = (values) => !isNil(values) && (values == null ? void 0 : values.length) > 0;
+const HvDropdownList = ({
+  id,
+  classes,
+  values = [],
+  multiSelect = false,
+  showSearch = false,
+  onChange,
+  onCancel,
+  labels,
+  notifyChangesOnFirstRender = false,
+  hasTooltips = false,
+  singleSelectionToggle,
+  height: dropdownHeight,
+  maxHeight,
+  virtualized = false,
+  ...others
+}) => {
+  const [searchStr, setSearchStr] = useState("");
+  const [list, setList] = useState(clone(values));
+  const [allSelected, setAllSelected] = useState(false);
+  const [anySelected, setAnySelected] = useState(false);
+  const {
+    width,
+    height
+  } = useContext(BaseDropdownContext);
+  const newLabels = {
+    selectAll: labels == null ? void 0 : labels.selectAll,
+    selectionConjunction: labels == null ? void 0 : labels.multiSelectionConjunction
+  };
+  const updateSelectAll = (listValues) => {
+    if (!listValues)
+      return;
+    const nbrSelected = getSelected(listValues).length;
+    const hasSelection = nbrSelected > 0;
+    const allSelect = nbrSelected === listValues.length;
+    setAnySelected(hasSelection);
+    setAllSelected(hasSelection && allSelect);
+  };
+  useEffect(() => {
+    if (!valuesExist(values))
+      return;
+    setList(clone(values));
+    updateSelectAll(values);
+    if (notifyChangesOnFirstRender) {
+      onChange == null ? void 0 : onChange(values, false, false, true);
+    }
+  }, [values]);
+  const handleSearch = (str) => {
+    const results = list ? list.filter(({
+      searchValue,
+      label,
+      value
+    }) => {
+      let stringValue = "";
+      if (typeof searchValue === "string" || searchValue instanceof String) {
+        stringValue = searchValue.toLowerCase();
+      } else if (typeof label === "string" || label instanceof String) {
+        stringValue = label.toLowerCase();
+      } else if (typeof value === "string" || value instanceof String) {
+        stringValue = value.toLowerCase();
+      }
+      return stringValue.indexOf(str.toLowerCase()) >= 0;
+    }) : null;
+    if (!isNil(results)) {
+      const newList = list.map((elem) => {
+        const isResult = results.find((result) => result.label === elem.label);
+        return {
+          ...elem,
+          isHidden: !isResult
+        };
+      });
+      setList(newList);
+      setSearchStr(str);
+    }
+    return str;
+  };
+  const renderSearch = () => /* @__PURE__ */ jsx(StyledSearchContainer, {
+    className: clsx(dropdownListClasses.searchContainer, classes == null ? void 0 : classes.searchContainer),
+    children: /* @__PURE__ */ jsx(HvInput, {
+      id: setId(id, "search"),
+      type: "search",
+      value: searchStr,
+      placeholder: labels == null ? void 0 : labels.searchPlaceholder,
+      onChange: (event, str) => handleSearch(str)
+    })
+  });
+  const handleSelectAll = () => {
+    const newList = list.map((elem) => ({
+      ...elem,
+      selected: !anySelected
+    }));
+    setList(newList);
+    updateSelectAll(newList);
+  };
+  const renderSelectAll = () => {
+    const selectAll = labels == null ? void 0 : labels.selectAll;
+    const multiSelectionConjunction = labels == null ? void 0 : labels.multiSelectionConjunction;
+    const nbrSelected = getSelected(list).length;
+    const defaultLabel = /* @__PURE__ */ jsx(HvTypography, {
+      component: "span",
+      children: nbrSelected > 0 ? /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsx("b", {
+          children: nbrSelected
+        }), ` ${multiSelectionConjunction} ${list.length}`]
+      }) : /* @__PURE__ */ jsxs(Fragment, {
+        children: [/* @__PURE__ */ jsx("b", {
+          children: selectAll
+        }), ` (${list.length})`]
+      })
+    });
+    return /* @__PURE__ */ jsx("div", {
+      className: clsx(dropdownListClasses.searchContainer, classes == null ? void 0 : classes.selectAllContainer),
+      children: /* @__PURE__ */ jsx(HvCheckBox, {
+        id: setId(id, "select-all"),
+        label: defaultLabel,
+        onChange: () => handleSelectAll(),
+        classes: {
+          container: clsx(dropdownListClasses.selection, classes == null ? void 0 : classes.selection)
+        },
+        className: clsx(dropdownListClasses.selectAll, classes == null ? void 0 : classes.selectAll),
+        indeterminate: anySelected && !allSelected,
+        checked: allSelected
+      })
+    });
+  };
+  const onSelection = (listValues) => {
+    if (!multiSelect) {
+      onChange(cleanHidden(listValues), true, true, true);
+    } else {
+      updateSelectAll(listValues);
+      setList(clone(listValues));
+    }
+  };
+  const renderActions = () => {
+    const applyLabel = labels == null ? void 0 : labels.applyLabel;
+    const cancelLabel = labels == null ? void 0 : labels.cancelLabel;
+    return /* @__PURE__ */ jsxs(HvActionBar, {
+      id: setId(id, "actions"),
+      children: [/* @__PURE__ */ jsx(HvButton, {
+        id: setId(id, "actions-apply"),
+        onClick: () => onChange(cleanHidden(list), true, true, true),
+        variant: "ghost",
+        children: applyLabel
+      }), /* @__PURE__ */ jsx(HvButton, {
+        id: setId(id, "actions-cancel"),
+        onClick: onCancel,
+        variant: "ghost",
+        children: cancelLabel
+      })]
+    });
+  };
+  const showList = valuesExist(values);
+  return /* @__PURE__ */ jsxs(StyledRootList, {
+    className: clsx(dropdownListClasses.rootList, classes == null ? void 0 : classes.rootList),
+    children: [/* @__PURE__ */ jsx("div", {
+      className: clsx(dropdownListClasses.listBorderDown, classes == null ? void 0 : classes.listBorderDown)
+    }), /* @__PURE__ */ jsxs(StyledListContainer, {
+      className: clsx(dropdownListClasses.listContainer, classes == null ? void 0 : classes.listContainer),
+      children: [showSearch && renderSearch(), showList && multiSelect && renderSelectAll(), showList && /* @__PURE__ */ jsx(StyledList, {
+        id: setId(id, "list"),
+        classes: {
+          root: clsx(dropdownListClasses.dropdownListContainer, classes == null ? void 0 : classes.dropdownListContainer)
+        },
+        $dropdownHeight: dropdownHeight,
+        $maxHeight: maxHeight,
+        $virtualized: virtualized,
+        $height: height,
+        $width: width,
+        values: list,
+        multiSelect,
+        useSelector: multiSelect,
+        showSelectAll: false,
+        onChange: onSelection,
+        labels: newLabels,
+        hasTooltips,
+        selectable: true,
+        condensed: true,
+        singleSelectionToggle,
+        height: dropdownHeight,
+        virtualized,
+        ...others
+      })]
+    }), showList && multiSelect ? renderActions() : null]
+  });
+};
+export {
+  HvDropdownList
+};
+//# sourceMappingURL=List.js.map

package/dist/esm/components/Dropdown/List/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../../../src/components/Dropdown/List/List.tsx"],"sourcesContent":["import { useContext, useEffect, useState } from \"react\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { setId } from \"utils\";\nimport {\n  HvActionBar,\n  HvButton,\n  HvCheckBox,\n  HvInput,\n  HvListValue,\n  HvTypography,\n} from \"components\";\nimport BaseDropdownContext from \"../../BaseDropdown/BaseDropdownContext\";\nimport {\n  StyledList,\n  StyledListContainer,\n  StyledRootList,\n  StyledSearchContainer,\n} from \"./List.styles\";\nimport { getSelected } from \"../utils\";\nimport { HvDropdownLabelsProps } from \"../Dropdown\";\nimport dropdownListClasses, {\n  HvDropdownListClasses,\n} from \"./dropdownListClasses\";\n\nexport type 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: any;\n  /**\n   * A function to be executed whenever the Cancel button is activated.\n   */\n  onCancel: any;\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) => !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]);\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.searchContainer,\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 = (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=\"ghost\"\n        >\n          {applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"actions-cancel\")}\n          onClick={onCancel}\n          variant=\"ghost\"\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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"}

package/dist/esm/components/Dropdown/List/List.styles.js

@@ -0,0 +1,79 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import { transientOptions } from "../../../utils/transientOptions.js";
+import { HvList } from "../../List/List.js";
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledRootList = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e3xsfwu3"
+} : {
+  target: "e3xsfwu3",
+  label: "StyledRootList"
+})({
+  width: "100%",
+  backgroundColor: theme.dropdown.listBackgroundColor,
+  border: theme.dropdown.listBorder,
+  borderTop: "none",
+  borderRadius: theme.dropdown.listBorderRadius
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTThCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdExpc3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZHJvcGRvd24ubGlzdEJhY2tncm91bmRDb2xvcixcbiAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyLFxuICBib3JkZXJUb3A6IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3Bkb3duLmxpc3RCb3JkZXJSYWRpdXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwYWRkaW5nOiB0aGVtZS5kcm9wZG93bi5saXN0Q29udGFpbmVyUGFkZGluZyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VhcmNoQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5kcm9wZG93bi5zZWFyY2hDb250YWluZXJNYXJnaW4sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3QgPSBzdHlsZWQoXG4gIEh2TGlzdCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWlnaHQsXG4gICAgJHZpcnR1YWxpemVkLFxuICAgICRoZWlnaHQsXG4gICAgJHdpZHRoLFxuICAgICRtYXhIZWlnaHQsXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWlnaHQ/OiBudW1iZXI7XG4gICAgJHZpcnR1YWxpemVkPzogYm9vbGVhbjtcbiAgICAkaGVpZ2h0PzogbnVtYmVyO1xuICAgICR3aWR0aD86IG51bWJlcjtcbiAgICAkbWF4SGVpZ2h0PzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIG1heFdpZHRoOiAkd2lkdGgsXG4gICAgbWF4SGVpZ2h0OlxuICAgICAgJG1heEhlaWdodCA/P1xuICAgICAgYGNhbGMoJHskaGVpZ2h0fXB4IC0gMzJweCAtICR7dGhlbWUuc3BhY2UueHN9IC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgcGFkZGluZzogNSxcblxuICAgIC4uLigkZHJvcGRvd25IZWlnaHQgJiYgeyBoZWlnaHQ6ICRkcm9wZG93bkhlaWdodCB9KSxcblxuICAgIC4uLigkdmlydHVhbGl6ZWQgJiYge1xuICAgICAgbWF4V2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgICAgbWF4SGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgIG92ZXJmbG93OiBcImluaGVyaXRcIixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+const StyledListContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e3xsfwu2"
+} : {
+  target: "e3xsfwu2",
+  label: "StyledListContainer"
+})({
+  padding: theme.dropdown.listContainerPadding
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY21DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2TGlzdCB9IGZyb20gXCJjb21wb25lbnRzXCI7XG5cbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkUm9vdExpc3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuZHJvcGRvd24ubGlzdEJhY2tncm91bmRDb2xvcixcbiAgYm9yZGVyOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyLFxuICBib3JkZXJUb3A6IFwibm9uZVwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLmRyb3Bkb3duLmxpc3RCb3JkZXJSYWRpdXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3RDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBwYWRkaW5nOiB0aGVtZS5kcm9wZG93bi5saXN0Q29udGFpbmVyUGFkZGluZyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU2VhcmNoQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5kcm9wZG93bi5zZWFyY2hDb250YWluZXJNYXJnaW4sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpc3QgPSBzdHlsZWQoXG4gIEh2TGlzdCxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKShcbiAgKHtcbiAgICAkZHJvcGRvd25IZWlnaHQsXG4gICAgJHZpcnR1YWxpemVkLFxuICAgICRoZWlnaHQsXG4gICAgJHdpZHRoLFxuICAgICRtYXhIZWlnaHQsXG4gIH06IHtcbiAgICAkZHJvcGRvd25IZWlnaHQ/OiBudW1iZXI7XG4gICAgJHZpcnR1YWxpemVkPzogYm9vbGVhbjtcbiAgICAkaGVpZ2h0PzogbnVtYmVyO1xuICAgICR3aWR0aD86IG51bWJlcjtcbiAgICAkbWF4SGVpZ2h0PzogbnVtYmVyO1xuICB9KSA9PiAoe1xuICAgIG1heFdpZHRoOiAkd2lkdGgsXG4gICAgbWF4SGVpZ2h0OlxuICAgICAgJG1heEhlaWdodCA/P1xuICAgICAgYGNhbGMoJHskaGVpZ2h0fXB4IC0gMzJweCAtICR7dGhlbWUuc3BhY2UueHN9IC0gJHt0aGVtZS5zcGFjZS5zbX0pYCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgcGFkZGluZzogNSxcblxuICAgIC4uLigkZHJvcGRvd25IZWlnaHQgJiYgeyBoZWlnaHQ6ICRkcm9wZG93bkhlaWdodCB9KSxcblxuICAgIC4uLigkdmlydHVhbGl6ZWQgJiYge1xuICAgICAgbWF4V2lkdGg6IFwiaW5oZXJpdFwiLFxuICAgICAgbWF4SGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgIG92ZXJmbG93OiBcImluaGVyaXRcIixcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+const StyledSearchContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e3xsfwu1"
+} : {
+  target: "e3xsfwu1",
+  label: "StyledSearchContainer"
+})({
+  marginBottom: theme.dropdown.searchContainerMargin
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JxQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpc3QgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3RMaXN0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLmxpc3RCYWNrZ3JvdW5kQ29sb3IsXG4gIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlcixcbiAgYm9yZGVyVG9wOiBcIm5vbmVcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyUmFkaXVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcGFkZGluZzogdGhlbWUuZHJvcGRvd24ubGlzdENvbnRhaW5lclBhZGRpbmcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlYXJjaENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuZHJvcGRvd24uc2VhcmNoQ29udGFpbmVyTWFyZ2luLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFxuICBIdkxpc3QsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVpZ2h0LFxuICAgICR2aXJ0dWFsaXplZCxcbiAgICAkaGVpZ2h0LFxuICAgICR3aWR0aCxcbiAgICAkbWF4SGVpZ2h0LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVpZ2h0PzogbnVtYmVyO1xuICAgICR2aXJ0dWFsaXplZD86IGJvb2xlYW47XG4gICAgJGhlaWdodD86IG51bWJlcjtcbiAgICAkd2lkdGg/OiBudW1iZXI7XG4gICAgJG1heEhlaWdodD86IG51bWJlcjtcbiAgfSkgPT4gKHtcbiAgICBtYXhXaWR0aDogJHdpZHRoLFxuICAgIG1heEhlaWdodDpcbiAgICAgICRtYXhIZWlnaHQgPz9cbiAgICAgIGBjYWxjKCR7JGhlaWdodH1weCAtIDMycHggLSAke3RoZW1lLnNwYWNlLnhzfSAtICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBhZGRpbmc6IDUsXG5cbiAgICAuLi4oJGRyb3Bkb3duSGVpZ2h0ICYmIHsgaGVpZ2h0OiAkZHJvcGRvd25IZWlnaHQgfSksXG5cbiAgICAuLi4oJHZpcnR1YWxpemVkICYmIHtcbiAgICAgIG1heFdpZHRoOiBcImluaGVyaXRcIixcbiAgICAgIG1heEhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgICBvdmVyZmxvdzogXCJpbmhlcml0XCIsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+const StyledList = /* @__PURE__ */ _styled(HvList, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e3xsfwu0"
+}, transientOptions) : _extends({}, {
+  target: "e3xsfwu0",
+  label: "StyledList"
+}, transientOptions))(({
+  $dropdownHeight,
+  $virtualized,
+  $height,
+  $width,
+  $maxHeight
+}) => ({
+  maxWidth: $width,
+  maxHeight: $maxHeight != null ? $maxHeight : `calc(${$height}px - 32px - ${theme.space.xs} - ${theme.space.sm})`,
+  overflow: "auto",
+  padding: 5,
+  ...$dropdownHeight && {
+    height: $dropdownHeight
+  },
+  ...$virtualized && {
+    maxWidth: "inherit",
+    maxHeight: "inherit",
+    overflow: "inherit",
+    padding: 0
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRHJvcGRvd24vTGlzdC9MaXN0LnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0IwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Ryb3Bkb3duL0xpc3QvTGlzdC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkxpc3QgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuXG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3RMaXN0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmRyb3Bkb3duLmxpc3RCYWNrZ3JvdW5kQ29sb3IsXG4gIGJvcmRlcjogdGhlbWUuZHJvcGRvd24ubGlzdEJvcmRlcixcbiAgYm9yZGVyVG9wOiBcIm5vbmVcIixcbiAgYm9yZGVyUmFkaXVzOiB0aGVtZS5kcm9wZG93bi5saXN0Qm9yZGVyUmFkaXVzLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcGFkZGluZzogdGhlbWUuZHJvcGRvd24ubGlzdENvbnRhaW5lclBhZGRpbmcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFNlYXJjaENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuZHJvcGRvd24uc2VhcmNoQ29udGFpbmVyTWFyZ2luLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaXN0ID0gc3R5bGVkKFxuICBIdkxpc3QsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRyb3Bkb3duSGVpZ2h0LFxuICAgICR2aXJ0dWFsaXplZCxcbiAgICAkaGVpZ2h0LFxuICAgICR3aWR0aCxcbiAgICAkbWF4SGVpZ2h0LFxuICB9OiB7XG4gICAgJGRyb3Bkb3duSGVpZ2h0PzogbnVtYmVyO1xuICAgICR2aXJ0dWFsaXplZD86IGJvb2xlYW47XG4gICAgJGhlaWdodD86IG51bWJlcjtcbiAgICAkd2lkdGg/OiBudW1iZXI7XG4gICAgJG1heEhlaWdodD86IG51bWJlcjtcbiAgfSkgPT4gKHtcbiAgICBtYXhXaWR0aDogJHdpZHRoLFxuICAgIG1heEhlaWdodDpcbiAgICAgICRtYXhIZWlnaHQgPz9cbiAgICAgIGBjYWxjKCR7JGhlaWdodH1weCAtIDMycHggLSAke3RoZW1lLnNwYWNlLnhzfSAtICR7dGhlbWUuc3BhY2Uuc219KWAsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICAgIHBhZGRpbmc6IDUsXG5cbiAgICAuLi4oJGRyb3Bkb3duSGVpZ2h0ICYmIHsgaGVpZ2h0OiAkZHJvcGRvd25IZWlnaHQgfSksXG5cbiAgICAuLi4oJHZpcnR1YWxpemVkICYmIHtcbiAgICAgIG1heFdpZHRoOiBcImluaGVyaXRcIixcbiAgICAgIG1heEhlaWdodDogXCJpbmhlcml0XCIsXG4gICAgICBvdmVyZmxvdzogXCJpbmhlcml0XCIsXG4gICAgICBwYWRkaW5nOiAwLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+export {
+  StyledList,
+  StyledListContainer,
+  StyledRootList,
+  StyledSearchContainer
+};
+//# sourceMappingURL=List.styles.js.map

package/dist/esm/components/Dropdown/List/List.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.styles.js","sources":["../../../../../src/components/Dropdown/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvList } from \"components\";\n\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledRootList = styled(\"div\")({\n  width: \"100%\",\n  backgroundColor: theme.dropdown.listBackgroundColor,\n  border: theme.dropdown.listBorder,\n  borderTop: \"none\",\n  borderRadius: theme.dropdown.listBorderRadius,\n});\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  HvList,\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","process","env","NODE_ENV","target","label","width","backgroundColor","theme","dropdown","listBackgroundColor","border","listBorder","borderTop","borderRadius","listBorderRadius","StyledListContainer","padding","listContainerPadding","StyledSearchContainer","marginBottom","searchContainerMargin","StyledList","HvList","_extends","transientOptions","$dropdownHeight","$virtualized","$height","$width","$maxHeight","maxWidth","maxHeight","space","xs","sm","overflow","height"],"mappings":";;;;;;;;;;;;;;;;;;AAMO,MAAMA,iBAAwB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC1CC,OAAO;AAAA,EACPC,iBAAiBC,MAAMC,SAASC;AAAAA,EAChCC,QAAQH,MAAMC,SAASG;AAAAA,EACvBC,WAAW;AAAA,EACXC,cAAcN,MAAMC,SAASM;AAC/B,GAACd,QAAAC,IAAAC,aAAC,eAAA,KAAA,6wEAAA;AAEK,MAAMa,sBAA6B,wBAAA,OAAKf,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC/CY,SAAST,MAAMC,SAASS;AAC1B,GAACjB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6wEAAA;AAEK,MAAMgB,wBAA+B,wBAAA,OAAKlB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACjDe,cAAcZ,MAAMC,SAASY;AAC/B,GAACpB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ixEAAA;AAEWmB,MAAAA,qCACXC,QAAMtB,QAAAC,IAAAC,4BAAAqB,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,GACNqB,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAApB,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBoB,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAOF,OAAO;AAAA,EACLC,UAAUF;AAAAA,EACVG,WACEF,kCACC,QAAOF,sBAAsBpB,MAAMyB,MAAMC,QAAQ1B,MAAMyB,MAAME;AAAAA,EAChEC,UAAU;AAAA,EACVnB,SAAS;AAAA,EAET,GAAIS,mBAAmB;AAAA,IAAEW,QAAQX;AAAAA,EAAgB;AAAA,EAEjD,GAAIC,gBAAgB;AAAA,IAClBI,UAAU;AAAA,IACVC,WAAW;AAAA,IACXI,UAAU;AAAA,IACVnB,SAAS;AAAA,EACX;AACF,IAAEhB,QAAAC,IAAAC,aACH,eAAA,KAAA,ixEAAA;"}

package/dist/esm/components/Dropdown/List/dropdownListClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["rootList", "dropdownListContainer", "searchContainer", "listBorderDown", "listContainer", "selectAllContainer", "selection", "selectAll"];
+const dropdownListClasses = getClasses(classKeys, "HvDropdownList");
+const dropdownListClasses$1 = dropdownListClasses;
+export {
+  dropdownListClasses$1 as default
+};
+//# sourceMappingURL=dropdownListClasses.js.map

package/dist/esm/components/Dropdown/List/dropdownListClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownListClasses.js","sources":["../../../../../src/components/Dropdown/List/dropdownListClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDropdownListClasses = {\n  rootList?: string;\n  dropdownListContainer?: string;\n  searchContainer?: string;\n  listBorderDown?: string;\n  listContainer?: string;\n  selectAllContainer?: string;\n  selection?: string;\n  selectAll?: string;\n};\n\nconst classKeys: string[] = [\n  \"rootList\",\n  \"dropdownListContainer\",\n  \"searchContainer\",\n  \"listBorderDown\",\n  \"listContainer\",\n  \"selectAllContainer\",\n  \"selection\",\n  \"selectAll\",\n];\n\nconst dropdownListClasses = getClasses<HvDropdownListClasses>(\n  classKeys,\n  \"HvDropdownList\"\n);\n\nexport default dropdownListClasses;\n"],"names":["classKeys","dropdownListClasses","getClasses"],"mappings":";AAaA,MAAMA,YAAsB,CAC1B,YACA,yBACA,mBACA,kBACA,iBACA,sBACA,aACA,WAAW;AAGb,MAAMC,sBAAsBC,WAC1BF,WACA,gBAAgB;AAGlB,MAAA,wBAAeC;"}

package/dist/esm/components/Dropdown/dropdownClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "labelContainer", "label", "description", "error", "placeholder", "selectionDisabled", "dropdown", "arrow", "dropdownHeader", "dropdownHeaderInvalid", "dropdownHeaderOpen", "rootList", "dropdownListContainer", "searchContainer", "listBorderDown", "listContainer", "selectAllContainer", "selection", "selectAll"];
+const dropdownClasses = getClasses(classKeys, "HvDropdown");
+const dropdownClasses$1 = dropdownClasses;
+export {
+  dropdownClasses$1 as default
+};
+//# sourceMappingURL=dropdownClasses.js.map

package/dist/esm/components/Dropdown/dropdownClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownClasses.js","sources":["../../../../src/components/Dropdown/dropdownClasses.tsx"],"sourcesContent":["import { getClasses } from \"utils\";\nimport { HvDropdownListClasses } from \"./List/dropdownListClasses\";\n\nexport type HvDropdownClasses = {\n  root?: string;\n  labelContainer?: string;\n  label?: string;\n  description?: string;\n  error?: string;\n  placeholder?: string;\n  selectionDisabled?: string;\n  dropdown?: string;\n  arrow?: string;\n  dropdownHeader?: string;\n  dropdownHeaderInvalid?: string;\n  dropdownHeaderOpen?: string;\n} & HvDropdownListClasses;\n\nconst classKeys: string[] = [\n  \"root\",\n  \"labelContainer\",\n  \"label\",\n  \"description\",\n  \"error\",\n  \"placeholder\",\n  \"selectionDisabled\",\n  \"dropdown\",\n  \"arrow\",\n  \"dropdownHeader\",\n  \"dropdownHeaderInvalid\",\n  \"dropdownHeaderOpen\",\n  \"rootList\",\n  \"dropdownListContainer\",\n  \"searchContainer\",\n  \"listBorderDown\",\n  \"listContainer\",\n  \"selectAllContainer\",\n  \"selection\",\n  \"selectAll\",\n];\n\nconst dropdownClasses = getClasses<HvDropdownClasses>(classKeys, \"HvDropdown\");\n\nexport default dropdownClasses;\n"],"names":["classKeys","dropdownClasses","getClasses"],"mappings":";AAkBA,MAAMA,YAAsB,CAC1B,QACA,kBACA,SACA,eACA,SACA,eACA,qBACA,YACA,SACA,kBACA,yBACA,sBACA,YACA,yBACA,mBACA,kBACA,iBACA,sBACA,aACA,WAAW;AAGb,MAAMC,kBAAkBC,WAA8BF,WAAW,YAAY;AAE7E,MAAA,oBAAeC;"}

package/dist/esm/components/Dropdown/utils.js

@@ -0,0 +1,25 @@
+const getSelected = (list) => (list == null ? void 0 : list.filter((elem) => elem.selected)) || [];
+const getSelectionLabel = (labels, placeholder, multiSelect, list = []) => {
+  const {
+    select
+  } = labels;
+  const selected = getSelected(list);
+  if (select)
+    return {
+      selected: select
+    };
+  if (multiSelect) {
+    return {
+      selected: selected.length,
+      total: list.length
+    };
+  }
+  return {
+    selected: selected.length > 0 ? selected[0].label : placeholder
+  };
+};
+export {
+  getSelected,
+  getSelectionLabel
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/Dropdown/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Dropdown/utils.tsx"],"sourcesContent":["import { HvListValue } from \"components\";\n\n/**\n * Filter selected elements.\n *\n * @param {Object} list - the list to filter\n * @returns {Array} - the selected elements\n */\nconst getSelected = (list) => list?.filter((elem) => elem.selected) || [];\n\n/**\n * Checks if any element of the list is selected.\n *\n * @param list\n * @returns {boolean}\n */\nconst hasSelected = (list) => getSelected(list).length > 0;\n\n/**\n * Gets the selection label according to selection.\n *\n * @param {Object} list - the list to filter the selected elements from\n * @param {Object} labels - the labels to extract the textual values for the label\n * @param {Boolean} multiSelect - if \"true\" the label will have a different format\n *\n * @returns {Object} - the selection label\n */\nconst getSelectionLabel = (\n  labels,\n  placeholder,\n  multiSelect,\n  list: HvListValue[] = []\n) => {\n  const { select } = labels;\n  const selected = getSelected(list);\n\n  if (select) return { selected: select };\n\n  if (multiSelect) {\n    return {\n      selected: selected.length,\n      total: list.length,\n    };\n  }\n  return { selected: selected.length > 0 ? selected[0].label : placeholder };\n};\n\nexport { getSelectionLabel, getSelected, hasSelected };\n"],"names":["getSelected","list","filter","elem","selected","getSelectionLabel","labels","placeholder","multiSelect","select","length","total","label"],"mappings":"AAQMA,MAAAA,cAAeC,WAASA,6BAAMC,OAAQC,UAASA,KAAKC,cAAa,CAAE;AAmBzE,MAAMC,oBAAoBA,CACxBC,QACAC,aACAC,aACAP,OAAsB,CAAA,MACnB;AACG,QAAA;AAAA,IAAEQ;AAAAA,EAAWH,IAAAA;AACbF,QAAAA,WAAWJ,YAAYC,IAAI;AAE7BQ,MAAAA;AAAe,WAAA;AAAA,MAAEL,UAAUK;AAAAA,IAAAA;AAE/B,MAAID,aAAa;AACR,WAAA;AAAA,MACLJ,UAAUA,SAASM;AAAAA,MACnBC,OAAOV,KAAKS;AAAAA,IAAAA;AAAAA,EAEhB;AACO,SAAA;AAAA,IAAEN,UAAUA,SAASM,SAAS,IAAIN,SAAS,GAAGQ,QAAQL;AAAAA,EAAAA;AAC/D;"}