@cruk/cruk-react-components 6.1.1 → 6.1.2

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Totaliser/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nimport ProgressBar from \"../ProgressBar\";\n\nexport const BubbleWrapper = styled.div<{\n  theme: ThemeType;\n}>`\n  text-align: center;\n  background-color: ${({ theme }) => theme.colors.totaliserBubbleColor};\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  p {\n    margin: 0;\n  }\n`;\n\nexport const ProgressBarWrapper = styled.div<{\n  $isCompact?: boolean;\n  theme: ThemeType;\n}>`\n  padding: 0 46px 12px;\n  margin-top: ${({ theme }) => theme.spacing.s};\n  position: relative;\n\n  ${({ $isCompact, theme }) =>\n    !!$isCompact !== true &&\n    css`\n      div > div > div:not(:first-child) {\n        &:after {\n          content: \"\\\\25bc\";\n          color: ${theme.colors.totaliserBubbleColor};\n          position: absolute;\n          top: -30px;\n          right: -15px;\n          font-size: 32px;\n        }\n      }\n    `};\n`;\n\nexport const Total = styled.p<{\n  theme: ThemeType;\n}>`\n  color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  text-transform: ${({ theme }) => theme.typography.headerTextTransform};\n  font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\nexport const BubbleText = styled.p<{ theme: ThemeType }>`\n  color: ${({ theme }) => theme.colors.totaliserBubbleTextColor};\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  text-transform: ${({\n    theme: {\n      typography: { headerTextTransform },\n    },\n  }) => headerTextTransform};\n  font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\nexport const GiftAid = styled.p<{ theme: ThemeType }>`\n  color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  text-transform: ${({\n    theme: {\n      typography: { headerTextTransform },\n    },\n  }) => headerTextTransform};\n  font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\n/* span not a div so that we don't end up with two speech bubble arrows from ProgressBarWrapper */\nexport const Summary = styled.span<{ theme: ThemeType }>`\n  display: block;\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n`;\n\nexport const TotaliserWrapper = styled.div<{\n  $isCompact: boolean;\n  theme: ThemeType;\n}>`\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  margin: 0;\n  ${(props) =>\n    props.$isCompact &&\n    css`\n      ${ProgressBarWrapper} {\n        border: none;\n        padding: 0;\n      }\n    `}\n`;\n\nexport const CompactWrapper = styled.div`\n  justify-content: flex-end;\n  display: flex;\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)``;\n"],"names":["BubbleWrapper","styled","div","templateObject_1","__makeTemplateObject","_a","theme","colors","totaliserBubbleColor","ProgressBarWrapper","templateObject_3","spacing","s","$isCompact","css","templateObject_2","Total","p","templateObject_4","totaliserBubbleTotalColor","typography","fontFamilyHeadings","headerTextTransform","fontWeightLabels","BubbleText","templateObject_5","totaliserBubbleTextColor","GiftAid","templateObject_6","Summary","span","templateObject_7","fontFamilyBase","TotaliserWrapper","templateObject_9","props","templateObject_8","CompactWrapper","templateObject_10","StyledProgressBar","ProgressBar","templateObject_11"],"mappings":"iLAMO,0BAAMA,EAAgBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,gDAAA,qGAAA,CAErC,gDAEoE,uGAAhD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,oBAAb,GASxBC,EAAqBR,EAAOC,IAAGQ,IAAAA,EAAAN,EAAA,CAAA,4CAAA,iCAAA,OAAA,CAG1C,4CAE4C,iCAgBzC,SAhBW,SAACC,GAAc,OAAPA,EAAAC,MAAaK,QAAQC,CAAd,EAG3B,SAACP,OAAEQ,EAAUR,EAAAQ,WAAEP,EAAKD,EAAAC,MACpB,OAAiB,KAAfO,GACFC,EAAGC,IAAAA,EAAAX,EAAA,CAAA,kHAAA,0IAAA,CAAA,oHAI6C,4IAAjCE,EAAMC,OAAOC,qBAL5B,GAeSQ,EAAQf,EAAOgB,EAACC,IAAAA,EAAAd,EAAA,CAAA,cAAA,mEAAA,wBAAA,qBAAA,OAAA,CAE3B,cAC8D,mEAGG,wBACI,qBACN,SALtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOY,yBAAb,EAGT,SAACd,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAAc,OAAPA,EAAAC,MAAac,WAAWE,mBAAjB,EAClB,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAGnBC,EAAavB,EAAOgB,EAACQ,IAAAA,EAAArB,EAAA,CAAA,cAAA,qBAAA,wBAAA,qBAAA,OAAA,CAAsB,cACO,qBACI,wBAKxC,qBACsC,SAPtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOmB,wBAAb,EACT,SAACrB,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAIb,OAF+BA,EAAAC,MAAAc,WAAAE,mBAE/B,EACS,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAGnBI,EAAU1B,EAAOgB,EAACW,IAAAA,EAAAxB,EAAA,CAAA,cAAA,qBAAA,wBAAA,qBAAA,OAAA,CAAsB,cACW,qBACG,wBAKxC,qBACsC,SAPtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOY,yBAAb,EACT,SAACd,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAIb,OAF+BA,EAAAC,MAAAc,WAAAE,mBAE/B,EACS,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAInBM,EAAU5B,EAAO6B,KAAIC,IAAAA,EAAA3B,EAAA,CAAA,uGAAA,OAAA,CAAsB,uGAKO,SAA9C,SAACC,GAAc,OAAPA,EAAAC,MAAac,WAAWY,cAAjB,GAGnBC,EAAmBhC,EAAOC,IAAGgC,IAAAA,EAAA9B,EAAA,CAAA,oBAAA,sBAAA,MAAA,CAGxC,oBACiE,sBAS9D,QATY,SAACC,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EAE5B,SAACc,GACD,OAAAA,EAAMtB,YACNC,EAAGsB,IAAAA,EAAAhC,EAAA,CAAA,WAAA,iEAAA,CAAA,WACmB,mEAAlBK,EAFJ,GASS4B,EAAiBpC,EAAOC,IAAGoC,IAAAA,EAAAlC,EAAA,CAAA,sDAAA,CAAA,yDAK3BmC,EAAoBtC,EAAOuC,EAAPvC,CAAmBwC,IAAAA,EAAArC,EAAA,CAAA,IAAA,CAAA"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Totaliser/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nimport ProgressBar from \"../ProgressBar\";\n\nexport const BubbleWrapper = styled.div<{\n  theme: ThemeType;\n}>`\n  text-align: center;\n  background-color: ${({ theme }) => theme.colors.totaliserBubbleColor};\n  border-radius: 3.2rem;\n  padding: 5px;\n  position: relative;\n  p {\n    margin: 0;\n  }\n`;\n\nexport const ProgressBarWrapper = styled.div<{\n  $isCompact?: boolean;\n  theme: ThemeType;\n}>`\n  padding: 0 46px 12px;\n  margin-top: ${({ theme }) => theme.spacing.s};\n  position: relative;\n\n  ${({ $isCompact, theme }) =>\n    !!$isCompact !== true &&\n    css`\n      div > div > div:not(:first-child) {\n        &:after {\n          content: \"\\\\25bc\";\n          color: ${theme.colors.totaliserBubbleColor};\n          position: absolute;\n          top: -36px;\n          right: -15px;\n          font-size: 32px;\n        }\n      }\n    `};\n`;\n\nexport const Total = styled.p<{\n  theme: ThemeType;\n}>`\n  color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n  font-size: 2.625rem;\n  line-height: 3rem;\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  text-transform: ${({ theme }) => theme.typography.headerTextTransform};\n  font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\nexport const BubbleText = styled.p<{ theme: ThemeType }>`\n  color: ${({ theme }) => theme.colors.totaliserBubbleTextColor};\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  text-transform: ${({\n    theme: {\n      typography: { headerTextTransform },\n    },\n  }) => headerTextTransform};\n  font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\nexport const GiftAid = styled.p<{ theme: ThemeType }>`\n  color: ${({ theme }) => theme.colors.totaliserBubbleTotalColor};\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  text-transform: ${({\n    theme: {\n      typography: { headerTextTransform },\n    },\n  }) => headerTextTransform};\n  font-weight: ${({ theme }) => theme.typography.fontWeightLabels};\n`;\n\n/* span not a div so that we don't end up with two speech bubble arrows from ProgressBarWrapper */\nexport const Summary = styled.span<{ theme: ThemeType }>`\n  display: block;\n  text-align: right;\n  margin-top: 12px;\n  margin-bottom: 0;\n  font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n`;\n\nexport const TotaliserWrapper = styled.div<{\n  $isCompact: boolean;\n  theme: ThemeType;\n}>`\n  font-family: ${({ theme }) => theme.typography.fontFamilyHeadings};\n  margin: 0;\n  ${(props) =>\n    props.$isCompact &&\n    css`\n      ${ProgressBarWrapper} {\n        border: none;\n        padding: 0;\n      }\n    `}\n`;\n\nexport const CompactWrapper = styled.div`\n  justify-content: flex-end;\n  display: flex;\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)``;\n"],"names":["BubbleWrapper","styled","div","templateObject_1","__makeTemplateObject","_a","theme","colors","totaliserBubbleColor","ProgressBarWrapper","templateObject_3","spacing","s","$isCompact","css","templateObject_2","Total","p","templateObject_4","totaliserBubbleTotalColor","typography","fontFamilyHeadings","headerTextTransform","fontWeightLabels","BubbleText","templateObject_5","totaliserBubbleTextColor","GiftAid","templateObject_6","Summary","span","templateObject_7","fontFamilyBase","TotaliserWrapper","templateObject_9","props","templateObject_8","CompactWrapper","templateObject_10","StyledProgressBar","ProgressBar","templateObject_11"],"mappings":"iLAMO,0BAAMA,EAAgBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,gDAAA,qGAAA,CAErC,gDAEoE,uGAAhD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,oBAAb,GASxBC,EAAqBR,EAAOC,IAAGQ,IAAAA,EAAAN,EAAA,CAAA,4CAAA,iCAAA,OAAA,CAG1C,4CAE4C,iCAgBzC,SAhBW,SAACC,GAAc,OAAPA,EAAAC,MAAaK,QAAQC,CAAd,EAG3B,SAACP,OAAEQ,EAAUR,EAAAQ,WAAEP,EAAKD,EAAAC,MACpB,OAAiB,KAAfO,GACFC,EAAGC,IAAAA,EAAAX,EAAA,CAAA,kHAAA,0IAAA,CAAA,oHAI6C,4IAAjCE,EAAMC,OAAOC,qBAL5B,GAeSQ,EAAQf,EAAOgB,EAACC,IAAAA,EAAAd,EAAA,CAAA,cAAA,mEAAA,wBAAA,qBAAA,OAAA,CAE3B,cAC8D,mEAGG,wBACI,qBACN,SALtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOY,yBAAb,EAGT,SAACd,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAAc,OAAPA,EAAAC,MAAac,WAAWE,mBAAjB,EAClB,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAGnBC,EAAavB,EAAOgB,EAACQ,IAAAA,EAAArB,EAAA,CAAA,cAAA,qBAAA,wBAAA,qBAAA,OAAA,CAAsB,cACO,qBACI,wBAKxC,qBACsC,SAPtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOmB,wBAAb,EACT,SAACrB,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAIb,OAF+BA,EAAAC,MAAAc,WAAAE,mBAE/B,EACS,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAGnBI,EAAU1B,EAAOgB,EAACW,IAAAA,EAAAxB,EAAA,CAAA,cAAA,qBAAA,wBAAA,qBAAA,OAAA,CAAsB,cACW,qBACG,wBAKxC,qBACsC,SAPtD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOY,yBAAb,EACT,SAACd,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EACZ,SAAChB,GAIb,OAF+BA,EAAAC,MAAAc,WAAAE,mBAE/B,EACS,SAACjB,GAAc,OAAPA,EAAAC,MAAac,WAAWG,gBAAjB,GAInBM,EAAU5B,EAAO6B,KAAIC,IAAAA,EAAA3B,EAAA,CAAA,uGAAA,OAAA,CAAsB,uGAKO,SAA9C,SAACC,GAAc,OAAPA,EAAAC,MAAac,WAAWY,cAAjB,GAGnBC,EAAmBhC,EAAOC,IAAGgC,IAAAA,EAAA9B,EAAA,CAAA,oBAAA,sBAAA,MAAA,CAGxC,oBACiE,sBAS9D,QATY,SAACC,GAAc,OAAPA,EAAAC,MAAac,WAAWC,kBAAjB,EAE5B,SAACc,GACD,OAAAA,EAAMtB,YACNC,EAAGsB,IAAAA,EAAAhC,EAAA,CAAA,WAAA,iEAAA,CAAA,WACmB,mEAAlBK,EAFJ,GASS4B,EAAiBpC,EAAOC,IAAGoC,IAAAA,EAAAlC,EAAA,CAAA,sDAAA,CAAA,yDAK3BmC,EAAoBtC,EAAOuC,EAAPvC,CAAmBwC,IAAAA,EAAArC,EAAA,CAAA,IAAA,CAAA"}

package/lib/src/hooks/useScrollPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollPosition.js","sources":["../../../src/hooks/useScrollPosition.ts"],"sourcesContent":["import { useRef, type DependencyList, type RefObject } from \"react\";\n\nimport { useLayoutEffectBrowser } from \"./useLayoutEffectBrowser\";\n\nconst isBrowser = typeof window !== `undefined`;\n\nfunction getScrollPosition({\n  element,\n  useWindow,\n}: {\n  element?: RefObject<HTMLElement | null> | null;\n  useWindow: boolean;\n}) {\n  if (!isBrowser) return { x: 0, y: 0 };\n\n  const target = element ? element.current : document.body;\n  const position = target\n    ? target.getBoundingClientRect()\n    : { top: 0, left: 0 };\n\n  return useWindow\n    ? { x: window.scrollX, y: window.scrollY }\n    : { x: position.left, y: position.top };\n}\n\nconst useScrollPosition = (\n  effect: ({\n    currPos,\n  }: {\n    prevPos: { x: number; y: number };\n    currPos: { x: number; y: number };\n  }) => void,\n  deps: DependencyList,\n  element: RefObject<HTMLElement | null> | null,\n  useWindow: boolean,\n  wait: number,\n): void => {\n  const position = useRef(getScrollPosition({ useWindow, element }));\n\n  let throttleTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  const callBack = () => {\n    const currPos = getScrollPosition({ element, useWindow });\n    effect({ prevPos: position.current, currPos });\n    position.current = currPos;\n    throttleTimeout = null;\n  };\n\n  useLayoutEffectBrowser(() => {\n    const handleScroll = () => {\n      if (wait) {\n        if (throttleTimeout === null) {\n          throttleTimeout = setTimeout(callBack, wait);\n        }\n      } else {\n        callBack();\n      }\n    };\n    if (isBrowser) {\n      window.addEventListener(\"scroll\", handleScroll);\n    }\n\n    return () => {\n      if (isBrowser) {\n        window.removeEventListener(\"scroll\", handleScroll);\n      }\n    };\n  }, deps);\n};\n\nexport default useScrollPosition;\nexport { useScrollPosition };\n"],"names":["isBrowser","window","getScrollPosition","_a","element","useWindow","x","y","target","current","document","body","position","getBoundingClientRect","top","left","scrollX","scrollY","useScrollPosition","effect","deps","wait","useRef","throttleTimeout","callBack","currPos","prevPos","useLayoutEffectBrowser","handleScroll","setTimeout","addEventListener","removeEventListener"],"mappings":"0EAIA,IAAMA,EAA8B,oBAAXC,OAEzB,SAASC,EAAkBC,OACzBC,EAAOD,EAAAC,QACPC,EAASF,EAAAE,UAKT,IAAKL,EAAW,MAAO,CAAEM,EAAG,EAAGC,EAAG,GAElC,IAAMC,EAASJ,EAAUA,EAAQK,QAAUC,SAASC,KAC9CC,EAAWJ,EACbA,EAAOK,wBACP,CAAEC,IAAK,EAAGC,KAAM,GAEpB,OAAOV,EACH,CAAEC,EAAGL,OAAOe,QAAST,EAAGN,OAAOgB,SAC/B,CAAEX,EAAGM,EAASG,KAAMR,EAAGK,EAASE,IACtC,CAEA,IAAMI,EAAoB,SACxBC,EAMAC,EACAhB,EACAC,EACAgB,GAEA,IAAMT,EAAWU,EAAOpB,EAAkB,CAAEG,UAASA,EAAED,QAAOA,KAE1DmB,EAAwD,KAEtDC,EAAW,WACf,IAAMC,EAAUvB,EAAkB,CAAEE,QAAOA,EAAEC,UAASA,IACtDc,EAAO,CAAEO,QAASd,EAASH,QAASgB,QAAOA,IAC3Cb,EAASH,QAAUgB,EACnBF,EAAkB,IACpB,EAEAI,EAAuB,WACrB,IAAMC,EAAe,WAEO,OAApBL,IACFA,EAAkBM,WAAWL,EAAUH,GAK7C,EAKA,OAJIrB,GACFC,OAAO6B,iBAAiB,SAAUF,GAG7B,WACD5B,GACFC,OAAO8B,oBAAoB,SAAUH,EAEzC,GACCR,EACL"}
+{"version":3,"file":"useScrollPosition.js","sources":["../../../src/hooks/useScrollPosition.ts"],"sourcesContent":["import { useRef, type DependencyList, type RefObject } from \"react\";\n\nimport { useLayoutEffectBrowser } from \"./useLayoutEffectBrowser\";\n\nconst isBrowser = typeof window !== `undefined`;\n\nfunction getScrollPosition({\n  element,\n  useWindow,\n}: {\n  element?: RefObject<HTMLElement | null> | null;\n  useWindow: boolean;\n}) {\n  if (!isBrowser) return { x: 0, y: 0 };\n\n  const target = element ? element.current : document.body;\n  const position = target\n    ? target.getBoundingClientRect()\n    : { top: 0, left: 0 };\n\n  return useWindow\n    ? { x: window.scrollX, y: window.scrollY }\n    : { x: position.left, y: position.top };\n}\n\nconst useScrollPosition = (\n  effect: ({\n    currPos,\n  }: {\n    prevPos: { x: number; y: number };\n    currPos: { x: number; y: number };\n  }) => void,\n  deps: DependencyList,\n  element: RefObject<HTMLElement | null> | null,\n  useWindow: boolean,\n  wait: number,\n): void => {\n  const position = useRef(getScrollPosition({ useWindow, element }));\n\n  let throttleTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  const callBack = () => {\n    const currPos = getScrollPosition({ element, useWindow });\n    effect({ prevPos: position.current, currPos });\n    position.current = currPos;\n    throttleTimeout = null;\n  };\n\n  useLayoutEffectBrowser(() => {\n    const handleScroll = () => {\n      if (wait) {\n        if (throttleTimeout === null) {\n          throttleTimeout = setTimeout(callBack, wait);\n        }\n      } else {\n        callBack();\n      }\n    };\n    if (isBrowser) {\n      window.addEventListener(\"scroll\", handleScroll);\n    }\n\n    return () => {\n      if (isBrowser) {\n        window.removeEventListener(\"scroll\", handleScroll);\n      }\n    };\n  }, deps);\n};\n\nexport default useScrollPosition;\nexport { useScrollPosition };\n"],"names":["isBrowser","window","getScrollPosition","_a","element","useWindow","x","y","target","current","document","body","position","getBoundingClientRect","top","left","scrollX","scrollY","useScrollPosition","effect","deps","wait","useRef","throttleTimeout","callBack","currPos","prevPos","useLayoutEffectBrowser","handleScroll","setTimeout","addEventListener","removeEventListener"],"mappings":"0EAIA,IAAMA,EAA8B,oBAAXC,OAEzB,SAASC,EAAkBC,OACzBC,EAAOD,EAAAC,QACPC,EAASF,EAAAE,UAKT,IAAKL,EAAW,MAAO,CAAEM,EAAG,EAAGC,EAAG,GAElC,IAAMC,EAASJ,EAAUA,EAAQK,QAAUC,SAASC,KAC9CC,EAAWJ,EACbA,EAAOK,wBACP,CAAEC,IAAK,EAAGC,KAAM,GAEpB,OAAOV,EACH,CAAEC,EAAGL,OAAOe,QAAST,EAAGN,OAAOgB,SAC/B,CAAEX,EAAGM,EAASG,KAAMR,EAAGK,EAASE,IACtC,CAEA,IAAMI,EAAoB,SACxBC,EAMAC,EACAhB,EACAC,EACAgB,GAEA,IAAMT,EAAWU,EAAOpB,EAAkB,CAAEG,UAASA,EAAED,QAAOA,KAE1DmB,EAAwD,KAEtDC,EAAW,WACf,IAAMC,EAAUvB,EAAkB,CAAEE,QAAOA,EAAEC,UAASA,IACtDc,EAAO,CAAEO,QAASd,EAASH,QAASgB,QAAOA,IAC3Cb,EAASH,QAAUgB,EACnBF,EAAkB,IACpB,EAEAI,EAAuB,WACrB,IAAMC,EAAe,WAEO,OAApBL,IACFA,EAAkBM,WAAWL,EAAUH,GAK7C,EAKA,OAJIrB,GACFC,OAAO6B,iBAAiB,SAAUF,GAG7B,WACD5B,GACFC,OAAO8B,oBAAoB,SAAUH,EAEzC,CACF,EAAGR,EACL"}

package/lib/src/themes/rfl.js

@@ -1,2 +1,2 @@
-import{__assign as a}from"../../node_modules/tslib/tslib.es6.js";import{crukTheme as t}from"./cruk.js";var s=a({},t.utilities),o=a(a({},t.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/rfl-sl.svg"}),e=a(a({},t.avatar),{path:"".concat(o.assetPath,"images/avatar/rfl/")}),r=a({},t.button),i=a({},t.breakpoint),n=a({},t.tokenColors),l=a(a({},t.colors),{textHeaderDefault:n.navy_600,headerTaglineText:n.navy_600,progressBar:n.magenta_700,progressBarSecondary:n.navy_600}),g=a({},t.spacing),p=a({},t.shadows),c=a({},t.fontSizes),f=a(a({},t.typography),{fontWeightHeadings:600}),h={name:"rfl",avatar:a({},e),breakpoint:a({},i),button:a({},r),tokenColors:a({},n),colors:a({},l),spacing:a({},g),fontSizes:a({},c),siteConfig:a({},o),typography:a({},f),shadows:a({},p),utilities:a({},s)};export{e as AVATAR,i as BREAKPOINT,r as BUTTON,l as COLORS,c as FONT_SIZES,p as SHADOWS,o as SITE_CONFIG,g as SPACING,n as TOKEN_COLORS,f as TYPOGRAPHY,s as UTILITIES,h as default,h as rflTheme};
+import{__assign as a}from"../../node_modules/tslib/tslib.es6.js";import{crukTheme as t}from"./cruk.js";var o=a({},t.utilities),s=a(a({},t.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/rfl.svg"}),e=a(a({},t.avatar),{path:"".concat(s.assetPath,"images/avatar/rfl/")}),r=a({},t.button),i=a({},t.breakpoint),n=a({},t.tokenColors),g=a(a({},t.colors),{textHeaderDefault:n.navy_600,headerTaglineText:n.navy_600,progressBar:n.magenta_700,progressBarSecondary:n.navy_600}),l=a({},t.spacing),p=a({},t.shadows),c=a({},t.fontSizes),f=a(a({},t.typography),{fontWeightHeadings:600}),h={name:"rfl",avatar:a({},e),breakpoint:a({},i),button:a({},r),tokenColors:a({},n),colors:a({},g),spacing:a({},l),fontSizes:a({},c),siteConfig:a({},s),typography:a({},f),shadows:a({},p),utilities:a({},o)};export{e as AVATAR,i as BREAKPOINT,r as BUTTON,g as COLORS,c as FONT_SIZES,p as SHADOWS,s as SITE_CONFIG,l as SPACING,n as TOKEN_COLORS,f as TYPOGRAPHY,o as UTILITIES,h as default,h as rflTheme};
 //# sourceMappingURL=rfl.js.map

package/lib/src/themes/rfl.js.map

@@ -1 +1 @@
-{"version":3,"file":"rfl.js","sources":["../../../src/themes/rfl.ts"],"sourcesContent":["import {\n  type UtilitiesType,\n  type SiteConfigType,\n  type AvatarType,\n  type ButtonType,\n  type BreakPointType,\n  type TokenColorsType,\n  type ColorsType,\n  type SpacingType,\n  type FontSizesType,\n  type TypographyType,\n  type ThemeType,\n  type ShadowsType,\n} from \"../types\";\n\nimport { crukTheme as defaultTheme } from \"./cruk\";\n\nexport const UTILITIES: UtilitiesType = {\n  ...defaultTheme.utilities,\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n  ...defaultTheme.siteConfig,\n  logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/rfl-sl.svg\",\n};\n\nexport const AVATAR: AvatarType = {\n  ...defaultTheme.avatar,\n  path: `${SITE_CONFIG.assetPath}images/avatar/rfl/`,\n};\n\nexport const BUTTON: ButtonType = {\n  ...defaultTheme.button,\n};\n\nexport const BREAKPOINT: BreakPointType = {\n  ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n  ...defaultTheme.tokenColors,\n};\n\nexport const COLORS: ColorsType = {\n  ...defaultTheme.colors,\n  textHeaderDefault: TOKEN_COLORS.navy_600,\n  headerTaglineText: TOKEN_COLORS.navy_600,\n  progressBar: TOKEN_COLORS.magenta_700,\n  progressBarSecondary: TOKEN_COLORS.navy_600,\n};\n\nexport const SPACING: SpacingType = {\n  ...defaultTheme.spacing,\n};\n\nexport const SHADOWS: ShadowsType = {\n  ...defaultTheme.shadows,\n};\n\nexport const FONT_SIZES: FontSizesType = {\n  ...defaultTheme.fontSizes,\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n  ...defaultTheme.typography,\n  fontWeightHeadings: 600,\n};\n\nexport const rflTheme: ThemeType = {\n  name: \"rfl\",\n  avatar: { ...AVATAR },\n  breakpoint: { ...BREAKPOINT },\n  button: { ...BUTTON },\n  tokenColors: { ...TOKEN_COLORS },\n  colors: { ...COLORS },\n  spacing: { ...SPACING },\n  fontSizes: { ...FONT_SIZES },\n  siteConfig: { ...SITE_CONFIG },\n  typography: { ...TYPOGRAPHY },\n  shadows: { ...SHADOWS },\n  utilities: { ...UTILITIES },\n};\n\nexport default rflTheme;\n"],"names":["UTILITIES","__assign","defaultTheme","utilities","SITE_CONFIG","siteConfig","logoSrc","AVATAR","avatar","path","assetPath","BUTTON","button","BREAKPOINT","breakpoint","TOKEN_COLORS","tokenColors","COLORS","colors","textHeaderDefault","navy_600","headerTaglineText","progressBar","magenta_700","progressBarSecondary","SPACING","spacing","SHADOWS","shadows","FONT_SIZES","fontSizes","TYPOGRAPHY","typography","fontWeightHeadings","rflTheme","name"],"mappings":"2GAiBaA,EAASC,EAAA,GACjBC,EAAaC,WAGLC,EAAWH,EAAAA,EAAA,CAAA,EACnBC,EAAaG,YAAU,CAC1BC,QAAS,oEAGEC,EAAMN,EAAAA,EAAA,CAAA,EACdC,EAAaM,QAAM,CACtBC,KAAM,UAAGL,EAAYM,UAAS,wBAGnBC,EAAMV,EAAA,GACdC,EAAaU,QAGLC,EAAUZ,EAAA,GAClBC,EAAaY,YAGLC,EAAYd,EAAA,GACpBC,EAAac,aAGLC,EAAMhB,EAAAA,EAAA,CAAA,EACdC,EAAagB,QAAM,CACtBC,kBAAmBJ,EAAaK,SAChCC,kBAAmBN,EAAaK,SAChCE,YAAaP,EAAaQ,YAC1BC,qBAAsBT,EAAaK,WAGxBK,EAAOxB,EAAA,GACfC,EAAawB,SAGLC,EAAO1B,EAAA,GACfC,EAAa0B,SAGLC,EAAU5B,EAAA,GAClBC,EAAa4B,WAGLC,EAAU9B,EAAAA,EAAA,CAAA,EAClBC,EAAa8B,YAAU,CAC1BC,mBAAoB,MAGTC,EAAsB,CACjCC,KAAM,MACN3B,OAAMP,EAAA,CAAA,EAAOM,GACbO,WAAUb,EAAA,CAAA,EAAOY,GACjBD,OAAMX,EAAA,CAAA,EAAOU,GACbK,YAAWf,EAAA,CAAA,EAAOc,GAClBG,OAAMjB,EAAA,CAAA,EAAOgB,GACbS,QAAOzB,EAAA,CAAA,EAAOwB,GACdK,UAAS7B,EAAA,CAAA,EAAO4B,GAChBxB,WAAUJ,EAAA,CAAA,EAAOG,GACjB4B,WAAU/B,EAAA,CAAA,EAAO8B,GACjBH,QAAO3B,EAAA,CAAA,EAAO0B,GACdxB,UAASF,EAAA,CAAA,EAAOD"}
+{"version":3,"file":"rfl.js","sources":["../../../src/themes/rfl.ts"],"sourcesContent":["import {\n  type UtilitiesType,\n  type SiteConfigType,\n  type AvatarType,\n  type ButtonType,\n  type BreakPointType,\n  type TokenColorsType,\n  type ColorsType,\n  type SpacingType,\n  type FontSizesType,\n  type TypographyType,\n  type ThemeType,\n  type ShadowsType,\n} from \"../types\";\n\nimport { crukTheme as defaultTheme } from \"./cruk\";\n\nexport const UTILITIES: UtilitiesType = {\n  ...defaultTheme.utilities,\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n  ...defaultTheme.siteConfig,\n  logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/rfl.svg\",\n};\n\nexport const AVATAR: AvatarType = {\n  ...defaultTheme.avatar,\n  path: `${SITE_CONFIG.assetPath}images/avatar/rfl/`,\n};\n\nexport const BUTTON: ButtonType = {\n  ...defaultTheme.button,\n};\n\nexport const BREAKPOINT: BreakPointType = {\n  ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n  ...defaultTheme.tokenColors,\n};\n\nexport const COLORS: ColorsType = {\n  ...defaultTheme.colors,\n  textHeaderDefault: TOKEN_COLORS.navy_600,\n  headerTaglineText: TOKEN_COLORS.navy_600,\n  progressBar: TOKEN_COLORS.magenta_700,\n  progressBarSecondary: TOKEN_COLORS.navy_600,\n};\n\nexport const SPACING: SpacingType = {\n  ...defaultTheme.spacing,\n};\n\nexport const SHADOWS: ShadowsType = {\n  ...defaultTheme.shadows,\n};\n\nexport const FONT_SIZES: FontSizesType = {\n  ...defaultTheme.fontSizes,\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n  ...defaultTheme.typography,\n  fontWeightHeadings: 600,\n};\n\nexport const rflTheme: ThemeType = {\n  name: \"rfl\",\n  avatar: { ...AVATAR },\n  breakpoint: { ...BREAKPOINT },\n  button: { ...BUTTON },\n  tokenColors: { ...TOKEN_COLORS },\n  colors: { ...COLORS },\n  spacing: { ...SPACING },\n  fontSizes: { ...FONT_SIZES },\n  siteConfig: { ...SITE_CONFIG },\n  typography: { ...TYPOGRAPHY },\n  shadows: { ...SHADOWS },\n  utilities: { ...UTILITIES },\n};\n\nexport default rflTheme;\n"],"names":["UTILITIES","__assign","defaultTheme","utilities","SITE_CONFIG","siteConfig","logoSrc","AVATAR","avatar","path","assetPath","BUTTON","button","BREAKPOINT","breakpoint","TOKEN_COLORS","tokenColors","COLORS","colors","textHeaderDefault","navy_600","headerTaglineText","progressBar","magenta_700","progressBarSecondary","SPACING","spacing","SHADOWS","shadows","FONT_SIZES","fontSizes","TYPOGRAPHY","typography","fontWeightHeadings","rflTheme","name"],"mappings":"2GAiBaA,EAASC,EAAA,GACjBC,EAAaC,WAGLC,EAAWH,EAAAA,EAAA,CAAA,EACnBC,EAAaG,YAAU,CAC1BC,QAAS,iEAGEC,EAAMN,EAAAA,EAAA,CAAA,EACdC,EAAaM,QAAM,CACtBC,KAAM,UAAGL,EAAYM,UAAS,wBAGnBC,EAAMV,EAAA,GACdC,EAAaU,QAGLC,EAAUZ,EAAA,GAClBC,EAAaY,YAGLC,EAAYd,EAAA,GACpBC,EAAac,aAGLC,EAAMhB,EAAAA,EAAA,CAAA,EACdC,EAAagB,QAAM,CACtBC,kBAAmBJ,EAAaK,SAChCC,kBAAmBN,EAAaK,SAChCE,YAAaP,EAAaQ,YAC1BC,qBAAsBT,EAAaK,WAGxBK,EAAOxB,EAAA,GACfC,EAAawB,SAGLC,EAAO1B,EAAA,GACfC,EAAa0B,SAGLC,EAAU5B,EAAA,GAClBC,EAAa4B,WAGLC,EAAU9B,EAAAA,EAAA,CAAA,EAClBC,EAAa8B,YAAU,CAC1BC,mBAAoB,MAGTC,EAAsB,CACjCC,KAAM,MACN3B,OAAMP,EAAA,CAAA,EAAOM,GACbO,WAAUb,EAAA,CAAA,EAAOY,GACjBD,OAAMX,EAAA,CAAA,EAAOU,GACbK,YAAWf,EAAA,CAAA,EAAOc,GAClBG,OAAMjB,EAAA,CAAA,EAAOgB,GACbS,QAAOzB,EAAA,CAAA,EAAOwB,GACdK,UAAS7B,EAAA,CAAA,EAAO4B,GAChBxB,WAAUJ,EAAA,CAAA,EAAOG,GACjB4B,WAAU/B,EAAA,CAAA,EAAO8B,GACjBH,QAAO3B,EAAA,CAAA,EAAO0B,GACdxB,UAASF,EAAA,CAAA,EAAOD"}

package/lib/src/utils/Helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Helper.js","sources":["../../../src/utils/Helper.ts"],"sourcesContent":["export const isBrowser = typeof window !== \"undefined\";\n\nexport const calculatePercentRounded = (\n  value: number,\n  target: number,\n): number => {\n  const percent = (value / target) * 100;\n  if (percent === Number.POSITIVE_INFINITY || Number.isNaN(percent)) {\n    return 0;\n  }\n  return Math.floor(percent < 1 ? Math.ceil(percent) : Math.floor(percent));\n};\n\nexport const formatMoney = (value: number): string => {\n  const parsed = Number.parseFloat(\n    (Math.round(value * 100) / 100).toString(),\n  ).toFixed(2);\n  if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n    return \"0\";\n  }\n  return parsed;\n};\n\nexport const numberWithCommas = (n?: number | string): string => {\n  if (!n) {\n    return \"\";\n  }\n  const parts = n.toString().split(\".\");\n\n  return `${parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}${\n    parts[1] ? `.${parts[1]}` : \"\"\n  }`;\n};\n\nexport const formatMoneyWithCommas = (value: number): string => {\n  const parsed = Number.parseFloat(\n    (Math.round(value * 100) / 100).toString(),\n  ).toFixed(2);\n  if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n    return \"0\";\n  }\n  return numberWithCommas(parsed);\n};\n\nexport const camelize = (str: string): string =>\n  str\n    .toString()\n    .replace(/(?:^\\w|[A-Z]|\\b\\w)/g, (word: string, index: number) =>\n      index === 0 ? word.toLowerCase() : word.toUpperCase(),\n    )\n    .replace(/\\s+/g, \"\");\n\nexport const removeCommasFromObjectStringValues = <T>(object: T) =>\n  Object.entries(object as Record<string, unknown>).reduce((acc, [k, v]) => {\n    const value = typeof v === \"string\" ? v.replace(/,/g, \"\") : v;\n    return {\n      ...acc,\n      [k as keyof T]: value,\n    };\n  }, {} as T);\n"],"names":["isBrowser","window","calculatePercentRounded","value","target","percent","Number","POSITIVE_INFINITY","isNaN","Math","floor","ceil","numberWithCommas","n","parts","toString","split","concat","replace","formatMoneyWithCommas","parsed","parseFloat","round","toFixed","removeCommasFromObjectStringValues","object","Object","entries","reduce","acc","_a","k","v","__assign","_b"],"mappings":"qEAAaA,EAA8B,oBAAXC,OAEnBC,EAA0B,SACrCC,EACAC,GAEA,IAAMC,EAAWF,EAAQC,EAAU,IACnC,OAAIC,IAAYC,OAAOC,mBAAqBD,OAAOE,MAAMH,GAChD,EAEFI,KAAKC,MAAML,EAAU,EAAII,KAAKE,KAAKN,GAAWI,KAAKC,MAAML,GAClE,EAYaO,EAAmB,SAACC,GAC/B,IAAKA,EACH,MAAO,GAET,IAAMC,EAAQD,EAAEE,WAAWC,MAAM,KAEjC,MAAO,GAAAC,OAAGH,EAAM,GAAGI,QAAQ,wBAAyB,aAClDJ,EAAM,GAAK,IAAAG,OAAIH,EAAM,IAAO,GAEhC,EAEaK,EAAwB,SAAChB,GACpC,IAAMiB,EAASd,OAAOe,YACnBZ,KAAKa,MAAc,IAARnB,GAAe,KAAKY,YAChCQ,QAAQ,GACV,OAAIjB,OAAOE,MAAMa,WAAWD,KAAYd,OAAOE,MAAML,GAC5C,IAEFS,EAAiBQ,EAC1B,EAUaI,EAAqC,SAAIC,GACpD,OAAAC,OAAOC,QAAQF,GAAmCG,OAAO,SAACC,EAAKC,SAACC,EAACD,EAAA,GAAEE,EAACF,EAAA,GAC5D3B,EAAqB,iBAAN6B,EAAiBA,EAAEd,QAAQ,KAAM,IAAMc,EAC5D,OAAAC,EAAAA,EAAA,CAAA,EACKJ,KAAGK,EAAA,CAAA,GACLH,GAAe5B,EAAK+B,KAEtB,GANH"}
+{"version":3,"file":"Helper.js","sources":["../../../src/utils/Helper.ts"],"sourcesContent":["export const isBrowser = typeof window !== \"undefined\";\n\nexport const calculatePercentRounded = (\n  value: number,\n  target: number,\n): number => {\n  const percent = (value / target) * 100;\n  if (percent === Number.POSITIVE_INFINITY || Number.isNaN(percent)) {\n    return 0;\n  }\n  return Math.floor(percent < 1 ? Math.ceil(percent) : Math.floor(percent));\n};\n\nexport const formatMoney = (value: number): string => {\n  const parsed = Number.parseFloat(\n    (Math.round(value * 100) / 100).toString(),\n  ).toFixed(2);\n  if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n    return \"0\";\n  }\n  return parsed;\n};\n\nexport const numberWithCommas = (n?: number | string): string => {\n  if (!n) {\n    return \"\";\n  }\n  const parts = n.toString().split(\".\");\n\n  return `${parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}${\n    parts[1] ? `.${parts[1]}` : \"\"\n  }`;\n};\n\nexport const formatMoneyWithCommas = (value: number): string => {\n  const parsed = Number.parseFloat(\n    (Math.round(value * 100) / 100).toString(),\n  ).toFixed(2);\n  if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n    return \"0\";\n  }\n  return numberWithCommas(parsed);\n};\n\nexport const camelize = (str: string): string =>\n  str\n    .toString()\n    .replace(/(?:^\\w|[A-Z]|\\b\\w)/g, (word: string, index: number) =>\n      index === 0 ? word.toLowerCase() : word.toUpperCase(),\n    )\n    .replace(/\\s+/g, \"\");\n\nexport const removeCommasFromObjectStringValues = <T>(object: T) =>\n  Object.entries(object as Record<string, unknown>).reduce((acc, [k, v]) => {\n    const value = typeof v === \"string\" ? v.replace(/,/g, \"\") : v;\n    return {\n      ...acc,\n      [k as keyof T]: value,\n    };\n  }, {} as T);\n"],"names":["isBrowser","window","calculatePercentRounded","value","target","percent","Number","POSITIVE_INFINITY","isNaN","Math","floor","ceil","numberWithCommas","n","parts","toString","split","concat","replace","formatMoneyWithCommas","parsed","parseFloat","round","toFixed","removeCommasFromObjectStringValues","object","Object","entries","reduce","acc","_a","k","v","__assign","_b"],"mappings":"qEAAaA,EAA8B,oBAAXC,OAEnBC,EAA0B,SACrCC,EACAC,GAEA,IAAMC,EAAWF,EAAQC,EAAU,IACnC,OAAIC,IAAYC,OAAOC,mBAAqBD,OAAOE,MAAMH,GAChD,EAEFI,KAAKC,MAAML,EAAU,EAAII,KAAKE,KAAKN,GAAWI,KAAKC,MAAML,GAClE,EAYaO,EAAmB,SAACC,GAC/B,IAAKA,EACH,MAAO,GAET,IAAMC,EAAQD,EAAEE,WAAWC,MAAM,KAEjC,MAAO,GAAAC,OAAGH,EAAM,GAAGI,QAAQ,wBAAyB,aAClDJ,EAAM,GAAK,IAAAG,OAAIH,EAAM,IAAO,GAEhC,EAEaK,EAAwB,SAAChB,GACpC,IAAMiB,EAASd,OAAOe,YACnBZ,KAAKa,MAAc,IAARnB,GAAe,KAAKY,YAChCQ,QAAQ,GACV,OAAIjB,OAAOE,MAAMa,WAAWD,KAAYd,OAAOE,MAAML,GAC5C,IAEFS,EAAiBQ,EAC1B,EAUaI,EAAqC,SAAIC,GACpD,OAAAC,OAAOC,QAAQF,GAAmCG,OAAO,SAACC,EAAKC,SAACC,EAACD,EAAA,GAAEE,EAACF,EAAA,GAC5D3B,EAAqB,iBAAN6B,EAAiBA,EAAEd,QAAQ,KAAM,IAAMc,EAC5D,OAAAC,EAAAA,EAAA,CAAA,EACKJ,KAAGK,EAAA,CAAA,GACLH,GAAe5B,EAAK+B,GAEzB,EAAG,CAAA,EANH"}

package/lib/src/utils/debounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.js","sources":["../../../src/utils/debounce.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const debounce = (delay: number, callback: (...args: any) => void) => {\n  let timerId: ReturnType<typeof setTimeout> | null;\n  return (...args: unknown[]) => {\n    if (timerId) {\n      clearTimeout(timerId);\n    }\n    timerId = setTimeout(() => {\n      callback(...args);\n      timerId = null;\n    }, delay);\n  };\n};\n\nexport default debounce;\n"],"names":["debounce","delay","callback","timerId","args","_i","arguments","length","clearTimeout","setTimeout","apply"],"mappings":"AACO,IAAMA,EAAW,SAACC,EAAeC,GACtC,IAAIC,EACJ,OAAO,eAAC,IAAAC,EAAA,GAAAC,EAAA,EAAAA,EAAAC,UAAAC,OAAAF,IAAAD,EAAAC,GAAAC,UAAAD,GACFF,GACFK,aAAaL,GAEfA,EAAUM,WAAW,WACnBP,EAAQQ,WAAA,EAAIN,GACZD,EAAU,MACTF,EACL,CACF"}
+{"version":3,"file":"debounce.js","sources":["../../../src/utils/debounce.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const debounce = (delay: number, callback: (...args: any) => void) => {\n  let timerId: ReturnType<typeof setTimeout> | null;\n  return (...args: unknown[]) => {\n    if (timerId) {\n      clearTimeout(timerId);\n    }\n    timerId = setTimeout(() => {\n      callback(...args);\n      timerId = null;\n    }, delay);\n  };\n};\n\nexport default debounce;\n"],"names":["debounce","delay","callback","timerId","args","_i","arguments","length","clearTimeout","setTimeout","apply"],"mappings":"AACO,IAAMA,EAAW,SAACC,EAAeC,GACtC,IAAIC,EACJ,OAAO,eAAC,IAAAC,EAAA,GAAAC,EAAA,EAAAA,EAAAC,UAAAC,OAAAF,IAAAD,EAAAC,GAAAC,UAAAD,GACFF,GACFK,aAAaL,GAEfA,EAAUM,WAAW,WACnBP,EAAQQ,WAAA,EAAIN,GACZD,EAAU,IACZ,EAAGF,EACL,CACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/cruk-react-components",
-  "version": "6.1.1",
+  "version": "6.1.2",
   "description": "React components implementing CRUK, RFL, SU2C & Bowelbabe designs",
   "license": "MIT",
   "publishConfig": {
@@ -53,21 +53,21 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-a11y": "^9.0.14",
-    "@storybook/addon-docs": "^9.0.14",
-    "@storybook/addon-links": "^9.0.14",
-    "@storybook/react-vite": "^9.0.14",
+    "@storybook/addon-a11y": "^10",
+    "@storybook/addon-docs": "^10",
+    "@storybook/addon-links": "^10",
+    "@storybook/react-vite": "^10",
     "@types/assert": "^1.5.1",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@vitejs/plugin-legacy": "^6.1.1",
-    "@vitejs/plugin-react-swc": "^3.10.2",
+    "@vitejs/plugin-legacy": "^7",
+    "@vitejs/plugin-react-swc": "^3.11.0",
     "chromatic": "^11.28.2",
     "eslint": "^9",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-hooks": "^5.1.0",
-    "eslint-plugin-storybook": "^9.0.14",
+    "eslint-plugin-storybook": "^10",
     "prettier": "^3",
     "prop-types": "^15.8.1",
     "react": "^19",
@@ -76,7 +76,7 @@
     "rollup": "^4.22.4",
     "rollup-plugin-typescript2": "^0.36.0",
     "source-map-explorer": "^2.2.2",
-    "storybook": "^9.0.14",
+    "storybook": "^10",
     "ts-loader": "9.5.1",
     "tsx": "^4.20.3",
     "typescript": "^5.7.3",
@@ -88,14 +88,15 @@
     "styled-components": "^6.1.11"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-common-types": "^6.7.2",
-    "@fortawesome/free-brands-svg-icons": "^6.7.2",
-    "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@swc/plugin-styled-components": "^8.0.2",
+    "@fortawesome/fontawesome-common-types": "^7",
+    "@fortawesome/free-brands-svg-icons": "^7",
+    "@fortawesome/free-solid-svg-icons": "^7",
+    "@swc/plugin-styled-components": "^10",
     "react-focus-lock": "^2.13.6",
     "react-intersection-observer": "^9.1.0",
     "react-is": "^19",
     "styled-components": "^6.1.11",
-    "vite": "^6.0.0"
+    "vite": "^7",
+    "@swc/core": "1.9.3"
   }
 }

package/lib/playwright/index.d.ts

@@ -1 +0,0 @@
-import "./fonts.css";

package/lib/playwright/utils.d.ts

@@ -1,19 +0,0 @@
-import React from "react";
-import { type ThemeType } from "src/components";
-type themeNameType = "CRUK" | "SU2C" | "RFL" | "Bowelbabe";
-export type ThemeTypeWithName = {
-    name: themeNameType;
-    theme: ThemeType;
-};
-export declare function testAccessibilityForTheme({ componentName, themeName, component, ignoreRules, }: {
-    componentName: string;
-    themeName: "CRUK" | "SU2C" | "RFL" | "Bowelbabe";
-    component: () => React.ReactElement;
-    ignoreRules?: string[];
-}): void;
-export declare function testAccessibilityOnAllThemes({ componentName, component, ignoreRules, }: {
-    componentName: string;
-    component: () => React.ReactElement;
-    ignoreRules?: string[];
-}): void;
-export {};

package/lib/src/components/AddressLookup/AddressLookup.spec.d.ts

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

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

@@ -1,24 +0,0 @@
-import React from "react";
-import { type StoryObj } from "@storybook/react-vite";
-import { type AddressLookupProps } from ".";
-declare const _default: {
-    title: string;
-    component: ({ apiKey, countries, errorMessage, hasError, isValid, isValidVisible, isInvalidVisible, label, hintText, ref, onAddressError, onAddressSelected, onChange, onBlur, ...props }: AddressLookupProps) => React.JSX.Element;
-    args: {
-        disabled: boolean;
-        errorMessage: string;
-        hasError: boolean;
-        label: string;
-        hintText: string;
-        required: boolean;
-        isValid: boolean;
-        isValidVisible: boolean;
-        isInvalidVisible: boolean;
-        apiKey: string;
-        onAddressSelected: (address: unknown) => void;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj;
-export declare const AddressLookupStory: Story;

package/lib/src/components/Avatar/Avatar.spec.d.ts

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

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

@@ -1,20 +0,0 @@
-import { type StoryObj } from "@storybook/react-vite";
-import { Avatar } from ".";
-declare const _default: {
-    title: string;
-    component: typeof Avatar;
-    args: {
-        name: string;
-        size: string;
-        alt: string;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof Avatar>;
-export declare const Default: Story;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;
-export declare const ExtraLarge: Story;
-export declare const CustomImage: Story;

package/lib/src/components/Badge/Badge.spec.d.ts

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

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

@@ -1,17 +0,0 @@
-import { type StoryObj } from "@storybook/react-vite";
-import { Badge } from ".";
-declare const _default: {
-    title: string;
-    component: typeof Badge;
-    args: {
-        backgroundColor: string;
-        textColor: string;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof Badge>;
-export declare const Default: Story;
-export declare const BadgeWithText: Story;
-export declare const BadgeWithColour: Story;
-export declare const BadgeWithInverseColours: Story;

package/lib/src/components/Box/Box.spec.d.ts

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

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

@@ -1,14 +0,0 @@
-import React from "react";
-import { type StoryObj } from "@storybook/react-vite";
-import Box from ".";
-declare const _default: {
-    title: string;
-    component: ({ ...props }: import(".").BoxProps) => React.JSX.Element;
-    args: {};
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof Box>;
-export declare const Default: Story;
-export declare const BoxWithColour: Story;
-export declare const BoxWithColourWithCustomSpacing: Story;

package/lib/src/components/Button/Button.spec.d.ts

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

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

@@ -1,23 +0,0 @@
-import React from "react";
-import { type StoryObj } from "@storybook/react-vite";
-import { Button } from "./";
-declare const _default: {
-    title: string;
-    component: (props: import("./").ButtonProps) => React.JSX.Element;
-    args: {
-        appearance: string;
-        disabled: boolean;
-        children: string;
-        full: boolean;
-        size: string;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof Button>;
-export declare const Default: Story;
-export declare const Primary: Story;
-export declare const PrimaryAnchorButton: Story;
-export declare const Secondary: Story;
-export declare const Tertiary: Story;
-export declare const WithIcons: Story;

package/lib/src/components/Carousel/Carousel.spec.d.ts

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

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

@@ -1,14 +0,0 @@
-import React from "react";
-import { type StoryObj } from "@storybook/react-vite";
-import Carousel, { type CarouselProps } from ".";
-declare const _default: {
-    title: string;
-    component: React.MemoExoticComponent<({ startPosition, children, onPositionChanged, shrinkUnselectedPages, fullWidthChild, }: CarouselProps) => React.JSX.Element>;
-    args: {};
-    render: (args: CarouselProps) => React.JSX.Element;
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof Carousel>;
-export declare const Default: Story;
-export declare const WithExternalPositionState: Story;

package/lib/src/components/Checkbox/Checkbox.spec.d.ts

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

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

@@ -1,19 +0,0 @@
-import React from "react";
-import { type StoryObj } from "@storybook/react-vite";
-import CheckBox, { type CheckBoxProps } from ".";
-declare const _default: {
-    title: string;
-    component: (props: CheckBoxProps) => React.JSX.Element;
-    args: {
-        id: string;
-        disabled: boolean;
-        value: string;
-        hasError: boolean;
-        errorMessage: string;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof CheckBox>;
-export declare const Default: Story;
-export declare const CheckboxDefaultError: Story;

package/lib/src/components/Collapse/Collapse.spec.d.ts

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

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

@@ -1,18 +0,0 @@
-import React from "react";
-import { type StoryObj } from "@storybook/react-vite";
-import Collapse from ".";
-declare const _default: {
-    title: string;
-    component: typeof Collapse;
-    args: {
-        id: string;
-        headerTitleText: string;
-        children: React.JSX.Element;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof Collapse>;
-export declare const CollapseWithTextHeader: Story;
-export declare const CollapseWithModifiedText: Story;
-export declare const CollapseWitCustomHeader: Story;

package/lib/src/components/DateField/DateField.spec.d.ts

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

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

@@ -1,27 +0,0 @@
-import { type StoryObj } from "@storybook/react-vite";
-import DateField from ".";
-declare const _default: {
-    title: string;
-    component: typeof DateField;
-    args: {
-        dayName: string;
-        monthName: string;
-        yearName: string;
-        label: string;
-        hintText: string;
-        onChange: () => void;
-        onBlur: () => void;
-        onFocus: () => void;
-        disabled: boolean;
-        required: boolean;
-        dayHasError: boolean;
-        monthHasError: boolean;
-        yearHasError: boolean;
-        errorMessage: string;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof DateField>;
-export declare const Default: Story;
-export declare const DateFieldWithError: Story;

package/lib/src/components/ErrorText/ErrorText.spec.d.ts

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

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

@@ -1,13 +0,0 @@
-import { type StoryObj } from "@storybook/react-vite";
-import ErrorText from ".";
-declare const _default: {
-    title: string;
-    component: typeof ErrorText;
-    args: {
-        children: string;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof ErrorText>;
-export declare const ErrorTextDefault: Story;

package/lib/src/components/Footer/Footer.spec.d.ts

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

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

@@ -1,12 +0,0 @@
-import React from "react";
-import { type StoryObj } from "@storybook/react-vite";
-import Footer, { type FooterProps } from ".";
-declare const _default: {
-    title: string;
-    component: typeof Footer;
-    render: (args: FooterProps) => React.JSX.Element;
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof Footer>;
-export declare const FooterDefault: Story;

package/lib/src/components/Header/Header.spec.d.ts

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

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

@@ -1,19 +0,0 @@
-import React from "react";
-import { type StoryObj } from "@storybook/react-vite";
-import Header from ".";
-declare const _default: {
-    title: string;
-    component: typeof Header;
-    args: {
-        siteSlogan: string;
-        children: React.JSX.Element;
-        isSticky: boolean;
-        fullWidth: boolean;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof Header>;
-export declare const HeaderDefault: Story;
-export declare const HeaderFullWidth: Story;
-export declare const HeaderSticky: Story;

package/lib/src/components/Heading/Heading.spec.d.ts

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

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

@@ -1,19 +0,0 @@
-import { type StoryObj } from "@storybook/react-vite";
-import Heading from ".";
-declare const _default: {
-    title: string;
-    component: typeof Heading;
-    args: {};
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof Heading>;
-export declare const DefaultHeading: Story;
-export declare const HeadingSize: Story;
-export declare const HeadingAligned: Story;
-export declare const H1: Story;
-export declare const H2: Story;
-export declare const H3: Story;
-export declare const H4: Story;
-export declare const H5: Story;
-export declare const H6: Story;

package/lib/src/components/IconFa/IconFa.spec.d.ts

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

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

@@ -1,13 +0,0 @@
-import { type StoryObj } from "@storybook/react-vite";
-import { IconFa } from "..";
-declare const _default: {
-    title: string;
-    component: typeof IconFa;
-    args: {
-        faIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof IconFa>;
-export declare const IconFADefault: Story;

package/lib/src/components/InfoBox/InfoBox.spec.d.ts

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

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

@@ -1,20 +0,0 @@
-import React from "react";
-import { type StoryObj } from "@storybook/react-vite";
-import InfoBox from ".";
-declare const _default: {
-    title: string;
-    component: ({ children, titleText, titleTextColor, descriptionText, descriptionTextColor, icon, ref, ...spacingAndHTMLElementProps }: import(".").InfoBoxProps) => React.JSX.Element;
-    args: {
-        titleText: string;
-        titleTextColor: string;
-        descriptionText: string;
-        descriptionTextColor: string;
-        icon: React.JSX.Element;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof InfoBox>;
-export declare const InfoBoxDefault: Story;
-export declare const InfoBoxCustomBackground: Story;
-export declare const InfoBoxWithChildren: Story;

package/lib/src/components/LegendWrapper/LegendWrapper.spec.d.ts

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

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

@@ -1,17 +0,0 @@
-import { type StoryObj } from "@storybook/react-vite";
-import LegendWrapper from ".";
-declare const _default: {
-    title: string;
-    component: typeof LegendWrapper;
-    args: {
-        legendText: string;
-        hintText: string;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof LegendWrapper>;
-export declare const LegendWrapperRadio: Story;
-export declare const LegendWrapperRadioError: Story;
-export declare const LegendWrapperCheckbox: Story;
-export declare const LegendWrapperCheckboxError: Story;

package/lib/src/components/Link/Link.spec.d.ts

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

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

@@ -1,24 +0,0 @@
-import React from "react";
-import { type StoryObj } from "@storybook/react-vite";
-import Link from ".";
-declare const _default: {
-    title: string;
-    component: {
-        (props: import(".").LinkProps): React.JSX.Element;
-        displayName: string;
-    };
-    args: {
-        appearance: undefined;
-        href: string;
-        children: string;
-        rel: undefined;
-        target: undefined;
-    };
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof Link>;
-export declare const Default: Story;
-export declare const Primary: Story;
-export declare const Secondary: Story;
-export declare const WithImage: Story;

package/lib/src/components/Loader/Loader.spec.d.ts

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

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

@@ -1,11 +0,0 @@
-import { type StoryObj } from "@storybook/react-vite";
-import Loader from ".";
-declare const _default: {
-    title: string;
-    component: typeof Loader;
-    args: {};
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof Loader>;
-export declare const LoaderDefault: Story;

package/lib/src/components/Modal/Modal.spec.d.ts

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

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

@@ -1,11 +0,0 @@
-import { type StoryObj } from "@storybook/react-vite";
-import Modal from ".";
-declare const _default: {
-    title: string;
-    component: typeof Modal;
-    args: {};
-    tags: string[];
-};
-export default _default;
-type Story = StoryObj<typeof Modal>;
-export declare const ModalDefault: Story;

package/lib/src/components/Pagination/Pagination.spec.d.ts

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