@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.
Files changed (66) hide show
  1. package/components/primary-tablist/Component.collapsible.js +1 -1
  2. package/components/primary-tablist/Component.desktop.js +1 -1
  3. package/components/primary-tablist/Component.mobile.js +2 -2
  4. package/components/primary-tablist/index.css +142 -140
  5. package/components/primary-tablist/mobile.css +295 -258
  6. package/components/scroll-controls/Component.js +1 -1
  7. package/components/scroll-controls/index.css +17 -15
  8. package/components/scrollable-container/Component.js +1 -1
  9. package/components/scrollable-container/index.css +12 -10
  10. package/components/secondary-tablist/Component.desktop.js +1 -1
  11. package/components/secondary-tablist/Component.mobile.js +2 -2
  12. package/components/secondary-tablist/index.css +25 -23
  13. package/components/secondary-tablist/mobile.css +92 -55
  14. package/components/tab/Component.js +1 -1
  15. package/components/tab/index.css +3 -3
  16. package/cssm/components/primary-tablist/index.module.css +10 -8
  17. package/cssm/components/primary-tablist/mobile.module.css +5 -3
  18. package/cssm/components/primary-tablist/text-styles.module.css +3 -1
  19. package/cssm/components/scroll-controls/index.module.css +5 -3
  20. package/cssm/components/scrollable-container/index.module.css +6 -4
  21. package/cssm/components/secondary-tablist/index.module.css +8 -6
  22. package/cssm/components/secondary-tablist/mobile.module.css +4 -2
  23. package/cssm/vars.css +3 -1
  24. package/esm/components/primary-tablist/Component.collapsible.js +1 -1
  25. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  26. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  27. package/esm/components/primary-tablist/index.css +142 -140
  28. package/esm/components/primary-tablist/mobile.css +295 -258
  29. package/esm/components/scroll-controls/Component.js +1 -1
  30. package/esm/components/scroll-controls/index.css +17 -15
  31. package/esm/components/scrollable-container/Component.js +1 -1
  32. package/esm/components/scrollable-container/index.css +12 -10
  33. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  34. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  35. package/esm/components/secondary-tablist/index.css +25 -23
  36. package/esm/components/secondary-tablist/mobile.css +92 -55
  37. package/esm/components/tab/Component.js +1 -1
  38. package/esm/components/tab/index.css +3 -3
  39. package/esm/index.module-923011fe.js +4 -0
  40. package/esm/index.module-c4db491f.js +4 -0
  41. package/index.module-30e1ee94.js +6 -0
  42. package/index.module-ba45dec1.js +6 -0
  43. package/modern/components/primary-tablist/Component.collapsible.js +1 -1
  44. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  45. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  46. package/modern/components/primary-tablist/index.css +142 -140
  47. package/modern/components/primary-tablist/mobile.css +295 -258
  48. package/modern/components/scroll-controls/Component.js +1 -1
  49. package/modern/components/scroll-controls/index.css +17 -15
  50. package/modern/components/scrollable-container/Component.js +1 -1
  51. package/modern/components/scrollable-container/index.css +12 -10
  52. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  53. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  54. package/modern/components/secondary-tablist/index.css +25 -23
  55. package/modern/components/secondary-tablist/mobile.css +92 -55
  56. package/modern/components/tab/Component.js +1 -1
  57. package/modern/components/tab/index.css +3 -3
  58. package/modern/index.module-40a8f256.js +4 -0
  59. package/modern/index.module-aafb2a3f.js +4 -0
  60. package/package.json +8 -6
  61. package/esm/index.module-25d76f25.js +0 -4
  62. package/esm/index.module-bd022a7a.js +0 -4
  63. package/index.module-d2fd38e3.js +0 -6
  64. package/index.module-d3194443.js +0 -6
  65. package/modern/index.module-26cbb0cb.js +0 -4
  66. 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-25d76f25.js';
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-25d76f25.js';
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-25d76f25.js';
4
+ import { s as styles$1 } from '../../index.module-923011fe.js';
5
5
 
6
- var mobileStyles = {"title":"tabs__title_lspwy tabs__title_odxn7","mobile":"tabs__mobile_lspwy","paragraph-primary-large":"tabs__paragraph-primary-large_lspwy","paragraph-primary-medium":"tabs__paragraph-primary-medium_lspwy","paragraph-primary-small":"tabs__paragraph-primary-small_lspwy","action-primary-large":"tabs__action-primary-large_lspwy","action-primary-medium":"tabs__action-primary-medium_lspwy","action-primary-small":"tabs__action-primary-small_lspwy","accent-primary-large":"tabs__accent-primary-large_lspwy","accent-primary-medium":"tabs__accent-primary-medium_lspwy","accent-primary-small":"tabs__accent-primary-small_lspwy","pickerWrapper":"tabs__pickerWrapper_lspwy","option":"tabs__option_lspwy","scrollControls":"tabs__scrollControls_lspwy","headline-system-xlarge":"tabs__headline-system-xlarge_lspwy","headline-system-large":"tabs__headline-system-large_lspwy","headline-system-medium":"tabs__headline-system-medium_lspwy","headline-system-small":"tabs__headline-system-small_lspwy","headline-system-xsmall":"tabs__headline-system-xsmall_lspwy","headline-xlarge":"tabs__headline-xlarge_lspwy","headline-large":"tabs__headline-large_lspwy","headline-medium":"tabs__headline-medium_lspwy","headline-small":"tabs__headline-small_lspwy","headline-xsmall":"tabs__headline-xsmall_lspwy"};
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);