@hitachivantara/uikit-react-core 4.4.3 → 5.0.0-next.10

package/dist/cjs/components/BaseInput/BaseInput.styles.cjs

@@ -0,0 +1,233 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const material = require("@mui/material");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const transientOptions = require("../../utils/transientOptions.cjs");
+const baseInputClasses = require("./baseInputClasses.cjs");
+const focusUtils = require("../../utils/focusUtils.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledRoot = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e8ibl7d2"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e8ibl7d2",
+  label: "StyledRoot"
+}, transientOptions.transientOptions))(({
+  $disabled,
+  $invalid,
+  $resizable,
+  $readOnly
+}) => ({
+  display: "inline-block",
+  width: "100%",
+  position: "relative",
+  [`&:hover .${baseInputClasses.default.inputBorderContainer}`]: {
+    backgroundColor: uikitStyles.theme.baseInput.hoverColor
+  },
+  [`&:focus-within .${baseInputClasses.default.inputBorderContainer}`]: {
+    backgroundColor: uikitStyles.theme.baseInput.hoverColor
+  },
+  ...$resizable && {
+    width: "auto"
+  },
+  ...$readOnly && {
+    [`& .${baseInputClasses.default.inputBorderContainer}`]: {
+      backgroundColor: "transparent"
+    },
+    [`&:hover .${baseInputClasses.default.inputBorderContainer}`]: {
+      backgroundColor: "transparent"
+    },
+    [`&:focus-within .${baseInputClasses.default.inputBorderContainer}`]: {
+      backgroundColor: "transparent"
+    }
+  },
+  ...$disabled && {
+    [`& .${baseInputClasses.default.inputBorderContainer}`]: {
+      backgroundColor: uikitStyles.theme.colors.atmo4
+    },
+    [`&:hover .${baseInputClasses.default.inputBorderContainer}`]: {
+      backgroundColor: uikitStyles.theme.colors.atmo4
+    }
+  },
+  ...$invalid && {
+    "&:not(.disabled)": {
+      [`& .${baseInputClasses.default.inputBorderContainer}`]: {
+        backgroundColor: uikitStyles.theme.colors.sema4
+      },
+      [`&:hover .${baseInputClasses.default.inputBorderContainer}`]: {
+        backgroundColor: uikitStyles.theme.colors.sema4
+      }
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VJbnB1dC9CYXNlSW5wdXQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgSW5wdXQgYXMgTXVpSW5wdXQsXG4gIGlucHV0Q2xhc3NlcyBhcyBNdWlJbnB1dENsYXNzZXMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcbmltcG9ydCB7IG91dGxpbmVTdHlsZXMgfSBmcm9tIFwidXRpbHNcIjtcbmltcG9ydCBiYXNlSW5wdXRDbGFzc2VzIGZyb20gXCIuL2Jhc2VJbnB1dENsYXNzZXNcIjtcbmltcG9ydCB7IENTU1Byb3BlcnRpZXMgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJGRpc2FibGVkLFxuICAgICRpbnZhbGlkLFxuICAgICRyZXNpemFibGUsXG4gICAgJHJlYWRPbmx5LFxuICB9OiB7XG4gICAgJGRpc2FibGVkOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICAgICRyZXNpemFibGU6IGJvb2xlYW47XG4gICAgJHJlYWRPbmx5OiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG5cbiAgICBbYCY6aG92ZXIgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlSW5wdXQuaG92ZXJDb2xvcixcbiAgICB9LFxuXG4gICAgW2AmOmZvY3VzLXdpdGhpbiAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Qm9yZGVyQ29udGFpbmVyfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5ob3ZlckNvbG9yLFxuICAgIH0sXG5cbiAgICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgICB3aWR0aDogXCJhdXRvXCIsXG4gICAgfSksXG5cbiAgICAuLi4oJHJlYWRPbmx5ICYmIHtcbiAgICAgIFtgJiAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Qm9yZGVyQ29udGFpbmVyfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcblxuICAgICAgW2AmOmhvdmVyIC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXJ9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICB9LFxuXG4gICAgICBbYCY6Zm9jdXMtd2l0aGluIC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXJ9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRkaXNhYmxlZCAmJiB7XG4gICAgICBbYCYgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbiAgICAgIH0sXG5cbiAgICAgIFtgJjpob3ZlciAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Qm9yZGVyQ29udGFpbmVyfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICBcIiY6bm90KC5kaXNhYmxlZClcIjoge1xuICAgICAgICBbYCYgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE0LFxuICAgICAgICB9LFxuXG4gICAgICAgIFtgJjpob3ZlciAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Qm9yZGVyQ29udGFpbmVyfWBdOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2VtYTQsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZElucHV0Qm9yZGVyQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgd2lkdGg6IFwiY2FsYygxMDAlIC0gNHB4KVwiLFxuICBoZWlnaHQ6IHRoZW1lLmJhc2VJbnB1dC51bmRlcmxpbmVIZWlnaHQsXG4gIHRvcDogXCIzMXB4XCIsXG4gIGxlZnQ6IFwiMnB4XCIsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dCA9IHN0eWxlZChcbiAgTXVpSW5wdXQsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHJlc2l6YWJsZSxcbiAgICAkZGlzYWJsZWQsXG4gICAgJHJlYWRPbmx5LFxuICAgICRpbnZhbGlkLFxuICB9OiB7XG4gICAgJHJlc2l6YWJsZTogYm9vbGVhbjtcbiAgICAkZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgJHJlYWRPbmx5OiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIFtgJi4ke011aUlucHV0Q2xhc3Nlcy5yb290fWBdOiB7XG4gICAgICBtYXJnaW46IDAsXG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5iYXNlSW5wdXQuYm9yZGVyQ29sb3J9YCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUuZm9udEZhbWlseS5ib2R5LFxuXG4gICAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE0LFxuICAgICAgfSksXG5cbiAgICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUuYmFzZUlucHV0LnJlYWRPbmx5Qm9yZGVyQ29sb3IsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZUlucHV0LnJlYWRPbmx5QmFja2dyb3VuZENvbG9yLFxuICAgICAgfSksXG5cbiAgICAgIFtgJjpob3Zlcjpub3QoLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3REaXNhYmxlZH0pOm5vdCguJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdEludmFsaWR9KTpub3QoLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RSZWFkT25seX0pYF06XG4gICAgICAgIHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUuYmFzZUlucHV0LmhvdmVyQ29sb3IsXG4gICAgICAgIH0sXG5cbiAgICAgIFtgJjpob3Zlcjpub3QoLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3REaXNhYmxlZH0pOjpiZWZvcmVgXToge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgfSxcblxuICAgICAgXCImOjpiZWZvcmVcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgfSxcblxuICAgICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbTogXCJub25lXCIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICBbYCYgLiR7TXVpSW5wdXRDbGFzc2VzLmlucHV0fWBdOiB7XG4gICAgICBoZWlnaHQ6IFwiMjFweFwiLFxuICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgICBtYXJnaW5SaWdodDogdGhlbWUuc3BhY2UueHMsXG4gICAgICBwYWRkaW5nOiBcIjZweCAwIDVweFwiLFxuICAgICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICAgIG91dGxpbmU6IFwibm9uZVwiLFxuICAgICAgd2lkdGg6IFwiaW5pdGlhbFwiLFxuICAgICAgZmxleEdyb3c6IDEsXG4gICAgICAuLi4odGhlbWUudHlwb2dyYXBoeS5ib2R5IGFzIENTU1Byb3BlcnRpZXMpLFxuXG4gICAgICBcIiY6OnBsYWNlaG9sZGVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMSxcbiAgICAgICAgY29sb3I6IHRoZW1lLmJhc2VJbnB1dC5wbGFjZWhvbGRlckNvbG9yLFxuICAgICAgfSxcblxuICAgICAgXCImOjotbXMtY2xlYXJcIjoge1xuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgIH0sXG5cbiAgICAgIC4uLigkcmVzaXphYmxlICYmIHtcbiAgICAgICAgcmVzaXplOiBcImJvdGhcIixcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgfSksXG5cbiAgICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUuYmFzZUlucHV0LmRpc2FibGVkVGV4dENvbG9yLFxuICAgICAgfSksXG5cbiAgICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUuYmFzZUlucHV0LnJlYWRPbmx5VGV4dENvbG9yLFxuICAgICAgfSksXG4gICAgfSxcblxuICAgIFtgJi4ke011aUlucHV0Q2xhc3Nlcy5mb2N1c2VkfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5jb2xvcnMuYXRtbzEsXG4gICAgICB9LFxuXG4gICAgICBbYCYuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Um9vdFJlYWRPbmx5fWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZUlucHV0LnJlYWRPbmx5QmFja2dyb3VuZENvbG9yLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgW2AmLiR7TXVpSW5wdXRDbGFzc2VzLmRpc2FibGVkfWBdOiB7XG4gICAgICBiYWNrZ3JvdW5kOiB0aGVtZS5iYXNlSW5wdXQuZGlzYWJsZWRCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUuYmFzZUlucHV0LmRpc2FibGVkQm9yZGVyQ29sb3IsXG4gICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcblxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuYmFzZUlucHV0LmRpc2FibGVkQmFja2dyb3VuZENvbG9yLFxuICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICAgIH0sXG5cbiAgICAgIFwiJiY6OmJlZm9yZVwiOiB7XG4gICAgICAgIGJvcmRlckJvdHRvbVN0eWxlOiBcIm5vbmVcIixcbiAgICAgIH0sXG4gICAgfSxcblxuICAgIFtgJi4ke011aUlucHV0Q2xhc3Nlcy5tdWx0aWxpbmV9YF06IHtcbiAgICAgIHBhZGRpbmc6IDAsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIG92ZXJmbG93OiBcImF1dG9cIixcbiAgICAgIGJvcmRlcjogXCJub25lXCIsXG5cbiAgICAgIFtgJiAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0fWBdOiB7XG4gICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmJhc2VJbnB1dC5tdWx0aWxpbmVCb3JkZXJDb2xvcn1gLFxuICAgICAgICBib3JkZXJSYWRpdXM6IFwiMnB4XCIsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgICBoZWlnaHQ6IFwiYXV0b1wiLFxuICAgICAgICBtaW5IZWlnaHQ6IFwiMjFweFwiLFxuICAgICAgICBwYWRkaW5nOiBcIjVweCAxMHB4XCIsXG4gICAgICAgIG92ZXJmbG93OiBcImF1dG9cIixcbiAgICAgICAgbWFyZ2luTGVmdDogXCIwcHhcIixcbiAgICAgICAgbWFyZ2luUmlnaHQ6IFwiMHB4XCIsXG5cbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5iYXNlSW5wdXQuaG92ZXJDb2xvcn1gLFxuICAgICAgICB9LFxuXG4gICAgICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZUlucHV0LmRpc2FibGVkQmFja2dyb3VuZENvbG9yLFxuICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmJhc2VJbnB1dC5tdWx0aWxpbmVEaXNhYmxlZEJvcmRlckNvbG9yfWAsXG5cbiAgICAgICAgICBcIjpob3ZlclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5kaXNhYmxlZEJhY2tncm91bmRDb2xvcixcbiAgICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmJhc2VJbnB1dC5tdWx0aWxpbmVEaXNhYmxlZEJvcmRlckNvbG9yfWAsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG5cbiAgICAgICAgLi4uKCRyZWFkT25seSAmJiB7XG4gICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuYmFzZUlucHV0LnJlYWRPbmx5Qm9yZGVyQ29sb3J9YCxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5yZWFkT25seUJhY2tncm91bmRDb2xvcixcblxuICAgICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5iYXNlSW5wdXQucmVhZE9ubHlCb3JkZXJDb2xvcn1gLFxuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlSW5wdXQucmVhZE9ubHlCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgfSxcblxuICAgICAgICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuYmFzZUlucHV0LnJlYWRPbmx5Qm9yZGVyQ29sb3J9YCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZUlucHV0LnJlYWRPbmx5QmFja2dyb3VuZENvbG9yLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0pLFxuXG4gICAgICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlbWE0fWAsXG5cbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlbWE0fWAsXG4gICAgICAgICAgfSxcblxuICAgICAgICAgIFwiJjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlbWE0fWAsXG4gICAgICAgICAgfSxcbiAgICAgICAgfSksXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuIl19 */");
+const StyledInputBorderContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
+  target: "e8ibl7d1"
+} : {
+  target: "e8ibl7d1",
+  label: "StyledInputBorderContainer"
+})({
+  position: "absolute",
+  width: "calc(100% - 4px)",
+  height: uikitStyles.theme.baseInput.underlineHeight,
+  top: "31px",
+  left: "2px",
+  backgroundColor: uikitStyles.theme.colors.atmo4
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGMEMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYXNlSW5wdXQvQmFzZUlucHV0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIElucHV0IGFzIE11aUlucHV0LFxuICBpbnB1dENsYXNzZXMgYXMgTXVpSW5wdXRDbGFzc2VzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcyBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRkaXNhYmxlZCxcbiAgICAkaW52YWxpZCxcbiAgICAkcmVzaXphYmxlLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkaW52YWxpZDogYm9vbGVhbjtcbiAgICAkcmVzaXphYmxlOiBib29sZWFuO1xuICAgICRyZWFkT25seTogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgW2AmOmhvdmVyIC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXJ9YF06IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZUlucHV0LmhvdmVyQ29sb3IsXG4gICAgfSxcblxuICAgIFtgJjpmb2N1cy13aXRoaW4gLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlSW5wdXQuaG92ZXJDb2xvcixcbiAgICB9LFxuXG4gICAgLi4uKCRyZXNpemFibGUgJiYge1xuICAgICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgIH0pLFxuXG4gICAgLi4uKCRyZWFkT25seSAmJiB7XG4gICAgICBbYCYgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIH0sXG5cbiAgICAgIFtgJjpob3ZlciAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Qm9yZGVyQ29udGFpbmVyfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcblxuICAgICAgW2AmOmZvY3VzLXdpdGhpbiAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Qm9yZGVyQ29udGFpbmVyfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgW2AmIC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXJ9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gICAgICB9LFxuXG4gICAgICBbYCY6aG92ZXIgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgXCImOm5vdCguZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgW2AmIC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXJ9YF06IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNCxcbiAgICAgICAgfSxcblxuICAgICAgICBbYCY6aG92ZXIgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE0LFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dEJvcmRlckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHdpZHRoOiBcImNhbGMoMTAwJSAtIDRweClcIixcbiAgaGVpZ2h0OiB0aGVtZS5iYXNlSW5wdXQudW5kZXJsaW5lSGVpZ2h0LFxuICB0b3A6IFwiMzFweFwiLFxuICBsZWZ0OiBcIjJweFwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQoXG4gIE11aUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRyZXNpemFibGUsXG4gICAgJGRpc2FibGVkLFxuICAgICRyZWFkT25seSxcbiAgICAkaW52YWxpZCxcbiAgfToge1xuICAgICRyZXNpemFibGU6IGJvb2xlYW47XG4gICAgJGRpc2FibGVkOiBib29sZWFuO1xuICAgICRyZWFkT25seTogYm9vbGVhbjtcbiAgICAkaW52YWxpZDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBbYCYuJHtNdWlJbnB1dENsYXNzZXMucm9vdH1gXToge1xuICAgICAgbWFyZ2luOiAwLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiBcIjJweFwiLFxuICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuYmFzZUlucHV0LmJvcmRlckNvbG9yfWAsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcblxuICAgICAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNCxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oJHJlYWRPbmx5ICYmIHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5yZWFkT25seUJvcmRlckNvbG9yLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5yZWFkT25seUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0pLFxuXG4gICAgICBbYCY6aG92ZXI6bm90KC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290RGlzYWJsZWR9KTpub3QoLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RJbnZhbGlkfSk6bm90KC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290UmVhZE9ubHl9KWBdOlxuICAgICAgICB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5ob3ZlckNvbG9yLFxuICAgICAgICB9LFxuXG4gICAgICBbYCY6aG92ZXI6bm90KC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290RGlzYWJsZWR9KTo6YmVmb3JlYF06IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIixcbiAgICAgIH0sXG5cbiAgICAgIFwiJjo6YmVmb3JlXCI6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIixcbiAgICAgIH0sXG5cbiAgICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke011aUlucHV0Q2xhc3Nlcy5pbnB1dH1gXToge1xuICAgICAgaGVpZ2h0OiBcIjIxcHhcIixcbiAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgcGFkZGluZzogXCI2cHggMCA1cHhcIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIHdpZHRoOiBcImluaXRpYWxcIixcbiAgICAgIGZsZXhHcm93OiAxLFxuICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcblxuICAgICAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgIGNvbG9yOiB0aGVtZS5iYXNlSW5wdXQucGxhY2Vob2xkZXJDb2xvcixcbiAgICAgIH0sXG5cbiAgICAgIFwiJjo6LW1zLWNsZWFyXCI6IHtcbiAgICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgICB9LFxuXG4gICAgICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmJhc2VJbnB1dC5kaXNhYmxlZFRleHRDb2xvcixcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oJHJlYWRPbmx5ICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmJhc2VJbnB1dC5yZWFkT25seVRleHRDb2xvcixcbiAgICAgIH0pLFxuICAgIH0sXG5cbiAgICBbYCYuJHtNdWlJbnB1dENsYXNzZXMuZm9jdXNlZH1gXToge1xuICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgfSxcblxuICAgICAgW2AmLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RSZWFkT25seX1gXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5yZWFkT25seUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0sXG4gICAgfSxcblxuICAgIFtgJi4ke011aUlucHV0Q2xhc3Nlcy5kaXNhYmxlZH1gXToge1xuICAgICAgYmFja2dyb3VuZDogdGhlbWUuYmFzZUlucHV0LmRpc2FibGVkQmFja2dyb3VuZENvbG9yLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5kaXNhYmxlZEJvcmRlckNvbG9yLFxuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG5cbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmJhc2VJbnB1dC5kaXNhYmxlZEJhY2tncm91bmRDb2xvcixcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICB9LFxuXG4gICAgICBcIiYmOjpiZWZvcmVcIjoge1xuICAgICAgICBib3JkZXJCb3R0b21TdHlsZTogXCJub25lXCIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICBbYCYuJHtNdWlJbnB1dENsYXNzZXMubXVsdGlsaW5lfWBdOiB7XG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgICBib3JkZXI6IFwibm9uZVwiLFxuXG4gICAgICBbYCYgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dH1gXToge1xuICAgICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5iYXNlSW5wdXQubXVsdGlsaW5lQm9yZGVyQ29sb3J9YCxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiBcIjJweFwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgaGVpZ2h0OiBcImF1dG9cIixcbiAgICAgICAgbWluSGVpZ2h0OiBcIjIxcHhcIixcbiAgICAgICAgcGFkZGluZzogXCI1cHggMTBweFwiLFxuICAgICAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgICAgIG1hcmdpbkxlZnQ6IFwiMHB4XCIsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBcIjBweFwiLFxuXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuYmFzZUlucHV0LmhvdmVyQ29sb3J9YCxcbiAgICAgICAgfSxcblxuICAgICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5kaXNhYmxlZEJhY2tncm91bmRDb2xvcixcbiAgICAgICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5iYXNlSW5wdXQubXVsdGlsaW5lRGlzYWJsZWRCb3JkZXJDb2xvcn1gLFxuXG4gICAgICAgICAgXCI6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlSW5wdXQuZGlzYWJsZWRCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5iYXNlSW5wdXQubXVsdGlsaW5lRGlzYWJsZWRCb3JkZXJDb2xvcn1gLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0pLFxuXG4gICAgICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmJhc2VJbnB1dC5yZWFkT25seUJvcmRlckNvbG9yfWAsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlSW5wdXQucmVhZE9ubHlCYWNrZ3JvdW5kQ29sb3IsXG5cbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuYmFzZUlucHV0LnJlYWRPbmx5Qm9yZGVyQ29sb3J9YCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZUlucHV0LnJlYWRPbmx5QmFja2dyb3VuZENvbG9yLFxuICAgICAgICAgIH0sXG5cbiAgICAgICAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmJhc2VJbnB1dC5yZWFkT25seUJvcmRlckNvbG9yfWAsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5yZWFkT25seUJhY2tncm91bmRDb2xvcixcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcblxuICAgICAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuXG4gICAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICAgICAgICAgIH0sXG5cbiAgICAgICAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0pLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");
+const StyledInput = /* @__PURE__ */ _styled__default.default(material.Input, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e8ibl7d0"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e8ibl7d0",
+  label: "StyledInput"
+}, transientOptions.transientOptions))(({
+  $resizable,
+  $disabled,
+  $readOnly,
+  $invalid
+}) => ({
+  [`&.${material.inputClasses.root}`]: {
+    margin: 0,
+    width: "100%",
+    borderRadius: "2px",
+    border: `1px solid ${uikitStyles.theme.baseInput.borderColor}`,
+    backgroundColor: uikitStyles.theme.colors.atmo1,
+    fontFamily: uikitStyles.theme.fontFamily.body,
+    ...$invalid && {
+      borderColor: uikitStyles.theme.colors.sema4
+    },
+    ...$readOnly && {
+      borderColor: uikitStyles.theme.baseInput.readOnlyBorderColor,
+      backgroundColor: uikitStyles.theme.baseInput.readOnlyBackgroundColor
+    },
+    [`&:hover:not(.${baseInputClasses.default.inputRootDisabled}):not(.${baseInputClasses.default.inputRootInvalid}):not(.${baseInputClasses.default.inputRootReadOnly})`]: {
+      borderColor: uikitStyles.theme.baseInput.hoverColor
+    },
+    [`&:hover:not(.${baseInputClasses.default.inputRootDisabled})::before`]: {
+      borderBottom: "none"
+    },
+    "&::before": {
+      borderBottom: "none"
+    },
+    "&::after": {
+      borderBottom: "none"
+    }
+  },
+  [`& .${material.inputClasses.input}`]: {
+    height: "21px",
+    marginLeft: uikitStyles.theme.space.xs,
+    marginRight: uikitStyles.theme.space.xs,
+    padding: "6px 0 5px",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    outline: "none",
+    width: "initial",
+    flexGrow: 1,
+    ...uikitStyles.theme.typography.body,
+    "&::placeholder": {
+      opacity: 1,
+      color: uikitStyles.theme.baseInput.placeholderColor
+    },
+    "&::-ms-clear": {
+      display: "none"
+    },
+    ...$resizable && {
+      resize: "both",
+      width: "100%"
+    },
+    ...$disabled && {
+      color: uikitStyles.theme.baseInput.disabledTextColor
+    },
+    ...$readOnly && {
+      color: uikitStyles.theme.baseInput.readOnlyTextColor
+    }
+  },
+  [`&.${material.inputClasses.focused}`]: {
+    background: uikitStyles.theme.colors.atmo1,
+    ...focusUtils.outlineStyles,
+    "&:hover": {
+      background: uikitStyles.theme.colors.atmo1
+    },
+    [`&.${baseInputClasses.default.inputRootReadOnly}`]: {
+      backgroundColor: uikitStyles.theme.baseInput.readOnlyBackgroundColor
+    }
+  },
+  [`&.${material.inputClasses.disabled}`]: {
+    background: uikitStyles.theme.baseInput.disabledBackgroundColor,
+    borderColor: uikitStyles.theme.baseInput.disabledBorderColor,
+    cursor: "not-allowed",
+    "&:hover": {
+      background: uikitStyles.theme.baseInput.disabledBackgroundColor,
+      cursor: "not-allowed"
+    },
+    "&&::before": {
+      borderBottomStyle: "none"
+    }
+  },
+  [`&.${material.inputClasses.multiline}`]: {
+    padding: 0,
+    backgroundColor: "transparent",
+    overflow: "auto",
+    border: "none",
+    [`& .${baseInputClasses.default.input}`]: {
+      border: `1px solid ${uikitStyles.theme.baseInput.multilineBorderColor}`,
+      borderRadius: "2px",
+      backgroundColor: uikitStyles.theme.colors.atmo1,
+      height: "auto",
+      minHeight: "21px",
+      padding: "5px 10px",
+      overflow: "auto",
+      marginLeft: "0px",
+      marginRight: "0px",
+      "&:hover": {
+        border: `1px solid ${uikitStyles.theme.baseInput.hoverColor}`
+      },
+      ...$disabled && {
+        backgroundColor: uikitStyles.theme.baseInput.disabledBackgroundColor,
+        border: `1px solid ${uikitStyles.theme.baseInput.multilineDisabledBorderColor}`,
+        ":hover": {
+          backgroundColor: uikitStyles.theme.baseInput.disabledBackgroundColor,
+          border: `1px solid ${uikitStyles.theme.baseInput.multilineDisabledBorderColor}`
+        }
+      },
+      ...$readOnly && {
+        border: `1px solid ${uikitStyles.theme.baseInput.readOnlyBorderColor}`,
+        backgroundColor: uikitStyles.theme.baseInput.readOnlyBackgroundColor,
+        "&:hover": {
+          border: `1px solid ${uikitStyles.theme.baseInput.readOnlyBorderColor}`,
+          backgroundColor: uikitStyles.theme.baseInput.readOnlyBackgroundColor
+        },
+        "&:focus-within": {
+          border: `1px solid ${uikitStyles.theme.baseInput.readOnlyBorderColor}`,
+          backgroundColor: uikitStyles.theme.baseInput.readOnlyBackgroundColor
+        }
+      },
+      ...$invalid && {
+        border: `1px solid ${uikitStyles.theme.colors.sema4}`,
+        "&:hover": {
+          border: `1px solid ${uikitStyles.theme.colors.sema4}`
+        },
+        "&:focus-within": {
+          border: `1px solid ${uikitStyles.theme.colors.sema4}`
+        }
+      }
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZUlucHV0L0Jhc2VJbnB1dC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGMkIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9CYXNlSW5wdXQvQmFzZUlucHV0LnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7XG4gIElucHV0IGFzIE11aUlucHV0LFxuICBpbnB1dENsYXNzZXMgYXMgTXVpSW5wdXRDbGFzc2VzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgYmFzZUlucHV0Q2xhc3NlcyBmcm9tIFwiLi9iYXNlSW5wdXRDbGFzc2VzXCI7XG5pbXBvcnQgeyBDU1NQcm9wZXJ0aWVzIH0gZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRkaXNhYmxlZCxcbiAgICAkaW52YWxpZCxcbiAgICAkcmVzaXphYmxlLFxuICAgICRyZWFkT25seSxcbiAgfToge1xuICAgICRkaXNhYmxlZDogYm9vbGVhbjtcbiAgICAkaW52YWxpZDogYm9vbGVhbjtcbiAgICAkcmVzaXphYmxlOiBib29sZWFuO1xuICAgICRyZWFkT25seTogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgW2AmOmhvdmVyIC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXJ9YF06IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZUlucHV0LmhvdmVyQ29sb3IsXG4gICAgfSxcblxuICAgIFtgJjpmb2N1cy13aXRoaW4gLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlSW5wdXQuaG92ZXJDb2xvcixcbiAgICB9LFxuXG4gICAgLi4uKCRyZXNpemFibGUgJiYge1xuICAgICAgd2lkdGg6IFwiYXV0b1wiLFxuICAgIH0pLFxuXG4gICAgLi4uKCRyZWFkT25seSAmJiB7XG4gICAgICBbYCYgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICAgIH0sXG5cbiAgICAgIFtgJjpob3ZlciAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Qm9yZGVyQ29udGFpbmVyfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcblxuICAgICAgW2AmOmZvY3VzLXdpdGhpbiAuJHtiYXNlSW5wdXRDbGFzc2VzLmlucHV0Qm9yZGVyQ29udGFpbmVyfWBdOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIC4uLigkZGlzYWJsZWQgJiYge1xuICAgICAgW2AmIC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXJ9YF06IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gICAgICB9LFxuXG4gICAgICBbYCY6aG92ZXIgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbiAgICAgIH0sXG4gICAgfSksXG5cbiAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgXCImOm5vdCguZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgW2AmIC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRCb3JkZXJDb250YWluZXJ9YF06IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNCxcbiAgICAgICAgfSxcblxuICAgICAgICBbYCY6aG92ZXIgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dEJvcmRlckNvbnRhaW5lcn1gXToge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlbWE0LFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9KSxcbiAgfSlcbik7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJbnB1dEJvcmRlckNvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiKSh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHdpZHRoOiBcImNhbGMoMTAwJSAtIDRweClcIixcbiAgaGVpZ2h0OiB0aGVtZS5iYXNlSW5wdXQudW5kZXJsaW5lSGVpZ2h0LFxuICB0b3A6IFwiMzFweFwiLFxuICBsZWZ0OiBcIjJweFwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQoXG4gIE11aUlucHV0LFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICRyZXNpemFibGUsXG4gICAgJGRpc2FibGVkLFxuICAgICRyZWFkT25seSxcbiAgICAkaW52YWxpZCxcbiAgfToge1xuICAgICRyZXNpemFibGU6IGJvb2xlYW47XG4gICAgJGRpc2FibGVkOiBib29sZWFuO1xuICAgICRyZWFkT25seTogYm9vbGVhbjtcbiAgICAkaW52YWxpZDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBbYCYuJHtNdWlJbnB1dENsYXNzZXMucm9vdH1gXToge1xuICAgICAgbWFyZ2luOiAwLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiBcIjJweFwiLFxuICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuYmFzZUlucHV0LmJvcmRlckNvbG9yfWAsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLmZvbnRGYW1pbHkuYm9keSxcblxuICAgICAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmNvbG9ycy5zZW1hNCxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oJHJlYWRPbmx5ICYmIHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5yZWFkT25seUJvcmRlckNvbG9yLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5yZWFkT25seUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0pLFxuXG4gICAgICBbYCY6aG92ZXI6bm90KC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290RGlzYWJsZWR9KTpub3QoLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RJbnZhbGlkfSk6bm90KC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290UmVhZE9ubHl9KWBdOlxuICAgICAgICB7XG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5ob3ZlckNvbG9yLFxuICAgICAgICB9LFxuXG4gICAgICBbYCY6aG92ZXI6bm90KC4ke2Jhc2VJbnB1dENsYXNzZXMuaW5wdXRSb290RGlzYWJsZWR9KTo6YmVmb3JlYF06IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIixcbiAgICAgIH0sXG5cbiAgICAgIFwiJjo6YmVmb3JlXCI6IHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcIm5vbmVcIixcbiAgICAgIH0sXG5cbiAgICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICBib3JkZXJCb3R0b206IFwibm9uZVwiLFxuICAgICAgfSxcbiAgICB9LFxuXG4gICAgW2AmIC4ke011aUlucHV0Q2xhc3Nlcy5pbnB1dH1gXToge1xuICAgICAgaGVpZ2h0OiBcIjIxcHhcIixcbiAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgcGFkZGluZzogXCI2cHggMCA1cHhcIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgdGV4dE92ZXJmbG93OiBcImVsbGlwc2lzXCIsXG4gICAgICBvdXRsaW5lOiBcIm5vbmVcIixcbiAgICAgIHdpZHRoOiBcImluaXRpYWxcIixcbiAgICAgIGZsZXhHcm93OiAxLFxuICAgICAgLi4uKHRoZW1lLnR5cG9ncmFwaHkuYm9keSBhcyBDU1NQcm9wZXJ0aWVzKSxcblxuICAgICAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDEsXG4gICAgICAgIGNvbG9yOiB0aGVtZS5iYXNlSW5wdXQucGxhY2Vob2xkZXJDb2xvcixcbiAgICAgIH0sXG5cbiAgICAgIFwiJjo6LW1zLWNsZWFyXCI6IHtcbiAgICAgICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgICB9LFxuXG4gICAgICAuLi4oJHJlc2l6YWJsZSAmJiB7XG4gICAgICAgIHJlc2l6ZTogXCJib3RoXCIsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmJhc2VJbnB1dC5kaXNhYmxlZFRleHRDb2xvcixcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oJHJlYWRPbmx5ICYmIHtcbiAgICAgICAgY29sb3I6IHRoZW1lLmJhc2VJbnB1dC5yZWFkT25seVRleHRDb2xvcixcbiAgICAgIH0pLFxuICAgIH0sXG5cbiAgICBbYCYuJHtNdWlJbnB1dENsYXNzZXMuZm9jdXNlZH1gXToge1xuICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgLi4ub3V0bGluZVN0eWxlcyxcblxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZDogdGhlbWUuY29sb3JzLmF0bW8xLFxuICAgICAgfSxcblxuICAgICAgW2AmLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dFJvb3RSZWFkT25seX1gXToge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5yZWFkT25seUJhY2tncm91bmRDb2xvcixcbiAgICAgIH0sXG4gICAgfSxcblxuICAgIFtgJi4ke011aUlucHV0Q2xhc3Nlcy5kaXNhYmxlZH1gXToge1xuICAgICAgYmFja2dyb3VuZDogdGhlbWUuYmFzZUlucHV0LmRpc2FibGVkQmFja2dyb3VuZENvbG9yLFxuICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5kaXNhYmxlZEJvcmRlckNvbG9yLFxuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG5cbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmQ6IHRoZW1lLmJhc2VJbnB1dC5kaXNhYmxlZEJhY2tncm91bmRDb2xvcixcbiAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgICB9LFxuXG4gICAgICBcIiYmOjpiZWZvcmVcIjoge1xuICAgICAgICBib3JkZXJCb3R0b21TdHlsZTogXCJub25lXCIsXG4gICAgICB9LFxuICAgIH0sXG5cbiAgICBbYCYuJHtNdWlJbnB1dENsYXNzZXMubXVsdGlsaW5lfWBdOiB7XG4gICAgICBwYWRkaW5nOiAwLFxuICAgICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgICBib3JkZXI6IFwibm9uZVwiLFxuXG4gICAgICBbYCYgLiR7YmFzZUlucHV0Q2xhc3Nlcy5pbnB1dH1gXToge1xuICAgICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5iYXNlSW5wdXQubXVsdGlsaW5lQm9yZGVyQ29sb3J9YCxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiBcIjJweFwiLFxuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vMSxcbiAgICAgICAgaGVpZ2h0OiBcImF1dG9cIixcbiAgICAgICAgbWluSGVpZ2h0OiBcIjIxcHhcIixcbiAgICAgICAgcGFkZGluZzogXCI1cHggMTBweFwiLFxuICAgICAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgICAgIG1hcmdpbkxlZnQ6IFwiMHB4XCIsXG4gICAgICAgIG1hcmdpblJpZ2h0OiBcIjBweFwiLFxuXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuYmFzZUlucHV0LmhvdmVyQ29sb3J9YCxcbiAgICAgICAgfSxcblxuICAgICAgICAuLi4oJGRpc2FibGVkICYmIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5kaXNhYmxlZEJhY2tncm91bmRDb2xvcixcbiAgICAgICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5iYXNlSW5wdXQubXVsdGlsaW5lRGlzYWJsZWRCb3JkZXJDb2xvcn1gLFxuXG4gICAgICAgICAgXCI6aG92ZXJcIjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlSW5wdXQuZGlzYWJsZWRCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgICAgICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS5iYXNlSW5wdXQubXVsdGlsaW5lRGlzYWJsZWRCb3JkZXJDb2xvcn1gLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0pLFxuXG4gICAgICAgIC4uLigkcmVhZE9ubHkgJiYge1xuICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmJhc2VJbnB1dC5yZWFkT25seUJvcmRlckNvbG9yfWAsXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5iYXNlSW5wdXQucmVhZE9ubHlCYWNrZ3JvdW5kQ29sb3IsXG5cbiAgICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgICAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuYmFzZUlucHV0LnJlYWRPbmx5Qm9yZGVyQ29sb3J9YCxcbiAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZUlucHV0LnJlYWRPbmx5QmFja2dyb3VuZENvbG9yLFxuICAgICAgICAgIH0sXG5cbiAgICAgICAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmJhc2VJbnB1dC5yZWFkT25seUJvcmRlckNvbG9yfWAsXG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmJhc2VJbnB1dC5yZWFkT25seUJhY2tncm91bmRDb2xvcixcbiAgICAgICAgICB9LFxuICAgICAgICB9KSxcblxuICAgICAgICAuLi4oJGludmFsaWQgJiYge1xuICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuXG4gICAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICAgICAgICAgIH0sXG5cbiAgICAgICAgICBcIiY6Zm9jdXMtd2l0aGluXCI6IHtcbiAgICAgICAgICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICAgICAgICAgIH0sXG4gICAgICAgIH0pLFxuICAgICAgfSxcbiAgICB9LFxuICB9KVxuKTtcbiJdfQ== */");
+exports.StyledInput = StyledInput;
+exports.StyledInputBorderContainer = StyledInputBorderContainer;
+exports.StyledRoot = StyledRoot;
+//# sourceMappingURL=BaseInput.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInput.styles.cjs","sources":["../../../../src/components/BaseInput/BaseInput.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport {\n  Input as MuiInput,\n  inputClasses as MuiInputClasses,\n} from \"@mui/material\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { transientOptions } from \"utils/transientOptions\";\nimport { outlineStyles } from \"utils\";\nimport baseInputClasses from \"./baseInputClasses\";\nimport { CSSProperties } from \"react\";\n\nexport const StyledRoot = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $disabled,\n    $invalid,\n    $resizable,\n    $readOnly,\n  }: {\n    $disabled: boolean;\n    $invalid: boolean;\n    $resizable: boolean;\n    $readOnly: boolean;\n  }) => ({\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n\n    [`&:hover .${baseInputClasses.inputBorderContainer}`]: {\n      backgroundColor: theme.baseInput.hoverColor,\n    },\n\n    [`&:focus-within .${baseInputClasses.inputBorderContainer}`]: {\n      backgroundColor: theme.baseInput.hoverColor,\n    },\n\n    ...($resizable && {\n      width: \"auto\",\n    }),\n\n    ...($readOnly && {\n      [`& .${baseInputClasses.inputBorderContainer}`]: {\n        backgroundColor: \"transparent\",\n      },\n\n      [`&:hover .${baseInputClasses.inputBorderContainer}`]: {\n        backgroundColor: \"transparent\",\n      },\n\n      [`&:focus-within .${baseInputClasses.inputBorderContainer}`]: {\n        backgroundColor: \"transparent\",\n      },\n    }),\n\n    ...($disabled && {\n      [`& .${baseInputClasses.inputBorderContainer}`]: {\n        backgroundColor: theme.colors.atmo4,\n      },\n\n      [`&:hover .${baseInputClasses.inputBorderContainer}`]: {\n        backgroundColor: theme.colors.atmo4,\n      },\n    }),\n\n    ...($invalid && {\n      \"&:not(.disabled)\": {\n        [`& .${baseInputClasses.inputBorderContainer}`]: {\n          backgroundColor: theme.colors.sema4,\n        },\n\n        [`&:hover .${baseInputClasses.inputBorderContainer}`]: {\n          backgroundColor: theme.colors.sema4,\n        },\n      },\n    }),\n  })\n);\n\nexport const StyledInputBorderContainer = styled(\"div\")({\n  position: \"absolute\",\n  width: \"calc(100% - 4px)\",\n  height: theme.baseInput.underlineHeight,\n  top: \"31px\",\n  left: \"2px\",\n  backgroundColor: theme.colors.atmo4,\n});\n\nexport const StyledInput = styled(\n  MuiInput,\n  transientOptions\n)(\n  ({\n    $resizable,\n    $disabled,\n    $readOnly,\n    $invalid,\n  }: {\n    $resizable: boolean;\n    $disabled: boolean;\n    $readOnly: boolean;\n    $invalid: boolean;\n  }) => ({\n    [`&.${MuiInputClasses.root}`]: {\n      margin: 0,\n      width: \"100%\",\n      borderRadius: \"2px\",\n      border: `1px solid ${theme.baseInput.borderColor}`,\n      backgroundColor: theme.colors.atmo1,\n      fontFamily: theme.fontFamily.body,\n\n      ...($invalid && {\n        borderColor: theme.colors.sema4,\n      }),\n\n      ...($readOnly && {\n        borderColor: theme.baseInput.readOnlyBorderColor,\n        backgroundColor: theme.baseInput.readOnlyBackgroundColor,\n      }),\n\n      [`&:hover:not(.${baseInputClasses.inputRootDisabled}):not(.${baseInputClasses.inputRootInvalid}):not(.${baseInputClasses.inputRootReadOnly})`]:\n        {\n          borderColor: theme.baseInput.hoverColor,\n        },\n\n      [`&:hover:not(.${baseInputClasses.inputRootDisabled})::before`]: {\n        borderBottom: \"none\",\n      },\n\n      \"&::before\": {\n        borderBottom: \"none\",\n      },\n\n      \"&::after\": {\n        borderBottom: \"none\",\n      },\n    },\n\n    [`& .${MuiInputClasses.input}`]: {\n      height: \"21px\",\n      marginLeft: theme.space.xs,\n      marginRight: theme.space.xs,\n      padding: \"6px 0 5px\",\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n      outline: \"none\",\n      width: \"initial\",\n      flexGrow: 1,\n      ...(theme.typography.body as CSSProperties),\n\n      \"&::placeholder\": {\n        opacity: 1,\n        color: theme.baseInput.placeholderColor,\n      },\n\n      \"&::-ms-clear\": {\n        display: \"none\",\n      },\n\n      ...($resizable && {\n        resize: \"both\",\n        width: \"100%\",\n      }),\n\n      ...($disabled && {\n        color: theme.baseInput.disabledTextColor,\n      }),\n\n      ...($readOnly && {\n        color: theme.baseInput.readOnlyTextColor,\n      }),\n    },\n\n    [`&.${MuiInputClasses.focused}`]: {\n      background: theme.colors.atmo1,\n      ...outlineStyles,\n\n      \"&:hover\": {\n        background: theme.colors.atmo1,\n      },\n\n      [`&.${baseInputClasses.inputRootReadOnly}`]: {\n        backgroundColor: theme.baseInput.readOnlyBackgroundColor,\n      },\n    },\n\n    [`&.${MuiInputClasses.disabled}`]: {\n      background: theme.baseInput.disabledBackgroundColor,\n      borderColor: theme.baseInput.disabledBorderColor,\n      cursor: \"not-allowed\",\n\n      \"&:hover\": {\n        background: theme.baseInput.disabledBackgroundColor,\n        cursor: \"not-allowed\",\n      },\n\n      \"&&::before\": {\n        borderBottomStyle: \"none\",\n      },\n    },\n\n    [`&.${MuiInputClasses.multiline}`]: {\n      padding: 0,\n      backgroundColor: \"transparent\",\n      overflow: \"auto\",\n      border: \"none\",\n\n      [`& .${baseInputClasses.input}`]: {\n        border: `1px solid ${theme.baseInput.multilineBorderColor}`,\n        borderRadius: \"2px\",\n        backgroundColor: theme.colors.atmo1,\n        height: \"auto\",\n        minHeight: \"21px\",\n        padding: \"5px 10px\",\n        overflow: \"auto\",\n        marginLeft: \"0px\",\n        marginRight: \"0px\",\n\n        \"&:hover\": {\n          border: `1px solid ${theme.baseInput.hoverColor}`,\n        },\n\n        ...($disabled && {\n          backgroundColor: theme.baseInput.disabledBackgroundColor,\n          border: `1px solid ${theme.baseInput.multilineDisabledBorderColor}`,\n\n          \":hover\": {\n            backgroundColor: theme.baseInput.disabledBackgroundColor,\n            border: `1px solid ${theme.baseInput.multilineDisabledBorderColor}`,\n          },\n        }),\n\n        ...($readOnly && {\n          border: `1px solid ${theme.baseInput.readOnlyBorderColor}`,\n          backgroundColor: theme.baseInput.readOnlyBackgroundColor,\n\n          \"&:hover\": {\n            border: `1px solid ${theme.baseInput.readOnlyBorderColor}`,\n            backgroundColor: theme.baseInput.readOnlyBackgroundColor,\n          },\n\n          \"&:focus-within\": {\n            border: `1px solid ${theme.baseInput.readOnlyBorderColor}`,\n            backgroundColor: theme.baseInput.readOnlyBackgroundColor,\n          },\n        }),\n\n        ...($invalid && {\n          border: `1px solid ${theme.colors.sema4}`,\n\n          \"&:hover\": {\n            border: `1px solid ${theme.colors.sema4}`,\n          },\n\n          \"&:focus-within\": {\n            border: `1px solid ${theme.colors.sema4}`,\n          },\n        }),\n      },\n    },\n  })\n);\n"],"names":["StyledRoot","process","env","NODE_ENV","_extends","target","transientOptions","label","$disabled","$invalid","$resizable","$readOnly","display","width","position","baseInputClasses","inputBorderContainer","backgroundColor","theme","baseInput","hoverColor","colors","atmo4","sema4","StyledInputBorderContainer","_styled","height","underlineHeight","top","left","StyledInput","MuiInput","MuiInputClasses","root","margin","borderRadius","border","borderColor","atmo1","fontFamily","body","readOnlyBorderColor","readOnlyBackgroundColor","inputRootDisabled","inputRootInvalid","inputRootReadOnly","borderBottom","input","marginLeft","space","xs","marginRight","padding","overflow","textOverflow","outline","flexGrow","typography","opacity","color","placeholderColor","resize","disabledTextColor","readOnlyTextColor","focused","background","outlineStyles","disabled","disabledBackgroundColor","disabledBorderColor","cursor","borderBottomStyle","multiline","multilineBorderColor","minHeight","multilineDisabledBorderColor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAWaA,MAAAA,sDACX,OAAKC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACLC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCE;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAMF,OAAO;AAAA,EACLC,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,UAAU;AAAA,EAEV,CAAE,YAAWC,yBAAiBC,yBAAyB;AAAA,IACrDC,iBAAiBC,YAAAA,MAAMC,UAAUC;AAAAA,EACnC;AAAA,EAEA,CAAE,mBAAkBL,yBAAiBC,yBAAyB;AAAA,IAC5DC,iBAAiBC,YAAAA,MAAMC,UAAUC;AAAAA,EACnC;AAAA,EAEA,GAAIV,cAAc;AAAA,IAChBG,OAAO;AAAA,EACT;AAAA,EAEA,GAAIF,aAAa;AAAA,IACf,CAAE,MAAKI,yBAAiBC,yBAAyB;AAAA,MAC/CC,iBAAiB;AAAA,IACnB;AAAA,IAEA,CAAE,YAAWF,yBAAiBC,yBAAyB;AAAA,MACrDC,iBAAiB;AAAA,IACnB;AAAA,IAEA,CAAE,mBAAkBF,yBAAiBC,yBAAyB;AAAA,MAC5DC,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,GAAIT,aAAa;AAAA,IACf,CAAE,MAAKO,yBAAiBC,yBAAyB;AAAA,MAC/CC,iBAAiBC,YAAAA,MAAMG,OAAOC;AAAAA,IAChC;AAAA,IAEA,CAAE,YAAWP,yBAAiBC,yBAAyB;AAAA,MACrDC,iBAAiBC,YAAAA,MAAMG,OAAOC;AAAAA,IAChC;AAAA,EACF;AAAA,EAEA,GAAIb,YAAY;AAAA,IACd,oBAAoB;AAAA,MAClB,CAAE,MAAKM,yBAAiBC,yBAAyB;AAAA,QAC/CC,iBAAiBC,YAAAA,MAAMG,OAAOE;AAAAA,MAChC;AAAA,MAEA,CAAE,YAAWR,yBAAiBC,yBAAyB;AAAA,QACrDC,iBAAiBC,YAAAA,MAAMG,OAAOE;AAAAA,MAChC;AAAA,IACF;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aACH,eAAA,KAAA,qlTAAA;AAEM,MAAMqB,6BAAoCC,iCAAA,QAAA,OAAKxB,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAE,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAE,OAAA;AAAA,CAAA,EAAE;AAAA,EACtDO,UAAU;AAAA,EACVD,OAAO;AAAA,EACPa,QAAQR,YAAAA,MAAMC,UAAUQ;AAAAA,EACxBC,KAAK;AAAA,EACLC,MAAM;AAAA,EACNZ,iBAAiBC,YAAAA,MAAMG,OAAOC;AAChC,GAACrB,QAAAC,IAAAC,aAAC,eAAA,KAAA,ylTAAA;AAEW2B,MAAAA,uDACXC,SAAAA,OAAQ9B,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACRC,iBAAgB,gBAAA,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,iBAAAA,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCI;AAAAA,EACAF;AAAAA,EACAG;AAAAA,EACAF;AAMF,OAAO;AAAA,EACL,CAAE,KAAIuB,sBAAgBC,SAAS;AAAA,IAC7BC,QAAQ;AAAA,IACRrB,OAAO;AAAA,IACPsB,cAAc;AAAA,IACdC,QAAS,aAAYlB,YAAAA,MAAMC,UAAUkB;AAAAA,IACrCpB,iBAAiBC,YAAAA,MAAMG,OAAOiB;AAAAA,IAC9BC,YAAYrB,YAAAA,MAAMqB,WAAWC;AAAAA,IAE7B,GAAI/B,YAAY;AAAA,MACd4B,aAAanB,YAAAA,MAAMG,OAAOE;AAAAA,IAC5B;AAAA,IAEA,GAAIZ,aAAa;AAAA,MACf0B,aAAanB,YAAAA,MAAMC,UAAUsB;AAAAA,MAC7BxB,iBAAiBC,YAAAA,MAAMC,UAAUuB;AAAAA,IACnC;AAAA,IAEA,CAAE,gBAAe3B,yBAAiB4B,2BAA2B5B,iBAAAA,QAAiB6B,0BAA0B7B,iBAAAA,QAAiB8B,uBACvH;AAAA,MACER,aAAanB,YAAAA,MAAMC,UAAUC;AAAAA,IAC/B;AAAA,IAEF,CAAE,gBAAeL,iBAAAA,QAAiB4B,+BAA+B;AAAA,MAC/DG,cAAc;AAAA,IAChB;AAAA,IAEA,aAAa;AAAA,MACXA,cAAc;AAAA,IAChB;AAAA,IAEA,YAAY;AAAA,MACVA,cAAc;AAAA,IAChB;AAAA,EACF;AAAA,EAEA,CAAE,MAAKd,sBAAgBe,UAAU;AAAA,IAC/BrB,QAAQ;AAAA,IACRsB,YAAY9B,YAAAA,MAAM+B,MAAMC;AAAAA,IACxBC,aAAajC,YAAAA,MAAM+B,MAAMC;AAAAA,IACzBE,SAAS;AAAA,IACTC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,SAAS;AAAA,IACT1C,OAAO;AAAA,IACP2C,UAAU;AAAA,IACV,GAAItC,YAAAA,MAAMuC,WAAWjB;AAAAA,IAErB,kBAAkB;AAAA,MAChBkB,SAAS;AAAA,MACTC,OAAOzC,YAAAA,MAAMC,UAAUyC;AAAAA,IACzB;AAAA,IAEA,gBAAgB;AAAA,MACdhD,SAAS;AAAA,IACX;AAAA,IAEA,GAAIF,cAAc;AAAA,MAChBmD,QAAQ;AAAA,MACRhD,OAAO;AAAA,IACT;AAAA,IAEA,GAAIL,aAAa;AAAA,MACfmD,OAAOzC,YAAAA,MAAMC,UAAU2C;AAAAA,IACzB;AAAA,IAEA,GAAInD,aAAa;AAAA,MACfgD,OAAOzC,YAAAA,MAAMC,UAAU4C;AAAAA,IACzB;AAAA,EACF;AAAA,EAEA,CAAE,KAAI/B,sBAAgBgC,YAAY;AAAA,IAChCC,YAAY/C,YAAAA,MAAMG,OAAOiB;AAAAA,IACzB,GAAG4B,WAAAA;AAAAA,IAEH,WAAW;AAAA,MACTD,YAAY/C,YAAAA,MAAMG,OAAOiB;AAAAA,IAC3B;AAAA,IAEA,CAAE,KAAIvB,yBAAiB8B,sBAAsB;AAAA,MAC3C5B,iBAAiBC,YAAAA,MAAMC,UAAUuB;AAAAA,IACnC;AAAA,EACF;AAAA,EAEA,CAAE,KAAIV,sBAAgBmC,aAAa;AAAA,IACjCF,YAAY/C,YAAAA,MAAMC,UAAUiD;AAAAA,IAC5B/B,aAAanB,YAAAA,MAAMC,UAAUkD;AAAAA,IAC7BC,QAAQ;AAAA,IAER,WAAW;AAAA,MACTL,YAAY/C,YAAAA,MAAMC,UAAUiD;AAAAA,MAC5BE,QAAQ;AAAA,IACV;AAAA,IAEA,cAAc;AAAA,MACZC,mBAAmB;AAAA,IACrB;AAAA,EACF;AAAA,EAEA,CAAE,KAAIvC,sBAAgBwC,cAAc;AAAA,IAClCpB,SAAS;AAAA,IACTnC,iBAAiB;AAAA,IACjBoC,UAAU;AAAA,IACVjB,QAAQ;AAAA,IAER,CAAE,MAAKrB,yBAAiBgC,UAAU;AAAA,MAChCX,QAAS,aAAYlB,YAAAA,MAAMC,UAAUsD;AAAAA,MACrCtC,cAAc;AAAA,MACdlB,iBAAiBC,YAAAA,MAAMG,OAAOiB;AAAAA,MAC9BZ,QAAQ;AAAA,MACRgD,WAAW;AAAA,MACXtB,SAAS;AAAA,MACTC,UAAU;AAAA,MACVL,YAAY;AAAA,MACZG,aAAa;AAAA,MAEb,WAAW;AAAA,QACTf,QAAS,aAAYlB,YAAAA,MAAMC,UAAUC;AAAAA,MACvC;AAAA,MAEA,GAAIZ,aAAa;AAAA,QACfS,iBAAiBC,YAAAA,MAAMC,UAAUiD;AAAAA,QACjChC,QAAS,aAAYlB,YAAAA,MAAMC,UAAUwD;AAAAA,QAErC,UAAU;AAAA,UACR1D,iBAAiBC,YAAAA,MAAMC,UAAUiD;AAAAA,UACjChC,QAAS,aAAYlB,YAAAA,MAAMC,UAAUwD;AAAAA,QACvC;AAAA,MACF;AAAA,MAEA,GAAIhE,aAAa;AAAA,QACfyB,QAAS,aAAYlB,YAAAA,MAAMC,UAAUsB;AAAAA,QACrCxB,iBAAiBC,YAAAA,MAAMC,UAAUuB;AAAAA,QAEjC,WAAW;AAAA,UACTN,QAAS,aAAYlB,YAAAA,MAAMC,UAAUsB;AAAAA,UACrCxB,iBAAiBC,YAAAA,MAAMC,UAAUuB;AAAAA,QACnC;AAAA,QAEA,kBAAkB;AAAA,UAChBN,QAAS,aAAYlB,YAAAA,MAAMC,UAAUsB;AAAAA,UACrCxB,iBAAiBC,YAAAA,MAAMC,UAAUuB;AAAAA,QACnC;AAAA,MACF;AAAA,MAEA,GAAIjC,YAAY;AAAA,QACd2B,QAAS,aAAYlB,YAAAA,MAAMG,OAAOE;AAAAA,QAElC,WAAW;AAAA,UACTa,QAAS,aAAYlB,YAAAA,MAAMG,OAAOE;AAAAA,QACpC;AAAA,QAEA,kBAAkB;AAAA,UAChBa,QAAS,aAAYlB,YAAAA,MAAMG,OAAOE;AAAAA,QACpC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,IAAEtB,QAAAC,IAAAC,aACH,eAAA,KAAA,ylTAAA;;;;"}

package/dist/cjs/components/BaseInput/baseInputClasses.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const classes = require("../../utils/classes.cjs");
+const classKeys = ["root", "disabled", "invalid", "resizable", "inputRoot", "inputRootFocused", "inputRootDisabled", "inputRootMultiline", "inputRootInvalid", "inputRootReadOnly", "input", "inputDisabled", "inputResizable", "inputReadOnly", "inputBorderContainer", "readOnly"];
+const baseInputClasses = classes.getClasses(classKeys, "HvBaseInput");
+const baseInputClasses$1 = baseInputClasses;
+exports.default = baseInputClasses$1;
+//# sourceMappingURL=baseInputClasses.cjs.map

package/dist/cjs/components/BaseInput/baseInputClasses.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseInputClasses.cjs","sources":["../../../../src/components/BaseInput/baseInputClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvBaseInputClasses = {\n  /** Styles applied to the root container of the input. */\n  root?: string;\n  /** Styles applied to the root container of the input when it is disabled. */\n  disabled?: string;\n  /** Styles applied to the root container of the input when it is invalid. */\n  invalid?: string;\n  /** Styles applied to the root container of the input when it is resizable. */\n  resizable?: string;\n  /** Styles applied to input root which is the input that encloses all the other elements. */\n  inputRoot?: string;\n  /** Styles applied to input root when it is focused. */\n  inputRootFocused?: string;\n  /** Styles applied to input root element when it is disabled. */\n  inputRootDisabled?: string;\n  /** Styles applied to input root element when it is multiline mode. */\n  inputRootMultiline?: string;\n  /** Styles applied to input root element when it is invalid. */\n  inputRootInvalid?: string;\n  /** Styles applied to input root element when it is read only. */\n  inputRootReadOnly?: string;\n  /** Styles applied to input html element. */\n  input?: string;\n  /** Styles applied to input html element when is disabled. */\n  inputDisabled?: string;\n  /** Styles applied to input html element when it is resizable. */\n  inputResizable?: string;\n  /** Styles applied to input html element when it is read only. */\n  inputReadOnly?: string;\n  /** Styles applied to the container of the border element. */\n  inputBorderContainer?: string;\n  /** Styles applied to the container of the border element, when in read only mode. */\n  readOnly?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"disabled\",\n  \"invalid\",\n  \"resizable\",\n  \"inputRoot\",\n  \"inputRootFocused\",\n  \"inputRootDisabled\",\n  \"inputRootMultiline\",\n  \"inputRootInvalid\",\n  \"inputRootReadOnly\",\n  \"input\",\n  \"inputDisabled\",\n  \"inputResizable\",\n  \"inputReadOnly\",\n  \"inputBorderContainer\",\n  \"readOnly\",\n];\n\nconst baseInputClasses = getClasses<HvBaseInputClasses>(\n  classKeys,\n  \"HvBaseInput\"\n);\n\nexport default baseInputClasses;\n"],"names":["classKeys","baseInputClasses","getClasses"],"mappings":";;;AAqCA,MAAMA,YAAsB,CAC1B,QACA,YACA,WACA,aACA,aACA,oBACA,qBACA,sBACA,oBACA,qBACA,SACA,iBACA,kBACA,iBACA,wBACA,UAAU;AAGZ,MAAMC,mBAAmBC,QACvBF,WAAAA,WACA,aAAa;AAGf,MAAA,qBAAeC;;"}

package/dist/cjs/components/BaseInput/validations.cjs

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const validationStates = require("../Forms/FormElement/validationStates.cjs");
+const isNumeric = (num) => num.trim().length > 0 && !Number.isNaN(Number(num));
+const isEmail = (email) => {
+  const regexp = /^[^\\s]+[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?[.])+[a-z0-9](?:[a-z0-9-]*[a-z0-9])$/i;
+  return regexp.test(email);
+};
+const validationTypes = Object.freeze({
+  none: "none",
+  number: "number",
+  email: "email"
+});
+const computeValidationType = (type) => {
+  switch (type) {
+    case "number":
+      return validationTypes.number;
+    case "email":
+      return validationTypes.email;
+    default:
+      return validationTypes.none;
+  }
+};
+const hasBuiltInValidations = (required, validationType, minCharQuantity, maxCharQuantity, validation, inputProps) => required || validationType !== validationTypes.none || minCharQuantity != null || maxCharQuantity != null || validation != null || (inputProps == null ? void 0 : inputProps.required) != null || (inputProps == null ? void 0 : inputProps.minLength) != null || (inputProps == null ? void 0 : inputProps.maxLength) != null || (inputProps == null ? void 0 : inputProps.min) != null || (inputProps == null ? void 0 : inputProps.max) != null || (inputProps == null ? void 0 : inputProps.type) != null && (inputProps == null ? void 0 : inputProps.type) !== "text" && (inputProps == null ? void 0 : inputProps.type) !== "password" || (inputProps == null ? void 0 : inputProps.pattern) != null;
+const computeValidationState = (inputValidity, isEmptyValue) => {
+  if (inputValidity.valid && isEmptyValue) {
+    return validationStates.default.standBy;
+  }
+  return inputValidity.valid ? validationStates.default.valid : validationStates.default.invalid;
+};
+const computeValidationMessage = (inputValidity, errorMessages) => {
+  if (inputValidity.valid) {
+    return "";
+  }
+  if (inputValidity.valueMissing) {
+    return errorMessages.requiredError;
+  }
+  if (inputValidity.tooLong) {
+    return errorMessages.maxCharError;
+  }
+  if (inputValidity.tooShort) {
+    return errorMessages.minCharError;
+  }
+  if (inputValidity.typeMismatch) {
+    return errorMessages.typeMismatchError;
+  }
+  return errorMessages.error;
+};
+const validateInput = (input, value, required, minCharQuantity, maxCharQuantity, validationType, validation) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const inputValidity = {
+    valid: (_b = (_a = input == null ? void 0 : input.validity) == null ? void 0 : _a.valid) != null ? _b : true,
+    badInput: (_c = input == null ? void 0 : input.validity) == null ? void 0 : _c.badInput,
+    customError: (_d = input == null ? void 0 : input.validity) == null ? void 0 : _d.customError,
+    patternMismatch: (_e = input == null ? void 0 : input.validity) == null ? void 0 : _e.patternMismatch,
+    rangeOverflow: (_f = input == null ? void 0 : input.validity) == null ? void 0 : _f.rangeOverflow,
+    rangeUnderflow: (_g = input == null ? void 0 : input.validity) == null ? void 0 : _g.rangeUnderflow,
+    stepMismatch: (_h = input == null ? void 0 : input.validity) == null ? void 0 : _h.stepMismatch,
+    tooLong: (_i = input == null ? void 0 : input.validity) == null ? void 0 : _i.tooLong,
+    tooShort: (_j = input == null ? void 0 : input.validity) == null ? void 0 : _j.tooShort,
+    typeMismatch: (_k = input == null ? void 0 : input.validity) == null ? void 0 : _k.typeMismatch,
+    valueMissing: (_l = input == null ? void 0 : input.validity) == null ? void 0 : _l.valueMissing
+  };
+  if (!value) {
+    if (required) {
+      inputValidity.valueMissing = true;
+      inputValidity.valid = false;
+    }
+  } else {
+    if (minCharQuantity !== null && value.length < minCharQuantity) {
+      inputValidity.tooShort = true;
+      inputValidity.valid = false;
+    }
+    if (maxCharQuantity !== null && value.length > maxCharQuantity) {
+      inputValidity.tooLong = true;
+      inputValidity.valid = false;
+    }
+    switch (validationType) {
+      case validationTypes.number:
+        if (!isNumeric(value)) {
+          inputValidity.typeMismatch = true;
+          inputValidity.valid = false;
+        }
+        break;
+      case validationTypes.email:
+        if (!isEmail(value)) {
+          inputValidity.typeMismatch = true;
+          inputValidity.valid = false;
+        }
+        break;
+    }
+    if (validation != null && !validation(value)) {
+      inputValidity.customError = true;
+      inputValidity.valid = false;
+    }
+  }
+  return inputValidity;
+};
+const DEFAULT_ERROR_MESSAGES = {
+  error: "Invalid value",
+  requiredError: "The value is required",
+  minCharError: "The value is too short",
+  maxCharError: "The value is too long",
+  typeMismatchError: "Invalid value"
+};
+exports.DEFAULT_ERROR_MESSAGES = DEFAULT_ERROR_MESSAGES;
+exports.computeValidationMessage = computeValidationMessage;
+exports.computeValidationState = computeValidationState;
+exports.computeValidationType = computeValidationType;
+exports.hasBuiltInValidations = hasBuiltInValidations;
+exports.validateInput = validateInput;
+exports.validationTypes = validationTypes;
+//# sourceMappingURL=validations.cjs.map

package/dist/cjs/components/BaseInput/validations.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"validations.cjs","sources":["../../../../src/components/BaseInput/validations.ts"],"sourcesContent":["import validationStates from \"../Forms/FormElement/validationStates\";\n\n/**\n * Checks if the value is a number.\n *\n * @param {Number || String} num - The value to test.\n *\n * @returns {Boolean} - `true` if the value is a number `false` otherwise.\n */\nconst isNumeric = (num) =>\n  // to prevent Number( <spaces> ) = 0\n  num.trim().length > 0 && !Number.isNaN(Number(num));\n\n/**\n * Checks if the value is an email\n *\n * @param {String} email - The value to test.\n *\n * @returns {Boolean} - `true` if the value is an email `false` otherwise.\n */\nconst isEmail = (email) => {\n  const regexp =\n    /^[^\\\\s]+[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?[.])+[a-z0-9](?:[a-z0-9-]*[a-z0-9])$/i;\n  return regexp.test(email);\n};\n\nexport const validationTypes = Object.freeze({\n  none: \"none\",\n  number: \"number\",\n  email: \"email\",\n});\n\n/**\n * Returns the input's validation type based in the type of the input.\n *\n * @param {String} type - the input type.\n *\n * @returns {String}    - the validation type.\n */\nexport const computeValidationType = (type) => {\n  switch (type) {\n    case \"number\":\n      return validationTypes.number;\n    case \"email\":\n      return validationTypes.email;\n\n    default:\n      return validationTypes.none;\n  }\n};\n\n/**\n * Checks whether any integrated validation, native or not, is active.\n */\nexport const hasBuiltInValidations = (\n  required,\n  validationType,\n  minCharQuantity,\n  maxCharQuantity,\n  validation,\n  inputProps\n) =>\n  required ||\n  validationType !== validationTypes.none ||\n  minCharQuantity != null ||\n  maxCharQuantity != null ||\n  validation != null ||\n  inputProps?.required != null ||\n  inputProps?.minLength != null ||\n  inputProps?.maxLength != null ||\n  inputProps?.min != null ||\n  inputProps?.max != null ||\n  (inputProps?.type != null &&\n    inputProps?.type !== \"text\" &&\n    inputProps?.type !== \"password\") ||\n  inputProps?.pattern != null;\n\n/**\n * Returns the form element's validation state based in the validity state of the input.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n *\n * @returns {String}                - the validation state.\n */\nexport const computeValidationState = (inputValidity, isEmptyValue) => {\n  // to keep 2.x behaviour,\n  // consider that if the value is empty (and not required) we're returning to the standBy state.\n  // might not make sense, as it makes impossible to say if the user explicitly cleared the input.\n  if (inputValidity.valid && isEmptyValue) {\n    return validationStates.standBy;\n  }\n\n  return inputValidity.valid\n    ? validationStates.valid\n    : validationStates.invalid;\n};\n\n/**\n * Returns a error message based in the validity state of the input.\n *\n * Only one error message is returned even if multiple validations fail.\n * Also, only required, minCharQuantity, maxCharQuantity and validationType have specific error messages.\n *\n * For further customization both status and statusMessage should be controlled and\n * set using the onBlur callback that receives both the value and the input validity object.\n *\n * @param {Object} inputValidity    - the input validity state (implementing ValidityState interface).\n * @param {Object} errorMessages    - the available localized error messages.\n *\n * @returns {String}                - the error message.\n */\nexport const computeValidationMessage = (inputValidity, errorMessages) => {\n  if (inputValidity.valid) {\n    return \"\";\n  }\n\n  if (inputValidity.valueMissing) {\n    return errorMessages.requiredError;\n  }\n  if (inputValidity.tooLong) {\n    return errorMessages.maxCharError;\n  }\n  if (inputValidity.tooShort) {\n    return errorMessages.minCharError;\n  }\n  if (inputValidity.typeMismatch) {\n    return errorMessages.typeMismatchError;\n  }\n\n  return errorMessages.error;\n};\n\n/**\n * Returns a object describing the validity state of the input.\n *\n * It implements the native browser's ValidityState interface:\n * https://developer.mozilla.org/en-US/docs/Web/API/ValidityState\n *\n * @param {DOMElement} input        - the input being validated.\n * @param {String} value            - the inputted value.\n * @param {Boolean} required        - if the input needs to be filled.\n * @param {Number} minCharQuantity  - the minimum length of the value.\n * @param {Number} maxCharQuantity  - the maximum length of the value.\n * @param {String} validationType   - the input value type.\n * @param {Function} validation     - a custom validation function.\n *\n * @returns {Object}                - the validity state of the input.\n */\nexport const validateInput = (\n  input,\n  value,\n  required,\n  minCharQuantity,\n  maxCharQuantity,\n  validationType,\n  validation\n): HvInputValidity => {\n  // bootstrap validity object using browser's built-in validation\n  const inputValidity: HvInputValidity = {\n    valid: input?.validity?.valid ?? true,\n    badInput: input?.validity?.badInput,\n    customError: input?.validity?.customError,\n    patternMismatch: input?.validity?.patternMismatch,\n    rangeOverflow: input?.validity?.rangeOverflow,\n    rangeUnderflow: input?.validity?.rangeUnderflow,\n    stepMismatch: input?.validity?.stepMismatch,\n    tooLong: input?.validity?.tooLong,\n    tooShort: input?.validity?.tooShort,\n    typeMismatch: input?.validity?.typeMismatch,\n    valueMissing: input?.validity?.valueMissing,\n  };\n\n  if (!value) {\n    if (required) {\n      // this is redundant because we're setting the required property in the native input\n      inputValidity.valueMissing = true;\n      inputValidity.valid = false;\n    }\n  } else {\n    // we're not setting minlength and maxlength in the native input\n    // to avoid different browser's behaviours and keep the user experience consistent\n    if (minCharQuantity !== null && value.length < minCharQuantity) {\n      inputValidity.tooShort = true;\n      inputValidity.valid = false;\n    }\n\n    if (maxCharQuantity !== null && value.length > maxCharQuantity) {\n      inputValidity.tooLong = true;\n      inputValidity.valid = false;\n    }\n\n    // the validationType is used instead of type\n    // for the same reason stated above\n    switch (validationType) {\n      case validationTypes.number:\n        if (!isNumeric(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      case validationTypes.email:\n        if (!isEmail(value)) {\n          inputValidity.typeMismatch = true;\n          inputValidity.valid = false;\n        }\n        break;\n\n      default:\n    }\n\n    if (validation != null && !validation(value)) {\n      inputValidity.customError = true;\n      inputValidity.valid = false;\n    }\n  }\n\n  return inputValidity;\n};\n\nexport type HvInputValidity = {\n  valid?: boolean;\n  badInput?: boolean;\n  customError?: boolean;\n  patternMismatch?: boolean;\n  rangeOverflow?: boolean;\n  rangeUnderflow?: boolean;\n  stepMismatch?: boolean;\n  tooLong?: boolean;\n  tooShort?: boolean;\n  typeMismatch?: boolean;\n  valueMissing?: boolean;\n};\n\nexport const DEFAULT_ERROR_MESSAGES = {\n  error: \"Invalid value\",\n  requiredError: \"The value is required\",\n  minCharError: \"The value is too short\",\n  maxCharError: \"The value is too long\",\n  typeMismatchError: \"Invalid value\",\n};\n"],"names":["isNumeric","num","trim","length","Number","isNaN","isEmail","email","regexp","test","validationTypes","Object","freeze","none","number","computeValidationType","type","hasBuiltInValidations","required","validationType","minCharQuantity","maxCharQuantity","validation","inputProps","minLength","maxLength","min","max","pattern","computeValidationState","inputValidity","isEmptyValue","valid","validationStates","standBy","invalid","computeValidationMessage","errorMessages","valueMissing","requiredError","tooLong","maxCharError","tooShort","minCharError","typeMismatch","typeMismatchError","error","validateInput","input","value","validity","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","DEFAULT_ERROR_MESSAGES"],"mappings":"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"}

package/dist/cjs/components/BaseRadio/BaseRadio.cjs

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
+const clsx = require("clsx");
+const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+const BaseRadio_styles = require("./BaseRadio.styles.cjs");
+const baseRadioClasses = require("./baseRadioClasses.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const getSelectorIcons = (options, classes) => {
+  const {
+    disabled,
+    semantic
+  } = options;
+  const color = disabled && ["atmo3", "atmo5"] || semantic && ["base1", "base2"] || void 0;
+  const checkedColor = disabled && ["atmo3", "atmo5"] || semantic && ["base2", "base1"] || void 0;
+  return {
+    radio: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.RadioButtonUnselected, { color, className: clsx__default.default(baseRadioClasses.default.icon, classes == null ? void 0 : classes.icon) }),
+    radioChecked: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.RadioButtonSelected, { color: checkedColor, className: clsx__default.default(baseRadioClasses.default.icon, classes == null ? void 0 : classes.icon) })
+  };
+};
+const HvBaseRadio = (props) => {
+  const {
+    classes,
+    className,
+    id,
+    name,
+    value = "on",
+    required = false,
+    readOnly = false,
+    disabled = false,
+    checked,
+    defaultChecked,
+    onChange,
+    semantic = false,
+    inputProps,
+    onFocusVisible,
+    onBlur,
+    ...others
+  } = props;
+  const [focusVisible, setFocusVisible] = React.useState(false);
+  const onFocusVisibleCallback = React.useCallback((evt) => {
+    setFocusVisible(true);
+    onFocusVisible == null ? void 0 : onFocusVisible(evt);
+  }, [onFocusVisible]);
+  const onBlurCallback = React.useCallback((evt) => {
+    setFocusVisible(false);
+    onBlur == null ? void 0 : onBlur(evt);
+  }, [onBlur]);
+  const icons = getSelectorIcons({
+    disabled,
+    semantic
+  }, classes);
+  const onLocalChange = React.useCallback((evt) => {
+    if (readOnly) {
+      return;
+    }
+    onChange == null ? void 0 : onChange(evt, evt.target.checked, value);
+  }, [onChange, readOnly, value]);
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseRadio_styles.StyledRadio, { id, name, className: clsx__default.default(className, baseRadioClasses.default.root, classes == null ? void 0 : classes.root, disabled && clsx__default.default(baseRadioClasses.default.disabled, classes == null ? void 0 : classes.disabled), focusVisible && clsx__default.default(baseRadioClasses.default.focusVisible, classes == null ? void 0 : classes.focusVisible)), $focusVisible: focusVisible, icon: icons.radio, checkedIcon: icons.radioChecked, color: "default", disabled, required, readOnly, disableRipple: true, onChange: onLocalChange, value, checked, defaultChecked, inputProps, onFocusVisible: onFocusVisibleCallback, onBlur: onBlurCallback, ...others });
+};
+exports.HvBaseRadio = HvBaseRadio;
+exports.getSelectorIcons = getSelectorIcons;
+//# sourceMappingURL=BaseRadio.cjs.map

package/dist/cjs/components/BaseRadio/BaseRadio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseRadio.cjs","sources":["../../../../src/components/BaseRadio/BaseRadio.tsx"],"sourcesContent":["import React, { useState, useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { RadioProps as MuiRadioProps } from \"@mui/material\";\nimport {\n  RadioButtonUnselected,\n  RadioButtonSelected,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRadio } from \"./BaseRadio.styles\";\nimport baseRadioClasses, { HvBaseRadioClasses } from \"./baseRadioClasses\";\n\nexport type HvBaseRadioProps = Omit<MuiRadioProps, \"onChange\" | \"classes\"> &\n  HvBaseProps<HTMLInputElement, { onChange }> & {\n    /**\n     * Class names to be applied.\n     */\n    className?: string;\n    /**\n     * A Jss Object used to override or extend the styles applied to the radio button.\n     */\n    classes?: HvBaseRadioClasses;\n    /**\n     * Id to be applied to the root node.\n     */\n    id?: string;\n    /**\n     * The input name.\n     */\n    name?: string;\n    /**\n     * The value of the input.\n     *\n     * The default value is \"on\".\n     */\n    value?: any;\n    /**\n     * Indicates that user input is required.\n     */\n    required?: boolean;\n    /**\n     * Indicates that the input is not editable.\n     */\n    readOnly?: boolean;\n    /**\n     * Indicates that the input is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * If `true` the radio button is selected, if set to `false` the radio button is not selected.\n     *\n     * When defined the radio button state becomes controlled.\n     */\n    checked?: boolean;\n    /**\n     * When uncontrolled, defines the initial checked state.\n     */\n    defaultChecked?: boolean;\n    /**\n     * The callback fired when the radio button is pressed.\n     */\n    onChange?: (\n      event: React.ChangeEvent<HTMLInputElement>,\n      checked: boolean,\n      value: any\n    ) => void;\n    /**\n     * Whether the selector should use semantic colors.\n     */\n    semantic?: boolean;\n    /**\n     * Properties passed on to the input element.\n     */\n    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n    /**\n     * Callback fired when the component is focused with a keyboard.\n     * We trigger a `onFocus` callback too.\n     */\n    onFocusVisible?: (event: React.FocusEvent<any>) => void;\n    /**\n     * @ignore\n     */\n    onBlur?: (event: React.FocusEvent<any>) => void;\n  };\n\nexport const getSelectorIcons = (\n  options: { disabled: boolean; semantic: boolean },\n  classes?: HvBaseRadioClasses\n) => {\n  const { disabled, semantic } = options;\n  const color =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base1\", \"base2\"]) ||\n    undefined;\n  const checkedColor =\n    (disabled && [\"atmo3\", \"atmo5\"]) ||\n    (semantic && [\"base2\", \"base1\"]) ||\n    undefined;\n\n  return {\n    radio: (\n      <RadioButtonUnselected\n        color={color}\n        className={clsx(baseRadioClasses.icon, classes?.icon)}\n      />\n    ),\n    radioChecked: (\n      <RadioButtonSelected\n        color={checkedColor}\n        className={clsx(baseRadioClasses.icon, classes?.icon)}\n      />\n    ),\n  };\n};\n\n/**\n * A Radio Button is a mechanism that allows user to select one or more options.\n *\n * The Base Radio Button is a building block of the Radio Button form element. Don't\n * use unless implementing a custom use case not covered by the Radio Button form element.\n */\nexport const HvBaseRadio = (props: HvBaseRadioProps) => {\n  const {\n    classes,\n    className,\n    id,\n    name,\n    value = \"on\",\n    required = false,\n    readOnly = false,\n    disabled = false,\n    checked,\n    defaultChecked,\n    onChange,\n    semantic = false,\n    inputProps,\n    onFocusVisible,\n    onBlur,\n    ...others\n  } = props;\n\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const onFocusVisibleCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(true);\n      onFocusVisible?.(evt);\n    },\n    [onFocusVisible]\n  );\n\n  const onBlurCallback = useCallback(\n    (evt: React.FocusEvent<any>) => {\n      setFocusVisible(false);\n      onBlur?.(evt);\n    },\n    [onBlur]\n  );\n\n  const icons = getSelectorIcons({ disabled, semantic }, classes);\n\n  const onLocalChange = useCallback(\n    (evt: React.ChangeEvent<HTMLInputElement>) => {\n      if (readOnly) {\n        return;\n      }\n\n      onChange?.(evt, evt.target.checked, value);\n    },\n    [onChange, readOnly, value]\n  );\n\n  return (\n    <StyledRadio\n      id={id}\n      name={name}\n      className={clsx(\n        className,\n        baseRadioClasses.root,\n        classes?.root,\n        disabled && clsx(baseRadioClasses.disabled, classes?.disabled),\n        focusVisible &&\n          clsx(baseRadioClasses.focusVisible, classes?.focusVisible)\n      )}\n      $focusVisible={focusVisible}\n      icon={icons.radio}\n      checkedIcon={icons.radioChecked}\n      color=\"default\"\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      disableRipple\n      onChange={onLocalChange}\n      value={value}\n      checked={checked}\n      defaultChecked={defaultChecked}\n      inputProps={inputProps}\n      onFocusVisible={onFocusVisibleCallback}\n      onBlur={onBlurCallback}\n      {...others}\n    />\n  );\n};\n"],"names":["getSelectorIcons","options","classes","disabled","semantic","color","undefined","checkedColor","radio","jsx","RadioButtonUnselected","clsx","baseRadioClasses","icon","radioChecked","RadioButtonSelected","HvBaseRadio","props","className","id","name","value","required","readOnly","checked","defaultChecked","onChange","inputProps","onFocusVisible","onBlur","others","focusVisible","setFocusVisible","useState","onFocusVisibleCallback","useCallback","evt","onBlurCallback","icons","onLocalChange","target","StyledRadio","root"],"mappings":";;;;;;;;;;AAoFaA,MAAAA,mBAAmBA,CAC9BC,SACAC,YACG;AACG,QAAA;AAAA,IAAEC;AAAAA,IAAUC;AAAAA,EAAaH,IAAAA;AACzBI,QAAAA,QACHF,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AACIC,QAAAA,eACHJ,YAAY,CAAC,SAAS,OAAO,KAC7BC,YAAY,CAAC,SAAS,OAAO,KAC9BE;AAEK,SAAA;AAAA,IACLE,OACGC,2BAAA,IAAAC,uCAAA,EACC,OACA,WAAWC,sBAAKC,iBAAAA,QAAiBC,MAAMX,mCAASW,IAAI,EAEvD,CAAA;AAAA,IACDC,cACGL,2BAAAA,IAAAM,gBAAAA,qBAAA,EACC,OAAOR,cACP,WAAWI,cAAAA,QAAKC,iBAAiBC,QAAAA,MAAMX,mCAASW,IAAI,EAAE,CAAA;AAAA,EAAA;AAI9D;AAQaG,MAAAA,cAAcA,CAACC,UAA4B;AAChD,QAAA;AAAA,IACJf;AAAAA,IACAgB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXpB,WAAW;AAAA,IACXqB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAtB,WAAW;AAAA,IACXuB;AAAAA,IACAC;AAAAA,IACAC;AAAAA,OACGC;AAAAA,EACDb,IAAAA;AAEJ,QAAM,CAACc,cAAcC,eAAe,IAAIC,eAAS,KAAK;AAEhDC,QAAAA,yBAAyBC,kBAC7B,CAACC,QAA+B;AAC9BJ,oBAAgB,IAAI;AACpBJ,qDAAiBQ;AAAAA,EAAG,GAEtB,CAACR,cAAc,CAAC;AAGZS,QAAAA,iBAAiBF,kBACrB,CAACC,QAA+B;AAC9BJ,oBAAgB,KAAK;AACrBH,qCAASO;AAAAA,EAAG,GAEd,CAACP,MAAM,CAAC;AAGV,QAAMS,QAAQtC,iBAAiB;AAAA,IAAEG;AAAAA,IAAUC;AAAAA,KAAYF,OAAO;AAExDqC,QAAAA,gBAAgBJ,kBACpB,CAACC,QAA6C;AAC5C,QAAIb,UAAU;AACZ;AAAA,IACF;AAEAG,yCAAWU,KAAKA,IAAII,OAAOhB,SAASH;AAAAA,EAEtC,GAAA,CAACK,UAAUH,UAAUF,KAAK,CAAC;AAI3B,SAAAZ,+BAACgC,iBAAAA,aACC,EAAA,IACA,MACA,WAAW9B,sBACTO,WACAN,iBAAAA,QAAiB8B,MACjBxC,mCAASwC,MACTvC,YAAYQ,sBAAKC,yBAAiBT,UAAUD,mCAASC,QAAQ,GAC7D4B,gBACEpB,sBAAKC,iBAAiBmB,QAAAA,cAAc7B,mCAAS6B,YAAY,CAAC,GAE9D,eAAeA,cACf,MAAMO,MAAM9B,OACZ,aAAa8B,MAAMxB,cACnB,OAAM,WACN,UACA,UACA,UACA,eAAa,MACb,UAAUyB,eACV,OACA,SACA,gBACA,YACA,gBAAgBL,wBAChB,QAAQG,gBACJP,GAAAA,OACJ,CAAA;AAEN;;;"}

package/dist/cjs/components/BaseRadio/BaseRadio.styles.cjs

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const _styled = require("@emotion/styled/base");
+const material = require("@mui/material");
+const uikitStyles = require("@hitachivantara/uikit-styles");
+const transientOptions = require("../../utils/transientOptions.cjs");
+const focusUtils = require("../../utils/focusUtils.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledRadio = /* @__PURE__ */ _styled__default.default(material.Radio, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e1sbb5xr0"
+}, transientOptions.transientOptions) : _extends({}, {
+  target: "e1sbb5xr0",
+  label: "StyledRadio"
+}, transientOptions.transientOptions))(({
+  $focusVisible
+}) => ({
+  padding: 0,
+  cursor: "pointer",
+  "&:hover": {
+    backgroundColor: uikitStyles.theme.baseRadio.hoverColor,
+    borderRadius: uikitStyles.theme.baseRadio.hoverBorderRadius
+  },
+  borderRadius: 0,
+  [`&.${material.radioClasses.disabled}`]: {
+    cursor: "not-allowed",
+    pointerEvents: "initial",
+    "& svg": {
+      "& path:nth-of-type(2)": {
+        fill: uikitStyles.theme.colors.atmo5
+      }
+    }
+  },
+  ...$focusVisible && {
+    "& svg": {
+      borderRadius: "8px",
+      ...focusUtils.outlineStyles
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQmFzZVJhZGlvL0Jhc2VSYWRpby5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVMyQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0Jhc2VSYWRpby9CYXNlUmFkaW8uc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIFJhZGlvIGFzIE11aVJhZGlvLFxuICByYWRpb0NsYXNzZXMgYXMgTXVpUmFkaW9DbGFzc2VzLFxufSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBvdXRsaW5lU3R5bGVzIH0gZnJvbSBcInV0aWxzXCI7XG5pbXBvcnQgeyB0cmFuc2llbnRPcHRpb25zIH0gZnJvbSBcInV0aWxzL3RyYW5zaWVudE9wdGlvbnNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJhZGlvID0gc3R5bGVkKFxuICBNdWlSYWRpbyxcbiAgdHJhbnNpZW50T3B0aW9uc1xuKSgoeyAkZm9jdXNWaXNpYmxlIH06IHsgJGZvY3VzVmlzaWJsZTogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiAwLFxuICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICBcIiY6aG92ZXJcIjoge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuYmFzZVJhZGlvLmhvdmVyQ29sb3IsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5iYXNlUmFkaW8uaG92ZXJCb3JkZXJSYWRpdXMsXG4gIH0sXG4gIGJvcmRlclJhZGl1czogMCxcblxuICBbYCYuJHtNdWlSYWRpb0NsYXNzZXMuZGlzYWJsZWR9YF06IHtcbiAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIixcbiAgICBwb2ludGVyRXZlbnRzOiBcImluaXRpYWxcIixcbiAgICBcIiYgc3ZnXCI6IHtcbiAgICAgIFwiJiBwYXRoOm50aC1vZi10eXBlKDIpXCI6IHtcbiAgICAgICAgZmlsbDogdGhlbWUuY29sb3JzLmF0bW81LFxuICAgICAgfSxcbiAgICB9LFxuICB9LFxuICAuLi4oJGZvY3VzVmlzaWJsZSAmJiB7XG4gICAgXCImIHN2Z1wiOiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiOHB4XCIsXG4gICAgICAuLi5vdXRsaW5lU3R5bGVzLFxuICAgIH0sXG4gIH0pLFxufSkpO1xuIl19 */");
+exports.StyledRadio = StyledRadio;
+//# sourceMappingURL=BaseRadio.styles.cjs.map