@alfalab/core-components-tabs 8.12.2 → 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-5dc448d8.js +0 -4
- package/esm/index.module-9c29c340.js +0 -4
- package/index.module-40f69032.js +0 -6
- package/index.module-f0cef476.js +0 -6
- package/modern/index.module-263ea369.js +0 -4
- package/modern/index.module-3fb42302.js +0 -4
|
@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
17
17
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
18
18
|
var _debounce__default = /*#__PURE__*/_interopDefaultCompat(_debounce);
|
|
19
19
|
|
|
20
|
-
var styles = {"component":"
|
|
20
|
+
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"};
|
|
21
21
|
require('./index.css')
|
|
22
22
|
|
|
23
23
|
var ScrollControls = React.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
|
}
|
|
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
13
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
14
14
|
|
|
15
|
-
var styles = {"scrollableContainerWrapper":"
|
|
15
|
+
var styles = {"scrollableContainerWrapper":"tabs__scrollableContainerWrapper_e81h0","container":"tabs__container_e81h0","fullWidthScroll":"tabs__fullWidthScroll_e81h0"};
|
|
16
16
|
require('./index.css')
|
|
17
17
|
|
|
18
18
|
/**
|
|
@@ -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
|
}
|
|
@@ -6,7 +6,7 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var desktop = require('@alfalab/core-components-tag/desktop');
|
|
8
8
|
var components_secondaryTablist_Component = require('./Component.js');
|
|
9
|
-
var index_module = require('../../index.module-
|
|
9
|
+
var index_module = require('../../index.module-b736b98c.js');
|
|
10
10
|
|
|
11
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
12
12
|
|
|
@@ -7,14 +7,14 @@ var React = require('react');
|
|
|
7
7
|
var cn = require('classnames');
|
|
8
8
|
var mobile = require('@alfalab/core-components-tag/mobile');
|
|
9
9
|
var components_secondaryTablist_Component = require('./Component.js');
|
|
10
|
-
var index_module = require('../../index.module-
|
|
10
|
+
var index_module = require('../../index.module-b736b98c.js');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
13
13
|
|
|
14
14
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
15
15
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
16
16
|
|
|
17
|
-
var mobileStyles = {"title":"
|
|
17
|
+
var mobileStyles = {"title":"tabs__title_1mq3k tabs__title_ndl57","mobile":"tabs__mobile_1mq3k","skeleton":"tabs__skeleton_1mq3k"};
|
|
18
18
|
require('./mobile.css')
|
|
19
19
|
|
|
20
20
|
var styles = tslib.__assign(tslib.__assign({}, index_module.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 };
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var coreComponentsMq = require('@alfalab/core-components-mq');
|
|
8
|
-
var coreComponentsShared = require('@alfalab/core-components-shared');
|
|
9
8
|
var components_secondaryTablist_Component_desktop = require('./Component.desktop.js');
|
|
10
9
|
var components_secondaryTablist_Component_mobile = require('./Component.mobile.js');
|
|
11
10
|
|
|
@@ -14,8 +13,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
13
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
15
14
|
|
|
16
15
|
var SecondaryTabListResponsive = function (_a) {
|
|
17
|
-
var
|
|
18
|
-
var isDesktop = coreComponentsMq.
|
|
16
|
+
var fullWidthScroll = _a.fullWidthScroll, breakpoint = _a.breakpoint, client = _a.client, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = tslib.__rest(_a, ["fullWidthScroll", "breakpoint", "client", "defaultMatchMediaValue"]);
|
|
17
|
+
var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
|
|
19
18
|
return isDesktop ? (React__default.default.createElement(components_secondaryTablist_Component_desktop.SecondaryTabListDesktop, tslib.__assign({}, restProps))) : (React__default.default.createElement(components_secondaryTablist_Component_mobile.SecondaryTabListMobile, tslib.__assign({ fullWidthScroll: fullWidthScroll }, restProps)));
|
|
20
19
|
};
|
|
21
20
|
|
|
@@ -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
|
}
|
|
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
11
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
12
12
|
|
|
13
|
-
var styles = {"component":"
|
|
13
|
+
var styles = {"component":"tabs__component_13lb5","hidden":"tabs__hidden_13lb5"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
var Tab = function (_a) {
|
package/components/tab/index.css
CHANGED
|
@@ -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 };
|
|
@@ -3,14 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var coreComponentsShared = require('@alfalab/core-components-shared');
|
|
7
6
|
|
|
8
7
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
9
8
|
|
|
10
9
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
11
10
|
|
|
12
11
|
var Tabs = function (_a) {
|
|
13
|
-
var TabList = _a.TabList, className = _a.className, containerClassName = _a.containerClassName, size = _a.size,
|
|
12
|
+
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;
|
|
14
13
|
var tabsArray = React__default.default.Children.toArray(children);
|
|
15
14
|
var titles = tabsArray.map(function (_a) {
|
|
16
15
|
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;
|
|
@@ -27,7 +26,7 @@ var Tabs = function (_a) {
|
|
|
27
26
|
});
|
|
28
27
|
var tabs = tabsArray.filter(function (tab) { return tab.props.id === selectedId || tab.props.keepMounted || keepMounted; });
|
|
29
28
|
return (React__default.default.createElement("div", { className: className },
|
|
30
|
-
React__default.default.createElement(TabList, { containerClassName: containerClassName, size: size, titles: titles, selectedId: selectedId, scrollable: scrollable, collapsedTabsIds: collapsedTabsIds, onChange: onChange, dataTestId: dataTestId, defaultMatchMediaValue: defaultMatchMediaValue,
|
|
29
|
+
React__default.default.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 }),
|
|
31
30
|
tabs.map(function (tab) { return React.cloneElement(tab, { hidden: tab.props.id !== selectedId }); })));
|
|
32
31
|
};
|
|
33
32
|
|
|
@@ -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 };
|
|
@@ -17,8 +17,8 @@ var views = {
|
|
|
17
17
|
secondary: components_secondaryTablist_Component_responsive.SecondaryTabListResponsive,
|
|
18
18
|
};
|
|
19
19
|
var TabsResponsive = function (_a) {
|
|
20
|
-
var _b = _a.view, view = _b === void 0 ? 'primary' : _b, _c = _a.scrollable, scrollable = _c === void 0 ? false : _c, restProps = tslib.__rest(_a, ["view", "scrollable"]);
|
|
21
|
-
return React__default.default.createElement(components_tabs_Component.Tabs, tslib.__assign({ TabList: views[view], scrollable: scrollable }, restProps));
|
|
20
|
+
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 = tslib.__rest(_a, ["view", "scrollable", "breakpoint", "client", "defaultMatchMediaValue"]);
|
|
21
|
+
return (React__default.default.createElement(components_tabs_Component.Tabs, tslib.__assign({ TabList: views[view], scrollable: scrollable, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint, client: client }, restProps)));
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
exports.TabsResponsive = TabsResponsive;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { TabListProps } from "../../typings";
|
|
4
|
-
declare const CollapsiblePrimaryTabList: ({ size, className, containerClassName, titles, selectedId, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, defaultMatchMediaValue, textStyle, showSkeleton, skeletonProps, }: TabListProps) => React.JSX.Element;
|
|
4
|
+
declare const CollapsiblePrimaryTabList: ({ size, className, containerClassName, titles, selectedId, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, client, defaultMatchMediaValue, textStyle, showSkeleton, skeletonProps, }: TabListProps) => React.JSX.Element;
|
|
5
5
|
export { CollapsiblePrimaryTabList };
|
|
@@ -8,7 +8,6 @@ var cn = require('classnames');
|
|
|
8
8
|
var coreComponentsBadge = require('@alfalab/core-components-badge/cssm');
|
|
9
9
|
var coreComponentsKeyboardFocusable = require('@alfalab/core-components-keyboard-focusable/cssm');
|
|
10
10
|
var desktop = require('@alfalab/core-components-picker-button/cssm/desktop');
|
|
11
|
-
var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
|
|
12
11
|
var hooks_useTablistTitles = require('../../hooks/use-tablist-titles.js');
|
|
13
12
|
var syntheticEvents = require('../../synthetic-events.js');
|
|
14
13
|
var components_title_Component = require('../title/Component.js');
|
|
@@ -21,16 +20,17 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
|
21
20
|
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
22
21
|
|
|
23
22
|
var CollapsiblePrimaryTabList = function (_a) {
|
|
24
|
-
var _b = _a.size, size = _b === void 0 ? 'm' : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId,
|
|
23
|
+
var _b = _a.size, size = _b === void 0 ? 'm' : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, breakpoint = _a.breakpoint, client = _a.client, defaultMatchMediaValue = _a.defaultMatchMediaValue, textStyle = _a.textStyle, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps;
|
|
25
24
|
var lineRef = React.useRef(null);
|
|
26
|
-
var
|
|
25
|
+
var _e = hooks_useTablistTitles.useTablistTitles({
|
|
27
26
|
titles: titles,
|
|
28
27
|
selectedId: selectedId,
|
|
29
28
|
collapsedTabsIds: collapsedTabsIds,
|
|
30
|
-
breakpoint: breakpoint,
|
|
31
29
|
onChange: onChange,
|
|
30
|
+
breakpoint: breakpoint,
|
|
31
|
+
client: client,
|
|
32
32
|
defaultMatchMediaValue: defaultMatchMediaValue,
|
|
33
|
-
}), containerRef =
|
|
33
|
+
}), containerRef = _e.containerRef, addonRef = _e.addonRef, tablistTitles = _e.tablistTitles, selectedTab = _e.selectedTab, getTabListItemProps = _e.getTabListItemProps;
|
|
34
34
|
React.useEffect(function () {
|
|
35
35
|
if (selectedTab && lineRef.current) {
|
|
36
36
|
lineRef.current.style.width = "".concat(selectedTab.offsetWidth, "px");
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { TabListProps } from "../../typings";
|
|
4
|
-
declare const PrimaryTabListResponsive: ({ size, breakpoint, fullWidthScroll, defaultMatchMediaValue, ...restProps }: TabListProps) => React.JSX.Element;
|
|
4
|
+
declare const PrimaryTabListResponsive: ({ size, breakpoint, client, fullWidthScroll, defaultMatchMediaValue, ...restProps }: TabListProps) => React.JSX.Element;
|
|
5
5
|
export { PrimaryTabListResponsive };
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib = require('tslib');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
|
|
8
|
-
var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
|
|
9
8
|
var components_primaryTablist_Component_desktop = require('./Component.desktop.js');
|
|
10
9
|
var components_primaryTablist_Component_mobile = require('./Component.mobile.js');
|
|
11
10
|
|
|
@@ -14,8 +13,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
14
13
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
15
14
|
|
|
16
15
|
var PrimaryTabListResponsive = function (_a) {
|
|
17
|
-
var size = _a.size,
|
|
18
|
-
var isDesktop = coreComponentsMq.
|
|
16
|
+
var size = _a.size, breakpoint = _a.breakpoint, client = _a.client, fullWidthScroll = _a.fullWidthScroll, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = tslib.__rest(_a, ["size", "breakpoint", "client", "fullWidthScroll", "defaultMatchMediaValue"]);
|
|
17
|
+
var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, defaultMatchMediaValue);
|
|
19
18
|
return isDesktop ? (React__default.default.createElement(components_primaryTablist_Component_desktop.PrimaryTabListDesktop, tslib.__assign({ breakpoint: breakpoint, size: size, defaultMatchMediaValue: defaultMatchMediaValue }, restProps))) : (React__default.default.createElement(components_primaryTablist_Component_mobile.PrimaryTabListMobile, tslib.__assign({ breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, fullWidthScroll: fullWidthScroll }, restProps)));
|
|
20
19
|
};
|
|
21
20
|
|
|
@@ -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 };
|