@semcore/input - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

CHANGELOG.md

@@ -5,2 +5,8 @@ # Changelog
 
+## [2.0.1] - 2020-07-13
+
+### Changed
+
+- Теперь z-index изменяется на +1 при фокусе, для правильного отображения бордера с соседними элементами.
+
 ## [2.0.0] - 2020-05-29
@@ -7,0 +13,0 @@

lib/cjs/Input.js

@@ -47,27 +47,28 @@ "use strict";
 /*__inner_css_start__*/
-".___SInput_12bt6_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:0 1px;box-sizing:border-box}.___SInput_12bt6_gg_ .___input_12bt6_gg_:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_12bt6_gg_ .___input_12bt6_gg_:-webkit-autofill~.___SOutline_12bt6_gg_{background-color:#faffbd}.___SValue_12bt6_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}.___SValue_12bt6_gg_:focus{outline:none}.___SValue_12bt6_gg_::-webkit-input-placeholder{color:#aaa}.___SValue_12bt6_gg_::-moz-placeholder{color:#aaa}.___SValue_12bt6_gg_:-ms-input-placeholder{color:#aaa}.___SValue_12bt6_gg_::-ms-input-placeholder{color:#aaa}.___SValue_12bt6_gg_::placeholder{color:#aaa}.___SValue_12bt6_gg_:-moz-read-only~.___SOutline_12bt6_gg_{background:#f5f5f5}.___SValue_12bt6_gg_:read-only~.___SOutline_12bt6_gg_{background:#f5f5f5}.___SValue_12bt6_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.3}.___SValue_12bt6_gg_:disabled~.___SOutline_12bt6_gg_{opacity:.3;cursor:default;pointer-events:none}.___SOutline_12bt6_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;z-index:-1;background:#fff}.___SAddon_12bt6_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:#666}.___SAddon_12bt6_gg_.__interactive_12bt6_gg_{color:#a6b0b3;cursor:pointer}.___SAddon_12bt6_gg_.__interactive_12bt6_gg_:hover{color:#929b9e}.___SAddon_12bt6_gg_.__disabled_12bt6_gg_{opacity:.3;cursor:default;pointer-events:none}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_{font-size:10px;height:18px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_ .___SOutline_12bt6_gg_{border-radius:2px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_ .___input_12bt6_gg_:-webkit-autofill{border-radius:1px}.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_,.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_{padding:0 4px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_{font-size:12px;height:26px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_ .___SOutline_12bt6_gg_{border-radius:3px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_ .___input_12bt6_gg_:-webkit-autofill{border-radius:2px}.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_,.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_{padding:0 8px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_{font-size:14px;height:32px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_ .___SOutline_12bt6_gg_{border-radius:4px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_ .___input_12bt6_gg_:-webkit-autofill{border-radius:3px}.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_,.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_{padding:0 8px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_{font-size:16px;height:42px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_ .___SOutline_12bt6_gg_{border-radius:5px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_ .___input_12bt6_gg_:-webkit-autofill{border-radius:4px}.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_,.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_{padding:0 12px}.___SInput_12bt6_gg_.__state_12bt6_gg_.__state_normal_12bt6_gg_ .___SOutline_12bt6_gg_{border-color:#a6b0b3}.___SInput_12bt6_gg_.__state_12bt6_gg_.__state_normal_12bt6_gg_ .___SValue_12bt6_gg_:focus~.___SOutline_12bt6_gg_{border-color:#2b94e1;box-shadow:0 0 0 3px rgba(43,148,225,.3)}.___SInput_12bt6_gg_.__state_12bt6_gg_.__state_valid_12bt6_gg_ .___SOutline_12bt6_gg_{border-color:#4fae33}.___SInput_12bt6_gg_.__state_12bt6_gg_.__state_valid_12bt6_gg_ .___SValue_12bt6_gg_:focus~.___SOutline_12bt6_gg_{border-color:#4fae33;box-shadow:0 0 0 3px rgba(79,174,51,.3)}.___SInput_12bt6_gg_.__state_12bt6_gg_.__state_invalid_12bt6_gg_ .___SOutline_12bt6_gg_{border-color:#ff7f00}.___SInput_12bt6_gg_.__state_12bt6_gg_.__state_invalid_12bt6_gg_ .___SValue_12bt6_gg_:focus~.___SOutline_12bt6_gg_{border-color:#ff7f00;box-shadow:0 0 0 3px rgba(255,127,0,.3)}.___SInput_12bt6_gg_.__neighborLocation_12bt6_gg_.__neighborLocation_right_12bt6_gg_ .___SOutline_12bt6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_12bt6_gg_.__neighborLocation_12bt6_gg_.__neighborLocation_both_12bt6_gg_ .___SOutline_12bt6_gg_{border-radius:0;border-left:none}.___SInput_12bt6_gg_.__neighborLocation_12bt6_gg_.__neighborLocation_left_12bt6_gg_ .___SOutline_12bt6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_12bt6_gg_.__neighborLocation_12bt6_gg_.__neighborLocation_right_12bt6_gg_{padding-right:0}.___SValue_12bt6_gg_.__neighborLocation_12bt6_gg_.__neighborLocation_both_12bt6_gg_{padding-left:0;padding-right:0}.___SValue_12bt6_gg_.__neighborLocation_12bt6_gg_.__neighborLocation_left_12bt6_gg_{padding-left:0}"
+".___SInput_1jqqu_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:0 1px;box-sizing:border-box}.___SInput_1jqqu_gg_ .___input_1jqqu_gg_:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_1jqqu_gg_ .___input_1jqqu_gg_:-webkit-autofill~.___SOutline_1jqqu_gg_{background-color:#faffbd}.___SValue_1jqqu_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}.___SValue_1jqqu_gg_:focus{outline:none}.___SValue_1jqqu_gg_::-webkit-input-placeholder{color:#aaa}.___SValue_1jqqu_gg_::-moz-placeholder{color:#aaa}.___SValue_1jqqu_gg_:-ms-input-placeholder{color:#aaa}.___SValue_1jqqu_gg_::-ms-input-placeholder{color:#aaa}.___SValue_1jqqu_gg_::placeholder{color:#aaa}.___SValue_1jqqu_gg_:-moz-read-only~.___SOutline_1jqqu_gg_{background:#f5f5f5}.___SValue_1jqqu_gg_:read-only~.___SOutline_1jqqu_gg_{background:#f5f5f5}.___SValue_1jqqu_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.3}.___SValue_1jqqu_gg_:disabled~.___SOutline_1jqqu_gg_{opacity:.3;cursor:default;pointer-events:none}.___SOutline_1jqqu_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;z-index:-1;background:#fff}.___SAddon_1jqqu_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:#666}.___SAddon_1jqqu_gg_.__interactive_1jqqu_gg_{color:#a6b0b3;cursor:pointer}.___SAddon_1jqqu_gg_.__interactive_1jqqu_gg_:hover{color:#929b9e}.___SAddon_1jqqu_gg_.__disabled_1jqqu_gg_{opacity:.3;cursor:default;pointer-events:none}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_{font-size:10px;height:18px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-radius:2px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_ .___input_1jqqu_gg_:-webkit-autofill{border-radius:1px}.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_,.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_{padding:0 4px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_{font-size:12px;height:26px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-radius:3px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_ .___input_1jqqu_gg_:-webkit-autofill{border-radius:2px}.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_,.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_{padding:0 8px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_{font-size:14px;height:32px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-radius:4px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_ .___input_1jqqu_gg_:-webkit-autofill{border-radius:3px}.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_,.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_{padding:0 8px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_{font-size:16px;height:42px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-radius:5px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_ .___input_1jqqu_gg_:-webkit-autofill{border-radius:4px}.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_,.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_{padding:0 12px}.___SInput_1jqqu_gg_.__focused_1jqqu_gg_{z-index:1}.___SInput_1jqqu_gg_.__state_1jqqu_gg_.__state_normal_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-color:#a6b0b3}.___SInput_1jqqu_gg_.__state_1jqqu_gg_.__state_normal_1jqqu_gg_ .___SValue_1jqqu_gg_:focus~.___SOutline_1jqqu_gg_{border-color:#2b94e1;box-shadow:0 0 0 3px rgba(43,148,225,.3)}.___SInput_1jqqu_gg_.__state_1jqqu_gg_.__state_valid_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-color:#4fae33}.___SInput_1jqqu_gg_.__state_1jqqu_gg_.__state_valid_1jqqu_gg_ .___SValue_1jqqu_gg_:focus~.___SOutline_1jqqu_gg_{border-color:#4fae33;box-shadow:0 0 0 3px rgba(79,174,51,.3)}.___SInput_1jqqu_gg_.__state_1jqqu_gg_.__state_invalid_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-color:#ff7f00}.___SInput_1jqqu_gg_.__state_1jqqu_gg_.__state_invalid_1jqqu_gg_ .___SValue_1jqqu_gg_:focus~.___SOutline_1jqqu_gg_{border-color:#ff7f00;box-shadow:0 0 0 3px rgba(255,127,0,.3)}.___SInput_1jqqu_gg_.__neighborLocation_1jqqu_gg_.__neighborLocation_right_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_1jqqu_gg_.__neighborLocation_1jqqu_gg_.__neighborLocation_both_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-radius:0;border-left:none}.___SInput_1jqqu_gg_.__neighborLocation_1jqqu_gg_.__neighborLocation_left_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_1jqqu_gg_.__neighborLocation_1jqqu_gg_.__neighborLocation_right_1jqqu_gg_{padding-right:0}.___SValue_1jqqu_gg_.__neighborLocation_1jqqu_gg_.__neighborLocation_both_1jqqu_gg_{padding-left:0;padding-right:0}.___SValue_1jqqu_gg_.__neighborLocation_1jqqu_gg_.__neighborLocation_left_1jqqu_gg_{padding-left:0}"
 /*__inner_css_end__*/
-, "vu4weu")
+, "4th0z1")
 /*__reshadow_css_end__*/
 , {
-  "__SInput": "___SInput_12bt6_gg_",
-  "__input": "___input_12bt6_gg_",
-  "__SOutline": "___SOutline_12bt6_gg_",
-  "__SValue": "___SValue_12bt6_gg_",
-  "__SAddon": "___SAddon_12bt6_gg_",
-  "_interactive": "__interactive_12bt6_gg_",
-  "_disabled": "__disabled_12bt6_gg_",
-  "_size": "__size_12bt6_gg_",
-  "_size_s": "__size_s_12bt6_gg_",
-  "_size_m": "__size_m_12bt6_gg_",
-  "_size_l": "__size_l_12bt6_gg_",
-  "_size_xl": "__size_xl_12bt6_gg_",
-  "_state": "__state_12bt6_gg_",
-  "_state_normal": "__state_normal_12bt6_gg_",
-  "_state_valid": "__state_valid_12bt6_gg_",
-  "_state_invalid": "__state_invalid_12bt6_gg_",
-  "_neighborLocation": "__neighborLocation_12bt6_gg_",
-  "_neighborLocation_right": "__neighborLocation_right_12bt6_gg_",
-  "_neighborLocation_both": "__neighborLocation_both_12bt6_gg_",
-  "_neighborLocation_left": "__neighborLocation_left_12bt6_gg_"
+  "__SInput": "___SInput_1jqqu_gg_",
+  "__input": "___input_1jqqu_gg_",
+  "__SOutline": "___SOutline_1jqqu_gg_",
+  "__SValue": "___SValue_1jqqu_gg_",
+  "__SAddon": "___SAddon_1jqqu_gg_",
+  "_interactive": "__interactive_1jqqu_gg_",
+  "_disabled": "__disabled_1jqqu_gg_",
+  "_size": "__size_1jqqu_gg_",
+  "_size_s": "__size_s_1jqqu_gg_",
+  "_size_m": "__size_m_1jqqu_gg_",
+  "_size_l": "__size_l_1jqqu_gg_",
+  "_size_xl": "__size_xl_1jqqu_gg_",
+  "_focused": "__focused_1jqqu_gg_",
+  "_state": "__state_1jqqu_gg_",
+  "_state_normal": "__state_normal_1jqqu_gg_",
+  "_state_valid": "__state_valid_1jqqu_gg_",
+  "_state_invalid": "__state_invalid_1jqqu_gg_",
+  "_neighborLocation": "__neighborLocation_1jqqu_gg_",
+  "_neighborLocation_right": "__neighborLocation_right_1jqqu_gg_",
+  "_neighborLocation_both": "__neighborLocation_both_1jqqu_gg_",
+  "_neighborLocation_left": "__neighborLocation_left_1jqqu_gg_"
 }),
@@ -80,5 +81,5 @@ style = (0, _extends2["default"])({}, _ref);
   /*__inner_css_start__*/
-  "@media (max-width: 768px) {\n\n.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_ {\n  font-size: 13px;\n  height: 23.4px\n}\n\n.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_,.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_ {\n  padding: 0 5.2px;\n}\n\n.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_ {\n  font-size: 15.6px;\n  height: 33.8px\n}\n\n.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_,.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_ {\n  padding: 0 10.4px;\n}\n\n.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_ {\n  font-size: 18.2px;\n  height: 41.6px\n}\n\n.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_,.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_ {\n  padding: 0 10.4px;\n}\n\n.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_ {\n  font-size: 20.8px;\n  height: 54.6px\n}\n\n.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_,.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_ {\n  padding: 0 15.6px;\n}}"
+  "@media (max-width: 768px) {\n\n.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_ {\n  font-size: 13px;\n  height: 23.4px\n}\n\n.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_,.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_ {\n  padding: 0 5.2px;\n}\n\n.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_ {\n  font-size: 15.6px;\n  height: 33.8px\n}\n\n.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_,.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_ {\n  padding: 0 10.4px;\n}\n\n.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_ {\n  font-size: 18.2px;\n  height: 41.6px\n}\n\n.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_,.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_ {\n  padding: 0 10.4px;\n}\n\n.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_ {\n  font-size: 20.8px;\n  height: 54.6px\n}\n\n.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_,.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_ {\n  padding: 0 15.6px;\n}}"
   /*__inner_css_end__*/
-  , "vu4weu")
+  , "4th0z1")
   /*__reshadow_css_end__*/
@@ -105,2 +106,5 @@ ;
     _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      focused: false
+    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputRef", _react["default"].createRef());
@@ -113,2 +117,12 @@ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleMouseDownAddon", function (e) {
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerValueFocus", function () {
+      _this.setState({
+        focused: true
+      });
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerValueBlur", function () {
+      _this.setState({
+        focused: false
+      });
+    });
     return _this;
@@ -132,3 +146,5 @@ }
         ref: this.inputRef,
-        size: size
+        size: size,
+        onFocus: this.handlerValueFocus,
+        onBlur: this.handlerValueBlur
       };
@@ -148,2 +164,3 @@ }
           controlsLength = _this$asProps.controlsLength;
+      var focused = this.state.focused;
       return (0, _core.styled)(((0, _core.set)([styled_c8, styles]), /*#__PURE__*/_react["default"].createElement(SInput, (0, _core.map)("SInput", {
@@ -153,3 +170,4 @@ render: _flexBox.Box,
         state: state,
-        size: size
+        size: size,
+        focused: focused
       }), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], (0, _core.map)("NeighborLocation", {
@@ -215,6 +233,6 @@ controlsLength: controlsLength
 
-(0, _defineProperty2["default"])(Value, "enhance", [(0, _autoFocusEnhance["default"])(), (0, _neighborLocation.neighborLocationEnhance)()]);
 (0, _defineProperty2["default"])(Value, "defaultProps", {
   defaultValue: ''
 });
+(0, _defineProperty2["default"])(Value, "enhance", [(0, _autoFocusEnhance["default"])(), (0, _neighborLocation.neighborLocationEnhance)()]);
 var styled_190 = (0, _core.create)([]);
@@ -221,0 +239,0 @@

lib/es6/Input.js

@@ -25,27 +25,28 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 /*__inner_css_start__*/
-".___SInput_12bt6_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:0 1px;box-sizing:border-box}.___SInput_12bt6_gg_ .___input_12bt6_gg_:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_12bt6_gg_ .___input_12bt6_gg_:-webkit-autofill~.___SOutline_12bt6_gg_{background-color:#faffbd}.___SValue_12bt6_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}.___SValue_12bt6_gg_:focus{outline:none}.___SValue_12bt6_gg_::-webkit-input-placeholder{color:#aaa}.___SValue_12bt6_gg_::-moz-placeholder{color:#aaa}.___SValue_12bt6_gg_:-ms-input-placeholder{color:#aaa}.___SValue_12bt6_gg_::-ms-input-placeholder{color:#aaa}.___SValue_12bt6_gg_::placeholder{color:#aaa}.___SValue_12bt6_gg_:-moz-read-only~.___SOutline_12bt6_gg_{background:#f5f5f5}.___SValue_12bt6_gg_:read-only~.___SOutline_12bt6_gg_{background:#f5f5f5}.___SValue_12bt6_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.3}.___SValue_12bt6_gg_:disabled~.___SOutline_12bt6_gg_{opacity:.3;cursor:default;pointer-events:none}.___SOutline_12bt6_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;z-index:-1;background:#fff}.___SAddon_12bt6_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:#666}.___SAddon_12bt6_gg_.__interactive_12bt6_gg_{color:#a6b0b3;cursor:pointer}.___SAddon_12bt6_gg_.__interactive_12bt6_gg_:hover{color:#929b9e}.___SAddon_12bt6_gg_.__disabled_12bt6_gg_{opacity:.3;cursor:default;pointer-events:none}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_{font-size:10px;height:18px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_ .___SOutline_12bt6_gg_{border-radius:2px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_ .___input_12bt6_gg_:-webkit-autofill{border-radius:1px}.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_,.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_{padding:0 4px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_{font-size:12px;height:26px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_ .___SOutline_12bt6_gg_{border-radius:3px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_ .___input_12bt6_gg_:-webkit-autofill{border-radius:2px}.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_,.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_{padding:0 8px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_{font-size:14px;height:32px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_ .___SOutline_12bt6_gg_{border-radius:4px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_ .___input_12bt6_gg_:-webkit-autofill{border-radius:3px}.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_,.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_{padding:0 8px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_{font-size:16px;height:42px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_ .___SOutline_12bt6_gg_{border-radius:5px}.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_ .___input_12bt6_gg_:-webkit-autofill{border-radius:4px}.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_,.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_{padding:0 12px}.___SInput_12bt6_gg_.__state_12bt6_gg_.__state_normal_12bt6_gg_ .___SOutline_12bt6_gg_{border-color:#a6b0b3}.___SInput_12bt6_gg_.__state_12bt6_gg_.__state_normal_12bt6_gg_ .___SValue_12bt6_gg_:focus~.___SOutline_12bt6_gg_{border-color:#2b94e1;box-shadow:0 0 0 3px rgba(43,148,225,.3)}.___SInput_12bt6_gg_.__state_12bt6_gg_.__state_valid_12bt6_gg_ .___SOutline_12bt6_gg_{border-color:#4fae33}.___SInput_12bt6_gg_.__state_12bt6_gg_.__state_valid_12bt6_gg_ .___SValue_12bt6_gg_:focus~.___SOutline_12bt6_gg_{border-color:#4fae33;box-shadow:0 0 0 3px rgba(79,174,51,.3)}.___SInput_12bt6_gg_.__state_12bt6_gg_.__state_invalid_12bt6_gg_ .___SOutline_12bt6_gg_{border-color:#ff7f00}.___SInput_12bt6_gg_.__state_12bt6_gg_.__state_invalid_12bt6_gg_ .___SValue_12bt6_gg_:focus~.___SOutline_12bt6_gg_{border-color:#ff7f00;box-shadow:0 0 0 3px rgba(255,127,0,.3)}.___SInput_12bt6_gg_.__neighborLocation_12bt6_gg_.__neighborLocation_right_12bt6_gg_ .___SOutline_12bt6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_12bt6_gg_.__neighborLocation_12bt6_gg_.__neighborLocation_both_12bt6_gg_ .___SOutline_12bt6_gg_{border-radius:0;border-left:none}.___SInput_12bt6_gg_.__neighborLocation_12bt6_gg_.__neighborLocation_left_12bt6_gg_ .___SOutline_12bt6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_12bt6_gg_.__neighborLocation_12bt6_gg_.__neighborLocation_right_12bt6_gg_{padding-right:0}.___SValue_12bt6_gg_.__neighborLocation_12bt6_gg_.__neighborLocation_both_12bt6_gg_{padding-left:0;padding-right:0}.___SValue_12bt6_gg_.__neighborLocation_12bt6_gg_.__neighborLocation_left_12bt6_gg_{padding-left:0}"
+".___SInput_1jqqu_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:0 1px;box-sizing:border-box}.___SInput_1jqqu_gg_ .___input_1jqqu_gg_:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_1jqqu_gg_ .___input_1jqqu_gg_:-webkit-autofill~.___SOutline_1jqqu_gg_{background-color:#faffbd}.___SValue_1jqqu_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}.___SValue_1jqqu_gg_:focus{outline:none}.___SValue_1jqqu_gg_::-webkit-input-placeholder{color:#aaa}.___SValue_1jqqu_gg_::-moz-placeholder{color:#aaa}.___SValue_1jqqu_gg_:-ms-input-placeholder{color:#aaa}.___SValue_1jqqu_gg_::-ms-input-placeholder{color:#aaa}.___SValue_1jqqu_gg_::placeholder{color:#aaa}.___SValue_1jqqu_gg_:-moz-read-only~.___SOutline_1jqqu_gg_{background:#f5f5f5}.___SValue_1jqqu_gg_:read-only~.___SOutline_1jqqu_gg_{background:#f5f5f5}.___SValue_1jqqu_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:.3}.___SValue_1jqqu_gg_:disabled~.___SOutline_1jqqu_gg_{opacity:.3;cursor:default;pointer-events:none}.___SOutline_1jqqu_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;z-index:-1;background:#fff}.___SAddon_1jqqu_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;height:100%;color:#666}.___SAddon_1jqqu_gg_.__interactive_1jqqu_gg_{color:#a6b0b3;cursor:pointer}.___SAddon_1jqqu_gg_.__interactive_1jqqu_gg_:hover{color:#929b9e}.___SAddon_1jqqu_gg_.__disabled_1jqqu_gg_{opacity:.3;cursor:default;pointer-events:none}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_{font-size:10px;height:18px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-radius:2px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_ .___input_1jqqu_gg_:-webkit-autofill{border-radius:1px}.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_,.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_{padding:0 4px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_{font-size:12px;height:26px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-radius:3px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_ .___input_1jqqu_gg_:-webkit-autofill{border-radius:2px}.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_,.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_{padding:0 8px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_{font-size:14px;height:32px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-radius:4px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_ .___input_1jqqu_gg_:-webkit-autofill{border-radius:3px}.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_,.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_{padding:0 8px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_{font-size:16px;height:42px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-radius:5px}.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_ .___input_1jqqu_gg_:-webkit-autofill{border-radius:4px}.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_,.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_{padding:0 12px}.___SInput_1jqqu_gg_.__focused_1jqqu_gg_{z-index:1}.___SInput_1jqqu_gg_.__state_1jqqu_gg_.__state_normal_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-color:#a6b0b3}.___SInput_1jqqu_gg_.__state_1jqqu_gg_.__state_normal_1jqqu_gg_ .___SValue_1jqqu_gg_:focus~.___SOutline_1jqqu_gg_{border-color:#2b94e1;box-shadow:0 0 0 3px rgba(43,148,225,.3)}.___SInput_1jqqu_gg_.__state_1jqqu_gg_.__state_valid_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-color:#4fae33}.___SInput_1jqqu_gg_.__state_1jqqu_gg_.__state_valid_1jqqu_gg_ .___SValue_1jqqu_gg_:focus~.___SOutline_1jqqu_gg_{border-color:#4fae33;box-shadow:0 0 0 3px rgba(79,174,51,.3)}.___SInput_1jqqu_gg_.__state_1jqqu_gg_.__state_invalid_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-color:#ff7f00}.___SInput_1jqqu_gg_.__state_1jqqu_gg_.__state_invalid_1jqqu_gg_ .___SValue_1jqqu_gg_:focus~.___SOutline_1jqqu_gg_{border-color:#ff7f00;box-shadow:0 0 0 3px rgba(255,127,0,.3)}.___SInput_1jqqu_gg_.__neighborLocation_1jqqu_gg_.__neighborLocation_right_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_1jqqu_gg_.__neighborLocation_1jqqu_gg_.__neighborLocation_both_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-radius:0;border-left:none}.___SInput_1jqqu_gg_.__neighborLocation_1jqqu_gg_.__neighborLocation_left_1jqqu_gg_ .___SOutline_1jqqu_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_1jqqu_gg_.__neighborLocation_1jqqu_gg_.__neighborLocation_right_1jqqu_gg_{padding-right:0}.___SValue_1jqqu_gg_.__neighborLocation_1jqqu_gg_.__neighborLocation_both_1jqqu_gg_{padding-left:0;padding-right:0}.___SValue_1jqqu_gg_.__neighborLocation_1jqqu_gg_.__neighborLocation_left_1jqqu_gg_{padding-left:0}"
 /*__inner_css_end__*/
-, "vu4weu")
+, "4th0z1")
 /*__reshadow_css_end__*/
 , {
-  "__SInput": "___SInput_12bt6_gg_",
-  "__input": "___input_12bt6_gg_",
-  "__SOutline": "___SOutline_12bt6_gg_",
-  "__SValue": "___SValue_12bt6_gg_",
-  "__SAddon": "___SAddon_12bt6_gg_",
-  "_interactive": "__interactive_12bt6_gg_",
-  "_disabled": "__disabled_12bt6_gg_",
-  "_size": "__size_12bt6_gg_",
-  "_size_s": "__size_s_12bt6_gg_",
-  "_size_m": "__size_m_12bt6_gg_",
-  "_size_l": "__size_l_12bt6_gg_",
-  "_size_xl": "__size_xl_12bt6_gg_",
-  "_state": "__state_12bt6_gg_",
-  "_state_normal": "__state_normal_12bt6_gg_",
-  "_state_valid": "__state_valid_12bt6_gg_",
-  "_state_invalid": "__state_invalid_12bt6_gg_",
-  "_neighborLocation": "__neighborLocation_12bt6_gg_",
-  "_neighborLocation_right": "__neighborLocation_right_12bt6_gg_",
-  "_neighborLocation_both": "__neighborLocation_both_12bt6_gg_",
-  "_neighborLocation_left": "__neighborLocation_left_12bt6_gg_"
+  "__SInput": "___SInput_1jqqu_gg_",
+  "__input": "___input_1jqqu_gg_",
+  "__SOutline": "___SOutline_1jqqu_gg_",
+  "__SValue": "___SValue_1jqqu_gg_",
+  "__SAddon": "___SAddon_1jqqu_gg_",
+  "_interactive": "__interactive_1jqqu_gg_",
+  "_disabled": "__disabled_1jqqu_gg_",
+  "_size": "__size_1jqqu_gg_",
+  "_size_s": "__size_s_1jqqu_gg_",
+  "_size_m": "__size_m_1jqqu_gg_",
+  "_size_l": "__size_l_1jqqu_gg_",
+  "_size_xl": "__size_xl_1jqqu_gg_",
+  "_focused": "__focused_1jqqu_gg_",
+  "_state": "__state_1jqqu_gg_",
+  "_state_normal": "__state_normal_1jqqu_gg_",
+  "_state_valid": "__state_valid_1jqqu_gg_",
+  "_state_invalid": "__state_invalid_1jqqu_gg_",
+  "_neighborLocation": "__neighborLocation_1jqqu_gg_",
+  "_neighborLocation_right": "__neighborLocation_right_1jqqu_gg_",
+  "_neighborLocation_both": "__neighborLocation_both_1jqqu_gg_",
+  "_neighborLocation_left": "__neighborLocation_left_1jqqu_gg_"
 }),
@@ -58,5 +59,5 @@ style = _extends({}, _ref);
   /*__inner_css_start__*/
-  "@media (max-width: 768px) {\n\n.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_ {\n  font-size: 13px;\n  height: 23.4px\n}\n\n.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_,.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_s_12bt6_gg_ {\n  padding: 0 5.2px;\n}\n\n.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_ {\n  font-size: 15.6px;\n  height: 33.8px\n}\n\n.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_,.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_m_12bt6_gg_ {\n  padding: 0 10.4px;\n}\n\n.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_ {\n  font-size: 18.2px;\n  height: 41.6px\n}\n\n.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_,.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_l_12bt6_gg_ {\n  padding: 0 10.4px;\n}\n\n.___SInput_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_ {\n  font-size: 20.8px;\n  height: 54.6px\n}\n\n.___SValue_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_,.___SAddon_12bt6_gg_.__size_12bt6_gg_.__size_xl_12bt6_gg_ {\n  padding: 0 15.6px;\n}}"
+  "@media (max-width: 768px) {\n\n.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_ {\n  font-size: 13px;\n  height: 23.4px\n}\n\n.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_,.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_s_1jqqu_gg_ {\n  padding: 0 5.2px;\n}\n\n.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_ {\n  font-size: 15.6px;\n  height: 33.8px\n}\n\n.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_,.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_m_1jqqu_gg_ {\n  padding: 0 10.4px;\n}\n\n.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_ {\n  font-size: 18.2px;\n  height: 41.6px\n}\n\n.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_,.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_l_1jqqu_gg_ {\n  padding: 0 10.4px;\n}\n\n.___SInput_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_ {\n  font-size: 20.8px;\n  height: 54.6px\n}\n\n.___SValue_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_,.___SAddon_1jqqu_gg_.__size_1jqqu_gg_.__size_xl_1jqqu_gg_ {\n  padding: 0 15.6px;\n}}"
   /*__inner_css_end__*/
-  , "vu4weu")
+  , "4th0z1")
   /*__reshadow_css_end__*/
@@ -84,2 +85,6 @@ ;
 
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      focused: false
+    });
+
     _defineProperty(_assertThisInitialized(_this), "inputRef", React.createRef());
@@ -94,2 +99,14 @@
 
+    _defineProperty(_assertThisInitialized(_this), "handlerValueFocus", function () {
+      _this.setState({
+        focused: true
+      });
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "handlerValueBlur", function () {
+      _this.setState({
+        focused: false
+      });
+    });
+
     return _this;
@@ -113,3 +130,5 @@ }
         ref: this.inputRef,
-        size: size
+        size: size,
+        onFocus: this.handlerValueFocus,
+        onBlur: this.handlerValueBlur
       };
@@ -129,2 +148,3 @@ }
           controlsLength = _this$asProps.controlsLength;
+      var focused = this.state.focused;
       return styled((set([styled_c8, styles]), /*#__PURE__*/React.createElement(SInput, map("SInput", {
@@ -134,3 +154,4 @@ render: Box,
         state: state,
-        size: size
+        size: size,
+        focused: focused
       }), /*#__PURE__*/React.createElement(NeighborLocation, map("NeighborLocation", {
@@ -203,4 +224,2 @@ controlsLength: controlsLength
 
-_defineProperty(Value, "enhance", [autoFocusEnhance(), neighborLocationEnhance()]);
-
 _defineProperty(Value, "defaultProps", {
@@ -210,2 +229,4 @@ defaultValue: ''
 
+_defineProperty(Value, "enhance", [autoFocusEnhance(), neighborLocationEnhance()]);
+
 var styled_190 = create([]);
@@ -212,0 +233,0 @@

lib/types/Input.d.ts

@@ -1,2 +0,2 @@
-import React from 'react';
+import React, { HTMLAttributes, InputHTMLAttributes } from 'react';
 import { Component, Merge, PropGetter } from '@semcore/core';
@@ -57,4 +57,9 @@ import { IBoxProps } from '@semcore/flex-box';
     static enhance: ((props: any) => any)[];
+    state: {
+        focused: boolean;
+    };
     inputRef: React.RefObject<HTMLInputElement>;
     handleMouseDownAddon: (e: any) => void;
+    handlerValueFocus: () => void;
+    handlerValueBlur: () => void;
     getAddonProps(): {
@@ -67,2 +72,4 @@ size: InputSize;
         size: InputSize;
+        onFocus: () => void;
+        onBlur: () => void;
     };
@@ -72,5 +79,5 @@ render(): any;
 declare const _default: import("@semcore/core").ComponentType<Merge<IInputProps, React.HTMLAttributes<HTMLDivElement>>, {
-    Addon: Merge<IInputAddonProps, React.HTMLAttributes<HTMLSpanElement>>;
-    Value: Merge<IInputValueProps, React.InputHTMLAttributes<HTMLInputElement>>;
+    Addon: Merge<IInputAddonProps, HTMLAttributes<HTMLSpanElement>>;
+    Value: Merge<IInputValueProps, InputHTMLAttributes<HTMLInputElement>>;
 }, IInputContext>;
 export default _default;

package.json

 {
   "name": "@semcore/input",
   "description": "SEMRush Input Component",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "main": "lib/cjs/index.js",
@@ -6,0 +6,0 @@ "module": "lib/es6/index.js",

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

68778

increased by5.32%

Lines of code

1307

increased by3.81%

No dependency changes