@alfalab/core-components 39.0.0-beta.1 → 39.0.0-beta.2

package/select/modern/components/base-select-mobile/index.js

@@ -1,4 +1,4 @@
-export { B as BaseSelectMobile } from '../../Component-b1ff7fce.js';
+export { B as BaseSelectMobile } from '../../Component-2af5066b.js';
 import 'react';
 import '../arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../bottom-sheet/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.js';
-import '../../Component-65e772eb.js';
+import '../../Component-7f706817.js';
 import '@juggle/resize-observer';
 import '../../../../popover/modern';
 import '@alfalab/hooks';
@@ -29,7 +29,7 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-c27b846d.js';
+import '../../intersection-observer-5631c444.js';
 import '../../../../button/modern';
 import './options-list/Component.js';
 import '../../../../base-modal/modern';

package/select/modern/components/index.js

@@ -1,6 +1,6 @@
 export { Arrow } from './arrow/Component.js';
-export { B as BaseSelect } from '../Component-65e772eb.js';
-export { S as SelectMobile, a as SelectModalMobile } from '../Component-b1ff7fce.js';
+export { B as BaseSelect } from '../Component-7f706817.js';
+export { S as SelectMobile, a as SelectModalMobile } from '../Component-2af5066b.js';
 export { Field } from './field/Component.js';
 export { Optgroup } from './optgroup/Component.js';
 export { Option } from './option/Component.js';
@@ -29,7 +29,7 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '../../../scrollbar/modern';
 import 'react-virtual';
 import '../../../skeleton/modern';
-import '../intersection-observer-c27b846d.js';
+import '../intersection-observer-5631c444.js';
 import '../../../button/modern';
 import './base-checkmark/Component.js';
 import './base-select-mobile/options-list/Component.js';

package/select/modern/components/select-mobile/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../arrow/Component.js';
-export { S as SelectMobile } from '../../Component-b1ff7fce.js';
+export { S as SelectMobile } from '../../Component-2af5066b.js';
 import '../field/Component.js';
 import '../optgroup/Component.js';
 import '../option/Component.js';
@@ -11,7 +11,7 @@ import 'downshift';
 import '../../../../bottom-sheet/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.js';
-import '../../Component-65e772eb.js';
+import '../../Component-7f706817.js';
 import '@juggle/resize-observer';
 import '../../../../popover/modern';
 import '@alfalab/hooks';
@@ -29,7 +29,7 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-c27b846d.js';
+import '../../intersection-observer-5631c444.js';
 import '../../../../button/modern';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/modern';

package/select/modern/components/select-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-b1ff7fce";
+export * from "../../Component-2af5066b";

package/select/modern/components/select-mobile/index.js

@@ -1,4 +1,4 @@
-export { S as SelectMobile } from '../../Component-b1ff7fce.js';
+export { S as SelectMobile } from '../../Component-2af5066b.js';
 import 'react';
 import '../arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../bottom-sheet/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.js';
-import '../../Component-65e772eb.js';
+import '../../Component-7f706817.js';
 import '@juggle/resize-observer';
 import '../../../../popover/modern';
 import '@alfalab/hooks';
@@ -29,7 +29,7 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-c27b846d.js';
+import '../../intersection-observer-5631c444.js';
 import '../../../../button/modern';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/modern';

package/select/modern/components/select-modal-mobile/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import '../arrow/Component.js';
-export { a as SelectModalMobile } from '../../Component-b1ff7fce.js';
+export { a as SelectModalMobile } from '../../Component-2af5066b.js';
 import '../field/Component.js';
 import '../optgroup/Component.js';
 import '../option/Component.js';
@@ -11,7 +11,7 @@ import 'downshift';
 import '../../../../bottom-sheet/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.js';
-import '../../Component-65e772eb.js';
+import '../../Component-7f706817.js';
 import '@juggle/resize-observer';
 import '../../../../popover/modern';
 import '@alfalab/hooks';
@@ -29,7 +29,7 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-c27b846d.js';
+import '../../intersection-observer-5631c444.js';
 import '../../../../button/modern';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/modern';

package/select/modern/components/select-modal-mobile/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-b1ff7fce";
+export * from "../../Component-2af5066b";

package/select/modern/components/select-modal-mobile/index.js

@@ -1,4 +1,4 @@
-export { a as SelectModalMobile } from '../../Component-b1ff7fce.js';
+export { a as SelectModalMobile } from '../../Component-2af5066b.js';
 import 'react';
 import '../arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../bottom-sheet/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.js';
-import '../../Component-65e772eb.js';
+import '../../Component-7f706817.js';
 import '@juggle/resize-observer';
 import '../../../../popover/modern';
 import '@alfalab/hooks';
@@ -29,7 +29,7 @@ import 'react-virtual';
 import '../base-option/Component.js';
 import '../base-checkmark/Component.js';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-c27b846d.js';
+import '../../intersection-observer-5631c444.js';
 import '../../../../button/modern';
 import '../base-select-mobile/options-list/Component.js';
 import '../../../../base-modal/modern';

package/select/modern/index.js

@@ -1,7 +1,7 @@
 export { Select } from './Component.js';
 export { Arrow } from './components/arrow/Component.js';
-export { B as BaseSelect } from './Component-65e772eb.js';
-export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-b1ff7fce.js';
+export { B as BaseSelect } from './Component-7f706817.js';
+export { b as SELECT_ALL_KEY, S as SelectMobile, a as SelectModalMobile, u as useSelectWithApply } from './Component-2af5066b.js';
 export { Field } from './components/field/Component.js';
 export { Optgroup } from './components/optgroup/Component.js';
 export { Option } from './components/option/Component.js';
@@ -32,7 +32,7 @@ import '../../bottom-sheet/modern';
 import '../../modal/modern/mobile';
 import 'react-virtual';
 import '../../skeleton/modern';
-import './intersection-observer-c27b846d.js';
+import './intersection-observer-5631c444.js';
 import '../../button/modern';
 import './components/base-checkmark/Component.js';
 import './components/base-select-mobile/options-list/Component.js';

package/select/modern/presets/index.js

@@ -1,6 +1,6 @@
 export { useSelectWithLoading } from './useSelectWithLoading/hook.js';
 export { useLazyLoading } from './useLazyLoading/hook.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-b1ff7fce.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../Component-2af5066b.js';
 import 'react';
 import '../../../skeleton/modern';
 import '../components/option/Component.js';
@@ -11,7 +11,7 @@ import '../components/checkmark/Component.js';
 import '../../../badge/modern';
 import '../../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '../intersection-observer-c27b846d.js';
+import '../intersection-observer-5631c444.js';
 import '../components/arrow/Component.js';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import 'react-merge-refs';
@@ -19,7 +19,7 @@ import 'downshift';
 import '../../../bottom-sheet/modern';
 import '../../../modal/modern/mobile';
 import '../Component.js';
-import '../Component-65e772eb.js';
+import '../Component-7f706817.js';
 import '@juggle/resize-observer';
 import '../../../popover/modern';
 import '@alfalab/hooks';

package/select/modern/presets/useLazyLoading/hook.js

@@ -1,7 +1,7 @@
 import React, { useReducer, useRef, useCallback, useEffect, useMemo } from 'react';
 import { Skeleton } from '../../../../skeleton/modern';
 import { Option } from '../../components/option/Component.js';
-import '../../intersection-observer-c27b846d.js';
+import '../../intersection-observer-5631c444.js';
 import 'classnames';
 import '../../components/base-select-mobile/checkmark/Component.js';
 import '@alfalab/icons-glyph/CheckmarkMIcon';

package/select/modern/presets/useSelectWithApply/hook.js

@@ -2,8 +2,8 @@ import 'react';
 import '../../Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../Component-65e772eb.js';
-export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-b1ff7fce.js';
+import '../../Component-7f706817.js';
+export { b as SELECT_ALL_KEY, u as useSelectWithApply } from '../../Component-2af5066b.js';
 import '../../../../form-control/modern';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
@@ -14,7 +14,7 @@ import '../../components/options-list/Component.js';
 import 'react-virtual';
 import '../../../../scrollbar/modern';
 import '../../../../skeleton/modern';
-import '../../intersection-observer-c27b846d.js';
+import '../../intersection-observer-5631c444.js';
 import '../../components/arrow/Component.js';
 import '../../components/field/Component.js';
 import '../../components/optgroup/Component.js';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -2,8 +2,8 @@ import 'react';
 import 'classnames';
 import '../../../../../button/modern';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import '../../../Component-65e772eb.js';
-export { O as OptionsListWithApply } from '../../../Component-b1ff7fce.js';
+import '../../../Component-7f706817.js';
+export { O as OptionsListWithApply } from '../../../Component-2af5066b.js';
 import '../../../../../form-control/modern';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CheckmarkMIcon';
@@ -30,7 +30,7 @@ import '../../../components/checkmark/Component.js';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-c27b846d.js';
+import '../../../intersection-observer-5631c444.js';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../../../base-modal/modern';
 import '../../../components/base-select-mobile/virtual-options-list/Component.js';

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-b1ff7fce";
+export * from "../../../Component-2af5066b";

package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,4 +1,4 @@
-export { O as OptionsListWithApply } from '../../../Component-b1ff7fce.js';
+export { O as OptionsListWithApply } from '../../../Component-2af5066b.js';
 import 'react';
 import '../../../components/arrow/Component.js';
 import 'classnames';
@@ -8,7 +8,7 @@ import 'downshift';
 import '../../../../../bottom-sheet/modern';
 import '../../../../../modal/modern/mobile';
 import '../../../Component.js';
-import '../../../Component-65e772eb.js';
+import '../../../Component-7f706817.js';
 import '@juggle/resize-observer';
 import '../../../../../popover/modern';
 import '@alfalab/hooks';
@@ -29,7 +29,7 @@ import 'react-virtual';
 import '../../../components/base-option/Component.js';
 import '../../../components/base-checkmark/Component.js';
 import '../../../../../skeleton/modern';
-import '../../../intersection-observer-c27b846d.js';
+import '../../../intersection-observer-5631c444.js';
 import '../../../../../button/modern';
 import '../../../components/base-select-mobile/options-list/Component.js';
 import '../../../../../base-modal/modern';

package/select/modern/responsive.js

@@ -5,7 +5,7 @@ import './Component.js';
 import './components/arrow/Component.js';
 import 'classnames';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
-import './Component-65e772eb.js';
+import './Component-7f706817.js';
 import 'react-merge-refs';
 import '@juggle/resize-observer';
 import 'downshift';
@@ -23,14 +23,14 @@ import '../../checkbox/modern';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import './components/options-list/Component.js';
 import '../../scrollbar/modern';
-import './Component-b1ff7fce.js';
+import './Component-2af5066b.js';
 import '../../bottom-sheet/modern';
 import '../../modal/modern/mobile';
 import 'react-virtual';
 import './components/base-option/Component.js';
 import './components/base-checkmark/Component.js';
 import '../../skeleton/modern';
-import './intersection-observer-c27b846d.js';
+import './intersection-observer-5631c444.js';
 import '../../button/modern';
 import './components/base-select-mobile/options-list/Component.js';
 import '../../base-modal/modern';

package/select/presets/index.js

@@ -1,6 +1,6 @@
 var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
 var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-1f0e50b6.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../Component-9d8a4d54.js');
 require('tslib');
 require('react');
 require('../../skeleton');
@@ -12,7 +12,7 @@ require('../components/checkmark/Component.js');
 require('../../badge');
 require('../../checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-require('../intersection-observer-2edee7ea.js');
+require('../intersection-observer-c8b7b4f0.js');
 require('../components/arrow/Component.js');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('react-merge-refs');
@@ -20,7 +20,7 @@ require('downshift');
 require('../../bottom-sheet');
 require('../../modal/mobile');
 require('../Component.js');
-require('../Component-0ee242df.js');
+require('../Component-35779269.js');
 require('@juggle/resize-observer');
 require('../../popover');
 require('@alfalab/hooks');

package/select/presets/useLazyLoading/hook.js

@@ -2,7 +2,7 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsSkeleton = require('../../../skeleton');
 var components_option_Component = require('../../components/option/Component.js');
-require('../../intersection-observer-2edee7ea.js');
+require('../../intersection-observer-c8b7b4f0.js');
 require('classnames');
 require('../../components/base-select-mobile/checkmark/Component.js');
 require('@alfalab/icons-glyph/CheckmarkMIcon');

package/select/presets/useSelectWithApply/hook.js

@@ -3,8 +3,8 @@ require('react');
 require('../../Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../Component-0ee242df.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-1f0e50b6.js');
+require('../../Component-35779269.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../Component-9d8a4d54.js');
 require('../../../form-control');
 require('@alfalab/hooks');
 require('../../utils.js');
@@ -16,7 +16,7 @@ require('../../components/options-list/Component.js');
 require('react-virtual');
 require('../../../scrollbar');
 require('../../../skeleton');
-require('../../intersection-observer-2edee7ea.js');
+require('../../intersection-observer-c8b7b4f0.js');
 require('../../components/arrow/Component.js');
 require('../../components/field/Component.js');
 require('../../components/optgroup/Component.js');

package/select/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -3,8 +3,8 @@ require('react');
 require('classnames');
 require('../../../../button');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../../Component-0ee242df.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-1f0e50b6.js');
+require('../../../Component-35779269.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-9d8a4d54.js');
 require('../../../../form-control');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
@@ -32,7 +32,7 @@ require('../../../components/checkmark/Component.js');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('../../../../skeleton');
-require('../../../intersection-observer-2edee7ea.js');
+require('../../../intersection-observer-c8b7b4f0.js');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../../base-modal');
 require('../../../components/base-select-mobile/virtual-options-list/Component.js');

package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-1f0e50b6";
+export * from "../../../Component-9d8a4d54";

package/select/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,4 +1,4 @@
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-1f0e50b6.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-9d8a4d54.js');
 require('tslib');
 require('react');
 require('../../../components/arrow/Component.js');
@@ -9,7 +9,7 @@ require('downshift');
 require('../../../../bottom-sheet');
 require('../../../../modal/mobile');
 require('../../../Component.js');
-require('../../../Component-0ee242df.js');
+require('../../../Component-35779269.js');
 require('@juggle/resize-observer');
 require('../../../../popover');
 require('@alfalab/hooks');
@@ -31,7 +31,7 @@ require('react-virtual');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('../../../../skeleton');
-require('../../../intersection-observer-2edee7ea.js');
+require('../../../intersection-observer-c8b7b4f0.js');
 require('../../../../button');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('../../../../base-modal');

package/select/responsive.js

@@ -6,7 +6,7 @@ require('./Component.js');
 require('./components/arrow/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./Component-0ee242df.js');
+require('./Component-35779269.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
@@ -25,14 +25,14 @@ require('../checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('./components/options-list/Component.js');
 require('../scrollbar');
-require('./Component-1f0e50b6.js');
+require('./Component-9d8a4d54.js');
 require('../bottom-sheet');
 require('../modal/mobile');
 require('react-virtual');
 require('./components/base-option/Component.js');
 require('./components/base-checkmark/Component.js');
 require('../skeleton');
-require('./intersection-observer-2edee7ea.js');
+require('./intersection-observer-c8b7b4f0.js');
 require('../button');
 require('./components/base-select-mobile/options-list/Component.js');
 require('../base-modal');

package/tag/Component.d.ts

@@ -15,6 +15,10 @@ type TagProps = Omit<NativeProps, 'onClick'> & {
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Дополнительный класс для обёртки children
+     */
+    childrenClassName?: string;
     /**
      * Слот слева
      */
@@ -70,6 +74,10 @@ declare const Tag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClick">
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Дополнительный класс для обёртки children
+     */
+    childrenClassName?: string | undefined;
     /**
      * Слот слева
      */

package/tag/Component.js

@@ -26,7 +26,7 @@ var colorStylesMap = {
 };
 var Tag = React.forwardRef(function (_a, ref) {
     var _b;
-    var rightAddons = _a.rightAddons, leftAddons = _a.leftAddons, children = _a.children, _c = _a.size, size = _c === void 0 ? 's' : _c, checked = _a.checked, className = _a.className, dataTestId = _a.dataTestId, name = _a.name, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, onClick = _a.onClick, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, onOverflow = _a.onOverflow, restProps = tslib.__rest(_a, ["rightAddons", "leftAddons", "children", "size", "checked", "className", "dataTestId", "name", "colors", "onClick", "variant", "shape", "view", "onOverflow"]);
+    var rightAddons = _a.rightAddons, leftAddons = _a.leftAddons, children = _a.children, _c = _a.size, size = _c === void 0 ? 's' : _c, checked = _a.checked, className = _a.className, dataTestId = _a.dataTestId, name = _a.name, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, onClick = _a.onClick, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, onOverflow = _a.onOverflow, childrenClassName = _a.childrenClassName, restProps = tslib.__rest(_a, ["rightAddons", "leftAddons", "children", "size", "checked", "className", "dataTestId", "name", "colors", "onClick", "variant", "shape", "view", "onOverflow", "childrenClassName"]);
     var colorStyles = colorStylesMap[colors];
     var tagRef = React.useRef(null);
     var childrenRef = React.useRef(null);
@@ -60,7 +60,7 @@ var Tag = React.forwardRef(function (_a, ref) {
     }, [onOverflow]);
     return (React__default.default.createElement("button", tslib.__assign({ ref: mergeRefs__default.default([tagRef, ref]), type: 'button', onClick: handleClick }, tagProps, restProps),
         leftAddons ? React__default.default.createElement("span", { className: styles.addons }, leftAddons) : null,
-        children && React__default.default.createElement("span", { ref: childrenRef }, children),
+        children && (React__default.default.createElement("span", { ref: childrenRef, className: childrenClassName }, children)),
         rightAddons ? React__default.default.createElement("span", { className: styles.addons }, rightAddons) : null));
 });
 

package/tag/cssm/Component.d.ts

@@ -15,6 +15,10 @@ type TagProps = Omit<NativeProps, 'onClick'> & {
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Дополнительный класс для обёртки children
+     */
+    childrenClassName?: string;
     /**
      * Слот слева
      */
@@ -70,6 +74,10 @@ declare const Tag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClick">
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Дополнительный класс для обёртки children
+     */
+    childrenClassName?: string | undefined;
     /**
      * Слот слева
      */

package/tag/cssm/Component.js

@@ -23,7 +23,7 @@ var colorStylesMap = {
 };
 var Tag = React.forwardRef(function (_a, ref) {
     var _b;
-    var rightAddons = _a.rightAddons, leftAddons = _a.leftAddons, children = _a.children, _c = _a.size, size = _c === void 0 ? 's' : _c, checked = _a.checked, className = _a.className, dataTestId = _a.dataTestId, name = _a.name, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, onClick = _a.onClick, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, onOverflow = _a.onOverflow, restProps = tslib.__rest(_a, ["rightAddons", "leftAddons", "children", "size", "checked", "className", "dataTestId", "name", "colors", "onClick", "variant", "shape", "view", "onOverflow"]);
+    var rightAddons = _a.rightAddons, leftAddons = _a.leftAddons, children = _a.children, _c = _a.size, size = _c === void 0 ? 's' : _c, checked = _a.checked, className = _a.className, dataTestId = _a.dataTestId, name = _a.name, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, onClick = _a.onClick, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, onOverflow = _a.onOverflow, childrenClassName = _a.childrenClassName, restProps = tslib.__rest(_a, ["rightAddons", "leftAddons", "children", "size", "checked", "className", "dataTestId", "name", "colors", "onClick", "variant", "shape", "view", "onOverflow", "childrenClassName"]);
     var colorStyles = colorStylesMap[colors];
     var tagRef = React.useRef(null);
     var childrenRef = React.useRef(null);
@@ -57,7 +57,7 @@ var Tag = React.forwardRef(function (_a, ref) {
     }, [onOverflow]);
     return (React__default.default.createElement("button", tslib.__assign({ ref: mergeRefs__default.default([tagRef, ref]), type: 'button', onClick: handleClick }, tagProps, restProps),
         leftAddons ? React__default.default.createElement("span", { className: styles__default.default.addons }, leftAddons) : null,
-        children && React__default.default.createElement("span", { ref: childrenRef }, children),
+        children && (React__default.default.createElement("span", { ref: childrenRef, className: childrenClassName }, children)),
         rightAddons ? React__default.default.createElement("span", { className: styles__default.default.addons }, rightAddons) : null));
 });
 

package/tag/esm/Component.d.ts

@@ -15,6 +15,10 @@ type TagProps = Omit<NativeProps, 'onClick'> & {
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Дополнительный класс для обёртки children
+     */
+    childrenClassName?: string;
     /**
      * Слот слева
      */
@@ -70,6 +74,10 @@ declare const Tag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClick">
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Дополнительный класс для обёртки children
+     */
+    childrenClassName?: string | undefined;
     /**
      * Слот слева
      */

package/tag/esm/Component.js

@@ -20,7 +20,7 @@ var colorStylesMap = {
 };
 var Tag = forwardRef(function (_a, ref) {
     var _b;
-    var rightAddons = _a.rightAddons, leftAddons = _a.leftAddons, children = _a.children, _c = _a.size, size = _c === void 0 ? 's' : _c, checked = _a.checked, className = _a.className, dataTestId = _a.dataTestId, name = _a.name, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, onClick = _a.onClick, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, onOverflow = _a.onOverflow, restProps = __rest(_a, ["rightAddons", "leftAddons", "children", "size", "checked", "className", "dataTestId", "name", "colors", "onClick", "variant", "shape", "view", "onOverflow"]);
+    var rightAddons = _a.rightAddons, leftAddons = _a.leftAddons, children = _a.children, _c = _a.size, size = _c === void 0 ? 's' : _c, checked = _a.checked, className = _a.className, dataTestId = _a.dataTestId, name = _a.name, _d = _a.colors, colors = _d === void 0 ? 'default' : _d, onClick = _a.onClick, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, onOverflow = _a.onOverflow, childrenClassName = _a.childrenClassName, restProps = __rest(_a, ["rightAddons", "leftAddons", "children", "size", "checked", "className", "dataTestId", "name", "colors", "onClick", "variant", "shape", "view", "onOverflow", "childrenClassName"]);
     var colorStyles = colorStylesMap[colors];
     var tagRef = useRef(null);
     var childrenRef = useRef(null);
@@ -54,7 +54,7 @@ var Tag = forwardRef(function (_a, ref) {
     }, [onOverflow]);
     return (React.createElement("button", __assign({ ref: mergeRefs([tagRef, ref]), type: 'button', onClick: handleClick }, tagProps, restProps),
         leftAddons ? React.createElement("span", { className: styles.addons }, leftAddons) : null,
-        children && React.createElement("span", { ref: childrenRef }, children),
+        children && (React.createElement("span", { ref: childrenRef, className: childrenClassName }, children)),
         rightAddons ? React.createElement("span", { className: styles.addons }, rightAddons) : null));
 });
 

package/tag/modern/Component.d.ts

@@ -15,6 +15,10 @@ type TagProps = Omit<NativeProps, 'onClick'> & {
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Дополнительный класс для обёртки children
+     */
+    childrenClassName?: string;
     /**
      * Слот слева
      */
@@ -70,6 +74,10 @@ declare const Tag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClick">
      * Дочерние элементы.
      */
     children?: ReactNode;
+    /**
+     * Дополнительный класс для обёртки children
+     */
+    childrenClassName?: string | undefined;
     /**
      * Слот слева
      */

package/tag/modern/Component.js

@@ -17,7 +17,7 @@ const colorStylesMap = {
     default: defaultColors,
     inverted: invertedColors,
 };
-const Tag = forwardRef(({ rightAddons, leftAddons, children, size = 's', checked, className, dataTestId, name, colors = 'default', onClick, variant = 'default', shape, view = 'outlined', onOverflow, ...restProps }, ref) => {
+const Tag = forwardRef(({ rightAddons, leftAddons, children, size = 's', checked, className, dataTestId, name, colors = 'default', onClick, variant = 'default', shape, view = 'outlined', onOverflow, childrenClassName, ...restProps }, ref) => {
     const colorStyles = colorStylesMap[colors];
     const tagRef = useRef(null);
     const childrenRef = useRef(null);
@@ -51,7 +51,7 @@ const Tag = forwardRef(({ rightAddons, leftAddons, children, size = 's', checked
     }, [onOverflow]);
     return (React.createElement("button", { ref: mergeRefs([tagRef, ref]), type: 'button', onClick: handleClick, ...tagProps, ...restProps },
         leftAddons ? React.createElement("span", { className: styles.addons }, leftAddons) : null,
-        children && React.createElement("span", { ref: childrenRef }, children),
+        children && (React.createElement("span", { ref: childrenRef, className: childrenClassName }, children)),
         rightAddons ? React.createElement("span", { className: styles.addons }, rightAddons) : null));
 });