@alfalab/core-components-tabs 8.7.0 → 8.7.1

package/modern/components/title/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { Styles, TabListTitle } from "../../typings";
-declare const Title: React.ForwardRefExoticComponent<TabListTitle & Styles & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "id"> & {
+declare const Title: React.ForwardRefExoticComponent<TabListTitle & Styles & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "title" | "id"> & {
     focused?: boolean | undefined;
     isOption?: boolean | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;

package/modern/hooks/use-tablist-titles.d.ts

@@ -6,7 +6,7 @@ declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, breakpo
     tablistTitles: {
         collapsed: boolean;
         selected: boolean;
-        title: string;
+        title: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal;
         id: import("../typings").SelectedId;
         disabled?: boolean | undefined;
         rightAddons?: import("react").ReactNode;

package/modern/index.module-8121bd57.js

@@ -0,0 +1,4 @@
+const commonStyles = {"component":"tabs__component_1rzwq","fullWidthScroll":"tabs__fullWidthScroll_1rzwq","container":"tabs__container_1rzwq","title":"tabs__title_1rzwq","xxs":"tabs__xxs_1rzwq","xs":"tabs__xs_1rzwq","s":"tabs__s_1rzwq","m":"tabs__m_1rzwq","l":"tabs__l_1rzwq","xl":"tabs__xl_1rzwq"};
+require('./components/secondary-tablist/index.css')
+
+export { commonStyles as c };

package/modern/index.module-c6da7192.js

@@ -0,0 +1,4 @@
+const styles = {"component":"tabs__component_15a3z","desktop":"tabs__desktop_15a3z","paragraph-primary-large":"tabs__paragraph-primary-large_15a3z","title":"tabs__title_15a3z","paragraph-primary-medium":"tabs__paragraph-primary-medium_15a3z","paragraph-primary-small":"tabs__paragraph-primary-small_15a3z","action-primary-large":"tabs__action-primary-large_15a3z","action-primary-medium":"tabs__action-primary-medium_15a3z","action-primary-small":"tabs__action-primary-small_15a3z","accent-primary-large":"tabs__accent-primary-large_15a3z","accent-primary-medium":"tabs__accent-primary-medium_15a3z","accent-primary-small":"tabs__accent-primary-small_15a3z","pickerWrapper":"tabs__pickerWrapper_15a3z","option":"tabs__option_15a3z","scrollControls":"tabs__scrollControls_15a3z","headline-system-xlarge":"tabs__headline-system-xlarge_15a3z","headline-system-large":"tabs__headline-system-large_15a3z","headline-system-medium":"tabs__headline-system-medium_15a3z","headline-system-small":"tabs__headline-system-small_15a3z","headline-system-xsmall":"tabs__headline-system-xsmall_15a3z","headline-xlarge":"tabs__headline-xlarge_15a3z","headline-large":"tabs__headline-large_15a3z","headline-medium":"tabs__headline-medium_15a3z","headline-small":"tabs__headline-small_15a3z","headline-xsmall":"tabs__headline-xsmall_15a3z","fullWidthScroll":"tabs__fullWidthScroll_15a3z","container":"tabs__container_15a3z","disabled":"tabs__disabled_15a3z","focused":"tabs__focused_15a3z","collapsed":"tabs__collapsed_15a3z","selected":"tabs__selected_15a3z","line":"tabs__line_15a3z","s":"tabs__s_15a3z","xs":"tabs__xs_15a3z","xxs":"tabs__xxs_15a3z","m":"tabs__m_15a3z","l":"tabs__l_15a3z","xl":"tabs__xl_15a3z","rightAddons":"tabs__rightAddons_15a3z","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_15a3z"};
+require('./components/primary-tablist/index.css')
+
+export { styles as s };

package/modern/typings.d.ts

@@ -95,7 +95,7 @@ type TabProps = {
     /**
      * Заголовок таба
      */
-    title: string;
+    title: NonNullable<ReactNode>;
     /**
      * Дополнительный класс для контейнера содержимого таба
      */
@@ -134,7 +134,7 @@ type TabProps = {
     toggleRef?: Ref<HTMLDivElement>;
 };
 type TabListTitle = {
-    title: string;
+    title: NonNullable<ReactNode>;
     id: SelectedId;
     disabled?: boolean;
     rightAddons?: ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-tabs",
-    "version": "8.7.0",
+    "version": "8.7.1",
     "description": "Tabs components",
     "keywords": [],
     "license": "MIT",
@@ -16,12 +16,12 @@
     "dependencies": {
         "@alfalab/core-components-keyboard-focusable": "^4.1.0",
         "@alfalab/core-components-tag": "^8.2.0",
-        "@alfalab/core-components-picker-button": "^11.6.6",
+        "@alfalab/core-components-picker-button": "^11.6.7",
         "@alfalab/core-components-badge": "^5.5.1",
         "@alfalab/core-components-mq": "^4.2.0",
         "@alfalab/hooks": "^1.13.0",
         "@alfalab/core-components-shared": "^0.9.1",
-        "@alfalab/core-components-icon-button": "^6.5.5",
+        "@alfalab/core-components-icon-button": "^6.5.6",
         "@alfalab/icons-glyph": "^2.139.0",
         "classnames": "^2.3.1",
         "compute-scroll-into-view": "^3.1.0",

package/src/components/primary-tablist/Component.collapsible.tsx

@@ -54,7 +54,7 @@ export const CollapsiblePrimaryTabList = ({
                 (options, { toggleRef, ...title }) => {
                     if (title.collapsed) {
                         options.push({
-                            key: title.title,
+                            key: String(title.id),
                             value: title.id,
                             content: (
                                 <Title

package/src/components/title/Component.tsx

@@ -5,7 +5,10 @@ import { Styles, TabListTitle } from '../../typings';
 
 type Props = TabListTitle &
     Styles &
-    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'id'> & { focused?: boolean; isOption?: boolean };
+    Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'id' | 'title'> & {
+        focused?: boolean;
+        isOption?: boolean;
+    };
 
 export const Title = forwardRef<HTMLButtonElement, Props>(
     (

package/src/typings.ts

@@ -135,7 +135,7 @@ export type TabProps = {
     /**
      * Заголовок таба
      */
-    title: string;
+    title: NonNullable<ReactNode>;
 
     /**
      * Дополнительный класс для контейнера содержимого таба
@@ -184,7 +184,7 @@ export type TabProps = {
 };
 
 export type TabListTitle = {
-    title: string;
+    title: NonNullable<ReactNode>;
     id: SelectedId;
     disabled?: boolean;
     rightAddons?: ReactNode;

package/typings.d.ts

@@ -95,7 +95,7 @@ type TabProps = {
     /**
      * Заголовок таба
      */
-    title: string;
+    title: NonNullable<ReactNode>;
     /**
      * Дополнительный класс для контейнера содержимого таба
      */
@@ -134,7 +134,7 @@ type TabProps = {
     toggleRef?: Ref<HTMLDivElement>;
 };
 type TabListTitle = {
-    title: string;
+    title: NonNullable<ReactNode>;
     id: SelectedId;
     disabled?: boolean;
     rightAddons?: ReactNode;

package/esm/index.module-522924c0.js

@@ -1,4 +0,0 @@
-var styles = {"component":"tabs__component_1fmkg","desktop":"tabs__desktop_1fmkg","paragraph-primary-large":"tabs__paragraph-primary-large_1fmkg","title":"tabs__title_1fmkg","paragraph-primary-medium":"tabs__paragraph-primary-medium_1fmkg","paragraph-primary-small":"tabs__paragraph-primary-small_1fmkg","action-primary-large":"tabs__action-primary-large_1fmkg","action-primary-medium":"tabs__action-primary-medium_1fmkg","action-primary-small":"tabs__action-primary-small_1fmkg","accent-primary-large":"tabs__accent-primary-large_1fmkg","accent-primary-medium":"tabs__accent-primary-medium_1fmkg","accent-primary-small":"tabs__accent-primary-small_1fmkg","pickerWrapper":"tabs__pickerWrapper_1fmkg","option":"tabs__option_1fmkg","scrollControls":"tabs__scrollControls_1fmkg","headline-system-xlarge":"tabs__headline-system-xlarge_1fmkg","headline-system-large":"tabs__headline-system-large_1fmkg","headline-system-medium":"tabs__headline-system-medium_1fmkg","headline-system-small":"tabs__headline-system-small_1fmkg","headline-system-xsmall":"tabs__headline-system-xsmall_1fmkg","headline-xlarge":"tabs__headline-xlarge_1fmkg","headline-large":"tabs__headline-large_1fmkg","headline-medium":"tabs__headline-medium_1fmkg","headline-small":"tabs__headline-small_1fmkg","headline-xsmall":"tabs__headline-xsmall_1fmkg","fullWidthScroll":"tabs__fullWidthScroll_1fmkg","container":"tabs__container_1fmkg","disabled":"tabs__disabled_1fmkg","focused":"tabs__focused_1fmkg","collapsed":"tabs__collapsed_1fmkg","selected":"tabs__selected_1fmkg","line":"tabs__line_1fmkg","s":"tabs__s_1fmkg","xs":"tabs__xs_1fmkg","xxs":"tabs__xxs_1fmkg","m":"tabs__m_1fmkg","l":"tabs__l_1fmkg","xl":"tabs__xl_1fmkg","rightAddons":"tabs__rightAddons_1fmkg","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_1fmkg"};
-require('./components/primary-tablist/index.css')
-
-export { styles as s };

package/esm/index.module-6e695481.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_1ewic","fullWidthScroll":"tabs__fullWidthScroll_1ewic","container":"tabs__container_1ewic","title":"tabs__title_1ewic","xxs":"tabs__xxs_1ewic","xs":"tabs__xs_1ewic","s":"tabs__s_1ewic","m":"tabs__m_1ewic","l":"tabs__l_1ewic","xl":"tabs__xl_1ewic"};
-require('./components/secondary-tablist/index.css')
-
-export { commonStyles as c };

package/index.module-bc99adbf.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {"component":"tabs__component_1fmkg","desktop":"tabs__desktop_1fmkg","paragraph-primary-large":"tabs__paragraph-primary-large_1fmkg","title":"tabs__title_1fmkg","paragraph-primary-medium":"tabs__paragraph-primary-medium_1fmkg","paragraph-primary-small":"tabs__paragraph-primary-small_1fmkg","action-primary-large":"tabs__action-primary-large_1fmkg","action-primary-medium":"tabs__action-primary-medium_1fmkg","action-primary-small":"tabs__action-primary-small_1fmkg","accent-primary-large":"tabs__accent-primary-large_1fmkg","accent-primary-medium":"tabs__accent-primary-medium_1fmkg","accent-primary-small":"tabs__accent-primary-small_1fmkg","pickerWrapper":"tabs__pickerWrapper_1fmkg","option":"tabs__option_1fmkg","scrollControls":"tabs__scrollControls_1fmkg","headline-system-xlarge":"tabs__headline-system-xlarge_1fmkg","headline-system-large":"tabs__headline-system-large_1fmkg","headline-system-medium":"tabs__headline-system-medium_1fmkg","headline-system-small":"tabs__headline-system-small_1fmkg","headline-system-xsmall":"tabs__headline-system-xsmall_1fmkg","headline-xlarge":"tabs__headline-xlarge_1fmkg","headline-large":"tabs__headline-large_1fmkg","headline-medium":"tabs__headline-medium_1fmkg","headline-small":"tabs__headline-small_1fmkg","headline-xsmall":"tabs__headline-xsmall_1fmkg","fullWidthScroll":"tabs__fullWidthScroll_1fmkg","container":"tabs__container_1fmkg","disabled":"tabs__disabled_1fmkg","focused":"tabs__focused_1fmkg","collapsed":"tabs__collapsed_1fmkg","selected":"tabs__selected_1fmkg","line":"tabs__line_1fmkg","s":"tabs__s_1fmkg","xs":"tabs__xs_1fmkg","xxs":"tabs__xxs_1fmkg","m":"tabs__m_1fmkg","l":"tabs__l_1fmkg","xl":"tabs__xl_1fmkg","rightAddons":"tabs__rightAddons_1fmkg","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_1fmkg"};
-require('./components/primary-tablist/index.css')
-
-exports.styles = styles;

package/index.module-d225f504.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var commonStyles = {"component":"tabs__component_1ewic","fullWidthScroll":"tabs__fullWidthScroll_1ewic","container":"tabs__container_1ewic","title":"tabs__title_1ewic","xxs":"tabs__xxs_1ewic","xs":"tabs__xs_1ewic","s":"tabs__s_1ewic","m":"tabs__m_1ewic","l":"tabs__l_1ewic","xl":"tabs__xl_1ewic"};
-require('./components/secondary-tablist/index.css')
-
-exports.commonStyles = commonStyles;

package/modern/index.module-7c0d4d6d.js

@@ -1,4 +0,0 @@
-const commonStyles = {"component":"tabs__component_1ewic","fullWidthScroll":"tabs__fullWidthScroll_1ewic","container":"tabs__container_1ewic","title":"tabs__title_1ewic","xxs":"tabs__xxs_1ewic","xs":"tabs__xs_1ewic","s":"tabs__s_1ewic","m":"tabs__m_1ewic","l":"tabs__l_1ewic","xl":"tabs__xl_1ewic"};
-require('./components/secondary-tablist/index.css')
-
-export { commonStyles as c };

package/modern/index.module-f6dfd116.js

@@ -1,4 +0,0 @@
-const styles = {"component":"tabs__component_1fmkg","desktop":"tabs__desktop_1fmkg","paragraph-primary-large":"tabs__paragraph-primary-large_1fmkg","title":"tabs__title_1fmkg","paragraph-primary-medium":"tabs__paragraph-primary-medium_1fmkg","paragraph-primary-small":"tabs__paragraph-primary-small_1fmkg","action-primary-large":"tabs__action-primary-large_1fmkg","action-primary-medium":"tabs__action-primary-medium_1fmkg","action-primary-small":"tabs__action-primary-small_1fmkg","accent-primary-large":"tabs__accent-primary-large_1fmkg","accent-primary-medium":"tabs__accent-primary-medium_1fmkg","accent-primary-small":"tabs__accent-primary-small_1fmkg","pickerWrapper":"tabs__pickerWrapper_1fmkg","option":"tabs__option_1fmkg","scrollControls":"tabs__scrollControls_1fmkg","headline-system-xlarge":"tabs__headline-system-xlarge_1fmkg","headline-system-large":"tabs__headline-system-large_1fmkg","headline-system-medium":"tabs__headline-system-medium_1fmkg","headline-system-small":"tabs__headline-system-small_1fmkg","headline-system-xsmall":"tabs__headline-system-xsmall_1fmkg","headline-xlarge":"tabs__headline-xlarge_1fmkg","headline-large":"tabs__headline-large_1fmkg","headline-medium":"tabs__headline-medium_1fmkg","headline-small":"tabs__headline-small_1fmkg","headline-xsmall":"tabs__headline-xsmall_1fmkg","fullWidthScroll":"tabs__fullWidthScroll_1fmkg","container":"tabs__container_1fmkg","disabled":"tabs__disabled_1fmkg","focused":"tabs__focused_1fmkg","collapsed":"tabs__collapsed_1fmkg","selected":"tabs__selected_1fmkg","line":"tabs__line_1fmkg","s":"tabs__s_1fmkg","xs":"tabs__xs_1fmkg","xxs":"tabs__xxs_1fmkg","m":"tabs__m_1fmkg","l":"tabs__l_1fmkg","xl":"tabs__xl_1fmkg","rightAddons":"tabs__rightAddons_1fmkg","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_1fmkg"};
-require('./components/primary-tablist/index.css')
-
-export { styles as s };