@alfalab/core-components-tabs 8.0.6 → 8.0.7

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 +5 -0
  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 +5 -0
  53. package/esm/index.js +3 -3
  54. package/esm/index.module-07ecf2f2.js +4 -0
  55. package/esm/index.module-bf43c7e6.js +4 -0
  56. package/esm/mobile.js +3 -3
  57. package/esm/mobile.module-28188e8d.js +4 -0
  58. package/index-ebda875c.d.ts +86 -21
  59. package/index-f12ee135.d.ts +5 -0
  60. package/index.js +3 -3
  61. package/index.module-3691700d.js +6 -0
  62. package/index.module-dce6bd4b.js +6 -0
  63. package/mobile.js +3 -3
  64. package/{mobile.module-6b11e45e.js → mobile.module-e4053729.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 +5 -0
  91. package/modern/index.js +3 -3
  92. package/modern/index.module-2a3e44bc.js +4 -0
  93. package/modern/index.module-5aa4033e.js +4 -0
  94. package/modern/mobile.js +3 -3
  95. package/modern/mobile.module-47eb0ef0.js +4 -0
  96. package/package.json +3 -3
  97. package/esm/index.module-0d6aac07.js +0 -4
  98. package/esm/index.module-dab47194.js +0 -4
  99. package/esm/mobile.module-9b70a4fc.js +0 -4
  100. package/index.module-1176452c.js +0 -6
  101. package/index.module-6fac1a11.js +0 -6
  102. package/modern/index.module-2f2bbaf5.js +0 -4
  103. package/modern/index.module-9e23227a.js +0 -4
  104. package/modern/mobile.module-a0b368a1.js +0 -4
@@ -1,4 +1,4 @@
1
- /* hash: 1ffq8 */
1
+ /* hash: 118yi */
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_17jna {
54
+ }.tabs__component_k8fwj {
55
55
  position: relative;
56
56
  display: inline-flex;
57
- }.tabs__fullWidthScroll_17jna {
57
+ }.tabs__fullWidthScroll_k8fwj {
58
58
  margin: 0 var(--gap-m);
59
- }.tabs__container_17jna {
59
+ }.tabs__container_k8fwj {
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_17jna {
65
+ }.tabs__title_k8fwj {
66
66
  white-space: nowrap;
67
- }/* sizes */.tabs__xxs_17jna .tabs__title_17jna + .tabs__title_17jna {
67
+ }/* sizes */.tabs__xxs_k8fwj .tabs__title_k8fwj + .tabs__title_k8fwj {
68
68
  margin-left: var(--secondary-tablist-xxs-gaps);
69
- }.tabs__xs_17jna .tabs__title_17jna + .tabs__title_17jna {
69
+ }.tabs__xs_k8fwj .tabs__title_k8fwj + .tabs__title_k8fwj {
70
70
  margin-left: var(--secondary-tablist-xs-gaps);
71
- }.tabs__s_17jna .tabs__title_17jna + .tabs__title_17jna {
71
+ }.tabs__s_k8fwj .tabs__title_k8fwj + .tabs__title_k8fwj {
72
72
  margin-left: var(--secondary-tablist-s-gaps);
73
- }.tabs__m_17jna .tabs__title_17jna + .tabs__title_17jna {
73
+ }.tabs__m_k8fwj .tabs__title_k8fwj + .tabs__title_k8fwj {
74
74
  margin-left: var(--secondary-tablist-m-gaps);
75
- }.tabs__l_17jna .tabs__title_17jna + .tabs__title_17jna {
75
+ }.tabs__l_k8fwj .tabs__title_k8fwj + .tabs__title_k8fwj {
76
76
  margin-left: var(--secondary-tablist-l-gaps);
77
- }.tabs__xl_17jna .tabs__title_17jna + .tabs__title_17jna {
77
+ }.tabs__xl_k8fwj .tabs__title_k8fwj + .tabs__title_k8fwj {
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_16zbq {
983
- } .tabs__mobile_16zbq .tabs__title_16zbq + .tabs__title_16zbq {
982
+ } .tabs__title_1rpha {
983
+ } .tabs__mobile_1rpha .tabs__title_1rpha + .tabs__title_1rpha {
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_1hw0j","hidden":"tabs__hidden_1hw0j"};
4
+ var styles = {"component":"tabs__component_1d73m","hidden":"tabs__hidden_1d73m"};
5
5
  require('./index.css')
6
6
 
7
7
  var Tab = function (_a) {
@@ -1,8 +1,8 @@
1
- /* hash: ht4mq */
2
- .tabs__component_1hw0j {
1
+ /* hash: 37wfi */
2
+ .tabs__component_1d73m {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_1hw0j {
6
+ .tabs__hidden_1d73m {
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-dab47194.js';
19
+ import '../../index.module-bf43c7e6.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-dab47194.js';
20
- import '../../mobile.module-9b70a4fc.js';
19
+ import '../../index.module-bf43c7e6.js';
20
+ import '../../mobile.module-28188e8d.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-dab47194.js';
20
+ import '../../index.module-bf43c7e6.js';
21
21
  import '../primary-tablist/Component.collapsible.mobile.js';
22
- import '../../mobile.module-9b70a4fc.js';
22
+ import '../../mobile.module-28188e8d.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-dab47194.js';
14
+ import '../../index.module-bf43c7e6.js';
15
15
  import '@alfalab/core-components-tag/esm/desktop';
16
16
  import '../secondary-tablist/Component.js';
17
- import '../../index.module-0d6aac07.js';
17
+ import '../../index.module-07ecf2f2.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-dab47194.js';
15
- import '../../mobile.module-9b70a4fc.js';
14
+ import '../../index.module-bf43c7e6.js';
15
+ import '../../mobile.module-28188e8d.js';
16
16
  import '@alfalab/core-components-tag/esm/mobile';
17
17
  import '../secondary-tablist/Component.js';
18
- import '../../index.module-0d6aac07.js';
18
+ import '../../index.module-07ecf2f2.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-dab47194.js';
16
+ import '../../index.module-bf43c7e6.js';
17
17
  import '../primary-tablist/Component.mobile.js';
18
- import '../../mobile.module-9b70a4fc.js';
18
+ import '../../mobile.module-28188e8d.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-0d6aac07.js';
22
+ import '../../index.module-07ecf2f2.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-dab47194.js';
15
+ import './index.module-bf43c7e6.js';
16
16
  import '@alfalab/core-components-tag/esm/desktop';
17
17
  import './components/secondary-tablist/Component.js';
18
- import './index.module-0d6aac07.js';
18
+ import './index.module-07ecf2f2.js';
19
19
  import './components/tabs/Component.js';
@@ -2,6 +2,7 @@
2
2
  /// <reference types="react" />
3
3
  import React from "react";
4
4
  import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC } from "react";
5
+ import { HandledEvents } from "react-swipeable/es/types";
5
6
  import { TransitionProps } from "react-transition-group/Transition";
6
7
  import { BaseModalProps } from "./index-bdb4c6b9";
7
8
  import { NavigationBarProps } from "./index-c76d6398";
@@ -267,6 +268,10 @@ type BottomSheetProps = {
267
268
  * Вызывается при изменении положения шторки
268
269
  */
269
270
  onOffsetChange?: (offset: number, percent: number) => void;
271
+ /**
272
+ * Вызывается для событий touchend and mouseup.
273
+ */
274
+ onTouchEnd?: (event: HandledEvents) => void;
270
275
  };
271
276
  declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
272
277
  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-dab47194.js';
17
+ import './index.module-bf43c7e6.js';
18
18
  import './components/primary-tablist/Component.mobile.js';
19
- import './mobile.module-9b70a4fc.js';
19
+ import './mobile.module-28188e8d.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-0d6aac07.js';
23
+ import './index.module-07ecf2f2.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_k8fwj","fullWidthScroll":"tabs__fullWidthScroll_k8fwj","container":"tabs__container_k8fwj","title":"tabs__title_k8fwj","xxs":"tabs__xxs_k8fwj","xs":"tabs__xs_k8fwj","s":"tabs__s_k8fwj","m":"tabs__m_k8fwj","l":"tabs__l_k8fwj","xl":"tabs__xl_k8fwj"};
2
+ require('./components/secondary-tablist/index.css')
3
+
4
+ export { commonStyles as c };
@@ -0,0 +1,4 @@
1
+ var commonStyles = {"component":"tabs__component_hpujn","fullWidthScroll":"tabs__fullWidthScroll_hpujn","container":"tabs__container_hpujn","title":"tabs__title_hpujn","disabled":"tabs__disabled_hpujn","focused":"tabs__focused_hpujn","collapsed":"tabs__collapsed_hpujn","selected":"tabs__selected_hpujn","line":"tabs__line_hpujn","s":"tabs__s_hpujn","xs":"tabs__xs_hpujn","xxs":"tabs__xxs_hpujn","pickerWrapper":"tabs__pickerWrapper_hpujn","option":"tabs__option_hpujn","m":"tabs__m_hpujn","l":"tabs__l_hpujn","xl":"tabs__xl_hpujn","rightAddons":"tabs__rightAddons_hpujn"};
2
+ require('./components/primary-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-dab47194.js';
16
- import './mobile.module-9b70a4fc.js';
15
+ import './index.module-bf43c7e6.js';
16
+ import './mobile.module-28188e8d.js';
17
17
  import '@alfalab/core-components-tag/esm/mobile';
18
18
  import './components/secondary-tablist/Component.js';
19
- import './index.module-0d6aac07.js';
19
+ import './index.module-07ecf2f2.js';
20
20
  import './components/tabs/Component.js';
@@ -0,0 +1,4 @@
1
+ var mobileStyles = {"title":"tabs__title_19are tabs__title_hpujn","mobile":"tabs__mobile_19are"};
2
+ require('./components/primary-tablist/mobile.css')
3
+
4
+ export { mobileStyles as m };
@@ -1,40 +1,105 @@
1
- /// <reference types="react-transition-group" />
2
1
  /// <reference types="react" />
2
+ /// <reference types="react-transition-group" />
3
3
  import React from "react";
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> & {
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"> & {
8
15
  /**
9
- * Прозрачный бэкдроп
16
+ * Отображение кнопки в отмеченном (зажатом) состоянии
10
17
  */
11
- invisible?: boolean;
18
+ checked?: boolean;
12
19
  /**
13
- * Управляет видимостью компонента
20
+ * Размер компонента
21
+ */
22
+ size?: "xxs" | "xs" | "s" | "m" | "l" | "xl";
23
+ /**
24
+ * Дочерние элементы.
14
25
  */
15
- open: boolean;
26
+ children?: ReactNode;
16
27
  /**
17
- * Обработчик клика по бэкдропу
28
+ * Дополнительный класс для обёртки children
18
29
  */
19
- onClose?: (event: MouseEvent<HTMLElement>) => void;
30
+ childrenClassName?: string;
20
31
  /**
21
- * Дополнительный класс
32
+ * Слот слева
22
33
  */
23
- className?: string;
34
+ leftAddons?: ReactNode;
24
35
  /**
25
- * Классы анимации
26
- *
27
- * http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
36
+ * Слот справа
28
37
  */
29
- transitionClassNames?: string | CSSTransitionClassNames;
38
+ rightAddons?: ReactNode;
30
39
  /**
31
40
  * Идентификатор для систем автоматизированного тестирования
32
41
  */
33
42
  dataTestId?: string;
34
43
  /**
35
- * Дочерние элементы.
44
+ * Обработчик нажатия
36
45
  */
37
- children?: ReactNode;
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 режима.
80
+ */
81
+ colorStylesMap?: StyleColors;
38
82
  };
39
- declare const Backdrop: React.FC<BackdropProps>;
40
- export { BackdropProps, Backdrop };
83
+ declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClick"> & {
84
+ checked?: boolean | undefined;
85
+ size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | undefined;
86
+ 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 };
@@ -2,6 +2,7 @@
2
2
  /// <reference types="react" />
3
3
  import React from "react";
4
4
  import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC } from "react";
5
+ import { HandledEvents } from "react-swipeable/es/types";
5
6
  import { TransitionProps } from "react-transition-group/Transition";
6
7
  import { BaseModalProps } from "./index-bdb4c6b9";
7
8
  import { NavigationBarProps } from "./index-c76d6398";
@@ -267,6 +268,10 @@ type BottomSheetProps = {
267
268
  * Вызывается при изменении положения шторки
268
269
  */
269
270
  onOffsetChange?: (offset: number, percent: number) => void;
271
+ /**
272
+ * Вызывается для событий touchend and mouseup.
273
+ */
274
+ onTouchEnd?: (event: HandledEvents) => void;
270
275
  };
271
276
  declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<HTMLDivElement>>;
272
277
  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-6fac1a11.js');
21
+ require('./index.module-3691700d.js');
22
22
  require('./components/primary-tablist/Component.mobile.js');
23
- require('./mobile.module-6b11e45e.js');
23
+ require('./mobile.module-e4053729.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-1176452c.js');
27
+ require('./index.module-dce6bd4b.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_hpujn","fullWidthScroll":"tabs__fullWidthScroll_hpujn","container":"tabs__container_hpujn","title":"tabs__title_hpujn","disabled":"tabs__disabled_hpujn","focused":"tabs__focused_hpujn","collapsed":"tabs__collapsed_hpujn","selected":"tabs__selected_hpujn","line":"tabs__line_hpujn","s":"tabs__s_hpujn","xs":"tabs__xs_hpujn","xxs":"tabs__xxs_hpujn","pickerWrapper":"tabs__pickerWrapper_hpujn","option":"tabs__option_hpujn","m":"tabs__m_hpujn","l":"tabs__l_hpujn","xl":"tabs__xl_hpujn","rightAddons":"tabs__rightAddons_hpujn"};
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_k8fwj","fullWidthScroll":"tabs__fullWidthScroll_k8fwj","container":"tabs__container_k8fwj","title":"tabs__title_k8fwj","xxs":"tabs__xxs_k8fwj","xs":"tabs__xs_k8fwj","s":"tabs__s_k8fwj","m":"tabs__m_k8fwj","l":"tabs__l_k8fwj","xl":"tabs__xl_k8fwj"};
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-6fac1a11.js');
20
- require('./mobile.module-6b11e45e.js');
19
+ require('./index.module-3691700d.js');
20
+ require('./mobile.module-e4053729.js');
21
21
  require('@alfalab/core-components-tag/mobile');
22
22
  require('./components/secondary-tablist/Component.js');
23
- require('./index.module-1176452c.js');
23
+ require('./index.module-dce6bd4b.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_1wlys tabs__title_d0xly","mobile":"tabs__mobile_1wlys"};
3
+ var mobileStyles = {"title":"tabs__title_19are tabs__title_hpujn","mobile":"tabs__mobile_19are"};
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-2f2bbaf5.js';
25
- import './mobile.module-a0b368a1.js';
24
+ import './index.module-5aa4033e.js';
25
+ import './mobile.module-47eb0ef0.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-2f2bbaf5.js';
3
+ import { c as commonStyles } from '../../index.module-5aa4033e.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-2f2bbaf5.js';
5
- import { m as mobileStyles } from '../../mobile.module-a0b368a1.js';
4
+ import { c as commonStyles } from '../../index.module-5aa4033e.js';
5
+ import { m as mobileStyles } from '../../mobile.module-47eb0ef0.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-2f2bbaf5.js';
19
- import '../../mobile.module-a0b368a1.js';
18
+ import '../../index.module-5aa4033e.js';
19
+ import '../../mobile.module-47eb0ef0.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-2f2bbaf5.js';
3
+ import { c as commonStyles } from '../../index.module-5aa4033e.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-2f2bbaf5.js';
5
- import { m as mobileStyles } from '../../mobile.module-a0b368a1.js';
4
+ import { c as commonStyles } from '../../index.module-5aa4033e.js';
5
+ import { m as mobileStyles } from '../../mobile.module-47eb0ef0.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-2f2bbaf5.js';
14
- import '../../mobile.module-a0b368a1.js';
13
+ import '../../index.module-5aa4033e.js';
14
+ import '../../mobile.module-47eb0ef0.js';
15
15
 
16
16
  const PrimaryTabListResponsive = ({ size, breakpoint = 1024, fullWidthScroll, defaultMatchMediaValue, ...restProps }) => {
17
17
  const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);