@alfalab/core-components 48.23.0-beta.0 → 48.23.0

package/status/cssm/Component.js

@@ -23,13 +23,15 @@ var logWarning = function () {
 };
 var Status = function (_a) {
     var _b;
-    var className = _a.className, _c = _a.view, view = _c === void 0 ? 'muted-alt' : _c, _d = _a.color, color = _d === void 0 ? 'green' : _d, children = _a.children, dataTestId = _a.dataTestId, _e = _a.size, size = _e === void 0 ? 20 : _e, _f = _a.shape, shape = _f === void 0 ? 'rectangular' : _f, _g = _a.uppercase, uppercase = _g === void 0 ? true : _g;
+    var className = _a.className, _c = _a.view, view = _c === void 0 ? 'muted-alt' : _c, _d = _a.color, color = _d === void 0 ? 'green' : _d, children = _a.children, dataTestId = _a.dataTestId, _e = _a.size, size = _e === void 0 ? 20 : _e, _f = _a.shape, shape = _f === void 0 ? 'rectangular' : _f, _g = _a.uppercase, uppercase = _g === void 0 ? true : _g, leftAddons = _a.leftAddons;
     if (view === 'soft') {
         logWarning();
     }
     return (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.component, styles__default.default[color], styles__default.default[view], styles__default.default["size-".concat(size)], styles__default.default[shape], className, (_b = {},
             _b[styles__default.default.uppercase] = uppercase,
+            _b[styles__default.default.withLeftAddons] = leftAddons,
             _b)), "data-test-id": dataTestId },
+        leftAddons && React__default.default.createElement("span", { className: styles__default.default.leftAddons }, leftAddons),
         React__default.default.createElement("span", { className: styles__default.default.ellipsis }, children)));
 };
 

package/status/cssm/index.module.css

@@ -22,7 +22,8 @@
     --border-radius-6: 6px;
     --border-radius-10: 10px;
     --border-radius-12: var(--border-radius-l);
-} :root { /* deprecated */ /* deprecated */
+} :root { /* deprecated */
+    --gap-2xs: 4px; /* deprecated */
     --gap-xs: 8px; /* deprecated */
     --gap-s: 12px; /* deprecated */ /* deprecated */
     --gap-m: 16px; /* deprecated */
@@ -33,6 +34,7 @@
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
     --gap-0: 0px;
+    --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
@@ -76,7 +78,11 @@
     text-transform: none;
     text-transform: initial;
     letter-spacing: 0.5px
-} .component .ellipsis {
+} .component .leftAddons {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    } .component .ellipsis {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
@@ -127,6 +133,22 @@
             font-weight: 700;
             letter-spacing: 1.25px;
             text-transform: uppercase;
+        } .component.withLeftAddons.size-20 {
+            grid-gap: 3px;
+            gap: 3px;
+            padding-left: 6px;
+        } .component.withLeftAddons.size-24 {
+            grid-gap: var(--gap-4);
+            gap: var(--gap-4);
+            padding-left: var(--gap-8);
+        } .component.withLeftAddons.size-32 {
+            grid-gap: 6px;
+            gap: 6px;
+            padding-left: var(--gap-12);
+        } .component.withLeftAddons.size-40 {
+            grid-gap: 6px;
+            gap: 6px;
+            padding-left: var(--gap-16);
         } .soft,
 .muted-alt {
         &.green {

package/status/esm/Component.d.ts

@@ -6,12 +6,14 @@ type StatusProps = {
      */
     className?: string;
     /**
-     *  Вид компонента
+     * Вид компонента
+     * @default muted-alt
      * @description soft deprecated, используйте вместо него muted-alt
      */
     view?: 'contrast' | 'soft' | 'muted' | 'muted-alt';
     /**
-     * Цветовое оформление иконки
+     * Цветовое оформление компонента
+     * @default green
      */
     color?: (typeof COLORS)[number];
     /**
@@ -37,6 +39,10 @@ type StatusProps = {
      * @default true
      */
     uppercase?: boolean;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
 };
 declare const Status: FC<StatusProps>;
 export { StatusProps, Status };

package/status/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"status__component_dpxje","ellipsis":"status__ellipsis_dpxje","size-20":"status__size-20_dpxje","size-24":"status__size-24_dpxje","size-32":"status__size-32_dpxje","size-40":"status__size-40_dpxje","rounded":"status__rounded_dpxje","uppercase":"status__uppercase_dpxje","soft":"status__soft_dpxje","muted-alt":"status__muted-alt_dpxje","green":"status__green_dpxje","orange":"status__orange_dpxje","red":"status__red_dpxje","blue":"status__blue_dpxje","teal":"status__teal_dpxje","grey":"status__grey_dpxje","purple":"status__purple_dpxje","contrast":"status__contrast_dpxje","muted":"status__muted_dpxje"};
+var styles = {"component":"status__component_dpxje","leftAddons":"status__leftAddons_dpxje","ellipsis":"status__ellipsis_dpxje","size-20":"status__size-20_dpxje","size-24":"status__size-24_dpxje","size-32":"status__size-32_dpxje","size-40":"status__size-40_dpxje","rounded":"status__rounded_dpxje","uppercase":"status__uppercase_dpxje","withLeftAddons":"status__withLeftAddons_dpxje","soft":"status__soft_dpxje","muted-alt":"status__muted-alt_dpxje","green":"status__green_dpxje","orange":"status__orange_dpxje","red":"status__red_dpxje","blue":"status__blue_dpxje","teal":"status__teal_dpxje","grey":"status__grey_dpxje","purple":"status__purple_dpxje","contrast":"status__contrast_dpxje","muted":"status__muted_dpxje"};
 require('./index.css');
 
 var logWarning = function () {
@@ -17,13 +17,15 @@ var logWarning = function () {
 };
 var Status = function (_a) {
     var _b;
-    var className = _a.className, _c = _a.view, view = _c === void 0 ? 'muted-alt' : _c, _d = _a.color, color = _d === void 0 ? 'green' : _d, children = _a.children, dataTestId = _a.dataTestId, _e = _a.size, size = _e === void 0 ? 20 : _e, _f = _a.shape, shape = _f === void 0 ? 'rectangular' : _f, _g = _a.uppercase, uppercase = _g === void 0 ? true : _g;
+    var className = _a.className, _c = _a.view, view = _c === void 0 ? 'muted-alt' : _c, _d = _a.color, color = _d === void 0 ? 'green' : _d, children = _a.children, dataTestId = _a.dataTestId, _e = _a.size, size = _e === void 0 ? 20 : _e, _f = _a.shape, shape = _f === void 0 ? 'rectangular' : _f, _g = _a.uppercase, uppercase = _g === void 0 ? true : _g, leftAddons = _a.leftAddons;
     if (view === 'soft') {
         logWarning();
     }
     return (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], styles["size-".concat(size)], styles[shape], className, (_b = {},
             _b[styles.uppercase] = uppercase,
+            _b[styles.withLeftAddons] = leftAddons,
             _b)), "data-test-id": dataTestId },
+        leftAddons && React.createElement("span", { className: styles.leftAddons }, leftAddons),
         React.createElement("span", { className: styles.ellipsis }, children)));
 };
 

package/status/esm/index.css

@@ -23,7 +23,8 @@
     --border-radius-6: 6px;
     --border-radius-10: 10px;
     --border-radius-12: var(--border-radius-l);
-} :root { /* deprecated */ /* deprecated */
+} :root { /* deprecated */
+    --gap-2xs: 4px; /* deprecated */
     --gap-xs: 8px; /* deprecated */
     --gap-s: 12px; /* deprecated */ /* deprecated */
     --gap-m: 16px; /* deprecated */
@@ -34,6 +35,7 @@
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
     --gap-0: 0px;
+    --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
@@ -75,7 +77,11 @@
     text-align: center;
     text-transform: initial;
     letter-spacing: 0.5px
-} .status__component_dpxje .status__ellipsis_dpxje {
+} .status__component_dpxje .status__leftAddons_dpxje {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    } .status__component_dpxje .status__ellipsis_dpxje {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
@@ -126,6 +132,26 @@
             font-weight: 700;
             letter-spacing: 1.25px;
             text-transform: uppercase;
+        } .status__component_dpxje.status__withLeftAddons_dpxje.status__size-20_dpxje {
+            grid-gap: 3px;
+            grid-gap: 3px;
+            gap: 3px;
+            padding-left: 6px;
+        } .status__component_dpxje.status__withLeftAddons_dpxje.status__size-24_dpxje {
+            grid-gap: var(--gap-4);
+            grid-gap: var(--gap-4);
+            gap: var(--gap-4);
+            padding-left: var(--gap-8);
+        } .status__component_dpxje.status__withLeftAddons_dpxje.status__size-32_dpxje {
+            grid-gap: 6px;
+            grid-gap: 6px;
+            gap: 6px;
+            padding-left: var(--gap-12);
+        } .status__component_dpxje.status__withLeftAddons_dpxje.status__size-40_dpxje {
+            grid-gap: 6px;
+            grid-gap: 6px;
+            gap: 6px;
+            padding-left: var(--gap-16);
         } .status__soft_dpxje.status__green_dpxje, .status__muted-alt_dpxje.status__green_dpxje {
             background: var(--color-light-decorative-muted-alt-green);
             color: var(--color-light-decorative-text-green);

package/status/index.css

@@ -23,7 +23,8 @@
     --border-radius-6: 6px;
     --border-radius-10: 10px;
     --border-radius-12: var(--border-radius-l);
-} :root { /* deprecated */ /* deprecated */
+} :root { /* deprecated */
+    --gap-2xs: 4px; /* deprecated */
     --gap-xs: 8px; /* deprecated */
     --gap-s: 12px; /* deprecated */ /* deprecated */
     --gap-m: 16px; /* deprecated */
@@ -34,6 +35,7 @@
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
     --gap-0: 0px;
+    --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
@@ -75,7 +77,11 @@
     text-align: center;
     text-transform: initial;
     letter-spacing: 0.5px
-} .status__component_dpxje .status__ellipsis_dpxje {
+} .status__component_dpxje .status__leftAddons_dpxje {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    } .status__component_dpxje .status__ellipsis_dpxje {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
@@ -126,6 +132,26 @@
             font-weight: 700;
             letter-spacing: 1.25px;
             text-transform: uppercase;
+        } .status__component_dpxje.status__withLeftAddons_dpxje.status__size-20_dpxje {
+            grid-gap: 3px;
+            grid-gap: 3px;
+            gap: 3px;
+            padding-left: 6px;
+        } .status__component_dpxje.status__withLeftAddons_dpxje.status__size-24_dpxje {
+            grid-gap: var(--gap-4);
+            grid-gap: var(--gap-4);
+            gap: var(--gap-4);
+            padding-left: var(--gap-8);
+        } .status__component_dpxje.status__withLeftAddons_dpxje.status__size-32_dpxje {
+            grid-gap: 6px;
+            grid-gap: 6px;
+            gap: 6px;
+            padding-left: var(--gap-12);
+        } .status__component_dpxje.status__withLeftAddons_dpxje.status__size-40_dpxje {
+            grid-gap: 6px;
+            grid-gap: 6px;
+            gap: 6px;
+            padding-left: var(--gap-16);
         } .status__soft_dpxje.status__green_dpxje, .status__muted-alt_dpxje.status__green_dpxje {
             background: var(--color-light-decorative-muted-alt-green);
             color: var(--color-light-decorative-text-green);

package/status/modern/Component.d.ts

@@ -6,12 +6,14 @@ type StatusProps = {
      */
     className?: string;
     /**
-     *  Вид компонента
+     * Вид компонента
+     * @default muted-alt
      * @description soft deprecated, используйте вместо него muted-alt
      */
     view?: 'contrast' | 'soft' | 'muted' | 'muted-alt';
     /**
-     * Цветовое оформление иконки
+     * Цветовое оформление компонента
+     * @default green
      */
     color?: (typeof COLORS)[number];
     /**
@@ -37,6 +39,10 @@ type StatusProps = {
      * @default true
      */
     uppercase?: boolean;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
 };
 declare const Status: FC<StatusProps>;
 export { StatusProps, Status };

package/status/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"status__component_dpxje","ellipsis":"status__ellipsis_dpxje","size-20":"status__size-20_dpxje","size-24":"status__size-24_dpxje","size-32":"status__size-32_dpxje","size-40":"status__size-40_dpxje","rounded":"status__rounded_dpxje","uppercase":"status__uppercase_dpxje","soft":"status__soft_dpxje","muted-alt":"status__muted-alt_dpxje","green":"status__green_dpxje","orange":"status__orange_dpxje","red":"status__red_dpxje","blue":"status__blue_dpxje","teal":"status__teal_dpxje","grey":"status__grey_dpxje","purple":"status__purple_dpxje","contrast":"status__contrast_dpxje","muted":"status__muted_dpxje"};
+const styles = {"component":"status__component_dpxje","leftAddons":"status__leftAddons_dpxje","ellipsis":"status__ellipsis_dpxje","size-20":"status__size-20_dpxje","size-24":"status__size-24_dpxje","size-32":"status__size-32_dpxje","size-40":"status__size-40_dpxje","rounded":"status__rounded_dpxje","uppercase":"status__uppercase_dpxje","withLeftAddons":"status__withLeftAddons_dpxje","soft":"status__soft_dpxje","muted-alt":"status__muted-alt_dpxje","green":"status__green_dpxje","orange":"status__orange_dpxje","red":"status__red_dpxje","blue":"status__blue_dpxje","teal":"status__teal_dpxje","grey":"status__grey_dpxje","purple":"status__purple_dpxje","contrast":"status__contrast_dpxje","muted":"status__muted_dpxje"};
 require('./index.css');
 
 const logWarning = () => {
@@ -15,13 +15,15 @@ const logWarning = () => {
         'Используйте view=muted-alt. Чтобы изменить view=soft на view=muted-alt, можно воспользоваться codemod: ' +
         'npx @alfalab/core-components-codemod --transformers=status-soft src/**/*.tsx');
 };
-const Status = ({ className, view = 'muted-alt', color = 'green', children, dataTestId, size = 20, shape = 'rectangular', uppercase = true, }) => {
+const Status = ({ className, view = 'muted-alt', color = 'green', children, dataTestId, size = 20, shape = 'rectangular', uppercase = true, leftAddons, }) => {
     if (view === 'soft') {
         logWarning();
     }
     return (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], styles[`size-${size}`], styles[shape], className, {
             [styles.uppercase]: uppercase,
+            [styles.withLeftAddons]: leftAddons,
         }), "data-test-id": dataTestId },
+        leftAddons && React.createElement("span", { className: styles.leftAddons }, leftAddons),
         React.createElement("span", { className: styles.ellipsis }, children)));
 };
 

package/status/modern/index.css

@@ -23,7 +23,8 @@
     --border-radius-6: 6px;
     --border-radius-10: 10px;
     --border-radius-12: var(--border-radius-l);
-} :root { /* deprecated */ /* deprecated */
+} :root { /* deprecated */
+    --gap-2xs: 4px; /* deprecated */
     --gap-xs: 8px; /* deprecated */
     --gap-s: 12px; /* deprecated */ /* deprecated */
     --gap-m: 16px; /* deprecated */
@@ -34,6 +35,7 @@
     /* no-unit может приводить к проблемам в calc (#1559) */
     /* stylelint-disable-next-line length-zero-no-unit */
     --gap-0: 0px;
+    --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
@@ -75,7 +77,11 @@
     text-align: center;
     text-transform: initial;
     letter-spacing: 0.5px
-} .status__component_dpxje .status__ellipsis_dpxje {
+} .status__component_dpxje .status__leftAddons_dpxje {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    } .status__component_dpxje .status__ellipsis_dpxje {
         -webkit-line-clamp: 1;
         display: -webkit-box;
         -webkit-box-orient: vertical;
@@ -126,6 +132,26 @@
             font-weight: 700;
             letter-spacing: 1.25px;
             text-transform: uppercase;
+        } .status__component_dpxje.status__withLeftAddons_dpxje.status__size-20_dpxje {
+            grid-gap: 3px;
+            grid-gap: 3px;
+            gap: 3px;
+            padding-left: 6px;
+        } .status__component_dpxje.status__withLeftAddons_dpxje.status__size-24_dpxje {
+            grid-gap: var(--gap-4);
+            grid-gap: var(--gap-4);
+            gap: var(--gap-4);
+            padding-left: var(--gap-8);
+        } .status__component_dpxje.status__withLeftAddons_dpxje.status__size-32_dpxje {
+            grid-gap: 6px;
+            grid-gap: 6px;
+            gap: 6px;
+            padding-left: var(--gap-12);
+        } .status__component_dpxje.status__withLeftAddons_dpxje.status__size-40_dpxje {
+            grid-gap: 6px;
+            grid-gap: 6px;
+            gap: 6px;
+            padding-left: var(--gap-16);
         } .status__soft_dpxje.status__green_dpxje, .status__muted-alt_dpxje.status__green_dpxje {
             background: var(--color-light-decorative-muted-alt-green);
             color: var(--color-light-decorative-text-green);

package/status/moderncssm/Component.d.ts

@@ -6,12 +6,14 @@ type StatusProps = {
      */
     className?: string;
     /**
-     *  Вид компонента
+     * Вид компонента
+     * @default muted-alt
      * @description soft deprecated, используйте вместо него muted-alt
      */
     view?: 'contrast' | 'soft' | 'muted' | 'muted-alt';
     /**
-     * Цветовое оформление иконки
+     * Цветовое оформление компонента
+     * @default green
      */
     color?: (typeof COLORS)[number];
     /**
@@ -37,6 +39,10 @@ type StatusProps = {
      * @default true
      */
     uppercase?: boolean;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
 };
 declare const Status: FC<StatusProps>;
 export { StatusProps, Status };

package/status/moderncssm/Component.js

@@ -13,13 +13,15 @@ const logWarning = () => {
         'Используйте view=muted-alt. Чтобы изменить view=soft на view=muted-alt, можно воспользоваться codemod: ' +
         'npx @alfalab/core-components-codemod --transformers=status-soft src/**/*.tsx');
 };
-const Status = ({ className, view = 'muted-alt', color = 'green', children, dataTestId, size = 20, shape = 'rectangular', uppercase = true, }) => {
+const Status = ({ className, view = 'muted-alt', color = 'green', children, dataTestId, size = 20, shape = 'rectangular', uppercase = true, leftAddons, }) => {
     if (view === 'soft') {
         logWarning();
     }
     return (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], styles[`size-${size}`], styles[shape], className, {
             [styles.uppercase]: uppercase,
+            [styles.withLeftAddons]: leftAddons,
         }), "data-test-id": dataTestId },
+        leftAddons && React.createElement("span", { className: styles.leftAddons }, leftAddons),
         React.createElement("span", { className: styles.ellipsis }, children)));
 };
 

package/status/moderncssm/index.module.css

@@ -38,6 +38,11 @@
     text-transform: initial;
     letter-spacing: 0.5px
 }
+.component .leftAddons {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
 .component .ellipsis {
         -webkit-line-clamp: 1;
         display: -webkit-box;
@@ -98,6 +103,26 @@
             letter-spacing: 1.25px;
             text-transform: uppercase;
         }
+.component.withLeftAddons.size-20 {
+            grid-gap: 3px;
+            gap: 3px;
+            padding-left: 6px;
+        }
+.component.withLeftAddons.size-24 {
+            grid-gap: var(--gap-4);
+            gap: var(--gap-4);
+            padding-left: var(--gap-8);
+        }
+.component.withLeftAddons.size-32 {
+            grid-gap: 6px;
+            gap: 6px;
+            padding-left: var(--gap-12);
+        }
+.component.withLeftAddons.size-40 {
+            grid-gap: 6px;
+            gap: 6px;
+            padding-left: var(--gap-16);
+        }
 .soft,
 .muted-alt {
         &.green {

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

@@ -9,7 +9,7 @@ var desktop = require('../../../picker-button/desktop');
 var hooks_useTablistTitles = require('../../hooks/use-tablist-titles.js');
 var syntheticEvents = require('../../synthetic-events.js');
 var components_title_Component = require('../title/Component.js');
-var index_module = require('../../index.module-417412d8.js');
+var index_module = require('../../index.module-7b4b5510.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-417412d8.js');
+var index_module = require('../../index.module-7b4b5510.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var components_primaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-417412d8.js');
+var index_module = require('../../index.module-7b4b5510.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var desktop = require('../../../tag/desktop');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-8f8b64f2.js');
+var index_module = require('../../index.module-7ddbb45d.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

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

@@ -5,7 +5,7 @@ var React = require('react');
 var cn = require('classnames');
 var mobile = require('../../../tag/mobile');
 var components_secondaryTablist_Component = require('./Component.js');
-var index_module = require('../../index.module-8f8b64f2.js');
+var index_module = require('../../index.module-7ddbb45d.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/tabs/esm/collapsible/index.js

@@ -18,5 +18,5 @@ import '../../../shared/esm';
 import '../synthetic-events.js';
 import '../components/title/Component.js';
 import '../../../skeleton/esm';
-import '../index.module-1728571d.js';
+import '../index.module-4727f97e.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-1728571d.js';
+import { s as styles } from '../../index.module-4727f97e.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-1728571d.js';
+import { s as styles } from '../../index.module-4727f97e.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-1728571d.js';
+import { s as styles$1 } from '../../index.module-4727f97e.js';
 import '@juggle/resize-observer';
 import 'classnames';
 import '../../../../keyboard-focusable/esm';

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

@@ -20,7 +20,7 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-1728571d.js';
+import '../../index.module-4727f97e.js';
 
 var PrimaryTabListResponsive = function (_a) {
     var size = _a.size, breakpoint = _a.breakpoint, client = _a.client, fullWidthScroll = _a.fullWidthScroll, _b = _a.defaultMatchMediaValue, defaultMatchMediaValue = _b === void 0 ? client === undefined ? undefined : client === 'desktop' : _b, restProps = __rest(_a, ["size", "breakpoint", "client", "fullWidthScroll", "defaultMatchMediaValue"]);

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-9e20d95f.js';
+import { c as commonStyles } from '../../index.module-da2e30be.js';
 import 'classnames';
 import '../../../../skeleton/esm';
 import '../../hooks/use-tabs.js';

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-9e20d95f.js';
+import { c as commonStyles } from '../../index.module-da2e30be.js';
 import '../../../../skeleton/esm';
 import '../../hooks/use-tabs.js';
 import 'react-merge-refs';

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

@@ -18,7 +18,7 @@ import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ChevronLeftCompactSIcon';
 import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
-import '../../index.module-9e20d95f.js';
+import '../../index.module-da2e30be.js';
 import '../../../../tag/esm/mobile';
 
 var SecondaryTabListResponsive = function (_a) {

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

@@ -17,7 +17,7 @@ import '../../../../shared/esm';
 import '../../synthetic-events.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-1728571d.js';
+import '../../index.module-4727f97e.js';
 
 var TabsCollapsible = function (_a) {
     var restProps = __rest(_a, []);

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

@@ -20,10 +20,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-1728571d.js';
+import '../../index.module-4727f97e.js';
 import '../../../../tag/esm/desktop';
 import '../secondary-tablist/Component.js';
-import '../../index.module-9e20d95f.js';
+import '../../index.module-da2e30be.js';
 
 var views = {
     primary: PrimaryTabListDesktop,

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

@@ -20,10 +20,10 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-1728571d.js';
+import '../../index.module-4727f97e.js';
 import '../../../../tag/esm/mobile';
 import '../secondary-tablist/Component.js';
-import '../../index.module-9e20d95f.js';
+import '../../index.module-da2e30be.js';
 
 var views = {
     primary: PrimaryTabListMobile,

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

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../scroll-controls/utils.js';
 import '../title/Component.js';
 import '../../../../skeleton/esm';
-import '../../index.module-1728571d.js';
+import '../../index.module-4727f97e.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-9e20d95f.js';
+import '../../index.module-da2e30be.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../../../../tag/esm/mobile';
 

package/tabs/esm/desktop/index.js

@@ -21,8 +21,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/esm';
-import '../index.module-1728571d.js';
+import '../index.module-4727f97e.js';
 import '../../../tag/esm/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-9e20d95f.js';
+import '../index.module-da2e30be.js';
 import '../components/tabs/Component.js';