@alfalab/core-components 45.8.0-beta.3 → 45.8.0-beta.4

package/toast-plate/esm/desktop/Component.desktop.js

@@ -2,14 +2,12 @@ import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/esm';
 import '../../../icon-button/esm';
-import '../getDataTestId-b3cf0f77.js';
-import '@alfalab/hooks';
-import '../../../status-badge/esm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';
 
 var styles = {"actionSection":"toast-plate__actionSection_1heyl","title":"toast-plate__title_1heyl","closeButtonWrapper":"toast-plate__closeButtonWrapper_1heyl","closeButton":"toast-plate__closeButton_1heyl"};
 require('./desktop.css');

package/toast-plate/esm/desktop/index.js

@@ -3,11 +3,9 @@ import 'tslib';
 import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/esm';
 import '../../../icon-button/esm';
-import '../getDataTestId-b3cf0f77.js';
-import '@alfalab/hooks';
-import '../../../status-badge/esm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';

package/toast-plate/esm/index.js

@@ -5,12 +5,10 @@ import '../../mq/esm';
 import './desktop/Component.desktop.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
+import '../../badge/esm';
 import '../../icon-button/esm';
-import './getDataTestId-b3cf0f77.js';
-import '@alfalab/hooks';
-import '../../status-badge/esm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './components/base-toast-plate/hooks/useCustomIcons.js';
-import './components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import './components/base-toast-plate/utils/isUnsafeBadge.js';
 import './mobile/Component.mobile.js';

package/toast-plate/esm/mobile/Component.mobile.js

@@ -2,14 +2,12 @@ import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/esm';
 import '../../../icon-button/esm';
-import '../getDataTestId-b3cf0f77.js';
-import '@alfalab/hooks';
-import '../../../status-badge/esm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';
 
 var styles = {"actionSection":"toast-plate__actionSection_fuxup","title":"toast-plate__title_fuxup","closeButtonWrapper":"toast-plate__closeButtonWrapper_fuxup","closeButton":"toast-plate__closeButton_fuxup"};
 require('./mobile.css');

package/toast-plate/esm/mobile/index.js

@@ -3,11 +3,9 @@ import 'tslib';
 import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/esm';
 import '../../../icon-button/esm';
-import '../getDataTestId-b3cf0f77.js';
-import '@alfalab/hooks';
-import '../../../status-badge/esm';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';

package/toast-plate/modern/Component.responsive.js

@@ -4,14 +4,12 @@ import { ToastPlateDesktop } from './desktop/Component.desktop.js';
 import { ToastPlateMobile } from './mobile/Component.mobile.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
+import '../../badge/modern';
 import '../../icon-button/modern';
-import './getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './components/base-toast-plate/hooks/useCustomIcons.js';
-import './components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import './components/base-toast-plate/utils/isUnsafeBadge.js';
 
 const ToastPlate = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;

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

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import React from 'react';
 import { HTMLAttributes, MouseEvent, ReactNode } from "react";
-import { StatusBadgeCustomIcon, StatusBadgeViews } from "../../../../status-badge";
-import { unsafe_BadgeProps } from "./types/unsafeBadgeProps";
+type BadgeIcons = {
+    negative: JSX.Element;
+    positive: JSX.Element;
+    attention: JSX.Element;
+};
 type BaseToastPlateProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Дополнительный класс
@@ -31,7 +34,7 @@ type BaseToastPlateProps = HTMLAttributes<HTMLDivElement> & {
     /**
      * Вид бэйджа
      */
-    badge?: unsafe_BadgeProps | StatusBadgeViews;
+    badge?: 'negative' | 'positive' | 'attention';
     /**
      * Слот слева, заменяет стандартную иконку
      */
@@ -65,9 +68,9 @@ type BaseToastPlateProps = HTMLAttributes<HTMLDivElement> & {
      */
     onClose?: (event?: MouseEvent<HTMLButtonElement>) => void;
     /**
-     * Функция, с помощью которой можно переопределить иконки в StatusBadge
+     * Функция, с помощью которой можно переопределить иконки в Badge
      */
-    getBadgeIcons?: StatusBadgeCustomIcon;
+    getBadgeIcons?: (icons: BadgeIcons) => BadgeIcons;
     /**
      * Набор цветов для компонента
      */
@@ -111,7 +114,7 @@ declare const BaseToastPlate: React.ForwardRefExoticComponent<React.HTMLAttribut
     /**
      * Вид бэйджа
      */
-    badge?: StatusBadgeViews | unsafe_BadgeProps | undefined;
+    badge?: "attention" | "positive" | "negative" | undefined;
     /**
      * Слот слева, заменяет стандартную иконку
      */
@@ -145,9 +148,9 @@ declare const BaseToastPlate: React.ForwardRefExoticComponent<React.HTMLAttribut
      */
     onClose?: ((event?: MouseEvent<HTMLButtonElement>) => void) | undefined;
     /**
-     * Функция, с помощью которой можно переопределить иконки в StatusBadge
+     * Функция, с помощью которой можно переопределить иконки в Badge
      */
-    getBadgeIcons?: Partial<Record<StatusBadgeViews, Partial<Record<import("../../../../status-badge").StatusBadgeSizes, import("../../../../status-badge").StatusBadgeIcon>>>> | undefined;
+    getBadgeIcons?: ((icons: BadgeIcons) => BadgeIcons) | undefined;
     /**
      * Набор цветов для компонента
      */
@@ -163,4 +166,4 @@ declare const BaseToastPlate: React.ForwardRefExoticComponent<React.HTMLAttribut
         [key: string]: string;
     } | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-export { BaseToastPlateProps, BaseToastPlate };
+export { BadgeIcons, BaseToastPlateProps, BaseToastPlate };

package/toast-plate/modern/components/base-toast-plate/component.js

@@ -1,13 +1,11 @@
 import React, { forwardRef, useCallback } from 'react';
 import cn from 'classnames';
+import { Badge } from '../../../../badge/modern';
 import { IconButton } from '../../../../icon-button/modern';
-import { g as getDataTestId } from '../../getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import { StatusBadge } from '../../../../status-badge/modern';
+import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
+import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
-import { useCustomIcons } from './hooks/useCustomIcons.js';
-import { useDeprecatedBadge } from './hooks/useDeprecatedBadge.js';
-import { isUnsafeBadge } from './utils/isUnsafeBadge.js';
 
 const defaultColors = {"component":"toast-plate__component_eyew1","closeButtonWrapper":"toast-plate__closeButtonWrapper_eyew1"};
 require('./default.css');
@@ -22,25 +20,25 @@ const colorStyles = {
     default: defaultColors,
     inverted: invertedColors,
 };
+const iconDefaultComponents = {
+    negative: React.createElement(CrossCircleMIcon, { className: commonStyles.badgeIcon }),
+    positive: React.createElement(CheckmarkCircleMIcon, { className: commonStyles.badgeIcon }),
+    attention: React.createElement(AlertCircleMIcon, { className: commonStyles.badgeIcon }),
+};
 const BaseToastPlate = forwardRef(({ dataTestId, className, titleClassName, contentClassName, actionSectionClassName, hasCloser, leftAddons, badge, title, children, actionButton, block, onClose, getBadgeIcons, colors = 'default', closerWrapperClassName, closerClassName, bottomButtonPosition = false, styles = {}, ...restProps }, ref) => {
     const needRenderLeftAddons = Boolean(leftAddons || badge);
-    const { transformDeprecatedBadge } = useDeprecatedBadge();
-    const { getCustomIcons } = useCustomIcons();
+    const iconComponents = getBadgeIcons
+        ? getBadgeIcons(iconDefaultComponents)
+        : iconDefaultComponents;
     const handleClose = useCallback((event) => {
         if (onClose) {
             onClose(event);
         }
     }, [onClose]);
-    let statusBadgeView = badge;
-    if (badge && isUnsafeBadge(badge)) {
-        statusBadgeView = transformDeprecatedBadge(badge);
-    }
-    const customIcons = getCustomIcons(getBadgeIcons);
-    return (React.createElement("div", { className: cn(commonStyles.component, colorStyles[colors].component, { [commonStyles.block]: block, [commonStyles.hasCloser]: hasCloser }, className), ref: ref, "data-test-id": getDataTestId(dataTestId, 'component'), ...restProps },
+    return (React.createElement("div", { className: cn(commonStyles.component, colorStyles[colors].component, { [commonStyles.block]: block, [commonStyles.hasCloser]: hasCloser }, className), ref: ref, "data-test-id": dataTestId, ...restProps },
         React.createElement("div", { className: commonStyles.wrapper },
             React.createElement("div", { className: commonStyles.contentWrapper },
-                needRenderLeftAddons && (React.createElement("div", { className: commonStyles.leftAddons }, leftAddons ||
-                    (badge && (React.createElement(StatusBadge, { view: statusBadgeView, dataTestId: getDataTestId(dataTestId, 'badge'), ...(customIcons && { customIcons }) }))))),
+                needRenderLeftAddons && (React.createElement("div", { className: commonStyles.leftAddons }, leftAddons || (React.createElement(Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: commonStyles.badge, dataTestId: 'badge', visibleColorOutline: true })))),
                 React.createElement("div", { className: cn(contentClassName, commonStyles.content, {
                         [commonStyles.hasCloser]: hasCloser,
                         [commonStyles.hasActionButton]: !!actionButton,

package/toast-plate/modern/components/base-toast-plate/index.js

@@ -1,11 +1,9 @@
 export { BaseToastPlate } from './component.js';
 import 'react';
 import 'classnames';
+import '../../../../badge/modern';
 import '../../../../icon-button/modern';
-import '../../getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './hooks/useCustomIcons.js';
-import './hooks/useDeprecatedBadge.js';
-import './utils/isUnsafeBadge.js';

package/toast-plate/modern/desktop/Component.desktop.js

@@ -1,14 +1,12 @@
 import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/modern';
 import '../../../icon-button/modern';
-import '../getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';
 
 const styles = {"actionSection":"toast-plate__actionSection_1heyl","title":"toast-plate__title_1heyl","closeButtonWrapper":"toast-plate__closeButtonWrapper_1heyl","closeButton":"toast-plate__closeButton_1heyl"};
 require('./desktop.css');

package/toast-plate/modern/desktop/index.js

@@ -2,11 +2,9 @@ export { ToastPlateDesktop } from './Component.desktop.js';
 import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/modern';
 import '../../../icon-button/modern';
-import '../getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';

package/toast-plate/modern/index.js

@@ -4,12 +4,10 @@ import '../../mq/modern';
 import './desktop/Component.desktop.js';
 import './components/base-toast-plate/component.js';
 import 'classnames';
+import '../../badge/modern';
 import '../../icon-button/modern';
-import './getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './components/base-toast-plate/hooks/useCustomIcons.js';
-import './components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import './components/base-toast-plate/utils/isUnsafeBadge.js';
 import './mobile/Component.mobile.js';

package/toast-plate/modern/mobile/Component.mobile.js

@@ -1,14 +1,12 @@
 import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/modern';
 import '../../../icon-button/modern';
-import '../getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';
 
 const styles = {"actionSection":"toast-plate__actionSection_fuxup","title":"toast-plate__title_fuxup","closeButtonWrapper":"toast-plate__closeButtonWrapper_fuxup","closeButton":"toast-plate__closeButton_fuxup"};
 require('./mobile.css');

package/toast-plate/modern/mobile/index.js

@@ -2,11 +2,9 @@ export { ToastPlateMobile } from './Component.mobile.js';
 import 'react';
 import '../components/base-toast-plate/component.js';
 import 'classnames';
+import '../../../badge/modern';
 import '../../../icon-button/modern';
-import '../getDataTestId-8aa8ef85.js';
-import '@alfalab/hooks';
-import '../../../status-badge/modern';
+import '@alfalab/icons-glyph/AlertCircleMIcon';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../components/base-toast-plate/hooks/useCustomIcons.js';
-import '../components/base-toast-plate/hooks/useDeprecatedBadge.js';
-import '../components/base-toast-plate/utils/isUnsafeBadge.js';

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-f2501c6f.js';
+import './colors.module-bf4fcd9a.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-04c7810e.js';
+import './common.module-efe4e6e2.js';
 import '../../mq/esm';
 
 var Typography = {

package/typography/esm/index.js

@@ -8,11 +8,11 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-f2501c6f.js';
+import './colors.module-bf4fcd9a.js';
 import './title/index.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-04c7810e.js';
+import './common.module-efe4e6e2.js';
 import './title-mobile/component.js';
 import './title-responsive/component.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-f2501c6f.js';
+import { c as colors } from '../colors.module-bf4fcd9a.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-f2501c6f.js';
+import '../colors.module-bf4fcd9a.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-f2501c6f.js';
+import { c as colors } from '../colors.module-bf4fcd9a.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-04c7810e.js';
+import { c as commonStyles } from '../common.module-efe4e6e2.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-f2501c6f.js';
+import '../colors.module-bf4fcd9a.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_f6qr3","styrene-large":"typography__styrene-large_f6qr3","styrene-medium":"typography__styrene-medium_f6qr3","styrene-small":"typography__styrene-small_f6qr3","styrene-xsmall":"typography__styrene-xsmall_f6qr3","system-xlarge":"typography__system-xlarge_f6qr3","system-large":"typography__system-large_f6qr3","system-medium":"typography__system-medium_f6qr3","system-small":"typography__system-small_f6qr3","system-xsmall":"typography__system-xsmall_f6qr3","margins-xlarge":"typography__margins-xlarge_f6qr3","margins-large":"typography__margins-large_f6qr3","margins-medium":"typography__margins-medium_f6qr3","margins-small":"typography__margins-small_f6qr3","margins-xsmall":"typography__margins-xsmall_f6qr3","rowLimit1":"typography__rowLimit1_f6qr3","rowLimit2":"typography__rowLimit2_f6qr3","rowLimit3":"typography__rowLimit3_f6qr3"};
 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-04c7810e.js';
+import { c as commonStyles } from '../common.module-efe4e6e2.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-f2501c6f.js';
+import '../colors.module-bf4fcd9a.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_n0x2v","styrene-large":"typography__styrene-large_n0x2v","styrene-medium":"typography__styrene-medium_n0x2v","styrene-small":"typography__styrene-small_n0x2v","styrene-xsmall":"typography__styrene-xsmall_n0x2v","system-xlarge":"typography__system-xlarge_n0x2v","system-large":"typography__system-large_n0x2v","system-medium":"typography__system-medium_n0x2v","system-small":"typography__system-small_n0x2v","system-xsmall":"typography__system-xsmall_n0x2v"};
 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-f2501c6f.js';
-import '../common.module-04c7810e.js';
+import '../colors.module-bf4fcd9a.js';
+import '../common.module-efe4e6e2.js';

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

@@ -2,14 +2,14 @@ import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../../mq/esm';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-04c7810e.js';
+import { c as commonStyles } from '../common.module-efe4e6e2.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-f2501c6f.js';
+import '../colors.module-bf4fcd9a.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_kv2ad","styrene-large":"typography__styrene-large_kv2ad","styrene-medium":"typography__styrene-medium_kv2ad","styrene-small":"typography__styrene-small_kv2ad","styrene-xsmall":"typography__styrene-xsmall_kv2ad","system-xlarge":"typography__system-xlarge_kv2ad","system-large":"typography__system-large_kv2ad","system-medium":"typography__system-medium_kv2ad","system-small":"typography__system-small_kv2ad","system-xsmall":"typography__system-xsmall_kv2ad","margins-xlarge":"typography__margins-xlarge_kv2ad","margins-large":"typography__margins-large_kv2ad","margins-medium":"typography__margins-medium_kv2ad","margins-small":"typography__margins-small_kv2ad","margins-xsmall":"typography__margins-xsmall_kv2ad"};
 require('./index.css');

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

@@ -9,5 +9,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-f2501c6f.js';
-import '../common.module-04c7810e.js';
+import '../colors.module-bf4fcd9a.js';
+import '../common.module-efe4e6e2.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-83a4b747.js';
+import './colors.module-21f32eaa.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-278c339a.js';
+import './common.module-086a5ae1.js';
 import '../../mq/modern';
 
 const Typography = {

package/typography/modern/index.js

@@ -7,11 +7,11 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/modern';
 import '@alfalab/hooks';
-import './colors.module-83a4b747.js';
+import './colors.module-21f32eaa.js';
 import './title/index.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-278c339a.js';
+import './common.module-086a5ae1.js';
 import './title-mobile/component.js';
 import './title-responsive/component.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-83a4b747.js';
+import { c as colors } from '../colors.module-21f32eaa.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-83a4b747.js';
+import '../colors.module-21f32eaa.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-83a4b747.js';
+import { c as colors } from '../colors.module-21f32eaa.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-278c339a.js';
+import { c as commonStyles } from '../common.module-086a5ae1.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-83a4b747.js';
+import '../colors.module-21f32eaa.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_f6qr3","styrene-large":"typography__styrene-large_f6qr3","styrene-medium":"typography__styrene-medium_f6qr3","styrene-small":"typography__styrene-small_f6qr3","styrene-xsmall":"typography__styrene-xsmall_f6qr3","system-xlarge":"typography__system-xlarge_f6qr3","system-large":"typography__system-large_f6qr3","system-medium":"typography__system-medium_f6qr3","system-small":"typography__system-small_f6qr3","system-xsmall":"typography__system-xsmall_f6qr3","margins-xlarge":"typography__margins-xlarge_f6qr3","margins-large":"typography__margins-large_f6qr3","margins-medium":"typography__margins-medium_f6qr3","margins-small":"typography__margins-small_f6qr3","margins-xsmall":"typography__margins-xsmall_f6qr3","rowLimit1":"typography__rowLimit1_f6qr3","rowLimit2":"typography__rowLimit2_f6qr3","rowLimit3":"typography__rowLimit3_f6qr3"};
 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-278c339a.js';
+import { c as commonStyles } from '../common.module-086a5ae1.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-83a4b747.js';
+import '../colors.module-21f32eaa.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_n0x2v","styrene-large":"typography__styrene-large_n0x2v","styrene-medium":"typography__styrene-medium_n0x2v","styrene-small":"typography__styrene-small_n0x2v","styrene-xsmall":"typography__styrene-xsmall_n0x2v","system-xlarge":"typography__system-xlarge_n0x2v","system-large":"typography__system-large_n0x2v","system-medium":"typography__system-medium_n0x2v","system-small":"typography__system-small_n0x2v","system-xsmall":"typography__system-xsmall_n0x2v"};
 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-83a4b747.js';
-import '../common.module-278c339a.js';
+import '../colors.module-21f32eaa.js';
+import '../common.module-086a5ae1.js';

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

@@ -1,14 +1,14 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../../mq/modern';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-278c339a.js';
+import { c as commonStyles } from '../common.module-086a5ae1.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-83a4b747.js';
+import '../colors.module-21f32eaa.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_kv2ad","styrene-large":"typography__styrene-large_kv2ad","styrene-medium":"typography__styrene-medium_kv2ad","styrene-small":"typography__styrene-small_kv2ad","styrene-xsmall":"typography__styrene-xsmall_kv2ad","system-xlarge":"typography__system-xlarge_kv2ad","system-large":"typography__system-large_kv2ad","system-medium":"typography__system-medium_kv2ad","system-small":"typography__system-small_kv2ad","system-xsmall":"typography__system-xsmall_kv2ad","margins-xlarge":"typography__margins-xlarge_kv2ad","margins-large":"typography__margins-large_kv2ad","margins-medium":"typography__margins-medium_kv2ad","margins-small":"typography__margins-small_kv2ad","margins-xsmall":"typography__margins-xsmall_kv2ad"};
 require('./index.css');

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

@@ -8,5 +8,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-83a4b747.js';
-import '../common.module-278c339a.js';
+import '../colors.module-21f32eaa.js';
+import '../common.module-086a5ae1.js';