@alfalab/core-components-tabs 7.3.10 → 7.3.11
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/components/primary-tablist/Component.desktop.js +1 -1
- package/components/primary-tablist/Component.mobile.js +2 -2
- package/components/primary-tablist/Component.responsive.js +1 -1
- package/components/primary-tablist/index.css +31 -31
- package/components/primary-tablist/mobile.css +105 -34
- package/components/scrollable-container/Component.js +1 -1
- package/components/scrollable-container/index.css +7 -7
- package/components/secondary-tablist/Component.desktop.js +1 -1
- package/components/secondary-tablist/Component.mobile.js +2 -2
- package/components/secondary-tablist/Component.responsive.js +1 -1
- package/components/secondary-tablist/index.css +13 -13
- package/components/secondary-tablist/mobile.css +86 -15
- package/components/tab/Component.js +1 -1
- package/components/tab/index.css +3 -3
- package/components/tabs/Component.desktop.js +2 -2
- package/components/tabs/Component.mobile.js +2 -2
- package/components/tabs/Component.responsive.js +2 -2
- package/cssm/components/primary-tablist/index.module.css +2 -2
- package/cssm/components/primary-tablist/mobile.module.css +2 -2
- package/cssm/components/scrollable-container/index.module.css +2 -2
- package/cssm/components/secondary-tablist/index.module.css +2 -2
- package/cssm/components/secondary-tablist/mobile.module.css +2 -2
- package/cssm/vars.css +2 -2
- package/desktop.js +2 -2
- 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.js +1 -1
- package/esm/components/primary-tablist/index.css +31 -31
- package/esm/components/primary-tablist/mobile.css +105 -34
- package/esm/components/scrollable-container/Component.js +1 -1
- package/esm/components/scrollable-container/index.css +7 -7
- 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.js +1 -1
- package/esm/components/secondary-tablist/index.css +13 -13
- package/esm/components/secondary-tablist/mobile.css +86 -15
- package/esm/components/tab/Component.js +1 -1
- package/esm/components/tab/index.css +3 -3
- package/esm/components/tabs/Component.desktop.js +2 -2
- package/esm/components/tabs/Component.mobile.js +2 -2
- package/esm/components/tabs/Component.responsive.js +2 -2
- package/esm/desktop.js +2 -2
- package/esm/index.js +2 -2
- package/esm/index.module-1865aaf0.js +4 -0
- package/esm/index.module-e818c324.js +4 -0
- package/esm/mobile.js +2 -2
- package/esm/responsive.js +2 -2
- package/index.js +2 -2
- package/index.module-07471830.js +6 -0
- package/index.module-38e2880e.js +6 -0
- package/mobile.js +2 -2
- 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.js +1 -1
- package/modern/components/primary-tablist/index.css +31 -31
- package/modern/components/primary-tablist/mobile.css +105 -34
- package/modern/components/scrollable-container/Component.js +1 -1
- package/modern/components/scrollable-container/index.css +7 -7
- 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.js +1 -1
- package/modern/components/secondary-tablist/index.css +13 -13
- package/modern/components/secondary-tablist/mobile.css +86 -15
- package/modern/components/tab/Component.js +1 -1
- package/modern/components/tab/index.css +3 -3
- package/modern/components/tabs/Component.desktop.js +2 -2
- package/modern/components/tabs/Component.mobile.js +2 -2
- package/modern/components/tabs/Component.responsive.js +2 -2
- package/modern/desktop.js +2 -2
- package/modern/index.js +2 -2
- package/modern/index.module-540790c1.js +4 -0
- package/modern/index.module-a26a42c3.js +4 -0
- package/modern/mobile.js +2 -2
- package/modern/responsive.js +2 -2
- package/package.json +3 -3
- package/responsive.js +2 -2
- package/esm/index.module-148f7ebd.js +0 -4
- package/esm/index.module-c3aa1087.js +0 -4
- package/index.module-3024c3e4.js +0 -6
- package/index.module-7d7e1aeb.js +0 -6
- package/modern/index.module-67a4be0c.js +0 -4
- package/modern/index.module-df3add82.js +0 -4
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 10vl8 */
|
|
2
2
|
:root {
|
|
3
|
-
} /* deprecated */ :root {
|
|
4
|
-
} :root {
|
|
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 */
|
|
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 */
|
|
5
5
|
} :root {
|
|
6
6
|
} :root {
|
|
7
7
|
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
/* size l */
|
|
43
43
|
|
|
44
44
|
/* size xl */
|
|
45
|
-
} .
|
|
45
|
+
} .tabs__container_12qa5 {
|
|
46
46
|
position: relative;
|
|
47
47
|
overflow-x: auto;
|
|
48
48
|
overflow-y: hidden;
|
|
@@ -52,10 +52,10 @@
|
|
|
52
52
|
/* focus-outline fix */
|
|
53
53
|
margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
|
|
54
54
|
padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs)
|
|
55
|
-
} .
|
|
55
|
+
} .tabs__container_12qa5::-webkit-scrollbar {
|
|
56
56
|
display: none;
|
|
57
|
-
} .
|
|
57
|
+
} .tabs__container_12qa5 > * {
|
|
58
58
|
flex-shrink: 0;
|
|
59
|
-
} .
|
|
59
|
+
} .tabs__fullWidthScroll_12qa5 {
|
|
60
60
|
margin: 0 var(--gap-m-neg);
|
|
61
61
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SecondaryTabList } from './Component.js';
|
|
3
|
-
import { c as commonStyles } from '../../index.module-
|
|
3
|
+
import { c as commonStyles } from '../../index.module-540790c1.js';
|
|
4
4
|
import 'classnames';
|
|
5
5
|
import '@alfalab/core-components-tag/modern';
|
|
6
6
|
import '../../hooks/use-tabs.js';
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { SecondaryTabList } from './Component.js';
|
|
4
|
-
import { c as commonStyles } from '../../index.module-
|
|
4
|
+
import { c as commonStyles } from '../../index.module-540790c1.js';
|
|
5
5
|
import '@alfalab/core-components-tag/modern';
|
|
6
6
|
import '../../hooks/use-tabs.js';
|
|
7
7
|
import '../scrollable-container/Component.js';
|
|
8
8
|
import 'compute-scroll-into-view';
|
|
9
9
|
|
|
10
|
-
const mobileStyles = {"title":"
|
|
10
|
+
const mobileStyles = {"title":"tabs__title_qvupy tabs__title_131lr","mobile":"tabs__mobile_qvupy"};
|
|
11
11
|
require('./mobile.css')
|
|
12
12
|
|
|
13
13
|
const styles = {
|
|
@@ -8,7 +8,7 @@ import '@alfalab/core-components-tag/modern';
|
|
|
8
8
|
import '../../hooks/use-tabs.js';
|
|
9
9
|
import '../scrollable-container/Component.js';
|
|
10
10
|
import 'compute-scroll-into-view';
|
|
11
|
-
import '../../index.module-
|
|
11
|
+
import '../../index.module-540790c1.js';
|
|
12
12
|
|
|
13
13
|
const SecondaryTabListResponsive = ({ size, defaultMatch = 'desktop', fullWidthScroll, ...restProps }) => {
|
|
14
14
|
const [view] = useMedia([
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 16zqy */
|
|
2
2
|
:root {
|
|
3
|
-
} /* deprecated */ :root {
|
|
4
|
-
} :root {
|
|
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 */
|
|
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 */
|
|
5
5
|
} :root {
|
|
6
6
|
} :root {
|
|
7
7
|
|
|
@@ -50,29 +50,29 @@
|
|
|
50
50
|
|
|
51
51
|
/* size xl */
|
|
52
52
|
--secondary-tablist-xl-gaps: var(--gap-m);
|
|
53
|
-
} .
|
|
53
|
+
} .tabs__component_131lr {
|
|
54
54
|
position: relative;
|
|
55
55
|
display: inline-flex;
|
|
56
|
-
} .
|
|
56
|
+
} .tabs__fullWidthScroll_131lr {
|
|
57
57
|
margin: 0 var(--gap-m);
|
|
58
|
-
} .
|
|
58
|
+
} .tabs__container_131lr {
|
|
59
59
|
overflow: hidden;
|
|
60
60
|
|
|
61
61
|
/* focus-outline fix */
|
|
62
62
|
margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
|
|
63
63
|
padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
|
|
64
|
-
} .
|
|
64
|
+
} .tabs__title_131lr {
|
|
65
65
|
white-space: nowrap;
|
|
66
|
-
} /* sizes */ .
|
|
66
|
+
} /* sizes */ .tabs__xxs_131lr .tabs__title_131lr + .tabs__title_131lr {
|
|
67
67
|
margin-left: var(--secondary-tablist-xxs-gaps);
|
|
68
|
-
} .
|
|
68
|
+
} .tabs__xs_131lr .tabs__title_131lr + .tabs__title_131lr {
|
|
69
69
|
margin-left: var(--secondary-tablist-xs-gaps);
|
|
70
|
-
} .
|
|
70
|
+
} .tabs__s_131lr .tabs__title_131lr + .tabs__title_131lr {
|
|
71
71
|
margin-left: var(--secondary-tablist-s-gaps);
|
|
72
|
-
} .
|
|
72
|
+
} .tabs__m_131lr .tabs__title_131lr + .tabs__title_131lr {
|
|
73
73
|
margin-left: var(--secondary-tablist-m-gaps);
|
|
74
|
-
} .
|
|
74
|
+
} .tabs__l_131lr .tabs__title_131lr + .tabs__title_131lr {
|
|
75
75
|
margin-left: var(--secondary-tablist-l-gaps);
|
|
76
|
-
} .
|
|
76
|
+
} .tabs__xl_131lr .tabs__title_131lr + .tabs__title_131lr {
|
|
77
77
|
margin-left: var(--secondary-tablist-xl-gaps);
|
|
78
78
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1pm5d */
|
|
2
2
|
:root {
|
|
3
|
-
}/* deprecated */:root {
|
|
4
|
-
}:root {
|
|
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 */
|
|
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 */
|
|
5
5
|
}:root {
|
|
6
6
|
}:root {
|
|
7
7
|
|
|
@@ -51,30 +51,30 @@
|
|
|
51
51
|
|
|
52
52
|
/* size xl */
|
|
53
53
|
--secondary-tablist-xl-gaps: var(--gap-m);
|
|
54
|
-
}.
|
|
54
|
+
}.tabs__component_131lr {
|
|
55
55
|
position: relative;
|
|
56
56
|
display: inline-flex;
|
|
57
|
-
}.
|
|
57
|
+
}.tabs__fullWidthScroll_131lr {
|
|
58
58
|
margin: 0 var(--gap-m);
|
|
59
|
-
}.
|
|
59
|
+
}.tabs__container_131lr {
|
|
60
60
|
overflow: hidden;
|
|
61
61
|
|
|
62
62
|
/* focus-outline fix */
|
|
63
63
|
margin: var(--gap-2xs-neg) 0 var(--gap-2xs-neg) var(--gap-2xs-neg);
|
|
64
64
|
padding: var(--gap-2xs) 0 var(--gap-2xs) var(--gap-2xs);
|
|
65
|
-
}.
|
|
65
|
+
}.tabs__title_131lr {
|
|
66
66
|
white-space: nowrap;
|
|
67
|
-
}/* sizes */.
|
|
67
|
+
}/* sizes */.tabs__xxs_131lr .tabs__title_131lr + .tabs__title_131lr {
|
|
68
68
|
margin-left: var(--secondary-tablist-xxs-gaps);
|
|
69
|
-
}.
|
|
69
|
+
}.tabs__xs_131lr .tabs__title_131lr + .tabs__title_131lr {
|
|
70
70
|
margin-left: var(--secondary-tablist-xs-gaps);
|
|
71
|
-
}.
|
|
71
|
+
}.tabs__s_131lr .tabs__title_131lr + .tabs__title_131lr {
|
|
72
72
|
margin-left: var(--secondary-tablist-s-gaps);
|
|
73
|
-
}.
|
|
73
|
+
}.tabs__m_131lr .tabs__title_131lr + .tabs__title_131lr {
|
|
74
74
|
margin-left: var(--secondary-tablist-m-gaps);
|
|
75
|
-
}.
|
|
75
|
+
}.tabs__l_131lr .tabs__title_131lr + .tabs__title_131lr {
|
|
76
76
|
margin-left: var(--secondary-tablist-l-gaps);
|
|
77
|
-
}.
|
|
77
|
+
}.tabs__xl_131lr .tabs__title_131lr + .tabs__title_131lr {
|
|
78
78
|
margin-left: var(--secondary-tablist-xl-gaps);
|
|
79
79
|
} :root {
|
|
80
80
|
--color-dark-indigo: #0b1f35;
|
|
@@ -295,6 +295,44 @@
|
|
|
295
295
|
--color-static-text-secondary-light: rgba(255, 255, 255, 0.7);
|
|
296
296
|
--color-static-text-tertiary-dark: rgba(11, 31, 53, 0.3);
|
|
297
297
|
--color-static-text-tertiary-light: rgba(255, 255, 255, 0.4);
|
|
298
|
+
--color-dark-bg-component: rgba(255, 255, 255, 0.15); /* deprecated */
|
|
299
|
+
--color-dark-bg-component-inverted: rgba(11, 31, 53, 0.07); /* deprecated */
|
|
300
|
+
--color-dark-bg-link-muted: #001c3c; /* deprecated */
|
|
301
|
+
--color-dark-bg-neutral: #485767; /* deprecated */
|
|
302
|
+
--color-dark-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
|
|
303
|
+
--color-dark-bg-primary-grouped: #0b1f35; /* deprecated */
|
|
304
|
+
--color-dark-bg-secondary-grouped: #233549; /* deprecated */
|
|
305
|
+
--color-dark-bg-tertiary-grouped: #3c4c5d; /* deprecated */
|
|
306
|
+
--color-dark-graphic-neutral: #485767; /* deprecated */
|
|
307
|
+
--color-dark-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
|
|
308
|
+
--color-dark-text-disabled-transparent: rgba(255, 255, 255, 0.25); /* deprecated */
|
|
309
|
+
--color-dark-text-secondary-inverted-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
|
|
310
|
+
--color-dark-text-secondary-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
|
|
311
|
+
--color-dark-text-tertiary-inverted-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
|
|
312
|
+
--color-dark-text-tertiary-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
|
|
313
|
+
--color-light-bg-component: rgba(11, 31, 53, 0.07); /* deprecated */
|
|
314
|
+
--color-light-bg-component-inverted: rgba(255, 255, 255, 0.15); /* deprecated */
|
|
315
|
+
--color-light-bg-link-muted: #d6e8fc; /* deprecated */
|
|
316
|
+
--color-light-bg-neutral: #dbdee1; /* deprecated */
|
|
317
|
+
--color-light-bg-nulled: rgba(11, 31, 53, 0); /* deprecated */
|
|
318
|
+
--color-light-bg-primary-grouped: #f3f4f5; /* deprecated */
|
|
319
|
+
--color-light-bg-secondary-grouped: #fff; /* deprecated */
|
|
320
|
+
--color-light-bg-tertiary-grouped: #f3f4f5; /* deprecated */
|
|
321
|
+
--color-light-graphic-neutral: #dbdee1; /* deprecated */
|
|
322
|
+
--color-light-specialbg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */
|
|
323
|
+
--color-light-text-disabled-transparent: rgba(11, 31, 53, 0.15); /* deprecated */
|
|
324
|
+
--color-light-text-secondary-inverted-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
|
|
325
|
+
--color-light-text-secondary-transparent: rgba(11, 31, 53, 0.7); /* deprecated */
|
|
326
|
+
--color-light-text-tertiary-inverted-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
|
|
327
|
+
--color-light-text-tertiary-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
|
|
328
|
+
--color-static-bg-dark: #000; /* deprecated */
|
|
329
|
+
--color-static-bg-light: #fff; /* deprecated */
|
|
330
|
+
--color-static-bg-neutral-dark: #485767; /* deprecated */
|
|
331
|
+
--color-static-bg-neutral-light: #dbdee1; /* deprecated */
|
|
332
|
+
--color-static-text-secondary-dark-transparent: rgba(11, 31, 53, 0.6); /* deprecated */
|
|
333
|
+
--color-static-text-secondary-light-transparent: rgba(255, 255, 255, 0.7); /* deprecated */
|
|
334
|
+
--color-static-text-tertiary-dark-transparent: rgba(11, 31, 53, 0.3); /* deprecated */
|
|
335
|
+
--color-static-text-tertiary-light-transparent: rgba(255, 255, 255, 0.4); /* deprecated */
|
|
298
336
|
--color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3);
|
|
299
337
|
--color-dark-bg-accent-shade-15: rgb(203, 42, 31);
|
|
300
338
|
--color-dark-bg-accent-shade-20: rgb(191, 39, 29);
|
|
@@ -358,6 +396,7 @@
|
|
|
358
396
|
--color-dark-graphic-accent-tint-10: rgb(241, 70, 58);
|
|
359
397
|
--color-dark-graphic-accent-tint-15: rgb(241, 80, 69);
|
|
360
398
|
--color-dark-graphic-accent-tint-30: rgb(244, 111, 102);
|
|
399
|
+
--color-dark-graphic-link-alpha-15: rgba(0, 122, 255, 0.15);
|
|
361
400
|
--color-dark-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
|
|
362
401
|
--color-dark-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
|
|
363
402
|
--color-dark-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
|
|
@@ -508,6 +547,7 @@
|
|
|
508
547
|
--color-light-graphic-accent-shade-10: rgb(215, 44, 32);
|
|
509
548
|
--color-light-graphic-accent-shade-15: rgb(203, 42, 31);
|
|
510
549
|
--color-light-graphic-accent-shade-30: rgb(167, 34, 25);
|
|
550
|
+
--color-light-graphic-link-alpha-15: rgba(0, 122, 255, 0.15);
|
|
511
551
|
--color-light-graphic-negative-alpha-10: rgba(241, 80, 69, 0.1);
|
|
512
552
|
--color-light-graphic-negative-alpha-30: rgba(241, 80, 69, 0.3);
|
|
513
553
|
--color-light-graphic-negative-alpha-40: rgba(241, 80, 69, 0.4);
|
|
@@ -688,6 +728,35 @@
|
|
|
688
728
|
--color-static-status-purple: #673ab7;
|
|
689
729
|
--color-static-status-red: #d91d0b;
|
|
690
730
|
--color-static-status-teal: #219187;
|
|
731
|
+
--color-static-graphic-blue-chill-old: #0f9c8c; /* deprecated */
|
|
732
|
+
--color-static-graphic-boulder-old: #7a7a7a; /* deprecated */
|
|
733
|
+
--color-static-graphic-brink-pink-old: #fc617c; /* deprecated */
|
|
734
|
+
--color-static-graphic-burnt-sienna-old: #eb7a58; /* deprecated */
|
|
735
|
+
--color-static-graphic-chatelle-old: #bfafc6; /* deprecated */
|
|
736
|
+
--color-static-graphic-chathams-blue-old: #155966; /* deprecated */
|
|
737
|
+
--color-static-graphic-curious-blue-light-old: #3b99d9; /* deprecated */
|
|
738
|
+
--color-static-graphic-fun-blue-old: #1d6ab5; /* deprecated */
|
|
739
|
+
--color-static-graphic-hippie-blue-old: #5aa4b0; /* deprecated */
|
|
740
|
+
--color-static-graphic-jaffa-light-old: #f18836; /* deprecated */
|
|
741
|
+
--color-static-graphic-java-old: #15c0e0; /* deprecated */
|
|
742
|
+
--color-static-graphic-mantis-old: #63cd4f; /* deprecated */
|
|
743
|
+
--color-static-graphic-matisse-old: #16548f; /* deprecated */
|
|
744
|
+
--color-static-graphic-maya: #7eb3ff; /* deprecated */
|
|
745
|
+
--color-static-graphic-milano-red-old: #cd1501; /* deprecated */
|
|
746
|
+
--color-static-graphic-mirage-old: #1d2434; /* deprecated */
|
|
747
|
+
--color-static-graphic-nevada-old: #626b75; /* deprecated */
|
|
748
|
+
--color-static-graphic-olivine-old: #87b965; /* deprecated */
|
|
749
|
+
--color-static-graphic-permission: #ff5c5c; /* deprecated */
|
|
750
|
+
--color-static-graphic-pewter-old: #96a5a5; /* deprecated */
|
|
751
|
+
--color-static-graphic-pickled-bluewood-old: #2d3f50; /* deprecated */
|
|
752
|
+
--color-static-graphic-porsche-old: #e7b965; /* deprecated */
|
|
753
|
+
--color-static-graphic-red-damask-old: #da713c; /* deprecated */
|
|
754
|
+
--color-static-graphic-saffron-old: #f0c330; /* deprecated */
|
|
755
|
+
--color-static-graphic-sandybrown-old: #f38f6f; /* deprecated */
|
|
756
|
+
--color-static-graphic-turkish-rose-old: #b56a6b; /* deprecated */
|
|
757
|
+
--color-static-graphic-turquoise-blue-old: #6bd3e6; /* deprecated */
|
|
758
|
+
--color-static-graphic-valencia-old: #d8463b; /* deprecated */
|
|
759
|
+
--color-static-graphic-waikawa-gray-old: #5b6d9c; /* deprecated */
|
|
691
760
|
--color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
|
|
692
761
|
--color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
|
|
693
762
|
--color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
|
|
@@ -696,6 +765,7 @@
|
|
|
696
765
|
--color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
|
|
697
766
|
--color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
|
|
698
767
|
} :root {
|
|
768
|
+
--color-dynamic-nulled: rgba(0, 0, 0, 0);
|
|
699
769
|
--color-dynamic-primary-dark: rgba(0, 0, 0, 0.8);
|
|
700
770
|
--color-dynamic-primary-light: rgba(255, 255, 255, 0.8);
|
|
701
771
|
--color-dynamic-quaternary-dark: rgba(0, 0, 0, 0.32);
|
|
@@ -708,6 +778,7 @@
|
|
|
708
778
|
--color-dynamic-senary-light: rgba(255, 255, 255, 0.12);
|
|
709
779
|
--color-dynamic-tertiary-dark: rgba(0, 0, 0, 0.48);
|
|
710
780
|
--color-dynamic-tertiary-light: rgba(255, 255, 255, 0.48);
|
|
781
|
+
--color-static-nulled: rgba(0, 0, 0, 0);
|
|
711
782
|
--color-static-primary-dark: rgba(0, 0, 0, 0.8);
|
|
712
783
|
--color-static-primary-light: rgba(255, 255, 255, 0.8);
|
|
713
784
|
--color-static-quaternary-dark: rgba(0, 0, 0, 0.32);
|
|
@@ -881,7 +952,7 @@
|
|
|
881
952
|
|
|
882
953
|
/* size xl */
|
|
883
954
|
--secondary-tablist-xl-gaps: var(--gap-m);
|
|
884
|
-
} .
|
|
885
|
-
} .
|
|
955
|
+
} .tabs__title_qvupy {
|
|
956
|
+
} .tabs__mobile_qvupy .tabs__title_qvupy + .tabs__title_qvupy {
|
|
886
957
|
margin-left: var(--secondary-tablist-mobile-gaps);
|
|
887
958
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
|
|
4
|
-
const styles = {"component":"
|
|
4
|
+
const styles = {"component":"tabs__component_1obs9","hidden":"tabs__hidden_1obs9"};
|
|
5
5
|
require('./index.css')
|
|
6
6
|
|
|
7
7
|
const Tab = ({ children, hidden, className, disabled, dataTestId }) => children ? (React.createElement("div", { className: cn(styles.component, {
|
|
@@ -16,10 +16,10 @@ import '../../synthetic-events.js';
|
|
|
16
16
|
import '../scrollable-container/Component.js';
|
|
17
17
|
import 'compute-scroll-into-view';
|
|
18
18
|
import '../title/Component.js';
|
|
19
|
-
import '../../index.module-
|
|
19
|
+
import '../../index.module-a26a42c3.js';
|
|
20
20
|
import '../secondary-tablist/Component.js';
|
|
21
21
|
import '@alfalab/core-components-tag/modern';
|
|
22
|
-
import '../../index.module-
|
|
22
|
+
import '../../index.module-540790c1.js';
|
|
23
23
|
|
|
24
24
|
const views = {
|
|
25
25
|
primary: PrimaryTabListDesktop,
|
|
@@ -16,10 +16,10 @@ import '../../synthetic-events.js';
|
|
|
16
16
|
import '../scrollable-container/Component.js';
|
|
17
17
|
import 'compute-scroll-into-view';
|
|
18
18
|
import '../title/Component.js';
|
|
19
|
-
import '../../index.module-
|
|
19
|
+
import '../../index.module-a26a42c3.js';
|
|
20
20
|
import '../secondary-tablist/Component.js';
|
|
21
21
|
import '@alfalab/core-components-tag/modern';
|
|
22
|
-
import '../../index.module-
|
|
22
|
+
import '../../index.module-540790c1.js';
|
|
23
23
|
|
|
24
24
|
const views = {
|
|
25
25
|
primary: PrimaryTabListMobile,
|
|
@@ -17,12 +17,12 @@ import '../../synthetic-events.js';
|
|
|
17
17
|
import '../scrollable-container/Component.js';
|
|
18
18
|
import 'compute-scroll-into-view';
|
|
19
19
|
import '../title/Component.js';
|
|
20
|
-
import '../../index.module-
|
|
20
|
+
import '../../index.module-a26a42c3.js';
|
|
21
21
|
import '../primary-tablist/Component.mobile.js';
|
|
22
22
|
import '../secondary-tablist/Component.desktop.js';
|
|
23
23
|
import '../secondary-tablist/Component.js';
|
|
24
24
|
import '@alfalab/core-components-tag/modern';
|
|
25
|
-
import '../../index.module-
|
|
25
|
+
import '../../index.module-540790c1.js';
|
|
26
26
|
import '../secondary-tablist/Component.mobile.js';
|
|
27
27
|
|
|
28
28
|
const views = {
|
package/modern/desktop.js
CHANGED
|
@@ -15,10 +15,10 @@ import './hooks/use-tablist-titles.js';
|
|
|
15
15
|
import '@alfalab/hooks';
|
|
16
16
|
import './synthetic-events.js';
|
|
17
17
|
import './components/title/Component.js';
|
|
18
|
-
import './index.module-
|
|
18
|
+
import './index.module-a26a42c3.js';
|
|
19
19
|
import 'compute-scroll-into-view';
|
|
20
20
|
import './components/secondary-tablist/Component.js';
|
|
21
21
|
import '@alfalab/core-components-tag/modern';
|
|
22
|
-
import './index.module-
|
|
22
|
+
import './index.module-540790c1.js';
|
|
23
23
|
import './components/tabs/Component.js';
|
|
24
24
|
import '@juggle/resize-observer';
|
package/modern/index.js
CHANGED
|
@@ -18,11 +18,11 @@ import '@juggle/resize-observer';
|
|
|
18
18
|
import './synthetic-events.js';
|
|
19
19
|
import './components/title/Component.js';
|
|
20
20
|
import 'compute-scroll-into-view';
|
|
21
|
-
import './index.module-
|
|
21
|
+
import './index.module-a26a42c3.js';
|
|
22
22
|
import './components/primary-tablist/Component.mobile.js';
|
|
23
23
|
import './components/secondary-tablist/Component.desktop.js';
|
|
24
24
|
import './components/secondary-tablist/Component.js';
|
|
25
25
|
import '@alfalab/core-components-tag/modern';
|
|
26
|
-
import './index.module-
|
|
26
|
+
import './index.module-540790c1.js';
|
|
27
27
|
import './components/secondary-tablist/Component.mobile.js';
|
|
28
28
|
import './components/tabs/Component.js';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const commonStyles = {"component":"tabs__component_131lr","fullWidthScroll":"tabs__fullWidthScroll_131lr","container":"tabs__container_131lr","title":"tabs__title_131lr","xxs":"tabs__xxs_131lr","xs":"tabs__xs_131lr","s":"tabs__s_131lr","m":"tabs__m_131lr","l":"tabs__l_131lr","xl":"tabs__xl_131lr"};
|
|
2
|
+
require('./components/secondary-tablist/index.css')
|
|
3
|
+
|
|
4
|
+
export { commonStyles as c };
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
const commonStyles = {"component":"tabs__component_1tvky","fullWidthScroll":"tabs__fullWidthScroll_1tvky","container":"tabs__container_1tvky","title":"tabs__title_1tvky","disabled":"tabs__disabled_1tvky","focused":"tabs__focused_1tvky","collapsed":"tabs__collapsed_1tvky","selected":"tabs__selected_1tvky","line":"tabs__line_1tvky","s":"tabs__s_1tvky","xs":"tabs__xs_1tvky","xxs":"tabs__xxs_1tvky","pickerWrapper":"tabs__pickerWrapper_1tvky","option":"tabs__option_1tvky","m":"tabs__m_1tvky","l":"tabs__l_1tvky","xl":"tabs__xl_1tvky","rightAddons":"tabs__rightAddons_1tvky"};
|
|
2
|
+
require('./components/primary-tablist/index.css')
|
|
3
|
+
|
|
4
|
+
export { commonStyles as c };
|
package/modern/mobile.js
CHANGED
|
@@ -17,8 +17,8 @@ import '@juggle/resize-observer';
|
|
|
17
17
|
import './synthetic-events.js';
|
|
18
18
|
import './components/title/Component.js';
|
|
19
19
|
import 'compute-scroll-into-view';
|
|
20
|
-
import './index.module-
|
|
20
|
+
import './index.module-a26a42c3.js';
|
|
21
21
|
import './components/secondary-tablist/Component.js';
|
|
22
22
|
import '@alfalab/core-components-tag/modern';
|
|
23
|
-
import './index.module-
|
|
23
|
+
import './index.module-540790c1.js';
|
|
24
24
|
import './components/tabs/Component.js';
|
package/modern/responsive.js
CHANGED
|
@@ -18,11 +18,11 @@ import '@juggle/resize-observer';
|
|
|
18
18
|
import './synthetic-events.js';
|
|
19
19
|
import './components/title/Component.js';
|
|
20
20
|
import 'compute-scroll-into-view';
|
|
21
|
-
import './index.module-
|
|
21
|
+
import './index.module-a26a42c3.js';
|
|
22
22
|
import './components/primary-tablist/Component.mobile.js';
|
|
23
23
|
import './components/secondary-tablist/Component.desktop.js';
|
|
24
24
|
import './components/secondary-tablist/Component.js';
|
|
25
25
|
import '@alfalab/core-components-tag/modern';
|
|
26
|
-
import './index.module-
|
|
26
|
+
import './index.module-540790c1.js';
|
|
27
27
|
import './components/secondary-tablist/Component.mobile.js';
|
|
28
28
|
import './components/tabs/Component.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-tabs",
|
|
3
|
-
"version": "7.3.
|
|
3
|
+
"version": "7.3.11",
|
|
4
4
|
"description": "Tabs components",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@alfalab/core-components-keyboard-focusable": "^4.0.4",
|
|
21
|
-
"@alfalab/core-components-tag": "^5.
|
|
22
|
-
"@alfalab/core-components-picker-button": "^10.3.
|
|
21
|
+
"@alfalab/core-components-tag": "^5.2.0",
|
|
22
|
+
"@alfalab/core-components-picker-button": "^10.3.11",
|
|
23
23
|
"@alfalab/core-components-badge": "^5.0.1",
|
|
24
24
|
"classnames": "^2.3.1",
|
|
25
25
|
"compute-scroll-into-view": "^1.0.20",
|
package/responsive.js
CHANGED
|
@@ -21,12 +21,12 @@ require('@juggle/resize-observer');
|
|
|
21
21
|
require('./synthetic-events.js');
|
|
22
22
|
require('./components/title/Component.js');
|
|
23
23
|
require('compute-scroll-into-view');
|
|
24
|
-
require('./index.module-
|
|
24
|
+
require('./index.module-38e2880e.js');
|
|
25
25
|
require('./components/primary-tablist/Component.mobile.js');
|
|
26
26
|
require('./components/secondary-tablist/Component.desktop.js');
|
|
27
27
|
require('./components/secondary-tablist/Component.js');
|
|
28
28
|
require('@alfalab/core-components-tag');
|
|
29
|
-
require('./index.module-
|
|
29
|
+
require('./index.module-07471830.js');
|
|
30
30
|
require('./components/secondary-tablist/Component.mobile.js');
|
|
31
31
|
require('./components/tabs/Component.js');
|
|
32
32
|
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var commonStyles = {"component":"tabs__component_ivs4u","fullWidthScroll":"tabs__fullWidthScroll_ivs4u","container":"tabs__container_ivs4u","title":"tabs__title_ivs4u","disabled":"tabs__disabled_ivs4u","focused":"tabs__focused_ivs4u","collapsed":"tabs__collapsed_ivs4u","selected":"tabs__selected_ivs4u","line":"tabs__line_ivs4u","s":"tabs__s_ivs4u","xs":"tabs__xs_ivs4u","xxs":"tabs__xxs_ivs4u","pickerWrapper":"tabs__pickerWrapper_ivs4u","option":"tabs__option_ivs4u","m":"tabs__m_ivs4u","l":"tabs__l_ivs4u","xl":"tabs__xl_ivs4u","rightAddons":"tabs__rightAddons_ivs4u"};
|
|
2
|
-
require('./components/primary-tablist/index.css')
|
|
3
|
-
|
|
4
|
-
export { commonStyles as c };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
var commonStyles = {"component":"tabs__component_wpar8","fullWidthScroll":"tabs__fullWidthScroll_wpar8","container":"tabs__container_wpar8","title":"tabs__title_wpar8","xxs":"tabs__xxs_wpar8","xs":"tabs__xs_wpar8","s":"tabs__s_wpar8","m":"tabs__m_wpar8","l":"tabs__l_wpar8","xl":"tabs__xl_wpar8"};
|
|
2
|
-
require('./components/secondary-tablist/index.css')
|
|
3
|
-
|
|
4
|
-
export { commonStyles as c };
|
package/index.module-3024c3e4.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var commonStyles = {"component":"tabs__component_wpar8","fullWidthScroll":"tabs__fullWidthScroll_wpar8","container":"tabs__container_wpar8","title":"tabs__title_wpar8","xxs":"tabs__xxs_wpar8","xs":"tabs__xs_wpar8","s":"tabs__s_wpar8","m":"tabs__m_wpar8","l":"tabs__l_wpar8","xl":"tabs__xl_wpar8"};
|
|
4
|
-
require('./components/secondary-tablist/index.css')
|
|
5
|
-
|
|
6
|
-
exports.commonStyles = commonStyles;
|
package/index.module-7d7e1aeb.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var commonStyles = {"component":"tabs__component_ivs4u","fullWidthScroll":"tabs__fullWidthScroll_ivs4u","container":"tabs__container_ivs4u","title":"tabs__title_ivs4u","disabled":"tabs__disabled_ivs4u","focused":"tabs__focused_ivs4u","collapsed":"tabs__collapsed_ivs4u","selected":"tabs__selected_ivs4u","line":"tabs__line_ivs4u","s":"tabs__s_ivs4u","xs":"tabs__xs_ivs4u","xxs":"tabs__xxs_ivs4u","pickerWrapper":"tabs__pickerWrapper_ivs4u","option":"tabs__option_ivs4u","m":"tabs__m_ivs4u","l":"tabs__l_ivs4u","xl":"tabs__xl_ivs4u","rightAddons":"tabs__rightAddons_ivs4u"};
|
|
4
|
-
require('./components/primary-tablist/index.css')
|
|
5
|
-
|
|
6
|
-
exports.commonStyles = commonStyles;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
const commonStyles = {"component":"tabs__component_wpar8","fullWidthScroll":"tabs__fullWidthScroll_wpar8","container":"tabs__container_wpar8","title":"tabs__title_wpar8","xxs":"tabs__xxs_wpar8","xs":"tabs__xs_wpar8","s":"tabs__s_wpar8","m":"tabs__m_wpar8","l":"tabs__l_wpar8","xl":"tabs__xl_wpar8"};
|
|
2
|
-
require('./components/secondary-tablist/index.css')
|
|
3
|
-
|
|
4
|
-
export { commonStyles as c };
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
const commonStyles = {"component":"tabs__component_ivs4u","fullWidthScroll":"tabs__fullWidthScroll_ivs4u","container":"tabs__container_ivs4u","title":"tabs__title_ivs4u","disabled":"tabs__disabled_ivs4u","focused":"tabs__focused_ivs4u","collapsed":"tabs__collapsed_ivs4u","selected":"tabs__selected_ivs4u","line":"tabs__line_ivs4u","s":"tabs__s_ivs4u","xs":"tabs__xs_ivs4u","xxs":"tabs__xxs_ivs4u","pickerWrapper":"tabs__pickerWrapper_ivs4u","option":"tabs__option_ivs4u","m":"tabs__m_ivs4u","l":"tabs__l_ivs4u","xl":"tabs__xl_ivs4u","rightAddons":"tabs__rightAddons_ivs4u"};
|
|
2
|
-
require('./components/primary-tablist/index.css')
|
|
3
|
-
|
|
4
|
-
export { commonStyles as c };
|