@cruk/cruk-react-components 1.2.2 → 1.2.4

package/lib/cjs/src/components/Header/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"),l=require("styled-components"),r=require("../../hooks/useScrollPosition.js"),i=require("../../themes/cruk.js"),a=require("./styles.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t),u=function(n){var u=n.isSticky,s=n.siteSlogan,c=n.logoAltText,d=n.logoImageSrc,f=n.logoLinkTitle,m=n.logoLinkUrl,S=n.fullWidth,g=n.children,y=t.useState(!1),k=y[0],p=y[1],h="undefined"!=typeof window,E=l.useTheme(),H=e.__assign(e.__assign({},i.default),E);return r.default((function(e){var t=e.currPos,l=!!h&&t.y>66;l!==k&&p(l)}),[k],null,!0,100),o.default.createElement(l.ThemeProvider,{theme:H},o.default.createElement(a.StyledHeader,null,o.default.createElement(a.HeaderStickyPlaceHolder,null,o.default.createElement(a.HeaderStickyContainer,{"data-cy":"header-sticky-container",isSmall:k,isSticky:u},o.default.createElement(a.SkipToMain,{className:"skip-main",href:"#main"},"Skip to main content"),o.default.createElement(a.HeaderMainContent,{fullWidth:S},o.default.createElement(a.StyledLink,{href:null!=m?m:H.siteConfig.logoUrl,title:null!=f?f:"Home"},o.default.createElement(a.LogoWrapper,{isSmall:k,isSticky:u},o.default.createElement(a.Logo,{src:null!=d?d:H.siteConfig.logoSrc,alt:null!=c?c:H.siteConfig.logoAlt}))),s?o.default.createElement(a.Tagline,{isSmall:k,isSticky:u},s):null,g)))))};exports.Header=u,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react"),l=require("styled-components"),r=require("../../hooks/useScrollPosition.js"),a=require("../../themes/cruk.js"),n=require("./styles.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t),u=function(i){var u=i.isSticky,s=i.siteSlogan,d=i.logoAltText,c=i.logoImageSrc,f=i.logoLinkTitle,m=i.logoLinkUrl,S=i.fullWidth,g=i.children,y=t.useState(!1),k=y[0],p=y[1],h="undefined"!=typeof window,E=l.useTheme(),C=e.__assign(e.__assign({},a.default),E);return r.default((function(e){var t=e.currPos,l=!!h&&t.y>240;l!==k&&p(l)}),[k],null,!0,50),o.default.createElement(l.ThemeProvider,{theme:C},o.default.createElement(n.StyledHeader,null,o.default.createElement(n.HeaderStickyPlaceHolder,null,o.default.createElement(n.HeaderStickyContainer,{"data-cy":"header-sticky-container",isSmall:k,isSticky:u},o.default.createElement(n.SkipToMain,{className:"skip-main",href:"#main"},"Skip to main content"),o.default.createElement(n.HeaderMainContent,{fullWidth:S},o.default.createElement(n.StyledLink,{href:null!=m?m:C.siteConfig.logoUrl,title:null!=f?f:"Home"},o.default.createElement(n.LogoWrapper,{isSmall:k,isSticky:u},o.default.createElement(n.Logo,{src:null!=c?c:C.siteConfig.logoSrc,alt:null!=d?d:C.siteConfig.logoAlt}))),s?o.default.createElement(n.Tagline,{isSmall:k,isSticky:u},s):null,o.default.createElement(n.ChildWrapper,null,o.default.createElement(n.ChildInner,null,g)))))))};exports.Header=u,exports.default=u;
 //# sourceMappingURL=index.js.map

package/lib/cjs/src/components/Header/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("../../themes/cruk.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,a,r,d,l,u,h,p,s,c=i(e),m=t.default.spacing.s,f=c.default.header(o||(o=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  width: 100%;\n  background-color: ",";\n  z-index: 9998;\n"],["\n  box-sizing: border-box;\n  position: relative;\n  width: 100%;\n  background-color: ",";\n  z-index: 9998;\n"])),(function(n){return n.theme.colors.headerBackground})),x=c.default.div(a||(a=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  width: 100%;\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"],["\n  box-sizing: border-box;\n  width: 100%;\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"])),"72px",(function(n){return n.theme.breakpoint.desktop}),"120px"),g=c.default.div(r||(r=n.__makeTemplateObject(["\n  width: 100%;\n  padding: 0;\n  background-color: ",";\n  position: relative;\n  border-bottom: ",";\n  padding: 0 ",";\n  height: ",";\n\n  top: ",";\n  position: ",";\n\n  @media (min-width: ",") {\n    position: ",";\n    height: ",";\n  }\n"],["\n  width: 100%;\n  padding: 0;\n  background-color: ",";\n  position: relative;\n  border-bottom: ",";\n  padding: 0 ",";\n  height: ",";\n\n  top: ",";\n  position: ",";\n\n  @media (min-width: ",") {\n    position: ",";\n    height: ",";\n  }\n"])),(function(n){return n.theme.colors.headerBackground}),(function(n){var e=n.theme.colors.headerBorder;return"solid 1px ".concat(e)}),m,"72px",(function(n){return n.isSticky?0:"auto"}),(function(n){return n.isSticky?"fixed":"relative"}),(function(n){return n.theme.breakpoint.desktop}),(function(n){var e=n.isSticky,t=n.isSmall;return e&&t?"fixed":"relative"}),(function(n){var e=n.isSmall,t=n.isSticky;return e&&t?"72px":"120px"})),b=c.default.div(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  max-width: ",";\n  margin: 0 auto;\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  max-width: ",";\n  margin: 0 auto;\n"])),(function(n){var e=n.fullWidth,t=n.theme.utilities.contentMaxWidth;return e?"100%":t})),w=c.default.img(l||(l=n.__makeTemplateObject(["\n  height: 100%;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n"],["\n  height: 100%;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n"]))),k=c.default.div(u||(u=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  width: auto;\n\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  width: auto;\n\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"])),"40px",(function(n){return n.theme.breakpoint.desktop}),(function(n){var e=n.isSmall,t=n.isSticky;return e&&t?"40px":"80px"})),y=c.default.a(h||(h=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),v=c.default.a(p||(p=n.__makeTemplateObject(["\n  left: -999px;\n  position: absolute;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: -999;\n  &:focus,\n  &:active,\n  &:focus-within {\n    left: auto;\n    top: auto;\n    width: 30%;\n    height: auto;\n    overflow: auto;\n    margin: 10px 35%;\n    padding: ",";\n    border-radius: 15px;\n    border: 4px solid yellow;\n    text-align: center;\n    font-size: 1.2em;\n    z-index: 999;\n  }\n"],["\n  left: -999px;\n  position: absolute;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: -999;\n  &:focus,\n  &:active,\n  &:focus-within {\n    left: auto;\n    top: auto;\n    width: 30%;\n    height: auto;\n    overflow: auto;\n    margin: 10px 35%;\n    padding: ",";\n    border-radius: 15px;\n    border: 4px solid yellow;\n    text-align: center;\n    font-size: 1.2em;\n    z-index: 999;\n  }\n"])),(function(n){return n.theme.spacing.xs})),_=c.default.p(s||(s=n.__makeTemplateObject(["\n  flex: 1 1 auto;\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  color: ",";\n  text-align: center;\n\n  display: none;\n\n  @media (min-width: ",") {\n    display: ",";\n  }\n"],["\n  flex: 1 1 auto;\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  color: ",";\n  text-align: center;\n\n  display: none;\n\n  @media (min-width: ",") {\n    display: ",";\n  }\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.fontWeightLight}),(function(n){return n.theme.fontSizes.xl}),(function(n){return n.theme.colors.primary}),(function(n){return n.theme.breakpoint.desktop}),(function(n){var e=n.isSmall,t=n.isSticky;return e&&t?"none":"block"}));exports.HeaderMainContent=b,exports.HeaderStickyContainer=g,exports.HeaderStickyPlaceHolder=x,exports.Logo=w,exports.LogoWrapper=k,exports.SkipToMain=v,exports.StyledHeader=f,exports.StyledLink=y,exports.Tagline=_;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components"),t=require("../../themes/cruk.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,a,r,d,h,l,u,s,c,p,m,f=i(e),g="120px",x="72px",b=t.default.spacing.s,y="40px",w="0.2s",k=f.default.header(o||(o=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  width: 100%;\n  background-color: ",";\n  z-index: 9998;\n"],["\n  box-sizing: border-box;\n  position: relative;\n  width: 100%;\n  background-color: ",";\n  z-index: 9998;\n"])),(function(n){return n.theme.colors.headerBackground})),v=f.default.div(a||(a=n.__makeTemplateObject(["\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"],["\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"])),x,(function(n){return n.theme.breakpoint.desktop}),g),_=f.default.div(r||(r=n.__makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  padding: 0 ",";\n  background-color: ",";\n  position: relative;\n  border-bottom: ",";\n  height: ",";\n\n  top: ",";\n  position: ",";\n  transition: height "," ease;\n\n  @media (min-width: ",") {\n    position: ",";\n    height: ",";\n  }\n"],["\n  width: 100%;\n  height: 100%;\n  padding: 0 ",";\n  background-color: ",";\n  position: relative;\n  border-bottom: ",";\n  height: ",";\n\n  top: ",";\n  position: ",";\n  transition: height "," ease;\n\n  @media (min-width: ",") {\n    position: ",";\n    height: ",";\n  }\n"])),b,(function(n){return n.theme.colors.headerBackground}),(function(n){var e=n.theme.colors.headerBorder;return"solid 1px ".concat(e)}),x,(function(n){return n.isSticky?0:"auto"}),(function(n){return n.isSticky?"fixed":"relative"}),w,(function(n){return n.theme.breakpoint.desktop}),(function(n){return n.isSticky?"fixed":"relative"}),(function(n){var e=n.isSmall,t=n.isSticky;return e&&t?x:g})),j=f.default.div(d||(d=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n  max-width: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n  max-width: ",";\n"])),(function(n){var e=n.fullWidth,t=n.theme.utilities.contentMaxWidth;return e?"100%":t})),z=f.default.img(h||(h=n.__makeTemplateObject(["\n  height: 100%;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n"],["\n  height: 100%;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n"]))),S=f.default.div(l||(l=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  width: auto;\n  transition: height "," ease;\n\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  width: auto;\n  transition: height "," ease;\n\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"])),w,y,(function(n){return n.theme.breakpoint.desktop}),(function(n){var e=n.isSmall,t=n.isSticky;return e&&t?y:"80px"})),T=f.default.a(u||(u=n.__makeTemplateObject(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),O=f.default.a(s||(s=n.__makeTemplateObject(["\n  left: -999px;\n  position: absolute;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: -999;\n  &:focus,\n  &:active,\n  &:focus-within {\n    left: auto;\n    top: auto;\n    width: 30%;\n    height: auto;\n    overflow: auto;\n    margin: 10px 35%;\n    padding: ",";\n    border-radius: 15px;\n    border: 4px solid yellow;\n    text-align: center;\n    font-size: 1.2em;\n    z-index: 999;\n  }\n"],["\n  left: -999px;\n  position: absolute;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: -999;\n  &:focus,\n  &:active,\n  &:focus-within {\n    left: auto;\n    top: auto;\n    width: 30%;\n    height: auto;\n    overflow: auto;\n    margin: 10px 35%;\n    padding: ",";\n    border-radius: 15px;\n    border: 4px solid yellow;\n    text-align: center;\n    font-size: 1.2em;\n    z-index: 999;\n  }\n"])),(function(n){return n.theme.spacing.xs})),H=f.default.p(c||(c=n.__makeTemplateObject(["\n  flex: 1 1 auto;\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  color: ",";\n  text-align: center;\n  opacity: 0;\n\n  transition: opacity "," ease;\n\n  @media (min-width: ",") {\n    opacity: ",";\n  }\n"],["\n  flex: 1 1 auto;\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  color: ",";\n  text-align: center;\n  opacity: 0;\n\n  transition: opacity "," ease;\n\n  @media (min-width: ",") {\n    opacity: ",";\n  }\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.fontWeightLight}),(function(n){return n.theme.fontSizes.xl}),(function(n){return n.theme.colors.primary}),w,(function(n){return n.theme.breakpoint.desktop}),(function(n){var e=n.isSmall,t=n.isSticky;return e&&t?0:1})),W=f.default.div(p||(p=n.__makeTemplateObject(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n"],["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n"]))),C=f.default.div(m||(m=n.__makeTemplateObject(["\n  height: auto;\n  margin: auto 0;\n"],["\n  height: auto;\n  margin: auto 0;\n"])));exports.ChildInner=C,exports.ChildWrapper=W,exports.HeaderMainContent=j,exports.HeaderStickyContainer=_,exports.HeaderStickyPlaceHolder=v,exports.Logo=z,exports.LogoWrapper=S,exports.SkipToMain=O,exports.StyledHeader=k,exports.StyledLink=T,exports.Tagline=H;
 //# sourceMappingURL=styles.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),r=require("react"),t=require("styled-components"),s=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.es.js"),a=require("../../themes/cruk.js"),n=require("./styles.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(r),l=r.forwardRef((function(r,i){var l=t.useTheme(),u=e.__assign(e.__assign({},a.default),l),d=r.rel?r.rel:"_blank"===r.target?"noopener noreferrer":"";return o.default.createElement(t.ThemeProvider,{theme:u},o.default.createElement(n.StyledLink,e.__assign({},r,{theme:u,rel:d,forwardedAs:"a",ref:i}),"primary"===r.appearance&&o.default.createElement(n.ChevyWithLevee,{faIcon:s.faChevronRight,size:"0.8em"}),r.children))}));exports.Link=l,exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),r=require("react"),t=require("styled-components"),s=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),a=require("../../themes/cruk.js"),n=require("./styles.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(r),l=r.forwardRef((function(r,i){var l=t.useTheme(),u=e.__assign(e.__assign({},a.default),l),d=r.rel?r.rel:"_blank"===r.target?"noopener noreferrer":"";return o.default.createElement(t.ThemeProvider,{theme:u},o.default.createElement(n.StyledLink,e.__assign({},r,{theme:u,rel:d,forwardedAs:"a",ref:i}),"primary"===r.appearance&&o.default.createElement(n.ChevyWithLevee,{faIcon:s.faChevronRight,size:"0.8em"}),r.children))}));exports.Link=l,exports.default=l;
 //# sourceMappingURL=index.js.map

package/lib/cjs/src/components/Modal/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"),o=require("react-dom"),n=require("styled-components"),d=require("../../../node_modules/react-focus-lock/dist/es2015/Combination.js");require("../../../node_modules/react-focus-lock/dist/es2015/Lock.js"),require("../../../node_modules/react-focus-lock/dist/es2015/AutoFocusInside.js"),require("../../../node_modules/react-focus-lock/dist/es2015/MoveFocusInside.js"),require("../../../node_modules/react-focus-lock/dist/es2015/FreeFocusInside.js"),require("../../../node_modules/react-focus-lock/dist/es2015/FocusGuard.js");var r=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.es.js"),i=require("../IconFa/index.js"),a=require("../../themes/cruk.js"),u=require("./styles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t);exports.default=function(l){var c=l.modalName,m=l.closeFunction,f=l.showCloseButton,g=l.maxWidth,p=void 0===g?"500px":g,v=l.top,h=void 0===v?"1rem":v,k=l.backgroundColor,y=void 0===k?"backgroundLight":k,q=l.children,w=l.width,_=void 0===w?"90%":w,b=l.margin,j=l.marginHorizontal,E=l.marginVertical,x=l.marginTop,F=l.marginRight,C=l.marginBottom,L=void 0===C?"xxl":C,B=l.marginLeft,T=l.padding,I=void 0===T?"xs":T,z=l.paddingHorizontal,H=l.paddingVertical,R=l.paddingTop,V=l.paddingRight,P=l.paddingBottom,W=l.paddingLeft,M=n.useTheme(),A=e.__assign(e.__assign({},a.default),M),G=function(e){"Escape"===e.key&&m&&m()};return t.useEffect((function(){if("undefined"!=typeof window)return document.body.style.overflow="hidden",document.addEventListener("keydown",G),function(){"undefined"!=typeof window&&(document.body.style.overflow="unset",document.removeEventListener("keydown",G))}}),[]),s.default.createElement(s.default.Fragment,null,"undefined"!=typeof window?o.createPortal(s.default.createElement("section",null,s.default.createElement(d.default,{returnFocus:!0},s.default.createElement(n.ThemeProvider,{theme:A},s.default.createElement(u.Wrapper,{role:"dialog","aria-modal":"true","aria-label":c},s.default.createElement(u.Content,{backgroundColor:y,maxWidth:p,width:_,top:h,margin:b,marginHorizontal:j,marginVertical:E,marginTop:x,marginRight:F,marginBottom:L,marginLeft:B,padding:I,paddingHorizontal:z,paddingVertical:H,paddingTop:R,paddingRight:V,paddingBottom:P,paddingLeft:W},f&&m?s.default.createElement(u.CloseButton,{"aria-label":"close",appearance:"tertiary",onClick:function(){m()}},s.default.createElement(i.default,{faIcon:r.faClose})):null,q),s.default.createElement(u.Background,null))))),document.body):null)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react"),o=require("react-dom"),n=require("styled-components"),d=require("../../../node_modules/react-focus-lock/dist/es2015/Combination.js");require("../../../node_modules/react-focus-lock/dist/es2015/Lock.js"),require("../../../node_modules/react-focus-lock/dist/es2015/AutoFocusInside.js"),require("../../../node_modules/react-focus-lock/dist/es2015/MoveFocusInside.js"),require("../../../node_modules/react-focus-lock/dist/es2015/FreeFocusInside.js"),require("../../../node_modules/react-focus-lock/dist/es2015/FocusGuard.js");var r=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js"),i=require("../IconFa/index.js"),a=require("../../themes/cruk.js"),u=require("./styles.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t);exports.default=function(l){var c=l.modalName,m=l.closeFunction,f=l.showCloseButton,g=l.maxWidth,p=void 0===g?"500px":g,v=l.top,h=void 0===v?"1rem":v,k=l.backgroundColor,y=void 0===k?"backgroundLight":k,j=l.children,q=l.width,w=void 0===q?"90%":q,_=l.margin,b=l.marginHorizontal,E=l.marginVertical,x=l.marginTop,F=l.marginRight,C=l.marginBottom,L=void 0===C?"xxl":C,B=l.marginLeft,T=l.padding,I=void 0===T?"xs":T,z=l.paddingHorizontal,H=l.paddingVertical,R=l.paddingTop,V=l.paddingRight,P=l.paddingBottom,W=l.paddingLeft,M=n.useTheme(),A=e.__assign(e.__assign({},a.default),M),G=function(e){"Escape"===e.key&&m&&m()};return t.useEffect((function(){if("undefined"!=typeof window)return document.body.style.overflow="hidden",document.addEventListener("keydown",G),function(){"undefined"!=typeof window&&(document.body.style.overflow="unset",document.removeEventListener("keydown",G))}}),[]),s.default.createElement(s.default.Fragment,null,"undefined"!=typeof window?o.createPortal(s.default.createElement("section",null,s.default.createElement(d.default,{returnFocus:!0},s.default.createElement(n.ThemeProvider,{theme:A},s.default.createElement(u.Wrapper,{role:"dialog","aria-modal":"true","aria-label":c},s.default.createElement(u.Content,{backgroundColor:y,maxWidth:p,width:w,top:h,margin:_,marginHorizontal:b,marginVertical:E,marginTop:x,marginRight:F,marginBottom:L,marginLeft:B,padding:I,paddingHorizontal:z,paddingVertical:H,paddingTop:R,paddingRight:V,paddingBottom:P,paddingLeft:W},f&&m?s.default.createElement(u.CloseButton,{"aria-label":"close",appearance:"tertiary",onClick:function(){m()}},s.default.createElement(i.default,{faIcon:r.faClose})):null,j),s.default.createElement(u.Background,null))))),document.body):null)};
 //# sourceMappingURL=index.js.map

package/lib/cjs/src/components/ProgressBar/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 t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,o,i,a,s,c,l,p,d,u,h,f,m,g,b,x=t(e),k=function(t){var o=t.strokeDashoffsetInit,i=t.strokeDashoffset;return e.keyframes(r||(r=n.__makeTemplateObject(["\n  0% {\n     stroke-dashoffset: "," ;\n  }\n  50% {\n     stroke-dashoffset: "," ;\n  }\n  100% {\n     stroke-dashoffset: "," ;\n  }\n"],["\n  0% {\n     stroke-dashoffset: "," ;\n  }\n  50% {\n     stroke-dashoffset: "," ;\n  }\n  100% {\n     stroke-dashoffset: "," ;\n  }\n"])),o,i,i)},_=function(t){var r=t.strokeDashoffsetInit,i=t.strokeDashoffset;return e.keyframes(o||(o=n.__makeTemplateObject(["\n  0% {\n     stroke-dashoffset: "," ;\n  }\n  100% {\n     stroke-dashoffset: "," ;\n  }\n"],["\n  0% {\n     stroke-dashoffset: "," ;\n  }\n  100% {\n     stroke-dashoffset: "," ;\n  }\n"])),r,i)},y=function(){return e.keyframes(i||(i=n.__makeTemplateObject(["\n    0% {\n    width: 0px;\n    height: 0px;\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    width: 64px;\n    height: 64px;\n    right: -32px;\n  }\n"],["\n    0% {\n    width: 0px;\n    height: 0px;\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    width: 64px;\n    height: 64px;\n    right: -32px;\n  }\n"])))},w=function(){return e.keyframes(a||(a=n.__makeTemplateObject(["\n  0% {\n    transform: scale(1);\n    border-radius: 0px;\n\n  }\n  50% {\n    transform:scale(1.025);\n  }\n  100% {\n    transform: scale(1);\n     border-radius: 0px;\n  }\n"],["\n  0% {\n    transform: scale(1);\n    border-radius: 0px;\n\n  }\n  50% {\n    transform:scale(1.025);\n  }\n  100% {\n    transform: scale(1);\n     border-radius: 0px;\n  }\n"])))},v=x.default.div(s||(s=n.__makeTemplateObject(["\n  margin-top: ",";\n"],["\n  margin-top: ",";\n"])),"16px"),j=x.default.div(l||(l=n.__makeTemplateObject(["\n  position: relative;\n  height: ",";\n  margin-bottom: 0;\n  background-color: ",";\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n\n  ","\n"],["\n  position: relative;\n  height: ",";\n  margin-bottom: 0;\n  background-color: ",";\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n\n  ","\n"])),"16px",(function(n){return n.theme.colors.progressBarBackground}),(function(t){var r=t.percentage,o=t.secondaryPercentage;return(100===r||100===o)&&e.css(c||(c=n.__makeTemplateObject(["\n      animation: "," 0.3s 0.5s 1 ease-out;\n    "],["\n      animation: "," 0.3s 0.5s 1 ease-out;\n    "])),w)})),O=x.default.div(d||(d=n.__makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  height: ",";\n  background-color: ",";\n  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n  transition: width 0.6s ease;\n  width: ",'%;\n\n  &::before {\n    content: "";\n    display: inline-block;\n    position: absolute;\n    margin: auto;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 0px;\n    height: 0px;\n    border-radius: 50%;\n    opacity: 0;\n    filter: blur(2px);\n    background-color: ',";\n\n    ","\n  }\n"],["\n  position: absolute;\n  left: 0;\n  height: ",";\n  background-color: ",";\n  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n  transition: width 0.6s ease;\n  width: ",'%;\n\n  &::before {\n    content: "";\n    display: inline-block;\n    position: absolute;\n    margin: auto;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 0px;\n    height: 0px;\n    border-radius: 50%;\n    opacity: 0;\n    filter: blur(2px);\n    background-color: ',";\n\n    ","\n  }\n"])),"16px",(function(n){var e=n.barColor,t=n.isSecondary,r=n.theme.colors,o=r.progressBar,i=r.progressBarSecondary;return e||t?i:o}),(function(n){return n.percentage}),(function(n){var e=n.barColor,t=n.isSecondary,r=n.theme.colors,o=r.progressBar,i=r.progressBarSecondary;return e||t?i:o}),(function(t){return 100===t.percentage&&e.css(p||(p=n.__makeTemplateObject(["\n        animation: "," 0.33s 0.75s 3 ease-in;\n      "],["\n        animation: "," 0.33s 0.75s 3 ease-in;\n      "])),y)})),T=x.default.span(u||(u=n.__makeTemplateObject(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n"],["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n"]))),S=x.default.div(h||(h=n.__makeTemplateObject(["\n  position: relative;\n  width: ",";\n  height: ",";\n  background: none;\n  margin: 0 auto;\n  box-shadow: none;\n"],["\n  position: relative;\n  width: ",";\n  height: ",";\n  background: none;\n  margin: 0 auto;\n  box-shadow: none;\n"])),(function(n){return n.circleSize}),(function(n){return n.circleSize})),B=x.default.svg(f||(f=n.__makeTemplateObject(["\n  position: absolute;\n  transform: rotate(-90deg);\n  fill: none;\n  stroke-linecap: round;\n  width: 100%;\n  height: 100%;\n"],["\n  position: absolute;\n  transform: rotate(-90deg);\n  fill: none;\n  stroke-linecap: round;\n  width: 100%;\n  height: 100%;\n"]))),C=x.default.circle(m||(m=n.__makeTemplateObject(["\n  stroke: ",";\n"],["\n  stroke: ",";\n"])),(function(n){return n.theme.tokenColors.grey_200})),z=x.default.circle(g||(g=n.__makeTemplateObject(["\n  stroke: ",";\n  animation: ","\n    1s linear;\n"],["\n  stroke: ",";\n  animation: ","\n    1s linear;\n"])),(function(n){var e=n.isSecondary,t=n.barColor,r=n.theme.colors,o=r.circularProgress,i=r.circularProgressSecondary;return t||e?i:o}),(function(n){return n.isSecondary?_:k})),P=x.default.div(b||(b=n.__makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  z-index: 2;\n  font-size: ",";\n  line-height: ",";\n  text-align: center;\n  height: 100%;\n  color: ",";\n"],["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  z-index: 2;\n  font-size: ",";\n  line-height: ",";\n  text-align: center;\n  height: 100%;\n  color: ",";\n"])),(function(n){return n.theme.fontSizes.l}),(function(n){return n.theme.fontSizes.l}),(function(n){return n.theme.colors.textDark}));exports.CircleSvg=B,exports.CircularValue=P,exports.CircularWrapper=S,exports.EmptyCircle=C,exports.FullCircle=z,exports.LineProgressBar=O,exports.LineProgressBarWrapper=j,exports.ProgressBarWrapper=v,exports.ScreenReaderOnly=T;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,o,i,a,s,c,l,p,d,u,h,f,m,g,b,x=t(e),k="16px",_=function(t){var o=t.strokeDashoffsetInit,i=t.strokeDashoffset;return e.keyframes(r||(r=n.__makeTemplateObject(["\n  0% {\n     stroke-dashoffset: "," ;\n  }\n  50% {\n     stroke-dashoffset: "," ;\n  }\n  100% {\n     stroke-dashoffset: "," ;\n  }\n"],["\n  0% {\n     stroke-dashoffset: "," ;\n  }\n  50% {\n     stroke-dashoffset: "," ;\n  }\n  100% {\n     stroke-dashoffset: "," ;\n  }\n"])),o,i,i)},y=function(t){var r=t.strokeDashoffsetInit,i=t.strokeDashoffset;return e.keyframes(o||(o=n.__makeTemplateObject(["\n  0% {\n     stroke-dashoffset: "," ;\n  }\n  100% {\n     stroke-dashoffset: "," ;\n  }\n"],["\n  0% {\n     stroke-dashoffset: "," ;\n  }\n  100% {\n     stroke-dashoffset: "," ;\n  }\n"])),r,i)},w=function(){return e.keyframes(i||(i=n.__makeTemplateObject(["\n    0% {\n    width: 0px;\n    height: 0px;\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    width: 64px;\n    height: 64px;\n    right: -32px;\n  }\n"],["\n    0% {\n    width: 0px;\n    height: 0px;\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 0;\n    width: 64px;\n    height: 64px;\n    right: -32px;\n  }\n"])))},v=function(){return e.keyframes(a||(a=n.__makeTemplateObject(["\n  0% {\n    transform: scale(1);\n    border-radius: 0px;\n\n  }\n  50% {\n    transform:scale(1.025);\n  }\n  100% {\n    transform: scale(1);\n     border-radius: 0px;\n  }\n"],["\n  0% {\n    transform: scale(1);\n    border-radius: 0px;\n\n  }\n  50% {\n    transform:scale(1.025);\n  }\n  100% {\n    transform: scale(1);\n     border-radius: 0px;\n  }\n"])))},j=x.default.div(s||(s=n.__makeTemplateObject(["\n  margin-top: ",";\n"],["\n  margin-top: ",";\n"])),k),O=x.default.div(l||(l=n.__makeTemplateObject(["\n  position: relative;\n  height: ",";\n  margin-bottom: 0;\n  background-color: ",";\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n\n  ","\n"],["\n  position: relative;\n  height: ",";\n  margin-bottom: 0;\n  background-color: ",";\n  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);\n\n  ","\n"])),k,(function(n){return n.theme.colors.progressBarBackground}),(function(t){var r=t.percentage,o=t.secondaryPercentage;return(100===r||100===o)&&e.css(c||(c=n.__makeTemplateObject(["\n      animation: "," 0.3s 0.5s 1 ease-out;\n    "],["\n      animation: "," 0.3s 0.5s 1 ease-out;\n    "])),v)})),T=x.default.div(d||(d=n.__makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  height: ",";\n  background-color: ",";\n  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n  transition: width 0.6s ease;\n  width: ",'%;\n\n  &::before {\n    content: "";\n    display: inline-block;\n    position: absolute;\n    margin: auto;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 0px;\n    height: 0px;\n    border-radius: 50%;\n    opacity: 0;\n    filter: blur(2px);\n    background-color: ',";\n\n    ","\n  }\n"],["\n  position: absolute;\n  left: 0;\n  height: ",";\n  background-color: ",";\n  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);\n  transition: width 0.6s ease;\n  width: ",'%;\n\n  &::before {\n    content: "";\n    display: inline-block;\n    position: absolute;\n    margin: auto;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    right: 0;\n    width: 0px;\n    height: 0px;\n    border-radius: 50%;\n    opacity: 0;\n    filter: blur(2px);\n    background-color: ',";\n\n    ","\n  }\n"])),k,(function(n){var e=n.barColor,t=n.isSecondary,r=n.theme.colors,o=r.progressBar,i=r.progressBarSecondary;return e||t?i:o}),(function(n){return n.percentage}),(function(n){var e=n.barColor,t=n.isSecondary,r=n.theme.colors,o=r.progressBar,i=r.progressBarSecondary;return e||t?i:o}),(function(t){return 100===t.percentage&&e.css(p||(p=n.__makeTemplateObject(["\n        animation: "," 0.33s 0.75s 3 ease-in;\n      "],["\n        animation: "," 0.33s 0.75s 3 ease-in;\n      "])),w)})),S=x.default.span(u||(u=n.__makeTemplateObject(["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n"],["\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  border: 0;\n"]))),B=x.default.div(h||(h=n.__makeTemplateObject(["\n  position: relative;\n  width: ",";\n  height: ",";\n  background: none;\n  margin: 0 auto;\n  box-shadow: none;\n"],["\n  position: relative;\n  width: ",";\n  height: ",";\n  background: none;\n  margin: 0 auto;\n  box-shadow: none;\n"])),(function(n){return n.circleSize}),(function(n){return n.circleSize})),C=x.default.svg(f||(f=n.__makeTemplateObject(["\n  position: absolute;\n  transform: rotate(-90deg);\n  fill: none;\n  stroke-linecap: round;\n  width: 100%;\n  height: 100%;\n"],["\n  position: absolute;\n  transform: rotate(-90deg);\n  fill: none;\n  stroke-linecap: round;\n  width: 100%;\n  height: 100%;\n"]))),z=x.default.circle(m||(m=n.__makeTemplateObject(["\n  stroke: ",";\n"],["\n  stroke: ",";\n"])),(function(n){return n.theme.tokenColors.grey_200})),P=x.default.circle(g||(g=n.__makeTemplateObject(["\n  stroke: ",";\n  animation: ","\n    1s linear;\n"],["\n  stroke: ",";\n  animation: ","\n    1s linear;\n"])),(function(n){var e=n.isSecondary,t=n.barColor,r=n.theme.colors,o=r.circularProgress,i=r.circularProgressSecondary;return t||e?i:o}),(function(n){return n.isSecondary?y:_})),D=x.default.div(b||(b=n.__makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  z-index: 2;\n  font-size: ",";\n  line-height: ",";\n  text-align: center;\n  height: 100%;\n  color: ",";\n"],["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  z-index: 2;\n  font-size: ",";\n  line-height: ",";\n  text-align: center;\n  height: 100%;\n  color: ",";\n"])),(function(n){return n.theme.fontSizes.l}),(function(n){return n.theme.fontSizes.l}),(function(n){return n.theme.colors.textDark}));exports.CircleSvg=C,exports.CircularValue=D,exports.CircularWrapper=B,exports.EmptyCircle=z,exports.FullCircle=P,exports.LineProgressBar=T,exports.LineProgressBarWrapper=O,exports.ProgressBarWrapper=j,exports.ScreenReaderOnly=S;
 //# sourceMappingURL=styles.js.map

package/lib/cjs/src/components/Radio/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 t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,i,r,l,a,c,s,d,u,p=t(e),b=p.default.div(o||(o=n.__makeTemplateObject(["\n  display: inline-block;\n  height: ",";\n  width: ",";\n  position: absolute;\n  top: calc(50% - ("," / 2));\n  left: ",";\n"],["\n  display: inline-block;\n  height: ",";\n  width: ",";\n  position: absolute;\n  top: calc(50% - ("," / 2));\n  left: ",";\n"])),"1.5rem","1.5rem","1.5rem",(function(n){return n.theme.spacing.xs})),h=p.default.span(i||(i=n.__makeTemplateObject(["\n  display: block;\n  position: relative;\n  border: 2px solid ",";\n  border-radius: 100%;\n  height: ",";\n  width: ",';\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 5;\n  transition: border 0.25s linear, box-shadow 0.25s linear;\n\n  ::before {\n    display: block;\n    position: absolute;\n    content: "";\n    border-radius: 100%;\n    height: ',";\n    width: ",";\n    top: calc(50% - ("," / 2));\n    left: calc(50% - ("," / 2));\n    margin: auto;\n    transition: background-color 0.25s linear;\n  }\n"],["\n  display: block;\n  position: relative;\n  border: 2px solid ",";\n  border-radius: 100%;\n  height: ",";\n  width: ",';\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 5;\n  transition: border 0.25s linear, box-shadow 0.25s linear;\n\n  ::before {\n    display: block;\n    position: absolute;\n    content: "";\n    border-radius: 100%;\n    height: ',";\n    width: ",";\n    top: calc(50% - ("," / 2));\n    left: calc(50% - ("," / 2));\n    margin: auto;\n    transition: background-color 0.25s linear;\n  }\n"])),(function(n){return n.theme.colors.selectionBorder}),"1.5rem","1.5rem","1rem","1rem","1rem","1rem"),m=p.default.label(l||(l=n.__makeTemplateObject(["\n  background-color: ",";\n  width: 100%;\n  position: relative;\n  border-width: ",";\n  border-style: solid;\n  border-color: ",";\n  cursor: pointer;\n  display: inline-block;\n  font-weight: ",";\n  color: ",";\n  padding: ",";\n  vertical-align: middle;\n\n  &:focus ~ "," "," {\n    outline: 2px solid #7aacfe; /* for non-webkit browsers */\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  ","\n"],["\n  background-color: ",";\n  width: 100%;\n  position: relative;\n  border-width: ",";\n  border-style: solid;\n  border-color: ",";\n  cursor: pointer;\n  display: inline-block;\n  font-weight: ",";\n  color: ",";\n  padding: ",";\n  vertical-align: middle;\n\n  &:focus ~ "," "," {\n    outline: 2px solid #7aacfe; /* for non-webkit browsers */\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  ","\n"])),(function(n){return n.theme.colors.backgroundLight}),(function(n){return n.theme.utilities.inputBorderWidth}),(function(n){var e=n.hasError,t=n.theme,o=n.checked;return e?t.colors.textError:o&&!t.utilities.useDefaultFocusRect?t.colors.primary:t.colors.inputBorder}),(function(n){return n.checked?"bold":"normal"}),(function(n){var e=n.theme;return n.disabled?e.colors.disabled:e.colors.textDark}),(function(n){var e=n.theme;return"calc( (".concat("3em"," - ( ").concat(e.utilities.inputBorderWidth," * 2) - ").concat(e.typography.lineHeight," ) / 2) ").concat(e.spacing.m," calc( (").concat("3em"," - ( ").concat(e.utilities.inputBorderWidth," * 2) - ").concat(e.typography.lineHeight," ) / 2) ").concat(e.spacing.xl)}),b,h,(function(t){return t.theme.utilities.useDefaultFromControls?null:e.css(r||(r=n.__makeTemplateObject(["\n          min-height: 2rem;\n\n          &:hover "," "," {\n            border: solid 2px\n              ",";\n          }\n        "],["\n          min-height: 2rem;\n\n          &:hover "," "," {\n            border: solid 2px\n              ",";\n          }\n        "])),b,h,(function(n){return n.theme.colors.primary}))})),g=p.default.span(a||(a=n.__makeTemplateObject(["\n  vertical-align: middle;\n  line-height: 100%;\n  background-color: ",";\n  z-index: 1;\n"],["\n  vertical-align: middle;\n  line-height: 100%;\n  background-color: ",";\n  z-index: 1;\n"])),(function(n){return n.theme.colors.backgroundLight})),f=p.default.div(c||(c=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0);\n  z-index: 0;\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0);\n  z-index: 0;\n"]))),k=p.default.input(u||(u=n.__makeTemplateObject(["\n  margin-right: ",";\n\n  ","\n"],["\n  margin-right: ",";\n\n  ","\n"])),(function(n){return n.theme.spacing.xxs}),(function(t){var o=t.theme;return o.utilities.useDefaultFromControls?e.css(s||(s=n.__makeTemplateObject(["\n          position: absolute;\n          display: inline-block;\n          transform: translate(-50%, -50%);\n          top: 50%;\n          margin: 0;\n          padding: 0;\n          left: ",";\n        "],["\n          position: absolute;\n          display: inline-block;\n          transform: translate(-50%, -50%);\n          top: 50%;\n          margin: 0;\n          padding: 0;\n          left: ",";\n        "])),(function(n){return n.theme.spacing.s})):e.css(d||(d=n.__makeTemplateObject(["\n          position: absolute;\n          left: ",";\n          opacity: 0;\n\n          &:focus ~ "," {\n            outline: none !important;\n            box-shadow: inset 0 0 0 2px ",";\n            box-shadow: inset 0 0 0 2px -webkit-focus-ring-color;\n          }\n\n          &:checked ~ "," ","::before {\n            background: ",";\n          }\n        "],["\n          position: absolute;\n          left: ",";\n          opacity: 0;\n\n          &:focus ~ "," {\n            outline: none !important;\n            box-shadow: inset 0 0 0 2px ",";\n            box-shadow: inset 0 0 0 2px -webkit-focus-ring-color;\n          }\n\n          &:checked ~ "," ","::before {\n            background: ",";\n          }\n        "])),(function(n){return n.theme.spacing.xxs}),f,o.colors.inputBorder,b,h,o.colors.primary)}));exports.Check=h,exports.CheckWrapper=b,exports.SelectedBorder=f,exports.StyledInput=k,exports.StyledLabel=m,exports.VerticalAlign=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var o,i,r,l,a,c,s,d,u,p=t(e),b="1.5rem",h="1rem",m=p.default.div(o||(o=n.__makeTemplateObject(["\n  display: inline-block;\n  height: ",";\n  width: ",";\n  position: absolute;\n  top: calc(50% - ("," / 2));\n  left: ",";\n"],["\n  display: inline-block;\n  height: ",";\n  width: ",";\n  position: absolute;\n  top: calc(50% - ("," / 2));\n  left: ",";\n"])),b,b,b,(function(n){return n.theme.spacing.xs})),g=p.default.span(i||(i=n.__makeTemplateObject(["\n  display: block;\n  position: relative;\n  border: 2px solid ",";\n  border-radius: 100%;\n  height: ",";\n  width: ",';\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 5;\n  transition: border 0.25s linear, box-shadow 0.25s linear;\n\n  ::before {\n    display: block;\n    position: absolute;\n    content: "";\n    border-radius: 100%;\n    height: ',";\n    width: ",";\n    top: calc(50% - ("," / 2));\n    left: calc(50% - ("," / 2));\n    margin: auto;\n    transition: background-color 0.25s linear;\n  }\n"],["\n  display: block;\n  position: relative;\n  border: 2px solid ",";\n  border-radius: 100%;\n  height: ",";\n  width: ",';\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 5;\n  transition: border 0.25s linear, box-shadow 0.25s linear;\n\n  ::before {\n    display: block;\n    position: absolute;\n    content: "";\n    border-radius: 100%;\n    height: ',";\n    width: ",";\n    top: calc(50% - ("," / 2));\n    left: calc(50% - ("," / 2));\n    margin: auto;\n    transition: background-color 0.25s linear;\n  }\n"])),(function(n){return n.theme.colors.selectionBorder}),b,b,h,h,h,h),f=p.default.label(l||(l=n.__makeTemplateObject(["\n  background-color: ",";\n  width: 100%;\n  position: relative;\n  border-width: ",";\n  border-style: solid;\n  border-color: ",";\n  cursor: pointer;\n  display: inline-block;\n  font-weight: ",";\n  color: ",";\n  padding: ",";\n  vertical-align: middle;\n\n  &:focus ~ "," "," {\n    outline: 2px solid #7aacfe; /* for non-webkit browsers */\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  ","\n"],["\n  background-color: ",";\n  width: 100%;\n  position: relative;\n  border-width: ",";\n  border-style: solid;\n  border-color: ",";\n  cursor: pointer;\n  display: inline-block;\n  font-weight: ",";\n  color: ",";\n  padding: ",";\n  vertical-align: middle;\n\n  &:focus ~ "," "," {\n    outline: 2px solid #7aacfe; /* for non-webkit browsers */\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  ","\n"])),(function(n){return n.theme.colors.backgroundLight}),(function(n){return n.theme.utilities.inputBorderWidth}),(function(n){var e=n.hasError,t=n.theme,o=n.checked;return e?t.colors.textError:o&&!t.utilities.useDefaultFocusRect?t.colors.primary:t.colors.inputBorder}),(function(n){return n.checked?"bold":"normal"}),(function(n){var e=n.theme;return n.disabled?e.colors.disabled:e.colors.textDark}),(function(n){var e=n.theme;return"calc( (".concat("3em"," - ( ").concat(e.utilities.inputBorderWidth," * 2) - ").concat(e.typography.lineHeight," ) / 2) ").concat(e.spacing.m," calc( (").concat("3em"," - ( ").concat(e.utilities.inputBorderWidth," * 2) - ").concat(e.typography.lineHeight," ) / 2) ").concat(e.spacing.xl)}),m,g,(function(t){return t.theme.utilities.useDefaultFromControls?null:e.css(r||(r=n.__makeTemplateObject(["\n          min-height: 2rem;\n\n          &:hover "," "," {\n            border: solid 2px\n              ",";\n          }\n        "],["\n          min-height: 2rem;\n\n          &:hover "," "," {\n            border: solid 2px\n              ",";\n          }\n        "])),m,g,(function(n){return n.theme.colors.primary}))})),k=p.default.span(a||(a=n.__makeTemplateObject(["\n  vertical-align: middle;\n  line-height: 100%;\n  background-color: ",";\n  z-index: 1;\n"],["\n  vertical-align: middle;\n  line-height: 100%;\n  background-color: ",";\n  z-index: 1;\n"])),(function(n){return n.theme.colors.backgroundLight})),x=p.default.div(c||(c=n.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0);\n  z-index: 0;\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(255, 255, 255, 0);\n  z-index: 0;\n"]))),w=p.default.input(u||(u=n.__makeTemplateObject(["\n  margin-right: ",";\n\n  ","\n"],["\n  margin-right: ",";\n\n  ","\n"])),(function(n){return n.theme.spacing.xxs}),(function(t){var o=t.theme;return o.utilities.useDefaultFromControls?e.css(s||(s=n.__makeTemplateObject(["\n          position: absolute;\n          display: inline-block;\n          transform: translate(-50%, -50%);\n          top: 50%;\n          margin: 0;\n          padding: 0;\n          left: ",";\n        "],["\n          position: absolute;\n          display: inline-block;\n          transform: translate(-50%, -50%);\n          top: 50%;\n          margin: 0;\n          padding: 0;\n          left: ",";\n        "])),(function(n){return n.theme.spacing.s})):e.css(d||(d=n.__makeTemplateObject(["\n          position: absolute;\n          left: ",";\n          opacity: 0;\n\n          &:focus ~ "," {\n            outline: none !important;\n            box-shadow: inset 0 0 0 2px ",";\n            box-shadow: inset 0 0 0 2px -webkit-focus-ring-color;\n          }\n\n          &:checked ~ "," ","::before {\n            background: ",";\n          }\n        "],["\n          position: absolute;\n          left: ",";\n          opacity: 0;\n\n          &:focus ~ "," {\n            outline: none !important;\n            box-shadow: inset 0 0 0 2px ",";\n            box-shadow: inset 0 0 0 2px -webkit-focus-ring-color;\n          }\n\n          &:checked ~ "," ","::before {\n            background: ",";\n          }\n        "])),(function(n){return n.theme.spacing.xxs}),x,o.colors.inputBorder,m,g,o.colors.primary)}));exports.Check=g,exports.CheckWrapper=m,exports.SelectedBorder=x,exports.StyledInput=w,exports.StyledLabel=f,exports.VerticalAlign=k;
 //# sourceMappingURL=styles.js.map

package/lib/cjs/src/components/Select/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 o,t,c=r(e).default.select(t||(t=n.__makeTemplateObject(["\n  appearance: none;\n  background: linear-gradient(\n      45deg,\n      "," 50%,\n      "," 50%\n    ),\n    linear-gradient(\n      135deg,\n      "," 50%,\n      "," 50%\n    );\n  background-color: ",";\n  background-position: calc(100% - 16px) 50%, calc(100% - 10px) 50%;\n  background-size: 6px 6px;\n  background-repeat: no-repeat;\n  border: ",";\n  color: ",";\n  display: block;\n  font-size: ",";\n  min-height: ",";\n  padding: ",";\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n"],["\n  appearance: none;\n  background: linear-gradient(\n      45deg,\n      "," 50%,\n      "," 50%\n    ),\n    linear-gradient(\n      135deg,\n      "," 50%,\n      "," 50%\n    );\n  background-color: ",";\n  background-position: calc(100% - 16px) 50%, calc(100% - 10px) 50%;\n  background-size: 6px 6px;\n  background-repeat: no-repeat;\n  border: ",";\n  color: ",";\n  display: block;\n  font-size: ",";\n  min-height: ",";\n  padding: ",";\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n"])),(function(n){return n.theme.colors.backgroundLight}),(function(n){return n.theme.colors.selectBackground}),(function(n){return n.theme.colors.selectBackground}),(function(n){return n.theme.colors.backgroundLight}),(function(n){return n.theme.colors.backgroundLight}),(function(n){var e=n.theme,r=n.hasError,o=n.errorMessage;return"solid ".concat(e.utilities.inputBorderWidth," ").concat(r||o?e.colors.textError:e.colors.textInputBorder)}),(function(n){return n.theme.colors.textDark}),(function(n){return n.theme.fontSizes.m}),"3rem",(function(n){var e=n.theme;return"calc( (".concat("3rem"," - ( ").concat(e.utilities.inputBorderWidth," * 2) - ").concat(e.typography.lineHeight," ) / 2) ").concat(e.spacing.m," calc( (").concat("3rem"," - ( ").concat(e.utilities.inputBorderWidth," * 2) - ").concat(e.typography.lineHeight," ) / 2) ").concat(e.spacing.xs)}),(function(n){return n.theme.colors.disabled}),(function(n){return n.theme.colors.disabled}),(function(r){var t=r.theme;return t.utilities.useDefaultFocusRect?null:e.css(o||(o=n.__makeTemplateObject(["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n          }\n        "],["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n          }\n        "])),t.colors.tertiary)}));exports.StyledSelect=c,exports.default=c;
+"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 o,t,c="3rem",i=r(e).default.select(t||(t=n.__makeTemplateObject(["\n  appearance: none;\n  background: linear-gradient(\n      45deg,\n      "," 50%,\n      "," 50%\n    ),\n    linear-gradient(\n      135deg,\n      "," 50%,\n      "," 50%\n    );\n  background-color: ",";\n  background-position: calc(100% - 16px) 50%, calc(100% - 10px) 50%;\n  background-size: 6px 6px;\n  background-repeat: no-repeat;\n  border: ",";\n  color: ",";\n  display: block;\n  font-size: ",";\n  min-height: ",";\n  padding: ",";\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n"],["\n  appearance: none;\n  background: linear-gradient(\n      45deg,\n      "," 50%,\n      "," 50%\n    ),\n    linear-gradient(\n      135deg,\n      "," 50%,\n      "," 50%\n    );\n  background-color: ",";\n  background-position: calc(100% - 16px) 50%, calc(100% - 10px) 50%;\n  background-size: 6px 6px;\n  background-repeat: no-repeat;\n  border: ",";\n  color: ",";\n  display: block;\n  font-size: ",";\n  min-height: ",";\n  padding: ",";\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n"])),(function(n){return n.theme.colors.backgroundLight}),(function(n){return n.theme.colors.selectBackground}),(function(n){return n.theme.colors.selectBackground}),(function(n){return n.theme.colors.backgroundLight}),(function(n){return n.theme.colors.backgroundLight}),(function(n){var e=n.theme,r=n.hasError,o=n.errorMessage;return"solid ".concat(e.utilities.inputBorderWidth," ").concat(r||o?e.colors.textError:e.colors.textInputBorder)}),(function(n){return n.theme.colors.textDark}),(function(n){return n.theme.fontSizes.m}),c,(function(n){var e=n.theme;return"calc( (".concat(c," - ( ").concat(e.utilities.inputBorderWidth," * 2) - ").concat(e.typography.lineHeight," ) / 2) ").concat(e.spacing.m," calc( (").concat(c," - ( ").concat(e.utilities.inputBorderWidth," * 2) - ").concat(e.typography.lineHeight," ) / 2) ").concat(e.spacing.xs)}),(function(n){return n.theme.colors.disabled}),(function(n){return n.theme.colors.disabled}),(function(r){var t=r.theme;return t.utilities.useDefaultFocusRect?null:e.css(o||(o=n.__makeTemplateObject(["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n          }\n        "],["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n          }\n        "])),t.colors.tertiary)}));exports.StyledSelect=i,exports.default=i;
 //# sourceMappingURL=styles.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),t=require("styled-components");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var A,o,i,r,a,l,c,g,b,u,d,s=e(t),m=s.default.span(A||(A=n.__makeTemplateObject(["\n  display: block;\n  background-color: ",";\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n  padding: ",";\n  margin: 0;\n  line-height: 1rem;\n  width: 100%;\n"],["\n  display: block;\n  background-color: ",";\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n  padding: ",";\n  margin: 0;\n  line-height: 1rem;\n  width: 100%;\n"])),(function(n){return n.theme.colors.textInputExtraInfo}),(function(n){return n.theme.colors.textDark}),(function(n){return n.theme.fontSizes.m}),(function(n){return n.theme.typography.lineHeight}),(function(n){return n.theme.typography.fontWeightLight}),(function(n){var t=n.theme;return"calc((".concat("48px"," - 1em ) / 2) ").concat(t.spacing.xs)})),p=s.default(m)(o||(o=n.__makeTemplateObject(["\n  width: initial;\n  vertical-align: middle;\n  height: ",";\n\n  button {\n    min-height: "," !important;\n  }\n"],["\n  width: initial;\n  vertical-align: middle;\n  height: ",";\n\n  button {\n    min-height: "," !important;\n  }\n"])),"48px",(function(n){var t=n.theme;return"calc(".concat("48px"," - (2 * ").concat(t.utilities.inputBorderWidth,"))")})),h=s.default(m)(i||(i=n.__makeTemplateObject(["\n  width: initial;\n  border: ",";\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ",";\n  vertical-align: middle;\n\n  button {\n    min-height: "," !important;\n  }\n"],["\n  width: initial;\n  border: ",";\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ",";\n  vertical-align: middle;\n\n  button {\n    min-height: "," !important;\n  }\n"])),(function(n){var t=n.theme;return"solid ".concat(t.utilities.inputBorderWidth," ").concat(t.colors.textInputBorder)}),"48px",(function(n){var t=n.theme;return"calc(".concat("48px"," - (2 * ").concat(t.utilities.inputBorderWidth,"))")})),W=s.default.span(r||(r=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),Z=s.default.span(c||(c=n.__makeTemplateObject(["\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ",';\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: "";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ',";\n    ","\n    ","\n  }\n"],["\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ",';\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: "";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ',";\n    ","\n    ","\n  }\n"])),(function(n){var t=n.isValidVisible;return n.isInvalidVisible||t?"block":"none"}),(function(n){var t=n.theme;return"calc( 100% - ".concat(t.spacing.xxs,") 50% ")}),(function(e){var A=e.isValid,o=e.isInvalidVisible;return!A&&o&&t.css(a||(a=n.__makeTemplateObject(['\n        background-image: url("data:image/png;base64,','");\n      '],['\n        background-image: url("data:image/png;base64,','");\n      '])),"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")}),(function(e){var A=e.isValid,o=e.isValidVisible;return A&&o&&t.css(l||(l=n.__makeTemplateObject(['\n        background-image: url("data:image/png;base64,','");\n      '],['\n        background-image: url("data:image/png;base64,','");\n      '])),"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")})),C=s.default.input(d||(d=n.__makeTemplateObject(["\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  border-radius: 0;\n  color: ",";\n  display: block;\n  font-size: ",";\n  line-height: ",";\n  min-width: 3em;\n  padding: ",";\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ","\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  ","\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n"],["\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  border-radius: 0;\n  color: ",";\n  display: block;\n  font-size: ",";\n  line-height: ",";\n  min-width: 3em;\n  padding: ",";\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ","\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  ","\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n"])),(function(n){return n.theme.colors.backgroundLight}),(function(n){var t=n.hasError,e=n.theme;return"solid ".concat(e.utilities.inputBorderWidth," ").concat(t?e.colors.textError:e.colors.textInputBorder)}),(function(n){return n.theme.colors.textDark}),(function(n){return n.theme.fontSizes.m}),(function(n){return n.theme.typography.lineHeight}),(function(n){var t=n.theme;return"calc((".concat("48px"," - (").concat(t.utilities.inputBorderWidth," * 2) - ").concat(t.typography.lineHeight," ) / 2) ").concat(t.spacing.xs)}),(function(e){var A=e.isValidVisible,o=e.isInvalidVisible;return(A||o)&&t.css(g||(g=n.__makeTemplateObject(["\n      padding-right: 3rem;\n    "],["\n      padding-right: 3rem;\n    "])))}),(function(n){return n.theme.colors.disabled}),(function(n){return n.theme.colors.disabled}),(function(e){var A=e.theme;return A.utilities.useDefaultFocusRect?null:t.css(b||(b=n.__makeTemplateObject(["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n            ~ "," {\n              border-color: ",";\n            }\n          }\n        "],["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n            ~ "," {\n              border-color: ",";\n            }\n          }\n        "])),A.colors.tertiary,h,A.colors.tertiary)}),(function(e){var A=e.hasError,o=e.theme;return A&&t.css(u||(u=n.__makeTemplateObject(["\n      ~ "," {\n        border-color: ",";\n      }\n    "],["\n      ~ "," {\n        border-color: ",";\n      }\n    "])),h,o.colors.textError)}));exports.Extra=m,exports.ExtraLeft=p,exports.ExtraRight=h,exports.ExtraWrapper=W,exports.StyledInput=C,exports.StyledInputWrapper=Z;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),t=require("styled-components");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var A,o,i,r,a,l,c,g,b,u,d,s=e(t),m="48px",p=s.default.span(A||(A=n.__makeTemplateObject(["\n  display: block;\n  background-color: ",";\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n  padding: ",";\n  margin: 0;\n  line-height: 1rem;\n  width: 100%;\n"],["\n  display: block;\n  background-color: ",";\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n  padding: ",";\n  margin: 0;\n  line-height: 1rem;\n  width: 100%;\n"])),(function(n){return n.theme.colors.textInputExtraInfo}),(function(n){return n.theme.colors.textDark}),(function(n){return n.theme.fontSizes.m}),(function(n){return n.theme.typography.lineHeight}),(function(n){return n.theme.typography.fontWeightLight}),(function(n){var t=n.theme;return"calc((".concat(m," - 1em ) / 2) ").concat(t.spacing.xs)})),h=s.default(p)(o||(o=n.__makeTemplateObject(["\n  width: initial;\n  vertical-align: middle;\n  height: ",";\n\n  button {\n    min-height: "," !important;\n  }\n"],["\n  width: initial;\n  vertical-align: middle;\n  height: ",";\n\n  button {\n    min-height: "," !important;\n  }\n"])),m,(function(n){var t=n.theme;return"calc(".concat(m," - (2 * ").concat(t.utilities.inputBorderWidth,"))")})),W=s.default(p)(i||(i=n.__makeTemplateObject(["\n  width: initial;\n  border: ",";\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ",";\n  vertical-align: middle;\n\n  button {\n    min-height: "," !important;\n  }\n"],["\n  width: initial;\n  border: ",";\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ",";\n  vertical-align: middle;\n\n  button {\n    min-height: "," !important;\n  }\n"])),(function(n){var t=n.theme;return"solid ".concat(t.utilities.inputBorderWidth," ").concat(t.colors.textInputBorder)}),m,(function(n){var t=n.theme;return"calc(".concat(m," - (2 * ").concat(t.utilities.inputBorderWidth,"))")})),Z=s.default.span(r||(r=n.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"],["\n  display: flex;\n  align-items: center;\n"]))),C=s.default.span(c||(c=n.__makeTemplateObject(["\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ",';\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: "";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ',";\n    ","\n    ","\n  }\n"],["\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ",';\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: "";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ',";\n    ","\n    ","\n  }\n"])),(function(n){var t=n.isValidVisible;return n.isInvalidVisible||t?"block":"none"}),(function(n){var t=n.theme;return"calc( 100% - ".concat(t.spacing.xxs,") 50% ")}),(function(e){var A=e.isValid,o=e.isInvalidVisible;return!A&&o&&t.css(a||(a=n.__makeTemplateObject(['\n        background-image: url("data:image/png;base64,','");\n      '],['\n        background-image: url("data:image/png;base64,','");\n      '])),"iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAK0mlDQ1BJQ0MgUHJvZmlsZQAASImVlwdUU9kWhs+96Y0WQDqhN0E6AaSEHkB6F5WQBBIIMSYEEbsyqOBYUBFBZQCHquDoCMhYEAsWRLFhnyCDgjoOFmyozAUeYWbeeu+tt9c693x3Z5999r65Z63/AkDxY4lEAlgJgCxhtjgq0IeWkJhEww0CCGgDAlADtiy2RMSIiAgFiE3Pf7f3d5BoxG5aT+T699//q6lwuBI2AFAywqkcCTsL4Q5kDLFF4mwAUHWI32hptmiCuxFWFSMFIiyb4PQpfjfBqZOMxk/GxET5IqwDAJ7MYonTASCbI35aDjsdyUMOQthWyOELEc5F2JPNY3EQbkN4dlbW4gn+DWFzJF4EAIWMMD31LznT/5Y/VZ6fxUqX81Rfk4b340tEAtay//PR/G/LEkin9zBFBpknDopCZuTfhO5mLg6RszA1LHya+ZzJ+EnmSYNip5kt8U2aZg7LL0S+VhAWOs1p/ACmPE82M2aauRL/6GkWL46S75Um9mVMM0s8s680M1bu53GZ8vx5vJj4ac7hx4VNsyQzOmQmxlfuF0uj5PVzhYE+M/sGyHvPkvylXz5TvjabFxMk7501Uz9XyJjJKUmQ18bh+vnPxMTK40XZPvK9RIIIeTxXECj3S3Ki5WuzkZdzZm2E/BlmsIIjphlEgFDgAByBK3KNB5HZ3NzsiSZ8F4uWifnpvGwaAzlpXBpTyLaZTbO3tbcDYOLcTr0Kb+9OnkdIHT/jS0POl2MDclZcZ3yCDQCcuQ6AwsYZn9FbAAgTfgFbKs6Z8qEnLhhABIpAFWgCPWAEzIE1sAfOwB14A38QDMJBDEgECwEb8EAWEIOlYAVYCwpAEdgGdoEyUAGqQR04BI6AVnACnAEXwBVwHdwGD4AMDIIXYAS8B2MQBOEgCkSFNCF9yASyguwhOuQJ+UOhUBSUCKVA6ZAQkkIroPVQEVQMlUGVUD30E3QcOgNdgnqhe1A/NAy9gT7DKJgMq8K6sCk8B6bDDDgEjoEXwOnwEjgPzoe3wKVwFXwQboHPwFfg27AMfgGPogCKhFJHGaCsUXSULyoclYRKQ4lRq1CFqBJUFaoJ1Y7qQt1EyVAvUZ/QWDQVTUNbo93RQehYNBu9BL0KvRldhq5Dt6DPoW+i+9Ej6G8YCkYHY4VxwzAxCZh0zFJMAaYEU4M5hjmPuY0ZxLzHYrHqWDOsCzYIm4jNwC7HbsbuwzZjO7C92AHsKA6H08RZ4Txw4TgWLhtXgNuDO4g7jbuBG8R9xJPw+nh7fAA+CS/Er8OX4Bvwp/A38M/wYwQlggnBjRBO4BCWEbYSDhDaCdcIg4QxojLRjOhBjCFmENcSS4lNxPPEh8S3JBLJkORKiiTxSWtIpaTDpIukftInsgrZkuxLTiZLyVvIteQO8j3yWwqFYkrxpiRRsilbKPWUs5THlI8KVAUbBaYCR2G1QrlCi8INhVeKBEUTRYbiQsU8xRLFo4rXFF8qEZRMlXyVWEqrlMqVjiv1KY0qU5XtlMOVs5Q3KzcoX1IeUsGpmKr4q3BU8lWqVc6qDFBRVCOqL5VNXU89QD1PHVTFqpqpMlUzVItUD6n2qI6oqag5qsWp5aqVq51Uk6mj1E3VmeoC9a3qR9TvqH+epTuLMYs7a9Osplk3Zn3Q0Nbw1uBqFGo0a9zW+KxJ0/TXzNTcrtmq+UgLrWWpFam1VGu/1nmtl9qq2u7abO1C7SPa93VgHUudKJ3lOtU63Tqjunq6gboi3T26Z3Vf6qnreetl6O3UO6U3rE/V99Tn6+/UP63/nKZGY9AEtFLaOdqIgY5BkIHUoNKgx2DM0Mww1nCdYbPhIyOiEd0ozWinUafRiLG+8TzjFcaNxvdNCCZ0E57JbpMukw+mZqbxphtMW02HzDTMmGZ5Zo1mD80p5l7mS8yrzG9ZYC3oFpkW+yyuW8KWTpY8y3LLa1awlbMV32qfVe9szGzX2cLZVbP7rMnWDOsc60brfht1m1CbdTatNq/mGM9JmrN9Ttecb7ZOtgLbA7YP7FTsgu3W2bXbvbG3tGfbl9vfcqA4BDisdmhzeO1o5ch13O9414nqNM9pg1On01dnF2exc5PzsIuxS4rLXpc+uio9gr6ZftEV4+rjutr1hOsnN2e3bLcjbn+4W7tnuje4D801m8ude2DugIehB8uj0kPmSfNM8fzBU+Zl4MXyqvJ64m3kzfGu8X7GsGBkMA4yXvnY+oh9jvl88HXzXenb4YfyC/Qr9OvxV/GP9S/zfxxgGJAe0BgwEugUuDywIwgTFBK0PaiPqctkM+uZI8EuwSuDz4WQQ6JDykKehFqGikPb58HzguftmPcwzCRMGNYaDsKZ4TvCH0WYRSyJ+CUSGxkRWR75NMouakVUVzQ1elF0Q/T7GJ+YrTEPYs1jpbGdcYpxyXH1cR/i/eKL42UJcxJWJlxJ1ErkJ7Yl4ZLikmqSRuf7z981fzDZKbkg+c4CswW5Cy4t1FooWHhykeIi1qKjKZiU+JSGlC+scFYVazSVmbo3dYTty97NfsHx5uzkDHM9uMXcZ2keacVpQ+ke6TvSh3levBLeS74vv4z/OiMooyLjQ2Z4Zm3muCBe0JyFz0rJOi5UEWYKzy3WW5y7uFdkJSoQyZa4Ldm1ZEQcIq6RQJIFkrZsVUQgdUvNpd9J+3M8c8pzPi6NW3o0VzlXmNu9zHLZpmXP8gLyflyOXs5e3rnCYMXaFf0rGSsrV0GrUld1rjZanb96cE3gmrq1xLWZa6+us11XvO7d+vj17fm6+WvyB74L/K6xQKFAXNC3wX1DxUb0Rv7Gnk0Om/Zs+lbIKbxcZFtUUvRlM3vz5e/tvi/9fnxL2paerc5b92/DbhNuu7Pda3tdsXJxXvHAjnk7WnbSdhbufLdr0a5LJY4lFbuJu6W7ZaWhpW17jPds2/OljFd2u9ynvHmvzt5Nez/s4+y7sd97f1OFbkVRxecf+D/crQysbKkyrSqpxlbnVD89EHeg60f6j/U1WjVFNV9rhbWyuqi6c/Uu9fUNOg1bG+FGaePwweSD1w/5HWprsm6qbFZvLjoMDksPP/8p5ac7R0KOdB6lH2362eTnvceoxwpboJZlLSOtvFZZW2Jb7/Hg453t7u3HfrH5pfaEwYnyk2ont54inso/NX467/Roh6jj5Zn0MwOdizofnE04e+tc5Lme8yHnL14IuHC2i9F1+qLHxROX3C4dv0y/3HrF+UpLt1P3satOV4/1OPe0XHO51nbd9Xp779zeUze8bpy56Xfzwi3mrSu3w2733om9c7cvuU92l3N36J7g3uv7OffHHqx5iHlY+EjpUcljncdVv1r82ixzlp3s9+vvfhL95MEAe+DFb5LfvgzmP6U8LXmm/6x+yH7oxHDA8PXn858PvhC9GHtZ8Lvy73tfmb/6+Q/vP7pHEkYGX4tfj7/Z/Fbzbe07x3edoxGjj99nvR/7UPhR82PdJ/qnrs/xn5+NLf2C+1L61eJr+7eQbw/Hs8bHRSwxa1IKoJABp6UB8KYW0cWJAFAR/UCcP6WrJw2a+haYJPCfeEp7T5ozANVrAJiQXBOSqsIbABPknojMEciI8Qawg4N8/MskaQ72U7lIrYg0KRkff4voRpwFAF/7xsfHWsfHv9Ygxd4HoOP9lJ6flMhXAcihTtB9t27wT5vS+n/p8Z8zmKjAEfxz/hPZzxa5BBEfaQAAAGJlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA5KGAAcAAAASAAAAUKACAAQAAAABAAAAGKADAAQAAAABAAAAGQAAAABBU0NJSQAAAFNjcmVlbnNob3QQNRc8AAACO2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MzI8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpVc2VyQ29tbWVudD5TY3JlZW5zaG90PC9leGlmOlVzZXJDb21tZW50PgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MzU8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KNUAWJwAAAt1JREFUSA21lk9IFFEcx79vdtdZdycqTERBKhBUKLIOSXjpEITiFvbvULeS7N+tP+jNWx3qltSKXewWpYVSEQhdOkoKgf9WEASLLNT8s64zu6/3e/HGmd2ZbVH8wcx7vz/v85v35r35DeNCkE9SKWRGRpCZmAD/9VtGsn0l0KqrodXVAbqebzSCfl4+Po7U0y6kBj+AL614hrHdBvTmRuh3boPV1HjH5MxgZQWph4+QfNYD5J/bJpABxTdboXe0A4axaRc95kzA5+aweuESrLGEK6hQJVhbhejrV2AVFfYQOwGfn8dqUwxWYsZ2bqUTrDqA6PsBsNJSOVxTkOT1G9uGE4sekFhKZAKr9yU2Pn9RNtmyUABFDcddNi/FK45YxCTRYFpIPn6SM9bo7kLkbR/C55pzfMpAcONFXMbpTaeUWbaSKdhaemgI6dkfLicp5sCguDOE4889kyh4INYMPjMD8+uoi0FMYgc6Sko6rdFvLicp1tgkMD2JYCwmLjEL0Zc24XPBEwksn2lB5vt8DkOLhhFoD+mdmZ//Tmh2hFeSdGJaLot88jxwyUqbYIuVBzlfXstmu3R6D+F4XNg4MsPD0Orrwf8HF9FsVwRsYW8ZL+TEhi+eRbibkog0s7NYPt3kuSwyQN3ECdeYEVGqb0trHhLvQgkrL0fRiXql+rbE1gL7K30DyJH9QlP3H5DVd3c5YcTWgseOOm2ufjacdkuypxfrbW0FJSG2FmpsdEGV4gVXW3G9b7CgJJLNN0z+5/ARvrCnzHVZ/f30oeWZqSm+VHvI5VOxyavXODctcZl87fIVVwwxia0hFETxvbvqwe2WTjIVHb9DRIFqJrRls0+yZAq2/bleaznv+cHjZtpO6teh5XTGFZ1sQKT/jQy3E+x4PaACEX3XB6pKWxVZ0QRDFRvi2AWHFCp1xqePKL7VSlu9cKGaLMbQWGe5lExnTXYSd+6vwpmF+tv8L/oLio+JWZ6NQZEAAAAASUVORK5CYII=")}),(function(e){var A=e.isValid,o=e.isValidVisible;return A&&o&&t.css(l||(l=n.__makeTemplateObject(['\n        background-image: url("data:image/png;base64,','");\n      '],['\n        background-image: url("data:image/png;base64,','");\n      '])),"iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAK0mlDQ1BJQ0MgUHJvZmlsZQAASImVlwdUU9kWhs+96Y0WQDqhN0E6AaSEHkB6F5WQBBIIMSYEEbsyqOBYUBFBZQCHquDoCMhYEAsWRLFhnyCDgjoOFmyozAUeYWbeeu+tt9c693x3Z5999r65Z63/AkDxY4lEAlgJgCxhtjgq0IeWkJhEww0CCGgDAlADtiy2RMSIiAgFiE3Pf7f3d5BoxG5aT+T699//q6lwuBI2AFAywqkcCTsL4Q5kDLFF4mwAUHWI32hptmiCuxFWFSMFIiyb4PQpfjfBqZOMxk/GxET5IqwDAJ7MYonTASCbI35aDjsdyUMOQthWyOELEc5F2JPNY3EQbkN4dlbW4gn+DWFzJF4EAIWMMD31LznT/5Y/VZ6fxUqX81Rfk4b340tEAtay//PR/G/LEkin9zBFBpknDopCZuTfhO5mLg6RszA1LHya+ZzJ+EnmSYNip5kt8U2aZg7LL0S+VhAWOs1p/ACmPE82M2aauRL/6GkWL46S75Um9mVMM0s8s680M1bu53GZ8vx5vJj4ac7hx4VNsyQzOmQmxlfuF0uj5PVzhYE+M/sGyHvPkvylXz5TvjabFxMk7501Uz9XyJjJKUmQ18bh+vnPxMTK40XZPvK9RIIIeTxXECj3S3Ki5WuzkZdzZm2E/BlmsIIjphlEgFDgAByBK3KNB5HZ3NzsiSZ8F4uWifnpvGwaAzlpXBpTyLaZTbO3tbcDYOLcTr0Kb+9OnkdIHT/jS0POl2MDclZcZ3yCDQCcuQ6AwsYZn9FbAAgTfgFbKs6Z8qEnLhhABIpAFWgCPWAEzIE1sAfOwB14A38QDMJBDEgECwEb8EAWEIOlYAVYCwpAEdgGdoEyUAGqQR04BI6AVnACnAEXwBVwHdwGD4AMDIIXYAS8B2MQBOEgCkSFNCF9yASyguwhOuQJ+UOhUBSUCKVA6ZAQkkIroPVQEVQMlUGVUD30E3QcOgNdgnqhe1A/NAy9gT7DKJgMq8K6sCk8B6bDDDgEjoEXwOnwEjgPzoe3wKVwFXwQboHPwFfg27AMfgGPogCKhFJHGaCsUXSULyoclYRKQ4lRq1CFqBJUFaoJ1Y7qQt1EyVAvUZ/QWDQVTUNbo93RQehYNBu9BL0KvRldhq5Dt6DPoW+i+9Ej6G8YCkYHY4VxwzAxCZh0zFJMAaYEU4M5hjmPuY0ZxLzHYrHqWDOsCzYIm4jNwC7HbsbuwzZjO7C92AHsKA6H08RZ4Txw4TgWLhtXgNuDO4g7jbuBG8R9xJPw+nh7fAA+CS/Er8OX4Bvwp/A38M/wYwQlggnBjRBO4BCWEbYSDhDaCdcIg4QxojLRjOhBjCFmENcSS4lNxPPEh8S3JBLJkORKiiTxSWtIpaTDpIukftInsgrZkuxLTiZLyVvIteQO8j3yWwqFYkrxpiRRsilbKPWUs5THlI8KVAUbBaYCR2G1QrlCi8INhVeKBEUTRYbiQsU8xRLFo4rXFF8qEZRMlXyVWEqrlMqVjiv1KY0qU5XtlMOVs5Q3KzcoX1IeUsGpmKr4q3BU8lWqVc6qDFBRVCOqL5VNXU89QD1PHVTFqpqpMlUzVItUD6n2qI6oqag5qsWp5aqVq51Uk6mj1E3VmeoC9a3qR9TvqH+epTuLMYs7a9Osplk3Zn3Q0Nbw1uBqFGo0a9zW+KxJ0/TXzNTcrtmq+UgLrWWpFam1VGu/1nmtl9qq2u7abO1C7SPa93VgHUudKJ3lOtU63Tqjunq6gboi3T26Z3Vf6qnreetl6O3UO6U3rE/V99Tn6+/UP63/nKZGY9AEtFLaOdqIgY5BkIHUoNKgx2DM0Mww1nCdYbPhIyOiEd0ozWinUafRiLG+8TzjFcaNxvdNCCZ0E57JbpMukw+mZqbxphtMW02HzDTMmGZ5Zo1mD80p5l7mS8yrzG9ZYC3oFpkW+yyuW8KWTpY8y3LLa1awlbMV32qfVe9szGzX2cLZVbP7rMnWDOsc60brfht1m1CbdTatNq/mGM9JmrN9Ttecb7ZOtgLbA7YP7FTsgu3W2bXbvbG3tGfbl9vfcqA4BDisdmhzeO1o5ch13O9414nqNM9pg1On01dnF2exc5PzsIuxS4rLXpc+uio9gr6ZftEV4+rjutr1hOsnN2e3bLcjbn+4W7tnuje4D801m8ude2DugIehB8uj0kPmSfNM8fzBU+Zl4MXyqvJ64m3kzfGu8X7GsGBkMA4yXvnY+oh9jvl88HXzXenb4YfyC/Qr9OvxV/GP9S/zfxxgGJAe0BgwEugUuDywIwgTFBK0PaiPqctkM+uZI8EuwSuDz4WQQ6JDykKehFqGikPb58HzguftmPcwzCRMGNYaDsKZ4TvCH0WYRSyJ+CUSGxkRWR75NMouakVUVzQ1elF0Q/T7GJ+YrTEPYs1jpbGdcYpxyXH1cR/i/eKL42UJcxJWJlxJ1ErkJ7Yl4ZLikmqSRuf7z981fzDZKbkg+c4CswW5Cy4t1FooWHhykeIi1qKjKZiU+JSGlC+scFYVazSVmbo3dYTty97NfsHx5uzkDHM9uMXcZ2keacVpQ+ke6TvSh3levBLeS74vv4z/OiMooyLjQ2Z4Zm3muCBe0JyFz0rJOi5UEWYKzy3WW5y7uFdkJSoQyZa4Ldm1ZEQcIq6RQJIFkrZsVUQgdUvNpd9J+3M8c8pzPi6NW3o0VzlXmNu9zHLZpmXP8gLyflyOXs5e3rnCYMXaFf0rGSsrV0GrUld1rjZanb96cE3gmrq1xLWZa6+us11XvO7d+vj17fm6+WvyB74L/K6xQKFAXNC3wX1DxUb0Rv7Gnk0Om/Zs+lbIKbxcZFtUUvRlM3vz5e/tvi/9fnxL2paerc5b92/DbhNuu7Pda3tdsXJxXvHAjnk7WnbSdhbufLdr0a5LJY4lFbuJu6W7ZaWhpW17jPds2/OljFd2u9ynvHmvzt5Nez/s4+y7sd97f1OFbkVRxecf+D/crQysbKkyrSqpxlbnVD89EHeg60f6j/U1WjVFNV9rhbWyuqi6c/Uu9fUNOg1bG+FGaePwweSD1w/5HWprsm6qbFZvLjoMDksPP/8p5ac7R0KOdB6lH2362eTnvceoxwpboJZlLSOtvFZZW2Jb7/Hg453t7u3HfrH5pfaEwYnyk2ont54inso/NX467/Roh6jj5Zn0MwOdizofnE04e+tc5Lme8yHnL14IuHC2i9F1+qLHxROX3C4dv0y/3HrF+UpLt1P3satOV4/1OPe0XHO51nbd9Xp779zeUze8bpy56Xfzwi3mrSu3w2733om9c7cvuU92l3N36J7g3uv7OffHHqx5iHlY+EjpUcljncdVv1r82ixzlp3s9+vvfhL95MEAe+DFb5LfvgzmP6U8LXmm/6x+yH7oxHDA8PXn858PvhC9GHtZ8Lvy73tfmb/6+Q/vP7pHEkYGX4tfj7/Z/Fbzbe07x3edoxGjj99nvR/7UPhR82PdJ/qnrs/xn5+NLf2C+1L61eJr+7eQbw/Hs8bHRSwxa1IKoJABp6UB8KYW0cWJAFAR/UCcP6WrJw2a+haYJPCfeEp7T5ozANVrAJiQXBOSqsIbABPknojMEciI8Qawg4N8/MskaQ72U7lIrYg0KRkff4voRpwFAF/7xsfHWsfHv9Ygxd4HoOP9lJ6flMhXAcihTtB9t27wT5vS+n/p8Z8zmKjAEfxz/hPZzxa5BBEfaQAAAGJlWElmTU0AKgAAAAgAAgESAAMAAAABAAEAAIdpAAQAAAABAAAAJgAAAAAAA5KGAAcAAAASAAAAUKACAAQAAAABAAAAGKADAAQAAAABAAAAGQAAAABBU0NJSQAAAFNjcmVlbnNob3QQNRc8AAACO2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNi4wLjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczpleGlmPSJodHRwOi8vbnMuYWRvYmUuY29tL2V4aWYvMS4wLyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8ZXhpZjpQaXhlbFlEaW1lbnNpb24+MzA8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICAgICA8ZXhpZjpVc2VyQ29tbWVudD5TY3JlZW5zaG90PC9leGlmOlVzZXJDb21tZW50PgogICAgICAgICA8ZXhpZjpQaXhlbFhEaW1lbnNpb24+MzU8L2V4aWY6UGl4ZWxYRGltZW5zaW9uPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4K2qAMJwAAAoBJREFUSA21ll9IU1Ecx787m0ora7m0cpnQrCY+REh/9KHCosCX7CmwRUFQUVDQk2RIrOytoAdhBkEP5UsP6otQD6MImhXSkzhBIxUptWwlLdK5Ot8b53LvNtfuFb8Pu797zu/3+d4z7vmd6/gjhRyaTy5g6NMIPsxM4Fviu5a53r0O20orUL25CoWughzVgGup2dGZcTyO9iAy/BZz87+yphUXrkLDzr0I1jXBX7o1a44jfQUJCQu/6MKTd33IuTQDziHjU3sacfFQM9zS1CiTwfSPL7jcFcLo10ljTt6x3+tDR3MbytZu0Gt0g9mfcZx7dB1j8Sl90k5Q6dmIh2fvoGS1RysXCtLafW/ZcLL4gGQpaQY975/jzdigGrN1rd0SgEv8e16yyKREMrWIB6+e2oKqomOB/QifDqH9+FU1pDHJFq9HBvB5blafsBoQfvvENVnmQGQoqpeTSbZ4Kd9zuzLCb3TfxbNYvwlFthiUu9SO/gcnk2wxGZ/O4Bc5c2//fOCEki0SC79NBizuvdQBv7fcNK5u8oUzn2zhLihStdq1obpO7kQvwsFbGSZW4ISRLXyeMpNBa+99RGJReNd4TCZW4YSS7Tx5PngzNvVRN0nJ7h0Z7pfdsQI15dtxOFAPp5xtabwgfx3I9rboxWnBgapaiIOy3aYrmUqhRW53tZIrR87IFGtwMskW9dJlU3FJugeMJovS0MqTE0Ym2Vo3Zd8I9XVmmHCA/WWXbwcGJmJZ55cabJN/adPuo9C6E4N9lTVZc7kSq3CyyKT0dt0u+wl7+XJFBllKugEPiE7ZEXkq2RVryVCHDTn6iaagK3omKxNeV+yrwmjCeLnfRX8BLskwhmjw6AkAAAAASUVORK5CYII=")})),I=s.default.input(d||(d=n.__makeTemplateObject(["\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  border-radius: 0;\n  color: ",";\n  display: block;\n  font-size: ",";\n  line-height: ",";\n  min-width: 3em;\n  padding: ",";\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ","\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  ","\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n"],["\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  border-radius: 0;\n  color: ",";\n  display: block;\n  font-size: ",";\n  line-height: ",";\n  min-width: 3em;\n  padding: ",";\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ","\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  ","\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n"])),(function(n){return n.theme.colors.backgroundLight}),(function(n){var t=n.hasError,e=n.theme;return"solid ".concat(e.utilities.inputBorderWidth," ").concat(t?e.colors.textError:e.colors.textInputBorder)}),(function(n){return n.theme.colors.textDark}),(function(n){return n.theme.fontSizes.m}),(function(n){return n.theme.typography.lineHeight}),(function(n){var t=n.theme;return"calc((".concat(m," - (").concat(t.utilities.inputBorderWidth," * 2) - ").concat(t.typography.lineHeight," ) / 2) ").concat(t.spacing.xs)}),(function(e){var A=e.isValidVisible,o=e.isInvalidVisible;return(A||o)&&t.css(g||(g=n.__makeTemplateObject(["\n      padding-right: 3rem;\n    "],["\n      padding-right: 3rem;\n    "])))}),(function(n){return n.theme.colors.disabled}),(function(n){return n.theme.colors.disabled}),(function(e){var A=e.theme;return A.utilities.useDefaultFocusRect?null:t.css(b||(b=n.__makeTemplateObject(["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n            ~ "," {\n              border-color: ",";\n            }\n          }\n        "],["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n            ~ "," {\n              border-color: ",";\n            }\n          }\n        "])),A.colors.tertiary,W,A.colors.tertiary)}),(function(e){var A=e.hasError,o=e.theme;return A&&t.css(u||(u=n.__makeTemplateObject(["\n      ~ "," {\n        border-color: ",";\n      }\n    "],["\n      ~ "," {\n        border-color: ",";\n      }\n    "])),W,o.colors.textError)}));exports.Extra=p,exports.ExtraLeft=h,exports.ExtraRight=W,exports.ExtraWrapper=Z,exports.StyledInput=I,exports.StyledInputWrapper=C;
 //# sourceMappingURL=styles.js.map

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

@@ -1,6 +1,6 @@
 import React, { InputHTMLAttributes, Ref, FocusEvent } from "react";
 import { AddressDataType } from "../../types";
-export declare type AddressLookupProps = InputHTMLAttributes<HTMLInputElement> & {
+export type AddressLookupProps = InputHTMLAttributes<HTMLInputElement> & {
     /** api key for loqate */
     apiKey: string;
     /** list of countries codes you want the address look up to search within */
@@ -32,5 +32,30 @@ export declare type AddressLookupProps = InputHTMLAttributes<HTMLInputElement> &
  * You will need a Loqate api key, the examples below use "MG17-ZD93-FF33-KF13" our development key.
  * This component is generally only used for country codes including "GBR", "GGY", "IMN", "JEY". An example of this behavior is included bellow.
  */
-declare const AddressLookup: React.ForwardRefExoticComponent<Pick<AddressLookupProps, "apiKey" | "countries" | "errorMessage" | "hasError" | "isValid" | "isValidVisible" | "isInvalidVisible" | "label" | "onAddressError" | "onAddressSelected" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
+declare const AddressLookup: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement> & {
+    /** api key for loqate */
+    apiKey: string;
+    /** list of countries codes you want the address look up to search within */
+    countries?: string[] | undefined;
+    /** callback function which is passed the selected address data */
+    onAddressSelected: (address: AddressDataType) => void;
+    /** error message */
+    errorMessage?: string | undefined;
+    /** when true a input has a red border */
+    hasError?: boolean | undefined;
+    /** flag which effects the check or cross icons to the right of the input */
+    isValid?: boolean | undefined;
+    /** flag to hide or show the check icon when valid */
+    isValidVisible?: boolean | undefined;
+    /** flag to hide or show the cross icon when invalid */
+    isInvalidVisible?: boolean | undefined;
+    /** label text */
+    label?: string | undefined;
+    /** callback function which is passed the error */
+    onAddressError?: ((error: Error) => void) | undefined;
+    /** onBlur handler */
+    onBlur?: ((e: FocusEvent<HTMLInputElement>) => void) | undefined;
+    /** attach a DOM reference variable to your component */
+    ref?: React.Ref<HTMLInputElement> | undefined;
+}, "apiKey" | "countries" | "errorMessage" | "hasError" | "isValid" | "isValidVisible" | "isInvalidVisible" | "label" | "onAddressError" | "onAddressSelected" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
 export default AddressLookup;

package/lib/components/Avatar/index.d.ts

@@ -1,5 +1,5 @@
 import { ImgHTMLAttributes } from "react";
-export declare type AvatarProps = ImgHTMLAttributes<HTMLElement> & {
+export type AvatarProps = ImgHTMLAttributes<HTMLElement> & {
     /** name of user/entity */
     name?: string;
     /** image url */

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

@@ -1,5 +1,5 @@
 import { ThemeType } from "../../types";
-declare type AvatarStyledProps = {
+type AvatarStyledProps = {
     size?: string;
     theme: ThemeType;
 };

package/lib/components/Badge/index.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 import { SpaceType } from "../../types";
-export declare type BadgeProps = {
+export type BadgeProps = {
     /** background colour of badge */
     backgroundColor?: string;
     /** border colour of badge */

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

@@ -1,5 +1,5 @@
 import { SpaceType, ThemeType } from "../../types";
-declare type StyleBadgeProps = {
+type StyleBadgeProps = {
     backgroundColor?: string;
     borderColor?: string;
     textColor?: string;

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

@@ -1,6 +1,6 @@
 import { FunctionComponent, HTMLAttributes, Ref, ReactNode, ElementType } from "react";
 import { SpacingProps } from "../Spacing";
-export declare type BoxProps = SpacingProps & HTMLAttributes<HTMLElement> & {
+export type BoxProps = SpacingProps & HTMLAttributes<HTMLElement> & {
     /** background color of box, this will add default padding */
     backgroundColor?: string;
     css?: string;

package/lib/components/Button/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode, ButtonHTMLAttributes, Ref, ElementType } from "react";
 import { ButtonAppearanceType } from "../../types";
-export declare type Props = ButtonHTMLAttributes<HTMLElement> & {
+export type Props = ButtonHTMLAttributes<HTMLElement> & {
     /** the look and feel of the button */
     appearance?: ButtonAppearanceType;
     /** flag to streatch but to 100% width */
@@ -24,5 +24,23 @@ export declare type Props = ButtonHTMLAttributes<HTMLElement> & {
  *
  * Design system documentation SU2C https://zeroheight.com/79db39f7e/p/22ff0e-button/b/32e1a2
  */
-export declare const Button: React.ForwardRefExoticComponent<Pick<Props, keyof React.ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "size" | "css" | "as" | "isIconButton"> & React.RefAttributes<HTMLElement>>;
+export declare const Button: React.ForwardRefExoticComponent<Pick<React.ButtonHTMLAttributes<HTMLElement> & {
+    /** the look and feel of the button */
+    appearance?: ButtonAppearanceType | undefined;
+    /** flag to streatch but to 100% width */
+    full?: boolean | undefined;
+    /** this is a url which will convert the button to an anchor tag */
+    href?: string | undefined;
+    /** the height of the button, this will add padding not increase text size */
+    size?: "m" | "l" | undefined;
+    css?: any;
+    /** styled-components polymorphism where you can use the styling of a button but convert to another element like an anchor tag */
+    as?: React.ElementType<any> | undefined;
+    /** flag to force button into an icon button shape which is square or round */
+    isIconButton?: boolean | undefined;
+    /** Element reference */
+    ref?: React.Ref<HTMLElement> | undefined;
+    /** Component reference */
+    children?: ReactNode;
+}, keyof React.ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "size" | "css" | "as" | "isIconButton"> & React.RefAttributes<HTMLElement>>;
 export default Button;

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

@@ -1,6 +1,6 @@
 import { ThemeType, ButtonAppearanceType } from "../../types";
 export declare const Spacer: import("styled-components").StyledComponent<"span", any, {}, never>;
-declare type StyledButtonProps = {
+type StyledButtonProps = {
     isIconButton: boolean;
     appearance?: ButtonAppearanceType;
     full?: boolean;

package/lib/components/Carousel/Dots.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes } from "react";
-declare type DotProps = {
+type DotProps = {
     count: number;
     currentPosition: number;
     scrollToPosition: (to: number) => void;

package/lib/components/Carousel/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-export declare type CarouselProps = {
+export type CarouselProps = {
     /** Index in which the carousel is scrolled to on mount */
     startPosition?: number;
     /** call back for on position changed first prop is the possition */

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

@@ -1,16 +1,16 @@
 import { ThemeType } from "../../types";
 export declare const CarouselWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-declare type ThemeProps = {
+type ThemeProps = {
     theme: ThemeType;
 };
-declare type CarouselScrollAreaProps = {
+type CarouselScrollAreaProps = {
     smoothScrolling: boolean;
 };
-declare type CarouselCardProps = {
+type CarouselCardProps = {
     onlyChild: boolean;
     fullWidthChild: boolean;
 };
-declare type CarouselCardInnerProps = {
+type CarouselCardInnerProps = {
     isSelected: boolean;
     shrinkUnselectedPages: boolean;
     onlyChild: boolean;

package/lib/components/Checkbox/index.d.ts

@@ -1,5 +1,5 @@
 import React, { InputHTMLAttributes, Ref, ReactNode } from "react";
-export declare type CheckBoxProps = InputHTMLAttributes<HTMLInputElement> & {
+export type CheckBoxProps = InputHTMLAttributes<HTMLInputElement> & {
     ref?: Ref<HTMLInputElement>;
     /** flag for error styling */
     hasError?: boolean;
@@ -12,5 +12,12 @@ export declare type CheckBoxProps = InputHTMLAttributes<HTMLInputElement> & {
  *
  * The value or children becomes the label, if you want an outer label for a checkbox or group of checkboxes please use a LegendWrapper component
  */
-declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckBoxProps, keyof React.InputHTMLAttributes<HTMLInputElement> | "hasError" | "errorMessage"> & React.RefAttributes<HTMLInputElement>>;
+declare const Checkbox: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement> & {
+    ref?: React.Ref<HTMLInputElement> | undefined;
+    /** flag for error styling */
+    hasError?: boolean | undefined;
+    /** error message text  */
+    errorMessage?: string | undefined;
+    children?: ReactNode;
+}, keyof React.InputHTMLAttributes<HTMLInputElement> | "hasError" | "errorMessage"> & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;

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

@@ -1,5 +1,5 @@
 import { ThemeType } from "../../types";
-declare type StyledLabelProps = {
+type StyledLabelProps = {
     checked: boolean;
     disabled: boolean;
     hasError: boolean;

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

@@ -1,6 +1,6 @@
 import { ReactNode, HTMLAttributes } from "react";
 import { FontSizeType } from "../../types";
-export declare type CollapseProps = HTMLAttributes<HTMLElement> & {
+export type CollapseProps = HTMLAttributes<HTMLElement> & {
     /** id is required for a11y reasons as we use aria attributes which depends on an id  */
     id: string;
     /** text of collapse header, even if there is a custom header component this prop is still used for aria attributes */

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

@@ -4,7 +4,17 @@ export declare const transitionDurationSeconds = 0.5;
 export declare const FlippingIcon: import("styled-components").StyledComponent<({ faIcon, color, size, ...rest }: import("../IconFa").IconFaProps) => JSX.Element, any, {
     open: boolean;
 }, never>;
-export declare const DefaultHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("../Button").Props, "size" | keyof import("react").ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "css" | "as" | "isIconButton"> & import("react").RefAttributes<HTMLElement>>, any, {
+export declare const DefaultHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").ButtonHTMLAttributes<HTMLElement> & {
+    appearance?: import("../../types").ButtonAppearanceType | undefined;
+    full?: boolean | undefined;
+    href?: string | undefined;
+    size?: "m" | "l" | undefined;
+    css?: any;
+    as?: import("react").ElementType<any> | undefined;
+    isIconButton?: boolean | undefined;
+    ref?: import("react").Ref<HTMLElement> | undefined;
+    children?: import("react").ReactNode;
+}, "size" | keyof import("react").ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "css" | "as" | "isIconButton"> & import("react").RefAttributes<HTMLElement>>, any, {
     textColor?: string | undefined;
     textSize?: FontSizeType | undefined;
     textFontFamily?: string | undefined;

package/lib/components/DateField/index.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from "react";
-export declare type DateFieldProps = InputHTMLAttributes<HTMLInputElement> & {
+export type DateFieldProps = InputHTMLAttributes<HTMLInputElement> & {
     /** label text */
     label: string;
     /** hind text */

package/lib/components/Divider.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-declare type DividerProps = {
+type DividerProps = {
     children?: ReactNode;
 };
 export declare const Divider: ({ children }: DividerProps) => JSX.Element;

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

@@ -1,6 +1,6 @@
 import React, { FunctionComponent, HTMLAttributes } from "react";
 import { SpacingProps } from "../Spacing";
-export declare type ErrorTextProps = SpacingProps & HTMLAttributes<HTMLElement> & {
+export type ErrorTextProps = SpacingProps & HTMLAttributes<HTMLElement> & {
     as?: React.ElementType;
 };
 /**

package/lib/components/Footer/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, HTMLAttributes } from "react";
-export declare type FooterProps = HTMLAttributes<HTMLElement> & {
+export type FooterProps = HTMLAttributes<HTMLElement> & {
     /** used to customise text in middle section, it could also be react element, this is not to be confused with the component children which is primarily for the links in the footer */
     middleSection?: ReactNode;
     children?: ReactNode;

package/lib/components/Header/index.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from "react";
-export declare type HeaderProps = HTMLAttributes<HTMLElement> & {
+export type HeaderProps = HTMLAttributes<HTMLElement> & {
     /** flag which make header fixed to the top even when scrolling */
     isSticky?: boolean;
     /** text in the middle of the header */

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

@@ -1,24 +1,31 @@
+import { ThemeType } from "../../types";
 export declare const StyledHeader: import("styled-components").StyledComponent<"header", any, {
     isSmall?: boolean | undefined;
     isSticky?: boolean | undefined;
     fullWidth?: boolean | undefined;
 }, never>;
 export declare const HeaderStickyPlaceHolder: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const HeaderStickyContainer: import("styled-components").StyledComponent<"div", any, {
-    isSmall?: boolean | undefined;
-    isSticky?: boolean | undefined;
-}, never>;
+type HeaderStickyProps = {
+    isSmall?: boolean;
+    isSticky?: boolean;
+    theme: ThemeType;
+};
+export declare const HeaderStickyContainer: import("styled-components").StyledComponent<"div", any, HeaderStickyProps, never>;
 export declare const HeaderMainContent: import("styled-components").StyledComponent<"div", any, {
     fullWidth?: boolean | undefined;
 }, never>;
 export declare const Logo: import("styled-components").StyledComponent<"img", any, {}, never>;
-export declare const LogoWrapper: import("styled-components").StyledComponent<"div", any, {
-    isSmall?: boolean | undefined;
-    isSticky?: boolean | undefined;
-}, never>;
+type LogoWrapperProps = {
+    isSmall?: boolean;
+    isSticky?: boolean;
+};
+export declare const LogoWrapper: import("styled-components").StyledComponent<"div", any, LogoWrapperProps, never>;
 export declare const StyledLink: import("styled-components").StyledComponent<"a", any, {}, never>;
 export declare const SkipToMain: import("styled-components").StyledComponent<"a", any, {}, never>;
 export declare const Tagline: import("styled-components").StyledComponent<"p", any, {
     isSmall?: boolean | undefined;
     isSticky?: boolean | undefined;
 }, never>;
+export declare const ChildWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChildInner: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

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

@@ -1,7 +1,7 @@
 import { HTMLAttributes, ElementType } from "react";
 import { SpacingProps } from "../Spacing";
 import { FontSizeType, WordBreakType, OverflowWrapType } from "../../types";
-export declare type HeadingProps = SpacingProps & HTMLAttributes<HTMLElement> & {
+export type HeadingProps = SpacingProps & HTMLAttributes<HTMLElement> & {
     h1?: boolean;
     h2?: boolean;
     h3?: boolean;