@cruk/chakra-components 3.14.0 → 3.15.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/README.md +13 -2
- package/dist/cjs/components/Card/index.js +1 -1
- package/dist/cjs/components/Card/index.js.map +1 -1
- package/dist/cjs/components/CircleDevice/index.js +1 -1
- package/dist/cjs/components/CircleDevice/index.js.map +1 -1
- package/dist/cjs/components/Navigation/index.js +1 -1
- package/dist/cjs/components/Navigation/index.js.map +1 -1
- package/dist/cjs/theme/cruk/components/circleDevice.js +1 -1
- package/dist/cjs/theme/cruk/components/circleDevice.js.map +1 -1
- package/dist/esm/components/Card/index.js +1 -1
- package/dist/esm/components/Card/index.js.map +1 -1
- package/dist/esm/components/CircleDevice/index.js +1 -1
- package/dist/esm/components/CircleDevice/index.js.map +1 -1
- package/dist/esm/components/Navigation/index.js +1 -1
- package/dist/esm/components/Navigation/index.js.map +1 -1
- package/dist/esm/theme/cruk/components/circleDevice.js +1 -1
- package/dist/esm/theme/cruk/components/circleDevice.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -97,6 +97,9 @@ This library uses [semantic-release](https://github.com/semantic-release/semanti
|
|
|
97
97
|
- `minor` - Minor release (v1.0.0 → v1.1.0)
|
|
98
98
|
- `patch` - Patch release (v1.0.0 → v1.0.1)
|
|
99
99
|
|
|
100
|
+
**Optional label:**
|
|
101
|
+
- `force` - Forces a release even when semantic-release detects no changes
|
|
102
|
+
|
|
100
103
|
If only the `release` label is present, it defaults to a patch release.
|
|
101
104
|
|
|
102
105
|
2. **For main branch releases: Obtain ServiceNow approval**
|
|
@@ -106,7 +109,6 @@ This library uses [semantic-release](https://github.com/semantic-release/semanti
|
|
|
106
109
|
3. **Merge your PR** to the appropriate branch:
|
|
107
110
|
|
|
108
111
|
**Important:** When merging, do NOT modify the merge commit message. The PR label analyzer requires the default message format "Merge pull request #XXX from..." to extract the PR number. Changing this message will prevent the release from being triggered.
|
|
109
|
-
|
|
110
112
|
- Merge to `dev` for prerelease versions (no ServiceNow required)
|
|
111
113
|
- Merge to `main` for standard releases (ServiceNow approval required)
|
|
112
114
|
|
|
@@ -120,16 +122,25 @@ This library uses [semantic-release](https://github.com/semantic-release/semanti
|
|
|
120
122
|
#### Examples
|
|
121
123
|
|
|
122
124
|
✅ **Will trigger a minor release:**
|
|
125
|
+
|
|
123
126
|
- Labels: `release`, `minor`
|
|
124
127
|
|
|
125
128
|
✅ **Will trigger a patch release:**
|
|
129
|
+
|
|
126
130
|
- Labels: `release`, `patch`
|
|
127
131
|
- Labels: `release` (defaults to patch)
|
|
128
132
|
|
|
129
133
|
✅ **Will trigger a major release:**
|
|
134
|
+
|
|
130
135
|
- Labels: `release`, `breaking`
|
|
131
136
|
|
|
137
|
+
✅ **Will force a release (even with no detected changes):**
|
|
138
|
+
|
|
139
|
+
- Labels: `release`, `force`, `minor`
|
|
140
|
+
- Labels: `release`, `force`, `patch`
|
|
141
|
+
|
|
132
142
|
❌ **Will NOT trigger any release:**
|
|
143
|
+
|
|
133
144
|
- No `release` label present
|
|
134
145
|
|
|
135
146
|
#### Manual Release
|
|
@@ -149,4 +160,4 @@ npm run release
|
|
|
149
160
|
|
|
150
161
|
## 📄 Licence
|
|
151
162
|
|
|
152
|
-
MIT © Cancer Research UK
|
|
163
|
+
MIT © Cancer Research UK
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"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,...
|
|
1
|
+
"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,sizes:u,...j}=t;return e.jsx(i.AspectRatio,{height:l,width:d,ratio:1,minW:128,minH:128,maxW:h,maxH:x,...j,children:e.jsx(n.Image,{as:a,src:s,alt:r,width:o,height:c,style:g,sizes:u})})},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:m,description:p,button:S,link:y,href:f,singleKeyStats:k,twoBlockStats:b,stackProps:w,tag:B,cardLayout:C="vertical",...q}=n,v="groupNavigation"===d||"singleNavigation"===d||"noImageNavigation"===d,I=Boolean(x||u||k||b),H="horizontal"===C?{flexDirection:{base:"column",lg:"row"}}:{};return e.jsxs(i.Card,{ref:o,variant:d,href:f,sx:H,...q,children:[I&&e.jsxs(i.Box,{className:"card-imagery-container",position:"relative",height:h,children:[e.jsx(g,{image:x,icon:u,singleKeyStats:k,twoBlockStats:b}),B&&e.jsx(i.Tag,{style:{position:"absolute",top:0},...B})]}),e.jsxs(i.Stack,{width:"100%",spacing:4,height:"100%",children:[e.jsx(i.CardBody,{children:e.jsxs(i.Stack,{spacing:2,width:"100%",height:"100%",justifyContent:"horizontal"===C?"center":"flex-start",flex:1,...w,children:[j&&e.jsx(l.Text,{bgColor:"cardTextBackgroundColor",variant:"label",className:"label-text",width:"fit-content",py:1,px:3,children:j}),m&&e.jsxs(i.Flex,{justifyContent:"space-between",alignItems:"center",width:"100%",children:[e.jsx(s.Heading4,{...m}),v&&e.jsx(r.Icon,{as:t.ArrowForwardIcon,boxSize:6,p:0})]}),p]})}),(S||y)&&e.jsxs(i.CardFooter,{alignItems:"flex-start",children:[S&&e.jsx(a.Button,{...S}),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},...m}=t;return e.jsxs(i.Stack,{ref:r,spacing:6,...m,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;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +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","href","stackProps","tag","cardLayout","rest","displayArrow","hasImagery","Boolean","layoutStyles","flexDirection","lg","_jsxs","ChakraCard","sx","className","position","Tag","top","Stack","spacing","CardBody","justifyContent","Text","bgColor","py","px","Flex","alignItems","Heading4","ArrowForwardIcon","boxSize","p","CardFooter","Button","Link","CardStack","hasSteps","numberOfColumns","cards","gridGap","xl","Heading2","SimpleGrid","columns","gap","map","card","index","undefined"],"mappings":"8aAuDA,MAAMA,EAAaC,IACjB,MAAMC,GACJA,EAAEC,IACFA,EAAGC,IACHA,EAAGC,MACHA,EAAKC,OACLA,EAAMC,aACNA,EAAYC,YACZA,EAAWC,gBACXA,EAAeC,eACfA,EAAcC,MACdA,KACGC,
|
|
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","sizes","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","href","stackProps","tag","cardLayout","rest","displayArrow","hasImagery","Boolean","layoutStyles","flexDirection","lg","_jsxs","ChakraCard","sx","className","position","Tag","top","Stack","spacing","CardBody","justifyContent","Text","bgColor","py","px","Flex","alignItems","Heading4","ArrowForwardIcon","boxSize","p","CardFooter","Button","Link","CardStack","hasSteps","numberOfColumns","cards","gridGap","xl","Heading2","SimpleGrid","columns","gap","map","card","index","undefined"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),i=require("@chakra-ui/react"),r=require("../Circle/index.js");require("../Flex/index.js");var
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("@chakra-ui/react"),r=require("../Circle/index.js");require("../Flex/index.js");var a=require("../Heading/index.js"),n=require("../Image/index.js"),s=require("../Text/index.js");const t={Navy:"primary",Cyan:"tertiary",Magenta:"secondary"},c=i.forwardRef((c,x)=>{const{image:l,heading:o,description:d,colorVariant:C,...g}=c,v=i.useStyleConfig("CircleDevice",{variant:"momentContainer"}),j=i.useStyleConfig("CircleDevice",{variant:"imgTextContainer"}),h=i.useStyleConfig("CircleDevice",{variant:"momentInnerContainer"}),u=i.useStyleConfig("CircleDevice",{variant:"circleContainer"}),m=i.useStyleConfig("CircleDevice",{variant:"textContainer"});return e.jsxs(i.Flex,{__css:v,ref:x,...g,children:[l&&e.jsx(i.Flex,{__css:h,children:e.jsx(i.AspectRatio,{height:{base:"343px",md:"363px",lg:"483px",xl:"636px"},width:{base:"343px",md:"363px",lg:"483px",xl:"636px"},ratio:1,children:e.jsx(n.Image,{as:l.as,src:l.src,alt:l.alt,height:"636",width:"636",objectFit:"cover"})})}),e.jsxs(i.Flex,{__css:j,children:[e.jsx(i.Box,{__css:u,"data-has-image":!!l,children:e.jsx(r.Circle,{...g,variant:t[C||"Navy"]??"navy.600"})}),e.jsxs(i.Box,{__css:m,children:[o&&e.jsx(a.Heading3,{...o}),d&&e.jsx(s.Text,{children:d})]})]})]})});exports.CircleDevice=c;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/CircleDevice/index.tsx"],"sourcesContent":[null],"names":["CircleDevice","forwardRef","props","ref","image","heading","description","rest","momentContainer","useStyleConfig","variant","imgTextContainer","momentInnerContainer","circleContainer","textContainer","_jsxs","Flex","__css","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/CircleDevice/index.tsx"],"sourcesContent":[null],"names":["bgColorVariantMap","Navy","Cyan","Magenta","CircleDevice","forwardRef","props","ref","image","heading","description","colorVariant","rest","momentContainer","useStyleConfig","variant","imgTextContainer","momentInnerContainer","circleContainer","textContainer","_jsxs","Flex","__css","_jsx","children","AspectRatio","height","base","md","lg","xl","width","ratio","Image","as","src","alt","objectFit","Box","Circle","Heading3","Text"],"mappings":"4OA0BA,MAAMA,EAA4C,CAChDC,KAAM,UACNC,KAAM,WACNC,QAAS,aAGLC,EAAeC,EAAAA,WAAqC,CAACC,EAAOC,KAChE,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,YAAEA,EAAWC,aAAEA,KAAiBC,GAASN,EACzDO,EAAkBC,EAAAA,eAAe,eAAgB,CACrDC,QAAS,oBAELC,EAAmBF,EAAAA,eAAe,eAAgB,CACtDC,QAAS,qBAELE,EAAuBH,EAAAA,eAAe,eAAgB,CAC1DC,QAAS,yBAELG,EAAkBJ,EAAAA,eAAe,eAAgB,CACrDC,QAAS,oBAELI,EAAgBL,EAAAA,eAAe,eAAgB,CACnDC,QAAS,kBAGX,OACEK,EAAAA,KAACC,EAAAA,KAAI,CAACC,MAAOT,EAAiBN,IAAKA,KAASK,YACzCJ,GACCe,EAAAA,IAACF,EAAAA,KAAI,CAACC,MAAOL,EAAoBO,SAC/BD,MAACE,EAAAA,YAAW,CACVC,OAAQ,CAAEC,KAAM,QAASC,GAAI,QAASC,GAAI,QAASC,GAAI,SACvDC,MAAO,CAAEJ,KAAM,QAASC,GAAI,QAASC,GAAI,QAASC,GAAI,SACtDE,MAAO,EAACR,SAERD,EAAAA,IAACU,EAAAA,MAAK,CACJC,GAAI1B,EAAM0B,GACVC,IAAK3B,EAAM2B,IACXC,IAAK5B,EAAM4B,IACXV,OAAO,MACPK,MAAM,MACNM,UAAU,cAKlBjB,EAAAA,KAACC,EAAAA,KAAI,CAACC,MAAON,YACXO,EAAAA,IAACe,EAAAA,IAAG,CAAChB,MAAOJ,EAAe,mBAAoBV,WAC7Ce,EAAAA,IAACgB,EAAAA,OAAM,IACD3B,EACJG,QAASf,EAAkBW,GAAgB,SAAW,eAG1DS,EAAAA,KAACkB,EAAAA,IAAG,CAAChB,MAAOH,EAAaK,SAAA,CACtBf,GAAWc,EAAAA,IAACiB,EAAAA,aAAa/B,IACzBC,GAAea,EAAAA,IAACkB,EAAAA,eAAM/B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),n=require("@chakra-ui/icons"),i=require("@chakra-ui/react"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),n=require("@chakra-ui/icons"),i=require("@chakra-ui/react"),t=require("react"),a=require("../Button/index.js");require("../Flex/index.js");var o=require("../Image/index.js"),r=require("../Link/index.js"),s=require("../Text/index.js");const l=.2,d=i.forwardRef((n,i)=>e.jsx(a.Button,{ref:i,variant:"secondary",size:{base:"sm",xl:"md"},href:"https://find.cancerresearchuk.org/?size=n_20_n",...n,children:"Search"})),c=i.forwardRef((n,i)=>e.jsx(a.Button,{ref:i,variant:"primary",size:{base:"sm",xl:"md"},"aria-label":"Link to donate landing page",...n,children:n.children||"Donate"})),x=({menuHeading:t,menuHeadingIndex:o,nextLink:s,onMobileMenuToggle:d})=>{const{isOpen:c,onToggle:x}=i.useDisclosure(),u=i.usePrefersReducedMotion(),h=t.links&&t.links.length>0;return e.jsxs(i.Flex,{as:i.ListItem,flexDirection:"column",children:[e.jsx(a.Button,{as:t.links?void 0:s,variant:"alternative",rightIcon:h?c?e.jsx(n.ChevronUpIcon,{boxSize:5,"aria-hidden":"true"}):e.jsx(n.ChevronDownIcon,{boxSize:5,"aria-hidden":"true"}):void 0,onClick:e=>{h?(e.preventDefault(),x()):d()},href:h?void 0:t.href,width:"100%","aria-expanded":c,"aria-controls":`m-nav-sub-item-${o}`,children:t.displayName}),h&&e.jsx(i.Collapse,{id:`m-nav-sub-item-${o}`,in:c,transition:{exit:{duration:u?0:l},enter:{duration:u?0:l}},children:e.jsxs(i.Flex,{as:i.List,flexDirection:"column",p:2,gap:2,children:[e.jsx(i.ListItem,{children:e.jsx(r.Link,{as:t.as,href:t.href,variant:"navigation",color:"altLinkColor",_visited:{color:"altLinkColor"},_hover:{color:"subNavItemLinkHover"},size:"sm",onClick:d,children:t.displayName})},`menuItemHeading-${o}`),t.links?.map((n,t)=>e.jsx(i.ListItem,{position:"relative",fontSize:"sm",children:e.jsx(r.Link,{as:n.as,href:n.href,variant:"navigation",color:"altLinkColor",_visited:{color:"altLinkColor"},_hover:{color:"subNavItemLinkHover"},size:"sm",onClick:d,children:n.displayName})},`menuItem-${o}-${t}`))]})})]},`menuHeadingColumn-${o}`)},u=i.forwardRef((n,t)=>{const{links:a,onMobileMenuToggle:o,nextLink:r,...s}=n;return e.jsx(i.Flex,{as:"nav","aria-label":"Main menu",id:"m-nav-sub-items",ref:t,flexDirection:"column",mb:4,display:{base:"block",xl:"none"},...s,children:e.jsx(i.Container,{as:i.List,children:a&&a.map((n,i)=>e.jsx(x,{menuHeading:n,menuHeadingIndex:i,nextLink:r,onMobileMenuToggle:o},`mobile-nav-item-${i}`))})})}),h=i.forwardRef((o,s)=>{const{links:d,...c}=o,x=i.usePrefersReducedMotion(),[u,h]=t.useState(0);return d?e.jsxs(i.Flex,{ref:s,position:"relative",flexDirection:"column",onMouseLeave:()=>h(0),display:{base:"none",xl:"block"},pb:3,...c,children:[e.jsx(i.Container,{as:"nav","aria-label":"Main menu",children:e.jsx(i.Flex,{as:i.List,flexDirection:"row",gap:6,justifyContent:"space-between",children:d.map((t,o)=>{const{as:r,displayName:s,href:l}=t;return e.jsx(i.ListItem,{children:e.jsx(a.Button,{padding:0,as:r,variant:"alternative",onMouseEnter:()=>d[o].links&&h(o+1),onKeyDown:e=>"Space"===e.code?(e.preventDefault(),h(o+1),document?.getElementById("menuItem-0")?.focus()):"Escape"===e.code&&(e.preventDefault(),h(0)),rightIcon:d[o].links&&e.jsx(n.ChevronDownIcon,{boxSize:5,"aria-hidden":"true"}),href:l,color:u===o+1?"buttonAlternativeTextHover":"buttonAlternativeText",tabIndex:0,"aria-expanded":u===o+1,"aria-controls":"d-nav-sub-items",children:s})},`menuHeading-${o}`)})})}),e.jsx(i.Flex,{id:"d-nav-sub-items",position:"absolute",bg:"white",mt:3,width:"100%",borderBottom:"0.25rem black solid",zIndex:2,children:e.jsx(i.Container,{children:e.jsx(i.Collapse,{in:u>0,transition:{exit:{duration:x?0:l},enter:{duration:x?0:l}},children:e.jsx(i.Flex,{as:i.List,flexDirection:"row",mt:6,mb:8,children:d[u-1]?.links?.map((n,t)=>e.jsxs(i.Flex,{as:i.ListItem,flexDirection:"column",flexGrow:1,flexBasis:1,pl:2,pr:2,gap:4,maxWidth:"max-content",children:[e.jsx(i.ListItem,{as:"p",children:e.jsx(r.Link,{id:`menuItem-${t}`,as:n.as,href:n.href,variant:"navigation",color:"altLinkColor",_visited:{color:"altLinkColor"},_hover:{color:"subNavItemLinkHover"},onClick:()=>h(0),onKeyDown:e=>"Escape"===e.code&&(e.preventDefault(),h(0)),size:"sm",children:n.displayName})}),e.jsx(i.List,{spacing:4,children:n.links&&n.links.map((n,t)=>e.jsx(i.ListItem,{children:e.jsx(r.Link,{as:n.as,href:n.href,variant:"navigation",onClick:()=>h(0),onKeyDown:e=>"Escape"===e.code&&(e.preventDefault(),h(0)),size:"sm",children:n.displayName})},`subElement-${t}`))})]},`menuItemColumn-${t}`))})})})})]}):null}),m=i.forwardRef((t,o)=>{const{isOpen:r,onToggle:s,nextLink:l,showSearch:x,donateCtaLink:u,donateCtaText:h}=t;return e.jsx(i.Container,{ref:o,mb:4,display:{base:"block",xl:"none"},children:e.jsxs(i.Flex,{as:i.List,justifyContent:{base:"space-between",sm:"left"},gap:4,children:[e.jsx(i.ListItem,{width:x?{base:"100%",sm:"unset"}:"unset",children:e.jsx(a.Button,{variant:"secondary",rightIcon:r?e.jsx(n.ChevronUpIcon,{boxSize:5,"aria-hidden":"true"}):e.jsx(n.ChevronDownIcon,{boxSize:5,"aria-hidden":"true"}),onClick:s,"aria-label":r?"Collapse Menu":"Expand Menu",title:r?"Collapse":"Expand",size:{base:"sm",xl:"md"},"aria-expanded":r,"aria-controls":"m-nav-sub-items",width:"100%",isActive:r,_focus:r?{backgroundColor:"buttonPrimaryBackground",color:"buttonPrimaryText"}:{backgroundColor:"buttonSecondaryBackground",outlineColor:"buttonSecondaryBorder",color:"buttonSecondaryText"},_active:{backgroundColor:"buttonPrimaryBackground",color:"buttonPrimaryText"},children:"Menu"})}),e.jsx(i.ListItem,{width:{base:"100%",sm:"unset"},children:x?e.jsx(d,{as:l,width:{base:"100%",sm:"unset"}}):u&&e.jsx(c,{as:l,href:u,prefetch:!1,children:h||"Donate"})})]})})}),b=n=>{const{links:a,nextLink:o,donateCtaLink:r,donateCtaText:s,showSearch:d,...c}=n,x=i.usePrefersReducedMotion(),b=t.useRef(null),{isOpen:p,onToggle:k}=i.useDisclosure();return i.useOutsideClick({ref:b,handler:()=>p&&k()}),e.jsxs(i.Flex,{ref:b,flexDirection:"column",...c,children:[e.jsx(m,{isOpen:p,onToggle:k,nextLink:o,donateCtaLink:r,donateCtaText:s,showSearch:d}),e.jsx(h,{links:a}),e.jsx(i.Collapse,{in:p,transition:{exit:{duration:x?0:l},enter:{duration:x?0:l}},children:e.jsx(u,{links:a,nextLink:o,onMobileMenuToggle:k})})]})},p=i.forwardRef((n,t)=>{const{links:a,environment:l,nextLink:x,logo:u,secondaryLogo:h,donateCtaVisible:m,donateCtaLink:p,donateCtaText:k,showSearch:f=!0,...g}=n;return e.jsxs(i.Flex,{ref:t,flexDirection:"column",borderBottom:{base:"0.25rem black solid",xl:"none"},...g,children:[e.jsxs(i.Container,{as:i.Flex,flexDirection:"row",alignItems:"center",children:[e.jsxs(i.Flex,{pos:"relative",my:{base:5,md:10},gap:6,children:[e.jsxs(r.Link,{href:u?.link,title:u?.alt,children:[e.jsx(o.Image,{alt:u?.alt,src:u?.src,height:u?.height,width:u?.width,htmlWidth:u?.htmlWidth,htmlHeight:u?.htmlHeight,objectFit:"contain",loading:u?.loading||"lazy"}),l&&e.jsx(i.Box,{position:"absolute",bg:"orange",p:{base:0,md:1},left:{base:"60px",md:"120px"},top:{base:"35px",md:"70px"},transform:"rotate(-15deg)",children:e.jsx(s.Text,{size:{base:"xs",md:"md"},variant:"bold",children:l})})]}),h]}),e.jsx(i.Spacer,{}),e.jsxs(i.Flex,{direction:"row",gap:4,ml:4,children:[f&&e.jsx(d,{as:x,display:{base:"none",xl:"block"}}),(m||p)&&e.jsx(c,{as:x,display:f?"block":{base:"none",xl:"block"},href:p,prefetch:!1,children:k||"Donate"})]})]}),e.jsx(b,{links:a,nextLink:x,donateCtaLink:p,donateCtaText:k,showSearch:f})]})});p.displayName="Navigation",exports.Navigation=p;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Navigation/index.tsx"],"sourcesContent":[null],"names":["collapseAnimationSpeed","SearchButton","forwardRef","props","ref","_jsx","Button","variant","size","base","xl","href","children","DonateButton","MobileNavigationItem","menuHeading","menuHeadingIndex","nextLink","isOpen","onToggle","useDisclosure","prefersReducedMotion","usePrefersReducedMotion","hasChildren","links","length","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Navigation/index.tsx"],"sourcesContent":[null],"names":["collapseAnimationSpeed","SearchButton","forwardRef","props","ref","_jsx","Button","variant","size","base","xl","href","children","DonateButton","MobileNavigationItem","menuHeading","menuHeadingIndex","nextLink","onMobileMenuToggle","isOpen","onToggle","useDisclosure","prefersReducedMotion","usePrefersReducedMotion","hasChildren","links","length","_jsxs","Flex","as","ListItem","flexDirection","undefined","rightIcon","ChevronUpIcon","boxSize","ChevronDownIcon","onClick","e","preventDefault","width","displayName","Collapse","id","in","transition","exit","duration","enter","List","p","gap","Link","color","_visited","_hover","map","child","childIndex","position","fontSize","MobileNavigation","menuHeadings","rest","mb","display","Container","DesktopNavigation","navItemHovered","setNavItemHovered","useState","onMouseLeave","pb","justifyContent","padding","onMouseEnter","onKeyDown","event","code","document","getElementById","focus","tabIndex","bg","mt","borderBottom","zIndex","menuItem","menuItemIndex","flexGrow","flexBasis","pl","pr","maxWidth","spacing","subElement","subElementIndex","NavigationControls","showSearch","donateCtaLink","donateCtaText","sm","title","isActive","_focus","backgroundColor","outlineColor","_active","prefetch","NavigationLinks","React","useRef","useOutsideClick","handler","Navigation","environment","logo","secondaryLogo","donateCtaVisible","alignItems","pos","my","md","link","alt","Image","src","height","htmlWidth","htmlHeight","objectFit","loading","Box","left","top","transform","Text","Spacer","direction","ml"],"mappings":"0RAsDA,MAAMA,EAAyB,GAEzBC,EAAeC,EAAAA,WAA+B,CAACC,EAAOC,IAC1DC,EAAAA,IAACC,EAAAA,OAAM,CACLF,IAAKA,EACLG,QAAQ,YACRC,KAAM,CAAEC,KAAM,KAAMC,GAAI,MACxBC,KAAK,oDACDR,EAAKS,SAAA,YAMPC,EAAeX,EAAAA,WAA+B,CAACC,EAAOC,IAC1DC,EAAAA,IAACC,SAAM,CACLF,IAAKA,EACLG,QAAQ,UACRC,KAAM,CAAEC,KAAM,KAAMC,GAAI,MAAM,aACnB,iCACPP,EAAKS,SAERT,EAAMS,UAAY,YAIjBE,EAAuB,EAC3BC,cACAC,mBACAC,WACAC,yBAOA,MAAMC,OAAEA,EAAMC,SAAEA,GAAaC,kBACvBC,EAAuBC,EAAAA,0BACvBC,EAAcT,EAAYU,OAASV,EAAYU,MAAMC,OAAS,EAEpE,OACEC,EAAAA,KAACC,EAAAA,KAAI,CACHC,GAAIC,EAAAA,SACJC,cAAc,SAAQnB,SAAA,CAItBP,EAAAA,IAACC,EAAAA,OAAM,CACLuB,GAAId,EAAYU,WAAQO,EAAYf,EACpCV,QAAQ,cACR0B,UACET,EACEL,EACEd,EAAAA,IAAC6B,EAAAA,eAAcC,QAAS,EAAC,cAAc,SAEvC9B,MAAC+B,EAAAA,gBAAe,CAACD,QAAS,EAAC,cAAc,cAEzCH,EAENK,QAAUC,IACJd,GACFc,EAAEC,iBACFnB,KAEAF,KAGJP,KAAMa,OAAcQ,EAAYjB,EAAYJ,KAC5C6B,MAAM,OAAM,gBACGrB,EAAM,gBACN,kBAAkBH,IAAkBJ,SAElDG,EAAY0B,cAIdjB,GACCnB,EAAAA,IAACqC,EAAAA,SAAQ,CACPC,GAAI,kBAAkB3B,IACtB4B,GAAIzB,EACJ0B,WAAY,CACVC,KAAM,CACJC,SAAUzB,EAAuB,EAAItB,GAEvCgD,MAAO,CACLD,SAAUzB,EAAuB,EAAItB,IAExCY,SAEDe,EAAAA,KAACC,OAAI,CAACC,GAAIoB,EAAAA,KAAMlB,cAAc,SAASmB,EAAG,EAAGC,IAAK,YAShD9C,EAAAA,IAACyB,EAAAA,mBACCzB,EAAAA,IAAC+C,EAAAA,MACCvB,GAAId,EAAYc,GAChBlB,KAAMI,EAAYJ,KAClBJ,QAAQ,aACR8C,MAAM,eACNC,SAAU,CAAED,MAAO,gBACnBE,OAAQ,CAAEF,MAAO,uBACjB7C,KAAK,KACL6B,QAASnB,WAERH,EAAY0B,eAXF,mBAAmBzB,KAcjCD,EAAYU,OAAO+B,IAAI,CAACC,EAAOC,IAE5BrD,EAAAA,IAACyB,WAAQ,CAEP6B,SAAS,WACTC,SAAU,KAAIhD,SAEdP,EAAAA,IAAC+C,EAAAA,KAAI,CACHvB,GAAI4B,EAAM5B,GACVlB,KAAM8C,EAAM9C,KACZJ,QAAQ,aACR8C,MAAM,eACNC,SAAU,CAAED,MAAO,gBACnBE,OAAQ,CAAEF,MAAO,uBACjB7C,KAAK,KACL6B,QAASnB,EAAkBN,SAE1B6C,EAAMhB,eAdJ,YAAYzB,KAAoB0C,aAvE5C,qBAAqB1C,MAiG1B6C,EAAmB3D,EAAAA,WACvB,CAACC,EAAOC,KACN,MACEqB,MAAOqC,EAAY5C,mBACnBA,EAAkBD,SAClBA,KACG8C,GACD5D,EACJ,OACEE,EAAAA,IAACuB,EAAAA,KAAI,CACHC,GAAG,mBACQ,YACXc,GAAG,kBACHvC,IAAKA,EACL2B,cAAc,SACdiC,GAAI,EACJC,QAAS,CAAExD,KAAM,QAASC,GAAI,WAC1BqD,WAEJ1D,EAAAA,IAAC6D,EAAAA,WAAUrC,GAAIoB,EAAAA,KAAIrC,SAChBkD,GACCA,EAAaN,IAAI,CAACzC,EAAaC,IAC7BX,MAACS,GAECC,YAAaA,EACbC,iBAAkBA,EAClBC,SAAUA,EACVC,mBAAoBA,GAJf,mBAAmBF,YAalCmD,EAAoBjE,EAAAA,WAAmC,CAACC,EAAOC,KACnE,MAAQqB,MAAOqC,KAAiBC,GAAS5D,EACnCmB,EAAuBC,EAAAA,2BACtB6C,EAAgBC,GAAqBC,EAAAA,SAAS,GAErD,OAAKR,EAGHnC,OAACC,EAAAA,KAAI,CACHxB,IAAKA,EACLuD,SAAS,WACT5B,cAAc,SACdwC,aAAc,IAAMF,EAAkB,GACtCJ,QAAS,CAAExD,KAAM,OAAQC,GAAI,SAC7B8D,GAAI,KACAT,EAAInD,SAAA,CAERP,EAAAA,IAAC6D,YAAS,CAACrC,GAAG,MAAK,aAAY,qBAC7BxB,EAAAA,IAACuB,QACCC,GAAIoB,EAAAA,KACJlB,cAAc,MACdoB,IAAK,EACLsB,eAAe,gBAAe7D,SAE7BkD,EAAaN,IAAI,CAACzC,EAAaC,KAC9B,MAAMa,GAAEA,EAAEY,YAAEA,EAAW9B,KAAEA,GAASI,EAClC,OACEV,EAAAA,IAACyB,EAAAA,SAAQ,CAAAlB,SACPP,EAAAA,IAACC,EAAAA,OAAM,CACLoE,QAAS,EACT7C,GAAIA,EACJtB,QAAQ,cACRoE,aAAc,IACZb,EAAa9C,GAAkBS,OAC/B4C,EAAkBrD,EAAmB,GAEvC4D,UAAYC,GACK,UAAfA,EAAMC,MACDD,EAAMtC,iBACP8B,EAAkBrD,EAAmB,GACrC+D,UAAUC,eAAe,eAAeC,SACzB,WAAfJ,EAAMC,OACLD,EAAMtC,iBAAkB8B,EAAkB,IAEjDpC,UACE6B,EAAa9C,GAAkBS,OAC7BpB,EAAAA,IAAC+B,mBAAgBD,QAAS,EAAC,cAAc,SAG7CxB,KAAMA,EACN0C,MACEe,IAAmBpD,EAAmB,EAClC,6BACA,wBAENkE,SAAU,EAAC,gBACId,IAAmBpD,EAAmB,EAAC,gBACxC,kBAAiBJ,SAE9B6B,KAhCU,eAAezB,WAuCtCX,EAAAA,IAACuB,EAAAA,KAAI,CACHe,GAAG,kBACHgB,SAAS,WACTwB,GAAG,QACHC,GAAI,EACJ5C,MAAM,OACN6C,aAAa,sBACbC,OAAQ,EAAC1E,SAETP,EAAAA,IAAC6D,EAAAA,oBACC7D,EAAAA,IAACqC,EAAAA,UACCE,GAAIwB,EAAiB,EACrBvB,WAAY,CACVC,KAAM,CACJC,SAAUzB,EAAuB,EAAItB,GAEvCgD,MAAO,CACLD,SAAUzB,EAAuB,EAAItB,IAExCY,SAEDP,EAAAA,IAACuB,OAAI,CAACC,GAAIoB,OAAMlB,cAAc,MAAMqD,GAAI,EAAGpB,GAAI,EAACpD,SAC7CkD,EAAaM,EAAiB,IAAI3C,OAAO+B,IACxC,CAAC+B,EAAUC,IACT7D,EAAAA,KAACC,EAAAA,KAAI,CACHC,GAAIC,EAAAA,SAEJC,cAAc,SACd0D,SAAU,EACVC,UAAW,EACXC,GAAI,EACJC,GAAI,EACJzC,IAAK,EACL0C,SAAS,cAAajF,SAAA,CAEtBP,MAACyB,EAAAA,SAAQ,CAACD,GAAG,aACXxB,EAAAA,IAAC+C,EAAAA,KAAI,CACHT,GAAI,YAAY6C,IAChB3D,GAAI0D,EAAS1D,GACblB,KAAM4E,EAAS5E,KACfJ,QAAQ,aACR8C,MAAM,eACNC,SAAU,CAAED,MAAO,gBACnBE,OAAQ,CAAEF,MAAO,uBACjBhB,QAAS,IAAMgC,EAAkB,GACjCO,UAAYC,GACK,WAAfA,EAAMC,OACLD,EAAMtC,iBAAkB8B,EAAkB,IAE7C7D,KAAK,KAAII,SAER2E,EAAS9C,gBAGdpC,EAAAA,IAAC4C,EAAAA,KAAI,CAAC6C,QAAS,EAAClF,SACb2E,EAAS9D,OACR8D,EAAS9D,MAAM+B,IAAI,CAACuC,EAAYC,IAC9B3F,EAAAA,IAACyB,WAAQ,CAAAlB,SACPP,EAAAA,IAAC+C,EAAAA,KAAI,CACHvB,GAAIkE,EAAWlE,GACflB,KAAMoF,EAAWpF,KACjBJ,QAAQ,aACR8B,QAAS,IAAMgC,EAAkB,GACjCO,UAAYC,GACK,WAAfA,EAAMC,OACLD,EAAMtC,iBAAkB8B,EAAkB,IAE7C7D,KAAK,cAEJuF,EAAWtD,eAZD,cAAcuD,UA/B9B,kBAAkBR,iBAvFf,OAkJtBS,EAAqB/F,EAAAA,WACzB,CAACC,EAAOC,KACN,MAAMe,OACJA,EAAMC,SACNA,EAAQH,SACRA,EAAQiF,WACRA,EAAUC,cACVA,EAAaC,cACbA,GACEjG,EACJ,OACEE,EAAAA,IAAC6D,YAAS,CAAC9D,IAAKA,EAAK4D,GAAI,EAAGC,QAAS,CAAExD,KAAM,QAASC,GAAI,QAAQE,SAChEe,OAACC,EAAAA,KAAI,CACHC,GAAIoB,EAAAA,KACJwB,eAAgB,CAAEhE,KAAM,gBAAiB4F,GAAI,QAC7ClD,IAAK,YAEL9C,EAAAA,IAACyB,WAAQ,CACPU,MAAO0D,EAAa,CAAEzF,KAAM,OAAQ4F,GAAI,SAAY,QAAOzF,SAE3DP,EAAAA,IAACC,EAAAA,OAAM,CACLC,QAAQ,YACR0B,UACEd,EACEd,EAAAA,IAAC6B,gBAAa,CAACC,QAAS,EAAC,cAAc,SAEvC9B,EAAAA,IAAC+B,EAAAA,gBAAe,CAACD,QAAS,EAAC,cAAc,SAG7CE,QAASjB,eACGD,EAAS,gBAAkB,cACvCmF,MAAOnF,EAAS,WAAa,SAC7BX,KAAM,CAAEC,KAAM,KAAMC,GAAI,MAAM,gBACfS,EAAM,gBACP,kBACdqB,MAAM,OACN+D,SAAUpF,EACVqF,OACErF,EACI,CACEsF,gBAAiB,0BACjBpD,MAAO,qBAET,CACEoD,gBAAiB,4BACjBC,aAAc,wBACdrD,MAAO,uBAGfsD,QAAS,CACPF,gBAAiB,0BACjBpD,MAAO,qBACRzC,SAAA,WAKLP,EAAAA,IAACyB,YAASU,MAAO,CAAE/B,KAAM,OAAQ4F,GAAI,SAASzF,SAC3CsF,EACC7F,EAAAA,IAACJ,GACC4B,GAAIZ,EACJuB,MAAO,CAAE/B,KAAM,OAAQ4F,GAAI,WAG7BF,GACE9F,EAAAA,IAACQ,EAAY,CACXgB,GAAIZ,EACJN,KAAMwF,EACNS,UAAU,WAETR,GAAiB,oBAW9BS,EAAmB1G,IACvB,MAAMsB,MAAEA,EAAKR,SAAEA,EAAQkF,cAAEA,EAAaC,cAAEA,EAAaF,WAAEA,KAAenC,GACpE5D,EACImB,EAAuBC,EAAAA,0BACvBnB,EAAM0G,EAAMC,OAAuB,OACnC5F,OAAEA,EAAMC,SAAEA,GAAaC,kBAO7B,OALA2F,kBAAgB,CACd5G,MACA6G,QAAS,IAAM9F,GAAUC,MAIzBO,EAAAA,KAACC,EAAAA,KAAI,CAACxB,IAAKA,EAAK2B,cAAc,YAAagC,EAAInD,SAAA,CAC7CP,EAAAA,IAAC4F,EAAkB,CACjB9E,OAAQA,EACRC,SAAUA,EACVH,SAAUA,EACVkF,cAAeA,EACfC,cAAeA,EACfF,WAAYA,IAEd7F,EAAAA,IAAC8D,EAAiB,CAAC1C,MAAOA,IAC1BpB,EAAAA,IAACqC,EAAAA,SAAQ,CACPE,GAAIzB,EACJ0B,WAAY,CACVC,KAAM,CAAEC,SAAUzB,EAAuB,EAAItB,GAC7CgD,MAAO,CACLD,SAAUzB,EAAuB,EAAItB,IAExCY,SAEDP,EAAAA,IAACwD,EAAgB,CACfpC,MAAOA,EACPR,SAAUA,EACVC,mBAAoBE,UAOxB8F,EAAahH,EAAAA,WAAmC,CAACC,EAAOC,KAC5D,MAAMqB,MACJA,EAAK0F,YACLA,EAAWlG,SACXA,EAAQmG,KACRA,EAAIC,cACJA,EAAaC,iBACbA,EAAgBnB,cAChBA,EAAaC,cACbA,EAAaF,WACbA,GAAa,KACVnC,GACD5D,EAEJ,OACEwB,OAACC,EAAAA,KAAI,CACHxB,IAAKA,EACL2B,cAAc,SACdsD,aAAc,CAAE5E,KAAM,sBAAuBC,GAAI,WAC7CqD,YAEJpC,EAAAA,KAACuC,YAAS,CAACrC,GAAID,EAAAA,KAAMG,cAAc,MAAMwF,WAAW,SAAQ3G,SAAA,CAC1De,OAACC,EAAAA,KAAI,CAAC4F,IAAI,WAAWC,GAAI,CAAEhH,KAAM,EAAGiH,GAAI,IAAMvE,IAAK,EAACvC,SAAA,CAClDe,EAAAA,KAACyB,OAAI,CAACzC,KAAMyG,GAAMO,KAAMrB,MAAOc,GAAMQ,cACnCvH,EAAAA,IAACwH,EAAAA,MAAK,CACJD,IAAKR,GAAMQ,IACXE,IAAKV,GAAMU,IACXC,OAAQX,GAAMW,OACdvF,MAAO4E,GAAM5E,MACbwF,UAAWZ,GAAMY,UACjBC,WAAYb,GAAMa,WAClBC,UAAU,UACVC,QAASf,GAAMe,SAAW,SAE3BhB,GACC9G,EAAAA,IAAC+H,EAAAA,IAAG,CACFzE,SAAS,WACTwB,GAAG,SACHjC,EAAG,CAAEzC,KAAM,EAAGiH,GAAI,GAClBW,KAAM,CAAE5H,KAAM,OAAQiH,GAAI,SAC1BY,IAAK,CAAE7H,KAAM,OAAQiH,GAAI,QACzBa,UAAU,iBAAgB3H,SAE1BP,EAAAA,IAACmI,EAAAA,KAAI,CAAChI,KAAM,CAAEC,KAAM,KAAMiH,GAAI,MAAQnH,QAAQ,OAAMK,SACjDuG,SAKRE,KAEHhH,EAAAA,IAACoI,SAAM,CAAA,GACP9G,EAAAA,KAACC,EAAAA,MAAK8G,UAAU,MAAMvF,IAAK,EAAGwF,GAAI,EAAC/H,SAAA,CAChCsF,GACC7F,MAACJ,EAAY,CACX4B,GAAIZ,EACJgD,QAAS,CAAExD,KAAM,OAAQC,GAAI,YAG/B4G,GAAoBnB,IACpB9F,EAAAA,IAACQ,EAAY,CACXgB,GAAIZ,EACJgD,QAASiC,EAAa,QAAU,CAAEzF,KAAM,OAAQC,GAAI,SACpDC,KAAMwF,EACNS,UAAU,EAAKhG,SAEdwF,GAAiB,iBAK1B/F,EAAAA,IAACwG,EAAe,CACdpF,MAAOA,EACPR,SAAUA,EACVkF,cAAeA,EACfC,cAAeA,EACfF,WAAYA,SAMpBgB,EAAWzE,YAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@chakra-ui/react").defineStyleConfig({baseStyle:{},variants:{momentContainer:{display:"flex",flexDirection:{base:"column
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("@chakra-ui/react").defineStyleConfig({baseStyle:{},variants:{momentContainer:{display:"flex",flexDirection:{base:"column",lg:"row"}},momentInnerContainer:{display:"flex",position:{base:"relative",lg:"static"},bottom:"-1rem"},imgTextContainer:{display:"flex",flexDirection:{base:"column"},justifyContent:{base:"flex-end",xl:"center",lg:"flex-start"}},circleContainer:{right:{base:"-5%",sm:"-5%",lg:"20%"},'&[data-has-image="false"]':{right:0},top:{base:"10%"},position:"relative"},textContainer:{marginBottom:{base:"1rem",lg:"0"},marginTop:{base:"1rem",lg:"4rem"},position:{base:"relative",lg:"static"},marginLeft:{base:"4rem",sm:"4rem",lg:"2rem"},width:{base:"200px",sm:"200px",md:"300px",lg:"unset"}}}});exports.default=e;
|
|
2
2
|
//# sourceMappingURL=circleDevice.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circleDevice.js","sources":["../../../../../src/theme/cruk/components/circleDevice.ts"],"sourcesContent":[null],"names":["circleDeviceTheme","defineStyleConfig","baseStyle","variants","momentContainer","display","flexDirection","base","lg","momentInnerContainer","position","bottom","imgTextContainer","justifyContent","circleContainer","right","sm","top","textContainer","marginBottom","marginTop","marginLeft","width","md"],"mappings":"oEAEA,MAAMA,8BAAoBC,kBAAkB,CAC1CC,UAAW,CAAA,EACXC,SAAU,CACRC,gBAAiB,CACfC,QAAS,OACTC,cAAe,CACbC,KAAM,
|
|
1
|
+
{"version":3,"file":"circleDevice.js","sources":["../../../../../src/theme/cruk/components/circleDevice.ts"],"sourcesContent":[null],"names":["circleDeviceTheme","defineStyleConfig","baseStyle","variants","momentContainer","display","flexDirection","base","lg","momentInnerContainer","position","bottom","imgTextContainer","justifyContent","xl","circleContainer","right","sm","top","textContainer","marginBottom","marginTop","marginLeft","width","md"],"mappings":"oEAEA,MAAMA,8BAAoBC,kBAAkB,CAC1CC,UAAW,CAAA,EACXC,SAAU,CACRC,gBAAiB,CACfC,QAAS,OACTC,cAAe,CACbC,KAAM,SACNC,GAAI,QAGRC,qBAAsB,CACpBJ,QAAS,OACTK,SAAU,CAAEH,KAAM,WAAYC,GAAI,UAClCG,OAAQ,SAGVC,iBAAkB,CAChBP,QAAS,OACTC,cAAe,CACbC,KAAM,UAERM,eAAgB,CACdN,KAAM,WACNO,GAAI,SACJN,GAAI,eAIRO,gBAAiB,CACfC,MAAO,CACLT,KAAM,MACNU,GAAI,MACJT,GAAI,OAEN,4BAA6B,CAC3BQ,MAAO,GAETE,IAAK,CACHX,KAAM,OAERG,SAAU,YAEZS,cAAe,CACbC,aAAc,CAAEb,KAAM,OAAQC,GAAI,KAClCa,UAAW,CAAEd,KAAM,OAAQC,GAAI,QAC/BE,SAAU,CAAEH,KAAM,WAAYC,GAAI,UAClCc,WAAY,CAAEf,KAAM,OAAQU,GAAI,OAAQT,GAAI,QAC5Ce,MAAO,CACLhB,KAAM,QACNU,GAAI,QACJO,GAAI,QACJhB,GAAI"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{ArrowForwardIcon as i}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 f}from"../Heading/index.js";import{Icon as u}from"../Icon/index.js";import{Image as x}from"../Image/index.js";import{SingleStatistics as y}from"../KeyStatistics/index.js";import{Link as S}from"../Link/index.js";import{Text as b}from"../Text/index.js";import{TwoBlockStatistics as w}from"../KeyStatistics/TwoBlockStatistics.js";const j=t=>{const{as:i,src:a,alt:n,width:r,height:o,aspectHeight:s,aspectWidth:l,aspectMaxHeight:c,aspectMaxWidth:d,style:h,...
|
|
1
|
+
"use client";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{ArrowForwardIcon as i}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 f}from"../Heading/index.js";import{Icon as u}from"../Icon/index.js";import{Image as x}from"../Image/index.js";import{SingleStatistics as y}from"../KeyStatistics/index.js";import{Link as S}from"../Link/index.js";import{Text as b}from"../Text/index.js";import{TwoBlockStatistics as w}from"../KeyStatistics/TwoBlockStatistics.js";const j=t=>{const{as:i,src:a,alt:n,width:r,height:o,aspectHeight:s,aspectWidth:l,aspectMaxHeight:c,aspectMaxWidth:d,style:h,sizes:g,...p}=t;return e(m,{height:s,width:l,ratio:1,minW:128,minH:128,maxW:d,maxH:c,...p,children:e(x,{as:i,src:a,alt:n,width:r,height:o,style:h,sizes:g})})},k=t=>e(r,{display:{base:"block",md:"flex"},flex:{base:"unset",md:1},children:e(j,{...t})}),v=({image:t,icon:i,singleKeyStats:a,twoBlockStats:n})=>{if(i)return e(u,{name:i.name});if(a)return e(y,{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 e(w,{hasSecondaryStyling:n.hasSecondaryStyling,leftValue:n.leftValue,rightValue:n.rightValue});const{isWrapped:r,...o}=t??{};return e(r?k:j,{...o})},B=a((a,h)=>{const{variant:m="unstyled",image:f,cardImageContainer:x,icon:y,label:w,heading:j,description:k,button:B,link:C,href:I,singleKeyStats:z,twoBlockStats:H,stackProps:K,tag:N,cardLayout:W="vertical",...V}=a,T="groupNavigation"===m||"singleNavigation"===m||"noImageNavigation"===m,L=Boolean(f||y||z||H);return t(n,{ref:h,variant:m,href:I,sx:"horizontal"===W?{flexDirection:{base:"column",lg:"row"}}:{},...V,children:[L&&t(r,{className:"card-imagery-container",position:"relative",height:x,children:[e(v,{image:f,icon:y,singleKeyStats:z,twoBlockStats:H}),N&&e(o,{style:{position:"absolute",top:0},...N})]}),t(s,{width:"100%",spacing:4,height:"100%",children:[e(l,{children:t(s,{spacing:2,width:"100%",height:"100%",justifyContent:"horizontal"===W?"center":"flex-start",flex:1,...K,children:[w&&e(b,{bgColor:"cardTextBackgroundColor",variant:"label",className:"label-text",width:"fit-content",py:1,px:3,children:w}),j&&t(c,{justifyContent:"space-between",alignItems:"center",width:"100%",children:[e(p,{...j}),T&&e(u,{as:i,boxSize:6,p:0})]}),k]})}),(B||C)&&t(d,{alignItems:"flex-start",children:[B&&e(g,{...B}),C&&e(S,{...C})]})]})]})}),C=a((i,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},...u}=i;return t(s,{ref:a,spacing:6,...u,children:[n&&e(f,{...n}),r,c&&e(h,{columns:l,gap:p,children:c.map((t,i)=>e(B,{label:o?`Step: ${i+1}`:void 0,...t},`card-item-${i}`))}),m&&e(g,{...m}),d&&e(S,{...d})]})});export{B as Card,C as CardStack};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +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","href","stackProps","tag","cardLayout","rest","displayArrow","hasImagery","Boolean","_jsxs","ChakraCard","sx","flexDirection","lg","className","position","Tag","top","Stack","spacing","CardBody","justifyContent","Text","bgColor","py","px","Flex","alignItems","Heading4","ArrowForwardIcon","boxSize","p","CardFooter","Button","Link","CardStack","hasSteps","numberOfColumns","cards","gridGap","xl","Heading2","SimpleGrid","columns","gap","map","card","index","undefined"],"mappings":"8rBAuDA,MAAMA,EAAaC,IACjB,MAAMC,GACJA,EAAEC,IACFA,EAAGC,IACHA,EAAGC,MACHA,EAAKC,OACLA,EAAMC,aACNA,EAAYC,YACZA,EAAWC,gBACXA,EAAeC,eACfA,EAAcC,MACdA,KACGC,
|
|
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","sizes","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","href","stackProps","tag","cardLayout","rest","displayArrow","hasImagery","Boolean","_jsxs","ChakraCard","sx","flexDirection","lg","className","position","Tag","top","Stack","spacing","CardBody","justifyContent","Text","bgColor","py","px","Flex","alignItems","Heading4","ArrowForwardIcon","boxSize","p","CardFooter","Button","Link","CardStack","hasSteps","numberOfColumns","cards","gridGap","xl","Heading2","SimpleGrid","columns","gap","map","card","index","undefined"],"mappings":"8rBAuDA,MAAMA,EAAaC,IACjB,MAAMC,GACJA,EAAEC,IACFA,EAAGC,IACHA,EAAGC,MACHA,EAAKC,OACLA,EAAMC,aACNA,EAAYC,YACZA,EAAWC,gBACXA,EAAeC,eACfA,EAAcC,MACdA,EAAKC,MACLA,KACGC,GACDZ,EAEJ,OACEa,EAACC,EAAW,CACVT,OAAQC,EACRF,MAAOG,EACPQ,MAAO,EACPC,KAAM,IACNC,KAAM,IACNC,KAAMT,EACNU,KAAMX,KACFI,EAAcQ,SAElBP,EAACQ,EAAK,CACJpB,GAAIA,EACJC,IAAKA,EACLC,IAAKA,EACLC,MAAOA,EACPC,OAAQA,EACRK,MAAOA,EACPC,MAAOA,OAMTW,EAAoBtB,GACxBa,EAACU,EAAG,CAACC,QAAS,CAAEC,KAAM,QAASC,GAAI,QAAUC,KAAM,CAAEF,KAAM,QAASC,GAAI,GAAGN,SACzEP,EAACd,EAAS,IAAMC,MAId4B,EAAc,EAClBC,QACAC,OACAC,iBACAC,oBAEA,GAAIF,EACF,OAAOjB,EAACoB,EAAI,CAACC,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,aAKhC,MAAMC,UAAEA,KAAc5C,GAAe6B,GAAS,CAAA,EAE9C,OACEhB,EADK+B,EACJtB,EAEAvB,MAFqBC,KAMpB6C,EAAOC,EAA6B,CAACC,EAAOC,KAChD,MAAMC,QACJA,EAAU,WAAUpB,MACpBA,EAAKqB,mBACLA,EAAkBpB,KAClBA,EAAIqB,MACJA,EAAKC,QACLA,EAAOC,YACPA,EAAWC,OACXA,EAAMC,KACNA,EAAIC,KACJA,EAAIzB,eACJA,EAAcC,cACdA,EAAayB,WACbA,EAAUC,IACVA,EAAGC,WACHA,EAAa,cACVC,GACDb,EAEEc,EACQ,oBAAZZ,GACY,qBAAZA,GACY,sBAAZA,EAEIa,EAAaC,QAAQlC,GAASC,GAAQC,GAAkBC,GAO9D,OACEgC,EAACC,EAAU,CACTjB,IAAKA,EACLC,QAASA,EACTO,KAAMA,EACNU,GATa,eAAfP,EACI,CAAEQ,cAAe,CAAE1C,KAAM,SAAU2C,GAAI,QACvC,CAAA,KAQER,EAAIxC,SAAA,CAEP0C,GACCE,EAACzC,EAAG,CACF8C,UAAU,yBACVC,SAAS,WACTjE,OAAQ6C,EAAkB9B,SAAA,CAE1BP,EAACe,EAAW,CACVC,MAAOA,EACPC,KAAMA,EACNC,eAAgBA,EAChBC,cAAeA,IAEhB0B,GAAO7C,EAAC0D,EAAG,CAAC7D,MAAO,CAAE4D,SAAU,WAAYE,IAAK,MAASd,OAI9DM,EAACS,EAAK,CAACrE,MAAM,OAAOsE,QAAS,EAAGrE,OAAO,OAAMe,SAAA,CAC3CP,EAAC8D,EAAQ,CAAAvD,SACP4C,EAACS,EAAK,CACJC,QAAS,EACTtE,MAAM,OACNC,OAAO,OACPuE,eACiB,eAAfjB,EAA8B,SAAW,aAE3ChC,KAAM,KACF8B,EAAUrC,SAAA,CAEb+B,GACCtC,EAACgE,EAAI,CACHC,QAAQ,0BACR7B,QAAQ,QACRoB,UAAU,aACVjE,MAAM,cACN2E,GAAI,EACJC,GAAI,EAAC5D,SAEJ+B,IAGJC,GACCY,EAACiB,EAAI,CACHL,eAAe,gBACfM,WAAW,SACX9E,MAAM,OAAMgB,SAAA,CAEZP,EAACsE,EAAQ,IAAK/B,IACbS,GACChD,EAACoB,EAAI,CAAChC,GAAImF,EAAkBC,QAAS,EAAGC,EAAG,OAIhDjC,QAIHC,GAAUC,IACVS,EAACuB,EAAU,CAACL,WAAW,aAAY9D,SAAA,CAChCkC,GAAUzC,EAAC2E,EAAM,IAAKlC,IACtBC,GAAQ1C,EAAC4E,EAAI,IAAKlC,eAmBzBmC,EAAY5C,EAAkC,CAACC,EAAOC,KAC1D,MAAMI,QACJA,EAAOC,YACPA,EAAWsC,SACXA,GAAW,EAAKC,gBAChBA,EAAeC,MACfA,EAAKtC,KACLA,EAAID,OACJA,EAAMwC,QACNA,EAAU,CAAErE,KAAM,EAAG2C,GAAI,EAAG2B,GAAI,OAC7BnC,GACDb,EACJ,OACEiB,EAACS,EAAK,CAACzB,IAAKA,EAAK0B,QAAS,KAAOd,YAC9BR,GAAWvC,EAACmF,EAAQ,IAAK5C,IACzBC,EACAwC,GACChF,EAACoF,GAAWC,QAASN,EAAiBO,IAAKL,EAAO1E,SAC/CyE,EAAMO,IAAI,CAACC,EAAMC,IAChBzF,EAACgC,EAAI,CAEHM,MAAOwC,EAAW,SAASW,EAAQ,SAAMC,KACrCF,GAFC,aAAaC,QAOzBhD,GAAUzC,EAAC2E,EAAM,IAAKlC,IACtBC,GAAQ1C,EAAC4E,MAASlC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{forwardRef as r,useStyleConfig as
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{forwardRef as r,useStyleConfig as a,Flex as t,AspectRatio as n,Box as c}from"@chakra-ui/react";import{Circle as o}from"../Circle/index.js";import"../Flex/index.js";import{Heading3 as s}from"../Heading/index.js";import{Image as m}from"../Image/index.js";import{Text as l}from"../Text/index.js";const d={Navy:"primary",Cyan:"tertiary",Magenta:"secondary"},x=r((r,x)=>{const{image:p,heading:h,description:v,colorVariant:C,...g}=r,_=a("CircleDevice",{variant:"momentContainer"}),f=a("CircleDevice",{variant:"imgTextContainer"}),j=a("CircleDevice",{variant:"momentInnerContainer"}),y=a("CircleDevice",{variant:"circleContainer"}),D=a("CircleDevice",{variant:"textContainer"});return e(t,{__css:_,ref:x,...g,children:[p&&i(t,{__css:j,children:i(n,{height:{base:"343px",md:"363px",lg:"483px",xl:"636px"},width:{base:"343px",md:"363px",lg:"483px",xl:"636px"},ratio:1,children:i(m,{as:p.as,src:p.src,alt:p.alt,height:"636",width:"636",objectFit:"cover"})})}),e(t,{__css:f,children:[i(c,{__css:y,"data-has-image":!!p,children:i(o,{...g,variant:d[C||"Navy"]??"navy.600"})}),e(c,{__css:D,children:[h&&i(s,{...h}),v&&i(l,{children:v})]})]})]})});export{x as CircleDevice};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/CircleDevice/index.tsx"],"sourcesContent":[null],"names":["CircleDevice","forwardRef","props","ref","image","heading","description","rest","momentContainer","useStyleConfig","variant","imgTextContainer","momentInnerContainer","circleContainer","textContainer","_jsxs","Flex","__css","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/CircleDevice/index.tsx"],"sourcesContent":[null],"names":["bgColorVariantMap","Navy","Cyan","Magenta","CircleDevice","forwardRef","props","ref","image","heading","description","colorVariant","rest","momentContainer","useStyleConfig","variant","imgTextContainer","momentInnerContainer","circleContainer","textContainer","_jsxs","Flex","__css","_jsx","children","AspectRatio","height","base","md","lg","xl","width","ratio","Image","as","src","alt","objectFit","Box","Circle","Heading3","Text"],"mappings":"8VA0BA,MAAMA,EAA4C,CAChDC,KAAM,UACNC,KAAM,WACNC,QAAS,aAGLC,EAAeC,EAAqC,CAACC,EAAOC,KAChE,MAAMC,MAAEA,EAAKC,QAAEA,EAAOC,YAAEA,EAAWC,aAAEA,KAAiBC,GAASN,EACzDO,EAAkBC,EAAe,eAAgB,CACrDC,QAAS,oBAELC,EAAmBF,EAAe,eAAgB,CACtDC,QAAS,qBAELE,EAAuBH,EAAe,eAAgB,CAC1DC,QAAS,yBAELG,EAAkBJ,EAAe,eAAgB,CACrDC,QAAS,oBAELI,EAAgBL,EAAe,eAAgB,CACnDC,QAAS,kBAGX,OACEK,EAACC,EAAI,CAACC,MAAOT,EAAiBN,IAAKA,KAASK,YACzCJ,GACCe,EAACF,EAAI,CAACC,MAAOL,EAAoBO,SAC/BD,EAACE,EAAW,CACVC,OAAQ,CAAEC,KAAM,QAASC,GAAI,QAASC,GAAI,QAASC,GAAI,SACvDC,MAAO,CAAEJ,KAAM,QAASC,GAAI,QAASC,GAAI,QAASC,GAAI,SACtDE,MAAO,EAACR,SAERD,EAACU,EAAK,CACJC,GAAI1B,EAAM0B,GACVC,IAAK3B,EAAM2B,IACXC,IAAK5B,EAAM4B,IACXV,OAAO,MACPK,MAAM,MACNM,UAAU,cAKlBjB,EAACC,EAAI,CAACC,MAAON,YACXO,EAACe,EAAG,CAAChB,MAAOJ,EAAe,mBAAoBV,WAC7Ce,EAACgB,EAAM,IACD3B,EACJG,QAASf,EAAkBW,GAAgB,SAAW,eAG1DS,EAACkB,EAAG,CAAChB,MAAOH,EAAaK,SAAA,CACtBf,GAAWc,EAACiB,MAAa/B,IACzBC,GAAea,EAACkB,YAAM/B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e,jsxs as n}from"react/jsx-runtime";import{ChevronDownIcon as i,ChevronUpIcon as a}from"@chakra-ui/icons";import{forwardRef as
|
|
1
|
+
import{jsx as e,jsxs as n}from"react/jsx-runtime";import{ChevronDownIcon as i,ChevronUpIcon as a}from"@chakra-ui/icons";import{forwardRef as o,Flex as t,Container as r,List as l,usePrefersReducedMotion as s,ListItem as d,Collapse as c,Box as m,Spacer as h,useDisclosure as u,useOutsideClick as p}from"@chakra-ui/react";import b,{useState as x}from"react";import{Button as k}from"../Button/index.js";import"../Flex/index.js";import{Image as g}from"../Image/index.js";import{Link as f}from"../Link/index.js";import{Text as v}from"../Text/index.js";const C=.2,y=o((n,i)=>e(k,{ref:i,variant:"secondary",size:{base:"sm",xl:"md"},href:"https://find.cancerresearchuk.org/?size=n_20_n",...n,children:"Search"})),L=o((n,i)=>e(k,{ref:i,variant:"primary",size:{base:"sm",xl:"md"},"aria-label":"Link to donate landing page",...n,children:n.children||"Donate"})),w=({menuHeading:o,menuHeadingIndex:r,nextLink:m,onMobileMenuToggle:h})=>{const{isOpen:p,onToggle:b}=u(),x=s(),g=o.links&&o.links.length>0;return n(t,{as:d,flexDirection:"column",children:[e(k,{as:o.links?void 0:m,variant:"alternative",rightIcon:g?e(p?a:i,{boxSize:5,"aria-hidden":"true"}):void 0,onClick:e=>{g?(e.preventDefault(),b()):h()},href:g?void 0:o.href,width:"100%","aria-expanded":p,"aria-controls":`m-nav-sub-item-${r}`,children:o.displayName}),g&&e(c,{id:`m-nav-sub-item-${r}`,in:p,transition:{exit:{duration:x?0:C},enter:{duration:x?0:C}},children:n(t,{as:l,flexDirection:"column",p:2,gap:2,children:[e(d,{children:e(f,{as:o.as,href:o.href,variant:"navigation",color:"altLinkColor",_visited:{color:"altLinkColor"},_hover:{color:"subNavItemLinkHover"},size:"sm",onClick:h,children:o.displayName})},`menuItemHeading-${r}`),o.links?.map((n,i)=>e(d,{position:"relative",fontSize:"sm",children:e(f,{as:n.as,href:n.href,variant:"navigation",color:"altLinkColor",_visited:{color:"altLinkColor"},_hover:{color:"subNavItemLinkHover"},size:"sm",onClick:h,children:n.displayName})},`menuItem-${r}-${i}`))]})})]},`menuHeadingColumn-${r}`)},D=o((n,i)=>{const{links:a,onMobileMenuToggle:o,nextLink:s,...d}=n;return e(t,{as:"nav","aria-label":"Main menu",id:"m-nav-sub-items",ref:i,flexDirection:"column",mb:4,display:{base:"block",xl:"none"},...d,children:e(r,{as:l,children:a&&a.map((n,i)=>e(w,{menuHeading:n,menuHeadingIndex:i,nextLink:s,onMobileMenuToggle:o},`mobile-nav-item-${i}`))})})}),T=o((a,o)=>{const{links:m,...h}=a,u=s(),[p,b]=x(0);return m?n(t,{ref:o,position:"relative",flexDirection:"column",onMouseLeave:()=>b(0),display:{base:"none",xl:"block"},pb:3,...h,children:[e(r,{as:"nav","aria-label":"Main menu",children:e(t,{as:l,flexDirection:"row",gap:6,justifyContent:"space-between",children:m.map((n,a)=>{const{as:o,displayName:t,href:r}=n;return e(d,{children:e(k,{padding:0,as:o,variant:"alternative",onMouseEnter:()=>m[a].links&&b(a+1),onKeyDown:e=>"Space"===e.code?(e.preventDefault(),b(a+1),document?.getElementById("menuItem-0")?.focus()):"Escape"===e.code&&(e.preventDefault(),b(0)),rightIcon:m[a].links&&e(i,{boxSize:5,"aria-hidden":"true"}),href:r,color:p===a+1?"buttonAlternativeTextHover":"buttonAlternativeText",tabIndex:0,"aria-expanded":p===a+1,"aria-controls":"d-nav-sub-items",children:t})},`menuHeading-${a}`)})})}),e(t,{id:"d-nav-sub-items",position:"absolute",bg:"white",mt:3,width:"100%",borderBottom:"0.25rem black solid",zIndex:2,children:e(r,{children:e(c,{in:p>0,transition:{exit:{duration:u?0:C},enter:{duration:u?0:C}},children:e(t,{as:l,flexDirection:"row",mt:6,mb:8,children:m[p-1]?.links?.map((i,a)=>n(t,{as:d,flexDirection:"column",flexGrow:1,flexBasis:1,pl:2,pr:2,gap:4,maxWidth:"max-content",children:[e(d,{as:"p",children:e(f,{id:`menuItem-${a}`,as:i.as,href:i.href,variant:"navigation",color:"altLinkColor",_visited:{color:"altLinkColor"},_hover:{color:"subNavItemLinkHover"},onClick:()=>b(0),onKeyDown:e=>"Escape"===e.code&&(e.preventDefault(),b(0)),size:"sm",children:i.displayName})}),e(l,{spacing:4,children:i.links&&i.links.map((n,i)=>e(d,{children:e(f,{as:n.as,href:n.href,variant:"navigation",onClick:()=>b(0),onKeyDown:e=>"Escape"===e.code&&(e.preventDefault(),b(0)),size:"sm",children:n.displayName})},`subElement-${i}`))})]},`menuItemColumn-${a}`))})})})})]}):null}),I=o((o,s)=>{const{isOpen:c,onToggle:m,nextLink:h,showSearch:u,donateCtaLink:p,donateCtaText:b}=o;return e(r,{ref:s,mb:4,display:{base:"block",xl:"none"},children:n(t,{as:l,justifyContent:{base:"space-between",sm:"left"},gap:4,children:[e(d,{width:u?{base:"100%",sm:"unset"}:"unset",children:e(k,{variant:"secondary",rightIcon:e(c?a:i,{boxSize:5,"aria-hidden":"true"}),onClick:m,"aria-label":c?"Collapse Menu":"Expand Menu",title:c?"Collapse":"Expand",size:{base:"sm",xl:"md"},"aria-expanded":c,"aria-controls":"m-nav-sub-items",width:"100%",isActive:c,_focus:c?{backgroundColor:"buttonPrimaryBackground",color:"buttonPrimaryText"}:{backgroundColor:"buttonSecondaryBackground",outlineColor:"buttonSecondaryBorder",color:"buttonSecondaryText"},_active:{backgroundColor:"buttonPrimaryBackground",color:"buttonPrimaryText"},children:"Menu"})}),e(d,{width:{base:"100%",sm:"unset"},children:u?e(y,{as:h,width:{base:"100%",sm:"unset"}}):p&&e(L,{as:h,href:p,prefetch:!1,children:b||"Donate"})})]})})}),z=i=>{const{links:a,nextLink:o,donateCtaLink:r,donateCtaText:l,showSearch:d,...m}=i,h=s(),x=b.useRef(null),{isOpen:k,onToggle:g}=u();return p({ref:x,handler:()=>k&&g()}),n(t,{ref:x,flexDirection:"column",...m,children:[e(I,{isOpen:k,onToggle:g,nextLink:o,donateCtaLink:r,donateCtaText:l,showSearch:d}),e(T,{links:a}),e(c,{in:k,transition:{exit:{duration:h?0:C},enter:{duration:h?0:C}},children:e(D,{links:a,nextLink:o,onMobileMenuToggle:g})})]})},M=o((i,a)=>{const{links:o,environment:l,nextLink:s,logo:d,secondaryLogo:c,donateCtaVisible:u,donateCtaLink:p,donateCtaText:b,showSearch:x=!0,...k}=i;return n(t,{ref:a,flexDirection:"column",borderBottom:{base:"0.25rem black solid",xl:"none"},...k,children:[n(r,{as:t,flexDirection:"row",alignItems:"center",children:[n(t,{pos:"relative",my:{base:5,md:10},gap:6,children:[n(f,{href:d?.link,title:d?.alt,children:[e(g,{alt:d?.alt,src:d?.src,height:d?.height,width:d?.width,htmlWidth:d?.htmlWidth,htmlHeight:d?.htmlHeight,objectFit:"contain",loading:d?.loading||"lazy"}),l&&e(m,{position:"absolute",bg:"orange",p:{base:0,md:1},left:{base:"60px",md:"120px"},top:{base:"35px",md:"70px"},transform:"rotate(-15deg)",children:e(v,{size:{base:"xs",md:"md"},variant:"bold",children:l})})]}),c]}),e(h,{}),n(t,{direction:"row",gap:4,ml:4,children:[x&&e(y,{as:s,display:{base:"none",xl:"block"}}),(u||p)&&e(L,{as:s,display:x?"block":{base:"none",xl:"block"},href:p,prefetch:!1,children:b||"Donate"})]})]}),e(z,{links:o,nextLink:s,donateCtaLink:p,donateCtaText:b,showSearch:x})]})});M.displayName="Navigation";export{M as Navigation};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Navigation/index.tsx"],"sourcesContent":[null],"names":["collapseAnimationSpeed","SearchButton","forwardRef","props","ref","_jsx","Button","variant","size","base","xl","href","children","DonateButton","MobileNavigationItem","menuHeading","menuHeadingIndex","nextLink","isOpen","onToggle","useDisclosure","prefersReducedMotion","usePrefersReducedMotion","hasChildren","links","length","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Navigation/index.tsx"],"sourcesContent":[null],"names":["collapseAnimationSpeed","SearchButton","forwardRef","props","ref","_jsx","Button","variant","size","base","xl","href","children","DonateButton","MobileNavigationItem","menuHeading","menuHeadingIndex","nextLink","onMobileMenuToggle","isOpen","onToggle","useDisclosure","prefersReducedMotion","usePrefersReducedMotion","hasChildren","links","length","_jsxs","Flex","as","ListItem","flexDirection","undefined","rightIcon","ChevronUpIcon","ChevronDownIcon","boxSize","onClick","e","preventDefault","width","displayName","Collapse","id","in","transition","exit","duration","enter","List","p","gap","Link","color","_visited","_hover","map","child","childIndex","position","fontSize","MobileNavigation","menuHeadings","rest","mb","display","Container","DesktopNavigation","navItemHovered","setNavItemHovered","useState","onMouseLeave","pb","justifyContent","padding","onMouseEnter","onKeyDown","event","code","document","getElementById","focus","tabIndex","bg","mt","borderBottom","zIndex","menuItem","menuItemIndex","flexGrow","flexBasis","pl","pr","maxWidth","spacing","subElement","subElementIndex","NavigationControls","showSearch","donateCtaLink","donateCtaText","sm","title","isActive","_focus","backgroundColor","outlineColor","_active","prefetch","NavigationLinks","React","useRef","useOutsideClick","handler","Navigation","environment","logo","secondaryLogo","donateCtaVisible","alignItems","pos","my","md","link","alt","Image","src","height","htmlWidth","htmlHeight","objectFit","loading","Box","left","top","transform","Text","Spacer","direction","ml"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineStyleConfig as e}from"@chakra-ui/react";const t=e({baseStyle:{},variants:{momentContainer:{display:"flex",flexDirection:{base:"column
|
|
1
|
+
import{defineStyleConfig as e}from"@chakra-ui/react";const t=e({baseStyle:{},variants:{momentContainer:{display:"flex",flexDirection:{base:"column",lg:"row"}},momentInnerContainer:{display:"flex",position:{base:"relative",lg:"static"},bottom:"-1rem"},imgTextContainer:{display:"flex",flexDirection:{base:"column"},justifyContent:{base:"flex-end",xl:"center",lg:"flex-start"}},circleContainer:{right:{base:"-5%",sm:"-5%",lg:"20%"},'&[data-has-image="false"]':{right:0},top:{base:"10%"},position:"relative"},textContainer:{marginBottom:{base:"1rem",lg:"0"},marginTop:{base:"1rem",lg:"4rem"},position:{base:"relative",lg:"static"},marginLeft:{base:"4rem",sm:"4rem",lg:"2rem"},width:{base:"200px",sm:"200px",md:"300px",lg:"unset"}}}});export{t as default};
|
|
2
2
|
//# sourceMappingURL=circleDevice.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circleDevice.js","sources":["../../../../../src/theme/cruk/components/circleDevice.ts"],"sourcesContent":[null],"names":["circleDeviceTheme","defineStyleConfig","baseStyle","variants","momentContainer","display","flexDirection","base","lg","momentInnerContainer","position","bottom","imgTextContainer","justifyContent","circleContainer","right","sm","top","textContainer","marginBottom","marginTop","marginLeft","width","md"],"mappings":"qDAEA,MAAMA,EAAoBC,EAAkB,CAC1CC,UAAW,CAAA,EACXC,SAAU,CACRC,gBAAiB,CACfC,QAAS,OACTC,cAAe,CACbC,KAAM,
|
|
1
|
+
{"version":3,"file":"circleDevice.js","sources":["../../../../../src/theme/cruk/components/circleDevice.ts"],"sourcesContent":[null],"names":["circleDeviceTheme","defineStyleConfig","baseStyle","variants","momentContainer","display","flexDirection","base","lg","momentInnerContainer","position","bottom","imgTextContainer","justifyContent","xl","circleContainer","right","sm","top","textContainer","marginBottom","marginTop","marginLeft","width","md"],"mappings":"qDAEA,MAAMA,EAAoBC,EAAkB,CAC1CC,UAAW,CAAA,EACXC,SAAU,CACRC,gBAAiB,CACfC,QAAS,OACTC,cAAe,CACbC,KAAM,SACNC,GAAI,QAGRC,qBAAsB,CACpBJ,QAAS,OACTK,SAAU,CAAEH,KAAM,WAAYC,GAAI,UAClCG,OAAQ,SAGVC,iBAAkB,CAChBP,QAAS,OACTC,cAAe,CACbC,KAAM,UAERM,eAAgB,CACdN,KAAM,WACNO,GAAI,SACJN,GAAI,eAIRO,gBAAiB,CACfC,MAAO,CACLT,KAAM,MACNU,GAAI,MACJT,GAAI,OAEN,4BAA6B,CAC3BQ,MAAO,GAETE,IAAK,CACHX,KAAM,OAERG,SAAU,YAEZS,cAAe,CACbC,aAAc,CAAEb,KAAM,OAAQC,GAAI,KAClCa,UAAW,CAAEd,KAAM,OAAQC,GAAI,QAC/BE,SAAU,CAAEH,KAAM,WAAYC,GAAI,UAClCc,WAAY,CAAEf,KAAM,OAAQU,GAAI,OAAQT,GAAI,QAC5Ce,MAAO,CACLhB,KAAM,QACNU,GAAI,QACJO,GAAI,QACJhB,GAAI"}
|
package/dist/index.d.ts
CHANGED
|
@@ -160,7 +160,8 @@ type ImageProps = {
|
|
|
160
160
|
type CircleDeviceProps = GridProps & {
|
|
161
161
|
heading?: HeadingProps;
|
|
162
162
|
description?: React.ReactElement | string;
|
|
163
|
-
image
|
|
163
|
+
image?: ImageProps;
|
|
164
|
+
colorVariant?: string;
|
|
164
165
|
};
|
|
165
166
|
declare const CircleDevice: _chakra_ui_react.ComponentWithAs<"div", CircleDeviceProps>;
|
|
166
167
|
|