@purpurds/card 6.0.2 → 6.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/LICENSE.txt +6 -6
- package/dist/card.cjs.js +1 -1
- package/dist/card.es.js +3 -3
- package/dist/styles.css +1 -1
- package/package.json +11 -11
- package/src/card-heading.module.scss +2 -2
package/dist/LICENSE.txt
CHANGED
|
@@ -33,41 +33,41 @@ SOFTWARE.
|
|
|
33
33
|
---
|
|
34
34
|
|
|
35
35
|
Name: @purpurds/badge
|
|
36
|
-
Version: 6.0
|
|
36
|
+
Version: 6.1.0
|
|
37
37
|
License: AGPL-3.0-only
|
|
38
38
|
Private: false
|
|
39
39
|
|
|
40
40
|
---
|
|
41
41
|
|
|
42
42
|
Name: @purpurds/spinner
|
|
43
|
-
Version: 6.0
|
|
43
|
+
Version: 6.1.0
|
|
44
44
|
License: AGPL-3.0-only
|
|
45
45
|
Private: false
|
|
46
46
|
|
|
47
47
|
---
|
|
48
48
|
|
|
49
49
|
Name: @purpurds/icon
|
|
50
|
-
Version: 6.0
|
|
50
|
+
Version: 6.1.0
|
|
51
51
|
License: AGPL-3.0-only
|
|
52
52
|
Private: false
|
|
53
53
|
|
|
54
54
|
---
|
|
55
55
|
|
|
56
56
|
Name: @purpurds/paragraph
|
|
57
|
-
Version: 6.0
|
|
57
|
+
Version: 6.1.0
|
|
58
58
|
License: AGPL-3.0-only
|
|
59
59
|
Private: false
|
|
60
60
|
|
|
61
61
|
---
|
|
62
62
|
|
|
63
63
|
Name: @purpurds/heading
|
|
64
|
-
Version: 6.0
|
|
64
|
+
Version: 6.1.0
|
|
65
65
|
License: AGPL-3.0-only
|
|
66
66
|
Private: false
|
|
67
67
|
|
|
68
68
|
---
|
|
69
69
|
|
|
70
70
|
Name: @purpurds/visually-hidden
|
|
71
|
-
Version: 6.0
|
|
71
|
+
Version: 6.1.0
|
|
72
72
|
License: AGPL-3.0-only
|
|
73
73
|
Private: false
|
package/dist/card.cjs.js
CHANGED
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
Copyright (c) 2018 Jed Watson.
|
|
27
27
|
Licensed under the MIT License (MIT), see
|
|
28
28
|
http://jedwatson.github.io/classnames
|
|
29
|
-
*/(function(t){(function(){var n={}.hasOwnProperty;function e(){for(var r="",a=0;a<arguments.length;a++){var p=arguments[a];p&&(r=i(r,u(p)))}return r}function u(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return e.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var a="";for(var p in r)n.call(r,p)&&r[p]&&(a=i(a,p));return a}function i(r,a){return a?r?r+" "+a:r+a:r}t.exports?(e.default=e,t.exports=e):window.classNames=e})()})(Y);var dt=Y.exports;const _t=lt(dt),b={"purpur-heading":"_purpur-heading_k9fhq_1","purpur-heading--hyphens":"_purpur-heading--hyphens_k9fhq_8","purpur-heading--negative":"_purpur-heading--negative_k9fhq_11","purpur-heading--subsection-100":"_purpur-heading--subsection-100_k9fhq_14","purpur-heading--title-100":"_purpur-heading--title-100_k9fhq_20","purpur-heading--title-200":"_purpur-heading--title-200_k9fhq_26","purpur-heading--title-300":"_purpur-heading--title-300_k9fhq_32","purpur-heading--title-400":"_purpur-heading--title-400_k9fhq_38","purpur-heading--title-500":"_purpur-heading--title-500_k9fhq_44","purpur-heading--title-600":"_purpur-heading--title-600_k9fhq_50","purpur-heading--title-700":"_purpur-heading--title-700_k9fhq_56","purpur-heading--display-25":"_purpur-heading--display-25_k9fhq_62","purpur-heading--display-50":"_purpur-heading--display-50_k9fhq_68","purpur-heading--display-100":"_purpur-heading--display-100_k9fhq_74","purpur-heading--display-200":"_purpur-heading--display-200_k9fhq_80"},gt={TITLE100:"title-100",TITLE200:"title-200",TITLE300:"title-300",TITLE400:"title-400",TITLE500:"title-500",TITLE600:"title-600",TITLE700:"title-700",SUBSECTION100:"subsection-100"},x="purpur-heading",J=({["data-testid"]:t,children:n,className:e="",enableHyphenation:u=!1,negative:i=!1,tag:r,variant:a=gt.TITLE100,...p})=>{const c=r,$=_t([e,b[x],b[`${x}--${a}`],{[b[`${x}--hyphens`]]:u,[b[`${x}--negative`]]:i}]);return s.jsx(c,{...p,className:$,"data-testid":t,children:n})};J.displayName="Heading";const ht={"purpur-card-heading":"_purpur-card-
|
|
29
|
+
*/(function(t){(function(){var n={}.hasOwnProperty;function e(){for(var r="",a=0;a<arguments.length;a++){var p=arguments[a];p&&(r=i(r,u(p)))}return r}function u(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return e.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var a="";for(var p in r)n.call(r,p)&&r[p]&&(a=i(a,p));return a}function i(r,a){return a?r?r+" "+a:r+a:r}t.exports?(e.default=e,t.exports=e):window.classNames=e})()})(Y);var dt=Y.exports;const _t=lt(dt),b={"purpur-heading":"_purpur-heading_k9fhq_1","purpur-heading--hyphens":"_purpur-heading--hyphens_k9fhq_8","purpur-heading--negative":"_purpur-heading--negative_k9fhq_11","purpur-heading--subsection-100":"_purpur-heading--subsection-100_k9fhq_14","purpur-heading--title-100":"_purpur-heading--title-100_k9fhq_20","purpur-heading--title-200":"_purpur-heading--title-200_k9fhq_26","purpur-heading--title-300":"_purpur-heading--title-300_k9fhq_32","purpur-heading--title-400":"_purpur-heading--title-400_k9fhq_38","purpur-heading--title-500":"_purpur-heading--title-500_k9fhq_44","purpur-heading--title-600":"_purpur-heading--title-600_k9fhq_50","purpur-heading--title-700":"_purpur-heading--title-700_k9fhq_56","purpur-heading--display-25":"_purpur-heading--display-25_k9fhq_62","purpur-heading--display-50":"_purpur-heading--display-50_k9fhq_68","purpur-heading--display-100":"_purpur-heading--display-100_k9fhq_74","purpur-heading--display-200":"_purpur-heading--display-200_k9fhq_80"},gt={TITLE100:"title-100",TITLE200:"title-200",TITLE300:"title-300",TITLE400:"title-400",TITLE500:"title-500",TITLE600:"title-600",TITLE700:"title-700",SUBSECTION100:"subsection-100"},x="purpur-heading",J=({["data-testid"]:t,children:n,className:e="",enableHyphenation:u=!1,negative:i=!1,tag:r,variant:a=gt.TITLE100,...p})=>{const c=r,$=_t([e,b[x],b[`${x}--${a}`],{[b[`${x}--hyphens`]]:u,[b[`${x}--negative`]]:i}]);return s.jsx(c,{...p,className:$,"data-testid":t,children:n})};J.displayName="Heading";const ht={"purpur-card-heading":"_purpur-card-heading_1lsjo_1","purpur-card-heading__heading":"_purpur-card-heading__heading_1lsjo_6","purpur-card-heading__icon":"_purpur-card-heading__icon_1lsjo_11"},j=l.bind(ht),N="purpur-card-heading",ft=({["data-testid"]:t="purpur-card-heading",title:n,icon:e,children:u,titleTag:i="h2"})=>s.jsxs("div",{className:j(N),"data-testid":t,children:[s.jsxs("div",{className:j(`${N}__heading`),children:[e&&s.jsx("div",{className:j(`${N}__icon`),children:e}),s.jsx(J,{tag:i,variant:"title-100",children:n})]}),u]}),mt={"purpur-card-media":"_purpur-card-media_udc1o_1"},vt=l.bind(mt),yt="purpur-card-media",bt=({["data-testid"]:t="purpur-card-media",className:n,children:e})=>s.jsx("div",{className:vt([yt,n]),"data-testid":t,children:e}),xt={"purpur-card-media-layout":"_purpur-card-media-layout_1yfvb_1"},$t=l.bind(xt),wt="purpur-card-media-layout",jt=({["data-testid"]:t="purpur-card-media-layout",className:n,children:e})=>s.jsx("div",{className:$t([wt,n]),"data-testid":t,children:e}),Nt={"purpur-card-overline":"_purpur-card-overline_192fe_1"},Ct=l.bind(Nt),St="purpur-card-overline",Ot=({["data-testid"]:t="purpur-card-overline",overline:n})=>n?s.jsx(A,{className:Ct(St),"data-testid":t,children:n}):null,At={"purpur-card-root":"_purpur-card-root_bqk1d_1","purpur-card-root--primary":"_purpur-card-root--primary_bqk1d_8","purpur-card-root--secondary":"_purpur-card-root--secondary_bqk1d_11","purpur-card-root--full-height":"_purpur-card-root--full-height_bqk1d_14"},zt={"purpur-card-trigger-item":"_purpur-card-trigger-item_1sp43_1","purpur-card-trigger-item--button":"_purpur-card-trigger-item--button_1sp43_6","purpur-card-trigger-item--disabled":"_purpur-card-trigger-item--disabled_1sp43_11"};function P(t,n){if(typeof t=="function")return t(n);t!=null&&(t.current=n)}function Mt(...t){return n=>{let e=!1;const u=t.map(i=>{const r=P(i,n);return!e&&typeof r=="function"&&(e=!0),r});if(e)return()=>{for(let i=0;i<u.length;i++){const r=u[i];typeof r=="function"?r():P(t[i],null)}}}}var Q=o.forwardRef((t,n)=>{const{children:e,...u}=t,i=o.Children.toArray(e),r=i.find(Rt);if(r){const a=r.props.children,p=i.map(c=>c===r?o.Children.count(a)>1?o.Children.only(null):o.isValidElement(a)?a.props.children:null:c);return s.jsx(O,{...u,ref:n,children:o.isValidElement(a)?o.cloneElement(a,void 0,p):null})}return s.jsx(O,{...u,ref:n,children:e})});Q.displayName="Slot";var O=o.forwardRef((t,n)=>{const{children:e,...u}=t;if(o.isValidElement(e)){const i=kt(e),r=Et(u,e.props);return e.type!==o.Fragment&&(r.ref=n?Mt(n,i):i),o.cloneElement(e,r)}return o.Children.count(e)>1?o.Children.only(null):null});O.displayName="SlotClone";var qt=({children:t})=>s.jsx(s.Fragment,{children:t});function Rt(t){return o.isValidElement(t)&&t.type===qt}function Et(t,n){const e={...n};for(const u in n){const i=t[u],r=n[u];/^on[A-Z]/.test(u)?i&&r?e[u]=(...a)=>{r(...a),i(...a)}:i&&(e[u]=i):u==="style"?e[u]={...i,...r}:u==="className"&&(e[u]=[i,r].filter(Boolean).join(" "))}return{...t,...e}}function kt(t){var n,e;let u=(n=Object.getOwnPropertyDescriptor(t.props,"ref"))==null?void 0:n.get,i=u&&"isReactWarning"in u&&u.isReactWarning;return i?t.ref:(u=(e=Object.getOwnPropertyDescriptor(t,"ref"))==null?void 0:e.get,i=u&&"isReactWarning"in u&&u.isReactWarning,i?t.props.ref:t.props.ref||t.ref)}var Zt=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],Pt=Zt.reduce((t,n)=>{const e=o.forwardRef((u,i)=>{const{asChild:r,...a}=u,p=r?Q:n;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),s.jsx(p,{...a,ref:i})});return e.displayName=`Primitive.${n}`,{...t,[n]:e}},{}),Tt="VisuallyHidden",rr=o.forwardRef((t,n)=>s.jsx(Pt.span,{...t,ref:n,style:{position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal",...t.style}}));rr.displayName=Tt;var It=rr;const T=({asChild:t,children:n,className:e="",["data-testid"]:u})=>s.jsx(It,{asChild:t,"data-testid":u,className:e,children:n}),I=l.bind(zt),h="purpur-card-trigger-item",Lt=({["data-testid"]:t="purpur-card-trigger-item",disabled:n=!1,href:e,onClick:u,screenReaderText:i})=>{const r=p=>{n?p.preventDefault():u&&u()},a=`${h} ${n?`${h}--disabled`:""}`;return e?s.jsx("a",{"aria-disabled":n,className:`${I([h,{[`${h}--disabled`]:n}])} ${a}`,"data-testid":t,href:n?void 0:e,tabIndex:n?0:void 0,onClick:r,children:s.jsx(T,{children:i})}):s.jsx("button",{"aria-disabled":n,className:`${I([h,`${h}--button`,{[`${h}--disabled`]:n}])} ${a}`,"data-testid":t,type:"button",onClick:r,children:s.jsx(T,{children:i})})},Ht=l.bind(At),C="purpur-card-root",tr=H.forwardRef(({["data-testid"]:t="purpur-card-root",children:n,className:e,disabled:u,fullHeight:i,href:r,onClick:a,screenReaderText:p,variant:c,...$},er)=>{const ar=Ht([C,e,{[`${C}--${c}`]:c,[`${C}--full-height`]:i}]);return s.jsxs("div",{className:ar,"data-testid":t,ref:er,...$,children:[n,(a||r)&&p&&s.jsx(Lt,{disabled:u,href:r,onClick:a,screenReaderText:p})]})});tr.displayName="CardRoot";const L=l.bind(ir),S="purpur-card",d=({children:t,className:n,...e})=>{const u=L([S,n,{[`${S}--is-interactive`]:e.onClick||e.href,[`${S}--disabled`]:e.disabled}]);return s.jsx(tr,{className:L(u),...e,children:t})};d.Badge=qr;d.Content=Zr;d.ContentContainer=Ir;d.Cta=Wr;d.FeatureList=ct;d.Overline=Ot;d.Heading=ft;d.Media=bt;d.MediaLayout=jt;d.displayName="Card";exports.Card=d;
|
|
30
30
|
//# sourceMappingURL=card.cjs.js.map
|
package/dist/card.es.js
CHANGED
|
@@ -718,9 +718,9 @@ const gt = /* @__PURE__ */ dt(_t), $ = {
|
|
|
718
718
|
};
|
|
719
719
|
Q.displayName = "Heading";
|
|
720
720
|
const ft = {
|
|
721
|
-
"purpur-card-heading": "_purpur-card-
|
|
722
|
-
"purpur-card-heading__heading": "_purpur-card-
|
|
723
|
-
"purpur-card-heading__icon": "_purpur-card-
|
|
721
|
+
"purpur-card-heading": "_purpur-card-heading_1lsjo_1",
|
|
722
|
+
"purpur-card-heading__heading": "_purpur-card-heading__heading_1lsjo_6",
|
|
723
|
+
"purpur-card-heading__icon": "_purpur-card-heading__icon_1lsjo_11"
|
|
724
724
|
}, C = l.bind(ft), S = "purpur-card-heading", mt = ({
|
|
725
725
|
["data-testid"]: t = "purpur-card-heading",
|
|
726
726
|
title: n,
|
package/dist/styles.css
CHANGED
|
@@ -1 +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-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}
|
|
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_1lsjo_1{display:flex;align-items:flex-start;justify-content:space-between}._purpur-card-heading__heading_1lsjo_6{display:flex;align-items:flex-start;gap:var(--purpur-spacing-150)}._purpur-card-heading__icon_1lsjo_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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@purpurds/card",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.1.1",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"main": "./dist/card.cjs.js",
|
|
6
6
|
"types": "./dist/card.d.ts",
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
"source": "src/card.tsx",
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"classnames": "~2.5.0",
|
|
19
|
-
"@purpurds/
|
|
20
|
-
"@purpurds/
|
|
21
|
-
"@purpurds/
|
|
22
|
-
"@purpurds/
|
|
23
|
-
"@purpurds/
|
|
24
|
-
"@purpurds/
|
|
19
|
+
"@purpurds/icon": "6.1.1",
|
|
20
|
+
"@purpurds/paragraph": "6.1.1",
|
|
21
|
+
"@purpurds/tokens": "6.1.1",
|
|
22
|
+
"@purpurds/visually-hidden": "6.1.1",
|
|
23
|
+
"@purpurds/badge": "6.1.1",
|
|
24
|
+
"@purpurds/spinner": "6.1.1"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"@rushstack/eslint-patch": "~1.10.0",
|
|
@@ -46,11 +46,11 @@
|
|
|
46
46
|
"typescript": "^5.6.3",
|
|
47
47
|
"vite": "5.4.8",
|
|
48
48
|
"vitest": "^2.1.2",
|
|
49
|
-
"@purpurds/action": "6.
|
|
50
|
-
"@purpurds/button": "6.
|
|
51
|
-
"@purpurds/heading": "6.
|
|
49
|
+
"@purpurds/action": "6.1.1",
|
|
50
|
+
"@purpurds/button": "6.1.1",
|
|
51
|
+
"@purpurds/heading": "6.1.1",
|
|
52
52
|
"@purpurds/component-rig": "1.0.0",
|
|
53
|
-
"@purpurds/grid": "6.
|
|
53
|
+
"@purpurds/grid": "6.1.1"
|
|
54
54
|
},
|
|
55
55
|
"scripts": {
|
|
56
56
|
"build:dev": "vite",
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
.purpur-card-heading {
|
|
2
2
|
display: flex;
|
|
3
3
|
|
|
4
|
-
align-items: start;
|
|
4
|
+
align-items: flex-start;
|
|
5
5
|
justify-content: space-between;
|
|
6
6
|
|
|
7
7
|
&__heading {
|
|
8
8
|
display: flex;
|
|
9
|
-
align-items: start;
|
|
9
|
+
align-items: flex-start;
|
|
10
10
|
gap: var(--purpur-spacing-150);
|
|
11
11
|
}
|
|
12
12
|
|