@semcore/input 3.1.0 → 3.2.0
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.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/Input.js +17 -17
- package/lib/es6/Input.js +17 -17
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
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.
|
|
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_1r3kj_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_1r3kj_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_1r3kj_gg_ input:-webkit-autofill ~ .___SOutline_1r3kj_gg_ {\n background-color: rgb(250, 255, 189);\n }\n\n.___SValue_1r3kj_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_1r3kj_gg_:focus {\n outline: none;\n }\n\n.___SValue_1r3kj_gg_::-moz-placeholder {\n color: #a9abb6;\n }\n\n.___SValue_1r3kj_gg_::placeholder {\n color: #a9abb6;\n }\n\n.___SValue_1r3kj_gg_:-moz-read-only ~ .___SOutline_1r3kj_gg_ {\n background: #f4f5f9;\n }\n\n.___SValue_1r3kj_gg_:read-only ~ .___SOutline_1r3kj_gg_ {\n background: #f4f5f9;\n }\n\n.___SValue_1r3kj_gg_:disabled {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n opacity: 0.3\n }\n\n.___SValue_1r3kj_gg_:disabled ~ .___SOutline_1r3kj_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n }\n\n.___SOutline_1r3kj_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_1r3kj_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_1r3kj_gg_.__interactive_1r3kj_gg_ {\n cursor: pointer\n}\n\n.___SAddon_1r3kj_gg_.__interactive_1r3kj_gg_:hover {\n color: #8a8e9b;\n }\n\n.___SAddon_1r3kj_gg_.__disabled_1r3kj_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SInput_1r3kj_gg_._size_m_1r3kj_gg_ {\n font-size: 14px;\n height: 28px;\n}\n\n.___SValue_1r3kj_gg_._size_m_1r3kj_gg_,\n.___SValue_1r3kj_gg_._size_l_1r3kj_gg_ {\n padding: 0 8px;\n}\n\n.___SInput_1r3kj_gg_._size_l_1r3kj_gg_ {\n font-size: 16px;\n height: 40px;\n padding-left: 4px;\n padding-right: 4px;\n}\n\n.___SInput_1r3kj_gg_.__focused_1r3kj_gg_ {\n z-index: 1;\n}\n\n.___SInput_1r3kj_gg_._state_normal_1r3kj_gg_ .___SOutline_1r3kj_gg_ {\n border-color: #c4c7cf;\n }\n\n.___SInput_1r3kj_gg_._state_normal_1r3kj_gg_ .___SValue_1r3kj_gg_:focus ~ .___SOutline_1r3kj_gg_ {\n border-color: #008ff8;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SInput_1r3kj_gg_._state_valid_1r3kj_gg_ .___SOutline_1r3kj_gg_ {\n border-color: #59ddaa;\n }\n\n.___SInput_1r3kj_gg_._state_valid_1r3kj_gg_ .___SValue_1r3kj_gg_:focus ~ .___SOutline_1r3kj_gg_ {\n border-color: #009f81;\n box-shadow: 0px 0px 0px 3px rgba(0, 159, 129, 0.2);\n }\n\n.___SInput_1r3kj_gg_._state_invalid_1r3kj_gg_ .___SOutline_1r3kj_gg_ {\n border-color: #ffaeb5;\n }\n\n.___SInput_1r3kj_gg_._state_invalid_1r3kj_gg_ .___SValue_1r3kj_gg_:focus ~ .___SOutline_1r3kj_gg_ {\n border-color: #ff4953;\n box-shadow: 0px 0px 0px 3px rgba(255, 73, 83, 0.2);\n }\n\n.___SInput_1r3kj_gg_._neighborLocation_right_1r3kj_gg_ .___SOutline_1r3kj_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n.___SInput_1r3kj_gg_._neighborLocation_both_1r3kj_gg_ .___SOutline_1r3kj_gg_ {\n border-radius: 0;\n border-left: none;\n }\n\n.___SInput_1r3kj_gg_._neighborLocation_left_1r3kj_gg_ .___SOutline_1r3kj_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n }\n\n.___SValue_1r3kj_gg_._neighborLocation_right_1r3kj_gg_ {\n padding-right: 0;\n}\n\n.___SValue_1r3kj_gg_._neighborLocation_both_1r3kj_gg_ {\n padding-left: 0;\n padding-right: 0;\n}\n\n.___SValue_1r3kj_gg_._neighborLocation_left_1r3kj_gg_ {\n padding-left: 0;\n}\n"
|
|
56
56
|
/*__inner_css_end__*/
|
|
57
|
-
, "
|
|
57
|
+
, "1r3kj_gg_")
|
|
58
58
|
/*__reshadow_css_end__*/
|
|
59
59
|
, {
|
|
60
|
-
"__SInput": "
|
|
61
|
-
"__SOutline": "
|
|
62
|
-
"__SValue": "
|
|
63
|
-
"__SAddon": "
|
|
64
|
-
"_interactive": "
|
|
65
|
-
"_disabled": "
|
|
66
|
-
"_size_m": "
|
|
67
|
-
"_size_l": "
|
|
68
|
-
"_focused": "
|
|
69
|
-
"_state_normal": "
|
|
70
|
-
"_state_valid": "
|
|
71
|
-
"_state_invalid": "
|
|
72
|
-
"_neighborLocation_right": "
|
|
73
|
-
"_neighborLocation_both": "
|
|
74
|
-
"_neighborLocation_left": "
|
|
60
|
+
"__SInput": "___SInput_1r3kj_gg_",
|
|
61
|
+
"__SOutline": "___SOutline_1r3kj_gg_",
|
|
62
|
+
"__SValue": "___SValue_1r3kj_gg_",
|
|
63
|
+
"__SAddon": "___SAddon_1r3kj_gg_",
|
|
64
|
+
"_interactive": "__interactive_1r3kj_gg_",
|
|
65
|
+
"_disabled": "__disabled_1r3kj_gg_",
|
|
66
|
+
"_size_m": "_size_m_1r3kj_gg_",
|
|
67
|
+
"_size_l": "_size_l_1r3kj_gg_",
|
|
68
|
+
"_focused": "__focused_1r3kj_gg_",
|
|
69
|
+
"_state_normal": "_state_normal_1r3kj_gg_",
|
|
70
|
+
"_state_valid": "_state_valid_1r3kj_gg_",
|
|
71
|
+
"_state_invalid": "_state_invalid_1r3kj_gg_",
|
|
72
|
+
"_neighborLocation_right": "_neighborLocation_right_1r3kj_gg_",
|
|
73
|
+
"_neighborLocation_both": "_neighborLocation_both_1r3kj_gg_",
|
|
74
|
+
"_neighborLocation_left": "_neighborLocation_left_1r3kj_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.
|
|
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_1r3kj_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_1r3kj_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_1r3kj_gg_ input:-webkit-autofill ~ .___SOutline_1r3kj_gg_ {\n background-color: rgb(250, 255, 189);\n }\n\n.___SValue_1r3kj_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_1r3kj_gg_:focus {\n outline: none;\n }\n\n.___SValue_1r3kj_gg_::-moz-placeholder {\n color: #a9abb6;\n }\n\n.___SValue_1r3kj_gg_::placeholder {\n color: #a9abb6;\n }\n\n.___SValue_1r3kj_gg_:-moz-read-only ~ .___SOutline_1r3kj_gg_ {\n background: #f4f5f9;\n }\n\n.___SValue_1r3kj_gg_:read-only ~ .___SOutline_1r3kj_gg_ {\n background: #f4f5f9;\n }\n\n.___SValue_1r3kj_gg_:disabled {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n opacity: 0.3\n }\n\n.___SValue_1r3kj_gg_:disabled ~ .___SOutline_1r3kj_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n }\n\n.___SOutline_1r3kj_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_1r3kj_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_1r3kj_gg_.__interactive_1r3kj_gg_ {\n cursor: pointer\n}\n\n.___SAddon_1r3kj_gg_.__interactive_1r3kj_gg_:hover {\n color: #8a8e9b;\n }\n\n.___SAddon_1r3kj_gg_.__disabled_1r3kj_gg_ {\n opacity: 0.3;\n cursor: default;\n pointer-events: none;\n}\n\n.___SInput_1r3kj_gg_._size_m_1r3kj_gg_ {\n font-size: 14px;\n height: 28px;\n}\n\n.___SValue_1r3kj_gg_._size_m_1r3kj_gg_,\n.___SValue_1r3kj_gg_._size_l_1r3kj_gg_ {\n padding: 0 8px;\n}\n\n.___SInput_1r3kj_gg_._size_l_1r3kj_gg_ {\n font-size: 16px;\n height: 40px;\n padding-left: 4px;\n padding-right: 4px;\n}\n\n.___SInput_1r3kj_gg_.__focused_1r3kj_gg_ {\n z-index: 1;\n}\n\n.___SInput_1r3kj_gg_._state_normal_1r3kj_gg_ .___SOutline_1r3kj_gg_ {\n border-color: #c4c7cf;\n }\n\n.___SInput_1r3kj_gg_._state_normal_1r3kj_gg_ .___SValue_1r3kj_gg_:focus ~ .___SOutline_1r3kj_gg_ {\n border-color: #008ff8;\n box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n }\n\n.___SInput_1r3kj_gg_._state_valid_1r3kj_gg_ .___SOutline_1r3kj_gg_ {\n border-color: #59ddaa;\n }\n\n.___SInput_1r3kj_gg_._state_valid_1r3kj_gg_ .___SValue_1r3kj_gg_:focus ~ .___SOutline_1r3kj_gg_ {\n border-color: #009f81;\n box-shadow: 0px 0px 0px 3px rgba(0, 159, 129, 0.2);\n }\n\n.___SInput_1r3kj_gg_._state_invalid_1r3kj_gg_ .___SOutline_1r3kj_gg_ {\n border-color: #ffaeb5;\n }\n\n.___SInput_1r3kj_gg_._state_invalid_1r3kj_gg_ .___SValue_1r3kj_gg_:focus ~ .___SOutline_1r3kj_gg_ {\n border-color: #ff4953;\n box-shadow: 0px 0px 0px 3px rgba(255, 73, 83, 0.2);\n }\n\n.___SInput_1r3kj_gg_._neighborLocation_right_1r3kj_gg_ .___SOutline_1r3kj_gg_ {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n.___SInput_1r3kj_gg_._neighborLocation_both_1r3kj_gg_ .___SOutline_1r3kj_gg_ {\n border-radius: 0;\n border-left: none;\n }\n\n.___SInput_1r3kj_gg_._neighborLocation_left_1r3kj_gg_ .___SOutline_1r3kj_gg_ {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: none;\n }\n\n.___SValue_1r3kj_gg_._neighborLocation_right_1r3kj_gg_ {\n padding-right: 0;\n}\n\n.___SValue_1r3kj_gg_._neighborLocation_both_1r3kj_gg_ {\n padding-left: 0;\n padding-right: 0;\n}\n\n.___SValue_1r3kj_gg_._neighborLocation_left_1r3kj_gg_ {\n padding-left: 0;\n}\n"
|
|
34
34
|
/*__inner_css_end__*/
|
|
35
|
-
, "
|
|
35
|
+
, "1r3kj_gg_")
|
|
36
36
|
/*__reshadow_css_end__*/
|
|
37
37
|
, {
|
|
38
|
-
"__SInput": "
|
|
39
|
-
"__SOutline": "
|
|
40
|
-
"__SValue": "
|
|
41
|
-
"__SAddon": "
|
|
42
|
-
"_interactive": "
|
|
43
|
-
"_disabled": "
|
|
44
|
-
"_size_m": "
|
|
45
|
-
"_size_l": "
|
|
46
|
-
"_focused": "
|
|
47
|
-
"_state_normal": "
|
|
48
|
-
"_state_valid": "
|
|
49
|
-
"_state_invalid": "
|
|
50
|
-
"_neighborLocation_right": "
|
|
51
|
-
"_neighborLocation_both": "
|
|
52
|
-
"_neighborLocation_left": "
|
|
38
|
+
"__SInput": "___SInput_1r3kj_gg_",
|
|
39
|
+
"__SOutline": "___SOutline_1r3kj_gg_",
|
|
40
|
+
"__SValue": "___SValue_1r3kj_gg_",
|
|
41
|
+
"__SAddon": "___SAddon_1r3kj_gg_",
|
|
42
|
+
"_interactive": "__interactive_1r3kj_gg_",
|
|
43
|
+
"_disabled": "__disabled_1r3kj_gg_",
|
|
44
|
+
"_size_m": "_size_m_1r3kj_gg_",
|
|
45
|
+
"_size_l": "_size_l_1r3kj_gg_",
|
|
46
|
+
"_focused": "__focused_1r3kj_gg_",
|
|
47
|
+
"_state_normal": "_state_normal_1r3kj_gg_",
|
|
48
|
+
"_state_valid": "_state_valid_1r3kj_gg_",
|
|
49
|
+
"_state_invalid": "_state_invalid_1r3kj_gg_",
|
|
50
|
+
"_neighborLocation_right": "_neighborLocation_right_1r3kj_gg_",
|
|
51
|
+
"_neighborLocation_both": "_neighborLocation_both_1r3kj_gg_",
|
|
52
|
+
"_neighborLocation_left": "_neighborLocation_left_1r3kj_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.
|
|
4
|
+
"version": "3.2.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"@semcore/core": "^1.11",
|
|
18
|
-
"react": "16.8 -
|
|
18
|
+
"react": "16.8 - 18"
|
|
19
19
|
},
|
|
20
20
|
"jest": {
|
|
21
21
|
"preset": "@semcore/jest-preset-ui"
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"directory": "semcore/input"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@types/react": "
|
|
29
|
+
"@types/react": "18.0.21",
|
|
30
30
|
"@semcore/jest-preset-ui": "1.0.0",
|
|
31
31
|
"@semcore/icon": "*"
|
|
32
32
|
},
|