@purpurds/card 6.8.1 → 6.8.2

package/dist/styles.css

@@ -1 +1 @@
-._purpur-card__container_2maou_1{container:card/inline-size}._purpur-card_2maou_1{transition:box-shadow var(--purpur-motion-duration-150) var(--purpur-motion-easing-ease-in-out);border-radius:var(--purpur-border-radius-md);overflow:hidden}@container card (min-width: 600px){._purpur-card_2maou_1{border-radius:var(--purpur-border-radius-lg)}}._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]){border:var(--purpur-border-width-xs) solid transparent}._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:focus-visible){border-color:var(--purpur-color-border-interactive-subtle-hover);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:var(--purpur-spacing-50)}._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:not([class*=purpur-card-trigger-item--disabled]):focus-visible) [class*=purpur-card-link-arrow],._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:not([class*=purpur-card-trigger-item--disabled]):focus-visible) [class*=purpur-card-cta--button-styling]{background:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary);border-color:var(--purpur-color-border-interactive-primary)}._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])){box-shadow:var(--purpur-shadow-sm);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-primary-hover);outline-offset:-1px}._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta--button-styling]{background:var(--purpur-color-background-interactive-transparent-hover);color:var(--purpur-color-text-interactive-primary-hover);border-color:var(--purpur-color-border-interactive-primary-hover)}._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])){border-color:var(--purpur-color-border-interactive-subtle-hover);box-shadow:var(--purpur-shadow-sm);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:var(--purpur-spacing-50)}._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta--button-styling]{background:var(--purpur-color-background-interactive-transparent-hover);color:var(--purpur-color-text-interactive-primary-hover);border-color:var(--purpur-color-border-interactive-primary-hover)}._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])),._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])){outline:none;border-color:1px solid var(--purpur-color-border-interactive-primary-active)}._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta--button-styling],._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_2maou_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta--button-styling]{background:var(--purpur-color-background-interactive-transparent-active);color:var(--purpur-color-text-interactive-primary-active);border-color:var(--purpur-color-border-interactive-primary-active)}._purpur-card-badge_k9ziu_1{position:absolute;top:var(--purpur-spacing-50);right:var(--purpur-spacing-50)}._purpur-card-content_2uc00_1{display:flex;flex-direction:column;gap:var(--purpur-spacing-250)}._purpur-card-content-container_putaw_1{display:flex;flex-direction:column;gap:var(--purpur-spacing-300);padding:var(--purpur-spacing-250) var(--purpur-spacing-200)}@container card (min-width: 600px){._purpur-card-content-container_putaw_1{padding:calc(var(--purpur-spacing-400) + var(--purpur-spacing-100)) var(--purpur-spacing-300) var(--purpur-spacing-400) var(--purpur-spacing-300)}}._purpur-card-content-container--footer_putaw_12{padding:0 var(--purpur-spacing-200) var(--purpur-spacing-200)}@container card (min-width: 600px){._purpur-card-content-container--footer_putaw_12{padding:0 var(--purpur-spacing-300) var(--purpur-spacing-300)}}._purpur-card-content-container--gap-size--sm_putaw_20{gap:var(--purpur-spacing-100)}._purpur-card-content-container--gap-size--md_putaw_23{gap:var(--purpur-spacing-200)}._purpur-card-content-container--gap-size--lg_putaw_26{gap:var(--purpur-spacing-300)}._purpur-card-cta--button-styling_1wc0z_1{align-items:center;border-radius:var(--purpur-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--purpur-typography-scale-100);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);gap:var(--purpur-spacing-100);justify-content:center;line-height:var(--purpur-spacing-300);outline:0;position:relative;text-decoration:none;transition:all var(--purpur-motion-duration-100) ease;width:auto}._purpur-card-cta--button-styling_1wc0z_1:focus:before{border-radius:var(--purpur-border-radius-full);box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);content:"";display:block;inset:calc(var(--purpur-spacing-25) * -1);position:absolute}._purpur-card-cta--button-styling_1wc0z_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-card-cta--button-styling_1wc0z_1 svg{display:block}._purpur-card-cta--button-styling--xs_1wc0z_33{padding:var(--purpur-spacing-50) var(--purpur-spacing-250)}._purpur-card-cta--button-styling--xs_1wc0z_33._purpur-card-cta--button-styling--icon-only_1wc0z_36{padding:var(--purpur-spacing-100)}._purpur-card-cta--button-styling--sm_1wc0z_39{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-card-cta--button-styling--sm_1wc0z_39._purpur-card-cta--button-styling--icon-only_1wc0z_36{padding:var(--purpur-spacing-100)}._purpur-card-cta--button-styling--md_1wc0z_45{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-card-cta--button-styling--md_1wc0z_45._purpur-card-cta--button-styling--icon-only_1wc0z_36{padding:var(--purpur-spacing-150)}._purpur-card-cta--button-styling--lg_1wc0z_51{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-card-cta--button-styling--lg_1wc0z_51._purpur-card-cta--button-styling--icon-only_1wc0z_36{padding:var(--purpur-spacing-200)}._purpur-card-cta--button-styling--full-width_1wc0z_57{width:100%}._purpur-card-cta--button-styling--primary_1wc0z_60{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-card-cta--button-styling--primary_1wc0z_60:hover:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-card-cta--button-styling--primary_1wc0z_60:active:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-card-cta--button-styling--primary-negative_1wc0z_70{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-card-cta--button-styling--primary-negative_1wc0z_70:hover:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-primary-negative-hover);border-color:var(--purpur-color-background-interactive-primary-negative-hover)}._purpur-card-cta--button-styling--primary-negative_1wc0z_70:active:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-primary-negative-active);border-color:var(--purpur-color-background-interactive-primary-negative-active)}._purpur-card-cta--button-styling--secondary_1wc0z_82{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary);color:var(--purpur-color-text-interactive-primary)}._purpur-card-cta--button-styling--secondary_1wc0z_82:hover:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-card-cta--button-styling--secondary_1wc0z_82:active:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-card-cta--button-styling--secondary-negative_1wc0z_93{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-card-cta--button-styling--secondary-negative_1wc0z_93:hover:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-card-cta--button-styling--secondary-negative_1wc0z_93:active:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-card-cta--button-styling--expressive_1wc0z_104{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-card-cta--button-styling--expressive_1wc0z_104:hover:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-card-cta--button-styling--expressive_1wc0z_104:active:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-card-cta--button-styling--expressive-negative_1wc0z_114{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-card-cta--button-styling--expressive-negative_1wc0z_114:hover:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-expressive-negative-hover);color:var(--purpur-color-text-interactive-on-expressive-negative-hover)}._purpur-card-cta--button-styling--expressive-negative_1wc0z_114:active:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-expressive-negative-active);color:var(--purpur-color-text-interactive-on-expressive-negative-active)}._purpur-card-cta--cta-styling_1wc0z_126{display:flex;align-items:center;color:var(--purpur-color-text-interactive-primary)}._purpur-card-cta--secondary_1wc0z_131._purpur-card-cta--disabled_1wc0z_131{box-shadow:none}._purpur-card-cta--disabled_1wc0z_131{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}._purpur-card-cta--text_1wc0z_139{width:100%;box-sizing:border-box}._purpur-card-feature-list_198s4_1{color:var(--purpur-color-text-default);list-style-type:none;margin:0;padding:0}._purpur-card-feature-list__list-item_198s4_7{align-items:center;display:flex;gap:var(--purpur-spacing-100)}._purpur-card-heading_j3j6u_1{display:flex;align-items:flex-start;justify-content:space-between}._purpur-card-heading__header_j3j6u_6{display:flex;align-items:flex-start;gap:var(--purpur-spacing-150)}._purpur-card-heading__heading_j3j6u_11{align-self:center}._purpur-card-heading__icon_j3j6u_14{flex-shrink:0;color:var(--purpur-color-text-default)}._purpur-card-heading__icon_j3j6u_14>span{display:block}._purpur-card-media_udc1o_1{width:100%}._purpur-card-media_udc1o_1 img,._purpur-card-media_udc1o_1 video{width:100%;display:block;object-fit:cover;aspect-ratio:2/1}@container card (min-width: 600px){._purpur-card-media_udc1o_1 img,._purpur-card-media_udc1o_1 video{aspect-ratio:auto;height:100%}}._purpur-card-media-layout_1yfvb_1{display:grid}._purpur-card-media-layout_1yfvb_1>div{order:1}._purpur-card-media-layout_1yfvb_1>div:has(img,video){order:0}@container card (min-width: 600px){._purpur-card-media-layout_1yfvb_1{grid-template-columns:repeat(2,1fr)}._purpur-card-media-layout_1yfvb_1>div{order:0}._purpur-card-media-layout_1yfvb_1>div:has(img,video){order:0}}._purpur-card-overline_192fe_1._purpur-card-overline_192fe_1{color:var(--purpur-color-text-medium);font-size:var(--purpur-typography-scale-75);font-weight:var(--purpur-typography-weight-normal);margin-bottom:var(--purpur-spacing-50)}._purpur-card-root_eupww_1{display:flex;flex-direction:column;overflow:hidden;position:relative}._purpur-card-root--primary_eupww_7{background-color:var(--purpur-color-background-primary)}._purpur-card-root--secondary_eupww_10{background-color:var(--purpur-color-background-secondary)}._purpur-card-root--full-height_eupww_13{height:100%;justify-content:space-between}._purpur-card-trigger-item_1sp43_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}._purpur-card-trigger-item--button_1sp43_6{background-color:transparent;border:none;cursor:pointer}._purpur-card-trigger-item--disabled_1sp43_11{cursor:not-allowed}._purpur-card-trigger-item_1sp43_1:focus-visible{outline:none}
+._purpur-card__container_fwz6v_1{container:card/inline-size}._purpur-card__container--full-height_fwz6v_4{height:100%}._purpur-card_fwz6v_1{transition:box-shadow var(--purpur-motion-duration-150) var(--purpur-motion-easing-ease-in-out);border-radius:var(--purpur-border-radius-md);overflow:hidden}@container card (min-width: 600px){._purpur-card_fwz6v_1{border-radius:var(--purpur-border-radius-lg)}}._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]){border:var(--purpur-border-width-xs) solid transparent}._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:focus-visible){border-color:var(--purpur-color-border-interactive-subtle-hover);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:var(--purpur-spacing-50)}._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:not([class*=purpur-card-trigger-item--disabled]):focus-visible) [class*=purpur-card-link-arrow],._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:not([class*=purpur-card-trigger-item--disabled]):focus-visible) [class*=purpur-card-cta--button-styling]{background:var(--purpur-color-background-interactive-transparent);color:var(--purpur-color-text-interactive-primary);border-color:var(--purpur-color-border-interactive-primary)}._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])){box-shadow:var(--purpur-shadow-sm);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-primary-hover);outline-offset:-1px}._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta--button-styling]{background:var(--purpur-color-background-interactive-transparent-hover);color:var(--purpur-color-text-interactive-primary-hover);border-color:var(--purpur-color-border-interactive-primary-hover)}._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])){border-color:var(--purpur-color-border-interactive-subtle-hover);box-shadow:var(--purpur-shadow-sm);outline:var(--purpur-border-width-sm) solid var(--purpur-color-border-interactive-focus);outline-offset:var(--purpur-spacing-50)}._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta--button-styling]{background:var(--purpur-color-background-interactive-transparent-hover);color:var(--purpur-color-text-interactive-primary-hover);border-color:var(--purpur-color-border-interactive-primary-hover)}._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])),._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])){outline:none;border-color:1px solid var(--purpur-color-border-interactive-primary-active)}._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta--button-styling],._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_fwz6v_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta--button-styling]{background:var(--purpur-color-background-interactive-transparent-active);color:var(--purpur-color-text-interactive-primary-active);border-color:var(--purpur-color-border-interactive-primary-active)}._purpur-card-badge_k9ziu_1{position:absolute;top:var(--purpur-spacing-50);right:var(--purpur-spacing-50)}._purpur-card-content_2uc00_1{display:flex;flex-direction:column;gap:var(--purpur-spacing-250)}._purpur-card-content-container_putaw_1{display:flex;flex-direction:column;gap:var(--purpur-spacing-300);padding:var(--purpur-spacing-250) var(--purpur-spacing-200)}@container card (min-width: 600px){._purpur-card-content-container_putaw_1{padding:calc(var(--purpur-spacing-400) + var(--purpur-spacing-100)) var(--purpur-spacing-300) var(--purpur-spacing-400) var(--purpur-spacing-300)}}._purpur-card-content-container--footer_putaw_12{padding:0 var(--purpur-spacing-200) var(--purpur-spacing-200)}@container card (min-width: 600px){._purpur-card-content-container--footer_putaw_12{padding:0 var(--purpur-spacing-300) var(--purpur-spacing-300)}}._purpur-card-content-container--gap-size--sm_putaw_20{gap:var(--purpur-spacing-100)}._purpur-card-content-container--gap-size--md_putaw_23{gap:var(--purpur-spacing-200)}._purpur-card-content-container--gap-size--lg_putaw_26{gap:var(--purpur-spacing-300)}._purpur-card-cta--button-styling_1wc0z_1{align-items:center;border-radius:var(--purpur-border-radius-full);border-width:0;cursor:pointer;display:inline-flex;font-size:var(--purpur-typography-scale-100);font-family:var(--purpur-typography-family-default);font-weight:var(--purpur-typography-weight-medium);gap:var(--purpur-spacing-100);justify-content:center;line-height:var(--purpur-spacing-300);outline:0;position:relative;text-decoration:none;transition:all var(--purpur-motion-duration-100) ease;width:auto}._purpur-card-cta--button-styling_1wc0z_1:focus:before{border-radius:var(--purpur-border-radius-full);box-shadow:0 0 0 var(--purpur-border-width-sm) var(--purpur-color-border-interactive-focus);content:"";display:block;inset:calc(var(--purpur-spacing-25) * -1);position:absolute}._purpur-card-cta--button-styling_1wc0z_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-card-cta--button-styling_1wc0z_1 svg{display:block}._purpur-card-cta--button-styling--xs_1wc0z_33{padding:var(--purpur-spacing-50) var(--purpur-spacing-250)}._purpur-card-cta--button-styling--xs_1wc0z_33._purpur-card-cta--button-styling--icon-only_1wc0z_36{padding:var(--purpur-spacing-100)}._purpur-card-cta--button-styling--sm_1wc0z_39{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-card-cta--button-styling--sm_1wc0z_39._purpur-card-cta--button-styling--icon-only_1wc0z_36{padding:var(--purpur-spacing-100)}._purpur-card-cta--button-styling--md_1wc0z_45{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-card-cta--button-styling--md_1wc0z_45._purpur-card-cta--button-styling--icon-only_1wc0z_36{padding:var(--purpur-spacing-150)}._purpur-card-cta--button-styling--lg_1wc0z_51{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-card-cta--button-styling--lg_1wc0z_51._purpur-card-cta--button-styling--icon-only_1wc0z_36{padding:var(--purpur-spacing-200)}._purpur-card-cta--button-styling--full-width_1wc0z_57{width:100%}._purpur-card-cta--button-styling--primary_1wc0z_60{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-card-cta--button-styling--primary_1wc0z_60:hover:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-card-cta--button-styling--primary_1wc0z_60:active:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-card-cta--button-styling--primary-negative_1wc0z_70{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-card-cta--button-styling--primary-negative_1wc0z_70:hover:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-primary-negative-hover);border-color:var(--purpur-color-background-interactive-primary-negative-hover)}._purpur-card-cta--button-styling--primary-negative_1wc0z_70:active:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-primary-negative-active);border-color:var(--purpur-color-background-interactive-primary-negative-active)}._purpur-card-cta--button-styling--secondary_1wc0z_82{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary);color:var(--purpur-color-text-interactive-primary)}._purpur-card-cta--button-styling--secondary_1wc0z_82:hover:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-card-cta--button-styling--secondary_1wc0z_82:active:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-card-cta--button-styling--secondary-negative_1wc0z_93{background-color:var(--purpur-color-background-interactive-transparent);box-shadow:inset 0 0 0 var(--purpur-border-width-xs) var(--purpur-color-border-interactive-primary-negative);color:var(--purpur-color-text-interactive-primary-negative)}._purpur-card-cta--button-styling--secondary-negative_1wc0z_93:hover:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-card-cta--button-styling--secondary-negative_1wc0z_93:active:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-card-cta--button-styling--expressive_1wc0z_104{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-card-cta--button-styling--expressive_1wc0z_104:hover:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-card-cta--button-styling--expressive_1wc0z_104:active:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-card-cta--button-styling--expressive-negative_1wc0z_114{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-card-cta--button-styling--expressive-negative_1wc0z_114:hover:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-expressive-negative-hover);color:var(--purpur-color-text-interactive-on-expressive-negative-hover)}._purpur-card-cta--button-styling--expressive-negative_1wc0z_114:active:not(._purpur-card-cta--button-styling--disabled_1wc0z_64){background-color:var(--purpur-color-background-interactive-expressive-negative-active);color:var(--purpur-color-text-interactive-on-expressive-negative-active)}._purpur-card-cta--cta-styling_1wc0z_126{display:flex;align-items:center;color:var(--purpur-color-text-interactive-primary)}._purpur-card-cta--secondary_1wc0z_131._purpur-card-cta--disabled_1wc0z_131{box-shadow:none}._purpur-card-cta--disabled_1wc0z_131{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}._purpur-card-cta--text_1wc0z_139{width:100%;box-sizing:border-box}._purpur-card-feature-list_198s4_1{color:var(--purpur-color-text-default);list-style-type:none;margin:0;padding:0}._purpur-card-feature-list__list-item_198s4_7{align-items:center;display:flex;gap:var(--purpur-spacing-100)}._purpur-card-heading_j3j6u_1{display:flex;align-items:flex-start;justify-content:space-between}._purpur-card-heading__header_j3j6u_6{display:flex;align-items:flex-start;gap:var(--purpur-spacing-150)}._purpur-card-heading__heading_j3j6u_11{align-self:center}._purpur-card-heading__icon_j3j6u_14{flex-shrink:0;color:var(--purpur-color-text-default)}._purpur-card-heading__icon_j3j6u_14>span{display:block}._purpur-card-media_udc1o_1{width:100%}._purpur-card-media_udc1o_1 img,._purpur-card-media_udc1o_1 video{width:100%;display:block;object-fit:cover;aspect-ratio:2/1}@container card (min-width: 600px){._purpur-card-media_udc1o_1 img,._purpur-card-media_udc1o_1 video{aspect-ratio:auto;height:100%}}._purpur-card-media-layout_1yfvb_1{display:grid}._purpur-card-media-layout_1yfvb_1>div{order:1}._purpur-card-media-layout_1yfvb_1>div:has(img,video){order:0}@container card (min-width: 600px){._purpur-card-media-layout_1yfvb_1{grid-template-columns:repeat(2,1fr)}._purpur-card-media-layout_1yfvb_1>div{order:0}._purpur-card-media-layout_1yfvb_1>div:has(img,video){order:0}}._purpur-card-overline_192fe_1._purpur-card-overline_192fe_1{color:var(--purpur-color-text-medium);font-size:var(--purpur-typography-scale-75);font-weight:var(--purpur-typography-weight-normal);margin-bottom:var(--purpur-spacing-50)}._purpur-card-root_eupww_1{display:flex;flex-direction:column;overflow:hidden;position:relative}._purpur-card-root--primary_eupww_7{background-color:var(--purpur-color-background-primary)}._purpur-card-root--secondary_eupww_10{background-color:var(--purpur-color-background-secondary)}._purpur-card-root--full-height_eupww_13{height:100%;justify-content:space-between}._purpur-card-trigger-item_1sp43_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}._purpur-card-trigger-item--button_1sp43_6{background-color:transparent;border:none;cursor:pointer}._purpur-card-trigger-item--disabled_1sp43_11{cursor:not-allowed}._purpur-card-trigger-item_1sp43_1:focus-visible{outline:none}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/card",
-  "version": "6.8.1",
+  "version": "6.8.2",
   "license": "AGPL-3.0-only",
   "main": "./dist/card.cjs.js",
   "types": "./dist/card.d.ts",
@@ -16,12 +16,12 @@
   "source": "src/card.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/badge": "6.8.1",
-    "@purpurds/icon": "6.8.1",
-    "@purpurds/spinner": "6.8.1",
-    "@purpurds/paragraph": "6.8.1",
-    "@purpurds/visually-hidden": "6.8.1",
-    "@purpurds/tokens": "6.8.1"
+    "@purpurds/badge": "6.8.2",
+    "@purpurds/icon": "6.8.2",
+    "@purpurds/paragraph": "6.8.2",
+    "@purpurds/visually-hidden": "6.8.2",
+    "@purpurds/tokens": "6.8.2",
+    "@purpurds/spinner": "6.8.2"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
@@ -46,11 +46,11 @@
     "typescript": "^5.6.3",
     "vite": "^6.2.1",
     "vitest": "^2.1.2",
-    "@purpurds/action": "6.8.1",
-    "@purpurds/button": "6.8.1",
-    "@purpurds/heading": "6.8.1",
-    "@purpurds/component-rig": "1.0.0",
-    "@purpurds/grid": "6.8.1"
+    "@purpurds/action": "6.8.2",
+    "@purpurds/heading": "6.8.2",
+    "@purpurds/grid": "6.8.2",
+    "@purpurds/button": "6.8.2",
+    "@purpurds/component-rig": "1.0.0"
   },
   "peerDependencies": {
     "@types/react": "^18 || ^19",

package/src/card.module.scss

@@ -7,6 +7,10 @@ $card-link-arrow-selector: "[class*=" purpur-card-link-arrow "], [class*="
 
 .purpur-card__container {
   container: card / inline-size;
+
+  &--full-height {
+    height: 100%;
+  }
 }
 
 .purpur-card {

package/src/card.tsx

@@ -52,7 +52,11 @@ export const Card: CardCmp<
     },
   ]);
   return (
-    <div className={cx(`${rootClassName}__container`)}>
+    <div
+      className={cx(`${rootClassName}__container`, {
+        [`${rootClassName}__container--full-height`]: props.fullHeight,
+      })}
+    >
       <CardRoot className={cx(classes)} {...props}>
         {children}
       </CardRoot>