@cruk/cruk-react-components 3.1.1 → 3.3.0

package/lib/components/index.d.ts

@@ -16,7 +16,6 @@ export { default as GlobalStyle } from "./GlobalStyle";
 export { default as GlobalStyleNoFontFace } from "./GlobalStyleNoFontFace";
 export { default as Header } from "./Header";
 export { default as Heading } from "./Heading";
-export { default as Icon } from "./Icon";
 export { default as IconFa } from "./IconFa";
 export { default as LabelWrapper } from "./LabelWrapper";
 export { default as LegendWrapper } from "./LegendWrapper";
@@ -39,35 +38,4 @@ export { default as InfoBox } from "./InfoBox";
 export { default as bowelbabeTheme } from "../themes/bowelbabe";
 export { default as crukTheme } from "../themes/cruk";
 export { default as su2cTheme } from "../themes/su2c";
-export { default as AddressLookupReadme } from "./AddressLookup/README.md";
-export { default as AvatarReadme } from "./Avatar/README.md";
-export { default as BadgeReadme } from "./Badge/README.md";
-export { default as BoxReadme } from "./Box/README.md";
-export { default as ButtonReadme } from "./Button/README.md";
-export { default as CheckboxReadme } from "./Checkbox/README.md";
-export { default as CollapseReadme } from "./Collapse/README.md";
-export { default as DateFieldReadme } from "./DateField/README.md";
-export { default as ErrorTextReadme } from "./ErrorText/README.md";
-export { default as FooterReadme } from "./Footer/README.md";
-export { default as HeadingReadme } from "./Heading/README.md";
-export { default as HeaderReadme } from "./Header/README.md";
-export { default as IconReadme } from "./Icon/README.md";
-export { default as IconFaReadme } from "./IconFa/README.md";
-export { default as InfoBoxReadme } from "./InfoBox/README.md";
-export { default as LinkReadme } from "./Link/README.md";
-export { default as LegendWrapperReadme } from "./LegendWrapper/README.md";
-export { default as LoaderReadme } from "./Loader/README.md";
-export { default as ModalReadme } from "./Modal/README.md";
-export { default as PaginationReadme } from "./Pagination/README.md";
-export { default as PopOverReadme } from "./PopOver/README.md";
-export { default as ProgressBarReadme } from "./ProgressBar/README.md";
-export { default as RadioReadme } from "./Radio/README.md";
-export { default as RadioConsentReadme } from "./RadioConsent/README.md";
-export { default as SelectReadme } from "./Select/README.md";
-export { default as StepReadme } from "./Step/README.md";
-export { default as TextReadme } from "./Text/README.md";
-export { default as TextAreaFieldReadme } from "./TextAreaField/README.md";
-export { default as TextFieldReadme } from "./TextField/README.md";
-export { default as TotaliserReadme } from "./Totaliser/README.md";
-export { default as UserBlockReadme } from "./UserBlock/README.md";
 export * from "../types";

package/lib/es/node_modules/react-intersection-observer/index.mjs.js

@@ -0,0 +1,2 @@
+import*as e from"react";var t=Object.defineProperty,i=(e,i,s)=>(((e,i,s)=>{i in e?t(e,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[i]=s})(e,"symbol"!=typeof i?i+"":i,s),s),s=new Map,n=new WeakMap,r=0;function o(e){return Object.keys(e).sort().filter((t=>void 0!==e[t])).map((t=>{return`${t}_${"root"===t?(i=e.root,i?(n.has(i)||(r+=1,n.set(i,r.toString())),n.get(i)):"0"):e[t]}`;var i})).toString()}function h(e,t,i={},n=undefined){if(void 0===window.IntersectionObserver&&void 0!==n){const s=e.getBoundingClientRect();return t(n,{isIntersecting:n,target:e,intersectionRatio:"number"==typeof i.threshold?i.threshold:0,time:0,boundingClientRect:s,intersectionRect:s,rootBounds:s}),()=>{}}const{id:r,observer:h,elements:l}=function(e){let t=o(e),i=s.get(t);if(!i){const n=new Map;let r;const o=new IntersectionObserver((t=>{t.forEach((t=>{var i;const s=t.isIntersecting&&r.some((e=>t.intersectionRatio>=e));e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=s),null==(i=n.get(t.target))||i.forEach((e=>{e(s,t)}))}))}),e);r=o.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),i={id:t,observer:o,elements:n},s.set(t,i)}return i}(i);let a=l.get(e)||[];return l.has(e)||l.set(e,a),a.push(t),h.observe(e),function(){a.splice(a.indexOf(t),1),0===a.length&&(l.delete(e),h.unobserve(e)),0===l.size&&(h.disconnect(),s.delete(r))}}var l=class extends e.Component{constructor(e){super(e),i(this,"node",null),i(this,"_unobserveCb",null),i(this,"handleNode",(e=>{this.node&&(this.unobserve(),e||this.props.triggerOnce||this.props.skip||this.setState({inView:!!this.props.initialInView,entry:void 0})),this.node=e||null,this.observeNode()})),i(this,"handleChange",((e,t)=>{e&&this.props.triggerOnce&&this.unobserve(),function(e){return"function"!=typeof e.children}(this.props)||this.setState({inView:e,entry:t}),this.props.onChange&&this.props.onChange(e,t)})),this.state={inView:!!e.initialInView,entry:void 0}}componentDidUpdate(e){e.rootMargin===this.props.rootMargin&&e.root===this.props.root&&e.threshold===this.props.threshold&&e.skip===this.props.skip&&e.trackVisibility===this.props.trackVisibility&&e.delay===this.props.delay||(this.unobserve(),this.observeNode())}componentWillUnmount(){this.unobserve(),this.node=null}observeNode(){if(!this.node||this.props.skip)return;const{threshold:e,root:t,rootMargin:i,trackVisibility:s,delay:n,fallbackInView:r}=this.props;this._unobserveCb=h(this.node,this.handleChange,{threshold:e,root:t,rootMargin:i,trackVisibility:s,delay:n},r)}unobserve(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)}render(){const{children:t}=this.props;if("function"==typeof t){const{inView:e,entry:i}=this.state;return t({inView:e,entry:i,ref:this.handleNode})}const{as:i,triggerOnce:s,threshold:n,root:r,rootMargin:o,onChange:h,skip:l,trackVisibility:a,delay:d,initialInView:p,fallbackInView:c,...u}=this.props;return e.createElement(i||"div",{ref:this.handleNode,...u},t)}};export{l as InView,h as observe};
+//# sourceMappingURL=index.mjs.js.map

package/lib/es/node_modules/react-intersection-observer/index.mjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs.js","sources":["../../../../node_modules/react-intersection-observer/index.mjs"],"sourcesContent":["\"use client\";\nvar __defProp = Object.defineProperty;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __publicField = (obj, key, value) => {\n  __defNormalProp(obj, typeof key !== \"symbol\" ? key + \"\" : key, value);\n  return value;\n};\n\n// src/InView.tsx\nimport * as React from \"react\";\n\n// src/observe.ts\nvar observerMap = /* @__PURE__ */ new Map();\nvar RootIds = /* @__PURE__ */ new WeakMap();\nvar rootId = 0;\nvar unsupportedValue = void 0;\nfunction defaultFallbackInView(inView) {\n  unsupportedValue = inView;\n}\nfunction getRootId(root) {\n  if (!root)\n    return \"0\";\n  if (RootIds.has(root))\n    return RootIds.get(root);\n  rootId += 1;\n  RootIds.set(root, rootId.toString());\n  return RootIds.get(root);\n}\nfunction optionsToId(options) {\n  return Object.keys(options).sort().filter(\n    (key) => options[key] !== void 0\n  ).map((key) => {\n    return `${key}_${key === \"root\" ? getRootId(options.root) : options[key]}`;\n  }).toString();\n}\nfunction createObserver(options) {\n  let id = optionsToId(options);\n  let instance = observerMap.get(id);\n  if (!instance) {\n    const elements = /* @__PURE__ */ new Map();\n    let thresholds;\n    const observer = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        var _a;\n        const inView = entry.isIntersecting && thresholds.some((threshold) => entry.intersectionRatio >= threshold);\n        if (options.trackVisibility && typeof entry.isVisible === \"undefined\") {\n          entry.isVisible = inView;\n        }\n        (_a = elements.get(entry.target)) == null ? void 0 : _a.forEach((callback) => {\n          callback(inView, entry);\n        });\n      });\n    }, options);\n    thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);\n    instance = {\n      id,\n      observer,\n      elements\n    };\n    observerMap.set(id, instance);\n  }\n  return instance;\n}\nfunction observe(element, callback, options = {}, fallbackInView = unsupportedValue) {\n  if (typeof window.IntersectionObserver === \"undefined\" && fallbackInView !== void 0) {\n    const bounds = element.getBoundingClientRect();\n    callback(fallbackInView, {\n      isIntersecting: fallbackInView,\n      target: element,\n      intersectionRatio: typeof options.threshold === \"number\" ? options.threshold : 0,\n      time: 0,\n      boundingClientRect: bounds,\n      intersectionRect: bounds,\n      rootBounds: bounds\n    });\n    return () => {\n    };\n  }\n  const { id, observer, elements } = createObserver(options);\n  let callbacks = elements.get(element) || [];\n  if (!elements.has(element)) {\n    elements.set(element, callbacks);\n  }\n  callbacks.push(callback);\n  observer.observe(element);\n  return function unobserve() {\n    callbacks.splice(callbacks.indexOf(callback), 1);\n    if (callbacks.length === 0) {\n      elements.delete(element);\n      observer.unobserve(element);\n    }\n    if (elements.size === 0) {\n      observer.disconnect();\n      observerMap.delete(id);\n    }\n  };\n}\n\n// src/InView.tsx\nfunction isPlainChildren(props) {\n  return typeof props.children !== \"function\";\n}\nvar InView = class extends React.Component {\n  constructor(props) {\n    super(props);\n    __publicField(this, \"node\", null);\n    __publicField(this, \"_unobserveCb\", null);\n    __publicField(this, \"handleNode\", (node) => {\n      if (this.node) {\n        this.unobserve();\n        if (!node && !this.props.triggerOnce && !this.props.skip) {\n          this.setState({ inView: !!this.props.initialInView, entry: void 0 });\n        }\n      }\n      this.node = node ? node : null;\n      this.observeNode();\n    });\n    __publicField(this, \"handleChange\", (inView, entry) => {\n      if (inView && this.props.triggerOnce) {\n        this.unobserve();\n      }\n      if (!isPlainChildren(this.props)) {\n        this.setState({ inView, entry });\n      }\n      if (this.props.onChange) {\n        this.props.onChange(inView, entry);\n      }\n    });\n    this.state = {\n      inView: !!props.initialInView,\n      entry: void 0\n    };\n  }\n  componentDidUpdate(prevProps) {\n    if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n      this.unobserve();\n      this.observeNode();\n    }\n  }\n  componentWillUnmount() {\n    this.unobserve();\n    this.node = null;\n  }\n  observeNode() {\n    if (!this.node || this.props.skip)\n      return;\n    const {\n      threshold,\n      root,\n      rootMargin,\n      trackVisibility,\n      delay,\n      fallbackInView\n    } = this.props;\n    this._unobserveCb = observe(\n      this.node,\n      this.handleChange,\n      {\n        threshold,\n        root,\n        rootMargin,\n        // @ts-ignore\n        trackVisibility,\n        // @ts-ignore\n        delay\n      },\n      fallbackInView\n    );\n  }\n  unobserve() {\n    if (this._unobserveCb) {\n      this._unobserveCb();\n      this._unobserveCb = null;\n    }\n  }\n  render() {\n    const { children } = this.props;\n    if (typeof children === \"function\") {\n      const { inView, entry } = this.state;\n      return children({ inView, entry, ref: this.handleNode });\n    }\n    const {\n      as,\n      triggerOnce,\n      threshold,\n      root,\n      rootMargin,\n      onChange,\n      skip,\n      trackVisibility,\n      delay,\n      initialInView,\n      fallbackInView,\n      ...props\n    } = this.props;\n    return React.createElement(\n      as || \"div\",\n      { ref: this.handleNode, ...props },\n      children\n    );\n  }\n};\n\n// src/useInView.tsx\nimport * as React2 from \"react\";\nfunction useInView({\n  threshold,\n  delay,\n  trackVisibility,\n  rootMargin,\n  root,\n  triggerOnce,\n  skip,\n  initialInView,\n  fallbackInView,\n  onChange\n} = {}) {\n  var _a;\n  const [ref, setRef] = React2.useState(null);\n  const callback = React2.useRef();\n  const [state, setState] = React2.useState({\n    inView: !!initialInView,\n    entry: void 0\n  });\n  callback.current = onChange;\n  React2.useEffect(\n    () => {\n      if (skip || !ref)\n        return;\n      let unobserve;\n      unobserve = observe(\n        ref,\n        (inView, entry) => {\n          setState({\n            inView,\n            entry\n          });\n          if (callback.current)\n            callback.current(inView, entry);\n          if (entry.isIntersecting && triggerOnce && unobserve) {\n            unobserve();\n            unobserve = void 0;\n          }\n        },\n        {\n          root,\n          rootMargin,\n          threshold,\n          // @ts-ignore\n          trackVisibility,\n          // @ts-ignore\n          delay\n        },\n        fallbackInView\n      );\n      return () => {\n        if (unobserve) {\n          unobserve();\n        }\n      };\n    },\n    // We break the rule here, because we aren't including the actual `threshold` variable\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      // If the threshold is an array, convert it to a string, so it won't change between renders.\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      Array.isArray(threshold) ? threshold.toString() : threshold,\n      ref,\n      root,\n      rootMargin,\n      triggerOnce,\n      skip,\n      trackVisibility,\n      fallbackInView,\n      delay\n    ]\n  );\n  const entryTarget = (_a = state.entry) == null ? void 0 : _a.target;\n  const previousEntryTarget = React2.useRef();\n  if (!ref && entryTarget && !triggerOnce && !skip && previousEntryTarget.current !== entryTarget) {\n    previousEntryTarget.current = entryTarget;\n    setState({\n      inView: !!initialInView,\n      entry: void 0\n    });\n  }\n  const result = [setRef, state.inView, state.entry];\n  result.ref = result[0];\n  result.inView = result[1];\n  result.entry = result[2];\n  return result;\n}\nexport {\n  InView,\n  defaultFallbackInView,\n  observe,\n  useInView\n};\n//# sourceMappingURL=index.mjs.map"],"names":["__defProp","Object","defineProperty","__publicField","obj","key","value","enumerable","configurable","writable","__defNormalProp","observerMap","Map","RootIds","WeakMap","rootId","optionsToId","options","keys","sort","filter","map","root","has","set","toString","get","observe","element","callback","fallbackInView","window","IntersectionObserver","bounds","getBoundingClientRect","isIntersecting","target","intersectionRatio","threshold","time","boundingClientRect","intersectionRect","rootBounds","id","observer","elements","instance","thresholds","entries","forEach","entry","_a","inView","some","trackVisibility","isVisible","Array","isArray","createObserver","callbacks","push","splice","indexOf","length","delete","unobserve","size","disconnect","InView","React","Component","constructor","props","super","this","node","triggerOnce","skip","setState","initialInView","observeNode","children","isPlainChildren","onChange","state","componentDidUpdate","prevProps","rootMargin","delay","componentWillUnmount","_unobserveCb","handleChange","render","ref","handleNode","as","createElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{__assign as e}from"../../../_virtual/_tslib.js";import r,{forwardRef as t}from"react";import{useTheme as n}from"styled-components";import o from"../../themes/cruk.js";import i from"../Icon/index.js";import a from"../IconFa/index.js";import{StyledButton as l,Spacer as m}from"./styles.js";var p=t((function(t,p){var s=n(),c=e(e({},o),s),f=t.appearance,u=void 0===f?"primary":f,d=t.isIconButton,h=void 0!==d&&d,y=r.Children.toArray(t.children),v="string"==typeof y[0],j=y[0],g=!(!h&&(1===y.length&&!v&&(null==j?void 0:j.type))!==i&&(1===y.length&&!v&&(null==j?void 0:j.type))!==a);return r.createElement(l,e({as:t.href?"a":"button"},t.href?{role:"button"}:{},t,{appearance:u,isIconButton:g,theme:c,ref:p}),t.children&&y.length?r.Children.map(t.children,(function(e,t){return r.createElement(m,{theme:c,key:t},e)})):null)}));p.defaultProps={appearance:"primary",full:!1,size:"m"};export{p as Button,p as default};
+import{__assign as e}from"../../../_virtual/_tslib.js";import r,{forwardRef as t}from"react";import{useTheme as n}from"styled-components";import o from"../../themes/cruk.js";import a from"../IconFa/index.js";import{StyledButton as i,Spacer as l}from"./styles.js";var m=t((function(t,m){var p=n(),s=e(e({},o),p),c=t.appearance,f=void 0===c?"primary":c,u=t.isIconButton,d=void 0!==u&&u,h=r.Children.toArray(t.children),y="string"==typeof h[0],v=h[0],j=!(!d&&(1===h.length&&!y&&(null==v?void 0:v.type))!==a);return r.createElement(i,e({as:t.href?"a":"button"},t.href?{role:"button"}:{},t,{appearance:f,isIconButton:j,theme:s,ref:m}),t.children&&h.length?r.Children.map(t.children,(function(e,t){return r.createElement(l,{theme:s,key:t},e)})):null)}));m.defaultProps={appearance:"primary",full:!1,size:"m"};export{m as Button,m as default};
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"../../../_virtual/_tslib.js";import t from"styled-components";import i from"../../themes/cruk.js";var e,o,a,r,h,d,s,u,l,c,p,f="120px",g="72px",m=i.spacing.xs,x="40px",y="0.2s",w=t.header(e||(e=n(["\n  box-sizing: border-box;\n  position: relative;\n  width: 100%;\n  background-color: ",";\n  z-index: 9998;\n"],["\n  box-sizing: border-box;\n  position: relative;\n  width: 100%;\n  background-color: ",";\n  z-index: 9998;\n"])),(function(n){return n.theme.colors.headerBackground})),b=t.div(o||(o=n(["\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"],["\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"])),g,(function(n){return n.theme.breakpoint.desktop}),f),v=t.div(a||(a=n(["\n  width: 100%;\n  height: 100%;\n  padding: 0 ",";\n  background-color: ",";\n  position: relative;\n  border-bottom: ",";\n  height: ",";\n\n  top: ",";\n  position: ",";\n  transition: height "," ease;\n\n  @media (min-width: ",") {\n    position: ",";\n    height: ",";\n  }\n"],["\n  width: 100%;\n  height: 100%;\n  padding: 0 ",";\n  background-color: ",";\n  position: relative;\n  border-bottom: ",";\n  height: ",";\n\n  top: ",";\n  position: ",";\n  transition: height "," ease;\n\n  @media (min-width: ",") {\n    position: ",";\n    height: ",";\n  }\n"])),m,(function(n){return n.theme.colors.headerBackground}),(function(n){var t=n.theme.colors.headerBorder;return"solid 1px ".concat(t)}),g,(function(n){return n.isSticky?0:"auto"}),(function(n){return n.isSticky?"fixed":"relative"}),y,(function(n){return n.theme.breakpoint.desktop}),(function(n){return n.isSticky?"fixed":"relative"}),(function(n){var t=n.isSmall,i=n.isSticky;return t&&i?g:f})),k=t.div(r||(r=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n  max-width: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n  max-width: ",";\n"])),(function(n){var t=n.fullWidth,i=n.theme.utilities.contentMaxWidth;return t?"100%":i})),z=t.img(h||(h=n(["\n  height: 100%;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n"],["\n  height: 100%;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n"]))),S=t.div(d||(d=n(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  width: auto;\n  transition: height "," ease;\n\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  width: auto;\n  transition: height "," ease;\n\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"])),y,x,(function(n){return n.theme.breakpoint.desktop}),(function(n){var t=n.isSmall,i=n.isSticky;return t&&i?x:"80px"})),j=t.a(s||(s=n(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),B=t.a(u||(u=n(["\n  left: -999px;\n  position: absolute;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: -999;\n  &:focus,\n  &:active,\n  &:focus-within {\n    left: auto;\n    top: auto;\n    width: 30%;\n    height: auto;\n    overflow: auto;\n    margin: 10px 35%;\n    padding: ",";\n    border-radius: 15px;\n    border: 4px solid yellow;\n    text-align: center;\n    font-size: 1.2em;\n    z-index: 999;\n  }\n"],["\n  left: -999px;\n  position: absolute;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: -999;\n  &:focus,\n  &:active,\n  &:focus-within {\n    left: auto;\n    top: auto;\n    width: 30%;\n    height: auto;\n    overflow: auto;\n    margin: 10px 35%;\n    padding: ",";\n    border-radius: 15px;\n    border: 4px solid yellow;\n    text-align: center;\n    font-size: 1.2em;\n    z-index: 999;\n  }\n"])),(function(n){return n.theme.spacing.xs})),W=t.p(l||(l=n(["\n  flex: 1 1 auto;\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  color: ",";\n  text-align: center;\n  opacity: 0;\n  transition: opacity "," ease;\n  display: none;\n\n  @media (min-width: ",") {\n    display: block;\n    opacity: ",";\n  }\n"],["\n  flex: 1 1 auto;\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  color: ",";\n  text-align: center;\n  opacity: 0;\n  transition: opacity "," ease;\n  display: none;\n\n  @media (min-width: ",") {\n    display: block;\n    opacity: ",";\n  }\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.fontWeightLight}),(function(n){return n.theme.fontSizes.xl}),(function(n){return n.theme.colors.primary}),y,(function(n){return n.theme.breakpoint.desktop}),(function(n){var t=n.isSmall,i=n.isSticky;return t&&i?0:1})),_=t.div(c||(c=n(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n"],["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n"]))),F=t.div(p||(p=n(["\n  height: auto;\n  margin: auto 0;\n"],["\n  height: auto;\n  margin: auto 0;\n"])));export{F as ChildInner,_ as ChildWrapper,k as HeaderMainContent,v as HeaderStickyContainer,b as HeaderStickyPlaceHolder,z as Logo,S as LogoWrapper,B as SkipToMain,w as StyledHeader,j as StyledLink,W as Tagline};
+import{__makeTemplateObject as n}from"../../../_virtual/_tslib.js";import t from"styled-components";import i from"../../themes/cruk.js";var e,o,a,r,h,d,s,u,c,l,p,f="120px",g="72px",m=i.spacing.xs,x="40px",w="0.2s",y=t.header(e||(e=n(["\n  box-sizing: border-box;\n  position: relative;\n  width: 100%;\n  background-color: ",";\n  z-index: 9998;\n"],["\n  box-sizing: border-box;\n  position: relative;\n  width: 100%;\n  background-color: ",";\n  z-index: 9998;\n"])),(function(n){return n.theme.colors.headerBackground})),b=t.div(o||(o=n(["\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"],["\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"])),g,(function(n){return n.theme.breakpoint.desktop}),f),v=t.div(a||(a=n(["\n  width: 100%;\n  height: 100%;\n  padding: 0 ",";\n  background-color: ",";\n  position: relative;\n  border-bottom: ",";\n  height: ",";\n  box-shadow: ",";\n  top: ",";\n  position: ",";\n  transition: height "," ease;\n\n  @media (min-width: ",") {\n    position: ",";\n    height: ",";\n  }\n"],["\n  width: 100%;\n  height: 100%;\n  padding: 0 ",";\n  background-color: ",";\n  position: relative;\n  border-bottom: ",";\n  height: ",";\n  box-shadow: ",";\n  top: ",";\n  position: ",";\n  transition: height "," ease;\n\n  @media (min-width: ",") {\n    position: ",";\n    height: ",";\n  }\n"])),m,(function(n){return n.theme.colors.headerBackground}),(function(n){var t=n.theme.colors.headerBorder;return"solid 1px ".concat(t)}),g,(function(n){var t=n.theme;return n.isSticky?t.shadows.l:"none"}),(function(n){return n.isSticky?0:"auto"}),(function(n){return n.isSticky?"fixed":"relative"}),w,(function(n){return n.theme.breakpoint.desktop}),(function(n){return n.isSticky?"fixed":"relative"}),(function(n){var t=n.isSmall,i=n.isSticky;return t&&i?g:f})),k=t.div(r||(r=n(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n  max-width: ",";\n"],["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n  max-width: ",";\n"])),(function(n){var t=n.fullWidth,i=n.theme.utilities.contentMaxWidth;return t?"100%":i})),z=t.img(h||(h=n(["\n  height: 100%;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n"],["\n  height: 100%;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n"]))),S=t.div(d||(d=n(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  width: auto;\n  transition: height "," ease;\n\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  width: auto;\n  transition: height "," ease;\n\n  height: ",";\n\n  @media (min-width: ",") {\n    height: ",";\n  }\n"])),w,x,(function(n){return n.theme.breakpoint.desktop}),(function(n){var t=n.isSmall,i=n.isSticky;return t&&i?x:"80px"})),j=t.a(s||(s=n(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),B=t.a(u||(u=n(["\n  left: -999px;\n  position: absolute;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: -999;\n  &:focus,\n  &:active,\n  &:focus-within {\n    left: auto;\n    top: auto;\n    width: 30%;\n    height: auto;\n    overflow: auto;\n    margin: 10px 35%;\n    padding: ",";\n    border-radius: 15px;\n    border: 4px solid yellow;\n    text-align: center;\n    font-size: 1.2em;\n    z-index: 999;\n  }\n"],["\n  left: -999px;\n  position: absolute;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: -999;\n  &:focus,\n  &:active,\n  &:focus-within {\n    left: auto;\n    top: auto;\n    width: 30%;\n    height: auto;\n    overflow: auto;\n    margin: 10px 35%;\n    padding: ",";\n    border-radius: 15px;\n    border: 4px solid yellow;\n    text-align: center;\n    font-size: 1.2em;\n    z-index: 999;\n  }\n"])),(function(n){return n.theme.spacing.xs})),W=t.p(c||(c=n(["\n  flex: 1 1 auto;\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  color: ",";\n  text-align: center;\n  opacity: 0;\n  transition: opacity "," ease;\n  display: none;\n\n  @media (min-width: ",") {\n    display: block;\n    opacity: ",";\n  }\n"],["\n  flex: 1 1 auto;\n  font-family: ",";\n  font-weight: ",";\n  font-size: ",";\n  color: ",";\n  text-align: center;\n  opacity: 0;\n  transition: opacity "," ease;\n  display: none;\n\n  @media (min-width: ",") {\n    display: block;\n    opacity: ",";\n  }\n"])),(function(n){return n.theme.typography.fontFamilyHeadings}),(function(n){return n.theme.typography.fontWeightLight}),(function(n){return n.theme.fontSizes.xl}),(function(n){return n.theme.colors.primary}),w,(function(n){return n.theme.breakpoint.desktop}),(function(n){var t=n.isSmall,i=n.isSticky;return t&&i?0:1})),_=t.div(l||(l=n(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n"],["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n"]))),F=t.div(p||(p=n(["\n  height: auto;\n  margin: auto 0;\n"],["\n  height: auto;\n  margin: auto 0;\n"])));export{F as ChildInner,_ as ChildWrapper,k as HeaderMainContent,v as HeaderStickyContainer,b as HeaderStickyPlaceHolder,z as Logo,S as LogoWrapper,B as SkipToMain,y as StyledHeader,j as StyledLink,W as Tagline};
 //# sourceMappingURL=styles.js.map

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

@@ -1,2 +1,2 @@
-export{default as AddressLookup}from"./AddressLookup/index.js";export{default as Avatar}from"./Avatar/index.js";export{default as Badge}from"./Badge/index.js";export{default as Box}from"./Box/index.js";export{Button}from"./Button/index.js";export{default as Carousel}from"./Carousel/index.js";export{default as Checkbox}from"./Checkbox/index.js";export{default as Collapse}from"./Collapse/index.js";export{default as DateField}from"./DateField/index.js";export{Divider}from"./Divider.js";export{default as ErrorText}from"./ErrorText/index.js";export{default as Flex}from"./Flex.js";export{fontFaceStyleString as Fontface}from"./Fontface.js";export{Footer}from"./Footer/index.js";export{default as GlobalStyle}from"./GlobalStyle.js";export{default as GlobalStyleNoFontFace}from"./GlobalStyleNoFontFace.js";export{Header}from"./Header/index.js";export{default as Heading}from"./Heading/index.js";export{default as Icon}from"./Icon/index.js";export{default as IconFa}from"./IconFa/index.js";export{LabelWrapper}from"./LabelWrapper/index.js";export{LegendWrapper}from"./LegendWrapper/index.js";export{Link}from"./Link/index.js";export{default as Loader}from"./Loader/index.js";export{default as Modal}from"./Modal/index.js";export{default as Pagination}from"./Pagination/index.js";export{default as PopOver}from"./PopOver/index.js";export{default as ProgressBar}from"./ProgressBar/index.js";export{default as Radio}from"./Radio/index.js";export{default as RadioConsent}from"./RadioConsent/index.js";export{default as Select}from"./Select/index.js";export{default as Step}from"./Step/index.js";export{Text}from"./Text/index.js";export{default as TextAreaField}from"./TextAreaField/index.js";export{default as TextField}from"./TextField/index.js";export{default as Totaliser}from"./Totaliser/index.js";export{default as UserBlock}from"./UserBlock/index.js";export{default as InfoBox}from"./InfoBox/index.js";export{default as bowelbabeTheme}from"../themes/bowelbabe.js";export{default as crukTheme}from"../themes/cruk.js";export{default as su2cTheme}from"../themes/su2c.js";export{default as AddressLookupReadme}from"./AddressLookup/README.md.js";export{default as AvatarReadme}from"./Avatar/README.md.js";export{default as BadgeReadme}from"./Badge/README.md.js";export{default as BoxReadme}from"./Box/README.md.js";export{default as ButtonReadme}from"./Button/README.md.js";export{default as CheckboxReadme}from"./Checkbox/README.md.js";export{default as CollapseReadme}from"./Collapse/README.md.js";export{default as DateFieldReadme}from"./DateField/README.md.js";export{default as ErrorTextReadme}from"./ErrorText/README.md.js";export{default as FooterReadme}from"./Footer/README.md.js";export{default as HeadingReadme}from"./Heading/README.md.js";export{default as HeaderReadme}from"./Header/README.md.js";export{default as IconReadme}from"./Icon/README.md.js";export{default as IconFaReadme}from"./IconFa/README.md.js";export{default as InfoBoxReadme}from"./InfoBox/README.md.js";export{default as LinkReadme}from"./Link/README.md.js";export{default as LegendWrapperReadme}from"./LegendWrapper/README.md.js";export{default as LoaderReadme}from"./Loader/README.md.js";export{default as ModalReadme}from"./Modal/README.md.js";export{default as PaginationReadme}from"./Pagination/README.md.js";export{default as PopOverReadme}from"./PopOver/README.md.js";export{default as ProgressBarReadme}from"./ProgressBar/README.md.js";export{default as RadioReadme}from"./Radio/README.md.js";export{default as RadioConsentReadme}from"./RadioConsent/README.md.js";export{default as SelectReadme}from"./Select/README.md.js";export{default as StepReadme}from"./Step/README.md.js";export{default as TextReadme}from"./Text/README.md.js";export{default as TextAreaFieldReadme}from"./TextAreaField/README.md.js";export{default as TextFieldReadme}from"./TextField/README.md.js";export{default as TotaliserReadme}from"./Totaliser/README.md.js";export{default as UserBlockReadme}from"./UserBlock/README.md.js";
+export{default as AddressLookup}from"./AddressLookup/index.js";export{default as Avatar}from"./Avatar/index.js";export{default as Badge}from"./Badge/index.js";export{default as Box}from"./Box/index.js";export{Button}from"./Button/index.js";export{default as Carousel}from"./Carousel/index.js";export{default as Checkbox}from"./Checkbox/index.js";export{default as Collapse}from"./Collapse/index.js";export{default as DateField}from"./DateField/index.js";export{Divider}from"./Divider.js";export{default as ErrorText}from"./ErrorText/index.js";export{default as Flex}from"./Flex.js";export{fontFaceStyleString as Fontface}from"./Fontface.js";export{Footer}from"./Footer/index.js";export{default as GlobalStyle}from"./GlobalStyle.js";export{default as GlobalStyleNoFontFace}from"./GlobalStyleNoFontFace.js";export{Header}from"./Header/index.js";export{default as Heading}from"./Heading/index.js";export{default as IconFa}from"./IconFa/index.js";export{LabelWrapper}from"./LabelWrapper/index.js";export{LegendWrapper}from"./LegendWrapper/index.js";export{Link}from"./Link/index.js";export{default as Loader}from"./Loader/index.js";export{default as Modal}from"./Modal/index.js";export{default as Pagination}from"./Pagination/index.js";export{default as PopOver}from"./PopOver/index.js";export{default as ProgressBar}from"./ProgressBar/index.js";export{default as Radio}from"./Radio/index.js";export{default as RadioConsent}from"./RadioConsent/index.js";export{default as Select}from"./Select/index.js";export{default as Step}from"./Step/index.js";export{Text}from"./Text/index.js";export{default as TextAreaField}from"./TextAreaField/index.js";export{default as TextField}from"./TextField/index.js";export{default as Totaliser}from"./Totaliser/index.js";export{default as UserBlock}from"./UserBlock/index.js";export{default as InfoBox}from"./InfoBox/index.js";export{default as bowelbabeTheme}from"../themes/bowelbabe.js";export{default as crukTheme}from"../themes/cruk.js";export{default as su2cTheme}from"../themes/su2c.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-import{__assign as e}from"../../_virtual/_tslib.js";import r from"./cruk.js";var o=e({},r.utilities),t=e(e({},r.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/bowelbabe-logo-160.png",footerCopyText:"The Bowelbabe Fund for Cancer Research UK, raises money to fund clinical trials, research and cancer information and awareness, as well as other initiatives to combat cancer and support those affected by cancer. The Bowelbabe Fund is a restricted fund within Cancer Research UK. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247) and is registered with the Fundraising Regulator."}),a=e({},r.avatar),b=e(e({},r.button),{horizontalPadding:"1rem"}),n=e({},r.breakpoint),i=e(e({},r.tokenColors),{bbPurple:"#501e70",bbLightGreen:"#92ddcb",bbGreen:"#26bb98",bbPastelGreen:"#d4f1ea",bbPink:"#d81272",bbBlue:"#009ed1",bbTeal:"#005e85",bbYellow:"#e4b50b"}),l=e(e({},r.colors),{primary:i.bbPurple,secondary:i.bbGreen,tertiary:i.bbTeal,textOnPrimary:i.white,textOnSecondary:i.bbPurple,textOnTertiary:i.white,warning:i.bbYellow,success:i.bbGreen,info:i.bbBlue,progressBar:i.bbLightGreen,progressBarSecondary:i.bbGreen,circularProgress:i.bbLightGreen,circularProgressSecondary:i.bbGreen,linkColor:i.bbPurple,linkColorHover:i.bbPink,linkColorSecondary:i.bbPurple,linkColorSecondaryHover:i.bbPink,backgroundLightColor:i.bbPastelGreen,collapseHeaderColor:i.bbPink,loaderColor1:i.bbPurple,loaderColor2:i.bbLightGreen,loaderColor3:i.bbPink,paginationText:i.bbPurple,paginationBackground:i.bbPurple,totaliserBubbleColor:i.bbPurple,totaliserBubbleTextColor:i.bbLightGreen,totaliserBubbleTotalColor:i.white,buttonPrimaryBackground:i.bbPurple,buttonPrimaryText:i.white,buttonPrimaryBorder:i.bbPurple,buttonPrimaryBackgroundHover:i.bbPink,buttonPrimaryTextHover:i.white,buttonPrimaryBorderHover:i.bbPink,buttonPrimaryDisabledBackground:i.grey_300,buttonPrimaryDisabledText:i.white,buttonPrimaryDisabledBorder:i.grey_300,buttonSecondaryBackground:i.white,buttonSecondaryText:i.bbPurple,buttonSecondaryBorder:i.bbPurple,buttonSecondaryBackgroundHover:i.white,buttonSecondaryTextHover:i.bbPink,buttonSecondaryBorderHover:i.bbPink,buttonSecondaryDisabledBackground:i.white,buttonSecondaryDisabledText:i.grey_300,buttonSecondaryDisabledBorder:i.grey_300,buttonTertiaryText:i.bbPurple,buttonTertiaryTextHover:i.bbPink,buttonTertiaryDisabledText:i.grey_300}),s=e({},r.spacing),u=e({},r.fontSizes),d=e(e({},r.typography),{customFonts:[{family:"juana-semibold",urlWoff:"".concat(t.assetPath,"fonts/juana-semibold-webfont.woff"),urlWoff2:"".concat(t.assetPath,"fonts/juana-semibold-webfont.woff2")}],fontFamilyHeadings:"juana-semibold,Arial,sans-serif"}),c={name:"bowelbabe",avatar:a,breakpoint:n,button:b,tokenColors:i,colors:l,spacing:s,fontSizes:u,siteConfig:t,typography:d,utilities:o};export{a as AVATAR,n as BREAKPOINT,b as BUTTON,l as COLORS,u as FONT_SIZES,t as SITE_CONFIG,s as SPACING,i as TOKEN_COLORS,d as TYPOGRAPHY,o as UTILITIES,c as default};
+import{__assign as e}from"../../_virtual/_tslib.js";import r from"./cruk.js";var o=e({},r.utilities),t=e(e({},r.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/bowelbabe-logo-160.png",footerCopyText:"The Bowelbabe Fund for Cancer Research UK, raises money to fund clinical trials, research and cancer information and awareness, as well as other initiatives to combat cancer and support those affected by cancer. The Bowelbabe Fund is a restricted fund within Cancer Research UK. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247) and is registered with the Fundraising Regulator."}),a=e({},r.avatar),b=e(e({},r.button),{horizontalPadding:"1rem"}),n=e({},r.breakpoint),i=e(e({},r.tokenColors),{bbPurple:"#501e70",bbLightGreen:"#92ddcb",bbGreen:"#26bb98",bbPastelGreen:"#d4f1ea",bbPink:"#d81272",bbBlue:"#009ed1",bbTeal:"#005e85",bbYellow:"#e4b50b"}),l=e(e({},r.colors),{primary:i.bbPurple,secondary:i.bbGreen,tertiary:i.bbTeal,textOnPrimary:i.white,textOnSecondary:i.bbPurple,textOnTertiary:i.white,warning:i.bbYellow,success:i.bbGreen,info:i.bbBlue,progressBar:i.bbLightGreen,progressBarSecondary:i.bbGreen,circularProgress:i.bbLightGreen,circularProgressSecondary:i.bbGreen,linkColor:i.bbPurple,linkColorHover:i.bbPink,linkColorSecondary:i.bbPurple,linkColorSecondaryHover:i.bbPink,backgroundLightColor:i.bbPastelGreen,collapseHeaderColor:i.bbPink,loaderColor1:i.bbPurple,loaderColor2:i.bbLightGreen,loaderColor3:i.bbPink,paginationText:i.bbPurple,paginationBackground:i.bbPurple,totaliserBubbleColor:i.bbPurple,totaliserBubbleTextColor:i.bbLightGreen,totaliserBubbleTotalColor:i.white,buttonPrimaryBackground:i.bbPurple,buttonPrimaryText:i.white,buttonPrimaryBorder:i.bbPurple,buttonPrimaryBackgroundHover:i.bbPink,buttonPrimaryTextHover:i.white,buttonPrimaryBorderHover:i.bbPink,buttonPrimaryDisabledBackground:i.grey_300,buttonPrimaryDisabledText:i.white,buttonPrimaryDisabledBorder:i.grey_300,buttonSecondaryBackground:i.white,buttonSecondaryText:i.bbPurple,buttonSecondaryBorder:i.bbPurple,buttonSecondaryBackgroundHover:i.white,buttonSecondaryTextHover:i.bbPink,buttonSecondaryBorderHover:i.bbPink,buttonSecondaryDisabledBackground:i.white,buttonSecondaryDisabledText:i.grey_300,buttonSecondaryDisabledBorder:i.grey_300,buttonTertiaryText:i.bbPurple,buttonTertiaryTextHover:i.bbPink,buttonTertiaryDisabledText:i.grey_300}),s=e({},r.spacing),u=e({},r.shadows),d=e({},r.fontSizes),c=e(e({},r.typography),{customFonts:[{family:"juana-semibold",urlWoff:"".concat(t.assetPath,"fonts/juana-semibold-webfont.woff"),urlWoff2:"".concat(t.assetPath,"fonts/juana-semibold-webfont.woff2")}],fontFamilyHeadings:"juana-semibold,Arial,sans-serif"}),y={name:"bowelbabe",avatar:a,breakpoint:n,button:b,tokenColors:i,colors:l,spacing:s,fontSizes:d,siteConfig:t,typography:c,shadows:u,utilities:o};export{a as AVATAR,n as BREAKPOINT,b as BUTTON,l as COLORS,d as FONT_SIZES,u as SHADOWS,t as SITE_CONFIG,s as SPACING,i as TOKEN_COLORS,c as TYPOGRAPHY,o as UTILITIES,y as default};
 //# sourceMappingURL=bowelbabe.js.map

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

@@ -1,2 +1,2 @@
-var e={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},r={assetPath:"https://rcl.assets.cancerresearchuk.org/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/cruk-160.png",footerCopyText:"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).",footerLogoAlt:"Registered with Fundraising Regulator",footerLogoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png"},a={s:"35px",m:"50px",l:"60px",xl:"90px",path:"".concat(r.assetPath,"images/avatar/cruk/")},t={borderRadius:"4px",borderRadiusLarge:"4px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none",horizontalPadding:"2em"},o={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},n={darkBlue_100:"#edeaf5",darkBlue_200:"#dad2ea",darkBlue_300:"#a896cf",darkBlue_500:"#2e008b",magenta_100:"#fdeaf5",magenta_500:"#e40087",magenta_800:"#BB0071",magenta_900:"#710044",cyan_500:"#00b6ed",cyan_900:"#005870",grey_100:"#f5f5f5",grey_200:"#ededed",grey_300:"#c6c6c6",grey_500:"#9A9A9A",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},g={primary:n.darkBlue_500,secondary:n.magenta_500,tertiary:n.cyan_500,textOnPrimary:n.white,textOnSecondary:n.white,textOnTertiary:n.white,disabled:n.grey_300,danger:n.red,warning:n.yellow,success:n.green,info:n.cyan_500,textError:n.red,linkColor:n.darkBlue_500,linkColorHover:n.magenta_800,textDark:n.grey_900,textLight:n.white,linkColorSecondary:n.magenta_500,linkColorSecondaryHover:n.magenta_800,progressBar:n.darkBlue_500,progressBarSecondary:n.magenta_500,progressBarBackground:n.grey_200,circularProgress:n.cyan_500,circularProgressSecondary:n.magenta_500,circularProgressBackground:n.grey_300,buttonPrimaryBackground:n.magenta_500,buttonPrimaryText:n.white,buttonPrimaryBorder:n.magenta_500,buttonPrimaryBackgroundHover:n.magenta_800,buttonPrimaryTextHover:n.white,buttonPrimaryBorderHover:n.magenta_800,buttonPrimaryDisabledBackground:n.grey_100,buttonPrimaryDisabledText:n.grey_500,buttonPrimaryDisabledBorder:n.grey_100,buttonSecondaryBackground:n.white,buttonSecondaryText:n.magenta_500,buttonSecondaryBorder:n.magenta_500,buttonSecondaryBackgroundHover:n.magenta_100,buttonSecondaryTextHover:n.magenta_800,buttonSecondaryBorderHover:n.magenta_800,buttonSecondaryDisabledBackground:n.grey_100,buttonSecondaryDisabledText:n.grey_500,buttonSecondaryDisabledBorder:n.grey_100,buttonTertiaryText:n.magenta_500,buttonTertiaryTextHover:n.magenta_800,buttonTertiaryDisabledText:n.grey_500,collapseHeaderColor:n.magenta_500,selectionBorder:n.grey_500,textInputBorder:n.grey_900,inputBorder:n.grey_900,headerBackground:n.white,backgroundLight:n.white,backgroundLightColor:n.darkBlue_200,backgroundMid:n.grey_100,loaderColor1:n.darkBlue_500,loaderColor2:n.magenta_500,loaderColor3:n.cyan_500,paginationText:n.darkBlue_500,paginationActive:n.grey_300,paginationBackground:n.darkBlue_500,footerBackground:n.grey_200,headerBorder:n.grey_300,stepBorder:n.grey_300,stepBackground:n.white,popoverBackground:n.white,textInputExtraInfo:n.grey_200,totaliserBubbleColor:n.grey_200,totaliserBubbleTextColor:n.grey_900,totaliserBubbleTotalColor:n.darkBlue_500,selectBackground:n.grey_900,modalBackdrop:n.grey_900,userBlockExtraText:n.grey_800},i={none:"0",auto:"auto",xxs:"0.5rem",xs:"1rem",s:"1.5rem",m:"2rem",l:"2.5rem",xl:"3rem",xxl:"3.5rem"},s={xs:"0.75rem",s:"0.875rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},d={customFonts:[{family:"MuseoSans-500",urlWoff:"".concat(r.assetPath,"fonts/MuseoSansRounded-500.woff"),urlWoff2:"".concat(r.assetPath,"fonts/MuseoSansRounded-500.woff2")}],fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyHeadings:"MuseoSans-500,Calibri,Arial,sans-serif",fontSizeBase:"16px",fontWeightHeavy:"700",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightLight:"300",fontWeightVLight:"100",linkTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},l={name:"cruk",avatar:a,breakpoint:o,button:t,tokenColors:n,colors:g,spacing:i,fontSizes:s,siteConfig:r,typography:d,utilities:e};export{a as AVATAR,o as BREAKPOINT,t as BUTTON,g as COLORS,s as FONT_SIZES,r as SITE_CONFIG,i as SPACING,n as TOKEN_COLORS,d as TYPOGRAPHY,e as UTILITIES,l as default};
+var e={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},r={assetPath:"https://rcl.assets.cancerresearchuk.org/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/cruk-160.png",footerCopyText:"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).",footerLogoAlt:"Registered with Fundraising Regulator",footerLogoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png"},a={s:"35px",m:"50px",l:"60px",xl:"90px",path:"".concat(r.assetPath,"images/avatar/cruk/")},t={borderRadius:"4px",borderRadiusLarge:"4px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none",horizontalPadding:"2em"},o={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},n={darkBlue_100:"#edeaf5",darkBlue_200:"#dad2ea",darkBlue_300:"#a896cf",darkBlue_500:"#2e008b",magenta_100:"#fdeaf5",magenta_500:"#e40087",magenta_800:"#BB0071",magenta_900:"#710044",cyan_500:"#00b6ed",cyan_900:"#005870",grey_100:"#f5f5f5",grey_200:"#ededed",grey_300:"#c6c6c6",grey_500:"#9A9A9A",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},g={primary:n.darkBlue_500,secondary:n.magenta_500,tertiary:n.cyan_500,textOnPrimary:n.white,textOnSecondary:n.white,textOnTertiary:n.white,disabled:n.grey_300,danger:n.red,warning:n.yellow,success:n.green,info:n.cyan_500,textError:n.red,linkColor:n.darkBlue_500,linkColorHover:n.magenta_800,textDark:n.grey_900,textLight:n.white,linkColorSecondary:n.magenta_500,linkColorSecondaryHover:n.magenta_800,progressBar:n.darkBlue_500,progressBarSecondary:n.magenta_500,progressBarBackground:n.grey_200,circularProgress:n.cyan_500,circularProgressSecondary:n.magenta_500,circularProgressBackground:n.grey_300,buttonPrimaryBackground:n.magenta_500,buttonPrimaryText:n.white,buttonPrimaryBorder:n.magenta_500,buttonPrimaryBackgroundHover:n.magenta_800,buttonPrimaryTextHover:n.white,buttonPrimaryBorderHover:n.magenta_800,buttonPrimaryDisabledBackground:n.grey_100,buttonPrimaryDisabledText:n.grey_500,buttonPrimaryDisabledBorder:n.grey_100,buttonSecondaryBackground:n.white,buttonSecondaryText:n.magenta_500,buttonSecondaryBorder:n.magenta_500,buttonSecondaryBackgroundHover:n.magenta_100,buttonSecondaryTextHover:n.magenta_800,buttonSecondaryBorderHover:n.magenta_800,buttonSecondaryDisabledBackground:n.grey_100,buttonSecondaryDisabledText:n.grey_500,buttonSecondaryDisabledBorder:n.grey_100,buttonTertiaryText:n.magenta_500,buttonTertiaryTextHover:n.magenta_800,buttonTertiaryDisabledText:n.grey_500,collapseHeaderColor:n.magenta_500,selectionBorder:n.grey_500,textInputBorder:n.grey_900,inputBorder:n.grey_900,headerBackground:n.white,backgroundLight:n.white,backgroundLightColor:n.darkBlue_200,backgroundMid:n.grey_100,loaderColor1:n.darkBlue_500,loaderColor2:n.magenta_500,loaderColor3:n.cyan_500,paginationText:n.darkBlue_500,paginationActive:n.grey_300,paginationBackground:n.darkBlue_500,footerBackground:n.grey_200,headerBorder:n.grey_300,stepBorder:n.grey_300,stepBackground:n.white,popoverBackground:n.white,textInputExtraInfo:n.grey_200,totaliserBubbleColor:n.grey_200,totaliserBubbleTextColor:n.grey_900,totaliserBubbleTotalColor:n.darkBlue_500,selectBackground:n.grey_900,modalBackdrop:n.grey_900,userBlockExtraText:n.grey_800},s={none:"0",auto:"auto",xxs:"0.5rem",xs:"1rem",s:"1.5rem",m:"2rem",l:"2.5rem",xl:"3rem",xxl:"3.5rem"},i={xs:"0.75rem",s:"0.875rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},d={customFonts:[{family:"MuseoSans-500",urlWoff:"".concat(r.assetPath,"fonts/MuseoSansRounded-500.woff"),urlWoff2:"".concat(r.assetPath,"fonts/MuseoSansRounded-500.woff2")}],fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyHeadings:"MuseoSans-500,Calibri,Arial,sans-serif",fontSizeBase:"16px",fontWeightHeavy:"700",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightLight:"300",fontWeightVLight:"100",linkTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},l={s:"0px 0px 2px 1px ".concat(n.grey_300),m:"0px 0px 4px 1px ".concat(n.grey_300),l:"0px 0px 7px 1px ".concat(n.grey_300)},c={name:"cruk",avatar:a,breakpoint:o,button:t,tokenColors:n,colors:g,spacing:s,fontSizes:i,siteConfig:r,typography:d,shadows:l,utilities:e};export{a as AVATAR,o as BREAKPOINT,t as BUTTON,g as COLORS,i as FONT_SIZES,l as SHADOWS,r as SITE_CONFIG,s as SPACING,n as TOKEN_COLORS,d as TYPOGRAPHY,e as UTILITIES,c as default};
 //# sourceMappingURL=cruk.js.map

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

@@ -1,2 +1,2 @@
-import{__assign as r}from"../../_virtual/_tslib.js";import e from"./cruk.js";var a=r(r({},e.utilities),{useBackgroundStyleLinks:!0}),o=r(r({},e.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png",footerCopyText:"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign."}),t=r(r({},e.avatar),{path:"".concat(o.assetPath,"images/avatar/su2c/")}),n=r(r({},e.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=r({},e.breakpoint),c=r(r({},e.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),u=r(r({},e.colors),{primary:c.su2cOrange5,secondary:c.su2cOrange5,tertiary:c.su2cBlack,textOnPrimary:c.su2cBlack,progressBar:c.su2cOrange5,progressBarSecondary:c.su2cRed,circularProgress:c.su2cOrange3,circularProgressSecondary:c.su2cRed,linkColor:c.su2cOrange5,linkColorHover:c.su2cRed,linkColorSecondary:c.su2cOrange5,linkColorSecondaryHover:c.su2cRed,backgroundLightColor:c.su2cOrange2,loaderColor1:c.su2cOrange5,loaderColor2:c.su2cRed,loaderColor3:c.su2cBlack,paginationText:c.su2cBlack,paginationBackground:c.su2cBlack,totaliserBubbleColor:c.su2cBlack,totaliserBubbleTextColor:c.white,totaliserBubbleTotalColor:c.white,collapseHeaderColor:c.su2cOrange5,buttonPrimaryBackground:c.su2cOrange5,buttonPrimaryText:c.su2cBlack,buttonPrimaryBorder:c.su2cOrange5,buttonPrimaryBackgroundHover:c.su2cOrange3,buttonPrimaryTextHover:c.su2cBlack,buttonPrimaryBorderHover:c.su2cOrange3,buttonPrimaryDisabledBackground:c.grey_300,buttonPrimaryDisabledText:c.white,buttonPrimaryDisabledBorder:c.grey_300,buttonSecondaryBackground:c.white,buttonSecondaryText:c.su2cOrange5,buttonSecondaryBorder:c.su2cOrange5,buttonSecondaryBackgroundHover:c.su2cOrange1,buttonSecondaryTextHover:c.su2cOrange5,buttonSecondaryBorderHover:c.su2cOrange5,buttonSecondaryDisabledBackground:c.white,buttonSecondaryDisabledText:c.grey_300,buttonSecondaryDisabledBorder:c.grey_300,buttonTertiaryText:c.su2cOrange5,buttonTertiaryTextHover:c.su2cOrange5,buttonTertiaryDisabledText:c.grey_300}),i=r({},e.spacing),d=r({},e.fontSizes),l=r(r({},e.typography),{customFonts:[{family:"itc_avant_garde_pro_mdbold",urlWoff:"".concat(o.assetPath,"fonts/itc_-_itcavantgardepro-bold-webfont.woff")}],fontFamilyHeadings:"itc_avant_garde_pro_mdbold,Arial,sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase"}),g={name:"su2c",avatar:t,breakpoint:s,button:n,tokenColors:c,colors:u,spacing:i,fontSizes:d,siteConfig:o,typography:l,utilities:a};export{t as AVATAR,s as BREAKPOINT,n as BUTTON,u as COLORS,d as FONT_SIZES,o as SITE_CONFIG,i as SPACING,c as TOKEN_COLORS,l as TYPOGRAPHY,a as UTILITIES,g as default};
+import{__assign as r}from"../../_virtual/_tslib.js";import e from"./cruk.js";var a=r(r({},e.utilities),{useBackgroundStyleLinks:!0}),o=r(r({},e.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png",footerCopyText:"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign."}),t=r(r({},e.avatar),{path:"".concat(o.assetPath,"images/avatar/su2c/")}),n=r(r({},e.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=r({},e.breakpoint),c=r(r({},e.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),u=r(r({},e.colors),{primary:c.su2cOrange5,secondary:c.su2cOrange5,tertiary:c.su2cBlack,textOnPrimary:c.su2cBlack,progressBar:c.su2cOrange5,progressBarSecondary:c.su2cRed,circularProgress:c.su2cOrange3,circularProgressSecondary:c.su2cRed,linkColor:c.su2cOrange5,linkColorHover:c.su2cRed,linkColorSecondary:c.su2cOrange5,linkColorSecondaryHover:c.su2cRed,backgroundLightColor:c.su2cOrange2,loaderColor1:c.su2cOrange5,loaderColor2:c.su2cRed,loaderColor3:c.su2cBlack,paginationText:c.su2cBlack,paginationBackground:c.su2cBlack,totaliserBubbleColor:c.su2cBlack,totaliserBubbleTextColor:c.white,totaliserBubbleTotalColor:c.white,collapseHeaderColor:c.su2cOrange5,buttonPrimaryBackground:c.su2cOrange5,buttonPrimaryText:c.su2cBlack,buttonPrimaryBorder:c.su2cOrange5,buttonPrimaryBackgroundHover:c.su2cOrange3,buttonPrimaryTextHover:c.su2cBlack,buttonPrimaryBorderHover:c.su2cOrange3,buttonPrimaryDisabledBackground:c.grey_300,buttonPrimaryDisabledText:c.white,buttonPrimaryDisabledBorder:c.grey_300,buttonSecondaryBackground:c.white,buttonSecondaryText:c.su2cOrange5,buttonSecondaryBorder:c.su2cOrange5,buttonSecondaryBackgroundHover:c.su2cOrange1,buttonSecondaryTextHover:c.su2cOrange5,buttonSecondaryBorderHover:c.su2cOrange5,buttonSecondaryDisabledBackground:c.white,buttonSecondaryDisabledText:c.grey_300,buttonSecondaryDisabledBorder:c.grey_300,buttonTertiaryText:c.su2cOrange5,buttonTertiaryTextHover:c.su2cOrange5,buttonTertiaryDisabledText:c.grey_300}),i=r({},e.spacing),d=r({},e.shadows),l=r({},e.fontSizes),g=r(r({},e.typography),{customFonts:[{family:"itc_avant_garde_pro_mdbold",urlWoff:"".concat(o.assetPath,"fonts/itc_-_itcavantgardepro-bold-webfont.woff")}],fontFamilyHeadings:"itc_avant_garde_pro_mdbold,Arial,sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase"}),y={name:"su2c",avatar:t,breakpoint:s,button:n,tokenColors:c,colors:u,spacing:i,fontSizes:l,siteConfig:o,typography:g,shadows:d,utilities:a};export{t as AVATAR,s as BREAKPOINT,n as BUTTON,u as COLORS,l as FONT_SIZES,d as SHADOWS,o as SITE_CONFIG,i as SPACING,c as TOKEN_COLORS,g as TYPOGRAPHY,a as UTILITIES,y as default};
 //# sourceMappingURL=su2c.js.map

package/lib/themes/bowelbabe.d.ts

@@ -1,4 +1,4 @@
-import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType } from "../types";
+import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType, ShadowsType } from "../types";
 export declare const UTILITIES: UtilitiesType;
 export declare const SITE_CONFIG: SiteConfigType;
 export declare const AVATAR: AvatarType;
@@ -7,6 +7,7 @@ export declare const BREAKPOINT: BreakPointType;
 export declare const TOKEN_COLORS: TokenColorsType;
 export declare const COLORS: ColorsType;
 export declare const SPACING: SpacingType;
+export declare const SHADOWS: ShadowsType;
 export declare const FONT_SIZES: FontSizesType;
 export declare const TYPOGRAPHY: TypographyType;
 declare const theme: ThemeType;

package/lib/themes/cruk.d.ts

@@ -1,4 +1,4 @@
-import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType } from "../types";
+import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, ShadowsType, TypographyType, ThemeType } from "../types";
 export declare const UTILITIES: UtilitiesType;
 export declare const SITE_CONFIG: SiteConfigType;
 export declare const AVATAR: AvatarType;
@@ -9,5 +9,6 @@ export declare const COLORS: ColorsType;
 export declare const SPACING: SpacingType;
 export declare const FONT_SIZES: FontSizesType;
 export declare const TYPOGRAPHY: TypographyType;
+export declare const SHADOWS: ShadowsType;
 declare const theme: ThemeType;
 export default theme;

package/lib/themes/su2c.d.ts

@@ -1,4 +1,4 @@
-import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType } from "../types";
+import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType, ShadowsType } from "../types";
 export declare const UTILITIES: UtilitiesType;
 export declare const SITE_CONFIG: SiteConfigType;
 export declare const AVATAR: AvatarType;
@@ -7,6 +7,7 @@ export declare const BREAKPOINT: BreakPointType;
 export declare const TOKEN_COLORS: TokenColorsType;
 export declare const COLORS: ColorsType;
 export declare const SPACING: SpacingType;
+export declare const SHADOWS: ShadowsType;
 export declare const FONT_SIZES: FontSizesType;
 export declare const TYPOGRAPHY: TypographyType;
 declare const theme: ThemeType;

package/lib/types.d.ts

@@ -150,6 +150,11 @@ export type TypographyType = {
     headerLineHeight: string;
     headerTextTransform: string;
 };
+export type ShadowsType = {
+    s: string;
+    m: string;
+    l: string;
+};
 export type ThemeType = {
     name: string;
     avatar: AvatarType;
@@ -161,6 +166,7 @@ export type ThemeType = {
     fontSizes: FontSizesType;
     siteConfig: SiteConfigType;
     typography: TypographyType;
+    shadows: ShadowsType;
     utilities: UtilitiesType;
 };
 export type AddressDataType = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/cruk-react-components",
-  "version": "3.1.1",
+  "version": "3.3.0",
   "description": "React components implementing CRUK, SU2C & Bowelbabe designs",
   "license": "UNLICENSED",
   "publishConfig": {
@@ -65,7 +65,7 @@
     "@mdx-js/react": "^2.2.1",
     "@reach/router": "^1.3.4",
     "@react-theming/storybook-addon": "^1.1.6",
-    "@rollup/plugin-babel": "^5.0.0",
+    "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@simonsmith/cypress-image-snapshot": "^5.0.4",
@@ -80,7 +80,7 @@
     "@storybook/builder-webpack5": "^7.0.22",
     "@storybook/react": "^7.0.22",
     "@storybook/react-webpack5": "^7.0.22",
-    "@storybook/testing-library": "^0.0.14-next.2",
+    "@storybook/testing-library": "^0.2.0",
     "@types/assert": "^1.5.1",
     "@types/cypress-image-snapshot": "^3.1.6",
     "@types/jest": "^29.1.2",

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

@@ -1,15 +0,0 @@
-import { StoryObj } from "@storybook/react";
-import Icon, { IconProps } from ".";
-declare const _default: {
-    title: string;
-    component: ({ name, color, size, ...rest }: IconProps) => JSX.Element;
-    args: {
-        name: string;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof Icon>;
-export declare const IconDefault: Story;
-export declare const IconSU2C: Story;
-export declare const IconBowelbabe: Story;

package/lib/components/Icon/Icon.test.cypress.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,268 +0,0 @@
-export declare const ICONS: {
-    calendar: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    check: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    checkCircle: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    chevronLeft: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    chevronRight: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    chevronRightBold: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    cog: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    copy: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    clock: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    close: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    comment: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    delete: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    edit: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    envelope: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    envelopeSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    eventName: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    facebook: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    facebookRound: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    facebookSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    flag: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    heartbeat: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    link: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    linkedin: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    linkedinSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    mapMarker: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    messengerSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    move: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    moveDown: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    moveLeft: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    moveRight: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    moveUp: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    poundSign: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    question: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    rotateLeft: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    rotateRight: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    search: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    selectImage: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    settings: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    share: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    shareSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    steps: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    sync: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    team: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    twitter: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    twitterSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    uploadPhoto: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    userLock: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    view: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    walk: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    whatsapp: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    whatsappSquare: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    zoomIn: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-    zoomOut: {
-        paths: string[];
-        width: string;
-        height: string;
-    };
-};
-export default ICONS;

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

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { ICONS } from "./iconList";
-export declare const ICON_NAMES: {
-    [key: string]: string;
-};
-export type IconProps = {
-    /** name defines the visible icon */
-    name: keyof typeof ICONS;
-    /** color of icon, inherits current text colour by default */
-    color?: string;
-    /** size of ion 1.1em by default */
-    size?: string;
-};
-/**
- * The Icon component displays an icon glyph as an `<svg>` element.
- *
- * System icons are designed to be simple, modern, friendly, and sometimes quirky.
- * Each icon is reduced to its minimal form, expressing essential characteristics.
- *
- * This component has been deprecated in favour of IconFa which is more tree-shakable
- * */
-declare const Icon: ({ name, color, size, ...rest }: IconProps) => JSX.Element;
-export default Icon;