intergalactic 15.127.0 → 15.128.0-prerelease.1

package/inline-input/lib/esm/InlineInput.mjs

@@ -1,109 +1,109 @@
-import k from "@babel/runtime/helpers/esm/objectSpread2";
+import C from "@babel/runtime/helpers/esm/objectSpread2";
 import R from "@babel/runtime/helpers/esm/classCallCheck";
-import E from "@babel/runtime/helpers/esm/createClass";
+import k from "@babel/runtime/helpers/esm/createClass";
 import f from "@babel/runtime/helpers/esm/assertThisInitialized";
-import $ from "@babel/runtime/helpers/esm/inherits";
-import V from "@babel/runtime/helpers/esm/createSuper";
+import E from "@babel/runtime/helpers/esm/inherits";
+import $ from "@babel/runtime/helpers/esm/createSuper";
 import s from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as M } from 'intergalactic/utils/lib/core/index';
-import K, { sstyled as m, assignProps as C, Component as D } from 'intergalactic/core';
+import { sstyled as H } from 'intergalactic/utils/lib/core/index';
+import M, { sstyled as m, assignProps as S, Component as V } from 'intergalactic/core';
 import u from "react";
-import { Box as I, InvalidStateBox as N } from 'intergalactic/flex-box';
-import U from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
-import z from 'intergalactic/icon/Check/m';
+import { Box as I, InvalidStateBox as K } from 'intergalactic/flex-box';
+import N from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
+import U from 'intergalactic/icon/Check/m';
 import w from 'intergalactic/icon/Close/m';
 import F from 'intergalactic/spin';
-import { ButtonLink as B } from 'intergalactic/button';
-import { localizedMessages as A } from "./translations/__intergalactic-dynamic-locales.mjs";
+import { ButtonLink as D } from 'intergalactic/button';
+import { localizedMessages as B } from "./translations/__intergalactic-dynamic-locales.mjs";
 import T from 'intergalactic/utils/lib/enhances/i18nEnhance';
-import H from 'intergalactic/input-number';
+import A from 'intergalactic/input-number';
 import { hasParent as L } from 'intergalactic/utils/lib/hasParent';
 var j = (
   /*__reshadow_css_start__*/
-  (M.insert(
+  (H.insert(
     /*__inner_css_start__*/
-    ".___SInlineInput_y9k9i_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_y9k9i_gg_ .___SConfirmIcon_y9k9i_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_y9k9i_gg_ .___SConfirmIcon_y9k9i_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_y9k9i_gg_ .___SCancelIcon_y9k9i_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_y9k9i_gg_ .___SCancelIcon_y9k9i_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_y9k9i_gg_.__disabled_y9k9i_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_y9k9i_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_y9k9i_gg_:focus{outline:0}.___SValue_y9k9i_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_y9k9i_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_y9k9i_gg_.__disabled_y9k9i_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_y9k9i_gg_::-webkit-inner-spin-button,.___SValue_y9k9i_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_y9k9i_gg_._type_number_y9k9i_gg_{-moz-appearance:textfield}.___SUnderline_y9k9i_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_y9k9i_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_y9k9i_gg_.__disabled_y9k9i_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_y9k9i_gg_.__focused_y9k9i_gg_{z-index:1}.___SInlineInput_y9k9i_gg_.__focused_y9k9i_gg_ .___SUnderline_y9k9i_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_y9k9i_gg_._state_valid_y9k9i_gg_ .___SUnderline_y9k9i_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_y9k9i_gg_._state_valid_y9k9i_gg_.__focused_y9k9i_gg_ .___SUnderline_y9k9i_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_y9k9i_gg_._state_invalid_y9k9i_gg_ .___SUnderline_y9k9i_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_y9k9i_gg_._state_invalid_y9k9i_gg_.__focused_y9k9i_gg_ .___SUnderline_y9k9i_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_y9k9i_gg_:focus~.___SControls_y9k9i_gg_{display:flex}.___SInvalidPattern_y9k9i_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}",
-    "y9k9i_gg_"
+    ".___SInlineInput_lz4ii_gg_{display:inline-flex;width:100%;height:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SInlineInput_lz4ii_gg_ .___SConfirmIcon_lz4ii_gg_{color:var(--intergalactic-icon-secondary-success, #00c192);cursor:pointer}@media (hover:hover){.___SInlineInput_lz4ii_gg_ .___SConfirmIcon_lz4ii_gg_:hover{color:var(--intergalactic-icon-secondary-success-hover-active, #049B75)}}.___SInlineInput_lz4ii_gg_ .___SCancelIcon_lz4ii_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}@media (hover:hover){.___SInlineInput_lz4ii_gg_ .___SCancelIcon_lz4ii_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SInlineInput_lz4ii_gg_.__disabled_lz4ii_gg_{cursor:default;pointer-events:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SValue_lz4ii_gg_{min-width:0;width:100%;height:100%;padding:0 var(--intergalactic-spacing-1x, 4px);border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;line-height:1.2;text-overflow:ellipsis;font-family:inherit;background:0 0;min-height:1em}.___SValue_lz4ii_gg_:focus{outline:0}.___SValue_lz4ii_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_lz4ii_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_lz4ii_gg_.__disabled_lz4ii_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_lz4ii_gg_::-webkit-inner-spin-button,.___SValue_lz4ii_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_lz4ii_gg_._type_number_lz4ii_gg_{-moz-appearance:textfield}.___SUnderline_lz4ii_gg_{display:flex;flex-direction:row;align-items:center;flex-grow:1;width:100%;height:100%;min-height:1em;border:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SAddon_lz4ii_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);padding:0 var(--intergalactic-spacing-1x, 4px)}.___SAddon_lz4ii_gg_.__disabled_lz4ii_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInlineInput_lz4ii_gg_.__focused_lz4ii_gg_{z-index:1}.___SInlineInput_lz4ii_gg_.__focused_lz4ii_gg_ .___SUnderline_lz4ii_gg_{border-bottom-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInlineInput_lz4ii_gg_._state_valid_lz4ii_gg_ .___SUnderline_lz4ii_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65)}.___SInlineInput_lz4ii_gg_._state_valid_lz4ii_gg_.__focused_lz4ii_gg_ .___SUnderline_lz4ii_gg_{border-bottom-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInlineInput_lz4ii_gg_._state_invalid_lz4ii_gg_ .___SUnderline_lz4ii_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInlineInput_lz4ii_gg_._state_invalid_lz4ii_gg_.__focused_lz4ii_gg_ .___SUnderline_lz4ii_gg_{border-bottom-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SValue_lz4ii_gg_:focus~.___SControls_lz4ii_gg_{display:flex}.___SInvalidPattern_lz4ii_gg_{margin-left:-1px;margin-top:-1px;border-radius:0;height:calc(100% - 3px)}",
+    "lz4ii_gg_"
   ), {
-    __SInlineInput: "___SInlineInput_y9k9i_gg_",
-    _disabled: "__disabled_y9k9i_gg_",
-    __SUnderline: "___SUnderline_y9k9i_gg_",
-    __SAddon: "___SAddon_y9k9i_gg_",
-    _focused: "__focused_y9k9i_gg_",
-    _state_valid: "_state_valid_y9k9i_gg_",
-    _state_invalid: "_state_invalid_y9k9i_gg_",
-    __SValue: "___SValue_y9k9i_gg_",
-    __SControls: "___SControls_y9k9i_gg_",
-    __SInvalidPattern: "___SInvalidPattern_y9k9i_gg_",
-    __SConfirmIcon: "___SConfirmIcon_y9k9i_gg_",
-    __SCancelIcon: "___SCancelIcon_y9k9i_gg_",
-    _type_number: "_type_number_y9k9i_gg_"
+    __SInlineInput: "___SInlineInput_lz4ii_gg_",
+    _disabled: "__disabled_lz4ii_gg_",
+    __SUnderline: "___SUnderline_lz4ii_gg_",
+    __SAddon: "___SAddon_lz4ii_gg_",
+    _focused: "__focused_lz4ii_gg_",
+    _state_valid: "_state_valid_lz4ii_gg_",
+    _state_invalid: "_state_invalid_lz4ii_gg_",
+    __SValue: "___SValue_lz4ii_gg_",
+    __SControls: "___SControls_lz4ii_gg_",
+    __SInvalidPattern: "___SInvalidPattern_lz4ii_gg_",
+    __SConfirmIcon: "___SConfirmIcon_lz4ii_gg_",
+    __SCancelIcon: "___SCancelIcon_lz4ii_gg_",
+    _type_number: "_type_number_lz4ii_gg_"
   })
 ), O = function(n) {
-  var l = n.x, e = n.y, t = n.rect;
-  return l >= t.x && l <= t.x + t.width && e >= t.y && e <= t.y + t.height;
+  var a = n.x, e = n.y, i = n.rect;
+  return a >= i.x && a <= i.x + i.width && e >= i.y && e <= i.y + i.height;
 }, x = /* @__PURE__ */ function(p) {
-  $(l, p);
-  var n = V(l);
-  function l() {
+  E(a, p);
+  var n = $(a);
+  function a() {
     var e;
-    R(this, l);
-    for (var t = arguments.length, c = new Array(t), g = 0; g < t; g++)
+    R(this, a);
+    for (var i = arguments.length, c = new Array(i), g = 0; g < i; g++)
       c[g] = arguments[g];
     return e = n.call.apply(n, [this].concat(c)), s(f(e), "state", {
       focused: !1
-    }), s(f(e), "rootRef", /* @__PURE__ */ u.createRef()), s(f(e), "inputRef", /* @__PURE__ */ u.createRef()), s(f(e), "inputHandlersRef", /* @__PURE__ */ u.createRef()), s(f(e), "initValue", ""), s(f(e), "lastMouseDownPosition", null), s(f(e), "lastHandledKeyboardEvent", -1), s(f(e), "handleDocumentMouseDown", function(r) {
+    }), s(f(e), "rootRef", /* @__PURE__ */ u.createRef()), s(f(e), "inputRef", /* @__PURE__ */ u.createRef()), s(f(e), "inputHandlersRef", /* @__PURE__ */ u.createRef()), s(f(e), "initValue", ""), s(f(e), "lastMouseDownPosition", null), s(f(e), "lastHandledKeyboardEvent", -1), s(f(e), "handleDocumentMouseDown", function(t) {
       e.lastMouseDownPosition = {
-        x: r.clientX,
-        y: r.clientY
+        x: t.clientX,
+        y: t.clientY
       }, e.lastHandledKeyboardEvent = -1;
     }), s(f(e), "handleDocumentKeyDown", function() {
       e.lastMouseDownPosition = null;
-    }), s(f(e), "increment", function(r) {
-      var a, i, o, d, _;
-      ((a = e.inputRef.current) === null || a === void 0 ? void 0 : a.value) === "" && (e.inputRef.current.value = e.inputRef.current.min || "0"), (i = e.inputRef.current) === null || i === void 0 || (o = i.stepUp) === null || o === void 0 || o.call(i, r), (d = e.inputHandlersRef.current) === null || d === void 0 || d.value((_ = e.inputRef.current) === null || _ === void 0 ? void 0 : _.value, r);
-    }), s(f(e), "decrement", function(r) {
-      var a, i, o, d, _;
-      ((a = e.inputRef.current) === null || a === void 0 ? void 0 : a.value) === "" && (e.inputRef.current.value = e.inputRef.current.max || "0"), (i = e.inputRef.current) === null || i === void 0 || (o = i.stepDown) === null || o === void 0 || o.call(i, r), (d = e.inputHandlersRef.current) === null || d === void 0 || d.value((_ = e.inputRef.current) === null || _ === void 0 ? void 0 : _.value, r);
-    }), s(f(e), "bindHandlerValueFocused", function(r) {
+    }), s(f(e), "increment", function(t) {
+      var l, r, o, d, _;
+      ((l = e.inputRef.current) === null || l === void 0 ? void 0 : l.value) === "" && (e.inputRef.current.value = e.inputRef.current.min || "0"), (r = e.inputRef.current) === null || r === void 0 || (o = r.stepUp) === null || o === void 0 || o.call(r, t), (d = e.inputHandlersRef.current) === null || d === void 0 || d.value((_ = e.inputRef.current) === null || _ === void 0 ? void 0 : _.value, t);
+    }), s(f(e), "decrement", function(t) {
+      var l, r, o, d, _;
+      ((l = e.inputRef.current) === null || l === void 0 ? void 0 : l.value) === "" && (e.inputRef.current.value = e.inputRef.current.max || "0"), (r = e.inputRef.current) === null || r === void 0 || (o = r.stepDown) === null || o === void 0 || o.call(r, t), (d = e.inputHandlersRef.current) === null || d === void 0 || d.value((_ = e.inputRef.current) === null || _ === void 0 ? void 0 : _.value, t);
+    }), s(f(e), "bindHandlerValueFocused", function(t) {
       return function() {
         e.setState({
-          focused: r
+          focused: t
         });
       };
-    }), s(f(e), "handleMouseDownAddon", function(r) {
-      var a;
-      r.preventDefault(), (a = e.inputRef.current) === null || a === void 0 || a.focus();
-    }), s(f(e), "handleConfirm", function(r, a) {
-      var i, o;
-      (i = (o = e.asProps).onConfirm) === null || i === void 0 || i.call(o, r, a);
-    }), s(f(e), "handleCancel", function(r, a) {
-      var i, o;
-      (i = (o = e.asProps).onCancel) === null || i === void 0 || i.call(o, r, a);
-    }), s(f(e), "handleBlur", function(r) {
-      var a, i, o = e.asProps, d = o.onConfirm, _ = o.onCancel, y = o.onBlurBehavior;
-      if (y && !(Date.now() - e.lastHandledKeyboardEvent < 250) && !L(r.relatedTarget, e.rootRef.current)) {
+    }), s(f(e), "handleMouseDownAddon", function(t) {
+      var l;
+      t.preventDefault(), (l = e.inputRef.current) === null || l === void 0 || l.focus();
+    }), s(f(e), "handleConfirm", function(t, l) {
+      var r, o;
+      (r = (o = e.asProps).onConfirm) === null || r === void 0 || r.call(o, t, l);
+    }), s(f(e), "handleCancel", function(t, l) {
+      var r, o;
+      (r = (o = e.asProps).onCancel) === null || r === void 0 || r.call(o, t, l);
+    }), s(f(e), "handleBlur", function(t) {
+      var l, r, o = e.asProps, d = o.onConfirm, _ = o.onCancel, h = o.onBlurBehavior;
+      if (h && !(Date.now() - e.lastHandledKeyboardEvent < 250) && !L(t.relatedTarget, e.rootRef.current)) {
         if (e.lastMouseDownPosition && e.rootRef.current) {
-          var S = e.lastMouseDownPosition, v = S.x, h = S.y, b = e.rootRef.current.getBoundingClientRect();
+          var z = e.lastMouseDownPosition, v = z.x, y = z.y, b = e.rootRef.current.getBoundingClientRect();
           if (O({
             x: v,
-            y: h,
+            y,
             rect: b
           }))
             return;
         }
-        y === "confirm" && (d == null || d((a = (i = e.inputRef.current) === null || i === void 0 ? void 0 : i.value) !== null && a !== void 0 ? a : "", r)), y === "cancel" && (_ == null || _(e.initValue, r));
+        h === "confirm" && (d == null || d((l = (r = e.inputRef.current) === null || r === void 0 ? void 0 : r.value) !== null && l !== void 0 ? l : "", t)), h === "cancel" && (_ == null || _(e.initValue, t));
       }
-    }), s(f(e), "handleKeyDown", function(r) {
-      var a = e.asProps, i = a.onConfirm, o = a.onCancel;
-      if (r.key === "Enter") {
+    }), s(f(e), "handleKeyDown", function(t) {
+      var l = e.asProps, r = l.onConfirm, o = l.onCancel;
+      if (t.key === "Enter") {
         var d, _;
-        i == null || i((d = (_ = e.inputRef.current) === null || _ === void 0 ? void 0 : _.value) !== null && d !== void 0 ? d : "", r), e.lastHandledKeyboardEvent = Date.now();
+        r == null || r((d = (_ = e.inputRef.current) === null || _ === void 0 ? void 0 : _.value) !== null && d !== void 0 ? d : "", t), e.lastHandledKeyboardEvent = Date.now();
       }
-      r.key === "Escape" && (o == null || o(e.initValue, r), e.lastHandledKeyboardEvent = Date.now());
+      t.key === "Escape" && (o == null || o(e.initValue, t), e.lastHandledKeyboardEvent = Date.now());
     }), e;
   }
-  return E(l, [{
+  return k(a, [{
     key: "componentDidMount",
     value: function() {
       this.asProps.onBlurBehavior && (document.body.addEventListener("mousedown", this.handleDocumentMouseDown), document.body.addEventListener("keydown", this.handleDocumentKeyDown));
@@ -123,33 +123,33 @@ var j = (
   }, {
     key: "getConfirmControlProps",
     value: function() {
-      var t, c = this.asProps, g = c.loading, r = c.getI18nText;
+      var i, c = this.asProps, g = c.loading, t = c.getI18nText;
       return {
-        value: (t = this.inputRef.current) === null || t === void 0 ? void 0 : t.value,
+        value: (i = this.inputRef.current) === null || i === void 0 ? void 0 : i.value,
         loading: g,
         onConfirm: this.handleConfirm,
-        getI18nText: r
+        getI18nText: t
       };
     }
   }, {
     key: "getCancelControlProps",
     value: function() {
-      var t = this.asProps, c = t.loading, g = t.disabled, r = t.getI18nText;
+      var i = this.asProps, c = i.loading, g = i.disabled, t = i.getI18nText;
       return {
         value: this.initValue,
         // because double disabled(root disabled and addon disabled)
         disabled: c && !g,
         onCancel: this.handleCancel,
-        getI18nText: r
+        getI18nText: t
       };
     }
   }, {
     key: "getValueProps",
     value: function() {
-      var t = this.asProps.state;
+      var i = this.asProps.state;
       return {
         ref: this.inputRef,
-        state: t,
+        state: i,
         onKeyDown: this.handleKeyDown,
         onFocus: this.bindHandlerValueFocused(!0),
         onBlur: this.bindHandlerValueFocused(!1)
@@ -158,11 +158,11 @@ var j = (
   }, {
     key: "getNumberValueProps",
     value: function() {
-      var t = new Intl.NumberFormat(this.asProps.locale, {
+      var i = new Intl.NumberFormat(this.asProps.locale, {
         style: "decimal"
       });
       return {
-        numberFormatter: t,
+        numberFormatter: i,
         inputRef: this.inputRef,
         inputHandlerRefs: this.inputHandlersRef,
         increment: this.increment,
@@ -174,41 +174,41 @@ var j = (
   }, {
     key: "getNumberControlsProps",
     value: function() {
-      var t = this.asProps.getI18nText;
+      var i = this.asProps.getI18nText;
       return {
         increment: this.increment,
         decrement: this.decrement,
-        getI18nText: t
+        getI18nText: i
       };
     }
   }, {
     key: "render",
     value: function() {
-      var t = this.asProps, c, g = I, r = "div", a = N, i = this.asProps, o = i.Children, d = i.styles, _ = i.state, y = this.state.focused;
-      return c = m(d), /* @__PURE__ */ u.createElement(g, c.cn("SInlineInput", k({}, C({
+      var i = this.asProps, c, g = I, t = "div", l = K, r = this.asProps, o = r.Children, d = r.styles, _ = r.state, h = this.state.focused;
+      return c = m(d), /* @__PURE__ */ u.createElement(g, c.cn("SInlineInput", C({}, S({
         ref: this.rootRef,
-        focused: y,
+        focused: h,
         onBlur: this.handleBlur
-      }, t))), /* @__PURE__ */ u.createElement(r, c.cn("SUnderline", {}), _ === "invalid" && /* @__PURE__ */ u.createElement(a, c.cn("SInvalidPattern", {})), /* @__PURE__ */ u.createElement(o, c.cn("Children", {}))));
+      }, i))), /* @__PURE__ */ u.createElement(t, c.cn("SUnderline", {}), _ === "invalid" && /* @__PURE__ */ u.createElement(l, c.cn("SInvalidPattern", {})), /* @__PURE__ */ u.createElement(o, c.cn("Children", {}))));
     }
-  }]), l;
-}(D);
+  }]), a;
+}(V);
 s(x, "displayName", "InlineInput");
-s(x, "enhance", [T(A)]);
+s(x, "enhance", [T(B)]);
 s(x, "defaultProps", {
   state: "normal",
   onBlurBehavior: "confirm",
-  i18n: A,
+  i18n: B,
   locale: "en"
 });
 s(x, "style", j);
 var P = /* @__PURE__ */ function(p) {
-  $(l, p);
-  var n = V(l);
-  function l() {
-    return R(this, l), n.apply(this, arguments);
+  E(a, p);
+  var n = $(a);
+  function a() {
+    return R(this, a), n.apply(this, arguments);
   }
-  return E(l, [{
+  return k(a, [{
     key: "uncontrolledProps",
     value: function() {
       return {
@@ -220,79 +220,79 @@ var P = /* @__PURE__ */ function(p) {
   }, {
     key: "render",
     value: function() {
-      var t = this.asProps, c, g = I;
-      return c = m(this.asProps.styles), /* @__PURE__ */ u.createElement(g, c.cn("SValue", k({}, C({
+      var i = this.asProps, c, g = I;
+      return c = m(this.asProps.styles), /* @__PURE__ */ u.createElement(g, c.cn("SValue", C({}, S({
         tag: "input",
         type: "text"
-      }, t))));
+      }, i))));
     }
-  }]), l;
-}(D);
+  }]), a;
+}(V);
 s(P, "defaultProps", {
   defaultValue: ""
 });
-s(P, "enhance", [U()]);
+s(P, "enhance", [N()]);
 s(P, "hoistProps", ["disabled"]);
 var W = function(n) {
-  var l = arguments[0], e, t = I;
-  return e = m(n.styles), /* @__PURE__ */ u.createElement(t, e.cn("SAddon", k({}, C({}, l))));
+  var a = arguments[0], e, i = I;
+  return e = m(n.styles), /* @__PURE__ */ u.createElement(i, e.cn("SAddon", C({}, S({}, a))));
 }, X = function(n) {
-  var l = arguments[0], e, t, c, g = I, r = n.Children, a = n.children, i = (t = n.title) !== null && t !== void 0 ? t : n.getI18nText("confirm"), o = u.useCallback(function(v) {
-    var h, b;
-    (h = n.onConfirm) === null || h === void 0 || h.call(n, (b = n.value) !== null && b !== void 0 ? b : "", v);
+  var a = arguments[0], e, i, c, g = I, t = n.Children, l = n.children, r = (i = n.title) !== null && i !== void 0 ? i : n.getI18nText("confirm"), o = u.useCallback(function(v) {
+    var y, b;
+    (y = n.onConfirm) === null || y === void 0 || y.call(n, (b = n.value) !== null && b !== void 0 ? b : "", v);
   }, [n.onConfirm, n.value]), d = u.useCallback(function(v) {
     (v.key === "Enter" || v.key === " ") && (v.preventDefault(), v.stopPropagation(), o(v));
   }, [o]);
   if (n.loading) {
     var _;
-    return _ = m(n.styles), /* @__PURE__ */ u.createElement(g, _.cn("SAddon", k({}, C({}, l))), a ? /* @__PURE__ */ u.createElement(r, _.cn("Children", {})) : /* @__PURE__ */ u.createElement(F, _.cn("Spin", {
+    return _ = m(n.styles), /* @__PURE__ */ u.createElement(g, _.cn("SAddon", C({}, S({}, a))), l ? /* @__PURE__ */ u.createElement(t, _.cn("Children", {})) : /* @__PURE__ */ u.createElement(F, _.cn("Spin", {
       size: "xs"
     })));
   }
-  var y = m(n.styles), S = y.cn("SConfirmIcon", {});
-  return e = m(n.styles), /* @__PURE__ */ u.createElement(g, e.cn("SAddon", k({}, C({
+  var h = m(n.styles), z = h.cn("SConfirmIcon", {});
+  return e = m(n.styles), /* @__PURE__ */ u.createElement(g, e.cn("SAddon", C({}, S({
     onKeyDown: d
-  }, l))), a ? /* @__PURE__ */ u.createElement(r, e.cn("Children", {})) : /* @__PURE__ */ u.createElement(B, e.cn("ButtonLink", {
-    addonLeft: (c = n.icon) !== null && c !== void 0 ? c : z,
+  }, a))), l ? /* @__PURE__ */ u.createElement(t, e.cn("Children", {})) : /* @__PURE__ */ u.createElement(D, e.cn("ButtonLink", {
+    addonLeft: (c = n.icon) !== null && c !== void 0 ? c : U,
     use: "secondary",
     onClick: o,
-    className: S.className,
-    style: S.style,
-    "aria-label": i
+    className: z.className,
+    style: z.style,
+    "aria-label": r
   })));
 }, Y = function(n) {
-  var l = arguments[0], e, t, c, g = I, r = n.Children, a = n.children, i = (t = n.title) !== null && t !== void 0 ? t : n.getI18nText("discard"), o = u.useCallback(function(v) {
-    var h, b;
-    (h = n.onCancel) === null || h === void 0 || h.call(n, (b = n.value) !== null && b !== void 0 ? b : "", v);
+  var a = arguments[0], e, i, c, g = I, t = n.Children, l = n.children, r = (i = n.title) !== null && i !== void 0 ? i : n.getI18nText("discard"), o = u.useCallback(function(v) {
+    var y, b;
+    (y = n.onCancel) === null || y === void 0 || y.call(n, (b = n.value) !== null && b !== void 0 ? b : "", v);
   }, [n.onCancel, n.value]), d = u.useCallback(function(v) {
     (v.key === "Enter" || v.key === " ") && (v.preventDefault(), v.stopPropagation(), o(v));
   }, [o]);
   if (n.disabled) {
     var _;
-    return _ = m(n.styles), /* @__PURE__ */ u.createElement(g, _.cn("SAddon", k({}, C({}, l))), a ? /* @__PURE__ */ u.createElement(r, _.cn("Children", {})) : /* @__PURE__ */ u.createElement(w, _.cn("CloseM", {})));
+    return _ = m(n.styles), /* @__PURE__ */ u.createElement(g, _.cn("SAddon", C({}, S({}, a))), l ? /* @__PURE__ */ u.createElement(t, _.cn("Children", {})) : /* @__PURE__ */ u.createElement(w, _.cn("CloseM", {})));
   }
-  var y = m(n.styles), S = y.cn("SCancelIcon", {});
-  return e = m(n.styles), /* @__PURE__ */ u.createElement(g, e.cn("SAddon", k({}, C({
+  var h = m(n.styles), z = h.cn("SCancelIcon", {});
+  return e = m(n.styles), /* @__PURE__ */ u.createElement(g, e.cn("SAddon", C({}, S({
     onKeyDown: d
-  }, l))), a ? /* @__PURE__ */ u.createElement(r, e.cn("Children", {})) : /* @__PURE__ */ u.createElement(B, e.cn("ButtonLink", {
+  }, a))), l ? /* @__PURE__ */ u.createElement(t, e.cn("Children", {})) : /* @__PURE__ */ u.createElement(D, e.cn("ButtonLink", {
     use: "secondary",
     addonLeft: (c = n.icon) !== null && c !== void 0 ? c : w,
     onClick: o,
-    className: S.className,
-    style: S.style,
-    "aria-label": i
+    className: z.className,
+    style: z.style,
+    "aria-label": r
   })));
 }, q = function(n) {
-  var l = arguments[0], e, t = H.Value;
-  return e = m(n.styles), /* @__PURE__ */ u.createElement(t, e.cn("SValue", k({}, C({}, l))));
+  var a = arguments[0], e, i = A.Value;
+  return e = m(n.styles), /* @__PURE__ */ u.createElement(i, e.cn("SValue", C({}, S({}, a))));
 };
 function G(p) {
-  var n = arguments[0], l, e = H.Controls;
-  return l = m(p.styles), /* @__PURE__ */ u.createElement(e, l.cn("SControls", k({}, C({
+  var n = arguments[0], a, e = A.Controls;
+  return a = m(p.styles), /* @__PURE__ */ u.createElement(e, a.cn("SControls", C({}, S({
     tag: J.Addon
   }, n))));
 }
-var J = K(x, {
+var J = M(x, {
   Addon: W,
   Value: P,
   ConfirmControl: X,

package/inline-input/package.json

@@ -1 +1 @@
-{"name":"intergalactic/inline-input","description":"Semrush Input Component","version":"4.47.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/flex-box":"5.41.1","@semcore/icon":"4.60.1","@semcore/spin":"5.41.1","@semcore/tooltip":"6.49.1","@semcore/utils":"4.48.1","@semcore/input-number":"5.41.1","@semcore/input":"4.42.1","@semcore/core":"2.39.1","@semcore/button":"5.43.0"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/spin":"*","@semcore/tooltip":"*"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/inline-input"}}
+{"name":"intergalactic/inline-input","description":"Semrush Input Component","version":"4.47.1-prerelease.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/flex-box":"5.41.2-prerelease.1","@semcore/icon":"4.60.2-prerelease.1","@semcore/spin":"5.41.2-prerelease.1","@semcore/tooltip":"6.49.2-prerelease.1","@semcore/utils":"4.48.2-prerelease.1","@semcore/input-number":"5.41.2-prerelease.1","@semcore/input":"4.42.2-prerelease.1","@semcore/core":"2.39.2-prerelease.1","@semcore/button":"5.43.1-prerelease.1"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/spin":"*","@semcore/tooltip":"*"},"peerDependencies":{"@semcore/core":"^2.39.2-prerelease.1","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/inline-input"}}

package/input/lib/cjs/Input.js

@@ -21,23 +21,23 @@ var _neighborLocation = _interopRequireDefault(require("intergalactic/neighbor-l
 var _autoFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/autoFocusEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/input.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInput_1j46w_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box}.___SInput_1j46w_gg_ input:-webkit-autofill{border-radius:var(--intergalactic-control-rounded, 6px);-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_1j46w_gg_ input:-webkit-autofill~.___SOutline_1j46w_gg_{background-color:#faffbd}.___SValue_1j46w_gg_{min-width:0;width:100%;height:100%;padding:0;border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;text-overflow:ellipsis;font-family:inherit;background:0 0}.___SValue_1j46w_gg_:focus{outline:0}.___SValue_1j46w_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1j46w_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1j46w_gg_:not(:disabled):-moz-read-only~.___SOutline_1j46w_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_1j46w_gg_:not(:disabled):read-only~.___SOutline_1j46w_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_1j46w_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SInput_1j46w_gg_.__disabled_1j46w_gg_ .___SOutline_1j46w_gg_,.___SValue_1j46w_gg_:disabled~.___SOutline_1j46w_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SOutline_1j46w_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-radius:var(--intergalactic-control-rounded, 6px);z-index:-1;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SAddon_1j46w_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;padding:0 var(--intergalactic-spacing-2x, 8px);height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}.___SAddon_1j46w_gg_.__interactive_1j46w_gg_{cursor:pointer}@media (hover:hover){.___SAddon_1j46w_gg_.__interactive_1j46w_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SAddon_1j46w_gg_.__disabled_1j46w_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1j46w_gg_._size_m_1j46w_gg_:not(.___SButton_1j46w_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)}.___SAddon_1j46w_gg_._size_l_1j46w_gg_:not(.___SButton_1j46w_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)0 var(--intergalactic-spacing-3x, 12px)}.___SInput_1j46w_gg_ .___SAddon_1j46w_gg_:nth-last-child(2){margin-right:-1px}.___SValue_1j46w_gg_._size_m_1j46w_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SValue_1j46w_gg_._size_l_1j46w_gg_{padding:0 var(--intergalactic-spacing-3x, 12px)}.___SInput_1j46w_gg_._size_m_1j46w_gg_{font-size:var(--intergalactic-fs-200, 14px);height:var(--intergalactic-form-control-m, 28px)}.___SInput_1j46w_gg_._size_l_1j46w_gg_{font-size:var(--intergalactic-fs-300, 16px);height:var(--intergalactic-form-control-l, 40px)}.___SInput_1j46w_gg_.__focused_1j46w_gg_{z-index:1}.___SInput_1j46w_gg_._state_normal_1j46w_gg_ .___SOutline_1j46w_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SInput_1j46w_gg_._state_normal_1j46w_gg_.__focused_1j46w_gg_ .___SOutline_1j46w_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInput_1j46w_gg_._state_valid_1j46w_gg_ .___SOutline_1j46w_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInput_1j46w_gg_._state_valid_1j46w_gg_.__focused_1j46w_gg_ .___SOutline_1j46w_gg_{border-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInput_1j46w_gg_._state_invalid_1j46w_gg_ .___SOutline_1j46w_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInput_1j46w_gg_._state_invalid_1j46w_gg_.__focused_1j46w_gg_ .___SOutline_1j46w_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInput_1j46w_gg_._neighborLocation_right_1j46w_gg_ .___SOutline_1j46w_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_1j46w_gg_._neighborLocation_both_1j46w_gg_ .___SOutline_1j46w_gg_{border-radius:0;border-left:none}.___SInput_1j46w_gg_._neighborLocation_left_1j46w_gg_ .___SOutline_1j46w_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_1j46w_gg_._neighborLocation_right_1j46w_gg_{padding-right:0}.___SValue_1j46w_gg_._neighborLocation_both_1j46w_gg_{padding-left:0;padding-right:0}.___SValue_1j46w_gg_._neighborLocation_left_1j46w_gg_{padding-left:0}" /*__inner_css_end__*/, "1j46w_gg_") /*__reshadow_css_end__*/, {
-  "__SInput": "___SInput_1j46w_gg_",
-  "_disabled": "__disabled_1j46w_gg_",
-  "__SOutline": "___SOutline_1j46w_gg_",
-  "__SValue": "___SValue_1j46w_gg_",
-  "__SAddon": "___SAddon_1j46w_gg_",
-  "_size_m": "_size_m_1j46w_gg_",
-  "__SButton": "___SButton_1j46w_gg_",
-  "_size_l": "_size_l_1j46w_gg_",
-  "_focused": "__focused_1j46w_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1j46w_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1j46w_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1j46w_gg_",
-  "_interactive": "__interactive_1j46w_gg_",
-  "_state_normal": "_state_normal_1j46w_gg_",
-  "_state_valid": "_state_valid_1j46w_gg_",
-  "_state_invalid": "_state_invalid_1j46w_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInput_1azly_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box}.___SInput_1azly_gg_ input:-webkit-autofill{border-radius:var(--intergalactic-control-rounded, 6px);-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_1azly_gg_ input:-webkit-autofill~.___SOutline_1azly_gg_{background-color:#faffbd}.___SValue_1azly_gg_{min-width:0;width:100%;height:100%;padding:0;border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;text-overflow:ellipsis;font-family:inherit;background:0 0}.___SValue_1azly_gg_:focus{outline:0}.___SValue_1azly_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1azly_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1azly_gg_:not(:disabled):-moz-read-only~.___SOutline_1azly_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_1azly_gg_:not(:disabled):read-only~.___SOutline_1azly_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_1azly_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SInput_1azly_gg_.__disabled_1azly_gg_ .___SOutline_1azly_gg_,.___SValue_1azly_gg_:disabled~.___SOutline_1azly_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SOutline_1azly_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-radius:var(--intergalactic-control-rounded, 6px);z-index:-1;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SAddon_1azly_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;padding:0 var(--intergalactic-spacing-2x, 8px);height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}.___SAddon_1azly_gg_.__interactive_1azly_gg_{cursor:pointer}@media (hover:hover){.___SAddon_1azly_gg_.__interactive_1azly_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SAddon_1azly_gg_.__disabled_1azly_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1azly_gg_._size_m_1azly_gg_:not(.___SButton_1azly_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)}.___SAddon_1azly_gg_._size_l_1azly_gg_:not(.___SButton_1azly_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)0 var(--intergalactic-spacing-3x, 12px)}.___SInput_1azly_gg_ .___SAddon_1azly_gg_:nth-last-child(2){margin-right:-1px}.___SValue_1azly_gg_._size_m_1azly_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SValue_1azly_gg_._size_l_1azly_gg_{padding:0 var(--intergalactic-spacing-3x, 12px)}.___SInput_1azly_gg_._size_m_1azly_gg_{font-size:var(--intergalactic-fs-200, 14px);height:var(--intergalactic-form-control-m, 28px)}.___SInput_1azly_gg_._size_l_1azly_gg_{font-size:var(--intergalactic-fs-300, 16px);height:var(--intergalactic-form-control-l, 40px)}.___SInput_1azly_gg_.__focused_1azly_gg_{z-index:1}.___SInput_1azly_gg_._state_normal_1azly_gg_ .___SOutline_1azly_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SInput_1azly_gg_._state_normal_1azly_gg_.__focused_1azly_gg_ .___SOutline_1azly_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInput_1azly_gg_._state_valid_1azly_gg_ .___SOutline_1azly_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInput_1azly_gg_._state_valid_1azly_gg_.__focused_1azly_gg_ .___SOutline_1azly_gg_{border-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInput_1azly_gg_._state_invalid_1azly_gg_ .___SOutline_1azly_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInput_1azly_gg_._state_invalid_1azly_gg_.__focused_1azly_gg_ .___SOutline_1azly_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInput_1azly_gg_._neighborLocation_right_1azly_gg_ .___SOutline_1azly_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_1azly_gg_._neighborLocation_both_1azly_gg_ .___SOutline_1azly_gg_{border-radius:0;border-left:none}.___SInput_1azly_gg_._neighborLocation_left_1azly_gg_ .___SOutline_1azly_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_1azly_gg_._neighborLocation_right_1azly_gg_{padding-right:0}.___SValue_1azly_gg_._neighborLocation_both_1azly_gg_{padding-left:0;padding-right:0}.___SValue_1azly_gg_._neighborLocation_left_1azly_gg_{padding-left:0}" /*__inner_css_end__*/, "1azly_gg_") /*__reshadow_css_end__*/, {
+  "__SInput": "___SInput_1azly_gg_",
+  "_disabled": "__disabled_1azly_gg_",
+  "__SOutline": "___SOutline_1azly_gg_",
+  "__SValue": "___SValue_1azly_gg_",
+  "__SAddon": "___SAddon_1azly_gg_",
+  "_size_m": "_size_m_1azly_gg_",
+  "__SButton": "___SButton_1azly_gg_",
+  "_size_l": "_size_l_1azly_gg_",
+  "_focused": "__focused_1azly_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1azly_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1azly_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1azly_gg_",
+  "_interactive": "__interactive_1azly_gg_",
+  "_state_normal": "_state_normal_1azly_gg_",
+  "_state_valid": "_state_valid_1azly_gg_",
+  "_state_invalid": "_state_invalid_1azly_gg_"
 });
 var Input = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Input, _Component);

package/input/lib/es6/Input.js

@@ -16,23 +16,23 @@ import NeighborLocation from 'intergalactic/neighbor-location';
 import autoFocusEnhance from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/input.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInput_1j46w_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box}.___SInput_1j46w_gg_ input:-webkit-autofill{border-radius:var(--intergalactic-control-rounded, 6px);-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_1j46w_gg_ input:-webkit-autofill~.___SOutline_1j46w_gg_{background-color:#faffbd}.___SValue_1j46w_gg_{min-width:0;width:100%;height:100%;padding:0;border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;text-overflow:ellipsis;font-family:inherit;background:0 0}.___SValue_1j46w_gg_:focus{outline:0}.___SValue_1j46w_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1j46w_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1j46w_gg_:not(:disabled):-moz-read-only~.___SOutline_1j46w_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_1j46w_gg_:not(:disabled):read-only~.___SOutline_1j46w_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_1j46w_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SInput_1j46w_gg_.__disabled_1j46w_gg_ .___SOutline_1j46w_gg_,.___SValue_1j46w_gg_:disabled~.___SOutline_1j46w_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SOutline_1j46w_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-radius:var(--intergalactic-control-rounded, 6px);z-index:-1;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SAddon_1j46w_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;padding:0 var(--intergalactic-spacing-2x, 8px);height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}.___SAddon_1j46w_gg_.__interactive_1j46w_gg_{cursor:pointer}@media (hover:hover){.___SAddon_1j46w_gg_.__interactive_1j46w_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SAddon_1j46w_gg_.__disabled_1j46w_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1j46w_gg_._size_m_1j46w_gg_:not(.___SButton_1j46w_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)}.___SAddon_1j46w_gg_._size_l_1j46w_gg_:not(.___SButton_1j46w_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)0 var(--intergalactic-spacing-3x, 12px)}.___SInput_1j46w_gg_ .___SAddon_1j46w_gg_:nth-last-child(2){margin-right:-1px}.___SValue_1j46w_gg_._size_m_1j46w_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SValue_1j46w_gg_._size_l_1j46w_gg_{padding:0 var(--intergalactic-spacing-3x, 12px)}.___SInput_1j46w_gg_._size_m_1j46w_gg_{font-size:var(--intergalactic-fs-200, 14px);height:var(--intergalactic-form-control-m, 28px)}.___SInput_1j46w_gg_._size_l_1j46w_gg_{font-size:var(--intergalactic-fs-300, 16px);height:var(--intergalactic-form-control-l, 40px)}.___SInput_1j46w_gg_.__focused_1j46w_gg_{z-index:1}.___SInput_1j46w_gg_._state_normal_1j46w_gg_ .___SOutline_1j46w_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SInput_1j46w_gg_._state_normal_1j46w_gg_.__focused_1j46w_gg_ .___SOutline_1j46w_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInput_1j46w_gg_._state_valid_1j46w_gg_ .___SOutline_1j46w_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInput_1j46w_gg_._state_valid_1j46w_gg_.__focused_1j46w_gg_ .___SOutline_1j46w_gg_{border-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInput_1j46w_gg_._state_invalid_1j46w_gg_ .___SOutline_1j46w_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInput_1j46w_gg_._state_invalid_1j46w_gg_.__focused_1j46w_gg_ .___SOutline_1j46w_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInput_1j46w_gg_._neighborLocation_right_1j46w_gg_ .___SOutline_1j46w_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_1j46w_gg_._neighborLocation_both_1j46w_gg_ .___SOutline_1j46w_gg_{border-radius:0;border-left:none}.___SInput_1j46w_gg_._neighborLocation_left_1j46w_gg_ .___SOutline_1j46w_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_1j46w_gg_._neighborLocation_right_1j46w_gg_{padding-right:0}.___SValue_1j46w_gg_._neighborLocation_both_1j46w_gg_{padding-left:0;padding-right:0}.___SValue_1j46w_gg_._neighborLocation_left_1j46w_gg_{padding-left:0}" /*__inner_css_end__*/, "1j46w_gg_") /*__reshadow_css_end__*/, {
-  "__SInput": "___SInput_1j46w_gg_",
-  "_disabled": "__disabled_1j46w_gg_",
-  "__SOutline": "___SOutline_1j46w_gg_",
-  "__SValue": "___SValue_1j46w_gg_",
-  "__SAddon": "___SAddon_1j46w_gg_",
-  "_size_m": "_size_m_1j46w_gg_",
-  "__SButton": "___SButton_1j46w_gg_",
-  "_size_l": "_size_l_1j46w_gg_",
-  "_focused": "__focused_1j46w_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1j46w_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1j46w_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1j46w_gg_",
-  "_interactive": "__interactive_1j46w_gg_",
-  "_state_normal": "_state_normal_1j46w_gg_",
-  "_state_valid": "_state_valid_1j46w_gg_",
-  "_state_invalid": "_state_invalid_1j46w_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInput_1azly_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box}.___SInput_1azly_gg_ input:-webkit-autofill{border-radius:var(--intergalactic-control-rounded, 6px);-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_1azly_gg_ input:-webkit-autofill~.___SOutline_1azly_gg_{background-color:#faffbd}.___SValue_1azly_gg_{min-width:0;width:100%;height:100%;padding:0;border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;text-overflow:ellipsis;font-family:inherit;background:0 0}.___SValue_1azly_gg_:focus{outline:0}.___SValue_1azly_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1azly_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_1azly_gg_:not(:disabled):-moz-read-only~.___SOutline_1azly_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_1azly_gg_:not(:disabled):read-only~.___SOutline_1azly_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_1azly_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SInput_1azly_gg_.__disabled_1azly_gg_ .___SOutline_1azly_gg_,.___SValue_1azly_gg_:disabled~.___SOutline_1azly_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SOutline_1azly_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-radius:var(--intergalactic-control-rounded, 6px);z-index:-1;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SAddon_1azly_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;padding:0 var(--intergalactic-spacing-2x, 8px);height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}.___SAddon_1azly_gg_.__interactive_1azly_gg_{cursor:pointer}@media (hover:hover){.___SAddon_1azly_gg_.__interactive_1azly_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SAddon_1azly_gg_.__disabled_1azly_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1azly_gg_._size_m_1azly_gg_:not(.___SButton_1azly_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)}.___SAddon_1azly_gg_._size_l_1azly_gg_:not(.___SButton_1azly_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)0 var(--intergalactic-spacing-3x, 12px)}.___SInput_1azly_gg_ .___SAddon_1azly_gg_:nth-last-child(2){margin-right:-1px}.___SValue_1azly_gg_._size_m_1azly_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SValue_1azly_gg_._size_l_1azly_gg_{padding:0 var(--intergalactic-spacing-3x, 12px)}.___SInput_1azly_gg_._size_m_1azly_gg_{font-size:var(--intergalactic-fs-200, 14px);height:var(--intergalactic-form-control-m, 28px)}.___SInput_1azly_gg_._size_l_1azly_gg_{font-size:var(--intergalactic-fs-300, 16px);height:var(--intergalactic-form-control-l, 40px)}.___SInput_1azly_gg_.__focused_1azly_gg_{z-index:1}.___SInput_1azly_gg_._state_normal_1azly_gg_ .___SOutline_1azly_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SInput_1azly_gg_._state_normal_1azly_gg_.__focused_1azly_gg_ .___SOutline_1azly_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInput_1azly_gg_._state_valid_1azly_gg_ .___SOutline_1azly_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInput_1azly_gg_._state_valid_1azly_gg_.__focused_1azly_gg_ .___SOutline_1azly_gg_{border-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInput_1azly_gg_._state_invalid_1azly_gg_ .___SOutline_1azly_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInput_1azly_gg_._state_invalid_1azly_gg_.__focused_1azly_gg_ .___SOutline_1azly_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInput_1azly_gg_._neighborLocation_right_1azly_gg_ .___SOutline_1azly_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_1azly_gg_._neighborLocation_both_1azly_gg_ .___SOutline_1azly_gg_{border-radius:0;border-left:none}.___SInput_1azly_gg_._neighborLocation_left_1azly_gg_ .___SOutline_1azly_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_1azly_gg_._neighborLocation_right_1azly_gg_{padding-right:0}.___SValue_1azly_gg_._neighborLocation_both_1azly_gg_{padding-left:0;padding-right:0}.___SValue_1azly_gg_._neighborLocation_left_1azly_gg_{padding-left:0}" /*__inner_css_end__*/, "1azly_gg_") /*__reshadow_css_end__*/, {
+  "__SInput": "___SInput_1azly_gg_",
+  "_disabled": "__disabled_1azly_gg_",
+  "__SOutline": "___SOutline_1azly_gg_",
+  "__SValue": "___SValue_1azly_gg_",
+  "__SAddon": "___SAddon_1azly_gg_",
+  "_size_m": "_size_m_1azly_gg_",
+  "__SButton": "___SButton_1azly_gg_",
+  "_size_l": "_size_l_1azly_gg_",
+  "_focused": "__focused_1azly_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_1azly_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_1azly_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_1azly_gg_",
+  "_interactive": "__interactive_1azly_gg_",
+  "_state_normal": "_state_normal_1azly_gg_",
+  "_state_valid": "_state_valid_1azly_gg_",
+  "_state_invalid": "_state_invalid_1azly_gg_"
 });
 var Input = /*#__PURE__*/function (_Component) {
   _inherits(Input, _Component);