@alfalab/core-components 45.5.0-rc.1 → 45.5.0

package/tabs/components/title/Component.js

@@ -10,8 +10,8 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 var Title = React.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var id = _a.id, toggleClassName = _a.toggleClassName, title = _a.title, _d = _a.styles, styles = _d === void 0 ? {} : _d, _e = _a.rightAddons, rightAddons = _e === void 0 ? null : _e, _f = _a.hidden, hidden = _f === void 0 ? false : _f, _g = _a.selected, selected = _g === void 0 ? false : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.collapsed, collapsed = _j === void 0 ? false : _j, _k = _a.focused, focused = _k === void 0 ? false : _k, _l = _a.isOption, isOption = _l === void 0 ? false : _l, restProps = tslib.__rest(_a, ["id", "toggleClassName", "title", "styles", "rightAddons", "hidden", "selected", "disabled", "collapsed", "focused", "isOption"]);
+    var _b, _c, _d;
+    var id = _a.id, toggleClassName = _a.toggleClassName, title = _a.title, _e = _a.styles, styles = _e === void 0 ? {} : _e, _f = _a.rightAddons, rightAddons = _f === void 0 ? null : _f, _g = _a.hidden, hidden = _g === void 0 ? false : _g, _h = _a.selected, selected = _h === void 0 ? false : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j, _k = _a.collapsed, collapsed = _k === void 0 ? false : _k, _l = _a.focused, focused = _l === void 0 ? false : _l, _m = _a.isOption, isOption = _m === void 0 ? false : _m, restProps = tslib.__rest(_a, ["id", "toggleClassName", "title", "styles", "rightAddons", "hidden", "selected", "disabled", "collapsed", "focused", "isOption"]);
     return hidden ? null : (React__default.default.createElement("button", tslib.__assign({}, restProps, { ref: ref, disabled: disabled, type: 'button', id: String(id), className: cn__default.default(styles.title, (_b = {},
             _b[styles.selected] = selected,
             _b[styles.disabled] = disabled,
@@ -19,7 +19,9 @@ var Title = React.forwardRef(function (_a, ref) {
             _b[styles.option] = isOption,
             _b), toggleClassName) }),
         React__default.default.createElement("span", { className: cn__default.default(styles.content, (_c = {}, _c[styles.focused] = focused, _c)) }, title),
-        rightAddons && React__default.default.createElement("span", { className: styles.rightAddons }, rightAddons)));
+        rightAddons && (React__default.default.createElement("span", { className: cn__default.default(styles.rightAddons, (_d = {},
+                _d[styles.rightAddonsMarginZero] = !title,
+                _d)) }, rightAddons))));
 });
 
 exports.Title = Title;

package/tabs/cssm/components/primary-tablist/index.module.css

@@ -454,4 +454,6 @@
     justify-content: center;
     align-items: center;
     margin-left: var(--gap-xs);
+} .rightAddonsMarginZero {
+    margin-left: 0;
 }

package/tabs/cssm/components/title/Component.js

@@ -10,8 +10,8 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 var Title = React.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var id = _a.id, toggleClassName = _a.toggleClassName, title = _a.title, _d = _a.styles, styles = _d === void 0 ? {} : _d, _e = _a.rightAddons, rightAddons = _e === void 0 ? null : _e, _f = _a.hidden, hidden = _f === void 0 ? false : _f, _g = _a.selected, selected = _g === void 0 ? false : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.collapsed, collapsed = _j === void 0 ? false : _j, _k = _a.focused, focused = _k === void 0 ? false : _k, _l = _a.isOption, isOption = _l === void 0 ? false : _l, restProps = tslib.__rest(_a, ["id", "toggleClassName", "title", "styles", "rightAddons", "hidden", "selected", "disabled", "collapsed", "focused", "isOption"]);
+    var _b, _c, _d;
+    var id = _a.id, toggleClassName = _a.toggleClassName, title = _a.title, _e = _a.styles, styles = _e === void 0 ? {} : _e, _f = _a.rightAddons, rightAddons = _f === void 0 ? null : _f, _g = _a.hidden, hidden = _g === void 0 ? false : _g, _h = _a.selected, selected = _h === void 0 ? false : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j, _k = _a.collapsed, collapsed = _k === void 0 ? false : _k, _l = _a.focused, focused = _l === void 0 ? false : _l, _m = _a.isOption, isOption = _m === void 0 ? false : _m, restProps = tslib.__rest(_a, ["id", "toggleClassName", "title", "styles", "rightAddons", "hidden", "selected", "disabled", "collapsed", "focused", "isOption"]);
     return hidden ? null : (React__default.default.createElement("button", tslib.__assign({}, restProps, { ref: ref, disabled: disabled, type: 'button', id: String(id), className: cn__default.default(styles.title, (_b = {},
             _b[styles.selected] = selected,
             _b[styles.disabled] = disabled,
@@ -19,7 +19,9 @@ var Title = React.forwardRef(function (_a, ref) {
             _b[styles.option] = isOption,
             _b), toggleClassName) }),
         React__default.default.createElement("span", { className: cn__default.default(styles.content, (_c = {}, _c[styles.focused] = focused, _c)) }, title),
-        rightAddons && React__default.default.createElement("span", { className: styles.rightAddons }, rightAddons)));
+        rightAddons && (React__default.default.createElement("span", { className: cn__default.default(styles.rightAddons, (_d = {},
+                _d[styles.rightAddonsMarginZero] = !title,
+                _d)) }, rightAddons))));
 });
 
 exports.Title = Title;

package/tabs/esm/collapsible/index.js

@@ -17,5 +17,5 @@ import 'react-merge-refs';
 import '../../../shared/esm';
 import '../synthetic-events.js';
 import '../components/title/Component.js';
-import '../index.module-734b114f.js';
+import '../index.module-f26e0db8.js';
 import '../components/tabs/Component.js';

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

@@ -7,7 +7,7 @@ import { PickerButtonDesktop } from '../../../../picker-button/esm/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-734b114f.js';
+import { s as styles } from '../../index.module-f26e0db8.js';
 import '../../../../mq/esm';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';

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

@@ -1,7 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles } from '../../index.module-734b114f.js';
+import { s as styles } from '../../index.module-f26e0db8.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';

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

@@ -1,7 +1,7 @@
 import { __assign } from 'tslib';
 import React from 'react';
 import { PrimaryTabList } from './Component.js';
-import { s as styles$1 } from '../../index.module-734b114f.js';
+import { s as styles$1 } from '../../index.module-f26e0db8.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';

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

@@ -19,7 +19,7 @@ import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
-import '../../index.module-734b114f.js';
+import '../../index.module-f26e0db8.js';
 
 var PrimaryTabListResponsive = function (_a) {
     var size = _a.size, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, fullWidthScroll = _a.fullWidthScroll, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = __rest(_a, ["size", "breakpoint", "fullWidthScroll", "defaultMatchMediaValue"]);

package/tabs/esm/components/primary-tablist/index.css

@@ -455,4 +455,6 @@
     justify-content: center;
     align-items: center;
     margin-left: var(--gap-xs);
+} .tabs__rightAddonsMarginZero_1hwcb {
+    margin-left: 0;
 }

package/tabs/esm/components/primary-tablist/mobile.css

@@ -462,6 +462,8 @@
     justify-content: center;
     align-items: center;
     margin-left: var(--gap-xs);
+}.tabs__rightAddonsMarginZero_1hwcb {
+    margin-left: 0;
 } :root {
     --color-dark-indigo: #0b1f35; /* deprecated */
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */

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

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { TagDesktop } from '../../../../tag/esm/desktop';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-2b698b98.js';
+import { c as commonStyles } from '../../index.module-5d3f9f1c.js';
 import 'classnames';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

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

@@ -3,7 +3,7 @@ import React from 'react';
 import cn from 'classnames';
 import { TagMobile } from '../../../../tag/esm/mobile';
 import { SecondaryTabList } from './Component.js';
-import { c as commonStyles } from '../../index.module-2b698b98.js';
+import { c as commonStyles } from '../../index.module-5d3f9f1c.js';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';
 import '../../../../shared/esm';

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

@@ -17,7 +17,7 @@ import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-2b698b98.js';
+import '../../index.module-5d3f9f1c.js';
 import '../../../../tag/esm/mobile';
 
 var SecondaryTabListResponsive = function (_a) {

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-734b114f.js';
+import '../../index.module-f26e0db8.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-734b114f.js';
+import '../../index.module-f26e0db8.js';
 import '../../../../tag/esm/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-2b698b98.js';
+import '../../index.module-5d3f9f1c.js';
 
 var views = {
     primary: PrimaryTabListDesktop,

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-734b114f.js';
+import '../../index.module-f26e0db8.js';
 import '../../../../tag/esm/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-2b698b98.js';
+import '../../index.module-5d3f9f1c.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-734b114f.js';
+import '../../index.module-f26e0db8.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-2b698b98.js';
+import '../../index.module-5d3f9f1c.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/esm/mobile';
 

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

@@ -3,8 +3,8 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
 var Title = forwardRef(function (_a, ref) {
-    var _b, _c;
-    var id = _a.id, toggleClassName = _a.toggleClassName, title = _a.title, _d = _a.styles, styles = _d === void 0 ? {} : _d, _e = _a.rightAddons, rightAddons = _e === void 0 ? null : _e, _f = _a.hidden, hidden = _f === void 0 ? false : _f, _g = _a.selected, selected = _g === void 0 ? false : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.collapsed, collapsed = _j === void 0 ? false : _j, _k = _a.focused, focused = _k === void 0 ? false : _k, _l = _a.isOption, isOption = _l === void 0 ? false : _l, restProps = __rest(_a, ["id", "toggleClassName", "title", "styles", "rightAddons", "hidden", "selected", "disabled", "collapsed", "focused", "isOption"]);
+    var _b, _c, _d;
+    var id = _a.id, toggleClassName = _a.toggleClassName, title = _a.title, _e = _a.styles, styles = _e === void 0 ? {} : _e, _f = _a.rightAddons, rightAddons = _f === void 0 ? null : _f, _g = _a.hidden, hidden = _g === void 0 ? false : _g, _h = _a.selected, selected = _h === void 0 ? false : _h, _j = _a.disabled, disabled = _j === void 0 ? false : _j, _k = _a.collapsed, collapsed = _k === void 0 ? false : _k, _l = _a.focused, focused = _l === void 0 ? false : _l, _m = _a.isOption, isOption = _m === void 0 ? false : _m, restProps = __rest(_a, ["id", "toggleClassName", "title", "styles", "rightAddons", "hidden", "selected", "disabled", "collapsed", "focused", "isOption"]);
     return hidden ? null : (React.createElement("button", __assign({}, restProps, { ref: ref, disabled: disabled, type: 'button', id: String(id), className: cn(styles.title, (_b = {},
             _b[styles.selected] = selected,
             _b[styles.disabled] = disabled,
@@ -12,7 +12,9 @@ var Title = forwardRef(function (_a, ref) {
             _b[styles.option] = isOption,
             _b), toggleClassName) }),
         React.createElement("span", { className: cn(styles.content, (_c = {}, _c[styles.focused] = focused, _c)) }, title),
-        rightAddons && React.createElement("span", { className: styles.rightAddons }, rightAddons)));
+        rightAddons && (React.createElement("span", { className: cn(styles.rightAddons, (_d = {},
+                _d[styles.rightAddonsMarginZero] = !title,
+                _d)) }, rightAddons))));
 });
 
 export { Title };

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-734b114f.js';
+import '../index.module-f26e0db8.js';
 import '../../../tag/esm/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-2b698b98.js';
+import '../index.module-5d3f9f1c.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-734b114f.js';
+import './index.module-f26e0db8.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-2b698b98.js';
+import './index.module-5d3f9f1c.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/esm/mobile';
 import './components/tabs/Component.js';

package/tabs/esm/{index.module-734b114f.js → index.module-f26e0db8.js}

@@ -1,4 +1,4 @@
-var styles = {"component":"tabs__component_1hwcb","desktop":"tabs__desktop_1hwcb","paragraph-primary-large":"tabs__paragraph-primary-large_1hwcb","title":"tabs__title_1hwcb","paragraph-primary-medium":"tabs__paragraph-primary-medium_1hwcb","paragraph-primary-small":"tabs__paragraph-primary-small_1hwcb","action-primary-large":"tabs__action-primary-large_1hwcb","action-primary-medium":"tabs__action-primary-medium_1hwcb","action-primary-small":"tabs__action-primary-small_1hwcb","accent-primary-large":"tabs__accent-primary-large_1hwcb","accent-primary-medium":"tabs__accent-primary-medium_1hwcb","accent-primary-small":"tabs__accent-primary-small_1hwcb","pickerWrapper":"tabs__pickerWrapper_1hwcb","option":"tabs__option_1hwcb","scrollControls":"tabs__scrollControls_1hwcb","headline-system-xlarge":"tabs__headline-system-xlarge_1hwcb","headline-system-large":"tabs__headline-system-large_1hwcb","headline-system-medium":"tabs__headline-system-medium_1hwcb","headline-system-small":"tabs__headline-system-small_1hwcb","headline-system-xsmall":"tabs__headline-system-xsmall_1hwcb","headline-xlarge":"tabs__headline-xlarge_1hwcb","headline-large":"tabs__headline-large_1hwcb","headline-medium":"tabs__headline-medium_1hwcb","headline-small":"tabs__headline-small_1hwcb","headline-xsmall":"tabs__headline-xsmall_1hwcb","fullWidthScroll":"tabs__fullWidthScroll_1hwcb","container":"tabs__container_1hwcb","disabled":"tabs__disabled_1hwcb","focused":"tabs__focused_1hwcb","collapsed":"tabs__collapsed_1hwcb","selected":"tabs__selected_1hwcb","line":"tabs__line_1hwcb","s":"tabs__s_1hwcb","xs":"tabs__xs_1hwcb","xxs":"tabs__xxs_1hwcb","m":"tabs__m_1hwcb","l":"tabs__l_1hwcb","xl":"tabs__xl_1hwcb","rightAddons":"tabs__rightAddons_1hwcb"};
+var styles = {"component":"tabs__component_1hwcb","desktop":"tabs__desktop_1hwcb","paragraph-primary-large":"tabs__paragraph-primary-large_1hwcb","title":"tabs__title_1hwcb","paragraph-primary-medium":"tabs__paragraph-primary-medium_1hwcb","paragraph-primary-small":"tabs__paragraph-primary-small_1hwcb","action-primary-large":"tabs__action-primary-large_1hwcb","action-primary-medium":"tabs__action-primary-medium_1hwcb","action-primary-small":"tabs__action-primary-small_1hwcb","accent-primary-large":"tabs__accent-primary-large_1hwcb","accent-primary-medium":"tabs__accent-primary-medium_1hwcb","accent-primary-small":"tabs__accent-primary-small_1hwcb","pickerWrapper":"tabs__pickerWrapper_1hwcb","option":"tabs__option_1hwcb","scrollControls":"tabs__scrollControls_1hwcb","headline-system-xlarge":"tabs__headline-system-xlarge_1hwcb","headline-system-large":"tabs__headline-system-large_1hwcb","headline-system-medium":"tabs__headline-system-medium_1hwcb","headline-system-small":"tabs__headline-system-small_1hwcb","headline-system-xsmall":"tabs__headline-system-xsmall_1hwcb","headline-xlarge":"tabs__headline-xlarge_1hwcb","headline-large":"tabs__headline-large_1hwcb","headline-medium":"tabs__headline-medium_1hwcb","headline-small":"tabs__headline-small_1hwcb","headline-xsmall":"tabs__headline-xsmall_1hwcb","fullWidthScroll":"tabs__fullWidthScroll_1hwcb","container":"tabs__container_1hwcb","disabled":"tabs__disabled_1hwcb","focused":"tabs__focused_1hwcb","collapsed":"tabs__collapsed_1hwcb","selected":"tabs__selected_1hwcb","line":"tabs__line_1hwcb","s":"tabs__s_1hwcb","xs":"tabs__xs_1hwcb","xxs":"tabs__xxs_1hwcb","m":"tabs__m_1hwcb","l":"tabs__l_1hwcb","xl":"tabs__xl_1hwcb","rightAddons":"tabs__rightAddons_1hwcb","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_1hwcb"};
 require('./components/primary-tablist/index.css');
 
 export { styles as s };

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-734b114f.js';
+import '../index.module-f26e0db8.js';
 import '../../../tag/esm/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-2b698b98.js';
+import '../index.module-5d3f9f1c.js';
 import '../components/tabs/Component.js';

package/tabs/{index.module-1dc7ab34.js → index.module-1a2e5af7.js}

@@ -1,4 +1,4 @@
-var styles = {"component":"tabs__component_1hwcb","desktop":"tabs__desktop_1hwcb","paragraph-primary-large":"tabs__paragraph-primary-large_1hwcb","title":"tabs__title_1hwcb","paragraph-primary-medium":"tabs__paragraph-primary-medium_1hwcb","paragraph-primary-small":"tabs__paragraph-primary-small_1hwcb","action-primary-large":"tabs__action-primary-large_1hwcb","action-primary-medium":"tabs__action-primary-medium_1hwcb","action-primary-small":"tabs__action-primary-small_1hwcb","accent-primary-large":"tabs__accent-primary-large_1hwcb","accent-primary-medium":"tabs__accent-primary-medium_1hwcb","accent-primary-small":"tabs__accent-primary-small_1hwcb","pickerWrapper":"tabs__pickerWrapper_1hwcb","option":"tabs__option_1hwcb","scrollControls":"tabs__scrollControls_1hwcb","headline-system-xlarge":"tabs__headline-system-xlarge_1hwcb","headline-system-large":"tabs__headline-system-large_1hwcb","headline-system-medium":"tabs__headline-system-medium_1hwcb","headline-system-small":"tabs__headline-system-small_1hwcb","headline-system-xsmall":"tabs__headline-system-xsmall_1hwcb","headline-xlarge":"tabs__headline-xlarge_1hwcb","headline-large":"tabs__headline-large_1hwcb","headline-medium":"tabs__headline-medium_1hwcb","headline-small":"tabs__headline-small_1hwcb","headline-xsmall":"tabs__headline-xsmall_1hwcb","fullWidthScroll":"tabs__fullWidthScroll_1hwcb","container":"tabs__container_1hwcb","disabled":"tabs__disabled_1hwcb","focused":"tabs__focused_1hwcb","collapsed":"tabs__collapsed_1hwcb","selected":"tabs__selected_1hwcb","line":"tabs__line_1hwcb","s":"tabs__s_1hwcb","xs":"tabs__xs_1hwcb","xxs":"tabs__xxs_1hwcb","m":"tabs__m_1hwcb","l":"tabs__l_1hwcb","xl":"tabs__xl_1hwcb","rightAddons":"tabs__rightAddons_1hwcb"};
+var styles = {"component":"tabs__component_1hwcb","desktop":"tabs__desktop_1hwcb","paragraph-primary-large":"tabs__paragraph-primary-large_1hwcb","title":"tabs__title_1hwcb","paragraph-primary-medium":"tabs__paragraph-primary-medium_1hwcb","paragraph-primary-small":"tabs__paragraph-primary-small_1hwcb","action-primary-large":"tabs__action-primary-large_1hwcb","action-primary-medium":"tabs__action-primary-medium_1hwcb","action-primary-small":"tabs__action-primary-small_1hwcb","accent-primary-large":"tabs__accent-primary-large_1hwcb","accent-primary-medium":"tabs__accent-primary-medium_1hwcb","accent-primary-small":"tabs__accent-primary-small_1hwcb","pickerWrapper":"tabs__pickerWrapper_1hwcb","option":"tabs__option_1hwcb","scrollControls":"tabs__scrollControls_1hwcb","headline-system-xlarge":"tabs__headline-system-xlarge_1hwcb","headline-system-large":"tabs__headline-system-large_1hwcb","headline-system-medium":"tabs__headline-system-medium_1hwcb","headline-system-small":"tabs__headline-system-small_1hwcb","headline-system-xsmall":"tabs__headline-system-xsmall_1hwcb","headline-xlarge":"tabs__headline-xlarge_1hwcb","headline-large":"tabs__headline-large_1hwcb","headline-medium":"tabs__headline-medium_1hwcb","headline-small":"tabs__headline-small_1hwcb","headline-xsmall":"tabs__headline-xsmall_1hwcb","fullWidthScroll":"tabs__fullWidthScroll_1hwcb","container":"tabs__container_1hwcb","disabled":"tabs__disabled_1hwcb","focused":"tabs__focused_1hwcb","collapsed":"tabs__collapsed_1hwcb","selected":"tabs__selected_1hwcb","line":"tabs__line_1hwcb","s":"tabs__s_1hwcb","xs":"tabs__xs_1hwcb","xxs":"tabs__xxs_1hwcb","m":"tabs__m_1hwcb","l":"tabs__l_1hwcb","xl":"tabs__xl_1hwcb","rightAddons":"tabs__rightAddons_1hwcb","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_1hwcb"};
 require('./components/primary-tablist/index.css');
 
 exports.styles = styles;

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-ba4e239a.js';
+import '../index.module-bdc2fa90.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-ba4e239a.js';
+import { s as styles } from '../../index.module-bdc2fa90.js';
 import '../../../../mq/modern';
 import '../../hooks/use-collapsible-elements.js';
 import '@juggle/resize-observer';

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-ba4e239a.js';
+import { s as styles } from '../../index.module-bdc2fa90.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/modern';

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-ba4e239a.js';
+import { s as styles$1 } from '../../index.module-bdc2fa90.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-ba4e239a.js';
+import '../../index.module-bdc2fa90.js';
 
 const PrimaryTabListResponsive = ({ size, breakpoint = 1024, fullWidthScroll, defaultMatchMediaValue, ...restProps }) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);

package/tabs/modern/components/primary-tablist/index.css

@@ -455,4 +455,6 @@
     justify-content: center;
     align-items: center;
     margin-left: var(--gap-xs);
+} .tabs__rightAddonsMarginZero_1hwcb {
+    margin-left: 0;
 }

package/tabs/modern/components/primary-tablist/mobile.css

@@ -462,6 +462,8 @@
     justify-content: center;
     align-items: center;
     margin-left: var(--gap-xs);
+}.tabs__rightAddonsMarginZero_1hwcb {
+    margin-left: 0;
 } :root {
     --color-dark-indigo: #0b1f35; /* deprecated */
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6); /* deprecated */

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-949165ce.js';
+import { c as commonStyles } from '../../index.module-d2f38de9.js';
 import 'classnames';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

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-949165ce.js';
+import { c as commonStyles } from '../../index.module-d2f38de9.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-949165ce.js';
+import '../../index.module-d2f38de9.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-ba4e239a.js';
+import '../../index.module-bdc2fa90.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-ba4e239a.js';
+import '../../index.module-bdc2fa90.js';
 import '../../../../tag/modern/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-949165ce.js';
+import '../../index.module-d2f38de9.js';
 
 const views = {
     primary: PrimaryTabListDesktop,

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-ba4e239a.js';
+import '../../index.module-bdc2fa90.js';
 import '../../../../tag/modern/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-949165ce.js';
+import '../../index.module-d2f38de9.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-ba4e239a.js';
+import '../../index.module-bdc2fa90.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-949165ce.js';
+import '../../index.module-d2f38de9.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/modern/mobile';
 

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

@@ -8,6 +8,8 @@ const Title = forwardRef(({ id, toggleClassName, title, styles = {}, rightAddons
         [styles.option]: isOption,
     }, toggleClassName) },
     React.createElement("span", { className: cn(styles.content, { [styles.focused]: focused }) }, title),
-    rightAddons && React.createElement("span", { className: styles.rightAddons }, rightAddons))));
+    rightAddons && (React.createElement("span", { className: cn(styles.rightAddons, {
+            [styles.rightAddonsMarginZero]: !title,
+        }) }, rightAddons)))));
 
 export { Title };

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-ba4e239a.js';
+import '../index.module-bdc2fa90.js';
 import '../../../tag/modern/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-949165ce.js';
+import '../index.module-d2f38de9.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-ba4e239a.js';
+import './index.module-bdc2fa90.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-949165ce.js';
+import './index.module-d2f38de9.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/modern/mobile';
 import './components/tabs/Component.js';

package/tabs/modern/{index.module-ba4e239a.js → index.module-bdc2fa90.js}

@@ -1,4 +1,4 @@
-const styles = {"component":"tabs__component_1hwcb","desktop":"tabs__desktop_1hwcb","paragraph-primary-large":"tabs__paragraph-primary-large_1hwcb","title":"tabs__title_1hwcb","paragraph-primary-medium":"tabs__paragraph-primary-medium_1hwcb","paragraph-primary-small":"tabs__paragraph-primary-small_1hwcb","action-primary-large":"tabs__action-primary-large_1hwcb","action-primary-medium":"tabs__action-primary-medium_1hwcb","action-primary-small":"tabs__action-primary-small_1hwcb","accent-primary-large":"tabs__accent-primary-large_1hwcb","accent-primary-medium":"tabs__accent-primary-medium_1hwcb","accent-primary-small":"tabs__accent-primary-small_1hwcb","pickerWrapper":"tabs__pickerWrapper_1hwcb","option":"tabs__option_1hwcb","scrollControls":"tabs__scrollControls_1hwcb","headline-system-xlarge":"tabs__headline-system-xlarge_1hwcb","headline-system-large":"tabs__headline-system-large_1hwcb","headline-system-medium":"tabs__headline-system-medium_1hwcb","headline-system-small":"tabs__headline-system-small_1hwcb","headline-system-xsmall":"tabs__headline-system-xsmall_1hwcb","headline-xlarge":"tabs__headline-xlarge_1hwcb","headline-large":"tabs__headline-large_1hwcb","headline-medium":"tabs__headline-medium_1hwcb","headline-small":"tabs__headline-small_1hwcb","headline-xsmall":"tabs__headline-xsmall_1hwcb","fullWidthScroll":"tabs__fullWidthScroll_1hwcb","container":"tabs__container_1hwcb","disabled":"tabs__disabled_1hwcb","focused":"tabs__focused_1hwcb","collapsed":"tabs__collapsed_1hwcb","selected":"tabs__selected_1hwcb","line":"tabs__line_1hwcb","s":"tabs__s_1hwcb","xs":"tabs__xs_1hwcb","xxs":"tabs__xxs_1hwcb","m":"tabs__m_1hwcb","l":"tabs__l_1hwcb","xl":"tabs__xl_1hwcb","rightAddons":"tabs__rightAddons_1hwcb"};
+const styles = {"component":"tabs__component_1hwcb","desktop":"tabs__desktop_1hwcb","paragraph-primary-large":"tabs__paragraph-primary-large_1hwcb","title":"tabs__title_1hwcb","paragraph-primary-medium":"tabs__paragraph-primary-medium_1hwcb","paragraph-primary-small":"tabs__paragraph-primary-small_1hwcb","action-primary-large":"tabs__action-primary-large_1hwcb","action-primary-medium":"tabs__action-primary-medium_1hwcb","action-primary-small":"tabs__action-primary-small_1hwcb","accent-primary-large":"tabs__accent-primary-large_1hwcb","accent-primary-medium":"tabs__accent-primary-medium_1hwcb","accent-primary-small":"tabs__accent-primary-small_1hwcb","pickerWrapper":"tabs__pickerWrapper_1hwcb","option":"tabs__option_1hwcb","scrollControls":"tabs__scrollControls_1hwcb","headline-system-xlarge":"tabs__headline-system-xlarge_1hwcb","headline-system-large":"tabs__headline-system-large_1hwcb","headline-system-medium":"tabs__headline-system-medium_1hwcb","headline-system-small":"tabs__headline-system-small_1hwcb","headline-system-xsmall":"tabs__headline-system-xsmall_1hwcb","headline-xlarge":"tabs__headline-xlarge_1hwcb","headline-large":"tabs__headline-large_1hwcb","headline-medium":"tabs__headline-medium_1hwcb","headline-small":"tabs__headline-small_1hwcb","headline-xsmall":"tabs__headline-xsmall_1hwcb","fullWidthScroll":"tabs__fullWidthScroll_1hwcb","container":"tabs__container_1hwcb","disabled":"tabs__disabled_1hwcb","focused":"tabs__focused_1hwcb","collapsed":"tabs__collapsed_1hwcb","selected":"tabs__selected_1hwcb","line":"tabs__line_1hwcb","s":"tabs__s_1hwcb","xs":"tabs__xs_1hwcb","xxs":"tabs__xxs_1hwcb","m":"tabs__m_1hwcb","l":"tabs__l_1hwcb","xl":"tabs__xl_1hwcb","rightAddons":"tabs__rightAddons_1hwcb","rightAddonsMarginZero":"tabs__rightAddonsMarginZero_1hwcb"};
 require('./components/primary-tablist/index.css');
 
 export { styles as s };

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-ba4e239a.js';
+import '../index.module-bdc2fa90.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-949165ce.js';
+import '../index.module-d2f38de9.js';
 import '../components/tabs/Component.js';

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

@@ -94,7 +94,7 @@ declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClic
      * Размер компонента
      * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
      */
-    size?: "xxs" | "xs" | "s" | "m" | "l" | "xl" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
     /**
      * Дочерние элементы.
      */

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

@@ -94,7 +94,7 @@ declare const BaseTag: React.ForwardRefExoticComponent<Omit<NativeProps, "onClic
      * Размер компонента
      * @description xxs, xs, s, m, l, xl deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно
      */
-    size?: "xxs" | "xs" | "s" | "m" | "l" | "xl" | 32 | 40 | 48 | 56 | 64 | 72 | undefined;
+    size?: "s" | "xxs" | "xs" | "m" | "l" | "xl" | 32 | 40 | 48 | 56 | 64 | 72 | 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>, "size" | "style" | "value" | "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/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-5e5b5017.js');
+var components_PseudoTextArea = require('./PseudoTextArea-9323d02b.js');
 var consts = require('./consts.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }

package/textarea/components/PseudoTextArea.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../consts.js');
-var components_PseudoTextArea = require('../PseudoTextArea-5e5b5017.js');
+var components_PseudoTextArea = require('../PseudoTextArea-9323d02b.js');
 
 
 

package/textarea/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-5e5b5017";
+export * from "../PseudoTextArea-9323d02b";

package/textarea/components/index.js

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