@alfalab/core-components-tabs 8.5.2 → 8.6.1

package/src/components/tabs/Component.tsx

@@ -19,6 +19,7 @@ export const Tabs = ({
     breakpoint = 1024,
     tagShape,
     tagView,
+    textStyle,
 }: Omit<TabsProps, 'view'>) => {
     const tabsArray = React.Children.toArray(children) as TabsProps['children'];
     const titles = tabsArray.map(
@@ -65,6 +66,7 @@ export const Tabs = ({
                 breakpoint={breakpoint}
                 tagShape={tagShape}
                 tagView={tagView}
+                textStyle={textStyle}
             />
 
             {tabs.map((tab) => cloneElement(tab, { hidden: tab.props.id !== selectedId }))}

package/src/typings.ts

@@ -30,6 +30,30 @@ export type TabsProps = {
      */
     view?: 'primary' | 'secondary';
 
+    /**
+     * Стиль текста. Имеет приоритет над size. Работает только в primary табах.
+     */
+    textStyle?:
+        | 'paragraph-primary-large'
+        | 'paragraph-primary-medium'
+        | 'paragraph-primary-small'
+        | 'action-primary-large'
+        | 'action-primary-medium'
+        | 'action-primary-small'
+        | 'accent-primary-large'
+        | 'accent-primary-medium'
+        | 'accent-primary-small'
+        | 'headline-system-xlarge'
+        | 'headline-system-large'
+        | 'headline-system-medium'
+        | 'headline-system-small'
+        | 'headline-system-xsmall'
+        | 'headline-xlarge'
+        | 'headline-large'
+        | 'headline-medium'
+        | 'headline-small'
+        | 'headline-xsmall';
+
     /**
      * Высота заголовков табов
      */
@@ -181,6 +205,7 @@ export type TabListProps = Pick<
     | 'fullWidthScroll'
     | 'tagShape'
     | 'tagView'
+    | 'textStyle'
 > & {
     /**
      * Заголовки табов

package/typings.d.ts

@@ -22,6 +22,10 @@ type TabsProps = {
      * Внешний вид заголовков табов
      */
     view?: 'primary' | 'secondary';
+    /**
+     * Стиль текста. Имеет приоритет над size. Работает только в primary табах.
+     */
+    textStyle?: 'paragraph-primary-large' | 'paragraph-primary-medium' | 'paragraph-primary-small' | 'action-primary-large' | 'action-primary-medium' | 'action-primary-small' | 'accent-primary-large' | 'accent-primary-medium' | 'accent-primary-small' | 'headline-system-xlarge' | 'headline-system-large' | 'headline-system-medium' | 'headline-system-small' | 'headline-system-xsmall' | 'headline-xlarge' | 'headline-large' | 'headline-medium' | 'headline-small' | 'headline-xsmall';
     /**
      * Высота заголовков табов
      */
@@ -136,7 +140,7 @@ type TabListTitle = {
     dataTestId?: string;
     toggleRef?: Ref<HTMLDivElement>;
 };
-type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size' | 'defaultMatchMediaValue' | 'selectedId' | 'scrollable' | 'collapsedTabsIds' | 'onChange' | 'dataTestId' | 'fullWidthScroll' | 'tagShape' | 'tagView'> & {
+type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size' | 'defaultMatchMediaValue' | 'selectedId' | 'scrollable' | 'collapsedTabsIds' | 'onChange' | 'dataTestId' | 'fullWidthScroll' | 'tagShape' | 'tagView' | 'textStyle'> & {
     /**
      * Заголовки табов
      */

package/esm/index.module-1e961bec.js

@@ -1,4 +0,0 @@
-var styles = {"component":"tabs__component_18t44","fullWidthScroll":"tabs__fullWidthScroll_18t44","container":"tabs__container_18t44","title":"tabs__title_18t44","disabled":"tabs__disabled_18t44","focused":"tabs__focused_18t44","collapsed":"tabs__collapsed_18t44","selected":"tabs__selected_18t44","line":"tabs__line_18t44","option":"tabs__option_18t44","s":"tabs__s_18t44","xs":"tabs__xs_18t44","xxs":"tabs__xxs_18t44","pickerWrapper":"tabs__pickerWrapper_18t44","m":"tabs__m_18t44","l":"tabs__l_18t44","xl":"tabs__xl_18t44","rightAddons":"tabs__rightAddons_18t44"};
-require('./components/primary-tablist/index.css')
-
-export { styles as s };

package/esm/index.module-b07a0a20.js

@@ -1,4 +0,0 @@
-var commonStyles = {"component":"tabs__component_1du2s","fullWidthScroll":"tabs__fullWidthScroll_1du2s","container":"tabs__container_1du2s","title":"tabs__title_1du2s","xxs":"tabs__xxs_1du2s","xs":"tabs__xs_1du2s","s":"tabs__s_1du2s","m":"tabs__m_1du2s","l":"tabs__l_1du2s","xl":"tabs__xl_1du2s"};
-require('./components/secondary-tablist/index.css')
-
-export { commonStyles as c };

package/index.module-6c875fed.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var commonStyles = {"component":"tabs__component_1du2s","fullWidthScroll":"tabs__fullWidthScroll_1du2s","container":"tabs__container_1du2s","title":"tabs__title_1du2s","xxs":"tabs__xxs_1du2s","xs":"tabs__xs_1du2s","s":"tabs__s_1du2s","m":"tabs__m_1du2s","l":"tabs__l_1du2s","xl":"tabs__xl_1du2s"};
-require('./components/secondary-tablist/index.css')
-
-exports.commonStyles = commonStyles;

package/index.module-dcd338c3.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {"component":"tabs__component_18t44","fullWidthScroll":"tabs__fullWidthScroll_18t44","container":"tabs__container_18t44","title":"tabs__title_18t44","disabled":"tabs__disabled_18t44","focused":"tabs__focused_18t44","collapsed":"tabs__collapsed_18t44","selected":"tabs__selected_18t44","line":"tabs__line_18t44","option":"tabs__option_18t44","s":"tabs__s_18t44","xs":"tabs__xs_18t44","xxs":"tabs__xxs_18t44","pickerWrapper":"tabs__pickerWrapper_18t44","m":"tabs__m_18t44","l":"tabs__l_18t44","xl":"tabs__xl_18t44","rightAddons":"tabs__rightAddons_18t44"};
-require('./components/primary-tablist/index.css')
-
-exports.styles = styles;

package/modern/index.module-11a3c51b.js

@@ -1,4 +0,0 @@
-const commonStyles = {"component":"tabs__component_1du2s","fullWidthScroll":"tabs__fullWidthScroll_1du2s","container":"tabs__container_1du2s","title":"tabs__title_1du2s","xxs":"tabs__xxs_1du2s","xs":"tabs__xs_1du2s","s":"tabs__s_1du2s","m":"tabs__m_1du2s","l":"tabs__l_1du2s","xl":"tabs__xl_1du2s"};
-require('./components/secondary-tablist/index.css')
-
-export { commonStyles as c };

package/modern/index.module-b0eb0617.js

@@ -1,4 +0,0 @@
-const styles = {"component":"tabs__component_18t44","fullWidthScroll":"tabs__fullWidthScroll_18t44","container":"tabs__container_18t44","title":"tabs__title_18t44","disabled":"tabs__disabled_18t44","focused":"tabs__focused_18t44","collapsed":"tabs__collapsed_18t44","selected":"tabs__selected_18t44","line":"tabs__line_18t44","option":"tabs__option_18t44","s":"tabs__s_18t44","xs":"tabs__xs_18t44","xxs":"tabs__xxs_18t44","pickerWrapper":"tabs__pickerWrapper_18t44","m":"tabs__m_18t44","l":"tabs__l_18t44","xl":"tabs__xl_18t44","rightAddons":"tabs__rightAddons_18t44"};
-require('./components/primary-tablist/index.css')
-
-export { styles as s };