npm - @hh.ru/magritte-ui-icon - Versions diffs - 12.0.0 → 12.1.0 - Mend

@hh.ru/magritte-ui-icon 12.0.0 → 12.1.0

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.

Files changed (3383) hide show

package/IconDynamic-DVI4Xwr2.js ADDED Viewed

@@ -0,0 +1,19 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import classnames from 'classnames';
+import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
+var styles = {"style-primary":"magritte-style-primary___diBcg_12-1-0","stylePrimary":"magritte-style-primary___diBcg_12-1-0","style-secondary":"magritte-style-secondary___cGXo5_12-1-0","styleSecondary":"magritte-style-secondary___cGXo5_12-1-0","style-tertiary":"magritte-style-tertiary___EE-7-_12-1-0","styleTertiary":"magritte-style-tertiary___EE-7-_12-1-0","style-accent-secondary":"magritte-style-accent-secondary___fpy50_12-1-0","styleAccentSecondary":"magritte-style-accent-secondary___fpy50_12-1-0","style-accent":"magritte-style-accent___kFQn6_12-1-0","styleAccent":"magritte-style-accent___kFQn6_12-1-0","style-positive-secondary":"magritte-style-positive-secondary___OITUF_12-1-0","stylePositiveSecondary":"magritte-style-positive-secondary___OITUF_12-1-0","style-positive":"magritte-style-positive___ujT0t_12-1-0","stylePositive":"magritte-style-positive___ujT0t_12-1-0","style-negative-secondary":"magritte-style-negative-secondary___Uk54t_12-1-0","styleNegativeSecondary":"magritte-style-negative-secondary___Uk54t_12-1-0","style-negative":"magritte-style-negative___bi3mp_12-1-0","styleNegative":"magritte-style-negative___bi3mp_12-1-0","style-warning-secondary":"magritte-style-warning-secondary___AQxOY_12-1-0","styleWarningSecondary":"magritte-style-warning-secondary___AQxOY_12-1-0","style-warning":"magritte-style-warning___TlGSC_12-1-0","styleWarning":"magritte-style-warning___TlGSC_12-1-0","style-special-secondary":"magritte-style-special-secondary___SGaXT_12-1-0","styleSpecialSecondary":"magritte-style-special-secondary___SGaXT_12-1-0","style-special":"magritte-style-special___UyUlA_12-1-0","styleSpecial":"magritte-style-special___UyUlA_12-1-0","style-dreamy-secondary":"magritte-style-dreamy-secondary___WKrBx_12-1-0","styleDreamySecondary":"magritte-style-dreamy-secondary___WKrBx_12-1-0","style-dreamy":"magritte-style-dreamy___d4ugR_12-1-0","styleDreamy":"magritte-style-dreamy___d4ugR_12-1-0","style-lovely-secondary":"magritte-style-lovely-secondary___2BYz6_12-1-0","styleLovelySecondary":"magritte-style-lovely-secondary___2BYz6_12-1-0","style-lovely":"magritte-style-lovely___GEJRd_12-1-0","styleLovely":"magritte-style-lovely___GEJRd_12-1-0","style-vivid-secondary":"magritte-style-vivid-secondary___Vybxd_12-1-0","styleVividSecondary":"magritte-style-vivid-secondary___Vybxd_12-1-0","style-vivid":"magritte-style-vivid___9pglD_12-1-0","styleVivid":"magritte-style-vivid___9pglD_12-1-0","style-body":"magritte-style-body___4fBmS_12-1-0","styleBody":"magritte-style-body___4fBmS_12-1-0","style-overlay":"magritte-style-overlay___-ymYU_12-1-0","styleOverlay":"magritte-style-overlay___-ymYU_12-1-0","style-transparent":"magritte-style-transparent___4Kd1j_12-1-0","styleTransparent":"magritte-style-transparent___4Kd1j_12-1-0","style-constant":"magritte-style-constant___YLsvG_12-1-0","styleConstant":"magritte-style-constant___YLsvG_12-1-0","style-constant-secondary":"magritte-style-constant-secondary___mHqSx_12-1-0","styleConstantSecondary":"magritte-style-constant-secondary___mHqSx_12-1-0","style-inverse":"magritte-style-inverse___0gOD1_12-1-0","styleInverse":"magritte-style-inverse___0gOD1_12-1-0","style-inverse-secondary":"magritte-style-inverse-secondary___Fux-L_12-1-0","styleInverseSecondary":"magritte-style-inverse-secondary___Fux-L_12-1-0","border-style-neutral":"magritte-border-style-neutral___MlIGW_12-1-0","borderStyleNeutral":"magritte-border-style-neutral___MlIGW_12-1-0","border-style-phantom":"magritte-border-style-phantom___SItQ9_12-1-0","borderStylePhantom":"magritte-border-style-phantom___SItQ9_12-1-0","border-style-overlay":"magritte-border-style-overlay___R3HIW_12-1-0","borderStyleOverlay":"magritte-border-style-overlay___R3HIW_12-1-0","border-style-accent":"magritte-border-style-accent___VDDul_12-1-0","borderStyleAccent":"magritte-border-style-accent___VDDul_12-1-0","border-style-positive":"magritte-border-style-positive___Ovnbo_12-1-0","borderStylePositive":"magritte-border-style-positive___Ovnbo_12-1-0","border-style-negative":"magritte-border-style-negative___1Xx7N_12-1-0","borderStyleNegative":"magritte-border-style-negative___1Xx7N_12-1-0","border-style-warning":"magritte-border-style-warning___TirOI_12-1-0","borderStyleWarning":"magritte-border-style-warning___TirOI_12-1-0","border-style-special":"magritte-border-style-special___1kXnk_12-1-0","borderStyleSpecial":"magritte-border-style-special___1kXnk_12-1-0","border-style-dreamy":"magritte-border-style-dreamy___DYtcR_12-1-0","borderStyleDreamy":"magritte-border-style-dreamy___DYtcR_12-1-0","border-style-lovely":"magritte-border-style-lovely___fXGET_12-1-0","borderStyleLovely":"magritte-border-style-lovely___fXGET_12-1-0","border-style-vivid":"magritte-border-style-vivid___lNsUO_12-1-0","borderStyleVivid":"magritte-border-style-vivid___lNsUO_12-1-0","shadow-level-3":"magritte-shadow-level-3___odhxn_12-1-0","shadowLevel3":"magritte-shadow-level-3___odhxn_12-1-0","increase":"magritte-increase___F0qxe_12-1-0","shadow-level-2":"magritte-shadow-level-2___QyQjH_12-1-0","shadowLevel2":"magritte-shadow-level-2___QyQjH_12-1-0","shadow-level-1":"magritte-shadow-level-1___eaBvq_12-1-0","shadowLevel1":"magritte-shadow-level-1___eaBvq_12-1-0","shadow-level-0":"magritte-shadow-level-0___ko9ze_12-1-0","shadowLevel0":"magritte-shadow-level-0___ko9ze_12-1-0","wrapper":"magritte-wrapper___8Uzkk_12-1-0","content":"magritte-content___ODB0L_12-1-0","view":"magritte-view___TfcUt_12-1-0","loading":"magritte-loading___AlOok_12-1-0","active":"magritte-active___LNiZ1_12-1-0","icon":"magritte-icon___rRr4Q_12-1-0","hexed":"magritte-hexed___COZjQ_12-1-0","icon-dynamic":"magritte-icon-dynamic___KJ4yJ_12-1-0","iconDynamic":"magritte-icon-dynamic___KJ4yJ_12-1-0","icon_initial-primary":"magritte-icon_initial-primary___KhLAU_12-1-0","iconInitialPrimary":"magritte-icon_initial-primary___KhLAU_12-1-0","icon_initial-secondary":"magritte-icon_initial-secondary___BoQi4_12-1-0","iconInitialSecondary":"magritte-icon_initial-secondary___BoQi4_12-1-0","icon_initial-tertiary":"magritte-icon_initial-tertiary___uvhFq_12-1-0","iconInitialTertiary":"magritte-icon_initial-tertiary___uvhFq_12-1-0","icon_initial-accent":"magritte-icon_initial-accent___E3b-y_12-1-0","iconInitialAccent":"magritte-icon_initial-accent___E3b-y_12-1-0","icon_initial-accent-secondary":"magritte-icon_initial-accent-secondary___X8w17_12-1-0","iconInitialAccentSecondary":"magritte-icon_initial-accent-secondary___X8w17_12-1-0","icon_initial-positive":"magritte-icon_initial-positive___RPhmR_12-1-0","iconInitialPositive":"magritte-icon_initial-positive___RPhmR_12-1-0","icon_initial-positive-secondary":"magritte-icon_initial-positive-secondary___HYGqt_12-1-0","iconInitialPositiveSecondary":"magritte-icon_initial-positive-secondary___HYGqt_12-1-0","icon_initial-negative":"magritte-icon_initial-negative___jrGEi_12-1-0","iconInitialNegative":"magritte-icon_initial-negative___jrGEi_12-1-0","icon_initial-negative-secondary":"magritte-icon_initial-negative-secondary___xMZC5_12-1-0","iconInitialNegativeSecondary":"magritte-icon_initial-negative-secondary___xMZC5_12-1-0","icon_initial-warning":"magritte-icon_initial-warning___ZOnot_12-1-0","iconInitialWarning":"magritte-icon_initial-warning___ZOnot_12-1-0","icon_initial-warning-secondary":"magritte-icon_initial-warning-secondary___FpETD_12-1-0","iconInitialWarningSecondary":"magritte-icon_initial-warning-secondary___FpETD_12-1-0","icon_initial-special":"magritte-icon_initial-special___zKCSf_12-1-0","iconInitialSpecial":"magritte-icon_initial-special___zKCSf_12-1-0","icon_initial-special-secondary":"magritte-icon_initial-special-secondary___1fZBK_12-1-0","iconInitialSpecialSecondary":"magritte-icon_initial-special-secondary___1fZBK_12-1-0","icon_initial-dreamy":"magritte-icon_initial-dreamy___S96oi_12-1-0","iconInitialDreamy":"magritte-icon_initial-dreamy___S96oi_12-1-0","icon_initial-dreamy-secondary":"magritte-icon_initial-dreamy-secondary___JoKDv_12-1-0","iconInitialDreamySecondary":"magritte-icon_initial-dreamy-secondary___JoKDv_12-1-0","icon_initial-lovely":"magritte-icon_initial-lovely___4oUXO_12-1-0","iconInitialLovely":"magritte-icon_initial-lovely___4oUXO_12-1-0","icon_initial-lovely-secondary":"magritte-icon_initial-lovely-secondary___6KEMq_12-1-0","iconInitialLovelySecondary":"magritte-icon_initial-lovely-secondary___6KEMq_12-1-0","icon_initial-vivid":"magritte-icon_initial-vivid___WPQyr_12-1-0","iconInitialVivid":"magritte-icon_initial-vivid___WPQyr_12-1-0","icon_initial-vivid-secondary":"magritte-icon_initial-vivid-secondary___HadPZ_12-1-0","iconInitialVividSecondary":"magritte-icon_initial-vivid-secondary___HadPZ_12-1-0","icon_initial-contrast":"magritte-icon_initial-contrast___Fvo9Z_12-1-0","iconInitialContrast":"magritte-icon_initial-contrast___Fvo9Z_12-1-0","icon_initial-contrast-secondary":"magritte-icon_initial-contrast-secondary___QrHuK_12-1-0","iconInitialContrastSecondary":"magritte-icon_initial-contrast-secondary___QrHuK_12-1-0","icon_initial-constant":"magritte-icon_initial-constant___CYJJs_12-1-0","iconInitialConstant":"magritte-icon_initial-constant___CYJJs_12-1-0","icon_initial-inverse":"magritte-icon_initial-inverse___Ici8P_12-1-0","iconInitialInverse":"magritte-icon_initial-inverse___Ici8P_12-1-0","icon_initial-constant-secondary":"magritte-icon_initial-constant-secondary___ThbPF_12-1-0","iconInitialConstantSecondary":"magritte-icon_initial-constant-secondary___ThbPF_12-1-0","icon_initial-inverse-secondary":"magritte-icon_initial-inverse-secondary___6jNhd_12-1-0","iconInitialInverseSecondary":"magritte-icon_initial-inverse-secondary___6jNhd_12-1-0","icon_highlighted-primary":"magritte-icon_highlighted-primary___utxr7_12-1-0","iconHighlightedPrimary":"magritte-icon_highlighted-primary___utxr7_12-1-0","icon_highlighted-secondary":"magritte-icon_highlighted-secondary___wJpNN_12-1-0","iconHighlightedSecondary":"magritte-icon_highlighted-secondary___wJpNN_12-1-0","icon_highlighted-tertiary":"magritte-icon_highlighted-tertiary___lRbb-_12-1-0","iconHighlightedTertiary":"magritte-icon_highlighted-tertiary___lRbb-_12-1-0","icon_highlighted-accent":"magritte-icon_highlighted-accent___D56MA_12-1-0","iconHighlightedAccent":"magritte-icon_highlighted-accent___D56MA_12-1-0","icon_highlighted-accent-secondary":"magritte-icon_highlighted-accent-secondary___wur25_12-1-0","iconHighlightedAccentSecondary":"magritte-icon_highlighted-accent-secondary___wur25_12-1-0","icon_highlighted-positive":"magritte-icon_highlighted-positive___zRdnt_12-1-0","iconHighlightedPositive":"magritte-icon_highlighted-positive___zRdnt_12-1-0","icon_highlighted-positive-secondary":"magritte-icon_highlighted-positive-secondary___jIeBC_12-1-0","iconHighlightedPositiveSecondary":"magritte-icon_highlighted-positive-secondary___jIeBC_12-1-0","icon_highlighted-negative":"magritte-icon_highlighted-negative___xPy6U_12-1-0","iconHighlightedNegative":"magritte-icon_highlighted-negative___xPy6U_12-1-0","icon_highlighted-negative-secondary":"magritte-icon_highlighted-negative-secondary___0Bucn_12-1-0","iconHighlightedNegativeSecondary":"magritte-icon_highlighted-negative-secondary___0Bucn_12-1-0","icon_highlighted-warning":"magritte-icon_highlighted-warning___QRMr-_12-1-0","iconHighlightedWarning":"magritte-icon_highlighted-warning___QRMr-_12-1-0","icon_highlighted-warning-secondary":"magritte-icon_highlighted-warning-secondary___-EsYQ_12-1-0","iconHighlightedWarningSecondary":"magritte-icon_highlighted-warning-secondary___-EsYQ_12-1-0","icon_highlighted-special":"magritte-icon_highlighted-special___XAR0U_12-1-0","iconHighlightedSpecial":"magritte-icon_highlighted-special___XAR0U_12-1-0","icon_highlighted-special-secondary":"magritte-icon_highlighted-special-secondary___kLXNK_12-1-0","iconHighlightedSpecialSecondary":"magritte-icon_highlighted-special-secondary___kLXNK_12-1-0","icon_highlighted-dreamy":"magritte-icon_highlighted-dreamy___JD4B0_12-1-0","iconHighlightedDreamy":"magritte-icon_highlighted-dreamy___JD4B0_12-1-0","icon_highlighted-dreamy-secondary":"magritte-icon_highlighted-dreamy-secondary___1fIHn_12-1-0","iconHighlightedDreamySecondary":"magritte-icon_highlighted-dreamy-secondary___1fIHn_12-1-0","icon_highlighted-lovely":"magritte-icon_highlighted-lovely___0YsTt_12-1-0","iconHighlightedLovely":"magritte-icon_highlighted-lovely___0YsTt_12-1-0","icon_highlighted-lovely-secondary":"magritte-icon_highlighted-lovely-secondary___iUoLf_12-1-0","iconHighlightedLovelySecondary":"magritte-icon_highlighted-lovely-secondary___iUoLf_12-1-0","icon_highlighted-vivid":"magritte-icon_highlighted-vivid___BfXup_12-1-0","iconHighlightedVivid":"magritte-icon_highlighted-vivid___BfXup_12-1-0","icon_highlighted-vivid-secondary":"magritte-icon_highlighted-vivid-secondary___KMpts_12-1-0","iconHighlightedVividSecondary":"magritte-icon_highlighted-vivid-secondary___KMpts_12-1-0","icon_highlighted-contrast":"magritte-icon_highlighted-contrast___CJsWY_12-1-0","iconHighlightedContrast":"magritte-icon_highlighted-contrast___CJsWY_12-1-0","icon_highlighted-contrast-secondary":"magritte-icon_highlighted-contrast-secondary___5fzhK_12-1-0","iconHighlightedContrastSecondary":"magritte-icon_highlighted-contrast-secondary___5fzhK_12-1-0","icon_highlighted-constant":"magritte-icon_highlighted-constant___kZteh_12-1-0","iconHighlightedConstant":"magritte-icon_highlighted-constant___kZteh_12-1-0","icon_highlighted-inverse":"magritte-icon_highlighted-inverse___qBRMv_12-1-0","iconHighlightedInverse":"magritte-icon_highlighted-inverse___qBRMv_12-1-0","icon_highlighted-constant-secondary":"magritte-icon_highlighted-constant-secondary___Qh6Ek_12-1-0","iconHighlightedConstantSecondary":"magritte-icon_highlighted-constant-secondary___Qh6Ek_12-1-0","icon_highlighted-inverse-secondary":"magritte-icon_highlighted-inverse-secondary___tG-Da_12-1-0","iconHighlightedInverseSecondary":"magritte-icon_highlighted-inverse-secondary___tG-Da_12-1-0","icon_pressed-primary":"magritte-icon_pressed-primary___bdWTT_12-1-0","iconPressedPrimary":"magritte-icon_pressed-primary___bdWTT_12-1-0","icon_pressed-secondary":"magritte-icon_pressed-secondary___Lk1tr_12-1-0","iconPressedSecondary":"magritte-icon_pressed-secondary___Lk1tr_12-1-0","icon_pressed-tertiary":"magritte-icon_pressed-tertiary___8kPt3_12-1-0","iconPressedTertiary":"magritte-icon_pressed-tertiary___8kPt3_12-1-0","icon_pressed-accent":"magritte-icon_pressed-accent___vrVJ5_12-1-0","iconPressedAccent":"magritte-icon_pressed-accent___vrVJ5_12-1-0","icon_pressed-accent-secondary":"magritte-icon_pressed-accent-secondary___dZPrY_12-1-0","iconPressedAccentSecondary":"magritte-icon_pressed-accent-secondary___dZPrY_12-1-0","icon_pressed-positive":"magritte-icon_pressed-positive___1o70V_12-1-0","iconPressedPositive":"magritte-icon_pressed-positive___1o70V_12-1-0","icon_pressed-positive-secondary":"magritte-icon_pressed-positive-secondary___ebBJK_12-1-0","iconPressedPositiveSecondary":"magritte-icon_pressed-positive-secondary___ebBJK_12-1-0","icon_pressed-negative":"magritte-icon_pressed-negative___ofKP1_12-1-0","iconPressedNegative":"magritte-icon_pressed-negative___ofKP1_12-1-0","icon_pressed-negative-secondary":"magritte-icon_pressed-negative-secondary___qDXzl_12-1-0","iconPressedNegativeSecondary":"magritte-icon_pressed-negative-secondary___qDXzl_12-1-0","icon_pressed-warning":"magritte-icon_pressed-warning___5SkqW_12-1-0","iconPressedWarning":"magritte-icon_pressed-warning___5SkqW_12-1-0","icon_pressed-warning-secondary":"magritte-icon_pressed-warning-secondary___6yIVv_12-1-0","iconPressedWarningSecondary":"magritte-icon_pressed-warning-secondary___6yIVv_12-1-0","icon_pressed-special":"magritte-icon_pressed-special___VmzIQ_12-1-0","iconPressedSpecial":"magritte-icon_pressed-special___VmzIQ_12-1-0","icon_pressed-special-secondary":"magritte-icon_pressed-special-secondary___8uAQ4_12-1-0","iconPressedSpecialSecondary":"magritte-icon_pressed-special-secondary___8uAQ4_12-1-0","icon_pressed-dreamy":"magritte-icon_pressed-dreamy___C33cI_12-1-0","iconPressedDreamy":"magritte-icon_pressed-dreamy___C33cI_12-1-0","icon_pressed-dreamy-secondary":"magritte-icon_pressed-dreamy-secondary___5E9r7_12-1-0","iconPressedDreamySecondary":"magritte-icon_pressed-dreamy-secondary___5E9r7_12-1-0","icon_pressed-lovely":"magritte-icon_pressed-lovely___i6msa_12-1-0","iconPressedLovely":"magritte-icon_pressed-lovely___i6msa_12-1-0","icon_pressed-lovely-secondary":"magritte-icon_pressed-lovely-secondary___L4vOD_12-1-0","iconPressedLovelySecondary":"magritte-icon_pressed-lovely-secondary___L4vOD_12-1-0","icon_pressed-vivid":"magritte-icon_pressed-vivid___3dQEd_12-1-0","iconPressedVivid":"magritte-icon_pressed-vivid___3dQEd_12-1-0","icon_pressed-vivid-secondary":"magritte-icon_pressed-vivid-secondary___J-G3K_12-1-0","iconPressedVividSecondary":"magritte-icon_pressed-vivid-secondary___J-G3K_12-1-0","icon_pressed-contrast":"magritte-icon_pressed-contrast___HlH2J_12-1-0","iconPressedContrast":"magritte-icon_pressed-contrast___HlH2J_12-1-0","icon_pressed-contrast-secondary":"magritte-icon_pressed-contrast-secondary___K-Dvn_12-1-0","iconPressedContrastSecondary":"magritte-icon_pressed-contrast-secondary___K-Dvn_12-1-0","icon_pressed-constant":"magritte-icon_pressed-constant___0y6k6_12-1-0","iconPressedConstant":"magritte-icon_pressed-constant___0y6k6_12-1-0","icon_pressed-inverse":"magritte-icon_pressed-inverse___Xr9h6_12-1-0","iconPressedInverse":"magritte-icon_pressed-inverse___Xr9h6_12-1-0","icon_pressed-constant-secondary":"magritte-icon_pressed-constant-secondary___UOHZP_12-1-0","iconPressedConstantSecondary":"magritte-icon_pressed-constant-secondary___UOHZP_12-1-0","icon_pressed-inverse-secondary":"magritte-icon_pressed-inverse-secondary___MOBtr_12-1-0","iconPressedInverseSecondary":"magritte-icon_pressed-inverse-secondary___MOBtr_12-1-0","icon_disabled-primary":"magritte-icon_disabled-primary___SaUXP_12-1-0","iconDisabledPrimary":"magritte-icon_disabled-primary___SaUXP_12-1-0","icon_disabled-secondary":"magritte-icon_disabled-secondary___gfR6-_12-1-0","iconDisabledSecondary":"magritte-icon_disabled-secondary___gfR6-_12-1-0","icon_disabled-tertiary":"magritte-icon_disabled-tertiary___nxtTZ_12-1-0","iconDisabledTertiary":"magritte-icon_disabled-tertiary___nxtTZ_12-1-0","icon_disabled-accent":"magritte-icon_disabled-accent___SCxOx_12-1-0","iconDisabledAccent":"magritte-icon_disabled-accent___SCxOx_12-1-0","icon_disabled-accent-secondary":"magritte-icon_disabled-accent-secondary___ONog9_12-1-0","iconDisabledAccentSecondary":"magritte-icon_disabled-accent-secondary___ONog9_12-1-0","icon_disabled-positive":"magritte-icon_disabled-positive___r0zgE_12-1-0","iconDisabledPositive":"magritte-icon_disabled-positive___r0zgE_12-1-0","icon_disabled-positive-secondary":"magritte-icon_disabled-positive-secondary___l4A2Q_12-1-0","iconDisabledPositiveSecondary":"magritte-icon_disabled-positive-secondary___l4A2Q_12-1-0","icon_disabled-negative":"magritte-icon_disabled-negative___Q-VOq_12-1-0","iconDisabledNegative":"magritte-icon_disabled-negative___Q-VOq_12-1-0","icon_disabled-negative-secondary":"magritte-icon_disabled-negative-secondary___ydjaz_12-1-0","iconDisabledNegativeSecondary":"magritte-icon_disabled-negative-secondary___ydjaz_12-1-0","icon_disabled-warning":"magritte-icon_disabled-warning___TmqOn_12-1-0","iconDisabledWarning":"magritte-icon_disabled-warning___TmqOn_12-1-0","icon_disabled-warning-secondary":"magritte-icon_disabled-warning-secondary___QjlD1_12-1-0","iconDisabledWarningSecondary":"magritte-icon_disabled-warning-secondary___QjlD1_12-1-0","icon_disabled-special":"magritte-icon_disabled-special___hFIX3_12-1-0","iconDisabledSpecial":"magritte-icon_disabled-special___hFIX3_12-1-0","icon_disabled-special-secondary":"magritte-icon_disabled-special-secondary___E2lC4_12-1-0","iconDisabledSpecialSecondary":"magritte-icon_disabled-special-secondary___E2lC4_12-1-0","icon_disabled-dreamy":"magritte-icon_disabled-dreamy___3aqtq_12-1-0","iconDisabledDreamy":"magritte-icon_disabled-dreamy___3aqtq_12-1-0","icon_disabled-dreamy-secondary":"magritte-icon_disabled-dreamy-secondary___b0U8z_12-1-0","iconDisabledDreamySecondary":"magritte-icon_disabled-dreamy-secondary___b0U8z_12-1-0","icon_disabled-lovely":"magritte-icon_disabled-lovely___PqVy0_12-1-0","iconDisabledLovely":"magritte-icon_disabled-lovely___PqVy0_12-1-0","icon_disabled-lovely-secondary":"magritte-icon_disabled-lovely-secondary___CL1Vb_12-1-0","iconDisabledLovelySecondary":"magritte-icon_disabled-lovely-secondary___CL1Vb_12-1-0","icon_disabled-vivid":"magritte-icon_disabled-vivid___tI6jK_12-1-0","iconDisabledVivid":"magritte-icon_disabled-vivid___tI6jK_12-1-0","icon_disabled-vivid-secondary":"magritte-icon_disabled-vivid-secondary___g1W1e_12-1-0","iconDisabledVividSecondary":"magritte-icon_disabled-vivid-secondary___g1W1e_12-1-0","icon_disabled-contrast":"magritte-icon_disabled-contrast___Z4rzm_12-1-0","iconDisabledContrast":"magritte-icon_disabled-contrast___Z4rzm_12-1-0","icon_disabled-contrast-secondary":"magritte-icon_disabled-contrast-secondary___uN-3A_12-1-0","iconDisabledContrastSecondary":"magritte-icon_disabled-contrast-secondary___uN-3A_12-1-0","icon_disabled-constant":"magritte-icon_disabled-constant___fg3RK_12-1-0","iconDisabledConstant":"magritte-icon_disabled-constant___fg3RK_12-1-0","icon_disabled-inverse":"magritte-icon_disabled-inverse___aOO9k_12-1-0","iconDisabledInverse":"magritte-icon_disabled-inverse___aOO9k_12-1-0","icon_disabled-constant-secondary":"magritte-icon_disabled-constant-secondary___bE4Th_12-1-0","iconDisabledConstantSecondary":"magritte-icon_disabled-constant-secondary___bE4Th_12-1-0","icon_disabled-inverse-secondary":"magritte-icon_disabled-inverse-secondary___LLdOf_12-1-0","iconDisabledInverseSecondary":"magritte-icon_disabled-inverse-secondary___LLdOf_12-1-0","icon-dynamic_hover-enabled":"magritte-icon-dynamic_hover-enabled___WblhN_12-1-0","iconDynamicHoverEnabled":"magritte-icon-dynamic_hover-enabled___WblhN_12-1-0","icon-dynamic-disabled":"magritte-icon-dynamic-disabled___MfE8-_12-1-0","iconDynamicDisabled":"magritte-icon-dynamic-disabled___MfE8-_12-1-0","icon-dynamic_press-enabled":"magritte-icon-dynamic_press-enabled___aGKHB_12-1-0","iconDynamicPressEnabled":"magritte-icon-dynamic_press-enabled___aGKHB_12-1-0","icon-dynamic_full-width":"magritte-icon-dynamic_full-width___vgWH5_12-1-0","iconDynamicFullWidth":"magritte-icon-dynamic_full-width___vgWH5_12-1-0","icon-skeleton":"magritte-icon-skeleton___egoc6_12-1-0","iconSkeleton":"magritte-icon-skeleton___egoc6_12-1-0","icon-skeleton-size-16":"magritte-icon-skeleton-size-16___s8ySj_12-1-0","iconSkeletonSize16":"magritte-icon-skeleton-size-16___s8ySj_12-1-0","icon-skeleton-size-24":"magritte-icon-skeleton-size-24___5rccQ_12-1-0","iconSkeletonSize24":"magritte-icon-skeleton-size-24___5rccQ_12-1-0","icon-skeleton-size-32":"magritte-icon-skeleton-size-32___dZbFJ_12-1-0","iconSkeletonSize32":"magritte-icon-skeleton-size-32___dZbFJ_12-1-0","fade":"magritte-fade___wSvvp_12-1-0","fade-out":"magritte-fade-out___OL9Q9_12-1-0","fadeOut":"magritte-fade-out___OL9Q9_12-1-0","fade-in-start":"magritte-fade-in-start___sfGhZ_12-1-0","fadeInStart":"magritte-fade-in-start___sfGhZ_12-1-0","fade-in":"magritte-fade-in___q1DMs_12-1-0","fadeIn":"magritte-fade-in___q1DMs_12-1-0"};
+const IconDynamic = ({ stretched = false, hoverEnabled = true, pressEnabled = true, ...iconDynamicProps }) => {
+    const forceDisabled = useDisabled();
+    return (jsx("div", { className: classnames(styles['icon-dynamic'], {
+            [styles.iconDynamicFullWidth]: stretched,
+            [styles.iconDynamicDisabled]: forceDisabled,
+            [styles.iconDynamicHoverEnabled]: hoverEnabled,
+            [styles.iconDynamicPressEnabled]: pressEnabled,
+        }), ...iconDynamicProps }));
+};
+export { IconDynamic as I, styles as s };
+//# sourceMappingURL=IconDynamic-DVI4Xwr2.js.map

package/{IconDynamic-C5gzzlxf.js.map → IconDynamic-DVI4Xwr2.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconDynamic-~~C5gzzlxf~~.js","sources":["../src/IconDynamic.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, FC, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\n\nimport styles from './icon.less';\n\ninterface IconDynamicProps extends ComponentPropsWithoutRef<'div'> {\n /** На всю ширину /\n stretched?: boolean;\n /* Включает реакцию на hover /\n hoverEnabled?: boolean;\n /* Включает реакцию на press */\n pressEnabled?: boolean;\n}\n\nconst IconDynamic: FC<PropsWithChildren<IconDynamicProps>> = ({\n stretched = false,\n hoverEnabled = true,\n pressEnabled = true,\n ...iconDynamicProps\n}) => {\n const forceDisabled = useDisabled();\n\n return (\n <div\n className={classnames(styles['icon-dynamic'], {\n [styles.iconDynamicFullWidth]: stretched,\n [styles.iconDynamicDisabled]: forceDisabled,\n [styles.iconDynamicHoverEnabled]: hoverEnabled,\n [styles.iconDynamicPressEnabled]: pressEnabled,\n })}\n {...iconDynamicProps}\n />\n );\n};\n\nexport default IconDynamic;\n"],"names":["_jsx"],"mappings":";;;;;;AAgBM,MAAA,WAAW,GAA4C,CAAC,EAC1D,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,IAAI,EACnB,YAAY,GAAG,IAAI,EACnB,GAAG,gBAAgB,EACtB,KAAI;AACD,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;IAEpC,QACIA,GACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;AAC1C,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,SAAS;AACxC,YAAA,CAAC,MAAM,CAAC,mBAAmB,GAAG,aAAa;AAC3C,YAAA,CAAC,MAAM,CAAC,uBAAuB,GAAG,YAAY;AAC9C,YAAA,CAAC,MAAM,CAAC,uBAAuB,GAAG,YAAY;AACjD,SAAA,CAAC,EACE,GAAA,gBAAgB,EACtB,CAAA,EACJ;AACN;;;;"}
1	+ {"version":3,"file":"IconDynamic-DVI4Xwr2.js","sources":["../src/IconDynamic.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, FC, PropsWithChildren } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\n\nimport styles from './icon.less';\n\ninterface IconDynamicProps extends ComponentPropsWithoutRef<'div'> {\n /** На всю ширину /\n stretched?: boolean;\n /* Включает реакцию на hover /\n hoverEnabled?: boolean;\n /* Включает реакцию на press */\n pressEnabled?: boolean;\n}\n\nconst IconDynamic: FC<PropsWithChildren<IconDynamicProps>> = ({\n stretched = false,\n hoverEnabled = true,\n pressEnabled = true,\n ...iconDynamicProps\n}) => {\n const forceDisabled = useDisabled();\n\n return (\n <div\n className={classnames(styles['icon-dynamic'], {\n [styles.iconDynamicFullWidth]: stretched,\n [styles.iconDynamicDisabled]: forceDisabled,\n [styles.iconDynamicHoverEnabled]: hoverEnabled,\n [styles.iconDynamicPressEnabled]: pressEnabled,\n })}\n {...iconDynamicProps}\n />\n );\n};\n\nexport default IconDynamic;\n"],"names":["_jsx"],"mappings":";;;;;;AAgBM,MAAA,WAAW,GAA4C,CAAC,EAC1D,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,IAAI,EACnB,YAAY,GAAG,IAAI,EACnB,GAAG,gBAAgB,EACtB,KAAI;AACD,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;IAEpC,QACIA,GACI,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;AAC1C,YAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,SAAS;AACxC,YAAA,CAAC,MAAM,CAAC,mBAAmB,GAAG,aAAa;AAC3C,YAAA,CAAC,MAAM,CAAC,uBAAuB,GAAG,YAAY;AAC9C,YAAA,CAAC,MAAM,CAAC,uBAAuB,GAAG,YAAY;AACjD,SAAA,CAAC,EACE,GAAA,gBAAgB,EACtB,CAAA,EACJ;AACN;;;;"}

package/IconDynamic.js CHANGED Viewed

@@ -2,5 +2,5 @@ import './index.css';
 import 'react/jsx-runtime';
 import 'classnames';
 import '@hh.ru/magritte-common-use-disabled';
-export { I as default } from './IconDynamic-C5gzzlxf.js';
+export { I as default } from './IconDynamic-DVI4Xwr2.js';
 //# sourceMappingURL=IconDynamic.js.map

package/LoaderGlyph.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export declare const LoaderGlyph: import("react").ForwardRefExoticComponent<Omit<import("react").SVGProps<SVGSVGElement> & {
+    size: 16 | 24 | 32 | 48 | 64 | 96;
+}, "ref"> & import("react").RefAttributes<SVGSVGElement>>;

package/LoaderGlyph.js ADDED Viewed

@@ -0,0 +1,29 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import classnames from 'classnames';
+import { LoaderOutlinedSize16Glyph } from './variants/icon/LoaderOutlinedSize16.js';
+import { LoaderOutlinedSize24Glyph } from './variants/icon/LoaderOutlinedSize24.js';
+import { LoaderOutlinedSize32Glyph } from './variants/icon/LoaderOutlinedSize32.js';
+import { LoaderOutlinedSize48Glyph } from './variants/icon/LoaderOutlinedSize48.js';
+import { LoaderOutlinedSize64Glyph } from './variants/icon/LoaderOutlinedSize64.js';
+import { LoaderOutlinedSize96Glyph } from './variants/icon/LoaderOutlinedSize96.js';
+var styles = {"spinner":"magritte-spinner___OPjRZ_12-1-0","spin":"magritte-spin___Dw1MB_12-1-0"};
+const LOADER_BY_SIZE = {
+    16: LoaderOutlinedSize16Glyph,
+    24: LoaderOutlinedSize24Glyph,
+    32: LoaderOutlinedSize32Glyph,
+    48: LoaderOutlinedSize48Glyph,
+    64: LoaderOutlinedSize64Glyph,
+    96: LoaderOutlinedSize96Glyph,
+};
+const LoaderGlyph = forwardRef(({ size, ...props }, ref) => {
+    const Glyph = LOADER_BY_SIZE[size];
+    return jsx(Glyph, { ...props, className: classnames(props.className, styles.spinner), ref: ref });
+});
+LoaderGlyph.displayName = 'LoaderGlyph';
+export { LoaderGlyph };
+//# sourceMappingURL=LoaderGlyph.js.map

package/LoaderGlyph.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"LoaderGlyph.js","sources":["../src/LoaderGlyph.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport classnames from 'classnames';\n\nimport { LoaderOutlinedSize16Glyph } from '@hh.ru/magritte-ui-icon/variants/icon/LoaderOutlinedSize16';\nimport { LoaderOutlinedSize24Glyph } from '@hh.ru/magritte-ui-icon/variants/icon/LoaderOutlinedSize24';\nimport { LoaderOutlinedSize32Glyph } from '@hh.ru/magritte-ui-icon/variants/icon/LoaderOutlinedSize32';\nimport { LoaderOutlinedSize48Glyph } from '@hh.ru/magritte-ui-icon/variants/icon/LoaderOutlinedSize48';\nimport { LoaderOutlinedSize64Glyph } from '@hh.ru/magritte-ui-icon/variants/icon/LoaderOutlinedSize64';\nimport { LoaderOutlinedSize96Glyph } from '@hh.ru/magritte-ui-icon/variants/icon/LoaderOutlinedSize96';\n\nimport styles from './loader.less';\n\nconst LOADER_BY_SIZE = {\n 16: LoaderOutlinedSize16Glyph,\n 24: LoaderOutlinedSize24Glyph,\n 32: LoaderOutlinedSize32Glyph,\n 48: LoaderOutlinedSize48Glyph,\n 64: LoaderOutlinedSize64Glyph,\n 96: LoaderOutlinedSize96Glyph,\n};\n\nexport const LoaderGlyph = forwardRef<\n SVGSVGElement,\n React.SVGProps<SVGSVGElement> & { size: 16 | 24 | 32 | 48 | 64 | 96 }\n>(({ size, ...props }, ref) => {\n const Glyph = LOADER_BY_SIZE[size];\n return <Glyph {...props} className={classnames(props.className, styles.spinner)} ref={ref} />;\n});\n\nLoaderGlyph.displayName = 'LoaderGlyph';\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;AAYA,MAAM,cAAc,GAAG;AACnB,IAAA,EAAE,EAAE,yBAAyB;AAC7B,IAAA,EAAE,EAAE,yBAAyB;AAC7B,IAAA,EAAE,EAAE,yBAAyB;AAC7B,IAAA,EAAE,EAAE,yBAAyB;AAC7B,IAAA,EAAE,EAAE,yBAAyB;AAC7B,IAAA,EAAE,EAAE,yBAAyB;CAChC,CAAC;AAEW,MAAA,WAAW,GAAG,UAAU,CAGnC,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC1B,IAAA,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;IACnC,OAAOA,GAAA,CAAC,KAAK,EAAK,EAAA,GAAA,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC;AAClG,CAAC,EAAE;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/Skeleton.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { IconWrapperComponent, IconWrapperComponentSize16, IconWrapperComponentSize24, IconWrapperComponentSize32 } from '@hh.ru/magritte-ui-icon/iconTypes';
+import { IconWrapperComponent, IconWrapperComponentSize16, IconWrapperComponentSize24, IconWrapperComponentSize32 } from '@hh.ru/magritte-ui-icon/types';
 type IncompleteSkeletonProps = {
     loading?: boolean;
 } & {

package/Skeleton.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
 const LoadingContext = createContext(false);
 const useLoadingState = () => useContext(LoadingContext);
-var styles = {"icon-skeleton-container":"magritte-icon-skeleton-container___nNxgI_12-0-0","iconSkeletonContainer":"magritte-icon-skeleton-container___nNxgI_12-0-0","icon-skeleton":"magritte-icon-skeleton___Kleh6_12-0-0","iconSkeleton":"magritte-icon-skeleton___Kleh6_12-0-0","icon-skeleton-size-16":"magritte-icon-skeleton-size-16___LoMy1_12-0-0","iconSkeletonSize16":"magritte-icon-skeleton-size-16___LoMy1_12-0-0","icon-skeleton-size-24":"magritte-icon-skeleton-size-24___-5duE_12-0-0","iconSkeletonSize24":"magritte-icon-skeleton-size-24___-5duE_12-0-0","icon-skeleton-size-32":"magritte-icon-skeleton-size-32___gYqII_12-0-0","iconSkeletonSize32":"magritte-icon-skeleton-size-32___gYqII_12-0-0"};
+var styles = {"icon-skeleton-container":"magritte-icon-skeleton-container___nNxgI_12-1-0","iconSkeletonContainer":"magritte-icon-skeleton-container___nNxgI_12-1-0","icon-skeleton":"magritte-icon-skeleton___Kleh6_12-1-0","iconSkeleton":"magritte-icon-skeleton___Kleh6_12-1-0","icon-skeleton-size-16":"magritte-icon-skeleton-size-16___LoMy1_12-1-0","iconSkeletonSize16":"magritte-icon-skeleton-size-16___LoMy1_12-1-0","icon-skeleton-size-24":"magritte-icon-skeleton-size-24___-5duE_12-1-0","iconSkeletonSize24":"magritte-icon-skeleton-size-24___-5duE_12-1-0","icon-skeleton-size-32":"magritte-icon-skeleton-size-32___gYqII_12-1-0","iconSkeletonSize32":"magritte-icon-skeleton-size-32___gYqII_12-1-0"};
 const STYLES_MAP = {
     16: styles.iconSkeletonSize16,

package/Skeleton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.js","sources":["../../../common/use-loading-state/lib/index.js","../src/Skeleton.tsx"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { createContext, useContext } from 'react';\nimport { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';\n\nconst LoadingContext = createContext(false);\nconst LoadingContextProvider = ({ loading, children }) => {\n const disabled = useDisabled();\n return (jsx(LoadingContext.Provider, { value: loading \|\| false, children: jsx(DisabledContext.Provider, { value: loading \|\| disabled, children: children }) }));\n};\nconst useLoadingState = () => useContext(LoadingContext);\n\nexport { LoadingContextProvider, useLoadingState };\n//# sourceMappingURL=index.js.map\n","import classnames from 'classnames';\n\nimport { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport {\n IconDynamicProps,\n IconProps,\n IconWrapperComponent,\n IconWrapperComponentSize16,\n IconWrapperComponentSize24,\n IconWrapperComponentSize32,\n} from '@hh.ru/magritte-ui-icon/~~iconTypes~~';\nimport { Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './skeleton.less';\n\ntype IncompleteSkeletonProps = { loading?: boolean } & { Icon: IconWrapperComponent };\n\nconst STYLES_MAP = {\n 16: styles.iconSkeletonSize16,\n 24: styles.iconSkeletonSize24,\n 32: styles.iconSkeletonSize32,\n};\n\nconst getSkeletonProps = (iconProps: IconProps \| IconDynamicProps, iconSize: 16 \| 24 \| 32) => {\n const withWrapper = !!iconProps.backgroundStyle \|\| !!iconProps.borderStyle;\n const borderRadius = iconProps.borderRadius === 'halfHeight' ? 9999 : iconProps.borderRadius;\n const size = iconSize + (withWrapper ? (iconProps.padding \|\| 0) * 2 : 0);\n const additionalClass = !withWrapper ? classnames(STYLES_MAP[iconSize], styles.iconSkeleton) : undefined;\n\n return { withWrapper, borderRadius, size, additionalClass };\n};\n\nexport const SkeletonSize16 = (({ Icon, loading, ...iconProps }) => {\n const isLoading = useLoadingState() \|\| loading;\n const { withWrapper, borderRadius, size, additionalClass } = getSkeletonProps(iconProps, 16);\n\n if (isLoading) {\n return (\n <div\n className={classnames(styles.iconSkeletonContainer)}\n style={{ padding: !withWrapper ? iconProps.padding : undefined }}\n >\n <Skeleton\n loading={loading}\n additionalClass={additionalClass}\n width={size}\n height={size}\n borderRadius={withWrapper ? borderRadius : undefined}\n />\n </div>\n );\n }\n return <Icon {...iconProps} />;\n}) as IconWrapperComponentSize16<IncompleteSkeletonProps>;\n\nexport const SkeletonSize24 = (({ Icon, loading, ...iconProps }) => {\n const isLoading = useLoadingState() \|\| loading;\n const { withWrapper, borderRadius, size, additionalClass } = getSkeletonProps(iconProps, 24);\n if (isLoading) {\n return (\n <div\n className={classnames(styles.iconSkeletonContainer)}\n style={{ padding: !withWrapper ? iconProps.padding : undefined }}\n >\n <Skeleton\n loading={loading}\n additionalClass={additionalClass}\n width={size}\n height={size}\n borderRadius={withWrapper ? borderRadius : undefined}\n />\n </div>\n );\n }\n\n return <Icon {...iconProps} />;\n}) as IconWrapperComponentSize24<IncompleteSkeletonProps>;\n\nexport const SkeletonSize32 = (({ Icon, loading, ...iconProps }) => {\n const isLoading = useLoadingState() \|\| loading;\n const { withWrapper, borderRadius, size, additionalClass } = getSkeletonProps(iconProps, 32);\n if (isLoading) {\n return (\n <div\n className={classnames(styles.iconSkeletonContainer)}\n style={{ padding: !withWrapper ? iconProps.padding : undefined }}\n >\n <Skeleton\n loading={loading}\n additionalClass={additionalClass}\n width={size}\n height={size}\n borderRadius={withWrapper ? borderRadius : undefined}\n />\n </div>\n );\n }\n\n return <Icon {...iconProps} />;\n}) as IconWrapperComponentSize32<IncompleteSkeletonProps>;\n\nSkeletonSize16.isIcon = true;\nSkeletonSize24.isIcon = true;\nSkeletonSize32.isIcon = true;\n"],"names":["_jsx"],"mappings":"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"}
1	+ {"version":3,"file":"Skeleton.js","sources":["../../../common/use-loading-state/lib/index.js","../src/Skeleton.tsx"],"sourcesContent":["import { jsx } from 'react/jsx-runtime';\nimport { createContext, useContext } from 'react';\nimport { useDisabled, DisabledContext } from '@hh.ru/magritte-common-use-disabled';\n\nconst LoadingContext = createContext(false);\nconst LoadingContextProvider = ({ loading, children }) => {\n const disabled = useDisabled();\n return (jsx(LoadingContext.Provider, { value: loading \|\| false, children: jsx(DisabledContext.Provider, { value: loading \|\| disabled, children: children }) }));\n};\nconst useLoadingState = () => useContext(LoadingContext);\n\nexport { LoadingContextProvider, useLoadingState };\n//# sourceMappingURL=index.js.map\n","import classnames from 'classnames';\n\nimport { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport {\n IconDynamicProps,\n IconProps,\n IconWrapperComponent,\n IconWrapperComponentSize16,\n IconWrapperComponentSize24,\n IconWrapperComponentSize32,\n} from '@hh.ru/magritte-ui-icon/types';\nimport { Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './skeleton.less';\n\ntype IncompleteSkeletonProps = { loading?: boolean } & { Icon: IconWrapperComponent };\n\nconst STYLES_MAP = {\n 16: styles.iconSkeletonSize16,\n 24: styles.iconSkeletonSize24,\n 32: styles.iconSkeletonSize32,\n};\n\nconst getSkeletonProps = (iconProps: IconProps \| IconDynamicProps, iconSize: 16 \| 24 \| 32) => {\n const withWrapper = !!iconProps.backgroundStyle \|\| !!iconProps.borderStyle;\n const borderRadius = iconProps.borderRadius === 'halfHeight' ? 9999 : iconProps.borderRadius;\n const size = iconSize + (withWrapper ? (iconProps.padding \|\| 0) * 2 : 0);\n const additionalClass = !withWrapper ? classnames(STYLES_MAP[iconSize], styles.iconSkeleton) : undefined;\n\n return { withWrapper, borderRadius, size, additionalClass };\n};\n\nexport const SkeletonSize16 = (({ Icon, loading, ...iconProps }) => {\n const isLoading = useLoadingState() \|\| loading;\n const { withWrapper, borderRadius, size, additionalClass } = getSkeletonProps(iconProps, 16);\n\n if (isLoading) {\n return (\n <div\n className={classnames(styles.iconSkeletonContainer)}\n style={{ padding: !withWrapper ? iconProps.padding : undefined }}\n >\n <Skeleton\n loading={loading}\n additionalClass={additionalClass}\n width={size}\n height={size}\n borderRadius={withWrapper ? borderRadius : undefined}\n />\n </div>\n );\n }\n return <Icon {...iconProps} />;\n}) as IconWrapperComponentSize16<IncompleteSkeletonProps>;\n\nexport const SkeletonSize24 = (({ Icon, loading, ...iconProps }) => {\n const isLoading = useLoadingState() \|\| loading;\n const { withWrapper, borderRadius, size, additionalClass } = getSkeletonProps(iconProps, 24);\n if (isLoading) {\n return (\n <div\n className={classnames(styles.iconSkeletonContainer)}\n style={{ padding: !withWrapper ? iconProps.padding : undefined }}\n >\n <Skeleton\n loading={loading}\n additionalClass={additionalClass}\n width={size}\n height={size}\n borderRadius={withWrapper ? borderRadius : undefined}\n />\n </div>\n );\n }\n\n return <Icon {...iconProps} />;\n}) as IconWrapperComponentSize24<IncompleteSkeletonProps>;\n\nexport const SkeletonSize32 = (({ Icon, loading, ...iconProps }) => {\n const isLoading = useLoadingState() \|\| loading;\n const { withWrapper, borderRadius, size, additionalClass } = getSkeletonProps(iconProps, 32);\n if (isLoading) {\n return (\n <div\n className={classnames(styles.iconSkeletonContainer)}\n style={{ padding: !withWrapper ? iconProps.padding : undefined }}\n >\n <Skeleton\n loading={loading}\n additionalClass={additionalClass}\n width={size}\n height={size}\n borderRadius={withWrapper ? borderRadius : undefined}\n />\n </div>\n );\n }\n\n return <Icon {...iconProps} />;\n}) as IconWrapperComponentSize32<IncompleteSkeletonProps>;\n\nSkeletonSize16.isIcon = true;\nSkeletonSize24.isIcon = true;\nSkeletonSize32.isIcon = true;\n"],"names":["_jsx"],"mappings":"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"}

package/WrapperMockComponent.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { ComponentProps, ReactElement } from 'react';
-import { IconWrapperComponent } from '@hh.ru/magritte-ui-icon/iconTypes';
+import { IconWrapperComponent } from '@hh.ru/magritte-ui-icon/types';
 declare const WrapperMockComponent: ({ "data-qa": dataQa, disabled, tabIndex, children, ...props }: ComponentProps<IconWrapperComponent>) => ReactElement;
 export default WrapperMockComponent;

package/WrapperMockComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WrapperMockComponent.js","sources":["../src/WrapperMockComponent.tsx"],"sourcesContent":["import { cloneElement, ComponentProps, isValidElement, ReactElement } from 'react';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { IconWrapperComponent } from '@hh.ru/magritte-ui-icon/~~iconTypes~~';\n\nconst WrapperMockComponent = ({\n 'data-qa': dataQa,\n disabled,\n tabIndex,\n children,\n ...props\n}: ComponentProps<IconWrapperComponent>): ReactElement => {\n const isComponentDisabled = useDisabled() \|\| !!disabled;\n if (props.onClick) {\n return (\n <button\n type={'button'}\n data-qa={dataQa}\n onClick={props.onClick}\n disabled={isComponentDisabled}\n tabIndex={tabIndex}\n >\n {isValidElement(children) ? cloneElement(children as ReactElement, { 'data-qa': undefined }) : children}\n </button>\n );\n }\n\n return <>{children}</>;\n};\n\nexport default WrapperMockComponent;\n"],"names":["_jsx","_Fragment"],"mappings":";;;;AAKA,MAAM,oBAAoB,GAAG,CAAC,EAC1B,SAAS,EAAE,MAAM,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EAC2B,KAAkB;IACrD,MAAM,mBAAmB,GAAG,WAAW,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC;AACxD,IAAA,IAAI,KAAK,CAAC,OAAO,EAAE;QACf,QACIA,gBACI,IAAI,EAAE,QAAQ,EACL,SAAA,EAAA,MAAM,EACf,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,mBAAmB,EAC7B,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAEjB,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,QAAwB,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,GAAG,QAAQ,EAClG,CAAA,EACX;KACL;IAED,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI,CAAC;AAC3B;;;;"}
1	+ {"version":3,"file":"WrapperMockComponent.js","sources":["../src/WrapperMockComponent.tsx"],"sourcesContent":["import { cloneElement, ComponentProps, isValidElement, ReactElement } from 'react';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { IconWrapperComponent } from '@hh.ru/magritte-ui-icon/types';\n\nconst WrapperMockComponent = ({\n 'data-qa': dataQa,\n disabled,\n tabIndex,\n children,\n ...props\n}: ComponentProps<IconWrapperComponent>): ReactElement => {\n const isComponentDisabled = useDisabled() \|\| !!disabled;\n if (props.onClick) {\n return (\n <button\n type={'button'}\n data-qa={dataQa}\n onClick={props.onClick}\n disabled={isComponentDisabled}\n tabIndex={tabIndex}\n >\n {isValidElement(children) ? cloneElement(children as ReactElement, { 'data-qa': undefined }) : children}\n </button>\n );\n }\n\n return <>{children}</>;\n};\n\nexport default WrapperMockComponent;\n"],"names":["_jsx","_Fragment"],"mappings":";;;;AAKA,MAAM,oBAAoB,GAAG,CAAC,EAC1B,SAAS,EAAE,MAAM,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EAC2B,KAAkB;IACrD,MAAM,mBAAmB,GAAG,WAAW,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC;AACxD,IAAA,IAAI,KAAK,CAAC,OAAO,EAAE;QACf,QACIA,gBACI,IAAI,EAAE,QAAQ,EACL,SAAA,EAAA,MAAM,EACf,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,mBAAmB,EAC7B,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAEjB,cAAc,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC,QAAwB,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,GAAG,QAAQ,EAClG,CAAA,EACX;KACL;IAED,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI,CAAC;AAC3B;;;;"}

package/country.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 export * from '@hh.ru/magritte-ui-icon/variants/country';
-export { type IconColor, type IconDisabledColor } from '@hh.ru/magritte-ui-icon/iconTypes';
+export { type IconColor, type IconDisabledColor } from '@hh.ru/magritte-ui-icon/types';
 export { default as IconDynamic } from '@hh.ru/magritte-ui-icon/IconDynamic';

package/country.js CHANGED Viewed

@@ -1,41 +1,50 @@
 import './index.css';
-export { default as KZSize32 } from './variants/country/KZSize32.js';
-export { default as KZSize24 } from './variants/country/KZSize24.js';
-export { default as ENSize32 } from './variants/country/ENSize32.js';
-export { default as GESize24 } from './variants/country/GESize24.js';
-export { default as ATSize24 } from './variants/country/ATSize24.js';
-export { default as ATSize16 } from './variants/country/ATSize16.js';
-export { default as ATSize32 } from './variants/country/ATSize32.js';
-export { default as ENSize16 } from './variants/country/ENSize16.js';
-export { default as ENSize24 } from './variants/country/ENSize24.js';
-export { default as KGSize32 } from './variants/country/KGSize32.js';
-export { default as KGSize16 } from './variants/country/KGSize16.js';
-export { default as KGSize24 } from './variants/country/KGSize24.js';
-export { default as GESize16 } from './variants/country/GESize16.js';
-export { default as AUSize24 } from './variants/country/AUSize24.js';
-export { default as BYSize16 } from './variants/country/BYSize16.js';
-export { default as KZSize16 } from './variants/country/KZSize16.js';
-export { default as RUSize32 } from './variants/country/RUSize32.js';
-export { default as BYSize32 } from './variants/country/BYSize32.js';
-export { default as AZSize16 } from './variants/country/AZSize16.js';
-export { default as RUSize16 } from './variants/country/RUSize16.js';
-export { default as AUSize32 } from './variants/country/AUSize32.js';
-export { default as BYSize24 } from './variants/country/BYSize24.js';
-export { default as GESize32 } from './variants/country/GESize32.js';
-export { default as AZSize24 } from './variants/country/AZSize24.js';
-export { default as AUSize16 } from './variants/country/AUSize16.js';
-export { default as RUSize24 } from './variants/country/RUSize24.js';
-export { default as AZSize32 } from './variants/country/AZSize32.js';
-export { default as UZSize32 } from './variants/country/UZSize32.js';
-export { default as UZSize24 } from './variants/country/UZSize24.js';
-export { default as UZSize16 } from './variants/country/UZSize16.js';
-export { I as IconDynamic } from './IconDynamic-C5gzzlxf.js';
+export { ATSize16, ATSize24, ATSize32, AUSize16, AUSize24, AUSize32, AZSize16, AZSize24, AZSize32, BYSize16, BYSize24, BYSize32, ENSize16, ENSize24, ENSize32, GESize16, GESize24, GESize32, KGSize16, KGSize24, KGSize32, KZSize16, KZSize24, KZSize32, RUSize16, RUSize24, RUSize32, UZSize16, UZSize24, UZSize32 } from './variants/country/index.js';
+export { I as IconDynamic } from './IconDynamic-DVI4Xwr2.js';
+import './hoc.js';
 import 'react/jsx-runtime';
 import 'react';
-import './hoc.js';
 import 'classnames';
 import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-common-use-multiple-refs';
 import '@hh.ru/magritte-ui-badge';
+import './LoaderGlyph.js';
+import './variants/icon/LoaderOutlinedSize16.js';
+import './variants/icon/LoaderOutlinedSize24.js';
+import './variants/icon/LoaderOutlinedSize32.js';
+import './variants/icon/LoaderOutlinedSize48.js';
+import './variants/icon/LoaderOutlinedSize64.js';
+import './variants/icon/LoaderOutlinedSize96.js';
 import './Skeleton.js';
 import '@hh.ru/magritte-ui-skeleton';
+import './variants/country/ATSize16.js';
+import './variants/country/ATSize24.js';
+import './variants/country/ATSize32.js';
+import './variants/country/AUSize16.js';
+import './variants/country/AUSize24.js';
+import './variants/country/AUSize32.js';
+import './variants/country/AZSize16.js';
+import './variants/country/AZSize24.js';
+import './variants/country/AZSize32.js';
+import './variants/country/BYSize16.js';
+import './variants/country/BYSize24.js';
+import './variants/country/BYSize32.js';
+import './variants/country/ENSize16.js';
+import './variants/country/ENSize24.js';
+import './variants/country/ENSize32.js';
+import './variants/country/GESize16.js';
+import './variants/country/GESize24.js';
+import './variants/country/GESize32.js';
+import './variants/country/KGSize16.js';
+import './variants/country/KGSize24.js';
+import './variants/country/KGSize32.js';
+import './variants/country/KZSize16.js';
+import './variants/country/KZSize24.js';
+import './variants/country/KZSize32.js';
+import './variants/country/RUSize16.js';
+import './variants/country/RUSize24.js';
+import './variants/country/RUSize32.js';
+import './variants/country/UZSize16.js';
+import './variants/country/UZSize24.js';
+import './variants/country/UZSize32.js';
 //# sourceMappingURL=country.js.map

package/country.js.map CHANGED Viewed

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

package/country.mock.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ForwardRefExoticComponent } from 'react';
-export { type IconColor, type IconDisabledColor } from '@hh.ru/magritte-ui-icon/iconTypes';
+export { type IconColor, type IconDisabledColor } from '@hh.ru/magritte-ui-icon/types';
 export declare const IconDynamic: ForwardRefExoticComponent<Record<string, unknown>>;
 export declare const ATSize16: ForwardRefExoticComponent<Record<string, unknown>>;
 export declare const ATSize24: ForwardRefExoticComponent<Record<string, unknown>>;

package/country.mock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"country.mock.js","sources":["../src/country.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport WrapperMockComponent from '@hh.ru/magritte-ui-icon/WrapperMockComponent';\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type IconColor, type IconDisabledColor } from '@hh.ru/magritte-ui-icon/iconTypes';\nexport const IconDynamic: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('IconDynamic', undefined, {\n withChildren: true,\n});\nexport const ATSize16 = mockComponent(\n 'ATSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const ATSize24 = mockComponent(\n 'ATSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const ATSize32 = mockComponent(\n 'ATSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const AUSize16 = mockComponent(\n 'AUSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const AUSize24 = mockComponent(\n 'AUSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const AUSize32 = mockComponent(\n 'AUSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const AZSize16 = mockComponent(\n 'AZSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const AZSize24 = mockComponent(\n 'AZSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const AZSize32 = mockComponent(\n 'AZSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const BYSize16 = mockComponent(\n 'BYSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const BYSize24 = mockComponent(\n 'BYSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const BYSize32 = mockComponent(\n 'BYSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const ENSize16 = mockComponent(\n 'ENSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const ENSize24 = mockComponent(\n 'ENSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const ENSize32 = mockComponent(\n 'ENSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const GESize16 = mockComponent(\n 'GESize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const GESize24 = mockComponent(\n 'GESize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const GESize32 = mockComponent(\n 'GESize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const KGSize16 = mockComponent(\n 'KGSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const KGSize24 = mockComponent(\n 'KGSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const KGSize32 = mockComponent(\n 'KGSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const KZSize16 = mockComponent(\n 'KZSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const KZSize24 = mockComponent(\n 'KZSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const KZSize32 = mockComponent(\n 'KZSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const RUSize16 = mockComponent(\n 'RUSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const RUSize24 = mockComponent(\n 'RUSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const RUSize32 = mockComponent(\n 'RUSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const UZSize16 = mockComponent(\n 'UZSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const UZSize24 = mockComponent(\n 'UZSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const UZSize32 = mockComponent(\n 'UZSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"country.mock.js","sources":["../src/country.mock.ts"],"sourcesContent":["import { ForwardRefExoticComponent } from 'react';\n\nimport WrapperMockComponent from '@hh.ru/magritte-ui-icon/WrapperMockComponent';\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type IconColor, type IconDisabledColor } from '@hh.ru/magritte-ui-icon/types';\n\nexport const IconDynamic: ForwardRefExoticComponent<Record<string, unknown>> = mockComponent('IconDynamic', undefined, {\n withChildren: true,\n});\nexport const ATSize16 = mockComponent(\n 'ATSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const ATSize24 = mockComponent(\n 'ATSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const ATSize32 = mockComponent(\n 'ATSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const AUSize16 = mockComponent(\n 'AUSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const AUSize24 = mockComponent(\n 'AUSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const AUSize32 = mockComponent(\n 'AUSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const AZSize16 = mockComponent(\n 'AZSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const AZSize24 = mockComponent(\n 'AZSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const AZSize32 = mockComponent(\n 'AZSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const BYSize16 = mockComponent(\n 'BYSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const BYSize24 = mockComponent(\n 'BYSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const BYSize32 = mockComponent(\n 'BYSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const ENSize16 = mockComponent(\n 'ENSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const ENSize24 = mockComponent(\n 'ENSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const ENSize32 = mockComponent(\n 'ENSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const GESize16 = mockComponent(\n 'GESize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const GESize24 = mockComponent(\n 'GESize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const GESize32 = mockComponent(\n 'GESize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const KGSize16 = mockComponent(\n 'KGSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const KGSize24 = mockComponent(\n 'KGSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const KGSize32 = mockComponent(\n 'KGSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const KZSize16 = mockComponent(\n 'KZSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const KZSize24 = mockComponent(\n 'KZSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const KZSize32 = mockComponent(\n 'KZSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const RUSize16 = mockComponent(\n 'RUSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const RUSize24 = mockComponent(\n 'RUSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const RUSize32 = mockComponent(\n 'RUSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const UZSize16 = mockComponent(\n 'UZSize16',\n { _size: 16, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const UZSize24 = mockComponent(\n 'UZSize24',\n { _size: 24, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n\nexport const UZSize32 = mockComponent(\n 'UZSize32',\n { _size: 32, isIcon: true },\n {\n withChildren: false,\n WrapperComponent: WrapperMockComponent,\n }\n);\n"],"names":[],"mappings":"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"}

package/hoc.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
-import React, { SVGProps } from 'react';
-import { IconWrapperComponent, IconWrapperComponentSize16, IconWrapperComponentSize24, IconWrapperComponentSize32 } from '@hh.ru/magritte-ui-icon/iconTypes';
-type IconComponent = React.ForwardRefExoticComponent<SVGProps<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+import { IconWrapperComponent, IconWrapperComponentSize16, IconWrapperComponentSize24, IconWrapperComponentSize32 } from '@hh.ru/magritte-ui-icon/types';
+type IconGlyphComponent = React.ForwardRefExoticComponent<React.SVGProps<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
 type SizedIconWrapperComponent<T extends string> = T extends `${string}Size16` ? IconWrapperComponentSize16 : T extends `${string}Size24` ? IconWrapperComponentSize24 : T extends `${string}Size32` ? IconWrapperComponentSize32 : IconWrapperComponent;
 type SizedSkeleton<T extends string> = T extends `${string}Size16` ? IconWrapperComponentSize16<{
     loading?: boolean;
@@ -14,5 +13,5 @@ type SizedSkeleton<T extends string> = T extends `${string}Size16` ? IconWrapper
 type IconWithSkeleton<T extends string> = SizedIconWrapperComponent<T> & {
     Skeleton: SizedSkeleton<T>;
 };
-declare const hoc: <T extends string>(Icon: IconComponent, componentName: string) => IconWithSkeleton<T>;
+declare const hoc: <T extends string>(IconGlyph: IconGlyphComponent, componentName: string) => IconWithSkeleton<T>;
 export default hoc;

package/hoc.js CHANGED Viewed

@@ -1,11 +1,19 @@
 import './index.css';
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { forwardRef, useRef, useState, useEffect } from 'react';
 import classnames from 'classnames';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
+import { useMultipleRefs } from '@hh.ru/magritte-common-use-multiple-refs';
 import { ComponentWithBadge } from '@hh.ru/magritte-ui-badge';
-import { s as styles, I as IconDynamic } from './IconDynamic-C5gzzlxf.js';
+import { s as styles, I as IconDynamic } from './IconDynamic-DVI4Xwr2.js';
+import { LoaderGlyph } from './LoaderGlyph.js';
 import { SkeletonSize16, SkeletonSize24, SkeletonSize32 } from './Skeleton.js';
+import './variants/icon/LoaderOutlinedSize16.js';
+import './variants/icon/LoaderOutlinedSize24.js';
+import './variants/icon/LoaderOutlinedSize32.js';
+import './variants/icon/LoaderOutlinedSize48.js';
+import './variants/icon/LoaderOutlinedSize64.js';
+import './variants/icon/LoaderOutlinedSize96.js';
 import '@hh.ru/magritte-ui-skeleton';
 const INCOMPLETE_SKELETON_BY_SIZE = {
@@ -14,8 +22,8 @@ const INCOMPLETE_SKELETON_BY_SIZE = {
     32: SkeletonSize32,
 };
 const ALLOWED_BADGE_SIZES = ['small', 'extra-small'];
-const hoc = function (Icon, componentName) {
-    const IconWrapperComponent = ({ initialColor: _initialColor, 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, padding, borderRadius, borderStyle, backgroundStyle, shadow = 'level-0', increaseShadow, badge, onClick, disabled, hex, tabIndex, ...props }, ref) => {
+const hoc = function (IconGlyph, componentName) {
+    const IconWrapperComponent = ({ initialColor: _initialColor, 'aria-label': ariaLabel, 'aria-hidden': ariaHidden, padding, borderRadius, borderStyle, backgroundStyle, shadow = 'level-0', increaseShadow, badge, onClick, disabled, hex, tabIndex, loading, ...props }, ref) => {
         let highlightedValue;
         let disabledValue;
         let pressedValue;
@@ -33,12 +41,51 @@ const hoc = function (Icon, componentName) {
             shadow !== 'level-0' ||
             increaseShadow;
         const WrapperElement = onClick ? 'button' : 'span';
-        const additionalProps = { ref, tabIndex };
+        const wrapperProps = { ref, tabIndex };
         const isComponentDisabled = useDisabled() || !!disabled;
+        const iconGlyphRef = useRef();
+        const iconGlyphRefCallback = useMultipleRefs(iconGlyphRef, withWrapper ? null : ref);
+        const animationDurationRef = useRef(null);
+        const prevLoadingValueRef = useRef(loading);
+        const [renderedLoadingValue, setRenderedLoadingValue] = useState(loading);
+        const fadeTimeoutRef = useRef(null);
+        useEffect(() => {
+            const animationDurationElement = document.createElement('div');
+            animationDurationElement.classList.add(styles.fade);
+            document.body.appendChild(animationDurationElement);
+            const style = window.getComputedStyle(animationDurationElement);
+            const fadeAnimationDuration = parseInt(style.getPropertyValue('--fade-animation-duration'), 10);
+            document.body.removeChild(animationDurationElement);
+            animationDurationRef.current = { fade: fadeAnimationDuration };
+        }, []);
+        useEffect(() => {
+            if (fadeTimeoutRef.current !== null) {
+                iconGlyphRef.current?.classList.remove(styles.fadeOut);
+                clearTimeout(fadeTimeoutRef.current);
+                fadeTimeoutRef.current = null;
+            }
+            if (prevLoadingValueRef.current !== loading) {
+                iconGlyphRef.current?.classList.add(styles.fadeOut);
+                fadeTimeoutRef.current = setTimeout(() => {
+                    fadeTimeoutRef.current = null;
+                    setRenderedLoadingValue(loading);
+                }, animationDurationRef.current?.fade);
+            }
+        }, [loading]);
+        useEffect(() => {
+            if (prevLoadingValueRef.current !== renderedLoadingValue) {
+                void iconGlyphRef.current?.scrollTop; // trigger repaint
+                iconGlyphRef.current?.classList.add(styles.fadeIn);
+                prevLoadingValueRef.current = renderedLoadingValue;
+            }
+        }, [renderedLoadingValue]);
         if (WrapperElement === 'button') {
-            additionalProps.type = 'button';
-            additionalProps.disabled = isComponentDisabled;
-            additionalProps.onClick = onClick;
+            wrapperProps.type = 'button';
+            wrapperProps.disabled = isComponentDisabled;
+            wrapperProps.onClick = onClick;
+            if (renderedLoadingValue) {
+                wrapperProps.tabIndex = -1;
+            }
         }
         if ('highlightedColor' in propsToPass) {
             const { highlightedColor, ...lastProps } = propsToPass;
@@ -90,27 +137,46 @@ const hoc = function (Icon, componentName) {
             propsToPass = lastProps;
             dataQa = dataQaValue;
         }
-        const icon = (jsx(Icon, { ...propsToPass, "aria-label": ariaLabel, "aria-hidden": ariaLabel ? ariaHidden || undefined : true, "data-qa": withWrapper && dataQa ? `${dataQa}-svg` : dataQa, role: "img", focusable: "false", ref: !withWrapper ? ref : undefined, tabIndex: !withWrapper ? tabIndex : undefined, className: classnames(styles.icon, {
+        const glyphProps = {
+            ...propsToPass,
+            'aria-label': ariaLabel,
+            'aria-hidden': ariaLabel ? ariaHidden || undefined : true,
+            'data-qa': withWrapper && dataQa ? `${dataQa}-svg` : dataQa,
+            role: 'img',
+            focusable: false,
+            ref: iconGlyphRefCallback,
+            tabIndex: withWrapper ? undefined : tabIndex,
+            className: classnames(styles.icon, {
                 [styles[`icon_initial-${initialColor}`]]: !!initialColor,
+                [styles[`icon_disabled-${disabledValue}`]]: !!disabledValue,
+                [styles.hexed]: hex || hexDisabledValue,
+                [styles.fadeInStart]: prevLoadingValueRef.current !== renderedLoadingValue,
+            }, !renderedLoadingValue && {
                 [styles[`icon_highlighted-${highlightedValue}`]]: !!highlightedValue,
                 [styles[`icon_pressed-${pressedValue}`]]: !!pressedValue,
-                [styles[`icon_disabled-${disabledValue}`]]: !!disabledValue,
                 [styles.hexed]: hex || hexHighlightedValue || hexDisabledValue,
-            }), style: {
+            }),
+            style: {
                 '--magritte-ui-icon-hex-color': hex,
-                '--magritte-ui-icon-hex-highlighted-color': hexHighlightedValue,
-                '--magritte-ui-icon-hex-pressed-color': hexPressedValue,
                 '--magritte-ui-icon-hex-disabled-color': hexDisabledValue,
-            } }));
+                ...(!renderedLoadingValue && {
+                    '--magritte-ui-icon-hex-highlighted-color': hexHighlightedValue,
+                    '--magritte-ui-icon-hex-pressed-color': hexPressedValue,
+                }),
+            },
+        };
+        const size = parseInt(componentName.slice(-2), 10);
+        const icon = renderedLoadingValue ? jsx(LoaderGlyph, { size: size, ...glyphProps }) : jsx(IconGlyph, { ...glyphProps });
         const wrappedIcon = badge && !backgroundStyle && shadow === 'level-0' && !isComponentDisabled ? (jsx(ComponentWithBadge, { allowedSizes: ALLOWED_BADGE_SIZES, badge: badge, offset: -3, children: icon })) : (icon);
         let wrapper = wrappedIcon;
         if (withWrapper) {
-            const content = (jsx(WrapperElement, { ...additionalProps, "data-qa": dataQa, className: classnames(styles.view, {
+            const content = (jsx(WrapperElement, { ...wrapperProps, "data-qa": dataQa, className: classnames(styles.view, {
                     [styles[`shadow-${shadow}`]]: shadow,
                     [styles.increase]: increaseShadow,
+                    [styles.loading]: renderedLoadingValue,
                 }), style: { borderRadius: borderRadius === 'halfHeight' ? '9999px' : borderRadius }, children: jsx("span", { className: classnames(styles.view, backgroundStyle && styles[`style-${backgroundStyle}`], borderStyle && styles[`border-style-${borderStyle}`]), style: { borderRadius: borderRadius === 'halfHeight' ? '9999px' : borderRadius, padding }, children: wrappedIcon }) }));
             wrapper = (jsx("span", { className: classnames(styles.wrapper, {
-                    [styles.active]: !!onClick && !isComponentDisabled,
+                    [styles.active]: !!onClick && !isComponentDisabled && !renderedLoadingValue,
                 }), children: onClick ? jsx(IconDynamic, { children: content }) : content }));
         }
         if (badge && (backgroundStyle || shadow !== 'level-0') && !isComponentDisabled) {