@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.
- package/Component-3e68f8db.d.ts +3 -2
- package/Component-5e1b8383.d.ts +2 -1
- package/component-3885b0d7.d.ts +1 -1
- package/components/primary-tablist/Component.d.ts +2 -1
- package/components/primary-tablist/Component.desktop.d.ts +2 -1
- package/components/primary-tablist/Component.desktop.js +1 -1
- package/components/primary-tablist/Component.mobile.d.ts +2 -1
- package/components/primary-tablist/Component.mobile.js +2 -2
- package/components/primary-tablist/Component.responsive.d.ts +2 -1
- package/components/primary-tablist/Component.responsive.js +1 -1
- package/components/primary-tablist/index.css +29 -29
- package/components/primary-tablist/mobile.css +32 -32
- package/components/scrollable-container/Component.d.ts +3 -2
- package/components/scrollable-container/Component.js +1 -1
- package/components/scrollable-container/index.css +5 -5
- package/components/secondary-tablist/Component.d.ts +2 -1
- package/components/secondary-tablist/Component.desktop.d.ts +2 -1
- package/components/secondary-tablist/Component.desktop.js +1 -1
- package/components/secondary-tablist/Component.mobile.d.ts +2 -1
- package/components/secondary-tablist/Component.mobile.js +2 -2
- package/components/secondary-tablist/Component.responsive.d.ts +2 -1
- package/components/secondary-tablist/Component.responsive.js +1 -1
- package/components/secondary-tablist/index.css +11 -11
- package/components/secondary-tablist/mobile.css +13 -13
- package/components/tab/Component.d.ts +2 -1
- package/components/tab/Component.js +1 -1
- package/components/tab/index.css +3 -3
- package/components/tabs/Component.d.ts +2 -1
- package/components/tabs/Component.desktop.d.ts +2 -1
- package/components/tabs/Component.desktop.js +2 -2
- package/components/tabs/Component.mobile.d.ts +2 -1
- package/components/tabs/Component.mobile.js +2 -2
- package/components/tabs/Component.responsive.d.ts +2 -1
- package/components/tabs/Component.responsive.js +2 -2
- package/cssm/Component-3e68f8db.d.ts +3 -2
- package/cssm/Component-5e1b8383.d.ts +2 -1
- package/cssm/component-3885b0d7.d.ts +1 -1
- package/cssm/components/primary-tablist/Component.d.ts +2 -1
- package/cssm/components/primary-tablist/Component.desktop.d.ts +2 -1
- package/cssm/components/primary-tablist/Component.mobile.d.ts +2 -1
- package/cssm/components/primary-tablist/Component.responsive.d.ts +2 -1
- package/cssm/components/scrollable-container/Component.d.ts +3 -2
- package/cssm/components/secondary-tablist/Component.d.ts +2 -1
- package/cssm/components/secondary-tablist/Component.desktop.d.ts +2 -1
- package/cssm/components/secondary-tablist/Component.mobile.d.ts +2 -1
- package/cssm/components/secondary-tablist/Component.responsive.d.ts +2 -1
- package/cssm/components/tab/Component.d.ts +2 -1
- package/cssm/components/tabs/Component.d.ts +2 -1
- package/cssm/components/tabs/Component.desktop.d.ts +2 -1
- package/cssm/components/tabs/Component.mobile.d.ts +2 -1
- package/cssm/components/tabs/Component.responsive.d.ts +2 -1
- package/cssm/index-3e68f8db.d.ts +2 -2
- package/cssm/index-f12ee135.d.ts +1 -1
- package/cssm/{types-fae20163.d.ts → types-3441be57.d.ts} +16 -0
- package/desktop.js +2 -2
- package/esm/Component-3e68f8db.d.ts +3 -2
- package/esm/Component-5e1b8383.d.ts +2 -1
- package/esm/component-3885b0d7.d.ts +1 -1
- package/esm/components/primary-tablist/Component.d.ts +2 -1
- package/esm/components/primary-tablist/Component.desktop.d.ts +2 -1
- package/esm/components/primary-tablist/Component.desktop.js +1 -1
- package/esm/components/primary-tablist/Component.mobile.d.ts +2 -1
- package/esm/components/primary-tablist/Component.mobile.js +2 -2
- package/esm/components/primary-tablist/Component.responsive.d.ts +2 -1
- package/esm/components/primary-tablist/Component.responsive.js +1 -1
- package/esm/components/primary-tablist/index.css +29 -29
- package/esm/components/primary-tablist/mobile.css +32 -32
- package/esm/components/scrollable-container/Component.d.ts +3 -2
- package/esm/components/scrollable-container/Component.js +1 -1
- package/esm/components/scrollable-container/index.css +5 -5
- package/esm/components/secondary-tablist/Component.d.ts +2 -1
- package/esm/components/secondary-tablist/Component.desktop.d.ts +2 -1
- package/esm/components/secondary-tablist/Component.desktop.js +1 -1
- package/esm/components/secondary-tablist/Component.mobile.d.ts +2 -1
- package/esm/components/secondary-tablist/Component.mobile.js +2 -2
- package/esm/components/secondary-tablist/Component.responsive.d.ts +2 -1
- package/esm/components/secondary-tablist/Component.responsive.js +1 -1
- package/esm/components/secondary-tablist/index.css +11 -11
- package/esm/components/secondary-tablist/mobile.css +13 -13
- package/esm/components/tab/Component.d.ts +2 -1
- package/esm/components/tab/Component.js +1 -1
- package/esm/components/tab/index.css +3 -3
- package/esm/components/tabs/Component.d.ts +2 -1
- package/esm/components/tabs/Component.desktop.d.ts +2 -1
- package/esm/components/tabs/Component.desktop.js +2 -2
- package/esm/components/tabs/Component.mobile.d.ts +2 -1
- package/esm/components/tabs/Component.mobile.js +2 -2
- package/esm/components/tabs/Component.responsive.d.ts +2 -1
- package/esm/components/tabs/Component.responsive.js +2 -2
- package/esm/desktop.js +2 -2
- package/esm/index-3e68f8db.d.ts +2 -2
- package/esm/index-f12ee135.d.ts +1 -1
- package/esm/index.js +2 -2
- package/esm/index.module-635513a6.js +4 -0
- package/esm/index.module-e99388b2.js +4 -0
- package/esm/mobile.js +2 -2
- package/esm/responsive.js +2 -2
- package/{modern/types-fae20163.d.ts → esm/types-3441be57.d.ts} +16 -0
- package/index-3e68f8db.d.ts +2 -2
- package/index-f12ee135.d.ts +1 -1
- package/index.js +2 -2
- package/index.module-0362701b.js +6 -0
- package/index.module-b8728ee4.js +6 -0
- package/mobile.js +2 -2
- package/modern/Component-3e68f8db.d.ts +3 -2
- package/modern/Component-5e1b8383.d.ts +2 -1
- package/modern/component-3885b0d7.d.ts +1 -1
- package/modern/components/primary-tablist/Component.d.ts +2 -1
- package/modern/components/primary-tablist/Component.desktop.d.ts +2 -1
- package/modern/components/primary-tablist/Component.desktop.js +1 -1
- package/modern/components/primary-tablist/Component.mobile.d.ts +2 -1
- package/modern/components/primary-tablist/Component.mobile.js +2 -2
- package/modern/components/primary-tablist/Component.responsive.d.ts +2 -1
- package/modern/components/primary-tablist/Component.responsive.js +1 -1
- package/modern/components/primary-tablist/index.css +29 -29
- package/modern/components/primary-tablist/mobile.css +32 -32
- package/modern/components/scrollable-container/Component.d.ts +3 -2
- package/modern/components/scrollable-container/Component.js +1 -1
- package/modern/components/scrollable-container/index.css +5 -5
- package/modern/components/secondary-tablist/Component.d.ts +2 -1
- package/modern/components/secondary-tablist/Component.desktop.d.ts +2 -1
- package/modern/components/secondary-tablist/Component.desktop.js +1 -1
- package/modern/components/secondary-tablist/Component.mobile.d.ts +2 -1
- package/modern/components/secondary-tablist/Component.mobile.js +2 -2
- package/modern/components/secondary-tablist/Component.responsive.d.ts +2 -1
- package/modern/components/secondary-tablist/Component.responsive.js +1 -1
- package/modern/components/secondary-tablist/index.css +11 -11
- package/modern/components/secondary-tablist/mobile.css +13 -13
- package/modern/components/tab/Component.d.ts +2 -1
- package/modern/components/tab/Component.js +1 -1
- package/modern/components/tab/index.css +3 -3
- package/modern/components/tabs/Component.d.ts +2 -1
- package/modern/components/tabs/Component.desktop.d.ts +2 -1
- package/modern/components/tabs/Component.desktop.js +2 -2
- package/modern/components/tabs/Component.mobile.d.ts +2 -1
- package/modern/components/tabs/Component.mobile.js +2 -2
- package/modern/components/tabs/Component.responsive.d.ts +2 -1
- package/modern/components/tabs/Component.responsive.js +2 -2
- package/modern/desktop.js +2 -2
- package/modern/index-3e68f8db.d.ts +2 -2
- package/modern/index-f12ee135.d.ts +1 -1
- package/modern/index.js +2 -2
- package/modern/index.module-34edbfd1.js +4 -0
- package/modern/index.module-f1cda2bf.js +4 -0
- package/modern/mobile.js +2 -2
- package/modern/responsive.js +2 -2
- package/{types-fae20163.d.ts → modern/types-3441be57.d.ts} +16 -0
- package/package.json +5 -8
- package/responsive.js +2 -2
- package/{esm/types-fae20163.d.ts → types-3441be57.d.ts} +16 -0
- package/esm/index.module-4cd1e213.js +0 -4
- package/esm/index.module-624eec4d.js +0 -4
- package/index.module-276f636f.js +0 -6
- package/index.module-c9ae6c01.js +0 -6
- package/modern/index.module-06f630bb.js +0 -4
- package/modern/index.module-8f1e7aaa.js +0 -4
- package/send-stats.js +0 -82
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
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
|
-
}.
|
|
54
|
+
}.tabs__component_1lkwx {
|
|
55
55
|
position: relative;
|
|
56
56
|
display: inline-flex;
|
|
57
|
-
}.
|
|
57
|
+
}.tabs__fullWidthScroll_1lkwx {
|
|
58
58
|
margin: 0 var(--gap-m);
|
|
59
|
-
}.
|
|
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
|
-
}.
|
|
65
|
+
}.tabs__title_1lkwx {
|
|
66
66
|
white-space: nowrap;
|
|
67
|
-
}/* sizes */.
|
|
67
|
+
}/* sizes */.tabs__xxs_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
|
|
68
68
|
margin-left: var(--secondary-tablist-xxs-gaps);
|
|
69
|
-
}.
|
|
69
|
+
}.tabs__xs_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
|
|
70
70
|
margin-left: var(--secondary-tablist-xs-gaps);
|
|
71
|
-
}.
|
|
71
|
+
}.tabs__s_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
|
|
72
72
|
margin-left: var(--secondary-tablist-s-gaps);
|
|
73
|
-
}.
|
|
73
|
+
}.tabs__m_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
|
|
74
74
|
margin-left: var(--secondary-tablist-m-gaps);
|
|
75
|
-
}.
|
|
75
|
+
}.tabs__l_1lkwx .tabs__title_1lkwx + .tabs__title_1lkwx {
|
|
76
76
|
margin-left: var(--secondary-tablist-l-gaps);
|
|
77
|
-
}.
|
|
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
|
-
} .
|
|
975
|
-
} .
|
|
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":"
|
|
13
|
+
var styles = {"component":"tabs__component_17yw9","hidden":"tabs__hidden_17yw9"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
var Tab = function (_a) {
|
package/components/tab/index.css
CHANGED
|
@@ -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-
|
|
24
|
+
require('../../index.module-0362701b.js');
|
|
25
25
|
require('../secondary-tablist/Component.js');
|
|
26
26
|
require('@alfalab/core-components-tag');
|
|
27
|
-
require('../../index.module-
|
|
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-
|
|
24
|
+
require('../../index.module-0362701b.js');
|
|
25
25
|
require('../secondary-tablist/Component.js');
|
|
26
26
|
require('@alfalab/core-components-tag');
|
|
27
|
-
require('../../index.module-
|
|
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-
|
|
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-
|
|
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
|
|
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-
|
|
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
|
|
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 };
|
package/cssm/index-3e68f8db.d.ts
CHANGED
|
@@ -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>;
|
package/cssm/index-f12ee135.d.ts
CHANGED
|
@@ -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-
|
|
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-
|
|
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
|
|
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-
|
|
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-
|
|
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-
|
|
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":"
|
|
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-
|
|
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"]);
|