@alfalab/core-components 44.7.3 → 44.7.5

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

@@ -16,7 +16,7 @@ import 'react-merge-refs';
 import '../../../../shared/esm';
 import '../../synthetic-events.js';
 import '../title/Component.js';
-import '../../index.module-23274bce.js';
+import '../../index.module-37cfc5b1.js';
 
 var TabsCollapsible = function (_a) {
     var restProps = __rest(_a, []);

package/tabs/esm/components/tabs/Component.desktop.js

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-23274bce.js';
+import '../../index.module-37cfc5b1.js';
 import '../../../../tag/esm/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-c4e82c14.js';
+import '../../index.module-e4fef737.js';
 
 var views = {
     primary: PrimaryTabListDesktop,

package/tabs/esm/components/tabs/Component.js

@@ -17,8 +17,8 @@ var Tabs = function (_a) {
         });
     });
     var tabs = tabsArray.filter(function (tab) { return tab.props.id === selectedId || tab.props.keepMounted || keepMounted; });
-    return (React.createElement("div", { className: className, style: style },
-        React.createElement(TabList, { containerClassName: containerClassName, size: size, titles: titles, selectedId: selectedId, scrollable: scrollable, collapsedTabsIds: collapsedTabsIds, onChange: onChange, dataTestId: dataTestId, defaultMatchMediaValue: defaultMatchMediaValue, fullWidthScroll: fullWidthScroll, breakpoint: breakpoint, tagShape: tagShape, tagView: tagView, textStyle: textStyle }),
+    return (React.createElement("div", { className: className },
+        React.createElement(TabList, { containerClassName: containerClassName, size: size, titles: titles, selectedId: selectedId, scrollable: scrollable, collapsedTabsIds: collapsedTabsIds, onChange: onChange, dataTestId: dataTestId, defaultMatchMediaValue: defaultMatchMediaValue, fullWidthScroll: fullWidthScroll, breakpoint: breakpoint, tagShape: tagShape, tagView: tagView, textStyle: textStyle, inlineStyle: style }),
         tabs.map(function (tab) { return cloneElement(tab, { hidden: tab.props.id !== selectedId }); })));
 };
 

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

@@ -19,10 +19,10 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-23274bce.js';
+import '../../index.module-37cfc5b1.js';
 import '../../../../tag/esm/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-c4e82c14.js';
+import '../../index.module-e4fef737.js';
 
 var views = {
     primary: PrimaryTabListMobile,

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

@@ -21,12 +21,12 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-23274bce.js';
+import '../../index.module-37cfc5b1.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/esm/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-c4e82c14.js';
+import '../../index.module-e4fef737.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/esm/mobile';
 

package/tabs/esm/desktop/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
-import '../index.module-23274bce.js';
+import '../index.module-37cfc5b1.js';
 import '../../../tag/esm/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-c4e82c14.js';
+import '../index.module-e4fef737.js';
 import '../components/tabs/Component.js';

package/tabs/esm/index.js

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
-import './index.module-23274bce.js';
+import './index.module-37cfc5b1.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/esm/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-c4e82c14.js';
+import './index.module-e4fef737.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/esm/mobile';
 import './components/tabs/Component.js';

package/tabs/esm/mobile/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
-import '../index.module-23274bce.js';
+import '../index.module-37cfc5b1.js';
 import '../../../tag/esm/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-c4e82c14.js';
+import '../index.module-e4fef737.js';
 import '../components/tabs/Component.js';

package/tabs/esm/typings.d.ts

@@ -155,6 +155,10 @@ type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size'
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Дополнительные инлайн стили для заголовка
+     */
+    inlineStyle?: React.CSSProperties;
 };
 type SecondaryTabListProps = TabListProps & {
     tagSize?: TagProps['size'];

package/tabs/modern/collapsible/index.js

@@ -16,5 +16,5 @@ import 'react-merge-refs';
 import '../../../shared/modern';
 import '../synthetic-events.js';
 import '../components/title/Component.js';
-import '../index.module-bb789e89.js';
+import '../index.module-bae9494d.js';
 import '../components/tabs/Component.js';

package/tabs/modern/components/primary-tablist/Component.collapsible.js

@@ -6,7 +6,7 @@ import { PickerButtonDesktop } from '../../../../picker-button/modern/desktop';
 import { useTablistTitles } from '../../hooks/use-tablist-titles.js';
 import { createSyntheticMouseEvent } from '../../synthetic-events.js';
 import { Title } from '../title/Component.js';
-import { s as styles } from '../../index.module-bb789e89.js';
+import { s as styles } from '../../index.module-bae9494d.js';
 import '../../../../mq/modern';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';

package/tabs/modern/components/primary-tablist/Component.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 import { PlatformProps, Styles, TabListProps } from "../../typings";
-declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, fullWidthScroll, onChange, dataTestId, platform, textStyle, }: TabListProps & Styles & PlatformProps) => React.JSX.Element;
+declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, fullWidthScroll, onChange, dataTestId, platform, textStyle, inlineStyle, }: TabListProps & Styles & PlatformProps) => React.JSX.Element;
 export { PrimaryTabList };

package/tabs/modern/components/primary-tablist/Component.desktop.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-bb789e89.js';
+import { s as styles } from '../../index.module-bae9494d.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';

package/tabs/modern/components/primary-tablist/Component.js

@@ -15,7 +15,7 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 
-const PrimaryTabList = ({ size, styles = {}, className, containerClassName, titles = [], selectedId = titles.length ? titles[0].id : undefined, scrollable = true, fullWidthScroll, onChange, dataTestId, platform, textStyle, }) => {
+const PrimaryTabList = ({ size, styles = {}, className, containerClassName, titles = [], selectedId = titles.length ? titles[0].id : undefined, scrollable = true, fullWidthScroll, onChange, dataTestId, platform, textStyle, inlineStyle, }) => {
     const lineRef = useRef(null);
     const { selectedTab, focusedTab, getTabListItemProps } = useTabs({
         titles,
@@ -43,7 +43,7 @@ const PrimaryTabList = ({ size, styles = {}, className, containerClassName, titl
         titles.map(({ dataTestId: _, toggleRef: __, ...restTitleProps }, index) => (React.createElement(KeyboardFocusable, { key: restTitleProps.id }, (ref, focused) => (React.createElement(Title, { ...getTabListItemProps(index, ref), ...restTitleProps, focused: focused, styles: styles }))))),
         React.createElement("div", { className: styles.line, ref: lineRef })));
     const wrapperClassName = cn(textStyle && styles[textStyle], styles[platform]);
-    return scrollable ? (React.createElement(ScrollableContainer, { containerWrapperClassName: wrapperClassName, activeChild: focusedTab || selectedTab, containerClassName: containerClassName, scrollControlsClassName: cn(textStyle && styles.scrollControls), fullWidthScroll: fullWidthScroll, view: 'primary', size: textStyle ? undefined : size, platform: platform }, renderContent())) : (React.createElement("div", { className: cn(styles.container, wrapperClassName, containerClassName) }, renderContent()));
+    return scrollable ? (React.createElement(ScrollableContainer, { containerWrapperClassName: wrapperClassName, activeChild: focusedTab || selectedTab, containerClassName: containerClassName, scrollControlsClassName: cn(textStyle && styles.scrollControls), fullWidthScroll: fullWidthScroll, view: 'primary', size: textStyle ? undefined : size, platform: platform, inlineStyle: inlineStyle }, renderContent())) : (React.createElement("div", { className: cn(styles.container, wrapperClassName, containerClassName), style: inlineStyle }, renderContent()));
 };
 
 export { PrimaryTabList };

package/tabs/modern/components/primary-tablist/Component.mobile.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-bb789e89.js';
+import { s as styles$1 } from '../../index.module-bae9494d.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';

package/tabs/modern/components/primary-tablist/Component.responsive.js

@@ -18,7 +18,7 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-bb789e89.js';
+import '../../index.module-bae9494d.js';
 
 const PrimaryTabListResponsive = ({ size, breakpoint = 1024, fullWidthScroll, defaultMatchMediaValue, ...restProps }) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);

package/tabs/modern/components/scrollable-container/Component.d.ts

@@ -31,6 +31,10 @@ type ScrollableContainerProps = {
      *  Размер
      */
     size: TabsProps['size'];
+    /**
+     * Дополнительные инлайн стили для заголовка
+     */
+    inlineStyle?: React.CSSProperties;
 };
-declare const ScrollableContainer: ({ containerWrapperClassName, containerClassName, scrollControlsClassName, children, activeChild, fullWidthScroll, view, size, platform, }: ScrollableContainerProps & Pick<TabsProps, 'fullWidthScroll'> & PlatformProps) => React.JSX.Element;
+declare const ScrollableContainer: ({ containerWrapperClassName, containerClassName, scrollControlsClassName, children, activeChild, fullWidthScroll, view, size, platform, inlineStyle, }: ScrollableContainerProps & Pick<TabsProps, 'fullWidthScroll'> & PlatformProps) => React.JSX.Element;
 export { ScrollableContainerProps, ScrollableContainer };

package/tabs/modern/components/scrollable-container/Component.js

@@ -19,7 +19,7 @@ const isOverflown = ({ clientWidth, scrollWidth }, controlsNode) => {
     const controlsWidth = controlsNode?.offsetWidth || 0;
     return scrollWidth > clientWidth + controlsWidth;
 };
-const ScrollableContainer = ({ containerWrapperClassName, containerClassName, scrollControlsClassName, children, activeChild, fullWidthScroll, view, size, platform, }) => {
+const ScrollableContainer = ({ containerWrapperClassName, containerClassName, scrollControlsClassName, children, activeChild, fullWidthScroll, view, size, platform, inlineStyle, }) => {
     const containerRef = useRef(null);
     const controlsRef = useRef(null);
     const [overflown, setOverflown] = useState(false);
@@ -60,7 +60,7 @@ const ScrollableContainer = ({ containerWrapperClassName, containerClassName, sc
         }
         return () => { };
     }, [platform]);
-    return (React.createElement("div", { className: cn(styles.scrollableContainerWrapper, containerWrapperClassName) },
+    return (React.createElement("div", { className: cn(styles.scrollableContainerWrapper, containerWrapperClassName), style: inlineStyle },
         React.createElement("div", { ref: containerRef, className: cn(styles.container, containerClassName, {
                 [styles.fullWidthScroll]: fullWidthScroll,
             }) }, children),

package/tabs/modern/components/secondary-tablist/Component.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 import { PlatformProps, SecondaryTabListProps, Styles } from "../../typings";
-declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, fullWidthScroll, tagSize, onChange, dataTestId, TagComponent, platform, tagShape, tagView, }: SecondaryTabListProps & Styles & PlatformProps) => React.JSX.Element;
+declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, fullWidthScroll, tagSize, onChange, dataTestId, TagComponent, platform, tagShape, tagView, inlineStyle, }: SecondaryTabListProps & Styles & PlatformProps) => React.JSX.Element;
 export { SecondaryTabList };

package/tabs/modern/components/secondary-tablist/Component.desktop.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TagDesktop } from '../../../../tag/modern/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-74fa8fd8.js';
+import { c as commonStyles } from '../../index.module-b6443585.js';
 import 'classnames';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

package/tabs/modern/components/secondary-tablist/Component.js

@@ -12,7 +12,7 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 
-const SecondaryTabList = ({ styles = {}, className, containerClassName, size, titles = [], selectedId = titles.length ? titles[0].id : undefined, scrollable = true, fullWidthScroll, tagSize = 'xs', onChange, dataTestId, TagComponent, platform, tagShape, tagView, }) => {
+const SecondaryTabList = ({ styles = {}, className, containerClassName, size, titles = [], selectedId = titles.length ? titles[0].id : undefined, scrollable = true, fullWidthScroll, tagSize = 'xs', onChange, dataTestId, TagComponent, platform, tagShape, tagView, inlineStyle, }) => {
     const { focusedTab, selectedTab, getTabListItemProps } = useTabs({
         titles,
         selectedId,
@@ -29,7 +29,7 @@ const SecondaryTabList = ({ styles = {}, className, containerClassName, size, ti
             return (React.createElement(TagComponent, { ...getTabListItemProps(index), shape: tagShape, view: tagView, key: item.id, className: cn(styles.title, item.toggleClassName), checked: item.id === selectedId, size: tagSize, rightAddons: item.rightAddons }, item.title));
         })));
     };
-    return scrollable ? (React.createElement(ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName, fullWidthScroll: fullWidthScroll, view: 'secondary', size: size, platform: platform }, renderContent())) : (React.createElement("div", { className: cn(styles.container, containerClassName) }, renderContent()));
+    return scrollable ? (React.createElement(ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName, fullWidthScroll: fullWidthScroll, view: 'secondary', size: size, platform: platform, inlineStyle: inlineStyle }, renderContent())) : (React.createElement("div", { className: cn(styles.container, containerClassName), style: inlineStyle }, renderContent()));
 };
 
 export { SecondaryTabList };

package/tabs/modern/components/secondary-tablist/Component.mobile.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/modern/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-74fa8fd8.js';
+import { c as commonStyles } from '../../index.module-b6443585.js';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';
 import '../../../../shared/modern';

package/tabs/modern/components/secondary-tablist/Component.responsive.js

@@ -16,7 +16,7 @@ import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-74fa8fd8.js';
+import '../../index.module-b6443585.js';
 import '../../../../tag/modern/mobile';
 
 const SecondaryTabListResponsive = ({ defaultMatchMediaValue, fullWidthScroll, breakpoint = 1024, ...restProps }) => {

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

@@ -15,7 +15,7 @@ import 'react-merge-refs';
 import '../../../../shared/modern';
 import '../../synthetic-events.js';
 import '../title/Component.js';
-import '../../index.module-bb789e89.js';
+import '../../index.module-bae9494d.js';
 
 const TabsCollapsible = ({ ...restProps }) => (React.createElement(Tabs, { TabList: CollapsiblePrimaryTabList, ...restProps }));
 

package/tabs/modern/components/tabs/Component.desktop.js

@@ -18,10 +18,10 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-bb789e89.js';
+import '../../index.module-bae9494d.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-74fa8fd8.js';
+import '../../index.module-b6443585.js';
 
 const views = {
     primary: PrimaryTabListDesktop,

package/tabs/modern/components/tabs/Component.js

@@ -13,8 +13,8 @@ const Tabs = ({ TabList, className, containerClassName, size, defaultMatchMediaV
         toggleRef,
     }));
     const tabs = tabsArray.filter((tab) => tab.props.id === selectedId || tab.props.keepMounted || keepMounted);
-    return (React.createElement("div", { className: className, style: style },
-        React.createElement(TabList, { containerClassName: containerClassName, size: size, titles: titles, selectedId: selectedId, scrollable: scrollable, collapsedTabsIds: collapsedTabsIds, onChange: onChange, dataTestId: dataTestId, defaultMatchMediaValue: defaultMatchMediaValue, fullWidthScroll: fullWidthScroll, breakpoint: breakpoint, tagShape: tagShape, tagView: tagView, textStyle: textStyle }),
+    return (React.createElement("div", { className: className },
+        React.createElement(TabList, { containerClassName: containerClassName, size: size, titles: titles, selectedId: selectedId, scrollable: scrollable, collapsedTabsIds: collapsedTabsIds, onChange: onChange, dataTestId: dataTestId, defaultMatchMediaValue: defaultMatchMediaValue, fullWidthScroll: fullWidthScroll, breakpoint: breakpoint, tagShape: tagShape, tagView: tagView, textStyle: textStyle, inlineStyle: style }),
         tabs.map((tab) => cloneElement(tab, { hidden: tab.props.id !== selectedId }))));
 };
 

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

@@ -18,10 +18,10 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-bb789e89.js';
+import '../../index.module-bae9494d.js';
 import '../../../../tag/modern/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-74fa8fd8.js';
+import '../../index.module-b6443585.js';
 
 const views = {
     primary: PrimaryTabListMobile,

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

@@ -20,12 +20,12 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-bb789e89.js';
+import '../../index.module-bae9494d.js';
 import '../primary-tablist/Component.mobile.js';
 import '../secondary-tablist/Component.desktop.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-74fa8fd8.js';
+import '../../index.module-b6443585.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/modern/mobile';
 

package/tabs/modern/desktop/index.js

@@ -19,8 +19,8 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
-import '../index.module-bb789e89.js';
+import '../index.module-bae9494d.js';
 import '../../../tag/modern/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-74fa8fd8.js';
+import '../index.module-b6443585.js';
 import '../components/tabs/Component.js';

package/tabs/modern/index.js

@@ -21,12 +21,12 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
-import './index.module-bb789e89.js';
+import './index.module-bae9494d.js';
 import './components/primary-tablist/Component.mobile.js';
 import './components/secondary-tablist/Component.desktop.js';
 import '../../tag/modern/desktop';
 import './components/secondary-tablist/Component.js';
-import './index.module-74fa8fd8.js';
+import './index.module-b6443585.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/modern/mobile';
 import './components/tabs/Component.js';

package/tabs/modern/mobile/index.js

@@ -19,8 +19,8 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
-import '../index.module-bb789e89.js';
+import '../index.module-bae9494d.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-74fa8fd8.js';
+import '../index.module-b6443585.js';
 import '../components/tabs/Component.js';

package/tabs/modern/typings.d.ts

@@ -155,6 +155,10 @@ type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size'
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Дополнительные инлайн стили для заголовка
+     */
+    inlineStyle?: React.CSSProperties;
 };
 type SecondaryTabListProps = TabListProps & {
     tagSize?: TagProps['size'];

package/tabs/typings.d.ts

@@ -155,6 +155,10 @@ type TabListProps = Pick<TabsProps, 'className' | 'containerClassName' | 'size'
      * @default 1024
      */
     breakpoint?: number;
+    /**
+     * Дополнительные инлайн стили для заголовка
+     */
+    inlineStyle?: React.CSSProperties;
 };
 type SecondaryTabListProps = TabListProps & {
     tagSize?: TagProps['size'];

package/tag/esm/components/base-tag/Component.d.ts

@@ -92,7 +92,7 @@ declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClic
     /**
      * Размер компонента
      */
-    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | undefined;
+    size?: "xxs" | "xs" | "s" | "m" | "l" | "xl" | undefined;
     /**
      * Дочерние элементы.
      */

package/textarea/Component.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 declare const getDefaultCounterText: (textLength: number, maxLength?: number) => string;
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "style" | "value" | "size" | "defaultValue" | "onChange"> & import("./typings").TextareaIncomeProps & React.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "style" | "size" | "defaultValue" | "onChange"> & import("./typings").TextareaIncomeProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { getDefaultCounterText, Textarea };

package/textarea/Component.js

@@ -8,7 +8,7 @@ var cn = require('classnames');
 var coreComponentsFormControl = require('../form-control');
 var coreComponentsShared = require('../shared');
 var hooks = require('@alfalab/hooks');
-var components_PseudoTextArea = require('./PseudoTextArea-b1c491a4.js');
+var components_PseudoTextArea = require('./PseudoTextArea-6c258e32.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/textarea/components/PseudoTextArea.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-var components_PseudoTextArea = require('../PseudoTextArea-b1c491a4.js');
+var components_PseudoTextArea = require('../PseudoTextArea-6c258e32.js');
 
 
 

package/textarea/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-b1c491a4";
+export * from "../PseudoTextArea-6c258e32";

package/textarea/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_PseudoTextArea = require('../PseudoTextArea-b1c491a4.js');
+var components_PseudoTextArea = require('../PseudoTextArea-6c258e32.js');
 
 
 

package/textarea/esm/Component.js

@@ -6,7 +6,7 @@ import cn from 'classnames';
 import { FormControl } from '../../form-control/esm';
 import { getDataTestId } from '../../shared/esm';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-caf06c18.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-bebd8445.js';
 
 var defaultColors = {"input":"textarea__input_nx2mv","hasInnerLabel":"textarea__hasInnerLabel_nx2mv","disableUserInput":"textarea__disableUserInput_nx2mv","error":"textarea__error_nx2mv","textarea":"textarea__textarea_nx2mv","hint":"textarea__hint_nx2mv"};
 require('./default.css');

package/textarea/esm/components/PseudoTextArea.js

@@ -1,3 +1,3 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-caf06c18.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-bebd8445.js';

package/textarea/esm/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-caf06c18";
+export * from "../PseudoTextArea-bebd8445";

package/textarea/esm/components/index.js

@@ -1,3 +1,3 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-caf06c18.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-bebd8445.js';
 import 'react';
 import 'classnames';

package/textarea/esm/index.js

@@ -7,4 +7,4 @@ import 'classnames';
 import '../../form-control/esm';
 import '../../shared/esm';
 import '@alfalab/hooks';
-import './PseudoTextArea-caf06c18.js';
+import './PseudoTextArea-bebd8445.js';

package/textarea/modern/Component.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 declare const getDefaultCounterText: (textLength: number, maxLength?: number) => string;
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "style" | "size" | "defaultValue" | "onChange"> & import("./typings").TextareaIncomeProps & React.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "style" | "value" | "size" | "defaultValue" | "onChange"> & import("./typings").TextareaIncomeProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { getDefaultCounterText, Textarea };

package/textarea/modern/Component.js

@@ -5,7 +5,7 @@ import cn from 'classnames';
 import { FormControl } from '../../form-control/modern';
 import { getDataTestId } from '../../shared/modern';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-87d501e7.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-57b2547c.js';
 
 const defaultColors = {"input":"textarea__input_nx2mv","hasInnerLabel":"textarea__hasInnerLabel_nx2mv","disableUserInput":"textarea__disableUserInput_nx2mv","error":"textarea__error_nx2mv","textarea":"textarea__textarea_nx2mv","hint":"textarea__hint_nx2mv"};
 require('./default.css');

package/textarea/modern/components/PseudoTextArea.js

@@ -1,3 +1,3 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-87d501e7.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-57b2547c.js';

package/textarea/modern/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-87d501e7";
+export * from "../PseudoTextArea-57b2547c";

package/textarea/modern/components/index.js

@@ -1,3 +1,3 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-87d501e7.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-57b2547c.js';
 import 'react';
 import 'classnames';

package/textarea/modern/index.js

@@ -6,4 +6,4 @@ import 'classnames';
 import '../../form-control/modern';
 import '../../shared/modern';
 import '@alfalab/hooks';
-import './PseudoTextArea-87d501e7.js';
+import './PseudoTextArea-57b2547c.js';