@cruk/cruk-react-components 1.4.0 → 1.5.0

package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/getActiveElement.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=function(t){var o;if(void 0===t&&(t=document),t&&t.activeElement){var n=t.activeElement;return n.shadowRoot?e(n.shadowRoot):n instanceof HTMLIFrameElement&&(null===(o=n.contentWindow)||void 0===o?void 0:o.document)?e(n.contentWindow.document):n}};exports.getActiveElement=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./safe.js"),t=function(n){if(void 0===n&&(n=document),n&&n.activeElement){var o=n.activeElement;return o.shadowRoot?t(o.shadowRoot):o instanceof HTMLIFrameElement&&e.safeProbe((function(){return o.contentWindow.document}))?t(o.contentWindow.document):o}};exports.getActiveElement=t;
 //# sourceMappingURL=getActiveElement.js.map

package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/getActiveElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"getActiveElement.js","sources":["../../../../../../../node_modules/focus-lock/dist/es2015/utils/getActiveElement.js"],"sourcesContent":["/**\n * returns active element from document or from nested shadowdoms\n */\nexport var getActiveElement = function (inDocument) {\n    var _a;\n    if (inDocument === void 0) { inDocument = document; }\n    if (!inDocument || !inDocument.activeElement) {\n        return undefined;\n    }\n    var activeElement = inDocument.activeElement;\n    return (activeElement.shadowRoot\n        ? getActiveElement(activeElement.shadowRoot)\n        : activeElement instanceof HTMLIFrameElement && ((_a = activeElement.contentWindow) === null || _a === void 0 ? void 0 : _a.document)\n            ? getActiveElement(activeElement.contentWindow.document)\n            : activeElement);\n};\n"],"names":["getActiveElement","inDocument","_a","document","activeElement","shadowRoot","HTMLIFrameElement","contentWindow"],"mappings":"oEAGU,IAACA,EAAmB,SAAUC,GACpC,IAAIC,EAEJ,QADmB,IAAfD,IAAyBA,EAAaE,UACrCF,GAAeA,EAAWG,cAA/B,CAGA,IAAIA,EAAgBH,EAAWG,cAC/B,OAAQA,EAAcC,WAChBL,EAAiBI,EAAcC,YAC/BD,aAAyBE,oBAA6D,QAAtCJ,EAAKE,EAAcG,qBAAkC,IAAPL,OAAgB,EAASA,EAAGC,UACtHH,EAAiBI,EAAcG,cAAcJ,UAC7CC,CANT,CAOL"}
+{"version":3,"file":"getActiveElement.js","sources":["../../../../../../../node_modules/focus-lock/dist/es2015/utils/getActiveElement.js"],"sourcesContent":["/**\n * returns active element from document or from nested shadowdoms\n */\nimport { safeProbe } from './safe';\nexport var getActiveElement = function (inDocument) {\n    if (inDocument === void 0) { inDocument = document; }\n    if (!inDocument || !inDocument.activeElement) {\n        return undefined;\n    }\n    var activeElement = inDocument.activeElement;\n    return (activeElement.shadowRoot\n        ? getActiveElement(activeElement.shadowRoot)\n        : activeElement instanceof HTMLIFrameElement && safeProbe(function () { return activeElement.contentWindow.document; })\n            ? getActiveElement(activeElement.contentWindow.document)\n            : activeElement);\n};\n"],"names":["getActiveElement","inDocument","document","activeElement","shadowRoot","HTMLIFrameElement","safeProbe","contentWindow"],"mappings":"+FAIWA,EAAmB,SAAUC,GAEpC,QADmB,IAAfA,IAAyBA,EAAaC,UACrCD,GAAeA,EAAWE,cAA/B,CAGA,IAAIA,EAAgBF,EAAWE,cAC/B,OAAQA,EAAcC,WAChBJ,EAAiBG,EAAcC,YAC/BD,aAAyBE,mBAAqBC,EAAAA,WAAU,WAAc,OAAOH,EAAcI,cAAcL,YACrGF,EAAiBG,EAAcI,cAAcL,UAC7CC,CANT,CAOL"}

package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/safe.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.safeProbe=function(e){try{return e()}catch(e){return}};
+//# sourceMappingURL=safe.js.map

package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/safe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe.js","sources":["../../../../../../../node_modules/focus-lock/dist/es2015/utils/safe.js"],"sourcesContent":["export var safeProbe = function (cb) {\n    try {\n        return cb();\n    }\n    catch (e) {\n        return undefined;\n    }\n};\n"],"names":["cb","e"],"mappings":"sFAAuB,SAAUA,GAC7B,IACI,OAAOA,GAIV,CAFD,MAAOC,GACH,MACH,CACL"}

package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/tabUtils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants.js"),t=require("./array.js"),r=require("./tabbables.js").tabbables.join(","),n="".concat(r,", [data-focus-guard]"),o=function(e,c){var u;return t.toArray((null===(u=e.shadowRoot)||void 0===u?void 0:u.children)||e.children).reduce((function(e,t){return e.concat(t.matches(c?n:r)?[t]:[],o(t))}),[])},c=function(e,n){return e.reduce((function(e,u){var a,i=o(u,n),s=(a=[]).concat.apply(a,i.map((function(e){return function(e,t){return e instanceof HTMLIFrameElement&&e.contentDocument?c([e.contentDocument.body],t):[e]}(e,n)})));return e.concat(s,u.parentNode?t.toArray(u.parentNode.querySelectorAll(r)).filter((function(e){return e===u})):[])}),[])};exports.getFocusables=c,exports.getParentAutofocusables=function(r){var n=r.querySelectorAll("[".concat(e.FOCUS_AUTO,"]"));return t.toArray(n).map((function(e){return c([e])})).reduce((function(e,t){return e.concat(t)}),[])};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../constants.js"),t=require("./array.js"),r=require("./tabbables.js").tabbables.join(","),n="".concat(r,", [data-focus-guard]"),o=function(e,c){return t.toArray((e.shadowRoot||e).children).reduce((function(e,t){return e.concat(t.matches(c?n:r)?[t]:[],o(t))}),[])},c=function(e,n){return e.reduce((function(e,u){var a,i=o(u,n),s=(a=[]).concat.apply(a,i.map((function(e){return function(e,t){var r;return e instanceof HTMLIFrameElement&&(null===(r=e.contentDocument)||void 0===r?void 0:r.body)?c([e.contentDocument.body],t):[e]}(e,n)})));return e.concat(s,u.parentNode?t.toArray(u.parentNode.querySelectorAll(r)).filter((function(e){return e===u})):[])}),[])};exports.getFocusables=c,exports.getParentAutofocusables=function(r){var n=r.querySelectorAll("[".concat(e.FOCUS_AUTO,"]"));return t.toArray(n).map((function(e){return c([e])})).reduce((function(e,t){return e.concat(t)}),[])};
 //# sourceMappingURL=tabUtils.js.map

package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/tabUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabUtils.js","sources":["../../../../../../../node_modules/focus-lock/dist/es2015/utils/tabUtils.js"],"sourcesContent":["import { FOCUS_AUTO } from '../constants';\nimport { toArray } from './array';\nimport { tabbables } from './tabbables';\nvar queryTabbables = tabbables.join(',');\nvar queryGuardTabbables = \"\".concat(queryTabbables, \", [data-focus-guard]\");\nvar getFocusablesWithShadowDom = function (parent, withGuards) {\n    var _a;\n    return toArray(((_a = parent.shadowRoot) === null || _a === void 0 ? void 0 : _a.children) || parent.children).reduce(function (acc, child) {\n        return acc.concat(child.matches(withGuards ? queryGuardTabbables : queryTabbables) ? [child] : [], getFocusablesWithShadowDom(child));\n    }, []);\n};\nvar getFocusablesWithIFrame = function (parent, withGuards) {\n    if (parent instanceof HTMLIFrameElement && parent.contentDocument) {\n        return getFocusables([parent.contentDocument.body], withGuards);\n    }\n    return [parent];\n};\nexport var getFocusables = function (parents, withGuards) {\n    return parents.reduce(function (acc, parent) {\n        var _a;\n        var focusableWithShadowDom = getFocusablesWithShadowDom(parent, withGuards);\n        var focusableWithIframes = (_a = []).concat.apply(_a, focusableWithShadowDom.map(function (node) { return getFocusablesWithIFrame(node, withGuards); }));\n        return acc.concat(\n        // add all tabbables inside and within shadow DOMs in DOM order\n        focusableWithIframes, \n        // add if node is tabbable itself\n        parent.parentNode\n            ? toArray(parent.parentNode.querySelectorAll(queryTabbables)).filter(function (node) { return node === parent; })\n            : []);\n    }, []);\n};\n/**\n * return a list of focusable nodes within an area marked as \"auto-focusable\"\n * @param parent\n */\nexport var getParentAutofocusables = function (parent) {\n    var parentFocus = parent.querySelectorAll(\"[\".concat(FOCUS_AUTO, \"]\"));\n    return toArray(parentFocus)\n        .map(function (node) { return getFocusables([node]); })\n        .reduce(function (acc, nodes) { return acc.concat(nodes); }, []);\n};\n"],"names":["queryTabbables","tabbables","join","queryGuardTabbables","concat","getFocusablesWithShadowDom","parent","withGuards","_a","toArray","shadowRoot","children","reduce","acc","child","matches","getFocusables","parents","focusableWithShadowDom","focusableWithIframes","apply","map","node","HTMLIFrameElement","contentDocument","body","getFocusablesWithIFrame","parentNode","querySelectorAll","filter","parentFocus","FOCUS_AUTO","nodes"],"mappings":"6HAGIA,4BAA0BC,UAACC,KAAK,KAChCC,EAAsB,GAAGC,OAAOJ,EAAgB,wBAChDK,EAA6B,SAAUC,EAAQC,GAC/C,IAAIC,EACJ,OAAOC,EAAOA,SAA+B,QAA5BD,EAAKF,EAAOI,kBAA+B,IAAPF,OAAgB,EAASA,EAAGG,WAAaL,EAAOK,UAAUC,QAAO,SAAUC,EAAKC,GACjI,OAAOD,EAAIT,OAAOU,EAAMC,QAAQR,EAAaJ,EAAsBH,GAAkB,CAACc,GAAS,GAAIT,EAA2BS,GACjI,GAAE,GACP,EAOWE,EAAgB,SAAUC,EAASV,GAC1C,OAAOU,EAAQL,QAAO,SAAUC,EAAKP,GACjC,IAAIE,EACAU,EAAyBb,EAA2BC,EAAQC,GAC5DY,GAAwBX,EAAK,IAAIJ,OAAOgB,MAAMZ,EAAIU,EAAuBG,KAAI,SAAUC,GAAQ,OAV7E,SAAUhB,EAAQC,GAC5C,OAAID,aAAkBiB,mBAAqBjB,EAAOkB,gBACvCR,EAAc,CAACV,EAAOkB,gBAAgBC,MAAOlB,GAEjD,CAACD,EACZ,CAKkHoB,CAAwBJ,EAAMf,EAAc,KACtJ,OAAOM,EAAIT,OAEXe,EAEAb,EAAOqB,WACDlB,EAAAA,QAAQH,EAAOqB,WAAWC,iBAAiB5B,IAAiB6B,QAAO,SAAUP,GAAQ,OAAOA,IAAShB,CAAO,IAC5G,GACT,GAAE,GACP,0DAKqC,SAAUA,GAC3C,IAAIwB,EAAcxB,EAAOsB,iBAAiB,IAAIxB,OAAO2B,EAAUA,WAAE,MACjE,OAAOtB,EAAAA,QAAQqB,GACVT,KAAI,SAAUC,GAAQ,OAAON,EAAc,CAACM,OAC5CV,QAAO,SAAUC,EAAKmB,GAAS,OAAOnB,EAAIT,OAAO4B,KAAW,GACrE"}
+{"version":3,"file":"tabUtils.js","sources":["../../../../../../../node_modules/focus-lock/dist/es2015/utils/tabUtils.js"],"sourcesContent":["import { FOCUS_AUTO } from '../constants';\nimport { toArray } from './array';\nimport { tabbables } from './tabbables';\nvar queryTabbables = tabbables.join(',');\nvar queryGuardTabbables = \"\".concat(queryTabbables, \", [data-focus-guard]\");\nvar getFocusablesWithShadowDom = function (parent, withGuards) {\n    return toArray((parent.shadowRoot || parent).children).reduce(function (acc, child) {\n        return acc.concat(child.matches(withGuards ? queryGuardTabbables : queryTabbables) ? [child] : [], getFocusablesWithShadowDom(child));\n    }, []);\n};\nvar getFocusablesWithIFrame = function (parent, withGuards) {\n    var _a;\n    // contentDocument of iframe will be null if current origin cannot access it\n    if (parent instanceof HTMLIFrameElement && ((_a = parent.contentDocument) === null || _a === void 0 ? void 0 : _a.body)) {\n        return getFocusables([parent.contentDocument.body], withGuards);\n    }\n    return [parent];\n};\nexport var getFocusables = function (parents, withGuards) {\n    return parents.reduce(function (acc, parent) {\n        var _a;\n        var focusableWithShadowDom = getFocusablesWithShadowDom(parent, withGuards);\n        var focusableWithIframes = (_a = []).concat.apply(_a, focusableWithShadowDom.map(function (node) { return getFocusablesWithIFrame(node, withGuards); }));\n        return acc.concat(\n        // add all tabbables inside and within shadow DOMs in DOM order\n        focusableWithIframes, \n        // add if node is tabbable itself\n        parent.parentNode\n            ? toArray(parent.parentNode.querySelectorAll(queryTabbables)).filter(function (node) { return node === parent; })\n            : []);\n    }, []);\n};\n/**\n * return a list of focusable nodes within an area marked as \"auto-focusable\"\n * @param parent\n */\nexport var getParentAutofocusables = function (parent) {\n    var parentFocus = parent.querySelectorAll(\"[\".concat(FOCUS_AUTO, \"]\"));\n    return toArray(parentFocus)\n        .map(function (node) { return getFocusables([node]); })\n        .reduce(function (acc, nodes) { return acc.concat(nodes); }, []);\n};\n"],"names":["queryTabbables","tabbables","join","queryGuardTabbables","concat","getFocusablesWithShadowDom","parent","withGuards","toArray","shadowRoot","children","reduce","acc","child","matches","getFocusables","parents","_a","focusableWithShadowDom","focusableWithIframes","apply","map","node","HTMLIFrameElement","contentDocument","body","getFocusablesWithIFrame","parentNode","querySelectorAll","filter","parentFocus","FOCUS_AUTO","nodes"],"mappings":"6HAGIA,4BAA0BC,UAACC,KAAK,KAChCC,EAAsB,GAAGC,OAAOJ,EAAgB,wBAChDK,EAA6B,SAAUC,EAAQC,GAC/C,OAAOC,EAAOA,SAAEF,EAAOG,YAAcH,GAAQI,UAAUC,QAAO,SAAUC,EAAKC,GACzE,OAAOD,EAAIR,OAAOS,EAAMC,QAAQP,EAAaJ,EAAsBH,GAAkB,CAACa,GAAS,GAAIR,EAA2BQ,GACjI,GAAE,GACP,EASWE,EAAgB,SAAUC,EAAST,GAC1C,OAAOS,EAAQL,QAAO,SAAUC,EAAKN,GACjC,IAAIW,EACAC,EAAyBb,EAA2BC,EAAQC,GAC5DY,GAAwBF,EAAK,IAAIb,OAAOgB,MAAMH,EAAIC,EAAuBG,KAAI,SAAUC,GAAQ,OAZ7E,SAAUhB,EAAQC,GAC5C,IAAIU,EAEJ,OAAIX,aAAkBiB,oBAAwD,QAAjCN,EAAKX,EAAOkB,uBAAoC,IAAPP,OAAgB,EAASA,EAAGQ,MACvGV,EAAc,CAACT,EAAOkB,gBAAgBC,MAAOlB,GAEjD,CAACD,EACZ,CAKkHoB,CAAwBJ,EAAMf,EAAc,KACtJ,OAAOK,EAAIR,OAEXe,EAEAb,EAAOqB,WACDnB,EAAAA,QAAQF,EAAOqB,WAAWC,iBAAiB5B,IAAiB6B,QAAO,SAAUP,GAAQ,OAAOA,IAAShB,CAAO,IAC5G,GACT,GAAE,GACP,0DAKqC,SAAUA,GAC3C,IAAIwB,EAAcxB,EAAOsB,iBAAiB,IAAIxB,OAAO2B,EAAUA,WAAE,MACjE,OAAOvB,EAAAA,QAAQsB,GACVT,KAAI,SAAUC,GAAQ,OAAOP,EAAc,CAACO,OAC5CX,QAAO,SAAUC,EAAKoB,GAAS,OAAOpB,EAAIR,OAAO4B,KAAW,GACrE"}

package/lib/cjs/node_modules/react-intersection-observer/react-intersection-observer.modern.mjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-intersection-observer.modern.mjs.js","sources":["../../../../node_modules/react-intersection-observer/react-intersection-observer.modern.mjs"],"sourcesContent":["import * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nconst observerMap = new Map();\nconst RootIds = new WeakMap();\nlet rootId = 0;\nlet unsupportedValue = undefined;\n/**\r\n * What should be the default behavior if the IntersectionObserver is unsupported?\r\n * Ideally the polyfill has been loaded, you can have the following happen:\r\n * - `undefined`: Throw an error\r\n * - `true` or `false`: Set the `inView` value to this regardless of intersection state\r\n * **/\n\nfunction defaultFallbackInView(inView) {\n  unsupportedValue = inView;\n}\n/**\r\n * Generate a unique ID for the root element\r\n * @param root\r\n */\n\nfunction getRootId(root) {\n  if (!root) return '0';\n  if (RootIds.has(root)) return RootIds.get(root);\n  rootId += 1;\n  RootIds.set(root, rootId.toString());\n  return RootIds.get(root);\n}\n/**\r\n * Convert the options to a string Id, based on the values.\r\n * Ensures we can reuse the same observer when observing elements with the same options.\r\n * @param options\r\n */\n\n\nfunction optionsToId(options) {\n  return Object.keys(options).sort().filter(key => options[key] !== undefined).map(key => {\n    return `${key}_${key === 'root' ? getRootId(options.root) : options[key]}`;\n  }).toString();\n}\n\nfunction createObserver(options) {\n  // Create a unique ID for this observer instance, based on the root, root margin and threshold.\n  let id = optionsToId(options);\n  let instance = observerMap.get(id);\n\n  if (!instance) {\n    // Create a map of elements this observer is going to observe. Each element has a list of callbacks that should be triggered, once it comes into view.\n    const elements = new Map();\n    let thresholds;\n    const observer = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        var _elements$get;\n\n        // While it would be nice if you could just look at isIntersecting to determine if the component is inside the viewport, browsers can't agree on how to use it.\n        // -Firefox ignores `threshold` when considering `isIntersecting`, so it will never be false again if `threshold` is > 0\n        const inView = entry.isIntersecting && thresholds.some(threshold => entry.intersectionRatio >= threshold); // @ts-ignore support IntersectionObserver v2\n\n        if (options.trackVisibility && typeof entry.isVisible === 'undefined') {\n          // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.\n          // @ts-ignore\n          entry.isVisible = inView;\n        }\n\n        (_elements$get = elements.get(entry.target)) == null ? void 0 : _elements$get.forEach(callback => {\n          callback(inView, entry);\n        });\n      });\n    }, options); // Ensure we have a valid thresholds array. If not, use the threshold from the options\n\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\n  return instance;\n}\n/**\r\n * @param element - DOM Element to observe\r\n * @param callback - Callback function to trigger when intersection status changes\r\n * @param options - Intersection Observer options\r\n * @param fallbackInView - Fallback inView value.\r\n * @return Function - Cleanup function that should be triggered to unregister the observer\r\n */\n\n\nfunction observe(element, callback, options = {}, fallbackInView = unsupportedValue) {\n  if (typeof window.IntersectionObserver === 'undefined' && fallbackInView !== undefined) {\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 () => {// Nothing to cleanup\n    };\n  } // An observer with the same options can be reused, so lets use this fact\n\n\n  const {\n    id,\n    observer,\n    elements\n  } = createObserver(options); // Register the callback listener for this element\n\n  let callbacks = elements.get(element) || [];\n\n  if (!elements.has(element)) {\n    elements.set(element, callbacks);\n  }\n\n  callbacks.push(callback);\n  observer.observe(element);\n  return function unobserve() {\n    // Remove the callback from the callback list\n    callbacks.splice(callbacks.indexOf(callback), 1);\n\n    if (callbacks.length === 0) {\n      // No more callback exists for element, so destroy it\n      elements.delete(element);\n      observer.unobserve(element);\n    }\n\n    if (elements.size === 0) {\n      // No more elements are being observer by this instance, so destroy it\n      observer.disconnect();\n      observerMap.delete(id);\n    }\n  };\n}\n\nconst _excluded = [\"children\", \"as\", \"triggerOnce\", \"threshold\", \"root\", \"rootMargin\", \"onChange\", \"skip\", \"trackVisibility\", \"delay\", \"initialInView\", \"fallbackInView\"];\n\nfunction isPlainChildren(props) {\n  return typeof props.children !== 'function';\n}\n/**\r\n ## Render props\r\n\n To use the `<InView>` component, you pass it a function. It will be called\r\n whenever the state changes, with the new value of `inView`. In addition to the\r\n `inView` prop, children also receive a `ref` that should be set on the\r\n containing DOM element. This is the element that the IntersectionObserver will\r\n monitor.\r\n\n If you need it, you can also access the\r\n [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)\r\n on `entry`, giving you access to all the details about the current intersection\r\n state.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n <InView>\r\n {({ inView, ref, entry }) => (\r\n      <div ref={ref}>\r\n        <h2>{`Header inside viewport ${inView}.`}</h2>\r\n      </div>\r\n    )}\r\n </InView>\r\n );\r\n\n export default Component;\r\n ```\r\n\n ## Plain children\r\n\n You can pass any element to the `<InView />`, and it will handle creating the\r\n wrapping DOM element. Add a handler to the `onChange` method, and control the\r\n state in your own component. Any extra props you add to `<InView>` will be\r\n passed to the HTML element, allowing you set the `className`, `style`, etc.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n <InView as=\"div\" onChange={(inView, entry) => console.log('Inview:', inView)}>\r\n <h2>Plain children are always rendered. Use onChange to monitor state.</h2>\r\n </InView>\r\n );\r\n\n export default Component;\r\n ```\r\n */\n\n\nclass InView extends React.Component {\n  constructor(props) {\n    super(props);\n    this.node = null;\n    this._unobserveCb = null;\n\n    this.handleNode = node => {\n      if (this.node) {\n        // Clear the old observer, before we start observing a new element\n        this.unobserve();\n\n        if (!node && !this.props.triggerOnce && !this.props.skip) {\n          // Reset the state if we get a new node, and we aren't ignoring updates\n          this.setState({\n            inView: !!this.props.initialInView,\n            entry: undefined\n          });\n        }\n      }\n\n      this.node = node ? node : null;\n      this.observeNode();\n    };\n\n    this.handleChange = (inView, entry) => {\n      if (inView && this.props.triggerOnce) {\n        // If `triggerOnce` is true, we should stop observing the element.\n        this.unobserve();\n      }\n\n      if (!isPlainChildren(this.props)) {\n        // Store the current State, so we can pass it to the children in the next render update\n        // There's no reason to update the state for plain children, since it's not used in the rendering.\n        this.setState({\n          inView,\n          entry\n        });\n      }\n\n      if (this.props.onChange) {\n        // If the user is actively listening for onChange, always trigger it\n        this.props.onChange(inView, entry);\n      }\n    };\n\n    this.state = {\n      inView: !!props.initialInView,\n      entry: undefined\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    // If a IntersectionObserver option changed, reinit the observer\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\n  componentWillUnmount() {\n    this.unobserve();\n    this.node = null;\n  }\n\n  observeNode() {\n    if (!this.node || this.props.skip) return;\n    const {\n      threshold,\n      root,\n      rootMargin,\n      trackVisibility,\n      delay,\n      fallbackInView\n    } = this.props;\n    this._unobserveCb = observe(this.node, this.handleChange, {\n      threshold,\n      root,\n      rootMargin,\n      // @ts-ignore\n      trackVisibility,\n      // @ts-ignore\n      delay\n    }, fallbackInView);\n  }\n\n  unobserve() {\n    if (this._unobserveCb) {\n      this._unobserveCb();\n\n      this._unobserveCb = null;\n    }\n  }\n\n  render() {\n    if (!isPlainChildren(this.props)) {\n      const {\n        inView,\n        entry\n      } = this.state;\n      return this.props.children({\n        inView,\n        entry,\n        ref: this.handleNode\n      });\n    }\n\n    const _this$props = this.props,\n          {\n      children,\n      as\n    } = _this$props,\n          props = _objectWithoutPropertiesLoose(_this$props, _excluded);\n\n    return React.createElement(as || 'div', _extends({\n      ref: this.handleNode\n    }, props), children);\n  }\n\n}\n\n/**\r\n * React Hooks make it easy to monitor the `inView` state of your components. Call\r\n * the `useInView` hook with the (optional) [options](#options) you need. It will\r\n * return an array containing a `ref`, the `inView` status and the current\r\n * [`entry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry).\r\n * Assign the `ref` to the DOM element you want to monitor, and the hook will\r\n * report the status.\r\n *\r\n * @example\r\n * ```jsx\r\n * import React from 'react';\r\n * import { useInView } from 'react-intersection-observer';\r\n *\r\n * const Component = () => {\r\n *   const { ref, inView, entry } = useInView({\r\n *       threshold: 0,\r\n *   });\r\n *\r\n *   return (\r\n *     <div ref={ref}>\r\n *       <h2>{`Header inside viewport ${inView}.`}</h2>\r\n *     </div>\r\n *   );\r\n * };\r\n * ```\r\n */\n\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 _state$entry;\n\n  const [ref, setRef] = React.useState(null);\n  const callback = React.useRef();\n  const [state, setState] = React.useState({\n    inView: !!initialInView,\n    entry: undefined\n  }); // Store the onChange callback in a `ref`, so we can access the latest instance\n  // inside the `useEffect`, but without triggering a rerender.\n\n  callback.current = onChange;\n  React.useEffect(() => {\n    // Ensure we have node ref, and that we shouldn't skip observing\n    if (skip || !ref) return;\n    let unobserve;\n    unobserve = observe(ref, (inView, entry) => {\n      setState({\n        inView,\n        entry\n      });\n      if (callback.current) callback.current(inView, entry);\n\n      if (entry.isIntersecting && triggerOnce && unobserve) {\n        // If it should only trigger once, unobserve the element after it's inView\n        unobserve();\n        unobserve = undefined;\n      }\n    }, {\n      root,\n      rootMargin,\n      threshold,\n      // @ts-ignore\n      trackVisibility,\n      // @ts-ignore\n      delay\n    }, fallbackInView);\n    return () => {\n      if (unobserve) {\n        unobserve();\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  [// 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, ref, root, rootMargin, triggerOnce, skip, trackVisibility, fallbackInView, delay]);\n  const entryTarget = (_state$entry = state.entry) == null ? void 0 : _state$entry.target;\n  React.useEffect(() => {\n    if (!ref && entryTarget && !triggerOnce && !skip) {\n      // If we don't have a node ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n      // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n      setState({\n        inView: !!initialInView,\n        entry: undefined\n      });\n    }\n  }, [ref, entryTarget, triggerOnce, skip, initialInView]);\n  const result = [setRef, state.inView, state.entry]; // Support object destructuring, by adding the specific values.\n\n  result.ref = result[0];\n  result.inView = result[1];\n  result.entry = result[2];\n  return result;\n}\n\nexport { InView, defaultFallbackInView, observe, useInView };\n//# sourceMappingURL=react-intersection-observer.modern.mjs.map\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","observerMap","Map","RootIds","WeakMap","unsupportedValue","rootId","optionsToId","options","keys","sort","filter","undefined","map","root","has","set","toString","get","observe","element","callback","fallbackInView","window","IntersectionObserver","bounds","getBoundingClientRect","isIntersecting","intersectionRatio","threshold","time","boundingClientRect","intersectionRect","rootBounds","id","observer","elements","instance","thresholds","entries","forEach","entry","_elements$get","inView","some","trackVisibility","isVisible","Array","isArray","createObserver","callbacks","push","splice","indexOf","delete","unobserve","size","disconnect","_excluded","isPlainChildren","props","children","InView","React","Component","constructor","super","node","_unobserveCb","handleNode","triggerOnce","skip","setState","initialInView","observeNode","handleChange","onChange","state","componentDidUpdate","prevProps","rootMargin","delay","componentWillUnmount","render","ref","_this$props","as","excluded","sourceKeys","_objectWithoutPropertiesLoose","createElement"],"mappings":"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"}
+{"version":3,"file":"react-intersection-observer.modern.mjs.js","sources":["../../../../node_modules/react-intersection-observer/react-intersection-observer.modern.mjs"],"sourcesContent":["import * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nconst observerMap = new Map();\nconst RootIds = new WeakMap();\nlet rootId = 0;\nlet unsupportedValue = undefined;\n/**\r\n * What should be the default behavior if the IntersectionObserver is unsupported?\r\n * Ideally the polyfill has been loaded, you can have the following happen:\r\n * - `undefined`: Throw an error\r\n * - `true` or `false`: Set the `inView` value to this regardless of intersection state\r\n * **/\n\nfunction defaultFallbackInView(inView) {\n  unsupportedValue = inView;\n}\n/**\r\n * Generate a unique ID for the root element\r\n * @param root\r\n */\n\nfunction getRootId(root) {\n  if (!root) return '0';\n  if (RootIds.has(root)) return RootIds.get(root);\n  rootId += 1;\n  RootIds.set(root, rootId.toString());\n  return RootIds.get(root);\n}\n/**\r\n * Convert the options to a string Id, based on the values.\r\n * Ensures we can reuse the same observer when observing elements with the same options.\r\n * @param options\r\n */\n\n\nfunction optionsToId(options) {\n  return Object.keys(options).sort().filter(key => options[key] !== undefined).map(key => {\n    return `${key}_${key === 'root' ? getRootId(options.root) : options[key]}`;\n  }).toString();\n}\n\nfunction createObserver(options) {\n  // Create a unique ID for this observer instance, based on the root, root margin and threshold.\n  let id = optionsToId(options);\n  let instance = observerMap.get(id);\n\n  if (!instance) {\n    // Create a map of elements this observer is going to observe. Each element has a list of callbacks that should be triggered, once it comes into view.\n    const elements = new Map();\n    let thresholds;\n    const observer = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        var _elements$get;\n\n        // While it would be nice if you could just look at isIntersecting to determine if the component is inside the viewport, browsers can't agree on how to use it.\n        // -Firefox ignores `threshold` when considering `isIntersecting`, so it will never be false again if `threshold` is > 0\n        const inView = entry.isIntersecting && thresholds.some(threshold => entry.intersectionRatio >= threshold); // @ts-ignore support IntersectionObserver v2\n\n        if (options.trackVisibility && typeof entry.isVisible === 'undefined') {\n          // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.\n          // @ts-ignore\n          entry.isVisible = inView;\n        }\n\n        (_elements$get = elements.get(entry.target)) == null ? void 0 : _elements$get.forEach(callback => {\n          callback(inView, entry);\n        });\n      });\n    }, options); // Ensure we have a valid thresholds array. If not, use the threshold from the options\n\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\n  return instance;\n}\n/**\r\n * @param element - DOM Element to observe\r\n * @param callback - Callback function to trigger when intersection status changes\r\n * @param options - Intersection Observer options\r\n * @param fallbackInView - Fallback inView value.\r\n * @return Function - Cleanup function that should be triggered to unregister the observer\r\n */\n\n\nfunction observe(element, callback, options = {}, fallbackInView = unsupportedValue) {\n  if (typeof window.IntersectionObserver === 'undefined' && fallbackInView !== undefined) {\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 () => {// Nothing to cleanup\n    };\n  } // An observer with the same options can be reused, so lets use this fact\n\n\n  const {\n    id,\n    observer,\n    elements\n  } = createObserver(options); // Register the callback listener for this element\n\n  let callbacks = elements.get(element) || [];\n\n  if (!elements.has(element)) {\n    elements.set(element, callbacks);\n  }\n\n  callbacks.push(callback);\n  observer.observe(element);\n  return function unobserve() {\n    // Remove the callback from the callback list\n    callbacks.splice(callbacks.indexOf(callback), 1);\n\n    if (callbacks.length === 0) {\n      // No more callback exists for element, so destroy it\n      elements.delete(element);\n      observer.unobserve(element);\n    }\n\n    if (elements.size === 0) {\n      // No more elements are being observer by this instance, so destroy it\n      observer.disconnect();\n      observerMap.delete(id);\n    }\n  };\n}\n\nconst _excluded = [\"children\", \"as\", \"triggerOnce\", \"threshold\", \"root\", \"rootMargin\", \"onChange\", \"skip\", \"trackVisibility\", \"delay\", \"initialInView\", \"fallbackInView\"];\n\nfunction isPlainChildren(props) {\n  return typeof props.children !== 'function';\n}\n/**\r\n ## Render props\r\n\n To use the `<InView>` component, you pass it a function. It will be called\r\n whenever the state changes, with the new value of `inView`. In addition to the\r\n `inView` prop, children also receive a `ref` that should be set on the\r\n containing DOM element. This is the element that the IntersectionObserver will\r\n monitor.\r\n\n If you need it, you can also access the\r\n [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)\r\n on `entry`, giving you access to all the details about the current intersection\r\n state.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n <InView>\r\n {({ inView, ref, entry }) => (\r\n      <div ref={ref}>\r\n        <h2>{`Header inside viewport ${inView}.`}</h2>\r\n      </div>\r\n    )}\r\n </InView>\r\n );\r\n\n export default Component;\r\n ```\r\n\n ## Plain children\r\n\n You can pass any element to the `<InView />`, and it will handle creating the\r\n wrapping DOM element. Add a handler to the `onChange` method, and control the\r\n state in your own component. Any extra props you add to `<InView>` will be\r\n passed to the HTML element, allowing you set the `className`, `style`, etc.\r\n\n ```jsx\r\n import { InView } from 'react-intersection-observer';\r\n\n const Component = () => (\r\n <InView as=\"div\" onChange={(inView, entry) => console.log('Inview:', inView)}>\r\n <h2>Plain children are always rendered. Use onChange to monitor state.</h2>\r\n </InView>\r\n );\r\n\n export default Component;\r\n ```\r\n */\n\n\nclass InView extends React.Component {\n  constructor(props) {\n    super(props);\n    this.node = null;\n    this._unobserveCb = null;\n\n    this.handleNode = node => {\n      if (this.node) {\n        // Clear the old observer, before we start observing a new element\n        this.unobserve();\n\n        if (!node && !this.props.triggerOnce && !this.props.skip) {\n          // Reset the state if we get a new node, and we aren't ignoring updates\n          this.setState({\n            inView: !!this.props.initialInView,\n            entry: undefined\n          });\n        }\n      }\n\n      this.node = node ? node : null;\n      this.observeNode();\n    };\n\n    this.handleChange = (inView, entry) => {\n      if (inView && this.props.triggerOnce) {\n        // If `triggerOnce` is true, we should stop observing the element.\n        this.unobserve();\n      }\n\n      if (!isPlainChildren(this.props)) {\n        // Store the current State, so we can pass it to the children in the next render update\n        // There's no reason to update the state for plain children, since it's not used in the rendering.\n        this.setState({\n          inView,\n          entry\n        });\n      }\n\n      if (this.props.onChange) {\n        // If the user is actively listening for onChange, always trigger it\n        this.props.onChange(inView, entry);\n      }\n    };\n\n    this.state = {\n      inView: !!props.initialInView,\n      entry: undefined\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    // If a IntersectionObserver option changed, reinit the observer\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\n  componentWillUnmount() {\n    this.unobserve();\n    this.node = null;\n  }\n\n  observeNode() {\n    if (!this.node || this.props.skip) return;\n    const {\n      threshold,\n      root,\n      rootMargin,\n      trackVisibility,\n      delay,\n      fallbackInView\n    } = this.props;\n    this._unobserveCb = observe(this.node, this.handleChange, {\n      threshold,\n      root,\n      rootMargin,\n      // @ts-ignore\n      trackVisibility,\n      // @ts-ignore\n      delay\n    }, fallbackInView);\n  }\n\n  unobserve() {\n    if (this._unobserveCb) {\n      this._unobserveCb();\n\n      this._unobserveCb = null;\n    }\n  }\n\n  render() {\n    if (!isPlainChildren(this.props)) {\n      const {\n        inView,\n        entry\n      } = this.state;\n      return this.props.children({\n        inView,\n        entry,\n        ref: this.handleNode\n      });\n    }\n\n    const _this$props = this.props,\n          {\n      children,\n      as\n    } = _this$props,\n          props = _objectWithoutPropertiesLoose(_this$props, _excluded);\n\n    return React.createElement(as || 'div', _extends({\n      ref: this.handleNode\n    }, props), children);\n  }\n\n}\n\n/**\r\n * React Hooks make it easy to monitor the `inView` state of your components. Call\r\n * the `useInView` hook with the (optional) [options](#options) you need. It will\r\n * return an array containing a `ref`, the `inView` status and the current\r\n * [`entry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry).\r\n * Assign the `ref` to the DOM element you want to monitor, and the hook will\r\n * report the status.\r\n *\r\n * @example\r\n * ```jsx\r\n * import React from 'react';\r\n * import { useInView } from 'react-intersection-observer';\r\n *\r\n * const Component = () => {\r\n *   const { ref, inView, entry } = useInView({\r\n *       threshold: 0,\r\n *   });\r\n *\r\n *   return (\r\n *     <div ref={ref}>\r\n *       <h2>{`Header inside viewport ${inView}.`}</h2>\r\n *     </div>\r\n *   );\r\n * };\r\n * ```\r\n */\n\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 _state$entry;\n\n  const [ref, setRef] = React.useState(null);\n  const callback = React.useRef();\n  const [state, setState] = React.useState({\n    inView: !!initialInView,\n    entry: undefined\n  }); // Store the onChange callback in a `ref`, so we can access the latest instance\n  // inside the `useEffect`, but without triggering a rerender.\n\n  callback.current = onChange;\n  React.useEffect(() => {\n    // Ensure we have node ref, and that we shouldn't skip observing\n    if (skip || !ref) return;\n    let unobserve;\n    unobserve = observe(ref, (inView, entry) => {\n      setState({\n        inView,\n        entry\n      });\n      if (callback.current) callback.current(inView, entry);\n\n      if (entry.isIntersecting && triggerOnce && unobserve) {\n        // If it should only trigger once, unobserve the element after it's inView\n        unobserve();\n        unobserve = undefined;\n      }\n    }, {\n      root,\n      rootMargin,\n      threshold,\n      // @ts-ignore\n      trackVisibility,\n      // @ts-ignore\n      delay\n    }, fallbackInView);\n    return () => {\n      if (unobserve) {\n        unobserve();\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  [// 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, ref, root, rootMargin, triggerOnce, skip, trackVisibility, fallbackInView, delay]);\n  const entryTarget = (_state$entry = state.entry) == null ? void 0 : _state$entry.target;\n  const previousEntryTarget = React.useRef();\n\n  if (!ref && entryTarget && !triggerOnce && !skip && previousEntryTarget.current !== entryTarget) {\n    // If we don't have a node ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n    // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n    previousEntryTarget.current = entryTarget;\n    setState({\n      inView: !!initialInView,\n      entry: undefined\n    });\n  }\n\n  const result = [setRef, state.inView, state.entry]; // Support object destructuring, by adding the specific values.\n\n  result.ref = result[0];\n  result.inView = result[1];\n  result.entry = result[2];\n  return result;\n}\n\nexport { InView, defaultFallbackInView, observe, useInView };\n//# sourceMappingURL=react-intersection-observer.modern.mjs.map\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","observerMap","Map","RootIds","WeakMap","unsupportedValue","rootId","optionsToId","options","keys","sort","filter","undefined","map","root","has","set","toString","get","observe","element","callback","fallbackInView","window","IntersectionObserver","bounds","getBoundingClientRect","isIntersecting","intersectionRatio","threshold","time","boundingClientRect","intersectionRect","rootBounds","id","observer","elements","instance","thresholds","entries","forEach","entry","_elements$get","inView","some","trackVisibility","isVisible","Array","isArray","createObserver","callbacks","push","splice","indexOf","delete","unobserve","size","disconnect","_excluded","isPlainChildren","props","children","InView","React","Component","constructor","super","node","_unobserveCb","handleNode","triggerOnce","skip","setState","initialInView","observeNode","handleChange","onChange","state","componentDidUpdate","prevProps","rootMargin","delay","componentWillUnmount","render","ref","_this$props","as","excluded","sourceKeys","_objectWithoutPropertiesLoose","createElement"],"mappings":"6XAEA,SAASA,IAeP,OAdAA,EAAWC,OAAOC,QAAU,SAAUC,GACpC,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAASF,UAAUD,GAEvB,IAAK,IAAII,KAAOD,EACVN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAC/CL,EAAOK,GAAOD,EAAOC,GAG1B,CAED,OAAOL,CACX,EAESH,EAASY,MAAMC,KAAMR,UAC9B,CAiBA,MAAMS,EAAc,IAAIC,IAClBC,EAAU,IAAIC,QACpB,IACIC,EADAC,EAAS,EA+Bb,SAASC,EAAYC,GACnB,OAAOpB,OAAOqB,KAAKD,GAASE,OAAOC,QAAOhB,QAAwBiB,IAAjBJ,EAAQb,KAAoBkB,KAAIlB,IAC/E,MAAO,GAAGA,KAAe,SAARA,GAhBFmB,EAgB6BN,EAAQM,KAfjDA,GACDX,EAAQY,IAAID,KAChBR,GAAU,EACVH,EAAQa,IAAIF,EAAMR,EAAOW,aAFKd,EAAQe,IAAIJ,IADxB,KAe4CN,EAAQb,KAhBxE,IAAmBmB,CAgB2D,IACzEG,UACL,CAmDA,SAASE,EAAQC,EAASC,EAAUb,EAAU,CAAE,EAAEc,EAAiBjB,GACjE,QAA2C,IAAhCkB,OAAOC,2BAA2DZ,IAAnBU,EAA8B,CACtF,MAAMG,EAASL,EAAQM,wBAUvB,OATAL,EAASC,EAAgB,CACvBK,eAAgBL,EAChBhC,OAAQ8B,EACRQ,kBAAgD,iBAAtBpB,EAAQqB,UAAyBrB,EAAQqB,UAAY,EAC/EC,KAAM,EACNC,mBAAoBN,EACpBO,iBAAkBP,EAClBQ,WAAYR,IAEP,MAER,CAGD,MAAMS,GACJA,EAAEC,SACFA,EAAQC,SACRA,GArEJ,SAAwB5B,GAEtB,IAAI0B,EAAK3B,EAAYC,GACjB6B,EAAWpC,EAAYiB,IAAIgB,GAE/B,IAAKG,EAAU,CAEb,MAAMD,EAAW,IAAIlC,IACrB,IAAIoC,EACJ,MAAMH,EAAW,IAAIX,sBAAqBe,IACxCA,EAAQC,SAAQC,IACd,IAAIC,EAIJ,MAAMC,EAASF,EAAMd,gBAAkBW,EAAWM,MAAKf,GAAaY,EAAMb,mBAAqBC,IAE3FrB,EAAQqC,sBAA8C,IAApBJ,EAAMK,YAG1CL,EAAMK,UAAYH,GAG4B,OAA/CD,EAAgBN,EAASlB,IAAIuB,EAAMnD,UAA4BoD,EAAcF,SAAQnB,IACpFA,EAASsB,EAAQF,EAAM,GACvB,GACF,GACDjC,GAEH8B,EAAaH,EAASG,aAAeS,MAAMC,QAAQxC,EAAQqB,WAAarB,EAAQqB,UAAY,CAACrB,EAAQqB,WAAa,IAClHQ,EAAW,CACTH,KACAC,WACAC,YAEFnC,EAAYe,IAAIkB,EAAIG,EACrB,CAED,OAAOA,CACT,CA+BMY,CAAezC,GAEnB,IAAI0C,EAAYd,EAASlB,IAAIE,IAAY,GAQzC,OANKgB,EAASrB,IAAIK,IAChBgB,EAASpB,IAAII,EAAS8B,GAGxBA,EAAUC,KAAK9B,GACfc,EAAShB,QAAQC,GACV,WAEL8B,EAAUE,OAAOF,EAAUG,QAAQhC,GAAW,GAErB,IAArB6B,EAAUzD,SAEZ2C,EAASkB,OAAOlC,GAChBe,EAASoB,UAAUnC,IAGC,IAAlBgB,EAASoB,OAEXrB,EAASsB,aACTxD,EAAYqD,OAAOpB,GAEzB,CACA,CAEA,MAAMwB,EAAY,CAAC,WAAY,KAAM,cAAe,YAAa,OAAQ,aAAc,WAAY,OAAQ,kBAAmB,QAAS,gBAAiB,kBAExJ,SAASC,EAAgBC,GACvB,MAAiC,mBAAnBA,EAAMC,QACtB,CAoDA,MAAMC,UAAeC,EAAMC,UACzBC,YAAYL,GACVM,MAAMN,GACN5D,KAAKmE,KAAO,KACZnE,KAAKoE,aAAe,KAEpBpE,KAAKqE,WAAaF,IACZnE,KAAKmE,OAEPnE,KAAKuD,YAEAY,GAASnE,KAAK4D,MAAMU,aAAgBtE,KAAK4D,MAAMW,MAElDvE,KAAKwE,SAAS,CACZ7B,SAAU3C,KAAK4D,MAAMa,cACrBhC,WAAO7B,KAKbZ,KAAKmE,KAAOA,GAAc,KAC1BnE,KAAK0E,aAAa,EAGpB1E,KAAK2E,aAAe,CAAChC,EAAQF,KACvBE,GAAU3C,KAAK4D,MAAMU,aAEvBtE,KAAKuD,YAGFI,EAAgB3D,KAAK4D,QAGxB5D,KAAKwE,SAAS,CACZ7B,SACAF,UAIAzC,KAAK4D,MAAMgB,UAEb5E,KAAK4D,MAAMgB,SAASjC,EAAQF,EAC7B,EAGHzC,KAAK6E,MAAQ,CACXlC,SAAUiB,EAAMa,cAChBhC,WAAO7B,EAEV,CAEDkE,mBAAmBC,GAEbA,EAAUC,aAAehF,KAAK4D,MAAMoB,YAAcD,EAAUjE,OAASd,KAAK4D,MAAM9C,MAAQiE,EAAUlD,YAAc7B,KAAK4D,MAAM/B,WAAakD,EAAUR,OAASvE,KAAK4D,MAAMW,MAAQQ,EAAUlC,kBAAoB7C,KAAK4D,MAAMf,iBAAmBkC,EAAUE,QAAUjF,KAAK4D,MAAMqB,QAC3QjF,KAAKuD,YACLvD,KAAK0E,cAER,CAEDQ,uBACElF,KAAKuD,YACLvD,KAAKmE,KAAO,IACb,CAEDO,cACE,IAAK1E,KAAKmE,MAAQnE,KAAK4D,MAAMW,KAAM,OACnC,MAAM1C,UACJA,EAASf,KACTA,EAAIkE,WACJA,EAAUnC,gBACVA,EAAeoC,MACfA,EAAK3D,eACLA,GACEtB,KAAK4D,MACT5D,KAAKoE,aAAejD,EAAQnB,KAAKmE,KAAMnE,KAAK2E,aAAc,CACxD9C,YACAf,OACAkE,aAEAnC,kBAEAoC,SACC3D,EACJ,CAEDiC,YACMvD,KAAKoE,eACPpE,KAAKoE,eAELpE,KAAKoE,aAAe,KAEvB,CAEDe,SACE,IAAKxB,EAAgB3D,KAAK4D,OAAQ,CAChC,MAAMjB,OACJA,EAAMF,MACNA,GACEzC,KAAK6E,MACT,OAAO7E,KAAK4D,MAAMC,SAAS,CACzBlB,SACAF,QACA2C,IAAKpF,KAAKqE,YAEb,CAED,MAAMgB,EAAcrF,KAAK4D,OACnBC,SACJA,EAAQyB,GACRA,GACED,EACEzB,EA/TV,SAAuClE,EAAQ6F,GAC7C,GAAc,MAAV7F,EAAgB,MAAO,GAC3B,IAEIC,EAAKJ,EAFLD,EAAS,CAAA,EACTkG,EAAapG,OAAOqB,KAAKf,GAG7B,IAAKH,EAAI,EAAGA,EAAIiG,EAAW/F,OAAQF,IACjCI,EAAM6F,EAAWjG,GACbgG,EAASlC,QAAQ1D,IAAQ,IAC7BL,EAAOK,GAAOD,EAAOC,IAGvB,OAAOL,CACT,CAkTkBmG,CAA8BJ,EAAa3B,GAEzD,OAAOK,EAAM2B,cAAcJ,GAAM,MAAOnG,EAAS,CAC/CiG,IAAKpF,KAAKqE,YACTT,GAAQC,EACZ"}

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="3rem",m="4rem",h=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})),p=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"])),b,(function(n){var o=n.theme;return n.isIconButton?"0":"calc( (".concat(b," - ( ").concat(o.button.buttonBorderThickness," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.m)}),(function(n){return n.isIconButton?"".concat(b):"auto"}),(function(n){return n.isIconButton?"".concat(b):"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    "])),m,(function(n){return n.theme.button.borderRadiusLarge}),(function(n){var o=n.theme;return n.isIconButton?"0":"calc( (".concat(m," - ( ").concat(o.button.buttonBorderThickness," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.m)}),(function(n){return n.isIconButton?"".concat(m):"auto"}),(function(n){return n.isIconButton?"".concat(m):"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=h,exports.StyledButton=p;
+"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,u,s=r(o),b="3rem",m="4rem",h=s.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})),p=s.default.button(u||(u=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"])),b,(function(n){var o=n.theme;return n.isIconButton?"0":"calc( (".concat(b," - ( ").concat(o.button.buttonBorderThickness," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.button.horizontalPadding)}),(function(n){return n.isIconButton?"".concat(b):"auto"}),(function(n){return n.isIconButton?"".concat(b):"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    "])),m,(function(n){return n.theme.button.borderRadiusLarge}),(function(n){var o=n.theme;return n.isIconButton?"0":"calc( (".concat(m," - ( ").concat(o.button.buttonBorderThickness," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.m)}),(function(n){return n.isIconButton?"".concat(m):"auto"}),(function(n){return n.isIconButton?"".concat(m):"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=h,exports.StyledButton=p;
 //# sourceMappingURL=styles.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components"),t=require("../Button/index.js"),o=require("../IconFa/index.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,a,s,l,u=i(e),d=u.default(o.default)(r||(r=n.__makeTemplateObject(["\n  transform: ",";\n  transition-duration: ","s;\n"],["\n  transform: ",";\n  transition-duration: ","s;\n"])),(function(n){return n.open?"translateY(0.1em) scaleY(-1)":"initial"}),.5),f=u.default(t.Button)(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  color: ",";\n  font-size: ",";\n  font-family: ",";\n  font-weight: normal;\n  margin-bottom: 0;\n  height: initial;\n  text-decoration: none;\n  text-align: left;\n  border-radius: 0;\n  :hover,\n  :focus {\n    color: ",";\n  }\n"],["\n  display: flex;\n  color: ",";\n  font-size: ",";\n  font-family: ",";\n  font-weight: normal;\n  margin-bottom: 0;\n  height: initial;\n  text-decoration: none;\n  text-align: left;\n  border-radius: 0;\n  :hover,\n  :focus {\n    color: ",";\n  }\n"])),(function(n){var e=n.theme.colors,t=n.textColor;return t&&void 0!==e[t]?e[t]:t||e.secondary}),(function(n){var e=n.theme,t=e.fontSizes,o=e.fontSizes.m,i=n.textSize;return i?t[i]:o}),(function(n){var e=n.theme;return n.textFontFamily||e.typography.fontFamilyBase}),(function(n){var e=n.theme.colors,t=n.textColor;return t&&void 0!==e[t]?e[t]:t||e.secondary})),c=u.default.div(s||(s=n.__makeTemplateObject(["\n  margin: 0;\n  transition: ","s ease;\n  height: ",";\n  visibility: ",";\n  overflow: hidden;\n  & > p {\n    margin-top: 0;\n  }\n"],["\n  margin: 0;\n  transition: ","s ease;\n  height: ",";\n  visibility: ",";\n  overflow: hidden;\n  & > p {\n    margin-top: 0;\n  }\n"])),.5,(function(n){return n.contentHeight}),(function(n){return n.openStatus?"visible":"hidden"})),m=u.default.div(l||(l=n.__makeTemplateObject(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));exports.CollapseContent=c,exports.CustomHeader=m,exports.DefaultHeader=f,exports.FlippingIcon=d,exports.transitionDurationSeconds=.5;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components"),t=require("../Button/index.js"),o=require("../IconFa/index.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var i,a,l,s,u=r(e),d=u.default(o.default)(i||(i=n.__makeTemplateObject(["\n  transform: ",";\n  transition-duration: ","s;\n"],["\n  transform: ",";\n  transition-duration: ","s;\n"])),(function(n){return n.open?"translateY(0.1em) scaleY(-1)":"initial"}),.5),f=u.default(t.Button)(a||(a=n.__makeTemplateObject(["\n  display: flex;\n  color: ",";\n  font-size: ",";\n  font-family: ",";\n  font-weight: normal;\n  margin-bottom: 0;\n  height: initial;\n  text-decoration: none;\n  text-align: left;\n  border-radius: 0;\n  :hover,\n  :focus {\n    color: ",";\n  }\n"],["\n  display: flex;\n  color: ",";\n  font-size: ",";\n  font-family: ",";\n  font-weight: normal;\n  margin-bottom: 0;\n  height: initial;\n  text-decoration: none;\n  text-align: left;\n  border-radius: 0;\n  :hover,\n  :focus {\n    color: ",";\n  }\n"])),(function(n){var e=n.theme.colors,t=n.textColor;return t&&void 0!==e[t]?e[t]:t||e.collapseHeaderColor}),(function(n){var e=n.theme,t=e.fontSizes,o=e.fontSizes.m,r=n.textSize;return r?t[r]:o}),(function(n){var e=n.theme;return n.textFontFamily||e.typography.fontFamilyBase}),(function(n){var e=n.theme.colors,t=n.textColor;return t&&void 0!==e[t]?e[t]:t||e.collapseHeaderColor})),c=u.default.div(l||(l=n.__makeTemplateObject(["\n  margin: 0;\n  transition: ","s ease;\n  height: ",";\n  visibility: ",";\n  overflow: hidden;\n  & > p {\n    margin-top: 0;\n  }\n"],["\n  margin: 0;\n  transition: ","s ease;\n  height: ",";\n  visibility: ",";\n  overflow: hidden;\n  & > p {\n    margin-top: 0;\n  }\n"])),.5,(function(n){return n.contentHeight}),(function(n){return n.openStatus?"visible":"hidden"})),m=u.default.div(s||(s=n.__makeTemplateObject(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));exports.CollapseContent=c,exports.CustomHeader=m,exports.DefaultHeader=f,exports.FlippingIcon=d,exports.transitionDurationSeconds=.5;
 //# sourceMappingURL=styles.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),n=require("styled-components"),r=require("../Text/index.js"),o=require("../IconFa/index.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,i,c,u=t(n),s=u.default(o.default)(a||(a=e.__makeTemplateObject(["\n  margin-right: ",";\n  stroke: currentColor;\n  stroke-width: 70;\n"],["\n  margin-right: ",";\n  stroke: currentColor;\n  stroke-width: 70;\n"])),(function(e){return e.theme.spacing.xxs})),l=u.default(r.Text)(c||(c=e.__makeTemplateObject(["\n  transition: color 0.2s ease, background-size 0.3s ease;\n  overflow-wrap: break-word;\n  background-color: rgba(255, 255, 255, 0);\n  border: none;\n  padding: 0;\n  color: ",";\n  text-decoration: ",";\n  font-weight: ",";\n  background: ",";\n  background-repeat: no-repeat;\n  background-position-y: calc(100%);\n  background-size: 100% 2px;\n\n  ","\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-size: 100% 100%;\n    color: ",";\n  }\n"],["\n  transition: color 0.2s ease, background-size 0.3s ease;\n  overflow-wrap: break-word;\n  background-color: rgba(255, 255, 255, 0);\n  border: none;\n  padding: 0;\n  color: ",";\n  text-decoration: ",";\n  font-weight: ",";\n  background: ",";\n  background-repeat: no-repeat;\n  background-position-y: calc(100%);\n  background-size: 100% 2px;\n\n  ","\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-size: 100% 100%;\n    color: ",";\n  }\n"])),(function(e){var n=e.theme,r=n.colors,o=n.utilities.useBackgroundStyleLinks,t=e.textColor,a=e.appearance;return t&&void 0!==r[t]?r[t]:t||(!a&&o?"currentColor":a&&"primary"===a?r.secondary:r.linkColor)}),(function(e){var n=e.appearance,r=e.theme.typography.linkTextDecoration;return"primary"===n||"secondary"===n?"none":r}),(function(e){var n=e.theme;return n.utilities.useBackgroundStyleLinks?n.typography.fontWeightHeavy:n.typography.fontWeightNormal}),(function(e){var n=e.appearance,r=e.theme;return e.theme.utilities.useBackgroundStyleLinks&&!n?"linear-gradient(180deg, rgba(255, 255, 255, 0) 0px, ".concat(r.colors.primary," -4px);"):void 0}),(function(r){var o=r.appearance,t=r.theme.typography.fontWeightHeavy;return("primary"===o||"secondary"===o)&&n.css(i||(i=e.__makeTemplateObject(["\n      font-weight: ",";\n    "],["\n      font-weight: ",";\n    "])),t)}),(function(e){var n=e.theme,r=n.colors,o=n.utilities.useBackgroundStyleLinks,t=e.textHoverColor;return!t&&o?r.textDark:t&&void 0!==r[t]?r[t]:t||r.linkColorHover}));exports.ChevyWithLevee=s,exports.StyledLink=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),n=require("styled-components"),r=require("../Text/index.js"),o=require("../IconFa/index.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,i,c,u=t(n),s=u.default(o.default)(a||(a=e.__makeTemplateObject(["\n  margin-right: ",";\n  stroke: currentColor;\n  stroke-width: 70;\n"],["\n  margin-right: ",";\n  stroke: currentColor;\n  stroke-width: 70;\n"])),(function(e){return e.theme.spacing.xxs})),l=u.default(r.Text)(c||(c=e.__makeTemplateObject(["\n  transition: color 0.2s ease, background-size 0.3s ease;\n  overflow-wrap: break-word;\n  background-color: rgba(255, 255, 255, 0);\n  border: none;\n  padding: 0;\n  color: ",";\n  text-decoration: ",";\n  font-weight: ",";\n  background: ",";\n  background-repeat: no-repeat;\n  background-position-y: calc(100%);\n  background-size: 100% 2px;\n\n  ","\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-size: 100% 100%;\n    color: ",";\n  }\n"],["\n  transition: color 0.2s ease, background-size 0.3s ease;\n  overflow-wrap: break-word;\n  background-color: rgba(255, 255, 255, 0);\n  border: none;\n  padding: 0;\n  color: ",";\n  text-decoration: ",";\n  font-weight: ",";\n  background: ",";\n  background-repeat: no-repeat;\n  background-position-y: calc(100%);\n  background-size: 100% 2px;\n\n  ","\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-size: 100% 100%;\n    color: ",";\n  }\n"])),(function(e){var n=e.theme,r=n.colors,o=n.utilities.useBackgroundStyleLinks,t=e.textColor,a=e.appearance;return t&&void 0!==r[t]?r[t]:t||(!a&&o?"currentColor":a&&"primary"===a?r.linkColorSecondary:r.linkColor)}),(function(e){var n=e.appearance,r=e.theme.typography.linkTextDecoration;return"primary"===n||"secondary"===n?"none":r}),(function(e){var n=e.theme;return n.utilities.useBackgroundStyleLinks?n.typography.fontWeightHeavy:n.typography.fontWeightNormal}),(function(e){var n=e.appearance,r=e.theme;return e.theme.utilities.useBackgroundStyleLinks&&!n?"linear-gradient(180deg, rgba(255, 255, 255, 0) 0px, ".concat(r.colors.primary," -4px);"):void 0}),(function(r){var o=r.appearance,t=r.theme.typography.fontWeightHeavy;return("primary"===o||"secondary"===o)&&n.css(i||(i=e.__makeTemplateObject(["\n      font-weight: ",";\n    "],["\n      font-weight: ",";\n    "])),t)}),(function(e){var n=e.theme,r=n.colors,o=n.utilities.useBackgroundStyleLinks,t=e.textHoverColor,a=e.appearance;return!t&&o?r.textDark:t&&void 0!==r[t]?r[t]:t?a&&"primary"===a?r.linkColorHover:r.linkColorSecondaryHover:r.linkColorHover}));exports.ChevyWithLevee=s,exports.StyledLink=l;
 //# sourceMappingURL=styles.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,r,i,a,c,d,l,s=o(e),u=s.default.div(t||(t=n.__makeTemplateObject(["\n  display: table;\n  width: 100%;\n  clear: both;\n  text-align: center;\n"],["\n  display: table;\n  width: 100%;\n  clear: both;\n  text-align: center;\n"]))),p=s.default.ul(r||(r=n.__makeTemplateObject(["\n  display: inline-block;\n  padding-left: 0;\n  margin: 20px 0;\n"],["\n  display: inline-block;\n  padding-left: 0;\n  margin: 20px 0;\n"]))),f=s.default.a(d||(d=n.__makeTemplateObject(["\n  font-weight: normal;\n  font-family: ",";\n  font-size: ",";\n  color: ",";\n  background-color: ",";\n  cursor: pointer;\n  border-radius: 0;\n  margin: ",";\n  padding: 7px 11px;\n  text-decoration: none;\n  &:hover {\n    opacity: 0.88;\n    text-decoration: underline;\n  }\n  &:focus,\n  &:active,\n  &:visited {\n    text-decoration: none;\n  }\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ","\n\n  ","\n\n  ","\n"],["\n  font-weight: normal;\n  font-family: ",";\n  font-size: ",";\n  color: ",";\n  background-color: ",";\n  cursor: pointer;\n  border-radius: 0;\n  margin: ",";\n  padding: 7px 11px;\n  text-decoration: none;\n  &:hover {\n    opacity: 0.88;\n    text-decoration: underline;\n  }\n  &:focus,\n  &:active,\n  &:visited {\n    text-decoration: none;\n  }\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ","\n\n  ","\n\n  ","\n"])),(function(n){return n.theme.typography.fontFamilyBase}),(function(n){return n.theme.fontSizes.s}),(function(n){return n.theme.colors.textLight}),(function(n){return n.theme.colors.paginationBackground}),(function(n){return n.theme.spacing.xxs}),(function(o){return o.active&&e.css(i||(i=n.__makeTemplateObject(["\n      color: ",";\n      background-color: ",";\n      cursor: default;\n      &:hover {\n        background-color: ",";\n        text-decoration: none;\n      }\n    "],["\n      color: ",";\n      background-color: ",";\n      cursor: default;\n      &:hover {\n        background-color: ",";\n        text-decoration: none;\n      }\n    "])),(function(n){return n.theme.colors.textDark}),(function(n){return n.theme.colors.paginationActive}),(function(n){return n.theme.colors.paginationActive}))}),(function(o){return("Prev"===o.name||"Next"===o.name)&&e.css(a||(a=n.__makeTemplateObject(["\n      color: ",";\n      background-color: transparent;\n      font-weight: bold;\n      padding: 8px 6px;\n      background-color: transparent;\n      &:hover {\n        background-color: transparent;\n        text-decoration: underline;\n      }\n      &:focus,\n      &:active,\n      &:visited {\n        text-decoration: none;\n      }\n    "],["\n      color: ",";\n      background-color: transparent;\n      font-weight: bold;\n      padding: 8px 6px;\n      background-color: transparent;\n      &:hover {\n        background-color: transparent;\n        text-decoration: underline;\n      }\n      &:focus,\n      &:active,\n      &:visited {\n        text-decoration: none;\n      }\n    "])),(function(n){var e=n.theme;return n.disabled?e.colors.disabled:e.colors.paginationText}))}),(function(o){return o.disabled&&e.css(c||(c=n.__makeTemplateObject(["\n      color: $ ",";\n      cursor: not-allowed;\n      pointer-events:none\n      text-decoration: none;\n      &:hover,\n      &:focus,\n      &:active,\n      &:visited {\n        color: ",";\n        text-decoration: none;\n      }\n    "],["\n      color: $ ",";\n      cursor: not-allowed;\n      pointer-events:none\n      text-decoration: none;\n      &:hover,\n      &:focus,\n      &:active,\n      &:visited {\n        color: ",";\n        text-decoration: none;\n      }\n    "])),(function(n){return n.theme.colors.disabled}),(function(n){return n.theme.colors.disabled}))})),m=s.default.li(l||(l=n.__makeTemplateObject(["\n  display: none;\n  &:first-child,\n  &:last-child {\n    display: inline;\n  }\n  @media (min-width: ",") {\n    display: inline;\n  }\n  span {\n    border: none;\n    min-width: 30px;\n    padding: 5px;\n    margin: 1px;\n    border-radius: 0;\n  }\n"],["\n  display: none;\n  &:first-child,\n  &:last-child {\n    display: inline;\n  }\n  @media (min-width: ",") {\n    display: inline;\n  }\n  span {\n    border: none;\n    min-width: 30px;\n    padding: 5px;\n    margin: 1px;\n    border-radius: 0;\n  }\n"])),(function(n){return n.theme.breakpoint.mobile}));exports.PagerItem=m,exports.PagerLink=f,exports.PagerList=p,exports.PagerWrapper=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../../../node_modules/tslib/tslib.es6.js"),e=require("styled-components");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var t,r,i,a,c,d,l,s=o(e),u=s.default.div(t||(t=n.__makeTemplateObject(["\n  display: table;\n  width: 100%;\n  clear: both;\n  text-align: center;\n"],["\n  display: table;\n  width: 100%;\n  clear: both;\n  text-align: center;\n"]))),p=s.default.ul(r||(r=n.__makeTemplateObject(["\n  display: inline-block;\n  padding-left: 0;\n  margin: 20px 0;\n"],["\n  display: inline-block;\n  padding-left: 0;\n  margin: 20px 0;\n"]))),f=s.default.a(d||(d=n.__makeTemplateObject(["\n  font-weight: normal;\n  font-family: ",";\n  font-size: ",";\n  color: ",";\n  background-color: ",";\n  cursor: pointer;\n  border-radius: 0;\n  margin: ",";\n  padding: 7px 11px;\n  text-decoration: none;\n  &:active,\n  &:focus,\n  &:hover {\n    opacity: 0.88;\n    text-decoration: underline;\n  }\n  &:visited {\n    text-decoration: none;\n  }\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ","\n\n  ","\n\n  ","\n"],["\n  font-weight: normal;\n  font-family: ",";\n  font-size: ",";\n  color: ",";\n  background-color: ",";\n  cursor: pointer;\n  border-radius: 0;\n  margin: ",";\n  padding: 7px 11px;\n  text-decoration: none;\n  &:active,\n  &:focus,\n  &:hover {\n    opacity: 0.88;\n    text-decoration: underline;\n  }\n  &:visited {\n    text-decoration: none;\n  }\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ","\n\n  ","\n\n  ","\n"])),(function(n){return n.theme.typography.fontFamilyBase}),(function(n){return n.theme.fontSizes.s}),(function(n){return n.theme.colors.textLight}),(function(n){return n.theme.colors.paginationBackground}),(function(n){return n.theme.spacing.xxs}),(function(o){return o.active&&e.css(i||(i=n.__makeTemplateObject(["\n      color: ",";\n      background-color: ",";\n      cursor: default;\n      &:hover {\n        background-color: ",";\n        text-decoration: none;\n      }\n    "],["\n      color: ",";\n      background-color: ",";\n      cursor: default;\n      &:hover {\n        background-color: ",";\n        text-decoration: none;\n      }\n    "])),(function(n){return n.theme.colors.textDark}),(function(n){return n.theme.colors.paginationActive}),(function(n){return n.theme.colors.paginationActive}))}),(function(o){return("Prev"===o.name||"Next"===o.name)&&e.css(a||(a=n.__makeTemplateObject(["\n      color: ",";\n      background-color: transparent;\n      font-weight: bold;\n      padding: 8px 6px;\n      background-color: transparent;\n      &:focus,\n      &:hover {\n        background-color: transparent;\n        text-decoration: underline;\n      }\n      &:active,\n      &:visited {\n        text-decoration: none;\n      }\n    "],["\n      color: ",";\n      background-color: transparent;\n      font-weight: bold;\n      padding: 8px 6px;\n      background-color: transparent;\n      &:focus,\n      &:hover {\n        background-color: transparent;\n        text-decoration: underline;\n      }\n      &:active,\n      &:visited {\n        text-decoration: none;\n      }\n    "])),(function(n){var e=n.theme;return n.disabled?e.colors.disabled:e.colors.paginationText}))}),(function(o){return o.disabled&&e.css(c||(c=n.__makeTemplateObject(["\n      color: $ ",";\n      cursor: not-allowed;\n      pointer-events:none\n      text-decoration: none;\n      &:hover,\n      &:focus,\n      &:active,\n      &:visited {\n        color: ",";\n        text-decoration: none;\n      }\n    "],["\n      color: $ ",";\n      cursor: not-allowed;\n      pointer-events:none\n      text-decoration: none;\n      &:hover,\n      &:focus,\n      &:active,\n      &:visited {\n        color: ",";\n        text-decoration: none;\n      }\n    "])),(function(n){return n.theme.colors.disabled}),(function(n){return n.theme.colors.disabled}))})),m=s.default.li(l||(l=n.__makeTemplateObject(["\n  display: none;\n  &:first-child,\n  &:last-child {\n    display: inline;\n  }\n  @media (min-width: ",") {\n    display: inline;\n  }\n  span {\n    border: none;\n    min-width: 30px;\n    padding: 5px;\n    margin: 1px;\n    border-radius: 0;\n  }\n"],["\n  display: none;\n  &:first-child,\n  &:last-child {\n    display: inline;\n  }\n  @media (min-width: ",") {\n    display: inline;\n  }\n  span {\n    border: none;\n    min-width: 30px;\n    padding: 5px;\n    margin: 1px;\n    border-radius: 0;\n  }\n"])),(function(n){return n.theme.breakpoint.mobile}));exports.PagerItem=m,exports.PagerLink=f,exports.PagerList=p,exports.PagerWrapper=u;
 //# sourceMappingURL=styles.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./AddressLookup/index.js"),r=require("./Avatar/index.js"),d=require("./Badge/index.js"),t=require("./Box/index.js"),a=require("./Button/index.js"),s=require("./Carousel/index.js"),o=require("./Checkbox/index.js"),i=require("./Collapse/index.js"),u=require("./DateField/index.js"),x=require("./Divider.js"),l=require("./ErrorText/index.js"),p=require("./Flex.js"),n=require("./Fontface.js"),j=require("./Footer/index.js"),q=require("./GlobalStyle.js"),f=require("./GlobalStyleNoFontFace.js"),R=require("./Header/index.js"),m=require("./Heading/index.js"),E=require("./Icon/index.js"),A=require("./IconFa/index.js"),D=require("./LabelWrapper/index.js"),M=require("./LegendWrapper/index.js"),c=require("./Link/index.js"),F=require("./Loader/index.js"),B=require("./Modal/index.js"),T=require("./Pagination/index.js"),g=require("./PopOver/index.js"),L=require("./ProgressBar/index.js"),k=require("./Radio/index.js"),C=require("./RadioConsent/index.js"),S=require("./Select/index.js"),v=require("./Step/index.js"),P=require("./Text/index.js"),b=require("./TextAreaField/index.js"),I=require("./TextField/index.js"),H=require("./Totaliser/index.js"),h=require("./UserBlock/index.js"),W=require("./InfoBox/index.js"),y=require("../themes/cruk.js"),O=require("../themes/su2c.js"),G=require("./AddressLookup/README.md.js"),U=require("./Avatar/README.md.js"),N=require("./Badge/README.md.js"),_=require("./Box/README.md.js"),w=require("./Button/README.md.js"),z=require("./Checkbox/README.md.js"),J=require("./Collapse/README.md.js"),K=require("./DateField/README.md.js"),Q=require("./ErrorText/README.md.js"),V=require("./Footer/README.md.js"),X=require("./Heading/README.md.js"),Y=require("./Header/README.md.js"),Z=require("./Icon/README.md.js"),$=require("./IconFa/README.md.js"),ee=require("./InfoBox/README.md.js"),re=require("./Link/README.md.js"),de=require("./LegendWrapper/README.md.js"),te=require("./Loader/README.md.js"),ae=require("./Modal/README.md.js"),se=require("./Pagination/README.md.js"),oe=require("./PopOver/README.md.js"),ie=require("./ProgressBar/README.md.js"),ue=require("./Radio/README.md.js"),xe=require("./RadioConsent/README.md.js"),le=require("./Select/README.md.js"),pe=require("./Step/README.md.js"),ne=require("./Text/README.md.js"),je=require("./TextAreaField/README.md.js"),qe=require("./TextField/README.md.js"),fe=require("./Totaliser/README.md.js"),Re=require("./UserBlock/README.md.js");exports.AddressLookup=e.default,exports.Avatar=r.default,exports.Badge=d.default,exports.Box=t.default,exports.Button=a.Button,exports.Carousel=s.default,exports.Checkbox=o.default,exports.Collapse=i.default,exports.DateField=u.default,exports.Divider=x.Divider,exports.ErrorText=l.default,exports.Flex=p.default,exports.Fontface=n.fontFaceStyleString,exports.Footer=j.Footer,exports.GlobalStyle=q.default,exports.GlobalStyleNoFontFace=f.default,exports.Header=R.Header,exports.Heading=m.default,exports.Icon=E.default,exports.IconFa=A.default,exports.LabelWrapper=D.LabelWrapper,exports.LegendWrapper=M.LegendWrapper,exports.Link=c.Link,exports.Loader=F.default,exports.Modal=B.default,exports.Pagination=T.default,exports.PopOver=g.default,exports.ProgressBar=L.default,exports.Radio=k.default,exports.RadioConsent=C.default,exports.Select=S.default,exports.Step=v.default,exports.Text=P.Text,exports.TextAreaField=b.default,exports.TextField=I.default,exports.Totaliser=H.default,exports.UserBlock=h.default,exports.InfoBox=W.default,exports.crukTheme=y.default,exports.su2cTheme=O.default,exports.AddressLookupReadme=G.default,exports.AvatarReadme=U.default,exports.BadgeReadme=N.default,exports.BoxReadme=_.default,exports.ButtonReadme=w.default,exports.CheckboxReadme=z.default,exports.CollapseReadme=J.default,exports.DateFieldReadme=K.default,exports.ErrorTextReadme=Q.default,exports.FooterReadme=V.default,exports.HeadingReadme=X.default,exports.HeaderReadme=Y.default,exports.IconReadme=Z.default,exports.IconFaReadme=$.default,exports.InfoBoxReadme=ee.default,exports.LinkReadme=re.default,exports.LegendWrapperReadme=de.default,exports.LoaderReadme=te.default,exports.ModalReadme=ae.default,exports.PaginationReadme=se.default,exports.PopOverReadme=oe.default,exports.ProgressBarReadme=ie.default,exports.RadioReadme=ue.default,exports.RadioConsentReadme=xe.default,exports.SelectReadme=le.default,exports.StepReadme=pe.default,exports.TextReadme=ne.default,exports.TextAreaFieldReadme=je.default,exports.TextFieldReadme=qe.default,exports.TotaliserReadme=fe.default,exports.UserBlockReadme=Re.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./AddressLookup/index.js"),r=require("./Avatar/index.js"),d=require("./Badge/index.js"),t=require("./Box/index.js"),a=require("./Button/index.js"),s=require("./Carousel/index.js"),o=require("./Checkbox/index.js"),i=require("./Collapse/index.js"),u=require("./DateField/index.js"),x=require("./Divider.js"),l=require("./ErrorText/index.js"),p=require("./Flex.js"),n=require("./Fontface.js"),j=require("./Footer/index.js"),q=require("./GlobalStyle.js"),f=require("./GlobalStyleNoFontFace.js"),R=require("./Header/index.js"),m=require("./Heading/index.js"),E=require("./Icon/index.js"),A=require("./IconFa/index.js"),D=require("./LabelWrapper/index.js"),M=require("./LegendWrapper/index.js"),c=require("./Link/index.js"),F=require("./Loader/index.js"),B=require("./Modal/index.js"),T=require("./Pagination/index.js"),g=require("./PopOver/index.js"),L=require("./ProgressBar/index.js"),k=require("./Radio/index.js"),b=require("./RadioConsent/index.js"),C=require("./Select/index.js"),S=require("./Step/index.js"),v=require("./Text/index.js"),P=require("./TextAreaField/index.js"),I=require("./TextField/index.js"),h=require("./Totaliser/index.js"),H=require("./UserBlock/index.js"),W=require("./InfoBox/index.js"),y=require("../themes/bowelbabe.js"),O=require("../themes/cruk.js"),G=require("../themes/su2c.js"),U=require("./AddressLookup/README.md.js"),w=require("./Avatar/README.md.js"),N=require("./Badge/README.md.js"),_=require("./Box/README.md.js"),z=require("./Button/README.md.js"),J=require("./Checkbox/README.md.js"),K=require("./Collapse/README.md.js"),Q=require("./DateField/README.md.js"),V=require("./ErrorText/README.md.js"),X=require("./Footer/README.md.js"),Y=require("./Heading/README.md.js"),Z=require("./Header/README.md.js"),$=require("./Icon/README.md.js"),ee=require("./IconFa/README.md.js"),re=require("./InfoBox/README.md.js"),de=require("./Link/README.md.js"),te=require("./LegendWrapper/README.md.js"),ae=require("./Loader/README.md.js"),se=require("./Modal/README.md.js"),oe=require("./Pagination/README.md.js"),ie=require("./PopOver/README.md.js"),ue=require("./ProgressBar/README.md.js"),xe=require("./Radio/README.md.js"),le=require("./RadioConsent/README.md.js"),pe=require("./Select/README.md.js"),ne=require("./Step/README.md.js"),je=require("./Text/README.md.js"),qe=require("./TextAreaField/README.md.js"),fe=require("./TextField/README.md.js"),Re=require("./Totaliser/README.md.js"),me=require("./UserBlock/README.md.js");exports.AddressLookup=e.default,exports.Avatar=r.default,exports.Badge=d.default,exports.Box=t.default,exports.Button=a.Button,exports.Carousel=s.default,exports.Checkbox=o.default,exports.Collapse=i.default,exports.DateField=u.default,exports.Divider=x.Divider,exports.ErrorText=l.default,exports.Flex=p.default,exports.Fontface=n.fontFaceStyleString,exports.Footer=j.Footer,exports.GlobalStyle=q.default,exports.GlobalStyleNoFontFace=f.default,exports.Header=R.Header,exports.Heading=m.default,exports.Icon=E.default,exports.IconFa=A.default,exports.LabelWrapper=D.LabelWrapper,exports.LegendWrapper=M.LegendWrapper,exports.Link=c.Link,exports.Loader=F.default,exports.Modal=B.default,exports.Pagination=T.default,exports.PopOver=g.default,exports.ProgressBar=L.default,exports.Radio=k.default,exports.RadioConsent=b.default,exports.Select=C.default,exports.Step=S.default,exports.Text=v.Text,exports.TextAreaField=P.default,exports.TextField=I.default,exports.Totaliser=h.default,exports.UserBlock=H.default,exports.InfoBox=W.default,exports.bowelbabeTheme=y.default,exports.crukTheme=O.default,exports.su2cTheme=G.default,exports.AddressLookupReadme=U.default,exports.AvatarReadme=w.default,exports.BadgeReadme=N.default,exports.BoxReadme=_.default,exports.ButtonReadme=z.default,exports.CheckboxReadme=J.default,exports.CollapseReadme=K.default,exports.DateFieldReadme=Q.default,exports.ErrorTextReadme=V.default,exports.FooterReadme=X.default,exports.HeadingReadme=Y.default,exports.HeaderReadme=Z.default,exports.IconReadme=$.default,exports.IconFaReadme=ee.default,exports.InfoBoxReadme=re.default,exports.LinkReadme=de.default,exports.LegendWrapperReadme=te.default,exports.LoaderReadme=ae.default,exports.ModalReadme=se.default,exports.PaginationReadme=oe.default,exports.PopOverReadme=ie.default,exports.ProgressBarReadme=ue.default,exports.RadioReadme=xe.default,exports.RadioConsentReadme=le.default,exports.SelectReadme=pe.default,exports.StepReadme=ne.default,exports.TextReadme=je.default,exports.TextAreaFieldReadme=qe.default,exports.TextFieldReadme=fe.default,exports.TotaliserReadme=Re.default,exports.UserBlockReadme=me.default;
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),r=require("./cruk.js"),o=e.__assign({},r.default.utilities),t=e.__assign(e.__assign({},r.default.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/bowelbabe-logo-160.png"}),b=e.__assign({},r.default.avatar),a=e.__assign(e.__assign({},r.default.button),{horizontalPadding:"1rem"}),n=e.__assign({},r.default.breakpoint),i=e.__assign(e.__assign({},r.default.tokenColors),{bbPurple:"#501e70",bbLightGreen:"#92ddcb",bbGreen:"#26bb98",bbPastelGreen:"#d4f1ea",bbPink:"#d81272",bbBlue:"#009ed1",bbTeal:"#005e85",bbYellow:"#e4b50b"}),s=e.__assign(e.__assign({},r.default.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}),l=e.__assign({},r.default.spacing),u=e.__assign({},r.default.fontSizes),d=e.__assign(e.__assign({},r.default.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"}),g={name:"bowelbabe",avatar:b,breakpoint:n,button:a,tokenColors:i,colors:s,spacing:l,fontSizes:u,siteConfig:t,typography:d,utilities:o};exports.AVATAR=b,exports.BREAKPOINT=n,exports.BUTTON=a,exports.COLORS=s,exports.FONT_SIZES=u,exports.SITE_CONFIG=t,exports.SPACING=l,exports.TOKEN_COLORS=i,exports.TYPOGRAPHY=d,exports.UTILITIES=o,exports.default=g;
+//# sourceMappingURL=bowelbabe.js.map

package/lib/cjs/src/themes/bowelbabe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bowelbabe.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},r={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"},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"},s={primary:n.darkBlue_500,secondary:n.magenta_500,tertiary:n.cyan_500,textOnPrimary:n.white,textOnSecondary:n.white,textOnTertiary:n.white,disabled:n.grey_300,danger:n.red,warning:n.yellow,success:n.green,info:n.cyan_500,textError:n.red,linkColor:n.darkBlue_500,linkColorHover:n.magenta_800,textDark:n.grey_900,textLight:n.white,progressBar:n.darkBlue_500,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,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},g={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={name:"cruk",avatar:a,breakpoint:o,button:t,tokenColors:n,colors:s,spacing:g,fontSizes:i,siteConfig:r,typography:d,utilities:e};exports.AVATAR=a,exports.BREAKPOINT=o,exports.BUTTON=t,exports.COLORS=s,exports.FONT_SIZES=i,exports.SITE_CONFIG=r,exports.SPACING=g,exports.TOKEN_COLORS=n,exports.TYPOGRAPHY=d,exports.UTILITIES=e,exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});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"},s={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},g={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={name:"cruk",avatar:a,breakpoint:o,button:t,tokenColors:n,colors:s,spacing:g,fontSizes:i,siteConfig:r,typography:d,utilities:e};exports.AVATAR=a,exports.BREAKPOINT=o,exports.BUTTON=t,exports.COLORS=s,exports.FONT_SIZES=i,exports.SITE_CONFIG=r,exports.SPACING=g,exports.TOKEN_COLORS=n,exports.TYPOGRAPHY=d,exports.UTILITIES=e,exports.default=l;
 //# sourceMappingURL=cruk.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),r=require("./cruk.js"),a=e.__assign(e.__assign({},r.default.utilities),{useBackgroundStyleLinks:!0}),t=e.__assign(e.__assign({},r.default.siteConfig),{logoSrc:"https://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."}),s=e.__assign(e.__assign({},r.default.avatar),{path:"".concat(t.assetPath,"images/avatar/su2c/")}),o=e.__assign(e.__assign({},r.default.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),n=e.__assign({},r.default.breakpoint),c=e.__assign(e.__assign({},r.default.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),i=e.__assign(e.__assign({},r.default.colors),{primary: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,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,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}),u=e.__assign({},r.default.spacing),d=e.__assign({},r.default.fontSizes),g=e.__assign(e.__assign({},r.default.typography),{customFonts:[{family:"itc_avant_garde_pro_mdbold",urlWoff:"".concat(t.assetPath,"fonts/itc_-_itcavantgardepro-bold-webfont.woff")}],fontFamilyHeadings:"itc_avant_garde_pro_mdbold,Arial,sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase"}),l={name:"su2c",avatar:s,breakpoint:n,button:o,tokenColors:c,colors:i,spacing:u,fontSizes:d,siteConfig:t,typography:g,utilities:a};exports.AVATAR=s,exports.BREAKPOINT=n,exports.BUTTON=o,exports.COLORS=i,exports.FONT_SIZES=d,exports.SITE_CONFIG=t,exports.SPACING=u,exports.TOKEN_COLORS=c,exports.TYPOGRAPHY=g,exports.UTILITIES=a,exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),r=require("./cruk.js"),a=e.__assign(e.__assign({},r.default.utilities),{useBackgroundStyleLinks:!0}),o=e.__assign(e.__assign({},r.default.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=e.__assign(e.__assign({},r.default.avatar),{path:"".concat(o.assetPath,"images/avatar/su2c/")}),s=e.__assign(e.__assign({},r.default.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),n=e.__assign({},r.default.breakpoint),c=e.__assign(e.__assign({},r.default.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),i=e.__assign(e.__assign({},r.default.colors),{primary: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}),u=e.__assign({},r.default.spacing),d=e.__assign({},r.default.fontSizes),l=e.__assign(e.__assign({},r.default.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:n,button:s,tokenColors:c,colors:i,spacing:u,fontSizes:d,siteConfig:o,typography:l,utilities:a};exports.AVATAR=t,exports.BREAKPOINT=n,exports.BUTTON=s,exports.COLORS=i,exports.FONT_SIZES=d,exports.SITE_CONFIG=o,exports.SPACING=u,exports.TOKEN_COLORS=c,exports.TYPOGRAPHY=l,exports.UTILITIES=a,exports.default=g;
 //# sourceMappingURL=su2c.js.map

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

@@ -4,3 +4,4 @@ declare const _default: Meta<AddressLookupProps>;
 export default _default;
 export declare const AddressLookUp: Story<AddressLookupProps>;
 export declare const SU2CAddressLookUp: Story<AddressLookupProps>;
+export declare const BowelbabeAddressLookUp: Story<AddressLookupProps>;

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

@@ -13,3 +13,8 @@ export declare const SU2CSmall: Story;
 export declare const SU2CMedium: Story;
 export declare const SU2CLarge: Story;
 export declare const SU2CExtraLarge: Story;
+export declare const BowelbabeDefault: Story;
+export declare const BowelbabeSmall: Story;
+export declare const BowelbabeMedium: Story;
+export declare const BowelbabeLarge: Story;
+export declare const BowelbabeExtraLarge: Story;

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

@@ -10,3 +10,7 @@ export declare const SU2CBadgeWithText: Story;
 export declare const SU2CDefault: Story;
 export declare const SU2CBadgeWithColour: Story;
 export declare const SU2CBadgeWithInverseColours: Story;
+export declare const BowelbabeBadgeWithText: Story;
+export declare const BowelbabeDefault: Story;
+export declare const BowelbabeBadgeWithColour: Story;
+export declare const BowelbabeBadgeWithInverseColours: Story;

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

@@ -8,3 +8,6 @@ export declare const BoxWithColourWithCustomSpacing: Story;
 export declare const SU2CDefault: Story;
 export declare const SU2CBoxWithColour: Story;
 export declare const SU2CBoxWithColourWithCustomSpacing: Story;
+export declare const BowelbabeDefault: Story;
+export declare const BowelbabeBoxWithColour: Story;
+export declare const BowelbabeBoxWithColourWithCustomSpacing: Story;

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

@@ -10,3 +10,6 @@ export declare const WithIcons: Story;
 export declare const SU2CPrimary: Story;
 export declare const SU2CSecondary: Story;
 export declare const SU2CTertiary: Story;
+export declare const BowelbabePrimary: Story;
+export declare const BowelbabeSecondary: Story;
+export declare const BowelbabeTertiary: Story;

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

@@ -4,3 +4,4 @@ declare const _default: Meta<CarouselProps>;
 export default _default;
 export declare const CarouselDefault: Story;
 export declare const SU2CCarousel: Story;
+export declare const BowelbabeCarousel: Story;

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

@@ -5,3 +5,4 @@ export default _default;
 export declare const CheckboxDefault: Story;
 export declare const CheckboxDefaultError: Story;
 export declare const SU2CCheckbox: Story;
+export declare const BowelbabeCheckbox: Story;

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

@@ -8,3 +8,6 @@ export declare const CollapseWitCustomHeader: Story<CollapseProps>;
 export declare const SU2CCollapseWithTextHeader: Story<CollapseProps>;
 export declare const SU2CCollapseWithModifiedText: Story<CollapseProps>;
 export declare const SU2CCollapseWitCustomHeader: Story<CollapseProps>;
+export declare const BowelbabeCollapseWithTextHeader: Story<CollapseProps>;
+export declare const BowelbabeCollapseWithModifiedText: Story<CollapseProps>;
+export declare const BowelbabeCollapseWitCustomHeader: Story<CollapseProps>;

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

@@ -6,3 +6,5 @@ export declare const DateFieldWithLabel: Story<DateFieldProps>;
 export declare const DateFieldWithError: Story<DateFieldProps>;
 export declare const SU2CDateFieldWithLabel: Story<DateFieldProps>;
 export declare const SU2CDateFieldWithError: Story<DateFieldProps>;
+export declare const BowelbabeDateFieldWithLabel: Story<DateFieldProps>;
+export declare const BowelbabeDateFieldWithError: Story<DateFieldProps>;

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

@@ -4,3 +4,4 @@ declare const _default: Meta<ErrorTextProps>;
 export default _default;
 export declare const ErrorTextDefault: Story;
 export declare const SU2CErrorText: Story;
+export declare const BowelbabeErrorText: Story;

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

@@ -4,3 +4,4 @@ declare const _default: Meta<FooterProps>;
 export default _default;
 export declare const FooterDefault: Story;
 export declare const SU2CFooter: Story;
+export declare const BowelbabeFooter: Story;

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

@@ -4,3 +4,4 @@ declare const _default: Meta<HeaderProps>;
 export default _default;
 export declare const HeaderDefault: Story<HeaderProps>;
 export declare const SU2CHeader: Story;
+export declare const BowelbabeHeader: Story;

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

@@ -17,3 +17,9 @@ export declare const SU2C_H3: Story;
 export declare const SU2C_H4: Story;
 export declare const SU2C_H5: Story;
 export declare const SU2C_H6: Story;
+export declare const Bowelbabe_H1: Story;
+export declare const Bowelbabe_H2: Story;
+export declare const Bowelbabe_H3: Story;
+export declare const Bowelbabe_H4: Story;
+export declare const Bowelbabe_H5: Story;
+export declare const Bowelbabe_H6: Story;

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

@@ -2,5 +2,6 @@ import { Story, Meta } from "@storybook/react";
 import { IconFaProps } from ".";
 declare const _default: Meta<IconFaProps>;
 export default _default;
-export declare const IconDefault: Story<IconFaProps>;
-export declare const SU2CIcon: Story<IconFaProps>;
+export declare const IconFaDefault: Story<IconFaProps>;
+export declare const SU2CIconFa: Story<IconFaProps>;
+export declare const BowelbabeIconFa: Story<IconFaProps>;

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

@@ -2,6 +2,8 @@ import { Story, Meta } from "@storybook/react";
 import { InfoBoxProps } from ".";
 declare const _default: Meta<InfoBoxProps>;
 export default _default;
-export declare const InfoBoxDefault: Story;
-export declare const TemplateWithCustomBackground: Story;
-export declare const InfoBoxWithChildren: Story;
+export declare const InfoBoxDefault: Story<InfoBoxProps>;
+export declare const TemplateWithCustomBackground: Story<InfoBoxProps>;
+export declare const InfoBoxWithChildren: Story<InfoBoxProps>;
+export declare const SU2CInfoBox: Story<InfoBoxProps>;
+export declare const BowelbabeInfoBox: Story<InfoBoxProps>;

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

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

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

@@ -8,3 +8,4 @@ export declare const LegendWrapperRadioError: Story<LegendWrapperProps>;
 export declare const LegendWrapperCheckbox: Story<LegendWrapperProps>;
 export declare const LegendWrapperErrorWithCheckbox: Story<LegendWrapperProps>;
 export declare const SU2CLegendWrapperRadioError: Story<LegendWrapperProps>;
+export declare const BowelbabeLegendWrapperRadioError: Story<LegendWrapperProps>;

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

@@ -9,3 +9,6 @@ export declare const WithImage: Story<LinkProps>;
 export declare const SU2CDefault: Story<LinkProps>;
 export declare const SU2CPrimary: Story<LinkProps>;
 export declare const SU2CSecondary: Story<LinkProps>;
+export declare const BowelbabeDefault: Story<LinkProps>;
+export declare const BowelbabePrimary: Story<LinkProps>;
+export declare const BowelbabeSecondary: Story<LinkProps>;

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

@@ -3,3 +3,4 @@ declare const _default: Meta<{}>;
 export default _default;
 export declare const LoaderDefault: Story;
 export declare const SU2CLoader: Story;
+export declare const BowelbabeLoader: Story;

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

@@ -4,3 +4,4 @@ declare const _default: Meta<ModalProps>;
 export default _default;
 export declare const ModalDefault: Story<ModalProps>;
 export declare const SU2CModal: Story<ModalProps>;
+export declare const BowelbabeModal: Story<ModalProps>;

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

@@ -5,3 +5,4 @@ export default _default;
 export declare const PaginationDefault: Story<PaginationProps>;
 export declare const PaginationFirstPage: Story<PaginationProps>;
 export declare const SU2CPagination: Story<PaginationProps>;
+export declare const BowelbabePagination: Story<PaginationProps>;