@cruk/cruk-react-components 0.1.5 → 0.1.6

package/CHANGELOG.md

@@ -5,6 +5,13 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.1.6] - 2021-10-05
+
+### Fixed
+
+- CRUK secondary button hover colours not accessible [#299](https://github.com/CRUKorg/cruk-react-components/issues/299)
+- CRUK totaliser colours not accessible [#324](https://github.com/CRUKorg/cruk-react-components/issues/324)
+
 ## [0.1.5] - 2021-09-23
 
 ### Added

package/lib/cjs/src/components/Badge/styles.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,t,o=r(e).default.span(t||(t=n.__makeTemplateObject(["\n  border-width: 1px;\n  border-style: solid;\n  background-color: ",";\n  color: ",";\n  border-color: ",";\n  text-align: center;\n  border-radius: 1.5rem;\n  font-size: ",";\n  line-height: 1rem;\n  padding: ",";\n  display: inline-block;\n  min-width: ",";\n\n  ","\n"],["\n  border-width: 1px;\n  border-style: solid;\n  background-color: ",";\n  color: ",";\n  border-color: ",";\n  text-align: center;\n  border-radius: 1.5rem;\n  font-size: ",";\n  line-height: 1rem;\n  padding: ",";\n  display: inline-block;\n  min-width: ",";\n\n  ","\n"])),(function(n){var e=n.theme.colors,r=n.backgroundColor;return r&&void 0!==e[r]?e[r]:r||e.primary}),(function(n){var e=n.theme.colors,r=n.textColor;return r&&void 0!==e[r]?e[r]:r||e.textLight}),(function(n){var e=n.theme.colors,r=n.borderColor,i=n.backgroundColor;return r&&void 0!==e[r]?e[r]:r||(i&&void 0!==e[i]?e[i]:i||e.primary)}),(function(n){return n.theme.fontSizes.m}),(function(n){return n.theme.spacing.xxs}),(function(n){var e=n.size,r=n.theme,i=r.spacing,t=r.spacing.xs;return"calc("+i[e]+" + "+t+")"}),(function(r){return!r.isText&&e.css(i||(i=n.__makeTemplateObject(["\n      padding: 0;\n      border-radius: 50%;\n      display: block;\n      height: ",";\n      width: ",";\n      line-height: ",";\n      svg {\n        height: ",";\n      }\n    "],["\n      padding: 0;\n      border-radius: 50%;\n      display: block;\n      height: ",";\n      width: ",";\n      line-height: ",";\n      svg {\n        height: ",";\n      }\n    "])),(function(n){var e=n.size,r=n.theme,i=r.spacing,t=r.spacing.xs;return"calc("+i[e]+" + "+t+")"}),(function(n){var e=n.size,r=n.theme,i=r.spacing,t=r.spacing.xs;return"calc("+i[e]+" + "+t+")"}),(function(n){var e=n.size,r=n.theme,i=r.spacing,t=r.spacing.xs;return"calc("+i[e]+" + "+t+")"}),(function(n){var e=n.size;return n.theme.spacing[e]}))}));exports.StyledBadge=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,t,o=r(e).default.span(t||(t=n.__makeTemplateObject(["\n  border-width: 1px;\n  border-style: solid;\n  background-color: ",";\n  color: ",";\n  border-color: ",";\n  text-align: center;\n  border-radius: 1.5rem;\n  font-size: ",";\n  line-height: 1rem;\n  padding: ",";\n  display: inline-block;\n  min-width: ",";\n\n  ","\n"],["\n  border-width: 1px;\n  border-style: solid;\n  background-color: ",";\n  color: ",";\n  border-color: ",";\n  text-align: center;\n  border-radius: 1.5rem;\n  font-size: ",";\n  line-height: 1rem;\n  padding: ",";\n  display: inline-block;\n  min-width: ",";\n\n  ","\n"])),(function(n){var e=n.theme.colors,r=n.backgroundColor;return r&&void 0!==e[r]?e[r]:r||e.primary}),(function(n){var e=n.theme.colors,r=n.textColor;return r&&void 0!==e[r]?e[r]:r||e.textOnPrimary}),(function(n){var e=n.theme.colors,r=n.borderColor,i=n.backgroundColor;return r&&void 0!==e[r]?e[r]:r||(i&&void 0!==e[i]?e[i]:i||e.primary)}),(function(n){return n.theme.fontSizes.m}),(function(n){return n.theme.spacing.xxs}),(function(n){var e=n.size,r=n.theme,i=r.spacing,t=r.spacing.xs;return"calc("+i[e]+" + "+t+")"}),(function(r){return!r.isText&&e.css(i||(i=n.__makeTemplateObject(["\n      padding: 0;\n      border-radius: 50%;\n      display: block;\n      height: ",";\n      width: ",";\n      line-height: ",";\n      svg {\n        height: ",";\n      }\n    "],["\n      padding: 0;\n      border-radius: 50%;\n      display: block;\n      height: ",";\n      width: ",";\n      line-height: ",";\n      svg {\n        height: ",";\n      }\n    "])),(function(n){var e=n.size,r=n.theme,i=r.spacing,t=r.spacing.xs;return"calc("+i[e]+" + "+t+")"}),(function(n){var e=n.size,r=n.theme,i=r.spacing,t=r.spacing.xs;return"calc("+i[e]+" + "+t+")"}),(function(n){var e=n.size,r=n.theme,i=r.spacing,t=r.spacing.xs;return"calc("+i[e]+" + "+t+")"}),(function(n){var e=n.size;return n.theme.spacing[e]}))}));exports.StyledBadge=o;
 //# sourceMappingURL=styles.js.map

package/lib/cjs/src/components/Divider.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),n=require("react"),t=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,r=i(n),o=i(t).default.div(l||(l=e.__makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  flex-basis: 100%;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  text-align: center;\n  width: 100%;\n  :before,\n  :after {\n    background-color: #333;\n    content: '';\n    display: inline-block;\n    flex-grow: 1;\n    height: 1px;\n  }\n"],["\n  align-items: center;\n  display: flex;\n  flex-basis: 100%;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  text-align: center;\n  width: 100%;\n  :before,\n  :after {\n    background-color: #333;\n    content: '';\n    display: inline-block;\n    flex-grow: 1;\n    height: 1px;\n  }\n"]))),a=function(e){return r.default.createElement(o,null,e.children)};exports.Divider=a,exports.default=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),n=require("react"),t=require("styled-components");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l,r=i(n),o=i(t).default.div(l||(l=e.__makeTemplateObject(['\n  align-items: center;\n  display: flex;\n  flex-basis: 100%;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  text-align: center;\n  width: 100%;\n  :before,\n  :after {\n    background-color: #333;\n    content: "";\n    display: inline-block;\n    flex-grow: 1;\n    height: 1px;\n  }\n'],['\n  align-items: center;\n  display: flex;\n  flex-basis: 100%;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  text-align: center;\n  width: 100%;\n  :before,\n  :after {\n    background-color: #333;\n    content: "";\n    display: inline-block;\n    flex-grow: 1;\n    height: 1px;\n  }\n']))),a=function(e){return r.default.createElement(o,null,e.children)};exports.Divider=a,exports.default=a;
 //# sourceMappingURL=Divider.js.map

package/lib/cjs/src/components/GlobalStyle.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../node_modules/tslib/tslib.es6.js"),o=require("styled-components"),e=require("../themes/cruk.js"),t=o.createGlobalStyle(r||(r=n.__makeTemplateObject(["\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 o={...e.default,...n.theme};return"\n      "+(o.typography.customFonts.map((function(n){return"\n        @font-face {\n          font-family: "+n.family+';\n          src: url("'+n.url+".woff2\") format('woff2'),\n               url(\""+n.url+".woff\") format('woff');\n          font-weight: normal;\n          font-style: normal;\n          font-display: fallback;\n        }\n      "})).join("")+"\n      html {\n        font-size: ")+o.typography.fontSizeBase+";\n        font-family: "+o.typography.fontFamilyBase+";\n        line-height: "+o.typography.lineHeight+";\n      }\n      body {\n        background-color: "+o.colors.backgroundMid+";\n        color: "+o.colors.textDark+";\n        margin: 0;\n        padding: 0;\n        overflow-x: hidden;\n      }\n    "}));t.defaultProps={theme:e.default};var r,i=o.withTheme(t);exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../node_modules/tslib/tslib.es6.js"),o=require("styled-components"),e=require("../themes/cruk.js"),t=o.createGlobalStyle(r||(r=n.__makeTemplateObject(["\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(o){var t=n.__assign(n.__assign({},e.default),o.theme);return"\n      "+(t.typography.customFonts.map((function(n){return"\n        @font-face {\n          font-family: "+n.family+';\n          src: url("'+n.url+".woff2\") format('woff2'),\n               url(\""+n.url+".woff\") format('woff');\n          font-weight: normal;\n          font-style: normal;\n          font-display: fallback;\n        }\n      "})).join("")+"\n      html {\n        font-size: ")+t.typography.fontSizeBase+";\n        font-family: "+t.typography.fontFamilyBase+";\n        line-height: "+t.typography.lineHeight+";\n      }\n      body {\n        background-color: "+t.colors.backgroundMid+";\n        color: "+t.colors.textDark+";\n        margin: 0;\n        padding: 0;\n        overflow-x: hidden;\n      }\n    "}));t.defaultProps={theme:e.default};var r,i=o.withTheme(t);exports.default=i;
 //# sourceMappingURL=GlobalStyle.js.map

package/lib/cjs/src/components/Totaliser/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react"),a=require("styled-components"),r=require("../../utils/Helper.js"),l=require("../../themes/cruk.js"),u=require("../Text/index.js"),s=require("../Badge/index.js"),m=require("../Box/index.js"),n=require("./styles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(t),d=function(t){var o=a.useTheme(),d=e.__assign(e.__assign({},l.default),o),c=r.calculatePercentRounded(+t.total,t.target||0),f=r.calculatePercentRounded(+t.total,t.target||0)+"% of the £"+r.formatMoneyWithCommas(t.target||0)+" target";return i.default.createElement(n.TotaliserWrapper,e.__assign({},t,{isCompact:t.isCompact||!1,theme:d}),t.isCompact?i.default.createElement(n.CompactWrapper,{theme:d},i.default.createElement(m.default,{marginHorizontal:"none",marginRight:"xxs",marginBottom:"none"},i.default.createElement(s.default,null,"£"+r.formatMoneyWithCommas(t.total))),null!==t.target&&i.default.createElement(n.Summary,null,i.default.createElement(u.Text,{as:"span"},f))):i.default.createElement(n.DetailWrapper,{theme:d},i.default.createElement(n.BubbleText,null,"Total raised"),i.default.createElement(n.Total,null,"£",r.formatMoneyWithCommas(t.total)),i.default.createElement(n.BubbleText,null,"+ £",r.formatMoneyWithCommas(t.giftAid||0)," Gift Aid")),(!!t.target||!!t.summaryMessage)&&i.default.createElement(n.ProgressBarWrapper,{theme:d},i.default.createElement(n.StyledProgressBar,{theme:d,percentage:c,isCompact:t.isCompact||!1}),!t.isCompact&&(t.summaryMessage?i.default.createElement(n.Summary,null,t.summaryMessage):i.default.createElement(n.Summary,null,i.default.createElement(u.Text,{as:"span"},f)))),t.children)};d.defaultProps={summaryMessage:void 0,target:null},exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react"),a=require("styled-components"),r=require("../../utils/Helper.js"),l=require("../../themes/cruk.js"),u=require("../Text/index.js"),s=require("../Badge/index.js"),m=require("../Box/index.js"),n=require("./styles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(t),d=function(t){var o=a.useTheme(),d=e.__assign(e.__assign({},l.default),o),c=r.calculatePercentRounded(+t.total,t.target||0),f=r.calculatePercentRounded(+t.total,t.target||0)+"% of the £"+r.formatMoneyWithCommas(t.target||0)+" target";return i.default.createElement(n.TotaliserWrapper,e.__assign({},t,{isCompact:t.isCompact||!1,theme:d}),t.isCompact?i.default.createElement(n.CompactWrapper,{theme:d},i.default.createElement(m.default,{marginHorizontal:"none",marginRight:"xxs",marginBottom:"none"},i.default.createElement(s.default,null,"£"+r.formatMoneyWithCommas(t.total))),null!==t.target&&i.default.createElement(n.Summary,null,i.default.createElement(u.Text,{as:"span"},f))):i.default.createElement(n.BubbleWrapper,{theme:d},i.default.createElement(n.BubbleText,null,"Total raised"),i.default.createElement(n.Total,null,"£",r.formatMoneyWithCommas(t.total)),i.default.createElement(n.GiftAid,null,"+ £",r.formatMoneyWithCommas(t.giftAid||0)," Gift Aid")),(!!t.target||!!t.summaryMessage)&&i.default.createElement(n.ProgressBarWrapper,{theme:d},i.default.createElement(n.StyledProgressBar,{theme:d,percentage:c,isCompact:t.isCompact||!1}),!t.isCompact&&(t.summaryMessage?i.default.createElement(n.Summary,null,t.summaryMessage):i.default.createElement(n.Summary,null,i.default.createElement(u.Text,{as:"span"},f)))),t.children)};d.defaultProps={summaryMessage:void 0,target:null},exports.default=d;
 //# sourceMappingURL=index.js.map

package/lib/cjs/src/components/Totaliser/styles.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components"),t=require("../ProgressBar/index.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,a,i,p,l,m,s,d,f,c,u=r(e),x=u.default.div(o||(o=n.__makeTemplateObject(["\n  color: ",";\n  text-align: center;\n  background-color: ",";\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  z-index: 10;\n\n  p {\n    margin: 0;\n  }\n"],["\n  color: ",";\n  text-align: center;\n  background-color: ",";\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  z-index: 10;\n\n  p {\n    margin: 0;\n  }\n"])),(function(n){return n.theme.colors.textLight}),(function(n){return n.theme.colors.tertiary})),g=u.default.div(a||(a=n.__makeTemplateObject(["\n  padding: 0 46px 12px;\n  margin-top: 7px;\n  border: solid 1px ",";\n  position: relative;\n"],["\n  padding: 0 46px 12px;\n  margin-top: 7px;\n  border: solid 1px ",";\n  position: relative;\n"])),(function(n){return n.theme.colors.totaliserBorder})),y=u.default.p(i||(i=n.__makeTemplateObject(["\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ",";\n  text-transform: ",";\n"],["\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ",";\n  text-transform: ",";\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.headerTextTransform})),b=u.default.p(p||(p=n.__makeTemplateObject(["\n  font-family: ",";\n  text-transform: ",";\n"],["\n  font-family: ",";\n  text-transform: ",";\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.headerTextTransform})),h=u.default.div(l||(l=n.__makeTemplateObject(["\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ",";\n"],["\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ",";\n"])),(function(n){return n.theme.typography.fontFamilyBase})),_=u.default.div(s||(s=n.__makeTemplateObject(["\n  font-family: ",";\n  margin: 0;\n  ","\n"],["\n  font-family: ",";\n  margin: 0;\n  ","\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(t){return t.isCompact&&e.css(m||(m=n.__makeTemplateObject(["\n      "," {\n        border: none;\n        padding: 0;\n      }\n    "],["\n      "," {\n        border: none;\n        padding: 0;\n      }\n    "])),g)})),T=u.default.div(d||(d=n.__makeTemplateObject(["\n  justify-content: space-between;\n  display: flex;\n"],["\n  justify-content: space-between;\n  display: flex;\n"]))),j=u.default(t.default)(c||(c=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(t){return!t.isCompact&&e.css(f||(f=n.__makeTemplateObject(["\n      > div > div:after {\n        content: '\\25bc';\n        color: ",";\n        z-index: 11;\n        position: absolute;\n        top: -30px;\n        right: -15px;\n        font-size: 32px;\n      }\n    "],["\n      > div > div:after {\n        content: '\\\\25bc';\n        color: ",";\n        z-index: 11;\n        position: absolute;\n        top: -30px;\n        right: -15px;\n        font-size: 32px;\n      }\n    "])),(function(n){return n.theme.colors.tertiary}))}));exports.BubbleText=b,exports.CompactWrapper=T,exports.DetailWrapper=x,exports.ProgressBarWrapper=g,exports.StyledProgressBar=j,exports.Summary=h,exports.Total=y,exports.TotaliserWrapper=_;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components"),t=require("../ProgressBar/index.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,a,i,l,p,m,s,f,u,c,d,x=r(e),g=x.default.div(o||(o=n.__makeTemplateObject(["\n  text-align: center;\n  background-color: ",";\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  z-index: 10;\n\n  p {\n    margin: 0;\n  }\n"],["\n  text-align: center;\n  background-color: ",";\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  z-index: 10;\n\n  p {\n    margin: 0;\n  }\n"])),(function(n){return n.theme.colors.totaliserBubbleColor})),b=x.default.div(a||(a=n.__makeTemplateObject(["\n  padding: 0 46px 12px;\n  margin-top: ",";\n  position: relative;\n"],["\n  padding: 0 46px 12px;\n  margin-top: ",";\n  position: relative;\n"])),(function(n){return n.theme.spacing.s})),y=x.default.p(i||(i=n.__makeTemplateObject(["\n  color: ",";\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ",";\n  text-transform: ",";\n"],["\n  color: ",";\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ",";\n  text-transform: ",";\n"])),(function(n){return n.theme.colors.totaliserBubbleTotalColor}),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.headerTextTransform})),h=x.default.p(l||(l=n.__makeTemplateObject(["\n  color: ",";\n  font-family: ",";\n  text-transform: ",";\n"],["\n  color: ",";\n  font-family: ",";\n  text-transform: ",";\n"])),(function(n){return n.theme.colors.totaliserBubbleTextColor}),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.headerTextTransform})),_=x.default.p(p||(p=n.__makeTemplateObject(["\n  color: ",";\n  font-family: ",";\n  text-transform: ",";\n"],["\n  color: ",";\n  font-family: ",";\n  text-transform: ",";\n"])),(function(n){return n.theme.colors.totaliserBubbleTotalColor}),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.headerTextTransform})),T=x.default.div(m||(m=n.__makeTemplateObject(["\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ",";\n"],["\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ",";\n"])),(function(n){return n.theme.typography.fontFamilyBase})),j=x.default.div(f||(f=n.__makeTemplateObject(["\n  font-family: ",";\n  margin: 0;\n  ","\n"],["\n  font-family: ",";\n  margin: 0;\n  ","\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(t){return t.isCompact&&e.css(s||(s=n.__makeTemplateObject(["\n      "," {\n        border: none;\n        padding: 0;\n      }\n    "],["\n      "," {\n        border: none;\n        padding: 0;\n      }\n    "])),b)})),v=x.default.div(u||(u=n.__makeTemplateObject(["\n  justify-content: space-between;\n  display: flex;\n"],["\n  justify-content: space-between;\n  display: flex;\n"]))),k=x.default(t.default)(d||(d=n.__makeTemplateObject(["\n  ","\n"],["\n  ","\n"])),(function(t){return!t.isCompact&&e.css(c||(c=n.__makeTemplateObject(["\n      > div > div:after {\n        content: '\\25bc';\n        color: ",";\n        z-index: 11;\n        position: absolute;\n        top: -30px;\n        right: -15px;\n        font-size: 32px;\n      }\n    "],["\n      > div > div:after {\n        content: '\\\\25bc';\n        color: ",";\n        z-index: 11;\n        position: absolute;\n        top: -30px;\n        right: -15px;\n        font-size: 32px;\n      }\n    "])),(function(n){return n.theme.colors.totaliserBubbleColor}))}));exports.BubbleText=h,exports.BubbleWrapper=g,exports.CompactWrapper=v,exports.GiftAid=_,exports.ProgressBarWrapper=b,exports.StyledProgressBar=k,exports.Summary=T,exports.Total=y,exports.TotaliserWrapper=j;
 //# sourceMappingURL=styles.js.map

package/lib/cjs/src/themes/cruk.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},r={cdnPath:"https://ccp-s3.int.cruk.org/",assetPath:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/logo.png",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)."},t={s:"35px",m:"50px",l:"60px",xl:"90px",path:r.assetPath+"images/icon-avatars/"},a={borderRadius:"4px",borderRadiusLarge:"4px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none"},o={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},n={darkBlue_100:"#edeaf5",darkBlue_200:"#dad2ea",darkBlue_300:"#a896cf",darkBlue_500:"#2e008b",magenta_100:"#fdeaf5",magenta_500:"#e40074",magenta_800:"#BB0071",magenta_900:"#710044",cyan_500:"#00b6ed",cyan_900:"#005870",grey_100:"#f5f5f5",grey_200:"#ededed",grey_300:"#c6c6c6",grey_500:"#9A9A9A",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},i={primary:n.darkBlue_500,secondary:n.magenta_500,tertiary:n.cyan_500,textOnPrimary:n.white,textOnSecondary:n.white,textOnTertiary:n.white,disabled:n.grey_300,danger:n.red,warning:n.yellow,success:n.green,info:n.cyan_500,textError:n.red,linkColor:n.darkBlue_500,linkColorHover:n.magenta_800,textDark:n.grey_900,textLight:n.white,progressBar:n.magenta_500,progressBarBackground:n.grey_200,circularProgress:n.cyan_500,circularProgressBackground:n.grey_300,buttonPrimaryBackground:n.magenta_500,buttonPrimaryText:n.white,buttonPrimaryBorder:n.magenta_500,buttonPrimaryBackgroundHover:n.magenta_800,buttonPrimaryTextHover:n.white,buttonPrimaryBorderHover:n.magenta_800,buttonPrimaryDisabledBackground:n.grey_100,buttonPrimaryDisabledText:n.grey_500,buttonPrimaryDisabledBorder:n.grey_100,buttonSecondaryBackground:n.white,buttonSecondaryText:n.magenta_500,buttonSecondaryBorder:n.magenta_500,buttonSecondaryBackgroundHover:n.magenta_100,buttonSecondaryTextHover:n.magenta_500,buttonSecondaryBorderHover:n.magenta_500,buttonSecondaryDisabledBackground:n.grey_100,buttonSecondaryDisabledText:n.grey_500,buttonSecondaryDisabledBorder:n.grey_100,buttonTertiaryBackground:n.white,buttonTertiaryText:n.magenta_500,buttonTertiaryBorder:n.grey_500,buttonTertiaryBackgroundHover:n.magenta_100,buttonTertiaryTextHover:n.magenta_500,buttonTertiaryBorderHover:n.grey_500,buttonTertiaryDisabledBackground:n.grey_100,buttonTertiaryDisabledText:n.grey_500,buttonTertiaryDisabledBorder:n.grey_100,selectionBorder:n.grey_500,textInputBorder:n.grey_900,inputBorder:n.grey_900,headerBackground:n.white,backgroundLight:n.white,backgroundLightColor:n.darkBlue_200,backgroundMid:n.grey_100,loaderColor1:n.darkBlue_500,loaderColor2:n.magenta_500,loaderColor3:n.cyan_500,paginationActive:n.grey_300,paginationBackground:n.darkBlue_500,footerBackground:n.grey_200,headerBorder:n.grey_300,stepBorder:n.grey_300,stepBackground:n.white,popoverBackground:n.white,textInputExtraInfo:n.grey_200,totaliserBorder:n.grey_300,selectBackground:n.grey_900,modalBackdrop:n.grey_900,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"},d={xs:"0.75rem",s:"0.857rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},g={customFonts:[{family:"MuseoSans-500",url:"https://ccp-s3.int.cruk.org/fonts/MuseoSansRounded-500"}],fontUrl:r.cdnPath+"fonts",fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyHeadings:"MuseoSans-500,Calibri,Arial,sans-serif",fontSizeBase:"16px",fontWeightHeavy:"700",fontWeightMedium:"500",fontWeightLight:"300",fontWeightVLight:"100",linkTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},u={name:"cruk",avatar:t,breakpoint:o,button:a,tokenColors:n,colors:i,spacing:s,fontSizes:d,siteConfig:r,typography:g,utilities:e};exports.AVATAR=t,exports.BREAKPOINT=o,exports.BUTTON=a,exports.COLORS=i,exports.FONT_SIZES=d,exports.SITE_CONFIG=r,exports.SPACING=s,exports.TOKEN_COLORS=n,exports.TYPOGRAPHY=g,exports.UTILITIES=e,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},r={cdnPath:"https://ccp-s3.int.cruk.org/",assetPath:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/logo.png",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)."},t={s:"35px",m:"50px",l:"60px",xl:"90px",path:r.assetPath+"images/icon-avatars/"},a={borderRadius:"4px",borderRadiusLarge:"4px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none"},o={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},n={darkBlue_100:"#edeaf5",darkBlue_200:"#dad2ea",darkBlue_300:"#a896cf",darkBlue_500:"#2e008b",magenta_100:"#fdeaf5",magenta_500:"#e40074",magenta_800:"#BB0071",magenta_900:"#710044",cyan_500:"#00b6ed",cyan_900:"#005870",grey_100:"#f5f5f5",grey_200:"#ededed",grey_300:"#c6c6c6",grey_500:"#9A9A9A",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},i={primary:n.darkBlue_500,secondary:n.magenta_500,tertiary:n.cyan_500,textOnPrimary:n.white,textOnSecondary:n.white,textOnTertiary:n.white,disabled:n.grey_300,danger:n.red,warning:n.yellow,success:n.green,info:n.cyan_500,textError:n.red,linkColor:n.darkBlue_500,linkColorHover:n.magenta_800,textDark:n.grey_900,textLight:n.white,progressBar:n.darkBlue_500,progressBarBackground:n.grey_200,circularProgress:n.cyan_500,circularProgressBackground:n.grey_300,buttonPrimaryBackground:n.magenta_500,buttonPrimaryText:n.white,buttonPrimaryBorder:n.magenta_500,buttonPrimaryBackgroundHover:n.magenta_800,buttonPrimaryTextHover:n.white,buttonPrimaryBorderHover:n.magenta_800,buttonPrimaryDisabledBackground:n.grey_100,buttonPrimaryDisabledText:n.grey_500,buttonPrimaryDisabledBorder:n.grey_100,buttonSecondaryBackground:n.white,buttonSecondaryText:n.magenta_500,buttonSecondaryBorder:n.magenta_500,buttonSecondaryBackgroundHover:n.magenta_100,buttonSecondaryTextHover:n.magenta_800,buttonSecondaryBorderHover:n.magenta_800,buttonSecondaryDisabledBackground:n.grey_100,buttonSecondaryDisabledText:n.grey_500,buttonSecondaryDisabledBorder:n.grey_100,buttonTertiaryBackground:n.white,buttonTertiaryText:n.magenta_500,buttonTertiaryBorder:n.grey_500,buttonTertiaryBackgroundHover:n.magenta_100,buttonTertiaryTextHover:n.magenta_800,buttonTertiaryBorderHover:n.grey_500,buttonTertiaryDisabledBackground:n.grey_100,buttonTertiaryDisabledText:n.grey_500,buttonTertiaryDisabledBorder:n.grey_100,selectionBorder:n.grey_500,textInputBorder:n.grey_900,inputBorder:n.grey_900,headerBackground:n.white,backgroundLight:n.white,backgroundLightColor:n.darkBlue_200,backgroundMid:n.grey_100,loaderColor1:n.darkBlue_500,loaderColor2:n.magenta_500,loaderColor3:n.cyan_500,paginationActive:n.grey_300,paginationBackground:n.darkBlue_500,footerBackground:n.grey_200,headerBorder:n.grey_300,stepBorder:n.grey_300,stepBackground:n.white,popoverBackground:n.white,textInputExtraInfo:n.grey_200,totaliserBubbleColor:n.grey_200,totaliserBubbleTextColor:n.grey_900,totaliserBubbleTotalColor:n.darkBlue_500,selectBackground:n.grey_900,modalBackdrop:n.grey_900,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"},d={xs:"0.75rem",s:"0.857rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},g={customFonts:[{family:"MuseoSans-500",url:"https://ccp-s3.int.cruk.org/fonts/MuseoSansRounded-500"}],fontUrl:r.cdnPath+"fonts",fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyHeadings:"MuseoSans-500,Calibri,Arial,sans-serif",fontSizeBase:"16px",fontWeightHeavy:"700",fontWeightMedium:"500",fontWeightLight:"300",fontWeightVLight:"100",linkTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},u={name:"cruk",avatar:t,breakpoint:o,button:a,tokenColors:n,colors:i,spacing:s,fontSizes:d,siteConfig:r,typography:g,utilities:e};exports.AVATAR=t,exports.BREAKPOINT=o,exports.BUTTON=a,exports.COLORS=i,exports.FONT_SIZES=d,exports.SITE_CONFIG=r,exports.SPACING=s,exports.TOKEN_COLORS=n,exports.TYPOGRAPHY=g,exports.UTILITIES=e,exports.default=u;
 //# sourceMappingURL=cruk.js.map

package/lib/cjs/src/themes/su2c.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../node_modules/tslib/tslib.es6.js"),e=require("./cruk.js"),a=r.__assign(r.__assign({},e.default.utilities),{useBackgroundStyleLinks:!0}),t=r.__assign(r.__assign({},e.default.siteConfig),{logoSrc:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/images/su2c-logo.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=r.__assign(r.__assign({},e.default.avatar),{path:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/images/icon-avatars/su2c/"}),s=r.__assign(r.__assign({},e.default.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),n=r.__assign({},e.default.breakpoint),u=r.__assign(r.__assign({},e.default.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),i=r.__assign(r.__assign({},e.default.colors),{primary:u.su2cOrange5,secondary:u.su2cOrange5,tertiary:u.su2cBlack,textOnPrimary:u.su2cBlack,progressBar:u.su2cOrange5,circularProgress:u.su2cOrange3,linkColor:u.su2cOrange5,linkColorHover:u.su2cRed,backgroundLightColor:u.su2cOrange2,loaderColor1:u.su2cOrange5,loaderColor2:u.su2cRed,loaderColor3:u.su2cBlack,paginationBackground:u.su2cBlack,buttonPrimaryBackground:u.su2cOrange5,buttonPrimaryText:u.su2cBlack,buttonPrimaryBorder:u.su2cOrange5,buttonPrimaryBackgroundHover:u.su2cOrange3,buttonPrimaryTextHover:u.su2cBlack,buttonPrimaryBorderHover:u.su2cOrange3,buttonPrimaryDisabledBackground:u.grey_300,buttonPrimaryDisabledText:u.white,buttonPrimaryDisabledBorder:u.grey_300,buttonSecondaryBackground:u.white,buttonSecondaryText:u.su2cOrange5,buttonSecondaryBorder:u.su2cOrange5,buttonSecondaryBackgroundHover:u.su2cOrange1,buttonSecondaryTextHover:u.su2cOrange5,buttonSecondaryBorderHover:u.su2cOrange5,buttonSecondaryDisabledBackground:u.white,buttonSecondaryDisabledText:u.grey_300,buttonSecondaryDisabledBorder:u.grey_300,buttonTertiaryBackground:u.white,buttonTertiaryText:u.su2cOrange5,buttonTertiaryBorder:u.su2cGrey2,buttonTertiaryBackgroundHover:u.su2cOrange1,buttonTertiaryTextHover:u.su2cOrange5,buttonTertiaryBorderHover:u.su2cGrey2,buttonTertiaryDisabledBackground:u.white,buttonTertiaryDisabledText:u.grey_300,buttonTertiaryDisabledBorder:u.grey_300}),c=r.__assign({},e.default.spacing),d=r.__assign({},e.default.fontSizes),g=r.__assign(r.__assign({},e.default.typography),{customFonts:[{family:"itc_avant_garde_pro_mdbold",url:"https://crukorg.github.io/SU2C-drupal/assets/fonts/su2c/itc_-_itcavantgardepro-bold-webfont"}],fontFamilyHeadings:"itc_avant_garde_pro_mdbold,Arial,sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase"}),l={name:"su2c",avatar:o,breakpoint:n,button:s,tokenColors:u,colors:i,spacing:c,fontSizes:d,siteConfig:t,typography:g,utilities:a};exports.AVATAR=o,exports.BREAKPOINT=n,exports.BUTTON=s,exports.COLORS=i,exports.FONT_SIZES=d,exports.SITE_CONFIG=t,exports.SPACING=c,exports.TOKEN_COLORS=u,exports.TYPOGRAPHY=g,exports.UTILITIES=a,exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),r=require("./cruk.js"),a=e.__assign(e.__assign({},r.default.utilities),{useBackgroundStyleLinks:!0}),t=e.__assign(e.__assign({},r.default.siteConfig),{logoSrc:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/images/su2c-logo.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.__assign(e.__assign({},r.default.avatar),{path:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/images/icon-avatars/su2c/"}),s=e.__assign(e.__assign({},r.default.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),n=e.__assign({},r.default.breakpoint),u=e.__assign(e.__assign({},r.default.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),i=e.__assign(e.__assign({},r.default.colors),{primary:u.su2cOrange5,secondary:u.su2cOrange5,tertiary:u.su2cBlack,textOnPrimary:u.su2cBlack,progressBar:u.su2cOrange5,circularProgress:u.su2cOrange3,linkColor:u.su2cOrange5,linkColorHover:u.su2cRed,backgroundLightColor:u.su2cOrange2,loaderColor1:u.su2cOrange5,loaderColor2:u.su2cRed,loaderColor3:u.su2cBlack,paginationBackground:u.su2cBlack,totaliserBubbleColor:u.su2cBlack,totaliserBubbleTextColor:u.white,totaliserBubbleTotalColor:u.white,buttonPrimaryBackground:u.su2cOrange5,buttonPrimaryText:u.su2cBlack,buttonPrimaryBorder:u.su2cOrange5,buttonPrimaryBackgroundHover:u.su2cOrange3,buttonPrimaryTextHover:u.su2cBlack,buttonPrimaryBorderHover:u.su2cOrange3,buttonPrimaryDisabledBackground:u.grey_300,buttonPrimaryDisabledText:u.white,buttonPrimaryDisabledBorder:u.grey_300,buttonSecondaryBackground:u.white,buttonSecondaryText:u.su2cOrange5,buttonSecondaryBorder:u.su2cOrange5,buttonSecondaryBackgroundHover:u.su2cOrange1,buttonSecondaryTextHover:u.su2cOrange5,buttonSecondaryBorderHover:u.su2cOrange5,buttonSecondaryDisabledBackground:u.white,buttonSecondaryDisabledText:u.grey_300,buttonSecondaryDisabledBorder:u.grey_300,buttonTertiaryBackground:u.white,buttonTertiaryText:u.su2cOrange5,buttonTertiaryBorder:u.su2cGrey2,buttonTertiaryBackgroundHover:u.su2cOrange1,buttonTertiaryTextHover:u.su2cOrange5,buttonTertiaryBorderHover:u.su2cGrey2,buttonTertiaryDisabledBackground:u.white,buttonTertiaryDisabledText:u.grey_300,buttonTertiaryDisabledBorder:u.grey_300}),c=e.__assign({},r.default.spacing),d=e.__assign({},r.default.fontSizes),g=e.__assign(e.__assign({},r.default.typography),{customFonts:[{family:"itc_avant_garde_pro_mdbold",url:"https://crukorg.github.io/SU2C-drupal/assets/fonts/su2c/itc_-_itcavantgardepro-bold-webfont"}],fontFamilyHeadings:"itc_avant_garde_pro_mdbold,Arial,sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase"}),l={name:"su2c",avatar:o,breakpoint:n,button:s,tokenColors:u,colors:i,spacing:c,fontSizes:d,siteConfig:t,typography:g,utilities:a};exports.AVATAR=o,exports.BREAKPOINT=n,exports.BUTTON=s,exports.COLORS=i,exports.FONT_SIZES=d,exports.SITE_CONFIG=t,exports.SPACING=c,exports.TOKEN_COLORS=u,exports.TYPOGRAPHY=g,exports.UTILITIES=a,exports.default=l;
 //# sourceMappingURL=su2c.js.map

package/lib/components/AddressLookup/styles.d.ts

@@ -4,11 +4,11 @@ interface ListWrapperProps extends React.HTMLProps<HTMLDivElement> {
 }
 export declare const ListWrapper: import("styled-components").StyledComponent<"div", any, ListWrapperProps, never>;
 export declare const List: import("styled-components").StyledComponent<"ul", any, {
-    ref?: ((instance: HTMLUListElement | null) => void) | import("react").RefObject<HTMLUListElement> | null | undefined;
+    ref?: import("react").Ref<HTMLUListElement> | undefined;
 }, never>;
 export declare const ListItem: import("styled-components").StyledComponent<"li", any, {
     isActive: boolean;
-    ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
+    ref?: import("react").Ref<HTMLLIElement> | undefined;
 }, never>;
 export declare const ScreenReaderOnly: import("styled-components").StyledComponent<"div", any, {}, never>;
 export {};

package/lib/components/Box/styles.d.ts

@@ -1,7 +1,5 @@
 import { SpacingProps } from 'src/components/Spacing';
-declare type StyledBoxProps = SpacingProps & {
-    backgroundColor?: string;
+export declare const StyledBox: import("styled-components").StyledComponent<"div", any, SpacingProps & {
+    backgroundColor?: string | undefined;
     css?: any;
-};
-export declare const StyledBox: import("styled-components").StyledComponent<"div", any, StyledBoxProps, never>;
-export {};
+}, never>;

package/lib/components/Collapse/styles.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
+import { FontSizeType } from 'src/types';
 export declare const transitionDurationSeconds = 0.5;
-export declare const FlippingIcon: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Icon").IconProps>, any, {
+export declare const FlippingIcon: import("styled-components").StyledComponent<import("react").FunctionComponent<import("src/components/Icon").IconProps>, any, {
     open: boolean;
 }, never>;
-export declare const DefaultHeader: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Button").Props>, any, {
+export declare const DefaultHeader: import("styled-components").StyledComponent<import("react").FunctionComponent<import("src/components/Button").Props>, any, {
     textColor?: string | undefined;
-    textSize?: "s" | "xs" | "m" | "l" | "xl" | "xxl" | "xxxl" | "xxxxl" | undefined;
+    textSize?: FontSizeType | undefined;
     textFontFamily?: string | undefined;
 }, never>;
 export declare const CollapseContent: import("styled-components").StyledComponent<"div", any, {

package/lib/components/Divider.d.ts

@@ -1,3 +1,3 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent } from "react";
 export declare const Divider: FunctionComponent;
 export default Divider;

package/lib/components/ErrorText/styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const StyledErrorText: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Text").TextProps>, any, {}, never>;
+export declare const StyledErrorText: import("styled-components").StyledComponent<import("react").FunctionComponent<import("src/components/Text").TextProps>, any, {}, never>;

package/lib/components/Flex.d.ts

@@ -1,6 +1,5 @@
-import { SpacingProps } from 'src/components/Spacing';
-declare type FlexProps = SpacingProps & {
+import { SpacingProps } from "src/components/Spacing";
+declare const Flex: import("styled-components").StyledComponent<"div", any, SpacingProps & {
     css: string;
-};
-declare const Flex: import("styled-components").StyledComponent<"div", any, FlexProps, never>;
+}, never>;
 export default Flex;

package/lib/components/GlobalStyle.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-declare const _default: import("react").ForwardRefExoticComponent<Pick<Pick<{}, never> & {
-    theme?: import("styled-components").DefaultTheme | undefined;
-} & {
+declare const _default: import("react").ForwardRefExoticComponent<{
+    ref?: import("react").Ref<import("react").Component<import("styled-components").ThemedGlobalStyledClassProps<{}, import("styled-components").DefaultTheme>, any, any>> | undefined;
     suppressMultiMountWarning?: boolean | undefined;
-} & import("react").RefAttributes<import("react").Component<import("styled-components").ThemedGlobalStyledClassProps<{}, import("styled-components").DefaultTheme>, any, any>>, "ref" | "suppressMultiMountWarning" | "key"> & {
+    key?: import("react").Key | null | undefined;
+} & {
     theme?: any;
 }>;
 export default _default;

package/lib/components/Heading/styles.d.ts

@@ -1,16 +1,44 @@
 import { SpacingProps } from 'src/components/Spacing';
-import { ThemeType, FontSizeType, ColorKeyType, WordBreakType } from 'src/types';
-declare type StyledHeadingProps = SpacingProps & {
+import { ThemeType, FontSizeType, WordBreakType } from 'src/types';
+export declare const H1: import("styled-components").StyledComponent<"h1", any, SpacingProps & {
     theme: ThemeType;
-    textSize?: FontSizeType;
-    textAlign?: 'left' | 'right' | 'center';
-    textColor?: ColorKeyType | string;
-    wordBreak?: WordBreakType;
-};
-export declare const H1: import("styled-components").StyledComponent<"h1", any, StyledHeadingProps, never>;
-export declare const H2: import("styled-components").StyledComponent<"h2", any, StyledHeadingProps, never>;
-export declare const H3: import("styled-components").StyledComponent<"h3", any, StyledHeadingProps, never>;
-export declare const H4: import("styled-components").StyledComponent<"h4", any, StyledHeadingProps, never>;
-export declare const H5: import("styled-components").StyledComponent<"h5", any, StyledHeadingProps, never>;
-export declare const H6: import("styled-components").StyledComponent<"h6", any, StyledHeadingProps, never>;
-export {};
+    textSize?: FontSizeType | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
+    textColor?: string | undefined;
+    wordBreak?: WordBreakType | undefined;
+}, never>;
+export declare const H2: import("styled-components").StyledComponent<"h2", any, SpacingProps & {
+    theme: ThemeType;
+    textSize?: FontSizeType | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
+    textColor?: string | undefined;
+    wordBreak?: WordBreakType | undefined;
+}, never>;
+export declare const H3: import("styled-components").StyledComponent<"h3", any, SpacingProps & {
+    theme: ThemeType;
+    textSize?: FontSizeType | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
+    textColor?: string | undefined;
+    wordBreak?: WordBreakType | undefined;
+}, never>;
+export declare const H4: import("styled-components").StyledComponent<"h4", any, SpacingProps & {
+    theme: ThemeType;
+    textSize?: FontSizeType | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
+    textColor?: string | undefined;
+    wordBreak?: WordBreakType | undefined;
+}, never>;
+export declare const H5: import("styled-components").StyledComponent<"h5", any, SpacingProps & {
+    theme: ThemeType;
+    textSize?: FontSizeType | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
+    textColor?: string | undefined;
+    wordBreak?: WordBreakType | undefined;
+}, never>;
+export declare const H6: import("styled-components").StyledComponent<"h6", any, SpacingProps & {
+    theme: ThemeType;
+    textSize?: FontSizeType | undefined;
+    textAlign?: "left" | "right" | "center" | undefined;
+    textColor?: string | undefined;
+    wordBreak?: WordBreakType | undefined;
+}, never>;

package/lib/components/Link/styles.d.ts

@@ -1,11 +1,17 @@
 import { AnchorHTMLAttributes } from 'react';
 import { TextProps } from 'src/components/Text';
 import { ThemeType } from 'src/types';
-export declare const ChevyWithLevee: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Icon").IconProps>, any, {}, never>;
-declare type StyledLinkProps = AnchorHTMLAttributes<HTMLElement> & TextProps & {
+export declare const ChevyWithLevee: import("styled-components").StyledComponent<import("react").FunctionComponent<import("src/components/Icon").IconProps>, any, {}, never>;
+export declare const StyledLink: import("styled-components").StyledComponent<import("react").FunctionComponent<TextProps>, any, AnchorHTMLAttributes<HTMLElement> & import("../Spacing").SpacingProps & import("react").HTMLAttributes<HTMLElement> & {
+    textColor?: string | undefined;
+    textAlign?: "center" | "left" | "right" | "justify" | undefined;
+    textSize?: import("src/types").FontSizeType | undefined;
+    textWeight?: number | undefined;
+    as?: any;
+    wordBreak?: import("src/types").WordBreakType | undefined;
+    ref?: import("react").Ref<HTMLElement> | undefined;
+} & {
     theme: ThemeType;
-    appearance?: 'primary' | 'secondary';
-    textHoverColor?: string;
-};
-export declare const StyledLink: import("styled-components").StyledComponent<import("react").FunctionComponent<TextProps>, any, StyledLinkProps, never>;
-export {};
+    appearance?: "primary" | "secondary" | undefined;
+    textHoverColor?: string | undefined;
+}, never>;

package/lib/components/RadioGroup/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ThemeType } from 'src/types';
-export declare const StyledRadio: import("styled-components").StyledComponent<import("react").FC<import("../Radio").RadioProps>, any, {
+export declare const StyledRadio: import("styled-components").StyledComponent<import("react").FC<import("src/components/Radio").RadioProps>, any, {
     numberOfAttributes: number;
     theme: ThemeType;
 }, never>;

package/lib/components/TestWrapper.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ThemeType } from 'src/types';
+import { FC } from "react";
+import { ThemeType } from "src/types";
 declare type TestThemeWrapperProps = {
     theme?: ThemeType;
 };

package/lib/components/Text/styles.d.ts

@@ -9,4 +9,12 @@ export declare type TextStyledProps = SpacingProps & {
     wordBreak?: WordBreakType;
     theme: ThemeType;
 };
-export declare const TextStyled: import("styled-components").StyledComponent<"p", any, TextStyledProps, never>;
+export declare const TextStyled: import("styled-components").StyledComponent<"p", any, SpacingProps & {
+    textColor?: string | undefined;
+    textAlign?: "left" | "right" | "center" | "justify" | undefined;
+    textSize?: FontSizeType | undefined;
+    textWeight?: number | undefined;
+    as?: any;
+    wordBreak?: WordBreakType | undefined;
+    theme: ThemeType;
+}, never>;

package/lib/components/ThemeCheatSheet.d.ts

@@ -1,9 +1,7 @@
-import React from 'react';
-import { ThemeType } from '../types';
-declare type Props = {
-    theme?: ThemeType;
-};
-declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<Props>, "children"> & {
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+} & {
     theme?: any;
 }>;
 export default _default;

package/lib/components/Totaliser/styles.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { ThemeType } from 'src/types';
-export declare const DetailWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BubbleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ProgressBarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Total: import("styled-components").StyledComponent<"p", any, {}, never>;
 export declare const BubbleText: import("styled-components").StyledComponent<"p", any, {}, never>;
+export declare const GiftAid: import("styled-components").StyledComponent<"p", any, {}, never>;
 export declare const Summary: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare type TotaliserWrapperProps = {
     isCompact: boolean;
@@ -14,5 +15,5 @@ declare type StyledProgressBarProps = {
     theme: ThemeType;
     isCompact: boolean;
 };
-export declare const StyledProgressBar: import("styled-components").StyledComponent<import("react").FC<import("../ProgressBar").ProgressBarProps>, any, StyledProgressBarProps, never>;
+export declare const StyledProgressBar: import("styled-components").StyledComponent<import("react").FC<import("src/components/ProgressBar").ProgressBarProps>, any, StyledProgressBarProps, never>;
 export {};

package/lib/components/index.d.ts

@@ -1,65 +1,65 @@
-export { default as AddressLookup } from './AddressLookup';
-export { default as Avatar } from './Avatar';
-export { default as Badge } from './Badge';
-export { default as Box } from './Box';
-export { default as Button } from './Button';
-export { default as Checkbox } from './Checkbox';
-export { default as Collapse } from './Collapse';
-export { default as DateField } from './DateField';
-export { default as Divider } from './Divider';
-export { default as ErrorText } from './ErrorText';
-export { default as Flex } from './Flex';
-export { default as Footer } from './Footer';
-export { default as GlobalStyle } from './GlobalStyle';
-export { default as Header } from './Header';
-export { default as Heading } from './Heading';
-export { default as Icon } from './Icon';
-export { default as LabelWrapper } from './LabelWrapper';
-export { default as LegendWrapper } from './LegendWrapper';
-export { default as Link } from './Link';
-export { default as Loader } from './Loader';
-export { default as Modal } from './Modal';
-export { default as Pagination } from './Pagination';
-export { default as PopOver } from './PopOver';
-export { default as ProgressBar } from './ProgressBar';
-export { default as Radio } from './Radio';
-export { default as RadioGroup } from './RadioGroup';
-export { default as Select } from './Select';
-export { default as Step } from './Step';
-export { default as Text } from './Text';
-export { default as TextAreaField } from './TextAreaField';
-export { default as TextField } from './TextField';
-export { default as Totaliser } from './Totaliser';
-export { default as UserBlock } from './UserBlock';
-export { default as crukTheme } from '../themes/cruk';
-export { default as su2cTheme } from '../themes/su2c';
-export { default as AddressLookupReadme } from './AddressLookup/README.md';
-export { default as AvatarReadme } from './Avatar/README.md';
-export { default as BadgeReadme } from './Badge/README.md';
-export { default as BoxReadme } from './Box/README.md';
-export { default as ButtonReadme } from './Button/README.md';
-export { default as CheckboxReadme } from './Checkbox/README.md';
-export { default as CollapseReadme } from './Collapse/README.md';
-export { default as DateFieldReadme } from './DateField/README.md';
-export { default as ErrorTextReadme } from './ErrorText/README.md';
-export { default as FooterReadme } from './Footer/README.md';
-export { default as HeadingReadme } from './Heading/README.md';
-export { default as HeaderReadme } from './Header/README.md';
-export { default as IconReadme } from './Icon/README.md';
-export { default as LinkReadme } from './Link/README.md';
-export { default as LegendWrapperReadme } from './LegendWrapper/README.md';
-export { default as LoaderReadme } from './Loader/README.md';
-export { default as ModalReadme } from './Modal/README.md';
-export { default as PaginationReadme } from './Pagination/README.md';
-export { default as PopOverReadme } from './PopOver/README.md';
-export { default as ProgressBarReadme } from './ProgressBar/README.md';
-export { default as RadioReadme } from './Radio/README.md';
-export { default as RadioGroupReadme } from './RadioGroup/README.md';
-export { default as SelectReadme } from './Select/README.md';
-export { default as StepReadme } from './Step/README.md';
-export { default as TextReadme } from './Text/README.md';
-export { default as TextAreaFieldReadme } from './TextAreaField/README.md';
-export { default as TextFieldReadme } from './TextField/README.md';
-export { default as TotaliserReadme } from './Totaliser/README.md';
-export { default as UserBlockReadme } from './UserBlock/README.md';
-export * from '../types';
+export { default as AddressLookup } from "./AddressLookup";
+export { default as Avatar } from "./Avatar";
+export { default as Badge } from "./Badge";
+export { default as Box } from "./Box";
+export { default as Button } from "./Button";
+export { default as Checkbox } from "./Checkbox";
+export { default as Collapse } from "./Collapse";
+export { default as DateField } from "./DateField";
+export { default as Divider } from "./Divider";
+export { default as ErrorText } from "./ErrorText";
+export { default as Flex } from "./Flex";
+export { default as Footer } from "./Footer";
+export { default as GlobalStyle } from "./GlobalStyle";
+export { default as Header } from "./Header";
+export { default as Heading } from "./Heading";
+export { default as Icon } from "./Icon";
+export { default as LabelWrapper } from "./LabelWrapper";
+export { default as LegendWrapper } from "./LegendWrapper";
+export { default as Link } from "./Link";
+export { default as Loader } from "./Loader";
+export { default as Modal } from "./Modal";
+export { default as Pagination } from "./Pagination";
+export { default as PopOver } from "./PopOver";
+export { default as ProgressBar } from "./ProgressBar";
+export { default as Radio } from "./Radio";
+export { default as RadioGroup } from "./RadioGroup";
+export { default as Select } from "./Select";
+export { default as Step } from "./Step";
+export { default as Text } from "./Text";
+export { default as TextAreaField } from "./TextAreaField";
+export { default as TextField } from "./TextField";
+export { default as Totaliser } from "./Totaliser";
+export { default as UserBlock } from "./UserBlock";
+export { default as crukTheme } from "../themes/cruk";
+export { default as su2cTheme } from "../themes/su2c";
+export { default as AddressLookupReadme } from "./AddressLookup/README.md";
+export { default as AvatarReadme } from "./Avatar/README.md";
+export { default as BadgeReadme } from "./Badge/README.md";
+export { default as BoxReadme } from "./Box/README.md";
+export { default as ButtonReadme } from "./Button/README.md";
+export { default as CheckboxReadme } from "./Checkbox/README.md";
+export { default as CollapseReadme } from "./Collapse/README.md";
+export { default as DateFieldReadme } from "./DateField/README.md";
+export { default as ErrorTextReadme } from "./ErrorText/README.md";
+export { default as FooterReadme } from "./Footer/README.md";
+export { default as HeadingReadme } from "./Heading/README.md";
+export { default as HeaderReadme } from "./Header/README.md";
+export { default as IconReadme } from "./Icon/README.md";
+export { default as LinkReadme } from "./Link/README.md";
+export { default as LegendWrapperReadme } from "./LegendWrapper/README.md";
+export { default as LoaderReadme } from "./Loader/README.md";
+export { default as ModalReadme } from "./Modal/README.md";
+export { default as PaginationReadme } from "./Pagination/README.md";
+export { default as PopOverReadme } from "./PopOver/README.md";
+export { default as ProgressBarReadme } from "./ProgressBar/README.md";
+export { default as RadioReadme } from "./Radio/README.md";
+export { default as RadioGroupReadme } from "./RadioGroup/README.md";
+export { default as SelectReadme } from "./Select/README.md";
+export { default as StepReadme } from "./Step/README.md";
+export { default as TextReadme } from "./Text/README.md";
+export { default as TextAreaFieldReadme } from "./TextAreaField/README.md";
+export { default as TextFieldReadme } from "./TextField/README.md";
+export { default as TotaliserReadme } from "./Totaliser/README.md";
+export { default as UserBlockReadme } from "./UserBlock/README.md";
+export * from "../types";

package/lib/es/src/components/Badge/styles.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import r,{css as e}from"styled-components";var i,o,t=r.span(o||(o=n(["\n  border-width: 1px;\n  border-style: solid;\n  background-color: ",";\n  color: ",";\n  border-color: ",";\n  text-align: center;\n  border-radius: 1.5rem;\n  font-size: ",";\n  line-height: 1rem;\n  padding: ",";\n  display: inline-block;\n  min-width: ",";\n\n  ","\n"],["\n  border-width: 1px;\n  border-style: solid;\n  background-color: ",";\n  color: ",";\n  border-color: ",";\n  text-align: center;\n  border-radius: 1.5rem;\n  font-size: ",";\n  line-height: 1rem;\n  padding: ",";\n  display: inline-block;\n  min-width: ",";\n\n  ","\n"])),(function(n){var r=n.theme.colors,e=n.backgroundColor;return e&&void 0!==r[e]?r[e]:e||r.primary}),(function(n){var r=n.theme.colors,e=n.textColor;return e&&void 0!==r[e]?r[e]:e||r.textLight}),(function(n){var r=n.theme.colors,e=n.borderColor,i=n.backgroundColor;return e&&void 0!==r[e]?r[e]:e||(i&&void 0!==r[i]?r[i]:i||r.primary)}),(function(n){return n.theme.fontSizes.m}),(function(n){return n.theme.spacing.xxs}),(function(n){var r=n.size,e=n.theme,i=e.spacing,o=e.spacing.xs;return"calc("+i[r]+" + "+o+")"}),(function(r){return!r.isText&&e(i||(i=n(["\n      padding: 0;\n      border-radius: 50%;\n      display: block;\n      height: ",";\n      width: ",";\n      line-height: ",";\n      svg {\n        height: ",";\n      }\n    "],["\n      padding: 0;\n      border-radius: 50%;\n      display: block;\n      height: ",";\n      width: ",";\n      line-height: ",";\n      svg {\n        height: ",";\n      }\n    "])),(function(n){var r=n.size,e=n.theme,i=e.spacing,o=e.spacing.xs;return"calc("+i[r]+" + "+o+")"}),(function(n){var r=n.size,e=n.theme,i=e.spacing,o=e.spacing.xs;return"calc("+i[r]+" + "+o+")"}),(function(n){var r=n.size,e=n.theme,i=e.spacing,o=e.spacing.xs;return"calc("+i[r]+" + "+o+")"}),(function(n){var r=n.size;return n.theme.spacing[r]}))}));export{t as StyledBadge};
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import r,{css as e}from"styled-components";var i,o,t=r.span(o||(o=n(["\n  border-width: 1px;\n  border-style: solid;\n  background-color: ",";\n  color: ",";\n  border-color: ",";\n  text-align: center;\n  border-radius: 1.5rem;\n  font-size: ",";\n  line-height: 1rem;\n  padding: ",";\n  display: inline-block;\n  min-width: ",";\n\n  ","\n"],["\n  border-width: 1px;\n  border-style: solid;\n  background-color: ",";\n  color: ",";\n  border-color: ",";\n  text-align: center;\n  border-radius: 1.5rem;\n  font-size: ",";\n  line-height: 1rem;\n  padding: ",";\n  display: inline-block;\n  min-width: ",";\n\n  ","\n"])),(function(n){var r=n.theme.colors,e=n.backgroundColor;return e&&void 0!==r[e]?r[e]:e||r.primary}),(function(n){var r=n.theme.colors,e=n.textColor;return e&&void 0!==r[e]?r[e]:e||r.textOnPrimary}),(function(n){var r=n.theme.colors,e=n.borderColor,i=n.backgroundColor;return e&&void 0!==r[e]?r[e]:e||(i&&void 0!==r[i]?r[i]:i||r.primary)}),(function(n){return n.theme.fontSizes.m}),(function(n){return n.theme.spacing.xxs}),(function(n){var r=n.size,e=n.theme,i=e.spacing,o=e.spacing.xs;return"calc("+i[r]+" + "+o+")"}),(function(r){return!r.isText&&e(i||(i=n(["\n      padding: 0;\n      border-radius: 50%;\n      display: block;\n      height: ",";\n      width: ",";\n      line-height: ",";\n      svg {\n        height: ",";\n      }\n    "],["\n      padding: 0;\n      border-radius: 50%;\n      display: block;\n      height: ",";\n      width: ",";\n      line-height: ",";\n      svg {\n        height: ",";\n      }\n    "])),(function(n){var r=n.size,e=n.theme,i=e.spacing,o=e.spacing.xs;return"calc("+i[r]+" + "+o+")"}),(function(n){var r=n.size,e=n.theme,i=e.spacing,o=e.spacing.xs;return"calc("+i[r]+" + "+o+")"}),(function(n){var r=n.size,e=n.theme,i=e.spacing,o=e.spacing.xs;return"calc("+i[r]+" + "+o+")"}),(function(n){var r=n.size;return n.theme.spacing[r]}))}));export{t as StyledBadge};
 //# sourceMappingURL=styles.js.map

package/lib/es/src/components/Divider.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"../../node_modules/tslib/tslib.es6.js";import e from"react";import t from"styled-components";var i,o=t.div(i||(i=n(["\n  align-items: center;\n  display: flex;\n  flex-basis: 100%;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  text-align: center;\n  width: 100%;\n  :before,\n  :after {\n    background-color: #333;\n    content: '';\n    display: inline-block;\n    flex-grow: 1;\n    height: 1px;\n  }\n"],["\n  align-items: center;\n  display: flex;\n  flex-basis: 100%;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  text-align: center;\n  width: 100%;\n  :before,\n  :after {\n    background-color: #333;\n    content: '';\n    display: inline-block;\n    flex-grow: 1;\n    height: 1px;\n  }\n"]))),l=function(n){return e.createElement(o,null,n.children)};export{l as Divider,l as default};
+import{__makeTemplateObject as n}from"../../node_modules/tslib/tslib.es6.js";import e from"react";import t from"styled-components";var i,o=t.div(i||(i=n(['\n  align-items: center;\n  display: flex;\n  flex-basis: 100%;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  text-align: center;\n  width: 100%;\n  :before,\n  :after {\n    background-color: #333;\n    content: "";\n    display: inline-block;\n    flex-grow: 1;\n    height: 1px;\n  }\n'],['\n  align-items: center;\n  display: flex;\n  flex-basis: 100%;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  text-align: center;\n  width: 100%;\n  :before,\n  :after {\n    background-color: #333;\n    content: "";\n    display: inline-block;\n    flex-grow: 1;\n    height: 1px;\n  }\n']))),l=function(n){return e.createElement(o,null,n.children)};export{l as Divider,l as default};
 //# sourceMappingURL=Divider.js.map

package/lib/es/src/components/GlobalStyle.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"../../node_modules/tslib/tslib.es6.js";import{createGlobalStyle as o,withTheme as t}from"styled-components";import e from"../themes/cruk.js";var r=o(i||(i=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 o={...e,...n.theme};return"\n      "+(o.typography.customFonts.map((function(n){return"\n        @font-face {\n          font-family: "+n.family+';\n          src: url("'+n.url+".woff2\") format('woff2'),\n               url(\""+n.url+".woff\") format('woff');\n          font-weight: normal;\n          font-style: normal;\n          font-display: fallback;\n        }\n      "})).join("")+"\n      html {\n        font-size: ")+o.typography.fontSizeBase+";\n        font-family: "+o.typography.fontFamilyBase+";\n        line-height: "+o.typography.lineHeight+";\n      }\n      body {\n        background-color: "+o.colors.backgroundMid+";\n        color: "+o.colors.textDark+";\n        margin: 0;\n        padding: 0;\n        overflow-x: hidden;\n      }\n    "}));r.defaultProps={theme:e};var i,a=t(r);export{a as default};
+import{__makeTemplateObject as n,__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{createGlobalStyle as t,withTheme as e}from"styled-components";import r from"../themes/cruk.js";var i=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({},r),n.theme);return"\n      "+(t.typography.customFonts.map((function(n){return"\n        @font-face {\n          font-family: "+n.family+';\n          src: url("'+n.url+".woff2\") format('woff2'),\n               url(\""+n.url+".woff\") format('woff');\n          font-weight: normal;\n          font-style: normal;\n          font-display: fallback;\n        }\n      "})).join("")+"\n      html {\n        font-size: ")+t.typography.fontSizeBase+";\n        font-family: "+t.typography.fontFamilyBase+";\n        line-height: "+t.typography.lineHeight+";\n      }\n      body {\n        background-color: "+t.colors.backgroundMid+";\n        color: "+t.colors.textDark+";\n        margin: 0;\n        padding: 0;\n        overflow-x: hidden;\n      }\n    "}));i.defaultProps={theme:r};var a,s=e(i);export{s as default};
 //# sourceMappingURL=GlobalStyle.js.map

package/lib/es/src/components/Totaliser/index.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";import{useTheme as r}from"styled-components";import{calculatePercentRounded as m,formatMoneyWithCommas as a}from"../../utils/Helper.js";import l from"../../themes/cruk.js";import{Text as n}from"../Text/index.js";import o from"../Badge/index.js";import s from"../Box/index.js";import{TotaliserWrapper as i,CompactWrapper as c,Summary as p,DetailWrapper as u,BubbleText as g,Total as f,ProgressBarWrapper as E,StyledProgressBar as d}from"./styles.js";var h=function(h){var x=r(),j=e(e({},l),x),y=m(+h.total,h.target||0),C=m(+h.total,h.target||0)+"% of the £"+a(h.target||0)+" target";return t.createElement(i,e({},h,{isCompact:h.isCompact||!1,theme:j}),h.isCompact?t.createElement(c,{theme:j},t.createElement(s,{marginHorizontal:"none",marginRight:"xxs",marginBottom:"none"},t.createElement(o,null,"£"+a(h.total))),null!==h.target&&t.createElement(p,null,t.createElement(n,{as:"span"},C))):t.createElement(u,{theme:j},t.createElement(g,null,"Total raised"),t.createElement(f,null,"£",a(h.total)),t.createElement(g,null,"+ £",a(h.giftAid||0)," Gift Aid")),(!!h.target||!!h.summaryMessage)&&t.createElement(E,{theme:j},t.createElement(d,{theme:j,percentage:y,isCompact:h.isCompact||!1}),!h.isCompact&&(h.summaryMessage?t.createElement(p,null,h.summaryMessage):t.createElement(p,null,t.createElement(n,{as:"span"},C)))),h.children)};h.defaultProps={summaryMessage:void 0,target:null};export{h as default};
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";import{useTheme as r}from"styled-components";import{calculatePercentRounded as m,formatMoneyWithCommas as a}from"../../utils/Helper.js";import l from"../../themes/cruk.js";import{Text as n}from"../Text/index.js";import o from"../Badge/index.js";import s from"../Box/index.js";import{TotaliserWrapper as i,CompactWrapper as c,Summary as p,BubbleWrapper as u,BubbleText as g,Total as f,GiftAid as E,ProgressBarWrapper as d,StyledProgressBar as h}from"./styles.js";var x=function(x){var j=r(),y=e(e({},l),j),C=m(+x.total,x.target||0),M=m(+x.total,x.target||0)+"% of the £"+a(x.target||0)+" target";return t.createElement(i,e({},x,{isCompact:x.isCompact||!1,theme:y}),x.isCompact?t.createElement(c,{theme:y},t.createElement(s,{marginHorizontal:"none",marginRight:"xxs",marginBottom:"none"},t.createElement(o,null,"£"+a(x.total))),null!==x.target&&t.createElement(p,null,t.createElement(n,{as:"span"},M))):t.createElement(u,{theme:y},t.createElement(g,null,"Total raised"),t.createElement(f,null,"£",a(x.total)),t.createElement(E,null,"+ £",a(x.giftAid||0)," Gift Aid")),(!!x.target||!!x.summaryMessage)&&t.createElement(d,{theme:y},t.createElement(h,{theme:y,percentage:C,isCompact:x.isCompact||!1}),!x.isCompact&&(x.summaryMessage?t.createElement(p,null,x.summaryMessage):t.createElement(p,null,t.createElement(n,{as:"span"},M)))),x.children)};x.defaultProps={summaryMessage:void 0,target:null};export{x as default};
 //# sourceMappingURL=index.js.map

package/lib/es/src/components/Totaliser/styles.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t,{css as e}from"styled-components";import o from"../ProgressBar/index.js";var r,i,a,p,m,f,d,s,l,g,c=t.div(r||(r=n(["\n  color: ",";\n  text-align: center;\n  background-color: ",";\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  z-index: 10;\n\n  p {\n    margin: 0;\n  }\n"],["\n  color: ",";\n  text-align: center;\n  background-color: ",";\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  z-index: 10;\n\n  p {\n    margin: 0;\n  }\n"])),(function(n){return n.theme.colors.textLight}),(function(n){return n.theme.colors.tertiary})),x=t.div(i||(i=n(["\n  padding: 0 46px 12px;\n  margin-top: 7px;\n  border: solid 1px ",";\n  position: relative;\n"],["\n  padding: 0 46px 12px;\n  margin-top: 7px;\n  border: solid 1px ",";\n  position: relative;\n"])),(function(n){return n.theme.colors.totaliserBorder})),u=t.p(a||(a=n(["\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ",";\n  text-transform: ",";\n"],["\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ",";\n  text-transform: ",";\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.headerTextTransform})),y=t.p(p||(p=n(["\n  font-family: ",";\n  text-transform: ",";\n"],["\n  font-family: ",";\n  text-transform: ",";\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.headerTextTransform})),h=t.div(m||(m=n(["\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ",";\n"],["\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ",";\n"])),(function(n){return n.theme.typography.fontFamilyBase})),b=t.div(d||(d=n(["\n  font-family: ",";\n  margin: 0;\n  ","\n"],["\n  font-family: ",";\n  margin: 0;\n  ","\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(t){return t.isCompact&&e(f||(f=n(["\n      "," {\n        border: none;\n        padding: 0;\n      }\n    "],["\n      "," {\n        border: none;\n        padding: 0;\n      }\n    "])),x)})),v=t.div(s||(s=n(["\n  justify-content: space-between;\n  display: flex;\n"],["\n  justify-content: space-between;\n  display: flex;\n"]))),z=t(o)(g||(g=n(["\n  ","\n"],["\n  ","\n"])),(function(t){return!t.isCompact&&e(l||(l=n(["\n      > div > div:after {\n        content: '\\25bc';\n        color: ",";\n        z-index: 11;\n        position: absolute;\n        top: -30px;\n        right: -15px;\n        font-size: 32px;\n      }\n    "],["\n      > div > div:after {\n        content: '\\\\25bc';\n        color: ",";\n        z-index: 11;\n        position: absolute;\n        top: -30px;\n        right: -15px;\n        font-size: 32px;\n      }\n    "])),(function(n){return n.theme.colors.tertiary}))}));export{y as BubbleText,v as CompactWrapper,c as DetailWrapper,x as ProgressBarWrapper,z as StyledProgressBar,h as Summary,u as Total,b as TotaliserWrapper};
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t,{css as o}from"styled-components";import e from"../ProgressBar/index.js";var r,i,a,l,m,p,f,s,c,d,u,g=t.div(r||(r=n(["\n  text-align: center;\n  background-color: ",";\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  z-index: 10;\n\n  p {\n    margin: 0;\n  }\n"],["\n  text-align: center;\n  background-color: ",";\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  z-index: 10;\n\n  p {\n    margin: 0;\n  }\n"])),(function(n){return n.theme.colors.totaliserBubbleColor})),x=t.div(i||(i=n(["\n  padding: 0 46px 12px;\n  margin-top: ",";\n  position: relative;\n"],["\n  padding: 0 46px 12px;\n  margin-top: ",";\n  position: relative;\n"])),(function(n){return n.theme.spacing.s})),y=t.p(a||(a=n(["\n  color: ",";\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ",";\n  text-transform: ",";\n"],["\n  color: ",";\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ",";\n  text-transform: ",";\n"])),(function(n){return n.theme.colors.totaliserBubbleTotalColor}),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.headerTextTransform})),h=t.p(l||(l=n(["\n  color: ",";\n  font-family: ",";\n  text-transform: ",";\n"],["\n  color: ",";\n  font-family: ",";\n  text-transform: ",";\n"])),(function(n){return n.theme.colors.totaliserBubbleTextColor}),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.headerTextTransform})),b=t.p(m||(m=n(["\n  color: ",";\n  font-family: ",";\n  text-transform: ",";\n"],["\n  color: ",";\n  font-family: ",";\n  text-transform: ",";\n"])),(function(n){return n.theme.colors.totaliserBubbleTotalColor}),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.headerTextTransform})),v=t.div(p||(p=n(["\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ",";\n"],["\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ",";\n"])),(function(n){return n.theme.typography.fontFamilyBase})),T=t.div(s||(s=n(["\n  font-family: ",";\n  margin: 0;\n  ","\n"],["\n  font-family: ",";\n  margin: 0;\n  ","\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(t){return t.isCompact&&o(f||(f=n(["\n      "," {\n        border: none;\n        padding: 0;\n      }\n    "],["\n      "," {\n        border: none;\n        padding: 0;\n      }\n    "])),x)})),z=t.div(c||(c=n(["\n  justify-content: space-between;\n  display: flex;\n"],["\n  justify-content: space-between;\n  display: flex;\n"]))),B=t(e)(u||(u=n(["\n  ","\n"],["\n  ","\n"])),(function(t){return!t.isCompact&&o(d||(d=n(["\n      > div > div:after {\n        content: '\\25bc';\n        color: ",";\n        z-index: 11;\n        position: absolute;\n        top: -30px;\n        right: -15px;\n        font-size: 32px;\n      }\n    "],["\n      > div > div:after {\n        content: '\\\\25bc';\n        color: ",";\n        z-index: 11;\n        position: absolute;\n        top: -30px;\n        right: -15px;\n        font-size: 32px;\n      }\n    "])),(function(n){return n.theme.colors.totaliserBubbleColor}))}));export{h as BubbleText,g as BubbleWrapper,z as CompactWrapper,b as GiftAid,x as ProgressBarWrapper,B as StyledProgressBar,v as Summary,y as Total,T as TotaliserWrapper};
 //# sourceMappingURL=styles.js.map

package/lib/es/src/themes/cruk.js

@@ -1,2 +1,2 @@
-var e={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},r={cdnPath:"https://ccp-s3.int.cruk.org/",assetPath:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/logo.png",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)."},t={s:"35px",m:"50px",l:"60px",xl:"90px",path:r.assetPath+"images/icon-avatars/"},a={borderRadius:"4px",borderRadiusLarge:"4px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none"},o={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},n={darkBlue_100:"#edeaf5",darkBlue_200:"#dad2ea",darkBlue_300:"#a896cf",darkBlue_500:"#2e008b",magenta_100:"#fdeaf5",magenta_500:"#e40074",magenta_800:"#BB0071",magenta_900:"#710044",cyan_500:"#00b6ed",cyan_900:"#005870",grey_100:"#f5f5f5",grey_200:"#ededed",grey_300:"#c6c6c6",grey_500:"#9A9A9A",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},i={primary:n.darkBlue_500,secondary:n.magenta_500,tertiary:n.cyan_500,textOnPrimary:n.white,textOnSecondary:n.white,textOnTertiary:n.white,disabled:n.grey_300,danger:n.red,warning:n.yellow,success:n.green,info:n.cyan_500,textError:n.red,linkColor:n.darkBlue_500,linkColorHover:n.magenta_800,textDark:n.grey_900,textLight:n.white,progressBar:n.magenta_500,progressBarBackground:n.grey_200,circularProgress:n.cyan_500,circularProgressBackground:n.grey_300,buttonPrimaryBackground:n.magenta_500,buttonPrimaryText:n.white,buttonPrimaryBorder:n.magenta_500,buttonPrimaryBackgroundHover:n.magenta_800,buttonPrimaryTextHover:n.white,buttonPrimaryBorderHover:n.magenta_800,buttonPrimaryDisabledBackground:n.grey_100,buttonPrimaryDisabledText:n.grey_500,buttonPrimaryDisabledBorder:n.grey_100,buttonSecondaryBackground:n.white,buttonSecondaryText:n.magenta_500,buttonSecondaryBorder:n.magenta_500,buttonSecondaryBackgroundHover:n.magenta_100,buttonSecondaryTextHover:n.magenta_500,buttonSecondaryBorderHover:n.magenta_500,buttonSecondaryDisabledBackground:n.grey_100,buttonSecondaryDisabledText:n.grey_500,buttonSecondaryDisabledBorder:n.grey_100,buttonTertiaryBackground:n.white,buttonTertiaryText:n.magenta_500,buttonTertiaryBorder:n.grey_500,buttonTertiaryBackgroundHover:n.magenta_100,buttonTertiaryTextHover:n.magenta_500,buttonTertiaryBorderHover:n.grey_500,buttonTertiaryDisabledBackground:n.grey_100,buttonTertiaryDisabledText:n.grey_500,buttonTertiaryDisabledBorder:n.grey_100,selectionBorder:n.grey_500,textInputBorder:n.grey_900,inputBorder:n.grey_900,headerBackground:n.white,backgroundLight:n.white,backgroundLightColor:n.darkBlue_200,backgroundMid:n.grey_100,loaderColor1:n.darkBlue_500,loaderColor2:n.magenta_500,loaderColor3:n.cyan_500,paginationActive:n.grey_300,paginationBackground:n.darkBlue_500,footerBackground:n.grey_200,headerBorder:n.grey_300,stepBorder:n.grey_300,stepBackground:n.white,popoverBackground:n.white,textInputExtraInfo:n.grey_200,totaliserBorder:n.grey_300,selectBackground:n.grey_900,modalBackdrop:n.grey_900,userBlockExtraText:n.grey_800},d={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.857rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},s={customFonts:[{family:"MuseoSans-500",url:"https://ccp-s3.int.cruk.org/fonts/MuseoSansRounded-500"}],fontUrl:r.cdnPath+"fonts",fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyHeadings:"MuseoSans-500,Calibri,Arial,sans-serif",fontSizeBase:"16px",fontWeightHeavy:"700",fontWeightMedium:"500",fontWeightLight:"300",fontWeightVLight:"100",linkTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},u={name:"cruk",avatar:t,breakpoint:o,button:a,tokenColors:n,colors:i,spacing:d,fontSizes:g,siteConfig:r,typography:s,utilities:e};export{t as AVATAR,o as BREAKPOINT,a as BUTTON,i as COLORS,g as FONT_SIZES,r as SITE_CONFIG,d as SPACING,n as TOKEN_COLORS,s as TYPOGRAPHY,e as UTILITIES,u as default};
+var e={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},r={cdnPath:"https://ccp-s3.int.cruk.org/",assetPath:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/logo.png",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)."},t={s:"35px",m:"50px",l:"60px",xl:"90px",path:r.assetPath+"images/icon-avatars/"},a={borderRadius:"4px",borderRadiusLarge:"4px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none"},o={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},n={darkBlue_100:"#edeaf5",darkBlue_200:"#dad2ea",darkBlue_300:"#a896cf",darkBlue_500:"#2e008b",magenta_100:"#fdeaf5",magenta_500:"#e40074",magenta_800:"#BB0071",magenta_900:"#710044",cyan_500:"#00b6ed",cyan_900:"#005870",grey_100:"#f5f5f5",grey_200:"#ededed",grey_300:"#c6c6c6",grey_500:"#9A9A9A",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},i={primary:n.darkBlue_500,secondary:n.magenta_500,tertiary:n.cyan_500,textOnPrimary:n.white,textOnSecondary:n.white,textOnTertiary:n.white,disabled:n.grey_300,danger:n.red,warning:n.yellow,success:n.green,info:n.cyan_500,textError:n.red,linkColor:n.darkBlue_500,linkColorHover:n.magenta_800,textDark:n.grey_900,textLight:n.white,progressBar:n.darkBlue_500,progressBarBackground:n.grey_200,circularProgress:n.cyan_500,circularProgressBackground:n.grey_300,buttonPrimaryBackground:n.magenta_500,buttonPrimaryText:n.white,buttonPrimaryBorder:n.magenta_500,buttonPrimaryBackgroundHover:n.magenta_800,buttonPrimaryTextHover:n.white,buttonPrimaryBorderHover:n.magenta_800,buttonPrimaryDisabledBackground:n.grey_100,buttonPrimaryDisabledText:n.grey_500,buttonPrimaryDisabledBorder:n.grey_100,buttonSecondaryBackground:n.white,buttonSecondaryText:n.magenta_500,buttonSecondaryBorder:n.magenta_500,buttonSecondaryBackgroundHover:n.magenta_100,buttonSecondaryTextHover:n.magenta_800,buttonSecondaryBorderHover:n.magenta_800,buttonSecondaryDisabledBackground:n.grey_100,buttonSecondaryDisabledText:n.grey_500,buttonSecondaryDisabledBorder:n.grey_100,buttonTertiaryBackground:n.white,buttonTertiaryText:n.magenta_500,buttonTertiaryBorder:n.grey_500,buttonTertiaryBackgroundHover:n.magenta_100,buttonTertiaryTextHover:n.magenta_800,buttonTertiaryBorderHover:n.grey_500,buttonTertiaryDisabledBackground:n.grey_100,buttonTertiaryDisabledText:n.grey_500,buttonTertiaryDisabledBorder:n.grey_100,selectionBorder:n.grey_500,textInputBorder:n.grey_900,inputBorder:n.grey_900,headerBackground:n.white,backgroundLight:n.white,backgroundLightColor:n.darkBlue_200,backgroundMid:n.grey_100,loaderColor1:n.darkBlue_500,loaderColor2:n.magenta_500,loaderColor3:n.cyan_500,paginationActive:n.grey_300,paginationBackground:n.darkBlue_500,footerBackground:n.grey_200,headerBorder:n.grey_300,stepBorder:n.grey_300,stepBackground:n.white,popoverBackground:n.white,textInputExtraInfo:n.grey_200,totaliserBubbleColor:n.grey_200,totaliserBubbleTextColor:n.grey_900,totaliserBubbleTotalColor:n.darkBlue_500,selectBackground:n.grey_900,modalBackdrop:n.grey_900,userBlockExtraText:n.grey_800},d={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.857rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},s={customFonts:[{family:"MuseoSans-500",url:"https://ccp-s3.int.cruk.org/fonts/MuseoSansRounded-500"}],fontUrl:r.cdnPath+"fonts",fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyHeadings:"MuseoSans-500,Calibri,Arial,sans-serif",fontSizeBase:"16px",fontWeightHeavy:"700",fontWeightMedium:"500",fontWeightLight:"300",fontWeightVLight:"100",linkTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},u={name:"cruk",avatar:t,breakpoint:o,button:a,tokenColors:n,colors:i,spacing:d,fontSizes:g,siteConfig:r,typography:s,utilities:e};export{t as AVATAR,o as BREAKPOINT,a as BUTTON,i as COLORS,g as FONT_SIZES,r as SITE_CONFIG,d as SPACING,n as TOKEN_COLORS,s as TYPOGRAPHY,e as UTILITIES,u as default};
 //# sourceMappingURL=cruk.js.map

package/lib/es/src/themes/su2c.js

@@ -1,2 +1,2 @@
-import{__assign as r}from"../../node_modules/tslib/tslib.es6.js";import e from"./cruk.js";var a=r(r({},e.utilities),{useBackgroundStyleLinks:!0}),o=r(r({},e.siteConfig),{logoSrc:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/images/su2c-logo.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."}),t=r(r({},e.avatar),{path:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/images/icon-avatars/su2c/"}),n=r(r({},e.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=r({},e.breakpoint),u=r(r({},e.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),c=r(r({},e.colors),{primary:u.su2cOrange5,secondary:u.su2cOrange5,tertiary:u.su2cBlack,textOnPrimary:u.su2cBlack,progressBar:u.su2cOrange5,circularProgress:u.su2cOrange3,linkColor:u.su2cOrange5,linkColorHover:u.su2cRed,backgroundLightColor:u.su2cOrange2,loaderColor1:u.su2cOrange5,loaderColor2:u.su2cRed,loaderColor3:u.su2cBlack,paginationBackground:u.su2cBlack,buttonPrimaryBackground:u.su2cOrange5,buttonPrimaryText:u.su2cBlack,buttonPrimaryBorder:u.su2cOrange5,buttonPrimaryBackgroundHover:u.su2cOrange3,buttonPrimaryTextHover:u.su2cBlack,buttonPrimaryBorderHover:u.su2cOrange3,buttonPrimaryDisabledBackground:u.grey_300,buttonPrimaryDisabledText:u.white,buttonPrimaryDisabledBorder:u.grey_300,buttonSecondaryBackground:u.white,buttonSecondaryText:u.su2cOrange5,buttonSecondaryBorder:u.su2cOrange5,buttonSecondaryBackgroundHover:u.su2cOrange1,buttonSecondaryTextHover:u.su2cOrange5,buttonSecondaryBorderHover:u.su2cOrange5,buttonSecondaryDisabledBackground:u.white,buttonSecondaryDisabledText:u.grey_300,buttonSecondaryDisabledBorder:u.grey_300,buttonTertiaryBackground:u.white,buttonTertiaryText:u.su2cOrange5,buttonTertiaryBorder:u.su2cGrey2,buttonTertiaryBackgroundHover:u.su2cOrange1,buttonTertiaryTextHover:u.su2cOrange5,buttonTertiaryBorderHover:u.su2cGrey2,buttonTertiaryDisabledBackground:u.white,buttonTertiaryDisabledText:u.grey_300,buttonTertiaryDisabledBorder:u.grey_300}),i=r({},e.spacing),d=r({},e.fontSizes),g=r(r({},e.typography),{customFonts:[{family:"itc_avant_garde_pro_mdbold",url:"https://crukorg.github.io/SU2C-drupal/assets/fonts/su2c/itc_-_itcavantgardepro-bold-webfont"}],fontFamilyHeadings:"itc_avant_garde_pro_mdbold,Arial,sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase"}),l={name:"su2c",avatar:t,breakpoint:s,button:n,tokenColors:u,colors:c,spacing:i,fontSizes:d,siteConfig:o,typography:g,utilities:a};export{t as AVATAR,s as BREAKPOINT,n as BUTTON,c as COLORS,d as FONT_SIZES,o as SITE_CONFIG,i as SPACING,u as TOKEN_COLORS,g as TYPOGRAPHY,a as UTILITIES,l as default};
+import{__assign as r}from"../../node_modules/tslib/tslib.es6.js";import e from"./cruk.js";var a=r(r({},e.utilities),{useBackgroundStyleLinks:!0}),o=r(r({},e.siteConfig),{logoSrc:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/images/su2c-logo.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."}),t=r(r({},e.avatar),{path:"https://fundraise.cancerresearchuk.org/profiles/cruk_fundraising/themes/cruk_of_bootstrap/images/icon-avatars/su2c/"}),n=r(r({},e.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=r({},e.breakpoint),u=r(r({},e.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),c=r(r({},e.colors),{primary:u.su2cOrange5,secondary:u.su2cOrange5,tertiary:u.su2cBlack,textOnPrimary:u.su2cBlack,progressBar:u.su2cOrange5,circularProgress:u.su2cOrange3,linkColor:u.su2cOrange5,linkColorHover:u.su2cRed,backgroundLightColor:u.su2cOrange2,loaderColor1:u.su2cOrange5,loaderColor2:u.su2cRed,loaderColor3:u.su2cBlack,paginationBackground:u.su2cBlack,totaliserBubbleColor:u.su2cBlack,totaliserBubbleTextColor:u.white,totaliserBubbleTotalColor:u.white,buttonPrimaryBackground:u.su2cOrange5,buttonPrimaryText:u.su2cBlack,buttonPrimaryBorder:u.su2cOrange5,buttonPrimaryBackgroundHover:u.su2cOrange3,buttonPrimaryTextHover:u.su2cBlack,buttonPrimaryBorderHover:u.su2cOrange3,buttonPrimaryDisabledBackground:u.grey_300,buttonPrimaryDisabledText:u.white,buttonPrimaryDisabledBorder:u.grey_300,buttonSecondaryBackground:u.white,buttonSecondaryText:u.su2cOrange5,buttonSecondaryBorder:u.su2cOrange5,buttonSecondaryBackgroundHover:u.su2cOrange1,buttonSecondaryTextHover:u.su2cOrange5,buttonSecondaryBorderHover:u.su2cOrange5,buttonSecondaryDisabledBackground:u.white,buttonSecondaryDisabledText:u.grey_300,buttonSecondaryDisabledBorder:u.grey_300,buttonTertiaryBackground:u.white,buttonTertiaryText:u.su2cOrange5,buttonTertiaryBorder:u.su2cGrey2,buttonTertiaryBackgroundHover:u.su2cOrange1,buttonTertiaryTextHover:u.su2cOrange5,buttonTertiaryBorderHover:u.su2cGrey2,buttonTertiaryDisabledBackground:u.white,buttonTertiaryDisabledText:u.grey_300,buttonTertiaryDisabledBorder:u.grey_300}),i=r({},e.spacing),d=r({},e.fontSizes),g=r(r({},e.typography),{customFonts:[{family:"itc_avant_garde_pro_mdbold",url:"https://crukorg.github.io/SU2C-drupal/assets/fonts/su2c/itc_-_itcavantgardepro-bold-webfont"}],fontFamilyHeadings:"itc_avant_garde_pro_mdbold,Arial,sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase"}),l={name:"su2c",avatar:t,breakpoint:s,button:n,tokenColors:u,colors:c,spacing:i,fontSizes:d,siteConfig:o,typography:g,utilities:a};export{t as AVATAR,s as BREAKPOINT,n as BUTTON,c as COLORS,d as FONT_SIZES,o as SITE_CONFIG,i as SPACING,u as TOKEN_COLORS,g as TYPOGRAPHY,a as UTILITIES,l as default};
 //# sourceMappingURL=su2c.js.map

package/lib/hocs/MdxProvider.d.ts

@@ -1,3 +1,3 @@
-import { FunctionComponent } from 'react';
+import { FunctionComponent } from "react";
 declare const MdxProvider: FunctionComponent;
 export default MdxProvider;

package/lib/hooks/useEffectBrowser.d.ts

@@ -1,3 +1,3 @@
-import { EffectCallback, DependencyList } from 'react';
+import { EffectCallback, DependencyList } from "react";
 export declare function useEffectBrowser(action: EffectCallback, deps: DependencyList): void | null;
 export default useEffectBrowser;

package/lib/hooks/useKey.d.ts

@@ -1,4 +1,4 @@
-import { DependencyList, KeyboardEvent } from 'react';
+import { DependencyList, KeyboardEvent } from "react";
 export declare const useKey: (callback: (event: KeyboardEvent<{}>) => void, options: {
     detectKeys?: string[] | undefined;
     keyevent?: "keydown" | "keyup" | "keypress" | undefined;

package/lib/hooks/useLayoutEffectBrowser.d.ts

@@ -1,3 +1,3 @@
-import { EffectCallback, DependencyList } from 'react';
+import { EffectCallback, DependencyList } from "react";
 export declare function useLayoutEffectBrowser(action: EffectCallback, deps: DependencyList): void | null;
 export default useLayoutEffectBrowser;

package/lib/hooks/useScrollPosition.d.ts

@@ -1,2 +1,2 @@
-import { DependencyList, RefObject, MutableRefObject } from 'react';
+import { DependencyList, RefObject, MutableRefObject } from "react";
 export declare function useScrollPosition(effect: any, deps: DependencyList, element: RefObject<HTMLElement> | MutableRefObject<undefined> | null, useWindow: boolean, wait: number): void;

package/lib/stories/Button.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import './button.css';
+import React from "react";
+import "./button.css";
 export interface ButtonProps {
     /**
      * Is this the principal call to action on the page?
@@ -12,7 +12,7 @@ export interface ButtonProps {
     /**
      * How large should the button be?
      */
-    size?: 'small' | 'medium' | 'large';
+    size?: "small" | "medium" | "large";
     /**
      * Button contents
      */

package/lib/stories/Header.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import './header.css';
+import React from "react";
+import "./header.css";
 export interface HeaderProps {
     user?: {};
     onLogin: () => void;

package/lib/stories/Header.stories.d.ts

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
-import { HeaderProps } from './Header';
+import { Story, Meta } from "@storybook/react";
+import { HeaderProps } from "./Header";
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const LoggedIn: Story<HeaderProps>;

package/lib/stories/Page.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import './page.css';
+import React from "react";
+import "./page.css";
 export interface PageProps {
     user?: {};
     onLogin: () => void;

package/lib/stories/Page.stories.d.ts

@@ -1,5 +1,5 @@
-import { Story, Meta } from '@storybook/react';
-import { PageProps } from './Page';
+import { Story, Meta } from "@storybook/react";
+import { PageProps } from "./Page";
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const LoggedIn: Story<PageProps>;

package/lib/themes/cruk.d.ts

@@ -1,4 +1,4 @@
-import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType } from '../types';
+import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType } from "../types";
 export declare const UTILITIES: UtilitiesType;
 export declare const SITE_CONFIG: SiteConfigType;
 export declare const AVATAR: AvatarType;

package/lib/themes/su2c.d.ts

@@ -1,4 +1,4 @@
-import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType } from '../types';
+import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType } from "../types";
 export declare const UTILITIES: UtilitiesType;
 export declare const SITE_CONFIG: SiteConfigType;
 export declare const AVATAR: AvatarType;

package/lib/types.d.ts

@@ -107,7 +107,9 @@ export declare type ColorsType = {
     stepBackground: string;
     popoverBackground: string;
     textInputExtraInfo: string;
-    totaliserBorder: string;
+    totaliserBubbleColor: string;
+    totaliserBubbleTextColor: string;
+    totaliserBubbleTotalColor: string;
     textInputBorder: string;
     selectBackground: string;
     modalBackdrop: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/cruk-react-components",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "React components implementing CRUK and SU2C designs",
   "license": "UNLICENSED",
   "publishConfig": {
@@ -39,6 +39,7 @@
     "rollup:build-lib": "npm run clean-lib && rollup --config",
     "prettier": "prettier --write src/**/*.{ts,tsx}",
     "prettier:test": "prettier --check src/**/*.{ts,tsx}",
+    "prettier:debug": "prettier --debug-check src/**/*.{ts,tsx}",
     "prettier:test-staged": "npx pretty-quick --pattern 'src/**/*.{js,ts,tsx}' 'cypress/{integration,plugins,support}/**/*.{js,ts,tsx}' --staged",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
@@ -66,15 +67,15 @@
   },
   "homepage": "https://github.com/CRUKorg/cruk-react-components#readme",
   "devDependencies": {
-    "@babel/cli": "^7.8.4",
-    "@babel/core": "^7.9.0",
+    "@babel/cli": "^7.15.7",
+    "@babel/core": "^7.15.5",
     "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/preset-env": "^7.8.3",
-    "@babel/preset-react": "^7.8.3",
+    "@babel/preset-env": "^7.15.6",
+    "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.9.0",
-    "@cypress/react": "^5.3.4",
-    "@cypress/webpack-dev-server": "^1.1.3",
-    "@cypress/webpack-preprocessor": "^5.5.0",
+    "@cypress/react": "^5.10.0",
+    "@cypress/webpack-dev-server": "1.6.0",
+    "@cypress/webpack-preprocessor": "^5.9.1",
     "@mdx-js/loader": "^1.6.22",
     "@mdx-js/mdx": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
@@ -83,25 +84,28 @@
     "@reach/router": "^1.3.4",
     "@react-theming/storybook-addon": "^1.1.1",
     "@rollup/plugin-babel": "^5.0.0",
-    "@rollup/plugin-commonjs": "^20.0.0",
-    "@rollup/plugin-node-resolve": "^7.1.3",
+    "@rollup/plugin-node-resolve": "^13.0.5",
+    "@rollup/plugin-commonjs": "^21.0.0",
     "@storybook/addon-a11y": "6.3.8",
-    "@storybook/addon-actions": "6.3.8",
-    "@storybook/addon-essentials": "6.3.8",
-    "@storybook/addon-links": "6.3.8",
-    "@storybook/react": "6.3.8",
+    "@storybook/addon-actions": "^6.3.8",
+    "@storybook/addon-essentials": "^6.3.8",
+    "@storybook/addon-links": "^6.3.8",
+    "@storybook/builder-webpack5": "^6.3.8",
+    "@storybook/manager-webpack5": "^6.3.8",
+    "@storybook/react": "^6.3.8",
     "@types/assert": "^1.5.1",
+    "@types/cypress-image-snapshot": "^3.1.6",
     "@types/jest": "^26.0.9",
     "@types/mdx-js__react": "^1.5.1",
     "@types/react": "^16.9.0",
-    "@types/react-dom": "^16.9.0",
+    "@types/react-dom": "^17.0.9",
     "@types/styled-components": "^5.1.0",
     "@typescript-eslint/eslint-plugin": "^4.25.0",
     "@typescript-eslint/parser": "^4.25.0",
     "axe-core": "^4.2.1",
-    "babel-loader": "^8.0.6",
+    "babel-loader": "8.2.1",
     "babel-plugin-styled-components": "^1.8.0",
-    "cypress": "8.4.1",
+    "cypress": "8.5.0",
     "cypress-axe": "0.13.0",
     "cypress-image-snapshot": "^4.0.1",
     "cypress-plugin-tab": "^1.0.5",
@@ -109,12 +113,12 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-react": "^7.23.2",
     "eslint-plugin-react-hooks": "^4.2.0",
-    "html-loader": "^0.5.5",
-    "html-webpack-plugin": "^4.0.0",
-    "husky": "^6.0.0",
+    "html-loader": "^2.1.2",
+    "html-webpack-plugin": "^5.3.2",
+    "husky": "^7.0.2",
     "jest": "^26.6.3",
     "lint-staged": "^11.1.2",
-    "prettier": "^1.19.1",
+    "prettier": "^2.4.1",
     "pretty-quick": "^3.1.1",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
@@ -125,15 +129,16 @@
     "rollup-plugin-typescript2": "^0.30.0",
     "source-map-explorer": "^2.2.2",
     "styled-components": "^5.1.1",
-    "ts-loader": "^8.1.0",
-    "typescript": "^3.9.9",
-    "webpack": "^4.46.0",
-    "webpack-cli": "^4.7.0",
+    "ts-loader": "9.2.6",
+    "typescript": "^4.4.3",
+    "webpack": "^5.53.0",
+    "webpack-cli": "4.8.0",
     "webpack-dev-server": "^3.11.2"
   },
   "peerDependencies": {
     "react": "^16.12.0 || ^17.0.1 ",
     "react-dom": "^16.12.0 || ^17.0.1 ",
     "styled-components": "^5.1.1"
-  }
+  },
+  "dependencies": {}
 }