@semcore/tab-panel 4.42.0 → 4.42.1-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 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.42.1] - 2025-03-17
6
+
7
+ ### Changed
8
+
9
+ - Version patch update due to children dependencies update (`@semcore/utils` [4.48.0 ~> 4.48.1], `@semcore/flex-box` [5.41.0 ~> 5.41.1], `@semcore/core` [2.39.0 ~> 2.39.1]).
10
+
5
11
  ## [4.42.0] - 2025-03-14
6
12
 
7
13
  ### Added
@@ -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__*/".___STabPanel_1cd9q_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1cd9q_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1cd9q_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_1cd9q_gg_ .___SText_1cd9q_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1cd9q_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1cd9q_gg_:active,.___STabPanelItem_1cd9q_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1cd9q_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1cd9q_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1cd9q_gg_.__disabled_1cd9q_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1cd9q_gg_.__disabled_1cd9q_gg_ .___SAddon_1cd9q_gg_,.___STabPanelItem_1cd9q_gg_.__disabled_1cd9q_gg_ .___SText_1cd9q_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1cd9q_gg_.__keyboardFocused_1cd9q_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1cd9q_gg_.__selected_1cd9q_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1cd9q_gg_.__selected_1cd9q_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1cd9q_gg_.__selected_1cd9q_gg_::after{border-bottom:none}.___SText_1cd9q_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1cd9q_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1cd9q_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cd9q_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cd9q_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1cd9q_gg_") /*__reshadow_css_end__*/, {
25
- "__STabPanelItem": "___STabPanelItem_1cd9q_gg_",
26
- "_keyboardFocused": "__keyboardFocused_1cd9q_gg_",
27
- "__SText": "___SText_1cd9q_gg_",
28
- "__SAddon": "___SAddon_1cd9q_gg_",
29
- "__STabPanel": "___STabPanel_1cd9q_gg_",
30
- "_disabled": "__disabled_1cd9q_gg_",
31
- "_selected": "__selected_1cd9q_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STabPanel_1slc9_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1slc9_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1slc9_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_1slc9_gg_ .___SText_1slc9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1slc9_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1slc9_gg_:active,.___STabPanelItem_1slc9_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1slc9_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1slc9_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1slc9_gg_.__disabled_1slc9_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1slc9_gg_.__disabled_1slc9_gg_ .___SAddon_1slc9_gg_,.___STabPanelItem_1slc9_gg_.__disabled_1slc9_gg_ .___SText_1slc9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1slc9_gg_.__keyboardFocused_1slc9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1slc9_gg_.__selected_1slc9_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1slc9_gg_.__selected_1slc9_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1slc9_gg_.__selected_1slc9_gg_::after{border-bottom:none}.___SText_1slc9_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1slc9_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1slc9_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1slc9_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1slc9_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1slc9_gg_") /*__reshadow_css_end__*/, {
25
+ "__STabPanelItem": "___STabPanelItem_1slc9_gg_",
26
+ "_keyboardFocused": "__keyboardFocused_1slc9_gg_",
27
+ "__SText": "___SText_1slc9_gg_",
28
+ "__SAddon": "___SAddon_1slc9_gg_",
29
+ "__STabPanel": "___STabPanel_1slc9_gg_",
30
+ "_disabled": "__disabled_1slc9_gg_",
31
+ "_selected": "__selected_1slc9_gg_"
32
32
  });
33
33
  var optionsA11yEnhance = {
34
34
  onNeighborChange: function onNeighborChange(neighborElement, props) {
@@ -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__*/".___STabPanel_1cd9q_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1cd9q_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1cd9q_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_1cd9q_gg_ .___SText_1cd9q_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1cd9q_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1cd9q_gg_:active,.___STabPanelItem_1cd9q_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1cd9q_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1cd9q_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1cd9q_gg_.__disabled_1cd9q_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1cd9q_gg_.__disabled_1cd9q_gg_ .___SAddon_1cd9q_gg_,.___STabPanelItem_1cd9q_gg_.__disabled_1cd9q_gg_ .___SText_1cd9q_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1cd9q_gg_.__keyboardFocused_1cd9q_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1cd9q_gg_.__selected_1cd9q_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1cd9q_gg_.__selected_1cd9q_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1cd9q_gg_.__selected_1cd9q_gg_::after{border-bottom:none}.___SText_1cd9q_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1cd9q_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1cd9q_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cd9q_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cd9q_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1cd9q_gg_") /*__reshadow_css_end__*/, {
21
- "__STabPanelItem": "___STabPanelItem_1cd9q_gg_",
22
- "_keyboardFocused": "__keyboardFocused_1cd9q_gg_",
23
- "__SText": "___SText_1cd9q_gg_",
24
- "__SAddon": "___SAddon_1cd9q_gg_",
25
- "__STabPanel": "___STabPanel_1cd9q_gg_",
26
- "_disabled": "__disabled_1cd9q_gg_",
27
- "_selected": "__selected_1cd9q_gg_"
20
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabPanel_1slc9_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1slc9_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1slc9_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_1slc9_gg_ .___SText_1slc9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1slc9_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1slc9_gg_:active,.___STabPanelItem_1slc9_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1slc9_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1slc9_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1slc9_gg_.__disabled_1slc9_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1slc9_gg_.__disabled_1slc9_gg_ .___SAddon_1slc9_gg_,.___STabPanelItem_1slc9_gg_.__disabled_1slc9_gg_ .___SText_1slc9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1slc9_gg_.__keyboardFocused_1slc9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1slc9_gg_.__selected_1slc9_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1slc9_gg_.__selected_1slc9_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1slc9_gg_.__selected_1slc9_gg_::after{border-bottom:none}.___SText_1slc9_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1slc9_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1slc9_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1slc9_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1slc9_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1slc9_gg_") /*__reshadow_css_end__*/, {
21
+ "__STabPanelItem": "___STabPanelItem_1slc9_gg_",
22
+ "_keyboardFocused": "__keyboardFocused_1slc9_gg_",
23
+ "__SText": "___SText_1slc9_gg_",
24
+ "__SAddon": "___SAddon_1slc9_gg_",
25
+ "__STabPanel": "___STabPanel_1slc9_gg_",
26
+ "_disabled": "__disabled_1slc9_gg_",
27
+ "_selected": "__selected_1slc9_gg_"
28
28
  });
29
29
  var optionsA11yEnhance = {
30
30
  onNeighborChange: function onNeighborChange(neighborElement, props) {
@@ -4,49 +4,49 @@ import x from "@babel/runtime/helpers/esm/createClass";
4
4
  import f from "@babel/runtime/helpers/esm/assertThisInitialized";
5
5
  import y from "@babel/runtime/helpers/esm/inherits";
6
6
  import S from "@babel/runtime/helpers/esm/createSuper";
7
- import d from "@babel/runtime/helpers/esm/defineProperty";
7
+ import s from "@babel/runtime/helpers/esm/defineProperty";
8
8
  import { sstyled as T } from "@semcore/utils/lib/core/index";
9
- import P, { sstyled as u, assignProps as b, Component as q } from "@semcore/core";
10
- import l from "react";
9
+ import P, { sstyled as u, assignProps as b, Component as I } from "@semcore/core";
10
+ import c from "react";
11
11
  import { Box as p } from "@semcore/flex-box";
12
- import I from "@semcore/utils/lib/addonTextChildren";
13
- import k from "@semcore/utils/lib/enhances/a11yEnhance";
14
- import w from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
15
- var A = (
12
+ import k from "@semcore/utils/lib/addonTextChildren";
13
+ import w from "@semcore/utils/lib/enhances/a11yEnhance";
14
+ import A from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
15
+ var C = (
16
16
  /*__reshadow_css_start__*/
17
17
  (T.insert(
18
18
  /*__inner_css_start__*/
19
- '.___STabPanel_1cd9q_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1cd9q_gg_::after{content:"";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1cd9q_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_1cd9q_gg_ .___SText_1cd9q_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1cd9q_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1cd9q_gg_:active,.___STabPanelItem_1cd9q_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1cd9q_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1cd9q_gg_::after{content:"";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1cd9q_gg_.__disabled_1cd9q_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1cd9q_gg_.__disabled_1cd9q_gg_ .___SAddon_1cd9q_gg_,.___STabPanelItem_1cd9q_gg_.__disabled_1cd9q_gg_ .___SText_1cd9q_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1cd9q_gg_.__keyboardFocused_1cd9q_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1cd9q_gg_.__selected_1cd9q_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1cd9q_gg_.__selected_1cd9q_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1cd9q_gg_.__selected_1cd9q_gg_::after{border-bottom:none}.___SText_1cd9q_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1cd9q_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1cd9q_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cd9q_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1cd9q_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}',
20
- "1cd9q_gg_"
19
+ '.___STabPanel_1slc9_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1slc9_gg_::after{content:"";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1slc9_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_1slc9_gg_ .___SText_1slc9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1slc9_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1slc9_gg_:active,.___STabPanelItem_1slc9_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1slc9_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1slc9_gg_::after{content:"";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1slc9_gg_.__disabled_1slc9_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1slc9_gg_.__disabled_1slc9_gg_ .___SAddon_1slc9_gg_,.___STabPanelItem_1slc9_gg_.__disabled_1slc9_gg_ .___SText_1slc9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1slc9_gg_.__keyboardFocused_1slc9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1slc9_gg_.__selected_1slc9_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1slc9_gg_.__selected_1slc9_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1slc9_gg_.__selected_1slc9_gg_::after{border-bottom:none}.___SText_1slc9_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1slc9_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1slc9_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1slc9_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1slc9_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}',
20
+ "1slc9_gg_"
21
21
  ), {
22
- __STabPanelItem: "___STabPanelItem_1cd9q_gg_",
23
- _keyboardFocused: "__keyboardFocused_1cd9q_gg_",
24
- __SText: "___SText_1cd9q_gg_",
25
- __SAddon: "___SAddon_1cd9q_gg_",
26
- __STabPanel: "___STabPanel_1cd9q_gg_",
27
- _disabled: "__disabled_1cd9q_gg_",
28
- _selected: "__selected_1cd9q_gg_"
22
+ __STabPanelItem: "___STabPanelItem_1slc9_gg_",
23
+ _keyboardFocused: "__keyboardFocused_1slc9_gg_",
24
+ __SText: "___SText_1slc9_gg_",
25
+ __SAddon: "___SAddon_1slc9_gg_",
26
+ __STabPanel: "___STabPanel_1slc9_gg_",
27
+ _disabled: "__disabled_1slc9_gg_",
28
+ _selected: "__selected_1slc9_gg_"
29
29
  })
30
- ), C = {
30
+ ), E = {
31
31
  onNeighborChange: function(a, e) {
32
32
  a && (a.focus(), e.behavior === "auto" && a.click());
33
33
  },
34
34
  childSelector: ["role", "tab"]
35
- }, g = /* @__PURE__ */ function(r) {
35
+ }, d = /* @__PURE__ */ function(r) {
36
36
  y(e, r);
37
37
  var a = S(e);
38
38
  function e() {
39
39
  var t;
40
40
  v(this, e);
41
- for (var n = arguments.length, i = new Array(n), o = 0; o < n; o++)
42
- i[o] = arguments[o];
43
- return t = a.call.apply(a, [this].concat(i)), d(f(t), "handleClick", function(_) {
44
- return function(c) {
45
- t.handlers.value(_, c);
41
+ for (var n = arguments.length, l = new Array(n), o = 0; o < n; o++)
42
+ l[o] = arguments[o];
43
+ return t = a.call.apply(a, [this].concat(l)), s(f(t), "handleClick", function(_) {
44
+ return function(i) {
45
+ t.handlers.value(_, i);
46
46
  };
47
- }), d(f(t), "handleKeyDown", function(_) {
48
- return function(c) {
49
- (c.key === "Enter" || c.key === " ") && (c.preventDefault(), t.handlers.value(_, c));
47
+ }), s(f(t), "handleKeyDown", function(_) {
48
+ return function(i) {
49
+ (i.key === "Enter" || i.key === " ") && (i.preventDefault(), t.handlers.value(_, i));
50
50
  };
51
51
  }), t;
52
52
  }
@@ -59,7 +59,7 @@ var A = (
59
59
  }
60
60
  }, {
61
61
  key: "getItemProps",
62
- value: function(n, i) {
62
+ value: function(n, l) {
63
63
  var o = this.asProps.value, _ = o === n.value;
64
64
  return {
65
65
  selected: _,
@@ -72,54 +72,54 @@ var A = (
72
72
  }, {
73
73
  key: "render",
74
74
  value: function() {
75
- var n = this.asProps, i, o = p, _ = this.asProps.styles;
76
- return i = u(_), /* @__PURE__ */ l.createElement(o, i.cn("STabPanel", m({}, b({
75
+ var n = this.asProps, l, o = p, _ = this.asProps.styles;
76
+ return l = u(_), /* @__PURE__ */ c.createElement(o, l.cn("STabPanel", m({}, b({
77
77
  role: "tablist"
78
78
  }, n))));
79
79
  }
80
80
  }]), e;
81
- }(q);
82
- d(g, "displayName", "TabPanel");
83
- d(g, "style", A);
84
- d(g, "defaultProps", {
81
+ }(I);
82
+ s(d, "displayName", "TabPanel");
83
+ s(d, "style", C);
84
+ s(d, "defaultProps", {
85
85
  defaultValue: null,
86
86
  behavior: "manual"
87
87
  });
88
- d(g, "enhance", [k(C)]);
88
+ s(d, "enhance", [w(E)]);
89
89
  function h(r) {
90
- var a = arguments[0], e, t = p, n = r.Children, i = r.styles, o = r.addonLeft, _ = r.addonRight;
91
- return e = u(i), /* @__PURE__ */ l.createElement(t, e.cn("STabPanelItem", m({}, b({
90
+ var a = arguments[0], e, t = p, n = r.Children, l = r.styles, o = r.addonLeft, _ = r.addonRight;
91
+ return e = u(l), /* @__PURE__ */ c.createElement(t, e.cn("STabPanelItem", m({}, b({
92
92
  type: "button",
93
93
  tag: "button",
94
94
  role: "tab"
95
- }, a))), o ? /* @__PURE__ */ l.createElement(s.Item.Addon, {
95
+ }, a))), o ? /* @__PURE__ */ c.createElement(g.Item.Addon, {
96
96
  tag: o
97
- }) : null, I(n, s.Item.Text, s.Item.Addon), _ ? /* @__PURE__ */ l.createElement(s.Item.Addon, {
97
+ }) : null, k(n, g.Item.Text, g.Item.Addon), _ ? /* @__PURE__ */ c.createElement(g.Item.Addon, {
98
98
  tag: _
99
99
  }) : null);
100
100
  }
101
- h.enhance = [w()];
102
- function E(r) {
101
+ h.enhance = [A()];
102
+ function z(r) {
103
103
  var a = arguments[0], e, t = p, n = r.styles;
104
- return e = u(n), /* @__PURE__ */ l.createElement(t, e.cn("SText", m({}, b({
104
+ return e = u(n), /* @__PURE__ */ c.createElement(t, e.cn("SText", m({}, b({
105
105
  tag: "span"
106
106
  }, a))));
107
107
  }
108
- function z(r) {
108
+ function R(r) {
109
109
  var a = arguments[0], e, t = p, n = r.styles;
110
- return e = u(n), /* @__PURE__ */ l.createElement(t, e.cn("SAddon", m({}, b({
110
+ return e = u(n), /* @__PURE__ */ c.createElement(t, e.cn("SAddon", m({}, b({
111
111
  tag: "span"
112
112
  }, a))));
113
113
  }
114
- var s = P(g, {
114
+ var g = P(d, {
115
115
  Item: [h, {
116
- Text: E,
117
- Addon: z
116
+ Text: z,
117
+ Addon: R
118
118
  }]
119
119
  }), O = function(a) {
120
120
  return a;
121
121
  };
122
122
  export {
123
- s as default,
123
+ g as default,
124
124
  O as wrapTabPanel
125
125
  };
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.42.0",
4
+ "version": "4.42.1-prerelease.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,11 +14,11 @@
14
14
  "types": "./lib/types/index.d.ts"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/utils": "4.48.0",
18
- "@semcore/flex-box": "5.41.0"
17
+ "@semcore/utils": "4.48.1-prerelease.0",
18
+ "@semcore/flex-box": "5.41.1-prerelease.0"
19
19
  },
20
20
  "peerDependencies": {
21
- "@semcore/core": "^2.17.5",
21
+ "@semcore/core": "^2.39.1-prerelease.0",
22
22
  "react": "16.8 - 18",
23
23
  "react-dom": "16.8 - 18"
24
24
  },