@semcore/input-number 5.41.4-prerelease.0 → 5.42.0-prerelease.0

package/lib/es6/translations/__intergalactic-dynamic-locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pl","pt","sv","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pl from './pl.json';\nimport pt from './pt.json';\nimport sv from './sv.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFL,EAAE,EAAFA,EAAE;EACFE,EAAE,EAAFA;AACF,CAAC","ignoreList":[]}

package/lib/esm/InputNumber.mjs

@@ -2,37 +2,35 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
-import React from "react";
+import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
+import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import { forkRef } from "@semcore/core/lib/utils/ref";
 import Input from "@semcore/input";
+import React from "react";
 import { IncrementIcon, DecrementIcon } from "./buttons.mjs";
 import { localizedMessages } from "./translations/__intergalactic-dynamic-locales.mjs";
-import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
-import { forkRef } from "@semcore/utils/lib/ref";
-import { callAllEventHandlers } from "@semcore/utils/lib/assignProps";
 /*!__reshadow-styles__:"./style/input-number.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SValue_1lwph_gg_:focus~.___SControls_1lwph_gg_{display:flex}.___SControls_1lwph_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1lwph_gg_.__showControls_1lwph_gg_{display:flex}.___SDown_1lwph_gg_,.___SUp_1lwph_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}.___SDown_1lwph_gg_:focus,.___SUp_1lwph_gg_:focus{outline:0}@media (hover:hover){.___SDown_1lwph_gg_:hover,.___SUp_1lwph_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SUp_1lwph_gg_{padding-bottom:1px}.___SDown_1lwph_gg_{padding-top:1px}.___SValue_1lwph_gg_::-webkit-inner-spin-button,.___SValue_1lwph_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1lwph_gg_._type_number_1lwph_gg_{-moz-appearance:textfield}.___SValue_1lwph_gg_.__disabled_1lwph_gg_~.___SControls_1lwph_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SValueHidden_1lwph_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}",
+    ".___SValue_1wal7_gg_:focus~.___SControls_1wal7_gg_{display:flex}.___SControls_1wal7_gg_{display:none;flex-flow:column;justify-content:center;height:100%;box-sizing:border-box}.___SControls_1wal7_gg_.__showControls_1wal7_gg_{display:flex}.___SDown_1wal7_gg_,.___SUp_1wal7_gg_{padding:0;width:16px;color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385));box-sizing:border-box;display:inline-flex;justify-content:center;border:0;background:0 0;cursor:pointer}@supports (color:color(display-p3 0 0 0%)){.___SDown_1wal7_gg_,.___SUp_1wal7_gg_{color:var(--intergalactic-icon-secondary-neutral, rgba(0, 5, 2, 0.385))}@media (color-gamut:p3){.___SDown_1wal7_gg_,.___SUp_1wal7_gg_{color:var(--intergalactic-icon-secondary-neutral, color(display-p3 0.0036 0.02041 0.00996 / 0.385))}}}.___SDown_1wal7_gg_:focus,.___SUp_1wal7_gg_:focus{outline:0}@media (hover:hover){.___SDown_1wal7_gg_:hover,.___SUp_1wal7_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, rgba(0, 5, 2, 0.433))}@supports (color:color(display-p3 0 0 0%)){.___SDown_1wal7_gg_:hover,.___SUp_1wal7_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, rgba(0, 5, 2, 0.433))}@media (color-gamut:p3){.___SDown_1wal7_gg_:hover,.___SUp_1wal7_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, color(display-p3 0.00333 0.01824 0.00791 / 0.433))}}}}.___SUp_1wal7_gg_{padding-bottom:1px}.___SDown_1wal7_gg_{padding-top:1px}.___SValue_1wal7_gg_::-webkit-inner-spin-button,.___SValue_1wal7_gg_::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.___SValue_1wal7_gg_._type_number_1wal7_gg_{-moz-appearance:textfield}.___SValue_1wal7_gg_.__disabled_1wal7_gg_~.___SControls_1wal7_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SValueHidden_1wal7_gg_{position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden}",
     /*__inner_css_end__*/
-    "1lwph_gg_"
+    "1wal7_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SValue": "___SValue_1lwph_gg_",
-    "__SControls": "___SControls_1lwph_gg_",
-    "_showControls": "__showControls_1lwph_gg_",
-    "__SUp": "___SUp_1lwph_gg_",
-    "__SDown": "___SDown_1lwph_gg_",
-    "_disabled": "__disabled_1lwph_gg_",
-    "__SValueHidden": "___SValueHidden_1lwph_gg_",
-    "_type_number": "_type_number_1lwph_gg_"
+    "__SValue": "___SValue_1wal7_gg_",
+    "__SControls": "___SControls_1wal7_gg_",
+    "_showControls": "__showControls_1wal7_gg_",
+    "__SUp": "___SUp_1wal7_gg_",
+    "__SDown": "___SDown_1wal7_gg_",
+    "_disabled": "__disabled_1wal7_gg_",
+    "__SValueHidden": "___SValueHidden_1wal7_gg_",
+    "_type_number": "_type_number_1wal7_gg_"
   })
 );
 function parseValueWithMinMax(value) {
@@ -40,28 +38,27 @@ function parseValueWithMinMax(value) {
   var max = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : Number.MAX_SAFE_INTEGER;
   return Math.max(min, Math.min(max, value));
 }
-var InputNumber = /* @__PURE__ */ function(_Component) {
-  _inherits(InputNumber2, _Component);
-  var _super = _createSuper(InputNumber2);
+var InputNumber = /* @__PURE__ */ (function(_Component) {
   function InputNumber2() {
     var _this;
     _classCallCheck(this, InputNumber2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "inputRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this), "increment", function(event) {
+    _this = _callSuper(this, InputNumber2, [].concat(args));
+    _defineProperty(_this, "inputRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this, "increment", function(event) {
       var _this$inputRef$curren, _this$inputRef$curren2;
-      (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 ? void 0 : (_this$inputRef$curren2 = _this$inputRef$curren.stepUp) === null || _this$inputRef$curren2 === void 0 ? void 0 : _this$inputRef$curren2.call(_this$inputRef$curren, event);
+      (_this$inputRef$curren = _this.inputRef.current) === null || _this$inputRef$curren === void 0 || (_this$inputRef$curren2 = _this$inputRef$curren.stepUp) === null || _this$inputRef$curren2 === void 0 || _this$inputRef$curren2.call(_this$inputRef$curren, event);
     });
-    _defineProperty(_assertThisInitialized(_this), "decrement", function(event) {
+    _defineProperty(_this, "decrement", function(event) {
       var _this$inputRef$curren3, _this$inputRef$curren4;
-      (_this$inputRef$curren3 = _this.inputRef.current) === null || _this$inputRef$curren3 === void 0 ? void 0 : (_this$inputRef$curren4 = _this$inputRef$curren3.stepDown) === null || _this$inputRef$curren4 === void 0 ? void 0 : _this$inputRef$curren4.call(_this$inputRef$curren3, event);
+      (_this$inputRef$curren3 = _this.inputRef.current) === null || _this$inputRef$curren3 === void 0 || (_this$inputRef$curren4 = _this$inputRef$curren3.stepDown) === null || _this$inputRef$curren4 === void 0 || _this$inputRef$curren4.call(_this$inputRef$curren3, event);
     });
     return _this;
   }
-  _createClass(InputNumber2, [{
+  _inherits(InputNumber2, _Component);
+  return _createClass(InputNumber2, [{
     key: "getValueProps",
     value: function getValueProps() {
       var numberFormatter = new Intl.NumberFormat(this.asProps.locale, {
@@ -90,11 +87,10 @@ var InputNumber = /* @__PURE__ */ function(_Component) {
     value: function render() {
       var _ref = this.asProps, _ref4;
       var SInputNumber = Input;
-      return _ref4 = sstyled$1(this.asProps.style), /* @__PURE__ */ React.createElement(SInputNumber, _ref4.cn("SInputNumber", _objectSpread({}, assignProps({}, _ref))));
+      return _ref4 = sstyled(this.asProps.style), /* @__PURE__ */ React.createElement(SInputNumber, _ref4.cn("SInputNumber", _objectSpread({}, assignProps({}, _ref))));
     }
   }]);
-  return InputNumber2;
-}(Component);
+})(Component);
 _defineProperty(InputNumber, "displayName", "InputNumber");
 _defineProperty(InputNumber, "style", style);
 _defineProperty(InputNumber, "enhance", [i18nEnhance(localizedMessages)]);
@@ -103,22 +99,20 @@ _defineProperty(InputNumber, "defaultProps", {
   i18n: localizedMessages,
   locale: "en"
 });
-var Value = /* @__PURE__ */ function(_Component2) {
-  _inherits(Value2, _Component2);
-  var _super2 = _createSuper(Value2);
+var Value = /* @__PURE__ */ (function(_Component2) {
   function Value2() {
     var _this2;
     _classCallCheck(this, Value2);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this2 = _super2.call.apply(_super2, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this2), "valueInputRef", /* @__PURE__ */ React.createRef());
-    _defineProperty(_assertThisInitialized(_this2), "cursorPosition", -1);
-    _defineProperty(_assertThisInitialized(_this2), "getFormattedValue", function(value) {
+    _this2 = _callSuper(this, Value2, [].concat(args));
+    _defineProperty(_this2, "valueInputRef", /* @__PURE__ */ React.createRef());
+    _defineProperty(_this2, "cursorPosition", -1);
+    _defineProperty(_this2, "getFormattedValue", function(value) {
       return value.replace(new RegExp("[".concat(_this2.separatorThousands, "]"), "g"), "").replace(_this2.separatorDecimal, ".");
     });
-    _defineProperty(_assertThisInitialized(_this2), "valueParser", function(value, prevValue, prevDisplayValue) {
+    _defineProperty(_this2, "valueParser", function(value, prevValue, prevDisplayValue) {
       var numberFormatter = _this2.props.numberFormatter;
       var stringNumber = _this2.getFormattedValue(String(value));
       if (Number.isNaN(Number(stringNumber))) {
@@ -139,7 +133,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
         displayValue
       };
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleValidation", function(event) {
+    _defineProperty(_this2, "handleValidation", function(event) {
       var _this2$asProps = _this2.asProps, value = _this2$asProps.value, displayValue = _this2$asProps.displayValue, min = _this2$asProps.min, max = _this2$asProps.max, step = _this2$asProps.step;
       var _this2$valueParser = _this2.valueParser(event.currentTarget.value, value, displayValue), parsedValue = _this2$valueParser.parsedValue;
       var roundCoefficient = step < 1 ? step.toString().split(".")[1].length : 1;
@@ -160,10 +154,10 @@ var Value = /* @__PURE__ */ function(_Component2) {
         _this2.handlers.value(String(numberValueRounded), event);
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "onWheel", function(event) {
+    _defineProperty(_this2, "onWheel", function(event) {
       callAllEventHandlers(_this2.asProps.onWheel, _this2.handleWheel)(event);
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleWheel", function(event) {
+    _defineProperty(_this2, "handleWheel", function(event) {
       if (event.target !== _this2.valueInputRef.current) return;
       if (document.activeElement !== _this2.valueInputRef.current) return;
       event.preventDefault();
@@ -173,7 +167,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
         _this2.stepDown(event);
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleChange", function(event) {
+    _defineProperty(_this2, "handleChange", function(event) {
       var value = _this2.getFormattedValue(event.currentTarget.value);
       var _this2$asProps2 = _this2.asProps, numberFormatter = _this2$asProps2.numberFormatter, prevValue = _this2$asProps2.value;
       if (value === "." || value === "-") {
@@ -192,17 +186,17 @@ var Value = /* @__PURE__ */ function(_Component2) {
           return false;
         }
       }
-      var digits = /[0-9.-]+/.test(value);
+      var digits = /^[0-9.-]+$/.test(value);
       if (digits || value === "") {
         _this2.handlers.value(value, event);
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleKeyUp", function(event) {
+    _defineProperty(_this2, "handleKeyUp", function(event) {
       if (event.key === "Shift") {
         _this2.cursorPosition = -1;
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleKeyDown", function(event) {
+    _defineProperty(_this2, "handleKeyDown", function(event) {
       var element = event.currentTarget;
       var value = element.value;
       var length = value.length;
@@ -259,7 +253,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "moveSelectionLeft", function(element, cursorIndex) {
+    _defineProperty(_this2, "moveSelectionLeft", function(element, cursorIndex) {
       var value = element.value;
       var nextPosition = element.selectionStart - 1 >= 0 ? element.selectionStart - 1 : 0;
       var cursorPosition = value[element.selectionStart - cursorIndex] === _this2.separatorThousands ? element.selectionStart - cursorIndex : nextPosition;
@@ -273,7 +267,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "moveSelectionRight", function(element, cursorIndex) {
+    _defineProperty(_this2, "moveSelectionRight", function(element, cursorIndex) {
       var value = element.value;
       var nextPosition = element.selectionEnd + 1;
       var cursorPosition = value[element.selectionEnd] === _this2.separatorThousands ? element.selectionEnd + cursorIndex : nextPosition;
@@ -287,18 +281,18 @@ var Value = /* @__PURE__ */ function(_Component2) {
         }
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleClick", function(event) {
+    _defineProperty(_this2, "handleClick", function(event) {
       var element = event.target;
       var value = element.value;
       if (value[element.selectionStart - 1] === _this2.separatorThousands) {
         element.setSelectionRange(element.selectionStart - 1, element.selectionEnd - 1);
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "handleBlur", function(event) {
+    _defineProperty(_this2, "handleBlur", function(event) {
       _this2.cursorPosition = -1;
       _this2.handleValidation(event);
     });
-    _defineProperty(_assertThisInitialized(_this2), "stepUp", function(event) {
+    _defineProperty(_this2, "stepUp", function(event) {
       var _this2$asProps3 = _this2.asProps, _this2$asProps3$max = _this2$asProps3.max, max = _this2$asProps3$max === void 0 ? Number.MAX_SAFE_INTEGER : _this2$asProps3$max, min = _this2$asProps3.min, step = _this2$asProps3.step, value = _this2$asProps3.value;
       var numberValue;
       if (value === "") {
@@ -311,7 +305,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
         _this2.handlers.value(newValue.toString(), event);
       }
     });
-    _defineProperty(_assertThisInitialized(_this2), "stepDown", function(event) {
+    _defineProperty(_this2, "stepDown", function(event) {
       var _this2$asProps4 = _this2.asProps, max = _this2$asProps4.max, _this2$asProps4$min = _this2$asProps4.min, min = _this2$asProps4$min === void 0 ? Number.MIN_SAFE_INTEGER : _this2$asProps4$min, step = _this2$asProps4.step, value = _this2$asProps4.value;
       var numberValue;
       if (value === "") {
@@ -326,7 +320,8 @@ var Value = /* @__PURE__ */ function(_Component2) {
     });
     return _this2;
   }
-  _createClass(Value2, [{
+  _inherits(Value2, _Component2);
+  return _createClass(Value2, [{
     key: "uncontrolledProps",
     value: function uncontrolledProps() {
       var _this3 = this;
@@ -362,10 +357,16 @@ var Value = /* @__PURE__ */ function(_Component2) {
     key: "componentDidMount",
     value: (
       // https://stackoverflow.com/questions/57358640/cancel-wheel-event-with-e-preventdefault-in-react-event-bubbling
-      function componentDidMount() {
-        var _this$valueInputRef$c;
-        (_this$valueInputRef$c = this.valueInputRef.current) === null || _this$valueInputRef$c === void 0 ? void 0 : _this$valueInputRef$c.addEventListener("wheel", this.onWheel);
-        var _this$asProps2 = this.asProps, inputRef = _this$asProps2.inputRef, value = _this$asProps2.value;
+      (function componentDidMount() {
+        var _this$valueInputRef$c, _this4 = this;
+        (_this$valueInputRef$c = this.valueInputRef.current) === null || _this$valueInputRef$c === void 0 || _this$valueInputRef$c.addEventListener("wheel", this.onWheel);
+        var _this$asProps2 = this.asProps, inputRef = _this$asProps2.inputRef, value = _this$asProps2.value, autoFocus = _this$asProps2.autoFocus;
+        if (autoFocus) {
+          setTimeout(function() {
+            var _this4$valueInputRef$;
+            (_this4$valueInputRef$ = _this4.valueInputRef.current) === null || _this4$valueInputRef$ === void 0 || _this4$valueInputRef$.focus();
+          });
+        }
         if (inputRef.current) {
           inputRef.current.stepUp = this.stepUp;
           inputRef.current.stepDown = this.stepDown;
@@ -374,7 +375,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
           var _this$valueParser = this.valueParser(value, "", ""), displayValue = _this$valueParser.displayValue;
           this.handlers.displayValue(displayValue);
         }
-      }
+      })
     )
   }, {
     key: "componentDidUpdate",
@@ -388,7 +389,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$valueInputRef$c2;
-      (_this$valueInputRef$c2 = this.valueInputRef.current) === null || _this$valueInputRef$c2 === void 0 ? void 0 : _this$valueInputRef$c2.removeEventListener("wheel", this.onWheel);
+      (_this$valueInputRef$c2 = this.valueInputRef.current) === null || _this$valueInputRef$c2 === void 0 || _this$valueInputRef$c2.removeEventListener("wheel", this.onWheel);
     }
   }, {
     key: "render",
@@ -396,7 +397,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
       var _ref2 = this.asProps, _ref5;
       var SValue = Input.Value;
       var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, min = _this$asProps3.min, max = _this$asProps3.max, step = _this$asProps3.step, forwardRef = _this$asProps3.forwardRef, inputRef = _this$asProps3.inputRef, displayValue = _this$asProps3.displayValue;
-      return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SValue, _ref5.cn("SValue", _objectSpread({}, assignProps({
+      return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SValue, _ref5.cn("SValue", _objectSpread({}, assignProps({
         "autoComplete": "off",
         "onBlur": this.handleValidation,
         "use:onChange": this.handleChange,
@@ -412,8 +413,7 @@ var Value = /* @__PURE__ */ function(_Component2) {
       }, _ref2)))));
     }
   }]);
-  return Value2;
-}(Component);
+})(Component);
 _defineProperty(Value, "style", style);
 _defineProperty(Value, "defaultProps", {
   defaultValue: "",
@@ -426,7 +426,7 @@ function Controls(props) {
   var SControls = Input.Addon;
   var SUp = "button";
   var SDown = "button";
-  return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SControls, _ref6.cn("SControls", _objectSpread({}, assignProps({
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SControls, _ref6.cn("SControls", _objectSpread({}, assignProps({
     "aria-hidden": "true"
   }, _ref3))), /* @__PURE__ */ React.createElement(SUp, _ref6.cn("SUp", {
     "onClick": increment,
@@ -443,12 +443,12 @@ function Controls(props) {
   }), /* @__PURE__ */ React.createElement(DecrementIcon, _ref6.cn("DecrementIcon", {}))), /* @__PURE__ */ React.createElement(Children, _ref6.cn("Children", {})));
 }
 Controls.style = style;
-const InputNumber$1 = createComponent(InputNumber, {
+const InputNumber_default = createComponent(InputNumber, {
   Value,
   Controls,
   Addon: Input.Addon
 });
 export {
-  InputNumber$1 as default,
+  InputNumber_default as default,
   parseValueWithMinMax
 };

package/lib/esm/style/input-number.shadow.css

@@ -18,7 +18,7 @@ SUp,
 SDown {
   padding: 0;
   width: 16px;
-  color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
+  color: var(--intergalactic-icon-secondary-neutral, oklch(0.104 0.023 162.3 / 0.385));
   box-sizing: border-box;
   display: inline-flex;
   justify-content: center;
@@ -31,7 +31,7 @@ SDown {
   }
 
   &:hover {
-    color: var(--intergalactic-icon-secondary-neutral-hover-active, #878992);
+    color: var(--intergalactic-icon-secondary-neutral-hover-active, oklch(0.1 0.023 159.1 / 0.433));
   }
 }
 
@@ -58,7 +58,7 @@ SValue {
 }
 
 SValue[disabled] ~ SControls {
-  opacity: var(--intergalactic-disabled-opacity, 0.3);
+  opacity: var(--intergalactic-disabled-opacity, 0.4);
   cursor: default;
   pointer-events: none;
 }

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
 import ja from "./ja.json.mjs";
 import ko from "./ko.json.mjs";
 import nl from "./nl.json.mjs";
+import pl from "./pl.json.mjs";
 import pt from "./pt.json.mjs";
+import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-import pl from "./pl.json.mjs";
-import sv from "./sv.json.mjs";
 var localizedMessages = {
   de,
   en,

package/lib/types/index.d.ts

@@ -1,12 +1,10 @@
-import React from 'react';
-import { Intergalactic, PropGetterFn, UnknownProperties } from '@semcore/core';
-import { InputAddonProps, InputProps, InputValueProps } from '@semcore/input';
+import type { Intergalactic, PropGetterFn } from '@semcore/core';
+import type { InputAddonProps, InputProps, InputValueProps } from '@semcore/input';
+import type React from 'react';
 
 export type InputNumberValue = string;
 export type InputNumberSize = 'm' | 'l';
 
-/** @deprecated */
-export interface IInputNumberProps extends InputNumberProps, UnknownProperties {}
 export type InputNumberProps = InputProps & {
   /** Input size
    * @default m
@@ -18,8 +16,6 @@ export type InputNumberProps = InputProps & {
   locale?: string;
 };
 
-/** @deprecated */
-export interface IInputNumberValueProps extends InputNumberValueProps, UnknownProperties {}
 export type InputNumberValueProps = InputValueProps & {
   /** Minimum value
    * @default Number.MIN_SAFE_INTEGER
@@ -39,8 +35,6 @@ export type InputNumberValueProps = InputValueProps & {
   onChange?: (value: InputNumberValue, event?: React.SyntheticEvent<HTMLInputElement>) => void;
 };
 
-/** @deprecated */
-export interface IInputNumberControlsProps extends InputNumberControlsProps, UnknownProperties {}
 export type InputNumberControlsProps = InputAddonProps & {
   /** Always displays controls (steppers)
    * @default false
@@ -48,8 +42,6 @@ export type InputNumberControlsProps = InputAddonProps & {
   showControls?: boolean;
 };
 
-/** @deprecated */
-export interface IInputNumberCtx extends InputNumberCtx, UnknownProperties {}
 export type InputNumberCtx = {
   getValueProps: PropGetterFn;
   getControlsProps: PropGetterFn;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/input-number",
   "description": "Semrush InputNumber Component",
-  "version": "5.41.4-prerelease.0",
+  "version": "5.42.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,12 +14,12 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/input": "4.42.4-prerelease.0",
-    "@semcore/utils": "4.48.5-prerelease.0",
-    "@semcore/flex-box": "5.41.4-prerelease.0"
+    "@semcore/input": "4.43.0-prerelease.0",
+    "@semcore/utils": "4.49.0-prerelease.0",
+    "@semcore/flex-box": "5.42.0-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.4-prerelease.0",
+    "@semcore/core": "^2.40.0-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },