@alfalab/core-components-tabs 8.12.3 → 8.12.4
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/@alfalab/icons-glyph/package.json +14 -0
- package/components/primary-tablist/Component.collapsible.d.ts +1 -1
- package/components/primary-tablist/Component.collapsible.js +6 -6
- package/components/primary-tablist/Component.desktop.js +1 -1
- package/components/primary-tablist/Component.mobile.js +2 -2
- package/components/primary-tablist/Component.responsive.d.ts +1 -1
- package/components/primary-tablist/Component.responsive.js +2 -3
- package/components/primary-tablist/index.css +132 -132
- package/components/primary-tablist/mobile.css +220 -220
- package/components/scroll-controls/Component.js +1 -1
- package/components/scroll-controls/index.css +12 -12
- package/components/scrollable-container/Component.js +1 -1
- package/components/scrollable-container/index.css +6 -6
- package/components/secondary-tablist/Component.desktop.js +1 -1
- package/components/secondary-tablist/Component.mobile.js +2 -2
- package/components/secondary-tablist/Component.responsive.d.ts +1 -1
- package/components/secondary-tablist/Component.responsive.js +2 -3
- package/components/secondary-tablist/index.css +17 -17
- package/components/secondary-tablist/mobile.css +20 -20
- package/components/tab/Component.js +1 -1
- package/components/tab/index.css +3 -3
- package/components/tabs/Component.d.ts +1 -1
- package/components/tabs/Component.js +2 -3
- package/components/tabs/Component.responsive.d.ts +1 -1
- package/components/tabs/Component.responsive.js +2 -2
- package/cssm/components/primary-tablist/Component.collapsible.d.ts +1 -1
- package/cssm/components/primary-tablist/Component.collapsible.js +5 -5
- package/cssm/components/primary-tablist/Component.responsive.d.ts +1 -1
- package/cssm/components/primary-tablist/Component.responsive.js +2 -3
- package/cssm/components/secondary-tablist/Component.responsive.d.ts +1 -1
- package/cssm/components/secondary-tablist/Component.responsive.js +2 -3
- package/cssm/components/tabs/Component.d.ts +1 -1
- package/cssm/components/tabs/Component.js +2 -3
- package/cssm/components/tabs/Component.responsive.d.ts +1 -1
- package/cssm/components/tabs/Component.responsive.js +2 -2
- package/cssm/hooks/use-tablist-titles.d.ts +1 -1
- package/cssm/hooks/use-tablist-titles.js +5 -5
- package/cssm/typings.d.ts +14 -5
- package/esm/components/primary-tablist/Component.collapsible.d.ts +1 -1
- package/esm/components/primary-tablist/Component.collapsible.js +6 -6
- package/esm/components/primary-tablist/Component.desktop.js +1 -1
- package/esm/components/primary-tablist/Component.mobile.js +2 -2
- package/esm/components/primary-tablist/Component.responsive.d.ts +1 -1
- package/esm/components/primary-tablist/Component.responsive.js +3 -4
- package/esm/components/primary-tablist/index.css +132 -132
- package/esm/components/primary-tablist/mobile.css +220 -220
- package/esm/components/scroll-controls/Component.js +1 -1
- package/esm/components/scroll-controls/index.css +12 -12
- package/esm/components/scrollable-container/Component.js +1 -1
- package/esm/components/scrollable-container/index.css +6 -6
- package/esm/components/secondary-tablist/Component.desktop.js +1 -1
- package/esm/components/secondary-tablist/Component.mobile.js +2 -2
- package/esm/components/secondary-tablist/Component.responsive.d.ts +1 -1
- package/esm/components/secondary-tablist/Component.responsive.js +3 -4
- package/esm/components/secondary-tablist/index.css +17 -17
- package/esm/components/secondary-tablist/mobile.css +20 -20
- package/esm/components/tab/Component.js +1 -1
- package/esm/components/tab/index.css +3 -3
- package/esm/components/tabs/Component.d.ts +1 -1
- package/esm/components/tabs/Component.js +2 -3
- package/esm/components/tabs/Component.responsive.d.ts +1 -1
- package/esm/components/tabs/Component.responsive.js +2 -2
- package/esm/hooks/use-tablist-titles.d.ts +1 -1
- package/esm/hooks/use-tablist-titles.js +6 -6
- package/esm/index.module-62a76202.js +4 -0
- package/esm/index.module-db169a3f.js +4 -0
- package/esm/typings.d.ts +14 -5
- package/hooks/use-tablist-titles.d.ts +1 -1
- package/hooks/use-tablist-titles.js +5 -5
- package/index.module-b736b98c.js +6 -0
- package/index.module-fd8afcc7.js +6 -0
- package/modern/components/primary-tablist/Component.collapsible.d.ts +1 -1
- package/modern/components/primary-tablist/Component.collapsible.js +4 -4
- package/modern/components/primary-tablist/Component.desktop.js +1 -1
- package/modern/components/primary-tablist/Component.mobile.js +2 -2
- package/modern/components/primary-tablist/Component.responsive.d.ts +1 -1
- package/modern/components/primary-tablist/Component.responsive.js +3 -4
- package/modern/components/primary-tablist/index.css +132 -132
- package/modern/components/primary-tablist/mobile.css +220 -220
- package/modern/components/scroll-controls/Component.js +1 -1
- package/modern/components/scroll-controls/index.css +12 -12
- package/modern/components/scrollable-container/Component.js +1 -1
- package/modern/components/scrollable-container/index.css +6 -6
- package/modern/components/secondary-tablist/Component.desktop.js +1 -1
- package/modern/components/secondary-tablist/Component.mobile.js +2 -2
- package/modern/components/secondary-tablist/Component.responsive.d.ts +1 -1
- package/modern/components/secondary-tablist/Component.responsive.js +3 -4
- package/modern/components/secondary-tablist/index.css +17 -17
- package/modern/components/secondary-tablist/mobile.css +20 -20
- package/modern/components/tab/Component.js +1 -1
- package/modern/components/tab/index.css +3 -3
- package/modern/components/tabs/Component.d.ts +1 -1
- package/modern/components/tabs/Component.js +2 -3
- package/modern/components/tabs/Component.responsive.d.ts +1 -1
- package/modern/components/tabs/Component.responsive.js +1 -1
- package/modern/hooks/use-tablist-titles.d.ts +1 -1
- package/modern/hooks/use-tablist-titles.js +3 -3
- package/modern/index.module-131ed636.js +4 -0
- package/modern/index.module-71eadc23.js +4 -0
- package/modern/typings.d.ts +14 -5
- package/moderncssm/components/primary-tablist/Component.collapsible.d.ts +1 -1
- package/moderncssm/components/primary-tablist/Component.collapsible.js +3 -3
- package/moderncssm/components/primary-tablist/Component.responsive.d.ts +1 -1
- package/moderncssm/components/primary-tablist/Component.responsive.js +3 -4
- package/moderncssm/components/secondary-tablist/Component.responsive.d.ts +1 -1
- package/moderncssm/components/secondary-tablist/Component.responsive.js +3 -4
- package/moderncssm/components/tabs/Component.d.ts +1 -1
- package/moderncssm/components/tabs/Component.js +2 -3
- package/moderncssm/components/tabs/Component.responsive.d.ts +1 -1
- package/moderncssm/components/tabs/Component.responsive.js +1 -1
- package/moderncssm/hooks/use-tablist-titles.d.ts +1 -1
- package/moderncssm/hooks/use-tablist-titles.js +3 -3
- package/moderncssm/typings.d.ts +14 -5
- package/package.json +5 -5
- package/src/components/primary-tablist/Component.collapsible.tsx +4 -3
- package/src/components/primary-tablist/Component.responsive.tsx +5 -5
- package/src/components/secondary-tablist/Component.responsive.tsx +5 -5
- package/src/components/tabs/Component.responsive.tsx +13 -1
- package/src/components/tabs/Component.tsx +5 -5
- package/src/hooks/use-tablist-titles.ts +13 -7
- package/src/typings.ts +19 -6
- package/typings.d.ts +14 -5
- package/esm/index.module-058dc572.js +0 -4
- package/esm/index.module-d9cc52ea.js +0 -4
- package/index.module-37ffe65f.js +0 -6
- package/index.module-fdd7f8ed.js +0 -6
- package/modern/index.module-062ab45d.js +0 -4
- package/modern/index.module-d3835266.js +0 -4
|
@@ -7,7 +7,7 @@ import { ChevronLeftCompactSIcon } from '@alfalab/icons-glyph/ChevronLeftCompact
|
|
|
7
7
|
import { ChevronRightCompactSIcon } from '@alfalab/icons-glyph/ChevronRightCompactSIcon';
|
|
8
8
|
import { getDisabledState, scrollIntoFirstTab, scrollIntoLastTab } from './utils.js';
|
|
9
9
|
|
|
10
|
-
var styles = {"component":"
|
|
10
|
+
var styles = {"component":"tabs__component_jo57f","primary":"tabs__primary_jo57f","button":"tabs__button_jo57f","xl":"tabs__xl_jo57f","secondary":"tabs__secondary_jo57f","xs":"tabs__xs_jo57f","borderVisible":"tabs__borderVisible_jo57f"};
|
|
11
11
|
require('./index.css')
|
|
12
12
|
|
|
13
13
|
var ScrollControls = forwardRef(function (_a, ref) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 4v3ah */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
|
|
@@ -51,14 +51,14 @@
|
|
|
51
51
|
/* size l */
|
|
52
52
|
|
|
53
53
|
/* size xl */
|
|
54
|
-
} .
|
|
54
|
+
} .tabs__component_jo57f {
|
|
55
55
|
position: relative;
|
|
56
56
|
display: flex;
|
|
57
57
|
flex-shrink: 0;
|
|
58
|
-
} .
|
|
58
|
+
} .tabs__primary_jo57f {
|
|
59
59
|
align-items: flex-start;
|
|
60
60
|
justify-content: flex-end
|
|
61
|
-
} .
|
|
61
|
+
} .tabs__primary_jo57f:after {
|
|
62
62
|
content: '';
|
|
63
63
|
display: block;
|
|
64
64
|
position: absolute;
|
|
@@ -66,18 +66,18 @@
|
|
|
66
66
|
height: 1px;
|
|
67
67
|
width: 100%;
|
|
68
68
|
background-color: var(--primary-tablist-bottom-border-color);
|
|
69
|
-
} .
|
|
69
|
+
} .tabs__primary_jo57f {
|
|
70
70
|
|
|
71
|
-
.
|
|
71
|
+
.tabs__button_jo57f:first-child {
|
|
72
72
|
padding-left: var(--gap-8);
|
|
73
73
|
margin-right: var(--gap-8);
|
|
74
74
|
}
|
|
75
|
-
} .
|
|
75
|
+
} .tabs__primary_jo57f.tabs__xl_jo57f .tabs__button_jo57f:first-child {
|
|
76
76
|
margin-right: var(--gap-4);
|
|
77
|
-
} .
|
|
77
|
+
} .tabs__secondary_jo57f {
|
|
78
78
|
align-items: center;
|
|
79
79
|
justify-content: center
|
|
80
|
-
} .
|
|
80
|
+
} .tabs__secondary_jo57f:before {
|
|
81
81
|
content: '';
|
|
82
82
|
display: block;
|
|
83
83
|
position: absolute;
|
|
@@ -87,12 +87,12 @@
|
|
|
87
87
|
background-color: transparent;
|
|
88
88
|
transition: background-color 0.3s ease;
|
|
89
89
|
bottom: var(--gap-0);
|
|
90
|
-
} .
|
|
90
|
+
} .tabs__secondary_jo57f.tabs__xs_jo57f {
|
|
91
91
|
width: 76px;
|
|
92
92
|
|
|
93
|
-
.
|
|
93
|
+
.tabs__button_jo57f:first-child {
|
|
94
94
|
margin-right: var(--gap-4);
|
|
95
95
|
}
|
|
96
|
-
} .
|
|
96
|
+
} .tabs__borderVisible_jo57f:before {
|
|
97
97
|
background-color: var(--color-light-neutral-translucent-300);
|
|
98
98
|
}
|
|
@@ -3,7 +3,7 @@ import cn from 'classnames';
|
|
|
3
3
|
import { compute } from 'compute-scroll-into-view';
|
|
4
4
|
import { ScrollControls } from '../scroll-controls/Component.js';
|
|
5
5
|
|
|
6
|
-
var styles = {"scrollableContainerWrapper":"
|
|
6
|
+
var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_e81h0","container":"tabs__container_e81h0","fullWidthScroll":"tabs__fullWidthScroll_e81h0"};
|
|
7
7
|
require('./index.css')
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 9giv6 */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
4
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -50,9 +50,9 @@
|
|
|
50
50
|
/* size l */
|
|
51
51
|
|
|
52
52
|
/* size xl */
|
|
53
|
-
} .
|
|
53
|
+
} .tabs__scrollableContainerWrapper_e81h0 {
|
|
54
54
|
display: flex;
|
|
55
|
-
} .
|
|
55
|
+
} .tabs__container_e81h0 {
|
|
56
56
|
position: relative;
|
|
57
57
|
overflow-x: auto;
|
|
58
58
|
overflow-y: hidden;
|
|
@@ -63,11 +63,11 @@
|
|
|
63
63
|
/* focus-outline fix */
|
|
64
64
|
margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
|
|
65
65
|
padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4)
|
|
66
|
-
} .
|
|
66
|
+
} .tabs__container_e81h0::-webkit-scrollbar {
|
|
67
67
|
display: none;
|
|
68
|
-
} .
|
|
68
|
+
} .tabs__container_e81h0 > * {
|
|
69
69
|
flex-shrink: 0;
|
|
70
|
-
} .
|
|
70
|
+
} .tabs__fullWidthScroll_e81h0 {
|
|
71
71
|
padding-left: var(--gap-0);
|
|
72
72
|
margin: var(--gap-4-neg) var(--gap-16-neg);
|
|
73
73
|
}
|
|
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { TagDesktop } from '@alfalab/core-components-tag/esm/desktop';
|
|
4
4
|
import { SecondaryTabList } from './Component.js';
|
|
5
|
-
import { c as commonStyles } from '../../index.module-
|
|
5
|
+
import { c as commonStyles } from '../../index.module-62a76202.js';
|
|
6
6
|
|
|
7
7
|
var SecondaryTabListDesktop = function (_a) {
|
|
8
8
|
var _b = _a.size, size = _b === void 0 ? 's' : _b, restProps = __rest(_a, ["size"]);
|
|
@@ -3,9 +3,9 @@ import React from 'react';
|
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { TagMobile } from '@alfalab/core-components-tag/esm/mobile';
|
|
5
5
|
import { SecondaryTabList } from './Component.js';
|
|
6
|
-
import { c as commonStyles } from '../../index.module-
|
|
6
|
+
import { c as commonStyles } from '../../index.module-62a76202.js';
|
|
7
7
|
|
|
8
|
-
var mobileStyles = {"title":"
|
|
8
|
+
var mobileStyles = {"title":"tabs__title_1mq3k tabs__title_ndl57","mobile":"tabs__mobile_1mq3k","skeleton":"tabs__skeleton_1mq3k"};
|
|
9
9
|
require('./mobile.css')
|
|
10
10
|
|
|
11
11
|
var styles = __assign(__assign({}, commonStyles), mobileStyles);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { SecondaryTabListProps } from "../../typings";
|
|
4
|
-
declare const SecondaryTabListResponsive: ({
|
|
4
|
+
declare const SecondaryTabListResponsive: ({ fullWidthScroll, breakpoint, client, defaultMatchMediaValue, ...restProps }: SecondaryTabListProps) => React.JSX.Element;
|
|
5
5
|
export { SecondaryTabListResponsive };
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
import { getComponentBreakpoint } from '@alfalab/core-components-shared/esm';
|
|
3
|
+
import { useIsDesktop } from '@alfalab/core-components-mq/esm';
|
|
5
4
|
import { SecondaryTabListDesktop } from './Component.desktop.js';
|
|
6
5
|
import { SecondaryTabListMobile } from './Component.mobile.js';
|
|
7
6
|
|
|
8
7
|
var SecondaryTabListResponsive = function (_a) {
|
|
9
|
-
var
|
|
10
|
-
var isDesktop =
|
|
8
|
+
var fullWidthScroll = _a.fullWidthScroll, breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = __rest(_a, ["fullWidthScroll", "breakpoint", "client", "defaultMatchMediaValue"]);
|
|
9
|
+
var isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);
|
|
11
10
|
return isDesktop ? (React.createElement(SecondaryTabListDesktop, __assign({}, restProps))) : (React.createElement(SecondaryTabListMobile, __assign({ fullWidthScroll: fullWidthScroll }, restProps)));
|
|
12
11
|
};
|
|
13
12
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: gr3w7 */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
4
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -60,35 +60,35 @@
|
|
|
60
60
|
|
|
61
61
|
/* size xl */
|
|
62
62
|
--secondary-tablist-xl-gaps: var(--gap-16);
|
|
63
|
-
} .
|
|
63
|
+
} .tabs__component_ndl57 {
|
|
64
64
|
position: relative;
|
|
65
65
|
display: inline-flex;
|
|
66
|
-
} .
|
|
66
|
+
} .tabs__fullWidthScroll_ndl57 {
|
|
67
67
|
margin: var(--gap-0) var(--gap-16);
|
|
68
|
-
} .
|
|
68
|
+
} .tabs__container_ndl57 {
|
|
69
69
|
overflow: hidden;
|
|
70
70
|
|
|
71
71
|
/* focus-outline fix */
|
|
72
72
|
margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
|
|
73
73
|
padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
|
|
74
|
-
} .
|
|
74
|
+
} .tabs__title_ndl57 {
|
|
75
75
|
white-space: nowrap;
|
|
76
|
-
} /* sizes */ .
|
|
77
|
-
.
|
|
76
|
+
} /* sizes */ .tabs__xxs_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
|
|
77
|
+
.tabs__xxs_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
|
|
78
78
|
margin-left: var(--secondary-tablist-xxs-gaps);
|
|
79
|
-
} .
|
|
80
|
-
.
|
|
79
|
+
} .tabs__xs_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
|
|
80
|
+
.tabs__xs_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
|
|
81
81
|
margin-left: var(--secondary-tablist-xs-gaps);
|
|
82
|
-
} .
|
|
83
|
-
.
|
|
82
|
+
} .tabs__s_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
|
|
83
|
+
.tabs__s_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
|
|
84
84
|
margin-left: var(--secondary-tablist-s-gaps);
|
|
85
|
-
} .
|
|
86
|
-
.
|
|
85
|
+
} .tabs__m_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
|
|
86
|
+
.tabs__m_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
|
|
87
87
|
margin-left: var(--secondary-tablist-m-gaps);
|
|
88
|
-
} .
|
|
89
|
-
.
|
|
88
|
+
} .tabs__l_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
|
|
89
|
+
.tabs__l_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
|
|
90
90
|
margin-left: var(--secondary-tablist-l-gaps);
|
|
91
|
-
} .
|
|
92
|
-
.
|
|
91
|
+
} .tabs__xl_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
|
|
92
|
+
.tabs__xl_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
|
|
93
93
|
margin-left: var(--secondary-tablist-xl-gaps);
|
|
94
94
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: cfagj */
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
}/* deprecated */:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
4
|
}:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -61,36 +61,36 @@
|
|
|
61
61
|
|
|
62
62
|
/* size xl */
|
|
63
63
|
--secondary-tablist-xl-gaps: var(--gap-16);
|
|
64
|
-
}.
|
|
64
|
+
}.tabs__component_ndl57 {
|
|
65
65
|
position: relative;
|
|
66
66
|
display: inline-flex;
|
|
67
|
-
}.
|
|
67
|
+
}.tabs__fullWidthScroll_ndl57 {
|
|
68
68
|
margin: var(--gap-0) var(--gap-16);
|
|
69
|
-
}.
|
|
69
|
+
}.tabs__container_ndl57 {
|
|
70
70
|
overflow: hidden;
|
|
71
71
|
|
|
72
72
|
/* focus-outline fix */
|
|
73
73
|
margin: var(--gap-4-neg) var(--gap-0) var(--gap-4-neg) var(--gap-4-neg);
|
|
74
74
|
padding: var(--gap-4) var(--gap-0) var(--gap-4) var(--gap-4);
|
|
75
|
-
}.
|
|
75
|
+
}.tabs__title_ndl57 {
|
|
76
76
|
white-space: nowrap;
|
|
77
|
-
}/* sizes */.
|
|
78
|
-
.
|
|
77
|
+
}/* sizes */.tabs__xxs_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
|
|
78
|
+
.tabs__xxs_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
|
|
79
79
|
margin-left: var(--secondary-tablist-xxs-gaps);
|
|
80
|
-
}.
|
|
81
|
-
.
|
|
80
|
+
}.tabs__xs_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
|
|
81
|
+
.tabs__xs_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
|
|
82
82
|
margin-left: var(--secondary-tablist-xs-gaps);
|
|
83
|
-
}.
|
|
84
|
-
.
|
|
83
|
+
}.tabs__s_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
|
|
84
|
+
.tabs__s_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
|
|
85
85
|
margin-left: var(--secondary-tablist-s-gaps);
|
|
86
|
-
}.
|
|
87
|
-
.
|
|
86
|
+
}.tabs__m_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
|
|
87
|
+
.tabs__m_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
|
|
88
88
|
margin-left: var(--secondary-tablist-m-gaps);
|
|
89
|
-
}.
|
|
90
|
-
.
|
|
89
|
+
}.tabs__l_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
|
|
90
|
+
.tabs__l_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
|
|
91
91
|
margin-left: var(--secondary-tablist-l-gaps);
|
|
92
|
-
}.
|
|
93
|
-
.
|
|
92
|
+
}.tabs__xl_ndl57 .tabs__title_ndl57 + .tabs__title_ndl57,
|
|
93
|
+
.tabs__xl_ndl57 .tabs__skeleton_ndl57 + .tabs__skeleton_ndl57 {
|
|
94
94
|
margin-left: var(--secondary-tablist-xl-gaps);
|
|
95
95
|
} :root {
|
|
96
96
|
--color-dark-indigo: #0b1f35; /* deprecated */
|
|
@@ -1728,8 +1728,8 @@
|
|
|
1728
1728
|
|
|
1729
1729
|
/* size xl */
|
|
1730
1730
|
--secondary-tablist-xl-gaps: var(--gap-16);
|
|
1731
|
-
} .
|
|
1732
|
-
} .
|
|
1733
|
-
.
|
|
1731
|
+
} .tabs__title_1mq3k {
|
|
1732
|
+
} .tabs__mobile_1mq3k .tabs__title_1mq3k + .tabs__title_1mq3k,
|
|
1733
|
+
.tabs__mobile_1mq3k .tabs__skeleton_1mq3k + .tabs__skeleton_1mq3k {
|
|
1734
1734
|
margin-left: var(--secondary-tablist-mobile-gaps);
|
|
1735
1735
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
|
|
4
|
-
var styles = {"component":"
|
|
4
|
+
var styles = {"component":"tabs__component_13lb5","hidden":"tabs__hidden_13lb5"};
|
|
5
5
|
require('./index.css')
|
|
6
6
|
|
|
7
7
|
var Tab = function (_a) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { TabsProps } from "../../typings";
|
|
4
|
-
declare const Tabs: ({ TabList, className, containerClassName, size,
|
|
4
|
+
declare const Tabs: ({ TabList, className, containerClassName, size, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, breakpoint, client, defaultMatchMediaValue, tagShape, tagView, showSkeleton, skeletonProps, textStyle, style, }: Omit<TabsProps, 'view'>) => React.JSX.Element;
|
|
5
5
|
export { Tabs };
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import React, { cloneElement } from 'react';
|
|
2
|
-
import { getComponentBreakpoint } from '@alfalab/core-components-shared/esm';
|
|
3
2
|
|
|
4
3
|
var Tabs = function (_a) {
|
|
5
|
-
var TabList = _a.TabList, className = _a.className, containerClassName = _a.containerClassName, size = _a.size,
|
|
4
|
+
var TabList = _a.TabList, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, children = _a.children, selectedId = _a.selectedId, scrollable = _a.scrollable, collapsedTabsIds = _a.collapsedTabsIds, _b = _a.fullWidthScroll, fullWidthScroll = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, dataTestId = _a.dataTestId, onChange = _a.onChange, breakpoint = _a.breakpoint, client = _a.client, defaultMatchMediaValue = _a.defaultMatchMediaValue, tagShape = _a.tagShape, tagView = _a.tagView, _d = _a.showSkeleton, showSkeleton = _d === void 0 ? false : _d, skeletonProps = _a.skeletonProps, textStyle = _a.textStyle, style = _a.style;
|
|
6
5
|
var tabsArray = React.Children.toArray(children);
|
|
7
6
|
var titles = tabsArray.map(function (_a) {
|
|
8
7
|
var _b = _a.props, title = _b.title, id = _b.id, rightAddons = _b.rightAddons, disabled = _b.disabled, hidden = _b.hidden, toggleClassName = _b.toggleClassName, toggleTestId = _b.dataTestId, toggleRef = _b.toggleRef;
|
|
@@ -19,7 +18,7 @@ var Tabs = function (_a) {
|
|
|
19
18
|
});
|
|
20
19
|
var tabs = tabsArray.filter(function (tab) { return tab.props.id === selectedId || tab.props.keepMounted || keepMounted; });
|
|
21
20
|
return (React.createElement("div", { className: className },
|
|
22
|
-
React.createElement(TabList, { containerClassName: containerClassName, size: size, titles: titles, selectedId: selectedId, scrollable: scrollable, collapsedTabsIds: collapsedTabsIds, onChange: onChange, dataTestId: dataTestId, defaultMatchMediaValue: defaultMatchMediaValue,
|
|
21
|
+
React.createElement(TabList, { containerClassName: containerClassName, size: size, titles: titles, selectedId: selectedId, scrollable: scrollable, collapsedTabsIds: collapsedTabsIds, onChange: onChange, dataTestId: dataTestId, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint, client: client, fullWidthScroll: fullWidthScroll, tagShape: tagShape, tagView: tagView, textStyle: textStyle, inlineStyle: style, showSkeleton: showSkeleton, skeletonProps: skeletonProps }),
|
|
23
22
|
tabs.map(function (tab) { return cloneElement(tab, { hidden: tab.props.id !== selectedId }); })));
|
|
24
23
|
};
|
|
25
24
|
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { TabsProps } from "../../typings";
|
|
4
4
|
type TabsResponsiveProps = Omit<TabsProps, 'TabList' | 'collapsedTabsIds'>;
|
|
5
|
-
declare const TabsResponsive: ({ view, scrollable, ...restProps }: TabsResponsiveProps) => React.JSX.Element;
|
|
5
|
+
declare const TabsResponsive: ({ view, scrollable, breakpoint, client, defaultMatchMediaValue, ...restProps }: TabsResponsiveProps) => React.JSX.Element;
|
|
6
6
|
export { TabsResponsiveProps, TabsResponsive };
|
|
@@ -9,8 +9,8 @@ var views = {
|
|
|
9
9
|
secondary: SecondaryTabListResponsive,
|
|
10
10
|
};
|
|
11
11
|
var TabsResponsive = function (_a) {
|
|
12
|
-
var _b = _a.view, view = _b === void 0 ? 'primary' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? false : _c, restProps = __rest(_a, ["view", "scrollable"]);
|
|
13
|
-
return React.createElement(Tabs, __assign({ TabList: views[view], scrollable: scrollable }, restProps));
|
|
12
|
+
var _b = _a.view, view = _b === void 0 ? 'primary' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? false : _c, breakpoint = _a.breakpoint, client = _a.client, _d = _a.defaultMatchMediaValue, defaultMatchMediaValue = _d === void 0 ? client === undefined ? undefined : client === 'desktop' : _d, restProps = __rest(_a, ["view", "scrollable", "breakpoint", "client", "defaultMatchMediaValue"]);
|
|
13
|
+
return (React.createElement(Tabs, __assign({ TabList: views[view], scrollable: scrollable, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint, client: client }, restProps)));
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
export { TabsResponsive };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TabListProps } from "../typings";
|
|
3
|
-
declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, breakpoint,
|
|
3
|
+
declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, onChange, breakpoint, client, defaultMatchMediaValue, }: Pick<TabListProps, 'titles' | 'selectedId' | 'collapsedTabsIds' | 'onChange' | 'defaultMatchMediaValue' | 'breakpoint' | 'client'>) => {
|
|
4
4
|
containerRef: import("react").RefObject<HTMLDivElement>;
|
|
5
5
|
addonRef: import("react").RefObject<HTMLInputElement>;
|
|
6
6
|
tablistTitles: {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
2
|
import { useMemo } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { useIsDesktop } from '@alfalab/core-components-mq/esm';
|
|
4
4
|
import { useCollapsibleElements } from './use-collapsible-elements.js';
|
|
5
5
|
import { useTabs } from './use-tabs.js';
|
|
6
6
|
|
|
7
7
|
var useTablistTitles = function (_a) {
|
|
8
|
-
var _b = _a.titles, titles = _b === void 0 ? [] : _b, selectedId = _a.selectedId, collapsedTabsIds = _a.collapsedTabsIds, breakpoint = _a.breakpoint,
|
|
9
|
-
var
|
|
10
|
-
var isDesktop =
|
|
8
|
+
var _b = _a.titles, titles = _b === void 0 ? [] : _b, selectedId = _a.selectedId, collapsedTabsIds = _a.collapsedTabsIds, onChange = _a.onChange, breakpoint = _a.breakpoint, client = _a.client, _c = _a.defaultMatchMediaValue, defaultMatchMediaValue = _c === void 0 ? client === undefined ? undefined : client === 'desktop' : _c;
|
|
9
|
+
var _d = useCollapsibleElements('[role=tab]', [titles, collapsedTabsIds]), containerRef = _d.containerRef, addonRef = _d.addonRef, idsCollapsedElements = _d.idsCollapsedElements;
|
|
10
|
+
var isDesktop = useIsDesktop(breakpoint, defaultMatchMediaValue);
|
|
11
11
|
var tablistTitles = useMemo(function () {
|
|
12
12
|
var idsCollapsedTitles = [];
|
|
13
13
|
var idsCollapsed = idsCollapsedElements.concat(collapsedTabsIds || []);
|
|
@@ -46,11 +46,11 @@ var useTablistTitles = function (_a) {
|
|
|
46
46
|
return a.collapsed ? 1 : -1;
|
|
47
47
|
});
|
|
48
48
|
}, [collapsedTabsIds, idsCollapsedElements, isDesktop, titles, selectedId]);
|
|
49
|
-
var
|
|
49
|
+
var _e = useTabs({
|
|
50
50
|
titles: tablistTitles,
|
|
51
51
|
selectedId: selectedId,
|
|
52
52
|
onChange: onChange,
|
|
53
|
-
}), selectedTab =
|
|
53
|
+
}), selectedTab = _e.selectedTab, focusedTab = _e.focusedTab, getTabListItemProps = _e.getTabListItemProps;
|
|
54
54
|
return {
|
|
55
55
|
containerRef: containerRef,
|
|
56
56
|
addonRef: addonRef,
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var commonStyles = {"component":"tabs__component_ndl57","fullWidthScroll":"tabs__fullWidthScroll_ndl57","container":"tabs__container_ndl57","title":"tabs__title_ndl57","xxs":"tabs__xxs_ndl57","skeleton":"tabs__skeleton_ndl57","xs":"tabs__xs_ndl57","s":"tabs__s_ndl57","m":"tabs__m_ndl57","l":"tabs__l_ndl57","xl":"tabs__xl_ndl57"};
|
|
2
|
+
require('./components/secondary-tablist/index.css')
|
|
3
|
+
|
|
4
|
+
export { commonStyles as c };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var styles = {"component":"tabs__component_3iblt","desktop":"tabs__desktop_3iblt","paragraph-primary-large":"tabs__paragraph-primary-large_3iblt","title":"tabs__title_3iblt","paragraph-primary-medium":"tabs__paragraph-primary-medium_3iblt","paragraph-primary-small":"tabs__paragraph-primary-small_3iblt","action-primary-large":"tabs__action-primary-large_3iblt","action-primary-medium":"tabs__action-primary-medium_3iblt","action-primary-small":"tabs__action-primary-small_3iblt","accent-primary-large":"tabs__accent-primary-large_3iblt","accent-primary-medium":"tabs__accent-primary-medium_3iblt","accent-primary-small":"tabs__accent-primary-small_3iblt","pickerWrapper":"tabs__pickerWrapper_3iblt","option":"tabs__option_3iblt","scrollControls":"tabs__scrollControls_3iblt","headline-system-xlarge":"tabs__headline-system-xlarge_3iblt","headline-system-large":"tabs__headline-system-large_3iblt","headline-system-medium":"tabs__headline-system-medium_3iblt","headline-system-small":"tabs__headline-system-small_3iblt","headline-system-xsmall":"tabs__headline-system-xsmall_3iblt","headline-xlarge":"tabs__headline-xlarge_3iblt","headline-large":"tabs__headline-large_3iblt","headline-medium":"tabs__headline-medium_3iblt","headline-small":"tabs__headline-small_3iblt","headline-xsmall":"tabs__headline-xsmall_3iblt","fullWidthScroll":"tabs__fullWidthScroll_3iblt","container":"tabs__container_3iblt","focused":"tabs__focused_3iblt","collapsed":"tabs__collapsed_3iblt","selected":"tabs__selected_3iblt","disabled":"tabs__disabled_3iblt","line":"tabs__line_3iblt","s":"tabs__s_3iblt","xs":"tabs__xs_3iblt","xxs":"tabs__xxs_3iblt","m":"tabs__m_3iblt","l":"tabs__l_3iblt","xl":"tabs__xl_3iblt","rightAddons":"tabs__rightAddons_3iblt","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_3iblt"};
|
|
2
|
+
require('./components/primary-tablist/index.css')
|
|
3
|
+
|
|
4
|
+
export { styles as s };
|
package/esm/typings.d.ts
CHANGED
|
@@ -32,10 +32,6 @@ type TabsProps = {
|
|
|
32
32
|
* Высота заголовков табов
|
|
33
33
|
*/
|
|
34
34
|
size?: 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
|
|
35
|
-
/**
|
|
36
|
-
* Значение по-умолчанию для хука useMatchMedia
|
|
37
|
-
*/
|
|
38
|
-
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
39
35
|
/**
|
|
40
36
|
* Мобильный вид
|
|
41
37
|
*/
|
|
@@ -71,10 +67,19 @@ type TabsProps = {
|
|
|
71
67
|
*/
|
|
72
68
|
dataTestId?: string;
|
|
73
69
|
/**
|
|
74
|
-
* Контрольная
|
|
70
|
+
* Контрольная точка, с нее начинается desktop версия
|
|
75
71
|
* @default 1024
|
|
76
72
|
*/
|
|
77
73
|
breakpoint?: number;
|
|
74
|
+
/**
|
|
75
|
+
* Версия, которая будет использоваться при серверном рендеринге
|
|
76
|
+
*/
|
|
77
|
+
client?: 'desktop' | 'mobile';
|
|
78
|
+
/**
|
|
79
|
+
* Значение по-умолчанию для хука useMatchMedia
|
|
80
|
+
* @deprecated Используйте client
|
|
81
|
+
*/
|
|
82
|
+
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
78
83
|
/**
|
|
79
84
|
* Форма тега (для view secondary только)
|
|
80
85
|
*/
|
|
@@ -164,6 +169,10 @@ type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size'
|
|
|
164
169
|
* @default 1024
|
|
165
170
|
*/
|
|
166
171
|
breakpoint?: number;
|
|
172
|
+
/**
|
|
173
|
+
* Версия, которая будет использоваться при серверном рендеринге
|
|
174
|
+
*/
|
|
175
|
+
client?: 'desktop' | 'mobile';
|
|
167
176
|
/**
|
|
168
177
|
* Дополнительные инлайн стили для заголовка
|
|
169
178
|
*/
|