@semcore/pills 5.30.0-prerelease.0 → 5.31.0-prerelease.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 +12 -6
- package/lib/cjs/Pills.js +13 -13
- package/lib/es6/Pills.js +13 -13
- 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
|
+
## [5.31.0] - 2024-07-12
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/flex-box` [5.29.0 ~> 5.30.0], `@semcore/neighbor-location` [4.27.0 ~> 4.28.0], `@semcore/utils` [4.30.0 ~> 4.31.0], `@semcore/core` [2.27.0 ~> 2.28.0]).
|
|
10
|
+
|
|
5
11
|
## [5.30.0] - 2024-06-26
|
|
6
12
|
|
|
7
13
|
### Changed
|
|
@@ -166,7 +172,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
166
172
|
|
|
167
173
|
### Changed
|
|
168
174
|
|
|
169
|
-
- `Tab` click will not move by Pills with `
|
|
175
|
+
- `Tab` click will not move by Pills with `behavior=manual`.
|
|
170
176
|
|
|
171
177
|
## [5.17.0] - 2024-01-19
|
|
172
178
|
|
|
@@ -537,7 +543,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
537
543
|
|
|
538
544
|
### Added
|
|
539
545
|
|
|
540
|
-
- Added
|
|
546
|
+
- Added CSS property `isolation` to container.
|
|
541
547
|
|
|
542
548
|
## [4.3.3] - 2022-10-28
|
|
543
549
|
|
|
@@ -673,7 +679,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
673
679
|
|
|
674
680
|
### Added
|
|
675
681
|
|
|
676
|
-
- Added alternative
|
|
682
|
+
- Added alternative API for inserting `Addon`.
|
|
677
683
|
|
|
678
684
|
## [3.1.0] - 2020-09-30
|
|
679
685
|
|
|
@@ -719,13 +725,13 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
719
725
|
|
|
720
726
|
### Fixed
|
|
721
727
|
|
|
722
|
-
- Исправлен транспайл цветовых переменных для стилей без префиксов (build.css)
|
|
728
|
+
- Исправлен транспайл цветовых переменных для стилей без префиксов (`build.css`)
|
|
723
729
|
|
|
724
730
|
## [2.2.0] - 2019-12-12
|
|
725
731
|
|
|
726
732
|
### Added
|
|
727
733
|
|
|
728
|
-
- Появилась возможность добавления различных стилистических тем через
|
|
734
|
+
- Появилась возможность добавления различных стилистических тем через CSS переменные
|
|
729
735
|
- Появилась возможность опционально подключать адаптивность
|
|
730
736
|
- Появилась возможность изолировать стили даже в пределах одной страницы
|
|
731
737
|
|
|
@@ -760,7 +766,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
760
766
|
|
|
761
767
|
### Fixed
|
|
762
768
|
|
|
763
|
-
- Исправлена сборка для рендера
|
|
769
|
+
- Исправлена сборка для рендера CSS на сервере
|
|
764
770
|
|
|
765
771
|
## [2.0.5] - 2019-07-20
|
|
766
772
|
|
package/lib/cjs/Pills.js
CHANGED
|
@@ -23,19 +23,19 @@ var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addo
|
|
|
23
23
|
var _a11yEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/a11yEnhance"));
|
|
24
24
|
var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
|
|
25
25
|
/*__reshadow-styles__:"./style/pills.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SPills": "
|
|
28
|
-
"_keyboardFocused": "
|
|
29
|
-
"__SPill": "
|
|
30
|
-
"_selected": "
|
|
31
|
-
"__SText": "
|
|
32
|
-
"__SAddon": "
|
|
33
|
-
"_neighborLocation_right": "
|
|
34
|
-
"_neighborLocation_both": "
|
|
35
|
-
"_neighborLocation_left": "
|
|
36
|
-
"_disabled": "
|
|
37
|
-
"_size_m": "
|
|
38
|
-
"_size_l": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPills_aq3iz_gg_{display:inline-flex;align-items:center;justify-content:center;isolation:isolate;outline:0}.___SPills_aq3iz_gg_.__keyboardFocused_aq3iz_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SPill_aq3iz_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px)}.___SPill_aq3iz_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_aq3iz_gg_:active,.___SPill_aq3iz_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPill_aq3iz_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;background:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SPill_aq3iz_gg_.__selected_aq3iz_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));border-color:var(--intergalactic-border-info-active, #006dca);z-index:1}.___SPill_aq3iz_gg_.__disabled_aq3iz_gg_{cursor:default;pointer-events:none}.___SPill_aq3iz_gg_.__disabled_aq3iz_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SPill_aq3iz_gg_.__keyboardFocused_aq3iz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_aq3iz_gg_{color:var(--intergalactic-text-primary, #191b23);display:inline-flex}.___SAddon_aq3iz_gg_{color:var(--intergalactic-text-secondary, #6c6e79);display:inline-flex;align-items:center;justify-content:center}.___SPill_aq3iz_gg_._size_m_aq3iz_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_aq3iz_gg_._size_l_aq3iz_gg_ .___SText_aq3iz_gg_,.___SPill_aq3iz_gg_._size_m_aq3iz_gg_ .___SText_aq3iz_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_aq3iz_gg_._size_m_aq3iz_gg_ .___SAddon_aq3iz_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_aq3iz_gg_._size_m_aq3iz_gg_ .___SAddon_aq3iz_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_aq3iz_gg_._size_m_aq3iz_gg_ .___SAddon_aq3iz_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_aq3iz_gg_._size_l_aq3iz_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_aq3iz_gg_._size_l_aq3iz_gg_ .___SAddon_aq3iz_gg_:only-child,.___SPill_aq3iz_gg_._size_l_aq3iz_gg_ .___SText_aq3iz_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_aq3iz_gg_._size_l_aq3iz_gg_ .___SAddon_aq3iz_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_aq3iz_gg_._size_l_aq3iz_gg_ .___SAddon_aq3iz_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_aq3iz_gg_._neighborLocation_right_aq3iz_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_aq3iz_gg_._neighborLocation_both_aq3iz_gg_{border-radius:0;margin-left:-1px}.___SPill_aq3iz_gg_._neighborLocation_left_aq3iz_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}" /*__inner_css_end__*/, "aq3iz_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SPills": "___SPills_aq3iz_gg_",
|
|
28
|
+
"_keyboardFocused": "__keyboardFocused_aq3iz_gg_",
|
|
29
|
+
"__SPill": "___SPill_aq3iz_gg_",
|
|
30
|
+
"_selected": "__selected_aq3iz_gg_",
|
|
31
|
+
"__SText": "___SText_aq3iz_gg_",
|
|
32
|
+
"__SAddon": "___SAddon_aq3iz_gg_",
|
|
33
|
+
"_neighborLocation_right": "_neighborLocation_right_aq3iz_gg_",
|
|
34
|
+
"_neighborLocation_both": "_neighborLocation_both_aq3iz_gg_",
|
|
35
|
+
"_neighborLocation_left": "_neighborLocation_left_aq3iz_gg_",
|
|
36
|
+
"_disabled": "__disabled_aq3iz_gg_",
|
|
37
|
+
"_size_m": "_size_m_aq3iz_gg_",
|
|
38
|
+
"_size_l": "_size_l_aq3iz_gg_"
|
|
39
39
|
});
|
|
40
40
|
var optionsA11yEnhance = {
|
|
41
41
|
onNeighborChange: function onNeighborChange(neighborElement, props) {
|
package/lib/es6/Pills.js
CHANGED
|
@@ -19,19 +19,19 @@ import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
|
19
19
|
import a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';
|
|
20
20
|
import log from '@semcore/utils/lib/logger';
|
|
21
21
|
/*__reshadow-styles__:"./style/pills.shadow.css"*/
|
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
23
|
-
"__SPills": "
|
|
24
|
-
"_keyboardFocused": "
|
|
25
|
-
"__SPill": "
|
|
26
|
-
"_selected": "
|
|
27
|
-
"__SText": "
|
|
28
|
-
"__SAddon": "
|
|
29
|
-
"_neighborLocation_right": "
|
|
30
|
-
"_neighborLocation_both": "
|
|
31
|
-
"_neighborLocation_left": "
|
|
32
|
-
"_disabled": "
|
|
33
|
-
"_size_m": "
|
|
34
|
-
"_size_l": "
|
|
22
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPills_aq3iz_gg_{display:inline-flex;align-items:center;justify-content:center;isolation:isolate;outline:0}.___SPills_aq3iz_gg_.__keyboardFocused_aq3iz_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SPill_aq3iz_gg_{display:inline-flex;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px)}.___SPill_aq3iz_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_aq3iz_gg_:active,.___SPill_aq3iz_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPill_aq3iz_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;background:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SPill_aq3iz_gg_.__selected_aq3iz_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));border-color:var(--intergalactic-border-info-active, #006dca);z-index:1}.___SPill_aq3iz_gg_.__disabled_aq3iz_gg_{cursor:default;pointer-events:none}.___SPill_aq3iz_gg_.__disabled_aq3iz_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SPill_aq3iz_gg_.__keyboardFocused_aq3iz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_aq3iz_gg_{color:var(--intergalactic-text-primary, #191b23);display:inline-flex}.___SAddon_aq3iz_gg_{color:var(--intergalactic-text-secondary, #6c6e79);display:inline-flex;align-items:center;justify-content:center}.___SPill_aq3iz_gg_._size_m_aq3iz_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_aq3iz_gg_._size_l_aq3iz_gg_ .___SText_aq3iz_gg_,.___SPill_aq3iz_gg_._size_m_aq3iz_gg_ .___SText_aq3iz_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_aq3iz_gg_._size_m_aq3iz_gg_ .___SAddon_aq3iz_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_aq3iz_gg_._size_m_aq3iz_gg_ .___SAddon_aq3iz_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_aq3iz_gg_._size_m_aq3iz_gg_ .___SAddon_aq3iz_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_aq3iz_gg_._size_l_aq3iz_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_aq3iz_gg_._size_l_aq3iz_gg_ .___SAddon_aq3iz_gg_:only-child,.___SPill_aq3iz_gg_._size_l_aq3iz_gg_ .___SText_aq3iz_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_aq3iz_gg_._size_l_aq3iz_gg_ .___SAddon_aq3iz_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_aq3iz_gg_._size_l_aq3iz_gg_ .___SAddon_aq3iz_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_aq3iz_gg_._neighborLocation_right_aq3iz_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_aq3iz_gg_._neighborLocation_both_aq3iz_gg_{border-radius:0;margin-left:-1px}.___SPill_aq3iz_gg_._neighborLocation_left_aq3iz_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}" /*__inner_css_end__*/, "aq3iz_gg_") /*__reshadow_css_end__*/, {
|
|
23
|
+
"__SPills": "___SPills_aq3iz_gg_",
|
|
24
|
+
"_keyboardFocused": "__keyboardFocused_aq3iz_gg_",
|
|
25
|
+
"__SPill": "___SPill_aq3iz_gg_",
|
|
26
|
+
"_selected": "__selected_aq3iz_gg_",
|
|
27
|
+
"__SText": "___SText_aq3iz_gg_",
|
|
28
|
+
"__SAddon": "___SAddon_aq3iz_gg_",
|
|
29
|
+
"_neighborLocation_right": "_neighborLocation_right_aq3iz_gg_",
|
|
30
|
+
"_neighborLocation_both": "_neighborLocation_both_aq3iz_gg_",
|
|
31
|
+
"_neighborLocation_left": "_neighborLocation_left_aq3iz_gg_",
|
|
32
|
+
"_disabled": "__disabled_aq3iz_gg_",
|
|
33
|
+
"_size_m": "_size_m_aq3iz_gg_",
|
|
34
|
+
"_size_l": "_size_l_aq3iz_gg_"
|
|
35
35
|
});
|
|
36
36
|
var optionsA11yEnhance = {
|
|
37
37
|
onNeighborChange: function onNeighborChange(neighborElement, props) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/pills",
|
|
3
3
|
"description": "Semrush Pills Component",
|
|
4
|
-
"version": "5.
|
|
4
|
+
"version": "5.31.0-prerelease.0",
|
|
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/flex-box": "5.
|
|
13
|
-
"@semcore/neighbor-location": "4.
|
|
14
|
-
"@semcore/utils": "4.
|
|
12
|
+
"@semcore/flex-box": "5.30.0-prerelease.0",
|
|
13
|
+
"@semcore/neighbor-location": "4.28.0-prerelease.0",
|
|
14
|
+
"@semcore/utils": "4.31.0-prerelease.0"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
|
-
"@semcore/core": "^2.
|
|
17
|
+
"@semcore/core": "^2.28.0-prerelease.0",
|
|
18
18
|
"react": "16.8 - 18",
|
|
19
19
|
"react-dom": "16.8 - 18"
|
|
20
20
|
},
|