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

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

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

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

@@ -1,11 +1,13 @@
 import React, { forwardRef, useCallback } from 'react';
 import cn from 'classnames';
-import { Badge } from '../../../../badge/modern';
 import { IconButton } from '../../../../icon-button/modern';
-import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
-import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
+import { g as getDataTestId } from '../../getDataTestId-8aa8ef85.js';
+import '@alfalab/hooks';
+import { StatusBadge } from '../../../../status-badge/modern';
 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');
@@ -20,25 +22,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 iconComponents = getBadgeIcons
-        ? getBadgeIcons(iconDefaultComponents)
-        : iconDefaultComponents;
+    const { transformDeprecatedBadge } = useDeprecatedBadge();
+    const { getCustomIcons } = useCustomIcons();
     const handleClose = useCallback((event) => {
         if (onClose) {
             onClose(event);
         }
     }, [onClose]);
-    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 },
+    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 },
         React.createElement("div", { className: commonStyles.wrapper },
             React.createElement("div", { className: commonStyles.contentWrapper },
-                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 })))),
+                needRenderLeftAddons && (React.createElement("div", { className: commonStyles.leftAddons }, leftAddons ||
+                    (badge && (React.createElement(StatusBadge, { view: statusBadgeView, dataTestId: getDataTestId(dataTestId, 'badge'), ...(customIcons && { customIcons }) }))))),
                 React.createElement("div", { className: cn(contentClassName, commonStyles.content, {
                         [commonStyles.hasCloser]: hasCloser,
                         [commonStyles.hasActionButton]: !!actionButton,

package/toast-plate/modern/components/base-toast-plate/hooks/useCustomIcons.d.ts

@@ -0,0 +1,6 @@
+import { StatusBadgeCustomIcon } from "../../../../../status-badge";
+type GetCustomIcons = StatusBadgeCustomIcon | null;
+declare const useCustomIcons: () => {
+    getCustomIcons: (getBadgeIcons?: StatusBadgeCustomIcon) => GetCustomIcons;
+};
+export { useCustomIcons };

package/toast-plate/modern/components/base-toast-plate/hooks/useCustomIcons.js

@@ -0,0 +1,11 @@
+const useCustomIcons = () => {
+    const getCustomIcons = (getBadgeIcons) => {
+        if (getBadgeIcons) {
+            return getBadgeIcons;
+        }
+        return null;
+    };
+    return { getCustomIcons };
+};
+
+export { useCustomIcons };

package/toast-plate/modern/components/base-toast-plate/hooks/useDeprecatedBadge.d.ts

@@ -0,0 +1,7 @@
+import { StatusBadgeProps } from "../../../../../status-badge";
+import { unsafe_BadgeProps } from "../types/unsafeBadgeProps";
+type UseDeprecatedBadge = {
+    transformDeprecatedBadge: (deprecatedBadge: unsafe_BadgeProps) => StatusBadgeProps['view'];
+};
+declare const useDeprecatedBadge: () => UseDeprecatedBadge;
+export { useDeprecatedBadge };

package/toast-plate/modern/components/base-toast-plate/hooks/useDeprecatedBadge.js

@@ -0,0 +1,24 @@
+import 'react';
+import '@alfalab/hooks';
+
+const exhaustiveCheck = (value) => value;
+
+const useDeprecatedBadge = () => {
+    const transformDeprecatedBadge = (unsafeBadge) => {
+        switch (unsafeBadge) {
+            case 'negative':
+                return 'negative-cross';
+            case 'positive':
+                return 'positive-checkmark';
+            case 'attention':
+                return 'attention-alert';
+            default:
+                return exhaustiveCheck(unsafeBadge);
+        }
+    };
+    return {
+        transformDeprecatedBadge,
+    };
+};
+
+export { useDeprecatedBadge };

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

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

package/toast-plate/modern/components/base-toast-plate/types/unsafeBadgeProps.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @deprecated Данный тип не будет поддерживаться в будущих версиях
+ * Используйте StatusBadgeProps['view']
+ */
+type unsafe_BadgeProps = 'negative' | 'positive' | 'attention';
+export { unsafe_BadgeProps };

package/toast-plate/modern/components/base-toast-plate/types/unsafeBadgeProps.js

@@ -0,0 +1 @@
+

package/toast-plate/modern/components/base-toast-plate/utils/getBaseToastPlateTestIds.d.ts

@@ -0,0 +1,5 @@
+declare function getBaseToastPlateTestIds(dataTestId: string): {
+    badge: string;
+    component: string;
+};
+export { getBaseToastPlateTestIds };

package/toast-plate/modern/components/base-toast-plate/utils/getBaseToastPlateTestIds.js

@@ -0,0 +1,12 @@
+import { g as getDataTestId } from '../../../getDataTestId-8aa8ef85.js';
+import 'react';
+import '@alfalab/hooks';
+
+function getBaseToastPlateTestIds(dataTestId) {
+    return {
+        badge: getDataTestId(dataTestId, 'badge'),
+        component: getDataTestId(dataTestId, 'component'),
+    };
+}
+
+export { getBaseToastPlateTestIds };

package/toast-plate/modern/components/base-toast-plate/utils/isUnsafeBadge.d.ts

@@ -0,0 +1,5 @@
+import { StatusBadgeProps } from "../../../../../status-badge";
+import { unsafe_BadgeProps } from "../types/unsafeBadgeProps";
+type IsUnsafeBadge = unsafe_BadgeProps | StatusBadgeProps['view'];
+declare const isUnsafeBadge: (badge: IsUnsafeBadge) => badge is unsafe_BadgeProps;
+export { isUnsafeBadge };

package/toast-plate/modern/components/base-toast-plate/utils/isUnsafeBadge.js

@@ -0,0 +1,4 @@
+const unsafeBadgeValues = ['negative', 'positive', 'attention'];
+const isUnsafeBadge = (badge) => unsafeBadgeValues.includes(badge);
+
+export { isUnsafeBadge };

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

@@ -1,12 +1,14 @@
 import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
-import '../../../badge/modern';
 import '../../../icon-button/modern';
-import '@alfalab/icons-glyph/AlertCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '../getDataTestId-8aa8ef85.js';
+import '@alfalab/hooks';
+import '../../../status-badge/modern';
 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,9 +2,11 @@ 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 '@alfalab/icons-glyph/AlertCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '../getDataTestId-8aa8ef85.js';
+import '@alfalab/hooks';
+import '../../../status-badge/modern';
 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/getDataTestId-8aa8ef85.d.ts

@@ -0,0 +1,3 @@
+declare function getDataTestId(dataTestId: string, element: string): string;
+declare function getDataTestId(dataTestId?: string, element?: string): string | undefined;
+export { getDataTestId };

package/toast-plate/modern/getDataTestId-8aa8ef85.js

@@ -0,0 +1,6 @@
+function getDataTestId(dataTestId, element) {
+    const elementPart = element ? `-${element.toLowerCase()}` : '';
+    return dataTestId ? `${dataTestId}${elementPart}` : undefined;
+}
+
+export { getDataTestId as g };

package/toast-plate/modern/index-307da6d7.d.ts

@@ -0,0 +1,71 @@
+/// <reference types="react" />
+import React from "react";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+import { useCustomWebkitScrollbar } from "./useCustomWebkitScrollbar-a216f694";
+declare const isClient: () => boolean;
+declare function isApplePlatform(): boolean;
+declare function isIOS(): boolean;
+declare const os: {
+    isIOS: typeof isIOS;
+    isApplePlatform: typeof isApplePlatform;
+};
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+declare const hooks: {
+    useCustomWebkitScrollbar: typeof useCustomWebkitScrollbar;
+};
+declare function preventDefault(e: React.UIEvent): void;
+declare const dom: {
+    preventDefault: typeof preventDefault;
+};
+export { isClient, os, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
+export * from "./getDataTestId-8aa8ef85";
+export * from "./browser-a216f694";
+export * from "./components/base-toast-plate/hooks/useDeprecatedBadge";

package/toast-plate/modern/index.js

@@ -4,10 +4,12 @@ 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 '@alfalab/icons-glyph/AlertCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
+import './getDataTestId-8aa8ef85.js';
+import '@alfalab/hooks';
+import '../../status-badge/modern';
 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,12 +1,14 @@
 import React, { forwardRef } from 'react';
 import { BaseToastPlate } from '../components/base-toast-plate/component.js';
 import 'classnames';
-import '../../../badge/modern';
 import '../../../icon-button/modern';
-import '@alfalab/icons-glyph/AlertCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '../getDataTestId-8aa8ef85.js';
+import '@alfalab/hooks';
+import '../../../status-badge/modern';
 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,9 +2,11 @@ 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 '@alfalab/icons-glyph/AlertCircleMIcon';
-import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
-import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '../getDataTestId-8aa8ef85.js';
+import '@alfalab/hooks';
+import '../../../status-badge/modern';
 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/useCustomWebkitScrollbar-a216f694.d.ts

@@ -0,0 +1,2 @@
+declare function useCustomWebkitScrollbar(): boolean;
+export { useCustomWebkitScrollbar };

package/toast-plate/useCustomWebkitScrollbar-a216f694.d.ts

@@ -0,0 +1,2 @@
+declare function useCustomWebkitScrollbar(): boolean;
+export { useCustomWebkitScrollbar };

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-e5414e42.js';
+import './colors.module-f2501c6f.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-bd07cc74.js';
+import './common.module-04c7810e.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-e5414e42.js';
+import './colors.module-f2501c6f.js';
 import './title/index.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-bd07cc74.js';
+import './common.module-04c7810e.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-e5414e42.js';
+import { c as colors } from '../colors.module-f2501c6f.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-e5414e42.js';
+import '../colors.module-f2501c6f.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-e5414e42.js';
+import { c as colors } from '../colors.module-f2501c6f.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-bd07cc74.js';
+import { c as commonStyles } from '../common.module-04c7810e.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-e5414e42.js';
+import '../colors.module-f2501c6f.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-bd07cc74.js';
+import { c as commonStyles } from '../common.module-04c7810e.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-e5414e42.js';
+import '../colors.module-f2501c6f.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-e5414e42.js';
-import '../common.module-bd07cc74.js';
+import '../colors.module-f2501c6f.js';
+import '../common.module-04c7810e.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-bd07cc74.js';
+import { c as commonStyles } from '../common.module-04c7810e.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-e5414e42.js';
+import '../colors.module-f2501c6f.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-e5414e42.js';
-import '../common.module-bd07cc74.js';
+import '../colors.module-f2501c6f.js';
+import '../common.module-04c7810e.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-9fa7fdee.js';
+import './colors.module-83a4b747.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-e73684d9.js';
+import './common.module-278c339a.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-9fa7fdee.js';
+import './colors.module-83a4b747.js';
 import './title/index.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-e73684d9.js';
+import './common.module-278c339a.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-9fa7fdee.js';
+import { c as colors } from '../colors.module-83a4b747.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-9fa7fdee.js';
+import '../colors.module-83a4b747.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-9fa7fdee.js';
+import { c as colors } from '../colors.module-83a4b747.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';