@semcore/input 3.2.1 → 3.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/CHANGELOG.md +2 -2
  2. package/lib/cjs/Input.js +17 -17
  3. package/lib/es6/Input.js +17 -17
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [3.2.1] - 2022-10-17
5
+ ## [3.2.3] - 2022-10-28
6
6
 
7
7
  ### Changed
8
8
 
9
- - Version patch update due to children dependencies update (`@semcore/utils` [3.39.0 ~> 3.39.0], `@semcore/flex-box` [4.6.0 ~> 4.6.1]).
9
+ - Version patch update due to children dependencies update (`@semcore/utils` [3.40.0 ~> 3.40.0], `@semcore/flex-box` [4.6.2 ~> 4.6.3]).
10
10
 
11
11
  ## [3.2.0] - 2022-10-10
12
12
 
package/lib/cjs/Input.js CHANGED
@@ -52,26 +52,26 @@ var style = (
52
52
  /*__reshadow_css_start__*/
53
53
  _core.sstyled.insert(
54
54
  /*__inner_css_start__*/
55
- ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SInput_1i58u_gg_ {\n display: inline-flex;\n width: 100%;\n align-items: center;\n position: relative;\n z-index: 0;\n vertical-align: middle;\n padding: 1px;\n box-sizing: border-box\n}\n\n.___SInput_1i58u_gg_ input:-webkit-autofill {\n border-radius: 6px;\n -webkit-box-shadow: 0 0 0 30px rgb(250, 255, 189) inset\n }\n\n.___SInput_1i58u_gg_ input:-webkit-autofill ~ .___SOutline_1i58u_gg_ {\n background-color: rgb(250, 255, 189);\n }\n\n.___SValue_1i58u_gg_ {\n /* hack for firefox */\n min-width: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n border: none;\n box-sizing: border-box;\n color: #191b23;\n font-size: inherit;\n text-overflow: ellipsis;\n font-family: inherit;\n background: transparent\n}\n\n.___SValue_1i58u_gg_:focus {\n outline: none;\n }\n\n.___SValue_1i58u_gg_::-moz-placeholder {\n color: #a9abb6;\n }\n\n.___SValue_1i58u_gg_::placeholder {\n color: #a9abb6;\n }\n\n.___SValue_1i58u_gg_:-moz-read-only ~ .___SOutline_1i58u_gg_ {\n background: #f4f5f9;\n }\n\n.___SValue_1i58u_gg_:read-only ~ .___SOutline_1i58u_gg_ {\n background: #f4f5f9;\n }\n\n.___SValue_1i58u_gg_:disabled {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n opacity: 0.3\n }\n\n.___SValue_1i58u_gg_:disabled ~ .___SOutline_1i58u_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n }\n\n.___SOutline_1i58u_gg_ {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border: 1px solid;\n border-radius: 6px;\n z-index: -1;\n background: #fff;\n}\n\n.___SAddon_1i58u_gg_ {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n flex: 0 0 auto;\n padding: 0 8px;\n height: 100%;\n color: #a9abb6;\n}\n\n.___SAddon_1i58u_gg_.__interactive_1i58u_gg_ {\n cursor: pointer\n}\n\n.___SAddon_1i58u_gg_.__interactive_1i58u_gg_:hover {\n color: #8a8e9b;\n }\n\n.___SAddon_1i58u_gg_.__disabled_1i58u_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SInput_1i58u_gg_._size_m_1i58u_gg_ {\n font-size: 14px;\n height: 28px;\n}\n\n.___SValue_1i58u_gg_._size_m_1i58u_gg_,\n.___SValue_1i58u_gg_._size_l_1i58u_gg_ {\n padding: 0 8px;\n}\n\n.___SInput_1i58u_gg_._size_l_1i58u_gg_ {\n font-size: 16px;\n height: 40px;\n padding-left: 4px;\n padding-right: 4px;\n}\n\n.___SInput_1i58u_gg_.__focused_1i58u_gg_ {\n z-index: 1;\n}\n\n.___SInput_1i58u_gg_._state_normal_1i58u_gg_ .___SOutline_1i58u_gg_ {\n border-color: #c4c7cf;\n }\n\n.___SInput_1i58u_gg_._state_normal_1i58u_gg_ .___SValue_1i58u_gg_:focus ~ .___SOutline_1i58u_gg_ {\n border-color: #008ff8;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SInput_1i58u_gg_._state_valid_1i58u_gg_ .___SOutline_1i58u_gg_ {\n border-color: #59ddaa;\n }\n\n.___SInput_1i58u_gg_._state_valid_1i58u_gg_ .___SValue_1i58u_gg_:focus ~ .___SOutline_1i58u_gg_ {\n border-color: #009f81;\n box-shadow: 0px 0px 0px 3px rgba(0, 159, 129, 0.2);\n }\n\n.___SInput_1i58u_gg_._state_invalid_1i58u_gg_ .___SOutline_1i58u_gg_ {\n border-color: #ffaeb5;\n }\n\n.___SInput_1i58u_gg_._state_invalid_1i58u_gg_ .___SValue_1i58u_gg_:focus ~ .___SOutline_1i58u_gg_ {\n border-color: #ff4953;\n box-shadow: 0px 0px 0px 3px rgba(255, 73, 83, 0.2);\n }\n\n.___SInput_1i58u_gg_._neighborLocation_right_1i58u_gg_ .___SOutline_1i58u_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n.___SInput_1i58u_gg_._neighborLocation_both_1i58u_gg_ .___SOutline_1i58u_gg_ {\n border-radius: 0;\n border-left: none;\n }\n\n.___SInput_1i58u_gg_._neighborLocation_left_1i58u_gg_ .___SOutline_1i58u_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n }\n\n.___SValue_1i58u_gg_._neighborLocation_right_1i58u_gg_ {\n padding-right: 0;\n}\n\n.___SValue_1i58u_gg_._neighborLocation_both_1i58u_gg_ {\n padding-left: 0;\n padding-right: 0;\n}\n\n.___SValue_1i58u_gg_._neighborLocation_left_1i58u_gg_ {\n padding-left: 0;\n}\n"
55
+ ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SInput_8suja_gg_ {\n display: inline-flex;\n width: 100%;\n align-items: center;\n position: relative;\n z-index: 0;\n vertical-align: middle;\n padding: 1px;\n box-sizing: border-box\n}\n\n.___SInput_8suja_gg_ input:-webkit-autofill {\n border-radius: 6px;\n -webkit-box-shadow: 0 0 0 30px rgb(250, 255, 189) inset\n }\n\n.___SInput_8suja_gg_ input:-webkit-autofill ~ .___SOutline_8suja_gg_ {\n background-color: rgb(250, 255, 189);\n }\n\n.___SValue_8suja_gg_ {\n /* hack for firefox */\n min-width: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n border: none;\n box-sizing: border-box;\n color: #191b23;\n font-size: inherit;\n text-overflow: ellipsis;\n font-family: inherit;\n background: transparent\n}\n\n.___SValue_8suja_gg_:focus {\n outline: none;\n }\n\n.___SValue_8suja_gg_::-moz-placeholder {\n color: #a9abb6;\n }\n\n.___SValue_8suja_gg_::placeholder {\n color: #a9abb6;\n }\n\n.___SValue_8suja_gg_:-moz-read-only ~ .___SOutline_8suja_gg_ {\n background: #f4f5f9;\n }\n\n.___SValue_8suja_gg_:read-only ~ .___SOutline_8suja_gg_ {\n background: #f4f5f9;\n }\n\n.___SValue_8suja_gg_:disabled {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n opacity: 0.3\n }\n\n.___SValue_8suja_gg_:disabled ~ .___SOutline_8suja_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n }\n\n.___SOutline_8suja_gg_ {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border: 1px solid;\n border-radius: 6px;\n z-index: -1;\n background: #fff;\n}\n\n.___SAddon_8suja_gg_ {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n flex: 0 0 auto;\n padding: 0 8px;\n height: 100%;\n color: #a9abb6;\n}\n\n.___SAddon_8suja_gg_.__interactive_8suja_gg_ {\n cursor: pointer\n}\n\n.___SAddon_8suja_gg_.__interactive_8suja_gg_:hover {\n color: #8a8e9b;\n }\n\n.___SAddon_8suja_gg_.__disabled_8suja_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SInput_8suja_gg_._size_m_8suja_gg_ {\n font-size: 14px;\n height: 28px;\n}\n\n.___SValue_8suja_gg_._size_m_8suja_gg_,\n.___SValue_8suja_gg_._size_l_8suja_gg_ {\n padding: 0 8px;\n}\n\n.___SInput_8suja_gg_._size_l_8suja_gg_ {\n font-size: 16px;\n height: 40px;\n padding-left: 4px;\n padding-right: 4px;\n}\n\n.___SInput_8suja_gg_.__focused_8suja_gg_ {\n z-index: 1;\n}\n\n.___SInput_8suja_gg_._state_normal_8suja_gg_ .___SOutline_8suja_gg_ {\n border-color: #c4c7cf;\n }\n\n.___SInput_8suja_gg_._state_normal_8suja_gg_ .___SValue_8suja_gg_:focus ~ .___SOutline_8suja_gg_ {\n border-color: #008ff8;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SInput_8suja_gg_._state_valid_8suja_gg_ .___SOutline_8suja_gg_ {\n border-color: #59ddaa;\n }\n\n.___SInput_8suja_gg_._state_valid_8suja_gg_ .___SValue_8suja_gg_:focus ~ .___SOutline_8suja_gg_ {\n border-color: #009f81;\n box-shadow: 0px 0px 0px 3px rgba(0, 159, 129, 0.2);\n }\n\n.___SInput_8suja_gg_._state_invalid_8suja_gg_ .___SOutline_8suja_gg_ {\n border-color: #ffaeb5;\n }\n\n.___SInput_8suja_gg_._state_invalid_8suja_gg_ .___SValue_8suja_gg_:focus ~ .___SOutline_8suja_gg_ {\n border-color: #ff4953;\n box-shadow: 0px 0px 0px 3px rgba(255, 73, 83, 0.2);\n }\n\n.___SInput_8suja_gg_._neighborLocation_right_8suja_gg_ .___SOutline_8suja_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n.___SInput_8suja_gg_._neighborLocation_both_8suja_gg_ .___SOutline_8suja_gg_ {\n border-radius: 0;\n border-left: none;\n }\n\n.___SInput_8suja_gg_._neighborLocation_left_8suja_gg_ .___SOutline_8suja_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n }\n\n.___SValue_8suja_gg_._neighborLocation_right_8suja_gg_ {\n padding-right: 0;\n}\n\n.___SValue_8suja_gg_._neighborLocation_both_8suja_gg_ {\n padding-left: 0;\n padding-right: 0;\n}\n\n.___SValue_8suja_gg_._neighborLocation_left_8suja_gg_ {\n padding-left: 0;\n}\n"
56
56
  /*__inner_css_end__*/
57
- , "1i58u_gg_")
57
+ , "8suja_gg_")
58
58
  /*__reshadow_css_end__*/
59
59
  , {
60
- "__SInput": "___SInput_1i58u_gg_",
61
- "__SOutline": "___SOutline_1i58u_gg_",
62
- "__SValue": "___SValue_1i58u_gg_",
63
- "__SAddon": "___SAddon_1i58u_gg_",
64
- "_interactive": "__interactive_1i58u_gg_",
65
- "_disabled": "__disabled_1i58u_gg_",
66
- "_size_m": "_size_m_1i58u_gg_",
67
- "_size_l": "_size_l_1i58u_gg_",
68
- "_focused": "__focused_1i58u_gg_",
69
- "_state_normal": "_state_normal_1i58u_gg_",
70
- "_state_valid": "_state_valid_1i58u_gg_",
71
- "_state_invalid": "_state_invalid_1i58u_gg_",
72
- "_neighborLocation_right": "_neighborLocation_right_1i58u_gg_",
73
- "_neighborLocation_both": "_neighborLocation_both_1i58u_gg_",
74
- "_neighborLocation_left": "_neighborLocation_left_1i58u_gg_"
60
+ "__SInput": "___SInput_8suja_gg_",
61
+ "__SOutline": "___SOutline_8suja_gg_",
62
+ "__SValue": "___SValue_8suja_gg_",
63
+ "__SAddon": "___SAddon_8suja_gg_",
64
+ "_interactive": "__interactive_8suja_gg_",
65
+ "_disabled": "__disabled_8suja_gg_",
66
+ "_size_m": "_size_m_8suja_gg_",
67
+ "_size_l": "_size_l_8suja_gg_",
68
+ "_focused": "__focused_8suja_gg_",
69
+ "_state_normal": "_state_normal_8suja_gg_",
70
+ "_state_valid": "_state_valid_8suja_gg_",
71
+ "_state_invalid": "_state_invalid_8suja_gg_",
72
+ "_neighborLocation_right": "_neighborLocation_right_8suja_gg_",
73
+ "_neighborLocation_both": "_neighborLocation_both_8suja_gg_",
74
+ "_neighborLocation_left": "_neighborLocation_left_8suja_gg_"
75
75
  });
76
76
 
77
77
  var Input = /*#__PURE__*/function (_Component) {
package/lib/es6/Input.js CHANGED
@@ -30,26 +30,26 @@ var style = (
30
30
  /*__reshadow_css_start__*/
31
31
  _sstyled.insert(
32
32
  /*__inner_css_start__*/
33
- ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SInput_1i58u_gg_ {\n display: inline-flex;\n width: 100%;\n align-items: center;\n position: relative;\n z-index: 0;\n vertical-align: middle;\n padding: 1px;\n box-sizing: border-box\n}\n\n.___SInput_1i58u_gg_ input:-webkit-autofill {\n border-radius: 6px;\n -webkit-box-shadow: 0 0 0 30px rgb(250, 255, 189) inset\n }\n\n.___SInput_1i58u_gg_ input:-webkit-autofill ~ .___SOutline_1i58u_gg_ {\n background-color: rgb(250, 255, 189);\n }\n\n.___SValue_1i58u_gg_ {\n /* hack for firefox */\n min-width: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n border: none;\n box-sizing: border-box;\n color: #191b23;\n font-size: inherit;\n text-overflow: ellipsis;\n font-family: inherit;\n background: transparent\n}\n\n.___SValue_1i58u_gg_:focus {\n outline: none;\n }\n\n.___SValue_1i58u_gg_::-moz-placeholder {\n color: #a9abb6;\n }\n\n.___SValue_1i58u_gg_::placeholder {\n color: #a9abb6;\n }\n\n.___SValue_1i58u_gg_:-moz-read-only ~ .___SOutline_1i58u_gg_ {\n background: #f4f5f9;\n }\n\n.___SValue_1i58u_gg_:read-only ~ .___SOutline_1i58u_gg_ {\n background: #f4f5f9;\n }\n\n.___SValue_1i58u_gg_:disabled {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n opacity: 0.3\n }\n\n.___SValue_1i58u_gg_:disabled ~ .___SOutline_1i58u_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n }\n\n.___SOutline_1i58u_gg_ {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border: 1px solid;\n border-radius: 6px;\n z-index: -1;\n background: #fff;\n}\n\n.___SAddon_1i58u_gg_ {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n flex: 0 0 auto;\n padding: 0 8px;\n height: 100%;\n color: #a9abb6;\n}\n\n.___SAddon_1i58u_gg_.__interactive_1i58u_gg_ {\n cursor: pointer\n}\n\n.___SAddon_1i58u_gg_.__interactive_1i58u_gg_:hover {\n color: #8a8e9b;\n }\n\n.___SAddon_1i58u_gg_.__disabled_1i58u_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SInput_1i58u_gg_._size_m_1i58u_gg_ {\n font-size: 14px;\n height: 28px;\n}\n\n.___SValue_1i58u_gg_._size_m_1i58u_gg_,\n.___SValue_1i58u_gg_._size_l_1i58u_gg_ {\n padding: 0 8px;\n}\n\n.___SInput_1i58u_gg_._size_l_1i58u_gg_ {\n font-size: 16px;\n height: 40px;\n padding-left: 4px;\n padding-right: 4px;\n}\n\n.___SInput_1i58u_gg_.__focused_1i58u_gg_ {\n z-index: 1;\n}\n\n.___SInput_1i58u_gg_._state_normal_1i58u_gg_ .___SOutline_1i58u_gg_ {\n border-color: #c4c7cf;\n }\n\n.___SInput_1i58u_gg_._state_normal_1i58u_gg_ .___SValue_1i58u_gg_:focus ~ .___SOutline_1i58u_gg_ {\n border-color: #008ff8;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SInput_1i58u_gg_._state_valid_1i58u_gg_ .___SOutline_1i58u_gg_ {\n border-color: #59ddaa;\n }\n\n.___SInput_1i58u_gg_._state_valid_1i58u_gg_ .___SValue_1i58u_gg_:focus ~ .___SOutline_1i58u_gg_ {\n border-color: #009f81;\n box-shadow: 0px 0px 0px 3px rgba(0, 159, 129, 0.2);\n }\n\n.___SInput_1i58u_gg_._state_invalid_1i58u_gg_ .___SOutline_1i58u_gg_ {\n border-color: #ffaeb5;\n }\n\n.___SInput_1i58u_gg_._state_invalid_1i58u_gg_ .___SValue_1i58u_gg_:focus ~ .___SOutline_1i58u_gg_ {\n border-color: #ff4953;\n box-shadow: 0px 0px 0px 3px rgba(255, 73, 83, 0.2);\n }\n\n.___SInput_1i58u_gg_._neighborLocation_right_1i58u_gg_ .___SOutline_1i58u_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n.___SInput_1i58u_gg_._neighborLocation_both_1i58u_gg_ .___SOutline_1i58u_gg_ {\n border-radius: 0;\n border-left: none;\n }\n\n.___SInput_1i58u_gg_._neighborLocation_left_1i58u_gg_ .___SOutline_1i58u_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n }\n\n.___SValue_1i58u_gg_._neighborLocation_right_1i58u_gg_ {\n padding-right: 0;\n}\n\n.___SValue_1i58u_gg_._neighborLocation_both_1i58u_gg_ {\n padding-left: 0;\n padding-right: 0;\n}\n\n.___SValue_1i58u_gg_._neighborLocation_left_1i58u_gg_ {\n padding-left: 0;\n}\n"
33
+ ":root {\n\n /* DEPRECATED START\n Deprecated variables should never be used in\n components styles but preserved for backward\n compatibility if they used in projects\n like `<Badge bg=\"red\">alpha</Badge>`\n */\n /* DEPRECATED END */\n}\n\n.___SInput_8suja_gg_ {\n display: inline-flex;\n width: 100%;\n align-items: center;\n position: relative;\n z-index: 0;\n vertical-align: middle;\n padding: 1px;\n box-sizing: border-box\n}\n\n.___SInput_8suja_gg_ input:-webkit-autofill {\n border-radius: 6px;\n -webkit-box-shadow: 0 0 0 30px rgb(250, 255, 189) inset\n }\n\n.___SInput_8suja_gg_ input:-webkit-autofill ~ .___SOutline_8suja_gg_ {\n background-color: rgb(250, 255, 189);\n }\n\n.___SValue_8suja_gg_ {\n /* hack for firefox */\n min-width: 0;\n width: 100%;\n height: 100%;\n padding: 0;\n border: none;\n box-sizing: border-box;\n color: #191b23;\n font-size: inherit;\n text-overflow: ellipsis;\n font-family: inherit;\n background: transparent\n}\n\n.___SValue_8suja_gg_:focus {\n outline: none;\n }\n\n.___SValue_8suja_gg_::-moz-placeholder {\n color: #a9abb6;\n }\n\n.___SValue_8suja_gg_::placeholder {\n color: #a9abb6;\n }\n\n.___SValue_8suja_gg_:-moz-read-only ~ .___SOutline_8suja_gg_ {\n background: #f4f5f9;\n }\n\n.___SValue_8suja_gg_:read-only ~ .___SOutline_8suja_gg_ {\n background: #f4f5f9;\n }\n\n.___SValue_8suja_gg_:disabled {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n opacity: 0.3\n }\n\n.___SValue_8suja_gg_:disabled ~ .___SOutline_8suja_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n }\n\n.___SOutline_8suja_gg_ {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border: 1px solid;\n border-radius: 6px;\n z-index: -1;\n background: #fff;\n}\n\n.___SAddon_8suja_gg_ {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n flex: 0 0 auto;\n padding: 0 8px;\n height: 100%;\n color: #a9abb6;\n}\n\n.___SAddon_8suja_gg_.__interactive_8suja_gg_ {\n cursor: pointer\n}\n\n.___SAddon_8suja_gg_.__interactive_8suja_gg_:hover {\n color: #8a8e9b;\n }\n\n.___SAddon_8suja_gg_.__disabled_8suja_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SInput_8suja_gg_._size_m_8suja_gg_ {\n font-size: 14px;\n height: 28px;\n}\n\n.___SValue_8suja_gg_._size_m_8suja_gg_,\n.___SValue_8suja_gg_._size_l_8suja_gg_ {\n padding: 0 8px;\n}\n\n.___SInput_8suja_gg_._size_l_8suja_gg_ {\n font-size: 16px;\n height: 40px;\n padding-left: 4px;\n padding-right: 4px;\n}\n\n.___SInput_8suja_gg_.__focused_8suja_gg_ {\n z-index: 1;\n}\n\n.___SInput_8suja_gg_._state_normal_8suja_gg_ .___SOutline_8suja_gg_ {\n border-color: #c4c7cf;\n }\n\n.___SInput_8suja_gg_._state_normal_8suja_gg_ .___SValue_8suja_gg_:focus ~ .___SOutline_8suja_gg_ {\n border-color: #008ff8;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SInput_8suja_gg_._state_valid_8suja_gg_ .___SOutline_8suja_gg_ {\n border-color: #59ddaa;\n }\n\n.___SInput_8suja_gg_._state_valid_8suja_gg_ .___SValue_8suja_gg_:focus ~ .___SOutline_8suja_gg_ {\n border-color: #009f81;\n box-shadow: 0px 0px 0px 3px rgba(0, 159, 129, 0.2);\n }\n\n.___SInput_8suja_gg_._state_invalid_8suja_gg_ .___SOutline_8suja_gg_ {\n border-color: #ffaeb5;\n }\n\n.___SInput_8suja_gg_._state_invalid_8suja_gg_ .___SValue_8suja_gg_:focus ~ .___SOutline_8suja_gg_ {\n border-color: #ff4953;\n box-shadow: 0px 0px 0px 3px rgba(255, 73, 83, 0.2);\n }\n\n.___SInput_8suja_gg_._neighborLocation_right_8suja_gg_ .___SOutline_8suja_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n.___SInput_8suja_gg_._neighborLocation_both_8suja_gg_ .___SOutline_8suja_gg_ {\n border-radius: 0;\n border-left: none;\n }\n\n.___SInput_8suja_gg_._neighborLocation_left_8suja_gg_ .___SOutline_8suja_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n }\n\n.___SValue_8suja_gg_._neighborLocation_right_8suja_gg_ {\n padding-right: 0;\n}\n\n.___SValue_8suja_gg_._neighborLocation_both_8suja_gg_ {\n padding-left: 0;\n padding-right: 0;\n}\n\n.___SValue_8suja_gg_._neighborLocation_left_8suja_gg_ {\n padding-left: 0;\n}\n"
34
34
  /*__inner_css_end__*/
35
- , "1i58u_gg_")
35
+ , "8suja_gg_")
36
36
  /*__reshadow_css_end__*/
37
37
  , {
38
- "__SInput": "___SInput_1i58u_gg_",
39
- "__SOutline": "___SOutline_1i58u_gg_",
40
- "__SValue": "___SValue_1i58u_gg_",
41
- "__SAddon": "___SAddon_1i58u_gg_",
42
- "_interactive": "__interactive_1i58u_gg_",
43
- "_disabled": "__disabled_1i58u_gg_",
44
- "_size_m": "_size_m_1i58u_gg_",
45
- "_size_l": "_size_l_1i58u_gg_",
46
- "_focused": "__focused_1i58u_gg_",
47
- "_state_normal": "_state_normal_1i58u_gg_",
48
- "_state_valid": "_state_valid_1i58u_gg_",
49
- "_state_invalid": "_state_invalid_1i58u_gg_",
50
- "_neighborLocation_right": "_neighborLocation_right_1i58u_gg_",
51
- "_neighborLocation_both": "_neighborLocation_both_1i58u_gg_",
52
- "_neighborLocation_left": "_neighborLocation_left_1i58u_gg_"
38
+ "__SInput": "___SInput_8suja_gg_",
39
+ "__SOutline": "___SOutline_8suja_gg_",
40
+ "__SValue": "___SValue_8suja_gg_",
41
+ "__SAddon": "___SAddon_8suja_gg_",
42
+ "_interactive": "__interactive_8suja_gg_",
43
+ "_disabled": "__disabled_8suja_gg_",
44
+ "_size_m": "_size_m_8suja_gg_",
45
+ "_size_l": "_size_l_8suja_gg_",
46
+ "_focused": "__focused_8suja_gg_",
47
+ "_state_normal": "_state_normal_8suja_gg_",
48
+ "_state_valid": "_state_valid_8suja_gg_",
49
+ "_state_invalid": "_state_invalid_8suja_gg_",
50
+ "_neighborLocation_right": "_neighborLocation_right_8suja_gg_",
51
+ "_neighborLocation_both": "_neighborLocation_both_8suja_gg_",
52
+ "_neighborLocation_left": "_neighborLocation_left_8suja_gg_"
53
53
  });
54
54
 
55
55
  var Input = /*#__PURE__*/function (_Component) {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/input",
3
3
  "description": "Semrush Input Component",
4
- "version": "3.2.1",
4
+ "version": "3.2.3",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",