@cruk/cruk-react-components 1.1.5 → 1.1.8

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),o=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,e,c,a,i,l,d,s,u=r(o),b=u.default.span(t||(t=n.__makeTemplateObject(["\n  margin-left: ",";\n  &:first-of-type {\n    margin-left: 0;\n  }\n"],["\n  margin-left: ",";\n  &:first-of-type {\n    margin-left: 0;\n  }\n"])),(function(n){return n.theme.spacing.xxs})),m=u.default.button(s||(s=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  min-height: ",';\n  height: "min-content";\n  display: inline-block;\n  vertical-align: middle;\n  padding: ',";\n  width: ",";\n  min-width: ",";\n\n  border-radius: ",";\n  border-style: solid;\n  border-width: ",";\n\n  transition: color 0.2s ease, background-color 0.2s ease,\n    border-color 0.2s ease;\n\n  cursor: pointer;\n  font-size: ",";\n  font-family: ",";\n  font-weight: ",";\n  text-align: center;\n  text-transform: ",";\n  text-decoration: ",";\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ","\n\n  ","\n\n  ","\n  \n  ","\n\n  ","\n\n  ","\n"],["\n  box-sizing: border-box;\n  min-height: ",';\n  height: "min-content";\n  display: inline-block;\n  vertical-align: middle;\n  padding: ',";\n  width: ",";\n  min-width: ",";\n\n  border-radius: ",";\n  border-style: solid;\n  border-width: ",";\n\n  transition: color 0.2s ease, background-color 0.2s ease,\n    border-color 0.2s ease;\n\n  cursor: pointer;\n  font-size: ",";\n  font-family: ",";\n  font-weight: ",";\n  text-align: center;\n  text-transform: ",";\n  text-decoration: ",";\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ","\n\n  ","\n\n  ","\n  \n  ","\n\n  ","\n\n  ","\n"])),"3rem",(function(n){var o=n.theme;return n.isIconButton?"0":"calc( (".concat("3rem"," - ( ").concat(o.button.buttonBorderThickness," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.m)}),(function(n){return n.isIconButton?"".concat("3rem"):"auto"}),(function(n){return n.isIconButton?"".concat("3rem"):"auto"}),(function(n){return n.theme.button.borderRadius}),(function(n){return n.theme.button.buttonBorderThickness}),(function(n){return n.theme.fontSizes.m}),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.fontWeightMedium}),(function(n){return n.theme.button.textTransform}),(function(n){return n.theme.button.textDecoration}),(function(r){return"primary"===r.appearance&&o.css(e||(e=n.__makeTemplateObject(["\n      background-color: ",";\n      border-color: ",";\n      color: "," !important;\n      :focus,\n      :hover {\n        background-color: ",";\n        border-color: ",";\n        color: "," !important;\n      }\n      :disabled {\n        cursor: not-allowed;\n        background-color: ",";\n        color: "," !important;\n        border-color: ",";\n      }\n    "],["\n      background-color: ",";\n      border-color: ",";\n      color: "," !important;\n      :focus,\n      :hover {\n        background-color: ",";\n        border-color: ",";\n        color: "," !important;\n      }\n      :disabled {\n        cursor: not-allowed;\n        background-color: ",";\n        color: "," !important;\n        border-color: ",";\n      }\n    "])),r.theme.colors.buttonPrimaryBackground,r.theme.colors.buttonPrimaryBorder,r.theme.colors.buttonPrimaryText,r.theme.colors.buttonPrimaryBackgroundHover,r.theme.colors.buttonPrimaryBorderHover,r.theme.colors.buttonPrimaryTextHover,r.theme.colors.buttonPrimaryDisabledBackground,r.theme.colors.buttonPrimaryDisabledText,r.theme.colors.buttonPrimaryDisabledBorder)}),(function(r){return"secondary"===r.appearance&&o.css(c||(c=n.__makeTemplateObject(["\n      background-color: ",";\n      border-color: ",";\n      color: "," !important;\n      :focus,\n      :hover {\n        background-color: ",";\n        border-color: ",";\n        color: "," !important;\n      }\n      :disabled {\n        cursor: not-allowed;\n        background-color: ",";\n        color: "," !important;\n        border-color: ",";\n      }\n    "],["\n      background-color: ",";\n      border-color: ",";\n      color: "," !important;\n      :focus,\n      :hover {\n        background-color: ",";\n        border-color: ",";\n        color: "," !important;\n      }\n      :disabled {\n        cursor: not-allowed;\n        background-color: ",";\n        color: "," !important;\n        border-color: ",";\n      }\n    "])),r.theme.colors.buttonSecondaryBackground,r.theme.colors.buttonSecondaryBorder,r.theme.colors.buttonSecondaryText,r.theme.colors.buttonSecondaryBackgroundHover,r.theme.colors.buttonSecondaryBorderHover,r.theme.colors.buttonSecondaryTextHover,r.theme.colors.buttonSecondaryDisabledBackground,r.theme.colors.buttonSecondaryDisabledText,r.theme.colors.buttonSecondaryDisabledBorder)}),(function(r){return"tertiary"===r.appearance&&o.css(a||(a=n.__makeTemplateObject(["\n      display: inline-block;\n      padding: 0;\n      border: 0px;\n      background-color: rgba(255, 255, 255, 0);\n      transition: color 0.2s ease;\n      color: ",";\n      :focus,\n      :hover {\n        color: ",";\n      }\n      :disabled {\n        cursor: not-allowed;\n        background-color: transparent;\n        color: "," !important;\n        border-color: transparent;\n      }\n    "],["\n      display: inline-block;\n      padding: 0;\n      border: 0px;\n      background-color: rgba(255, 255, 255, 0);\n      transition: color 0.2s ease;\n      color: ",";\n      :focus,\n      :hover {\n        color: ",";\n      }\n      :disabled {\n        cursor: not-allowed;\n        background-color: transparent;\n        color: "," !important;\n        border-color: transparent;\n      }\n    "])),r.theme.colors.buttonTertiaryText,r.theme.colors.buttonTertiaryTextHover,r.theme.colors.buttonTertiaryDisabledText)}),(function(r){return"l"===r.size&&o.css(i||(i=n.__makeTemplateObject(["\n      min-height: ",";\n      border-radius: ",";\n      padding: ",";\n      min-width: ",";\n      height: ",";\n    "],["\n      min-height: ",";\n      border-radius: ",";\n      padding: ",";\n      min-width: ",";\n      height: ",";\n    "])),"4rem",(function(n){return n.theme.button.borderRadiusLarge}),(function(n){var o=n.theme;return n.isIconButton?"0":"calc( (".concat("4rem"," - ( ").concat(o.button.buttonBorderThickness," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.m)}),(function(n){return n.isIconButton?"".concat("4rem"):"auto"}),(function(n){return n.isIconButton?"".concat("4rem"):"min-content"}))}),(function(r){return r.full&&o.css(l||(l=n.__makeTemplateObject(["\n      width: 100%;\n    "],["\n      width: 100%;\n    "])))}),(function(r){return r.css&&o.css(d||(d=n.__makeTemplateObject(["\n      ","\n    "],["\n      ","\n    "])),r.css)}));exports.Spacer=b,exports.StyledButton=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),o=require("styled-components");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,e,c,a,i,l,d,s,u=r(o),b=u.default.span(t||(t=n.__makeTemplateObject(["\n  margin-left: ",";\n  &:first-of-type {\n    margin-left: 0;\n  }\n"],["\n  margin-left: ",";\n  &:first-of-type {\n    margin-left: 0;\n  }\n"])),(function(n){return n.theme.spacing.xxs})),m=u.default.button(s||(s=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  min-height: ",";\n  height: min-content;\n  display: inline-block;\n  vertical-align: middle;\n  padding: ",";\n  width: ",";\n  min-width: ",";\n\n  border-radius: ",";\n  border-style: solid;\n  border-width: ",";\n\n  transition: color 0.2s ease, background-color 0.2s ease,\n    border-color 0.2s ease;\n\n  cursor: pointer;\n  font-size: ",";\n  font-family: ",";\n  font-weight: ",";\n  text-align: center;\n  text-transform: ",";\n  text-decoration: ",";\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ","\n\n  ","\n\n  ","\n  \n  ","\n\n  ","\n\n  ","\n"],["\n  box-sizing: border-box;\n  min-height: ",";\n  height: min-content;\n  display: inline-block;\n  vertical-align: middle;\n  padding: ",";\n  width: ",";\n  min-width: ",";\n\n  border-radius: ",";\n  border-style: solid;\n  border-width: ",";\n\n  transition: color 0.2s ease, background-color 0.2s ease,\n    border-color 0.2s ease;\n\n  cursor: pointer;\n  font-size: ",";\n  font-family: ",";\n  font-weight: ",";\n  text-align: center;\n  text-transform: ",";\n  text-decoration: ",";\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ","\n\n  ","\n\n  ","\n  \n  ","\n\n  ","\n\n  ","\n"])),"3rem",(function(n){var o=n.theme;return n.isIconButton?"0":"calc( (".concat("3rem"," - ( ").concat(o.button.buttonBorderThickness," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.m)}),(function(n){return n.isIconButton?"".concat("3rem"):"auto"}),(function(n){return n.isIconButton?"".concat("3rem"):"auto"}),(function(n){return n.theme.button.borderRadius}),(function(n){return n.theme.button.buttonBorderThickness}),(function(n){return n.theme.fontSizes.m}),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.fontWeightMedium}),(function(n){return n.theme.button.textTransform}),(function(n){return n.theme.button.textDecoration}),(function(r){return"primary"===r.appearance&&o.css(e||(e=n.__makeTemplateObject(["\n      background-color: ",";\n      border-color: ",";\n      color: "," !important;\n      :focus,\n      :hover {\n        background-color: ",";\n        border-color: ",";\n        color: "," !important;\n      }\n      :disabled {\n        cursor: not-allowed;\n        background-color: ",";\n        color: "," !important;\n        border-color: ",";\n      }\n    "],["\n      background-color: ",";\n      border-color: ",";\n      color: "," !important;\n      :focus,\n      :hover {\n        background-color: ",";\n        border-color: ",";\n        color: "," !important;\n      }\n      :disabled {\n        cursor: not-allowed;\n        background-color: ",";\n        color: "," !important;\n        border-color: ",";\n      }\n    "])),r.theme.colors.buttonPrimaryBackground,r.theme.colors.buttonPrimaryBorder,r.theme.colors.buttonPrimaryText,r.theme.colors.buttonPrimaryBackgroundHover,r.theme.colors.buttonPrimaryBorderHover,r.theme.colors.buttonPrimaryTextHover,r.theme.colors.buttonPrimaryDisabledBackground,r.theme.colors.buttonPrimaryDisabledText,r.theme.colors.buttonPrimaryDisabledBorder)}),(function(r){return"secondary"===r.appearance&&o.css(c||(c=n.__makeTemplateObject(["\n      background-color: ",";\n      border-color: ",";\n      color: "," !important;\n      :focus,\n      :hover {\n        background-color: ",";\n        border-color: ",";\n        color: "," !important;\n      }\n      :disabled {\n        cursor: not-allowed;\n        background-color: ",";\n        color: "," !important;\n        border-color: ",";\n      }\n    "],["\n      background-color: ",";\n      border-color: ",";\n      color: "," !important;\n      :focus,\n      :hover {\n        background-color: ",";\n        border-color: ",";\n        color: "," !important;\n      }\n      :disabled {\n        cursor: not-allowed;\n        background-color: ",";\n        color: "," !important;\n        border-color: ",";\n      }\n    "])),r.theme.colors.buttonSecondaryBackground,r.theme.colors.buttonSecondaryBorder,r.theme.colors.buttonSecondaryText,r.theme.colors.buttonSecondaryBackgroundHover,r.theme.colors.buttonSecondaryBorderHover,r.theme.colors.buttonSecondaryTextHover,r.theme.colors.buttonSecondaryDisabledBackground,r.theme.colors.buttonSecondaryDisabledText,r.theme.colors.buttonSecondaryDisabledBorder)}),(function(r){return"tertiary"===r.appearance&&o.css(a||(a=n.__makeTemplateObject(["\n      display: inline-block;\n      padding: 0;\n      border: 0px;\n      background-color: rgba(255, 255, 255, 0);\n      transition: color 0.2s ease;\n      color: ",";\n      :focus,\n      :hover {\n        color: ",";\n      }\n      :disabled {\n        cursor: not-allowed;\n        background-color: transparent;\n        color: "," !important;\n        border-color: transparent;\n      }\n    "],["\n      display: inline-block;\n      padding: 0;\n      border: 0px;\n      background-color: rgba(255, 255, 255, 0);\n      transition: color 0.2s ease;\n      color: ",";\n      :focus,\n      :hover {\n        color: ",";\n      }\n      :disabled {\n        cursor: not-allowed;\n        background-color: transparent;\n        color: "," !important;\n        border-color: transparent;\n      }\n    "])),r.theme.colors.buttonTertiaryText,r.theme.colors.buttonTertiaryTextHover,r.theme.colors.buttonTertiaryDisabledText)}),(function(r){return"l"===r.size&&o.css(i||(i=n.__makeTemplateObject(["\n      min-height: ",";\n      border-radius: ",";\n      padding: ",";\n      min-width: ",";\n      height: ",";\n    "],["\n      min-height: ",";\n      border-radius: ",";\n      padding: ",";\n      min-width: ",";\n      height: ",";\n    "])),"4rem",(function(n){return n.theme.button.borderRadiusLarge}),(function(n){var o=n.theme;return n.isIconButton?"0":"calc( (".concat("4rem"," - ( ").concat(o.button.buttonBorderThickness," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.m)}),(function(n){return n.isIconButton?"".concat("4rem"):"auto"}),(function(n){return n.isIconButton?"".concat("4rem"):"min-content"}))}),(function(r){return r.full&&o.css(l||(l=n.__makeTemplateObject(["\n      width: 100%;\n    "],["\n      width: 100%;\n    "])))}),(function(r){return r.css&&o.css(d||(d=n.__makeTemplateObject(["\n      ","\n    "],["\n      ","\n    "])),r.css)}));exports.Spacer=b,exports.StyledButton=m;
 //# sourceMappingURL=styles.js.map

package/lib/cjs/src/components/Carousel/Dots.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("./styles.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(t),a=function(t){return n.default.createElement("div",null,n.default.createElement(l.CarouselButton,e.__assign({},t,{"aria-label":"previous"}),n.default.createElement(l.VerticalAlign,null,"◄",n.default.createElement(l.ScreenReaderOnly,null,"Scroll carousel to previous index"))))},u=function(t){return n.default.createElement("div",null,n.default.createElement(l.CarouselButton,e.__assign({},t,{"aria-label":"next"}),n.default.createElement(l.VerticalAlign,null,"►",n.default.createElement(l.ScreenReaderOnly,null,"Scroll carousel to previous index"))))},o=function(e){var t=e.count,r=e.currentPosition,o=void 0===r?0:r,c=e.scrollToPosition,i=e.next,s=e.previous,d=o!==t-1,f=0!==o,m=Array.from({length:t},(function(e,t){return"arrayIndex".concat(t)}));return n.default.createElement(l.ButtonWrapper,null,n.default.createElement(a,{disabled:!f,onClick:s}),n.default.createElement(l.DotContainer,{count:t},m.map((function(e,t){var r=t===o;return n.default.createElement(l.Dot,{key:e,selected:r,role:"switch","aria-checked":r,onClick:function(){c(t)}},n.default.createElement(l.ScreenReaderOnly,null,"Scroll carousel to index ".concat(t)))}))),n.default.createElement(u,{disabled:!d,onClick:i}))};exports.CarouselLeftButton=a,exports.CarouselRightButton=u,exports.Dots=o,exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react"),l=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.es.js"),r=require("../IconFa/index.js"),n=require("./styles.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(t),o=function(t){return u.default.createElement("div",null,u.default.createElement(n.CarouselButton,e.__assign({},t,{"aria-label":"previous"}),u.default.createElement(n.VerticalAlign,null,u.default.createElement(r.default,{faIcon:l.faCaretLeft,size:"1.25em"}),u.default.createElement(n.ScreenReaderOnly,null,"Scroll carousel to previous index"))))},c=function(t){return u.default.createElement("div",null,u.default.createElement(n.CarouselButton,e.__assign({},t,{"aria-label":"next"}),u.default.createElement(n.VerticalAlign,null,u.default.createElement(r.default,{faIcon:l.faCaretRight,size:"1.25em"}),u.default.createElement(n.ScreenReaderOnly,null,"Scroll carousel to previous index"))))},i=function(e){var t=e.count,l=e.currentPosition,r=void 0===l?0:l,a=e.scrollToPosition,i=e.next,s=e.previous,d=r!==t-1,f=0!==r,m=Array.from({length:t},(function(e,t){return"arrayIndex".concat(t)}));return u.default.createElement(n.ButtonWrapper,null,u.default.createElement(o,{disabled:!f,onClick:s}),u.default.createElement(n.DotContainer,{count:t},m.map((function(e,t){var l=t===r;return u.default.createElement(n.Dot,{key:e,selected:l,role:"switch","aria-checked":l,onClick:function(){a(t)}},u.default.createElement(n.ScreenReaderOnly,null,"Scroll carousel to index ".concat(t)))}))),u.default.createElement(c,{disabled:!d,onClick:i}))};exports.CarouselLeftButton=o,exports.CarouselRightButton=c,exports.Dots=i,exports.default=i;
 //# sourceMappingURL=Dots.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../node_modules/react-intersection-observer/react-intersection-observer.modern.mjs.js"),r=require("../Box/index.js"),n=require("./Dots.js"),l=require("./styles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(e),a=function(o){var a=o.startPosition,s=void 0===a?0:a,i=o.children,c=o.onPositionChanged,d=o.shrinkUnselectedPages,f=void 0!==d&&d,h=e.useState(s),m=h[0],v=h[1],C=e.useState(!0),E=C[0],g=C[1],p=e.useRef(null),j=u.default.Children.toArray(i).filter(Boolean),x=function(e){if(p&&p.current){var t=p.current.scrollWidth,r=0===e,n=e===p.current.children.length-1,l=p.current.children[e];if(!l)return;var o=l.offsetLeft;r?p.current.scrollTo(0,0):n?p.current.scrollTo(t,0):p.current.scrollTo(o,0),E||g(!0)}};e.useEffect((function(){0!==s&&g(!1)}),[s]),e.useEffect((function(){!1===E&&x(s)}),[E]);var y=1===j.length;return u.default.createElement(u.default.Fragment,null,u.default.createElement(r.default,null,u.default.createElement(l.CarouselWrapper,null,u.default.createElement(l.CarouselScrollArea,{ref:p,"aria-live":"assertive",smoothScrolling:E,tabIndex:0},j.map((function(e,r){var n=r===m;return u.default.createElement(l.CarouselCard,{key:r,onlyChild:y},u.default.createElement(t.InView,{threshold:.5,as:"div",onChange:function(e){var t;e&&m!==(t=r)&&(v(t),c&&c(t))}},u.default.createElement(l.CarouselCardInner,{onlyChild:y,isSelected:n,shrinkUnselectedPages:f},e)))}))))),j.length>1?u.default.createElement(r.default,null,u.default.createElement(n.Dots,{count:j.length,currentPosition:m,scrollToPosition:x,next:function(){x(m+1)},previous:function(){x(m-1)}})):null)},s=e.memo(a);exports.Carousel=a,exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../node_modules/react-intersection-observer/react-intersection-observer.modern.mjs.js"),r=require("../Box/index.js"),l=require("./Dots.js"),n=require("./styles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(e),a=function(o){var a=o.startPosition,i=void 0===a?0:a,s=o.children,c=o.onPositionChanged,d=o.shrinkUnselectedPages,f=void 0!==d&&d,h=o.fullWidthChild,v=void 0!==h&&h,m=e.useState(i),C=m[0],E=m[1],g=e.useState(!0),p=g[0],j=g[1],x=e.useRef(null),y=u.default.Children.toArray(s).filter(Boolean),P=function(e){if(x&&x.current){var t=x.current.scrollWidth,r=0===e,l=e===x.current.children.length-1,n=x.current.children[e];if(!n)return;var o=n.offsetLeft;r?x.current.scrollTo(0,0):l?x.current.scrollTo(t,0):x.current.scrollTo(o,0),p||j(!0)}};e.useEffect((function(){0!==i&&j(!1)}),[i]),e.useEffect((function(){!1===p&&P(i)}),[p]);var b=1===y.length;return u.default.createElement(u.default.Fragment,null,u.default.createElement(r.default,null,u.default.createElement(n.CarouselWrapper,null,u.default.createElement(n.CarouselScrollArea,{ref:x,"aria-live":"assertive",smoothScrolling:p,tabIndex:0},y.map((function(e,r){var l=r===C;return u.default.createElement(n.CarouselCard,{key:"card".concat(r),onlyChild:b,fullWidthChild:v},u.default.createElement(t.InView,{threshold:.5,as:"div",onChange:function(e){var t;e&&C!==(t=r)&&(E(t),c&&c(t))}},u.default.createElement(n.CarouselCardInner,{onlyChild:b,isSelected:l,shrinkUnselectedPages:f,fullWidthChild:v},e)))}))))),y.length>1?u.default.createElement(r.default,null,u.default.createElement(l.Dots,{count:y.length,currentPosition:C,scrollToPosition:P,next:function(){P(C+1)},previous:function(){P(C-1)}})):null)},i=e.memo(a);exports.Carousel=a,exports.default=i;
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,o,r,i,a,l,s,c,d,p,u=e(require("styled-components")),m=u.default.div(t||(t=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  overflow-y: hidden;\n"],["\n  position: relative;\n  width: 100%;\n  overflow-y: hidden;\n"]))),h=u.default.ul(o||(o=n.__makeTemplateObject(["\n  position: relative;\n  overflow-x: scroll;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: ",";\n  -webkit-overflow-scrolling: touch;\n  white-space: nowrap;\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: 20px;\n  margin-bottom: -20px;\n  height: 100%;\n"],["\n  position: relative;\n  overflow-x: scroll;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: ",";\n  -webkit-overflow-scrolling: touch;\n  white-space: nowrap;\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: 20px;\n  margin-bottom: -20px;\n  height: 100%;\n"])),(function(n){return n.smoothScrolling?"smooth":"auto"})),f=u.default.li(r||(r=n.__makeTemplateObject(["\n  scroll-snap-align: center;\n  display: inline-block;\n  width: ",";\n"],["\n  scroll-snap-align: center;\n  display: inline-block;\n  width: ",";\n"])),(function(n){return n.onlyChild?"100%":"80%"})),b=u.default.div(i||(i=n.__makeTemplateObject(["\n  transition: transform 0.2s linear;\n  transform: ",";\n"],["\n  transition: transform 0.2s linear;\n  transform: ",";\n"])),(function(n){var e=n.isSelected,t=n.shrinkUnselectedPages;return n.onlyChild||e&&t?"scale(1)":"scale(0.9)"})),g=u.default.div(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n"],["\n  display: flex;\n  justify-content: center;\n"]))),x=u.default.span(l||(l=n.__makeTemplateObject(["\n  display: block;\n  margin: auto;\n  height: 2rem;\n  line-height: 1.75rem;\n"],["\n  display: block;\n  margin: auto;\n  height: 2rem;\n  line-height: 1.75rem;\n"]))),y=u.default.button(s||(s=n.__makeTemplateObject(["\n  height: 100%;\n  cursor: pointer;\n  background-color: rgba(255, 255, 255, 0);\n  border: none;\n  /* TODO if this makes it into the component library carouselButtonColor should be a theme prop */\n  color: ",";\n  font-size: ",";\n  font-weight: 600;\n  transition: color 0.3s ease, transform 0.3s ease;\n  max-width: 3rem;\n  padding: 0;\n  vertical-align: middle;\n  user-select: none;\n\n  transform: scale(0.8);\n  &:hover {\n    transform: ",";\n  }\n"],["\n  height: 100%;\n  cursor: pointer;\n  background-color: rgba(255, 255, 255, 0);\n  border: none;\n  /* TODO if this makes it into the component library carouselButtonColor should be a theme prop */\n  color: ",";\n  font-size: ",";\n  font-weight: 600;\n  transition: color 0.3s ease, transform 0.3s ease;\n  max-width: 3rem;\n  padding: 0;\n  vertical-align: middle;\n  user-select: none;\n\n  transform: scale(0.8);\n  &:hover {\n    transform: ",";\n  }\n"])),(function(n){var e=n.disabled,t=n.theme;return e?t.colors.disabled:"su2c"===t.name?t.colors.textDark:t.colors.primary}),(function(n){return n.theme.fontSizes.xxxl}),(function(n){return n.disabled?"scale(0.8)":"scale(1)"})),w=u.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  display: ",";\n\n  @media (min-width: ",") {\n    display: ",";\n  }\n\n  @media (min-width: ",") {\n    display: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  display: ",";\n\n  @media (min-width: ",") {\n    display: ",";\n  }\n\n  @media (min-width: ",") {\n    display: ",";\n  }\n"])),(function(n){return n.count>6?"none":"flex"}),(function(n){return n.theme.breakpoint.tablet}),(function(n){return n.count>10?"none":"flex"}),(function(n){return n.theme.breakpoint.desktop}),(function(n){return n.count>20?"none":"flex"})),k=u.default.button(d||(d=n.__makeTemplateObject(["\n  border: none;\n  outline-offset: ",";\n  padding: 0;\n  margin: ",";\n  width: ",";\n  height: ",";\n  border-radius: 50%;\n  /* TODO if this makes it into the component library carouselButtonColor should be a theme prop */\n  border: ",";\n  background-color: ",";\n  user-select: none;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transform: scale(0.8);\n  &:hover {\n    transform: scale(1);\n  }\n"],["\n  border: none;\n  outline-offset: ",";\n  padding: 0;\n  margin: ",";\n  width: ",";\n  height: ",";\n  border-radius: 50%;\n  /* TODO if this makes it into the component library carouselButtonColor should be a theme prop */\n  border: ",";\n  background-color: ",";\n  user-select: none;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transform: scale(0.8);\n  &:hover {\n    transform: scale(1);\n  }\n"])),(function(n){return n.theme.spacing.xxs}),(function(n){var e=n.theme;return"auto ".concat(e.spacing.xxs)}),(function(n){return n.theme.fontSizes.l}),(function(n){return n.theme.fontSizes.l}),(function(n){var e=n.theme;return"solid 1px ".concat("su2c"===e.name?e.colors.textDark:e.colors.primary)}),(function(n){var e=n.theme;return n.selected?"".concat("su2c"===e.name?e.colors.textDark:e.colors.primary):e.colors.backgroundLight})),v=u.default.span(p||(p=n.__makeTemplateObject(["\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  height: 1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n"],["\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  height: 1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n"])));exports.ButtonWrapper=g,exports.CarouselButton=y,exports.CarouselCard=f,exports.CarouselCardInner=b,exports.CarouselScrollArea=h,exports.CarouselWrapper=m,exports.Dot=k,exports.DotContainer=w,exports.ScreenReaderOnly=v,exports.VerticalAlign=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js");function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,o,r,i,a,l,s,c,d,p,u=e(require("styled-components")),m=u.default.div(t||(t=n.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  overflow-y: hidden;\n"],["\n  position: relative;\n  width: 100%;\n  overflow-y: hidden;\n"]))),h=u.default.ul(o||(o=n.__makeTemplateObject(["\n  position: relative;\n  overflow-x: scroll;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: ",";\n  -webkit-overflow-scrolling: touch;\n  white-space: nowrap;\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: 20px;\n  margin-bottom: -20px;\n  height: 100%;\n"],["\n  position: relative;\n  overflow-x: scroll;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: ",";\n  -webkit-overflow-scrolling: touch;\n  white-space: nowrap;\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: 20px;\n  margin-bottom: -20px;\n  height: 100%;\n"])),(function(n){return n.smoothScrolling?"smooth":"auto"})),f=u.default.li(r||(r=n.__makeTemplateObject(["\n  scroll-snap-align: center;\n  display: inline-block;\n  width: ",";\n"],["\n  scroll-snap-align: center;\n  display: inline-block;\n  width: ",";\n"])),(function(n){var e=n.onlyChild,t=n.fullWidthChild;return e||t?"100%":"80%"})),b=u.default.div(i||(i=n.__makeTemplateObject(["\n  transition: transform 0.2s linear;\n  transform: ",";\n"],["\n  transition: transform 0.2s linear;\n  transform: ",";\n"])),(function(n){var e=n.isSelected,t=n.shrinkUnselectedPages,o=n.onlyChild,r=n.fullWidthChild;return o||e&&t||r?"scale(1)":"scale(0.9)"})),g=u.default.div(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n"],["\n  display: flex;\n  justify-content: center;\n"]))),x=u.default.span(l||(l=n.__makeTemplateObject(["\n  display: block;\n  margin: auto;\n  height: 2rem;\n  line-height: 1.75rem;\n"],["\n  display: block;\n  margin: auto;\n  height: 2rem;\n  line-height: 1.75rem;\n"]))),y=u.default.button(s||(s=n.__makeTemplateObject(["\n  height: 100%;\n  cursor: pointer;\n  background-color: rgba(255, 255, 255, 0);\n  border: none;\n  /* TODO if this makes it into the component library carouselButtonColor should be a theme prop */\n  color: ",";\n  font-size: ",";\n  font-weight: 600;\n  transition: color 0.3s ease, transform 0.3s ease;\n  max-width: 3rem;\n  padding: 0;\n  vertical-align: middle;\n  user-select: none;\n\n  transform: scale(0.8);\n  &:hover {\n    transform: ",";\n  }\n"],["\n  height: 100%;\n  cursor: pointer;\n  background-color: rgba(255, 255, 255, 0);\n  border: none;\n  /* TODO if this makes it into the component library carouselButtonColor should be a theme prop */\n  color: ",";\n  font-size: ",";\n  font-weight: 600;\n  transition: color 0.3s ease, transform 0.3s ease;\n  max-width: 3rem;\n  padding: 0;\n  vertical-align: middle;\n  user-select: none;\n\n  transform: scale(0.8);\n  &:hover {\n    transform: ",";\n  }\n"])),(function(n){var e=n.disabled,t=n.theme;return e?t.colors.disabled:"su2c"===t.name?t.colors.textDark:t.colors.primary}),(function(n){return n.theme.fontSizes.xxxl}),(function(n){return n.disabled?"scale(0.8)":"scale(1)"})),w=u.default.div(c||(c=n.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  display: ",";\n\n  @media (min-width: ",") {\n    display: ",";\n  }\n\n  @media (min-width: ",") {\n    display: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  display: ",";\n\n  @media (min-width: ",") {\n    display: ",";\n  }\n\n  @media (min-width: ",") {\n    display: ",";\n  }\n"])),(function(n){return n.count>6?"none":"flex"}),(function(n){return n.theme.breakpoint.tablet}),(function(n){return n.count>10?"none":"flex"}),(function(n){return n.theme.breakpoint.desktop}),(function(n){return n.count>20?"none":"flex"})),k=u.default.button(d||(d=n.__makeTemplateObject(["\n  border: none;\n  outline-offset: ",";\n  padding: 0;\n  margin: ",";\n  width: ",";\n  height: ",";\n  border-radius: 50%;\n  /* TODO if this makes it into the component library carouselButtonColor should be a theme prop */\n  border: ",";\n  background-color: ",";\n  user-select: none;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transform: scale(0.8);\n  &:hover {\n    transform: scale(1);\n  }\n"],["\n  border: none;\n  outline-offset: ",";\n  padding: 0;\n  margin: ",";\n  width: ",";\n  height: ",";\n  border-radius: 50%;\n  /* TODO if this makes it into the component library carouselButtonColor should be a theme prop */\n  border: ",";\n  background-color: ",";\n  user-select: none;\n  transition: background-color 0.3s ease, transform 0.3s ease;\n  transform: scale(0.8);\n  &:hover {\n    transform: scale(1);\n  }\n"])),(function(n){return n.theme.spacing.xxs}),(function(n){var e=n.theme;return"auto ".concat(e.spacing.xxs)}),(function(n){return n.theme.fontSizes.l}),(function(n){return n.theme.fontSizes.l}),(function(n){var e=n.theme;return"solid 1px ".concat("su2c"===e.name?e.colors.textDark:e.colors.primary)}),(function(n){var e=n.theme;return n.selected?"".concat("su2c"===e.name?e.colors.textDark:e.colors.primary):e.colors.backgroundLight})),v=u.default.span(p||(p=n.__makeTemplateObject(["\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  height: 1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n"],["\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  height: 1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n"])));exports.ButtonWrapper=g,exports.CarouselButton=y,exports.CarouselCard=f,exports.CarouselCardInner=b,exports.CarouselScrollArea=h,exports.CarouselWrapper=m,exports.Dot=k,exports.DotContainer=w,exports.ScreenReaderOnly=v,exports.VerticalAlign=x;
 //# sourceMappingURL=styles.js.map

package/lib/cjs/src/components/Footer/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("../../themes/cruk.js"),n=require("../Text/index.js"),a=require("./styles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(t),d=function(t){var o=t.children,d=t.middleSection,s=u.default.Children.toArray(o),i=l.useTheme(),f=e.__assign(e.__assign({},r.default),i);return u.default.createElement(l.ThemeProvider,{theme:f},u.default.createElement(a.StyledFooter,null,u.default.createElement(a.FooterContentWrapper,null,u.default.createElement(a.FooterSectionLogo,null,u.default.createElement(a.StyledRegulatorLogo,{alt:f.siteConfig.footerLogoAlt||"",src:f.siteConfig.footerLogoSrc||""})),u.default.createElement(a.FooterSectionLinks,null,u.default.createElement(a.StyledNav,{"aria-label":"footer links"},u.default.createElement(a.StyledUL,null,s.length?s.map((function(e,t){return u.default.createElement(a.StyledLI,{key:t},e)})):null))),u.default.createElement(a.FooterSection,null,d?"string"==typeof d?u.default.createElement(n.Text,{textSize:"s"},d):u.default.createElement(u.default.Fragment,null,d):u.default.createElement(n.Text,{textSize:"s"},f.siteConfig.footerCopyText)),u.default.createElement(a.FooterSectionAddress,null,u.default.createElement(a.StyledAddress,null,u.default.createElement(n.Text,{as:"span",textSize:"s"},"2 Redman Place"),u.default.createElement(n.Text,{as:"span",textSize:"s"},"London"),u.default.createElement(n.Text,{as:"span",textSize:"s"},"E20 1JQ"))))))};exports.Footer=d,exports.default=d;
+"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("../../themes/cruk.js"),n=require("../Text/index.js"),a=require("./styles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(t),d=function(t){var o=t.children,d=t.middleSection,s=u.default.Children.toArray(o),i=l.useTheme(),c=e.__assign(e.__assign({},r.default),i);return u.default.createElement(l.ThemeProvider,{theme:c},u.default.createElement(a.StyledFooter,null,u.default.createElement(a.FooterContentWrapper,null,u.default.createElement(a.FooterSectionLogo,null,u.default.createElement(a.StyledRegulatorLogo,{alt:c.siteConfig.footerLogoAlt||"",src:c.siteConfig.footerLogoSrc||""})),u.default.createElement(a.FooterSectionLinks,null,u.default.createElement(a.StyledNav,{"aria-label":"footer links"},u.default.createElement(a.StyledUL,null,s.length?s.map((function(e,t){return u.default.createElement(a.StyledLI,{key:"footerLink".concat(t)},e)})):null))),u.default.createElement(a.FooterSection,null,d?"string"==typeof d?u.default.createElement(n.Text,{textSize:"s"},d):u.default.createElement(u.default.Fragment,null,d):u.default.createElement(n.Text,{textSize:"s"},c.siteConfig.footerCopyText)),u.default.createElement(a.FooterSectionAddress,null,u.default.createElement(a.StyledAddress,null,u.default.createElement(n.Text,{as:"span",textSize:"s"},"2 Redman Place"),u.default.createElement(n.Text,{as:"span",textSize:"s"},"London"),u.default.createElement(n.Text,{as:"span",textSize:"s"},"E20 1JQ"))))))};exports.Footer=d,exports.default=d;
 //# sourceMappingURL=index.js.map

package/lib/cjs/src/components/Modal/README.md.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default="IyBNb2RhbAoKVXNlIGEgbW9kYWwgdG8gZGlzcGxheSBjb250ZW50IG92ZXIgdG9wIG9mIHRoZSByZXN0IG9mIHRoZSBzaXRlIHdoaWNoIG11c3QgYmUgaW50ZXJhY3RlZCB3aXRoIGJlZm9yZSB0aGUgdXNlciBjYW4gY29udGludWUuCgojIyBIb3cgbW9kYWxzIHdvcmsKCi0gTW9kYWxzIGFyZSBwb3NpdGlvbmVkIG92ZXIgZXZlcnl0aGluZyBlbHNlIGluIHRoZSBkb2N1bWVudCBhbmQgcmVtb3ZlIHNjcm9sbCBmcm9tIHRoZSAiYm9keSIgdGFnIHNvIHRoYXQgbW9kYWwgY29udGVudCBzY3JvbGxzIGluc3RlYWQuCi0gTW9kYWxzIGFyZSB1bm1vdW50ZWQgd2hlbiBjbG9zZWQuCi0gTW9kYWwncyAidHJhcCIgZm9jdXMgaW4gdGhlbSwgZW5zdXJpbmcgdGhlIGtleWJvYXJkIG5hdmlnYXRpb24gY3ljbGVzIHRocm91Z2ggdGhlIG1vZGFsLCBhbmQgbm90IHRoZSByZXN0IG9mIHRoZSBwYWdlLgoKIyMgQWNjZXNzaWJpbGl0eQoKLSBPbmNlIHRoZSBNb2RhbCBpcyBhcHBlYXJlZCBvbiB0aGUgc2NyZWVuLCB0aGUgZm9jdXMgbXVzdCBiZSB3aXRoaW4gdGhlIE1vZGFsIGNvbnRhaW5lciB3aGljaCB3aWxsIGVuYWJsZSB0aGUgc2NyZWVuIHJlYWRlcnMgdG8gYmUgYWJsZSB0byBuYXZpZ2F0ZSB3aXRoaW4gdGhlIE1vZGFsLiBZb3UgbWF5IHdpc2ggdG8gaGlkZSB0aGUgY2xvc2UgYnV0dG9uIHNvIHRoYXQgYSB1c2VyIG11c3QgY2xpY2sgb24gYW5vdGhlciBidXR0b24gdG8gY29uZmlybSBhIGNob2ljZSBiZWZvcmUgdGhlIG1vZGFsIGlzIGNsb3NlZC4gSG93ZXZlciBjbG9zaW5nIHdpdGggdGhlICdFU0MnIGtleSBtdXN0IGFsd2F5cyB3b3JrLCBzbyB0aGUgcHJvcHMgd2hpY2ggY29udGFpbnMgdGhlIGZ1bmN0aW9uIHRoYXQgYWxsb3dzIHRoZSBtb2RhbCB0byBjbG9zZSBpdHNlbGYgJ2Nsb3NlRnVuY3Rpb24nIGlzIGFsd2F5cyByZXF1aXJlZC4KCiMjIyBUcnkgaXQgb3V0CgpgYGAuanN4CmZ1bmN0aW9uICgpIHsKICBjb25zdCBbc2hvd01vZGFsLCBzZXRTaG93TW9kYWxdID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpOwogIGNvbnN0IHRvZ2dsZVNob3dNb2RhbCA9ICgpID0+IHNldFNob3dNb2RhbCghc2hvd01vZGFsKTsKCiAgcmV0dXJuICgKICAgIDw+CiAgICAgIDxCdXR0b24gYXBwZWFyYW5jZT0icHJpbWFyeSIgb25DbGljaz17dG9nZ2xlU2hvd01vZGFsfT5TaG93IG1lIGEgbW9kYWw8L0J1dHRvbj4KICAgICAge3Nob3dNb2RhbCAmJgogICAgICAgIDxNb2RhbCBjbG9zZUZ1bmN0aW9uPXt0b2dnbGVTaG93TW9kYWx9IG1vZGFsTmFtZT0idGVzdCI+CiAgICAgICAgICA8SGVhZGluZyBoMiBtYXJnaW5Ub3A9J25vbmUnIHRleHRTaXplPSJ4bCI+TW9kYWwgdGl0bGU8L0hlYWRpbmc+CiAgICAgICAgICA8cD5Tb21lIHJlYWxseSBpbXBvcnRhbnQgaW5mb3JtYXRpb248L3A+CiAgICAgICAgICA8QnV0dG9uIGFwcGVhcmFuY2U9InByaW1hcnkiIG9uQ2xpY2s9e3RvZ2dsZVNob3dNb2RhbH0+T0s8L0J1dHRvbj4KICAgICAgICA8L01vZGFsPgogICAgICB9CiAgICA8Lz4KICApOwp9CmBgYAoKfCBOYW1lICAgICAgICAgICAgfCBUeXBlICAgICB8ICBPcHRpb25zICAgfCBEZWZhdWx0IHwgRGVzY3JpcHRpb24gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IDotLS0tLS0tLS0tLS0tLSB8IDotLS0tLS0tIHwgOi0tLS0tLS0tOiB8IDotLS0tLS0gfCA6LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSB8CnwgY2xvc2VGdW5jdGlvbiAgIHwgZnVuY3Rpb24gfCAgICAgICAgICAgIHwgbnVsbCAgICB8IChSZXF1aXJlZCkgZnVuY3Rpb24gdXNlZCB0byBjbG9zZSB0aGUgbW9kYWwgb24gZXNjYXBlIGtleSBwcmVzcyBhbmQgY2xvc2Ugb3IgY2xvc2UgYnV0dG9uIHByZXNzIHwKfCBtYXhXaWR0aCAgICAgICAgfCBzdHJpbmcgICB8ICAgICAgICAgICAgfCA1MDBweCAgIHwgTWF4IHdpZHRoIG9mIG1vZGFsICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IHRvcCAgICAgICAgICAgICB8IHN0cmluZyAgIHwgICAgICAgICAgICB8IDFyZW0gICAgfCBIZWlnaHQgZnJvbSB0b3Agb2YgY29udGFpbmVyICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgY2hpbGRyZW4gICAgICAgIHwgQW55ICAgICAgfCAgICAgICAgICAgIHwgICAgICAgICB8IEFueSBjb250ZW50IHRvIGJlIGRpc3BsYXllZCBpbiBtb2RhbCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBzaG93Q2xvc2VCdXR0b24gfCBCb29sZWFuICB8IHRydWUvZmFsc2UgfCB0cnVlICAgIHwKCiMjIEFjY2Vzc2liaWxpdHkKCldoZW4gaXQgY29tZXMgdG8gbW9kYWwgZGlhbG9ncywgY29uc2lkZXIgdGhpczogbm8gb25lIGxpa2VzIHRvIGJlIGludGVycnVwdGVkLCBidXQgaWYgeW91IG11c3QsIG1ha2Ugc3VyZSBpdOKAmXMgd29ydGggdGhlIGNvc3QuCgpVc2UgbW9kYWwgZGlhbG9ncyBmb3IgaW1wb3J0YW50IHdhcm5pbmdzLCBhcyBhIHdheSB0byBwcmV2ZW50IG9yIGNvcnJlY3QgY3JpdGljYWwgZXJyb3JzLgpVc2UgbW9kYWwgZGlhbG9ncyB0byByZXF1ZXN0IHRoZSB1c2VyIHRvIGVudGVyIGluZm9ybWF0aW9uIGNyaXRpY2FsIHRvIGNvbnRpbnVpbmcgdGhlIGN1cnJlbnQgcHJvY2Vzcy4KTW9kYWwgZGlhbG9ncyBjYW4gYmUgdXNlZCB0byBmcmFnbWVudCBhIGNvbXBsZXggd29ya2Zsb3cgaW50byBzaW1wbGVyIHN0ZXBzLgpEbyBub3QgdXNlIG1vZGFsIGRpYWxvZ3MgZm9yIG5vbmVzc2VudGlhbCBpbmZvcm1hdGlvbiB0aGF0IGlzIG5vdCByZWxhdGVkIHRvIHRoZSBjdXJyZW50IHVzZXIgZmxvdy4K";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default="IyBNb2RhbAoKVXNlIGEgbW9kYWwgdG8gZGlzcGxheSBjb250ZW50IG92ZXIgdG9wIG9mIHRoZSByZXN0IG9mIHRoZSBzaXRlIHdoaWNoIG11c3QgYmUgaW50ZXJhY3RlZCB3aXRoIGJlZm9yZSB0aGUgdXNlciBjYW4gY29udGludWUuCgojIyBIb3cgbW9kYWxzIHdvcmsKCi0gTW9kYWxzIGFyZSBwb3NpdGlvbmVkIG92ZXIgZXZlcnl0aGluZyBlbHNlIGluIHRoZSBkb2N1bWVudCBhbmQgcmVtb3ZlIHNjcm9sbCBmcm9tIHRoZSAiYm9keSIgdGFnIHNvIHRoYXQgbW9kYWwgY29udGVudCBzY3JvbGxzIGluc3RlYWQuCi0gTW9kYWxzIGFyZSB1bm1vdW50ZWQgd2hlbiBjbG9zZWQuCi0gTW9kYWwncyAidHJhcCIgZm9jdXMgaW4gdGhlbSwgZW5zdXJpbmcgdGhlIGtleWJvYXJkIG5hdmlnYXRpb24gY3ljbGVzIHRocm91Z2ggdGhlIG1vZGFsLCBhbmQgbm90IHRoZSByZXN0IG9mIHRoZSBwYWdlLgoKIyMgQWNjZXNzaWJpbGl0eQoKLSBPbmNlIHRoZSBNb2RhbCBpcyBhcHBlYXJlZCBvbiB0aGUgc2NyZWVuLCB0aGUgZm9jdXMgbXVzdCBiZSB3aXRoaW4gdGhlIE1vZGFsIGNvbnRhaW5lciB3aGljaCB3aWxsIGVuYWJsZSB0aGUgc2NyZWVuIHJlYWRlcnMgdG8gYmUgYWJsZSB0byBuYXZpZ2F0ZSB3aXRoaW4gdGhlIE1vZGFsLiBZb3UgbWF5IHdpc2ggdG8gaGlkZSB0aGUgY2xvc2UgYnV0dG9uIHNvIHRoYXQgYSB1c2VyIG11c3QgY2xpY2sgb24gYW5vdGhlciBidXR0b24gdG8gY29uZmlybSBhIGNob2ljZSBiZWZvcmUgdGhlIG1vZGFsIGlzIGNsb3NlZC4gSG93ZXZlciBjbG9zaW5nIHdpdGggdGhlICdFU0MnIGtleSBtdXN0IGFsd2F5cyB3b3JrLCBzbyB0aGUgcHJvcHMgd2hpY2ggY29udGFpbnMgdGhlIGZ1bmN0aW9uIHRoYXQgYWxsb3dzIHRoZSBtb2RhbCB0byBjbG9zZSBpdHNlbGYgJ2Nsb3NlRnVuY3Rpb24nIGlzIGFsd2F5cyByZXF1aXJlZC4KCiMjIyBUcnkgaXQgb3V0CgpgYGAuanN4CmZ1bmN0aW9uICgpIHsKICBjb25zdCBbc2hvd01vZGFsLCBzZXRTaG93TW9kYWxdID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpOwogIGNvbnN0IHRvZ2dsZVNob3dNb2RhbCA9ICgpID0+IHNldFNob3dNb2RhbCghc2hvd01vZGFsKTsKCiAgcmV0dXJuICgKICAgIDw+CiAgICAgIDxCdXR0b24gYXBwZWFyYW5jZT0icHJpbWFyeSIgb25DbGljaz17dG9nZ2xlU2hvd01vZGFsfT5TaG93IG1lIGEgbW9kYWw8L0J1dHRvbj4KICAgICAge3Nob3dNb2RhbCAmJgogICAgICAgIDxNb2RhbCBjbG9zZUZ1bmN0aW9uPXt0b2dnbGVTaG93TW9kYWx9IG1vZGFsTmFtZT0idGVzdCI+CiAgICAgICAgICA8SGVhZGluZyBoMiBtYXJnaW5Ub3A9J25vbmUnIHRleHRTaXplPSJ4bCI+TW9kYWwgdGl0bGU8L0hlYWRpbmc+CiAgICAgICAgICA8cD5Tb21lIHJlYWxseSBpbXBvcnRhbnQgaW5mb3JtYXRpb248L3A+CiAgICAgICAgICA8QnV0dG9uIGFwcGVhcmFuY2U9InByaW1hcnkiIG9uQ2xpY2s9e3RvZ2dsZVNob3dNb2RhbH0+T0s8L0J1dHRvbj4KICAgICAgICA8L01vZGFsPgogICAgICB9CiAgICA8Lz4KICApOwp9CmBgYAoKfCBOYW1lICAgICAgICAgICAgICB8IFR5cGUgICAgICB8IERlZmF1bHQgfCBEZXNjcmlwdGlvbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgOi0tLS0tLS0tLS0tLS0tLS0gfCA6LS0tLS0tLS0gfCA6LS0tLS0tIHwgOi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gfAp8IGNsb3NlRnVuY3Rpb24gICAgIHwgZnVuY3Rpb24gIHwgbnVsbCAgICB8IChSZXF1aXJlZCkgZnVuY3Rpb24gdXNlZCB0byBjbG9zZSB0aGUgbW9kYWwgb24gZXNjYXBlIGtleSBwcmVzcyBhbmQgY2xvc2Ugb3IgY2xvc2UgYnV0dG9uIHByZXNzIHwKfCBtYXhXaWR0aCAgICAgICAgICB8IHN0cmluZyAgICB8IDUwMHB4ICAgfCBNYXggd2lkdGggb2YgbW9kYWwgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8Cnwgd2lkdGggICAgICAgICAgICAgfCBzdHJpbmcgICAgfCA1MDBweCAgIHwgd2lkdGggb2YgbW9kYWwgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IHRvcCAgICAgICAgICAgICAgIHwgc3RyaW5nICAgIHwgMXJlbSAgICB8IEhlaWdodCBmcm9tIHRvcCBvZiBjb250YWluZXIgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBjaGlsZHJlbiAgICAgICAgICB8IEFueSAgICAgICB8ICAgICAgICAgfCBBbnkgY29udGVudCB0byBiZSBkaXNwbGF5ZWQgaW4gbW9kYWwgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8Cnwgc2hvd0Nsb3NlQnV0dG9uICAgfCBCb29sZWFuICAgfCB0cnVlICAgIHwgVG9nZ2xlcyB2aXNpYmlsaXR5IG9mIG1vZGFsIGNsb3NlIGJ1dHRvbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IG1hcmdpbiAgICAgICAgICAgIHwgU3BhY2VUeXBlIHwgdW5zZXQgICB8IG1hcmdpbiB0b3AsIGJvdHRvbSwgbGVmdCBhbmQgcmlnaHQgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBtYXJnaW5WZXJ0aWNhbCAgICB8IFNwYWNlVHlwZSB8IHVuc2V0ICAgfCBtYXJnaW4gdG9wIGFuZCBib3R0b20gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgbWFyZ2luSG9yaXpvbnRhbCAgfCBTcGFjZVR5cGUgfCB1bnNldCAgIHwgbWFyZ2luIGxlZnQgYW5kIHJpZ2h0ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IG1hcmdpblRvcCAgICAgICAgIHwgU3BhY2VUeXBlIHwgdW5zZXQgICB8IG1hcmdpbiB0b3AgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBtYXJnaW5SaWdodCAgICAgICB8IFNwYWNlVHlwZSB8IHVuc2V0ICAgfCBtYXJnaW4gcmlnaHQgcmlnaHQgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgbWFyZ2luQm90dG9tICAgICAgfCBTcGFjZVR5cGUgfCAneHMnICAgIHwgbWFyZ2luIGJvdHRvbSBib3R0b20gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IG1hcmdpbkxlZnQgICAgICAgIHwgU3BhY2VUeXBlIHwgdW5zZXQgICB8IG1hcmdpbiBsZWZ0IGxlZnQgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBwYWRkaW5nICAgICAgICAgICB8IFNwYWNlVHlwZSB8IHVuc2V0ICAgfCBwYWRkaW5nIHRvcCwgYm90dG9tLCBsZWZ0IGFuZCByaWdodCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgcGFkZGluZ1ZlcnRpY2FsICAgfCBTcGFjZVR5cGUgfCB1bnNldCAgIHwgcGFkZGluZyB0b3AgYW5kIGJvdHRvbSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IHBhZGRpbmdIb3Jpem9udGFsIHwgU3BhY2VUeXBlIHwgdW5zZXQgICB8IHBhZGRpbmcgbGVmdCBhbmQgcmlnaHQgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBwYWRkaW5nVG9wICAgICAgICB8IFNwYWNlVHlwZSB8IHVuc2V0ICAgfCBwYWRkaW5nIHRvcCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgcGFkZGluZ1JpZ2h0ICAgICAgfCBTcGFjZVR5cGUgfCB1bnNldCAgIHwgcGFkZGluZyByaWdodCByaWdodCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IHBhZGRpbmdCb3R0b20gICAgIHwgU3BhY2VUeXBlIHwgdW5zZXQgICB8IHBhZGRpbmcgYm90dG9tIGJvdHRvbSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBwYWRkaW5nTGVmdCAgICAgICB8IFNwYWNlVHlwZSB8IHVuc2V0ICAgfCBwYWRkaW5nIGxlZnQgbGVmdCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CgojIyBBY2Nlc3NpYmlsaXR5CgpXaGVuIGl0IGNvbWVzIHRvIG1vZGFsIGRpYWxvZ3MsIGNvbnNpZGVyIHRoaXM6IG5vIG9uZSBsaWtlcyB0byBiZSBpbnRlcnJ1cHRlZCwgYnV0IGlmIHlvdSBtdXN0LCBtYWtlIHN1cmUgaXTigJlzIHdvcnRoIHRoZSBjb3N0LgoKVXNlIG1vZGFsIGRpYWxvZ3MgZm9yIGltcG9ydGFudCB3YXJuaW5ncywgYXMgYSB3YXkgdG8gcHJldmVudCBvciBjb3JyZWN0IGNyaXRpY2FsIGVycm9ycy4KVXNlIG1vZGFsIGRpYWxvZ3MgdG8gcmVxdWVzdCB0aGUgdXNlciB0byBlbnRlciBpbmZvcm1hdGlvbiBjcml0aWNhbCB0byBjb250aW51aW5nIHRoZSBjdXJyZW50IHByb2Nlc3MuCk1vZGFsIGRpYWxvZ3MgY2FuIGJlIHVzZWQgdG8gZnJhZ21lbnQgYSBjb21wbGV4IHdvcmtmbG93IGludG8gc2ltcGxlciBzdGVwcy4KRG8gbm90IHVzZSBtb2RhbCBkaWFsb2dzIGZvciBub25lc3NlbnRpYWwgaW5mb3JtYXRpb24gdGhhdCBpcyBub3QgcmVsYXRlZCB0byB0aGUgY3VycmVudCB1c2VyIGZsb3cuCg==";
 //# sourceMappingURL=README.md.js.map

package/lib/cjs/src/components/Modal/README.md.js.map

@@ -1 +1 @@
-{"version":3,"file":"README.md.js","sources":["../../../../../src/components/Modal/README.md"],"sourcesContent":["export default \"IyBNb2RhbAoKVXNlIGEgbW9kYWwgdG8gZGlzcGxheSBjb250ZW50IG92ZXIgdG9wIG9mIHRoZSByZXN0IG9mIHRoZSBzaXRlIHdoaWNoIG11c3QgYmUgaW50ZXJhY3RlZCB3aXRoIGJlZm9yZSB0aGUgdXNlciBjYW4gY29udGludWUuCgojIyBIb3cgbW9kYWxzIHdvcmsKCi0gTW9kYWxzIGFyZSBwb3NpdGlvbmVkIG92ZXIgZXZlcnl0aGluZyBlbHNlIGluIHRoZSBkb2N1bWVudCBhbmQgcmVtb3ZlIHNjcm9sbCBmcm9tIHRoZSAiYm9keSIgdGFnIHNvIHRoYXQgbW9kYWwgY29udGVudCBzY3JvbGxzIGluc3RlYWQuCi0gTW9kYWxzIGFyZSB1bm1vdW50ZWQgd2hlbiBjbG9zZWQuCi0gTW9kYWwncyAidHJhcCIgZm9jdXMgaW4gdGhlbSwgZW5zdXJpbmcgdGhlIGtleWJvYXJkIG5hdmlnYXRpb24gY3ljbGVzIHRocm91Z2ggdGhlIG1vZGFsLCBhbmQgbm90IHRoZSByZXN0IG9mIHRoZSBwYWdlLgoKIyMgQWNjZXNzaWJpbGl0eQoKLSBPbmNlIHRoZSBNb2RhbCBpcyBhcHBlYXJlZCBvbiB0aGUgc2NyZWVuLCB0aGUgZm9jdXMgbXVzdCBiZSB3aXRoaW4gdGhlIE1vZGFsIGNvbnRhaW5lciB3aGljaCB3aWxsIGVuYWJsZSB0aGUgc2NyZWVuIHJlYWRlcnMgdG8gYmUgYWJsZSB0byBuYXZpZ2F0ZSB3aXRoaW4gdGhlIE1vZGFsLiBZb3UgbWF5IHdpc2ggdG8gaGlkZSB0aGUgY2xvc2UgYnV0dG9uIHNvIHRoYXQgYSB1c2VyIG11c3QgY2xpY2sgb24gYW5vdGhlciBidXR0b24gdG8gY29uZmlybSBhIGNob2ljZSBiZWZvcmUgdGhlIG1vZGFsIGlzIGNsb3NlZC4gSG93ZXZlciBjbG9zaW5nIHdpdGggdGhlICdFU0MnIGtleSBtdXN0IGFsd2F5cyB3b3JrLCBzbyB0aGUgcHJvcHMgd2hpY2ggY29udGFpbnMgdGhlIGZ1bmN0aW9uIHRoYXQgYWxsb3dzIHRoZSBtb2RhbCB0byBjbG9zZSBpdHNlbGYgJ2Nsb3NlRnVuY3Rpb24nIGlzIGFsd2F5cyByZXF1aXJlZC4KCiMjIyBUcnkgaXQgb3V0CgpgYGAuanN4CmZ1bmN0aW9uICgpIHsKICBjb25zdCBbc2hvd01vZGFsLCBzZXRTaG93TW9kYWxdID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpOwogIGNvbnN0IHRvZ2dsZVNob3dNb2RhbCA9ICgpID0+IHNldFNob3dNb2RhbCghc2hvd01vZGFsKTsKCiAgcmV0dXJuICgKICAgIDw+CiAgICAgIDxCdXR0b24gYXBwZWFyYW5jZT0icHJpbWFyeSIgb25DbGljaz17dG9nZ2xlU2hvd01vZGFsfT5TaG93IG1lIGEgbW9kYWw8L0J1dHRvbj4KICAgICAge3Nob3dNb2RhbCAmJgogICAgICAgIDxNb2RhbCBjbG9zZUZ1bmN0aW9uPXt0b2dnbGVTaG93TW9kYWx9IG1vZGFsTmFtZT0idGVzdCI+CiAgICAgICAgICA8SGVhZGluZyBoMiBtYXJnaW5Ub3A9J25vbmUnIHRleHRTaXplPSJ4bCI+TW9kYWwgdGl0bGU8L0hlYWRpbmc+CiAgICAgICAgICA8cD5Tb21lIHJlYWxseSBpbXBvcnRhbnQgaW5mb3JtYXRpb248L3A+CiAgICAgICAgICA8QnV0dG9uIGFwcGVhcmFuY2U9InByaW1hcnkiIG9uQ2xpY2s9e3RvZ2dsZVNob3dNb2RhbH0+T0s8L0J1dHRvbj4KICAgICAgICA8L01vZGFsPgogICAgICB9CiAgICA8Lz4KICApOwp9CmBgYAoKfCBOYW1lICAgICAgICAgICAgfCBUeXBlICAgICB8ICBPcHRpb25zICAgfCBEZWZhdWx0IHwgRGVzY3JpcHRpb24gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IDotLS0tLS0tLS0tLS0tLSB8IDotLS0tLS0tIHwgOi0tLS0tLS0tOiB8IDotLS0tLS0gfCA6LS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSB8CnwgY2xvc2VGdW5jdGlvbiAgIHwgZnVuY3Rpb24gfCAgICAgICAgICAgIHwgbnVsbCAgICB8IChSZXF1aXJlZCkgZnVuY3Rpb24gdXNlZCB0byBjbG9zZSB0aGUgbW9kYWwgb24gZXNjYXBlIGtleSBwcmVzcyBhbmQgY2xvc2Ugb3IgY2xvc2UgYnV0dG9uIHByZXNzIHwKfCBtYXhXaWR0aCAgICAgICAgfCBzdHJpbmcgICB8ICAgICAgICAgICAgfCA1MDBweCAgIHwgTWF4IHdpZHRoIG9mIG1vZGFsICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IHRvcCAgICAgICAgICAgICB8IHN0cmluZyAgIHwgICAgICAgICAgICB8IDFyZW0gICAgfCBIZWlnaHQgZnJvbSB0b3Agb2YgY29udGFpbmVyICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgY2hpbGRyZW4gICAgICAgIHwgQW55ICAgICAgfCAgICAgICAgICAgIHwgICAgICAgICB8IEFueSBjb250ZW50IHRvIGJlIGRpc3BsYXllZCBpbiBtb2RhbCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBzaG93Q2xvc2VCdXR0b24gfCBCb29sZWFuICB8IHRydWUvZmFsc2UgfCB0cnVlICAgIHwKCiMjIEFjY2Vzc2liaWxpdHkKCldoZW4gaXQgY29tZXMgdG8gbW9kYWwgZGlhbG9ncywgY29uc2lkZXIgdGhpczogbm8gb25lIGxpa2VzIHRvIGJlIGludGVycnVwdGVkLCBidXQgaWYgeW91IG11c3QsIG1ha2Ugc3VyZSBpdOKAmXMgd29ydGggdGhlIGNvc3QuCgpVc2UgbW9kYWwgZGlhbG9ncyBmb3IgaW1wb3J0YW50IHdhcm5pbmdzLCBhcyBhIHdheSB0byBwcmV2ZW50IG9yIGNvcnJlY3QgY3JpdGljYWwgZXJyb3JzLgpVc2UgbW9kYWwgZGlhbG9ncyB0byByZXF1ZXN0IHRoZSB1c2VyIHRvIGVudGVyIGluZm9ybWF0aW9uIGNyaXRpY2FsIHRvIGNvbnRpbnVpbmcgdGhlIGN1cnJlbnQgcHJvY2Vzcy4KTW9kYWwgZGlhbG9ncyBjYW4gYmUgdXNlZCB0byBmcmFnbWVudCBhIGNvbXBsZXggd29ya2Zsb3cgaW50byBzaW1wbGVyIHN0ZXBzLgpEbyBub3QgdXNlIG1vZGFsIGRpYWxvZ3MgZm9yIG5vbmVzc2VudGlhbCBpbmZvcm1hdGlvbiB0aGF0IGlzIG5vdCByZWxhdGVkIHRvIHRoZSBjdXJyZW50IHVzZXIgZmxvdy4K\""],"names":[],"mappings":"oFAAe"}
+{"version":3,"file":"README.md.js","sources":["../../../../../src/components/Modal/README.md"],"sourcesContent":["export default \"IyBNb2RhbAoKVXNlIGEgbW9kYWwgdG8gZGlzcGxheSBjb250ZW50IG92ZXIgdG9wIG9mIHRoZSByZXN0IG9mIHRoZSBzaXRlIHdoaWNoIG11c3QgYmUgaW50ZXJhY3RlZCB3aXRoIGJlZm9yZSB0aGUgdXNlciBjYW4gY29udGludWUuCgojIyBIb3cgbW9kYWxzIHdvcmsKCi0gTW9kYWxzIGFyZSBwb3NpdGlvbmVkIG92ZXIgZXZlcnl0aGluZyBlbHNlIGluIHRoZSBkb2N1bWVudCBhbmQgcmVtb3ZlIHNjcm9sbCBmcm9tIHRoZSAiYm9keSIgdGFnIHNvIHRoYXQgbW9kYWwgY29udGVudCBzY3JvbGxzIGluc3RlYWQuCi0gTW9kYWxzIGFyZSB1bm1vdW50ZWQgd2hlbiBjbG9zZWQuCi0gTW9kYWwncyAidHJhcCIgZm9jdXMgaW4gdGhlbSwgZW5zdXJpbmcgdGhlIGtleWJvYXJkIG5hdmlnYXRpb24gY3ljbGVzIHRocm91Z2ggdGhlIG1vZGFsLCBhbmQgbm90IHRoZSByZXN0IG9mIHRoZSBwYWdlLgoKIyMgQWNjZXNzaWJpbGl0eQoKLSBPbmNlIHRoZSBNb2RhbCBpcyBhcHBlYXJlZCBvbiB0aGUgc2NyZWVuLCB0aGUgZm9jdXMgbXVzdCBiZSB3aXRoaW4gdGhlIE1vZGFsIGNvbnRhaW5lciB3aGljaCB3aWxsIGVuYWJsZSB0aGUgc2NyZWVuIHJlYWRlcnMgdG8gYmUgYWJsZSB0byBuYXZpZ2F0ZSB3aXRoaW4gdGhlIE1vZGFsLiBZb3UgbWF5IHdpc2ggdG8gaGlkZSB0aGUgY2xvc2UgYnV0dG9uIHNvIHRoYXQgYSB1c2VyIG11c3QgY2xpY2sgb24gYW5vdGhlciBidXR0b24gdG8gY29uZmlybSBhIGNob2ljZSBiZWZvcmUgdGhlIG1vZGFsIGlzIGNsb3NlZC4gSG93ZXZlciBjbG9zaW5nIHdpdGggdGhlICdFU0MnIGtleSBtdXN0IGFsd2F5cyB3b3JrLCBzbyB0aGUgcHJvcHMgd2hpY2ggY29udGFpbnMgdGhlIGZ1bmN0aW9uIHRoYXQgYWxsb3dzIHRoZSBtb2RhbCB0byBjbG9zZSBpdHNlbGYgJ2Nsb3NlRnVuY3Rpb24nIGlzIGFsd2F5cyByZXF1aXJlZC4KCiMjIyBUcnkgaXQgb3V0CgpgYGAuanN4CmZ1bmN0aW9uICgpIHsKICBjb25zdCBbc2hvd01vZGFsLCBzZXRTaG93TW9kYWxdID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpOwogIGNvbnN0IHRvZ2dsZVNob3dNb2RhbCA9ICgpID0+IHNldFNob3dNb2RhbCghc2hvd01vZGFsKTsKCiAgcmV0dXJuICgKICAgIDw+CiAgICAgIDxCdXR0b24gYXBwZWFyYW5jZT0icHJpbWFyeSIgb25DbGljaz17dG9nZ2xlU2hvd01vZGFsfT5TaG93IG1lIGEgbW9kYWw8L0J1dHRvbj4KICAgICAge3Nob3dNb2RhbCAmJgogICAgICAgIDxNb2RhbCBjbG9zZUZ1bmN0aW9uPXt0b2dnbGVTaG93TW9kYWx9IG1vZGFsTmFtZT0idGVzdCI+CiAgICAgICAgICA8SGVhZGluZyBoMiBtYXJnaW5Ub3A9J25vbmUnIHRleHRTaXplPSJ4bCI+TW9kYWwgdGl0bGU8L0hlYWRpbmc+CiAgICAgICAgICA8cD5Tb21lIHJlYWxseSBpbXBvcnRhbnQgaW5mb3JtYXRpb248L3A+CiAgICAgICAgICA8QnV0dG9uIGFwcGVhcmFuY2U9InByaW1hcnkiIG9uQ2xpY2s9e3RvZ2dsZVNob3dNb2RhbH0+T0s8L0J1dHRvbj4KICAgICAgICA8L01vZGFsPgogICAgICB9CiAgICA8Lz4KICApOwp9CmBgYAoKfCBOYW1lICAgICAgICAgICAgICB8IFR5cGUgICAgICB8IERlZmF1bHQgfCBEZXNjcmlwdGlvbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgOi0tLS0tLS0tLS0tLS0tLS0gfCA6LS0tLS0tLS0gfCA6LS0tLS0tIHwgOi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gfAp8IGNsb3NlRnVuY3Rpb24gICAgIHwgZnVuY3Rpb24gIHwgbnVsbCAgICB8IChSZXF1aXJlZCkgZnVuY3Rpb24gdXNlZCB0byBjbG9zZSB0aGUgbW9kYWwgb24gZXNjYXBlIGtleSBwcmVzcyBhbmQgY2xvc2Ugb3IgY2xvc2UgYnV0dG9uIHByZXNzIHwKfCBtYXhXaWR0aCAgICAgICAgICB8IHN0cmluZyAgICB8IDUwMHB4ICAgfCBNYXggd2lkdGggb2YgbW9kYWwgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8Cnwgd2lkdGggICAgICAgICAgICAgfCBzdHJpbmcgICAgfCA1MDBweCAgIHwgd2lkdGggb2YgbW9kYWwgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IHRvcCAgICAgICAgICAgICAgIHwgc3RyaW5nICAgIHwgMXJlbSAgICB8IEhlaWdodCBmcm9tIHRvcCBvZiBjb250YWluZXIgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBjaGlsZHJlbiAgICAgICAgICB8IEFueSAgICAgICB8ICAgICAgICAgfCBBbnkgY29udGVudCB0byBiZSBkaXNwbGF5ZWQgaW4gbW9kYWwgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8Cnwgc2hvd0Nsb3NlQnV0dG9uICAgfCBCb29sZWFuICAgfCB0cnVlICAgIHwgVG9nZ2xlcyB2aXNpYmlsaXR5IG9mIG1vZGFsIGNsb3NlIGJ1dHRvbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IG1hcmdpbiAgICAgICAgICAgIHwgU3BhY2VUeXBlIHwgdW5zZXQgICB8IG1hcmdpbiB0b3AsIGJvdHRvbSwgbGVmdCBhbmQgcmlnaHQgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBtYXJnaW5WZXJ0aWNhbCAgICB8IFNwYWNlVHlwZSB8IHVuc2V0ICAgfCBtYXJnaW4gdG9wIGFuZCBib3R0b20gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgbWFyZ2luSG9yaXpvbnRhbCAgfCBTcGFjZVR5cGUgfCB1bnNldCAgIHwgbWFyZ2luIGxlZnQgYW5kIHJpZ2h0ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IG1hcmdpblRvcCAgICAgICAgIHwgU3BhY2VUeXBlIHwgdW5zZXQgICB8IG1hcmdpbiB0b3AgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBtYXJnaW5SaWdodCAgICAgICB8IFNwYWNlVHlwZSB8IHVuc2V0ICAgfCBtYXJnaW4gcmlnaHQgcmlnaHQgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgbWFyZ2luQm90dG9tICAgICAgfCBTcGFjZVR5cGUgfCAneHMnICAgIHwgbWFyZ2luIGJvdHRvbSBib3R0b20gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IG1hcmdpbkxlZnQgICAgICAgIHwgU3BhY2VUeXBlIHwgdW5zZXQgICB8IG1hcmdpbiBsZWZ0IGxlZnQgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBwYWRkaW5nICAgICAgICAgICB8IFNwYWNlVHlwZSB8IHVuc2V0ICAgfCBwYWRkaW5nIHRvcCwgYm90dG9tLCBsZWZ0IGFuZCByaWdodCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgcGFkZGluZ1ZlcnRpY2FsICAgfCBTcGFjZVR5cGUgfCB1bnNldCAgIHwgcGFkZGluZyB0b3AgYW5kIGJvdHRvbSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IHBhZGRpbmdIb3Jpem9udGFsIHwgU3BhY2VUeXBlIHwgdW5zZXQgICB8IHBhZGRpbmcgbGVmdCBhbmQgcmlnaHQgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBwYWRkaW5nVG9wICAgICAgICB8IFNwYWNlVHlwZSB8IHVuc2V0ICAgfCBwYWRkaW5nIHRvcCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CnwgcGFkZGluZ1JpZ2h0ICAgICAgfCBTcGFjZVR5cGUgfCB1bnNldCAgIHwgcGFkZGluZyByaWdodCByaWdodCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfAp8IHBhZGRpbmdCb3R0b20gICAgIHwgU3BhY2VUeXBlIHwgdW5zZXQgICB8IHBhZGRpbmcgYm90dG9tIGJvdHRvbSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHwKfCBwYWRkaW5nTGVmdCAgICAgICB8IFNwYWNlVHlwZSB8IHVuc2V0ICAgfCBwYWRkaW5nIGxlZnQgbGVmdCAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB8CgojIyBBY2Nlc3NpYmlsaXR5CgpXaGVuIGl0IGNvbWVzIHRvIG1vZGFsIGRpYWxvZ3MsIGNvbnNpZGVyIHRoaXM6IG5vIG9uZSBsaWtlcyB0byBiZSBpbnRlcnJ1cHRlZCwgYnV0IGlmIHlvdSBtdXN0LCBtYWtlIHN1cmUgaXTigJlzIHdvcnRoIHRoZSBjb3N0LgoKVXNlIG1vZGFsIGRpYWxvZ3MgZm9yIGltcG9ydGFudCB3YXJuaW5ncywgYXMgYSB3YXkgdG8gcHJldmVudCBvciBjb3JyZWN0IGNyaXRpY2FsIGVycm9ycy4KVXNlIG1vZGFsIGRpYWxvZ3MgdG8gcmVxdWVzdCB0aGUgdXNlciB0byBlbnRlciBpbmZvcm1hdGlvbiBjcml0aWNhbCB0byBjb250aW51aW5nIHRoZSBjdXJyZW50IHByb2Nlc3MuCk1vZGFsIGRpYWxvZ3MgY2FuIGJlIHVzZWQgdG8gZnJhZ21lbnQgYSBjb21wbGV4IHdvcmtmbG93IGludG8gc2ltcGxlciBzdGVwcy4KRG8gbm90IHVzZSBtb2RhbCBkaWFsb2dzIGZvciBub25lc3NlbnRpYWwgaW5mb3JtYXRpb24gdGhhdCBpcyBub3QgcmVsYXRlZCB0byB0aGUgY3VycmVudCB1c2VyIGZsb3cuCg==\""],"names":[],"mappings":"oFAAe"}

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

package/lib/cjs/src/components/Modal/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"),e=require("../Box/index.js"),o=require("../Button/index.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,a,d,u,s=i(t),p=s.default.div(r||(r=n.__makeTemplateObject(["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  opacity: 0.5;\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 0.3s, bottom 0s 0.3s;\n  z-index: 100;\n"],["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  opacity: 0.5;\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 0.3s, bottom 0s 0.3s;\n  z-index: 100;\n"])),(function(n){return n.theme.colors.modalBackdrop})),c=s.default.div(a||(a=n.__makeTemplateObject(["\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 9999;\n"],["\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 9999;\n"]))),l=s.default(e.default)(d||(d=n.__makeTemplateObject(["\n  background-color: ",";\n  position: relative;\n  border-radius: 4px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);\n  margin: ",";\n  width: 90%;\n  min-height: 10rem;\n  padding: ",";\n  max-width: ",";\n  z-index: 9999;\n  margin-bottom: ",";\n"],["\n  background-color: ",";\n  position: relative;\n  border-radius: 4px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);\n  margin: ",";\n  width: 90%;\n  min-height: 10rem;\n  padding: ",";\n  max-width: ",";\n  z-index: 9999;\n  margin-bottom: ",";\n"])),(function(n){var t=n.theme.colors,e=n.backgroundColor;return void 0!==e&&void 0!==typeof e?void 0!==t[e]?t[e]:e:t.backgroundLight}),(function(n){var t=n.top;return"".concat(t," auto auto auto")}),(function(n){return n.theme.spacing.xs}),(function(n){return n.maxWidth}),(function(n){return n.theme.spacing.xxl})),m=s.default(o.Button)(u||(u=n.__makeTemplateObject(["\n  float: right;\n  margin-left: ",";\n  font-size: 1.2rem;\n  padding: 0;\n"],["\n  float: right;\n  margin-left: ",";\n  font-size: 1.2rem;\n  padding: 0;\n"])),(function(n){return n.theme.spacing.xs}));exports.Background=p,exports.CloseButton=m,exports.Content=l,exports.Wrapper=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),t=require("styled-components"),e=require("../Box/index.js"),o=require("../Button/index.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,a,d,u,s=i(t),p=s.default.div(r||(r=n.__makeTemplateObject(["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  opacity: 0.5;\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 0.3s, bottom 0s 0.3s;\n  z-index: 100;\n"],["\n  background: ",";\n  bottom: 0;\n  left: 0;\n  opacity: 0.5;\n  position: fixed;\n  right: 0;\n  top: 0;\n  transition: opacity 0.3s, bottom 0s 0.3s;\n  z-index: 100;\n"])),(function(n){return n.theme.colors.modalBackdrop})),l=s.default.div(a||(a=n.__makeTemplateObject(["\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 9999;\n"],["\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 9999;\n"]))),c=s.default(e.default)(d||(d=n.__makeTemplateObject(["\n  background-color: ",";\n  position: relative;\n  border-radius: 4px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);\n  margin: ",";\n  width: ",";\n  min-height: 10rem;\n  max-width: ",";\n  z-index: 9999;\n"],["\n  background-color: ",";\n  position: relative;\n  border-radius: 4px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);\n  margin: ",";\n  width: ",";\n  min-height: 10rem;\n  max-width: ",";\n  z-index: 9999;\n"])),(function(n){var t=n.theme.colors,e=n.backgroundColor;return void 0!==e&&void 0!==typeof e?void 0!==t[e]?t[e]:e:t.backgroundLight}),(function(n){var t=n.top;return"".concat(t," auto auto auto")}),(function(n){return n.width}),(function(n){return n.maxWidth})),f=s.default(o.Button)(u||(u=n.__makeTemplateObject(["\n  float: right;\n  margin-left: ",";\n  font-size: 1.2rem;\n  padding: 0;\n"],["\n  float: right;\n  margin-left: ",";\n  font-size: 1.2rem;\n  padding: 0;\n"])),(function(n){return n.theme.spacing.xs}));exports.Background=p,exports.CloseButton=f,exports.Content=c,exports.Wrapper=l;
 //# sourceMappingURL=styles.js.map

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

@@ -32,30 +32,5 @@ 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<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>>;
+declare const AddressLookup: React.ForwardRefExoticComponent<Pick<AddressLookupProps, "apiKey" | "countries" | "errorMessage" | "hasError" | "isValid" | "isValidVisible" | "isInvalidVisible" | "label" | "onAddressError" | "onAddressSelected" | keyof React.InputHTMLAttributes<HTMLInputElement>> & React.RefAttributes<HTMLInputElement>>;
 export default AddressLookup;

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

@@ -24,23 +24,5 @@ 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<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 declare const Button: React.ForwardRefExoticComponent<Pick<Props, keyof React.ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "size" | "css" | "as" | "isIconButton"> & React.RefAttributes<HTMLElement>>;
 export default Button;

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

@@ -1,4 +1,4 @@
-import { FC, ButtonHTMLAttributes } from "react";
+import { ButtonHTMLAttributes } from "react";
 declare type DotProps = {
     count: number;
     currentPosition: number;
@@ -6,7 +6,7 @@ declare type DotProps = {
     next: () => void;
     previous: () => void;
 };
-export declare const CarouselLeftButton: FC<ButtonHTMLAttributes<HTMLElement>>;
-export declare const CarouselRightButton: FC<ButtonHTMLAttributes<HTMLElement>>;
-export declare const Dots: FC<DotProps>;
+export declare const CarouselLeftButton: (props: ButtonHTMLAttributes<HTMLElement>) => JSX.Element;
+export declare const CarouselRightButton: (props: ButtonHTMLAttributes<HTMLElement>) => JSX.Element;
+export declare const Dots: ({ count, currentPosition, scrollToPosition, next, previous, }: DotProps) => JSX.Element;
 export default Dots;

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

@@ -1,13 +1,20 @@
-import React, { FC } from "react";
+import React, { ReactNode } from "react";
 export declare 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 */
     onPositionChanged?: (position: number) => void;
+    /** show item left and right of current smaller than current item */
     shrinkUnselectedPages?: boolean;
+    /** childrent item of the carousel */
+    children?: ReactNode;
+    /** set carousel image to full width of parent */
+    fullWidthChild?: boolean;
 };
 /**
  *
  * Light weight carousel component that works with mouse and touch events, will work with divs and much anything you chuck in children
  */
-export declare const Carousel: FC<CarouselProps>;
-declare const _default: React.MemoExoticComponent<React.FC<CarouselProps>>;
+export declare const Carousel: ({ startPosition, children, onPositionChanged, shrinkUnselectedPages, fullWidthChild, }: CarouselProps) => JSX.Element;
+declare const _default: React.MemoExoticComponent<({ startPosition, children, onPositionChanged, shrinkUnselectedPages, fullWidthChild, }: CarouselProps) => JSX.Element>;
 export default _default;

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

@@ -6,15 +6,18 @@ declare type ThemeProps = {
 declare type CarouselScrollAreaProps = {
     smoothScrolling: boolean;
 };
-export declare const CarouselScrollArea: import("styled-components").StyledComponent<"ul", any, CarouselScrollAreaProps, never>;
-export declare const CarouselCard: import("styled-components").StyledComponent<"li", any, {
+declare type CarouselCardProps = {
     onlyChild: boolean;
-}, never>;
+    fullWidthChild: boolean;
+};
 declare type CarouselCardInnerProps = {
     isSelected: boolean;
     shrinkUnselectedPages: boolean;
     onlyChild: boolean;
+    fullWidthChild: boolean;
 };
+export declare const CarouselScrollArea: import("styled-components").StyledComponent<"ul", any, CarouselScrollAreaProps, never>;
+export declare const CarouselCard: import("styled-components").StyledComponent<"li", any, CarouselCardProps, never>;
 export declare const CarouselCardInner: import("styled-components").StyledComponent<"div", any, CarouselCardInnerProps, never>;
 export declare const ButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const VerticalAlign: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -1,15 +1,16 @@
-import { FC, InputHTMLAttributes, Ref } from "react";
+import React, { InputHTMLAttributes, Ref, ReactNode } from "react";
 export declare type CheckBoxProps = InputHTMLAttributes<HTMLInputElement> & {
     ref?: Ref<HTMLInputElement>;
     /** flag for error styling */
     hasError?: boolean;
     /** error message text  */
     errorMessage?: string;
+    children?: ReactNode;
 };
 /**
  * Checkboxes allow the user to select one or more items.
  *
  * 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: FC<CheckBoxProps>;
+declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckBoxProps, keyof React.InputHTMLAttributes<HTMLInputElement> | "hasError" | "errorMessage"> & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;

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

@@ -4,17 +4,7 @@ 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("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, {
+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, {
     textColor?: string | undefined;
     textSize?: FontSizeType | undefined;
     textFontFamily?: string | undefined;

package/lib/components/Divider.d.ts

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

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

@@ -1,10 +1,11 @@
-import { FC, ReactNode, HTMLAttributes } from "react";
+import { ReactNode, HTMLAttributes } from "react";
 export declare 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;
 };
 /**
  * There should be only one footer component at the bottom of the body of each page. Links can be passed as children
  * */
-export declare const Footer: FC<FooterProps>;
+export declare const Footer: ({ children, middleSection }: FooterProps) => JSX.Element;
 export default Footer;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ICONS } from "./iconList";
 export declare const ICON_NAMES: {
     [key: string]: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconDefinition } from "@fortawesome/free-solid-svg-icons";
 export declare type IconFaProps = {
     /** imported icon definition from "@fortawesome/free-solid-svg-icons" or "@fortawesome/free-brands-svg-icons" */

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

@@ -8,6 +8,7 @@ declare type LabelWrapperProps = {
     required?: boolean;
     /** flag to stop (required) appearing in label, useful for compound form components like DateInput */
     hideRequiredInLabel?: boolean;
+    children?: ReactNode;
 };
 export declare const LabelWrapper: FunctionComponent<LabelWrapperProps>;
 export default LabelWrapper;

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

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from "react";
+import { ReactNode } from "react";
 export declare type LegendWrapperProps = {
     children?: ReactNode;
     /** legend text */
@@ -18,5 +18,5 @@ export declare type LegendWrapperProps = {
  * hasError and errorMessage props are just props that can be passed into the component.
  * There is no functionality checking if the children are valid/required etc this functionality will be needed to ne added outside of this component.
  */
-export declare const LegendWrapper: FC<LegendWrapperProps>;
+export declare const LegendWrapper: ({ children, legendText, required, errorMessage, hasError, hintText, }: LegendWrapperProps) => JSX.Element;
 export default LegendWrapper;

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

@@ -22,25 +22,5 @@ export declare type LinkProps = AnchorHTMLAttributes<HTMLElement> & TextProps &
  * If you want something that looks like a link but behaves like a button ie. nothing to do with navigation, please consider using Link with as='button'
  *
  * If you want something that looks like a button but behaves like a link ie. it takes the user to a new location, please consider using Button and simply passing it an href, it will automatically turn into a link. */
-export declare const Link: React.ForwardRefExoticComponent<Pick<React.AnchorHTMLAttributes<HTMLElement> & import("../Spacing").SpacingProps & React.HTMLAttributes<HTMLElement> & {
-    textColor?: string | undefined;
-    textAlign?: "left" | "right" | "center" | "justify" | undefined;
-    textSize?: import("..").FontSizeType | undefined;
-    textWeight?: number | undefined;
-    as?: any;
-    wordBreak?: import("..").WordBreakType | undefined;
-    overflowWrap?: import("..").OverflowWrapType | undefined;
-    ref?: React.Ref<HTMLElement> | undefined;
-} & {
-    /** link text hover colour */
-    textHoverColor?: string | undefined;
-    /** link appearance variant, undefined is a standarding link withing a text block */
-    appearance?: "primary" | "secondary" | undefined;
-    /** styled-components polymorphism where you can use the styling of a link but convert to another element like a button */
-    ref?: React.Ref<HTMLElement> | undefined;
-    /** styled-component polymorphic feature so you take the styling of a link and cast the component to be a "span" for example */
-    as?: React.ElementType<any> | undefined;
-    /** Component children */
-    children?: ReactNode;
-}, "slot" | "style" | "title" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginVertical" | "marginHorizontal" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingVertical" | "paddingHorizontal" | "textColor" | "textAlign" | "textSize" | "textWeight" | "as" | "wordBreak" | "overflowWrap" | "textHoverColor" | "appearance"> & React.RefAttributes<HTMLElement>>;
+export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "slot" | "style" | "title" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginVertical" | "marginHorizontal" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingVertical" | "paddingHorizontal" | "textColor" | "textAlign" | "textSize" | "textWeight" | "as" | "wordBreak" | "overflowWrap" | "textHoverColor" | "appearance"> & React.RefAttributes<HTMLElement>>;
 export default Link;

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

@@ -1,7 +1,6 @@
-import { FC } from "react";
 /**
  *
  * Loaders are used after some user interaction that we assume will take some time to complete. They inform the user that their request is beeing processed and that they should wait.
  */
-declare const Loader: FC;
+declare const Loader: () => JSX.Element;
 export default Loader;

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

@@ -1,5 +1,6 @@
-import { FC } from "react";
-export declare type ModalProps = {
+import { ReactNode } from "react";
+import { SpacingProps } from "../Spacing";
+export declare type ModalProps = SpacingProps & {
     /** modal name used for aria-label */
     modalName: string;
     /** callback function called on modal close */
@@ -12,6 +13,10 @@ export declare type ModalProps = {
     top?: string;
     /** background color of dialogue */
     backgroundColor?: string;
+    /** children components  */
+    children?: ReactNode;
+    /** width of modal */
+    width?: string;
 };
 /**
  *
@@ -23,5 +28,5 @@ export declare type ModalProps = {
  * ## Accessibility
  * - Once the Modal is appeared on the screen, the focus must be within the Modal container which will enable the screen readers to be able to navigate within the Modal. You may wish to hide the close button so that a user must click on another button to confirm a choice before the modal is closed. However closing with the 'ESC' key must always work, so the props which contains the function that allows the modal to close itself 'closeFunction' is always required.
  */
-declare const Modal: FC<ModalProps>;
+declare const Modal: ({ modalName, closeFunction, showCloseButton, maxWidth, top, backgroundColor, children, width, margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft, padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft, }: ModalProps) => JSX.Element;
 export default Modal;

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

@@ -1,18 +1,14 @@
 /// <reference types="react" />
+import { ThemeType } from "../../types";
+declare type ContentProps = {
+    backgroundColor?: string;
+    theme: ThemeType;
+    top: string;
+    width: string;
+    maxWidth: string;
+};
 export declare const Background: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Content: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Box").BoxProps>, any, {
-    maxWidth: string;
-    top: string;
-}, never>;
-export declare const CloseButton: 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;
-}, "css" | "as" | keyof import("react").ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "size" | "isIconButton"> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../Box").BoxProps>, any, ContentProps, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("../Button").Props, "css" | "as" | keyof import("react").ButtonHTMLAttributes<HTMLElement> | "appearance" | "full" | "href" | "size" | "isIconButton"> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export {};

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

@@ -1,4 +1,4 @@
-import { FunctionComponent } from "react";
+import { FunctionComponent, ReactNode } from "react";
 export declare type PaginationProps = {
     /** set current page number */
     current: number;
@@ -12,6 +12,7 @@ export declare type PaginationProps = {
     perPage: number;
     /** the name of the search param in the url that is modified on page click, defaults to 'page' */
     searchParam?: string;
+    children?: ReactNode;
 };
 /**
  *