@semcore/tab-panel 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 +8 -2
- package/lib/cjs/TabPanel.js +8 -8
- package/lib/es6/TabPanel.js +8 -8
- package/package.json +4 -4
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
|
|
@@ -646,7 +652,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
646
652
|
|
|
647
653
|
### Added
|
|
648
654
|
|
|
649
|
-
- Added alternative
|
|
655
|
+
- Added alternative API for inserting `Addon`.
|
|
650
656
|
|
|
651
657
|
## [2.1.0] - 2020-09-30
|
|
652
658
|
|
|
@@ -698,7 +704,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
698
704
|
|
|
699
705
|
### Added
|
|
700
706
|
|
|
701
|
-
- Появилась возможность добавления различных стилистических тем через
|
|
707
|
+
- Появилась возможность добавления различных стилистических тем через CSS переменные
|
|
702
708
|
- Появилась возможность оптицонально подключать адаптивноссть
|
|
703
709
|
- Появилась возможность изолировать стили даже в пределах одной страницы
|
|
704
710
|
|
package/lib/cjs/TabPanel.js
CHANGED
|
@@ -21,14 +21,14 @@ var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addo
|
|
|
21
21
|
var _a11yEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/a11yEnhance"));
|
|
22
22
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
23
23
|
/*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__STabPanelItem": "
|
|
26
|
-
"_keyboardFocused": "
|
|
27
|
-
"__SText": "
|
|
28
|
-
"__SAddon": "
|
|
29
|
-
"__STabPanel": "
|
|
30
|
-
"_disabled": "
|
|
31
|
-
"_selected": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STabPanel_1nmco_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1nmco_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1nmco_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1nmco_gg_ .___SText_1nmco_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1nmco_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1nmco_gg_:active,.___STabPanelItem_1nmco_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1nmco_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1nmco_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1nmco_gg_.__disabled_1nmco_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1nmco_gg_.__disabled_1nmco_gg_ .___SAddon_1nmco_gg_,.___STabPanelItem_1nmco_gg_.__disabled_1nmco_gg_ .___SText_1nmco_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1nmco_gg_.__keyboardFocused_1nmco_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1nmco_gg_.__selected_1nmco_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1nmco_gg_.__selected_1nmco_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1nmco_gg_.__selected_1nmco_gg_::after{border-bottom:none}.___SText_1nmco_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1nmco_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1nmco_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1nmco_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1nmco_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1nmco_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__STabPanelItem": "___STabPanelItem_1nmco_gg_",
|
|
26
|
+
"_keyboardFocused": "__keyboardFocused_1nmco_gg_",
|
|
27
|
+
"__SText": "___SText_1nmco_gg_",
|
|
28
|
+
"__SAddon": "___SAddon_1nmco_gg_",
|
|
29
|
+
"__STabPanel": "___STabPanel_1nmco_gg_",
|
|
30
|
+
"_disabled": "__disabled_1nmco_gg_",
|
|
31
|
+
"_selected": "__selected_1nmco_gg_"
|
|
32
32
|
});
|
|
33
33
|
var optionsA11yEnhance = {
|
|
34
34
|
onNeighborChange: function onNeighborChange(neighborElement, props) {
|
package/lib/es6/TabPanel.js
CHANGED
|
@@ -17,14 +17,14 @@ import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
|
17
17
|
import a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';
|
|
18
18
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
19
19
|
/*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__STabPanelItem": "
|
|
22
|
-
"_keyboardFocused": "
|
|
23
|
-
"__SText": "
|
|
24
|
-
"__SAddon": "
|
|
25
|
-
"__STabPanel": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"_selected": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabPanel_1nmco_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1nmco_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1nmco_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1nmco_gg_ .___SText_1nmco_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1nmco_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1nmco_gg_:active,.___STabPanelItem_1nmco_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1nmco_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1nmco_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1nmco_gg_.__disabled_1nmco_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1nmco_gg_.__disabled_1nmco_gg_ .___SAddon_1nmco_gg_,.___STabPanelItem_1nmco_gg_.__disabled_1nmco_gg_ .___SText_1nmco_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1nmco_gg_.__keyboardFocused_1nmco_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1nmco_gg_.__selected_1nmco_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1nmco_gg_.__selected_1nmco_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1nmco_gg_.__selected_1nmco_gg_::after{border-bottom:none}.___SText_1nmco_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1nmco_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1nmco_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1nmco_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1nmco_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1nmco_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__STabPanelItem": "___STabPanelItem_1nmco_gg_",
|
|
22
|
+
"_keyboardFocused": "__keyboardFocused_1nmco_gg_",
|
|
23
|
+
"__SText": "___SText_1nmco_gg_",
|
|
24
|
+
"__SAddon": "___SAddon_1nmco_gg_",
|
|
25
|
+
"__STabPanel": "___STabPanel_1nmco_gg_",
|
|
26
|
+
"_disabled": "__disabled_1nmco_gg_",
|
|
27
|
+
"_selected": "__selected_1nmco_gg_"
|
|
28
28
|
});
|
|
29
29
|
var optionsA11yEnhance = {
|
|
30
30
|
onNeighborChange: function onNeighborChange(neighborElement, props) {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/tab-panel",
|
|
3
3
|
"description": "Semrush TabPanel 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,11 +9,11 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/utils": "4.
|
|
13
|
-
"@semcore/flex-box": "5.
|
|
12
|
+
"@semcore/utils": "4.31.0-prerelease.1",
|
|
13
|
+
"@semcore/flex-box": "5.30.0-prerelease.1"
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
|
-
"@semcore/core": "^2.
|
|
16
|
+
"@semcore/core": "^2.28.0-prerelease.1",
|
|
17
17
|
"react": "16.8 - 18",
|
|
18
18
|
"react-dom": "16.8 - 18"
|
|
19
19
|
},
|