@hh.ru/magritte-ui-card 8.3.7 → 8.3.9
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/Card.js +1 -1
- package/Card.js.map +1 -1
- package/Skeleton.js.map +1 -1
- package/index.css +1033 -1033
- package/package.json +13 -13
package/Card.js
CHANGED
|
@@ -10,7 +10,7 @@ import { IconDynamic } from '@hh.ru/magritte-ui-icon';
|
|
|
10
10
|
import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
|
|
11
11
|
import { TextDynamic } from '@hh.ru/magritte-ui-typography';
|
|
12
12
|
|
|
13
|
-
var styles = {"card":"magritte-card___bhGKz_8-3-7","border-element":"magritte-border-element___x7sZL_8-3-7","borderElement":"magritte-border-element___x7sZL_8-3-7","card-press-enabled":"magritte-card-press-enabled___kXfCl_8-3-7","cardPressEnabled":"magritte-card-press-enabled___kXfCl_8-3-7","card-disabled":"magritte-card-disabled___SMFnB_8-3-7","cardDisabled":"magritte-card-disabled___SMFnB_8-3-7","card-stretched":"magritte-card-stretched___0Uc0J_8-3-7","cardStretched":"magritte-card-stretched___0Uc0J_8-3-7","card-vertical-stretched":"magritte-card-vertical-stretched___Lrxmc_8-3-7","cardVerticalStretched":"magritte-card-vertical-stretched___Lrxmc_8-3-7","border-selected":"magritte-border-selected___bGxVg_8-3-7","borderSelected":"magritte-border-selected___bGxVg_8-3-7","border-default":"magritte-border-default___eT8Lg_8-3-7","borderDefault":"magritte-border-default___eT8Lg_8-3-7","card-hover-enabled":"magritte-card-hover-enabled___-wolU_8-3-7","cardHoverEnabled":"magritte-card-hover-enabled___-wolU_8-3-7","card-shadow-level-3":"magritte-card-shadow-level-3___R34TB_8-3-7","cardShadowLevel3":"magritte-card-shadow-level-3___R34TB_8-3-7","card-shadow-level-2":"magritte-card-shadow-level-2___BgHDx_8-3-7","cardShadowLevel2":"magritte-card-shadow-level-2___BgHDx_8-3-7","card-shadow-level-1":"magritte-card-shadow-level-1___8-39e_8-3-7","cardShadowLevel1":"magritte-card-shadow-level-1___8-39e_8-3-7","card-shadow-level-0":"magritte-card-shadow-level-0___RNbQK_8-3-7","cardShadowLevel0":"magritte-card-shadow-level-0___RNbQK_8-3-7","increase-shadow":"magritte-increase-shadow___Lvfmm_8-3-7","increaseShadow":"magritte-increase-shadow___Lvfmm_8-3-7","flex-container":"magritte-flex-container___CVFEY_8-3-7","flexContainer":"magritte-flex-container___CVFEY_8-3-7","card-style-primary":"magritte-card-style-primary___eZ6aX_8-3-7","cardStylePrimary":"magritte-card-style-primary___eZ6aX_8-3-7","card-hover-style-primary":"magritte-card-hover-style-primary___VgPLn_8-3-7","cardHoverStylePrimary":"magritte-card-hover-style-primary___VgPLn_8-3-7","card-style-secondary":"magritte-card-style-secondary___VmTqm_8-3-7","cardStyleSecondary":"magritte-card-style-secondary___VmTqm_8-3-7","card-hover-style-secondary":"magritte-card-hover-style-secondary___NQCxT_8-3-7","cardHoverStyleSecondary":"magritte-card-hover-style-secondary___NQCxT_8-3-7","card-style-tertiary":"magritte-card-style-tertiary___fE-jW_8-3-7","cardStyleTertiary":"magritte-card-style-tertiary___fE-jW_8-3-7","card-hover-style-tertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-3-7","cardHoverStyleTertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-3-7","card-style-accent-secondary":"magritte-card-style-accent-secondary___Ra0PD_8-3-7","cardStyleAccentSecondary":"magritte-card-style-accent-secondary___Ra0PD_8-3-7","card-hover-style-accent-secondary":"magritte-card-hover-style-accent-secondary___o5URO_8-3-7","cardHoverStyleAccentSecondary":"magritte-card-hover-style-accent-secondary___o5URO_8-3-7","card-style-accent":"magritte-card-style-accent___Gd2T5_8-3-7","cardStyleAccent":"magritte-card-style-accent___Gd2T5_8-3-7","card-hover-style-accent":"magritte-card-hover-style-accent___n8Lb4_8-3-7","cardHoverStyleAccent":"magritte-card-hover-style-accent___n8Lb4_8-3-7","card-style-positive-secondary":"magritte-card-style-positive-secondary___BsXFI_8-3-7","cardStylePositiveSecondary":"magritte-card-style-positive-secondary___BsXFI_8-3-7","card-hover-style-positive-secondary":"magritte-card-hover-style-positive-secondary___Aw634_8-3-7","cardHoverStylePositiveSecondary":"magritte-card-hover-style-positive-secondary___Aw634_8-3-7","card-style-positive":"magritte-card-style-positive___4sgFq_8-3-7","cardStylePositive":"magritte-card-style-positive___4sgFq_8-3-7","card-hover-style-positive":"magritte-card-hover-style-positive___zQ7MM_8-3-7","cardHoverStylePositive":"magritte-card-hover-style-positive___zQ7MM_8-3-7","card-style-negative-secondary":"magritte-card-style-negative-secondary___lN7i3_8-3-7","cardStyleNegativeSecondary":"magritte-card-style-negative-secondary___lN7i3_8-3-7","card-hover-style-negative-secondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-3-7","cardHoverStyleNegativeSecondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-3-7","card-style-negative":"magritte-card-style-negative___Fk6xX_8-3-7","cardStyleNegative":"magritte-card-style-negative___Fk6xX_8-3-7","card-hover-style-negative":"magritte-card-hover-style-negative___1cL78_8-3-7","cardHoverStyleNegative":"magritte-card-hover-style-negative___1cL78_8-3-7","card-style-warning-secondary":"magritte-card-style-warning-secondary___m2Hpa_8-3-7","cardStyleWarningSecondary":"magritte-card-style-warning-secondary___m2Hpa_8-3-7","card-hover-style-warning-secondary":"magritte-card-hover-style-warning-secondary___4knLA_8-3-7","cardHoverStyleWarningSecondary":"magritte-card-hover-style-warning-secondary___4knLA_8-3-7","card-style-warning":"magritte-card-style-warning___NIuCV_8-3-7","cardStyleWarning":"magritte-card-style-warning___NIuCV_8-3-7","card-hover-style-warning":"magritte-card-hover-style-warning___Fw34b_8-3-7","cardHoverStyleWarning":"magritte-card-hover-style-warning___Fw34b_8-3-7","card-style-special-secondary":"magritte-card-style-special-secondary___oVULE_8-3-7","cardStyleSpecialSecondary":"magritte-card-style-special-secondary___oVULE_8-3-7","card-hover-style-special-secondary":"magritte-card-hover-style-special-secondary___ImyvT_8-3-7","cardHoverStyleSpecialSecondary":"magritte-card-hover-style-special-secondary___ImyvT_8-3-7","card-style-special":"magritte-card-style-special___GOdvY_8-3-7","cardStyleSpecial":"magritte-card-style-special___GOdvY_8-3-7","card-hover-style-special":"magritte-card-hover-style-special___og9oA_8-3-7","cardHoverStyleSpecial":"magritte-card-hover-style-special___og9oA_8-3-7","card-style-dreamy-secondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-3-7","cardStyleDreamySecondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-3-7","card-hover-style-dreamy-secondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-3-7","cardHoverStyleDreamySecondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-3-7","card-style-dreamy":"magritte-card-style-dreamy___-Az0l_8-3-7","cardStyleDreamy":"magritte-card-style-dreamy___-Az0l_8-3-7","card-hover-style-dreamy":"magritte-card-hover-style-dreamy___9sxP7_8-3-7","cardHoverStyleDreamy":"magritte-card-hover-style-dreamy___9sxP7_8-3-7","card-style-lovely-secondary":"magritte-card-style-lovely-secondary___feuo0_8-3-7","cardStyleLovelySecondary":"magritte-card-style-lovely-secondary___feuo0_8-3-7","card-hover-style-lovely-secondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-3-7","cardHoverStyleLovelySecondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-3-7","card-style-lovely":"magritte-card-style-lovely___fPKUi_8-3-7","cardStyleLovely":"magritte-card-style-lovely___fPKUi_8-3-7","card-hover-style-lovely":"magritte-card-hover-style-lovely___Ml-R2_8-3-7","cardHoverStyleLovely":"magritte-card-hover-style-lovely___Ml-R2_8-3-7","card-style-vivid-secondary":"magritte-card-style-vivid-secondary___yqwVy_8-3-7","cardStyleVividSecondary":"magritte-card-style-vivid-secondary___yqwVy_8-3-7","card-hover-style-vivid-secondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-3-7","cardHoverStyleVividSecondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-3-7","card-style-vivid":"magritte-card-style-vivid___pmSCz_8-3-7","cardStyleVivid":"magritte-card-style-vivid___pmSCz_8-3-7","card-hover-style-vivid":"magritte-card-hover-style-vivid___qyl-R_8-3-7","cardHoverStyleVivid":"magritte-card-hover-style-vivid___qyl-R_8-3-7","card-style-body":"magritte-card-style-body___TNxld_8-3-7","cardStyleBody":"magritte-card-style-body___TNxld_8-3-7","card-hover-style-body":"magritte-card-hover-style-body___pimB3_8-3-7","cardHoverStyleBody":"magritte-card-hover-style-body___pimB3_8-3-7","card-style-overlay":"magritte-card-style-overlay___urh3T_8-3-7","cardStyleOverlay":"magritte-card-style-overlay___urh3T_8-3-7","card-hover-style-overlay":"magritte-card-hover-style-overlay___rAPpl_8-3-7","cardHoverStyleOverlay":"magritte-card-hover-style-overlay___rAPpl_8-3-7","card-style-overlay-action":"magritte-card-style-overlay-action___-jVWT_8-3-7","cardStyleOverlayAction":"magritte-card-style-overlay-action___-jVWT_8-3-7","card-hover-style-overlay-action":"magritte-card-hover-style-overlay-action___6BpQw_8-3-7","cardHoverStyleOverlayAction":"magritte-card-hover-style-overlay-action___6BpQw_8-3-7","card-style-overlay-viewer":"magritte-card-style-overlay-viewer___TdHGx_8-3-7","cardStyleOverlayViewer":"magritte-card-style-overlay-viewer___TdHGx_8-3-7","card-hover-style-overlay-viewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-3-7","cardHoverStyleOverlayViewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-3-7","card-style-overlay-toolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-3-7","cardStyleOverlayToolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-3-7","card-hover-style-overlay-toolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-3-7","cardHoverStyleOverlayToolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-3-7","card-style-transparent":"magritte-card-style-transparent___1h3h6_8-3-7","cardStyleTransparent":"magritte-card-style-transparent___1h3h6_8-3-7","card-hover-style-transparent":"magritte-card-hover-style-transparent___zXQGl_8-3-7","cardHoverStyleTransparent":"magritte-card-hover-style-transparent___zXQGl_8-3-7","card-style-constant":"magritte-card-style-constant___UluNp_8-3-7","cardStyleConstant":"magritte-card-style-constant___UluNp_8-3-7","card-hover-style-constant":"magritte-card-hover-style-constant___uH6-E_8-3-7","cardHoverStyleConstant":"magritte-card-hover-style-constant___uH6-E_8-3-7","card-style-constant-secondary":"magritte-card-style-constant-secondary___5HctC_8-3-7","cardStyleConstantSecondary":"magritte-card-style-constant-secondary___5HctC_8-3-7","card-hover-style-constant-secondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-3-7","cardHoverStyleConstantSecondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-3-7","card-style-inverse":"magritte-card-style-inverse___HWOHp_8-3-7","cardStyleInverse":"magritte-card-style-inverse___HWOHp_8-3-7","card-hover-style-inverse":"magritte-card-hover-style-inverse___Db1kM_8-3-7","cardHoverStyleInverse":"magritte-card-hover-style-inverse___Db1kM_8-3-7","card-style-inverse-secondary":"magritte-card-style-inverse-secondary___3EIdn_8-3-7","cardStyleInverseSecondary":"magritte-card-style-inverse-secondary___3EIdn_8-3-7","card-hover-style-inverse-secondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-3-7","cardHoverStyleInverseSecondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-3-7","card-border-style-neutral":"magritte-card-border-style-neutral___611b0_8-3-7","cardBorderStyleNeutral":"magritte-card-border-style-neutral___611b0_8-3-7","card-border-style-phantom":"magritte-card-border-style-phantom___ezFSC_8-3-7","cardBorderStylePhantom":"magritte-card-border-style-phantom___ezFSC_8-3-7","card-border-style-overlay":"magritte-card-border-style-overlay___yOj6r_8-3-7","cardBorderStyleOverlay":"magritte-card-border-style-overlay___yOj6r_8-3-7","card-border-style-accent":"magritte-card-border-style-accent___D-2Wb_8-3-7","cardBorderStyleAccent":"magritte-card-border-style-accent___D-2Wb_8-3-7","card-border-style-positive":"magritte-card-border-style-positive___to7aa_8-3-7","cardBorderStylePositive":"magritte-card-border-style-positive___to7aa_8-3-7","card-border-style-negative":"magritte-card-border-style-negative___IenCT_8-3-7","cardBorderStyleNegative":"magritte-card-border-style-negative___IenCT_8-3-7","card-border-style-warning":"magritte-card-border-style-warning___Fax0h_8-3-7","cardBorderStyleWarning":"magritte-card-border-style-warning___Fax0h_8-3-7","card-border-style-special":"magritte-card-border-style-special___mgV7r_8-3-7","cardBorderStyleSpecial":"magritte-card-border-style-special___mgV7r_8-3-7","card-border-style-dreamy":"magritte-card-border-style-dreamy___vYIow_8-3-7","cardBorderStyleDreamy":"magritte-card-border-style-dreamy___vYIow_8-3-7","card-border-style-lovely":"magritte-card-border-style-lovely___d1dyh_8-3-7","cardBorderStyleLovely":"magritte-card-border-style-lovely___d1dyh_8-3-7","card-border-style-vivid":"magritte-card-border-style-vivid___UYrn3_8-3-7","cardBorderStyleVivid":"magritte-card-border-style-vivid___UYrn3_8-3-7","card-border-style-neutral-heavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-3-7","cardBorderStyleNeutralHeavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-3-7","card-border-style-constant":"magritte-card-border-style-constant___4DDKM_8-3-7","cardBorderStyleConstant":"magritte-card-border-style-constant___4DDKM_8-3-7","card-border-style-constant-alt":"magritte-card-border-style-constant-alt___wfnBK_8-3-7","cardBorderStyleConstantAlt":"magritte-card-border-style-constant-alt___wfnBK_8-3-7"};
|
|
13
|
+
var styles = {"card":"magritte-card___bhGKz_8-3-9","border-element":"magritte-border-element___x7sZL_8-3-9","borderElement":"magritte-border-element___x7sZL_8-3-9","card-press-enabled":"magritte-card-press-enabled___kXfCl_8-3-9","cardPressEnabled":"magritte-card-press-enabled___kXfCl_8-3-9","card-disabled":"magritte-card-disabled___SMFnB_8-3-9","cardDisabled":"magritte-card-disabled___SMFnB_8-3-9","card-stretched":"magritte-card-stretched___0Uc0J_8-3-9","cardStretched":"magritte-card-stretched___0Uc0J_8-3-9","card-vertical-stretched":"magritte-card-vertical-stretched___Lrxmc_8-3-9","cardVerticalStretched":"magritte-card-vertical-stretched___Lrxmc_8-3-9","border-selected":"magritte-border-selected___bGxVg_8-3-9","borderSelected":"magritte-border-selected___bGxVg_8-3-9","border-default":"magritte-border-default___eT8Lg_8-3-9","borderDefault":"magritte-border-default___eT8Lg_8-3-9","card-hover-enabled":"magritte-card-hover-enabled___-wolU_8-3-9","cardHoverEnabled":"magritte-card-hover-enabled___-wolU_8-3-9","card-shadow-level-3":"magritte-card-shadow-level-3___R34TB_8-3-9","cardShadowLevel3":"magritte-card-shadow-level-3___R34TB_8-3-9","card-shadow-level-2":"magritte-card-shadow-level-2___BgHDx_8-3-9","cardShadowLevel2":"magritte-card-shadow-level-2___BgHDx_8-3-9","card-shadow-level-1":"magritte-card-shadow-level-1___8-39e_8-3-9","cardShadowLevel1":"magritte-card-shadow-level-1___8-39e_8-3-9","card-shadow-level-0":"magritte-card-shadow-level-0___RNbQK_8-3-9","cardShadowLevel0":"magritte-card-shadow-level-0___RNbQK_8-3-9","increase-shadow":"magritte-increase-shadow___Lvfmm_8-3-9","increaseShadow":"magritte-increase-shadow___Lvfmm_8-3-9","flex-container":"magritte-flex-container___CVFEY_8-3-9","flexContainer":"magritte-flex-container___CVFEY_8-3-9","card-style-primary":"magritte-card-style-primary___eZ6aX_8-3-9","cardStylePrimary":"magritte-card-style-primary___eZ6aX_8-3-9","card-hover-style-primary":"magritte-card-hover-style-primary___VgPLn_8-3-9","cardHoverStylePrimary":"magritte-card-hover-style-primary___VgPLn_8-3-9","card-style-secondary":"magritte-card-style-secondary___VmTqm_8-3-9","cardStyleSecondary":"magritte-card-style-secondary___VmTqm_8-3-9","card-hover-style-secondary":"magritte-card-hover-style-secondary___NQCxT_8-3-9","cardHoverStyleSecondary":"magritte-card-hover-style-secondary___NQCxT_8-3-9","card-style-tertiary":"magritte-card-style-tertiary___fE-jW_8-3-9","cardStyleTertiary":"magritte-card-style-tertiary___fE-jW_8-3-9","card-hover-style-tertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-3-9","cardHoverStyleTertiary":"magritte-card-hover-style-tertiary___Hrgqb_8-3-9","card-style-accent-secondary":"magritte-card-style-accent-secondary___Ra0PD_8-3-9","cardStyleAccentSecondary":"magritte-card-style-accent-secondary___Ra0PD_8-3-9","card-hover-style-accent-secondary":"magritte-card-hover-style-accent-secondary___o5URO_8-3-9","cardHoverStyleAccentSecondary":"magritte-card-hover-style-accent-secondary___o5URO_8-3-9","card-style-accent":"magritte-card-style-accent___Gd2T5_8-3-9","cardStyleAccent":"magritte-card-style-accent___Gd2T5_8-3-9","card-hover-style-accent":"magritte-card-hover-style-accent___n8Lb4_8-3-9","cardHoverStyleAccent":"magritte-card-hover-style-accent___n8Lb4_8-3-9","card-style-positive-secondary":"magritte-card-style-positive-secondary___BsXFI_8-3-9","cardStylePositiveSecondary":"magritte-card-style-positive-secondary___BsXFI_8-3-9","card-hover-style-positive-secondary":"magritte-card-hover-style-positive-secondary___Aw634_8-3-9","cardHoverStylePositiveSecondary":"magritte-card-hover-style-positive-secondary___Aw634_8-3-9","card-style-positive":"magritte-card-style-positive___4sgFq_8-3-9","cardStylePositive":"magritte-card-style-positive___4sgFq_8-3-9","card-hover-style-positive":"magritte-card-hover-style-positive___zQ7MM_8-3-9","cardHoverStylePositive":"magritte-card-hover-style-positive___zQ7MM_8-3-9","card-style-negative-secondary":"magritte-card-style-negative-secondary___lN7i3_8-3-9","cardStyleNegativeSecondary":"magritte-card-style-negative-secondary___lN7i3_8-3-9","card-hover-style-negative-secondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-3-9","cardHoverStyleNegativeSecondary":"magritte-card-hover-style-negative-secondary___V7gmt_8-3-9","card-style-negative":"magritte-card-style-negative___Fk6xX_8-3-9","cardStyleNegative":"magritte-card-style-negative___Fk6xX_8-3-9","card-hover-style-negative":"magritte-card-hover-style-negative___1cL78_8-3-9","cardHoverStyleNegative":"magritte-card-hover-style-negative___1cL78_8-3-9","card-style-warning-secondary":"magritte-card-style-warning-secondary___m2Hpa_8-3-9","cardStyleWarningSecondary":"magritte-card-style-warning-secondary___m2Hpa_8-3-9","card-hover-style-warning-secondary":"magritte-card-hover-style-warning-secondary___4knLA_8-3-9","cardHoverStyleWarningSecondary":"magritte-card-hover-style-warning-secondary___4knLA_8-3-9","card-style-warning":"magritte-card-style-warning___NIuCV_8-3-9","cardStyleWarning":"magritte-card-style-warning___NIuCV_8-3-9","card-hover-style-warning":"magritte-card-hover-style-warning___Fw34b_8-3-9","cardHoverStyleWarning":"magritte-card-hover-style-warning___Fw34b_8-3-9","card-style-special-secondary":"magritte-card-style-special-secondary___oVULE_8-3-9","cardStyleSpecialSecondary":"magritte-card-style-special-secondary___oVULE_8-3-9","card-hover-style-special-secondary":"magritte-card-hover-style-special-secondary___ImyvT_8-3-9","cardHoverStyleSpecialSecondary":"magritte-card-hover-style-special-secondary___ImyvT_8-3-9","card-style-special":"magritte-card-style-special___GOdvY_8-3-9","cardStyleSpecial":"magritte-card-style-special___GOdvY_8-3-9","card-hover-style-special":"magritte-card-hover-style-special___og9oA_8-3-9","cardHoverStyleSpecial":"magritte-card-hover-style-special___og9oA_8-3-9","card-style-dreamy-secondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-3-9","cardStyleDreamySecondary":"magritte-card-style-dreamy-secondary___8Wu4Z_8-3-9","card-hover-style-dreamy-secondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-3-9","cardHoverStyleDreamySecondary":"magritte-card-hover-style-dreamy-secondary___8SOfV_8-3-9","card-style-dreamy":"magritte-card-style-dreamy___-Az0l_8-3-9","cardStyleDreamy":"magritte-card-style-dreamy___-Az0l_8-3-9","card-hover-style-dreamy":"magritte-card-hover-style-dreamy___9sxP7_8-3-9","cardHoverStyleDreamy":"magritte-card-hover-style-dreamy___9sxP7_8-3-9","card-style-lovely-secondary":"magritte-card-style-lovely-secondary___feuo0_8-3-9","cardStyleLovelySecondary":"magritte-card-style-lovely-secondary___feuo0_8-3-9","card-hover-style-lovely-secondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-3-9","cardHoverStyleLovelySecondary":"magritte-card-hover-style-lovely-secondary___n2BrG_8-3-9","card-style-lovely":"magritte-card-style-lovely___fPKUi_8-3-9","cardStyleLovely":"magritte-card-style-lovely___fPKUi_8-3-9","card-hover-style-lovely":"magritte-card-hover-style-lovely___Ml-R2_8-3-9","cardHoverStyleLovely":"magritte-card-hover-style-lovely___Ml-R2_8-3-9","card-style-vivid-secondary":"magritte-card-style-vivid-secondary___yqwVy_8-3-9","cardStyleVividSecondary":"magritte-card-style-vivid-secondary___yqwVy_8-3-9","card-hover-style-vivid-secondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-3-9","cardHoverStyleVividSecondary":"magritte-card-hover-style-vivid-secondary___s4GVf_8-3-9","card-style-vivid":"magritte-card-style-vivid___pmSCz_8-3-9","cardStyleVivid":"magritte-card-style-vivid___pmSCz_8-3-9","card-hover-style-vivid":"magritte-card-hover-style-vivid___qyl-R_8-3-9","cardHoverStyleVivid":"magritte-card-hover-style-vivid___qyl-R_8-3-9","card-style-body":"magritte-card-style-body___TNxld_8-3-9","cardStyleBody":"magritte-card-style-body___TNxld_8-3-9","card-hover-style-body":"magritte-card-hover-style-body___pimB3_8-3-9","cardHoverStyleBody":"magritte-card-hover-style-body___pimB3_8-3-9","card-style-overlay":"magritte-card-style-overlay___urh3T_8-3-9","cardStyleOverlay":"magritte-card-style-overlay___urh3T_8-3-9","card-hover-style-overlay":"magritte-card-hover-style-overlay___rAPpl_8-3-9","cardHoverStyleOverlay":"magritte-card-hover-style-overlay___rAPpl_8-3-9","card-style-overlay-action":"magritte-card-style-overlay-action___-jVWT_8-3-9","cardStyleOverlayAction":"magritte-card-style-overlay-action___-jVWT_8-3-9","card-hover-style-overlay-action":"magritte-card-hover-style-overlay-action___6BpQw_8-3-9","cardHoverStyleOverlayAction":"magritte-card-hover-style-overlay-action___6BpQw_8-3-9","card-style-overlay-viewer":"magritte-card-style-overlay-viewer___TdHGx_8-3-9","cardStyleOverlayViewer":"magritte-card-style-overlay-viewer___TdHGx_8-3-9","card-hover-style-overlay-viewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-3-9","cardHoverStyleOverlayViewer":"magritte-card-hover-style-overlay-viewer___f5IDi_8-3-9","card-style-overlay-toolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-3-9","cardStyleOverlayToolbar":"magritte-card-style-overlay-toolbar___KWyFM_8-3-9","card-hover-style-overlay-toolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-3-9","cardHoverStyleOverlayToolbar":"magritte-card-hover-style-overlay-toolbar___wkaI6_8-3-9","card-style-transparent":"magritte-card-style-transparent___1h3h6_8-3-9","cardStyleTransparent":"magritte-card-style-transparent___1h3h6_8-3-9","card-hover-style-transparent":"magritte-card-hover-style-transparent___zXQGl_8-3-9","cardHoverStyleTransparent":"magritte-card-hover-style-transparent___zXQGl_8-3-9","card-style-constant":"magritte-card-style-constant___UluNp_8-3-9","cardStyleConstant":"magritte-card-style-constant___UluNp_8-3-9","card-hover-style-constant":"magritte-card-hover-style-constant___uH6-E_8-3-9","cardHoverStyleConstant":"magritte-card-hover-style-constant___uH6-E_8-3-9","card-style-constant-secondary":"magritte-card-style-constant-secondary___5HctC_8-3-9","cardStyleConstantSecondary":"magritte-card-style-constant-secondary___5HctC_8-3-9","card-hover-style-constant-secondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-3-9","cardHoverStyleConstantSecondary":"magritte-card-hover-style-constant-secondary___0vxDi_8-3-9","card-style-inverse":"magritte-card-style-inverse___HWOHp_8-3-9","cardStyleInverse":"magritte-card-style-inverse___HWOHp_8-3-9","card-hover-style-inverse":"magritte-card-hover-style-inverse___Db1kM_8-3-9","cardHoverStyleInverse":"magritte-card-hover-style-inverse___Db1kM_8-3-9","card-style-inverse-secondary":"magritte-card-style-inverse-secondary___3EIdn_8-3-9","cardStyleInverseSecondary":"magritte-card-style-inverse-secondary___3EIdn_8-3-9","card-hover-style-inverse-secondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-3-9","cardHoverStyleInverseSecondary":"magritte-card-hover-style-inverse-secondary___BT8I-_8-3-9","card-border-style-neutral":"magritte-card-border-style-neutral___611b0_8-3-9","cardBorderStyleNeutral":"magritte-card-border-style-neutral___611b0_8-3-9","card-border-style-phantom":"magritte-card-border-style-phantom___ezFSC_8-3-9","cardBorderStylePhantom":"magritte-card-border-style-phantom___ezFSC_8-3-9","card-border-style-overlay":"magritte-card-border-style-overlay___yOj6r_8-3-9","cardBorderStyleOverlay":"magritte-card-border-style-overlay___yOj6r_8-3-9","card-border-style-accent":"magritte-card-border-style-accent___D-2Wb_8-3-9","cardBorderStyleAccent":"magritte-card-border-style-accent___D-2Wb_8-3-9","card-border-style-positive":"magritte-card-border-style-positive___to7aa_8-3-9","cardBorderStylePositive":"magritte-card-border-style-positive___to7aa_8-3-9","card-border-style-negative":"magritte-card-border-style-negative___IenCT_8-3-9","cardBorderStyleNegative":"magritte-card-border-style-negative___IenCT_8-3-9","card-border-style-warning":"magritte-card-border-style-warning___Fax0h_8-3-9","cardBorderStyleWarning":"magritte-card-border-style-warning___Fax0h_8-3-9","card-border-style-special":"magritte-card-border-style-special___mgV7r_8-3-9","cardBorderStyleSpecial":"magritte-card-border-style-special___mgV7r_8-3-9","card-border-style-dreamy":"magritte-card-border-style-dreamy___vYIow_8-3-9","cardBorderStyleDreamy":"magritte-card-border-style-dreamy___vYIow_8-3-9","card-border-style-lovely":"magritte-card-border-style-lovely___d1dyh_8-3-9","cardBorderStyleLovely":"magritte-card-border-style-lovely___d1dyh_8-3-9","card-border-style-vivid":"magritte-card-border-style-vivid___UYrn3_8-3-9","cardBorderStyleVivid":"magritte-card-border-style-vivid___UYrn3_8-3-9","card-border-style-neutral-heavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-3-9","cardBorderStyleNeutralHeavy":"magritte-card-border-style-neutral-heavy___VR1s4_8-3-9","card-border-style-constant":"magritte-card-border-style-constant___4DDKM_8-3-9","cardBorderStyleConstant":"magritte-card-border-style-constant___4DDKM_8-3-9","card-border-style-constant-alt":"magritte-card-border-style-constant-alt___wfnBK_8-3-9","cardBorderStyleConstantAlt":"magritte-card-border-style-constant-alt___wfnBK_8-3-9"};
|
|
14
14
|
|
|
15
15
|
const borderSides = ['top-left', 'top-right', 'bottom-right', 'bottom-left'];
|
|
16
16
|
const genBorderRadiusProp = (radiusProps) => {
|
package/Card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sources":["../src/Card.tsx"],"sourcesContent":["import { forwardRef, useCallback, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { isEventFromInteractiveComponent } from '@hh.ru/magritte-common-mouse';\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { CardSkeleton } from '@hh.ru/magritte-ui-card/Skeleton';\nimport type { CardBorderRadius, CardPadding, CardProps } from '@hh.ru/magritte-ui-card/types';\nimport { IconDynamic } from '@hh.ru/magritte-ui-icon';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\nimport { TextDynamic } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './card.less';\n\nconst borderSides = ['top-left', 'top-right', 'bottom-right', 'bottom-left'];\nconst genBorderRadiusProp = (radiusProps: {\n borderRadius: CardBorderRadius;\n borderTopLeftRadius?: CardBorderRadius;\n borderTopRightRadius?: CardBorderRadius;\n borderBottomLeftRadius?: CardBorderRadius;\n borderBottomRightRadius?: CardBorderRadius;\n}) => {\n const isHalfHeight = Object.values(radiusProps).includes('halfHeight');\n const borderRadius = isHalfHeight ? 99999 : radiusProps.borderRadius;\n const { borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius } =\n Object.fromEntries(\n Object.entries(radiusProps)\n .map((radius) => (isHalfHeight ? [radius[0], undefined] : radius))\n .filter((radius) => radius[1] !== undefined)\n ) as typeof radiusProps;\n\n const radius = [borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius];\n\n const tableVariables = radius.reduce(\n (acc, val, index) =>\n val === undefined\n ? acc\n : {\n ...acc,\n [`--magritte-ui-table-border-radius-${borderSides[index]}`]: `${val}px`,\n },\n {}\n );\n\n return {\n borderRadius: `${radius.map((radius) => radius ?? borderRadius).join('px ')}px`,\n '--magritte-ui-table-border-radius': `${borderRadius}px`,\n ...tableVariables,\n };\n};\n\nconst genPaddingProps = (paddingProps: {\n Left?: CardPadding;\n Right?: CardPadding;\n Top?: CardPadding;\n Bottom?: CardPadding;\n}) =>\n Object.entries(paddingProps).reduce<Record<string, number>>(\n (acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc),\n {}\n );\n\nconst CardForwardRefRenderFunc: PolymorphicForwardRefRenderFunc<CardProps, 'div'> = (\n {\n Element = 'div',\n stretched = false,\n verticalStretched = false,\n hoverEnabled = false,\n pressEnabled = false,\n shadow = 'level-0',\n increaseShadow = false,\n onClick,\n style = 'primary',\n hoverStyle,\n disabled = false,\n padding = 0,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n borderRadius = 0,\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n children,\n borderStyle,\n borderWidth = 'none',\n ...restProps\n },\n ref\n) => {\n const forceDisabled = useDisabled();\n const hasFocusRef = useRef(false);\n const focusCallback = () => {\n hasFocusRef.current = true;\n };\n const blurCallback = () => {\n hasFocusRef.current = false;\n };\n const activationHandler = useCallback(\n (event: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>) => {\n if (disabled || forceDisabled || !onClick) {\n return;\n }\n\n if (\n (event.type === 'click' ||\n (event.type === 'keydown' &&\n keyboardMatches((event as React.KeyboardEvent<HTMLElement>).nativeEvent, [\n keyboardKeys.Enter,\n keyboardKeys.Space,\n ]) &&\n hasFocusRef.current)) &&\n !isEventFromInteractiveComponent(event)\n ) {\n // card может использоваться с SPALink который проверяет defaultPrevented\n // поэтому preventDefault делаем только на Space\n event.type === 'keydown' &&\n keyboardMatches((event as React.KeyboardEvent<HTMLElement>).nativeEvent, [keyboardKeys.Space]) &&\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick, disabled, forceDisabled]\n );\n const isPressEnabled = pressEnabled || !!onClick;\n const isHoverEnabled = hoverEnabled || isPressEnabled;\n\n const paddingProps = genPaddingProps({\n Left: paddingLeft,\n Right: paddingRight,\n Top: paddingTop,\n Bottom: paddingBottom,\n });\n const radiusProps = genBorderRadiusProp({\n borderRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n borderTopLeftRadius,\n borderTopRightRadius,\n });\n const additionalProps: Record<string, unknown> = {};\n if (isPressEnabled && !forceDisabled && !disabled) {\n additionalProps.tabIndex = 0;\n }\n\n if (ref) {\n additionalProps.ref = ref;\n }\n\n if (!('role' in restProps) && typeof onClick === 'function') {\n additionalProps.role = 'button';\n }\n\n return (\n <DisabledContext.Provider value={forceDisabled || !!disabled}>\n <Element\n {...restProps}\n {...additionalProps}\n onFocus={focusCallback}\n onBlur={blurCallback}\n onClick={activationHandler}\n onKeyDown={activationHandler}\n style={{ padding, ...paddingProps, ...radiusProps }}\n className={classnames(\n styles.card,\n styles[`card-style-${style}`],\n !!hoverStyle && styles[`card-hover-style-${hoverStyle}`],\n !!borderStyle && styles[`card-border-style-${borderStyle}`],\n styles[`card-shadow-${shadow}`],\n {\n [styles.cardStretched]: stretched,\n [styles.cardVerticalStretched]: verticalStretched,\n [styles.cardPressEnabled]: isPressEnabled,\n [styles.cardHoverEnabled]: isHoverEnabled,\n [styles.increaseShadow]: increaseShadow,\n [styles.cardDisabled]: !!disabled,\n [styles.borderSelected]: borderWidth === 'selected',\n [styles.borderDefault]: borderWidth === 'default',\n }\n )}\n >\n <IconDynamic stretched hoverEnabled={isHoverEnabled} pressEnabled={isPressEnabled}>\n <div className={styles.flexContainer}>\n <TextDynamic stretched>{children}</TextDynamic>\n </div>\n </IconDynamic>\n <div className={styles.borderElement} style={radiusProps} />\n </Element>\n </DisabledContext.Provider>\n );\n};\n\nconst CardComponent = forwardRef(CardForwardRefRenderFunc) as PolymorphicComponentWithRef<CardProps, 'div'>;\n\nexport const Card = enrichWithSkeleton(CardComponent, CardSkeleton);\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Card.js","sources":["src/Card.tsx"],"sourcesContent":["import { forwardRef, useCallback, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { isEventFromInteractiveComponent } from '@hh.ru/magritte-common-mouse';\nimport { DisabledContext, useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport type { PolymorphicForwardRefRenderFunc, PolymorphicComponentWithRef } from '@hh.ru/magritte-types';\nimport { CardSkeleton } from '@hh.ru/magritte-ui-card/Skeleton';\nimport type { CardBorderRadius, CardPadding, CardProps } from '@hh.ru/magritte-ui-card/types';\nimport { IconDynamic } from '@hh.ru/magritte-ui-icon';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\nimport { TextDynamic } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './card.less';\n\nconst borderSides = ['top-left', 'top-right', 'bottom-right', 'bottom-left'];\nconst genBorderRadiusProp = (radiusProps: {\n borderRadius: CardBorderRadius;\n borderTopLeftRadius?: CardBorderRadius;\n borderTopRightRadius?: CardBorderRadius;\n borderBottomLeftRadius?: CardBorderRadius;\n borderBottomRightRadius?: CardBorderRadius;\n}) => {\n const isHalfHeight = Object.values(radiusProps).includes('halfHeight');\n const borderRadius = isHalfHeight ? 99999 : radiusProps.borderRadius;\n const { borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius } =\n Object.fromEntries(\n Object.entries(radiusProps)\n .map((radius) => (isHalfHeight ? [radius[0], undefined] : radius))\n .filter((radius) => radius[1] !== undefined)\n ) as typeof radiusProps;\n\n const radius = [borderTopLeftRadius, borderTopRightRadius, borderBottomRightRadius, borderBottomLeftRadius];\n\n const tableVariables = radius.reduce(\n (acc, val, index) =>\n val === undefined\n ? acc\n : {\n ...acc,\n [`--magritte-ui-table-border-radius-${borderSides[index]}`]: `${val}px`,\n },\n {}\n );\n\n return {\n borderRadius: `${radius.map((radius) => radius ?? borderRadius).join('px ')}px`,\n '--magritte-ui-table-border-radius': `${borderRadius}px`,\n ...tableVariables,\n };\n};\n\nconst genPaddingProps = (paddingProps: {\n Left?: CardPadding;\n Right?: CardPadding;\n Top?: CardPadding;\n Bottom?: CardPadding;\n}) =>\n Object.entries(paddingProps).reduce<Record<string, number>>(\n (acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc),\n {}\n );\n\nconst CardForwardRefRenderFunc: PolymorphicForwardRefRenderFunc<CardProps, 'div'> = (\n {\n Element = 'div',\n stretched = false,\n verticalStretched = false,\n hoverEnabled = false,\n pressEnabled = false,\n shadow = 'level-0',\n increaseShadow = false,\n onClick,\n style = 'primary',\n hoverStyle,\n disabled = false,\n padding = 0,\n paddingLeft,\n paddingRight,\n paddingTop,\n paddingBottom,\n borderRadius = 0,\n borderTopLeftRadius,\n borderTopRightRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n children,\n borderStyle,\n borderWidth = 'none',\n ...restProps\n },\n ref\n) => {\n const forceDisabled = useDisabled();\n const hasFocusRef = useRef(false);\n const focusCallback = () => {\n hasFocusRef.current = true;\n };\n const blurCallback = () => {\n hasFocusRef.current = false;\n };\n const activationHandler = useCallback(\n (event: React.KeyboardEvent<HTMLElement> | React.MouseEvent<HTMLElement>) => {\n if (disabled || forceDisabled || !onClick) {\n return;\n }\n\n if (\n (event.type === 'click' ||\n (event.type === 'keydown' &&\n keyboardMatches((event as React.KeyboardEvent<HTMLElement>).nativeEvent, [\n keyboardKeys.Enter,\n keyboardKeys.Space,\n ]) &&\n hasFocusRef.current)) &&\n !isEventFromInteractiveComponent(event)\n ) {\n // card может использоваться с SPALink который проверяет defaultPrevented\n // поэтому preventDefault делаем только на Space\n event.type === 'keydown' &&\n keyboardMatches((event as React.KeyboardEvent<HTMLElement>).nativeEvent, [keyboardKeys.Space]) &&\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick, disabled, forceDisabled]\n );\n const isPressEnabled = pressEnabled || !!onClick;\n const isHoverEnabled = hoverEnabled || isPressEnabled;\n\n const paddingProps = genPaddingProps({\n Left: paddingLeft,\n Right: paddingRight,\n Top: paddingTop,\n Bottom: paddingBottom,\n });\n const radiusProps = genBorderRadiusProp({\n borderRadius,\n borderBottomLeftRadius,\n borderBottomRightRadius,\n borderTopLeftRadius,\n borderTopRightRadius,\n });\n const additionalProps: Record<string, unknown> = {};\n if (isPressEnabled && !forceDisabled && !disabled) {\n additionalProps.tabIndex = 0;\n }\n\n if (ref) {\n additionalProps.ref = ref;\n }\n\n if (!('role' in restProps) && typeof onClick === 'function') {\n additionalProps.role = 'button';\n }\n\n return (\n <DisabledContext.Provider value={forceDisabled || !!disabled}>\n <Element\n {...restProps}\n {...additionalProps}\n onFocus={focusCallback}\n onBlur={blurCallback}\n onClick={activationHandler}\n onKeyDown={activationHandler}\n style={{ padding, ...paddingProps, ...radiusProps }}\n className={classnames(\n styles.card,\n styles[`card-style-${style}`],\n !!hoverStyle && styles[`card-hover-style-${hoverStyle}`],\n !!borderStyle && styles[`card-border-style-${borderStyle}`],\n styles[`card-shadow-${shadow}`],\n {\n [styles.cardStretched]: stretched,\n [styles.cardVerticalStretched]: verticalStretched,\n [styles.cardPressEnabled]: isPressEnabled,\n [styles.cardHoverEnabled]: isHoverEnabled,\n [styles.increaseShadow]: increaseShadow,\n [styles.cardDisabled]: !!disabled,\n [styles.borderSelected]: borderWidth === 'selected',\n [styles.borderDefault]: borderWidth === 'default',\n }\n )}\n >\n <IconDynamic stretched hoverEnabled={isHoverEnabled} pressEnabled={isPressEnabled}>\n <div className={styles.flexContainer}>\n <TextDynamic stretched>{children}</TextDynamic>\n </div>\n </IconDynamic>\n <div className={styles.borderElement} style={radiusProps} />\n </Element>\n </DisabledContext.Provider>\n );\n};\n\nconst CardComponent = forwardRef(CardForwardRefRenderFunc) as PolymorphicComponentWithRef<CardProps, 'div'>;\n\nexport const Card = enrichWithSkeleton(CardComponent, CardSkeleton);\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
|
package/Skeleton.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sources":["
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sources":["src/Skeleton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { CardProps } from '@hh.ru/magritte-ui-card/types';\nimport { IncompleteSkeletonComponent, IncompleteSkeletonPropsWithRef, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nexport const CardSkeleton = forwardRef<HTMLDivElement, IncompleteSkeletonPropsWithRef<CardProps, HTMLDivElement>>(\n (\n {\n Component: Card,\n\n // skeleton props\n width,\n height,\n // borderRadius остается в cardProps\n inline,\n additionalClass,\n loading,\n\n ...cardProps\n },\n ref\n ) => {\n return (\n <Skeleton\n width={cardProps.stretched ? `100%` : width}\n height={cardProps.verticalStretched ? `100%` : height}\n borderRadius={cardProps.borderRadius}\n borderTopLeftRadius={cardProps.borderTopLeftRadius}\n borderTopRightRadius={cardProps.borderTopRightRadius}\n borderBottomLeftRadius={cardProps.borderBottomLeftRadius}\n borderBottomRightRadius={cardProps.borderBottomRightRadius}\n loading={loading}\n >\n <Card ref={ref} {...cardProps} />\n </Skeleton>\n );\n }\n) as IncompleteSkeletonComponent<CardProps>;\n\nCardSkeleton.displayName = 'CardSkeleton';\n"],"names":["_jsx"],"mappings":";;;;AAKa,MAAA,YAAY,GAAG,UAAU,CAClC,CACI,EACI,SAAS,EAAE,IAAI;AAEf;AACA,KAAK,EACL,MAAM;AACN;AACA,MAAM,EACN,eAAe,EACf,OAAO,EAEP,GAAG,SAAS,EACf,EACD,GAAG,KACH;AACA,IAAA,QACIA,GAAC,CAAA,QAAQ,EACL,EAAA,KAAK,EAAE,SAAS,CAAC,SAAS,GAAG,CAAA,IAAA,CAAM,GAAG,KAAK,EAC3C,MAAM,EAAE,SAAS,CAAC,iBAAiB,GAAG,CAAM,IAAA,CAAA,GAAG,MAAM,EACrD,YAAY,EAAE,SAAS,CAAC,YAAY,EACpC,mBAAmB,EAAE,SAAS,CAAC,mBAAmB,EAClD,oBAAoB,EAAE,SAAS,CAAC,oBAAoB,EACpD,sBAAsB,EAAE,SAAS,CAAC,sBAAsB,EACxD,uBAAuB,EAAE,SAAS,CAAC,uBAAuB,EAC1D,OAAO,EAAE,OAAO,YAEhBA,GAAC,CAAA,IAAI,EAAC,EAAA,GAAG,EAAE,GAAG,EAAA,GAAM,SAAS,EAAI,CAAA,EAAA,CAC1B,EACb;AACN,CAAC,EACuC;AAE5C,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
|