@alfalab/core-components-tabs 8.9.4 → 8.9.6
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.collapsible.js +1 -1
- package/components/primary-tablist/Component.desktop.js +1 -1
- package/components/primary-tablist/Component.mobile.js +2 -2
- package/components/primary-tablist/index.css +142 -140
- package/components/primary-tablist/mobile.css +295 -258
- package/components/scroll-controls/Component.js +1 -1
- package/components/scroll-controls/index.css +17 -15
- package/components/scrollable-container/Component.js +1 -1
- package/components/scrollable-container/index.css +12 -10
- package/components/secondary-tablist/Component.desktop.js +1 -1
- package/components/secondary-tablist/Component.mobile.js +2 -2
- package/components/secondary-tablist/index.css +25 -23
- package/components/secondary-tablist/mobile.css +92 -55
- package/components/tab/Component.js +1 -1
- package/components/tab/index.css +3 -3
- package/cssm/components/primary-tablist/index.module.css +10 -8
- package/cssm/components/primary-tablist/mobile.module.css +5 -3
- package/cssm/components/primary-tablist/text-styles.module.css +3 -1
- package/cssm/components/scroll-controls/index.module.css +5 -3
- package/cssm/components/scrollable-container/index.module.css +6 -4
- package/cssm/components/secondary-tablist/index.module.css +8 -6
- package/cssm/components/secondary-tablist/mobile.module.css +4 -2
- package/cssm/vars.css +3 -1
- package/esm/components/primary-tablist/Component.collapsible.js +1 -1
- 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/index.css +142 -140
- package/esm/components/primary-tablist/mobile.css +295 -258
- package/esm/components/scroll-controls/Component.js +1 -1
- package/esm/components/scroll-controls/index.css +17 -15
- package/esm/components/scrollable-container/Component.js +1 -1
- package/esm/components/scrollable-container/index.css +12 -10
- 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/index.css +25 -23
- package/esm/components/secondary-tablist/mobile.css +92 -55
- package/esm/components/tab/Component.js +1 -1
- package/esm/components/tab/index.css +3 -3
- package/esm/index.module-923011fe.js +4 -0
- package/esm/index.module-c4db491f.js +4 -0
- package/index.module-30e1ee94.js +6 -0
- package/index.module-ba45dec1.js +6 -0
- package/modern/components/primary-tablist/Component.collapsible.js +1 -1
- 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/index.css +142 -140
- package/modern/components/primary-tablist/mobile.css +295 -258
- package/modern/components/scroll-controls/Component.js +1 -1
- package/modern/components/scroll-controls/index.css +17 -15
- package/modern/components/scrollable-container/Component.js +1 -1
- package/modern/components/scrollable-container/index.css +12 -10
- 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/index.css +25 -23
- package/modern/components/secondary-tablist/mobile.css +92 -55
- package/modern/components/tab/Component.js +1 -1
- package/modern/components/tab/index.css +3 -3
- package/modern/index.module-40a8f256.js +4 -0
- package/modern/index.module-aafb2a3f.js +4 -0
- package/package.json +8 -6
- package/esm/index.module-25d76f25.js +0 -4
- package/esm/index.module-bd022a7a.js +0 -4
- package/index.module-d2fd38e3.js +0 -6
- package/index.module-d3194443.js +0 -6
- package/modern/index.module-26cbb0cb.js +0 -4
- package/modern/index.module-ccbd57dc.js +0 -4
|
@@ -10,9 +10,11 @@
|
|
|
10
10
|
|
|
11
11
|
/* Hard up */
|
|
12
12
|
} :root {
|
|
13
|
-
} :root {
|
|
14
|
-
--gap-s: 12px;
|
|
15
|
-
--gap-xl: 24px;
|
|
13
|
+
} :root { /* deprecated */ /* deprecated */ /* deprecated */
|
|
14
|
+
--gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
15
|
+
--gap-xl: 24px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
16
|
+
|
|
17
|
+
/* новые значения, используйте их */
|
|
16
18
|
} :root {
|
|
17
19
|
--font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
|
|
18
20
|
sans-serif;
|
|
@@ -10,7 +10,9 @@
|
|
|
10
10
|
|
|
11
11
|
/* Hard up */
|
|
12
12
|
} :root {
|
|
13
|
-
} :root {
|
|
13
|
+
} :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 */
|
|
14
|
+
|
|
15
|
+
/* новые значения, используйте их */
|
|
14
16
|
} :root {
|
|
15
17
|
} :root {
|
|
16
18
|
}
|
|
@@ -12,9 +12,11 @@
|
|
|
12
12
|
|
|
13
13
|
/* Hard up */
|
|
14
14
|
} :root {
|
|
15
|
-
} :root {
|
|
16
|
-
--gap-2xs: 4px;
|
|
17
|
-
--gap-xs: 8px;
|
|
15
|
+
} :root { /* deprecated */
|
|
16
|
+
--gap-2xs: 4px; /* deprecated */
|
|
17
|
+
--gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
18
|
+
|
|
19
|
+
/* новые значения, используйте их */
|
|
18
20
|
} :root {
|
|
19
21
|
} :root {
|
|
20
22
|
} :root {
|
|
@@ -10,10 +10,12 @@
|
|
|
10
10
|
|
|
11
11
|
/* Hard up */
|
|
12
12
|
} :root {
|
|
13
|
-
} :root {
|
|
14
|
-
--gap-2xs: 4px;
|
|
15
|
-
--gap-2xs-neg: -4px;
|
|
16
|
-
--gap-m-neg: -16px;
|
|
13
|
+
} :root { /* deprecated */
|
|
14
|
+
--gap-2xs: 4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
15
|
+
--gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */
|
|
16
|
+
--gap-m-neg: -16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
17
|
+
|
|
18
|
+
/* новые значения, используйте их */
|
|
17
19
|
} :root {
|
|
18
20
|
} :root {
|
|
19
21
|
} :root {
|
|
@@ -10,12 +10,14 @@
|
|
|
10
10
|
|
|
11
11
|
/* Hard up */
|
|
12
12
|
} :root {
|
|
13
|
-
} :root {
|
|
14
|
-
--gap-2xs: 4px;
|
|
15
|
-
--gap-xs: 8px;
|
|
16
|
-
--gap-s: 12px;
|
|
17
|
-
--gap-m: 16px;
|
|
18
|
-
--gap-2xs-neg: -4px;
|
|
13
|
+
} :root { /* deprecated */
|
|
14
|
+
--gap-2xs: 4px; /* deprecated */
|
|
15
|
+
--gap-xs: 8px; /* deprecated */
|
|
16
|
+
--gap-s: 12px; /* deprecated */ /* deprecated */
|
|
17
|
+
--gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
18
|
+
--gap-2xs-neg: -4px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
19
|
+
|
|
20
|
+
/* новые значения, используйте их */
|
|
19
21
|
} :root {
|
|
20
22
|
} :root {
|
|
21
23
|
} :root {
|
|
@@ -10,8 +10,10 @@
|
|
|
10
10
|
|
|
11
11
|
/* Hard up */
|
|
12
12
|
} :root {
|
|
13
|
-
} :root {
|
|
14
|
-
--gap-xs: 8px;
|
|
13
|
+
} :root { /* deprecated */ /* deprecated */
|
|
14
|
+
--gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
15
|
+
|
|
16
|
+
/* новые значения, используйте их */
|
|
15
17
|
} :root {
|
|
16
18
|
} :root {
|
|
17
19
|
} :root {
|
package/cssm/vars.css
CHANGED
|
@@ -10,7 +10,9 @@
|
|
|
10
10
|
|
|
11
11
|
/* Hard up */
|
|
12
12
|
} :root {
|
|
13
|
-
} :root {
|
|
13
|
+
} :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 */
|
|
14
|
+
|
|
15
|
+
/* новые значения, используйте их */
|
|
14
16
|
} :root {
|
|
15
17
|
} :root {
|
|
16
18
|
} :root {
|
|
@@ -7,7 +7,7 @@ import { PickerButtonDesktop } from '@alfalab/core-components-picker-button/esm/
|
|
|
7
7
|
import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
|
|
8
8
|
import { createSyntheticMouseEvent } from '../../synthetic-events.js';
|
|
9
9
|
import { Title } from '../title/Component.js';
|
|
10
|
-
import { s as styles } from '../../index.module-
|
|
10
|
+
import { s as styles } from '../../index.module-923011fe.js';
|
|
11
11
|
|
|
12
12
|
var CollapsiblePrimaryTabList = function (_a) {
|
|
13
13
|
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, _e = _a.breakpoint, breakpoint = _e === void 0 ? 1024 : _e, defaultMatchMediaValue = _a.defaultMatchMediaValue, textStyle = _a.textStyle, showSkeleton = _a.showSkeleton, skeletonProps = _a.skeletonProps;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { PrimaryTabList } from './Component.js';
|
|
4
|
-
import { s as styles } from '../../index.module-
|
|
4
|
+
import { s as styles } from '../../index.module-923011fe.js';
|
|
5
5
|
|
|
6
6
|
var PrimaryTabListDesktop = function (_a) {
|
|
7
7
|
var _b = _a.size, size = _b === void 0 ? 'm' : _b, restProps = __rest(_a, ["size"]);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { PrimaryTabList } from './Component.js';
|
|
4
|
-
import { s as styles$1 } from '../../index.module-
|
|
4
|
+
import { s as styles$1 } from '../../index.module-923011fe.js';
|
|
5
5
|
|
|
6
|
-
var mobileStyles = {"title":"
|
|
6
|
+
var mobileStyles = {"title":"tabs__title_28ae6 tabs__title_1ibzv","mobile":"tabs__mobile_28ae6","paragraph-primary-large":"tabs__paragraph-primary-large_28ae6","paragraph-primary-medium":"tabs__paragraph-primary-medium_28ae6","paragraph-primary-small":"tabs__paragraph-primary-small_28ae6","action-primary-large":"tabs__action-primary-large_28ae6","action-primary-medium":"tabs__action-primary-medium_28ae6","action-primary-small":"tabs__action-primary-small_28ae6","accent-primary-large":"tabs__accent-primary-large_28ae6","accent-primary-medium":"tabs__accent-primary-medium_28ae6","accent-primary-small":"tabs__accent-primary-small_28ae6","pickerWrapper":"tabs__pickerWrapper_28ae6","option":"tabs__option_28ae6","scrollControls":"tabs__scrollControls_28ae6","headline-system-xlarge":"tabs__headline-system-xlarge_28ae6","headline-system-large":"tabs__headline-system-large_28ae6","headline-system-medium":"tabs__headline-system-medium_28ae6","headline-system-small":"tabs__headline-system-small_28ae6","headline-system-xsmall":"tabs__headline-system-xsmall_28ae6","headline-xlarge":"tabs__headline-xlarge_28ae6","headline-large":"tabs__headline-large_28ae6","headline-medium":"tabs__headline-medium_28ae6","headline-small":"tabs__headline-small_28ae6","headline-xsmall":"tabs__headline-xsmall_28ae6"};
|
|
7
7
|
require('./mobile.css')
|
|
8
8
|
|
|
9
9
|
var styles = __assign(__assign({}, styles$1), mobileStyles);
|