@hh.ru/magritte-ui-card 6.1.30 → 6.2.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 (4) hide show
  1. package/Card.js +1 -1
  2. package/index.css +150 -129
  3. package/package.json +3 -3
  4. package/types.d.ts +2 -2
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_6-1-30","card-action":"magritte-card-action___4A43B_6-1-30","cardAction":"magritte-card-action___4A43B_6-1-30","card-disabled":"magritte-card-disabled___SMFnB_6-1-30","cardDisabled":"magritte-card-disabled___SMFnB_6-1-30","card-stretched":"magritte-card-stretched___0Uc0J_6-1-30","cardStretched":"magritte-card-stretched___0Uc0J_6-1-30","card-vertical-stretched":"magritte-card-vertical-stretched___Lrxmc_6-1-30","cardVerticalStretched":"magritte-card-vertical-stretched___Lrxmc_6-1-30","card-tone":"magritte-card-tone___rqQ5N_6-1-30","cardTone":"magritte-card-tone___rqQ5N_6-1-30","card-with-border":"magritte-card-with-border___3KsrG_6-1-30","cardWithBorder":"magritte-card-with-border___3KsrG_6-1-30","card-show-shadow":"magritte-card-show-shadow___x4pSd_6-1-30","cardShowShadow":"magritte-card-show-shadow___x4pSd_6-1-30","card-shadow-on-hover":"magritte-card-shadow-on-hover___BoRL3_6-1-30","cardShadowOnHover":"magritte-card-shadow-on-hover___BoRL3_6-1-30","flex-container":"magritte-flex-container___CVFEY_6-1-30","flexContainer":"magritte-flex-container___CVFEY_6-1-30","card-style-blank":"magritte-card-style-blank___oyRfK_6-1-30","cardStyleBlank":"magritte-card-style-blank___oyRfK_6-1-30","card-hover-style-blank":"magritte-card-hover-style-blank___fvKKw_6-1-30","cardHoverStyleBlank":"magritte-card-hover-style-blank___fvKKw_6-1-30","card-style-neutral":"magritte-card-style-neutral___VtbBE_6-1-30","cardStyleNeutral":"magritte-card-style-neutral___VtbBE_6-1-30","card-hover-style-neutral":"magritte-card-hover-style-neutral___IhvdR_6-1-30","cardHoverStyleNeutral":"magritte-card-hover-style-neutral___IhvdR_6-1-30","card-style-contrast":"magritte-card-style-contrast___lhGwj_6-1-30","cardStyleContrast":"magritte-card-style-contrast___lhGwj_6-1-30","card-hover-style-contrast":"magritte-card-hover-style-contrast___CXrlc_6-1-30","cardHoverStyleContrast":"magritte-card-hover-style-contrast___CXrlc_6-1-30","card-style-positive":"magritte-card-style-positive___4sgFq_6-1-30","cardStylePositive":"magritte-card-style-positive___4sgFq_6-1-30","card-hover-style-positive":"magritte-card-hover-style-positive___zQ7MM_6-1-30","cardHoverStylePositive":"magritte-card-hover-style-positive___zQ7MM_6-1-30","card-style-negative":"magritte-card-style-negative___Fk6xX_6-1-30","cardStyleNegative":"magritte-card-style-negative___Fk6xX_6-1-30","card-hover-style-negative":"magritte-card-hover-style-negative___1cL78_6-1-30","cardHoverStyleNegative":"magritte-card-hover-style-negative___1cL78_6-1-30","card-style-warning":"magritte-card-style-warning___NIuCV_6-1-30","cardStyleWarning":"magritte-card-style-warning___NIuCV_6-1-30","card-hover-style-warning":"magritte-card-hover-style-warning___Fw34b_6-1-30","cardHoverStyleWarning":"magritte-card-hover-style-warning___Fw34b_6-1-30","card-style-extra-1":"magritte-card-style-extra-1___HvxuD_6-1-30","cardStyleExtra1":"magritte-card-style-extra-1___HvxuD_6-1-30","card-hover-style-extra-1":"magritte-card-hover-style-extra-1___SpmpG_6-1-30","cardHoverStyleExtra1":"magritte-card-hover-style-extra-1___SpmpG_6-1-30","card-style-extra-2":"magritte-card-style-extra-2___o7xE6_6-1-30","cardStyleExtra2":"magritte-card-style-extra-2___o7xE6_6-1-30","card-hover-style-extra-2":"magritte-card-hover-style-extra-2___zl1ds_6-1-30","cardHoverStyleExtra2":"magritte-card-hover-style-extra-2___zl1ds_6-1-30","card-style-extra-3":"magritte-card-style-extra-3___Civka_6-1-30","cardStyleExtra3":"magritte-card-style-extra-3___Civka_6-1-30","card-hover-style-extra-3":"magritte-card-hover-style-extra-3___V0Ju3_6-1-30","cardHoverStyleExtra3":"magritte-card-hover-style-extra-3___V0Ju3_6-1-30","card-style-extra-4":"magritte-card-style-extra-4___1Ak5j_6-1-30","cardStyleExtra4":"magritte-card-style-extra-4___1Ak5j_6-1-30","card-hover-style-extra-4":"magritte-card-hover-style-extra-4___bM8oz_6-1-30","cardHoverStyleExtra4":"magritte-card-hover-style-extra-4___bM8oz_6-1-30","card-style-extra-5":"magritte-card-style-extra-5___QvO0Q_6-1-30","cardStyleExtra5":"magritte-card-style-extra-5___QvO0Q_6-1-30","card-hover-style-extra-5":"magritte-card-hover-style-extra-5___diZv6_6-1-30","cardHoverStyleExtra5":"magritte-card-hover-style-extra-5___diZv6_6-1-30","card-border-radius-0":"magritte-card-border-radius-0___wvt4-_6-1-30","cardBorderRadius0":"magritte-card-border-radius-0___wvt4-_6-1-30","card-border-top-left-radius-0":"magritte-card-border-top-left-radius-0___xhKvn_6-1-30","cardBorderTopLeftRadius0":"magritte-card-border-top-left-radius-0___xhKvn_6-1-30","card-border-top-right-radius-0":"magritte-card-border-top-right-radius-0___PeZ4S_6-1-30","cardBorderTopRightRadius0":"magritte-card-border-top-right-radius-0___PeZ4S_6-1-30","card-border-bottom-left-radius-0":"magritte-card-border-bottom-left-radius-0___xhqfz_6-1-30","cardBorderBottomLeftRadius0":"magritte-card-border-bottom-left-radius-0___xhqfz_6-1-30","card-border-bottom-right-radius-0":"magritte-card-border-bottom-right-radius-0___wkU84_6-1-30","cardBorderBottomRightRadius0":"magritte-card-border-bottom-right-radius-0___wkU84_6-1-30","card-border-radius-12":"magritte-card-border-radius-12___az-Ir_6-1-30","cardBorderRadius12":"magritte-card-border-radius-12___az-Ir_6-1-30","card-border-top-left-radius-12":"magritte-card-border-top-left-radius-12___-oawE_6-1-30","cardBorderTopLeftRadius12":"magritte-card-border-top-left-radius-12___-oawE_6-1-30","card-border-top-right-radius-12":"magritte-card-border-top-right-radius-12___IhPsK_6-1-30","cardBorderTopRightRadius12":"magritte-card-border-top-right-radius-12___IhPsK_6-1-30","card-border-bottom-left-radius-12":"magritte-card-border-bottom-left-radius-12___FCM6F_6-1-30","cardBorderBottomLeftRadius12":"magritte-card-border-bottom-left-radius-12___FCM6F_6-1-30","card-border-bottom-right-radius-12":"magritte-card-border-bottom-right-radius-12___tCOdR_6-1-30","cardBorderBottomRightRadius12":"magritte-card-border-bottom-right-radius-12___tCOdR_6-1-30","card-border-radius-16":"magritte-card-border-radius-16___Ys6Ji_6-1-30","cardBorderRadius16":"magritte-card-border-radius-16___Ys6Ji_6-1-30","card-border-top-left-radius-16":"magritte-card-border-top-left-radius-16___ukzUt_6-1-30","cardBorderTopLeftRadius16":"magritte-card-border-top-left-radius-16___ukzUt_6-1-30","card-border-top-right-radius-16":"magritte-card-border-top-right-radius-16___gsFms_6-1-30","cardBorderTopRightRadius16":"magritte-card-border-top-right-radius-16___gsFms_6-1-30","card-border-bottom-left-radius-16":"magritte-card-border-bottom-left-radius-16___RNl-W_6-1-30","cardBorderBottomLeftRadius16":"magritte-card-border-bottom-left-radius-16___RNl-W_6-1-30","card-border-bottom-right-radius-16":"magritte-card-border-bottom-right-radius-16___mW4e4_6-1-30","cardBorderBottomRightRadius16":"magritte-card-border-bottom-right-radius-16___mW4e4_6-1-30","card-border-radius-24":"magritte-card-border-radius-24___o72BE_6-1-30","cardBorderRadius24":"magritte-card-border-radius-24___o72BE_6-1-30","card-border-top-left-radius-24":"magritte-card-border-top-left-radius-24___WggIU_6-1-30","cardBorderTopLeftRadius24":"magritte-card-border-top-left-radius-24___WggIU_6-1-30","card-border-top-right-radius-24":"magritte-card-border-top-right-radius-24___-tF1L_6-1-30","cardBorderTopRightRadius24":"magritte-card-border-top-right-radius-24___-tF1L_6-1-30","card-border-bottom-left-radius-24":"magritte-card-border-bottom-left-radius-24___LvciK_6-1-30","cardBorderBottomLeftRadius24":"magritte-card-border-bottom-left-radius-24___LvciK_6-1-30","card-border-bottom-right-radius-24":"magritte-card-border-bottom-right-radius-24___2nUtu_6-1-30","cardBorderBottomRightRadius24":"magritte-card-border-bottom-right-radius-24___2nUtu_6-1-30","card-border-radius-32":"magritte-card-border-radius-32___XpJKx_6-1-30","cardBorderRadius32":"magritte-card-border-radius-32___XpJKx_6-1-30","card-border-top-left-radius-32":"magritte-card-border-top-left-radius-32___fILSa_6-1-30","cardBorderTopLeftRadius32":"magritte-card-border-top-left-radius-32___fILSa_6-1-30","card-border-top-right-radius-32":"magritte-card-border-top-right-radius-32___TdHDP_6-1-30","cardBorderTopRightRadius32":"magritte-card-border-top-right-radius-32___TdHDP_6-1-30","card-border-bottom-left-radius-32":"magritte-card-border-bottom-left-radius-32___3MKJI_6-1-30","cardBorderBottomLeftRadius32":"magritte-card-border-bottom-left-radius-32___3MKJI_6-1-30","card-border-bottom-right-radius-32":"magritte-card-border-bottom-right-radius-32___w0HZZ_6-1-30","cardBorderBottomRightRadius32":"magritte-card-border-bottom-right-radius-32___w0HZZ_6-1-30","card-border-radius-40":"magritte-card-border-radius-40___7J5EX_6-1-30","cardBorderRadius40":"magritte-card-border-radius-40___7J5EX_6-1-30","card-border-top-left-radius-40":"magritte-card-border-top-left-radius-40___VQ3ZO_6-1-30","cardBorderTopLeftRadius40":"magritte-card-border-top-left-radius-40___VQ3ZO_6-1-30","card-border-top-right-radius-40":"magritte-card-border-top-right-radius-40___Ao-nP_6-1-30","cardBorderTopRightRadius40":"magritte-card-border-top-right-radius-40___Ao-nP_6-1-30","card-border-bottom-left-radius-40":"magritte-card-border-bottom-left-radius-40___psJqI_6-1-30","cardBorderBottomLeftRadius40":"magritte-card-border-bottom-left-radius-40___psJqI_6-1-30","card-border-bottom-right-radius-40":"magritte-card-border-bottom-right-radius-40___UyYrk_6-1-30","cardBorderBottomRightRadius40":"magritte-card-border-bottom-right-radius-40___UyYrk_6-1-30"};
13
+ var styles = {"card":"magritte-card___bhGKz_6-2-0","card-action":"magritte-card-action___4A43B_6-2-0","cardAction":"magritte-card-action___4A43B_6-2-0","card-disabled":"magritte-card-disabled___SMFnB_6-2-0","cardDisabled":"magritte-card-disabled___SMFnB_6-2-0","card-stretched":"magritte-card-stretched___0Uc0J_6-2-0","cardStretched":"magritte-card-stretched___0Uc0J_6-2-0","card-vertical-stretched":"magritte-card-vertical-stretched___Lrxmc_6-2-0","cardVerticalStretched":"magritte-card-vertical-stretched___Lrxmc_6-2-0","card-tone":"magritte-card-tone___rqQ5N_6-2-0","cardTone":"magritte-card-tone___rqQ5N_6-2-0","card-with-border":"magritte-card-with-border___3KsrG_6-2-0","cardWithBorder":"magritte-card-with-border___3KsrG_6-2-0","card-show-shadow":"magritte-card-show-shadow___x4pSd_6-2-0","cardShowShadow":"magritte-card-show-shadow___x4pSd_6-2-0","card-shadow-on-hover":"magritte-card-shadow-on-hover___BoRL3_6-2-0","cardShadowOnHover":"magritte-card-shadow-on-hover___BoRL3_6-2-0","flex-container":"magritte-flex-container___CVFEY_6-2-0","flexContainer":"magritte-flex-container___CVFEY_6-2-0","card-style-blank":"magritte-card-style-blank___oyRfK_6-2-0","cardStyleBlank":"magritte-card-style-blank___oyRfK_6-2-0","card-hover-style-blank":"magritte-card-hover-style-blank___fvKKw_6-2-0","cardHoverStyleBlank":"magritte-card-hover-style-blank___fvKKw_6-2-0","card-style-neutral":"magritte-card-style-neutral___VtbBE_6-2-0","cardStyleNeutral":"magritte-card-style-neutral___VtbBE_6-2-0","card-hover-style-neutral":"magritte-card-hover-style-neutral___IhvdR_6-2-0","cardHoverStyleNeutral":"magritte-card-hover-style-neutral___IhvdR_6-2-0","card-style-contrast":"magritte-card-style-contrast___lhGwj_6-2-0","cardStyleContrast":"magritte-card-style-contrast___lhGwj_6-2-0","card-hover-style-contrast":"magritte-card-hover-style-contrast___CXrlc_6-2-0","cardHoverStyleContrast":"magritte-card-hover-style-contrast___CXrlc_6-2-0","card-style-positive":"magritte-card-style-positive___4sgFq_6-2-0","cardStylePositive":"magritte-card-style-positive___4sgFq_6-2-0","card-hover-style-positive":"magritte-card-hover-style-positive___zQ7MM_6-2-0","cardHoverStylePositive":"magritte-card-hover-style-positive___zQ7MM_6-2-0","card-style-negative":"magritte-card-style-negative___Fk6xX_6-2-0","cardStyleNegative":"magritte-card-style-negative___Fk6xX_6-2-0","card-hover-style-negative":"magritte-card-hover-style-negative___1cL78_6-2-0","cardHoverStyleNegative":"magritte-card-hover-style-negative___1cL78_6-2-0","card-style-warning":"magritte-card-style-warning___NIuCV_6-2-0","cardStyleWarning":"magritte-card-style-warning___NIuCV_6-2-0","card-hover-style-warning":"magritte-card-hover-style-warning___Fw34b_6-2-0","cardHoverStyleWarning":"magritte-card-hover-style-warning___Fw34b_6-2-0","card-style-extra-1":"magritte-card-style-extra-1___HvxuD_6-2-0","cardStyleExtra1":"magritte-card-style-extra-1___HvxuD_6-2-0","card-hover-style-extra-1":"magritte-card-hover-style-extra-1___SpmpG_6-2-0","cardHoverStyleExtra1":"magritte-card-hover-style-extra-1___SpmpG_6-2-0","card-style-extra-2":"magritte-card-style-extra-2___o7xE6_6-2-0","cardStyleExtra2":"magritte-card-style-extra-2___o7xE6_6-2-0","card-hover-style-extra-2":"magritte-card-hover-style-extra-2___zl1ds_6-2-0","cardHoverStyleExtra2":"magritte-card-hover-style-extra-2___zl1ds_6-2-0","card-style-extra-3":"magritte-card-style-extra-3___Civka_6-2-0","cardStyleExtra3":"magritte-card-style-extra-3___Civka_6-2-0","card-hover-style-extra-3":"magritte-card-hover-style-extra-3___V0Ju3_6-2-0","cardHoverStyleExtra3":"magritte-card-hover-style-extra-3___V0Ju3_6-2-0","card-style-extra-4":"magritte-card-style-extra-4___1Ak5j_6-2-0","cardStyleExtra4":"magritte-card-style-extra-4___1Ak5j_6-2-0","card-hover-style-extra-4":"magritte-card-hover-style-extra-4___bM8oz_6-2-0","cardHoverStyleExtra4":"magritte-card-hover-style-extra-4___bM8oz_6-2-0","card-style-extra-5":"magritte-card-style-extra-5___QvO0Q_6-2-0","cardStyleExtra5":"magritte-card-style-extra-5___QvO0Q_6-2-0","card-hover-style-extra-5":"magritte-card-hover-style-extra-5___diZv6_6-2-0","cardHoverStyleExtra5":"magritte-card-hover-style-extra-5___diZv6_6-2-0","card-border-radius-0":"magritte-card-border-radius-0___wvt4-_6-2-0","cardBorderRadius0":"magritte-card-border-radius-0___wvt4-_6-2-0","card-border-top-left-radius-0":"magritte-card-border-top-left-radius-0___xhKvn_6-2-0","cardBorderTopLeftRadius0":"magritte-card-border-top-left-radius-0___xhKvn_6-2-0","card-border-top-right-radius-0":"magritte-card-border-top-right-radius-0___PeZ4S_6-2-0","cardBorderTopRightRadius0":"magritte-card-border-top-right-radius-0___PeZ4S_6-2-0","card-border-bottom-left-radius-0":"magritte-card-border-bottom-left-radius-0___xhqfz_6-2-0","cardBorderBottomLeftRadius0":"magritte-card-border-bottom-left-radius-0___xhqfz_6-2-0","card-border-bottom-right-radius-0":"magritte-card-border-bottom-right-radius-0___wkU84_6-2-0","cardBorderBottomRightRadius0":"magritte-card-border-bottom-right-radius-0___wkU84_6-2-0","card-border-radius-12":"magritte-card-border-radius-12___az-Ir_6-2-0","cardBorderRadius12":"magritte-card-border-radius-12___az-Ir_6-2-0","card-border-top-left-radius-12":"magritte-card-border-top-left-radius-12___-oawE_6-2-0","cardBorderTopLeftRadius12":"magritte-card-border-top-left-radius-12___-oawE_6-2-0","card-border-top-right-radius-12":"magritte-card-border-top-right-radius-12___IhPsK_6-2-0","cardBorderTopRightRadius12":"magritte-card-border-top-right-radius-12___IhPsK_6-2-0","card-border-bottom-left-radius-12":"magritte-card-border-bottom-left-radius-12___FCM6F_6-2-0","cardBorderBottomLeftRadius12":"magritte-card-border-bottom-left-radius-12___FCM6F_6-2-0","card-border-bottom-right-radius-12":"magritte-card-border-bottom-right-radius-12___tCOdR_6-2-0","cardBorderBottomRightRadius12":"magritte-card-border-bottom-right-radius-12___tCOdR_6-2-0","card-border-radius-16":"magritte-card-border-radius-16___Ys6Ji_6-2-0","cardBorderRadius16":"magritte-card-border-radius-16___Ys6Ji_6-2-0","card-border-top-left-radius-16":"magritte-card-border-top-left-radius-16___ukzUt_6-2-0","cardBorderTopLeftRadius16":"magritte-card-border-top-left-radius-16___ukzUt_6-2-0","card-border-top-right-radius-16":"magritte-card-border-top-right-radius-16___gsFms_6-2-0","cardBorderTopRightRadius16":"magritte-card-border-top-right-radius-16___gsFms_6-2-0","card-border-bottom-left-radius-16":"magritte-card-border-bottom-left-radius-16___RNl-W_6-2-0","cardBorderBottomLeftRadius16":"magritte-card-border-bottom-left-radius-16___RNl-W_6-2-0","card-border-bottom-right-radius-16":"magritte-card-border-bottom-right-radius-16___mW4e4_6-2-0","cardBorderBottomRightRadius16":"magritte-card-border-bottom-right-radius-16___mW4e4_6-2-0","card-border-radius-24":"magritte-card-border-radius-24___o72BE_6-2-0","cardBorderRadius24":"magritte-card-border-radius-24___o72BE_6-2-0","card-border-top-left-radius-24":"magritte-card-border-top-left-radius-24___WggIU_6-2-0","cardBorderTopLeftRadius24":"magritte-card-border-top-left-radius-24___WggIU_6-2-0","card-border-top-right-radius-24":"magritte-card-border-top-right-radius-24___-tF1L_6-2-0","cardBorderTopRightRadius24":"magritte-card-border-top-right-radius-24___-tF1L_6-2-0","card-border-bottom-left-radius-24":"magritte-card-border-bottom-left-radius-24___LvciK_6-2-0","cardBorderBottomLeftRadius24":"magritte-card-border-bottom-left-radius-24___LvciK_6-2-0","card-border-bottom-right-radius-24":"magritte-card-border-bottom-right-radius-24___2nUtu_6-2-0","cardBorderBottomRightRadius24":"magritte-card-border-bottom-right-radius-24___2nUtu_6-2-0","card-border-radius-28":"magritte-card-border-radius-28___3YGkG_6-2-0","cardBorderRadius28":"magritte-card-border-radius-28___3YGkG_6-2-0","card-border-top-left-radius-28":"magritte-card-border-top-left-radius-28___ESULp_6-2-0","cardBorderTopLeftRadius28":"magritte-card-border-top-left-radius-28___ESULp_6-2-0","card-border-top-right-radius-28":"magritte-card-border-top-right-radius-28___VeTzN_6-2-0","cardBorderTopRightRadius28":"magritte-card-border-top-right-radius-28___VeTzN_6-2-0","card-border-bottom-left-radius-28":"magritte-card-border-bottom-left-radius-28___azqUv_6-2-0","cardBorderBottomLeftRadius28":"magritte-card-border-bottom-left-radius-28___azqUv_6-2-0","card-border-bottom-right-radius-28":"magritte-card-border-bottom-right-radius-28___8o40T_6-2-0","cardBorderBottomRightRadius28":"magritte-card-border-bottom-right-radius-28___8o40T_6-2-0","card-border-radius-32":"magritte-card-border-radius-32___XpJKx_6-2-0","cardBorderRadius32":"magritte-card-border-radius-32___XpJKx_6-2-0","card-border-top-left-radius-32":"magritte-card-border-top-left-radius-32___fILSa_6-2-0","cardBorderTopLeftRadius32":"magritte-card-border-top-left-radius-32___fILSa_6-2-0","card-border-top-right-radius-32":"magritte-card-border-top-right-radius-32___TdHDP_6-2-0","cardBorderTopRightRadius32":"magritte-card-border-top-right-radius-32___TdHDP_6-2-0","card-border-bottom-left-radius-32":"magritte-card-border-bottom-left-radius-32___3MKJI_6-2-0","cardBorderBottomLeftRadius32":"magritte-card-border-bottom-left-radius-32___3MKJI_6-2-0","card-border-bottom-right-radius-32":"magritte-card-border-bottom-right-radius-32___w0HZZ_6-2-0","cardBorderBottomRightRadius32":"magritte-card-border-bottom-right-radius-32___w0HZZ_6-2-0","card-border-radius-40":"magritte-card-border-radius-40___7J5EX_6-2-0","cardBorderRadius40":"magritte-card-border-radius-40___7J5EX_6-2-0","card-border-top-left-radius-40":"magritte-card-border-top-left-radius-40___VQ3ZO_6-2-0","cardBorderTopLeftRadius40":"magritte-card-border-top-left-radius-40___VQ3ZO_6-2-0","card-border-top-right-radius-40":"magritte-card-border-top-right-radius-40___Ao-nP_6-2-0","cardBorderTopRightRadius40":"magritte-card-border-top-right-radius-40___Ao-nP_6-2-0","card-border-bottom-left-radius-40":"magritte-card-border-bottom-left-radius-40___psJqI_6-2-0","cardBorderBottomLeftRadius40":"magritte-card-border-bottom-left-radius-40___psJqI_6-2-0","card-border-bottom-right-radius-40":"magritte-card-border-bottom-right-radius-40___UyYrk_6-2-0","cardBorderBottomRightRadius40":"magritte-card-border-bottom-right-radius-40___UyYrk_6-2-0"};
14
14
 
15
15
  const genBorderRadiusClasses = (radiusProps) => Object.entries(radiusProps).reduce((acc, [key, value]) => value !== undefined ? [...acc, styles[`cardBorder${key}Radius${value}`]] : acc, []);
16
16
  const genPaddingProps = (paddingProps) => Object.entries(paddingProps).reduce((acc, [key, value]) => (value !== undefined ? { ...acc, [`padding${key}`]: value } : acc), {});
package/index.css CHANGED
@@ -63,6 +63,7 @@
63
63
  --magritte-static-border-radius-0-v21-1-0:0px;
64
64
  --magritte-static-border-radius-400-v21-1-0:16px;
65
65
  --magritte-static-border-radius-600-v21-1-0:24px;
66
+ --magritte-static-border-radius-700-v21-1-0:28px;
66
67
  --magritte-static-border-radius-800-v21-1-0:32px;
67
68
  --magritte-static-border-radius-1000-v21-1-0:40px;
68
69
  }
@@ -124,7 +125,7 @@
124
125
  --magritte-shadow-level-1-blur-v21-1-0:12px;
125
126
  --magritte-shadow-level-1-spread-v21-1-0:0px;
126
127
  }
127
- .magritte-card___bhGKz_6-1-30{
128
+ .magritte-card___bhGKz_6-2-0{
128
129
  display:inline-flex;
129
130
  box-sizing:border-box;
130
131
  border-width:0;
@@ -136,444 +137,464 @@
136
137
  --magritte-card-hovered-border-color:var(--magritte-color-component-card-stroke-state-neutral-hovered-v21-1-0);
137
138
  --magritte-card-disabled-border-color:var(--magritte-color-component-card-stroke-state-neutral-disabled-v21-1-0);
138
139
  }
139
- .magritte-card___bhGKz_6-1-30.focus-visible{
140
+ .magritte-card___bhGKz_6-2-0.focus-visible{
140
141
  outline:var(--magritte-color-component-card-stroke-state-accent-focused-accessible-v21-1-0) solid 4px;
141
142
  }
142
- .magritte-card-action___4A43B_6-1-30{
143
+ .magritte-card-action___4A43B_6-2-0{
143
144
  cursor:pointer;
144
145
  }
145
- .magritte-card-disabled___SMFnB_6-1-30{
146
+ .magritte-card-disabled___SMFnB_6-2-0{
146
147
  cursor:default;
147
148
  }
148
- .magritte-card___bhGKz_6-1-30 .magritte-card___bhGKz_6-1-30{
149
+ .magritte-card___bhGKz_6-2-0 .magritte-card___bhGKz_6-2-0{
149
150
  --magritte-card-border-color:var(--magritte-color-component-card-stroke-neutral-inner-v21-1-0);
150
151
  --magritte-card-hovered-border-color:var(--magritte-color-component-card-stroke-state-neutral-inner-hovered-v21-1-0);
151
152
  --magritte-card-disabled-border-color:var(--magritte-color-component-card-stroke-state-neutral-inner-disabled-v21-1-0);
152
153
  }
153
- .magritte-card-stretched___0Uc0J_6-1-30{
154
+ .magritte-card-stretched___0Uc0J_6-2-0{
154
155
  width:100%;
155
156
  }
156
- .magritte-card-vertical-stretched___Lrxmc_6-1-30{
157
+ .magritte-card-vertical-stretched___Lrxmc_6-2-0{
157
158
  height:100%;
158
159
  }
159
- .magritte-card-tone___rqQ5N_6-1-30{
160
+ .magritte-card-tone___rqQ5N_6-2-0{
160
161
  --magritte-card-border-color:var(--magritte-color-component-card-stroke-phantom-v21-1-0);
161
162
  --magritte-card-hovered-border-color:var(--magritte-color-component-card-stroke-state-phantom-hovered-v21-1-0);
162
163
  --magritte-card-disabled-border-color:var(--magritte-color-component-card-stroke-state-phantom-disabled-v21-1-0);
163
164
  }
164
- .magritte-card___bhGKz_6-1-30 .magritte-card-tone___rqQ5N_6-1-30{
165
+ .magritte-card___bhGKz_6-2-0 .magritte-card-tone___rqQ5N_6-2-0{
165
166
  --magritte-card-border-color:var(--magritte-color-component-card-stroke-phantom-inner-v21-1-0);
166
167
  --magritte-card-hovered-border-color:var(--magritte-color-component-card-stroke-state-phantom-inner-hovered-v21-1-0);
167
168
  --magritte-card-disabled-border-color:var(--magritte-color-component-card-stroke-state-phantom-inner-disabled-v21-1-0);
168
169
  }
169
- .magritte-card-with-border___3KsrG_6-1-30{
170
+ .magritte-card-with-border___3KsrG_6-2-0{
170
171
  border:1px solid var(--magritte-card-border-color);
171
172
  }
172
- .magritte-card-with-border___3KsrG_6-1-30.magritte-card-disabled___SMFnB_6-1-30,
173
- .magritte-card-with-border___3KsrG_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover{
173
+ .magritte-card-with-border___3KsrG_6-2-0.magritte-card-disabled___SMFnB_6-2-0,
174
+ .magritte-card-with-border___3KsrG_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover{
174
175
  border-color:var(--magritte-card-disabled-border-color);
175
176
  }
176
177
  @media (min-width: 1020px){
177
- body.magritte-old-layout .magritte-card-with-border___3KsrG_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
178
+ body.magritte-old-layout .magritte-card-with-border___3KsrG_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
178
179
  border-color:var(--magritte-card-hovered-border-color);
179
180
  }
180
181
  }
181
182
  @media (min-width: 1024px){
182
- body:not(.magritte-old-layout) .magritte-card-with-border___3KsrG_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
183
+ body:not(.magritte-old-layout) .magritte-card-with-border___3KsrG_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
183
184
  border-color:var(--magritte-card-hovered-border-color);
184
185
  }
185
186
  }
186
- .magritte-card-show-shadow___x4pSd_6-1-30,
187
- .magritte-card-show-shadow___x4pSd_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30),
188
- .magritte-card-shadow-on-hover___BoRL3_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
187
+ .magritte-card-show-shadow___x4pSd_6-2-0,
188
+ .magritte-card-show-shadow___x4pSd_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0),
189
+ .magritte-card-shadow-on-hover___BoRL3_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
189
190
  box-shadow:var(--magritte-shadow-level-1-x-v21-1-0) var(--magritte-shadow-level-1-y-v21-1-0) var(--magritte-shadow-level-1-blur-v21-1-0) var(--magritte-shadow-level-1-spread-v21-1-0) var(--magritte-shadow-level-1-color-v21-1-0);
190
191
  }
191
192
  @media (min-width: 1020px){
192
- body.magritte-old-layout .magritte-card-show-shadow___x4pSd_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30),
193
- body.magritte-old-layout .magritte-card-shadow-on-hover___BoRL3_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
193
+ body.magritte-old-layout .magritte-card-show-shadow___x4pSd_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0),
194
+ body.magritte-old-layout .magritte-card-shadow-on-hover___BoRL3_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
194
195
  box-shadow:var(--magritte-shadow-level-2-x-v21-1-0) var(--magritte-shadow-level-2-y-v21-1-0) var(--magritte-shadow-level-2-blur-v21-1-0) var(--magritte-shadow-level-2-spread-v21-1-0) var(--magritte-shadow-level-2-color-v21-1-0);
195
196
  }
196
197
  }
197
198
  @media (min-width: 1024px){
198
- body:not(.magritte-old-layout) .magritte-card-show-shadow___x4pSd_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30),
199
- body:not(.magritte-old-layout) .magritte-card-shadow-on-hover___BoRL3_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
199
+ body:not(.magritte-old-layout) .magritte-card-show-shadow___x4pSd_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0),
200
+ body:not(.magritte-old-layout) .magritte-card-shadow-on-hover___BoRL3_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
200
201
  box-shadow:var(--magritte-shadow-level-2-x-v21-1-0) var(--magritte-shadow-level-2-y-v21-1-0) var(--magritte-shadow-level-2-blur-v21-1-0) var(--magritte-shadow-level-2-spread-v21-1-0) var(--magritte-shadow-level-2-color-v21-1-0);
201
202
  }
202
203
  }
203
- .magritte-flex-container___CVFEY_6-1-30{
204
+ .magritte-flex-container___CVFEY_6-2-0{
204
205
  display:flex;
205
206
  height:100%;
206
207
  }
207
- .magritte-card-style-blank___oyRfK_6-1-30{
208
+ .magritte-card-style-blank___oyRfK_6-2-0{
208
209
  background-color:var(--magritte-card-background-override, var(--magritte-color-component-card-background-blank-v21-1-0));
209
210
  }
210
- .magritte-card___bhGKz_6-1-30.magritte-card-style-blank___oyRfK_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30,
211
- .magritte-card___bhGKz_6-1-30.magritte-card-style-blank___oyRfK_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover{
211
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-blank___oyRfK_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0,
212
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-blank___oyRfK_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover{
212
213
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-color-component-card-background-state-blank-disabled-v21-1-0));
213
214
  }
214
215
  @media (min-width: 1020px){
215
- body.magritte-old-layout .magritte-card-style-blank___oyRfK_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
216
+ body.magritte-old-layout .magritte-card-style-blank___oyRfK_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
216
217
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-blank-hovered-v21-1-0));
217
218
  }
218
- body.magritte-old-layout .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-blank___fvKKw_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
219
+ body.magritte-old-layout .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-blank___fvKKw_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
219
220
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-blank-hovered-v21-1-0));
220
221
  }
221
222
  }
222
223
  @media (min-width: 1024px){
223
- body:not(.magritte-old-layout) .magritte-card-style-blank___oyRfK_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
224
+ body:not(.magritte-old-layout) .magritte-card-style-blank___oyRfK_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
224
225
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-blank-hovered-v21-1-0));
225
226
  }
226
- body:not(.magritte-old-layout) .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-blank___fvKKw_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
227
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-blank___fvKKw_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
227
228
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-blank-hovered-v21-1-0));
228
229
  }
229
230
  }
230
- .magritte-card-style-neutral___VtbBE_6-1-30{
231
+ .magritte-card-style-neutral___VtbBE_6-2-0{
231
232
  background-color:var(--magritte-card-background-override, var(--magritte-color-component-card-background-neutral-v21-1-0));
232
233
  }
233
- .magritte-card___bhGKz_6-1-30.magritte-card-style-neutral___VtbBE_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30,
234
- .magritte-card___bhGKz_6-1-30.magritte-card-style-neutral___VtbBE_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover{
234
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-neutral___VtbBE_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0,
235
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-neutral___VtbBE_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover{
235
236
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-color-component-card-background-state-neutral-disabled-v21-1-0));
236
237
  }
237
238
  @media (min-width: 1020px){
238
- body.magritte-old-layout .magritte-card-style-neutral___VtbBE_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
239
+ body.magritte-old-layout .magritte-card-style-neutral___VtbBE_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
239
240
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-neutral-hovered-v21-1-0));
240
241
  }
241
- body.magritte-old-layout .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-neutral___IhvdR_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
242
+ body.magritte-old-layout .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-neutral___IhvdR_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
242
243
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-neutral-hovered-v21-1-0));
243
244
  }
244
245
  }
245
246
  @media (min-width: 1024px){
246
- body:not(.magritte-old-layout) .magritte-card-style-neutral___VtbBE_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
247
+ body:not(.magritte-old-layout) .magritte-card-style-neutral___VtbBE_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
247
248
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-neutral-hovered-v21-1-0));
248
249
  }
249
- body:not(.magritte-old-layout) .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-neutral___IhvdR_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
250
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-neutral___IhvdR_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
250
251
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-neutral-hovered-v21-1-0));
251
252
  }
252
253
  }
253
- .magritte-card-style-contrast___lhGwj_6-1-30{
254
+ .magritte-card-style-contrast___lhGwj_6-2-0{
254
255
  background-color:var(--magritte-card-background-override, var(--magritte-color-component-card-background-contrast-v21-1-0));
255
256
  }
256
- .magritte-card___bhGKz_6-1-30.magritte-card-style-contrast___lhGwj_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30,
257
- .magritte-card___bhGKz_6-1-30.magritte-card-style-contrast___lhGwj_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover{
257
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-contrast___lhGwj_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0,
258
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-contrast___lhGwj_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover{
258
259
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-color-component-card-background-state-contrast-disabled-v21-1-0));
259
260
  }
260
261
  @media (min-width: 1020px){
261
- body.magritte-old-layout .magritte-card-style-contrast___lhGwj_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
262
+ body.magritte-old-layout .magritte-card-style-contrast___lhGwj_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
262
263
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-contrast-hovered-v21-1-0));
263
264
  }
264
- body.magritte-old-layout .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-contrast___CXrlc_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
265
+ body.magritte-old-layout .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-contrast___CXrlc_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
265
266
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-contrast-hovered-v21-1-0));
266
267
  }
267
268
  }
268
269
  @media (min-width: 1024px){
269
- body:not(.magritte-old-layout) .magritte-card-style-contrast___lhGwj_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
270
+ body:not(.magritte-old-layout) .magritte-card-style-contrast___lhGwj_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
270
271
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-contrast-hovered-v21-1-0));
271
272
  }
272
- body:not(.magritte-old-layout) .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-contrast___CXrlc_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
273
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-contrast___CXrlc_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
273
274
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-contrast-hovered-v21-1-0));
274
275
  }
275
276
  }
276
- .magritte-card-style-positive___4sgFq_6-1-30{
277
+ .magritte-card-style-positive___4sgFq_6-2-0{
277
278
  background-color:var(--magritte-card-background-override, var(--magritte-color-component-card-background-positive-v21-1-0));
278
279
  }
279
- .magritte-card___bhGKz_6-1-30.magritte-card-style-positive___4sgFq_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30,
280
- .magritte-card___bhGKz_6-1-30.magritte-card-style-positive___4sgFq_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover{
280
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-positive___4sgFq_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0,
281
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-positive___4sgFq_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover{
281
282
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-color-component-card-background-state-positive-disabled-v21-1-0));
282
283
  }
283
284
  @media (min-width: 1020px){
284
- body.magritte-old-layout .magritte-card-style-positive___4sgFq_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
285
+ body.magritte-old-layout .magritte-card-style-positive___4sgFq_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
285
286
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-positive-hovered-v21-1-0));
286
287
  }
287
- body.magritte-old-layout .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-positive___zQ7MM_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
288
+ body.magritte-old-layout .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-positive___zQ7MM_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
288
289
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-positive-hovered-v21-1-0));
289
290
  }
290
291
  }
291
292
  @media (min-width: 1024px){
292
- body:not(.magritte-old-layout) .magritte-card-style-positive___4sgFq_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
293
+ body:not(.magritte-old-layout) .magritte-card-style-positive___4sgFq_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
293
294
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-positive-hovered-v21-1-0));
294
295
  }
295
- body:not(.magritte-old-layout) .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-positive___zQ7MM_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
296
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-positive___zQ7MM_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
296
297
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-positive-hovered-v21-1-0));
297
298
  }
298
299
  }
299
- .magritte-card-style-negative___Fk6xX_6-1-30{
300
+ .magritte-card-style-negative___Fk6xX_6-2-0{
300
301
  background-color:var(--magritte-card-background-override, var(--magritte-color-component-card-background-negative-v21-1-0));
301
302
  }
302
- .magritte-card___bhGKz_6-1-30.magritte-card-style-negative___Fk6xX_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30,
303
- .magritte-card___bhGKz_6-1-30.magritte-card-style-negative___Fk6xX_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover{
303
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-negative___Fk6xX_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0,
304
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-negative___Fk6xX_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover{
304
305
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-color-component-card-background-state-negative-disabled-v21-1-0));
305
306
  }
306
307
  @media (min-width: 1020px){
307
- body.magritte-old-layout .magritte-card-style-negative___Fk6xX_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
308
+ body.magritte-old-layout .magritte-card-style-negative___Fk6xX_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
308
309
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-negative-hovered-v21-1-0));
309
310
  }
310
- body.magritte-old-layout .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-negative___1cL78_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
311
+ body.magritte-old-layout .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-negative___1cL78_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
311
312
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-negative-hovered-v21-1-0));
312
313
  }
313
314
  }
314
315
  @media (min-width: 1024px){
315
- body:not(.magritte-old-layout) .magritte-card-style-negative___Fk6xX_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
316
+ body:not(.magritte-old-layout) .magritte-card-style-negative___Fk6xX_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
316
317
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-negative-hovered-v21-1-0));
317
318
  }
318
- body:not(.magritte-old-layout) .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-negative___1cL78_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
319
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-negative___1cL78_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
319
320
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-negative-hovered-v21-1-0));
320
321
  }
321
322
  }
322
- .magritte-card-style-warning___NIuCV_6-1-30{
323
+ .magritte-card-style-warning___NIuCV_6-2-0{
323
324
  background-color:var(--magritte-card-background-override, var(--magritte-color-component-card-background-warning-v21-1-0));
324
325
  }
325
- .magritte-card___bhGKz_6-1-30.magritte-card-style-warning___NIuCV_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30,
326
- .magritte-card___bhGKz_6-1-30.magritte-card-style-warning___NIuCV_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover{
326
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-warning___NIuCV_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0,
327
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-warning___NIuCV_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover{
327
328
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-color-component-card-background-state-warning-disabled-v21-1-0));
328
329
  }
329
330
  @media (min-width: 1020px){
330
- body.magritte-old-layout .magritte-card-style-warning___NIuCV_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
331
+ body.magritte-old-layout .magritte-card-style-warning___NIuCV_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
331
332
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-warning-hovered-v21-1-0));
332
333
  }
333
- body.magritte-old-layout .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-warning___Fw34b_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
334
+ body.magritte-old-layout .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-warning___Fw34b_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
334
335
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-warning-hovered-v21-1-0));
335
336
  }
336
337
  }
337
338
  @media (min-width: 1024px){
338
- body:not(.magritte-old-layout) .magritte-card-style-warning___NIuCV_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
339
+ body:not(.magritte-old-layout) .magritte-card-style-warning___NIuCV_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
339
340
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-warning-hovered-v21-1-0));
340
341
  }
341
- body:not(.magritte-old-layout) .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-warning___Fw34b_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
342
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-warning___Fw34b_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
342
343
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-warning-hovered-v21-1-0));
343
344
  }
344
345
  }
345
- .magritte-card-style-extra-1___HvxuD_6-1-30{
346
+ .magritte-card-style-extra-1___HvxuD_6-2-0{
346
347
  background-color:var(--magritte-card-background-override, var(--magritte-color-component-card-background-extra-1-v21-1-0));
347
348
  }
348
- .magritte-card___bhGKz_6-1-30.magritte-card-style-extra-1___HvxuD_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30,
349
- .magritte-card___bhGKz_6-1-30.magritte-card-style-extra-1___HvxuD_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover{
349
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-extra-1___HvxuD_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0,
350
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-extra-1___HvxuD_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover{
350
351
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-color-component-card-background-state-extra-1-disabled-v21-1-0));
351
352
  }
352
353
  @media (min-width: 1020px){
353
- body.magritte-old-layout .magritte-card-style-extra-1___HvxuD_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
354
+ body.magritte-old-layout .magritte-card-style-extra-1___HvxuD_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
354
355
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-1-hovered-v21-1-0));
355
356
  }
356
- body.magritte-old-layout .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-extra-1___SpmpG_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
357
+ body.magritte-old-layout .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-extra-1___SpmpG_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
357
358
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-1-hovered-v21-1-0));
358
359
  }
359
360
  }
360
361
  @media (min-width: 1024px){
361
- body:not(.magritte-old-layout) .magritte-card-style-extra-1___HvxuD_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
362
+ body:not(.magritte-old-layout) .magritte-card-style-extra-1___HvxuD_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
362
363
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-1-hovered-v21-1-0));
363
364
  }
364
- body:not(.magritte-old-layout) .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-extra-1___SpmpG_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
365
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-extra-1___SpmpG_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
365
366
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-1-hovered-v21-1-0));
366
367
  }
367
368
  }
368
- .magritte-card-style-extra-2___o7xE6_6-1-30{
369
+ .magritte-card-style-extra-2___o7xE6_6-2-0{
369
370
  background-color:var(--magritte-card-background-override, var(--magritte-color-component-card-background-extra-2-v21-1-0));
370
371
  }
371
- .magritte-card___bhGKz_6-1-30.magritte-card-style-extra-2___o7xE6_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30,
372
- .magritte-card___bhGKz_6-1-30.magritte-card-style-extra-2___o7xE6_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover{
372
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-extra-2___o7xE6_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0,
373
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-extra-2___o7xE6_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover{
373
374
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-color-component-card-background-state-extra-2-disabled-v21-1-0));
374
375
  }
375
376
  @media (min-width: 1020px){
376
- body.magritte-old-layout .magritte-card-style-extra-2___o7xE6_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
377
+ body.magritte-old-layout .magritte-card-style-extra-2___o7xE6_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
377
378
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-2-hovered-v21-1-0));
378
379
  }
379
- body.magritte-old-layout .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-extra-2___zl1ds_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
380
+ body.magritte-old-layout .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-extra-2___zl1ds_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
380
381
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-2-hovered-v21-1-0));
381
382
  }
382
383
  }
383
384
  @media (min-width: 1024px){
384
- body:not(.magritte-old-layout) .magritte-card-style-extra-2___o7xE6_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
385
+ body:not(.magritte-old-layout) .magritte-card-style-extra-2___o7xE6_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
385
386
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-2-hovered-v21-1-0));
386
387
  }
387
- body:not(.magritte-old-layout) .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-extra-2___zl1ds_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
388
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-extra-2___zl1ds_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
388
389
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-2-hovered-v21-1-0));
389
390
  }
390
391
  }
391
- .magritte-card-style-extra-3___Civka_6-1-30{
392
+ .magritte-card-style-extra-3___Civka_6-2-0{
392
393
  background-color:var(--magritte-card-background-override, var(--magritte-color-component-card-background-extra-3-v21-1-0));
393
394
  }
394
- .magritte-card___bhGKz_6-1-30.magritte-card-style-extra-3___Civka_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30,
395
- .magritte-card___bhGKz_6-1-30.magritte-card-style-extra-3___Civka_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover{
395
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-extra-3___Civka_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0,
396
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-extra-3___Civka_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover{
396
397
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-color-component-card-background-state-extra-3-disabled-v21-1-0));
397
398
  }
398
399
  @media (min-width: 1020px){
399
- body.magritte-old-layout .magritte-card-style-extra-3___Civka_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
400
+ body.magritte-old-layout .magritte-card-style-extra-3___Civka_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
400
401
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-3-hovered-v21-1-0));
401
402
  }
402
- body.magritte-old-layout .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-extra-3___V0Ju3_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
403
+ body.magritte-old-layout .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-extra-3___V0Ju3_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
403
404
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-3-hovered-v21-1-0));
404
405
  }
405
406
  }
406
407
  @media (min-width: 1024px){
407
- body:not(.magritte-old-layout) .magritte-card-style-extra-3___Civka_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
408
+ body:not(.magritte-old-layout) .magritte-card-style-extra-3___Civka_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
408
409
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-3-hovered-v21-1-0));
409
410
  }
410
- body:not(.magritte-old-layout) .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-extra-3___V0Ju3_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
411
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-extra-3___V0Ju3_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
411
412
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-3-hovered-v21-1-0));
412
413
  }
413
414
  }
414
- .magritte-card-style-extra-4___1Ak5j_6-1-30{
415
+ .magritte-card-style-extra-4___1Ak5j_6-2-0{
415
416
  background-color:var(--magritte-card-background-override, var(--magritte-color-component-card-background-extra-4-v21-1-0));
416
417
  }
417
- .magritte-card___bhGKz_6-1-30.magritte-card-style-extra-4___1Ak5j_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30,
418
- .magritte-card___bhGKz_6-1-30.magritte-card-style-extra-4___1Ak5j_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover{
418
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-extra-4___1Ak5j_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0,
419
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-extra-4___1Ak5j_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover{
419
420
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-color-component-card-background-state-extra-4-disabled-v21-1-0));
420
421
  }
421
422
  @media (min-width: 1020px){
422
- body.magritte-old-layout .magritte-card-style-extra-4___1Ak5j_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
423
+ body.magritte-old-layout .magritte-card-style-extra-4___1Ak5j_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
423
424
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-4-hovered-v21-1-0));
424
425
  }
425
- body.magritte-old-layout .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-extra-4___bM8oz_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
426
+ body.magritte-old-layout .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-extra-4___bM8oz_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
426
427
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-4-hovered-v21-1-0));
427
428
  }
428
429
  }
429
430
  @media (min-width: 1024px){
430
- body:not(.magritte-old-layout) .magritte-card-style-extra-4___1Ak5j_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
431
+ body:not(.magritte-old-layout) .magritte-card-style-extra-4___1Ak5j_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
431
432
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-4-hovered-v21-1-0));
432
433
  }
433
- body:not(.magritte-old-layout) .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-extra-4___bM8oz_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
434
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-extra-4___bM8oz_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
434
435
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-4-hovered-v21-1-0));
435
436
  }
436
437
  }
437
- .magritte-card-style-extra-5___QvO0Q_6-1-30{
438
+ .magritte-card-style-extra-5___QvO0Q_6-2-0{
438
439
  background-color:var(--magritte-card-background-override, var(--magritte-color-component-card-background-extra-5-v21-1-0));
439
440
  }
440
- .magritte-card___bhGKz_6-1-30.magritte-card-style-extra-5___QvO0Q_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30,
441
- .magritte-card___bhGKz_6-1-30.magritte-card-style-extra-5___QvO0Q_6-1-30.magritte-card-action___4A43B_6-1-30.magritte-card-disabled___SMFnB_6-1-30:hover{
441
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-extra-5___QvO0Q_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0,
442
+ .magritte-card___bhGKz_6-2-0.magritte-card-style-extra-5___QvO0Q_6-2-0.magritte-card-action___4A43B_6-2-0.magritte-card-disabled___SMFnB_6-2-0:hover{
442
443
  background-color:var(--magritte-card-disabled-background-override, var(--magritte-color-component-card-background-state-extra-5-disabled-v21-1-0));
443
444
  }
444
445
  @media (min-width: 1020px){
445
- body.magritte-old-layout .magritte-card-style-extra-5___QvO0Q_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
446
+ body.magritte-old-layout .magritte-card-style-extra-5___QvO0Q_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
446
447
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-5-hovered-v21-1-0));
447
448
  }
448
- body.magritte-old-layout .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-extra-5___diZv6_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
449
+ body.magritte-old-layout .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-extra-5___diZv6_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
449
450
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-5-hovered-v21-1-0));
450
451
  }
451
452
  }
452
453
  @media (min-width: 1024px){
453
- body:not(.magritte-old-layout) .magritte-card-style-extra-5___QvO0Q_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
454
+ body:not(.magritte-old-layout) .magritte-card-style-extra-5___QvO0Q_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
454
455
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-5-hovered-v21-1-0));
455
456
  }
456
- body:not(.magritte-old-layout) .magritte-card___bhGKz_6-1-30.magritte-card-hover-style-extra-5___diZv6_6-1-30.magritte-card-action___4A43B_6-1-30:hover:not(.magritte-card-disabled___SMFnB_6-1-30){
457
+ body:not(.magritte-old-layout) .magritte-card___bhGKz_6-2-0.magritte-card-hover-style-extra-5___diZv6_6-2-0.magritte-card-action___4A43B_6-2-0:hover:not(.magritte-card-disabled___SMFnB_6-2-0){
457
458
  background-color:var(--magritte-card-hover-background-override, var(--magritte-color-component-card-background-state-extra-5-hovered-v21-1-0));
458
459
  }
459
460
  }
460
- .magritte-card-border-radius-0___wvt4-_6-1-30{
461
+ .magritte-card-border-radius-0___wvt4-_6-2-0{
461
462
  border-radius:var(--magritte-static-border-radius-0-v21-1-0);
462
463
  --magritte-ui-table-border-radius:var(--magritte-static-border-radius-0-v21-1-0);
463
464
  }
464
- .magritte-card___bhGKz_6-1-30.magritte-card-border-top-left-radius-0___xhKvn_6-1-30{
465
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-left-radius-0___xhKvn_6-2-0{
465
466
  border-top-left-radius:var(--magritte-static-border-radius-0-v21-1-0);
466
467
  --magritte-ui-table-border-radius-top-left:var(--magritte-static-border-radius-0-v21-1-0);
467
468
  }
468
- .magritte-card___bhGKz_6-1-30.magritte-card-border-top-right-radius-0___PeZ4S_6-1-30{
469
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-right-radius-0___PeZ4S_6-2-0{
469
470
  border-top-right-radius:var(--magritte-static-border-radius-0-v21-1-0);
470
471
  --magritte-ui-table-border-radius-top-right:var(--magritte-static-border-radius-0-v21-1-0);
471
472
  }
472
- .magritte-card___bhGKz_6-1-30.magritte-card-border-bottom-left-radius-0___xhqfz_6-1-30{
473
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-left-radius-0___xhqfz_6-2-0{
473
474
  border-bottom-left-radius:var(--magritte-static-border-radius-0-v21-1-0);
474
475
  --magritte-ui-table-border-radius-bottom-left:var(--magritte-static-border-radius-0-v21-1-0);
475
476
  }
476
- .magritte-card___bhGKz_6-1-30.magritte-card-border-bottom-right-radius-0___wkU84_6-1-30{
477
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-right-radius-0___wkU84_6-2-0{
477
478
  border-bottom-right-radius:var(--magritte-static-border-radius-0-v21-1-0);
478
479
  --magritte-ui-table-border-radius-bottom-right:var(--magritte-static-border-radius-0-v21-1-0);
479
480
  }
480
- .magritte-card-border-radius-12___az-Ir_6-1-30{
481
+ .magritte-card-border-radius-12___az-Ir_6-2-0{
481
482
  border-radius:var(--magritte-semantic-border-radius-form-v21-1-0);
482
483
  --magritte-ui-table-border-radius:var(--magritte-semantic-border-radius-form-v21-1-0);
483
484
  }
484
- .magritte-card___bhGKz_6-1-30.magritte-card-border-top-left-radius-12___-oawE_6-1-30{
485
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-left-radius-12___-oawE_6-2-0{
485
486
  border-top-left-radius:var(--magritte-semantic-border-radius-form-v21-1-0);
486
487
  --magritte-ui-table-border-radius-top-left:var(--magritte-semantic-border-radius-form-v21-1-0);
487
488
  }
488
- .magritte-card___bhGKz_6-1-30.magritte-card-border-top-right-radius-12___IhPsK_6-1-30{
489
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-right-radius-12___IhPsK_6-2-0{
489
490
  border-top-right-radius:var(--magritte-semantic-border-radius-form-v21-1-0);
490
491
  --magritte-ui-table-border-radius-top-right:var(--magritte-semantic-border-radius-form-v21-1-0);
491
492
  }
492
- .magritte-card___bhGKz_6-1-30.magritte-card-border-bottom-left-radius-12___FCM6F_6-1-30{
493
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-left-radius-12___FCM6F_6-2-0{
493
494
  border-bottom-left-radius:var(--magritte-semantic-border-radius-form-v21-1-0);
494
495
  --magritte-ui-table-border-radius-bottom-left:var(--magritte-semantic-border-radius-form-v21-1-0);
495
496
  }
496
- .magritte-card___bhGKz_6-1-30.magritte-card-border-bottom-right-radius-12___tCOdR_6-1-30{
497
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-right-radius-12___tCOdR_6-2-0{
497
498
  border-bottom-right-radius:var(--magritte-semantic-border-radius-form-v21-1-0);
498
499
  --magritte-ui-table-border-radius-bottom-right:var(--magritte-semantic-border-radius-form-v21-1-0);
499
500
  }
500
- .magritte-card-border-radius-16___Ys6Ji_6-1-30{
501
+ .magritte-card-border-radius-16___Ys6Ji_6-2-0{
501
502
  border-radius:var(--magritte-static-border-radius-400-v21-1-0);
502
503
  --magritte-ui-table-border-radius:var(--magritte-static-border-radius-400-v21-1-0);
503
504
  }
504
- .magritte-card___bhGKz_6-1-30.magritte-card-border-top-left-radius-16___ukzUt_6-1-30{
505
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-left-radius-16___ukzUt_6-2-0{
505
506
  border-top-left-radius:var(--magritte-static-border-radius-400-v21-1-0);
506
507
  --magritte-ui-table-border-radius-top-left:var(--magritte-static-border-radius-400-v21-1-0);
507
508
  }
508
- .magritte-card___bhGKz_6-1-30.magritte-card-border-top-right-radius-16___gsFms_6-1-30{
509
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-right-radius-16___gsFms_6-2-0{
509
510
  border-top-right-radius:var(--magritte-static-border-radius-400-v21-1-0);
510
511
  --magritte-ui-table-border-radius-top-right:var(--magritte-static-border-radius-400-v21-1-0);
511
512
  }
512
- .magritte-card___bhGKz_6-1-30.magritte-card-border-bottom-left-radius-16___RNl-W_6-1-30{
513
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-left-radius-16___RNl-W_6-2-0{
513
514
  border-bottom-left-radius:var(--magritte-static-border-radius-400-v21-1-0);
514
515
  --magritte-ui-table-border-radius-bottom-left:var(--magritte-static-border-radius-400-v21-1-0);
515
516
  }
516
- .magritte-card___bhGKz_6-1-30.magritte-card-border-bottom-right-radius-16___mW4e4_6-1-30{
517
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-right-radius-16___mW4e4_6-2-0{
517
518
  border-bottom-right-radius:var(--magritte-static-border-radius-400-v21-1-0);
518
519
  --magritte-ui-table-border-radius-bottom-right:var(--magritte-static-border-radius-400-v21-1-0);
519
520
  }
520
- .magritte-card-border-radius-24___o72BE_6-1-30{
521
+ .magritte-card-border-radius-24___o72BE_6-2-0{
521
522
  border-radius:var(--magritte-static-border-radius-600-v21-1-0);
522
523
  --magritte-ui-table-border-radius:var(--magritte-static-border-radius-600-v21-1-0);
523
524
  }
524
- .magritte-card___bhGKz_6-1-30.magritte-card-border-top-left-radius-24___WggIU_6-1-30{
525
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-left-radius-24___WggIU_6-2-0{
525
526
  border-top-left-radius:var(--magritte-static-border-radius-600-v21-1-0);
526
527
  --magritte-ui-table-border-radius-top-left:var(--magritte-static-border-radius-600-v21-1-0);
527
528
  }
528
- .magritte-card___bhGKz_6-1-30.magritte-card-border-top-right-radius-24___-tF1L_6-1-30{
529
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-right-radius-24___-tF1L_6-2-0{
529
530
  border-top-right-radius:var(--magritte-static-border-radius-600-v21-1-0);
530
531
  --magritte-ui-table-border-radius-top-right:var(--magritte-static-border-radius-600-v21-1-0);
531
532
  }
532
- .magritte-card___bhGKz_6-1-30.magritte-card-border-bottom-left-radius-24___LvciK_6-1-30{
533
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-left-radius-24___LvciK_6-2-0{
533
534
  border-bottom-left-radius:var(--magritte-static-border-radius-600-v21-1-0);
534
535
  --magritte-ui-table-border-radius-bottom-left:var(--magritte-static-border-radius-600-v21-1-0);
535
536
  }
536
- .magritte-card___bhGKz_6-1-30.magritte-card-border-bottom-right-radius-24___2nUtu_6-1-30{
537
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-right-radius-24___2nUtu_6-2-0{
537
538
  border-bottom-right-radius:var(--magritte-static-border-radius-600-v21-1-0);
538
539
  --magritte-ui-table-border-radius-bottom-right:var(--magritte-static-border-radius-600-v21-1-0);
539
540
  }
540
- .magritte-card-border-radius-32___XpJKx_6-1-30{
541
+ .magritte-card-border-radius-28___3YGkG_6-2-0{
542
+ border-radius:var(--magritte-static-border-radius-700-v21-1-0);
543
+ --magritte-ui-table-border-radius:var(--magritte-static-border-radius-700-v21-1-0);
544
+ }
545
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-left-radius-28___ESULp_6-2-0{
546
+ border-top-left-radius:var(--magritte-static-border-radius-700-v21-1-0);
547
+ --magritte-ui-table-border-radius-top-left:var(--magritte-static-border-radius-700-v21-1-0);
548
+ }
549
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-right-radius-28___VeTzN_6-2-0{
550
+ border-top-right-radius:var(--magritte-static-border-radius-700-v21-1-0);
551
+ --magritte-ui-table-border-radius-top-right:var(--magritte-static-border-radius-700-v21-1-0);
552
+ }
553
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-left-radius-28___azqUv_6-2-0{
554
+ border-bottom-left-radius:var(--magritte-static-border-radius-700-v21-1-0);
555
+ --magritte-ui-table-border-radius-bottom-left:var(--magritte-static-border-radius-700-v21-1-0);
556
+ }
557
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-right-radius-28___8o40T_6-2-0{
558
+ border-bottom-right-radius:var(--magritte-static-border-radius-700-v21-1-0);
559
+ --magritte-ui-table-border-radius-bottom-right:var(--magritte-static-border-radius-700-v21-1-0);
560
+ }
561
+ .magritte-card-border-radius-32___XpJKx_6-2-0{
541
562
  border-radius:var(--magritte-static-border-radius-800-v21-1-0);
542
563
  --magritte-ui-table-border-radius:var(--magritte-static-border-radius-800-v21-1-0);
543
564
  }
544
- .magritte-card___bhGKz_6-1-30.magritte-card-border-top-left-radius-32___fILSa_6-1-30{
565
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-left-radius-32___fILSa_6-2-0{
545
566
  border-top-left-radius:var(--magritte-static-border-radius-800-v21-1-0);
546
567
  --magritte-ui-table-border-radius-top-left:var(--magritte-static-border-radius-800-v21-1-0);
547
568
  }
548
- .magritte-card___bhGKz_6-1-30.magritte-card-border-top-right-radius-32___TdHDP_6-1-30{
569
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-right-radius-32___TdHDP_6-2-0{
549
570
  border-top-right-radius:var(--magritte-static-border-radius-800-v21-1-0);
550
571
  --magritte-ui-table-border-radius-top-right:var(--magritte-static-border-radius-800-v21-1-0);
551
572
  }
552
- .magritte-card___bhGKz_6-1-30.magritte-card-border-bottom-left-radius-32___3MKJI_6-1-30{
573
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-left-radius-32___3MKJI_6-2-0{
553
574
  border-bottom-left-radius:var(--magritte-static-border-radius-800-v21-1-0);
554
575
  --magritte-ui-table-border-radius-bottom-left:var(--magritte-static-border-radius-800-v21-1-0);
555
576
  }
556
- .magritte-card___bhGKz_6-1-30.magritte-card-border-bottom-right-radius-32___w0HZZ_6-1-30{
577
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-right-radius-32___w0HZZ_6-2-0{
557
578
  border-bottom-right-radius:var(--magritte-static-border-radius-800-v21-1-0);
558
579
  --magritte-ui-table-border-radius-bottom-right:var(--magritte-static-border-radius-800-v21-1-0);
559
580
  }
560
- .magritte-card-border-radius-40___7J5EX_6-1-30{
581
+ .magritte-card-border-radius-40___7J5EX_6-2-0{
561
582
  border-radius:var(--magritte-static-border-radius-1000-v21-1-0);
562
583
  --magritte-ui-table-border-radius:var(--magritte-static-border-radius-1000-v21-1-0);
563
584
  }
564
- .magritte-card___bhGKz_6-1-30.magritte-card-border-top-left-radius-40___VQ3ZO_6-1-30{
585
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-left-radius-40___VQ3ZO_6-2-0{
565
586
  border-top-left-radius:var(--magritte-static-border-radius-1000-v21-1-0);
566
587
  --magritte-ui-table-border-radius-top-left:var(--magritte-static-border-radius-1000-v21-1-0);
567
588
  }
568
- .magritte-card___bhGKz_6-1-30.magritte-card-border-top-right-radius-40___Ao-nP_6-1-30{
589
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-top-right-radius-40___Ao-nP_6-2-0{
569
590
  border-top-right-radius:var(--magritte-static-border-radius-1000-v21-1-0);
570
591
  --magritte-ui-table-border-radius-top-right:var(--magritte-static-border-radius-1000-v21-1-0);
571
592
  }
572
- .magritte-card___bhGKz_6-1-30.magritte-card-border-bottom-left-radius-40___psJqI_6-1-30{
593
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-left-radius-40___psJqI_6-2-0{
573
594
  border-bottom-left-radius:var(--magritte-static-border-radius-1000-v21-1-0);
574
595
  --magritte-ui-table-border-radius-bottom-left:var(--magritte-static-border-radius-1000-v21-1-0);
575
596
  }
576
- .magritte-card___bhGKz_6-1-30.magritte-card-border-bottom-right-radius-40___UyYrk_6-1-30{
597
+ .magritte-card___bhGKz_6-2-0.magritte-card-border-bottom-right-radius-40___UyYrk_6-2-0{
577
598
  border-bottom-right-radius:var(--magritte-static-border-radius-1000-v21-1-0);
578
599
  --magritte-ui-table-border-radius-bottom-right:var(--magritte-static-border-radius-1000-v21-1-0);
579
600
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-card",
3
- "version": "6.1.30",
3
+ "version": "6.2.0",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -31,7 +31,7 @@
31
31
  "@hh.ru/magritte-design-tokens": "21.1.0",
32
32
  "@hh.ru/magritte-types": "5.0.1",
33
33
  "@hh.ru/magritte-ui-breakpoint": "5.0.0",
34
- "@hh.ru/magritte-ui-icon": "7.9.12",
34
+ "@hh.ru/magritte-ui-icon": "8.0.0",
35
35
  "@hh.ru/magritte-ui-mock-component": "1.0.12",
36
36
  "@hh.ru/magritte-ui-skeleton": "2.1.22",
37
37
  "@hh.ru/magritte-ui-theme-provider": "1.1.37",
@@ -40,5 +40,5 @@
40
40
  "publishConfig": {
41
41
  "access": "public"
42
42
  },
43
- "gitHead": "d271475c7ce8c1d6fc8b33ed345f1d9a6dcd8835"
43
+ "gitHead": "7d8b1f10526d9c9fc0adec420e3a20179de6c881"
44
44
  }
package/types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export type CardPadding = 0 | 8 | 12 | 16 | 24 | 32 | 40;
2
- export type CardBorderRadius = 0 | 12 | 16 | 24 | 32 | 40;
2
+ export type CardBorderRadius = 0 | 12 | 16 | 24 | 28 | 32 | 40;
3
3
  export type CardStyle = 'blank' | 'neutral' | 'contrast' | 'positive' | 'negative' | 'warning' | 'extra-1' | 'extra-2' | 'extra-3' | 'extra-4' | 'extra-5';
4
- interface CommonCardProps {
4
+ export interface CommonCardProps {
5
5
  /** Кастомный элемент 'a', 'div' или функция */
6
6
  Element?: 'a' | 'div';
7
7
  /** Флаг включающий растягивание на всю ширину контейнера */