@semcore/input - npm Package Compare versions

Comparing version 1.5.1 to 1.6.0

CHANGELOG.md

 # Changelog
 
+
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [1.6.0] 2019-12-12
+
+### Added
+
+- Поддержка тем
+
+- Возможность подключить адаптивноссть
+
+- Возможность добавить изоляцию стилей
+
+### Changed
+
+- Алгоритм вставки стилей
+
+### Removed
+
+- Относительные единицы измерения
+
+- Адаптивность
+  
+  
+
+## [1.5.2] - 2019-11-28
+
+### Changed
+
+- переписан `Input.Value` на функцию с пробросом `ref`
+
 ## [1.5.1] - 2019-11-25
@@ -31,3 +60,3 @@
 
-## Fixed
+### Fixed
 
@@ -66,3 +95,3 @@ - Исправлено отображение бордеров инпута при автозаполнении.
 
-## Changed
+### Changed
 
@@ -69,0 +98,0 @@ - Обновлена версия `@semcore/utils`

lib/index.es.js

@@ -1,3 +0,1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
@@ -8,3 +6,5 @@ import _createClass from '@babel/runtime/helpers/createClass';
 import _inherits from '@babel/runtime/helpers/inherits';
-import React, { Component, PureComponent } from 'react';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React, { forwardRef, useContext, Component, PureComponent } from 'react';
 import cn from 'classnames';
@@ -19,22 +19,12 @@ import { Box } from '@semcore/flex-box';
 import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
+import injectStyle from '@semcore/utils/lib/injectStyle';
 
-(function cssModulesFnInject(_path) {
-  if (_path && typeof window !== 'undefined') {
-    var head = window.document.head;
-    var prevStyle = head.querySelector('._css-style');
-    var css = "._input_o6oz0_3{display:-webkit-inline-box;display:inline-flex;width:100%;-webkit-box-align:center;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:0 1px;box-sizing:border-box}._input_o6oz0_3 input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #faffbd inset}._input_o6oz0_3 input:-webkit-autofill~._input__outline_o6oz0_16{background-color:#faffbd}._input__control_o6oz0_22{min-width:0;width:100%;height:calc(100% - 2px);padding:0;border:none;box-sizing:border-box;color:#333;font-size:inherit;line-height:1;text-overflow:ellipsis;font-family:inherit;background:transparent}._input__control_o6oz0_22:focus{outline:none}._input__control_o6oz0_22::-webkit-input-placeholder{color:#aaa}._input__control_o6oz0_22::-moz-placeholder{color:#aaa}._input__control_o6oz0_22:-ms-input-placeholder{color:#aaa}._input__control_o6oz0_22::-ms-input-placeholder{color:#aaa}.input__control::-webkit-input-placeholder{color:#aaa}.input__control::-moz-placeholder{color:#aaa}.input__control:-ms-input-placeholder{color:#aaa}.input__control::-ms-input-placeholder{color:#aaa}._input__control_o6oz0_22::placeholder{color:#aaa}._input__control_o6oz0_22[readonly]~._input__outline_o6oz0_16{background:#f5f5f5}._input__control_o6oz0_22[disabled]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.3}._input__control_o6oz0_22[disabled]~._input__outline_o6oz0_16{opacity:.3;cursor:default;pointer-events:none}._input__outline_o6oz0_16{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;z-index:-1;background:#fff}._input__addon_o6oz0_72{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-flex:0;flex:0 0 auto;height:100%;color:#666}._input__addon--interactive_o6oz0_81{color:#a6b0b3;cursor:pointer}._input__addon--interactive_o6oz0_81:hover{color:#8b9396}._input__addon--disabled_o6oz0_90{opacity:.3;cursor:default;pointer-events:none}._input--size_s_o6oz0_96{font-size:.83333rem;height:1.5rem}._input--size_s_o6oz0_96 ._input__outline_o6oz0_16{border-radius:2px}._input--size_s_o6oz0_96 input:-webkit-autofill{border-radius:1px}._input__addon--size_s_o6oz0_110,._input__control--size_s_o6oz0_109{padding:0 .33333rem}._input--size_m_o6oz0_114{font-size:1rem;height:2.16666rem}._input--size_m_o6oz0_114 ._input__outline_o6oz0_16{border-radius:3px}._input--size_m_o6oz0_114 input:-webkit-autofill{border-radius:2px}._input__addon--size_m_o6oz0_128,._input__control--size_m_o6oz0_127{padding:0 .66666rem}._input--size_l_o6oz0_132{font-size:1.16666rem;height:2.66666rem}._input--size_l_o6oz0_132 ._input__outline_o6oz0_16{border-radius:4px}._input--size_l_o6oz0_132 input:-webkit-autofill{border-radius:3px}._input__addon--size_l_o6oz0_146,._input__control--size_l_o6oz0_145{padding:0 .66666rem}._input--size_xl_o6oz0_150{font-size:1.33333rem;height:3.5rem}._input--size_xl_o6oz0_150 ._input__outline_o6oz0_16{border-radius:5px}._input--size_xl_o6oz0_150 input:-webkit-autofill{border-radius:4px}._input__addon--size_xl_o6oz0_164,._input__control--size_xl_o6oz0_163{padding:0 1rem}._input--state_normal_o6oz0_168 ._input__outline_o6oz0_16{border-color:#a6b0b3}._input--state_normal_o6oz0_168 ._input__control_o6oz0_22:focus~._input__outline_o6oz0_16{border-color:#2b94e1;box-shadow:0 0 0 3px rgba(42,148,224,.3)}._input--state_valid_o6oz0_178 ._input__outline_o6oz0_16{border-color:#4fae33}._input--state_valid_o6oz0_178 ._input__control_o6oz0_22:focus~._input__outline_o6oz0_16{border-color:#4fae33;box-shadow:0 0 0 3px rgba(79,173,51,.3)}._input--state_invalid_o6oz0_188 ._input__outline_o6oz0_16{border-color:#ff7f00}._input--state_invalid_o6oz0_188 ._input__control_o6oz0_22:focus~._input__outline_o6oz0_16{border-color:#ff7f00;box-shadow:0 0 0 3px rgba(255,126,0,.3)}._input--neighbor-location_right_o6oz0_199 ._input__outline_o6oz0_16{border-top-right-radius:0;border-bottom-right-radius:0}._input--neighbor-location_both_o6oz0_205 ._input__outline_o6oz0_16{border-radius:0;border-left:none}._input--neighbor-location_left_o6oz0_211 ._input__outline_o6oz0_16{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}._input__control--neighbor-location_right_o6oz0_219{padding-right:0}._input__control--neighbor-location_both_o6oz0_223{padding-left:0;padding-right:0}._input__control--neighbor-location_left_o6oz0_228{padding-left:0}";
-
-    if (prevStyle && prevStyle.insertAdjacentText) {
-      prevStyle.insertAdjacentText("beforeend", css);
-    } else {
-      var style = window.document.createElement("style");
-      style.classList.add('_css-style');
-      style.innerHTML = css;
-      head.appendChild(style);
-    }
+(function cssModulesFnInject(_path, _pathMedia) {
+  if (_path || _pathMedia) {
+    injectStyle("._input_ukn85_gg_{display:-webkit-inline-box;display:inline-flex;width:100%;-webkit-box-align:center;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:0 1px;box-sizing:border-box}._input_ukn85_gg_ input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #faffbd inset}._input_ukn85_gg_ input:-webkit-autofill~._input__outline_6fcam_gg_{background-color:#faffbd}._input__control_61v4o_gg_{min-width:0;width:100%;height:calc(100% - 2px);padding:0;border:none;box-sizing:border-box;color:#333;font-size:inherit;line-height:1;text-overflow:ellipsis;font-family:inherit;background:transparent}._input__control_61v4o_gg_:focus{outline:none}._input__control_61v4o_gg_::-webkit-input-placeholder{color:#aaa}._input__control_61v4o_gg_::-moz-placeholder{color:#aaa}._input__control_61v4o_gg_:-ms-input-placeholder{color:#aaa}._input__control_61v4o_gg_::-ms-input-placeholder{color:#aaa}.input__control::-webkit-input-placeholder{color:#aaa}.input__control::-moz-placeholder{color:#aaa}.input__control:-ms-input-placeholder{color:#aaa}.input__control::-ms-input-placeholder{color:#aaa}._input__control_61v4o_gg_::placeholder{color:#aaa}._input__control_61v4o_gg_[readonly]~._input__outline_6fcam_gg_{background:#f5f5f5}._input__control_61v4o_gg_[disabled]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.3}._input__control_61v4o_gg_[disabled]~._input__outline_6fcam_gg_{opacity:.3;cursor:default;pointer-events:none}._input__outline_6fcam_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;z-index:-1;background:#fff}._input__addon_1s7gp_gg_{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-flex:0;flex:0 0 auto;height:100%;color:#666}._input__addon--interactive_5jwd8_gg_{color:#a6b0b3;cursor:pointer}._input__addon--interactive_5jwd8_gg_:hover{color:#8b9396}._input__addon--disabled_3yke7_gg_{opacity:.3;cursor:default;pointer-events:none}._input--size_s_8sr8b_gg_{font-size:10px;height:18px}._input--size_s_8sr8b_gg_ ._input__outline_6fcam_gg_{border-radius:2px}._input--size_s_8sr8b_gg_ input:-webkit-autofill{border-radius:1px}._input__addon--size_s_mii5o_gg_,._input__control--size_s_rjafn_gg_{padding:0 4px}._input--size_m_awvru_gg_{font-size:12px;height:26px}._input--size_m_awvru_gg_ ._input__outline_6fcam_gg_{border-radius:3px}._input--size_m_awvru_gg_ input:-webkit-autofill{border-radius:2px}._input__addon--size_m_1se7s_gg_,._input__control--size_m_19ui7_gg_{padding:0 8px}._input--size_l_1054t_gg_{font-size:14px;height:32px}._input--size_l_1054t_gg_ ._input__outline_6fcam_gg_{border-radius:4px}._input--size_l_1054t_gg_ input:-webkit-autofill{border-radius:3px}._input__addon--size_l_1lqdj_gg_,._input__control--size_l_yzya7_gg_{padding:0 8px}._input--size_xl_1nqpz_gg_{font-size:16px;height:42px}._input--size_xl_1nqpz_gg_ ._input__outline_6fcam_gg_{border-radius:5px}._input--size_xl_1nqpz_gg_ input:-webkit-autofill{border-radius:4px}._input__addon--size_xl_trlc4_gg_,._input__control--size_xl_nn8de_gg_{padding:0 12px}._input--state_normal_ulbku_gg_ ._input__outline_6fcam_gg_{border-color:#a6b0b3}._input--state_normal_ulbku_gg_ ._input__control_61v4o_gg_:focus~._input__outline_6fcam_gg_{border-color:#2b94e1;box-shadow:0 0 0 3px rgba(42,148,224,.3)}._input--state_valid_1ul02_gg_ ._input__outline_6fcam_gg_{border-color:#4fae33}._input--state_valid_1ul02_gg_ ._input__control_61v4o_gg_:focus~._input__outline_6fcam_gg_{border-color:#4fae33;box-shadow:0 0 0 3px rgba(79,173,51,.3)}._input--state_invalid_11n35_gg_ ._input__outline_6fcam_gg_{border-color:#ff7f00}._input--state_invalid_11n35_gg_ ._input__control_61v4o_gg_:focus~._input__outline_6fcam_gg_{border-color:#ff7f00;box-shadow:0 0 0 3px rgba(255,126,0,.3)}._input--neighbor-location_right_15t9t_gg_ ._input__outline_6fcam_gg_{border-top-right-radius:0;border-bottom-right-radius:0}._input--neighbor-location_both_vz05m_gg_ ._input__outline_6fcam_gg_{border-radius:0;border-left:none}._input--neighbor-location_left_slsyt_gg_ ._input__outline_6fcam_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}._input__control--neighbor-location_right_17cey_gg_{padding-right:0}._input__control--neighbor-location_both_kldx6_gg_{padding-left:0;padding-right:0}._input__control--neighbor-location_left_u7uew_gg_{padding-left:0}");
   }
-})('./input.style.css');
+})("@semcore/input/lib/input.style.css", "@semcore/input/lib/input-media.style.css");
 
 function block() {
-  return '_input_o6oz0_3';
+  return '_input_ukn85_gg_';
 }
@@ -44,6 +34,6 @@
   return {
-    "s": "_input--size_s_o6oz0_96",
-    "m": "_input--size_m_o6oz0_114",
-    "l": "_input--size_l_o6oz0_132",
-    "xl": "_input--size_xl_o6oz0_150"
+    "s": "_input--size_s_8sr8b_gg_",
+    "m": "_input--size_m_awvru_gg_",
+    "l": "_input--size_l_1054t_gg_",
+    "xl": "_input--size_xl_1nqpz_gg_"
   }[value || 'block'];
@@ -54,5 +44,5 @@ };
   return {
-    "normal": "_input--state_normal_o6oz0_168",
-    "valid": "_input--state_valid_o6oz0_178",
-    "invalid": "_input--state_invalid_o6oz0_188"
+    "normal": "_input--state_normal_ulbku_gg_",
+    "valid": "_input--state_valid_1ul02_gg_",
+    "invalid": "_input--state_invalid_11n35_gg_"
   }[value || 'block'];
@@ -63,5 +53,5 @@ };
   return {
-    "right": "_input--neighbor-location_right_o6oz0_199",
-    "both": "_input--neighbor-location_both_o6oz0_205",
-    "left": "_input--neighbor-location_left_o6oz0_211"
+    "right": "_input--neighbor-location_right_15t9t_gg_",
+    "both": "_input--neighbor-location_both_vz05m_gg_",
+    "left": "_input--neighbor-location_left_slsyt_gg_"
   }[value || 'block'];
@@ -71,7 +61,7 @@ };
 function outline() {
-  return '_input__outline_o6oz0_16';
+  return '_input__outline_6fcam_gg_';
 }
 
 function control() {
-  return '_input__control_o6oz0_22';
+  return '_input__control_61v4o_gg_';
 }
@@ -81,6 +71,6 @@
   return {
-    "s": "_input__control--size_s_o6oz0_109",
-    "m": "_input__control--size_m_o6oz0_127",
-    "l": "_input__control--size_l_o6oz0_145",
-    "xl": "_input__control--size_xl_o6oz0_163"
+    "s": "_input__control--size_s_rjafn_gg_",
+    "m": "_input__control--size_m_19ui7_gg_",
+    "l": "_input__control--size_l_yzya7_gg_",
+    "xl": "_input__control--size_xl_nn8de_gg_"
   }[value || 'block'];
@@ -91,5 +81,5 @@ };
   return {
-    "right": "_input__control--neighbor-location_right_o6oz0_219",
-    "both": "_input__control--neighbor-location_both_o6oz0_223",
-    "left": "_input__control--neighbor-location_left_o6oz0_228"
+    "right": "_input__control--neighbor-location_right_17cey_gg_",
+    "both": "_input__control--neighbor-location_both_kldx6_gg_",
+    "left": "_input__control--neighbor-location_left_u7uew_gg_"
   }[value || 'block'];
@@ -99,3 +89,3 @@ };
 function addon() {
-  return '_input__addon_o6oz0_72';
+  return '_input__addon_1s7gp_gg_';
 }
@@ -105,3 +95,3 @@
   return {
-    "block": "_input__addon--interactive_o6oz0_81"
+    "block": "_input__addon--interactive_5jwd8_gg_"
   }[value || 'block'];
@@ -112,3 +102,3 @@ };
   return {
-    "block": "_input__addon--disabled_o6oz0_90"
+    "block": "_input__addon--disabled_3yke7_gg_"
   }[value || 'block'];
@@ -119,6 +109,6 @@ };
   return {
-    "s": "_input__addon--size_s_o6oz0_110",
-    "m": "_input__addon--size_m_o6oz0_128",
-    "l": "_input__addon--size_l_o6oz0_146",
-    "xl": "_input__addon--size_xl_o6oz0_164"
+    "s": "_input__addon--size_s_mii5o_gg_",
+    "m": "_input__addon--size_m_1se7s_gg_",
+    "l": "_input__addon--size_l_1lqdj_gg_",
+    "xl": "_input__addon--size_xl_trlc4_gg_"
   }[value || 'block'];
@@ -134,48 +124,31 @@ };
     Consumer = InputContext.Consumer;
+var InputValue = forwardRef(function (props, ref) {
+  var _cn;
 
-var InputValue =
-/*#__PURE__*/
-function (_Component) {
-  _inherits(InputValue, _Component);
+  var className = props.className,
+      neighborLocation = props.neighborLocation,
+      autoFocus = props.autoFocus,
+      sizeProp = props.size,
+      forwardedRef = props.forwardedRef,
+      other = _objectWithoutProperties(props, ["className", "neighborLocation", "autoFocus", "size", "forwardedRef"]);
 
-  function InputValue() {
-    _classCallCheck(this, InputValue);
+  var _useContext = useContext(InputContext),
+      inputRef = _useContext.inputRef,
+      sizeContext = _useContext.size;
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(InputValue).apply(this, arguments));
-  }
+  var setInputRef = function setInputRef(node) {
+    setRef(ref, node);
+    setRef(forwardedRef, node);
+    setRef(inputRef, node);
+  };
 
-  _createClass(InputValue, [{
-    key: "render",
-    value: function render() {
-      var _cn;
-
-      var _this$props = this.props,
-          className = _this$props.className,
-          neighborLocation = _this$props.neighborLocation,
-          autoFocus = _this$props.autoFocus,
-          sizeProp = _this$props.size,
-          forwardedRef = _this$props.forwardedRef,
-          other = _objectWithoutProperties(_this$props, ["className", "neighborLocation", "autoFocus", "size", "forwardedRef"]);
-
-      var _this$context = this.context,
-          inputRef = _this$context.inputRef,
-          sizeContext = _this$context.size;
-      var size = sizeProp === undefined ? sizeContext : sizeProp;
-      var classes = cn(control(), (_cn = {}, _defineProperty(_cn, control.neighborLocation(neighborLocation), neighborLocation), _defineProperty(_cn, control.size(size), size), _cn), className);
-      return React.createElement("input", Object.assign({
-        type: "text",
-        className: classes,
-        ref: function ref(_ref) {
-          setRef(forwardedRef, _ref);
-          setRef(inputRef, _ref);
-        }
-      }, propsForElement(other)));
-    }
-  }]);
-
-  return InputValue;
-}(Component);
-
+  var size = sizeProp === undefined ? sizeContext : sizeProp;
+  var classes = cn(control(), (_cn = {}, _defineProperty(_cn, control.neighborLocation(neighborLocation), neighborLocation), _defineProperty(_cn, control.size(size), size), _cn), className);
+  return React.createElement("input", Object.assign({
+    type: "text",
+    className: classes,
+    ref: setInputRef
+  }, propsForElement(other)));
+});
 InputValue.displayName = 'Input.Value';
-InputValue.contextType = InputContext;
 
@@ -198,14 +171,14 @@ var InputAddon =
 
-      var _this$props2 = this.props,
-          className = _this$props2.className,
-          interactive = _this$props2.interactive,
-          disabled = _this$props2.disabled,
-          children = _this$props2.children,
-          onMouseDown = _this$props2.onMouseDown,
-          sizeProp = _this$props2.size,
-          other = _objectWithoutProperties(_this$props2, ["className", "interactive", "disabled", "children", "onMouseDown", "size"]);
+      var _this$props = this.props,
+          className = _this$props.className,
+          interactive = _this$props.interactive,
+          disabled = _this$props.disabled,
+          children = _this$props.children,
+          onMouseDown = _this$props.onMouseDown,
+          sizeProp = _this$props.size,
+          other = _objectWithoutProperties(_this$props, ["className", "interactive", "disabled", "children", "onMouseDown", "size"]);
 
-      var _this$context2 = this.context,
-          focus = _this$context2.focus,
-          sizeContext = _this$context2.size;
+      var _this$context = this.context,
+          focus = _this$context.focus,
+          sizeContext = _this$context.size;
       var size = sizeProp === undefined ? sizeContext : sizeProp;
@@ -231,4 +204,4 @@ var styles = cn(addon(), (_cn2 = {}, _defineProperty(_cn2, addon.interactive(), interactive), _defineProperty(_cn2, addon.disabled(), disabled), _defineProperty(_cn2, addon.size(size), size), _cn2), className);
 /*#__PURE__*/
-function (_Component2) {
-  _inherits(Input, _Component2);
+function (_Component) {
+  _inherits(Input, _Component);
 
@@ -258,10 +231,10 @@ function Input() {
 
-      var _this$props3 = this.props,
-          size = _this$props3.size,
-          state = _this$props3.state,
-          className = _this$props3.className,
-          children = _this$props3.children,
-          neighborLocation = _this$props3.neighborLocation,
-          controlsLength = _this$props3.controlsLength,
-          other = _objectWithoutProperties(_this$props3, ["size", "state", "className", "children", "neighborLocation", "controlsLength"]);
+      var _this$props2 = this.props,
+          size = _this$props2.size,
+          state = _this$props2.state,
+          className = _this$props2.className,
+          children = _this$props2.children,
+          neighborLocation = _this$props2.neighborLocation,
+          controlsLength = _this$props2.controlsLength,
+          other = _objectWithoutProperties(_this$props2, ["size", "state", "className", "children", "neighborLocation", "controlsLength"]);
 
@@ -268,0 +241,0 @@ var classes = cn(block(), (_cn3 = {}, _defineProperty(_cn3, block.size(size), size), _defineProperty(_cn3, block.state(state), state), _defineProperty(_cn3, block.neighborLocation(neighborLocation), neighborLocation), _cn3), className);

lib/index.js

@@ -7,4 +7,2 @@ 'use strict';
 
-var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
-var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
 var _classCallCheck = _interopDefault(require('@babel/runtime/helpers/classCallCheck'));
@@ -15,2 +13,4 @@ var _createClass = _interopDefault(require('@babel/runtime/helpers/createClass'));
 var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
+var _defineProperty = _interopDefault(require('@babel/runtime/helpers/defineProperty'));
+var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties'));
 var React = require('react');
@@ -28,22 +28,12 @@ var React__default = _interopDefault(React);
 var assignProps = require('@semcore/utils/lib/assignProps');
+var injectStyle = _interopDefault(require('@semcore/utils/lib/injectStyle'));
 
-(function cssModulesFnInject(_path) {
-  if (_path && typeof window !== 'undefined') {
-    var head = window.document.head;
-    var prevStyle = head.querySelector('._css-style');
-    var css = "._input_o6oz0_3{display:-webkit-inline-box;display:inline-flex;width:100%;-webkit-box-align:center;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:0 1px;box-sizing:border-box}._input_o6oz0_3 input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #faffbd inset}._input_o6oz0_3 input:-webkit-autofill~._input__outline_o6oz0_16{background-color:#faffbd}._input__control_o6oz0_22{min-width:0;width:100%;height:calc(100% - 2px);padding:0;border:none;box-sizing:border-box;color:#333;font-size:inherit;line-height:1;text-overflow:ellipsis;font-family:inherit;background:transparent}._input__control_o6oz0_22:focus{outline:none}._input__control_o6oz0_22::-webkit-input-placeholder{color:#aaa}._input__control_o6oz0_22::-moz-placeholder{color:#aaa}._input__control_o6oz0_22:-ms-input-placeholder{color:#aaa}._input__control_o6oz0_22::-ms-input-placeholder{color:#aaa}.input__control::-webkit-input-placeholder{color:#aaa}.input__control::-moz-placeholder{color:#aaa}.input__control:-ms-input-placeholder{color:#aaa}.input__control::-ms-input-placeholder{color:#aaa}._input__control_o6oz0_22::placeholder{color:#aaa}._input__control_o6oz0_22[readonly]~._input__outline_o6oz0_16{background:#f5f5f5}._input__control_o6oz0_22[disabled]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.3}._input__control_o6oz0_22[disabled]~._input__outline_o6oz0_16{opacity:.3;cursor:default;pointer-events:none}._input__outline_o6oz0_16{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;z-index:-1;background:#fff}._input__addon_o6oz0_72{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-flex:0;flex:0 0 auto;height:100%;color:#666}._input__addon--interactive_o6oz0_81{color:#a6b0b3;cursor:pointer}._input__addon--interactive_o6oz0_81:hover{color:#8b9396}._input__addon--disabled_o6oz0_90{opacity:.3;cursor:default;pointer-events:none}._input--size_s_o6oz0_96{font-size:.83333rem;height:1.5rem}._input--size_s_o6oz0_96 ._input__outline_o6oz0_16{border-radius:2px}._input--size_s_o6oz0_96 input:-webkit-autofill{border-radius:1px}._input__addon--size_s_o6oz0_110,._input__control--size_s_o6oz0_109{padding:0 .33333rem}._input--size_m_o6oz0_114{font-size:1rem;height:2.16666rem}._input--size_m_o6oz0_114 ._input__outline_o6oz0_16{border-radius:3px}._input--size_m_o6oz0_114 input:-webkit-autofill{border-radius:2px}._input__addon--size_m_o6oz0_128,._input__control--size_m_o6oz0_127{padding:0 .66666rem}._input--size_l_o6oz0_132{font-size:1.16666rem;height:2.66666rem}._input--size_l_o6oz0_132 ._input__outline_o6oz0_16{border-radius:4px}._input--size_l_o6oz0_132 input:-webkit-autofill{border-radius:3px}._input__addon--size_l_o6oz0_146,._input__control--size_l_o6oz0_145{padding:0 .66666rem}._input--size_xl_o6oz0_150{font-size:1.33333rem;height:3.5rem}._input--size_xl_o6oz0_150 ._input__outline_o6oz0_16{border-radius:5px}._input--size_xl_o6oz0_150 input:-webkit-autofill{border-radius:4px}._input__addon--size_xl_o6oz0_164,._input__control--size_xl_o6oz0_163{padding:0 1rem}._input--state_normal_o6oz0_168 ._input__outline_o6oz0_16{border-color:#a6b0b3}._input--state_normal_o6oz0_168 ._input__control_o6oz0_22:focus~._input__outline_o6oz0_16{border-color:#2b94e1;box-shadow:0 0 0 3px rgba(42,148,224,.3)}._input--state_valid_o6oz0_178 ._input__outline_o6oz0_16{border-color:#4fae33}._input--state_valid_o6oz0_178 ._input__control_o6oz0_22:focus~._input__outline_o6oz0_16{border-color:#4fae33;box-shadow:0 0 0 3px rgba(79,173,51,.3)}._input--state_invalid_o6oz0_188 ._input__outline_o6oz0_16{border-color:#ff7f00}._input--state_invalid_o6oz0_188 ._input__control_o6oz0_22:focus~._input__outline_o6oz0_16{border-color:#ff7f00;box-shadow:0 0 0 3px rgba(255,126,0,.3)}._input--neighbor-location_right_o6oz0_199 ._input__outline_o6oz0_16{border-top-right-radius:0;border-bottom-right-radius:0}._input--neighbor-location_both_o6oz0_205 ._input__outline_o6oz0_16{border-radius:0;border-left:none}._input--neighbor-location_left_o6oz0_211 ._input__outline_o6oz0_16{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}._input__control--neighbor-location_right_o6oz0_219{padding-right:0}._input__control--neighbor-location_both_o6oz0_223{padding-left:0;padding-right:0}._input__control--neighbor-location_left_o6oz0_228{padding-left:0}";
-
-    if (prevStyle && prevStyle.insertAdjacentText) {
-      prevStyle.insertAdjacentText("beforeend", css);
-    } else {
-      var style = window.document.createElement("style");
-      style.classList.add('_css-style');
-      style.innerHTML = css;
-      head.appendChild(style);
-    }
+(function cssModulesFnInject(_path, _pathMedia) {
+  if (_path || _pathMedia) {
+    injectStyle("._input_ukn85_gg_{display:-webkit-inline-box;display:inline-flex;width:100%;-webkit-box-align:center;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:0 1px;box-sizing:border-box}._input_ukn85_gg_ input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #faffbd inset}._input_ukn85_gg_ input:-webkit-autofill~._input__outline_6fcam_gg_{background-color:#faffbd}._input__control_61v4o_gg_{min-width:0;width:100%;height:calc(100% - 2px);padding:0;border:none;box-sizing:border-box;color:#333;font-size:inherit;line-height:1;text-overflow:ellipsis;font-family:inherit;background:transparent}._input__control_61v4o_gg_:focus{outline:none}._input__control_61v4o_gg_::-webkit-input-placeholder{color:#aaa}._input__control_61v4o_gg_::-moz-placeholder{color:#aaa}._input__control_61v4o_gg_:-ms-input-placeholder{color:#aaa}._input__control_61v4o_gg_::-ms-input-placeholder{color:#aaa}.input__control::-webkit-input-placeholder{color:#aaa}.input__control::-moz-placeholder{color:#aaa}.input__control:-ms-input-placeholder{color:#aaa}.input__control::-ms-input-placeholder{color:#aaa}._input__control_61v4o_gg_::placeholder{color:#aaa}._input__control_61v4o_gg_[readonly]~._input__outline_6fcam_gg_{background:#f5f5f5}._input__control_61v4o_gg_[disabled]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.3}._input__control_61v4o_gg_[disabled]~._input__outline_6fcam_gg_{opacity:.3;cursor:default;pointer-events:none}._input__outline_6fcam_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;z-index:-1;background:#fff}._input__addon_1s7gp_gg_{display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-flex:0;flex:0 0 auto;height:100%;color:#666}._input__addon--interactive_5jwd8_gg_{color:#a6b0b3;cursor:pointer}._input__addon--interactive_5jwd8_gg_:hover{color:#8b9396}._input__addon--disabled_3yke7_gg_{opacity:.3;cursor:default;pointer-events:none}._input--size_s_8sr8b_gg_{font-size:10px;height:18px}._input--size_s_8sr8b_gg_ ._input__outline_6fcam_gg_{border-radius:2px}._input--size_s_8sr8b_gg_ input:-webkit-autofill{border-radius:1px}._input__addon--size_s_mii5o_gg_,._input__control--size_s_rjafn_gg_{padding:0 4px}._input--size_m_awvru_gg_{font-size:12px;height:26px}._input--size_m_awvru_gg_ ._input__outline_6fcam_gg_{border-radius:3px}._input--size_m_awvru_gg_ input:-webkit-autofill{border-radius:2px}._input__addon--size_m_1se7s_gg_,._input__control--size_m_19ui7_gg_{padding:0 8px}._input--size_l_1054t_gg_{font-size:14px;height:32px}._input--size_l_1054t_gg_ ._input__outline_6fcam_gg_{border-radius:4px}._input--size_l_1054t_gg_ input:-webkit-autofill{border-radius:3px}._input__addon--size_l_1lqdj_gg_,._input__control--size_l_yzya7_gg_{padding:0 8px}._input--size_xl_1nqpz_gg_{font-size:16px;height:42px}._input--size_xl_1nqpz_gg_ ._input__outline_6fcam_gg_{border-radius:5px}._input--size_xl_1nqpz_gg_ input:-webkit-autofill{border-radius:4px}._input__addon--size_xl_trlc4_gg_,._input__control--size_xl_nn8de_gg_{padding:0 12px}._input--state_normal_ulbku_gg_ ._input__outline_6fcam_gg_{border-color:#a6b0b3}._input--state_normal_ulbku_gg_ ._input__control_61v4o_gg_:focus~._input__outline_6fcam_gg_{border-color:#2b94e1;box-shadow:0 0 0 3px rgba(42,148,224,.3)}._input--state_valid_1ul02_gg_ ._input__outline_6fcam_gg_{border-color:#4fae33}._input--state_valid_1ul02_gg_ ._input__control_61v4o_gg_:focus~._input__outline_6fcam_gg_{border-color:#4fae33;box-shadow:0 0 0 3px rgba(79,173,51,.3)}._input--state_invalid_11n35_gg_ ._input__outline_6fcam_gg_{border-color:#ff7f00}._input--state_invalid_11n35_gg_ ._input__control_61v4o_gg_:focus~._input__outline_6fcam_gg_{border-color:#ff7f00;box-shadow:0 0 0 3px rgba(255,126,0,.3)}._input--neighbor-location_right_15t9t_gg_ ._input__outline_6fcam_gg_{border-top-right-radius:0;border-bottom-right-radius:0}._input--neighbor-location_both_vz05m_gg_ ._input__outline_6fcam_gg_{border-radius:0;border-left:none}._input--neighbor-location_left_slsyt_gg_ ._input__outline_6fcam_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}._input__control--neighbor-location_right_17cey_gg_{padding-right:0}._input__control--neighbor-location_both_kldx6_gg_{padding-left:0;padding-right:0}._input__control--neighbor-location_left_u7uew_gg_{padding-left:0}");
   }
-})('./input.style.css');
+})("@semcore/input/lib/input.style.css", "@semcore/input/lib/input-media.style.css");
 
 function block() {
-  return '_input_o6oz0_3';
+  return '_input_ukn85_gg_';
 }
@@ -53,6 +43,6 @@
   return {
-    "s": "_input--size_s_o6oz0_96",
-    "m": "_input--size_m_o6oz0_114",
-    "l": "_input--size_l_o6oz0_132",
-    "xl": "_input--size_xl_o6oz0_150"
+    "s": "_input--size_s_8sr8b_gg_",
+    "m": "_input--size_m_awvru_gg_",
+    "l": "_input--size_l_1054t_gg_",
+    "xl": "_input--size_xl_1nqpz_gg_"
   }[value || 'block'];
@@ -63,5 +53,5 @@ };
   return {
-    "normal": "_input--state_normal_o6oz0_168",
-    "valid": "_input--state_valid_o6oz0_178",
-    "invalid": "_input--state_invalid_o6oz0_188"
+    "normal": "_input--state_normal_ulbku_gg_",
+    "valid": "_input--state_valid_1ul02_gg_",
+    "invalid": "_input--state_invalid_11n35_gg_"
   }[value || 'block'];
@@ -72,5 +62,5 @@ };
   return {
-    "right": "_input--neighbor-location_right_o6oz0_199",
-    "both": "_input--neighbor-location_both_o6oz0_205",
-    "left": "_input--neighbor-location_left_o6oz0_211"
+    "right": "_input--neighbor-location_right_15t9t_gg_",
+    "both": "_input--neighbor-location_both_vz05m_gg_",
+    "left": "_input--neighbor-location_left_slsyt_gg_"
   }[value || 'block'];
@@ -80,7 +70,7 @@ };
 function outline() {
-  return '_input__outline_o6oz0_16';
+  return '_input__outline_6fcam_gg_';
 }
 
 function control() {
-  return '_input__control_o6oz0_22';
+  return '_input__control_61v4o_gg_';
 }
@@ -90,6 +80,6 @@
   return {
-    "s": "_input__control--size_s_o6oz0_109",
-    "m": "_input__control--size_m_o6oz0_127",
-    "l": "_input__control--size_l_o6oz0_145",
-    "xl": "_input__control--size_xl_o6oz0_163"
+    "s": "_input__control--size_s_rjafn_gg_",
+    "m": "_input__control--size_m_19ui7_gg_",
+    "l": "_input__control--size_l_yzya7_gg_",
+    "xl": "_input__control--size_xl_nn8de_gg_"
   }[value || 'block'];
@@ -100,5 +90,5 @@ };
   return {
-    "right": "_input__control--neighbor-location_right_o6oz0_219",
-    "both": "_input__control--neighbor-location_both_o6oz0_223",
-    "left": "_input__control--neighbor-location_left_o6oz0_228"
+    "right": "_input__control--neighbor-location_right_17cey_gg_",
+    "both": "_input__control--neighbor-location_both_kldx6_gg_",
+    "left": "_input__control--neighbor-location_left_u7uew_gg_"
   }[value || 'block'];
@@ -108,3 +98,3 @@ };
 function addon() {
-  return '_input__addon_o6oz0_72';
+  return '_input__addon_1s7gp_gg_';
 }
@@ -114,3 +104,3 @@
   return {
-    "block": "_input__addon--interactive_o6oz0_81"
+    "block": "_input__addon--interactive_5jwd8_gg_"
   }[value || 'block'];
@@ -121,3 +111,3 @@ };
   return {
-    "block": "_input__addon--disabled_o6oz0_90"
+    "block": "_input__addon--disabled_3yke7_gg_"
   }[value || 'block'];
@@ -128,6 +118,6 @@ };
   return {
-    "s": "_input__addon--size_s_o6oz0_110",
-    "m": "_input__addon--size_m_o6oz0_128",
-    "l": "_input__addon--size_l_o6oz0_146",
-    "xl": "_input__addon--size_xl_o6oz0_164"
+    "s": "_input__addon--size_s_mii5o_gg_",
+    "m": "_input__addon--size_m_1se7s_gg_",
+    "l": "_input__addon--size_l_1lqdj_gg_",
+    "xl": "_input__addon--size_xl_trlc4_gg_"
   }[value || 'block'];
@@ -143,48 +133,31 @@ };
     Consumer = InputContext.Consumer;
+var InputValue = React.forwardRef(function (props, ref) {
+  var _cn;
 
-var InputValue =
-/*#__PURE__*/
-function (_Component) {
-  _inherits(InputValue, _Component);
+  var className = props.className,
+      neighborLocation = props.neighborLocation,
+      autoFocus = props.autoFocus,
+      sizeProp = props.size,
+      forwardedRef = props.forwardedRef,
+      other = _objectWithoutProperties(props, ["className", "neighborLocation", "autoFocus", "size", "forwardedRef"]);
 
-  function InputValue() {
-    _classCallCheck(this, InputValue);
+  var _useContext = React.useContext(InputContext),
+      inputRef = _useContext.inputRef,
+      sizeContext = _useContext.size;
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(InputValue).apply(this, arguments));
-  }
+  var setInputRef = function setInputRef(node) {
+    setRef(ref, node);
+    setRef(forwardedRef, node);
+    setRef(inputRef, node);
+  };
 
-  _createClass(InputValue, [{
-    key: "render",
-    value: function render() {
-      var _cn;
-
-      var _this$props = this.props,
-          className = _this$props.className,
-          neighborLocation = _this$props.neighborLocation,
-          autoFocus = _this$props.autoFocus,
-          sizeProp = _this$props.size,
-          forwardedRef = _this$props.forwardedRef,
-          other = _objectWithoutProperties(_this$props, ["className", "neighborLocation", "autoFocus", "size", "forwardedRef"]);
-
-      var _this$context = this.context,
-          inputRef = _this$context.inputRef,
-          sizeContext = _this$context.size;
-      var size = sizeProp === undefined ? sizeContext : sizeProp;
-      var classes = cn(control(), (_cn = {}, _defineProperty(_cn, control.neighborLocation(neighborLocation), neighborLocation), _defineProperty(_cn, control.size(size), size), _cn), className);
-      return React__default.createElement("input", Object.assign({
-        type: "text",
-        className: classes,
-        ref: function ref(_ref) {
-          setRef(forwardedRef, _ref);
-          setRef(inputRef, _ref);
-        }
-      }, propsForElement(other)));
-    }
-  }]);
-
-  return InputValue;
-}(React.Component);
-
+  var size = sizeProp === undefined ? sizeContext : sizeProp;
+  var classes = cn(control(), (_cn = {}, _defineProperty(_cn, control.neighborLocation(neighborLocation), neighborLocation), _defineProperty(_cn, control.size(size), size), _cn), className);
+  return React__default.createElement("input", Object.assign({
+    type: "text",
+    className: classes,
+    ref: setInputRef
+  }, propsForElement(other)));
+});
 InputValue.displayName = 'Input.Value';
-InputValue.contextType = InputContext;
 
@@ -207,14 +180,14 @@ var InputAddon =
 
-      var _this$props2 = this.props,
-          className = _this$props2.className,
-          interactive = _this$props2.interactive,
-          disabled = _this$props2.disabled,
-          children = _this$props2.children,
-          onMouseDown = _this$props2.onMouseDown,
-          sizeProp = _this$props2.size,
-          other = _objectWithoutProperties(_this$props2, ["className", "interactive", "disabled", "children", "onMouseDown", "size"]);
+      var _this$props = this.props,
+          className = _this$props.className,
+          interactive = _this$props.interactive,
+          disabled = _this$props.disabled,
+          children = _this$props.children,
+          onMouseDown = _this$props.onMouseDown,
+          sizeProp = _this$props.size,
+          other = _objectWithoutProperties(_this$props, ["className", "interactive", "disabled", "children", "onMouseDown", "size"]);
 
-      var _this$context2 = this.context,
-          focus = _this$context2.focus,
-          sizeContext = _this$context2.size;
+      var _this$context = this.context,
+          focus = _this$context.focus,
+          sizeContext = _this$context.size;
       var size = sizeProp === undefined ? sizeContext : sizeProp;
@@ -240,4 +213,4 @@ var styles = cn(addon(), (_cn2 = {}, _defineProperty(_cn2, addon.interactive(), interactive), _defineProperty(_cn2, addon.disabled(), disabled), _defineProperty(_cn2, addon.size(size), size), _cn2), className);
 /*#__PURE__*/
-function (_Component2) {
-  _inherits(Input, _Component2);
+function (_Component) {
+  _inherits(Input, _Component);
 
@@ -267,10 +240,10 @@ function Input() {
 
-      var _this$props3 = this.props,
-          size = _this$props3.size,
-          state = _this$props3.state,
-          className = _this$props3.className,
-          children = _this$props3.children,
-          neighborLocation = _this$props3.neighborLocation,
-          controlsLength = _this$props3.controlsLength,
-          other = _objectWithoutProperties(_this$props3, ["size", "state", "className", "children", "neighborLocation", "controlsLength"]);
+      var _this$props2 = this.props,
+          size = _this$props2.size,
+          state = _this$props2.state,
+          className = _this$props2.className,
+          children = _this$props2.children,
+          neighborLocation = _this$props2.neighborLocation,
+          controlsLength = _this$props2.controlsLength,
+          other = _objectWithoutProperties(_this$props2, ["size", "state", "className", "children", "neighborLocation", "controlsLength"]);
 
@@ -277,0 +250,0 @@ var classes = cn(block(), (_cn3 = {}, _defineProperty(_cn3, block.size(size), size), _defineProperty(_cn3, block.state(state), state), _defineProperty(_cn3, block.neighborLocation(neighborLocation), neighborLocation), _cn3), className);

lib/Input.d.ts

@@ -23,7 +23,2 @@ import React, { Component, PureComponent } from 'react';
 }
-declare class InputValue extends Component<IInputValueProps & Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, 'autoFocus'>, 'size'>> {
-    static displayName: string;
-    static contextType: React.Context<IInputContextProps>;
-    render(): JSX.Element;
-}
 export interface IInputAddonProps extends IBoxProps {
@@ -69,3 +64,3 @@ /** Добавляет стили для интерактивных иконок
     };
-    static Value: typeof InputValue;
+    static Value: React.ForwardRefExoticComponent<IInputValueProps & Pick<Pick<React.InputHTMLAttributes<HTMLInputElement>, "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "size" | "src" | "step" | "type" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "height" | "list" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "name" | "pattern" | "placeholder" | "readOnly" | "required" | "src" | "step" | "type" | "value" | "width" | "onChange" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<unknown>>;
     static Addon: typeof InputAddon;
@@ -72,0 +67,0 @@ private inputElement;

package.json

 {
   "name": "@semcore/input",
   "description": "SEMRush Input Component",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "main": "lib/index.js",
@@ -15,5 +15,5 @@ "module": "lib/index.es.js",
   "dependencies": {
-    "@semcore/utils": "^3.4",
-    "@semcore/flex-box": "^3.3",
-    "@semcore/neighbor-location": "^1.0"
+    "@semcore/utils": "^3.5",
+    "@semcore/flex-box": "^3.4",
+    "@semcore/neighbor-location": "^1.1"
   },
@@ -20,0 +20,0 @@ "jest": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

80974

increased by14.28%

Number of package files

16

increased by14.29%

Worsened metrics

Lines of code

969

decreased by-1.92%

Dependency changes

• Updated@semcore/flex-box@^3.4

• Updated@semcore/neighbor-location@^1.1

• Updated@semcore/utils@^3.5