@alfalab/core-components-tabs 7.7.0 → 7.7.2

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 (157) hide show
  1. package/Component-3e68f8db.d.ts +3 -2
  2. package/Component-5e1b8383.d.ts +2 -1
  3. package/component-3885b0d7.d.ts +1 -1
  4. package/components/primary-tablist/Component.d.ts +2 -1
  5. package/components/primary-tablist/Component.desktop.d.ts +2 -1
  6. package/components/primary-tablist/Component.desktop.js +1 -1
  7. package/components/primary-tablist/Component.mobile.d.ts +2 -1
  8. package/components/primary-tablist/Component.mobile.js +2 -2
  9. package/components/primary-tablist/Component.responsive.d.ts +2 -1
  10. package/components/primary-tablist/Component.responsive.js +1 -1
  11. package/components/primary-tablist/index.css +29 -29
  12. package/components/primary-tablist/mobile.css +32 -32
  13. package/components/scrollable-container/Component.d.ts +3 -2
  14. package/components/scrollable-container/Component.js +1 -1
  15. package/components/scrollable-container/index.css +5 -5
  16. package/components/secondary-tablist/Component.d.ts +2 -1
  17. package/components/secondary-tablist/Component.desktop.d.ts +2 -1
  18. package/components/secondary-tablist/Component.desktop.js +1 -1
  19. package/components/secondary-tablist/Component.mobile.d.ts +2 -1
  20. package/components/secondary-tablist/Component.mobile.js +2 -2
  21. package/components/secondary-tablist/Component.responsive.d.ts +2 -1
  22. package/components/secondary-tablist/Component.responsive.js +1 -1
  23. package/components/secondary-tablist/index.css +11 -11
  24. package/components/secondary-tablist/mobile.css +13 -13
  25. package/components/tab/Component.d.ts +2 -1
  26. package/components/tab/Component.js +1 -1
  27. package/components/tab/index.css +3 -3
  28. package/components/tabs/Component.d.ts +2 -1
  29. package/components/tabs/Component.desktop.d.ts +2 -1
  30. package/components/tabs/Component.desktop.js +2 -2
  31. package/components/tabs/Component.mobile.d.ts +2 -1
  32. package/components/tabs/Component.mobile.js +2 -2
  33. package/components/tabs/Component.responsive.d.ts +2 -1
  34. package/components/tabs/Component.responsive.js +2 -2
  35. package/cssm/Component-3e68f8db.d.ts +3 -2
  36. package/cssm/Component-5e1b8383.d.ts +2 -1
  37. package/cssm/component-3885b0d7.d.ts +1 -1
  38. package/cssm/components/primary-tablist/Component.d.ts +2 -1
  39. package/cssm/components/primary-tablist/Component.desktop.d.ts +2 -1
  40. package/cssm/components/primary-tablist/Component.mobile.d.ts +2 -1
  41. package/cssm/components/primary-tablist/Component.responsive.d.ts +2 -1
  42. package/cssm/components/scrollable-container/Component.d.ts +3 -2
  43. package/cssm/components/secondary-tablist/Component.d.ts +2 -1
  44. package/cssm/components/secondary-tablist/Component.desktop.d.ts +2 -1
  45. package/cssm/components/secondary-tablist/Component.mobile.d.ts +2 -1
  46. package/cssm/components/secondary-tablist/Component.responsive.d.ts +2 -1
  47. package/cssm/components/tab/Component.d.ts +2 -1
  48. package/cssm/components/tabs/Component.d.ts +2 -1
  49. package/cssm/components/tabs/Component.desktop.d.ts +2 -1
  50. package/cssm/components/tabs/Component.mobile.d.ts +2 -1
  51. package/cssm/components/tabs/Component.responsive.d.ts +2 -1
  52. package/cssm/index-3e68f8db.d.ts +2 -2
  53. package/cssm/index-f12ee135.d.ts +1 -1
  54. package/cssm/{types-fae20163.d.ts → types-3441be57.d.ts} +16 -0
  55. package/desktop.js +2 -2
  56. package/esm/Component-3e68f8db.d.ts +3 -2
  57. package/esm/Component-5e1b8383.d.ts +2 -1
  58. package/esm/component-3885b0d7.d.ts +1 -1
  59. package/esm/components/primary-tablist/Component.d.ts +2 -1
  60. package/esm/components/primary-tablist/Component.desktop.d.ts +2 -1
  61. package/esm/components/primary-tablist/Component.desktop.js +1 -1
  62. package/esm/components/primary-tablist/Component.mobile.d.ts +2 -1
  63. package/esm/components/primary-tablist/Component.mobile.js +2 -2
  64. package/esm/components/primary-tablist/Component.responsive.d.ts +2 -1
  65. package/esm/components/primary-tablist/Component.responsive.js +1 -1
  66. package/esm/components/primary-tablist/index.css +29 -29
  67. package/esm/components/primary-tablist/mobile.css +32 -32
  68. package/esm/components/scrollable-container/Component.d.ts +3 -2
  69. package/esm/components/scrollable-container/Component.js +1 -1
  70. package/esm/components/scrollable-container/index.css +5 -5
  71. package/esm/components/secondary-tablist/Component.d.ts +2 -1
  72. package/esm/components/secondary-tablist/Component.desktop.d.ts +2 -1
  73. package/esm/components/secondary-tablist/Component.desktop.js +1 -1
  74. package/esm/components/secondary-tablist/Component.mobile.d.ts +2 -1
  75. package/esm/components/secondary-tablist/Component.mobile.js +2 -2
  76. package/esm/components/secondary-tablist/Component.responsive.d.ts +2 -1
  77. package/esm/components/secondary-tablist/Component.responsive.js +1 -1
  78. package/esm/components/secondary-tablist/index.css +11 -11
  79. package/esm/components/secondary-tablist/mobile.css +13 -13
  80. package/esm/components/tab/Component.d.ts +2 -1
  81. package/esm/components/tab/Component.js +1 -1
  82. package/esm/components/tab/index.css +3 -3
  83. package/esm/components/tabs/Component.d.ts +2 -1
  84. package/esm/components/tabs/Component.desktop.d.ts +2 -1
  85. package/esm/components/tabs/Component.desktop.js +2 -2
  86. package/esm/components/tabs/Component.mobile.d.ts +2 -1
  87. package/esm/components/tabs/Component.mobile.js +2 -2
  88. package/esm/components/tabs/Component.responsive.d.ts +2 -1
  89. package/esm/components/tabs/Component.responsive.js +2 -2
  90. package/esm/desktop.js +2 -2
  91. package/esm/index-3e68f8db.d.ts +2 -2
  92. package/esm/index-f12ee135.d.ts +1 -1
  93. package/esm/index.js +2 -2
  94. package/esm/index.module-635513a6.js +4 -0
  95. package/esm/index.module-e99388b2.js +4 -0
  96. package/esm/mobile.js +2 -2
  97. package/esm/responsive.js +2 -2
  98. package/{modern/types-fae20163.d.ts → esm/types-3441be57.d.ts} +16 -0
  99. package/index-3e68f8db.d.ts +2 -2
  100. package/index-f12ee135.d.ts +1 -1
  101. package/index.js +2 -2
  102. package/index.module-0362701b.js +6 -0
  103. package/index.module-b8728ee4.js +6 -0
  104. package/mobile.js +2 -2
  105. package/modern/Component-3e68f8db.d.ts +3 -2
  106. package/modern/Component-5e1b8383.d.ts +2 -1
  107. package/modern/component-3885b0d7.d.ts +1 -1
  108. package/modern/components/primary-tablist/Component.d.ts +2 -1
  109. package/modern/components/primary-tablist/Component.desktop.d.ts +2 -1
  110. package/modern/components/primary-tablist/Component.desktop.js +1 -1
  111. package/modern/components/primary-tablist/Component.mobile.d.ts +2 -1
  112. package/modern/components/primary-tablist/Component.mobile.js +2 -2
  113. package/modern/components/primary-tablist/Component.responsive.d.ts +2 -1
  114. package/modern/components/primary-tablist/Component.responsive.js +1 -1
  115. package/modern/components/primary-tablist/index.css +29 -29
  116. package/modern/components/primary-tablist/mobile.css +32 -32
  117. package/modern/components/scrollable-container/Component.d.ts +3 -2
  118. package/modern/components/scrollable-container/Component.js +1 -1
  119. package/modern/components/scrollable-container/index.css +5 -5
  120. package/modern/components/secondary-tablist/Component.d.ts +2 -1
  121. package/modern/components/secondary-tablist/Component.desktop.d.ts +2 -1
  122. package/modern/components/secondary-tablist/Component.desktop.js +1 -1
  123. package/modern/components/secondary-tablist/Component.mobile.d.ts +2 -1
  124. package/modern/components/secondary-tablist/Component.mobile.js +2 -2
  125. package/modern/components/secondary-tablist/Component.responsive.d.ts +2 -1
  126. package/modern/components/secondary-tablist/Component.responsive.js +1 -1
  127. package/modern/components/secondary-tablist/index.css +11 -11
  128. package/modern/components/secondary-tablist/mobile.css +13 -13
  129. package/modern/components/tab/Component.d.ts +2 -1
  130. package/modern/components/tab/Component.js +1 -1
  131. package/modern/components/tab/index.css +3 -3
  132. package/modern/components/tabs/Component.d.ts +2 -1
  133. package/modern/components/tabs/Component.desktop.d.ts +2 -1
  134. package/modern/components/tabs/Component.desktop.js +2 -2
  135. package/modern/components/tabs/Component.mobile.d.ts +2 -1
  136. package/modern/components/tabs/Component.mobile.js +2 -2
  137. package/modern/components/tabs/Component.responsive.d.ts +2 -1
  138. package/modern/components/tabs/Component.responsive.js +2 -2
  139. package/modern/desktop.js +2 -2
  140. package/modern/index-3e68f8db.d.ts +2 -2
  141. package/modern/index-f12ee135.d.ts +1 -1
  142. package/modern/index.js +2 -2
  143. package/modern/index.module-34edbfd1.js +4 -0
  144. package/modern/index.module-f1cda2bf.js +4 -0
  145. package/modern/mobile.js +2 -2
  146. package/modern/responsive.js +2 -2
  147. package/{types-fae20163.d.ts → modern/types-3441be57.d.ts} +16 -0
  148. package/package.json +5 -8
  149. package/responsive.js +2 -2
  150. package/{esm/types-fae20163.d.ts → types-3441be57.d.ts} +16 -0
  151. package/esm/index.module-4cd1e213.js +0 -4
  152. package/esm/index.module-624eec4d.js +0 -4
  153. package/index.module-276f636f.js +0 -6
  154. package/index.module-c9ae6c01.js +0 -6
  155. package/modern/index.module-06f630bb.js +0 -4
  156. package/modern/index.module-8f1e7aaa.js +0 -4
  157. package/send-stats.js +0 -82
@@ -1,4 +1,4 @@
1
- /* hash: 1576b */
1
+ /* hash: 65mic */
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_17vtv {
54
+ }.tabs__component_1lkwx {
55
55
  position: relative;
56
56
  display: inline-flex;
57
- }.tabs__fullWidthScroll_17vtv {
57
+ }.tabs__fullWidthScroll_1lkwx {
58
58
  margin: 0 var(--gap-m);
59
- }.tabs__container_17vtv {
59
+ }.tabs__container_1lkwx {
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_17vtv {
65
+ }.tabs__title_1lkwx {
66
66
  white-space: nowrap;
67
- }/* sizes */.tabs__xxs_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
67
+ }/* sizes */.tabs__xxs_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
68
68
  margin-left: var(--secondary-tablist-xxs-gaps);
69
- }.tabs__xs_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
69
+ }.tabs__xs_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
70
70
  margin-left: var(--secondary-tablist-xs-gaps);
71
- }.tabs__s_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
71
+ }.tabs__s_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
72
72
  margin-left: var(--secondary-tablist-s-gaps);
73
- }.tabs__m_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
73
+ }.tabs__m_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
74
74
  margin-left: var(--secondary-tablist-m-gaps);
75
- }.tabs__l_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
75
+ }.tabs__l_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
76
76
  margin-left: var(--secondary-tablist-l-gaps);
77
- }.tabs__xl_17vtv .tabs__title_17vtv + .tabs__title_17vtv {
77
+ }.tabs__xl_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
78
78
  margin-left: var(--secondary-tablist-xl-gaps);
79
79
  } :root {
80
80
  --color-dark-indigo: #0b1f35;
@@ -971,7 +971,7 @@
971
971
 
972
972
  /* size xl */
973
973
  --secondary-tablist-xl-gaps: var(--gap-m);
974
- } .tabs__title_1jmsq {
975
- } .tabs__mobile_1jmsq .tabs__title_1jmsq + .tabs__title_1jmsq {
974
+ } .tabs__title_nm86u {
975
+ } .tabs__mobile_nm86u .tabs__title_nm86u + .tabs__title_nm86u {
976
976
  margin-left: var(--secondary-tablist-mobile-gaps);
977
977
  }
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabProps } from "../../typings";
3
- declare const Tab: ({ children, hidden, className, disabled, dataTestId }: TabProps) => JSX.Element | null;
4
+ declare const Tab: ({ children, hidden, className, disabled, dataTestId }: TabProps) => React.JSX.Element | null;
4
5
  export { Tab };
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
11
11
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
12
12
 
13
- var styles = {"component":"tabs__component_1dw66","hidden":"tabs__hidden_1dw66"};
13
+ var styles = {"component":"tabs__component_17yw9","hidden":"tabs__hidden_17yw9"};
14
14
  require('./index.css')
15
15
 
16
16
  var Tab = function (_a) {
@@ -1,8 +1,8 @@
1
- /* hash: rku93 */
2
- .tabs__component_1dw66 {
1
+ /* hash: 1f6jo */
2
+ .tabs__component_17yw9 {
3
3
  outline: none;
4
4
  }
5
5
 
6
- .tabs__hidden_1dw66 {
6
+ .tabs__hidden_17yw9 {
7
7
  display: none;
8
8
  }
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabsProps } from "../../typings";
3
- declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatch, children, selectedId, scrollable, collapsible, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, }: Omit<TabsProps, 'view'>) => JSX.Element;
4
+ declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatch, children, selectedId, scrollable, collapsible, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, }: Omit<TabsProps, 'view'>) => React.JSX.Element;
4
5
  export { Tabs };
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabsProps } from "../../typings";
3
4
  type TabsDesktopProps = Omit<TabsProps, 'TabList' | 'fullWidthScroll'>;
4
- declare const TabsDesktop: ({ view, scrollable, size, ...restProps }: TabsDesktopProps) => JSX.Element;
5
+ declare const TabsDesktop: ({ view, scrollable, size, ...restProps }: TabsDesktopProps) => React.JSX.Element;
5
6
  export { TabsDesktopProps, TabsDesktop };
@@ -21,10 +21,10 @@ require('../../synthetic-events.js');
21
21
  require('../scrollable-container/Component.js');
22
22
  require('compute-scroll-into-view');
23
23
  require('../title/Component.js');
24
- require('../../index.module-c9ae6c01.js');
24
+ require('../../index.module-0362701b.js');
25
25
  require('../secondary-tablist/Component.js');
26
26
  require('@alfalab/core-components-tag');
27
- require('../../index.module-276f636f.js');
27
+ require('../../index.module-b8728ee4.js');
28
28
 
29
29
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
30
30
 
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabsProps } from "../../typings";
3
4
  type TabsMobileProps = Omit<TabsProps, 'TabList' | 'size' | 'collapsible' | 'collapsedTabsIds'>;
4
- declare const TabsMobile: ({ view, scrollable, ...restProps }: TabsMobileProps) => JSX.Element;
5
+ declare const TabsMobile: ({ view, scrollable, ...restProps }: TabsMobileProps) => React.JSX.Element;
5
6
  export { TabsMobileProps, TabsMobile };
@@ -21,10 +21,10 @@ require('../../synthetic-events.js');
21
21
  require('../scrollable-container/Component.js');
22
22
  require('compute-scroll-into-view');
23
23
  require('../title/Component.js');
24
- require('../../index.module-c9ae6c01.js');
24
+ require('../../index.module-0362701b.js');
25
25
  require('../secondary-tablist/Component.js');
26
26
  require('@alfalab/core-components-tag');
27
- require('../../index.module-276f636f.js');
27
+ require('../../index.module-b8728ee4.js');
28
28
 
29
29
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
30
30
 
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabsProps } from "../../typings";
3
4
  type TabsResponsiveProps = Omit<TabsProps, 'TabList'>;
4
- declare const TabsResponsive: ({ view, scrollable, ...restProps }: TabsResponsiveProps) => JSX.Element;
5
+ declare const TabsResponsive: ({ view, scrollable, ...restProps }: TabsResponsiveProps) => React.JSX.Element;
5
6
  export { TabsResponsiveProps, TabsResponsive };
@@ -22,12 +22,12 @@ require('../../synthetic-events.js');
22
22
  require('../scrollable-container/Component.js');
23
23
  require('compute-scroll-into-view');
24
24
  require('../title/Component.js');
25
- require('../../index.module-c9ae6c01.js');
25
+ require('../../index.module-0362701b.js');
26
26
  require('../primary-tablist/Component.mobile.js');
27
27
  require('../secondary-tablist/Component.desktop.js');
28
28
  require('../secondary-tablist/Component.js');
29
29
  require('@alfalab/core-components-tag');
30
- require('../../index.module-276f636f.js');
30
+ require('../../index.module-b8728ee4.js');
31
31
  require('../secondary-tablist/Component.mobile.js');
32
32
 
33
33
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { FC, SVGProps } from 'react';
2
+ import React from 'react';
3
+ import { FC, SVGProps } from "react";
3
4
  import { OptionShape } from "./typings-5e1b8383";
4
5
  import { OptionProps as BaseOptionProps } from "./typings-5e1b8383";
5
6
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
@@ -7,5 +8,5 @@ type OptionProps = Omit<BaseOptionProps, 'option'> & {
7
8
  icon?: FC<SVGProps<SVGSVGElement>>;
8
9
  };
9
10
  };
10
- declare const Option: ({ option, children, ...restProps }: OptionProps) => JSX.Element;
11
+ declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
11
12
  export { Option };
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { CheckmarkProps } from "./typings-5e1b8383";
3
- declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
4
+ declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
4
5
  export { BaseCheckmark };
@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
4
4
  import { NavigationBarProps } from "./index-e81c389f";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-fae20163";
7
+ import { BottomSheetProps } from "./types-3441be57";
8
8
  type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
9
9
  headerRef: RefObject<HTMLDivElement>;
10
10
  };
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { Styles, TabListProps } from "../../typings";
3
- declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, collapsible, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, }: TabListProps & Styles) => JSX.Element;
4
+ declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, collapsible, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, }: TabListProps & Styles) => React.JSX.Element;
4
5
  export { PrimaryTabList };
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabListProps } from "../../typings";
3
- declare const PrimaryTabListDesktop: ({ size, ...restProps }: TabListProps) => JSX.Element;
4
+ declare const PrimaryTabListDesktop: ({ size, ...restProps }: TabListProps) => React.JSX.Element;
4
5
  export { PrimaryTabListDesktop };
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabListProps } from "../../typings";
3
4
  type PrimaryTabListMobileProps = Omit<TabListProps, 'size'>;
4
- declare const PrimaryTabListMobile: ({ className, ...restProps }: PrimaryTabListMobileProps) => JSX.Element;
5
+ declare const PrimaryTabListMobile: ({ className, ...restProps }: PrimaryTabListMobileProps) => React.JSX.Element;
5
6
  export { PrimaryTabListMobileProps, PrimaryTabListMobile };
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabListProps } from "../../typings";
3
- declare const PrimaryTabListResponsive: ({ size, defaultMatch, collapsible, collapsedTabsIds, fullWidthScroll, ...restProps }: TabListProps) => JSX.Element;
4
+ declare const PrimaryTabListResponsive: ({ size, defaultMatch, collapsible, collapsedTabsIds, fullWidthScroll, ...restProps }: TabListProps) => React.JSX.Element;
4
5
  export { PrimaryTabListResponsive };
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { ReactNode } from 'react';
2
+ import React from 'react';
3
+ import { ReactNode } from "react";
3
4
  import { TabsProps } from "../../typings";
4
5
  type ScrollableContainerProps = {
5
6
  /**
@@ -15,5 +16,5 @@ type ScrollableContainerProps = {
15
16
  */
16
17
  activeChild: HTMLElement | null;
17
18
  };
18
- declare const ScrollableContainer: ({ containerClassName, children, activeChild, fullWidthScroll, }: ScrollableContainerProps & Pick<TabsProps, 'fullWidthScroll'>) => JSX.Element;
19
+ declare const ScrollableContainer: ({ containerClassName, children, activeChild, fullWidthScroll, }: ScrollableContainerProps & Pick<TabsProps, 'fullWidthScroll'>) => React.JSX.Element;
19
20
  export { ScrollableContainerProps, ScrollableContainer };
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { SecondaryTabListProps, Styles } from "../../typings";
3
- declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, fullWidthScroll, tagSize, onChange, dataTestId, }: SecondaryTabListProps & Styles) => JSX.Element;
4
+ declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, fullWidthScroll, tagSize, onChange, dataTestId, }: SecondaryTabListProps & Styles) => React.JSX.Element;
4
5
  export { SecondaryTabList };
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { SecondaryTabListProps } from "../../typings";
3
4
  type SecondaryTabListDesktopProps = Omit<SecondaryTabListProps, 'tagSize'>;
4
- declare const SecondaryTabListDesktop: ({ size, ...restProps }: SecondaryTabListDesktopProps) => JSX.Element;
5
+ declare const SecondaryTabListDesktop: ({ size, ...restProps }: SecondaryTabListDesktopProps) => React.JSX.Element;
5
6
  export { SecondaryTabListDesktopProps, SecondaryTabListDesktop };
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { SecondaryTabListProps } from "../../typings";
3
4
  type SecondaryTabListMobileProps = Omit<SecondaryTabListProps, 'size' | 'tagSize'>;
4
- declare const SecondaryTabListMobile: ({ className, ...restProps }: SecondaryTabListMobileProps) => JSX.Element;
5
+ declare const SecondaryTabListMobile: ({ className, ...restProps }: SecondaryTabListMobileProps) => React.JSX.Element;
5
6
  export { SecondaryTabListMobileProps, SecondaryTabListMobile };
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { SecondaryTabListProps } from "../../typings";
3
- declare const SecondaryTabListResponsive: ({ size, defaultMatch, fullWidthScroll, ...restProps }: SecondaryTabListProps) => JSX.Element;
4
+ declare const SecondaryTabListResponsive: ({ size, defaultMatch, fullWidthScroll, ...restProps }: SecondaryTabListProps) => React.JSX.Element;
4
5
  export { SecondaryTabListResponsive };
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabProps } from "../../typings";
3
- declare const Tab: ({ children, hidden, className, disabled, dataTestId }: TabProps) => JSX.Element | null;
4
+ declare const Tab: ({ children, hidden, className, disabled, dataTestId }: TabProps) => React.JSX.Element | null;
4
5
  export { Tab };
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabsProps } from "../../typings";
3
- declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatch, children, selectedId, scrollable, collapsible, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, }: Omit<TabsProps, 'view'>) => JSX.Element;
4
+ declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatch, children, selectedId, scrollable, collapsible, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, }: Omit<TabsProps, 'view'>) => React.JSX.Element;
4
5
  export { Tabs };
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabsProps } from "../../typings";
3
4
  type TabsDesktopProps = Omit<TabsProps, 'TabList' | 'fullWidthScroll'>;
4
- declare const TabsDesktop: ({ view, scrollable, size, ...restProps }: TabsDesktopProps) => JSX.Element;
5
+ declare const TabsDesktop: ({ view, scrollable, size, ...restProps }: TabsDesktopProps) => React.JSX.Element;
5
6
  export { TabsDesktopProps, TabsDesktop };
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabsProps } from "../../typings";
3
4
  type TabsMobileProps = Omit<TabsProps, 'TabList' | 'size' | 'collapsible' | 'collapsedTabsIds'>;
4
- declare const TabsMobile: ({ view, scrollable, ...restProps }: TabsMobileProps) => JSX.Element;
5
+ declare const TabsMobile: ({ view, scrollable, ...restProps }: TabsMobileProps) => React.JSX.Element;
5
6
  export { TabsMobileProps, TabsMobile };
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabsProps } from "../../typings";
3
4
  type TabsResponsiveProps = Omit<TabsProps, 'TabList'>;
4
- declare const TabsResponsive: ({ view, scrollable, ...restProps }: TabsResponsiveProps) => JSX.Element;
5
+ declare const TabsResponsive: ({ view, scrollable, ...restProps }: TabsResponsiveProps) => React.JSX.Element;
5
6
  export { TabsResponsiveProps, TabsResponsive };
@@ -20,7 +20,7 @@ type useSelectWithLoadingProps = {
20
20
  Option?: React.FC<OptionProps>;
21
21
  };
22
22
  declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
23
- Option: (props: OptionProps) => JSX.Element;
23
+ Option: (props: OptionProps) => React.JSX.Element;
24
24
  options: OptionShape[];
25
25
  } | null;
26
26
  type OptionsFetcherResponse = {
@@ -51,7 +51,7 @@ type useLazyLoadingProps = {
51
51
  };
52
52
  declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
53
53
  optionsProps: {
54
- Option: (props: OptionProps) => JSX.Element;
54
+ Option: (props: OptionProps) => React.JSX.Element;
55
55
  options: OptionShape[];
56
56
  optionsListProps: {
57
57
  ref: React.RefObject<HTMLDivElement>;
@@ -1,3 +1,3 @@
1
1
  export * from "./component-3885b0d7";
2
- export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
2
+ export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-3441be57";
3
3
  export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";
@@ -223,5 +223,21 @@ type BottomSheetProps = {
223
223
  * Вызывается после притягивания к одной из `magneticAreas`
224
224
  */
225
225
  onMagnetize?: (index: number) => void;
226
+ /**
227
+ * Содержимое bottom-sheet всегда в DOM
228
+ */
229
+ keepMounted?: boolean;
230
+ /**
231
+ * Отключает автоматический перевод фокуса на bottom-sheet при открытии
232
+ */
233
+ disableAutoFocus?: boolean;
234
+ /**
235
+ * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
236
+ */
237
+ disableRestoreFocus?: boolean;
238
+ /**
239
+ * Отключает вызов `onClose` при нажатии Escape
240
+ */
241
+ disableEscapeKeyDown?: boolean;
226
242
  };
227
243
  export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, BottomSheetTitleAlign, BottomSheetProps };
package/desktop.js CHANGED
@@ -20,11 +20,11 @@ require('./hooks/use-tablist-titles.js');
20
20
  require('@alfalab/hooks');
21
21
  require('./synthetic-events.js');
22
22
  require('./components/title/Component.js');
23
- require('./index.module-c9ae6c01.js');
23
+ require('./index.module-0362701b.js');
24
24
  require('compute-scroll-into-view');
25
25
  require('./components/secondary-tablist/Component.js');
26
26
  require('@alfalab/core-components-tag');
27
- require('./index.module-276f636f.js');
27
+ require('./index.module-b8728ee4.js');
28
28
  require('./components/tabs/Component.js');
29
29
  require('@juggle/resize-observer');
30
30
 
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { FC, SVGProps } from 'react';
2
+ import React from 'react';
3
+ import { FC, SVGProps } from "react";
3
4
  import { OptionShape } from "./typings-5e1b8383";
4
5
  import { OptionProps as BaseOptionProps } from "./typings-5e1b8383";
5
6
  type OptionProps = Omit<BaseOptionProps, 'option'> & {
@@ -7,5 +8,5 @@ type OptionProps = Omit<BaseOptionProps, 'option'> & {
7
8
  icon?: FC<SVGProps<SVGSVGElement>>;
8
9
  };
9
10
  };
10
- declare const Option: ({ option, children, ...restProps }: OptionProps) => JSX.Element;
11
+ declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
11
12
  export { Option };
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { CheckmarkProps } from "./typings-5e1b8383";
3
- declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
4
+ declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
4
5
  export { BaseCheckmark };
@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
4
4
  import { NavigationBarProps } from "./index-e81c389f";
5
5
  import { SwipeableHandlers } from "react-swipeable";
6
6
  import { BackdropProps } from "./index-ebda875c";
7
- import { BottomSheetProps } from "./types-fae20163";
7
+ import { BottomSheetProps } from "./types-3441be57";
8
8
  type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
9
9
  headerRef: RefObject<HTMLDivElement>;
10
10
  };
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { Styles, TabListProps } from "../../typings";
3
- declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, collapsible, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, }: TabListProps & Styles) => JSX.Element;
4
+ declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, collapsible, collapsedTabsIds, fullWidthScroll, onChange, dataTestId, breakpoint, }: TabListProps & Styles) => React.JSX.Element;
4
5
  export { PrimaryTabList };
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabListProps } from "../../typings";
3
- declare const PrimaryTabListDesktop: ({ size, ...restProps }: TabListProps) => JSX.Element;
4
+ declare const PrimaryTabListDesktop: ({ size, ...restProps }: TabListProps) => React.JSX.Element;
4
5
  export { PrimaryTabListDesktop };
@@ -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 { c as commonStyles } from '../../index.module-624eec4d.js';
4
+ import { c as commonStyles } from '../../index.module-e99388b2.js';
5
5
  import 'classnames';
6
6
  import '@alfalab/core-components-badge/esm';
7
7
  import '@alfalab/core-components-keyboard-focusable/esm';
@@ -1,5 +1,6 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabListProps } from "../../typings";
3
4
  type PrimaryTabListMobileProps = Omit<TabListProps, 'size'>;
4
- declare const PrimaryTabListMobile: ({ className, ...restProps }: PrimaryTabListMobileProps) => JSX.Element;
5
+ declare const PrimaryTabListMobile: ({ className, ...restProps }: PrimaryTabListMobileProps) => React.JSX.Element;
5
6
  export { PrimaryTabListMobileProps, PrimaryTabListMobile };
@@ -2,7 +2,7 @@ import { __assign, __rest } from 'tslib';
2
2
  import React from 'react';
3
3
  import cn from 'classnames';
4
4
  import { PrimaryTabList } from './Component.js';
5
- import { c as commonStyles } from '../../index.module-624eec4d.js';
5
+ import { c as commonStyles } from '../../index.module-e99388b2.js';
6
6
  import '@alfalab/core-components-badge/esm';
7
7
  import '@alfalab/core-components-keyboard-focusable/esm';
8
8
  import '@alfalab/core-components-picker-button/esm/desktop';
@@ -16,7 +16,7 @@ import '../scrollable-container/Component.js';
16
16
  import 'compute-scroll-into-view';
17
17
  import '../title/Component.js';
18
18
 
19
- var mobileStyles = {"title":"tabs__title_19lxb tabs__title_wok73","mobile":"tabs__mobile_19lxb"};
19
+ var mobileStyles = {"title":"tabs__title_1yus2 tabs__title_hw7vm","mobile":"tabs__mobile_1yus2"};
20
20
  require('./mobile.css')
21
21
 
22
22
  var styles = __assign(__assign({}, commonStyles), mobileStyles);
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import React from 'react';
2
3
  import { TabListProps } from "../../typings";
3
- declare const PrimaryTabListResponsive: ({ size, defaultMatch, collapsible, collapsedTabsIds, fullWidthScroll, ...restProps }: TabListProps) => JSX.Element;
4
+ declare const PrimaryTabListResponsive: ({ size, defaultMatch, collapsible, collapsedTabsIds, fullWidthScroll, ...restProps }: TabListProps) => React.JSX.Element;
4
5
  export { PrimaryTabListResponsive };
@@ -16,7 +16,7 @@ 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-624eec4d.js';
19
+ import '../../index.module-e99388b2.js';
20
20
 
21
21
  var PrimaryTabListResponsive = function (_a) {
22
22
  var size = _a.size, _b = _a.defaultMatch, defaultMatch = _b === void 0 ? 'desktop' : _b, collapsible = _a.collapsible, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, restProps = __rest(_a, ["size", "defaultMatch", "collapsible", "collapsedTabsIds", "fullWidthScroll"]);