@cruk/cruk-react-components 4.0.0 → 4.0.2

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.
@@ -1,2 +1,2 @@
1
- import o from"../themes/cruk.js";import n from"../themes/su2c.js";import t from"../themes/bowelbabe.js";var f=function(o){return o.map((function(o){return"\n @font-face {\n font-family: ".concat(o.family,";\n src: ").concat((null==o?void 0:o.urlWoff2)?'url("'.concat(o.urlWoff2,"\") format('woff2')"):"").concat(o.urlWoff&&(null==o?void 0:o.urlWoff2)?", ":"","\n ").concat((null==o?void 0:o.urlWoff)?'url("'.concat(o.urlWoff,"\") format('woff')"):"",";\n font-weight: normal;\n font-style: normal;\n font-display: fallback;\n }\n ")})).join("")},r="\n".concat(f(o.typography.customFonts),"\n").concat(f(n.typography.customFonts),"\n").concat(f(t.typography.customFonts),"\n");export{r as default,r as fontFaceStyleString};
1
+ import o from"../themes/cruk.js";import n from"../themes/su2c.js";import t from"../themes/bowelbabe.js";var f=function(o){return o.map((function(o){return"\n @font-face {\n font-family: ".concat(o.family,";\n src: ").concat((null==o?void 0:o.urlWoff2)?'url("'.concat(o.urlWoff2,"\") format('woff2')"):"").concat(o.urlWoff&&(null==o?void 0:o.urlWoff2)?", ":"","\n ").concat((null==o?void 0:o.urlWoff)?'url("'.concat(o.urlWoff,"\") format('woff')"):"",";\n font-weight: ").concat(o.fontWeight||"normal",";\n font-style: normal;\n font-display: fallback;\n }\n ")})).join("")},c="\n".concat(f(o.typography.customFonts),"\n").concat(f(n.typography.customFonts),"\n").concat(f(t.typography.customFonts),"\n");export{c as default,c as fontFaceStyleString};
2
2
  //# sourceMappingURL=Fontface.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as n,__assign as o}from"../../_virtual/_tslib.js";import{createGlobalStyle as t,withTheme as e}from"styled-components";import i from"../themes/cruk.js";var r=t(a||(a=n(["\n ","\n *, *:after, *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n \n @media (prefers-reduced-motion: reduce) {\n *, *:after, *:before {\n animation-play-state: paused !important;\n animation-direction: reverse !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n }\n\n table, td, th {\n border-spacing: 0;\n border: 1px solid #ccc;\n padding: 10px;\n }\n .no-focus-outline a:focus,\n .no-focus-outline button:focus {\n outline: none;\n }\n img {\n width: 100%;\n height: auto;\n }\n section {\n width: 100%;\n }\n button {\n font-size: 1em;\n }\n"],["\n ","\n *, *:after, *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n \n @media (prefers-reduced-motion: reduce) {\n *, *:after, *:before {\n animation-play-state: paused !important;\n animation-direction: reverse !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n }\n\n table, td, th {\n border-spacing: 0;\n border: 1px solid #ccc;\n padding: 10px;\n }\n .no-focus-outline a:focus,\n .no-focus-outline button:focus {\n outline: none;\n }\n img {\n width: 100%;\n height: auto;\n }\n section {\n width: 100%;\n }\n button {\n font-size: 1em;\n }\n"])),(function(n){var t,e=o(o({},i),n.theme);return"\n ".concat((t=e.typography.customFonts,t.map((function(n){return"\n @font-face {\n font-family: ".concat(n.family,";\n src: ").concat((null==n?void 0:n.urlWoff2)?'url("'.concat(n.urlWoff2,"\") format('woff2')"):"").concat(n.urlWoff&&(null==n?void 0:n.urlWoff2)?", ":"","\n ").concat((null==n?void 0:n.urlWoff)?'url("'.concat(n.urlWoff,"\") format('woff')"):"",";\n font-weight: ").concat(null==n?void 0:n.fontWeight,";\n font-style: normal;\n font-display: fallback;\n }\n ")})).join("")),"\n html {\n font-size: ").concat(e.typography.fontSizeBase,";\n font-family: ").concat(e.typography.fontFamilyBase,";\n line-height: ").concat(e.typography.lineHeight,";\n }\n body {\n background-color: ").concat(e.colors.backgroundMid,";\n color: ").concat(e.colors.textDark,";\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n -webkit-text-size-adjust: 100%;\n -moz-text-size-adjust: none;\n -ms-text-size-adjust: 100%;\n }\n ")}));r.defaultProps={theme:i};var a,c=e(r);export{c as default};
1
+ import{__makeTemplateObject as n,__assign as o}from"../../_virtual/_tslib.js";import{createGlobalStyle as t,withTheme as e}from"styled-components";import i from"../themes/cruk.js";var r=t(a||(a=n(["\n ","\n *, *:after, *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n \n @media (prefers-reduced-motion: reduce) {\n *, *:after, *:before {\n animation-play-state: paused !important;\n animation-direction: reverse !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n }\n\n table, td, th {\n border-spacing: 0;\n border: 1px solid #ccc;\n padding: 10px;\n }\n .no-focus-outline a:focus,\n .no-focus-outline button:focus {\n outline: none;\n }\n img {\n width: 100%;\n height: auto;\n }\n section {\n width: 100%;\n }\n button {\n font-size: 1em;\n }\n"],["\n ","\n *, *:after, *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n \n @media (prefers-reduced-motion: reduce) {\n *, *:after, *:before {\n animation-play-state: paused !important;\n animation-direction: reverse !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n }\n\n table, td, th {\n border-spacing: 0;\n border: 1px solid #ccc;\n padding: 10px;\n }\n .no-focus-outline a:focus,\n .no-focus-outline button:focus {\n outline: none;\n }\n img {\n width: 100%;\n height: auto;\n }\n section {\n width: 100%;\n }\n button {\n font-size: 1em;\n }\n"])),(function(n){var t,e=o(o({},i),n.theme);return"\n ".concat((t=e.typography.customFonts,t.map((function(n){return"\n @font-face {\n font-family: ".concat(n.family,";\n src: ").concat((null==n?void 0:n.urlWoff2)?'url("'.concat(n.urlWoff2,"\") format('woff2')"):"").concat(n.urlWoff&&(null==n?void 0:n.urlWoff2)?", ":"","\n ").concat((null==n?void 0:n.urlWoff)?'url("'.concat(n.urlWoff,"\") format('woff')"):"",";\n font-weight: ").concat(null==n?void 0:n.fontWeight,";\n font-style: normal;\n font-display: fallback;\n }\n ")})).join("")),"\n html {\n font-size: ").concat(e.typography.fontSizeBase,";\n font-family: ").concat(e.typography.fontFamilyBase,";\n line-height: ").concat(e.typography.lineHeight,";\n }\n body {\n background-color: ").concat(e.colors.backgroundMidLight,";\n color: ").concat(e.colors.textDark,";\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n -webkit-text-size-adjust: 100%;\n -moz-text-size-adjust: none;\n -ms-text-size-adjust: 100%;\n }\n ")}));r.defaultProps={theme:i};var a,c=e(r);export{c as default};
2
2
  //# sourceMappingURL=GlobalStyle.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as n,__assign as o}from"../../_virtual/_tslib.js";import{createGlobalStyle as t,withTheme as e}from"styled-components";import i from"../themes/cruk.js";var r=t(a||(a=n(["\n ","\n *, *:after, *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n \n @media (prefers-reduced-motion: reduce) {\n *, *:after, *:before {\n animation-play-state: paused !important;\n animation-direction: reverse !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n }\n\n table, td, th {\n border-spacing: 0;\n border: 1px solid #ccc;\n padding: 10px;\n }\n .no-focus-outline a:focus,\n .no-focus-outline button:focus {\n outline: none;\n }\n img {\n width: 100%;\n height: auto;\n }\n section {\n width: 100%;\n }\n button {\n font-size: 1em;\n }\n"],["\n ","\n *, *:after, *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n \n @media (prefers-reduced-motion: reduce) {\n *, *:after, *:before {\n animation-play-state: paused !important;\n animation-direction: reverse !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n }\n\n table, td, th {\n border-spacing: 0;\n border: 1px solid #ccc;\n padding: 10px;\n }\n .no-focus-outline a:focus,\n .no-focus-outline button:focus {\n outline: none;\n }\n img {\n width: 100%;\n height: auto;\n }\n section {\n width: 100%;\n }\n button {\n font-size: 1em;\n }\n"])),(function(n){var t=o(o({},i),n.theme);return"\n html {\n font-size: ".concat(t.typography.fontSizeBase,";\n font-family: ").concat(t.typography.fontFamilyBase,";\n line-height: ").concat(t.typography.lineHeight,";\n }\n body {\n background-color: ").concat(t.colors.backgroundMid,";\n color: ").concat(t.colors.textDark,";\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n -webkit-text-size-adjust: 100%;\n -moz-text-size-adjust: none;\n -ms-text-size-adjust: 100%;\n }\n ")}));r.defaultProps={theme:i};var a,s=e(r);export{s as default};
1
+ import{__makeTemplateObject as n,__assign as o}from"../../_virtual/_tslib.js";import{createGlobalStyle as t,withTheme as e}from"styled-components";import i from"../themes/cruk.js";var r=t(a||(a=n(["\n ","\n *, *:after, *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n \n @media (prefers-reduced-motion: reduce) {\n *, *:after, *:before {\n animation-play-state: paused !important;\n animation-direction: reverse !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n }\n\n table, td, th {\n border-spacing: 0;\n border: 1px solid #ccc;\n padding: 10px;\n }\n .no-focus-outline a:focus,\n .no-focus-outline button:focus {\n outline: none;\n }\n img {\n width: 100%;\n height: auto;\n }\n section {\n width: 100%;\n }\n button {\n font-size: 1em;\n }\n"],["\n ","\n *, *:after, *:before {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n \n @media (prefers-reduced-motion: reduce) {\n *, *:after, *:before {\n animation-play-state: paused !important;\n animation-direction: reverse !important;\n transition: none !important;\n scroll-behavior: auto !important;\n }\n }\n\n table, td, th {\n border-spacing: 0;\n border: 1px solid #ccc;\n padding: 10px;\n }\n .no-focus-outline a:focus,\n .no-focus-outline button:focus {\n outline: none;\n }\n img {\n width: 100%;\n height: auto;\n }\n section {\n width: 100%;\n }\n button {\n font-size: 1em;\n }\n"])),(function(n){var t=o(o({},i),n.theme);return"\n html {\n font-size: ".concat(t.typography.fontSizeBase,";\n font-family: ").concat(t.typography.fontFamilyBase,";\n line-height: ").concat(t.typography.lineHeight,";\n }\n body {\n background-color: ").concat(t.colors.backgroundMidLight,";\n color: ").concat(t.colors.textDark,";\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n -webkit-text-size-adjust: 100%;\n -moz-text-size-adjust: none;\n -ms-text-size-adjust: 100%;\n }\n ")}));r.defaultProps={theme:i};var a,s=e(r);export{s as default};
2
2
  //# sourceMappingURL=GlobalStyleNoFontFace.js.map
@@ -1,2 +1,2 @@
1
- import{__rest as t,__assign as e}from"../../../_virtual/_tslib.js";import o,{forwardRef as r}from"react";import{useTheme as i}from"styled-components";import n from"../../themes/cruk.js";import m from"../Box/index.js";import{Text as l}from"../Text/index.js";import a from"../Heading/index.js";import{StyledInfoBox as s}from"./styles.js";var c=r((function(r,c){var x=r.children,d=r.titleText,p=r.titleTextColor,f=r.descriptionText,g=r.descriptionTextColor,C=r.icon,T=t(r,["children","titleText","titleTextColor","descriptionText","descriptionTextColor","icon"]),u=i(),h=e(e({},n),u),j=T.backgroundColor||h.tokenColors.grey_100;return o.createElement(s,e({theme:h},T,{backgroundColor:j,margin:T.margin||"none",ref:c}),C&&o.createElement(m,{marginRight:"s"},C),o.createElement("div",null,d&&o.createElement(a,{as:"p",margin:"none",h4:!0,marginBottom:"xxs",textColor:p||h.colors.textDark},d),f&&o.createElement(l,{textColor:g||h.colors.textDark,marginBottom:"none"},f),x))}));export{c as default};
1
+ import{__rest as t,__assign as e}from"../../../_virtual/_tslib.js";import o,{forwardRef as r}from"react";import{useTheme as i}from"styled-components";import n from"../../themes/cruk.js";import m from"../Box/index.js";import{Text as l}from"../Text/index.js";import a from"../Heading/index.js";import{StyledInfoBox as s}from"./styles.js";var c=r((function(r,c){var x=r.children,d=r.titleText,p=r.titleTextColor,f=r.descriptionText,g=r.descriptionTextColor,C=r.icon,T=t(r,["children","titleText","titleTextColor","descriptionText","descriptionTextColor","icon"]),u=i(),h=e(e({},n),u),j=T.backgroundColor||h.tokenColors.grey_200;return o.createElement(s,e({theme:h},T,{backgroundColor:j,margin:T.margin||"none",ref:c}),C&&o.createElement(m,{marginRight:"s"},C),o.createElement("div",null,d&&o.createElement(a,{as:"p",margin:"none",h4:!0,marginBottom:"xxs",textColor:p||h.colors.textDark},d),f&&o.createElement(l,{textColor:g||h.colors.textDark,marginBottom:"none"},f),x))}));export{c as default};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as n}from"../../../_virtual/_tslib.js";import t,{css as o,keyframes as e}from"styled-components";var r,i,s,a,c,h,d,l,p,u,f,g,b,x,m,k="16px",w=function(t){var o=t.strokeDashoffsetInit,i=t.strokeDashoffset;return e(r||(r=n(["\n 0% {\n stroke-dashoffset: "," ;\n }\n 50% {\n stroke-dashoffset: "," ;\n }\n 100% {\n stroke-dashoffset: "," ;\n }\n"],["\n 0% {\n stroke-dashoffset: "," ;\n }\n 50% {\n stroke-dashoffset: "," ;\n }\n 100% {\n stroke-dashoffset: "," ;\n }\n"])),o,i,i)},y=function(t){var o=t.strokeDashoffsetInit,r=t.strokeDashoffset;return e(i||(i=n(["\n 0% {\n stroke-dashoffset: "," ;\n }\n 100% {\n stroke-dashoffset: "," ;\n }\n"],["\n 0% {\n stroke-dashoffset: "," ;\n }\n 100% {\n stroke-dashoffset: "," ;\n }\n"])),o,r)},v=function(){return e(s||(s=n(["\n 0% {\n width: 0px;\n height: 0px;\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n width: 64px;\n height: 64px;\n right: -32px;\n }\n"],["\n 0% {\n width: 0px;\n height: 0px;\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n width: 64px;\n height: 64px;\n right: -32px;\n }\n"])))},S=function(){return e(a||(a=n(["\n 0% {\n transform: scale(1);\n border-radius: 0px;\n\n }\n 50% {\n transform:scale(1.025);\n }\n 100% {\n transform: scale(1);\n border-radius: 0px;\n }\n"],["\n 0% {\n transform: scale(1);\n border-radius: 0px;\n\n }\n 50% {\n transform:scale(1.025);\n }\n 100% {\n transform: scale(1);\n border-radius: 0px;\n }\n"])))},z=t.div(c||(c=n(["\n margin-top: ",";\n"],["\n margin-top: ",";\n"])),k),B=t.div(d||(d=n(["\n position: relative;\n height: ",";\n margin-bottom: 0;\n background-color: ",";\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n\n ","\n"],["\n position: relative;\n height: ",";\n margin-bottom: 0;\n background-color: ",";\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n\n ","\n"])),k,(function(n){return n.theme.colors.progressBarBackground}),(function(t){var e=t.percentage,r=t.secondaryPercentage;return(100===e||100===r)&&o(h||(h=n(["\n animation: "," 0.3s 0.5s 1 ease-out;\n "],["\n animation: "," 0.3s 0.5s 1 ease-out;\n "])),S)})),D=t.div(p||(p=n(["\n position: absolute;\n left: 0;\n height: ",";\n background-color: ",";\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n transition: width 0.6s ease;\n width: ",'%;\n\n &::before {\n content: "";\n display: inline-block;\n position: absolute;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: 0px;\n height: 0px;\n border-radius: 50%;\n opacity: 0;\n filter: blur(2px);\n background-color: ',";\n\n ","\n }\n"],["\n position: absolute;\n left: 0;\n height: ",";\n background-color: ",";\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n transition: width 0.6s ease;\n width: ",'%;\n\n &::before {\n content: "";\n display: inline-block;\n position: absolute;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: 0px;\n height: 0px;\n border-radius: 50%;\n opacity: 0;\n filter: blur(2px);\n background-color: ',";\n\n ","\n }\n"])),k,(function(n){var t=n.barColor,o=n.isSecondary,e=n.theme.colors,r=e.progressBar,i=e.progressBarSecondary;return t||o?i:r}),(function(n){return n.percentage}),(function(n){var t=n.barColor,o=n.isSecondary,e=n.theme.colors,r=e.progressBar,i=e.progressBarSecondary;return t||o?i:r}),(function(t){return 100===t.percentage&&o(l||(l=n(["\n animation: "," 0.33s 0.75s 3 ease-in;\n "],["\n animation: "," 0.33s 0.75s 3 ease-in;\n "])),v)})),C=t.span(u||(u=n(["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n"],["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n"]))),j=t.div(f||(f=n(["\n position: relative;\n width: ",";\n height: ",";\n background: none;\n margin: 0 auto;\n box-shadow: none;\n"],["\n position: relative;\n width: ",";\n height: ",";\n background: none;\n margin: 0 auto;\n box-shadow: none;\n"])),(function(n){return n.circleSize}),(function(n){return n.circleSize})),P=t.svg(g||(g=n(["\n position: absolute;\n transform: rotate(-90deg);\n fill: none;\n stroke-linecap: round;\n width: 100%;\n height: 100%;\n"],["\n position: absolute;\n transform: rotate(-90deg);\n fill: none;\n stroke-linecap: round;\n width: 100%;\n height: 100%;\n"]))),_=t.circle(b||(b=n(["\n stroke: ",";\n"],["\n stroke: ",";\n"])),(function(n){return n.theme.tokenColors.grey_100})),I=t.circle(x||(x=n(["\n stroke: ",";\n animation: ","\n 1s linear;\n"],["\n stroke: ",";\n animation: ","\n 1s linear;\n"])),(function(n){var t=n.isSecondary,o=n.barColor,e=n.theme.colors,r=e.circularProgress,i=e.circularProgressSecondary;return o||t?i:r}),(function(n){return n.isSecondary?y:w})),q=t.div(m||(m=n(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n z-index: 2;\n font-size: ",";\n line-height: ",";\n text-align: center;\n height: 100%;\n color: ",";\n"],["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n z-index: 2;\n font-size: ",";\n line-height: ",";\n text-align: center;\n height: 100%;\n color: ",";\n"])),(function(n){return n.theme.fontSizes.l}),(function(n){return n.theme.fontSizes.l}),(function(n){return n.theme.colors.textDark}));export{P as CircleSvg,q as CircularValue,j as CircularWrapper,_ as EmptyCircle,I as FullCircle,D as LineProgressBar,B as LineProgressBarWrapper,z as ProgressBarWrapper,C as ScreenReaderOnly};
1
+ import{__makeTemplateObject as n}from"../../../_virtual/_tslib.js";import t,{css as o,keyframes as e}from"styled-components";var r,i,s,a,c,h,d,l,p,u,f,g,b,x,m,k="16px",w=function(t){var o=t.strokeDashoffsetInit,i=t.strokeDashoffset;return e(r||(r=n(["\n 0% {\n stroke-dashoffset: "," ;\n }\n 50% {\n stroke-dashoffset: "," ;\n }\n 100% {\n stroke-dashoffset: "," ;\n }\n"],["\n 0% {\n stroke-dashoffset: "," ;\n }\n 50% {\n stroke-dashoffset: "," ;\n }\n 100% {\n stroke-dashoffset: "," ;\n }\n"])),o,i,i)},y=function(t){var o=t.strokeDashoffsetInit,r=t.strokeDashoffset;return e(i||(i=n(["\n 0% {\n stroke-dashoffset: "," ;\n }\n 100% {\n stroke-dashoffset: "," ;\n }\n"],["\n 0% {\n stroke-dashoffset: "," ;\n }\n 100% {\n stroke-dashoffset: "," ;\n }\n"])),o,r)},v=function(){return e(s||(s=n(["\n 0% {\n width: 0px;\n height: 0px;\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n width: 64px;\n height: 64px;\n right: -32px;\n }\n"],["\n 0% {\n width: 0px;\n height: 0px;\n opacity: 0;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0;\n width: 64px;\n height: 64px;\n right: -32px;\n }\n"])))},S=function(){return e(a||(a=n(["\n 0% {\n transform: scale(1);\n border-radius: 0px;\n\n }\n 50% {\n transform:scale(1.025);\n }\n 100% {\n transform: scale(1);\n border-radius: 0px;\n }\n"],["\n 0% {\n transform: scale(1);\n border-radius: 0px;\n\n }\n 50% {\n transform:scale(1.025);\n }\n 100% {\n transform: scale(1);\n border-radius: 0px;\n }\n"])))},z=t.div(c||(c=n(["\n margin-top: ",";\n"],["\n margin-top: ",";\n"])),k),B=t.div(d||(d=n(["\n position: relative;\n height: ",";\n margin-bottom: 0;\n background-color: ",";\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n\n ","\n"],["\n position: relative;\n height: ",";\n margin-bottom: 0;\n background-color: ",";\n box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n\n ","\n"])),k,(function(n){return n.theme.colors.progressBarBackground}),(function(t){var e=t.percentage,r=t.secondaryPercentage;return(100===e||100===r)&&o(h||(h=n(["\n animation: "," 0.3s 0.5s 1 ease-out;\n "],["\n animation: "," 0.3s 0.5s 1 ease-out;\n "])),S)})),D=t.div(p||(p=n(["\n position: absolute;\n left: 0;\n height: ",";\n background-color: ",";\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n transition: width 0.6s ease;\n width: ",'%;\n\n &::before {\n content: "";\n display: inline-block;\n position: absolute;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: 0px;\n height: 0px;\n border-radius: 50%;\n opacity: 0;\n filter: blur(2px);\n background-color: ',";\n\n ","\n }\n"],["\n position: absolute;\n left: 0;\n height: ",";\n background-color: ",";\n box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n transition: width 0.6s ease;\n width: ",'%;\n\n &::before {\n content: "";\n display: inline-block;\n position: absolute;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n width: 0px;\n height: 0px;\n border-radius: 50%;\n opacity: 0;\n filter: blur(2px);\n background-color: ',";\n\n ","\n }\n"])),k,(function(n){var t=n.barColor,o=n.isSecondary,e=n.theme.colors,r=e.progressBar,i=e.progressBarSecondary;return t||o?i:r}),(function(n){return n.percentage}),(function(n){var t=n.barColor,o=n.isSecondary,e=n.theme.colors,r=e.progressBar,i=e.progressBarSecondary;return t||o?i:r}),(function(t){return 100===t.percentage&&o(l||(l=n(["\n animation: "," 0.33s 0.75s 3 ease-in;\n "],["\n animation: "," 0.33s 0.75s 3 ease-in;\n "])),v)})),C=t.span(u||(u=n(["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n"],["\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n border: 0;\n"]))),j=t.div(f||(f=n(["\n position: relative;\n width: ",";\n height: ",";\n background: none;\n margin: 0 auto;\n box-shadow: none;\n"],["\n position: relative;\n width: ",";\n height: ",";\n background: none;\n margin: 0 auto;\n box-shadow: none;\n"])),(function(n){return n.circleSize}),(function(n){return n.circleSize})),P=t.svg(g||(g=n(["\n position: absolute;\n transform: rotate(-90deg);\n fill: none;\n stroke-linecap: round;\n width: 100%;\n height: 100%;\n"],["\n position: absolute;\n transform: rotate(-90deg);\n fill: none;\n stroke-linecap: round;\n width: 100%;\n height: 100%;\n"]))),_=t.circle(b||(b=n(["\n stroke: ",";\n"],["\n stroke: ",";\n"])),(function(n){return n.theme.tokenColors.grey_200})),I=t.circle(x||(x=n(["\n stroke: ",";\n animation: ","\n 1s linear;\n"],["\n stroke: ",";\n animation: ","\n 1s linear;\n"])),(function(n){var t=n.isSecondary,o=n.barColor,e=n.theme.colors,r=e.circularProgress,i=e.circularProgressSecondary;return o||t?i:r}),(function(n){return n.isSecondary?y:w})),q=t.div(m||(m=n(["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n z-index: 2;\n font-size: ",";\n line-height: ",";\n text-align: center;\n height: 100%;\n color: ",";\n"],["\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n z-index: 2;\n font-size: ",";\n line-height: ",";\n text-align: center;\n height: 100%;\n color: ",";\n"])),(function(n){return n.theme.fontSizes.l}),(function(n){return n.theme.fontSizes.l}),(function(n){return n.theme.colors.textDark}));export{P as CircleSvg,q as CircularValue,j as CircularWrapper,_ as EmptyCircle,I as FullCircle,D as LineProgressBar,B as LineProgressBarWrapper,z as ProgressBarWrapper,C as ScreenReaderOnly};
2
2
  //# sourceMappingURL=styles.js.map
@@ -1,2 +1,2 @@
1
- import{__assign as e}from"../../_virtual/_tslib.js";import r from"./cruk.js";var a=e({},r.utilities),o=e(e({},r.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/bowelbabe-logo-160.png",footerCopyText:"The Bowelbabe Fund for Cancer Research UK, raises money to fund clinical trials, research and cancer information and awareness, as well as other initiatives to combat cancer and support those affected by cancer. The Bowelbabe Fund is a restricted fund within Cancer Research UK. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247) and is registered with the Fundraising Regulator."}),t=e(e({},r.avatar),{path:"".concat(o.assetPath,"images/avatar/bowelbabe/")}),n=e(e({},r.button),{horizontalPadding:"1rem",borderRadius:"2em"}),b=e({},r.breakpoint),i=e(e({},r.tokenColors),{bbPurple:"#501e70",bbLightGreen:"#92ddcb",bbGreen:"#26bb98",bbPastelGreen:"#d4f1ea",bbPink:"#d81272",bbPastelPink:"#EB88B8",bbBlue:"#009ed1",bbTeal:"#005e85",bbYellow:"#e4b50b",bbPastelYellow:"#F1DA85"}),l=e(e({},r.colors),{primary:i.bbPurple,secondary:i.bbGreen,tertiary:i.bbTeal,textOnPrimary:i.white,textOnSecondary:i.bbPurple,textOnTertiary:i.white,warning:i.bbYellow,success:i.bbGreen,info:i.bbBlue,progressBar:i.bbLightGreen,progressBarSecondary:i.bbGreen,circularProgress:i.bbLightGreen,circularProgressSecondary:i.bbGreen,linkColor:i.bbPurple,linkColorHover:i.bbPink,linkColorSecondary:i.bbPurple,linkColorSecondaryHover:i.bbPink,backgroundLightColor:i.bbPastelGreen,collapseHeaderColor:i.bbPink,check:i.bbPurple,headerTaglineText:i.bbPurple,loaderColor1:i.bbPurple,loaderColor2:i.bbLightGreen,loaderColor3:i.bbPink,paginationText:i.bbPurple,paginationBackground:i.bbPurple,totaliserBubbleColor:i.bbPurple,totaliserBubbleTextColor:i.bbLightGreen,totaliserBubbleTotalColor:i.white,buttonPrimaryBackground:i.bbPastelYellow,buttonPrimaryText:i.bbPurple,buttonPrimaryBorder:i.bbPastelYellow,buttonPrimaryBackgroundHover:i.bbPastelPink,buttonPrimaryTextHover:i.bbPurple,buttonPrimaryBorderHover:i.bbPastelPink,buttonPrimaryDisabledBackground:i.grey_100,buttonPrimaryDisabledText:i.grey_800,buttonPrimaryDisabledBorder:i.grey_100,buttonSecondaryBackground:i.white,buttonSecondaryText:i.bbPurple,buttonSecondaryBorder:i.bbPastelYellow,buttonSecondaryBackgroundHover:i.bbPastelPink,buttonSecondaryTextHover:i.bbPurple,buttonSecondaryBorderHover:i.bbPastelYellow,buttonSecondaryDisabledBackground:i.grey_100,buttonSecondaryDisabledText:i.grey_800,buttonSecondaryDisabledBorder:i.grey_100,buttonTertiaryText:i.bbPurple,buttonTertiaryTextHover:i.bbPink,buttonTertiaryDisabledText:i.grey_100}),s=e({},r.spacing),u=e({},r.shadows),c=e({},r.fontSizes),d=e(e({},r.typography),{customFonts:[{family:"juana",urlWoff:"".concat(o.assetPath,"fonts/juana-semibold-webfont.woff"),urlWoff2:"".concat(o.assetPath,"fonts/juana-semibold-webfont.woff2"),fontWeight:600}],fontFamilyHeadings:"juana,Arial,sans-serif",fontFamilyLinks:"juana,Arial,sans-serif",fontFamilyButtons:"juana,Arial,sans-serif",fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyLabel:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontWeightBase:400,fontWeightLinks:600,fontWeightHeadings:600,fontWeightButtons:600,fontWeightLabels:600,LinkPrimaryTextDecoration:"none",LinkLetterSpacing:"0px"}),g={name:"bowelbabe",avatar:t,breakpoint:b,button:n,tokenColors:i,colors:l,spacing:s,fontSizes:c,siteConfig:o,typography:d,shadows:u,utilities:a};export{t as AVATAR,b as BREAKPOINT,n as BUTTON,l as COLORS,c as FONT_SIZES,u as SHADOWS,o as SITE_CONFIG,s as SPACING,i as TOKEN_COLORS,d as TYPOGRAPHY,a as UTILITIES,g as default};
1
+ import{__assign as e}from"../../_virtual/_tslib.js";import r from"./cruk.js";var a=e({},r.utilities),o=e(e({},r.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/bowelbabe-logo-160.png",footerCopyText:"The Bowelbabe Fund for Cancer Research UK, raises money to fund clinical trials, research and cancer information and awareness, as well as other initiatives to combat cancer and support those affected by cancer. The Bowelbabe Fund is a restricted fund within Cancer Research UK. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247) and is registered with the Fundraising Regulator."}),t=e(e({},r.avatar),{path:"".concat(o.assetPath,"images/avatar/bowelbabe/")}),n=e(e({},r.button),{horizontalPadding:"1rem",borderRadius:"2em"}),b=e({},r.breakpoint),i=e(e({},r.tokenColors),{bbPurple:"#501e70",bbLightGreen:"#92ddcb",bbGreen:"#26bb98",bbPastelGreen:"#d4f1ea",bbPink:"#d81272",bbPastelPink:"#EB88B8",bbBlue:"#009ed1",bbTeal:"#005e85",bbYellow:"#e4b50b",bbPastelYellow:"#F1DA85"}),l=e(e({},r.colors),{primary:i.bbPurple,secondary:i.bbGreen,tertiary:i.bbTeal,textOnPrimary:i.white,textOnSecondary:i.bbPurple,textOnTertiary:i.white,warning:i.bbYellow,success:i.bbGreen,info:i.bbBlue,progressBar:i.bbLightGreen,progressBarSecondary:i.bbGreen,circularProgress:i.bbLightGreen,circularProgressSecondary:i.bbGreen,linkColor:i.bbPurple,linkColorHover:i.bbPink,linkColorSecondary:i.bbPurple,linkColorSecondaryHover:i.bbPink,backgroundLightColor:i.bbPastelGreen,collapseHeaderColor:i.bbPink,check:i.bbPurple,headerTaglineText:i.bbPurple,loaderColor1:i.bbPurple,loaderColor2:i.bbLightGreen,loaderColor3:i.bbPink,paginationText:i.bbPurple,paginationBackground:i.bbPurple,totaliserBubbleColor:i.bbPurple,totaliserBubbleTextColor:i.bbLightGreen,totaliserBubbleTotalColor:i.white,buttonPrimaryBackground:i.bbPastelYellow,buttonPrimaryText:i.bbPurple,buttonPrimaryBorder:i.bbPastelYellow,buttonPrimaryBackgroundHover:i.bbPastelPink,buttonPrimaryTextHover:i.bbPurple,buttonPrimaryBorderHover:i.bbPastelPink,buttonPrimaryDisabledBackground:i.grey_200,buttonPrimaryDisabledText:i.grey_800,buttonPrimaryDisabledBorder:i.grey_200,buttonSecondaryBackground:i.white,buttonSecondaryText:i.bbPurple,buttonSecondaryBorder:i.bbPastelYellow,buttonSecondaryBackgroundHover:i.bbPastelPink,buttonSecondaryTextHover:i.bbPurple,buttonSecondaryBorderHover:i.bbPastelYellow,buttonSecondaryDisabledBackground:i.grey_200,buttonSecondaryDisabledText:i.grey_800,buttonSecondaryDisabledBorder:i.grey_200,buttonTertiaryText:i.bbPurple,buttonTertiaryTextHover:i.bbPink,buttonTertiaryDisabledText:i.grey_200}),s=e({},r.spacing),u=e({},r.shadows),c=e({},r.fontSizes),d=e(e({},r.typography),{customFonts:[{family:"juana",urlWoff:"".concat(o.assetPath,"fonts/juana-semibold-webfont.woff"),urlWoff2:"".concat(o.assetPath,"fonts/juana-semibold-webfont.woff2"),fontWeight:600}],fontFamilyHeadings:"juana,Arial,sans-serif",fontFamilyLinks:"juana,Arial,sans-serif",fontFamilyButtons:"juana,Arial,sans-serif",fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyLabel:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontWeightBase:400,fontWeightLinks:600,fontWeightHeadings:600,fontWeightButtons:600,fontWeightLabels:600,LinkPrimaryTextDecoration:"none",LinkLetterSpacing:"0px"}),g={name:"bowelbabe",avatar:t,breakpoint:b,button:n,tokenColors:i,colors:l,spacing:s,fontSizes:c,siteConfig:o,typography:d,shadows:u,utilities:a};export{t as AVATAR,b as BREAKPOINT,n as BUTTON,l as COLORS,c as FONT_SIZES,u as SHADOWS,o as SITE_CONFIG,s as SPACING,i as TOKEN_COLORS,d as TYPOGRAPHY,a as UTILITIES,g as default};
2
2
  //# sourceMappingURL=bowelbabe.js.map
@@ -1,2 +1,2 @@
1
- var e={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},r={assetPath:"https://rcl.assets.cancerresearchuk.org/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg",footerCopyText:"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).",footerLogoAlt:"Registered with Fundraising Regulator",footerLogoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png"},a={s:"32px",m:"48px",l:"64px",xl:"128px",path:"".concat(r.assetPath,"images/avatar/cruk2/")},t={borderRadius:"0px",borderRadiusLarge:"0px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none",horizontalPadding:"2em"},o={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},n={navy_100:"#E5E5FF",navy_600:"#00007E",navy_700:"#000066",navy_800:"#00004D",magenta_100:"#FFE6F3",magenta_600:"#FF0087",magenta_700:"#E60079",magenta_800:"#CC006C",cyan_600:"#009CEE",cyan_700:"#006DA7",grey_50:"#F5F5F5",grey_100:"#E6E6E6",grey_300:"#c6c6c6",grey_600:"#666666",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},i={primary:n.navy_600,secondary:n.magenta_700,tertiary:n.cyan_600,textOnPrimary:n.white,textOnSecondary:n.white,textOnTertiary:n.white,textHeaderDefault:n.black,disabled:n.grey_100,danger:n.red,warning:n.yellow,success:n.green,info:n.cyan_600,textError:n.red,textDark:n.black,textLight:n.white,linkColor:n.magenta_700,linkColorHover:n.magenta_800,linkColorSecondary:n.magenta_700,linkColorSecondaryHover:n.magenta_800,progressBar:n.navy_600,progressBarSecondary:n.magenta_700,progressBarBackground:n.grey_100,circularProgress:n.cyan_600,circularProgressSecondary:n.magenta_700,circularProgressBackground:n.grey_100,buttonPrimaryBackground:n.magenta_700,buttonPrimaryText:n.white,buttonPrimaryBorder:n.magenta_700,buttonPrimaryBackgroundHover:n.magenta_800,buttonPrimaryTextHover:n.white,buttonPrimaryBorderHover:n.magenta_800,buttonPrimaryDisabledBackground:n.grey_100,buttonPrimaryDisabledText:n.grey_600,buttonPrimaryDisabledBorder:n.grey_100,buttonSecondaryBackground:n.white,buttonSecondaryText:n.magenta_700,buttonSecondaryBorder:n.magenta_700,buttonSecondaryBackgroundHover:n.magenta_100,buttonSecondaryTextHover:n.magenta_700,buttonSecondaryBorderHover:n.magenta_100,buttonSecondaryDisabledBackground:n.grey_100,buttonSecondaryDisabledText:n.grey_600,buttonSecondaryDisabledBorder:n.grey_100,buttonTertiaryText:n.magenta_700,buttonTertiaryTextHover:n.magenta_800,buttonTertiaryDisabledText:n.grey_600,collapseHeaderColor:n.navy_600,selectionBorder:n.grey_600,textInputBorder:n.grey_900,inputBorder:n.grey_900,check:n.magenta_700,headerBackground:n.white,backgroundLight:n.white,backgroundLightColor:n.navy_100,backgroundMid:n.grey_100,loaderColor1:n.navy_600,loaderColor2:n.magenta_600,loaderColor3:n.cyan_600,paginationText:n.navy_600,paginationActive:n.grey_100,paginationBackground:n.navy_600,footerBackground:n.backgroundLight,headerBorder:n.grey_100,headerTaglineText:n.black,stepBorder:n.grey_100,stepBackground:n.white,popoverBackground:n.white,textInputExtraInfo:n.grey_100,totaliserBubbleColor:n.grey_100,totaliserBubbleTextColor:n.black,totaliserBubbleTotalColor:n.navy_600,selectBackground:n.black,modalBackdrop:n.black,userBlockExtraText:n.grey_800},s={none:"0",auto:"auto",xxs:"0.5rem",xs:"1rem",s:"1.5rem",m:"2rem",l:"2.5rem",xl:"3rem",xxl:"3.5rem"},g={xs:"0.75rem",s:"0.875rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},l={customFonts:[{family:"Progress",urlWoff:"".concat(r.assetPath,"fonts/Progress-Regular.woff"),fontWeight:400},{family:"Poppins",urlWoff:"".concat(r.assetPath,"fonts/Poppins-Light.woff2"),fontWeight:300},{family:"Poppins",urlWoff:"".concat(r.assetPath,"fonts/Poppins-Regular.woff2"),fontWeight:400},{family:"Poppins",urlWoff:"".concat(r.assetPath,"fonts/Poppins-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(r.assetPath,"fonts/Poppins-Medium.woff"),fontWeight:500}],fontFamilyBase:"Poppins,sans-serif",fontFamilyButtons:"Poppins,sans-serif",fontFamilyLinks:"Poppins,sans-serif",fontFamilyHeadings:"Progress,Arial,Helvetica,sans-serif",fontFamilyLabel:"Poppins,sans-serif",fontSizeBase:"16px",fontWeightBase:300,fontWeightHeadings:400,fontWeightLinks:700,fontWeightButtons:400,fontWeightLabels:400,fontWeightHeavy:700,fontWeightMedium:500,fontWeightNormal:400,fontWeightLight:300,fontWeightVLight:100,linkTextDecoration:"underline",LinkLetterSpacing:"0px",LinkPrimaryTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},c={s:"0px 0px 2px 1px ".concat(n.grey_300),m:"0px 0px 4px 1px ".concat(n.grey_300),l:"0px 0px 7px 1px ".concat(n.grey_300)},d={name:"cruk",avatar:a,breakpoint:o,button:t,tokenColors:n,colors:i,spacing:s,fontSizes:g,siteConfig:r,typography:l,shadows:c,utilities:e};export{a as AVATAR,o as BREAKPOINT,t as BUTTON,i as COLORS,g as FONT_SIZES,c as SHADOWS,r as SITE_CONFIG,s as SPACING,n as TOKEN_COLORS,l as TYPOGRAPHY,e as UTILITIES,d as default};
1
+ var e={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},r={assetPath:"https://rcl.assets.cancerresearchuk.org/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg",footerCopyText:"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).",footerLogoAlt:"Registered with Fundraising Regulator",footerLogoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png"},a={s:"32px",m:"48px",l:"64px",xl:"128px",path:"".concat(r.assetPath,"images/avatar/cruk2/")},t={borderRadius:"0px",borderRadiusLarge:"0px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none",horizontalPadding:"2em"},o={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},n={navy_100:"#E5E5FF",navy_600:"#00007E",navy_700:"#000066",navy_800:"#00004D",magenta_100:"#FFE6F3",magenta_600:"#FF0087",magenta_700:"#E60079",magenta_800:"#CC006C",cyan_600:"#009CEE",cyan_700:"#006DA7",grey_100:"#F2F2F2",grey_200:"#E6E6E6",grey_300:"#c6c6c6",grey_600:"#666666",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},i={primary:n.navy_600,secondary:n.magenta_700,tertiary:n.cyan_600,textOnPrimary:n.white,textOnSecondary:n.white,textOnTertiary:n.white,textHeaderDefault:n.black,disabled:n.grey_200,danger:n.red,warning:n.yellow,success:n.green,info:n.cyan_600,textError:n.red,textDark:n.black,textLight:n.white,linkColor:n.magenta_700,linkColorHover:n.magenta_800,linkColorSecondary:n.magenta_700,linkColorSecondaryHover:n.magenta_800,progressBar:n.navy_600,progressBarSecondary:n.magenta_700,progressBarBackground:n.grey_200,circularProgress:n.cyan_600,circularProgressSecondary:n.magenta_700,circularProgressBackground:n.grey_200,buttonPrimaryBackground:n.magenta_700,buttonPrimaryText:n.white,buttonPrimaryBorder:n.magenta_700,buttonPrimaryBackgroundHover:n.magenta_800,buttonPrimaryTextHover:n.white,buttonPrimaryBorderHover:n.magenta_800,buttonPrimaryDisabledBackground:n.grey_200,buttonPrimaryDisabledText:n.grey_600,buttonPrimaryDisabledBorder:n.grey_200,buttonSecondaryBackground:n.white,buttonSecondaryText:n.magenta_700,buttonSecondaryBorder:n.magenta_700,buttonSecondaryBackgroundHover:n.magenta_100,buttonSecondaryTextHover:n.magenta_700,buttonSecondaryBorderHover:n.magenta_100,buttonSecondaryDisabledBackground:n.grey_200,buttonSecondaryDisabledText:n.grey_600,buttonSecondaryDisabledBorder:n.grey_200,buttonTertiaryText:n.magenta_700,buttonTertiaryTextHover:n.magenta_800,buttonTertiaryDisabledText:n.grey_600,collapseHeaderColor:n.navy_600,selectionBorder:n.grey_600,textInputBorder:n.grey_900,inputBorder:n.grey_900,check:n.magenta_700,headerBackground:n.white,backgroundLight:n.white,backgroundLightColor:n.navy_100,backgroundMid:n.grey_200,backgroundMidLight:n.grey_100,loaderColor1:n.navy_600,loaderColor2:n.magenta_600,loaderColor3:n.cyan_600,paginationText:n.navy_600,paginationActive:n.grey_200,paginationBackground:n.navy_600,footerBackground:n.backgroundLight,headerBorder:n.grey_200,headerTaglineText:n.black,stepBorder:n.grey_200,stepBackground:n.white,popoverBackground:n.white,textInputExtraInfo:n.grey_200,totaliserBubbleColor:n.grey_200,totaliserBubbleTextColor:n.black,totaliserBubbleTotalColor:n.navy_600,selectBackground:n.black,modalBackdrop:n.black,userBlockExtraText:n.grey_800},s={none:"0",auto:"auto",xxs:"0.5rem",xs:"1rem",s:"1.5rem",m:"2rem",l:"2.5rem",xl:"3rem",xxl:"3.5rem"},g={xs:"0.75rem",s:"0.875rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},l={customFonts:[{family:"Progress",urlWoff:"".concat(r.assetPath,"fonts/Progress-Regular.woff"),fontWeight:400},{family:"Poppins",urlWoff:"".concat(r.assetPath,"fonts/Poppins-Light.woff2"),fontWeight:300},{family:"Poppins",urlWoff:"".concat(r.assetPath,"fonts/Poppins-Regular.woff2"),fontWeight:400},{family:"Poppins",urlWoff:"".concat(r.assetPath,"fonts/Poppins-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(r.assetPath,"fonts/Poppins-Medium.woff"),fontWeight:500}],fontFamilyBase:"Poppins,sans-serif",fontFamilyButtons:"Poppins,sans-serif",fontFamilyLinks:"Poppins,sans-serif",fontFamilyHeadings:"Progress,Arial,Helvetica,sans-serif",fontFamilyLabel:"Poppins,sans-serif",fontSizeBase:"16px",fontWeightBase:300,fontWeightHeadings:400,fontWeightLinks:700,fontWeightButtons:400,fontWeightLabels:400,fontWeightHeavy:700,fontWeightMedium:500,fontWeightNormal:400,fontWeightLight:300,fontWeightVLight:100,linkTextDecoration:"underline",LinkLetterSpacing:"0px",LinkPrimaryTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},c={s:"0px 0px 2px 1px ".concat(n.grey_300),m:"0px 0px 4px 1px ".concat(n.grey_300),l:"0px 0px 7px 1px ".concat(n.grey_300)},d={name:"cruk",avatar:a,breakpoint:o,button:t,tokenColors:n,colors:i,spacing:s,fontSizes:g,siteConfig:r,typography:l,shadows:c,utilities:e};export{a as AVATAR,o as BREAKPOINT,t as BUTTON,i as COLORS,g as FONT_SIZES,c as SHADOWS,r as SITE_CONFIG,s as SPACING,n as TOKEN_COLORS,l as TYPOGRAPHY,e as UTILITIES,d as default};
2
2
  //# sourceMappingURL=cruk.js.map
@@ -1,2 +1,2 @@
1
- import{__assign as e}from"../../_virtual/_tslib.js";import r from"./cruk.js";var a=e(e({},r.utilities),{useBackgroundStyleLinks:!0}),n=e(e({},r.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png",footerCopyText:"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign."}),o=e(e({},r.avatar),{path:"".concat(n.assetPath,"images/avatar/su2c/")}),t=e(e({},r.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=e({},r.breakpoint),i=e(e({},r.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),c=e(e({},r.colors),{primary:i.su2cOrange5,secondary:i.su2cOrange5,tertiary:i.su2cBlack,textHeaderDefault:i.su2cBlack,textOnPrimary:i.su2cBlack,progressBar:i.su2cOrange5,progressBarSecondary:i.su2cRed,circularProgress:i.su2cOrange3,circularProgressSecondary:i.su2cRed,linkColor:i.su2cOrange5,linkColorHover:i.su2cRed,linkColorSecondary:i.su2cOrange5,linkColorSecondaryHover:i.su2cRed,backgroundLightColor:i.su2cOrange2,loaderColor1:i.su2cOrange5,loaderColor2:i.su2cRed,loaderColor3:i.su2cBlack,paginationText:i.su2cBlack,paginationBackground:i.su2cBlack,totaliserBubbleColor:i.su2cBlack,totaliserBubbleTextColor:i.white,totaliserBubbleTotalColor:i.white,collapseHeaderColor:i.su2cOrange5,check:i.su2cBlack,headerTaglineText:i.su2cOrange5,buttonPrimaryBackground:i.su2cOrange5,buttonPrimaryText:i.su2cBlack,buttonPrimaryBorder:i.su2cOrange5,buttonPrimaryBackgroundHover:i.su2cOrange3,buttonPrimaryTextHover:i.su2cBlack,buttonPrimaryBorderHover:i.su2cOrange3,buttonPrimaryDisabledBackground:i.grey_100,buttonPrimaryDisabledText:i.grey_600,buttonPrimaryDisabledBorder:i.grey_100,buttonSecondaryBackground:i.white,buttonSecondaryText:i.su2cOrange5,buttonSecondaryBorder:i.su2cOrange5,buttonSecondaryBackgroundHover:i.su2cOrange1,buttonSecondaryTextHover:i.su2cOrange5,buttonSecondaryBorderHover:i.su2cOrange5,buttonSecondaryDisabledBackground:i.white,buttonSecondaryDisabledText:i.grey_100,buttonSecondaryDisabledBorder:i.grey_100,buttonTertiaryText:i.su2cOrange5,buttonTertiaryTextHover:i.su2cOrange5,buttonTertiaryDisabledText:i.grey_100}),u=e({},r.spacing),l=e({},r.shadows),d=e({},r.fontSizes),g=e(e({},r.typography),{customFonts:[{family:"itc_avant_garde_pro",urlWoff:"".concat(n.assetPath,"fonts/itc_-_itcavantgardepro-bold-webfont.woff"),fontWeight:700}],fontFamilyHeadings:"itc_avant_garde_pro,Arial,sans-serif",fontFamilyLinks:"itc_avant_garde_pro,Arial,sans-serif",fontFamilyButtons:"itc_avant_garde_pro,Arial,sans-serif",fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyLabel:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase",fontWeightBase:400,fontWeightLinks:700,fontWeightButtons:700,fontWeightLabels:600,LinkPrimaryTextDecoration:"none",LinkLetterSpacing:"0px"}),y={name:"su2c",avatar:o,breakpoint:s,button:t,tokenColors:i,colors:c,spacing:u,fontSizes:d,siteConfig:n,typography:g,shadows:l,utilities:a};export{o as AVATAR,s as BREAKPOINT,t as BUTTON,c as COLORS,d as FONT_SIZES,l as SHADOWS,n as SITE_CONFIG,u as SPACING,i as TOKEN_COLORS,g as TYPOGRAPHY,a as UTILITIES,y as default};
1
+ import{__assign as e}from"../../_virtual/_tslib.js";import r from"./cruk.js";var a=e(e({},r.utilities),{useBackgroundStyleLinks:!0}),n=e(e({},r.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png",footerCopyText:"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign."}),o=e(e({},r.avatar),{path:"".concat(n.assetPath,"images/avatar/su2c/")}),t=e(e({},r.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=e({},r.breakpoint),i=e(e({},r.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),c=e(e({},r.colors),{primary:i.su2cOrange5,secondary:i.su2cOrange5,tertiary:i.su2cBlack,textHeaderDefault:i.su2cBlack,textOnPrimary:i.su2cBlack,progressBar:i.su2cOrange5,progressBarSecondary:i.su2cRed,circularProgress:i.su2cOrange3,circularProgressSecondary:i.su2cRed,linkColor:i.su2cOrange5,linkColorHover:i.su2cRed,linkColorSecondary:i.su2cOrange5,linkColorSecondaryHover:i.su2cRed,backgroundLightColor:i.su2cOrange2,loaderColor1:i.su2cOrange5,loaderColor2:i.su2cRed,loaderColor3:i.su2cBlack,paginationText:i.su2cBlack,paginationBackground:i.su2cBlack,totaliserBubbleColor:i.su2cBlack,totaliserBubbleTextColor:i.white,totaliserBubbleTotalColor:i.white,collapseHeaderColor:i.su2cOrange5,check:i.su2cBlack,headerTaglineText:i.su2cOrange5,buttonPrimaryBackground:i.su2cOrange5,buttonPrimaryText:i.su2cBlack,buttonPrimaryBorder:i.su2cOrange5,buttonPrimaryBackgroundHover:i.su2cOrange3,buttonPrimaryTextHover:i.su2cBlack,buttonPrimaryBorderHover:i.su2cOrange3,buttonPrimaryDisabledBackground:i.grey_200,buttonPrimaryDisabledText:i.grey_600,buttonPrimaryDisabledBorder:i.grey_200,buttonSecondaryBackground:i.white,buttonSecondaryText:i.su2cOrange5,buttonSecondaryBorder:i.su2cOrange5,buttonSecondaryBackgroundHover:i.su2cOrange1,buttonSecondaryTextHover:i.su2cOrange5,buttonSecondaryBorderHover:i.su2cOrange5,buttonSecondaryDisabledBackground:i.white,buttonSecondaryDisabledText:i.grey_200,buttonSecondaryDisabledBorder:i.grey_200,buttonTertiaryText:i.su2cOrange5,buttonTertiaryTextHover:i.su2cOrange5,buttonTertiaryDisabledText:i.grey_200}),u=e({},r.spacing),l=e({},r.shadows),d=e({},r.fontSizes),g=e(e({},r.typography),{customFonts:[{family:"itc_avant_garde_pro",urlWoff:"".concat(n.assetPath,"fonts/itc_-_itcavantgardepro-bold-webfont.woff"),fontWeight:700}],fontFamilyHeadings:"itc_avant_garde_pro,Arial,sans-serif",fontFamilyLinks:"itc_avant_garde_pro,Arial,sans-serif",fontFamilyButtons:"itc_avant_garde_pro,Arial,sans-serif",fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyLabel:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase",fontWeightBase:400,fontWeightLinks:700,fontWeightButtons:700,fontWeightLabels:600,LinkPrimaryTextDecoration:"none",LinkLetterSpacing:"0px"}),y={name:"su2c",avatar:o,breakpoint:s,button:t,tokenColors:i,colors:c,spacing:u,fontSizes:d,siteConfig:n,typography:g,shadows:l,utilities:a};export{o as AVATAR,s as BREAKPOINT,t as BUTTON,c as COLORS,d as FONT_SIZES,l as SHADOWS,n as SITE_CONFIG,u as SPACING,i as TOKEN_COLORS,g as TYPOGRAPHY,a as UTILITIES,y as default};
2
2
  //# sourceMappingURL=su2c.js.map
package/lib/types.d.ts CHANGED
@@ -99,6 +99,7 @@ export type ColorsType = {
99
99
  backgroundLight: string;
100
100
  backgroundLightColor: string;
101
101
  backgroundMid: string;
102
+ backgroundMidLight: string;
102
103
  loaderColor1: string;
103
104
  loaderColor2: string;
104
105
  loaderColor3: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cruk/cruk-react-components",
3
- "version": "4.0.0",
3
+ "version": "4.0.2",
4
4
  "description": "React components implementing CRUK, SU2C & Bowelbabe designs",
5
5
  "license": "UNLICENSED",
6
6
  "publishConfig": {