@cruk/chakra-components 2.1.0-dev.7 → 2.1.0-dev.9

package/README.md

@@ -2,7 +2,7 @@
 # CRUK Chakra Components 🎨
 
 A [Chakra UI v2](https://v2.chakra-ui.com/docs/) based component library that provides styled components following the [Cancer Research UK Helix design system](https://zeroheight.com/721bd94bd/p/074a6c-helix-design-system---cancer-research-uk) 🧬.
-It is a WIP.
+It is a Work In Progress.
 
 [![NPM Version](https://img.shields.io/npm/v/@cruk/chakra-components)](https://www.npmjs.com/package/@cruk/chakra-components)
 
@@ -136,4 +136,4 @@ npm run release
 - [Need help? Message us on Slack](https://cruk.slack.com/archives/C07BNR9FY4E)
 
 ## 📄 Licence
-MIT © Cancer Research UK
+MIT © Cancer Research UK

package/dist/cjs/components/Card/index.js

@@ -1,2 +1,2 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("@chakra-ui/icons"),i=require("@chakra-ui/react"),a=require("../Button/index.js");require("../Flex/index.js");var s=require("../Heading/index.js"),r=require("../Icon/index.js"),n=require("../Image/index.js"),o=require("../KeyStatistics/index.js"),c=require("../Link/index.js"),l=require("../Text/index.js"),d=require("../KeyStatistics/TwoBlockStatistics.js");const x=t=>{const{as:a,src:s,alt:r,width:o,height:c,aspectHeight:l,aspectWidth:d,aspectMaxHeight:x,aspectMaxWidth:g,style:h,...u}=t;return e.jsx(i.AspectRatio,{height:l,width:d,ratio:1,minW:128,minH:128,maxW:g,maxH:x,...u,children:e.jsx(n.Image,{as:a,src:s,alt:r,width:o,height:c,style:h})})},g=t=>e.jsx(i.Box,{display:{base:"block",md:"flex"},flex:{base:"unset",md:1},children:e.jsx(x,{...t})}),h=({image:t,icon:i,singleKeyStats:a,twoBlockStats:s})=>{if(i)return e.jsx(r.Icon,{name:i.name});if(a)return e.jsx(o.SingleStatistics,{statistic:a.statistic,isBarChart:a.isBarChart,labelStyle:a.labelStyle,hasSecondaryStyling:a.hasSecondaryStyling,icon:a.icon&&{name:a.icon.name,color:a.icon.color}});if(s)return e.jsx(d.TwoBlockStatistics,{hasSecondaryStyling:s.hasSecondaryStyling,leftValue:s.leftValue,rightValue:s.rightValue});const{isWrapped:n,...c}=t??{};return n?e.jsx(g,{...c}):e.jsx(x,{...c})},u=i.forwardRef(((n,o)=>{const{variant:d="unstyled",image:x,cardImageContainer:g,icon:u,label:j,heading:p,description:S,button:m,link:y,singleKeyStats:k,twoBlockStats:b,stackProps:f,tag:w,...B}=n,q="groupNavigation"===d||"singleNavigation"===d||"noImageNavigation"===d,C=Boolean(x||u||k||b);return e.jsxs(i.Card,{ref:o,variant:d,...B,children:[C&&e.jsxs(i.Box,{position:"relative",height:g,children:[e.jsx(h,{image:x,icon:u,singleKeyStats:k,twoBlockStats:b}),w&&e.jsx(i.Tag,{position:"absolute",top:0,...w})]}),e.jsxs(i.Stack,{width:"100%",spacing:4,children:[e.jsx(i.CardBody,{children:e.jsxs(i.Stack,{spacing:2,width:"100%",height:"100%",...f,children:[j&&e.jsx(l.Text,{bgColor:"cardTextBackgroundColor",variant:"label",className:"label-text",width:"fit-content",py:1,px:3,children:j}),p&&e.jsxs(i.Flex,{justifyContent:"space-between",alignItems:"center",width:"100%",children:[e.jsx(s.Heading4,{...p}),q&&e.jsx(r.Icon,{as:t.ArrowForwardIcon,boxSize:6,p:0})]}),S]})}),(m||y)&&e.jsxs(i.CardFooter,{alignItems:"flex-start",children:[m&&e.jsx(a.Button,{...m}),y&&e.jsx(c.Link,{...y})]})]})]})})),j=i.forwardRef(((t,r)=>{const{heading:n,description:o,hasSteps:l=!1,numberOfColumns:d,cards:x,link:g,button:h,gridGap:j={base:6,lg:8,xl:10},...p}=t;return e.jsxs(i.Stack,{ref:r,spacing:6,...p,children:[n&&e.jsx(s.Heading2,{...n}),o,x&&e.jsx(i.SimpleGrid,{columns:d,gap:j,children:x.map(((t,i)=>e.jsx(u,{label:l?`Step: ${i+1}`:void 0,...t},`card-item-${i}`)))}),h&&e.jsx(a.Button,{...h}),g&&e.jsx(c.Link,{...g})]})}));exports.Card=u,exports.CardStack=j;
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("@chakra-ui/icons"),i=require("@chakra-ui/react"),a=require("../Button/index.js");require("../Flex/index.js");var s=require("../Heading/index.js"),r=require("../Icon/index.js"),n=require("../Image/index.js"),o=require("../KeyStatistics/index.js"),c=require("../Link/index.js"),l=require("../Text/index.js"),d=require("../KeyStatistics/TwoBlockStatistics.js");const x=t=>{const{as:a,src:s,alt:r,width:o,height:c,aspectHeight:l,aspectWidth:d,aspectMaxHeight:x,aspectMaxWidth:h,style:g,...u}=t;return e.jsx(i.AspectRatio,{height:l,width:d,ratio:1,minW:128,minH:128,maxW:h,maxH:x,...u,children:e.jsx(n.Image,{as:a,src:s,alt:r,width:o,height:c,style:g})})},h=t=>e.jsx(i.Box,{display:{base:"block",md:"flex"},flex:{base:"unset",md:1},children:e.jsx(x,{...t})}),g=({image:t,icon:i,singleKeyStats:a,twoBlockStats:s})=>{if(i)return e.jsx(r.Icon,{name:i.name});if(a)return e.jsx(o.SingleStatistics,{statistic:a.statistic,isBarChart:a.isBarChart,labelStyle:a.labelStyle,hasSecondaryStyling:a.hasSecondaryStyling,icon:a.icon&&{name:a.icon.name,color:a.icon.color}});if(s)return e.jsx(d.TwoBlockStatistics,{hasSecondaryStyling:s.hasSecondaryStyling,leftValue:s.leftValue,rightValue:s.rightValue});const{isWrapped:n,...c}=t??{};return n?e.jsx(h,{...c}):e.jsx(x,{...c})},u=i.forwardRef(((n,o)=>{const{variant:d="unstyled",image:x,cardImageContainer:h,icon:u,label:j,heading:p,description:S,button:m,link:y,singleKeyStats:f,twoBlockStats:k,stackProps:b,tag:w,href:B="",...q}=n,C="groupNavigation"===d||"singleNavigation"===d||"noImageNavigation"===d,v=Boolean(x||u||f||k);return e.jsxs(i.Card,{ref:o,variant:d,href:B,...q,children:[v&&e.jsxs(i.Box,{position:"relative",height:h,children:[e.jsx(g,{image:x,icon:u,singleKeyStats:f,twoBlockStats:k}),w&&e.jsx(i.Tag,{position:"absolute",top:0,...w})]}),e.jsxs(i.Stack,{width:"100%",spacing:4,children:[e.jsx(i.CardBody,{children:e.jsxs(i.Stack,{spacing:2,width:"100%",height:"100%",...b,children:[j&&e.jsx(l.Text,{bgColor:"cardTextBackgroundColor",variant:"label",className:"label-text",width:"fit-content",py:1,px:3,children:j}),p&&e.jsxs(i.Flex,{justifyContent:"space-between",alignItems:"center",width:"100%",children:[e.jsx(s.Heading4,{...p}),C&&e.jsx(r.Icon,{as:t.ArrowForwardIcon,boxSize:6,p:0})]}),S]})}),(m||y)&&e.jsxs(i.CardFooter,{alignItems:"flex-start",children:[m&&e.jsx(a.Button,{...m}),y&&e.jsx(c.Link,{...y})]})]})]})})),j=i.forwardRef(((t,r)=>{const{heading:n,description:o,hasSteps:l=!1,numberOfColumns:d,cards:x,link:h,button:g,gridGap:j={base:6,lg:8,xl:10},...p}=t;return e.jsxs(i.Stack,{ref:r,spacing:6,...p,children:[n&&e.jsx(s.Heading2,{...n}),o,x&&e.jsx(i.SimpleGrid,{columns:d,gap:j,children:x.map(((t,i)=>e.jsx(u,{label:l?`Step: ${i+1}`:void 0,...t},`card-item-${i}`)))}),g&&e.jsx(a.Button,{...g}),h&&e.jsx(c.Link,{...h})]})}));exports.Card=u,exports.CardStack=j;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Card/index.tsx"],"sourcesContent":[null],"names":["CardImage","imageProps","as","src","alt","width","height","aspectHeight","aspectWidth","aspectMaxHeight","aspectMaxWidth","style","restImageProps","_jsx","AspectRatio","ratio","minW","minH","maxW","maxH","children","jsx","Image","WrappedCardImage","Box","display","base","md","flex","CardImagery","image","icon","singleKeyStats","twoBlockStats","Icon","name","SingleStatistics","statistic","isBarChart","labelStyle","hasSecondaryStyling","color","TwoBlockStatistics","leftValue","rightValue","isWrapped","Card","forwardRef","props","ref","variant","cardImageContainer","label","heading","description","button","link","stackProps","tag","rest","displayArrow","hasImagery","Boolean","_jsxs","ChakraCard","jsxs","position","Tag","top","Stack","spacing","CardBody","Text","bgColor","className","py","px","Flex","justifyContent","alignItems","Heading4","ArrowForwardIcon","boxSize","p","CardFooter","Button","Link","CardStack","hasSteps","numberOfColumns","cards","gridGap","lg","xl","Heading2","SimpleGrid","columns","gap","map","card","index","undefined"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Card/index.tsx"],"sourcesContent":[null],"names":["CardImage","imageProps","as","src","alt","width","height","aspectHeight","aspectWidth","aspectMaxHeight","aspectMaxWidth","style","restImageProps","_jsx","AspectRatio","ratio","minW","minH","maxW","maxH","children","jsx","Image","WrappedCardImage","Box","display","base","md","flex","CardImagery","image","icon","singleKeyStats","twoBlockStats","Icon","name","SingleStatistics","statistic","isBarChart","labelStyle","hasSecondaryStyling","color","TwoBlockStatistics","leftValue","rightValue","isWrapped","Card","forwardRef","props","ref","variant","cardImageContainer","label","heading","description","button","link","stackProps","tag","href","rest","displayArrow","hasImagery","Boolean","_jsxs","ChakraCard","position","Tag","top","Stack","spacing","CardBody","Text","bgColor","className","py","px","Flex","justifyContent","alignItems","Heading4","ArrowForwardIcon","boxSize","p","jsxs","CardFooter","Button","Link","CardStack","hasSteps","numberOfColumns","cards","gridGap","lg","xl","Heading2","SimpleGrid","columns","gap","map","card","index","undefined"],"mappings":"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"}

package/dist/esm/components/Card/index.js

@@ -1,2 +1,2 @@
-"use client";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{ArrowForwardIcon as e}from"@chakra-ui/icons";import{forwardRef as a,Card as n,Box as r,Tag as o,Stack as s,CardBody as l,Flex as c,CardFooter as d,SimpleGrid as m,AspectRatio as h}from"@chakra-ui/react";import{Button as g}from"../Button/index.js";import"../Flex/index.js";import{Heading4 as p,Heading2 as u}from"../Heading/index.js";import{Icon as f}from"../Icon/index.js";import{Image as x}from"../Image/index.js";import{SingleStatistics as S}from"../KeyStatistics/index.js";import{Link as y}from"../Link/index.js";import{Text as b}from"../Text/index.js";import{TwoBlockStatistics as k}from"../KeyStatistics/TwoBlockStatistics.js";const w=t=>{const{as:e,src:a,alt:n,width:r,height:o,aspectHeight:s,aspectWidth:l,aspectMaxHeight:c,aspectMaxWidth:d,style:m,...g}=t;return i(h,{height:s,width:l,ratio:1,minW:128,minH:128,maxW:d,maxH:c,...g,children:i(x,{as:e,src:a,alt:n,width:r,height:o,style:m})})},j=t=>i(r,{display:{base:"block",md:"flex"},flex:{base:"unset",md:1},children:i(w,{...t})}),B=({image:t,icon:e,singleKeyStats:a,twoBlockStats:n})=>{if(e)return i(f,{name:e.name});if(a)return i(S,{statistic:a.statistic,isBarChart:a.isBarChart,labelStyle:a.labelStyle,hasSecondaryStyling:a.hasSecondaryStyling,icon:a.icon&&{name:a.icon.name,color:a.icon.color}});if(n)return i(k,{hasSecondaryStyling:n.hasSecondaryStyling,leftValue:n.leftValue,rightValue:n.rightValue});const{isWrapped:r,...o}=t??{};return i(r?j:w,{...o})},v=a(((a,m)=>{const{variant:h="unstyled",image:u,cardImageContainer:x,icon:S,label:k,heading:w,description:j,button:v,link:C,singleKeyStats:I,twoBlockStats:H,stackProps:K,tag:W,...N}=a,V="groupNavigation"===h||"singleNavigation"===h||"noImageNavigation"===h,T=Boolean(u||S||I||H);return t(n,{ref:m,variant:h,...N,children:[T&&t(r,{position:"relative",height:x,children:[i(B,{image:u,icon:S,singleKeyStats:I,twoBlockStats:H}),W&&i(o,{position:"absolute",top:0,...W})]}),t(s,{width:"100%",spacing:4,children:[i(l,{children:t(s,{spacing:2,width:"100%",height:"100%",...K,children:[k&&i(b,{bgColor:"cardTextBackgroundColor",variant:"label",className:"label-text",width:"fit-content",py:1,px:3,children:k}),w&&t(c,{justifyContent:"space-between",alignItems:"center",width:"100%",children:[i(p,{...w}),V&&i(f,{as:e,boxSize:6,p:0})]}),j]})}),(v||C)&&t(d,{alignItems:"flex-start",children:[v&&i(g,{...v}),C&&i(y,{...C})]})]})]})})),C=a(((e,a)=>{const{heading:n,description:r,hasSteps:o=!1,numberOfColumns:l,cards:c,link:d,button:h,gridGap:p={base:6,lg:8,xl:10},...f}=e;return t(s,{ref:a,spacing:6,...f,children:[n&&i(u,{...n}),r,c&&i(m,{columns:l,gap:p,children:c.map(((t,e)=>i(v,{label:o?`Step: ${e+1}`:void 0,...t},`card-item-${e}`)))}),h&&i(g,{...h}),d&&i(y,{...d})]})}));export{v as Card,C as CardStack};
+"use client";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{ArrowForwardIcon as e}from"@chakra-ui/icons";import{forwardRef as a,Card as n,Box as r,Tag as o,Stack as s,CardBody as l,Flex as c,CardFooter as d,SimpleGrid as h,AspectRatio as m}from"@chakra-ui/react";import{Button as g}from"../Button/index.js";import"../Flex/index.js";import{Heading4 as p,Heading2 as u}from"../Heading/index.js";import{Icon as f}from"../Icon/index.js";import{Image as x}from"../Image/index.js";import{SingleStatistics as S}from"../KeyStatistics/index.js";import{Link as y}from"../Link/index.js";import{Text as b}from"../Text/index.js";import{TwoBlockStatistics as k}from"../KeyStatistics/TwoBlockStatistics.js";const w=t=>{const{as:e,src:a,alt:n,width:r,height:o,aspectHeight:s,aspectWidth:l,aspectMaxHeight:c,aspectMaxWidth:d,style:h,...g}=t;return i(m,{height:s,width:l,ratio:1,minW:128,minH:128,maxW:d,maxH:c,...g,children:i(x,{as:e,src:a,alt:n,width:r,height:o,style:h})})},j=t=>i(r,{display:{base:"block",md:"flex"},flex:{base:"unset",md:1},children:i(w,{...t})}),B=({image:t,icon:e,singleKeyStats:a,twoBlockStats:n})=>{if(e)return i(f,{name:e.name});if(a)return i(S,{statistic:a.statistic,isBarChart:a.isBarChart,labelStyle:a.labelStyle,hasSecondaryStyling:a.hasSecondaryStyling,icon:a.icon&&{name:a.icon.name,color:a.icon.color}});if(n)return i(k,{hasSecondaryStyling:n.hasSecondaryStyling,leftValue:n.leftValue,rightValue:n.rightValue});const{isWrapped:r,...o}=t??{};return i(r?j:w,{...o})},v=a(((a,h)=>{const{variant:m="unstyled",image:u,cardImageContainer:x,icon:S,label:k,heading:w,description:j,button:v,link:C,singleKeyStats:I,twoBlockStats:H,stackProps:K,tag:W,href:N="",...V}=a,T="groupNavigation"===m||"singleNavigation"===m||"noImageNavigation"===m,M=Boolean(u||S||I||H);return t(n,{ref:h,variant:m,href:N,...V,children:[M&&t(r,{position:"relative",height:x,children:[i(B,{image:u,icon:S,singleKeyStats:I,twoBlockStats:H}),W&&i(o,{position:"absolute",top:0,...W})]}),t(s,{width:"100%",spacing:4,children:[i(l,{children:t(s,{spacing:2,width:"100%",height:"100%",...K,children:[k&&i(b,{bgColor:"cardTextBackgroundColor",variant:"label",className:"label-text",width:"fit-content",py:1,px:3,children:k}),w&&t(c,{justifyContent:"space-between",alignItems:"center",width:"100%",children:[i(p,{...w}),T&&i(f,{as:e,boxSize:6,p:0})]}),j]})}),(v||C)&&t(d,{alignItems:"flex-start",children:[v&&i(g,{...v}),C&&i(y,{...C})]})]})]})})),C=a(((e,a)=>{const{heading:n,description:r,hasSteps:o=!1,numberOfColumns:l,cards:c,link:d,button:m,gridGap:p={base:6,lg:8,xl:10},...f}=e;return t(s,{ref:a,spacing:6,...f,children:[n&&i(u,{...n}),r,c&&i(h,{columns:l,gap:p,children:c.map(((t,e)=>i(v,{label:o?`Step: ${e+1}`:void 0,...t},`card-item-${e}`)))}),m&&i(g,{...m}),d&&i(y,{...d})]})}));export{v as Card,C as CardStack};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Card/index.tsx"],"sourcesContent":[null],"names":["CardImage","imageProps","as","src","alt","width","height","aspectHeight","aspectWidth","aspectMaxHeight","aspectMaxWidth","style","restImageProps","_jsx","AspectRatio","ratio","minW","minH","maxW","maxH","children","Image","WrappedCardImage","Box","display","base","md","flex","CardImagery","image","icon","singleKeyStats","twoBlockStats","Icon","name","SingleStatistics","statistic","isBarChart","labelStyle","hasSecondaryStyling","color","TwoBlockStatistics","leftValue","rightValue","isWrapped","Card","forwardRef","props","ref","variant","cardImageContainer","label","heading","description","button","link","stackProps","tag","rest","displayArrow","hasImagery","Boolean","_jsxs","ChakraCard","position","Tag","top","Stack","spacing","CardBody","Text","bgColor","className","py","px","Flex","justifyContent","alignItems","Heading4","ArrowForwardIcon","boxSize","p","CardFooter","Button","Link","CardStack","hasSteps","numberOfColumns","cards","gridGap","lg","xl","Heading2","SimpleGrid","columns","gap","map","card","index","undefined"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Card/index.tsx"],"sourcesContent":[null],"names":["CardImage","imageProps","as","src","alt","width","height","aspectHeight","aspectWidth","aspectMaxHeight","aspectMaxWidth","style","restImageProps","_jsx","AspectRatio","ratio","minW","minH","maxW","maxH","children","Image","WrappedCardImage","Box","display","base","md","flex","CardImagery","image","icon","singleKeyStats","twoBlockStats","Icon","name","SingleStatistics","statistic","isBarChart","labelStyle","hasSecondaryStyling","color","TwoBlockStatistics","leftValue","rightValue","isWrapped","Card","forwardRef","props","ref","variant","cardImageContainer","label","heading","description","button","link","stackProps","tag","href","rest","displayArrow","hasImagery","Boolean","_jsxs","ChakraCard","position","Tag","top","Stack","spacing","CardBody","Text","bgColor","className","py","px","Flex","justifyContent","alignItems","Heading4","ArrowForwardIcon","boxSize","p","CardFooter","Button","Link","CardStack","hasSteps","numberOfColumns","cards","gridGap","lg","xl","Heading2","SimpleGrid","columns","gap","map","card","index","undefined"],"mappings":"8rBAsDA,MAAMA,EAAaC,IACjB,MAAMC,GACJA,EAAEC,IACFA,EAAGC,IACHA,EAAGC,MACHA,EAAKC,OACLA,EAAMC,aACNA,EAAYC,YACZA,EAAWC,gBACXA,EAAeC,eACfA,EAAcC,MACdA,KACGC,GACDX,EAEJ,OACEY,EAACC,EAAW,CACVR,OAAQC,EACRF,MAAOG,EACPO,MAAO,EACPC,KAAM,IACNC,KAAM,IACNC,KAAMR,EACNS,KAAMV,KACFG,EAEJQ,SAAAP,EAACQ,EAAK,CACJnB,GAAIA,EACJC,IAAKA,EACLC,IAAKA,EACLC,MAAOA,EACPC,OAAQA,EACRK,MAAOA,KAEG,EAIZW,EAAoBrB,GACxBY,EAACU,EAAI,CAAAC,QAAS,CAAEC,KAAM,QAASC,GAAI,QAAUC,KAAM,CAAEF,KAAM,QAASC,GAAI,GAAGN,SACzEP,EAACb,EAAS,IAAKC,MAIb2B,EAAc,EAClBC,QACAC,OACAC,iBACAC,oBAEA,GAAIF,EACF,OAAOjB,EAACoB,EAAK,CAAAC,KAAMJ,EAAKI,OAG1B,GAAIH,EACF,OACElB,EAACsB,EAAgB,CACfC,UAAWL,EAAeK,UAC1BC,WAAYN,EAAeM,WAC3BC,WAAYP,EAAeO,WAC3BC,oBAAqBR,EAAeQ,oBACpCT,KACEC,EAAeD,MAAQ,CACrBI,KAAMH,EAAeD,KAAKI,KAC1BM,MAAOT,EAAeD,KAAKU,SAOrC,GAAIR,EACF,OACEnB,EAAC4B,EAAkB,CACjBF,oBAAqBP,EAAcO,oBACnCG,UAAWV,EAAcU,UACzBC,WAAYX,EAAcW,aAMhC,MAAMC,UAAEA,KAAc3C,GAAe4B,GAAS,CAAE,EAEhD,OACEhB,EADK+B,EACJtB,EAEAtB,MAFsBC,GAGxB,EAGG4C,EAAOC,GAA6B,CAACC,EAAOC,KAChD,MAAMC,QACJA,EAAU,WAAUpB,MACpBA,EAAKqB,mBACLA,EAAkBpB,KAClBA,EAAIqB,MACJA,EAAKC,QACLA,EAAOC,YACPA,EAAWC,OACXA,EAAMC,KACNA,EAAIxB,eACJA,EAAcC,cACdA,EAAawB,WACbA,EAAUC,IACVA,EAAGC,KACHA,EAAO,MACJC,GACDZ,EAEEa,EACQ,oBAAZX,GACY,qBAAZA,GACY,sBAAZA,EAEIY,EAAaC,QAAQjC,GAASC,GAAQC,GAAkBC,GAE9D,OACE+B,EAACC,EAAU,CAAChB,IAAKA,EAAKC,QAASA,EAASS,KAAMA,KAAUC,EAAIvC,SAAA,CACzDyC,GACCE,EAACxC,EAAI,CAAA0C,SAAS,WAAW3D,OAAQ4C,EAAkB9B,SAAA,CACjDP,EAACe,EAAW,CACVC,MAAOA,EACPC,KAAMA,EACNC,eAAgBA,EAChBC,cAAeA,IAEhByB,GAAO5C,EAACqD,EAAI,CAAAD,SAAS,WAAWE,IAAK,KAAOV,OAIjDM,EAACK,EAAM,CAAA/D,MAAM,OAAOgE,QAAS,EAACjD,SAAA,CAC5BP,EAACyD,EAAQ,CAAAlD,SACP2C,EAACK,EAAM,CAAAC,QAAS,EAAGhE,MAAM,OAAOC,OAAO,UAAWkD,EAC/CpC,SAAA,CAAA+B,GACCtC,EAAC0D,EAAI,CACHC,QAAQ,0BACRvB,QAAQ,QACRwB,UAAU,aACVpE,MAAM,cACNqE,GAAI,EACJC,GAAI,WAEHxB,IAGJC,GACCW,EAACa,EACC,CAAAC,eAAe,gBACfC,WAAW,SACXzE,MAAM,OAENe,SAAA,CAAAP,EAACkE,EAAQ,IAAK3B,IACbQ,GACC/C,EAACoB,EAAI,CAAC/B,GAAI8E,EAAkBC,QAAS,EAAGC,EAAG,OAIhD7B,QAGHC,GAAUC,IACVQ,EAACoB,EAAW,CAAAL,WAAW,aACpB1D,SAAA,CAAAkC,GAAUzC,EAACuE,EAAW,IAAA9B,IACtBC,GAAQ1C,EAACwE,EAAI,IAAK9B,YAId,IAeX+B,EAAYxC,GAAkC,CAACC,EAAOC,KAC1D,MAAMI,QACJA,EAAOC,YACPA,EAAWkC,SACXA,GAAW,EAAKC,gBAChBA,EAAeC,MACfA,EAAKlC,KACLA,EAAID,OACJA,EAAMoC,QACNA,EAAU,CAAEjE,KAAM,EAAGkE,GAAI,EAAGC,GAAI,OAC7BjC,GACDZ,EAEJ,OACEgB,EAACK,EAAK,CAACpB,IAAKA,EAAKqB,QAAS,KAAOV,YAC9BP,GAAWvC,EAACgF,EAAQ,IAAKzC,IACzBC,EACAoC,GACC5E,EAACiF,GAAWC,QAASP,EAAiBQ,IAAKN,EAAOtE,SAC/CqE,EAAMQ,KAAI,CAACC,EAAMC,IAChBtF,EAACgC,EAEC,CAAAM,MAAOoC,EAAW,SAASY,EAAQ,SAAMC,KACrCF,GAFC,aAAaC,SAOzB7C,GAAUzC,EAACuE,EAAW,IAAA9B,IACtBC,GAAQ1C,EAACwE,MAAS9B,MACb"}

package/dist/index.d.ts

@@ -114,6 +114,7 @@ interface FileLinkProps extends LinkProps {
 declare const Link: ComponentWithAs<"a" | "p", FileLinkProps>;
 
 type CardProps = CardProps$1 & {
+    href?: string;
     image?: ImageProps$1;
     icon?: IconProps;
     label?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/chakra-components",
-  "version": "2.1.0-dev.7",
+  "version": "2.1.0-dev.9",
   "description": "Chakra UI v2 based components for CRUK applications",
   "license": "MIT",
   "sideEffects": false,