@semcore/input 3.3.1 → 3.4.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/Input.js +17 -17
  3. package/lib/cjs/style/input.shadow.css +3 -3
  4. package/lib/es6/Input.js +17 -17
  5. package/lib/es6/style/input.shadow.css +3 -3
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [3.4.0] - 2022-11-30
6
+
7
+ ### Changed
8
+
9
+ - Updated border-color in focus state from `--blue-400` to `--blue-500`, `--red-400` to `--red-500`, `--green-400` to `--green-500`.
10
+
5
11
  ## [3.3.1] - 2022-11-30
6
12
 
7
13
  ### 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
- ".___SInput_1a7gv_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box}.___SInput_1a7gv_gg_ input:-webkit-autofill{border-radius:6px;-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_1a7gv_gg_ input:-webkit-autofill~.___SOutline_1a7gv_gg_{background-color:#faffbd}.___SValue_1a7gv_gg_{min-width:0;width:100%;height:100%;padding:0;border:none;box-sizing:border-box;color:#191b23;font-size:inherit;text-overflow:ellipsis;font-family:inherit;background:transparent}.___SValue_1a7gv_gg_:focus{outline:none}.___SValue_1a7gv_gg_::-moz-placeholder{color:#a9abb6}.___SValue_1a7gv_gg_::placeholder{color:#a9abb6}.___SValue_1a7gv_gg_:-moz-read-only~.___SOutline_1a7gv_gg_{background:#f4f5f9}.___SValue_1a7gv_gg_:read-only~.___SOutline_1a7gv_gg_{background:#f4f5f9}.___SValue_1a7gv_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0.3}.___SValue_1a7gv_gg_:disabled~.___SOutline_1a7gv_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SOutline_1a7gv_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-radius:6px;z-index:-1;background:#fff}.___SAddon_1a7gv_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;padding:0 8px;height:100%;color:#a9abb6}.___SAddon_1a7gv_gg_.__interactive_1a7gv_gg_{cursor:pointer}.___SAddon_1a7gv_gg_.__interactive_1a7gv_gg_:hover{color:#8a8e9b}.___SAddon_1a7gv_gg_.__disabled_1a7gv_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SInput_1a7gv_gg_._size_m_1a7gv_gg_{font-size:14px;height:28px}.___SValue_1a7gv_gg_._size_l_1a7gv_gg_,.___SValue_1a7gv_gg_._size_m_1a7gv_gg_{padding:0 8px}.___SInput_1a7gv_gg_._size_l_1a7gv_gg_{font-size:16px;height:40px;padding-left:4px;padding-right:4px}.___SInput_1a7gv_gg_.__focused_1a7gv_gg_{z-index:1}.___SInput_1a7gv_gg_._state_normal_1a7gv_gg_ .___SOutline_1a7gv_gg_{border-color:#c4c7cf}.___SInput_1a7gv_gg_._state_normal_1a7gv_gg_ .___SValue_1a7gv_gg_:focus~.___SOutline_1a7gv_gg_{border-color:#008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SInput_1a7gv_gg_._state_valid_1a7gv_gg_ .___SOutline_1a7gv_gg_{border-color:#59ddaa}.___SInput_1a7gv_gg_._state_valid_1a7gv_gg_ .___SValue_1a7gv_gg_:focus~.___SOutline_1a7gv_gg_{border-color:#009f81;box-shadow:0px 0px 0px 3px rgba(0, 159, 129, 0.2)}.___SInput_1a7gv_gg_._state_invalid_1a7gv_gg_ .___SOutline_1a7gv_gg_{border-color:#ffaeb5}.___SInput_1a7gv_gg_._state_invalid_1a7gv_gg_ .___SValue_1a7gv_gg_:focus~.___SOutline_1a7gv_gg_{border-color:#ff4953;box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.2)}.___SInput_1a7gv_gg_._neighborLocation_right_1a7gv_gg_ .___SOutline_1a7gv_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_1a7gv_gg_._neighborLocation_both_1a7gv_gg_ .___SOutline_1a7gv_gg_{border-radius:0;border-left:none}.___SInput_1a7gv_gg_._neighborLocation_left_1a7gv_gg_ .___SOutline_1a7gv_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_1a7gv_gg_._neighborLocation_right_1a7gv_gg_{padding-right:0}.___SValue_1a7gv_gg_._neighborLocation_both_1a7gv_gg_{padding-left:0;padding-right:0}.___SValue_1a7gv_gg_._neighborLocation_left_1a7gv_gg_{padding-left:0}"
55
+ ".___SInput_1txj6_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box}.___SInput_1txj6_gg_ input:-webkit-autofill{border-radius:6px;-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_1txj6_gg_ input:-webkit-autofill~.___SOutline_1txj6_gg_{background-color:#faffbd}.___SValue_1txj6_gg_{min-width:0;width:100%;height:100%;padding:0;border:none;box-sizing:border-box;color:#191b23;font-size:inherit;text-overflow:ellipsis;font-family:inherit;background:transparent}.___SValue_1txj6_gg_:focus{outline:none}.___SValue_1txj6_gg_::-moz-placeholder{color:#a9abb6}.___SValue_1txj6_gg_::placeholder{color:#a9abb6}.___SValue_1txj6_gg_:-moz-read-only~.___SOutline_1txj6_gg_{background:#f4f5f9}.___SValue_1txj6_gg_:read-only~.___SOutline_1txj6_gg_{background:#f4f5f9}.___SValue_1txj6_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0.3}.___SValue_1txj6_gg_:disabled~.___SOutline_1txj6_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SOutline_1txj6_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-radius:6px;z-index:-1;background:#fff}.___SAddon_1txj6_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;padding:0 8px;height:100%;color:#a9abb6}.___SAddon_1txj6_gg_.__interactive_1txj6_gg_{cursor:pointer}.___SAddon_1txj6_gg_.__interactive_1txj6_gg_:hover{color:#8a8e9b}.___SAddon_1txj6_gg_.__disabled_1txj6_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SInput_1txj6_gg_._size_m_1txj6_gg_{font-size:14px;height:28px}.___SValue_1txj6_gg_._size_l_1txj6_gg_,.___SValue_1txj6_gg_._size_m_1txj6_gg_{padding:0 8px}.___SInput_1txj6_gg_._size_l_1txj6_gg_{font-size:16px;height:40px;padding-left:4px;padding-right:4px}.___SInput_1txj6_gg_.__focused_1txj6_gg_{z-index:1}.___SInput_1txj6_gg_._state_normal_1txj6_gg_ .___SOutline_1txj6_gg_{border-color:#c4c7cf}.___SInput_1txj6_gg_._state_normal_1txj6_gg_ .___SValue_1txj6_gg_:focus~.___SOutline_1txj6_gg_{border-color:#006dca;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3)}.___SInput_1txj6_gg_._state_valid_1txj6_gg_ .___SOutline_1txj6_gg_{border-color:#59ddaa}.___SInput_1txj6_gg_._state_valid_1txj6_gg_ .___SValue_1txj6_gg_:focus~.___SOutline_1txj6_gg_{border-color:#007c65;box-shadow:0px 0px 0px 3px rgba(0, 159, 129, 0.3)}.___SInput_1txj6_gg_._state_invalid_1txj6_gg_ .___SOutline_1txj6_gg_{border-color:#ffaeb5}.___SInput_1txj6_gg_._state_invalid_1txj6_gg_ .___SValue_1txj6_gg_:focus~.___SOutline_1txj6_gg_{border-color:#d1002f;box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.3)}.___SInput_1txj6_gg_._neighborLocation_right_1txj6_gg_ .___SOutline_1txj6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_1txj6_gg_._neighborLocation_both_1txj6_gg_ .___SOutline_1txj6_gg_{border-radius:0;border-left:none}.___SInput_1txj6_gg_._neighborLocation_left_1txj6_gg_ .___SOutline_1txj6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_1txj6_gg_._neighborLocation_right_1txj6_gg_{padding-right:0}.___SValue_1txj6_gg_._neighborLocation_both_1txj6_gg_{padding-left:0;padding-right:0}.___SValue_1txj6_gg_._neighborLocation_left_1txj6_gg_{padding-left:0}"
56
56
  /*__inner_css_end__*/
57
- , "1a7gv_gg_")
57
+ , "1txj6_gg_")
58
58
  /*__reshadow_css_end__*/
59
59
  , {
60
- "__SInput": "___SInput_1a7gv_gg_",
61
- "__SOutline": "___SOutline_1a7gv_gg_",
62
- "__SValue": "___SValue_1a7gv_gg_",
63
- "__SAddon": "___SAddon_1a7gv_gg_",
64
- "_interactive": "__interactive_1a7gv_gg_",
65
- "_disabled": "__disabled_1a7gv_gg_",
66
- "_size_m": "_size_m_1a7gv_gg_",
67
- "_size_l": "_size_l_1a7gv_gg_",
68
- "_focused": "__focused_1a7gv_gg_",
69
- "_state_normal": "_state_normal_1a7gv_gg_",
70
- "_state_valid": "_state_valid_1a7gv_gg_",
71
- "_state_invalid": "_state_invalid_1a7gv_gg_",
72
- "_neighborLocation_right": "_neighborLocation_right_1a7gv_gg_",
73
- "_neighborLocation_both": "_neighborLocation_both_1a7gv_gg_",
74
- "_neighborLocation_left": "_neighborLocation_left_1a7gv_gg_"
60
+ "__SInput": "___SInput_1txj6_gg_",
61
+ "__SOutline": "___SOutline_1txj6_gg_",
62
+ "__SValue": "___SValue_1txj6_gg_",
63
+ "__SAddon": "___SAddon_1txj6_gg_",
64
+ "_interactive": "__interactive_1txj6_gg_",
65
+ "_disabled": "__disabled_1txj6_gg_",
66
+ "_size_m": "_size_m_1txj6_gg_",
67
+ "_size_l": "_size_l_1txj6_gg_",
68
+ "_focused": "__focused_1txj6_gg_",
69
+ "_state_normal": "_state_normal_1txj6_gg_",
70
+ "_state_valid": "_state_valid_1txj6_gg_",
71
+ "_state_invalid": "_state_invalid_1txj6_gg_",
72
+ "_neighborLocation_right": "_neighborLocation_right_1txj6_gg_",
73
+ "_neighborLocation_both": "_neighborLocation_both_1txj6_gg_",
74
+ "_neighborLocation_left": "_neighborLocation_left_1txj6_gg_"
75
75
  });
76
76
 
77
77
  var Input = /*#__PURE__*/function (_Component) {
package/lib/cjs/style/input.shadow.css CHANGED
@@ -121,7 +121,7 @@ SInput[state='normal'] {
121
121
  }
122
122
 
123
123
  & SValue:focus ~ SOutline {
124
- border-color: var(--blue-400);
124
+ border-color: var(--blue-500);
125
125
  box-shadow: var(--keyboard-focus);
126
126
  }
127
127
  }
@@ -131,7 +131,7 @@ SInput[state='valid'] {
131
131
  }
132
132
 
133
133
  & SValue:focus ~ SOutline {
134
- border-color: var(--green-400);
134
+ border-color: var(--green-500);
135
135
  box-shadow: var(--keyboard-focus-valid);
136
136
  }
137
137
  }
@@ -141,7 +141,7 @@ SInput[state='invalid'] {
141
141
  }
142
142
 
143
143
  & SValue:focus ~ SOutline {
144
- border-color: var(--red-400);
144
+ border-color: var(--red-500);
145
145
  box-shadow: var(--keyboard-focus-invalid);
146
146
  }
147
147
  }
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
- ".___SInput_1a7gv_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box}.___SInput_1a7gv_gg_ input:-webkit-autofill{border-radius:6px;-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_1a7gv_gg_ input:-webkit-autofill~.___SOutline_1a7gv_gg_{background-color:#faffbd}.___SValue_1a7gv_gg_{min-width:0;width:100%;height:100%;padding:0;border:none;box-sizing:border-box;color:#191b23;font-size:inherit;text-overflow:ellipsis;font-family:inherit;background:transparent}.___SValue_1a7gv_gg_:focus{outline:none}.___SValue_1a7gv_gg_::-moz-placeholder{color:#a9abb6}.___SValue_1a7gv_gg_::placeholder{color:#a9abb6}.___SValue_1a7gv_gg_:-moz-read-only~.___SOutline_1a7gv_gg_{background:#f4f5f9}.___SValue_1a7gv_gg_:read-only~.___SOutline_1a7gv_gg_{background:#f4f5f9}.___SValue_1a7gv_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0.3}.___SValue_1a7gv_gg_:disabled~.___SOutline_1a7gv_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SOutline_1a7gv_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-radius:6px;z-index:-1;background:#fff}.___SAddon_1a7gv_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;padding:0 8px;height:100%;color:#a9abb6}.___SAddon_1a7gv_gg_.__interactive_1a7gv_gg_{cursor:pointer}.___SAddon_1a7gv_gg_.__interactive_1a7gv_gg_:hover{color:#8a8e9b}.___SAddon_1a7gv_gg_.__disabled_1a7gv_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SInput_1a7gv_gg_._size_m_1a7gv_gg_{font-size:14px;height:28px}.___SValue_1a7gv_gg_._size_l_1a7gv_gg_,.___SValue_1a7gv_gg_._size_m_1a7gv_gg_{padding:0 8px}.___SInput_1a7gv_gg_._size_l_1a7gv_gg_{font-size:16px;height:40px;padding-left:4px;padding-right:4px}.___SInput_1a7gv_gg_.__focused_1a7gv_gg_{z-index:1}.___SInput_1a7gv_gg_._state_normal_1a7gv_gg_ .___SOutline_1a7gv_gg_{border-color:#c4c7cf}.___SInput_1a7gv_gg_._state_normal_1a7gv_gg_ .___SValue_1a7gv_gg_:focus~.___SOutline_1a7gv_gg_{border-color:#008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SInput_1a7gv_gg_._state_valid_1a7gv_gg_ .___SOutline_1a7gv_gg_{border-color:#59ddaa}.___SInput_1a7gv_gg_._state_valid_1a7gv_gg_ .___SValue_1a7gv_gg_:focus~.___SOutline_1a7gv_gg_{border-color:#009f81;box-shadow:0px 0px 0px 3px rgba(0, 159, 129, 0.2)}.___SInput_1a7gv_gg_._state_invalid_1a7gv_gg_ .___SOutline_1a7gv_gg_{border-color:#ffaeb5}.___SInput_1a7gv_gg_._state_invalid_1a7gv_gg_ .___SValue_1a7gv_gg_:focus~.___SOutline_1a7gv_gg_{border-color:#ff4953;box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.2)}.___SInput_1a7gv_gg_._neighborLocation_right_1a7gv_gg_ .___SOutline_1a7gv_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_1a7gv_gg_._neighborLocation_both_1a7gv_gg_ .___SOutline_1a7gv_gg_{border-radius:0;border-left:none}.___SInput_1a7gv_gg_._neighborLocation_left_1a7gv_gg_ .___SOutline_1a7gv_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_1a7gv_gg_._neighborLocation_right_1a7gv_gg_{padding-right:0}.___SValue_1a7gv_gg_._neighborLocation_both_1a7gv_gg_{padding-left:0;padding-right:0}.___SValue_1a7gv_gg_._neighborLocation_left_1a7gv_gg_{padding-left:0}"
33
+ ".___SInput_1txj6_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box}.___SInput_1txj6_gg_ input:-webkit-autofill{border-radius:6px;-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_1txj6_gg_ input:-webkit-autofill~.___SOutline_1txj6_gg_{background-color:#faffbd}.___SValue_1txj6_gg_{min-width:0;width:100%;height:100%;padding:0;border:none;box-sizing:border-box;color:#191b23;font-size:inherit;text-overflow:ellipsis;font-family:inherit;background:transparent}.___SValue_1txj6_gg_:focus{outline:none}.___SValue_1txj6_gg_::-moz-placeholder{color:#a9abb6}.___SValue_1txj6_gg_::placeholder{color:#a9abb6}.___SValue_1txj6_gg_:-moz-read-only~.___SOutline_1txj6_gg_{background:#f4f5f9}.___SValue_1txj6_gg_:read-only~.___SOutline_1txj6_gg_{background:#f4f5f9}.___SValue_1txj6_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0.3}.___SValue_1txj6_gg_:disabled~.___SOutline_1txj6_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SOutline_1txj6_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-radius:6px;z-index:-1;background:#fff}.___SAddon_1txj6_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;padding:0 8px;height:100%;color:#a9abb6}.___SAddon_1txj6_gg_.__interactive_1txj6_gg_{cursor:pointer}.___SAddon_1txj6_gg_.__interactive_1txj6_gg_:hover{color:#8a8e9b}.___SAddon_1txj6_gg_.__disabled_1txj6_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SInput_1txj6_gg_._size_m_1txj6_gg_{font-size:14px;height:28px}.___SValue_1txj6_gg_._size_l_1txj6_gg_,.___SValue_1txj6_gg_._size_m_1txj6_gg_{padding:0 8px}.___SInput_1txj6_gg_._size_l_1txj6_gg_{font-size:16px;height:40px;padding-left:4px;padding-right:4px}.___SInput_1txj6_gg_.__focused_1txj6_gg_{z-index:1}.___SInput_1txj6_gg_._state_normal_1txj6_gg_ .___SOutline_1txj6_gg_{border-color:#c4c7cf}.___SInput_1txj6_gg_._state_normal_1txj6_gg_ .___SValue_1txj6_gg_:focus~.___SOutline_1txj6_gg_{border-color:#006dca;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.3)}.___SInput_1txj6_gg_._state_valid_1txj6_gg_ .___SOutline_1txj6_gg_{border-color:#59ddaa}.___SInput_1txj6_gg_._state_valid_1txj6_gg_ .___SValue_1txj6_gg_:focus~.___SOutline_1txj6_gg_{border-color:#007c65;box-shadow:0px 0px 0px 3px rgba(0, 159, 129, 0.3)}.___SInput_1txj6_gg_._state_invalid_1txj6_gg_ .___SOutline_1txj6_gg_{border-color:#ffaeb5}.___SInput_1txj6_gg_._state_invalid_1txj6_gg_ .___SValue_1txj6_gg_:focus~.___SOutline_1txj6_gg_{border-color:#d1002f;box-shadow:0px 0px 0px 3px rgba(255, 73, 83, 0.3)}.___SInput_1txj6_gg_._neighborLocation_right_1txj6_gg_ .___SOutline_1txj6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_1txj6_gg_._neighborLocation_both_1txj6_gg_ .___SOutline_1txj6_gg_{border-radius:0;border-left:none}.___SInput_1txj6_gg_._neighborLocation_left_1txj6_gg_ .___SOutline_1txj6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_1txj6_gg_._neighborLocation_right_1txj6_gg_{padding-right:0}.___SValue_1txj6_gg_._neighborLocation_both_1txj6_gg_{padding-left:0;padding-right:0}.___SValue_1txj6_gg_._neighborLocation_left_1txj6_gg_{padding-left:0}"
34
34
  /*__inner_css_end__*/
35
- , "1a7gv_gg_")
35
+ , "1txj6_gg_")
36
36
  /*__reshadow_css_end__*/
37
37
  , {
38
- "__SInput": "___SInput_1a7gv_gg_",
39
- "__SOutline": "___SOutline_1a7gv_gg_",
40
- "__SValue": "___SValue_1a7gv_gg_",
41
- "__SAddon": "___SAddon_1a7gv_gg_",
42
- "_interactive": "__interactive_1a7gv_gg_",
43
- "_disabled": "__disabled_1a7gv_gg_",
44
- "_size_m": "_size_m_1a7gv_gg_",
45
- "_size_l": "_size_l_1a7gv_gg_",
46
- "_focused": "__focused_1a7gv_gg_",
47
- "_state_normal": "_state_normal_1a7gv_gg_",
48
- "_state_valid": "_state_valid_1a7gv_gg_",
49
- "_state_invalid": "_state_invalid_1a7gv_gg_",
50
- "_neighborLocation_right": "_neighborLocation_right_1a7gv_gg_",
51
- "_neighborLocation_both": "_neighborLocation_both_1a7gv_gg_",
52
- "_neighborLocation_left": "_neighborLocation_left_1a7gv_gg_"
38
+ "__SInput": "___SInput_1txj6_gg_",
39
+ "__SOutline": "___SOutline_1txj6_gg_",
40
+ "__SValue": "___SValue_1txj6_gg_",
41
+ "__SAddon": "___SAddon_1txj6_gg_",
42
+ "_interactive": "__interactive_1txj6_gg_",
43
+ "_disabled": "__disabled_1txj6_gg_",
44
+ "_size_m": "_size_m_1txj6_gg_",
45
+ "_size_l": "_size_l_1txj6_gg_",
46
+ "_focused": "__focused_1txj6_gg_",
47
+ "_state_normal": "_state_normal_1txj6_gg_",
48
+ "_state_valid": "_state_valid_1txj6_gg_",
49
+ "_state_invalid": "_state_invalid_1txj6_gg_",
50
+ "_neighborLocation_right": "_neighborLocation_right_1txj6_gg_",
51
+ "_neighborLocation_both": "_neighborLocation_both_1txj6_gg_",
52
+ "_neighborLocation_left": "_neighborLocation_left_1txj6_gg_"
53
53
  });
54
54
 
55
55
  var Input = /*#__PURE__*/function (_Component) {
package/lib/es6/style/input.shadow.css CHANGED
@@ -121,7 +121,7 @@ SInput[state='normal'] {
121
121
  }
122
122
 
123
123
  & SValue:focus ~ SOutline {
124
- border-color: var(--blue-400);
124
+ border-color: var(--blue-500);
125
125
  box-shadow: var(--keyboard-focus);
126
126
  }
127
127
  }
@@ -131,7 +131,7 @@ SInput[state='valid'] {
131
131
  }
132
132
 
133
133
  & SValue:focus ~ SOutline {
134
- border-color: var(--green-400);
134
+ border-color: var(--green-500);
135
135
  box-shadow: var(--keyboard-focus-valid);
136
136
  }
137
137
  }
@@ -141,7 +141,7 @@ SInput[state='invalid'] {
141
141
  }
142
142
 
143
143
  & SValue:focus ~ SOutline {
144
- border-color: var(--red-400);
144
+ border-color: var(--red-500);
145
145
  box-shadow: var(--keyboard-focus-invalid);
146
146
  }
147
147
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/input",
3
3
  "description": "Semrush Input Component",
4
- "version": "3.3.1",
4
+ "version": "3.4.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",