feat(Tabs): provide an to change tab text size (#417)

Author: DC-RomanKarpov

src/blocks/Tabs/README.md

@@ -18,6 +18,8 @@ Tabs block
 - `lg: number` — On a screen wider than 1081px.
 - `xl: number` — On a screen wider than 1185px.
 
+`tabsColSizes?: 's' | 'l'` — Component's size that defines font sizes (`'s'` by default)
+
 `items: TabsBlockItem[]` — Tab description
 
 - `tabName: string` — Tab title.

src/blocks/Tabs/Tabs.tsx

@@ -25,6 +25,7 @@ export const TabsBlock = ({
     tabsColSizes,
     centered,
     direction = 'media-content',
+    contentSize = 's',
 }: TabsBlockProps) => {
     const [activeTab, setActiveTab] = useState<string | null>(items[0].tabName);
     const [play, setPlay] = useState<boolean>(false);
@@ -61,7 +62,7 @@ export const TabsBlock = ({
                     title={activeTabData.title}
                     text={activeTabData.text}
                     additionalInfo={activeTabData.additionalInfo}
-                    size="s"
+                    size={contentSize}
                     links={[
                         ...(activeTabData.link ? [activeTabData.link] : []),
                         ...(activeTabData.links || []),

src/blocks/Tabs/schema.ts

@@ -7,6 +7,7 @@ import {
     LinkProps,
     MediaProps,
     containerSizesArray,
+    contentSizes,
     mediaDirection,
     sizeNumber,
     withTheme,
@@ -56,6 +57,10 @@ export const TabsBlock = {
             },
             centered: {type: 'boolean'},
             items: filteredArray(tabsItem),
+            contentSize: {
+                type: 'string',
+                enum: contentSizes,
+            },
         },
     },
 };

src/models/constructor-items/blocks.ts

@@ -274,6 +274,7 @@ export interface TabsBlockProps extends Animatable {
     centered?: boolean;
     direction?: MediaDirection;
     items: TabsBlockItem[];
+    contentSize?: ContentSize;
 }
 
 export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {