@semcore/input 4.30.0 → 4.31.0-prerelease.1
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 +12 -6
- package/lib/cjs/Input.js +17 -17
- package/lib/es6/Input.js +17 -17
- package/package.json +5 -5
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
|
+
## [4.31.0] - 2024-07-13
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/utils` [4.30.0 ~> 4.31.0], `@semcore/flex-box` [5.29.0 ~> 5.30.0], `@semcore/core` [2.27.0 ~> 2.28.0]).
|
|
10
|
+
|
|
5
11
|
## [4.30.0] - 2024-06-26
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -599,7 +605,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
599
605
|
|
|
600
606
|
### Changed
|
|
601
607
|
|
|
602
|
-
- Fixed `Input.Addon`
|
|
608
|
+
- Fixed `Input.Addon` CSS classes were missing during server-side rendering.
|
|
603
609
|
|
|
604
610
|
## [3.0.9] - 2022-07-22
|
|
605
611
|
|
|
@@ -721,7 +727,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
721
727
|
|
|
722
728
|
### Fixed
|
|
723
729
|
|
|
724
|
-
- Переименовали сбилженные файлы с
|
|
730
|
+
- Переименовали сбилженные файлы с `sm.style.css` -> `style.css`
|
|
725
731
|
|
|
726
732
|
## [1.7.0] - 2020-02-12
|
|
727
733
|
|
|
@@ -739,13 +745,13 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
739
745
|
|
|
740
746
|
### Fixed
|
|
741
747
|
|
|
742
|
-
- Исправлен транспайл цветовых переменных для стилей без префиксов (build.css)
|
|
748
|
+
- Исправлен транспайл цветовых переменных для стилей без префиксов (`build.css`)
|
|
743
749
|
|
|
744
750
|
## [1.6.0] - 2019-12-12
|
|
745
751
|
|
|
746
752
|
### Added
|
|
747
753
|
|
|
748
|
-
- Появилась возможность добавления различных стилистических тем через
|
|
754
|
+
- Появилась возможность добавления различных стилистических тем через CSS переменные
|
|
749
755
|
- Появилась возможность оптицонально подключать адаптивноссть
|
|
750
756
|
- Появилась возможность изолировать стили даже в пределах одной страницы
|
|
751
757
|
|
|
@@ -803,7 +809,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
803
809
|
|
|
804
810
|
### Fixed
|
|
805
811
|
|
|
806
|
-
- Исправлена сборка для рендера
|
|
812
|
+
- Исправлена сборка для рендера CSS на сервере
|
|
807
813
|
|
|
808
814
|
### Changed
|
|
809
815
|
|
|
@@ -847,7 +853,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
847
853
|
|
|
848
854
|
### Added
|
|
849
855
|
|
|
850
|
-
- Добавлено
|
|
856
|
+
- Добавлено CSS-свойство `font-family: inherit;`
|
|
851
857
|
|
|
852
858
|
## [1.1.0] - 2019-05-14
|
|
853
859
|
|
package/lib/cjs/Input.js
CHANGED
|
@@ -21,23 +21,23 @@ var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-locati
|
|
|
21
21
|
var _autoFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/autoFocusEnhance"));
|
|
22
22
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
23
23
|
/*__reshadow-styles__:"./style/input.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SInput": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"__SOutline": "
|
|
28
|
-
"__SValue": "
|
|
29
|
-
"__SAddon": "
|
|
30
|
-
"_size_m": "
|
|
31
|
-
"__SButton": "
|
|
32
|
-
"_size_l": "
|
|
33
|
-
"_focused": "
|
|
34
|
-
"_neighborLocation_right": "
|
|
35
|
-
"_neighborLocation_both": "
|
|
36
|
-
"_neighborLocation_left": "
|
|
37
|
-
"_interactive": "
|
|
38
|
-
"_state_normal": "
|
|
39
|
-
"_state_valid": "
|
|
40
|
-
"_state_invalid": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInput_7h59t_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box}.___SInput_7h59t_gg_ input:-webkit-autofill{border-radius:var(--intergalactic-control-rounded, 6px);-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_7h59t_gg_ input:-webkit-autofill~.___SOutline_7h59t_gg_{background-color:#faffbd}.___SValue_7h59t_gg_{min-width:0;width:100%;height:100%;padding:0;border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;text-overflow:ellipsis;font-family:inherit;background:0 0}.___SValue_7h59t_gg_:focus{outline:0}.___SValue_7h59t_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_7h59t_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_7h59t_gg_:not(:disabled):-moz-read-only~.___SOutline_7h59t_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_7h59t_gg_:not(:disabled):read-only~.___SOutline_7h59t_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_7h59t_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SInput_7h59t_gg_.__disabled_7h59t_gg_ .___SOutline_7h59t_gg_,.___SValue_7h59t_gg_:disabled~.___SOutline_7h59t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SOutline_7h59t_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-radius:var(--intergalactic-control-rounded, 6px);z-index:-1;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SAddon_7h59t_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;padding:0 var(--intergalactic-spacing-2x, 8px);height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}.___SAddon_7h59t_gg_.__interactive_7h59t_gg_{cursor:pointer}@media (hover:hover){.___SAddon_7h59t_gg_.__interactive_7h59t_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SAddon_7h59t_gg_.__disabled_7h59t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_7h59t_gg_._size_m_7h59t_gg_:not(.___SButton_7h59t_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)}.___SAddon_7h59t_gg_._size_l_7h59t_gg_:not(.___SButton_7h59t_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)0 var(--intergalactic-spacing-3x, 12px)}.___SInput_7h59t_gg_ .___SAddon_7h59t_gg_:nth-last-child(2){margin-right:-1px}.___SValue_7h59t_gg_._size_m_7h59t_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SValue_7h59t_gg_._size_l_7h59t_gg_{padding:0 var(--intergalactic-spacing-3x, 12px)}.___SInput_7h59t_gg_._size_m_7h59t_gg_{font-size:var(--intergalactic-fs-200, 14px);height:var(--intergalactic-form-control-m, 28px)}.___SInput_7h59t_gg_._size_l_7h59t_gg_{font-size:var(--intergalactic-fs-300, 16px);height:var(--intergalactic-form-control-l, 40px)}.___SInput_7h59t_gg_.__focused_7h59t_gg_{z-index:1}.___SInput_7h59t_gg_._state_normal_7h59t_gg_ .___SOutline_7h59t_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SInput_7h59t_gg_._state_normal_7h59t_gg_.__focused_7h59t_gg_ .___SOutline_7h59t_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInput_7h59t_gg_._state_valid_7h59t_gg_ .___SOutline_7h59t_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInput_7h59t_gg_._state_valid_7h59t_gg_.__focused_7h59t_gg_ .___SOutline_7h59t_gg_{border-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInput_7h59t_gg_._state_invalid_7h59t_gg_ .___SOutline_7h59t_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInput_7h59t_gg_._state_invalid_7h59t_gg_.__focused_7h59t_gg_ .___SOutline_7h59t_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInput_7h59t_gg_._neighborLocation_right_7h59t_gg_ .___SOutline_7h59t_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_7h59t_gg_._neighborLocation_both_7h59t_gg_ .___SOutline_7h59t_gg_{border-radius:0;border-left:none}.___SInput_7h59t_gg_._neighborLocation_left_7h59t_gg_ .___SOutline_7h59t_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_7h59t_gg_._neighborLocation_right_7h59t_gg_{padding-right:0}.___SValue_7h59t_gg_._neighborLocation_both_7h59t_gg_{padding-left:0;padding-right:0}.___SValue_7h59t_gg_._neighborLocation_left_7h59t_gg_{padding-left:0}" /*__inner_css_end__*/, "7h59t_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SInput": "___SInput_7h59t_gg_",
|
|
26
|
+
"_disabled": "__disabled_7h59t_gg_",
|
|
27
|
+
"__SOutline": "___SOutline_7h59t_gg_",
|
|
28
|
+
"__SValue": "___SValue_7h59t_gg_",
|
|
29
|
+
"__SAddon": "___SAddon_7h59t_gg_",
|
|
30
|
+
"_size_m": "_size_m_7h59t_gg_",
|
|
31
|
+
"__SButton": "___SButton_7h59t_gg_",
|
|
32
|
+
"_size_l": "_size_l_7h59t_gg_",
|
|
33
|
+
"_focused": "__focused_7h59t_gg_",
|
|
34
|
+
"_neighborLocation_right": "_neighborLocation_right_7h59t_gg_",
|
|
35
|
+
"_neighborLocation_both": "_neighborLocation_both_7h59t_gg_",
|
|
36
|
+
"_neighborLocation_left": "_neighborLocation_left_7h59t_gg_",
|
|
37
|
+
"_interactive": "__interactive_7h59t_gg_",
|
|
38
|
+
"_state_normal": "_state_normal_7h59t_gg_",
|
|
39
|
+
"_state_valid": "_state_valid_7h59t_gg_",
|
|
40
|
+
"_state_invalid": "_state_invalid_7h59t_gg_"
|
|
41
41
|
});
|
|
42
42
|
var Input = /*#__PURE__*/function (_Component) {
|
|
43
43
|
(0, _inherits2["default"])(Input, _Component);
|
package/lib/es6/Input.js
CHANGED
|
@@ -16,23 +16,23 @@ import NeighborLocation from '@semcore/neighbor-location';
|
|
|
16
16
|
import autoFocusEnhance from '@semcore/utils/lib/enhances/autoFocusEnhance';
|
|
17
17
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
18
18
|
/*__reshadow-styles__:"./style/input.shadow.css"*/
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SInput": "
|
|
21
|
-
"_disabled": "
|
|
22
|
-
"__SOutline": "
|
|
23
|
-
"__SValue": "
|
|
24
|
-
"__SAddon": "
|
|
25
|
-
"_size_m": "
|
|
26
|
-
"__SButton": "
|
|
27
|
-
"_size_l": "
|
|
28
|
-
"_focused": "
|
|
29
|
-
"_neighborLocation_right": "
|
|
30
|
-
"_neighborLocation_both": "
|
|
31
|
-
"_neighborLocation_left": "
|
|
32
|
-
"_interactive": "
|
|
33
|
-
"_state_normal": "
|
|
34
|
-
"_state_valid": "
|
|
35
|
-
"_state_invalid": "
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInput_7h59t_gg_{display:inline-flex;width:100%;align-items:center;position:relative;z-index:0;vertical-align:middle;padding:1px;box-sizing:border-box}.___SInput_7h59t_gg_ input:-webkit-autofill{border-radius:var(--intergalactic-control-rounded, 6px);-webkit-box-shadow:0 0 0 30px #faffbd inset}.___SInput_7h59t_gg_ input:-webkit-autofill~.___SOutline_7h59t_gg_{background-color:#faffbd}.___SValue_7h59t_gg_{min-width:0;width:100%;height:100%;padding:0;border:0;box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:inherit;text-overflow:ellipsis;font-family:inherit;background:0 0}.___SValue_7h59t_gg_:focus{outline:0}.___SValue_7h59t_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_7h59t_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SValue_7h59t_gg_:not(:disabled):-moz-read-only~.___SOutline_7h59t_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_7h59t_gg_:not(:disabled):read-only~.___SOutline_7h59t_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SValue_7h59t_gg_:disabled{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SInput_7h59t_gg_.__disabled_7h59t_gg_ .___SOutline_7h59t_gg_,.___SValue_7h59t_gg_:disabled~.___SOutline_7h59t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SOutline_7h59t_gg_{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-radius:var(--intergalactic-control-rounded, 6px);z-index:-1;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SAddon_7h59t_gg_{display:inline-flex;justify-content:center;align-items:center;flex:0 0 auto;padding:0 var(--intergalactic-spacing-2x, 8px);height:100%;color:var(--intergalactic-icon-secondary-neutral, #a9abb6)}.___SAddon_7h59t_gg_.__interactive_7h59t_gg_{cursor:pointer}@media (hover:hover){.___SAddon_7h59t_gg_.__interactive_7h59t_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SAddon_7h59t_gg_.__disabled_7h59t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_7h59t_gg_._size_m_7h59t_gg_:not(.___SButton_7h59t_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)}.___SAddon_7h59t_gg_._size_l_7h59t_gg_:not(.___SButton_7h59t_gg_){padding:0 var(--intergalactic-spacing-2x, 8px)0 var(--intergalactic-spacing-3x, 12px)}.___SInput_7h59t_gg_ .___SAddon_7h59t_gg_:nth-last-child(2){margin-right:-1px}.___SValue_7h59t_gg_._size_m_7h59t_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SValue_7h59t_gg_._size_l_7h59t_gg_{padding:0 var(--intergalactic-spacing-3x, 12px)}.___SInput_7h59t_gg_._size_m_7h59t_gg_{font-size:var(--intergalactic-fs-200, 14px);height:var(--intergalactic-form-control-m, 28px)}.___SInput_7h59t_gg_._size_l_7h59t_gg_{font-size:var(--intergalactic-fs-300, 16px);height:var(--intergalactic-form-control-l, 40px)}.___SInput_7h59t_gg_.__focused_7h59t_gg_{z-index:1}.___SInput_7h59t_gg_._state_normal_7h59t_gg_ .___SOutline_7h59t_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SInput_7h59t_gg_._state_normal_7h59t_gg_.__focused_7h59t_gg_ .___SOutline_7h59t_gg_{border-color:var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SInput_7h59t_gg_._state_valid_7h59t_gg_ .___SOutline_7h59t_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SInput_7h59t_gg_._state_valid_7h59t_gg_.__focused_7h59t_gg_ .___SOutline_7h59t_gg_{border-color:var(--intergalactic-border-success-active, #007c65);box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___SInput_7h59t_gg_._state_invalid_7h59t_gg_ .___SOutline_7h59t_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SInput_7h59t_gg_._state_invalid_7h59t_gg_.__focused_7h59t_gg_ .___SOutline_7h59t_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInput_7h59t_gg_._neighborLocation_right_7h59t_gg_ .___SOutline_7h59t_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SInput_7h59t_gg_._neighborLocation_both_7h59t_gg_ .___SOutline_7h59t_gg_{border-radius:0;border-left:none}.___SInput_7h59t_gg_._neighborLocation_left_7h59t_gg_ .___SOutline_7h59t_gg_{border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.___SValue_7h59t_gg_._neighborLocation_right_7h59t_gg_{padding-right:0}.___SValue_7h59t_gg_._neighborLocation_both_7h59t_gg_{padding-left:0;padding-right:0}.___SValue_7h59t_gg_._neighborLocation_left_7h59t_gg_{padding-left:0}" /*__inner_css_end__*/, "7h59t_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SInput": "___SInput_7h59t_gg_",
|
|
21
|
+
"_disabled": "__disabled_7h59t_gg_",
|
|
22
|
+
"__SOutline": "___SOutline_7h59t_gg_",
|
|
23
|
+
"__SValue": "___SValue_7h59t_gg_",
|
|
24
|
+
"__SAddon": "___SAddon_7h59t_gg_",
|
|
25
|
+
"_size_m": "_size_m_7h59t_gg_",
|
|
26
|
+
"__SButton": "___SButton_7h59t_gg_",
|
|
27
|
+
"_size_l": "_size_l_7h59t_gg_",
|
|
28
|
+
"_focused": "__focused_7h59t_gg_",
|
|
29
|
+
"_neighborLocation_right": "_neighborLocation_right_7h59t_gg_",
|
|
30
|
+
"_neighborLocation_both": "_neighborLocation_both_7h59t_gg_",
|
|
31
|
+
"_neighborLocation_left": "_neighborLocation_left_7h59t_gg_",
|
|
32
|
+
"_interactive": "__interactive_7h59t_gg_",
|
|
33
|
+
"_state_normal": "_state_normal_7h59t_gg_",
|
|
34
|
+
"_state_valid": "_state_valid_7h59t_gg_",
|
|
35
|
+
"_state_invalid": "_state_invalid_7h59t_gg_"
|
|
36
36
|
});
|
|
37
37
|
var Input = /*#__PURE__*/function (_Component) {
|
|
38
38
|
_inherits(Input, _Component);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/input",
|
|
3
3
|
"description": "Semrush Input Component",
|
|
4
|
-
"version": "4.
|
|
4
|
+
"version": "4.31.0-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,12 +9,12 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/utils": "4.
|
|
13
|
-
"@semcore/neighbor-location": "4.
|
|
14
|
-
"@semcore/flex-box": "5.
|
|
12
|
+
"@semcore/utils": "4.31.0-prerelease.1",
|
|
13
|
+
"@semcore/neighbor-location": "4.28.0-prerelease.1",
|
|
14
|
+
"@semcore/flex-box": "5.30.0-prerelease.1"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
|
-
"@semcore/core": "^2.
|
|
17
|
+
"@semcore/core": "^2.28.0-prerelease.1",
|
|
18
18
|
"react": "16.8 - 18",
|
|
19
19
|
"react-dom": "16.8 - 18"
|
|
20
20
|
},
|