@purpurds/card 5.35.0 → 6.0.1

package/dist/styles.css

@@ -1 +1 @@
-._purpur-card_1ruml_1{transition:box-shadow var(--purpur-motion-duration-150) var(--purpur-motion-easing-ease-in-out);overflow:hidden;border-radius:var(--purpur-border-radius-md);container:card/inline-size}@container card (min-width: 600px){._purpur-card_1ruml_1{border-radius:var(--purpur-border-radius-lg)}}._purpur-card_1ruml_1:has([class*=purpur-card-trigger-item]){border:var(--purpur-border-width-xs) solid transparent}._purpur-card_1ruml_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_1ruml_1:has([class*=purpur-card-trigger-item]:not([class*=purpur-card-trigger-item--disabled]):focus-visible) [class*=purpur-card-link-arrow],._purpur-card_1ruml_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_1ruml_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_1ruml_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1ruml_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_1ruml_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_1ruml_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1ruml_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_1ruml_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])),._purpur-card_1ruml_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_1ruml_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1ruml_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta--button-styling],._purpur-card_1ruml_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1ruml_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_r7moe_1{position:absolute;top:var(--purpur-spacing-100);right:var(--purpur-spacing-100)}._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_ej4qm_1{list-style-type:none;margin:0;padding:0}._purpur-card-feature-list__list-item_ej4qm_6{align-items:center;display:flex;gap:var(--purpur-spacing-100)}._purpur-card-heading_8heg4_1{display:flex;align-items:start;justify-content:space-between}._purpur-card-heading__heading_8heg4_6{display:flex;align-items:start;gap:var(--purpur-spacing-150)}._purpur-card-heading__icon_8heg4_11{flex-shrink:0}._purpur-card-link-arrow_blsmb_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-link-arrow_blsmb_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-link-arrow_blsmb_1:focus:not(:focus-visible):before{box-shadow:none}._purpur-card-link-arrow_blsmb_1 svg{display:block}._purpur-card-link-arrow--xs_blsmb_33{padding:var(--purpur-spacing-50) var(--purpur-spacing-250)}._purpur-card-link-arrow--xs_blsmb_33._purpur-card-link-arrow--icon-only_blsmb_36{padding:var(--purpur-spacing-100)}._purpur-card-link-arrow--sm_blsmb_39{padding:var(--purpur-spacing-100) var(--purpur-spacing-250)}._purpur-card-link-arrow--sm_blsmb_39._purpur-card-link-arrow--icon-only_blsmb_36{padding:var(--purpur-spacing-100)}._purpur-card-link-arrow--md_blsmb_45{padding:var(--purpur-spacing-150) var(--purpur-spacing-300)}._purpur-card-link-arrow--md_blsmb_45._purpur-card-link-arrow--icon-only_blsmb_36{padding:var(--purpur-spacing-150)}._purpur-card-link-arrow--lg_blsmb_51{padding:var(--purpur-spacing-200) var(--purpur-spacing-400)}._purpur-card-link-arrow--lg_blsmb_51._purpur-card-link-arrow--icon-only_blsmb_36{padding:var(--purpur-spacing-200)}._purpur-card-link-arrow--full-width_blsmb_57{width:100%}._purpur-card-link-arrow--primary_blsmb_60{background-color:var(--purpur-color-background-interactive-primary);color:var(--purpur-color-text-interactive-on-primary)}._purpur-card-link-arrow--primary_blsmb_60:hover:not(._purpur-card-link-arrow--disabled_blsmb_64){background-color:var(--purpur-color-background-interactive-primary-hover)}._purpur-card-link-arrow--primary_blsmb_60:active:not(._purpur-card-link-arrow--disabled_blsmb_64){background-color:var(--purpur-color-background-interactive-primary-active)}._purpur-card-link-arrow--primary-negative_blsmb_70{background-color:var(--purpur-color-background-interactive-primary-negative);color:var(--purpur-color-text-interactive-on-primary-negative)}._purpur-card-link-arrow--primary-negative_blsmb_70:hover:not(._purpur-card-link-arrow--disabled_blsmb_64){background-color:var(--purpur-color-background-interactive-primary-negative-hover);border-color:var(--purpur-color-background-interactive-primary-negative-hover)}._purpur-card-link-arrow--primary-negative_blsmb_70:active:not(._purpur-card-link-arrow--disabled_blsmb_64){background-color:var(--purpur-color-background-interactive-primary-negative-active);border-color:var(--purpur-color-background-interactive-primary-negative-active)}._purpur-card-link-arrow--secondary_blsmb_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-link-arrow--secondary_blsmb_82:hover:not(._purpur-card-link-arrow--disabled_blsmb_64){background-color:var(--purpur-color-background-interactive-transparent-hover)}._purpur-card-link-arrow--secondary_blsmb_82:active:not(._purpur-card-link-arrow--disabled_blsmb_64){background-color:var(--purpur-color-background-interactive-transparent-active)}._purpur-card-link-arrow--secondary-negative_blsmb_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-link-arrow--secondary-negative_blsmb_93:hover:not(._purpur-card-link-arrow--disabled_blsmb_64){background-color:var(--purpur-color-background-interactive-transparent-negative-hover)}._purpur-card-link-arrow--secondary-negative_blsmb_93:active:not(._purpur-card-link-arrow--disabled_blsmb_64){background-color:var(--purpur-color-background-interactive-transparent-negative-active)}._purpur-card-link-arrow--expressive_blsmb_104{background-color:var(--purpur-color-background-interactive-expressive);color:var(--purpur-color-text-interactive-on-expressive)}._purpur-card-link-arrow--expressive_blsmb_104:hover:not(._purpur-card-link-arrow--disabled_blsmb_64){background-color:var(--purpur-color-background-interactive-expressive-hover)}._purpur-card-link-arrow--expressive_blsmb_104:active:not(._purpur-card-link-arrow--disabled_blsmb_64){background-color:var(--purpur-color-background-interactive-expressive-active)}._purpur-card-link-arrow--expressive-negative_blsmb_114{background-color:var(--purpur-color-background-interactive-expressive-negative);color:var(--purpur-color-text-interactive-on-expressive-negative)}._purpur-card-link-arrow--expressive-negative_blsmb_114:hover:not(._purpur-card-link-arrow--disabled_blsmb_64){background-color:var(--purpur-color-background-interactive-expressive-negative-hover);color:var(--purpur-color-text-interactive-on-expressive-negative-hover)}._purpur-card-link-arrow--expressive-negative_blsmb_114:active:not(._purpur-card-link-arrow--disabled_blsmb_64){background-color:var(--purpur-color-background-interactive-expressive-negative-active);color:var(--purpur-color-text-interactive-on-expressive-negative-active)}._purpur-card-link-arrow--secondary_blsmb_82._purpur-card-link-arrow--disabled_blsmb_64{box-shadow:none}._purpur-card-link-arrow--disabled_blsmb_64{background-color:var(--purpur-color-background-interactive-disabled);color:var(--purpur-color-text-weak);cursor:not-allowed}._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_bqk1d_1{border-radius:var(--purpur-border-radius-md);display:flex;flex-direction:column;overflow:hidden;position:relative}._purpur-card-root--primary_bqk1d_8{background-color:var(--purpur-color-background-primary)}._purpur-card-root--secondary_bqk1d_11{background-color:var(--purpur-color-background-secondary)}._purpur-card-root--full-height_bqk1d_14{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_1ruml_1{transition:box-shadow var(--purpur-motion-duration-150) var(--purpur-motion-easing-ease-in-out);overflow:hidden;border-radius:var(--purpur-border-radius-md);container:card/inline-size}@container card (min-width: 600px){._purpur-card_1ruml_1{border-radius:var(--purpur-border-radius-lg)}}._purpur-card_1ruml_1:has([class*=purpur-card-trigger-item]){border:var(--purpur-border-width-xs) solid transparent}._purpur-card_1ruml_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_1ruml_1:has([class*=purpur-card-trigger-item]:not([class*=purpur-card-trigger-item--disabled]):focus-visible) [class*=purpur-card-link-arrow],._purpur-card_1ruml_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_1ruml_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_1ruml_1:has([class*=purpur-card-trigger-item]:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1ruml_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_1ruml_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_1ruml_1:has([class*=purpur-card-trigger-item]:focus-visible:hover:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1ruml_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_1ruml_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])),._purpur-card_1ruml_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_1ruml_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1ruml_1:has([class*=purpur-card-trigger-item]:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-cta--button-styling],._purpur-card_1ruml_1:has([class*=purpur-card-trigger-item]:focus-visible:active:not([class*=purpur-card-trigger-item--disabled])) [class*=purpur-card-link-arrow],._purpur-card_1ruml_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_r7moe_1{position:absolute;top:var(--purpur-spacing-100);right:var(--purpur-spacing-100)}._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_ej4qm_1{list-style-type:none;margin:0;padding:0}._purpur-card-feature-list__list-item_ej4qm_6{align-items:center;display:flex;gap:var(--purpur-spacing-100)}._purpur-card-heading_8heg4_1{display:flex;align-items:start;justify-content:space-between}._purpur-card-heading__heading_8heg4_6{display:flex;align-items:start;gap:var(--purpur-spacing-150)}._purpur-card-heading__icon_8heg4_11{flex-shrink:0}._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_bqk1d_1{border-radius:var(--purpur-border-radius-md);display:flex;flex-direction:column;overflow:hidden;position:relative}._purpur-card-root--primary_bqk1d_8{background-color:var(--purpur-color-background-primary)}._purpur-card-root--secondary_bqk1d_11{background-color:var(--purpur-color-background-secondary)}._purpur-card-root--full-height_bqk1d_14{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": "5.35.0",
+  "version": "6.0.1",
   "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/icon": "5.35.0",
-    "@purpurds/paragraph": "5.35.0",
-    "@purpurds/badge": "5.35.0",
-    "@purpurds/spinner": "5.35.0",
-    "@purpurds/tokens": "5.35.0",
-    "@purpurds/visually-hidden": "5.35.0"
+    "@purpurds/badge": "6.0.1",
+    "@purpurds/icon": "6.0.1",
+    "@purpurds/paragraph": "6.0.1",
+    "@purpurds/spinner": "6.0.1",
+    "@purpurds/visually-hidden": "6.0.1",
+    "@purpurds/tokens": "6.0.1"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
@@ -46,11 +46,11 @@
     "typescript": "^5.6.3",
     "vite": "5.4.8",
     "vitest": "^2.1.2",
-    "@purpurds/action": "5.35.0",
-    "@purpurds/button": "5.35.0",
-    "@purpurds/heading": "5.35.0",
+    "@purpurds/action": "6.0.1",
+    "@purpurds/button": "6.0.1",
     "@purpurds/component-rig": "1.0.0",
-    "@purpurds/grid": "5.35.0"
+    "@purpurds/grid": "6.0.1",
+    "@purpurds/heading": "6.0.1"
   },
   "scripts": {
     "build:dev": "vite",

package/src/card-feature-list.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { IconCheckmark } from "@purpurds/icon";
+import { IconCheckmark } from "@purpurds/icon/checkmark";
 import { Paragraph } from "@purpurds/paragraph";
 import c from "classnames/bind";
 

package/src/card.stories.tsx

@@ -2,7 +2,9 @@
 import React from "react";
 import { Grid } from "@purpurds/grid";
 import { Heading } from "@purpurds/heading";
-import { IconArrowRight, IconCart, IconSimcard } from "@purpurds/icon";
+import { IconArrowRight } from "@purpurds/icon/arrow-right";
+import { IconCart } from "@purpurds/icon/cart";
+import { IconSimcard } from "@purpurds/icon/simcard";
 import { Paragraph } from "@purpurds/paragraph";
 import type { Meta, StoryObj } from "@storybook/react";
 

package/src/card.tsx

@@ -8,7 +8,6 @@ import { CardContentContainer } from "./card-content-container.tsx";
 import { CardCta } from "./card-cta.tsx";
 import { CardFeatureList } from "./card-feature-list";
 import { CardHeading } from "./card-heading";
-import { CardLinkArrow } from "./card-link-arrow";
 import { CardMedia } from "./card-media";
 import { CardMediaLayout } from "./card-media-layout";
 import { CardOverline } from "./card-overline";
@@ -28,7 +27,6 @@ type CardCmp<P> = React.FunctionComponent<P> & {
   ContentContainer: typeof CardContentContainer;
   Cta: typeof CardCta;
   FeatureList: typeof CardFeatureList;
-  LinkArrow: typeof CardLinkArrow;
   Overline: typeof CardOverline;
   Heading: typeof CardHeading;
   Media: typeof CardMedia;
@@ -61,7 +59,6 @@ export const Card: CardCmp<
 };
 
 Card.Badge = CardBadge;
-Card.LinkArrow = CardLinkArrow;
 Card.Content = CardContent;
 Card.ContentContainer = CardContentContainer;
 Card.Cta = CardCta;

package/dist/card-link-arrow.d.ts

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-
-export type CardLinkArrowProps = {
-    /**
-     * Use this to set a testid on the link arrow
-     */
-    ["data-testid"]?: string;
-    /**
-     * Classname added to the root element
-     */
-    className?: string;
-    /**
-     * If the card link arrow should have disabled styling - defaults to false
-     */
-    disabled?: boolean;
-    /**
-     * If the link arrow should display a spinner - defaults to false
-     */
-    loading?: boolean;
-};
-export declare const CardLinkArrow: ({ ["data-testid"]: dataTestId, className, disabled, loading, ...props }: CardLinkArrowProps) => React.JSX.Element;
-//# sourceMappingURL=card-link-arrow.d.ts.map

package/dist/card-link-arrow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-link-arrow.d.ts","sourceRoot":"","sources":["../src/card-link-arrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAKF,eAAO,MAAM,aAAa,4EAMvB,kBAAkB,sBAuBpB,CAAC"}

package/src/card-cta.test.tsx

@@ -1,47 +0,0 @@
-import React from "react";
-import * as matchers from "@testing-library/jest-dom/matchers";
-import { cleanup, render, screen } from "@testing-library/react";
-import { afterEach, describe, expect, it } from "vitest";
-
-import { CardLinkArrow } from "./card-link-arrow.tsx";
-
-expect.extend(matchers);
-
-describe("CardLinkArrow", () => {
-  afterEach(cleanup);
-  it("should set the icon-only class", () => {
-    render(<CardLinkArrow />);
-    expect(screen.getByTestId("purpur-card-link-arrow")).toHaveClass(
-      "purpur-card-link-arrow--icon-only"
-    );
-  });
-
-  it("should set the disabled class", () => {
-    render(<CardLinkArrow disabled />);
-    expect(screen.getByTestId("purpur-card-link-arrow")).toHaveClass(
-      "purpur-card-link-arrow--disabled"
-    );
-  });
-
-  it("should set the size class", () => {
-    render(<CardLinkArrow />);
-    expect(screen.getByTestId("purpur-card-link-arrow")).toHaveClass("purpur-card-link-arrow--md");
-  });
-
-  it("should set the variant class", () => {
-    render(<CardLinkArrow />);
-    expect(screen.getByTestId("purpur-card-link-arrow")).toHaveClass(
-      "purpur-card-link-arrow--secondary"
-    );
-  });
-
-  it("should show an icon in the CardLinkArrow when the card is not in loading state", () => {
-    render(<CardLinkArrow />);
-    expect(screen.queryByTestId("purpur-card-link-arrow-spinner")).not.toBeInTheDocument();
-  });
-
-  it("should show a spinner in the CardLinkArrow when the card is in loading state", () => {
-    render(<CardLinkArrow loading />);
-    expect(screen.getByTestId("purpur-card-link-arrow-spinner")).toBeInTheDocument();
-  });
-});

package/src/card-link-arrow.module.scss

@@ -1,16 +0,0 @@
-@use "@purpurds/action/src/action.scss" as action;
-
-.purpur-card-link-arrow {
-  $root: &;
-  @include action.action();
-
-  &--secondary#{$root}--disabled {
-    box-shadow: none;
-  }
-
-  &--disabled {
-    background-color: var(--purpur-color-background-interactive-disabled);
-    color: var(--purpur-color-text-weak);
-    cursor: not-allowed;
-  }
-}

package/src/card-link-arrow.test.tsx

@@ -1,49 +0,0 @@
-import React from "react";
-import * as matchers from "@testing-library/jest-dom/matchers";
-import { cleanup, render, screen } from "@testing-library/react";
-import { afterEach, describe, expect, it } from "vitest";
-
-import { CardLinkArrow } from "./card-link-arrow.tsx";
-
-expect.extend(matchers);
-
-describe("CardLinkArrow", () => {
-  afterEach(cleanup);
-  it("should set the icon-only class", () => {
-    render(<CardLinkArrow />);
-    expect(screen.getByTestId("purpur-card-link-arrow")).toHaveClass(
-      "purpur-card-link-arrow--icon-only"
-    );
-  });
-
-  it("should set the disabled class", () => {
-    render(<CardLinkArrow disabled />);
-    expect(screen.getByTestId("purpur-card-link-arrow")).toHaveClass(
-      "purpur-card-link-arrow--disabled"
-    );
-  });
-
-  it("should set the size class", () => {
-    render(<CardLinkArrow />);
-    expect(screen.getByTestId("purpur-card-link-arrow")).toHaveClass("purpur-card-link-arrow--md");
-  });
-
-  it("should set the variant class", () => {
-    render(<CardLinkArrow />);
-    expect(screen.getByTestId("purpur-card-link-arrow")).toHaveClass(
-      "purpur-card-link-arrow--secondary"
-    );
-  });
-
-  it("should show an icon in the CardLinkArrow when the card is not in loading state", () => {
-    render(<CardLinkArrow />);
-    expect(screen.getByTestId("purpur-card-link-arrow-arrow")).toBeInTheDocument();
-    expect(screen.queryByTestId("purpur-card-link-arrow-spinner")).not.toBeInTheDocument();
-  });
-
-  it("should show a spinner in the CardLinkArrow when the card is in loading state", () => {
-    render(<CardLinkArrow loading />);
-    expect(screen.getByTestId("purpur-card-link-arrow-spinner")).toBeInTheDocument();
-    expect(screen.queryByTestId("purpur-card-link-arrow-arrow")).not.toBeInTheDocument();
-  });
-});

package/src/card-link-arrow.tsx

@@ -1,62 +0,0 @@
-import React from "react";
-import { IconArrowRight } from "@purpurds/icon";
-import { Spinner } from "@purpurds/spinner";
-import c from "classnames/bind";
-
-import styles from "./card-link-arrow.module.scss";
-
-const cx = c.bind(styles);
-
-export type CardLinkArrowProps = {
-  /**
-   * Use this to set a testid on the link arrow
-   */
-  ["data-testid"]?: string;
-  /**
-   * Classname added to the root element
-   */
-  className?: string;
-  /**
-   * If the card link arrow should have disabled styling - defaults to false
-   */
-  disabled?: boolean;
-
-  /**
-   * If the link arrow should display a spinner - defaults to false
-   */
-  loading?: boolean;
-};
-
-const rootClassName = "purpur-card-link-arrow";
-
-// @deprecated - use CardCta instead
-export const CardLinkArrow = ({
-  ["data-testid"]: dataTestId = "purpur-card-link-arrow",
-  className,
-  disabled = false,
-  loading = false,
-  ...props
-}: CardLinkArrowProps) => {
-  return (
-    <div
-      className={`${cx([
-        rootClassName,
-        className,
-        `${rootClassName}--md`,
-        `${rootClassName}--icon-only`,
-        `${rootClassName}--secondary`,
-        {
-          [`${rootClassName}--disabled`]: disabled,
-        },
-      ])} ${rootClassName}`}
-      data-testid={dataTestId}
-      {...props}
-    >
-      {!loading ? (
-        <IconArrowRight data-testid={`${dataTestId}-arrow`} size="md" />
-      ) : (
-        <Spinner data-testid={`${dataTestId}-spinner`} size="xs" disabled={disabled} />
-      )}
-    </div>
-  );
-};