@alfalab/core-components-tabs 8.0.8 → 8.1.1

package/src/components/tabs/Component.collapsible.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+
+import { TabsProps } from '../../typings';
+import { CollapsiblePrimaryTabList } from '../primary-tablist/Component.collapsible';
+
+import { Tabs } from './Component';
+
+export type TabsCollapsibleProps = Omit<
+    TabsProps,
+    'TabList' | 'fullWidthScroll' | 'scrollable' | 'view'
+>;
+
+export const TabsCollapsible = ({ ...restProps }: TabsCollapsibleProps) => (
+    <Tabs TabList={CollapsiblePrimaryTabList} {...restProps} />
+);

package/src/components/tabs/Component.mobile.tsx

@@ -11,7 +11,7 @@ const views = {
     secondary: SecondaryTabListMobile,
 };
 
-export type TabsMobileProps = Omit<TabsProps, 'TabList' | 'size' | 'collapsedTabsIds'>;
+export type TabsMobileProps = Omit<TabsProps, 'TabList' | 'collapsedTabsIds'>;
 
 export const TabsMobile = ({
     view = 'primary',

package/src/components/tabs/Component.tsx

@@ -17,6 +17,8 @@ export const Tabs = ({
     dataTestId,
     onChange,
     breakpoint = 1024,
+    tagShape,
+    tagView,
 }: Omit<TabsProps, 'view'>) => {
     const tabsArray = React.Children.toArray(children) as TabsProps['children'];
     const titles = tabsArray.map(
@@ -59,6 +61,8 @@ export const Tabs = ({
                 defaultMatchMediaValue={defaultMatchMediaValue}
                 fullWidthScroll={fullWidthScroll}
                 breakpoint={breakpoint}
+                tagShape={tagShape}
+                tagView={tagView}
             />
 
             {tabs.map((tab) => cloneElement(tab, { hidden: tab.props.id !== selectedId }))}

package/src/typings.ts

@@ -85,6 +85,16 @@ export type TabsProps = {
      * @default 1024
      */
     breakpoint?: number;
+
+    /**
+     * Форма тега (для view secondary только)
+     */
+    tagShape?: TagProps['shape'];
+
+    /**
+     * Стиль тега (для view secondary только)
+     */
+    tagView?: TagProps['view'];
 };
 
 export type TabProps = {
@@ -163,6 +173,8 @@ export type TabListProps = Pick<
     | 'onChange'
     | 'dataTestId'
     | 'fullWidthScroll'
+    | 'tagShape'
+    | 'tagView'
 > & {
     /**
      * Заголовки табов
@@ -185,3 +197,7 @@ export type UseTabsProps = TabListProps;
 export type Styles = {
     styles?: { [key: string]: string };
 };
+
+export type PlatformProps = {
+    platform: 'desktop' | 'mobile';
+};

package/typings.d.ts

@@ -69,6 +69,14 @@ type TabsProps = {
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Форма тега (для view secondary только)
+     */
+    tagShape?: TagProps['shape'];
+    /**
+     * Стиль тега (для view secondary только)
+     */
+    tagView?: TagProps['view'];
 };
 type TabProps = {
     /**
@@ -123,7 +131,7 @@ type TabListTitle = {
     collapsed?: boolean;
     dataTestId?: string;
 };
-type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size' | 'defaultMatchMediaValue' | 'selectedId' | 'scrollable' | 'collapsedTabsIds' | 'onChange' | 'dataTestId' | 'fullWidthScroll'> & {
+type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size' | 'defaultMatchMediaValue' | 'selectedId' | 'scrollable' | 'collapsedTabsIds' | 'onChange' | 'dataTestId' | 'fullWidthScroll' | 'tagShape' | 'tagView'> & {
     /**
      * Заголовки табов
      */
@@ -144,4 +152,7 @@ type Styles = {
         [key: string]: string;
     };
 };
-export { SelectedId, TabsProps, TabProps, TabListTitle, TabListProps, SecondaryTabListProps, UseTabsProps, Styles };
+type PlatformProps = {
+    platform: 'desktop' | 'mobile';
+};
+export { SelectedId, TabsProps, TabProps, TabListTitle, TabListProps, SecondaryTabListProps, UseTabsProps, Styles, PlatformProps };

package/components/primary-tablist/Component.collapsible.desktop.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabListProps } from "../../typings";
-declare const CollapsiblePrimaryTabListDesktop: ({ size, ...restProps }: TabListProps) => React.JSX.Element;
-export { CollapsiblePrimaryTabListDesktop };

package/components/primary-tablist/Component.collapsible.desktop.js

@@ -1,32 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var components_primaryTablist_Component_collapsible = require('./Component.collapsible.js');
-var index_module = require('../../index.module-0d8ea41a.js');
-require('classnames');
-require('@alfalab/core-components-badge');
-require('@alfalab/core-components-keyboard-focusable');
-require('@alfalab/core-components-picker-button/desktop');
-require('../../hooks/use-tablist-titles.js');
-require('@alfalab/core-components-mq');
-require('../../hooks/use-collapsible-elements.js');
-require('@juggle/resize-observer');
-require('@alfalab/hooks');
-require('../../hooks/use-tabs.js');
-require('@alfalab/core-components-shared');
-require('../../synthetic-events.js');
-require('../title/Component.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var CollapsiblePrimaryTabListDesktop = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'm' : _b, restProps = tslib.__rest(_a, ["size"]);
-    return (React__default.default.createElement(components_primaryTablist_Component_collapsible.CollapsiblePrimaryTabList, tslib.__assign({}, restProps, { size: size, styles: index_module.commonStyles })));
-};
-
-exports.CollapsiblePrimaryTabListDesktop = CollapsiblePrimaryTabListDesktop;

package/components/primary-tablist/Component.collapsible.mobile.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabListProps } from "../../typings";
-type CollapsiblePrimaryTabListMobileProps = Omit<TabListProps, 'size'>;
-declare const CollapsiblePrimaryTabListMobile: ({ className, ...restProps }: CollapsiblePrimaryTabListMobileProps) => React.JSX.Element;
-export { CollapsiblePrimaryTabListMobileProps, CollapsiblePrimaryTabListMobile };

package/components/primary-tablist/Component.collapsible.mobile.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var components_primaryTablist_Component_collapsible = require('./Component.collapsible.js');
-var index_module = require('../../index.module-0d8ea41a.js');
-var mobile_module = require('../../mobile.module-a305e8da.js');
-require('@alfalab/core-components-badge');
-require('@alfalab/core-components-keyboard-focusable');
-require('@alfalab/core-components-picker-button/desktop');
-require('../../hooks/use-tablist-titles.js');
-require('@alfalab/core-components-mq');
-require('../../hooks/use-collapsible-elements.js');
-require('@juggle/resize-observer');
-require('@alfalab/hooks');
-require('../../hooks/use-tabs.js');
-require('@alfalab/core-components-shared');
-require('../../synthetic-events.js');
-require('../title/Component.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-
-var styles = tslib.__assign(tslib.__assign({}, index_module.commonStyles), mobile_module.mobileStyles);
-var CollapsiblePrimaryTabListMobile = function (_a) {
-    var className = _a.className, restProps = tslib.__rest(_a, ["className"]);
-    return (React__default.default.createElement(components_primaryTablist_Component_collapsible.CollapsiblePrimaryTabList, tslib.__assign({}, restProps, { styles: styles, className: cn__default.default(className, styles.mobile) })));
-};
-
-exports.CollapsiblePrimaryTabListMobile = CollapsiblePrimaryTabListMobile;

package/components/primary-tablist/Component.collapsible.responsive.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabListProps } from "../../typings";
-declare const CollapsiblePrimaryTabListResponsive: ({ size, fullWidthScroll, breakpoint, defaultMatchMediaValue, ...restProps }: TabListProps) => React.JSX.Element;
-export { CollapsiblePrimaryTabListResponsive };

package/components/primary-tablist/Component.collapsible.responsive.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var coreComponentsMq = require('@alfalab/core-components-mq');
-var components_primaryTablist_Component_collapsible_desktop = require('./Component.collapsible.desktop.js');
-var components_primaryTablist_Component_collapsible_mobile = require('./Component.collapsible.mobile.js');
-require('./Component.collapsible.js');
-require('classnames');
-require('@alfalab/core-components-badge');
-require('@alfalab/core-components-keyboard-focusable');
-require('@alfalab/core-components-picker-button/desktop');
-require('../../hooks/use-tablist-titles.js');
-require('../../hooks/use-collapsible-elements.js');
-require('@juggle/resize-observer');
-require('@alfalab/hooks');
-require('../../hooks/use-tabs.js');
-require('@alfalab/core-components-shared');
-require('../../synthetic-events.js');
-require('../title/Component.js');
-require('../../index.module-0d8ea41a.js');
-require('../../mobile.module-a305e8da.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var CollapsiblePrimaryTabListResponsive = function (_a) {
-    var size = _a.size, fullWidthScroll = _a.fullWidthScroll, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["size", "fullWidthScroll", "breakpoint", "defaultMatchMediaValue"]);
-    var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
-    return isDesktop ? (React__default.default.createElement(components_primaryTablist_Component_collapsible_desktop.CollapsiblePrimaryTabListDesktop, tslib.__assign({ size: size, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint }, restProps))) : (React__default.default.createElement(components_primaryTablist_Component_collapsible_mobile.CollapsiblePrimaryTabListMobile, tslib.__assign({ fullWidthScroll: fullWidthScroll, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint }, restProps)));
-};
-
-exports.CollapsiblePrimaryTabListResponsive = CollapsiblePrimaryTabListResponsive;

package/components/tabs/Component.collabsible.desktop.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsCollapsibleDesktopProps = Omit<TabsProps, 'TabList' | 'fullWidthScroll' | 'scrollable' | 'view'>;
-declare const TabsCollapsibleDesktop: ({ ...restProps }: TabsCollapsibleDesktopProps) => React.JSX.Element;
-export { TabsCollapsibleDesktopProps, TabsCollapsibleDesktop };

package/components/tabs/Component.collapsible.mobile.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsCollapsibleMobileProps = Omit<TabsProps, 'TabList' | 'scrollable' | 'view' | 'size'>;
-declare const TabsCollapsibleMobile: ({ ...restProps }: TabsCollapsibleMobileProps) => React.JSX.Element;
-export { TabsCollapsibleMobileProps, TabsCollapsibleMobile };

package/components/tabs/Component.collapsible.mobile.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var components_primaryTablist_Component_collapsible_mobile = require('../primary-tablist/Component.collapsible.mobile.js');
-var components_tabs_Component = require('./Component.js');
-require('classnames');
-require('../primary-tablist/Component.collapsible.js');
-require('@alfalab/core-components-badge');
-require('@alfalab/core-components-keyboard-focusable');
-require('@alfalab/core-components-picker-button/desktop');
-require('../../hooks/use-tablist-titles.js');
-require('@alfalab/core-components-mq');
-require('../../hooks/use-collapsible-elements.js');
-require('@juggle/resize-observer');
-require('@alfalab/hooks');
-require('../../hooks/use-tabs.js');
-require('@alfalab/core-components-shared');
-require('../../synthetic-events.js');
-require('../title/Component.js');
-require('../../index.module-0d8ea41a.js');
-require('../../mobile.module-a305e8da.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var TabsCollapsibleMobile = function (_a) {
-    var restProps = tslib.__rest(_a, []);
-    return (React__default.default.createElement(components_tabs_Component.Tabs, tslib.__assign({ TabList: components_primaryTablist_Component_collapsible_mobile.CollapsiblePrimaryTabListMobile }, restProps)));
-};
-
-exports.TabsCollapsibleMobile = TabsCollapsibleMobile;

package/components/tabs/Component.collapsible.responsive.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsCollapsibleResponsiveProps = Omit<TabsProps, 'TabList' | 'scrollable' | 'view'>;
-declare const TabsCollapsibleResponsive: ({ ...restProps }: TabsCollapsibleResponsiveProps) => React.JSX.Element;
-export { TabsCollapsibleResponsiveProps, TabsCollapsibleResponsive };

package/components/tabs/Component.collapsible.responsive.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var components_primaryTablist_Component_collapsible_responsive = require('../primary-tablist/Component.collapsible.responsive.js');
-var components_tabs_Component = require('./Component.js');
-require('@alfalab/core-components-mq');
-require('../primary-tablist/Component.collapsible.desktop.js');
-require('../primary-tablist/Component.collapsible.js');
-require('classnames');
-require('@alfalab/core-components-badge');
-require('@alfalab/core-components-keyboard-focusable');
-require('@alfalab/core-components-picker-button/desktop');
-require('../../hooks/use-tablist-titles.js');
-require('../../hooks/use-collapsible-elements.js');
-require('@juggle/resize-observer');
-require('@alfalab/hooks');
-require('../../hooks/use-tabs.js');
-require('@alfalab/core-components-shared');
-require('../../synthetic-events.js');
-require('../title/Component.js');
-require('../../index.module-0d8ea41a.js');
-require('../primary-tablist/Component.collapsible.mobile.js');
-require('../../mobile.module-a305e8da.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var TabsCollapsibleResponsive = function (_a) {
-    var restProps = tslib.__rest(_a, []);
-    return (React__default.default.createElement(components_tabs_Component.Tabs, tslib.__assign({ TabList: components_primaryTablist_Component_collapsible_responsive.CollapsiblePrimaryTabListResponsive }, restProps)));
-};
-
-exports.TabsCollapsibleResponsive = TabsCollapsibleResponsive;

package/cssm/components/primary-tablist/Component.collapsible.desktop.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabListProps } from "../../typings";
-declare const CollapsiblePrimaryTabListDesktop: ({ size, ...restProps }: TabListProps) => React.JSX.Element;
-export { CollapsiblePrimaryTabListDesktop };

package/cssm/components/primary-tablist/Component.collapsible.desktop.js

@@ -1,33 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var components_primaryTablist_Component_collapsible = require('./Component.collapsible.js');
-var styles = require('./index.module.css');
-require('classnames');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/core-components-keyboard-focusable/cssm');
-require('@alfalab/core-components-picker-button/cssm/desktop');
-require('../../hooks/use-tablist-titles.js');
-require('@alfalab/core-components-mq/cssm');
-require('../../hooks/use-collapsible-elements.js');
-require('@juggle/resize-observer');
-require('@alfalab/hooks');
-require('../../hooks/use-tabs.js');
-require('@alfalab/core-components-shared/cssm');
-require('../../synthetic-events.js');
-require('../title/Component.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var CollapsiblePrimaryTabListDesktop = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'm' : _b, restProps = tslib.__rest(_a, ["size"]);
-    return (React__default.default.createElement(components_primaryTablist_Component_collapsible.CollapsiblePrimaryTabList, tslib.__assign({}, restProps, { size: size, styles: styles__default.default })));
-};
-
-exports.CollapsiblePrimaryTabListDesktop = CollapsiblePrimaryTabListDesktop;

package/cssm/components/primary-tablist/Component.collapsible.mobile.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabListProps } from "../../typings";
-type CollapsiblePrimaryTabListMobileProps = Omit<TabListProps, 'size'>;
-declare const CollapsiblePrimaryTabListMobile: ({ className, ...restProps }: CollapsiblePrimaryTabListMobileProps) => React.JSX.Element;
-export { CollapsiblePrimaryTabListMobileProps, CollapsiblePrimaryTabListMobile };

package/cssm/components/primary-tablist/Component.collapsible.mobile.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var components_primaryTablist_Component_collapsible = require('./Component.collapsible.js');
-var styles$1 = require('./index.module.css');
-var mobileStyles = require('./mobile.module.css');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/core-components-keyboard-focusable/cssm');
-require('@alfalab/core-components-picker-button/cssm/desktop');
-require('../../hooks/use-tablist-titles.js');
-require('@alfalab/core-components-mq/cssm');
-require('../../hooks/use-collapsible-elements.js');
-require('@juggle/resize-observer');
-require('@alfalab/hooks');
-require('../../hooks/use-tabs.js');
-require('@alfalab/core-components-shared/cssm');
-require('../../synthetic-events.js');
-require('../title/Component.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles$1);
-var mobileStyles__default = /*#__PURE__*/_interopDefaultCompat(mobileStyles);
-
-var styles = tslib.__assign(tslib.__assign({}, styles__default.default), mobileStyles__default.default);
-var CollapsiblePrimaryTabListMobile = function (_a) {
-    var className = _a.className, restProps = tslib.__rest(_a, ["className"]);
-    return (React__default.default.createElement(components_primaryTablist_Component_collapsible.CollapsiblePrimaryTabList, tslib.__assign({}, restProps, { styles: styles, className: cn__default.default(className, styles.mobile) })));
-};
-
-exports.CollapsiblePrimaryTabListMobile = CollapsiblePrimaryTabListMobile;

package/cssm/components/primary-tablist/Component.collapsible.responsive.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabListProps } from "../../typings";
-declare const CollapsiblePrimaryTabListResponsive: ({ size, fullWidthScroll, breakpoint, defaultMatchMediaValue, ...restProps }: TabListProps) => React.JSX.Element;
-export { CollapsiblePrimaryTabListResponsive };

package/cssm/components/primary-tablist/Component.collapsible.responsive.js

@@ -1,36 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
-var components_primaryTablist_Component_collapsible_desktop = require('./Component.collapsible.desktop.js');
-var components_primaryTablist_Component_collapsible_mobile = require('./Component.collapsible.mobile.js');
-require('./Component.collapsible.js');
-require('classnames');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/core-components-keyboard-focusable/cssm');
-require('@alfalab/core-components-picker-button/cssm/desktop');
-require('../../hooks/use-tablist-titles.js');
-require('../../hooks/use-collapsible-elements.js');
-require('@juggle/resize-observer');
-require('@alfalab/hooks');
-require('../../hooks/use-tabs.js');
-require('@alfalab/core-components-shared/cssm');
-require('../../synthetic-events.js');
-require('../title/Component.js');
-require('./index.module.css');
-require('./mobile.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var CollapsiblePrimaryTabListResponsive = function (_a) {
-    var size = _a.size, fullWidthScroll = _a.fullWidthScroll, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["size", "fullWidthScroll", "breakpoint", "defaultMatchMediaValue"]);
-    var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
-    return isDesktop ? (React__default.default.createElement(components_primaryTablist_Component_collapsible_desktop.CollapsiblePrimaryTabListDesktop, tslib.__assign({ size: size, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint }, restProps))) : (React__default.default.createElement(components_primaryTablist_Component_collapsible_mobile.CollapsiblePrimaryTabListMobile, tslib.__assign({ fullWidthScroll: fullWidthScroll, defaultMatchMediaValue: defaultMatchMediaValue, breakpoint: breakpoint }, restProps)));
-};
-
-exports.CollapsiblePrimaryTabListResponsive = CollapsiblePrimaryTabListResponsive;

package/cssm/components/tabs/Component.collabsible.desktop.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsCollapsibleDesktopProps = Omit<TabsProps, 'TabList' | 'fullWidthScroll' | 'scrollable' | 'view'>;
-declare const TabsCollapsibleDesktop: ({ ...restProps }: TabsCollapsibleDesktopProps) => React.JSX.Element;
-export { TabsCollapsibleDesktopProps, TabsCollapsibleDesktop };

package/cssm/components/tabs/Component.collapsible.mobile.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsCollapsibleMobileProps = Omit<TabsProps, 'TabList' | 'scrollable' | 'view' | 'size'>;
-declare const TabsCollapsibleMobile: ({ ...restProps }: TabsCollapsibleMobileProps) => React.JSX.Element;
-export { TabsCollapsibleMobileProps, TabsCollapsibleMobile };

package/cssm/components/tabs/Component.collapsible.mobile.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var components_primaryTablist_Component_collapsible_mobile = require('../primary-tablist/Component.collapsible.mobile.js');
-var components_tabs_Component = require('./Component.js');
-require('classnames');
-require('../primary-tablist/Component.collapsible.js');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/core-components-keyboard-focusable/cssm');
-require('@alfalab/core-components-picker-button/cssm/desktop');
-require('../../hooks/use-tablist-titles.js');
-require('@alfalab/core-components-mq/cssm');
-require('../../hooks/use-collapsible-elements.js');
-require('@juggle/resize-observer');
-require('@alfalab/hooks');
-require('../../hooks/use-tabs.js');
-require('@alfalab/core-components-shared/cssm');
-require('../../synthetic-events.js');
-require('../title/Component.js');
-require('../primary-tablist/index.module.css');
-require('../primary-tablist/mobile.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var TabsCollapsibleMobile = function (_a) {
-    var restProps = tslib.__rest(_a, []);
-    return (React__default.default.createElement(components_tabs_Component.Tabs, tslib.__assign({ TabList: components_primaryTablist_Component_collapsible_mobile.CollapsiblePrimaryTabListMobile }, restProps)));
-};
-
-exports.TabsCollapsibleMobile = TabsCollapsibleMobile;

package/cssm/components/tabs/Component.collapsible.responsive.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabsProps } from "../../typings";
-type TabsCollapsibleResponsiveProps = Omit<TabsProps, 'TabList' | 'scrollable' | 'view'>;
-declare const TabsCollapsibleResponsive: ({ ...restProps }: TabsCollapsibleResponsiveProps) => React.JSX.Element;
-export { TabsCollapsibleResponsiveProps, TabsCollapsibleResponsive };

package/cssm/components/tabs/Component.collapsible.responsive.js

@@ -1,37 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var components_primaryTablist_Component_collapsible_responsive = require('../primary-tablist/Component.collapsible.responsive.js');
-var components_tabs_Component = require('./Component.js');
-require('@alfalab/core-components-mq/cssm');
-require('../primary-tablist/Component.collapsible.desktop.js');
-require('../primary-tablist/Component.collapsible.js');
-require('classnames');
-require('@alfalab/core-components-badge/cssm');
-require('@alfalab/core-components-keyboard-focusable/cssm');
-require('@alfalab/core-components-picker-button/cssm/desktop');
-require('../../hooks/use-tablist-titles.js');
-require('../../hooks/use-collapsible-elements.js');
-require('@juggle/resize-observer');
-require('@alfalab/hooks');
-require('../../hooks/use-tabs.js');
-require('@alfalab/core-components-shared/cssm');
-require('../../synthetic-events.js');
-require('../title/Component.js');
-require('../primary-tablist/index.module.css');
-require('../primary-tablist/Component.collapsible.mobile.js');
-require('../primary-tablist/mobile.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var TabsCollapsibleResponsive = function (_a) {
-    var restProps = tslib.__rest(_a, []);
-    return (React__default.default.createElement(components_tabs_Component.Tabs, tslib.__assign({ TabList: components_primaryTablist_Component_collapsible_responsive.CollapsiblePrimaryTabListResponsive }, restProps)));
-};
-
-exports.TabsCollapsibleResponsive = TabsCollapsibleResponsive;

package/esm/components/primary-tablist/Component.collapsible.desktop.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabListProps } from "../../typings";
-declare const CollapsiblePrimaryTabListDesktop: ({ size, ...restProps }: TabListProps) => React.JSX.Element;
-export { CollapsiblePrimaryTabListDesktop };

package/esm/components/primary-tablist/Component.collapsible.desktop.js

@@ -1,24 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { CollapsiblePrimaryTabList } from './Component.collapsible.js';
-import { c as commonStyles } from '../../index.module-511c86f3.js';
-import 'classnames';
-import '@alfalab/core-components-badge/esm';
-import '@alfalab/core-components-keyboard-focusable/esm';
-import '@alfalab/core-components-picker-button/esm/desktop';
-import '../../hooks/use-tablist-titles.js';
-import '@alfalab/core-components-mq/esm';
-import '../../hooks/use-collapsible-elements.js';
-import '@juggle/resize-observer';
-import '@alfalab/hooks';
-import '../../hooks/use-tabs.js';
-import '@alfalab/core-components-shared/esm';
-import '../../synthetic-events.js';
-import '../title/Component.js';
-
-var CollapsiblePrimaryTabListDesktop = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'm' : _b, restProps = __rest(_a, ["size"]);
-    return (React.createElement(CollapsiblePrimaryTabList, __assign({}, restProps, { size: size, styles: commonStyles })));
-};
-
-export { CollapsiblePrimaryTabListDesktop };

package/esm/components/primary-tablist/Component.collapsible.mobile.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TabListProps } from "../../typings";
-type CollapsiblePrimaryTabListMobileProps = Omit<TabListProps, 'size'>;
-declare const CollapsiblePrimaryTabListMobile: ({ className, ...restProps }: CollapsiblePrimaryTabListMobileProps) => React.JSX.Element;
-export { CollapsiblePrimaryTabListMobileProps, CollapsiblePrimaryTabListMobile };