@alfalab/core-components 44.7.2 → 44.7.4

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-dcc8a771.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-dcc8a771.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-bcb3ca7e.js';
+import '../../index.module-bae9494d.js';
 
 const TabsCollapsible = ({ ...restProps }) => (React.createElement(Tabs, { TabList: CollapsiblePrimaryTabList, ...restProps }));
 

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 import { TabsProps } from "../../typings";
-declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatchMediaValue, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, breakpoint, tagShape, tagView, textStyle, }: Omit<TabsProps, 'view'>) => React.JSX.Element;
+declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatchMediaValue, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll, keepMounted, dataTestId, onChange, breakpoint, tagShape, tagView, textStyle, style, }: Omit<TabsProps, 'view'>) => React.JSX.Element;
 export { Tabs };

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-bcb3ca7e.js';
+import '../../index.module-bae9494d.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-dcc8a771.js';
+import '../../index.module-b6443585.js';
 
 const views = {
     primary: PrimaryTabListDesktop,

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

@@ -1,6 +1,6 @@
 import React, { cloneElement } from 'react';
 
-const Tabs = ({ TabList, className, containerClassName, size, defaultMatchMediaValue, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll = false, keepMounted = false, dataTestId, onChange, breakpoint = 1024, tagShape, tagView, textStyle, }) => {
+const Tabs = ({ TabList, className, containerClassName, size, defaultMatchMediaValue, children, selectedId, scrollable, collapsedTabsIds, fullWidthScroll = false, keepMounted = false, dataTestId, onChange, breakpoint = 1024, tagShape, tagView, textStyle, style, }) => {
     const tabsArray = React.Children.toArray(children);
     const titles = tabsArray.map(({ props: { title, id, rightAddons, disabled, hidden, toggleClassName, dataTestId: toggleTestId, toggleRef, }, }) => ({
         title,
@@ -14,7 +14,7 @@ const Tabs = ({ TabList, className, containerClassName, size, defaultMatchMediaV
     }));
     const tabs = tabsArray.filter((tab) => tab.props.id === selectedId || tab.props.keepMounted || keepMounted);
     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 }),
+        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-bcb3ca7e.js';
+import '../../index.module-bae9494d.js';
 import '../../../../tag/modern/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-dcc8a771.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-bcb3ca7e.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-dcc8a771.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-bcb3ca7e.js';
+import '../index.module-bae9494d.js';
 import '../../../tag/modern/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-dcc8a771.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-bcb3ca7e.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-dcc8a771.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-bcb3ca7e.js';
+import '../index.module-bae9494d.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-dcc8a771.js';
+import '../index.module-b6443585.js';
 import '../components/tabs/Component.js';

package/tabs/modern/typings.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FC, MouseEvent, ReactElement, ReactNode, Ref } from 'react';
 import { TagProps } from "../../tag";
 type SelectedId = string | number;
@@ -81,6 +82,10 @@ type TabsProps = {
      * Стиль тега (для view secondary только)
      */
     tagView?: TagProps['view'];
+    /**
+     * Дополнительные инлайн стили для враппера
+     */
+    style?: React.CSSProperties;
 };
 type TabProps = {
     /**
@@ -150,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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FC, MouseEvent, ReactElement, ReactNode, Ref } from 'react';
 import { TagProps } from "../tag";
 type SelectedId = string | number;
@@ -81,6 +82,10 @@ type TabsProps = {
      * Стиль тега (для view secondary только)
      */
     tagView?: TagProps['view'];
+    /**
+     * Дополнительные инлайн стили для враппера
+     */
+    style?: React.CSSProperties;
 };
 type TabProps = {
     /**
@@ -150,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/cssm/components/base-tag/Component.d.ts

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

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

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

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

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

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/cssm/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/esm/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/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.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';