@alfalab/core-components 48.6.0-beta.1 → 48.7.0

package/tabs/modern/desktop/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-48a1b54e.js';
+import '../index.module-e008d842.js';
 import '../../../tag/modern/desktop';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-923d7cbd.js';
+import '../index.module-1d462755.js';
 import '../components/tabs/Component.js';

package/tabs/modern/index.js

@@ -22,12 +22,12 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import './components/scroll-controls/utils.js';
 import './components/title/Component.js';
 import '../../skeleton/modern';
-import './index.module-48a1b54e.js';
+import './index.module-e008d842.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-923d7cbd.js';
+import './index.module-1d462755.js';
 import './components/secondary-tablist/Component.mobile.js';
 import '../../tag/modern/mobile';
 import './components/tabs/Component.js';

package/tabs/modern/mobile/index.js

@@ -20,8 +20,8 @@ import '@alfalab/icons-glyph/ChevronRightCompactSIcon';
 import '../components/scroll-controls/utils.js';
 import '../components/title/Component.js';
 import '../../../skeleton/modern';
-import '../index.module-48a1b54e.js';
+import '../index.module-e008d842.js';
 import '../../../tag/modern/mobile';
 import '../components/secondary-tablist/Component.js';
-import '../index.module-923d7cbd.js';
+import '../index.module-1d462755.js';
 import '../components/tabs/Component.js';

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

@@ -1,4 +1,4 @@
-import React, { useRef, useEffect } from 'react';
+import React, { useRef, useEffect, useCallback } from 'react';
 import { ResizeObserver } from '@juggle/resize-observer';
 import cn from 'classnames';
 import { KeyboardFocusable } from '../../../../keyboard-focusable/moderncssm';
@@ -40,10 +40,16 @@ const PrimaryTabList = ({ size, styles = {}, className, containerClassName, titl
         }
         return fnUtils.noop;
     }, [selectedTab]);
+    const handleTitleResize = useCallback(() => {
+        if (selectedTab && lineRef.current) {
+            lineRef.current.style.width = `${selectedTab.offsetWidth}px`;
+            lineRef.current.style.transform = `translateX(${selectedTab.offsetLeft}px)`;
+        }
+    }, [selectedTab]);
     const renderContent = () => (React.createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn(styles.component, className, !textStyle && size && styles[size], {
             [styles.fullWidthScroll]: fullWidthScroll,
         }) },
-        titles.map(({ dataTestId: _, toggleRef: __, ...restTitleProps }, index) => (React.createElement(KeyboardFocusable, { key: restTitleProps.id }, (ref, focused) => (React.createElement(Title, { ...getTabListItemProps(index, ref), ...restTitleProps, focused: focused, styles: styles, showSkeleton: showSkeleton, skeletonProps: skeletonProps }))))),
+        titles.map(({ dataTestId: _, toggleRef: __, ...restTitleProps }, index) => (React.createElement(KeyboardFocusable, { key: restTitleProps.id }, (ref, focused) => (React.createElement(Title, { ...getTabListItemProps(index, ref), ...restTitleProps, focused: focused, styles: styles, showSkeleton: showSkeleton, skeletonProps: skeletonProps, onResize: handleTitleResize }))))),
         React.createElement("div", { className: styles.line, ref: lineRef })));
     const wrapperClassName = cn(textStyle && styles[textStyle], styles[platform]);
     return scrollable ? (React.createElement(ScrollableContainer, { containerWrapperClassName: wrapperClassName, activeChild: focusedTab || selectedTab, containerClassName: containerClassName, scrollControlsClassName: cn(textStyle && styles.scrollControls), fullWidthScroll: fullWidthScroll, view: 'primary', size: textStyle ? undefined : size, platform: platform, inlineStyle: inlineStyle, showSkeleton: showSkeleton }, renderContent())) : (React.createElement("div", { className: cn(styles.container, wrapperClassName, containerClassName), style: inlineStyle }, renderContent()));

package/tabs/moderncssm/components/title/Component.d.ts

@@ -7,5 +7,6 @@ declare const Title: React.ForwardRefExoticComponent<TabListTitle & Styles & Omi
     isOption?: boolean | undefined;
     showSkeleton?: boolean | undefined;
     skeletonProps?: Omit<SkeletonProps, "visible"> | undefined;
+    onResize?: (() => void) | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { Title };

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

@@ -1,13 +1,31 @@
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useRef, useEffect } from 'react';
+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, ...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,
         [styles.focused]: focused,
     };
-    return hidden ? null : (React.createElement("button", { ...restProps, ref: ref, disabled: disabled || showSkeleton, type: 'button', id: String(id), className: cn(styles.title, {
+    useEffect(() => {
+        const resizeObserver = new ResizeObserver(() => {
+            if (onResize) {
+                onResize();
+            }
+        });
+        const button = buttonRef.current;
+        if (button) {
+            resizeObserver.observe(button);
+        }
+        return () => {
+            if (button) {
+                resizeObserver.unobserve(button);
+            }
+        };
+    }, [onResize]);
+    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/components/title/index.js

@@ -1,4 +1,5 @@
 export { Title } from './Component.js';
 import 'react';
+import 'react-merge-refs';
 import 'classnames';
 import '../../../../skeleton/moderncssm';

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

@@ -1,4 +1,25 @@
-.badge__component_1qa5r.badge__background-accent_1qa5r {
+.card-image__cardImage_1hogc {
+    background: #e7e8ea;
+} .card-image__loaded_1hogc {
+    background: transparent
+}.backdrop__backdrop_haykb {
+    -webkit-tap-highlight-color: transparent;
+} .backdrop__appear_haykb,
+.backdrop__enter_haykb {
+    background-color: transparent;
+} .backdrop__appearActive_haykb,
+.backdrop__enterActive_haykb,
+.backdrop__appearDone_haykb,
+.backdrop__enterDone_haykb {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exit_haykb {
+    background-color: rgba(0, 0, 0, 0.7);
+} .backdrop__exitActive_haykb,
+.backdrop__exitDone_haykb {
+    background-color: transparent;
+} .backdrop__transparent_haykb.backdrop__transparent_haykb {
+    background-color: transparent;
+}.badge__component_1qa5r.badge__background-accent_1qa5r {
         background-color: #f83a2a;
         color: rgba(255, 255, 255, 0.94);
     } .badge__component_1qa5r.badge__background-specialbg-secondary-transparent_1qa5r {
@@ -58,27 +79,6 @@
         background-color: rgba(255, 255, 255, 0.94);
     } .badge__dot_1qa5r.badge__outlineCount_1qa5r {
     border: 1px solid rgba(3, 3, 6, 0.88);
-}.backdrop__backdrop_haykb {
-    -webkit-tap-highlight-color: transparent;
-} .backdrop__appear_haykb,
-.backdrop__enter_haykb {
-    background-color: transparent;
-} .backdrop__appearActive_haykb,
-.backdrop__enterActive_haykb,
-.backdrop__appearDone_haykb,
-.backdrop__enterDone_haykb {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exit_haykb {
-    background-color: rgba(0, 0, 0, 0.7);
-} .backdrop__exitActive_haykb,
-.backdrop__exitDone_haykb {
-    background-color: transparent;
-} .backdrop__transparent_haykb {
-    background-color: transparent;
-}.card-image__cardImage_1hogc {
-    background: #e7e8ea;
-} .card-image__loaded_1hogc {
-    background: transparent
 }.divider__component_f1x1n {
     border-bottom: 1px solid #353539;
 }.dropzone__component_ila5s {
@@ -170,14 +170,7 @@
         background: rgba(255, 255, 255, 0.94);
     } .hatching-progress-bar__accent_3x69e {
         background: #f83a2a;
-    }.icon-view__component_1gika {
-    color: rgba(238, 238, 251, 0.55)
-} .icon-view__bg_1gika {
-    fill: #1c1c1e;
-} .icon-view__border_1gika {
-    stroke: rgba(225, 225, 248, 0.09);
-    fill: transparent;
-}.indicator__component_19ww6 {
+    }.indicator__component_19ww6 {
     color: rgba(255, 255, 255, 0.94);
     background-color: #f83a2a;
 } .indicator__red_19ww6 {
@@ -195,7 +188,14 @@
     color: rgba(255, 255, 255, 0.94)
 } .indicator__grey_19ww6.indicator__border_19ww6 {
         outline: 2px solid rgba(3, 3, 6, 0.88);
-    }@keyframes loader__blink_8udnl {
+    }.icon-view__component_1gika {
+    color: rgba(238, 238, 251, 0.55)
+} .icon-view__bg_1gika {
+    fill: #1c1c1e;
+} .icon-view__border_1gika {
+    stroke: rgba(225, 225, 248, 0.09);
+    fill: transparent;
+}@keyframes loader__blink_8udnl {
 }.link__primary_1sj2a {
     color: rgba(255, 255, 255, 0.94);
     border-bottom-color: rgba(255, 255, 255, 0.94)
@@ -294,7 +294,31 @@
             background-color: rgba(9, 12, 37, 0.28);
         } .scrollbar__component_11x7k.dragging .track .scrollbar.visible:before {
             background-color: rgba(4, 4, 21, 0.47);
-        }.segmented-control__wrapper_1uknt {
+        }.skeleton__component_acbxm {
+    background: rgba(214, 214, 229, 0.07);
+} @keyframes skeleton__background_acbxm {
+    0% {
+        background: rgba(214, 214, 229, 0.07);
+    }
+    100% {
+        background: rgba(222, 222, 238, 0.13);
+    }
+}
+.skeleton__component_8qtqa {
+    color: transparent
+} .skeleton__component_8qtqa:before {
+    background: transparent;
+}
+.skeleton__component_jv9ug {
+    background: rgba(38, 55, 88, 0.06);
+} @keyframes skeleton__background-inverted_jv9ug {
+    0% {
+        background: rgba(38, 55, 88, 0.06);
+    }
+    100% {
+        background: rgba(15, 25, 55, 0.1);
+    }
+}.segmented-control__wrapper_1uknt {
     background-color: rgba(225, 225, 248, 0.09);
 } .segmented-control__segment_1uknt.segmented-control__selected_1uknt {
     color: rgba(255, 255, 255, 0.94);
@@ -328,31 +352,7 @@
     color: rgba(3, 3, 6, 0.88)
 } .segmented-control__segment_1grvw:not(:first-child):before {
         background-color: rgba(15, 25, 55, 0.1);
-    }.skeleton__component_acbxm {
-    background: rgba(214, 214, 229, 0.07);
-} @keyframes skeleton__background_acbxm {
-    0% {
-        background: rgba(214, 214, 229, 0.07);
-    }
-    100% {
-        background: rgba(222, 222, 238, 0.13);
-    }
-}
-.skeleton__component_8qtqa {
-    color: transparent
-} .skeleton__component_8qtqa:before {
-    background: transparent;
-}
-.skeleton__component_jv9ug {
-    background: rgba(38, 55, 88, 0.06);
-} @keyframes skeleton__background-inverted_jv9ug {
-    0% {
-        background: rgba(38, 55, 88, 0.06);
-    }
-    100% {
-        background: rgba(15, 25, 55, 0.1);
-    }
-}.slider__component_e7fu1 .noUi-base:hover .noUi-connects {
+    }.slider__component_e7fu1 .noUi-base:hover .noUi-connects {
             background: rgba(222, 222, 238, 0.13);
         } .slider__component_e7fu1 .noUi-base:hover .noUi-connect {
             background: #f83a2a;

package/toast/Component.responsive.d.ts

@@ -6,7 +6,7 @@ declare const Toast: React.ForwardRefExoticComponent<Omit<import("../toast-plate
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<import("../popover").PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
+} & Pick<import("../popover").PopoverProps, "open" | "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "fallbackPlacements"> & {
     anchorElement?: HTMLElement | null | undefined;
     autoCloseDelay?: number | undefined;
     bottomOffset?: number | undefined;

package/toast/components/base-toast/component.d.ts

@@ -47,7 +47,7 @@ declare const BaseToast: React.ForwardRefExoticComponent<Omit<import("../../../t
     breakpoint?: number | undefined;
     client?: "desktop" | "mobile" | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & Pick<PopoverProps, "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "open" | "fallbackPlacements"> & {
+} & Pick<PopoverProps, "open" | "getPortalContainer" | "transition" | "useAnchorWidth" | "position" | "preventFlip" | "fallbackPlacements"> & {
     /**
      * Элемент, относительного которого появляется тост.
      * Если не передавать, тост будет позиционирован снизу экрана (position: fixed).

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-6658cd3c.js';
+import './colors.module-f826795b.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-f4b1cdf8.js';
+import './common.module-1fd9d659.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-6658cd3c.js';
+import './colors.module-f826795b.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-f4b1cdf8.js';
+import './common.module-1fd9d659.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-6658cd3c.js';
+import { c as colors } from '../colors.module-f826795b.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-6658cd3c.js';
+import '../colors.module-f826795b.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-6658cd3c.js';
+import { c as colors } from '../colors.module-f826795b.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-f4b1cdf8.js';
+import { c as commonStyles } from '../common.module-1fd9d659.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-6658cd3c.js';
+import '../colors.module-f826795b.js';
 
 var styles = {"transparent":"typography__transparent_udi9z","styrene-xlarge":"typography__styrene-xlarge_udi9z","styrene-large":"typography__styrene-large_udi9z","styrene-medium":"typography__styrene-medium_udi9z","styrene-small":"typography__styrene-small_udi9z","styrene-xsmall":"typography__styrene-xsmall_udi9z","system-xlarge":"typography__system-xlarge_udi9z","system-large":"typography__system-large_udi9z","system-medium":"typography__system-medium_udi9z","system-small":"typography__system-small_udi9z","system-xsmall":"typography__system-xsmall_udi9z","margins-xlarge":"typography__margins-xlarge_udi9z","margins-large":"typography__margins-large_udi9z","margins-medium":"typography__margins-medium_udi9z","margins-small":"typography__margins-small_udi9z","margins-xsmall":"typography__margins-xsmall_udi9z"};
 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-f4b1cdf8.js';
+import { c as commonStyles } from '../common.module-1fd9d659.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-6658cd3c.js';
+import '../colors.module-f826795b.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_8edyi","styrene-large":"typography__styrene-large_8edyi","styrene-medium":"typography__styrene-medium_8edyi","styrene-small":"typography__styrene-small_8edyi","styrene-xsmall":"typography__styrene-xsmall_8edyi","system-xlarge":"typography__system-xlarge_8edyi","system-large":"typography__system-large_8edyi","system-medium":"typography__system-medium_8edyi","system-small":"typography__system-small_8edyi","system-xsmall":"typography__system-xsmall_8edyi","margins-xlarge":"typography__margins-xlarge_8edyi","margins-large":"typography__margins-large_8edyi","margins-medium":"typography__margins-medium_8edyi","margins-small":"typography__margins-small_8edyi","margins-xsmall":"typography__margins-xsmall_8edyi"};
 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-6658cd3c.js';
-import '../common.module-f4b1cdf8.js';
+import '../colors.module-f826795b.js';
+import '../common.module-1fd9d659.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-6658cd3c.js';
-import '../common.module-f4b1cdf8.js';
+import '../colors.module-f826795b.js';
+import '../common.module-1fd9d659.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-6658cd3c.js';
-import '../common.module-f4b1cdf8.js';
+import '../colors.module-f826795b.js';
+import '../common.module-1fd9d659.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-8482104b.js';
+import './colors.module-70bdb614.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-4e2299d9.js';
+import './common.module-563dd876.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-8482104b.js';
+import './colors.module-70bdb614.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-4e2299d9.js';
+import './common.module-563dd876.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-8482104b.js';
+import { c as colors } from '../colors.module-70bdb614.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-8482104b.js';
+import '../colors.module-70bdb614.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-8482104b.js';
+import { c as colors } from '../colors.module-70bdb614.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-4e2299d9.js';
+import { c as commonStyles } from '../common.module-563dd876.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-8482104b.js';
+import '../colors.module-70bdb614.js';
 
 const styles = {"transparent":"typography__transparent_udi9z","styrene-xlarge":"typography__styrene-xlarge_udi9z","styrene-large":"typography__styrene-large_udi9z","styrene-medium":"typography__styrene-medium_udi9z","styrene-small":"typography__styrene-small_udi9z","styrene-xsmall":"typography__styrene-xsmall_udi9z","system-xlarge":"typography__system-xlarge_udi9z","system-large":"typography__system-large_udi9z","system-medium":"typography__system-medium_udi9z","system-small":"typography__system-small_udi9z","system-xsmall":"typography__system-xsmall_udi9z","margins-xlarge":"typography__margins-xlarge_udi9z","margins-large":"typography__margins-large_udi9z","margins-medium":"typography__margins-medium_udi9z","margins-small":"typography__margins-small_udi9z","margins-xsmall":"typography__margins-xsmall_udi9z"};
 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-4e2299d9.js';
+import { c as commonStyles } from '../common.module-563dd876.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-8482104b.js';
+import '../colors.module-70bdb614.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_8edyi","styrene-large":"typography__styrene-large_8edyi","styrene-medium":"typography__styrene-medium_8edyi","styrene-small":"typography__styrene-small_8edyi","styrene-xsmall":"typography__styrene-xsmall_8edyi","system-xlarge":"typography__system-xlarge_8edyi","system-large":"typography__system-large_8edyi","system-medium":"typography__system-medium_8edyi","system-small":"typography__system-small_8edyi","system-xsmall":"typography__system-xsmall_8edyi","margins-xlarge":"typography__margins-xlarge_8edyi","margins-large":"typography__margins-large_8edyi","margins-medium":"typography__margins-medium_8edyi","margins-small":"typography__margins-small_8edyi","margins-xsmall":"typography__margins-xsmall_8edyi"};
 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-8482104b.js';
-import '../common.module-4e2299d9.js';
+import '../colors.module-70bdb614.js';
+import '../common.module-563dd876.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-8482104b.js';
-import '../common.module-4e2299d9.js';
+import '../colors.module-70bdb614.js';
+import '../common.module-563dd876.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-8482104b.js';
-import '../common.module-4e2299d9.js';
+import '../colors.module-70bdb614.js';
+import '../common.module-563dd876.js';
 import '../title-mobile/component.js';

package/typography/text/component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
-var colors_module = require('../colors.module-ab93d388.js');
+var colors_module = require('../colors.module-386aa13d.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/component.js

@@ -6,7 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
 var title_utils = require('./utils.js');
-var colors_module = require('../colors.module-ab93d388.js');
+var colors_module = require('../colors.module-386aa13d.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('./component.js');
-var common_module = require('../common.module-94ad71b0.js');
+var common_module = require('../common.module-b7161de1.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title-mobile/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-94ad71b0.js');
+var common_module = require('../common.module-b7161de1.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }