@hh.ru/magritte-ui-title 5.0.16 → 6.0.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 +2 -4
- package/Title.js.map +1 -1
- package/index.css +885 -1164
- package/package.json +5 -5
- package/types.d.ts +1 -1
package/Title.js
CHANGED
|
@@ -4,21 +4,19 @@ import classNames from 'classnames';
|
|
|
4
4
|
import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
|
|
5
5
|
import { TextDynamic, Text } from '@hh.ru/magritte-ui-typography';
|
|
6
6
|
|
|
7
|
-
var styles = {"text":"magritte-text___gMq2l_5-0-16","text_max-lines":"magritte-text_max-lines___DrV3M_5-0-16","textMaxLines":"magritte-text_max-lines___DrV3M_5-0-16","text-dynamic":"magritte-text-dynamic___ssggP_5-0-16","textDynamic":"magritte-text-dynamic___ssggP_5-0-16","text-dynamic_stretched":"magritte-text-dynamic_stretched___iRF8J_5-0-16","textDynamicStretched":"magritte-text-dynamic_stretched___iRF8J_5-0-16","text_style-primary":"magritte-text_style-primary___rdDcV_5-0-16","textStylePrimary":"magritte-text-style-primary___8SAJp_5-0-16","text-dynamic-disabled":"magritte-text-dynamic-disabled___un3JJ_5-0-16","textDynamicDisabled":"magritte-text-dynamic-disabled___un3JJ_5-0-16","text_style-secondary":"magritte-text_style-secondary___8SLQo_5-0-16","textStyleSecondary":"magritte-text-style-secondary___KSELD_5-0-16","text_style-tertiary":"magritte-text_style-tertiary___MSTWz_5-0-16","textStyleTertiary":"magritte-text-style-tertiary___yc3H6_5-0-16","text_style-accent":"magritte-text_style-accent___G22-y_5-0-16","textStyleAccent":"magritte-text_style-accent___G22-y_5-0-16","text_style-accent-secondary":"magritte-text_style-accent-secondary___fAgYL_5-0-16","textStyleAccentSecondary":"magritte-text_style-accent-secondary___fAgYL_5-0-16","text_style-positive":"magritte-text_style-positive___cQv8t_5-0-16","textStylePositive":"magritte-text_style-positive___cQv8t_5-0-16","text_style-positive-secondary":"magritte-text_style-positive-secondary___09lFk_5-0-16","textStylePositiveSecondary":"magritte-text_style-positive-secondary___09lFk_5-0-16","text_style-negative":"magritte-text_style-negative___Fp39b_5-0-16","textStyleNegative":"magritte-text_style-negative___Fp39b_5-0-16","text_style-negative-secondary":"magritte-text_style-negative-secondary___3dz-Q_5-0-16","textStyleNegativeSecondary":"magritte-text_style-negative-secondary___3dz-Q_5-0-16","text_style-warning":"magritte-text_style-warning___438Jx_5-0-16","textStyleWarning":"magritte-text_style-warning___438Jx_5-0-16","text_style-warning-secondary":"magritte-text_style-warning-secondary___rFtsk_5-0-16","textStyleWarningSecondary":"magritte-text_style-warning-secondary___rFtsk_5-0-16","text_style-special":"magritte-text_style-special___HmauH_5-0-16","textStyleSpecial":"magritte-text_style-special___HmauH_5-0-16","text_style-special-secondary":"magritte-text_style-special-secondary___Zn9az_5-0-16","textStyleSpecialSecondary":"magritte-text_style-special-secondary___Zn9az_5-0-16","text_style-contrast":"magritte-text_style-contrast___sge7y_5-0-16","textStyleContrast":"magritte-text-style-contrast___rzw4s_5-0-16","text_style-contrast-secondary":"magritte-text_style-contrast-secondary___UEcA3_5-0-16","textStyleContrastSecondary":"magritte-text-style-contrast-secondary___3PEwJ_5-0-16","text_typography-title-1-semibold":"magritte-text_typography-title-1-semibold___Z9hba_5-0-16","textTypographyTitle1Semibold":"magritte-text-typography-title-1-semibold___42fnF_5-0-16","text_typography-title-2-semibold":"magritte-text_typography-title-2-semibold___phvoF_5-0-16","textTypographyTitle2Semibold":"magritte-text-typography-title-2-semibold___rkHzK_5-0-16","text_typography-title-3-semibold":"magritte-text_typography-title-3-semibold___QJLrr_5-0-16","textTypographyTitle3Semibold":"magritte-text-typography-title-3-semibold___t4OEx_5-0-16","text_typography-title-4-semibold":"magritte-text_typography-title-4-semibold___m37f-_5-0-16","textTypographyTitle4Semibold":"magritte-text-typography-title-4-semibold___mp1XV_5-0-16","text_typography-title-5-semibold":"magritte-text_typography-title-5-semibold___JSuUy_5-0-16","textTypographyTitle5Semibold":"magritte-text-typography-title-5-semibold___Ohb84_5-0-16","text_typography-subtitle-1-semibold":"magritte-text_typography-subtitle-1-semibold___bxr-D_5-0-16","textTypographySubtitle1Semibold":"magritte-text_typography-subtitle-1-semibold___bxr-D_5-0-16","text_typography-subtitle-2-semibold":"magritte-text_typography-subtitle-2-semibold___sKZ8n_5-0-16","textTypographySubtitle2Semibold":"magritte-text_typography-subtitle-2-semibold___sKZ8n_5-0-16","text_typography-subtitle-3-semibold":"magritte-text_typography-subtitle-3-semibold___Co2XJ_5-0-16","textTypographySubtitle3Semibold":"magritte-text_typography-subtitle-3-semibold___Co2XJ_5-0-16","text_typography-subtitle-4-semibold":"magritte-text_typography-subtitle-4-semibold___80Bd9_5-0-16","textTypographySubtitle4Semibold":"magritte-text_typography-subtitle-4-semibold___80Bd9_5-0-16","text_typography-label-1-regular":"magritte-text_typography-label-1-regular___H1-9p_5-0-16","textTypographyLabel1Regular":"magritte-text_typography-label-1-regular___H1-9p_5-0-16","text_typography-label-2-regular":"magritte-text_typography-label-2-regular___ENr3V_5-0-16","textTypographyLabel2Regular":"magritte-text_typography-label-2-regular___ENr3V_5-0-16","text_typography-label-3-regular":"magritte-text_typography-label-3-regular___XEPjq_5-0-16","textTypographyLabel3Regular":"magritte-text_typography-label-3-regular___XEPjq_5-0-16","text_typography-label-4-regular":"magritte-text_typography-label-4-regular___QAtkY_5-0-16","textTypographyLabel4Regular":"magritte-text_typography-label-4-regular___QAtkY_5-0-16","text_typography-label-5-regular":"magritte-text_typography-label-5-regular___ls1OO_5-0-16","textTypographyLabel5Regular":"magritte-text_typography-label-5-regular___ls1OO_5-0-16","text_typography-paragraph-1-regular":"magritte-text_typography-paragraph-1-regular___ZAWZI_5-0-16","textTypographyParagraph1Regular":"magritte-text_typography-paragraph-1-regular___ZAWZI_5-0-16","text_typography-paragraph-2-regular":"magritte-text_typography-paragraph-2-regular___m6HI2_5-0-16","textTypographyParagraph2Regular":"magritte-text_typography-paragraph-2-regular___m6HI2_5-0-16","text_typography-paragraph-3-regular":"magritte-text_typography-paragraph-3-regular___7-q8O_5-0-16","textTypographyParagraph3Regular":"magritte-text_typography-paragraph-3-regular___7-q8O_5-0-16","text_typography-paragraph-4-regular":"magritte-text_typography-paragraph-4-regular___GO1UU_5-0-16","textTypographyParagraph4Regular":"magritte-text_typography-paragraph-4-regular___GO1UU_5-0-16","text_typography-custom-1-semibold":"magritte-text_typography-custom-1-semibold___Ykh-1_5-0-16","textTypographyCustom1Semibold":"magritte-text_typography-custom-1-semibold___Ykh-1_5-0-16","text_typography-custom-2-semibold":"magritte-text_typography-custom-2-semibold___Cf2fg_5-0-16","textTypographyCustom2Semibold":"magritte-text_typography-custom-2-semibold___Cf2fg_5-0-16","text_typography-custom-3-semibold":"magritte-text_typography-custom-3-semibold___lfHEW_5-0-16","textTypographyCustom3Semibold":"magritte-text_typography-custom-3-semibold___lfHEW_5-0-16","text_typography-custom-4-semibold":"magritte-text_typography-custom-4-semibold___tMYEA_5-0-16","textTypographyCustom4Semibold":"magritte-text_typography-custom-4-semibold___tMYEA_5-0-16","text_typography-custom-5-semibold":"magritte-text_typography-custom-5-semibold___yMnNu_5-0-16","textTypographyCustom5Semibold":"magritte-text_typography-custom-5-semibold___yMnNu_5-0-16","text_typography-custom-1-italic":"magritte-text_typography-custom-1-italic___kXPxH_5-0-16","textTypographyCustom1Italic":"magritte-text_typography-custom-1-italic___kXPxH_5-0-16","text_typography-custom-2-italic":"magritte-text_typography-custom-2-italic___C67Bb_5-0-16","textTypographyCustom2Italic":"magritte-text_typography-custom-2-italic___C67Bb_5-0-16","text_typography-custom-3-italic":"magritte-text_typography-custom-3-italic___e1YOK_5-0-16","textTypographyCustom3Italic":"magritte-text_typography-custom-3-italic___e1YOK_5-0-16","text_typography-custom-4-italic":"magritte-text_typography-custom-4-italic___9GDTc_5-0-16","textTypographyCustom4Italic":"magritte-text_typography-custom-4-italic___9GDTc_5-0-16","text_typography-custom-5-italic":"magritte-text_typography-custom-5-italic___zjNk3_5-0-16","textTypographyCustom5Italic":"magritte-text_typography-custom-5-italic___zjNk3_5-0-16","text_typography-custom-1-medium":"magritte-text_typography-custom-1-medium___fdDz5_5-0-16","textTypographyCustom1Medium":"magritte-text_typography-custom-1-medium___fdDz5_5-0-16","text_typography-custom-2-medium":"magritte-text_typography-custom-2-medium___1P-OU_5-0-16","textTypographyCustom2Medium":"magritte-text_typography-custom-2-medium___1P-OU_5-0-16","text_typography-custom-3-medium":"magritte-text_typography-custom-3-medium___Po2jT_5-0-16","textTypographyCustom3Medium":"magritte-text_typography-custom-3-medium___Po2jT_5-0-16","text_typography-custom-4-medium":"magritte-text_typography-custom-4-medium___0nP-E_5-0-16","textTypographyCustom4Medium":"magritte-text_typography-custom-4-medium___0nP-E_5-0-16","text_typography-custom-5-medium":"magritte-text_typography-custom-5-medium___h-T1s_5-0-16","textTypographyCustom5Medium":"magritte-text_typography-custom-5-medium___h-T1s_5-0-16","text-typography-title-1-semibold":"magritte-text-typography-title-1-semibold___42fnF_5-0-16","text-typography-title-2-semibold":"magritte-text-typography-title-2-semibold___rkHzK_5-0-16","text-typography-title-3-semibold":"magritte-text-typography-title-3-semibold___t4OEx_5-0-16","text-typography-title-4-semibold":"magritte-text-typography-title-4-semibold___mp1XV_5-0-16","text-typography-title-5-semibold":"magritte-text-typography-title-5-semibold___Ohb84_5-0-16","text-overflow":"magritte-text-overflow___UBrTV_5-0-16","textOverflow":"magritte-text-overflow___UBrTV_5-0-16","text-alignment-center":"magritte-text-alignment-center___VR41R_5-0-16","textAlignmentCenter":"magritte-text-alignment-center___VR41R_5-0-16","text-alignment-left":"magritte-text-alignment-left___BreG5_5-0-16","textAlignmentLeft":"magritte-text-alignment-left___BreG5_5-0-16","text-style-primary":"magritte-text-style-primary___8SAJp_5-0-16","text-disabled":"magritte-text-disabled___rFUph_5-0-16","textDisabled":"magritte-text-disabled___rFUph_5-0-16","text-style-secondary":"magritte-text-style-secondary___KSELD_5-0-16","text-style-tertiary":"magritte-text-style-tertiary___yc3H6_5-0-16","text-style-contrast":"magritte-text-style-contrast___rzw4s_5-0-16","text-style-contrast-secondary":"magritte-text-style-contrast-secondary___3PEwJ_5-0-16","text-typography-extra-large":"magritte-text-typography-extra-large___HTH3I_5-0-16","textTypographyExtraLarge":"magritte-text-typography-extra-large___HTH3I_5-0-16","text-typography-large":"magritte-text-typography-large___FidYc_5-0-16","textTypographyLarge":"magritte-text-typography-large___FidYc_5-0-16","text-typography-medium":"magritte-text-typography-medium___cp79S_5-0-16","textTypographyMedium":"magritte-text-typography-medium___cp79S_5-0-16","text-typography-small":"magritte-text-typography-small___QbQNX_5-0-16","textTypographySmall":"magritte-text-typography-small___QbQNX_5-0-16","text-typography-extra-small":"magritte-text-typography-extra-small___9dZw7_5-0-16","textTypographyExtraSmall":"magritte-text-typography-extra-small___9dZw7_5-0-16","space-large":"magritte-space-large___xPdRj_5-0-16","spaceLarge":"magritte-space-large___xPdRj_5-0-16","space-small":"magritte-space-small___qKxHJ_5-0-16","spaceSmall":"magritte-space-small___qKxHJ_5-0-16"};
|
|
7
|
+
var styles = {"text":"magritte-text___gMq2l_6-0-1","text_max-lines":"magritte-text_max-lines___DrV3M_6-0-1","textMaxLines":"magritte-text_max-lines___DrV3M_6-0-1","text-dynamic":"magritte-text-dynamic___ssggP_6-0-1","textDynamic":"magritte-text-dynamic___ssggP_6-0-1","text-dynamic_stretched":"magritte-text-dynamic_stretched___iRF8J_6-0-1","textDynamicStretched":"magritte-text-dynamic_stretched___iRF8J_6-0-1","text_style-primary":"magritte-text_style-primary___rdDcV_6-0-1","textStylePrimary":"magritte-text-style-primary___8SAJp_6-0-1","text-dynamic-disabled":"magritte-text-dynamic-disabled___un3JJ_6-0-1","textDynamicDisabled":"magritte-text-dynamic-disabled___un3JJ_6-0-1","text_style-secondary":"magritte-text_style-secondary___8SLQo_6-0-1","textStyleSecondary":"magritte-text-style-secondary___KSELD_6-0-1","text_style-tertiary":"magritte-text_style-tertiary___MSTWz_6-0-1","textStyleTertiary":"magritte-text-style-tertiary___yc3H6_6-0-1","text_style-accent":"magritte-text_style-accent___G22-y_6-0-1","textStyleAccent":"magritte-text_style-accent___G22-y_6-0-1","text_style-accent-secondary":"magritte-text_style-accent-secondary___fAgYL_6-0-1","textStyleAccentSecondary":"magritte-text_style-accent-secondary___fAgYL_6-0-1","text_style-positive":"magritte-text_style-positive___cQv8t_6-0-1","textStylePositive":"magritte-text_style-positive___cQv8t_6-0-1","text_style-positive-secondary":"magritte-text_style-positive-secondary___09lFk_6-0-1","textStylePositiveSecondary":"magritte-text_style-positive-secondary___09lFk_6-0-1","text_style-negative":"magritte-text_style-negative___Fp39b_6-0-1","textStyleNegative":"magritte-text_style-negative___Fp39b_6-0-1","text_style-negative-secondary":"magritte-text_style-negative-secondary___3dz-Q_6-0-1","textStyleNegativeSecondary":"magritte-text_style-negative-secondary___3dz-Q_6-0-1","text_style-warning":"magritte-text_style-warning___438Jx_6-0-1","textStyleWarning":"magritte-text_style-warning___438Jx_6-0-1","text_style-warning-secondary":"magritte-text_style-warning-secondary___rFtsk_6-0-1","textStyleWarningSecondary":"magritte-text_style-warning-secondary___rFtsk_6-0-1","text_style-special":"magritte-text_style-special___HmauH_6-0-1","textStyleSpecial":"magritte-text_style-special___HmauH_6-0-1","text_style-special-secondary":"magritte-text_style-special-secondary___Zn9az_6-0-1","textStyleSpecialSecondary":"magritte-text_style-special-secondary___Zn9az_6-0-1","text_style-contrast":"magritte-text_style-contrast___sge7y_6-0-1","textStyleContrast":"magritte-text-style-contrast___rzw4s_6-0-1","text_style-contrast-secondary":"magritte-text_style-contrast-secondary___UEcA3_6-0-1","textStyleContrastSecondary":"magritte-text-style-contrast-secondary___3PEwJ_6-0-1","text_typography-title-1-semibold":"magritte-text_typography-title-1-semibold___Z9hba_6-0-1","textTypographyTitle1Semibold":"magritte-text-typography-title-1-semibold___42fnF_6-0-1","text_typography-title-2-semibold":"magritte-text_typography-title-2-semibold___phvoF_6-0-1","textTypographyTitle2Semibold":"magritte-text-typography-title-2-semibold___rkHzK_6-0-1","text_typography-title-3-semibold":"magritte-text_typography-title-3-semibold___QJLrr_6-0-1","textTypographyTitle3Semibold":"magritte-text-typography-title-3-semibold___t4OEx_6-0-1","text_typography-title-4-semibold":"magritte-text_typography-title-4-semibold___m37f-_6-0-1","textTypographyTitle4Semibold":"magritte-text-typography-title-4-semibold___mp1XV_6-0-1","text_typography-title-5-semibold":"magritte-text_typography-title-5-semibold___JSuUy_6-0-1","textTypographyTitle5Semibold":"magritte-text-typography-title-5-semibold___Ohb84_6-0-1","text_typography-subtitle-1-semibold":"magritte-text_typography-subtitle-1-semibold___bxr-D_6-0-1","textTypographySubtitle1Semibold":"magritte-text_typography-subtitle-1-semibold___bxr-D_6-0-1","text_typography-subtitle-2-semibold":"magritte-text_typography-subtitle-2-semibold___sKZ8n_6-0-1","textTypographySubtitle2Semibold":"magritte-text_typography-subtitle-2-semibold___sKZ8n_6-0-1","text_typography-subtitle-3-semibold":"magritte-text_typography-subtitle-3-semibold___Co2XJ_6-0-1","textTypographySubtitle3Semibold":"magritte-text_typography-subtitle-3-semibold___Co2XJ_6-0-1","text_typography-subtitle-4-semibold":"magritte-text_typography-subtitle-4-semibold___80Bd9_6-0-1","textTypographySubtitle4Semibold":"magritte-text_typography-subtitle-4-semibold___80Bd9_6-0-1","text_typography-label-1-regular":"magritte-text_typography-label-1-regular___H1-9p_6-0-1","textTypographyLabel1Regular":"magritte-text_typography-label-1-regular___H1-9p_6-0-1","text_typography-label-2-regular":"magritte-text_typography-label-2-regular___ENr3V_6-0-1","textTypographyLabel2Regular":"magritte-text_typography-label-2-regular___ENr3V_6-0-1","text_typography-label-3-regular":"magritte-text_typography-label-3-regular___XEPjq_6-0-1","textTypographyLabel3Regular":"magritte-text_typography-label-3-regular___XEPjq_6-0-1","text_typography-label-4-regular":"magritte-text_typography-label-4-regular___QAtkY_6-0-1","textTypographyLabel4Regular":"magritte-text_typography-label-4-regular___QAtkY_6-0-1","text_typography-label-5-regular":"magritte-text_typography-label-5-regular___ls1OO_6-0-1","textTypographyLabel5Regular":"magritte-text_typography-label-5-regular___ls1OO_6-0-1","text_typography-paragraph-1-regular":"magritte-text_typography-paragraph-1-regular___ZAWZI_6-0-1","textTypographyParagraph1Regular":"magritte-text_typography-paragraph-1-regular___ZAWZI_6-0-1","text_typography-paragraph-2-regular":"magritte-text_typography-paragraph-2-regular___m6HI2_6-0-1","textTypographyParagraph2Regular":"magritte-text_typography-paragraph-2-regular___m6HI2_6-0-1","text_typography-paragraph-3-regular":"magritte-text_typography-paragraph-3-regular___7-q8O_6-0-1","textTypographyParagraph3Regular":"magritte-text_typography-paragraph-3-regular___7-q8O_6-0-1","text_typography-paragraph-4-regular":"magritte-text_typography-paragraph-4-regular___GO1UU_6-0-1","textTypographyParagraph4Regular":"magritte-text_typography-paragraph-4-regular___GO1UU_6-0-1","text_typography-custom-1-semibold":"magritte-text_typography-custom-1-semibold___Ykh-1_6-0-1","textTypographyCustom1Semibold":"magritte-text_typography-custom-1-semibold___Ykh-1_6-0-1","text_typography-custom-2-semibold":"magritte-text_typography-custom-2-semibold___Cf2fg_6-0-1","textTypographyCustom2Semibold":"magritte-text_typography-custom-2-semibold___Cf2fg_6-0-1","text_typography-custom-3-semibold":"magritte-text_typography-custom-3-semibold___lfHEW_6-0-1","textTypographyCustom3Semibold":"magritte-text_typography-custom-3-semibold___lfHEW_6-0-1","text_typography-custom-4-semibold":"magritte-text_typography-custom-4-semibold___tMYEA_6-0-1","textTypographyCustom4Semibold":"magritte-text_typography-custom-4-semibold___tMYEA_6-0-1","text_typography-custom-5-semibold":"magritte-text_typography-custom-5-semibold___yMnNu_6-0-1","textTypographyCustom5Semibold":"magritte-text_typography-custom-5-semibold___yMnNu_6-0-1","text_typography-custom-1-italic":"magritte-text_typography-custom-1-italic___kXPxH_6-0-1","textTypographyCustom1Italic":"magritte-text_typography-custom-1-italic___kXPxH_6-0-1","text_typography-custom-2-italic":"magritte-text_typography-custom-2-italic___C67Bb_6-0-1","textTypographyCustom2Italic":"magritte-text_typography-custom-2-italic___C67Bb_6-0-1","text_typography-custom-3-italic":"magritte-text_typography-custom-3-italic___e1YOK_6-0-1","textTypographyCustom3Italic":"magritte-text_typography-custom-3-italic___e1YOK_6-0-1","text_typography-custom-4-italic":"magritte-text_typography-custom-4-italic___9GDTc_6-0-1","textTypographyCustom4Italic":"magritte-text_typography-custom-4-italic___9GDTc_6-0-1","text_typography-custom-5-italic":"magritte-text_typography-custom-5-italic___zjNk3_6-0-1","textTypographyCustom5Italic":"magritte-text_typography-custom-5-italic___zjNk3_6-0-1","text_typography-custom-1-medium":"magritte-text_typography-custom-1-medium___fdDz5_6-0-1","textTypographyCustom1Medium":"magritte-text_typography-custom-1-medium___fdDz5_6-0-1","text_typography-custom-2-medium":"magritte-text_typography-custom-2-medium___1P-OU_6-0-1","textTypographyCustom2Medium":"magritte-text_typography-custom-2-medium___1P-OU_6-0-1","text_typography-custom-3-medium":"magritte-text_typography-custom-3-medium___Po2jT_6-0-1","textTypographyCustom3Medium":"magritte-text_typography-custom-3-medium___Po2jT_6-0-1","text_typography-custom-4-medium":"magritte-text_typography-custom-4-medium___0nP-E_6-0-1","textTypographyCustom4Medium":"magritte-text_typography-custom-4-medium___0nP-E_6-0-1","text_typography-custom-5-medium":"magritte-text_typography-custom-5-medium___h-T1s_6-0-1","textTypographyCustom5Medium":"magritte-text_typography-custom-5-medium___h-T1s_6-0-1","text-typography-title-1-semibold":"magritte-text-typography-title-1-semibold___42fnF_6-0-1","text-typography-title-2-semibold":"magritte-text-typography-title-2-semibold___rkHzK_6-0-1","text-typography-title-3-semibold":"magritte-text-typography-title-3-semibold___t4OEx_6-0-1","text-typography-title-4-semibold":"magritte-text-typography-title-4-semibold___mp1XV_6-0-1","text-typography-title-5-semibold":"magritte-text-typography-title-5-semibold___Ohb84_6-0-1","text-overflow":"magritte-text-overflow___UBrTV_6-0-1","textOverflow":"magritte-text-overflow___UBrTV_6-0-1","text-alignment-center":"magritte-text-alignment-center___VR41R_6-0-1","textAlignmentCenter":"magritte-text-alignment-center___VR41R_6-0-1","text-alignment-left":"magritte-text-alignment-left___BreG5_6-0-1","textAlignmentLeft":"magritte-text-alignment-left___BreG5_6-0-1","text-style-primary":"magritte-text-style-primary___8SAJp_6-0-1","text-disabled":"magritte-text-disabled___rFUph_6-0-1","textDisabled":"magritte-text-disabled___rFUph_6-0-1","text-style-secondary":"magritte-text-style-secondary___KSELD_6-0-1","text-style-tertiary":"magritte-text-style-tertiary___yc3H6_6-0-1","text-style-contrast":"magritte-text-style-contrast___rzw4s_6-0-1","text-style-contrast-secondary":"magritte-text-style-contrast-secondary___3PEwJ_6-0-1","text-typography-extra-large":"magritte-text-typography-extra-large___HTH3I_6-0-1","textTypographyExtraLarge":"magritte-text-typography-extra-large___HTH3I_6-0-1","text-typography-large":"magritte-text-typography-large___FidYc_6-0-1","textTypographyLarge":"magritte-text-typography-large___FidYc_6-0-1","text-typography-medium":"magritte-text-typography-medium___cp79S_6-0-1","textTypographyMedium":"magritte-text-typography-medium___cp79S_6-0-1","text-typography-small":"magritte-text-typography-small___QbQNX_6-0-1","textTypographySmall":"magritte-text-typography-small___QbQNX_6-0-1","space-description":"magritte-space-description___nDK9-_6-0-1","spaceDescription":"magritte-space-description___nDK9-_6-0-1"};
|
|
8
8
|
|
|
9
9
|
const TextTypographyOptions = {
|
|
10
10
|
'extra-large': 'paragraph-1-regular',
|
|
11
11
|
large: 'paragraph-1-regular',
|
|
12
12
|
medium: 'paragraph-2-regular',
|
|
13
13
|
small: 'paragraph-2-regular',
|
|
14
|
-
'extra-small': 'paragraph-2-regular',
|
|
15
14
|
};
|
|
16
15
|
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 }) => {
|
|
17
16
|
const isDisabled = useDisabled();
|
|
18
|
-
const shouldHaveLargeMargin = size === 'extra-large' || size === 'large';
|
|
19
17
|
const containerStyles = classNames(isDisabled && styles['text-disabled'], styles[`text-alignment-${alignment}`]);
|
|
20
18
|
const titleStyles = classNames(styles.text, styles['text-overflow'], styles[`text-typography-${size}`], styles[`text-style-${style}`]);
|
|
21
|
-
const descriptionStyles = classNames(styles.text, styles['text-overflow'], styles[
|
|
19
|
+
const descriptionStyles = classNames(styles.text, styles['text-overflow'], styles['space-description']);
|
|
22
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: TextTypographyOptions[size], style: descriptionStyle, children: description }) }) }))] }));
|
|
23
21
|
};
|
|
24
22
|
|
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 TextTypographyOptions = {\n 'extra-large': 'paragraph-1-regular',\n large: 'paragraph-1-regular',\n medium: 'paragraph-2-regular',\n small: 'paragraph-2-regular',\n
|
|
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;;;;"}
|