@alfalab/core-components 48.11.0 → 48.12.0-beta.0

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

@@ -14,7 +14,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
 var Title = React.forwardRef(function (_a, ref) {
     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, _o = _a.showSkeleton, showSkeleton = _o === void 0 ? false : _o, skeletonProps = _a.skeletonProps, onResize = _a.onResize, dataTestId = _a.dataTestId, restProps = tslib.__rest(_a, ["id", "toggleClassName", "title", "styles", "rightAddons", "hidden", "selected", "disabled", "collapsed", "focused", "isOption", "showSkeleton", "skeletonProps", "onResize", "dataTestId"]);
+    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, _o = _a.showSkeleton, showSkeleton = _o === void 0 ? false : _o, skeletonProps = _a.skeletonProps, onResize = _a.onResize, restProps = tslib.__rest(_a, ["id", "toggleClassName", "title", "styles", "rightAddons", "hidden", "selected", "disabled", "collapsed", "focused", "isOption", "showSkeleton", "skeletonProps", "onResize"]);
     var buttonRef = React.useRef(null);
     var titleClassName = (_b = {},
         _b[styles.content] = true,
@@ -36,7 +36,7 @@ var Title = React.forwardRef(function (_a, ref) {
             }
         };
     }, [onResize]);
-    return hidden ? null : (React__default.default.createElement("button", tslib.__assign({}, restProps, { "data-test-id": dataTestId, ref: mergeRefs__default.default([ref, buttonRef]), disabled: disabled || showSkeleton, type: 'button', id: String(id), className: cn__default.default(styles.title, (_c = {},
+    return hidden ? null : (React__default.default.createElement("button", tslib.__assign({}, restProps, { ref: mergeRefs__default.default([ref, buttonRef]), disabled: disabled || showSkeleton, type: 'button', id: String(id), className: cn__default.default(styles.title, (_c = {},
             _c[styles.selected] = selected,
             _c[styles.disabled] = disabled,
             _c[styles.collapsed] = collapsed && !isOption,

package/tabs/cssm/hooks/use-tablist-titles.d.ts

@@ -22,7 +22,7 @@ declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, onChang
         tabIndex: number;
         'aria-selected': boolean;
         selected: boolean;
-        dataTestId: string | undefined;
+        'data-test-id': string | undefined;
         disabled: boolean | undefined;
         ref: (instance: HTMLElement | null) => void;
         onKeyDown: (event: import("react").KeyboardEvent<HTMLButtonElement>) => void;

package/tabs/cssm/hooks/use-tabs.d.ts

@@ -7,7 +7,7 @@ declare function useTabs({ titles, selectedId, onChange }: UseTabsProps): {
         tabIndex: number;
         'aria-selected': boolean;
         selected: boolean;
-        dataTestId: string | undefined;
+        'data-test-id': string | undefined;
         disabled: boolean | undefined;
         ref: (instance: HTMLElement | null) => void;
         onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;

package/tabs/cssm/hooks/use-tabs.js

@@ -93,7 +93,7 @@ function useTabs(_a) {
             tabIndex: itemSelected ? 0 : -1,
             'aria-selected': itemSelected,
             selected: itemSelected,
-            dataTestId: coreComponentsShared.getDataTestId(item.dataTestId, 'toggle'),
+            'data-test-id': coreComponentsShared.getDataTestId(item.dataTestId, 'toggle'),
             disabled: item.disabled,
             ref: mergeRefs__default.default(refs),
             onKeyDown: handleKeyDown,

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

@@ -6,7 +6,7 @@ import { Skeleton } from '../../../../skeleton/esm';
 
 var Title = forwardRef(function (_a, ref) {
     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, _o = _a.showSkeleton, showSkeleton = _o === void 0 ? false : _o, skeletonProps = _a.skeletonProps, onResize = _a.onResize, dataTestId = _a.dataTestId, restProps = __rest(_a, ["id", "toggleClassName", "title", "styles", "rightAddons", "hidden", "selected", "disabled", "collapsed", "focused", "isOption", "showSkeleton", "skeletonProps", "onResize", "dataTestId"]);
+    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, _o = _a.showSkeleton, showSkeleton = _o === void 0 ? false : _o, skeletonProps = _a.skeletonProps, onResize = _a.onResize, restProps = __rest(_a, ["id", "toggleClassName", "title", "styles", "rightAddons", "hidden", "selected", "disabled", "collapsed", "focused", "isOption", "showSkeleton", "skeletonProps", "onResize"]);
     var buttonRef = useRef(null);
     var titleClassName = (_b = {},
         _b[styles.content] = true,
@@ -28,7 +28,7 @@ var Title = forwardRef(function (_a, ref) {
             }
         };
     }, [onResize]);
-    return hidden ? null : (React.createElement("button", __assign({}, restProps, { "data-test-id": dataTestId, ref: mergeRefs([ref, buttonRef]), disabled: disabled || showSkeleton, type: 'button', id: String(id), className: cn(styles.title, (_c = {},
+    return hidden ? null : (React.createElement("button", __assign({}, restProps, { ref: mergeRefs([ref, buttonRef]), disabled: disabled || showSkeleton, type: 'button', id: String(id), className: cn(styles.title, (_c = {},
             _c[styles.selected] = selected,
             _c[styles.disabled] = disabled,
             _c[styles.collapsed] = collapsed && !isOption,

package/tabs/esm/hooks/use-tablist-titles.d.ts

@@ -22,7 +22,7 @@ declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, onChang
         tabIndex: number;
         'aria-selected': boolean;
         selected: boolean;
-        dataTestId: string | undefined;
+        'data-test-id': string | undefined;
         disabled: boolean | undefined;
         ref: (instance: HTMLElement | null) => void;
         onKeyDown: (event: import("react").KeyboardEvent<HTMLButtonElement>) => void;

package/tabs/esm/hooks/use-tabs.d.ts

@@ -7,7 +7,7 @@ declare function useTabs({ titles, selectedId, onChange }: UseTabsProps): {
         tabIndex: number;
         'aria-selected': boolean;
         selected: boolean;
-        dataTestId: string | undefined;
+        'data-test-id': string | undefined;
         disabled: boolean | undefined;
         ref: (instance: HTMLElement | null) => void;
         onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;

package/tabs/esm/hooks/use-tabs.js

@@ -87,7 +87,7 @@ function useTabs(_a) {
             tabIndex: itemSelected ? 0 : -1,
             'aria-selected': itemSelected,
             selected: itemSelected,
-            dataTestId: getDataTestId(item.dataTestId, 'toggle'),
+            'data-test-id': getDataTestId(item.dataTestId, 'toggle'),
             disabled: item.disabled,
             ref: mergeRefs(refs),
             onKeyDown: handleKeyDown,

package/tabs/hooks/use-tablist-titles.d.ts

@@ -22,7 +22,7 @@ declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, onChang
         tabIndex: number;
         'aria-selected': boolean;
         selected: boolean;
-        dataTestId: string | undefined;
+        'data-test-id': string | undefined;
         disabled: boolean | undefined;
         ref: (instance: HTMLElement | null) => void;
         onKeyDown: (event: import("react").KeyboardEvent<HTMLButtonElement>) => void;

package/tabs/hooks/use-tabs.d.ts

@@ -7,7 +7,7 @@ declare function useTabs({ titles, selectedId, onChange }: UseTabsProps): {
         tabIndex: number;
         'aria-selected': boolean;
         selected: boolean;
-        dataTestId: string | undefined;
+        'data-test-id': string | undefined;
         disabled: boolean | undefined;
         ref: (instance: HTMLElement | null) => void;
         onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;

package/tabs/hooks/use-tabs.js

@@ -93,7 +93,7 @@ function useTabs(_a) {
             tabIndex: itemSelected ? 0 : -1,
             'aria-selected': itemSelected,
             selected: itemSelected,
-            dataTestId: coreComponentsShared.getDataTestId(item.dataTestId, 'toggle'),
+            'data-test-id': coreComponentsShared.getDataTestId(item.dataTestId, 'toggle'),
             disabled: item.disabled,
             ref: mergeRefs__default.default(refs),
             onKeyDown: handleKeyDown,

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

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Skeleton } from '../../../../skeleton/modern';
 
-const Title = forwardRef(({ id, toggleClassName, title, styles = {}, rightAddons = null, hidden = false, selected = false, disabled = false, collapsed = false, focused = false, isOption = false, showSkeleton = false, skeletonProps, onResize, dataTestId, ...restProps }, ref) => {
+const Title = forwardRef(({ id, toggleClassName, title, styles = {}, rightAddons = null, hidden = false, selected = false, disabled = false, collapsed = false, focused = false, isOption = false, showSkeleton = false, skeletonProps, onResize, ...restProps }, ref) => {
     const buttonRef = useRef(null);
     const titleClassName = {
         [styles.content]: true,
@@ -25,7 +25,7 @@ const Title = forwardRef(({ id, toggleClassName, title, styles = {}, rightAddons
             }
         };
     }, [onResize]);
-    return hidden ? null : (React.createElement("button", { ...restProps, "data-test-id": dataTestId, ref: mergeRefs([ref, buttonRef]), disabled: disabled || showSkeleton, type: 'button', id: String(id), className: cn(styles.title, {
+    return hidden ? null : (React.createElement("button", { ...restProps, ref: mergeRefs([ref, buttonRef]), disabled: disabled || showSkeleton, type: 'button', id: String(id), className: cn(styles.title, {
             [styles.selected]: selected,
             [styles.disabled]: disabled,
             [styles.collapsed]: collapsed && !isOption,

package/tabs/modern/hooks/use-tablist-titles.d.ts

@@ -22,7 +22,7 @@ declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, onChang
         tabIndex: number;
         'aria-selected': boolean;
         selected: boolean;
-        dataTestId: string | undefined;
+        'data-test-id': string | undefined;
         disabled: boolean | undefined;
         ref: (instance: HTMLElement | null) => void;
         onKeyDown: (event: import("react").KeyboardEvent<HTMLButtonElement>) => void;

package/tabs/modern/hooks/use-tabs.d.ts

@@ -7,7 +7,7 @@ declare function useTabs({ titles, selectedId, onChange }: UseTabsProps): {
         tabIndex: number;
         'aria-selected': boolean;
         selected: boolean;
-        dataTestId: string | undefined;
+        'data-test-id': string | undefined;
         disabled: boolean | undefined;
         ref: (instance: HTMLElement | null) => void;
         onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;

package/tabs/modern/hooks/use-tabs.js

@@ -86,7 +86,7 @@ function useTabs({ titles = [], selectedId, onChange }) {
             tabIndex: itemSelected ? 0 : -1,
             'aria-selected': itemSelected,
             selected: itemSelected,
-            dataTestId: getDataTestId(item.dataTestId, 'toggle'),
+            'data-test-id': getDataTestId(item.dataTestId, 'toggle'),
             disabled: item.disabled,
             ref: mergeRefs(refs),
             onKeyDown: handleKeyDown,

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

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Skeleton } from '../../../../skeleton/moderncssm';
 
-const Title = forwardRef(({ id, toggleClassName, title, styles = {}, rightAddons = null, hidden = false, selected = false, disabled = false, collapsed = false, focused = false, isOption = false, showSkeleton = false, skeletonProps, onResize, dataTestId, ...restProps }, ref) => {
+const Title = forwardRef(({ id, toggleClassName, title, styles = {}, rightAddons = null, hidden = false, selected = false, disabled = false, collapsed = false, focused = false, isOption = false, showSkeleton = false, skeletonProps, onResize, ...restProps }, ref) => {
     const buttonRef = useRef(null);
     const titleClassName = {
         [styles.content]: true,
@@ -25,7 +25,7 @@ const Title = forwardRef(({ id, toggleClassName, title, styles = {}, rightAddons
             }
         };
     }, [onResize]);
-    return hidden ? null : (React.createElement("button", { ...restProps, "data-test-id": dataTestId, ref: mergeRefs([ref, buttonRef]), disabled: disabled || showSkeleton, type: 'button', id: String(id), className: cn(styles.title, {
+    return hidden ? null : (React.createElement("button", { ...restProps, ref: mergeRefs([ref, buttonRef]), disabled: disabled || showSkeleton, type: 'button', id: String(id), className: cn(styles.title, {
             [styles.selected]: selected,
             [styles.disabled]: disabled,
             [styles.collapsed]: collapsed && !isOption,

package/tabs/moderncssm/hooks/use-tablist-titles.d.ts

@@ -22,7 +22,7 @@ declare const useTablistTitles: ({ titles, selectedId, collapsedTabsIds, onChang
         tabIndex: number;
         'aria-selected': boolean;
         selected: boolean;
-        dataTestId: string | undefined;
+        'data-test-id': string | undefined;
         disabled: boolean | undefined;
         ref: (instance: HTMLElement | null) => void;
         onKeyDown: (event: import("react").KeyboardEvent<HTMLButtonElement>) => void;

package/tabs/moderncssm/hooks/use-tabs.d.ts

@@ -7,7 +7,7 @@ declare function useTabs({ titles, selectedId, onChange }: UseTabsProps): {
         tabIndex: number;
         'aria-selected': boolean;
         selected: boolean;
-        dataTestId: string | undefined;
+        'data-test-id': string | undefined;
         disabled: boolean | undefined;
         ref: (instance: HTMLElement | null) => void;
         onKeyDown: (event: KeyboardEvent<HTMLButtonElement>) => void;

package/tabs/moderncssm/hooks/use-tabs.js

@@ -86,7 +86,7 @@ function useTabs({ titles = [], selectedId, onChange }) {
             tabIndex: itemSelected ? 0 : -1,
             'aria-selected': itemSelected,
             selected: itemSelected,
-            dataTestId: getDataTestId(item.dataTestId, 'toggle'),
+            'data-test-id': getDataTestId(item.dataTestId, 'toggle'),
             disabled: item.disabled,
             ref: mergeRefs(refs),
             onKeyDown: handleKeyDown,

package/textarea/Component.d.ts

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

package/textarea/cssm/Component.d.ts

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

package/themes/compiled/mobile-dark-bluetint.css

@@ -2,23 +2,6 @@
     background: #e7e8ea;
 } .card-image__loaded_y6zfk {
     background: transparent
-}.backdrop__backdrop_5zz4m {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_5zz4m,
-.backdrop__enter_5zz4m {
-    background-color: transparent;
-} .backdrop__appearActive_5zz4m,
-.backdrop__enterActive_5zz4m,
-.backdrop__appearDone_5zz4m,
-.backdrop__enterDone_5zz4m {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_5zz4m {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_5zz4m,
-.backdrop__exitDone_5zz4m {
-    background-color: transparent;
-} .backdrop__transparent_5zz4m.backdrop__transparent_5zz4m {
-    background-color: transparent;
 }.badge__component_er4z7.badge__background-accent_er4z7 {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
@@ -79,6 +62,23 @@
         background-color: rgba(255, 255, 255, 0.94);
     } .badge__dot_er4z7.badge__outlineCount_er4z7 {
     border: 1px solid rgba(3, 3, 6, 0.88);
+}.backdrop__backdrop_5zz4m {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_5zz4m,
+.backdrop__enter_5zz4m {
+    background-color: transparent;
+} .backdrop__appearActive_5zz4m,
+.backdrop__enterActive_5zz4m,
+.backdrop__appearDone_5zz4m,
+.backdrop__enterDone_5zz4m {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_5zz4m {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_5zz4m,
+.backdrop__exitDone_5zz4m {
+    background-color: transparent;
+} .backdrop__transparent_5zz4m.backdrop__transparent_5zz4m {
+    background-color: transparent;
 }.divider__component_1oy8f {
     border-bottom: 1px solid #353539;
 }.dropzone__component_1dwwn {
@@ -294,7 +294,31 @@
             background-color: rgba(9, 12, 37, 0.28);
         } .scrollbar__component_pvw5v.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.segmented-control__wrapper_1jimh {
+        }.skeleton__component_1556l {
+    background: rgba(214, 214, 229, 0.07);
+} @keyframes skeleton__background_1556l {
+    0% {
+        background: rgba(214, 214, 229, 0.07);
+    }
+    100% {
+        background: rgba(222, 222, 238, 0.13);
+    }
+}
+.skeleton__component_1miju {
+    color: transparent
+} .skeleton__component_1miju:before {
+    background: transparent;
+}
+.skeleton__component_1vh5j {
+    background: rgba(38, 55, 88, 0.06);
+} @keyframes skeleton__background-inverted_1vh5j {
+    0% {
+        background: rgba(38, 55, 88, 0.06);
+    }
+    100% {
+        background: rgba(15, 25, 55, 0.1);
+    }
+}.segmented-control__wrapper_1jimh {
     background-color: rgba(225, 225, 248, 0.09);
 } .segmented-control__segment_1jimh.segmented-control__selected_1jimh {
     color: rgba(255, 255, 255, 0.94);
@@ -328,31 +352,7 @@
     color: rgba(3, 3, 6, 0.88)
 } .segmented-control__segment_gta9f:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.skeleton__component_1556l {
-    background: rgba(214, 214, 229, 0.07);
-} @keyframes skeleton__background_1556l {
-    0% {
-        background: rgba(214, 214, 229, 0.07);
-    }
-    100% {
-        background: rgba(222, 222, 238, 0.13);
-    }
-}
-.skeleton__component_1miju {
-    color: transparent
-} .skeleton__component_1miju:before {
-    background: transparent;
-}
-.skeleton__component_1vh5j {
-    background: rgba(38, 55, 88, 0.06);
-} @keyframes skeleton__background-inverted_1vh5j {
-    0% {
-        background: rgba(38, 55, 88, 0.06);
-    }
-    100% {
-        background: rgba(15, 25, 55, 0.1);
-    }
-}.slider__component_14wov .noUi-base:hover .noUi-connects {
+    }.slider__component_14wov .noUi-base:hover .noUi-connects {
             background: rgba(222, 222, 238, 0.13);
         } .slider__component_14wov .noUi-base:hover .noUi-connect {
             background: #f83a2a;

package/typography/esm/component.js

@@ -9,10 +9,10 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-8158a5a9.js';
+import './colors.module-ad3a833e.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-235549ff.js';
+import './common.module-e8acf5e1.js';
 import '../../mq/esm';
 
 var Typography = {

package/typography/esm/index.js

@@ -11,8 +11,8 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-8158a5a9.js';
+import './colors.module-ad3a833e.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-235549ff.js';
+import './common.module-e8acf5e1.js';
 import '../../mq/esm';

package/typography/esm/text/component.js

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
-import { c as colors } from '../colors.module-8158a5a9.js';
+import { c as colors } from '../colors.module-ad3a833e.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 

package/typography/esm/text/index.js

@@ -6,4 +6,4 @@ import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
-import '../colors.module-8158a5a9.js';
+import '../colors.module-ad3a833e.js';

package/typography/esm/title/component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
 import { getDefaultWeight } from './utils.js';
-import { c as colors } from '../colors.module-8158a5a9.js';
+import { c as colors } from '../colors.module-ad3a833e.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 

package/typography/esm/title/index.js

@@ -1,14 +1,14 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-235549ff.js';
+import { c as commonStyles } from '../common.module-e8acf5e1.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-8158a5a9.js';
+import '../colors.module-ad3a833e.js';
 
 var styles = {"transparent":"typography__transparent_1utse","styrene-xlarge":"typography__styrene-xlarge_1utse","styrene-large":"typography__styrene-large_1utse","styrene-medium":"typography__styrene-medium_1utse","styrene-small":"typography__styrene-small_1utse","styrene-xsmall":"typography__styrene-xsmall_1utse","system-xlarge":"typography__system-xlarge_1utse","system-large":"typography__system-large_1utse","system-medium":"typography__system-medium_1utse","system-small":"typography__system-small_1utse","system-xsmall":"typography__system-xsmall_1utse","margins-xlarge":"typography__margins-xlarge_1utse","margins-large":"typography__margins-large_1utse","margins-medium":"typography__margins-medium_1utse","margins-small":"typography__margins-small_1utse","margins-xsmall":"typography__margins-xsmall_1utse"};
 require('./index.css');

package/typography/esm/title-mobile/component.js

@@ -1,14 +1,14 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-235549ff.js';
+import { c as commonStyles } from '../common.module-e8acf5e1.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-8158a5a9.js';
+import '../colors.module-ad3a833e.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_17ybp","styrene-large":"typography__styrene-large_17ybp","styrene-medium":"typography__styrene-medium_17ybp","styrene-small":"typography__styrene-small_17ybp","styrene-xsmall":"typography__styrene-xsmall_17ybp","system-xlarge":"typography__system-xlarge_17ybp","system-large":"typography__system-large_17ybp","system-medium":"typography__system-medium_17ybp","system-small":"typography__system-small_17ybp","system-xsmall":"typography__system-xsmall_17ybp","margins-xlarge":"typography__margins-xlarge_17ybp","margins-large":"typography__margins-large_17ybp","margins-medium":"typography__margins-medium_17ybp","margins-small":"typography__margins-small_17ybp","margins-xsmall":"typography__margins-xsmall_17ybp"};
 require('./index.css');

package/typography/esm/title-mobile/index.js

@@ -8,5 +8,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-8158a5a9.js';
-import '../common.module-235549ff.js';
+import '../colors.module-ad3a833e.js';
+import '../common.module-e8acf5e1.js';

package/typography/esm/title-responsive/component.js

@@ -10,8 +10,8 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-8158a5a9.js';
-import '../common.module-235549ff.js';
+import '../colors.module-ad3a833e.js';
+import '../common.module-e8acf5e1.js';
 
 var TitleResponsive = forwardRef(function (_a, ref) {
     var breakpoint = _a.breakpoint, client = _a.client, restProps = __rest(_a, ["breakpoint", "client"]);

package/typography/esm/title-responsive/index.js

@@ -10,6 +10,6 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-8158a5a9.js';
-import '../common.module-235549ff.js';
+import '../colors.module-ad3a833e.js';
+import '../common.module-e8acf5e1.js';
 import '../title-mobile/component.js';

package/typography/modern/component.js

@@ -8,10 +8,10 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/modern';
 import '@alfalab/hooks';
-import './colors.module-d067c54d.js';
+import './colors.module-3255d61f.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-ca60f34c.js';
+import './common.module-63378ab4.js';
 import '../../mq/modern';
 
 const Typography = {

package/typography/modern/index.js

@@ -10,8 +10,8 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/modern';
 import '@alfalab/hooks';
-import './colors.module-d067c54d.js';
+import './colors.module-3255d61f.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-ca60f34c.js';
+import './common.module-63378ab4.js';
 import '../../mq/modern';

package/typography/modern/text/component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
-import { c as colors } from '../colors.module-d067c54d.js';
+import { c as colors } from '../colors.module-3255d61f.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 

package/typography/modern/text/index.js

@@ -5,4 +5,4 @@ import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
-import '../colors.module-d067c54d.js';
+import '../colors.module-3255d61f.js';

package/typography/modern/title/component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
 import { getDefaultWeight } from './utils.js';
-import { c as colors } from '../colors.module-d067c54d.js';
+import { c as colors } from '../colors.module-3255d61f.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 

package/typography/modern/title/index.js

@@ -1,13 +1,13 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-ca60f34c.js';
+import { c as commonStyles } from '../common.module-63378ab4.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-d067c54d.js';
+import '../colors.module-3255d61f.js';
 
 const styles = {"transparent":"typography__transparent_1utse","styrene-xlarge":"typography__styrene-xlarge_1utse","styrene-large":"typography__styrene-large_1utse","styrene-medium":"typography__styrene-medium_1utse","styrene-small":"typography__styrene-small_1utse","styrene-xsmall":"typography__styrene-xsmall_1utse","system-xlarge":"typography__system-xlarge_1utse","system-large":"typography__system-large_1utse","system-medium":"typography__system-medium_1utse","system-small":"typography__system-small_1utse","system-xsmall":"typography__system-xsmall_1utse","margins-xlarge":"typography__margins-xlarge_1utse","margins-large":"typography__margins-large_1utse","margins-medium":"typography__margins-medium_1utse","margins-small":"typography__margins-small_1utse","margins-xsmall":"typography__margins-xsmall_1utse"};
 require('./index.css');

package/typography/modern/title-mobile/component.js

@@ -1,13 +1,13 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-ca60f34c.js';
+import { c as commonStyles } from '../common.module-63378ab4.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-d067c54d.js';
+import '../colors.module-3255d61f.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_17ybp","styrene-large":"typography__styrene-large_17ybp","styrene-medium":"typography__styrene-medium_17ybp","styrene-small":"typography__styrene-small_17ybp","styrene-xsmall":"typography__styrene-xsmall_17ybp","system-xlarge":"typography__system-xlarge_17ybp","system-large":"typography__system-large_17ybp","system-medium":"typography__system-medium_17ybp","system-small":"typography__system-small_17ybp","system-xsmall":"typography__system-xsmall_17ybp","margins-xlarge":"typography__margins-xlarge_17ybp","margins-large":"typography__margins-large_17ybp","margins-medium":"typography__margins-medium_17ybp","margins-small":"typography__margins-small_17ybp","margins-xsmall":"typography__margins-xsmall_17ybp"};
 require('./index.css');

package/typography/modern/title-mobile/index.js

@@ -7,5 +7,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-d067c54d.js';
-import '../common.module-ca60f34c.js';
+import '../colors.module-3255d61f.js';
+import '../common.module-63378ab4.js';

package/typography/modern/title-responsive/component.js

@@ -9,8 +9,8 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-d067c54d.js';
-import '../common.module-ca60f34c.js';
+import '../colors.module-3255d61f.js';
+import '../common.module-63378ab4.js';
 
 const TitleResponsive = forwardRef(({ breakpoint, client, ...restProps }, ref) => {
     const isDesktop = useIsDesktop(breakpoint, client === 'desktop');

package/typography/modern/title-responsive/index.js

@@ -9,6 +9,6 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-d067c54d.js';
-import '../common.module-ca60f34c.js';
+import '../colors.module-3255d61f.js';
+import '../common.module-63378ab4.js';
 import '../title-mobile/component.js';