@alfalab/core-components-tabs 8.0.7 → 8.0.8

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 (104) hide show
  1. package/collapsible.js +2 -2
  2. package/components/primary-tablist/Component.collapsible.desktop.js +1 -1
  3. package/components/primary-tablist/Component.collapsible.mobile.js +2 -2
  4. package/components/primary-tablist/Component.collapsible.responsive.js +2 -2
  5. package/components/primary-tablist/Component.desktop.js +1 -1
  6. package/components/primary-tablist/Component.mobile.js +2 -2
  7. package/components/primary-tablist/Component.responsive.js +2 -2
  8. package/components/primary-tablist/index.css +29 -29
  9. package/components/primary-tablist/mobile.css +32 -32
  10. package/components/scrollable-container/Component.js +1 -1
  11. package/components/scrollable-container/index.css +5 -5
  12. package/components/secondary-tablist/Component.desktop.js +1 -1
  13. package/components/secondary-tablist/Component.mobile.js +2 -2
  14. package/components/secondary-tablist/Component.responsive.js +1 -1
  15. package/components/secondary-tablist/index.css +11 -11
  16. package/components/secondary-tablist/mobile.css +13 -13
  17. package/components/tab/Component.js +1 -1
  18. package/components/tab/index.css +3 -3
  19. package/components/tabs/Component.collabsible.desktop.js +1 -1
  20. package/components/tabs/Component.collapsible.mobile.js +2 -2
  21. package/components/tabs/Component.collapsible.responsive.js +2 -2
  22. package/components/tabs/Component.desktop.js +2 -2
  23. package/components/tabs/Component.mobile.js +3 -3
  24. package/components/tabs/Component.responsive.js +3 -3
  25. package/cssm/index-f12ee135.d.ts +6 -2
  26. package/desktop.js +2 -2
  27. package/esm/collapsible.js +2 -2
  28. package/esm/components/primary-tablist/Component.collapsible.desktop.js +1 -1
  29. package/esm/components/primary-tablist/Component.collapsible.mobile.js +2 -2
  30. package/esm/components/primary-tablist/Component.collapsible.responsive.js +2 -2
  31. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  32. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  33. package/esm/components/primary-tablist/Component.responsive.js +2 -2
  34. package/esm/components/primary-tablist/index.css +29 -29
  35. package/esm/components/primary-tablist/mobile.css +32 -32
  36. package/esm/components/scrollable-container/Component.js +1 -1
  37. package/esm/components/scrollable-container/index.css +5 -5
  38. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  39. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  40. package/esm/components/secondary-tablist/Component.responsive.js +1 -1
  41. package/esm/components/secondary-tablist/index.css +11 -11
  42. package/esm/components/secondary-tablist/mobile.css +13 -13
  43. package/esm/components/tab/Component.js +1 -1
  44. package/esm/components/tab/index.css +3 -3
  45. package/esm/components/tabs/Component.collabsible.desktop.js +1 -1
  46. package/esm/components/tabs/Component.collapsible.mobile.js +2 -2
  47. package/esm/components/tabs/Component.collapsible.responsive.js +2 -2
  48. package/esm/components/tabs/Component.desktop.js +2 -2
  49. package/esm/components/tabs/Component.mobile.js +3 -3
  50. package/esm/components/tabs/Component.responsive.js +3 -3
  51. package/esm/desktop.js +2 -2
  52. package/esm/index-f12ee135.d.ts +6 -2
  53. package/esm/index.js +3 -3
  54. package/esm/index.module-511c86f3.js +4 -0
  55. package/esm/index.module-ffeeb976.js +4 -0
  56. package/esm/mobile.js +3 -3
  57. package/esm/mobile.module-34deaa77.js +4 -0
  58. package/index-ebda875c.d.ts +21 -86
  59. package/index-f12ee135.d.ts +6 -2
  60. package/index.js +3 -3
  61. package/index.module-0d8ea41a.js +6 -0
  62. package/index.module-38e4686f.js +6 -0
  63. package/mobile.js +3 -3
  64. package/{mobile.module-e4053729.js → mobile.module-a305e8da.js} +1 -1
  65. package/modern/collapsible.js +2 -2
  66. package/modern/components/primary-tablist/Component.collapsible.desktop.js +1 -1
  67. package/modern/components/primary-tablist/Component.collapsible.mobile.js +2 -2
  68. package/modern/components/primary-tablist/Component.collapsible.responsive.js +2 -2
  69. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  70. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  71. package/modern/components/primary-tablist/Component.responsive.js +2 -2
  72. package/modern/components/primary-tablist/index.css +29 -29
  73. package/modern/components/primary-tablist/mobile.css +32 -32
  74. package/modern/components/scrollable-container/Component.js +1 -1
  75. package/modern/components/scrollable-container/index.css +5 -5
  76. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  77. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  78. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  79. package/modern/components/secondary-tablist/index.css +11 -11
  80. package/modern/components/secondary-tablist/mobile.css +13 -13
  81. package/modern/components/tab/Component.js +1 -1
  82. package/modern/components/tab/index.css +3 -3
  83. package/modern/components/tabs/Component.collabsible.desktop.js +1 -1
  84. package/modern/components/tabs/Component.collapsible.mobile.js +2 -2
  85. package/modern/components/tabs/Component.collapsible.responsive.js +2 -2
  86. package/modern/components/tabs/Component.desktop.js +2 -2
  87. package/modern/components/tabs/Component.mobile.js +3 -3
  88. package/modern/components/tabs/Component.responsive.js +3 -3
  89. package/modern/desktop.js +2 -2
  90. package/modern/index-f12ee135.d.ts +6 -2
  91. package/modern/index.js +3 -3
  92. package/modern/index.module-4f82d773.js +4 -0
  93. package/modern/index.module-6f255828.js +4 -0
  94. package/modern/mobile.js +3 -3
  95. package/modern/mobile.module-02182f0f.js +4 -0
  96. package/package.json +2 -2
  97. package/esm/index.module-07ecf2f2.js +0 -4
  98. package/esm/index.module-bf43c7e6.js +0 -4
  99. package/esm/mobile.module-28188e8d.js +0 -4
  100. package/index.module-3691700d.js +0 -6
  101. package/index.module-dce6bd4b.js +0 -6
  102. package/modern/index.module-2a3e44bc.js +0 -4
  103. package/modern/index.module-5aa4033e.js +0 -4
  104. package/modern/mobile.module-47eb0ef0.js +0 -4
@@ -1,4 +1,4 @@
1
- /* hash: 118yi */
1
+ /* hash: 3eprk */
2
2
  :root {
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 */
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 */
@@ -51,30 +51,30 @@
51
51
 
52
52
  /* size xl */
53
53
  --secondary-tablist-xl-gaps: var(--gap-m);
54
- }.tabs__component_k8fwj {
54
+ }.tabs__component_10b3j {
55
55
  position: relative;
56
56
  display: inline-flex;
57
- }.tabs__fullWidthScroll_k8fwj {
57
+ }.tabs__fullWidthScroll_10b3j {
58
58
  margin: 0 var(--gap-m);
59
- }.tabs__container_k8fwj {
59
+ }.tabs__container_10b3j {
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
- }.tabs__title_k8fwj {
65
+ }.tabs__title_10b3j {
66
66
  white-space: nowrap;
67
- }/* sizes */.tabs__xxs_k8fwj .tabs__title_k8fwj + .tabs__title_k8fwj {
67
+ }/* sizes */.tabs__xxs_10b3j .tabs__title_10b3j + .tabs__title_10b3j {
68
68
  margin-left: var(--secondary-tablist-xxs-gaps);
69
- }.tabs__xs_k8fwj .tabs__title_k8fwj + .tabs__title_k8fwj {
69
+ }.tabs__xs_10b3j .tabs__title_10b3j + .tabs__title_10b3j {
70
70
  margin-left: var(--secondary-tablist-xs-gaps);
71
- }.tabs__s_k8fwj .tabs__title_k8fwj + .tabs__title_k8fwj {
71
+ }.tabs__s_10b3j .tabs__title_10b3j + .tabs__title_10b3j {
72
72
  margin-left: var(--secondary-tablist-s-gaps);
73
- }.tabs__m_k8fwj .tabs__title_k8fwj + .tabs__title_k8fwj {
73
+ }.tabs__m_10b3j .tabs__title_10b3j + .tabs__title_10b3j {
74
74
  margin-left: var(--secondary-tablist-m-gaps);
75
- }.tabs__l_k8fwj .tabs__title_k8fwj + .tabs__title_k8fwj {
75
+ }.tabs__l_10b3j .tabs__title_10b3j + .tabs__title_10b3j {
76
76
  margin-left: var(--secondary-tablist-l-gaps);
77
- }.tabs__xl_k8fwj .tabs__title_k8fwj + .tabs__title_k8fwj {
77
+ }.tabs__xl_10b3j .tabs__title_10b3j + .tabs__title_10b3j {
78
78
  margin-left: var(--secondary-tablist-xl-gaps);
79
79
  } :root {
80
80
  --color-dark-indigo: #0b1f35;
@@ -979,7 +979,7 @@
979
979
 
980
980
  /* size xl */
981
981
  --secondary-tablist-xl-gaps: var(--gap-m);
982
- } .tabs__title_1rpha {
983
- } .tabs__mobile_1rpha .tabs__title_1rpha + .tabs__title_1rpha {
982
+ } .tabs__title_lfvjs {
983
+ } .tabs__mobile_lfvjs .tabs__title_lfvjs + .tabs__title_lfvjs {
984
984
  margin-left: var(--secondary-tablist-mobile-gaps);
985
985
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
 
4
- var styles = {"component":"tabs__component_1d73m","hidden":"tabs__hidden_1d73m"};
4
+ var styles = {"component":"tabs__component_1l13i","hidden":"tabs__hidden_1l13i"};
5
5
  require('./index.css')
6
6
 
7
7
  var Tab = function (_a) {
@@ -1,8 +1,8 @@
1
- /* hash: 37wfi */
2
- .tabs__component_1d73m {
1
+ /* hash: 1tu53 */
2
+ .tabs__component_1l13i {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_1d73m {
6
+ .tabs__hidden_1l13i {
7
7
  display: none;
8
8
  }
@@ -16,7 +16,7 @@ import '../../hooks/use-tabs.js';
16
16
  import '@alfalab/core-components-shared/esm';
17
17
  import '../../synthetic-events.js';
18
18
  import '../title/Component.js';
19
- import '../../index.module-bf43c7e6.js';
19
+ import '../../index.module-511c86f3.js';
20
20
 
21
21
  var TabsCollapsibleDesktop = function (_a) {
22
22
  var restProps = __rest(_a, []);
@@ -16,8 +16,8 @@ import '../../hooks/use-tabs.js';
16
16
  import '@alfalab/core-components-shared/esm';
17
17
  import '../../synthetic-events.js';
18
18
  import '../title/Component.js';
19
- import '../../index.module-bf43c7e6.js';
20
- import '../../mobile.module-28188e8d.js';
19
+ import '../../index.module-511c86f3.js';
20
+ import '../../mobile.module-34deaa77.js';
21
21
 
22
22
  var TabsCollapsibleMobile = function (_a) {
23
23
  var restProps = __rest(_a, []);
@@ -17,9 +17,9 @@ import '../../hooks/use-tabs.js';
17
17
  import '@alfalab/core-components-shared/esm';
18
18
  import '../../synthetic-events.js';
19
19
  import '../title/Component.js';
20
- import '../../index.module-bf43c7e6.js';
20
+ import '../../index.module-511c86f3.js';
21
21
  import '../primary-tablist/Component.collapsible.mobile.js';
22
- import '../../mobile.module-28188e8d.js';
22
+ import '../../mobile.module-34deaa77.js';
23
23
 
24
24
  var TabsCollapsibleResponsive = function (_a) {
25
25
  var restProps = __rest(_a, []);
@@ -11,10 +11,10 @@ import '@alfalab/core-components-shared/esm';
11
11
  import '../scrollable-container/Component.js';
12
12
  import 'compute-scroll-into-view';
13
13
  import '../title/Component.js';
14
- import '../../index.module-bf43c7e6.js';
14
+ import '../../index.module-511c86f3.js';
15
15
  import '@alfalab/core-components-tag/esm/desktop';
16
16
  import '../secondary-tablist/Component.js';
17
- import '../../index.module-07ecf2f2.js';
17
+ import '../../index.module-ffeeb976.js';
18
18
 
19
19
  var views = {
20
20
  primary: PrimaryTabListDesktop,
@@ -11,11 +11,11 @@ import '@alfalab/core-components-shared/esm';
11
11
  import '../scrollable-container/Component.js';
12
12
  import 'compute-scroll-into-view';
13
13
  import '../title/Component.js';
14
- import '../../index.module-bf43c7e6.js';
15
- import '../../mobile.module-28188e8d.js';
14
+ import '../../index.module-511c86f3.js';
15
+ import '../../mobile.module-34deaa77.js';
16
16
  import '@alfalab/core-components-tag/esm/mobile';
17
17
  import '../secondary-tablist/Component.js';
18
- import '../../index.module-07ecf2f2.js';
18
+ import '../../index.module-ffeeb976.js';
19
19
 
20
20
  var views = {
21
21
  primary: PrimaryTabListMobile,
@@ -13,13 +13,13 @@ import '@alfalab/core-components-shared/esm';
13
13
  import '../scrollable-container/Component.js';
14
14
  import 'compute-scroll-into-view';
15
15
  import '../title/Component.js';
16
- import '../../index.module-bf43c7e6.js';
16
+ import '../../index.module-511c86f3.js';
17
17
  import '../primary-tablist/Component.mobile.js';
18
- import '../../mobile.module-28188e8d.js';
18
+ import '../../mobile.module-34deaa77.js';
19
19
  import '../secondary-tablist/Component.desktop.js';
20
20
  import '@alfalab/core-components-tag/esm/desktop';
21
21
  import '../secondary-tablist/Component.js';
22
- import '../../index.module-07ecf2f2.js';
22
+ import '../../index.module-ffeeb976.js';
23
23
  import '../secondary-tablist/Component.mobile.js';
24
24
  import '@alfalab/core-components-tag/esm/mobile';
25
25
 
package/esm/desktop.js CHANGED
@@ -12,8 +12,8 @@ import '@alfalab/core-components-shared/esm';
12
12
  import './components/scrollable-container/Component.js';
13
13
  import 'compute-scroll-into-view';
14
14
  import './components/title/Component.js';
15
- import './index.module-bf43c7e6.js';
15
+ import './index.module-511c86f3.js';
16
16
  import '@alfalab/core-components-tag/esm/desktop';
17
17
  import './components/secondary-tablist/Component.js';
18
- import './index.module-07ecf2f2.js';
18
+ import './index.module-ffeeb976.js';
19
19
  import './components/tabs/Component.js';
@@ -269,9 +269,13 @@ type BottomSheetProps = {
269
269
  */
270
270
  onOffsetChange?: (offset: number, percent: number) => void;
271
271
  /**
272
- * Вызывается для событий touchend and mouseup.
272
+ * Вызывается в начале свайпа
273
273
  */
274
- onTouchEnd?: (event: HandledEvents) => void;
274
+ onSwipeStart?: (event: HandledEvents) => void;
275
+ /**
276
+ * Вызывается после окончания свайпа
277
+ */
278
+ onSwipeEnd?: (event: HandledEvents | null) => void;
275
279
  };
276
280
  declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
277
281
  declare const TIMEOUT = 500;
package/esm/index.js CHANGED
@@ -14,13 +14,13 @@ import '@alfalab/core-components-shared/esm';
14
14
  import './components/scrollable-container/Component.js';
15
15
  import 'compute-scroll-into-view';
16
16
  import './components/title/Component.js';
17
- import './index.module-bf43c7e6.js';
17
+ import './index.module-511c86f3.js';
18
18
  import './components/primary-tablist/Component.mobile.js';
19
- import './mobile.module-28188e8d.js';
19
+ import './mobile.module-34deaa77.js';
20
20
  import './components/secondary-tablist/Component.desktop.js';
21
21
  import '@alfalab/core-components-tag/esm/desktop';
22
22
  import './components/secondary-tablist/Component.js';
23
- import './index.module-07ecf2f2.js';
23
+ import './index.module-ffeeb976.js';
24
24
  import './components/secondary-tablist/Component.mobile.js';
25
25
  import '@alfalab/core-components-tag/esm/mobile';
26
26
  import './components/tabs/Component.js';
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_9vun8","fullWidthScroll":"tabs__fullWidthScroll_9vun8","container":"tabs__container_9vun8","title":"tabs__title_9vun8","disabled":"tabs__disabled_9vun8","focused":"tabs__focused_9vun8","collapsed":"tabs__collapsed_9vun8","selected":"tabs__selected_9vun8","line":"tabs__line_9vun8","s":"tabs__s_9vun8","xs":"tabs__xs_9vun8","xxs":"tabs__xxs_9vun8","pickerWrapper":"tabs__pickerWrapper_9vun8","option":"tabs__option_9vun8","m":"tabs__m_9vun8","l":"tabs__l_9vun8","xl":"tabs__xl_9vun8","rightAddons":"tabs__rightAddons_9vun8"};
2
+ require('./components/primary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_10b3j","fullWidthScroll":"tabs__fullWidthScroll_10b3j","container":"tabs__container_10b3j","title":"tabs__title_10b3j","xxs":"tabs__xxs_10b3j","xs":"tabs__xs_10b3j","s":"tabs__s_10b3j","m":"tabs__m_10b3j","l":"tabs__l_10b3j","xl":"tabs__xl_10b3j"};
2
+ require('./components/secondary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
package/esm/mobile.js CHANGED
@@ -12,9 +12,9 @@ import '@alfalab/core-components-shared/esm';
12
12
  import './components/scrollable-container/Component.js';
13
13
  import 'compute-scroll-into-view';
14
14
  import './components/title/Component.js';
15
- import './index.module-bf43c7e6.js';
16
- import './mobile.module-28188e8d.js';
15
+ import './index.module-511c86f3.js';
16
+ import './mobile.module-34deaa77.js';
17
17
  import '@alfalab/core-components-tag/esm/mobile';
18
18
  import './components/secondary-tablist/Component.js';
19
- import './index.module-07ecf2f2.js';
19
+ import './index.module-ffeeb976.js';
20
20
  import './components/tabs/Component.js';
@@ -0,0 +1,4 @@
1
+ var mobileStyles = {"title":"tabs__title_1pdf1 tabs__title_9vun8","mobile":"tabs__mobile_1pdf1"};
2
+ require('./components/primary-tablist/mobile.css')
3
+
4
+ export { mobileStyles as m };
@@ -1,105 +1,40 @@
1
- /// <reference types="react" />
2
1
  /// <reference types="react-transition-group" />
2
+ /// <reference types="react" />
3
3
  import React from "react";
4
- import { ButtonHTMLAttributes, ReactNode, RefObject } from "react";
5
- type StyleColors = {
6
- default: {
7
- [key: string]: string;
8
- };
9
- inverted: {
10
- [key: string]: string;
11
- };
12
- };
13
- type NativeProps = ButtonHTMLAttributes<HTMLButtonElement>;
14
- type BaseTagProps = Omit<NativeProps, "onClick"> & {
4
+ import { MouseEvent, ReactNode } from "react";
5
+ import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
6
+ import { TransitionProps } from "react-transition-group/Transition";
7
+ type BackdropProps = Partial<TransitionProps> & {
15
8
  /**
16
- * Отображение кнопки в отмеченном (зажатом) состоянии
9
+ * Прозрачный бэкдроп
17
10
  */
18
- checked?: boolean;
11
+ invisible?: boolean;
19
12
  /**
20
- * Размер компонента
21
- */
22
- size?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
23
- /**
24
- * Дочерние элементы.
13
+ * Управляет видимостью компонента
25
14
  */
26
- children?: ReactNode;
15
+ open: boolean;
27
16
  /**
28
- * Дополнительный класс для обёртки children
17
+ * Обработчик клика по бэкдропу
29
18
  */
30
- childrenClassName?: string;
19
+ onClose?: (event: MouseEvent<HTMLElement>) => void;
31
20
  /**
32
- * Слот слева
21
+ * Дополнительный класс
33
22
  */
34
- leftAddons?: ReactNode;
23
+ className?: string;
35
24
  /**
36
- * Слот справа
25
+ * Классы анимации
26
+ *
27
+ * http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
37
28
  */
38
- rightAddons?: ReactNode;
29
+ transitionClassNames?: string | CSSTransitionClassNames;
39
30
  /**
40
31
  * Идентификатор для систем автоматизированного тестирования
41
32
  */
42
33
  dataTestId?: string;
43
34
  /**
44
- * Обработчик нажатия
45
- */
46
- onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
47
- checked: boolean;
48
- name?: string;
49
- }) => void;
50
- /**
51
- * ref на children
52
- */
53
- childrenRef?: RefObject<HTMLSpanElement>;
54
- /**
55
- * Набор цветов для компонента
56
- */
57
- colors?: "default" | "inverted";
58
- /**
59
- * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
60
- * Используйте props shape и view
61
- * Вариант тега
62
- */
63
- variant?: "default" | "alt";
64
- /**
65
- * Форма тега
66
- */
67
- shape?: "rounded" | "rectangular";
68
- /**
69
- * Стиль тега
70
- */
71
- view?: "outlined" | "filled";
72
- /**
73
- * Основные стили компонента.
74
- */
75
- styles?: {
76
- [key: string]: string;
77
- };
78
- /**
79
- * Стили компонента для default и inverted режима.
35
+ * Дочерние элементы.
80
36
  */
81
- colorStylesMap?: StyleColors;
82
- };
83
- declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClick"> & {
84
- checked?: boolean | undefined;
85
- size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | undefined;
86
37
  children?: ReactNode;
87
- childrenClassName?: string | undefined;
88
- leftAddons?: ReactNode;
89
- rightAddons?: ReactNode;
90
- dataTestId?: string | undefined;
91
- onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>, payload: {
92
- checked: boolean;
93
- name?: string;
94
- }) => void) | undefined;
95
- childrenRef?: React.RefObject<HTMLSpanElement> | undefined;
96
- colors?: "default" | "inverted" | undefined;
97
- variant?: "default" | "alt" | undefined;
98
- shape?: "rounded" | "rectangular" | undefined;
99
- view?: "outlined" | "filled" | undefined;
100
- styles?: {
101
- [key: string]: string;
102
- } | undefined;
103
- colorStylesMap?: StyleColors | undefined;
104
- } & React.RefAttributes<HTMLButtonElement>>;
105
- export { StyleColors, NativeProps, BaseTagProps, BaseTag };
38
+ };
39
+ declare const Backdrop: React.FC<BackdropProps>;
40
+ export { BackdropProps, Backdrop };
@@ -269,9 +269,13 @@ type BottomSheetProps = {
269
269
  */
270
270
  onOffsetChange?: (offset: number, percent: number) => void;
271
271
  /**
272
- * Вызывается для событий touchend and mouseup.
272
+ * Вызывается в начале свайпа
273
273
  */
274
- onTouchEnd?: (event: HandledEvents) => void;
274
+ onSwipeStart?: (event: HandledEvents) => void;
275
+ /**
276
+ * Вызывается после окончания свайпа
277
+ */
278
+ onSwipeEnd?: (event: HandledEvents | null) => void;
275
279
  };
276
280
  declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
277
281
  declare const TIMEOUT = 500;
package/index.js CHANGED
@@ -18,13 +18,13 @@ require('@alfalab/core-components-shared');
18
18
  require('./components/scrollable-container/Component.js');
19
19
  require('compute-scroll-into-view');
20
20
  require('./components/title/Component.js');
21
- require('./index.module-3691700d.js');
21
+ require('./index.module-0d8ea41a.js');
22
22
  require('./components/primary-tablist/Component.mobile.js');
23
- require('./mobile.module-e4053729.js');
23
+ require('./mobile.module-a305e8da.js');
24
24
  require('./components/secondary-tablist/Component.desktop.js');
25
25
  require('@alfalab/core-components-tag/desktop');
26
26
  require('./components/secondary-tablist/Component.js');
27
- require('./index.module-dce6bd4b.js');
27
+ require('./index.module-38e4686f.js');
28
28
  require('./components/secondary-tablist/Component.mobile.js');
29
29
  require('@alfalab/core-components-tag/mobile');
30
30
  require('./components/tabs/Component.js');
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var commonStyles = {"component":"tabs__component_9vun8","fullWidthScroll":"tabs__fullWidthScroll_9vun8","container":"tabs__container_9vun8","title":"tabs__title_9vun8","disabled":"tabs__disabled_9vun8","focused":"tabs__focused_9vun8","collapsed":"tabs__collapsed_9vun8","selected":"tabs__selected_9vun8","line":"tabs__line_9vun8","s":"tabs__s_9vun8","xs":"tabs__xs_9vun8","xxs":"tabs__xxs_9vun8","pickerWrapper":"tabs__pickerWrapper_9vun8","option":"tabs__option_9vun8","m":"tabs__m_9vun8","l":"tabs__l_9vun8","xl":"tabs__xl_9vun8","rightAddons":"tabs__rightAddons_9vun8"};
4
+ require('./components/primary-tablist/index.css')
5
+
6
+ exports.commonStyles = commonStyles;
@@ -0,0 +1,6 @@
1
+ 'use strict';
2
+
3
+ var commonStyles = {"component":"tabs__component_10b3j","fullWidthScroll":"tabs__fullWidthScroll_10b3j","container":"tabs__container_10b3j","title":"tabs__title_10b3j","xxs":"tabs__xxs_10b3j","xs":"tabs__xs_10b3j","s":"tabs__s_10b3j","m":"tabs__m_10b3j","l":"tabs__l_10b3j","xl":"tabs__xl_10b3j"};
4
+ require('./components/secondary-tablist/index.css')
5
+
6
+ exports.commonStyles = commonStyles;
package/mobile.js CHANGED
@@ -16,11 +16,11 @@ require('@alfalab/core-components-shared');
16
16
  require('./components/scrollable-container/Component.js');
17
17
  require('compute-scroll-into-view');
18
18
  require('./components/title/Component.js');
19
- require('./index.module-3691700d.js');
20
- require('./mobile.module-e4053729.js');
19
+ require('./index.module-0d8ea41a.js');
20
+ require('./mobile.module-a305e8da.js');
21
21
  require('@alfalab/core-components-tag/mobile');
22
22
  require('./components/secondary-tablist/Component.js');
23
- require('./index.module-dce6bd4b.js');
23
+ require('./index.module-38e4686f.js');
24
24
  require('./components/tabs/Component.js');
25
25
 
26
26
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var mobileStyles = {"title":"tabs__title_19are tabs__title_hpujn","mobile":"tabs__mobile_19are"};
3
+ var mobileStyles = {"title":"tabs__title_1pdf1 tabs__title_9vun8","mobile":"tabs__mobile_1pdf1"};
4
4
  require('./components/primary-tablist/mobile.css')
5
5
 
6
6
  exports.mobileStyles = mobileStyles;
@@ -21,5 +21,5 @@ import './hooks/use-tabs.js';
21
21
  import '@alfalab/core-components-shared/modern';
22
22
  import './synthetic-events.js';
23
23
  import './components/title/Component.js';
24
- import './index.module-5aa4033e.js';
25
- import './mobile.module-47eb0ef0.js';
24
+ import './index.module-6f255828.js';
25
+ import './mobile.module-02182f0f.js';
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { CollapsiblePrimaryTabList } from './Component.collapsible.js';
3
- import { c as commonStyles } from '../../index.module-5aa4033e.js';
3
+ import { c as commonStyles } from '../../index.module-6f255828.js';
4
4
  import 'classnames';
5
5
  import '@alfalab/core-components-badge/modern';
6
6
  import '@alfalab/core-components-keyboard-focusable/modern';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { CollapsiblePrimaryTabList } from './Component.collapsible.js';
4
- import { c as commonStyles } from '../../index.module-5aa4033e.js';
5
- import { m as mobileStyles } from '../../mobile.module-47eb0ef0.js';
4
+ import { c as commonStyles } from '../../index.module-6f255828.js';
5
+ import { m as mobileStyles } from '../../mobile.module-02182f0f.js';
6
6
  import '@alfalab/core-components-badge/modern';
7
7
  import '@alfalab/core-components-keyboard-focusable/modern';
8
8
  import '@alfalab/core-components-picker-button/modern/desktop';
@@ -15,8 +15,8 @@ import '../../hooks/use-tabs.js';
15
15
  import '@alfalab/core-components-shared/modern';
16
16
  import '../../synthetic-events.js';
17
17
  import '../title/Component.js';
18
- import '../../index.module-5aa4033e.js';
19
- import '../../mobile.module-47eb0ef0.js';
18
+ import '../../index.module-6f255828.js';
19
+ import '../../mobile.module-02182f0f.js';
20
20
 
21
21
  const CollapsiblePrimaryTabListResponsive = ({ size, fullWidthScroll, breakpoint = 1024, defaultMatchMediaValue, ...restProps }) => {
22
22
  const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { PrimaryTabList } from './Component.js';
3
- import { c as commonStyles } from '../../index.module-5aa4033e.js';
3
+ import { c as commonStyles } from '../../index.module-6f255828.js';
4
4
  import 'classnames';
5
5
  import '@alfalab/core-components-keyboard-focusable/modern';
6
6
  import '../../hooks/use-tabs.js';
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import cn from 'classnames';
3
3
  import { PrimaryTabList } from './Component.js';
4
- import { c as commonStyles } from '../../index.module-5aa4033e.js';
5
- import { m as mobileStyles } from '../../mobile.module-47eb0ef0.js';
4
+ import { c as commonStyles } from '../../index.module-6f255828.js';
5
+ import { m as mobileStyles } from '../../mobile.module-02182f0f.js';
6
6
  import '@alfalab/core-components-keyboard-focusable/modern';
7
7
  import '../../hooks/use-tabs.js';
8
8
  import '@alfalab/core-components-shared/modern';
@@ -10,8 +10,8 @@ import '@alfalab/core-components-shared/modern';
10
10
  import '../scrollable-container/Component.js';
11
11
  import 'compute-scroll-into-view';
12
12
  import '../title/Component.js';
13
- import '../../index.module-5aa4033e.js';
14
- import '../../mobile.module-47eb0ef0.js';
13
+ import '../../index.module-6f255828.js';
14
+ import '../../mobile.module-02182f0f.js';
15
15
 
16
16
  const PrimaryTabListResponsive = ({ size, breakpoint = 1024, fullWidthScroll, defaultMatchMediaValue, ...restProps }) => {
17
17
  const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);