@hh.ru/magritte-ui-title 6.0.2 → 6.1.0

package/Title.js

@@ -2,22 +2,29 @@ import './index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
+import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
 import { TextDynamic, Text } from '@hh.ru/magritte-ui-typography';
 
-var styles = {"text":"magritte-text___gMq2l_6-0-2","text_max-lines":"magritte-text_max-lines___DrV3M_6-0-2","textMaxLines":"magritte-text_max-lines___DrV3M_6-0-2","text-dynamic":"magritte-text-dynamic___ssggP_6-0-2","textDynamic":"magritte-text-dynamic___ssggP_6-0-2","text-dynamic_stretched":"magritte-text-dynamic_stretched___iRF8J_6-0-2","textDynamicStretched":"magritte-text-dynamic_stretched___iRF8J_6-0-2","text_style-primary":"magritte-text_style-primary___rdDcV_6-0-2","textStylePrimary":"magritte-text-style-primary___8SAJp_6-0-2","text-dynamic-disabled":"magritte-text-dynamic-disabled___un3JJ_6-0-2","textDynamicDisabled":"magritte-text-dynamic-disabled___un3JJ_6-0-2","text_style-secondary":"magritte-text_style-secondary___8SLQo_6-0-2","textStyleSecondary":"magritte-text-style-secondary___KSELD_6-0-2","text_style-tertiary":"magritte-text_style-tertiary___MSTWz_6-0-2","textStyleTertiary":"magritte-text-style-tertiary___yc3H6_6-0-2","text_style-accent":"magritte-text_style-accent___G22-y_6-0-2","textStyleAccent":"magritte-text_style-accent___G22-y_6-0-2","text_style-accent-secondary":"magritte-text_style-accent-secondary___fAgYL_6-0-2","textStyleAccentSecondary":"magritte-text_style-accent-secondary___fAgYL_6-0-2","text_style-positive":"magritte-text_style-positive___cQv8t_6-0-2","textStylePositive":"magritte-text_style-positive___cQv8t_6-0-2","text_style-positive-secondary":"magritte-text_style-positive-secondary___09lFk_6-0-2","textStylePositiveSecondary":"magritte-text_style-positive-secondary___09lFk_6-0-2","text_style-negative":"magritte-text_style-negative___Fp39b_6-0-2","textStyleNegative":"magritte-text_style-negative___Fp39b_6-0-2","text_style-negative-secondary":"magritte-text_style-negative-secondary___3dz-Q_6-0-2","textStyleNegativeSecondary":"magritte-text_style-negative-secondary___3dz-Q_6-0-2","text_style-warning":"magritte-text_style-warning___438Jx_6-0-2","textStyleWarning":"magritte-text_style-warning___438Jx_6-0-2","text_style-warning-secondary":"magritte-text_style-warning-secondary___rFtsk_6-0-2","textStyleWarningSecondary":"magritte-text_style-warning-secondary___rFtsk_6-0-2","text_style-special":"magritte-text_style-special___HmauH_6-0-2","textStyleSpecial":"magritte-text_style-special___HmauH_6-0-2","text_style-special-secondary":"magritte-text_style-special-secondary___Zn9az_6-0-2","textStyleSpecialSecondary":"magritte-text_style-special-secondary___Zn9az_6-0-2","text_style-contrast":"magritte-text_style-contrast___sge7y_6-0-2","textStyleContrast":"magritte-text-style-contrast___rzw4s_6-0-2","text_style-contrast-secondary":"magritte-text_style-contrast-secondary___UEcA3_6-0-2","textStyleContrastSecondary":"magritte-text-style-contrast-secondary___3PEwJ_6-0-2","text_typography-title-1-semibold":"magritte-text_typography-title-1-semibold___Z9hba_6-0-2","textTypographyTitle1Semibold":"magritte-text-typography-title-1-semibold___42fnF_6-0-2","text_typography-title-2-semibold":"magritte-text_typography-title-2-semibold___phvoF_6-0-2","textTypographyTitle2Semibold":"magritte-text-typography-title-2-semibold___rkHzK_6-0-2","text_typography-title-3-semibold":"magritte-text_typography-title-3-semibold___QJLrr_6-0-2","textTypographyTitle3Semibold":"magritte-text-typography-title-3-semibold___t4OEx_6-0-2","text_typography-title-4-semibold":"magritte-text_typography-title-4-semibold___m37f-_6-0-2","textTypographyTitle4Semibold":"magritte-text-typography-title-4-semibold___mp1XV_6-0-2","text_typography-title-5-semibold":"magritte-text_typography-title-5-semibold___JSuUy_6-0-2","textTypographyTitle5Semibold":"magritte-text-typography-title-5-semibold___Ohb84_6-0-2","text_typography-subtitle-1-semibold":"magritte-text_typography-subtitle-1-semibold___bxr-D_6-0-2","textTypographySubtitle1Semibold":"magritte-text_typography-subtitle-1-semibold___bxr-D_6-0-2","text_typography-subtitle-2-semibold":"magritte-text_typography-subtitle-2-semibold___sKZ8n_6-0-2","textTypographySubtitle2Semibold":"magritte-text_typography-subtitle-2-semibold___sKZ8n_6-0-2","text_typography-subtitle-3-semibold":"magritte-text_typography-subtitle-3-semibold___Co2XJ_6-0-2","textTypographySubtitle3Semibold":"magritte-text_typography-subtitle-3-semibold___Co2XJ_6-0-2","text_typography-subtitle-4-semibold":"magritte-text_typography-subtitle-4-semibold___80Bd9_6-0-2","textTypographySubtitle4Semibold":"magritte-text_typography-subtitle-4-semibold___80Bd9_6-0-2","text_typography-label-1-regular":"magritte-text_typography-label-1-regular___H1-9p_6-0-2","textTypographyLabel1Regular":"magritte-text_typography-label-1-regular___H1-9p_6-0-2","text_typography-label-2-regular":"magritte-text_typography-label-2-regular___ENr3V_6-0-2","textTypographyLabel2Regular":"magritte-text_typography-label-2-regular___ENr3V_6-0-2","text_typography-label-3-regular":"magritte-text_typography-label-3-regular___XEPjq_6-0-2","textTypographyLabel3Regular":"magritte-text_typography-label-3-regular___XEPjq_6-0-2","text_typography-label-4-regular":"magritte-text_typography-label-4-regular___QAtkY_6-0-2","textTypographyLabel4Regular":"magritte-text_typography-label-4-regular___QAtkY_6-0-2","text_typography-label-5-regular":"magritte-text_typography-label-5-regular___ls1OO_6-0-2","textTypographyLabel5Regular":"magritte-text_typography-label-5-regular___ls1OO_6-0-2","text_typography-paragraph-1-regular":"magritte-text_typography-paragraph-1-regular___ZAWZI_6-0-2","textTypographyParagraph1Regular":"magritte-text_typography-paragraph-1-regular___ZAWZI_6-0-2","text_typography-paragraph-2-regular":"magritte-text_typography-paragraph-2-regular___m6HI2_6-0-2","textTypographyParagraph2Regular":"magritte-text_typography-paragraph-2-regular___m6HI2_6-0-2","text_typography-paragraph-3-regular":"magritte-text_typography-paragraph-3-regular___7-q8O_6-0-2","textTypographyParagraph3Regular":"magritte-text_typography-paragraph-3-regular___7-q8O_6-0-2","text_typography-paragraph-4-regular":"magritte-text_typography-paragraph-4-regular___GO1UU_6-0-2","textTypographyParagraph4Regular":"magritte-text_typography-paragraph-4-regular___GO1UU_6-0-2","text_typography-custom-1-semibold":"magritte-text_typography-custom-1-semibold___Ykh-1_6-0-2","textTypographyCustom1Semibold":"magritte-text_typography-custom-1-semibold___Ykh-1_6-0-2","text_typography-custom-2-semibold":"magritte-text_typography-custom-2-semibold___Cf2fg_6-0-2","textTypographyCustom2Semibold":"magritte-text_typography-custom-2-semibold___Cf2fg_6-0-2","text_typography-custom-3-semibold":"magritte-text_typography-custom-3-semibold___lfHEW_6-0-2","textTypographyCustom3Semibold":"magritte-text_typography-custom-3-semibold___lfHEW_6-0-2","text_typography-custom-4-semibold":"magritte-text_typography-custom-4-semibold___tMYEA_6-0-2","textTypographyCustom4Semibold":"magritte-text_typography-custom-4-semibold___tMYEA_6-0-2","text_typography-custom-5-semibold":"magritte-text_typography-custom-5-semibold___yMnNu_6-0-2","textTypographyCustom5Semibold":"magritte-text_typography-custom-5-semibold___yMnNu_6-0-2","text_typography-custom-1-italic":"magritte-text_typography-custom-1-italic___kXPxH_6-0-2","textTypographyCustom1Italic":"magritte-text_typography-custom-1-italic___kXPxH_6-0-2","text_typography-custom-2-italic":"magritte-text_typography-custom-2-italic___C67Bb_6-0-2","textTypographyCustom2Italic":"magritte-text_typography-custom-2-italic___C67Bb_6-0-2","text_typography-custom-3-italic":"magritte-text_typography-custom-3-italic___e1YOK_6-0-2","textTypographyCustom3Italic":"magritte-text_typography-custom-3-italic___e1YOK_6-0-2","text_typography-custom-4-italic":"magritte-text_typography-custom-4-italic___9GDTc_6-0-2","textTypographyCustom4Italic":"magritte-text_typography-custom-4-italic___9GDTc_6-0-2","text_typography-custom-5-italic":"magritte-text_typography-custom-5-italic___zjNk3_6-0-2","textTypographyCustom5Italic":"magritte-text_typography-custom-5-italic___zjNk3_6-0-2","text_typography-custom-1-medium":"magritte-text_typography-custom-1-medium___fdDz5_6-0-2","textTypographyCustom1Medium":"magritte-text_typography-custom-1-medium___fdDz5_6-0-2","text_typography-custom-2-medium":"magritte-text_typography-custom-2-medium___1P-OU_6-0-2","textTypographyCustom2Medium":"magritte-text_typography-custom-2-medium___1P-OU_6-0-2","text_typography-custom-3-medium":"magritte-text_typography-custom-3-medium___Po2jT_6-0-2","textTypographyCustom3Medium":"magritte-text_typography-custom-3-medium___Po2jT_6-0-2","text_typography-custom-4-medium":"magritte-text_typography-custom-4-medium___0nP-E_6-0-2","textTypographyCustom4Medium":"magritte-text_typography-custom-4-medium___0nP-E_6-0-2","text_typography-custom-5-medium":"magritte-text_typography-custom-5-medium___h-T1s_6-0-2","textTypographyCustom5Medium":"magritte-text_typography-custom-5-medium___h-T1s_6-0-2","text-typography-title-1-semibold":"magritte-text-typography-title-1-semibold___42fnF_6-0-2","text-typography-title-2-semibold":"magritte-text-typography-title-2-semibold___rkHzK_6-0-2","text-typography-title-3-semibold":"magritte-text-typography-title-3-semibold___t4OEx_6-0-2","text-typography-title-4-semibold":"magritte-text-typography-title-4-semibold___mp1XV_6-0-2","text-typography-title-5-semibold":"magritte-text-typography-title-5-semibold___Ohb84_6-0-2","text-overflow":"magritte-text-overflow___UBrTV_6-0-2","textOverflow":"magritte-text-overflow___UBrTV_6-0-2","text-alignment-center":"magritte-text-alignment-center___VR41R_6-0-2","textAlignmentCenter":"magritte-text-alignment-center___VR41R_6-0-2","text-alignment-left":"magritte-text-alignment-left___BreG5_6-0-2","textAlignmentLeft":"magritte-text-alignment-left___BreG5_6-0-2","text-style-primary":"magritte-text-style-primary___8SAJp_6-0-2","text-disabled":"magritte-text-disabled___rFUph_6-0-2","textDisabled":"magritte-text-disabled___rFUph_6-0-2","text-style-secondary":"magritte-text-style-secondary___KSELD_6-0-2","text-style-tertiary":"magritte-text-style-tertiary___yc3H6_6-0-2","text-style-contrast":"magritte-text-style-contrast___rzw4s_6-0-2","text-style-contrast-secondary":"magritte-text-style-contrast-secondary___3PEwJ_6-0-2","text-typography-extra-large":"magritte-text-typography-extra-large___HTH3I_6-0-2","textTypographyExtraLarge":"magritte-text-typography-extra-large___HTH3I_6-0-2","text-typography-large":"magritte-text-typography-large___FidYc_6-0-2","textTypographyLarge":"magritte-text-typography-large___FidYc_6-0-2","text-typography-medium":"magritte-text-typography-medium___cp79S_6-0-2","textTypographyMedium":"magritte-text-typography-medium___cp79S_6-0-2","text-typography-small":"magritte-text-typography-small___QbQNX_6-0-2","textTypographySmall":"magritte-text-typography-small___QbQNX_6-0-2","space-description":"magritte-space-description___nDK9-_6-0-2","spaceDescription":"magritte-space-description___nDK9-_6-0-2"};
+var styles = {"text":"magritte-text___gMq2l_6-1-0","text_max-lines":"magritte-text_max-lines___DrV3M_6-1-0","textMaxLines":"magritte-text_max-lines___DrV3M_6-1-0","text-dynamic":"magritte-text-dynamic___ssggP_6-1-0","textDynamic":"magritte-text-dynamic___ssggP_6-1-0","text-dynamic_stretched":"magritte-text-dynamic_stretched___iRF8J_6-1-0","textDynamicStretched":"magritte-text-dynamic_stretched___iRF8J_6-1-0","text_style-primary":"magritte-text_style-primary___rdDcV_6-1-0","textStylePrimary":"magritte-text-style-primary___8SAJp_6-1-0","text-dynamic-disabled":"magritte-text-dynamic-disabled___un3JJ_6-1-0","textDynamicDisabled":"magritte-text-dynamic-disabled___un3JJ_6-1-0","text_style-secondary":"magritte-text_style-secondary___8SLQo_6-1-0","textStyleSecondary":"magritte-text-style-secondary___KSELD_6-1-0","text_style-tertiary":"magritte-text_style-tertiary___MSTWz_6-1-0","textStyleTertiary":"magritte-text-style-tertiary___yc3H6_6-1-0","text_style-accent":"magritte-text_style-accent___G22-y_6-1-0","textStyleAccent":"magritte-text_style-accent___G22-y_6-1-0","text_style-accent-secondary":"magritte-text_style-accent-secondary___fAgYL_6-1-0","textStyleAccentSecondary":"magritte-text_style-accent-secondary___fAgYL_6-1-0","text_style-positive":"magritte-text_style-positive___cQv8t_6-1-0","textStylePositive":"magritte-text_style-positive___cQv8t_6-1-0","text_style-positive-secondary":"magritte-text_style-positive-secondary___09lFk_6-1-0","textStylePositiveSecondary":"magritte-text_style-positive-secondary___09lFk_6-1-0","text_style-negative":"magritte-text_style-negative___Fp39b_6-1-0","textStyleNegative":"magritte-text_style-negative___Fp39b_6-1-0","text_style-negative-secondary":"magritte-text_style-negative-secondary___3dz-Q_6-1-0","textStyleNegativeSecondary":"magritte-text_style-negative-secondary___3dz-Q_6-1-0","text_style-warning":"magritte-text_style-warning___438Jx_6-1-0","textStyleWarning":"magritte-text_style-warning___438Jx_6-1-0","text_style-warning-secondary":"magritte-text_style-warning-secondary___rFtsk_6-1-0","textStyleWarningSecondary":"magritte-text_style-warning-secondary___rFtsk_6-1-0","text_style-special":"magritte-text_style-special___HmauH_6-1-0","textStyleSpecial":"magritte-text_style-special___HmauH_6-1-0","text_style-special-secondary":"magritte-text_style-special-secondary___Zn9az_6-1-0","textStyleSpecialSecondary":"magritte-text_style-special-secondary___Zn9az_6-1-0","text_style-contrast":"magritte-text_style-contrast___sge7y_6-1-0","textStyleContrast":"magritte-text-style-contrast___rzw4s_6-1-0","text_style-contrast-secondary":"magritte-text_style-contrast-secondary___UEcA3_6-1-0","textStyleContrastSecondary":"magritte-text-style-contrast-secondary___3PEwJ_6-1-0","text_typography-title-1-semibold":"magritte-text_typography-title-1-semibold___Z9hba_6-1-0","textTypographyTitle1Semibold":"magritte-text-typography-title-1-semibold___42fnF_6-1-0","text_typography-title-2-semibold":"magritte-text_typography-title-2-semibold___phvoF_6-1-0","textTypographyTitle2Semibold":"magritte-text-typography-title-2-semibold___rkHzK_6-1-0","text_typography-title-3-semibold":"magritte-text_typography-title-3-semibold___QJLrr_6-1-0","textTypographyTitle3Semibold":"magritte-text-typography-title-3-semibold___t4OEx_6-1-0","text_typography-title-4-semibold":"magritte-text_typography-title-4-semibold___m37f-_6-1-0","textTypographyTitle4Semibold":"magritte-text-typography-title-4-semibold___mp1XV_6-1-0","text_typography-title-5-semibold":"magritte-text_typography-title-5-semibold___JSuUy_6-1-0","textTypographyTitle5Semibold":"magritte-text-typography-title-5-semibold___Ohb84_6-1-0","text_typography-subtitle-1-semibold":"magritte-text_typography-subtitle-1-semibold___bxr-D_6-1-0","textTypographySubtitle1Semibold":"magritte-text_typography-subtitle-1-semibold___bxr-D_6-1-0","text_typography-subtitle-2-semibold":"magritte-text_typography-subtitle-2-semibold___sKZ8n_6-1-0","textTypographySubtitle2Semibold":"magritte-text_typography-subtitle-2-semibold___sKZ8n_6-1-0","text_typography-subtitle-3-semibold":"magritte-text_typography-subtitle-3-semibold___Co2XJ_6-1-0","textTypographySubtitle3Semibold":"magritte-text_typography-subtitle-3-semibold___Co2XJ_6-1-0","text_typography-subtitle-4-semibold":"magritte-text_typography-subtitle-4-semibold___80Bd9_6-1-0","textTypographySubtitle4Semibold":"magritte-text_typography-subtitle-4-semibold___80Bd9_6-1-0","text_typography-label-1-regular":"magritte-text_typography-label-1-regular___H1-9p_6-1-0","textTypographyLabel1Regular":"magritte-text_typography-label-1-regular___H1-9p_6-1-0","text_typography-label-2-regular":"magritte-text_typography-label-2-regular___ENr3V_6-1-0","textTypographyLabel2Regular":"magritte-text_typography-label-2-regular___ENr3V_6-1-0","text_typography-label-3-regular":"magritte-text_typography-label-3-regular___XEPjq_6-1-0","textTypographyLabel3Regular":"magritte-text_typography-label-3-regular___XEPjq_6-1-0","text_typography-label-4-regular":"magritte-text_typography-label-4-regular___QAtkY_6-1-0","textTypographyLabel4Regular":"magritte-text_typography-label-4-regular___QAtkY_6-1-0","text_typography-label-5-regular":"magritte-text_typography-label-5-regular___ls1OO_6-1-0","textTypographyLabel5Regular":"magritte-text_typography-label-5-regular___ls1OO_6-1-0","text_typography-paragraph-1-regular":"magritte-text_typography-paragraph-1-regular___ZAWZI_6-1-0","textTypographyParagraph1Regular":"magritte-text_typography-paragraph-1-regular___ZAWZI_6-1-0","text_typography-paragraph-2-regular":"magritte-text_typography-paragraph-2-regular___m6HI2_6-1-0","textTypographyParagraph2Regular":"magritte-text_typography-paragraph-2-regular___m6HI2_6-1-0","text_typography-paragraph-3-regular":"magritte-text_typography-paragraph-3-regular___7-q8O_6-1-0","textTypographyParagraph3Regular":"magritte-text_typography-paragraph-3-regular___7-q8O_6-1-0","text_typography-paragraph-4-regular":"magritte-text_typography-paragraph-4-regular___GO1UU_6-1-0","textTypographyParagraph4Regular":"magritte-text_typography-paragraph-4-regular___GO1UU_6-1-0","text_typography-custom-1-semibold":"magritte-text_typography-custom-1-semibold___Ykh-1_6-1-0","textTypographyCustom1Semibold":"magritte-text_typography-custom-1-semibold___Ykh-1_6-1-0","text_typography-custom-2-semibold":"magritte-text_typography-custom-2-semibold___Cf2fg_6-1-0","textTypographyCustom2Semibold":"magritte-text_typography-custom-2-semibold___Cf2fg_6-1-0","text_typography-custom-3-semibold":"magritte-text_typography-custom-3-semibold___lfHEW_6-1-0","textTypographyCustom3Semibold":"magritte-text_typography-custom-3-semibold___lfHEW_6-1-0","text_typography-custom-4-semibold":"magritte-text_typography-custom-4-semibold___tMYEA_6-1-0","textTypographyCustom4Semibold":"magritte-text_typography-custom-4-semibold___tMYEA_6-1-0","text_typography-custom-5-semibold":"magritte-text_typography-custom-5-semibold___yMnNu_6-1-0","textTypographyCustom5Semibold":"magritte-text_typography-custom-5-semibold___yMnNu_6-1-0","text_typography-custom-1-italic":"magritte-text_typography-custom-1-italic___kXPxH_6-1-0","textTypographyCustom1Italic":"magritte-text_typography-custom-1-italic___kXPxH_6-1-0","text_typography-custom-2-italic":"magritte-text_typography-custom-2-italic___C67Bb_6-1-0","textTypographyCustom2Italic":"magritte-text_typography-custom-2-italic___C67Bb_6-1-0","text_typography-custom-3-italic":"magritte-text_typography-custom-3-italic___e1YOK_6-1-0","textTypographyCustom3Italic":"magritte-text_typography-custom-3-italic___e1YOK_6-1-0","text_typography-custom-4-italic":"magritte-text_typography-custom-4-italic___9GDTc_6-1-0","textTypographyCustom4Italic":"magritte-text_typography-custom-4-italic___9GDTc_6-1-0","text_typography-custom-5-italic":"magritte-text_typography-custom-5-italic___zjNk3_6-1-0","textTypographyCustom5Italic":"magritte-text_typography-custom-5-italic___zjNk3_6-1-0","text_typography-custom-1-medium":"magritte-text_typography-custom-1-medium___fdDz5_6-1-0","textTypographyCustom1Medium":"magritte-text_typography-custom-1-medium___fdDz5_6-1-0","text_typography-custom-2-medium":"magritte-text_typography-custom-2-medium___1P-OU_6-1-0","textTypographyCustom2Medium":"magritte-text_typography-custom-2-medium___1P-OU_6-1-0","text_typography-custom-3-medium":"magritte-text_typography-custom-3-medium___Po2jT_6-1-0","textTypographyCustom3Medium":"magritte-text_typography-custom-3-medium___Po2jT_6-1-0","text_typography-custom-4-medium":"magritte-text_typography-custom-4-medium___0nP-E_6-1-0","textTypographyCustom4Medium":"magritte-text_typography-custom-4-medium___0nP-E_6-1-0","text_typography-custom-5-medium":"magritte-text_typography-custom-5-medium___h-T1s_6-1-0","textTypographyCustom5Medium":"magritte-text_typography-custom-5-medium___h-T1s_6-1-0","text-typography-title-1-semibold":"magritte-text-typography-title-1-semibold___42fnF_6-1-0","text-typography-title-2-semibold":"magritte-text-typography-title-2-semibold___rkHzK_6-1-0","text-typography-title-3-semibold":"magritte-text-typography-title-3-semibold___t4OEx_6-1-0","text-typography-title-4-semibold":"magritte-text-typography-title-4-semibold___mp1XV_6-1-0","text-typography-title-5-semibold":"magritte-text-typography-title-5-semibold___Ohb84_6-1-0","text-overflow":"magritte-text-overflow___UBrTV_6-1-0","textOverflow":"magritte-text-overflow___UBrTV_6-1-0","text-alignment-center":"magritte-text-alignment-center___VR41R_6-1-0","textAlignmentCenter":"magritte-text-alignment-center___VR41R_6-1-0","text-alignment-left":"magritte-text-alignment-left___BreG5_6-1-0","textAlignmentLeft":"magritte-text-alignment-left___BreG5_6-1-0","text-style-primary":"magritte-text-style-primary___8SAJp_6-1-0","text-disabled":"magritte-text-disabled___rFUph_6-1-0","textDisabled":"magritte-text-disabled___rFUph_6-1-0","text-style-secondary":"magritte-text-style-secondary___KSELD_6-1-0","text-style-tertiary":"magritte-text-style-tertiary___yc3H6_6-1-0","text-style-contrast":"magritte-text-style-contrast___rzw4s_6-1-0","text-style-contrast-secondary":"magritte-text-style-contrast-secondary___3PEwJ_6-1-0","text-typography-extra-large":"magritte-text-typography-extra-large___HTH3I_6-1-0","textTypographyExtraLarge":"magritte-text-typography-extra-large___HTH3I_6-1-0","text-typography-large":"magritte-text-typography-large___FidYc_6-1-0","textTypographyLarge":"magritte-text-typography-large___FidYc_6-1-0","text-typography-medium":"magritte-text-typography-medium___cp79S_6-1-0","textTypographyMedium":"magritte-text-typography-medium___cp79S_6-1-0","text-typography-small":"magritte-text-typography-small___QbQNX_6-1-0","textTypographySmall":"magritte-text-typography-small___QbQNX_6-1-0","space-description":"magritte-space-description___nDK9-_6-1-0","spaceDescription":"magritte-space-description___nDK9-_6-1-0"};
 
-const TextTypographyOptions = {
+const TextTypographyOptionsDesktop = {
     'extra-large': 'paragraph-1-regular',
     large: 'paragraph-1-regular',
     medium: 'paragraph-2-regular',
     small: 'paragraph-2-regular',
 };
+const TextTypographyOptionsMobile = {
+    ...TextTypographyOptionsDesktop,
+    small: 'paragraph-3-regular',
+};
 const Title = ({ style = 'primary', size = 'extra-large', Element = 'h1', alignment = 'left', maxLines, description, children, descriptionMaxLines, descriptionStyle = 'secondary', 'data-qa': dataQaContainer = 'title-container', dataQaDescription = 'title-description', dataQaTitle = 'title', ...rest }) => {
     const isDisabled = useDisabled();
+    const { isMobile } = useBreakpoint();
+    const textTypographyOptions = isMobile ? TextTypographyOptionsMobile : TextTypographyOptionsDesktop;
     const containerStyles = classNames(isDisabled && styles['text-disabled'], styles[`text-alignment-${alignment}`]);
     const titleStyles = classNames(styles.text, styles['text-overflow'], styles[`text-typography-${size}`], styles[`text-style-${style}`]);
     const descriptionStyles = classNames(styles.text, styles['text-overflow'], styles['space-description']);
-    return (jsxs("div", { "data-qa": dataQaContainer, className: containerStyles, children: [jsx(Element, { ...rest, "data-qa": dataQaTitle, className: titleStyles, style: { WebkitLineClamp: maxLines }, children: children }), !!description && (jsx(TextDynamic, { children: jsx("div", { "data-qa": dataQaDescription, className: descriptionStyles, style: { WebkitLineClamp: descriptionMaxLines }, children: jsx(Text, { typography: TextTypographyOptions[size], style: descriptionStyle, children: description }) }) }))] }));
+    return (jsxs("div", { "data-qa": dataQaContainer, className: containerStyles, children: [jsx(Element, { ...rest, "data-qa": dataQaTitle, className: titleStyles, style: { WebkitLineClamp: maxLines }, children: children }), !!description && (jsx(TextDynamic, { children: jsx("div", { "data-qa": dataQaDescription, className: descriptionStyles, style: { WebkitLineClamp: descriptionMaxLines }, children: jsx(Text, { typography: textTypographyOptions[size], style: descriptionStyle, children: description }) }) }))] }));
 };
 
 export { Title };

package/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sources":["../src/Title.tsx"],"sourcesContent":["import { FC } from 'react';\nimport classNames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { TitleProps } from '@hh.ru/magritte-ui-title/types';\nimport { Text, TextDynamic } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './title.less';\n\nconst TextTypographyOptions = {\n    'extra-large': 'paragraph-1-regular',\n    large: 'paragraph-1-regular',\n    medium: 'paragraph-2-regular',\n    small: 'paragraph-2-regular',\n} as const;\n\nexport const Title: FC<TitleProps> = ({\n    style = 'primary',\n    size = 'extra-large',\n    Element = 'h1',\n    alignment = 'left',\n    maxLines,\n    description,\n    children,\n    descriptionMaxLines,\n    descriptionStyle = 'secondary',\n    'data-qa': dataQaContainer = 'title-container',\n    dataQaDescription = 'title-description',\n    dataQaTitle = 'title',\n    ...rest\n}) => {\n    const isDisabled = useDisabled();\n    const containerStyles = classNames(isDisabled && styles['text-disabled'], styles[`text-alignment-${alignment}`]);\n\n    const titleStyles = classNames(\n        styles.text,\n        styles['text-overflow'],\n        styles[`text-typography-${size}`],\n        styles[`text-style-${style}`]\n    );\n\n    const descriptionStyles = classNames(styles.text, styles['text-overflow'], styles['space-description']);\n\n    return (\n        <div data-qa={dataQaContainer} className={containerStyles}>\n            <Element {...rest} data-qa={dataQaTitle} className={titleStyles} style={{ WebkitLineClamp: maxLines }}>\n                {children}\n            </Element>\n            {!!description && (\n                <TextDynamic>\n                    <div\n                        data-qa={dataQaDescription}\n                        className={descriptionStyles}\n                        style={{ WebkitLineClamp: descriptionMaxLines }}\n                    >\n                        <Text typography={TextTypographyOptions[size]} style={descriptionStyle}>\n                            {description}\n                        </Text>\n                    </div>\n                </TextDynamic>\n            )}\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AASA,MAAM,qBAAqB,GAAG;AAC1B,IAAA,aAAa,EAAE,qBAAqB;AACpC,IAAA,KAAK,EAAE,qBAAqB;AAC5B,IAAA,MAAM,EAAE,qBAAqB;AAC7B,IAAA,KAAK,EAAE,qBAAqB;CACtB,CAAC;AAEE,MAAA,KAAK,GAAmB,CAAC,EAClC,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,aAAa,EACpB,OAAO,GAAG,IAAI,EACd,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,GAAG,WAAW,EAC9B,SAAS,EAAE,eAAe,GAAG,iBAAiB,EAC9C,iBAAiB,GAAG,mBAAmB,EACvC,WAAW,GAAG,OAAO,EACrB,GAAG,IAAI,EACV,KAAI;AACD,IAAA,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC;AACjC,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,IAAI,MAAM,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,CAAA,eAAA,EAAkB,SAAS,CAAE,CAAA,CAAC,CAAC,CAAC;IAEjH,MAAM,WAAW,GAAG,UAAU,CAC1B,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,eAAe,CAAC,EACvB,MAAM,CAAC,CAAmB,gBAAA,EAAA,IAAI,CAAE,CAAA,CAAC,EACjC,MAAM,CAAC,CAAA,WAAA,EAAc,KAAK,CAAA,CAAE,CAAC,CAChC,CAAC;AAEF,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;AAExG,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAA,SAAA,EAAc,eAAe,EAAE,SAAS,EAAE,eAAe,EACrD,QAAA,EAAA,CAAAC,GAAA,CAAC,OAAO,EAAK,EAAA,GAAA,IAAI,EAAW,SAAA,EAAA,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAA,QAAA,EAChG,QAAQ,EAAA,CACH,EACT,CAAC,CAAC,WAAW,KACVA,GAAC,CAAA,WAAW,EACR,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAA,SAAA,EACa,iBAAiB,EAC1B,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,EAAE,eAAe,EAAE,mBAAmB,EAAE,EAAA,QAAA,EAE/CA,IAAC,IAAI,EAAA,EAAC,UAAU,EAAE,qBAAqB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,gBAAgB,EACjE,QAAA,EAAA,WAAW,GACT,EACL,CAAA,EAAA,CACI,CACjB,CAAA,EAAA,CACC,EACR;AACN;;;;"}
+{"version":3,"file":"Title.js","sources":["../src/Title.tsx"],"sourcesContent":["import { FC } from 'react';\nimport classNames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { TitleProps } from '@hh.ru/magritte-ui-title/types';\nimport { Text, TextDynamic } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './title.less';\n\nconst TextTypographyOptionsDesktop = {\n    'extra-large': 'paragraph-1-regular',\n    large: 'paragraph-1-regular',\n    medium: 'paragraph-2-regular',\n    small: 'paragraph-2-regular',\n} as const;\n\nconst TextTypographyOptionsMobile = {\n    ...TextTypographyOptionsDesktop,\n    small: 'paragraph-3-regular',\n} as const;\n\nexport const Title: FC<TitleProps> = ({\n    style = 'primary',\n    size = 'extra-large',\n    Element = 'h1',\n    alignment = 'left',\n    maxLines,\n    description,\n    children,\n    descriptionMaxLines,\n    descriptionStyle = 'secondary',\n    'data-qa': dataQaContainer = 'title-container',\n    dataQaDescription = 'title-description',\n    dataQaTitle = 'title',\n    ...rest\n}) => {\n    const isDisabled = useDisabled();\n    const { isMobile } = useBreakpoint();\n\n    const textTypographyOptions = isMobile ? TextTypographyOptionsMobile : TextTypographyOptionsDesktop;\n\n    const containerStyles = classNames(isDisabled && styles['text-disabled'], styles[`text-alignment-${alignment}`]);\n\n    const titleStyles = classNames(\n        styles.text,\n        styles['text-overflow'],\n        styles[`text-typography-${size}`],\n        styles[`text-style-${style}`]\n    );\n\n    const descriptionStyles = classNames(styles.text, styles['text-overflow'], styles['space-description']);\n\n    return (\n        <div data-qa={dataQaContainer} className={containerStyles}>\n            <Element {...rest} data-qa={dataQaTitle} className={titleStyles} style={{ WebkitLineClamp: maxLines }}>\n                {children}\n            </Element>\n            {!!description && (\n                <TextDynamic>\n                    <div\n                        data-qa={dataQaDescription}\n                        className={descriptionStyles}\n                        style={{ WebkitLineClamp: descriptionMaxLines }}\n                    >\n                        <Text typography={textTypographyOptions[size]} style={descriptionStyle}>\n                            {description}\n                        </Text>\n                    </div>\n                </TextDynamic>\n            )}\n        </div>\n    );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAUA,MAAM,4BAA4B,GAAG;AACjC,IAAA,aAAa,EAAE,qBAAqB;AACpC,IAAA,KAAK,EAAE,qBAAqB;AAC5B,IAAA,MAAM,EAAE,qBAAqB;AAC7B,IAAA,KAAK,EAAE,qBAAqB;CACtB,CAAC;AAEX,MAAM,2BAA2B,GAAG;AAChC,IAAA,GAAG,4BAA4B;AAC/B,IAAA,KAAK,EAAE,qBAAqB;CACtB,CAAC;AAEE,MAAA,KAAK,GAAmB,CAAC,EAClC,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,aAAa,EACpB,OAAO,GAAG,IAAI,EACd,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,GAAG,WAAW,EAC9B,SAAS,EAAE,eAAe,GAAG,iBAAiB,EAC9C,iBAAiB,GAAG,mBAAmB,EACvC,WAAW,GAAG,OAAO,EACrB,GAAG,IAAI,EACV,KAAI;AACD,IAAA,MAAM,UAAU,GAAG,WAAW,EAAE,CAAC;AACjC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,EAAE,CAAC;IAErC,MAAM,qBAAqB,GAAG,QAAQ,GAAG,2BAA2B,GAAG,4BAA4B,CAAC;AAEpG,IAAA,MAAM,eAAe,GAAG,UAAU,CAAC,UAAU,IAAI,MAAM,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,CAAA,eAAA,EAAkB,SAAS,CAAE,CAAA,CAAC,CAAC,CAAC;IAEjH,MAAM,WAAW,GAAG,UAAU,CAC1B,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,eAAe,CAAC,EACvB,MAAM,CAAC,CAAmB,gBAAA,EAAA,IAAI,CAAE,CAAA,CAAC,EACjC,MAAM,CAAC,CAAA,WAAA,EAAc,KAAK,CAAA,CAAE,CAAC,CAChC,CAAC;AAEF,IAAA,MAAM,iBAAiB,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC;AAExG,IAAA,QACIA,IAAA,CAAA,KAAA,EAAA,EAAA,SAAA,EAAc,eAAe,EAAE,SAAS,EAAE,eAAe,EACrD,QAAA,EAAA,CAAAC,GAAA,CAAC,OAAO,EAAK,EAAA,GAAA,IAAI,EAAW,SAAA,EAAA,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE,EAAA,QAAA,EAChG,QAAQ,EAAA,CACH,EACT,CAAC,CAAC,WAAW,KACVA,GAAC,CAAA,WAAW,EACR,EAAA,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EAAA,SAAA,EACa,iBAAiB,EAC1B,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,EAAE,eAAe,EAAE,mBAAmB,EAAE,EAAA,QAAA,EAE/CA,IAAC,IAAI,EAAA,EAAC,UAAU,EAAE,qBAAqB,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,gBAAgB,EACjE,QAAA,EAAA,WAAW,GACT,EACL,CAAA,EAAA,CACI,CACjB,CAAA,EAAA,CACC,EACR;AACN;;;;"}

package/index.css

@@ -328,128 +328,128 @@
   --magritte-color-text-state-contrast-disabled-v21-1-0:#ffffff7a;
   --magritte-color-text-state-contrast-secondary-disabled-v21-1-0:#ffffff3d;
 }
-.magritte-text___gMq2l_6-0-2{
+.magritte-text___gMq2l_6-1-0{
   color:var(--magritte-ui-text-color);
   transition:var(--magritte-ui-text-transition-override);
 }
-.magritte-text_max-lines___DrV3M_6-0-2{
+.magritte-text_max-lines___DrV3M_6-1-0{
   display:-webkit-box;
   -webkit-box-orient:vertical;
   overflow:hidden;
   overflow-wrap:anywhere;
 }
-.magritte-text-dynamic___ssggP_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0{
   display:inline-block;
 }
-.magritte-text-dynamic_stretched___iRF8J_6-0-2{
+.magritte-text-dynamic_stretched___iRF8J_6-1-0{
   width:100%;
 }
-.magritte-text_style-primary___rdDcV_6-0-2{
+.magritte-text_style-primary___rdDcV_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-primary-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-primary___rdDcV_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-primary___rdDcV_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-primary___rdDcV_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-primary___rdDcV_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-primary-disabled-v21-1-0));
 }
-.magritte-text_style-secondary___8SLQo_6-0-2{
+.magritte-text_style-secondary___8SLQo_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-secondary-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-secondary___8SLQo_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-secondary___8SLQo_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-secondary___8SLQo_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-secondary___8SLQo_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-secondary-disabled-v21-1-0));
 }
-.magritte-text_style-tertiary___MSTWz_6-0-2{
+.magritte-text_style-tertiary___MSTWz_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-tertiary-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-tertiary___MSTWz_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-tertiary___MSTWz_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-tertiary___MSTWz_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-tertiary___MSTWz_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-tertiary-disabled-v21-1-0));
 }
-.magritte-text_style-accent___G22-y_6-0-2{
+.magritte-text_style-accent___G22-y_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-accent-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-accent___G22-y_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-accent___G22-y_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-accent___G22-y_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-accent___G22-y_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-accent-disabled-v21-1-0));
 }
-.magritte-text_style-accent-secondary___fAgYL_6-0-2{
+.magritte-text_style-accent-secondary___fAgYL_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-accent-secondary-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-accent-secondary___fAgYL_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-accent-secondary___fAgYL_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-accent-secondary___fAgYL_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-accent-secondary___fAgYL_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-accent-secondary-disabled-v21-1-0));
 }
-.magritte-text_style-positive___cQv8t_6-0-2{
+.magritte-text_style-positive___cQv8t_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-positive-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-positive___cQv8t_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-positive___cQv8t_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-positive___cQv8t_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-positive___cQv8t_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-positive-disabled-v21-1-0));
 }
-.magritte-text_style-positive-secondary___09lFk_6-0-2{
+.magritte-text_style-positive-secondary___09lFk_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-positive-secondary-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-positive-secondary___09lFk_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-positive-secondary___09lFk_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-positive-secondary___09lFk_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-positive-secondary___09lFk_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-positive-secondary-disabled-v21-1-0));
 }
-.magritte-text_style-negative___Fp39b_6-0-2{
+.magritte-text_style-negative___Fp39b_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-negative-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-negative___Fp39b_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-negative___Fp39b_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-negative___Fp39b_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-negative___Fp39b_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-negative-disabled-v21-1-0));
 }
-.magritte-text_style-negative-secondary___3dz-Q_6-0-2{
+.magritte-text_style-negative-secondary___3dz-Q_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-negative-secondary-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-negative-secondary___3dz-Q_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-negative-secondary___3dz-Q_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-negative-secondary___3dz-Q_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-negative-secondary___3dz-Q_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-negative-secondary-disabled-v21-1-0));
 }
-.magritte-text_style-warning___438Jx_6-0-2{
+.magritte-text_style-warning___438Jx_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-warning-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-warning___438Jx_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-warning___438Jx_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-warning___438Jx_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-warning___438Jx_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-warning-disabled-v21-1-0));
 }
-.magritte-text_style-warning-secondary___rFtsk_6-0-2{
+.magritte-text_style-warning-secondary___rFtsk_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-warning-secondary-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-warning-secondary___rFtsk_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-warning-secondary___rFtsk_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-warning-secondary___rFtsk_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-warning-secondary___rFtsk_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-warning-secondary-disabled-v21-1-0));
 }
-.magritte-text_style-special___HmauH_6-0-2{
+.magritte-text_style-special___HmauH_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-special-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-special___HmauH_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-special___HmauH_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-special___HmauH_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-special___HmauH_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-special-disabled-v21-1-0));
 }
-.magritte-text_style-special-secondary___Zn9az_6-0-2{
+.magritte-text_style-special-secondary___Zn9az_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-special-secondary-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-special-secondary___Zn9az_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-special-secondary___Zn9az_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-special-secondary___Zn9az_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-special-secondary___Zn9az_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-special-secondary-disabled-v21-1-0));
 }
-.magritte-text_style-contrast___sge7y_6-0-2{
+.magritte-text_style-contrast___sge7y_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-contrast-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-contrast___sge7y_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-contrast___sge7y_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-contrast___sge7y_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-contrast___sge7y_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-contrast-disabled-v21-1-0));
 }
-.magritte-text_style-contrast-secondary___UEcA3_6-0-2{
+.magritte-text_style-contrast-secondary___UEcA3_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-contrast-secondary-v21-1-0));
 }
-.magritte-text-dynamic___ssggP_6-0-2 > *[disabled] .magritte-text_style-contrast-secondary___UEcA3_6-0-2,
-.magritte-text-dynamic-disabled___un3JJ_6-0-2 .magritte-text_style-contrast-secondary___UEcA3_6-0-2{
+.magritte-text-dynamic___ssggP_6-1-0 > *[disabled] .magritte-text_style-contrast-secondary___UEcA3_6-1-0,
+.magritte-text-dynamic-disabled___un3JJ_6-1-0 .magritte-text_style-contrast-secondary___UEcA3_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-contrast-secondary-disabled-v21-1-0));
 }
-.magritte-text_typography-title-1-semibold___Z9hba_6-0-2{
+.magritte-text_typography-title-1-semibold___Z9hba_6-1-0{
   font-family:var(--magritte-typography-title-1-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-title-1-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-title-1-semibold-line-height-v21-1-0);
@@ -459,7 +459,7 @@
   text-transform:var(--magritte-typography-title-1-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-title-1-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-title-2-semibold___phvoF_6-0-2{
+.magritte-text_typography-title-2-semibold___phvoF_6-1-0{
   font-family:var(--magritte-typography-title-2-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-title-2-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-title-2-semibold-line-height-v21-1-0);
@@ -469,7 +469,7 @@
   text-transform:var(--magritte-typography-title-2-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-title-2-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-title-3-semibold___QJLrr_6-0-2{
+.magritte-text_typography-title-3-semibold___QJLrr_6-1-0{
   font-family:var(--magritte-typography-title-3-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-title-3-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-title-3-semibold-line-height-v21-1-0);
@@ -479,7 +479,7 @@
   text-transform:var(--magritte-typography-title-3-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-title-3-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-title-4-semibold___m37f-_6-0-2{
+.magritte-text_typography-title-4-semibold___m37f-_6-1-0{
   font-family:var(--magritte-typography-title-4-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-title-4-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-title-4-semibold-line-height-v21-1-0);
@@ -489,7 +489,7 @@
   text-transform:var(--magritte-typography-title-4-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-title-4-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-title-5-semibold___JSuUy_6-0-2{
+.magritte-text_typography-title-5-semibold___JSuUy_6-1-0{
   font-family:var(--magritte-typography-title-5-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-title-5-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-title-5-semibold-line-height-v21-1-0);
@@ -499,7 +499,7 @@
   text-transform:var(--magritte-typography-title-5-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-title-5-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-subtitle-1-semibold___bxr-D_6-0-2{
+.magritte-text_typography-subtitle-1-semibold___bxr-D_6-1-0{
   font-family:var(--magritte-typography-subtitle-1-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-subtitle-1-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-subtitle-1-semibold-line-height-v21-1-0);
@@ -509,7 +509,7 @@
   text-transform:var(--magritte-typography-subtitle-1-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-subtitle-1-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-subtitle-2-semibold___sKZ8n_6-0-2{
+.magritte-text_typography-subtitle-2-semibold___sKZ8n_6-1-0{
   font-family:var(--magritte-typography-subtitle-2-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-subtitle-2-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-subtitle-2-semibold-line-height-v21-1-0);
@@ -519,7 +519,7 @@
   text-transform:var(--magritte-typography-subtitle-2-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-subtitle-2-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-subtitle-3-semibold___Co2XJ_6-0-2{
+.magritte-text_typography-subtitle-3-semibold___Co2XJ_6-1-0{
   font-family:var(--magritte-typography-subtitle-3-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-subtitle-3-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-subtitle-3-semibold-line-height-v21-1-0);
@@ -529,7 +529,7 @@
   text-transform:var(--magritte-typography-subtitle-3-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-subtitle-3-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-subtitle-4-semibold___80Bd9_6-0-2{
+.magritte-text_typography-subtitle-4-semibold___80Bd9_6-1-0{
   font-family:var(--magritte-typography-subtitle-4-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-subtitle-4-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-subtitle-4-semibold-line-height-v21-1-0);
@@ -539,7 +539,7 @@
   text-transform:var(--magritte-typography-subtitle-4-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-subtitle-4-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-label-1-regular___H1-9p_6-0-2{
+.magritte-text_typography-label-1-regular___H1-9p_6-1-0{
   font-family:var(--magritte-typography-label-1-regular-font-family-v21-1-0);
   font-weight:var(--magritte-typography-label-1-regular-font-weight-v21-1-0);
   line-height:var(--magritte-typography-label-1-regular-line-height-v21-1-0);
@@ -549,7 +549,7 @@
   text-transform:var(--magritte-typography-label-1-regular-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-label-1-regular-text-decoration-v21-1-0);
 }
-.magritte-text_typography-label-2-regular___ENr3V_6-0-2{
+.magritte-text_typography-label-2-regular___ENr3V_6-1-0{
   font-family:var(--magritte-typography-label-2-regular-font-family-v21-1-0);
   font-weight:var(--magritte-typography-label-2-regular-font-weight-v21-1-0);
   line-height:var(--magritte-typography-label-2-regular-line-height-v21-1-0);
@@ -559,7 +559,7 @@
   text-transform:var(--magritte-typography-label-2-regular-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v21-1-0);
 }
-.magritte-text_typography-label-3-regular___XEPjq_6-0-2{
+.magritte-text_typography-label-3-regular___XEPjq_6-1-0{
   font-family:var(--magritte-typography-label-3-regular-font-family-v21-1-0);
   font-weight:var(--magritte-typography-label-3-regular-font-weight-v21-1-0);
   line-height:var(--magritte-typography-label-3-regular-line-height-v21-1-0);
@@ -569,7 +569,7 @@
   text-transform:var(--magritte-typography-label-3-regular-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-label-3-regular-text-decoration-v21-1-0);
 }
-.magritte-text_typography-label-4-regular___QAtkY_6-0-2{
+.magritte-text_typography-label-4-regular___QAtkY_6-1-0{
   font-family:var(--magritte-typography-label-4-regular-font-family-v21-1-0);
   font-weight:var(--magritte-typography-label-4-regular-font-weight-v21-1-0);
   line-height:var(--magritte-typography-label-4-regular-line-height-v21-1-0);
@@ -579,7 +579,7 @@
   text-transform:var(--magritte-typography-label-4-regular-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-label-4-regular-text-decoration-v21-1-0);
 }
-.magritte-text_typography-label-5-regular___ls1OO_6-0-2{
+.magritte-text_typography-label-5-regular___ls1OO_6-1-0{
   font-family:var(--magritte-typography-label-5-regular-font-family-v21-1-0);
   font-weight:var(--magritte-typography-label-5-regular-font-weight-v21-1-0);
   line-height:var(--magritte-typography-label-5-regular-line-height-v21-1-0);
@@ -589,7 +589,7 @@
   text-transform:var(--magritte-typography-label-5-regular-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-label-5-regular-text-decoration-v21-1-0);
 }
-.magritte-text_typography-paragraph-1-regular___ZAWZI_6-0-2{
+.magritte-text_typography-paragraph-1-regular___ZAWZI_6-1-0{
   font-family:var(--magritte-typography-paragraph-1-regular-font-family-v21-1-0);
   font-weight:var(--magritte-typography-paragraph-1-regular-font-weight-v21-1-0);
   line-height:var(--magritte-typography-paragraph-1-regular-line-height-v21-1-0);
@@ -599,7 +599,7 @@
   text-transform:var(--magritte-typography-paragraph-1-regular-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-paragraph-1-regular-text-decoration-v21-1-0);
 }
-.magritte-text_typography-paragraph-2-regular___m6HI2_6-0-2{
+.magritte-text_typography-paragraph-2-regular___m6HI2_6-1-0{
   font-family:var(--magritte-typography-paragraph-2-regular-font-family-v21-1-0);
   font-weight:var(--magritte-typography-paragraph-2-regular-font-weight-v21-1-0);
   line-height:var(--magritte-typography-paragraph-2-regular-line-height-v21-1-0);
@@ -609,7 +609,7 @@
   text-transform:var(--magritte-typography-paragraph-2-regular-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-paragraph-2-regular-text-decoration-v21-1-0);
 }
-.magritte-text_typography-paragraph-3-regular___7-q8O_6-0-2{
+.magritte-text_typography-paragraph-3-regular___7-q8O_6-1-0{
   font-family:var(--magritte-typography-paragraph-3-regular-font-family-v21-1-0);
   font-weight:var(--magritte-typography-paragraph-3-regular-font-weight-v21-1-0);
   line-height:var(--magritte-typography-paragraph-3-regular-line-height-v21-1-0);
@@ -619,7 +619,7 @@
   text-transform:var(--magritte-typography-paragraph-3-regular-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-paragraph-3-regular-text-decoration-v21-1-0);
 }
-.magritte-text_typography-paragraph-4-regular___GO1UU_6-0-2{
+.magritte-text_typography-paragraph-4-regular___GO1UU_6-1-0{
   font-family:var(--magritte-typography-paragraph-4-regular-font-family-v21-1-0);
   font-weight:var(--magritte-typography-paragraph-4-regular-font-weight-v21-1-0);
   line-height:var(--magritte-typography-paragraph-4-regular-line-height-v21-1-0);
@@ -629,7 +629,7 @@
   text-transform:var(--magritte-typography-paragraph-4-regular-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-paragraph-4-regular-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-1-semibold___Ykh-1_6-0-2{
+.magritte-text_typography-custom-1-semibold___Ykh-1_6-1-0{
   font-family:var(--magritte-typography-_custom-1-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-1-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-_custom-1-semibold-line-height-v21-1-0);
@@ -639,7 +639,7 @@
   text-transform:var(--magritte-typography-_custom-1-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-1-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-2-semibold___Cf2fg_6-0-2{
+.magritte-text_typography-custom-2-semibold___Cf2fg_6-1-0{
   font-family:var(--magritte-typography-_custom-2-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-2-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-_custom-2-semibold-line-height-v21-1-0);
@@ -649,7 +649,7 @@
   text-transform:var(--magritte-typography-_custom-2-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-2-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-3-semibold___lfHEW_6-0-2{
+.magritte-text_typography-custom-3-semibold___lfHEW_6-1-0{
   font-family:var(--magritte-typography-_custom-3-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-3-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-_custom-3-semibold-line-height-v21-1-0);
@@ -659,7 +659,7 @@
   text-transform:var(--magritte-typography-_custom-3-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-3-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-4-semibold___tMYEA_6-0-2{
+.magritte-text_typography-custom-4-semibold___tMYEA_6-1-0{
   font-family:var(--magritte-typography-_custom-4-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-4-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-_custom-4-semibold-line-height-v21-1-0);
@@ -669,7 +669,7 @@
   text-transform:var(--magritte-typography-_custom-4-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-4-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-5-semibold___yMnNu_6-0-2{
+.magritte-text_typography-custom-5-semibold___yMnNu_6-1-0{
   font-family:var(--magritte-typography-_custom-5-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-5-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-_custom-5-semibold-line-height-v21-1-0);
@@ -679,7 +679,7 @@
   text-transform:var(--magritte-typography-_custom-5-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-5-semibold-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-1-italic___kXPxH_6-0-2{
+.magritte-text_typography-custom-1-italic___kXPxH_6-1-0{
   font-style:italic;
   font-family:var(--magritte-typography-_custom-1-italic-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-1-italic-font-weight-v21-1-0);
@@ -690,7 +690,7 @@
   text-transform:var(--magritte-typography-_custom-1-italic-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-1-italic-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-2-italic___C67Bb_6-0-2{
+.magritte-text_typography-custom-2-italic___C67Bb_6-1-0{
   font-style:italic;
   font-family:var(--magritte-typography-_custom-2-italic-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-2-italic-font-weight-v21-1-0);
@@ -701,7 +701,7 @@
   text-transform:var(--magritte-typography-_custom-2-italic-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-2-italic-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-3-italic___e1YOK_6-0-2{
+.magritte-text_typography-custom-3-italic___e1YOK_6-1-0{
   font-style:italic;
   font-family:var(--magritte-typography-_custom-3-italic-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-3-italic-font-weight-v21-1-0);
@@ -712,7 +712,7 @@
   text-transform:var(--magritte-typography-_custom-3-italic-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-3-italic-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-4-italic___9GDTc_6-0-2{
+.magritte-text_typography-custom-4-italic___9GDTc_6-1-0{
   font-style:italic;
   font-family:var(--magritte-typography-_custom-4-italic-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-4-italic-font-weight-v21-1-0);
@@ -723,7 +723,7 @@
   text-transform:var(--magritte-typography-_custom-4-italic-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-4-italic-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-5-italic___zjNk3_6-0-2{
+.magritte-text_typography-custom-5-italic___zjNk3_6-1-0{
   font-style:italic;
   font-family:var(--magritte-typography-_custom-5-italic-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-5-italic-font-weight-v21-1-0);
@@ -734,7 +734,7 @@
   text-transform:var(--magritte-typography-_custom-5-italic-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-5-italic-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-1-medium___fdDz5_6-0-2{
+.magritte-text_typography-custom-1-medium___fdDz5_6-1-0{
   font-family:var(--magritte-typography-_custom-1-medium-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-1-medium-font-weight-v21-1-0);
   line-height:var(--magritte-typography-_custom-1-medium-line-height-v21-1-0);
@@ -744,7 +744,7 @@
   text-transform:var(--magritte-typography-_custom-1-medium-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-1-medium-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-2-medium___1P-OU_6-0-2{
+.magritte-text_typography-custom-2-medium___1P-OU_6-1-0{
   font-family:var(--magritte-typography-_custom-2-medium-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-2-medium-font-weight-v21-1-0);
   line-height:var(--magritte-typography-_custom-2-medium-line-height-v21-1-0);
@@ -754,7 +754,7 @@
   text-transform:var(--magritte-typography-_custom-2-medium-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-2-medium-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-3-medium___Po2jT_6-0-2{
+.magritte-text_typography-custom-3-medium___Po2jT_6-1-0{
   font-family:var(--magritte-typography-_custom-3-medium-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-3-medium-font-weight-v21-1-0);
   line-height:var(--magritte-typography-_custom-3-medium-line-height-v21-1-0);
@@ -764,7 +764,7 @@
   text-transform:var(--magritte-typography-_custom-3-medium-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-3-medium-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-4-medium___0nP-E_6-0-2{
+.magritte-text_typography-custom-4-medium___0nP-E_6-1-0{
   font-family:var(--magritte-typography-_custom-4-medium-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-4-medium-font-weight-v21-1-0);
   line-height:var(--magritte-typography-_custom-4-medium-line-height-v21-1-0);
@@ -774,7 +774,7 @@
   text-transform:var(--magritte-typography-_custom-4-medium-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-4-medium-text-decoration-v21-1-0);
 }
-.magritte-text_typography-custom-5-medium___h-T1s_6-0-2{
+.magritte-text_typography-custom-5-medium___h-T1s_6-1-0{
   font-family:var(--magritte-typography-_custom-5-medium-font-family-v21-1-0);
   font-weight:var(--magritte-typography-_custom-5-medium-font-weight-v21-1-0);
   line-height:var(--magritte-typography-_custom-5-medium-line-height-v21-1-0);
@@ -784,7 +784,7 @@
   text-transform:var(--magritte-typography-_custom-5-medium-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-_custom-5-medium-text-decoration-v21-1-0);
 }
-.magritte-text-typography-title-1-semibold___42fnF_6-0-2{
+.magritte-text-typography-title-1-semibold___42fnF_6-1-0{
   font-family:var(--magritte-typography-title-1-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-title-1-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-title-1-semibold-line-height-v21-1-0);
@@ -794,7 +794,7 @@
   text-transform:var(--magritte-typography-title-1-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-title-1-semibold-text-decoration-v21-1-0);
 }
-.magritte-text-typography-title-2-semibold___rkHzK_6-0-2{
+.magritte-text-typography-title-2-semibold___rkHzK_6-1-0{
   font-family:var(--magritte-typography-title-2-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-title-2-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-title-2-semibold-line-height-v21-1-0);
@@ -804,7 +804,7 @@
   text-transform:var(--magritte-typography-title-2-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-title-2-semibold-text-decoration-v21-1-0);
 }
-.magritte-text-typography-title-3-semibold___t4OEx_6-0-2{
+.magritte-text-typography-title-3-semibold___t4OEx_6-1-0{
   font-family:var(--magritte-typography-title-3-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-title-3-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-title-3-semibold-line-height-v21-1-0);
@@ -814,7 +814,7 @@
   text-transform:var(--magritte-typography-title-3-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-title-3-semibold-text-decoration-v21-1-0);
 }
-.magritte-text-typography-title-4-semibold___mp1XV_6-0-2{
+.magritte-text-typography-title-4-semibold___mp1XV_6-1-0{
   font-family:var(--magritte-typography-title-4-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-title-4-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-title-4-semibold-line-height-v21-1-0);
@@ -824,7 +824,7 @@
   text-transform:var(--magritte-typography-title-4-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-title-4-semibold-text-decoration-v21-1-0);
 }
-.magritte-text-typography-title-5-semibold___Ohb84_6-0-2{
+.magritte-text-typography-title-5-semibold___Ohb84_6-1-0{
   font-family:var(--magritte-typography-title-5-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-title-5-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-title-5-semibold-line-height-v21-1-0);
@@ -834,53 +834,53 @@
   text-transform:var(--magritte-typography-title-5-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-title-5-semibold-text-decoration-v21-1-0);
 }
-.magritte-text___gMq2l_6-0-2{
+.magritte-text___gMq2l_6-1-0{
   color:var(--magritte-ui-text-color);
 }
-.magritte-text-overflow___UBrTV_6-0-2{
+.magritte-text-overflow___UBrTV_6-1-0{
   overflow:hidden;
   display:-webkit-box;
   -webkit-box-orient:vertical;
   width:100%;
   overflow-wrap:anywhere;
 }
-.magritte-text-alignment-center___VR41R_6-0-2{
+.magritte-text-alignment-center___VR41R_6-1-0{
   text-align:center;
 }
-.magritte-text-alignment-left___BreG5_6-0-2{
+.magritte-text-alignment-left___BreG5_6-1-0{
   text-align:left;
 }
-.magritte-text-style-primary___8SAJp_6-0-2{
+.magritte-text-style-primary___8SAJp_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-primary-v21-1-0));
 }
-.magritte-text-disabled___rFUph_6-0-2 .magritte-text-style-primary___8SAJp_6-0-2{
+.magritte-text-disabled___rFUph_6-1-0 .magritte-text-style-primary___8SAJp_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-primary-disabled-v21-1-0));
 }
-.magritte-text-style-secondary___KSELD_6-0-2{
+.magritte-text-style-secondary___KSELD_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-secondary-v21-1-0));
 }
-.magritte-text-disabled___rFUph_6-0-2 .magritte-text-style-secondary___KSELD_6-0-2{
+.magritte-text-disabled___rFUph_6-1-0 .magritte-text-style-secondary___KSELD_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-secondary-disabled-v21-1-0));
 }
-.magritte-text-style-tertiary___yc3H6_6-0-2{
+.magritte-text-style-tertiary___yc3H6_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-tertiary-v21-1-0));
 }
-.magritte-text-disabled___rFUph_6-0-2 .magritte-text-style-tertiary___yc3H6_6-0-2{
+.magritte-text-disabled___rFUph_6-1-0 .magritte-text-style-tertiary___yc3H6_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-tertiary-disabled-v21-1-0));
 }
-.magritte-text-style-contrast___rzw4s_6-0-2{
+.magritte-text-style-contrast___rzw4s_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-contrast-v21-1-0));
 }
-.magritte-text-disabled___rFUph_6-0-2 .magritte-text-style-contrast___rzw4s_6-0-2{
+.magritte-text-disabled___rFUph_6-1-0 .magritte-text-style-contrast___rzw4s_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-contrast-disabled-v21-1-0));
 }
-.magritte-text-style-contrast-secondary___3PEwJ_6-0-2{
+.magritte-text-style-contrast-secondary___3PEwJ_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-contrast-secondary-v21-1-0));
 }
-.magritte-text-disabled___rFUph_6-0-2 .magritte-text-style-contrast-secondary___3PEwJ_6-0-2{
+.magritte-text-disabled___rFUph_6-1-0 .magritte-text-style-contrast-secondary___3PEwJ_6-1-0{
   --magritte-ui-text-color:var(--magritte-ui-text-color-override, var(--magritte-color-text-state-contrast-secondary-disabled-v21-1-0));
 }
-.magritte-text-typography-extra-large___HTH3I_6-0-2{
+.magritte-text-typography-extra-large___HTH3I_6-1-0{
   font-family:var(--magritte-typography-title-3-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-title-3-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-title-3-semibold-line-height-v21-1-0);
@@ -891,7 +891,7 @@
   text-decoration:var(--magritte-typography-title-3-semibold-text-decoration-v21-1-0);
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-text-typography-extra-large___HTH3I_6-0-2{
+  body.magritte-old-layout .magritte-text-typography-extra-large___HTH3I_6-1-0{
     font-family:var(--magritte-typography-title-2-semibold-font-family-v21-1-0);
     font-weight:var(--magritte-typography-title-2-semibold-font-weight-v21-1-0);
     line-height:var(--magritte-typography-title-2-semibold-line-height-v21-1-0);
@@ -903,7 +903,7 @@
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-text-typography-extra-large___HTH3I_6-0-2{
+  body:not(.magritte-old-layout) .magritte-text-typography-extra-large___HTH3I_6-1-0{
     font-family:var(--magritte-typography-title-2-semibold-font-family-v21-1-0);
     font-weight:var(--magritte-typography-title-2-semibold-font-weight-v21-1-0);
     line-height:var(--magritte-typography-title-2-semibold-line-height-v21-1-0);
@@ -914,17 +914,7 @@
     text-decoration:var(--magritte-typography-title-2-semibold-text-decoration-v21-1-0);
   }
 }
-.magritte-text-typography-large___FidYc_6-0-2{
-  font-family:var(--magritte-typography-title-3-semibold-font-family-v21-1-0);
-  font-weight:var(--magritte-typography-title-3-semibold-font-weight-v21-1-0);
-  line-height:var(--magritte-typography-title-3-semibold-line-height-v21-1-0);
-  font-size:var(--magritte-typography-title-3-semibold-font-size-v21-1-0);
-  letter-spacing:var(--magritte-typography-title-3-semibold-letter-spacing-v21-1-0);
-  text-indent:var(--magritte-typography-title-3-semibold-text-indent-v21-1-0);
-  text-transform:var(--magritte-typography-title-3-semibold-text-transform-v21-1-0);
-  text-decoration:var(--magritte-typography-title-3-semibold-text-decoration-v21-1-0);
-}
-.magritte-text-typography-medium___cp79S_6-0-2{
+.magritte-text-typography-large___FidYc_6-1-0{
   font-family:var(--magritte-typography-title-4-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-title-4-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-title-4-semibold-line-height-v21-1-0);
@@ -934,7 +924,31 @@
   text-transform:var(--magritte-typography-title-4-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-title-4-semibold-text-decoration-v21-1-0);
 }
-.magritte-text-typography-small___QbQNX_6-0-2{
+@media (min-width: 1020px){
+  body.magritte-old-layout .magritte-text-typography-large___FidYc_6-1-0{
+    font-family:var(--magritte-typography-title-3-semibold-font-family-v21-1-0);
+    font-weight:var(--magritte-typography-title-3-semibold-font-weight-v21-1-0);
+    line-height:var(--magritte-typography-title-3-semibold-line-height-v21-1-0);
+    font-size:var(--magritte-typography-title-3-semibold-font-size-v21-1-0);
+    letter-spacing:var(--magritte-typography-title-3-semibold-letter-spacing-v21-1-0);
+    text-indent:var(--magritte-typography-title-3-semibold-text-indent-v21-1-0);
+    text-transform:var(--magritte-typography-title-3-semibold-text-transform-v21-1-0);
+    text-decoration:var(--magritte-typography-title-3-semibold-text-decoration-v21-1-0);
+  }
+}
+@media (min-width: 1024px){
+  body:not(.magritte-old-layout) .magritte-text-typography-large___FidYc_6-1-0{
+    font-family:var(--magritte-typography-title-3-semibold-font-family-v21-1-0);
+    font-weight:var(--magritte-typography-title-3-semibold-font-weight-v21-1-0);
+    line-height:var(--magritte-typography-title-3-semibold-line-height-v21-1-0);
+    font-size:var(--magritte-typography-title-3-semibold-font-size-v21-1-0);
+    letter-spacing:var(--magritte-typography-title-3-semibold-letter-spacing-v21-1-0);
+    text-indent:var(--magritte-typography-title-3-semibold-text-indent-v21-1-0);
+    text-transform:var(--magritte-typography-title-3-semibold-text-transform-v21-1-0);
+    text-decoration:var(--magritte-typography-title-3-semibold-text-decoration-v21-1-0);
+  }
+}
+.magritte-text-typography-medium___cp79S_6-1-0{
   font-family:var(--magritte-typography-title-5-semibold-font-family-v21-1-0);
   font-weight:var(--magritte-typography-title-5-semibold-font-weight-v21-1-0);
   line-height:var(--magritte-typography-title-5-semibold-line-height-v21-1-0);
@@ -944,6 +958,64 @@
   text-transform:var(--magritte-typography-title-5-semibold-text-transform-v21-1-0);
   text-decoration:var(--magritte-typography-title-5-semibold-text-decoration-v21-1-0);
 }
-.magritte-space-description___nDK9-_6-0-2{
+@media (min-width: 1020px){
+  body.magritte-old-layout .magritte-text-typography-medium___cp79S_6-1-0{
+    font-family:var(--magritte-typography-title-4-semibold-font-family-v21-1-0);
+    font-weight:var(--magritte-typography-title-4-semibold-font-weight-v21-1-0);
+    line-height:var(--magritte-typography-title-4-semibold-line-height-v21-1-0);
+    font-size:var(--magritte-typography-title-4-semibold-font-size-v21-1-0);
+    letter-spacing:var(--magritte-typography-title-4-semibold-letter-spacing-v21-1-0);
+    text-indent:var(--magritte-typography-title-4-semibold-text-indent-v21-1-0);
+    text-transform:var(--magritte-typography-title-4-semibold-text-transform-v21-1-0);
+    text-decoration:var(--magritte-typography-title-4-semibold-text-decoration-v21-1-0);
+  }
+}
+@media (min-width: 1024px){
+  body:not(.magritte-old-layout) .magritte-text-typography-medium___cp79S_6-1-0{
+    font-family:var(--magritte-typography-title-4-semibold-font-family-v21-1-0);
+    font-weight:var(--magritte-typography-title-4-semibold-font-weight-v21-1-0);
+    line-height:var(--magritte-typography-title-4-semibold-line-height-v21-1-0);
+    font-size:var(--magritte-typography-title-4-semibold-font-size-v21-1-0);
+    letter-spacing:var(--magritte-typography-title-4-semibold-letter-spacing-v21-1-0);
+    text-indent:var(--magritte-typography-title-4-semibold-text-indent-v21-1-0);
+    text-transform:var(--magritte-typography-title-4-semibold-text-transform-v21-1-0);
+    text-decoration:var(--magritte-typography-title-4-semibold-text-decoration-v21-1-0);
+  }
+}
+.magritte-text-typography-small___QbQNX_6-1-0{
+  font-family:var(--magritte-typography-subtitle-1-semibold-font-family-v21-1-0);
+  font-weight:var(--magritte-typography-subtitle-1-semibold-font-weight-v21-1-0);
+  line-height:var(--magritte-typography-subtitle-1-semibold-line-height-v21-1-0);
+  font-size:var(--magritte-typography-subtitle-1-semibold-font-size-v21-1-0);
+  letter-spacing:var(--magritte-typography-subtitle-1-semibold-letter-spacing-v21-1-0);
+  text-indent:var(--magritte-typography-subtitle-1-semibold-text-indent-v21-1-0);
+  text-transform:var(--magritte-typography-subtitle-1-semibold-text-transform-v21-1-0);
+  text-decoration:var(--magritte-typography-subtitle-1-semibold-text-decoration-v21-1-0);
+}
+@media (min-width: 1020px){
+  body.magritte-old-layout .magritte-text-typography-small___QbQNX_6-1-0{
+    font-family:var(--magritte-typography-title-5-semibold-font-family-v21-1-0);
+    font-weight:var(--magritte-typography-title-5-semibold-font-weight-v21-1-0);
+    line-height:var(--magritte-typography-title-5-semibold-line-height-v21-1-0);
+    font-size:var(--magritte-typography-title-5-semibold-font-size-v21-1-0);
+    letter-spacing:var(--magritte-typography-title-5-semibold-letter-spacing-v21-1-0);
+    text-indent:var(--magritte-typography-title-5-semibold-text-indent-v21-1-0);
+    text-transform:var(--magritte-typography-title-5-semibold-text-transform-v21-1-0);
+    text-decoration:var(--magritte-typography-title-5-semibold-text-decoration-v21-1-0);
+  }
+}
+@media (min-width: 1024px){
+  body:not(.magritte-old-layout) .magritte-text-typography-small___QbQNX_6-1-0{
+    font-family:var(--magritte-typography-title-5-semibold-font-family-v21-1-0);
+    font-weight:var(--magritte-typography-title-5-semibold-font-weight-v21-1-0);
+    line-height:var(--magritte-typography-title-5-semibold-line-height-v21-1-0);
+    font-size:var(--magritte-typography-title-5-semibold-font-size-v21-1-0);
+    letter-spacing:var(--magritte-typography-title-5-semibold-letter-spacing-v21-1-0);
+    text-indent:var(--magritte-typography-title-5-semibold-text-indent-v21-1-0);
+    text-transform:var(--magritte-typography-title-5-semibold-text-transform-v21-1-0);
+    text-decoration:var(--magritte-typography-title-5-semibold-text-decoration-v21-1-0);
+  }
+}
+.magritte-space-description___nDK9-_6-1-0{
   margin-top:8px;
 }

package/index.js

@@ -4,5 +4,6 @@ export { Title } from './Title.js';
 import 'react/jsx-runtime';
 import 'classnames';
 import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-ui-breakpoint';
 import '@hh.ru/magritte-ui-typography';
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-title",
-  "version": "6.0.2",
+  "version": "6.1.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -22,6 +22,7 @@
   "dependencies": {
     "@hh.ru/magritte-common-use-disabled": "1.0.10",
     "@hh.ru/magritte-design-tokens": "21.1.0",
+    "@hh.ru/magritte-ui-breakpoint": "5.0.0",
     "@hh.ru/magritte-ui-mock-component": "1.0.12",
     "@hh.ru/magritte-ui-theme-provider": "1.1.37",
     "@hh.ru/magritte-ui-typography": "3.0.27"
@@ -33,5 +34,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6ae3dbd40e749f4dfd123c76295ec05afc2c79e0"
+  "gitHead": "d1779f837a217bf24fa88baeee590ce7c7fe17a2"
 }