@hh.ru/magritte-ui-title 6.0.2 → 6.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Title.js +10 -3
- package/Title.js.map +1 -1
- package/index.css +957 -885
- package/index.js +1 -0
- package/index.js.map +1 -1
- package/package.json +6 -5
package/Title.js
CHANGED
|
@@ -2,22 +2,29 @@ import './index.css';
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
|
|
5
|
+
import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
|
|
5
6
|
import { TextDynamic, Text } from '@hh.ru/magritte-ui-typography';
|
|
6
7
|
|
|
7
|
-
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"};
|
|
8
|
+
var styles = {"text":"magritte-text___gMq2l_6-1-1","text_max-lines":"magritte-text_max-lines___DrV3M_6-1-1","textMaxLines":"magritte-text_max-lines___DrV3M_6-1-1","text-dynamic":"magritte-text-dynamic___ssggP_6-1-1","textDynamic":"magritte-text-dynamic___ssggP_6-1-1","text-dynamic_stretched":"magritte-text-dynamic_stretched___iRF8J_6-1-1","textDynamicStretched":"magritte-text-dynamic_stretched___iRF8J_6-1-1","text_style-primary":"magritte-text_style-primary___rdDcV_6-1-1","textStylePrimary":"magritte-text-style-primary___8SAJp_6-1-1","text-dynamic-disabled":"magritte-text-dynamic-disabled___un3JJ_6-1-1","textDynamicDisabled":"magritte-text-dynamic-disabled___un3JJ_6-1-1","text_style-secondary":"magritte-text_style-secondary___8SLQo_6-1-1","textStyleSecondary":"magritte-text-style-secondary___KSELD_6-1-1","text_style-tertiary":"magritte-text_style-tertiary___MSTWz_6-1-1","textStyleTertiary":"magritte-text-style-tertiary___yc3H6_6-1-1","text_style-accent":"magritte-text_style-accent___G22-y_6-1-1","textStyleAccent":"magritte-text_style-accent___G22-y_6-1-1","text_style-accent-secondary":"magritte-text_style-accent-secondary___fAgYL_6-1-1","textStyleAccentSecondary":"magritte-text_style-accent-secondary___fAgYL_6-1-1","text_style-positive":"magritte-text_style-positive___cQv8t_6-1-1","textStylePositive":"magritte-text_style-positive___cQv8t_6-1-1","text_style-positive-secondary":"magritte-text_style-positive-secondary___09lFk_6-1-1","textStylePositiveSecondary":"magritte-text_style-positive-secondary___09lFk_6-1-1","text_style-negative":"magritte-text_style-negative___Fp39b_6-1-1","textStyleNegative":"magritte-text_style-negative___Fp39b_6-1-1","text_style-negative-secondary":"magritte-text_style-negative-secondary___3dz-Q_6-1-1","textStyleNegativeSecondary":"magritte-text_style-negative-secondary___3dz-Q_6-1-1","text_style-warning":"magritte-text_style-warning___438Jx_6-1-1","textStyleWarning":"magritte-text_style-warning___438Jx_6-1-1","text_style-warning-secondary":"magritte-text_style-warning-secondary___rFtsk_6-1-1","textStyleWarningSecondary":"magritte-text_style-warning-secondary___rFtsk_6-1-1","text_style-special":"magritte-text_style-special___HmauH_6-1-1","textStyleSpecial":"magritte-text_style-special___HmauH_6-1-1","text_style-special-secondary":"magritte-text_style-special-secondary___Zn9az_6-1-1","textStyleSpecialSecondary":"magritte-text_style-special-secondary___Zn9az_6-1-1","text_style-contrast":"magritte-text_style-contrast___sge7y_6-1-1","textStyleContrast":"magritte-text-style-contrast___rzw4s_6-1-1","text_style-contrast-secondary":"magritte-text_style-contrast-secondary___UEcA3_6-1-1","textStyleContrastSecondary":"magritte-text-style-contrast-secondary___3PEwJ_6-1-1","text_typography-title-1-semibold":"magritte-text_typography-title-1-semibold___Z9hba_6-1-1","textTypographyTitle1Semibold":"magritte-text-typography-title-1-semibold___42fnF_6-1-1","text_typography-title-2-semibold":"magritte-text_typography-title-2-semibold___phvoF_6-1-1","textTypographyTitle2Semibold":"magritte-text-typography-title-2-semibold___rkHzK_6-1-1","text_typography-title-3-semibold":"magritte-text_typography-title-3-semibold___QJLrr_6-1-1","textTypographyTitle3Semibold":"magritte-text-typography-title-3-semibold___t4OEx_6-1-1","text_typography-title-4-semibold":"magritte-text_typography-title-4-semibold___m37f-_6-1-1","textTypographyTitle4Semibold":"magritte-text-typography-title-4-semibold___mp1XV_6-1-1","text_typography-title-5-semibold":"magritte-text_typography-title-5-semibold___JSuUy_6-1-1","textTypographyTitle5Semibold":"magritte-text-typography-title-5-semibold___Ohb84_6-1-1","text_typography-subtitle-1-semibold":"magritte-text_typography-subtitle-1-semibold___bxr-D_6-1-1","textTypographySubtitle1Semibold":"magritte-text_typography-subtitle-1-semibold___bxr-D_6-1-1","text_typography-subtitle-2-semibold":"magritte-text_typography-subtitle-2-semibold___sKZ8n_6-1-1","textTypographySubtitle2Semibold":"magritte-text_typography-subtitle-2-semibold___sKZ8n_6-1-1","text_typography-subtitle-3-semibold":"magritte-text_typography-subtitle-3-semibold___Co2XJ_6-1-1","textTypographySubtitle3Semibold":"magritte-text_typography-subtitle-3-semibold___Co2XJ_6-1-1","text_typography-subtitle-4-semibold":"magritte-text_typography-subtitle-4-semibold___80Bd9_6-1-1","textTypographySubtitle4Semibold":"magritte-text_typography-subtitle-4-semibold___80Bd9_6-1-1","text_typography-label-1-regular":"magritte-text_typography-label-1-regular___H1-9p_6-1-1","textTypographyLabel1Regular":"magritte-text_typography-label-1-regular___H1-9p_6-1-1","text_typography-label-2-regular":"magritte-text_typography-label-2-regular___ENr3V_6-1-1","textTypographyLabel2Regular":"magritte-text_typography-label-2-regular___ENr3V_6-1-1","text_typography-label-3-regular":"magritte-text_typography-label-3-regular___XEPjq_6-1-1","textTypographyLabel3Regular":"magritte-text_typography-label-3-regular___XEPjq_6-1-1","text_typography-label-4-regular":"magritte-text_typography-label-4-regular___QAtkY_6-1-1","textTypographyLabel4Regular":"magritte-text_typography-label-4-regular___QAtkY_6-1-1","text_typography-label-5-regular":"magritte-text_typography-label-5-regular___ls1OO_6-1-1","textTypographyLabel5Regular":"magritte-text_typography-label-5-regular___ls1OO_6-1-1","text_typography-paragraph-1-regular":"magritte-text_typography-paragraph-1-regular___ZAWZI_6-1-1","textTypographyParagraph1Regular":"magritte-text_typography-paragraph-1-regular___ZAWZI_6-1-1","text_typography-paragraph-2-regular":"magritte-text_typography-paragraph-2-regular___m6HI2_6-1-1","textTypographyParagraph2Regular":"magritte-text_typography-paragraph-2-regular___m6HI2_6-1-1","text_typography-paragraph-3-regular":"magritte-text_typography-paragraph-3-regular___7-q8O_6-1-1","textTypographyParagraph3Regular":"magritte-text_typography-paragraph-3-regular___7-q8O_6-1-1","text_typography-paragraph-4-regular":"magritte-text_typography-paragraph-4-regular___GO1UU_6-1-1","textTypographyParagraph4Regular":"magritte-text_typography-paragraph-4-regular___GO1UU_6-1-1","text_typography-custom-1-semibold":"magritte-text_typography-custom-1-semibold___Ykh-1_6-1-1","textTypographyCustom1Semibold":"magritte-text_typography-custom-1-semibold___Ykh-1_6-1-1","text_typography-custom-2-semibold":"magritte-text_typography-custom-2-semibold___Cf2fg_6-1-1","textTypographyCustom2Semibold":"magritte-text_typography-custom-2-semibold___Cf2fg_6-1-1","text_typography-custom-3-semibold":"magritte-text_typography-custom-3-semibold___lfHEW_6-1-1","textTypographyCustom3Semibold":"magritte-text_typography-custom-3-semibold___lfHEW_6-1-1","text_typography-custom-4-semibold":"magritte-text_typography-custom-4-semibold___tMYEA_6-1-1","textTypographyCustom4Semibold":"magritte-text_typography-custom-4-semibold___tMYEA_6-1-1","text_typography-custom-5-semibold":"magritte-text_typography-custom-5-semibold___yMnNu_6-1-1","textTypographyCustom5Semibold":"magritte-text_typography-custom-5-semibold___yMnNu_6-1-1","text_typography-custom-1-italic":"magritte-text_typography-custom-1-italic___kXPxH_6-1-1","textTypographyCustom1Italic":"magritte-text_typography-custom-1-italic___kXPxH_6-1-1","text_typography-custom-2-italic":"magritte-text_typography-custom-2-italic___C67Bb_6-1-1","textTypographyCustom2Italic":"magritte-text_typography-custom-2-italic___C67Bb_6-1-1","text_typography-custom-3-italic":"magritte-text_typography-custom-3-italic___e1YOK_6-1-1","textTypographyCustom3Italic":"magritte-text_typography-custom-3-italic___e1YOK_6-1-1","text_typography-custom-4-italic":"magritte-text_typography-custom-4-italic___9GDTc_6-1-1","textTypographyCustom4Italic":"magritte-text_typography-custom-4-italic___9GDTc_6-1-1","text_typography-custom-5-italic":"magritte-text_typography-custom-5-italic___zjNk3_6-1-1","textTypographyCustom5Italic":"magritte-text_typography-custom-5-italic___zjNk3_6-1-1","text_typography-custom-1-medium":"magritte-text_typography-custom-1-medium___fdDz5_6-1-1","textTypographyCustom1Medium":"magritte-text_typography-custom-1-medium___fdDz5_6-1-1","text_typography-custom-2-medium":"magritte-text_typography-custom-2-medium___1P-OU_6-1-1","textTypographyCustom2Medium":"magritte-text_typography-custom-2-medium___1P-OU_6-1-1","text_typography-custom-3-medium":"magritte-text_typography-custom-3-medium___Po2jT_6-1-1","textTypographyCustom3Medium":"magritte-text_typography-custom-3-medium___Po2jT_6-1-1","text_typography-custom-4-medium":"magritte-text_typography-custom-4-medium___0nP-E_6-1-1","textTypographyCustom4Medium":"magritte-text_typography-custom-4-medium___0nP-E_6-1-1","text_typography-custom-5-medium":"magritte-text_typography-custom-5-medium___h-T1s_6-1-1","textTypographyCustom5Medium":"magritte-text_typography-custom-5-medium___h-T1s_6-1-1","text-typography-title-1-semibold":"magritte-text-typography-title-1-semibold___42fnF_6-1-1","text-typography-title-2-semibold":"magritte-text-typography-title-2-semibold___rkHzK_6-1-1","text-typography-title-3-semibold":"magritte-text-typography-title-3-semibold___t4OEx_6-1-1","text-typography-title-4-semibold":"magritte-text-typography-title-4-semibold___mp1XV_6-1-1","text-typography-title-5-semibold":"magritte-text-typography-title-5-semibold___Ohb84_6-1-1","text-overflow":"magritte-text-overflow___UBrTV_6-1-1","textOverflow":"magritte-text-overflow___UBrTV_6-1-1","text-alignment-center":"magritte-text-alignment-center___VR41R_6-1-1","textAlignmentCenter":"magritte-text-alignment-center___VR41R_6-1-1","text-alignment-left":"magritte-text-alignment-left___BreG5_6-1-1","textAlignmentLeft":"magritte-text-alignment-left___BreG5_6-1-1","text-style-primary":"magritte-text-style-primary___8SAJp_6-1-1","text-disabled":"magritte-text-disabled___rFUph_6-1-1","textDisabled":"magritte-text-disabled___rFUph_6-1-1","text-style-secondary":"magritte-text-style-secondary___KSELD_6-1-1","text-style-tertiary":"magritte-text-style-tertiary___yc3H6_6-1-1","text-style-contrast":"magritte-text-style-contrast___rzw4s_6-1-1","text-style-contrast-secondary":"magritte-text-style-contrast-secondary___3PEwJ_6-1-1","text-typography-extra-large":"magritte-text-typography-extra-large___HTH3I_6-1-1","textTypographyExtraLarge":"magritte-text-typography-extra-large___HTH3I_6-1-1","text-typography-large":"magritte-text-typography-large___FidYc_6-1-1","textTypographyLarge":"magritte-text-typography-large___FidYc_6-1-1","text-typography-medium":"magritte-text-typography-medium___cp79S_6-1-1","textTypographyMedium":"magritte-text-typography-medium___cp79S_6-1-1","text-typography-small":"magritte-text-typography-small___QbQNX_6-1-1","textTypographySmall":"magritte-text-typography-small___QbQNX_6-1-1","space-description":"magritte-space-description___nDK9-_6-1-1","spaceDescription":"magritte-space-description___nDK9-_6-1-1"};
|
|
8
9
|
|
|
9
|
-
const
|
|
10
|
+
const TextTypographyOptionsDesktop = {
|
|
10
11
|
'extra-large': 'paragraph-1-regular',
|
|
11
12
|
large: 'paragraph-1-regular',
|
|
12
13
|
medium: 'paragraph-2-regular',
|
|
13
14
|
small: 'paragraph-2-regular',
|
|
14
15
|
};
|
|
16
|
+
const TextTypographyOptionsMobile = {
|
|
17
|
+
...TextTypographyOptionsDesktop,
|
|
18
|
+
small: 'paragraph-3-regular',
|
|
19
|
+
};
|
|
15
20
|
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 }) => {
|
|
16
21
|
const isDisabled = useDisabled();
|
|
22
|
+
const { isMobile } = useBreakpoint();
|
|
23
|
+
const textTypographyOptions = isMobile ? TextTypographyOptionsMobile : TextTypographyOptionsDesktop;
|
|
17
24
|
const containerStyles = classNames(isDisabled && styles['text-disabled'], styles[`text-alignment-${alignment}`]);
|
|
18
25
|
const titleStyles = classNames(styles.text, styles['text-overflow'], styles[`text-typography-${size}`], styles[`text-style-${style}`]);
|
|
19
26
|
const descriptionStyles = classNames(styles.text, styles['text-overflow'], styles['space-description']);
|
|
20
|
-
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:
|
|
27
|
+
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 }) }) }))] }));
|
|
21
28
|
};
|
|
22
29
|
|
|
23
30
|
export { Title };
|
package/Title.js.map
CHANGED
|
@@ -1 +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
|
|
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 { 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;;;;"}
|