@alfalab/core-components 48.21.0-beta.3 → 48.21.0-beta.5

package/universal-modal/esm/components/header/responsive/Component.responsive.js

@@ -9,7 +9,7 @@ import '../../../../../shared/esm';
 import '../../../Context.js';
 import '../../../../../base-modal/esm';
 import '../../../ResponsiveContext.js';
-import '../../../index.module-7e8a8dbb.js';
+import '../../../index.module-df664bec.js';
 
 var HeaderResponsive = function (_a) {
     var restProps = __rest(_a, []);

package/universal-modal/esm/desktop/Component.desktop.js

@@ -15,7 +15,7 @@ import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import './constants/index.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-7e8a8dbb.js';
+import '../index.module-df664bec.js';
 import './hooks/useModalHeight.js';
 import './hooks/useModalWheel.js';
 import './hooks/useModalWidth.js';

package/universal-modal/esm/desktop/index.js

@@ -26,7 +26,7 @@ import './components/side-modal/get-default-transition-props.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-7e8a8dbb.js';
+import '../index.module-df664bec.js';
 import '../../../button/esm/desktop';
 import '@alfalab/icons-glyph/CrossMediumMIcon';
 import '../../../typography/esm';

package/universal-modal/esm/index.js

@@ -18,7 +18,7 @@ import './components/footer/desktop/Component.desktop.js';
 import './desktop/constants/index.js';
 import './components/footer/base-footer/base-footer.js';
 import './components/header/desktop/Component.desktop.js';
-import './index.module-7e8a8dbb.js';
+import './index.module-df664bec.js';
 import './desktop/components/center-modal/center-modal.js';
 import './desktop/hooks/useModalHeight.js';
 import './desktop/hooks/useModalWheel.js';

package/universal-modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-7e8a8dbb.js';
+import '../index.module-df664bec.js';
 
 var styles = {"component":"universal-modal__component_1tft3","content":"universal-modal__content_1tft3"};
 require('./mobile.css');

package/universal-modal/esm/mobile/index.js

@@ -15,7 +15,7 @@ export { ArrowButtonMobile } from './components/buttons/arrow-button/arrow-butto
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-7e8a8dbb.js';
+import '../index.module-df664bec.js';
 import '../../../button/esm/mobile';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';

package/universal-modal/modern/Component.responsive.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import React from 'react';
-declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal/src").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
+declare const UniversalModal: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal/src").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal/src").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
+declare const UniversalModalResponsive: React.ForwardRefExoticComponent<import("./desktop/types/props").BaseUniversalModalProps & Pick<import("../../base-modal/src").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & import("./mobile/types/props").BaseUniversalModalMobileProps & Pick<import("packages/base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & {
     breakpoint?: number | undefined;
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {

package/universal-modal/modern/Component.responsive.js

@@ -26,7 +26,7 @@ import './desktop/constants/index.js';
 import './components/footer/base-footer/base-footer.js';
 import './components/footer/mobile/Component.mobile.js';
 import './components/header/desktop/Component.desktop.js';
-import './index.module-3030558f.js';
+import './index.module-e8e6ac61.js';
 import './components/header/mobile/Component.mobile.js';
 import './desktop/components/center-modal/center-modal.js';
 import './desktop/hooks/useModalHeight.js';

package/universal-modal/modern/components/header/desktop/Component.desktop.js

@@ -4,7 +4,7 @@ import { NavigationBarPrivate } from '../../../../../navigation-bar-private/mode
 import { getDataTestId } from '../../../../../shared/modern';
 import { ModalContext } from '../../../Context.js';
 import { ResponsiveContext } from '../../../ResponsiveContext.js';
-import { s as styles } from '../../../index.module-3030558f.js';
+import { s as styles } from '../../../index.module-e8e6ac61.js';
 import '../../../../../base-modal/modern';
 
 const desktopStyles = {"content":"universal-modal__content_pa5m4","sticky":"universal-modal__sticky_pa5m4","bottomAddons":"universal-modal__bottomAddons_pa5m4","headerTitle":"universal-modal__headerTitle_pa5m4","medium":"universal-modal__medium_pa5m4"};

package/universal-modal/modern/components/header/index.js

@@ -9,4 +9,4 @@ import '../../../../shared/modern';
 import '../../Context.js';
 import '../../../../base-modal/modern';
 import '../../ResponsiveContext.js';
-import '../../index.module-3030558f.js';
+import '../../index.module-e8e6ac61.js';

package/universal-modal/modern/components/header/mobile/Component.mobile.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { NavigationBarPrivate } from '../../../../../navigation-bar-private/modern';
 import { getDataTestId } from '../../../../../shared/modern';
 import { ModalContext } from '../../../Context.js';
-import { s as styles } from '../../../index.module-3030558f.js';
+import { s as styles } from '../../../index.module-e8e6ac61.js';
 import '../../../../../base-modal/modern';
 
 const mobileStyles = {"header":"universal-modal__header_1puc7","sticky":"universal-modal__sticky_1puc7","content":"universal-modal__content_1puc7","bottomAddons":"universal-modal__bottomAddons_1puc7","addon":"universal-modal__addon_1puc7"};

package/universal-modal/modern/components/header/responsive/Component.responsive.js

@@ -8,7 +8,7 @@ import '../../../../../shared/modern';
 import '../../../Context.js';
 import '../../../../../base-modal/modern';
 import '../../../ResponsiveContext.js';
-import '../../../index.module-3030558f.js';
+import '../../../index.module-e8e6ac61.js';
 
 const HeaderResponsive = ({ ...restProps }) => {
     const isDesktop = useIsDesktop();

package/universal-modal/modern/desktop/Component.desktop.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>> & {
+declare const UniversalModalDesktopComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const UniversalModalDesktop: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<import("../components/header/index").HeaderDesktopProps>;
     Content: React.FC<import("../components/content/index").ContentDesktopProps>;
     Footer: React.FC<import("../components/footer/index").FooterDesktopProps>;

package/universal-modal/modern/desktop/Component.desktop.js

@@ -14,7 +14,7 @@ import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import './constants/index.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-3030558f.js';
+import '../index.module-e8e6ac61.js';
 import './hooks/useModalHeight.js';
 import './hooks/useModalWheel.js';
 import './hooks/useModalWidth.js';

package/universal-modal/modern/desktop/components/center-modal/center-modal.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import React from 'react';
-declare const CenterModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const CenterModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
 export { CenterModal };

package/universal-modal/modern/desktop/components/side-modal/side-modal.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import React from 'react';
-declare const SideModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const SideModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
 export { SideModal };

package/universal-modal/modern/desktop/index.js

@@ -25,7 +25,7 @@ import './components/side-modal/get-default-transition-props.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-3030558f.js';
+import '../index.module-e8e6ac61.js';
 import '../../../button/modern/desktop';
 import '@alfalab/icons-glyph/CrossMediumMIcon';
 import '../../../typography/modern';

package/universal-modal/modern/index.js

@@ -17,7 +17,7 @@ import './components/footer/desktop/Component.desktop.js';
 import './desktop/constants/index.js';
 import './components/footer/base-footer/base-footer.js';
 import './components/header/desktop/Component.desktop.js';
-import './index.module-3030558f.js';
+import './index.module-e8e6ac61.js';
 import './desktop/components/center-modal/center-modal.js';
 import './desktop/hooks/useModalHeight.js';
 import './desktop/hooks/useModalWheel.js';

package/universal-modal/modern/mobile/Component.mobile.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
-declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
-declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "className" | "children" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>> & {
+declare const UniversalModalMobileComponent: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>>;
+declare const UniversalModalMobile: React.ForwardRefExoticComponent<import("./types/props").BaseUniversalModalMobileProps & Pick<import("../../../base-modal").BaseModalProps, "children" | "className" | "open" | "dataTestId" | "wrapperClassName" | "transitionProps" | "onUnmount"> & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<import("../components/header/index").HeaderMobileProps>;
     Content: React.FC<import("../components/content/base-content/base-content").ContentProps>;
     Footer: React.FC<import("../components/footer/base-footer/base-footer").FooterProps>;

package/universal-modal/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import { HeaderMobile } from '../components/header/mobile/Component.mobile.js';
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-3030558f.js';
+import '../index.module-e8e6ac61.js';
 
 const styles = {"component":"universal-modal__component_1tft3","content":"universal-modal__content_1tft3"};
 require('./mobile.css');

package/universal-modal/modern/mobile/index.js

@@ -14,7 +14,7 @@ export { ArrowButtonMobile } from './components/buttons/arrow-button/arrow-butto
 import '../components/content/base-content/base-content.js';
 import '../Context.js';
 import '../components/footer/base-footer/base-footer.js';
-import '../index.module-3030558f.js';
+import '../index.module-e8e6ac61.js';
 import '../../../button/modern/mobile';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ChevronLeftMIcon';

package/vars/alfasans-typography.css

@@ -164,6 +164,14 @@
     font-family: var(--font-family-alfasans);
 }
 
+@define-mixin headline-mobile_xlarge {
+    font-size: 34px;
+    line-height: 40px;
+    font-weight: 500;
+    letter-spacing: -0.32px;
+    font-family: var(--font-family-alfasans);
+}
+
 @define-mixin headline-mobile_large {
     font-size: 30px;
     line-height: 36px;
@@ -188,19 +196,19 @@
     font-family: var(--font-family-alfasans);
 }
 
-@define-mixin headline-mobile_xlarge {
-    font-size: 34px;
-    line-height: 40px;
-    font-weight: 500;
-    letter-spacing: -0.32px;
-    font-family: var(--font-family-alfasans);
-}
-
 @define-mixin headline-mobile_xsmall {
     font-size: 16px;
     line-height: 20px;
     font-weight: 500;
-    letter-spacing: -0.17px;
+    letter-spacing: 0.17px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin headline_xlarge {
+    font-size: 48px;
+    line-height: 64px;
+    font-weight: 700;
+    letter-spacing: 0.1px;
     font-family: var(--font-family-alfasans);
 }
 
@@ -228,14 +236,6 @@
     font-family: var(--font-family-alfasans);
 }
 
-@define-mixin headline_xlarge {
-    font-size: 48px;
-    line-height: 64px;
-    font-weight: 700;
-    letter-spacing: 0.1px;
-    font-family: var(--font-family-alfasans);
-}
-
 @define-mixin headline_xsmall {
     font-size: 20px;
     line-height: 24px;
@@ -361,6 +361,14 @@
     font-family: var(--font-family-alfasans);
 }
 
+@define-mixin promo-mobile_xlarge {
+    font-size: 34px;
+    line-height: 40px;
+    font-weight: 400;
+    letter-spacing: -1.36px;
+    font-family: var(--font-family-alfasans);
+}
+
 @define-mixin promo-mobile_large {
     font-size: 30px;
     line-height: 36px;
@@ -385,14 +393,6 @@
     font-family: var(--font-family-alfasans);
 }
 
-@define-mixin promo-mobile_xlarge {
-    font-size: 34px;
-    line-height: 40px;
-    font-weight: 400;
-    letter-spacing: -1.36px;
-    font-family: var(--font-family-alfasans);
-}
-
 @define-mixin promo-mobile_xsmall {
     font-size: 16px;
     line-height: 20px;
@@ -401,6 +401,14 @@
     font-family: var(--font-family-alfasans);
 }
 
+@define-mixin promo_xlarge {
+    font-size: 48px;
+    line-height: 64px;
+    font-weight: 400;
+    letter-spacing: -2.1px;
+    font-family: var(--font-family-alfasans);
+}
+
 @define-mixin promo_large {
     font-size: 40px;
     line-height: 48px;
@@ -425,14 +433,6 @@
     font-family: var(--font-family-alfasans);
 }
 
-@define-mixin promo_xlarge {
-    font-size: 48px;
-    line-height: 64px;
-    font-weight: 400;
-    letter-spacing: -2.1px;
-    font-family: var(--font-family-alfasans);
-}
-
 @define-mixin promo_xsmall {
     font-size: 20px;
     line-height: 24px;
@@ -464,3 +464,163 @@
     letter-spacing: -0.24px;
     font-family: var(--font-family-alfasans);
 }
+
+@define-mixin headline-system-mobile_xlarge {
+    font-size: 34px;
+    line-height: 40px;
+    font-weight: 500;
+    letter-spacing: -0.32px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin headline-system-mobile_large {
+    font-size: 30px;
+    line-height: 36px;
+    font-weight: 500;
+    letter-spacing: -0.25px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin headline-system-mobile_medium {
+    font-size: 26px;
+    line-height: 32px;
+    font-weight: 500;
+    letter-spacing: -0.25px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin headline-system-mobile_small {
+    font-size: 20px;
+    line-height: 28px;
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin headline-system-mobile_xsmall {
+    font-size: 16px;
+    line-height: 20px;
+    font-weight: 500;
+    letter-spacing: 0.17px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin headline-system_xlarge {
+    font-size: 48px;
+    line-height: 52px;
+    font-weight: 700;
+    letter-spacing: 0.1px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin headline-system_large {
+    font-size: 40px;
+    line-height: 48px;
+    font-weight: 700;
+    letter-spacing: 0.1px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin headline-system_medium {
+    font-size: 30px;
+    line-height: 36px;
+    font-weight: 700;
+    letter-spacing: 0.1px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin headline-system_small {
+    font-size: 22px;
+    line-height: 26px;
+    font-weight: 700;
+    letter-spacing: 0.2px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin headline-system_xsmall {
+    font-size: 18px;
+    line-height: 22px;
+    font-weight: 700;
+    letter-spacing: 0.38px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin promo-system-mobile_xlarge {
+    font-size: 34px;
+    line-height: 40px;
+    font-weight: 400;
+    letter-spacing: -1.36px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin promo-system-mobile_large {
+    font-size: 30px;
+    line-height: 36px;
+    font-weight: 400;
+    letter-spacing: -1.25px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin promo-system-mobile_medium {
+    font-size: 26px;
+    line-height: 32px;
+    font-weight: 400;
+    letter-spacing: -1px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin promo-system-mobile_small {
+    font-size: 20px;
+    line-height: 28px;
+    font-weight: 400;
+    letter-spacing: -0.68px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin promo-system-mobile_xsmall {
+    font-size: 16px;
+    line-height: 20px;
+    font-weight: 400;
+    letter-spacing: -0.24px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin promo-system_xlarge {
+    font-size: 48px;
+    line-height: 52px;
+    font-weight: 400;
+    letter-spacing: -2.1px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin promo-system_large {
+    font-size: 40px;
+    line-height: 48px;
+    font-weight: 400;
+    letter-spacing: -1.7px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin promo-system_medium {
+    font-size: 30px;
+    line-height: 36px;
+    font-weight: 400;
+    letter-spacing: -1.25px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin promo-system_small {
+    font-size: 22px;
+    line-height: 26px;
+    font-weight: 400;
+    letter-spacing: -0.8px;
+    font-family: var(--font-family-alfasans);
+}
+
+@define-mixin promo-system_xsmall {
+    font-size: 18px;
+    line-height: 22px;
+    font-weight: 400;
+    letter-spacing: -0.36px;
+    font-family: var(--font-family-alfasans);
+}

package/international-phone-input/moderncssm/component-738996c8.d.ts

@@ -1,123 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { HTMLAttributes } from "react";
-import { Color } from "./colors-2c123cbc";
-import { TextSkeletonProps } from "./types-1328ead9";
-declare function getDefaultWeight(font: "styrene" | "system" | "alfasans", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
-type NativeProps = HTMLAttributes<HTMLHeadingElement>;
-type TitleProps = Omit<NativeProps, 'color'> & {
-    /**
-     * HTML тег
-     */
-    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
-    /**
-     * [Вариант начертания](?path=/docs/guidelines-typography--page)
-     */
-    view?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
-    /**
-     * Цвет текста
-     */
-    color?: Color;
-    /**
-     * Толщина шрифта
-     */
-    weight?: 'regular' | 'medium' | 'bold' | 'semibold';
-    /**
-     * Шрифт текста
-     */
-    font?: 'styrene' | 'system' | 'alfasans';
-    /**
-     * Добавляет отступы
-     */
-    defaultMargins?: boolean;
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Количество строк
-     */
-    rowLimit?: 1 | 2 | 3;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-type PrivateProps = {
-    styles: {
-        [key: string]: string;
-    };
-    platform: 'mobile' | 'desktop';
-};
-type TitleElementType = HTMLHeadingElement | HTMLDivElement;
-declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> & {
-    /**
-     * HTML тег
-     */
-    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
-    /**
-     * [Вариант начертания](?path=/docs/guidelines-typography--page)
-     */
-    view?: "small" | "medium" | "large" | "xlarge" | "xsmall" | undefined;
-    /**
-     * Цвет текста
-     */
-    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-positive" | undefined;
-    /**
-     * Толщина шрифта
-     */
-    weight?: "bold" | "medium" | "regular" | "semibold" | undefined;
-    /**
-     * Шрифт текста
-     */
-    font?: "alfasans" | "styrene" | "system" | undefined;
-    /**
-     * Добавляет отступы
-     */
-    defaultMargins?: boolean | undefined;
-    /**
-     * Css-класс для стилизации (native prop)
-     */
-    className?: string | undefined;
-    /**
-     * Id компонента для тестов
-     */
-    dataTestId?: string | undefined;
-    /**
-     * Контент (native prop)
-     */
-    children?: React.ReactNode;
-    /**
-     * Количество строк
-     */
-    rowLimit?: 1 | 2 | 3 | undefined;
-    /**
-     * Показать скелетон
-     */
-    showSkeleton?: boolean | undefined;
-    /**
-     * Пропы для скелетона
-     */
-    skeletonProps?: TextSkeletonProps | undefined;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & PrivateProps & React.RefAttributes<TitleElementType>>;
-export { getDefaultWeight, TitleProps, TitleBase };