@cruk/cruk-react-components 5.0.7 → 5.0.8

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

@@ -1 +1 @@
-{"version":3,"file":"su2c.js","sources":["../../../src/themes/su2c.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  useBackgroundStyleLinks: true,\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n  ...defaultTheme.siteConfig,\n  logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png\",\n  footerCopyText:\n    \"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.\",\n};\n\nexport const AVATAR: AvatarType = {\n  ...defaultTheme.avatar,\n  path: `${SITE_CONFIG.assetPath}images/avatar/su2c/`,\n};\n\nexport const BUTTON: ButtonType = {\n  ...defaultTheme.button,\n  borderRadius: \"1.5rem\",\n  borderRadiusLarge: \"2rem\",\n  textTransform: \"uppercase\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n  ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n  ...defaultTheme.tokenColors,\n  su2cOrange5: \"#FF8E00\",\n  su2cOrange3: \"#FFB04D\",\n  su2cOrange2: \"#FFDAAD\",\n  su2cOrange1: \"#FFF6EB\",\n  su2cBlack: \"#231F20\",\n  su2cGrey1: \"#555759\",\n  su2cGrey2: \"#A5A5A9\",\n  su2cRed: \"#EF4135\",\n  su2cYellow: \"#FFC325\",\n};\n\nexport const COLORS: ColorsType = {\n  ...defaultTheme.colors,\n  primary: TOKEN_COLORS.su2cOrange5,\n  secondary: TOKEN_COLORS.su2cOrange5,\n  tertiary: TOKEN_COLORS.su2cBlack,\n  textHeaderDefault: TOKEN_COLORS.su2cBlack,\n\n  textOnPrimary: TOKEN_COLORS.su2cBlack,\n\n  avatarBorder: TOKEN_COLORS.su2cBlack,\n  progressBar: TOKEN_COLORS.su2cOrange5,\n  progressBarSecondary: TOKEN_COLORS.su2cRed,\n  circularProgress: TOKEN_COLORS.su2cOrange3,\n  circularProgressSecondary: TOKEN_COLORS.su2cRed,\n  linkColor: TOKEN_COLORS.su2cOrange5,\n  linkColorHover: TOKEN_COLORS.su2cRed,\n  linkColorSecondary: TOKEN_COLORS.su2cOrange5,\n  linkColorSecondaryHover: TOKEN_COLORS.su2cRed,\n\n  backgroundLightColor: TOKEN_COLORS.su2cOrange2,\n\n  loaderColor1: TOKEN_COLORS.su2cOrange5,\n  loaderColor2: TOKEN_COLORS.su2cRed,\n  loaderColor3: TOKEN_COLORS.su2cBlack,\n\n  paginationText: TOKEN_COLORS.su2cBlack,\n  paginationBackground: TOKEN_COLORS.su2cBlack,\n\n  totaliserBubbleColor: TOKEN_COLORS.su2cBlack,\n  totaliserBubbleTextColor: TOKEN_COLORS.white,\n  totaliserBubbleTotalColor: TOKEN_COLORS.white,\n\n  collapseHeaderColor: TOKEN_COLORS.su2cOrange5,\n  check: TOKEN_COLORS.su2cBlack,\n\n  headerTaglineText: TOKEN_COLORS.su2cOrange5,\n\n  buttonPrimaryBackground: TOKEN_COLORS.su2cOrange5,\n  buttonPrimaryText: TOKEN_COLORS.su2cBlack,\n  buttonPrimaryBorder: TOKEN_COLORS.su2cOrange5,\n  buttonPrimaryBackgroundHover: TOKEN_COLORS.su2cOrange3,\n  buttonPrimaryTextHover: TOKEN_COLORS.su2cBlack,\n  buttonPrimaryBorderHover: TOKEN_COLORS.su2cOrange3,\n  buttonPrimaryDisabledBackground: TOKEN_COLORS.grey_200,\n  buttonPrimaryDisabledText: TOKEN_COLORS.grey_600,\n  buttonPrimaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n  buttonSecondaryBackground: TOKEN_COLORS.white,\n  buttonSecondaryText: TOKEN_COLORS.su2cOrange5,\n  buttonSecondaryBorder: TOKEN_COLORS.su2cOrange5,\n  buttonSecondaryBackgroundHover: TOKEN_COLORS.su2cOrange1,\n  buttonSecondaryTextHover: TOKEN_COLORS.su2cOrange5,\n  buttonSecondaryBorderHover: TOKEN_COLORS.su2cOrange5,\n  buttonSecondaryDisabledBackground: TOKEN_COLORS.white,\n  buttonSecondaryDisabledText: TOKEN_COLORS.grey_200,\n  buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n  buttonTertiaryText: TOKEN_COLORS.su2cOrange5,\n  buttonTertiaryTextHover: TOKEN_COLORS.su2cOrange5,\n  buttonTertiaryDisabledText: TOKEN_COLORS.grey_200,\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  customFonts: [\n    {\n      family: \"itc_avant_garde_pro\",\n      urlWoff: `${SITE_CONFIG.assetPath}fonts/itc_-_itcavantgardepro-bold-webfont.woff`,\n      fontWeight: 700,\n    },\n  ],\n  fontFamilyHeadings: \"itc_avant_garde_pro,Arial,sans-serif\",\n  fontFamilyLinks: \"itc_avant_garde_pro,Arial,sans-serif\",\n  fontFamilyButtons: \"itc_avant_garde_pro,Arial,sans-serif\",\n  fontFamilyBase:\n    \"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n  fontFamilyLabel:\n    \"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n  linkTextDecoration: \"none\",\n  headerLineHeight: \"1.5em\",\n  headerTextTransform: \"uppercase\",\n  fontWeightBase: 400,\n  fontWeightLinks: 700,\n  fontWeightButtons: 700,\n  fontWeightLabels: 600,\n  LinkPrimaryTextDecoration: \"none\",\n  LinkLetterSpacing: \"0px\",\n};\n\nexport const su2cTheme: ThemeType = {\n  name: \"su2c\",\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 su2cTheme;\n"],"names":["UTILITIES","__assign","defaultTheme","utilities","useBackgroundStyleLinks","SITE_CONFIG","siteConfig","logoSrc","footerCopyText","AVATAR","avatar","path","assetPath","BUTTON","button","borderRadius","borderRadiusLarge","textTransform","BREAKPOINT","breakpoint","TOKEN_COLORS","tokenColors","su2cOrange5","su2cOrange3","su2cOrange2","su2cOrange1","su2cBlack","su2cGrey1","su2cGrey2","su2cRed","su2cYellow","COLORS","colors","primary","secondary","tertiary","textHeaderDefault","textOnPrimary","avatarBorder","progressBar","progressBarSecondary","circularProgress","circularProgressSecondary","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","backgroundLightColor","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationBackground","totaliserBubbleColor","totaliserBubbleTextColor","white","totaliserBubbleTotalColor","collapseHeaderColor","check","headerTaglineText","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","grey_200","buttonPrimaryDisabledText","grey_600","buttonPrimaryDisabledBorder","buttonSecondaryBackground","buttonSecondaryText","buttonSecondaryBorder","buttonSecondaryBackgroundHover","buttonSecondaryTextHover","buttonSecondaryBorderHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","SPACING","spacing","SHADOWS","shadows","FONT_SIZES","fontSizes","TYPOGRAPHY","typography","customFonts","family","urlWoff","concat","fontWeight","fontFamilyHeadings","fontFamilyLinks","fontFamilyButtons","fontFamilyBase","fontFamilyLabel","linkTextDecoration","headerLineHeight","headerTextTransform","fontWeightBase","fontWeightLinks","fontWeightButtons","fontWeightLabels","LinkPrimaryTextDecoration","LinkLetterSpacing","su2cTheme","name"],"mappings":"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"}
+{"version":3,"file":"su2c.js","sources":["../../../src/themes/su2c.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  useBackgroundStyleLinks: true,\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n  ...defaultTheme.siteConfig,\n  logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png\",\n  footerCopyText:\n    \"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.\",\n};\n\nexport const AVATAR: AvatarType = {\n  ...defaultTheme.avatar,\n  path: `${SITE_CONFIG.assetPath}images/avatar/su2c/`,\n};\n\nexport const BUTTON: ButtonType = {\n  ...defaultTheme.button,\n  borderRadius: \"1.5rem\",\n  borderRadiusLarge: \"2rem\",\n  textTransform: \"uppercase\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n  ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n  ...defaultTheme.tokenColors,\n  su2cOrange5: \"#FF8E00\",\n  su2cOrange3: \"#FFB04D\",\n  su2cOrange2: \"#FFDAAD\",\n  su2cOrange1: \"#FFF6EB\",\n  su2cBlack: \"#231F20\",\n  su2cGrey1: \"#555759\",\n  su2cGrey2: \"#A5A5A9\",\n  su2cRed: \"#EF4135\",\n  su2cYellow: \"#FFC325\",\n};\n\nexport const COLORS: ColorsType = {\n  ...defaultTheme.colors,\n  primary: TOKEN_COLORS.su2cOrange5,\n  secondary: TOKEN_COLORS.su2cOrange5,\n  tertiary: TOKEN_COLORS.su2cBlack,\n  textHeaderDefault: TOKEN_COLORS.su2cBlack,\n\n  textOnPrimary: TOKEN_COLORS.su2cBlack,\n\n  avatarBorder: TOKEN_COLORS.su2cBlack,\n  progressBar: TOKEN_COLORS.su2cOrange5,\n  progressBarSecondary: TOKEN_COLORS.su2cRed,\n  circularProgress: TOKEN_COLORS.su2cOrange3,\n  circularProgressSecondary: TOKEN_COLORS.su2cRed,\n  linkColor: TOKEN_COLORS.su2cOrange5,\n  linkColorHover: TOKEN_COLORS.su2cRed,\n  linkColorSecondary: TOKEN_COLORS.su2cOrange5,\n  linkColorSecondaryHover: TOKEN_COLORS.su2cRed,\n\n  backgroundLightColor: TOKEN_COLORS.su2cOrange2,\n\n  loaderColor1: TOKEN_COLORS.su2cOrange5,\n  loaderColor2: TOKEN_COLORS.su2cRed,\n  loaderColor3: TOKEN_COLORS.su2cBlack,\n\n  paginationText: TOKEN_COLORS.su2cBlack,\n  paginationBackground: TOKEN_COLORS.su2cBlack,\n\n  totaliserBubbleColor: TOKEN_COLORS.su2cBlack,\n  totaliserBubbleTextColor: TOKEN_COLORS.white,\n  totaliserBubbleTotalColor: TOKEN_COLORS.white,\n\n  collapseHeaderColor: TOKEN_COLORS.su2cOrange5,\n  check: TOKEN_COLORS.su2cBlack,\n\n  headerTaglineText: TOKEN_COLORS.su2cOrange5,\n\n  buttonPrimaryBackground: TOKEN_COLORS.su2cOrange5,\n  buttonPrimaryText: TOKEN_COLORS.su2cBlack,\n  buttonPrimaryBorder: TOKEN_COLORS.su2cOrange5,\n  buttonPrimaryBackgroundHover: TOKEN_COLORS.su2cOrange3,\n  buttonPrimaryTextHover: TOKEN_COLORS.su2cBlack,\n  buttonPrimaryBorderHover: TOKEN_COLORS.su2cOrange3,\n  buttonPrimaryDisabledBackground: TOKEN_COLORS.grey_200,\n  buttonPrimaryDisabledText: TOKEN_COLORS.grey_600,\n  buttonPrimaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n  buttonSecondaryBackground: TOKEN_COLORS.white,\n  buttonSecondaryText: TOKEN_COLORS.su2cOrange5,\n  buttonSecondaryBorder: TOKEN_COLORS.su2cOrange5,\n  buttonSecondaryBackgroundHover: TOKEN_COLORS.su2cOrange1,\n  buttonSecondaryTextHover: TOKEN_COLORS.su2cOrange5,\n  buttonSecondaryBorderHover: TOKEN_COLORS.su2cOrange5,\n  buttonSecondaryDisabledBackground: TOKEN_COLORS.white,\n  buttonSecondaryDisabledText: TOKEN_COLORS.grey_200,\n  buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n  buttonTertiaryText: TOKEN_COLORS.su2cOrange5,\n  buttonTertiaryTextHover: TOKEN_COLORS.su2cOrange5,\n  buttonTertiaryDisabledText: TOKEN_COLORS.grey_200,\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  customFonts: [\n    {\n      family: \"itc_avant_garde_pro\",\n      urlWoff: `${SITE_CONFIG.assetPath}fonts/itc_-_itcavantgardepro-bold-webfont.woff`,\n      fontWeight: 700,\n    },\n  ],\n  fontFamilyHeadings: \"itc_avant_garde_pro,Arial,sans-serif\",\n  fontFamilyLinks: \"itc_avant_garde_pro,Arial,sans-serif\",\n  fontFamilyButtons: \"itc_avant_garde_pro,Arial,sans-serif\",\n  fontFamilyBase:\n    \"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n  fontFamilyLabel:\n    \"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n  linkTextDecoration: \"none\",\n  headerLineHeight: \"1.5em\",\n  headerTextTransform: \"uppercase\",\n  fontWeightBase: 400,\n  fontWeightLinks: 700,\n  fontWeightButtons: 700,\n  fontWeightLabels: 600,\n  LinkPrimaryTextDecoration: \"none\",\n  LinkLetterSpacing: \"0px\",\n};\n\nexport const su2cTheme: ThemeType = {\n  name: \"su2c\",\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 su2cTheme;\n"],"names":["defaultTheme","utilities","SITE_CONFIG","siteConfig","avatar","assetPath","button","breakpoint","TOKEN_COLORS","tokenColors","su2cOrange5","su2cOrange3","su2cOrange2","su2cOrange1","su2cBlack","su2cRed","colors","white","grey_200","grey_600","spacing","shadows","fontSizes","TYPOGRAPHY","typography","customFonts","family","urlWoff","fontWeight","su2cTheme"],"mappings":"sCAkBKA,EAAaC,UAIL,MAAAC,EAA8B,IACtCF,EAAaG,YAObH,EAAaI,OACPF,EAAYG,UAIlBL,EAAaM,OAObN,EAAaO,WAGL,MAAAC,EAAgC,IACxCR,EAAaS,YAChBC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,UAAW,UAGXC,QAAS,WAKNf,EAAagB,OACPR,EAAaE,YACXF,EAAaE,YACdF,EAAaM,UACJN,EAAaM,UAEjBN,EAAaM,UAEdN,EAAaM,UACdN,EAAaE,YACJF,EAAaO,QACjBP,EAAaG,YACJH,EAAaO,QAC7BP,EAAaE,YACRF,EAAaO,QACTP,EAAaE,YACRF,EAAaO,QAEhBP,EAAaI,YAErBJ,EAAaE,YACbF,EAAaO,QACbP,EAAaM,UAEXN,EAAaM,UACPN,EAAaM,UAEbN,EAAaM,UACTN,EAAaS,MACZT,EAAaS,MAEnBT,EAAaE,YAC3BF,EAAaM,UAEDN,EAAaE,YAEPF,EAAaE,YACnBF,EAAaM,UACXN,EAAaE,YACJF,EAAaG,YACnBH,EAAaM,UACXN,EAAaG,YACNH,EAAaU,SACnBV,EAAaW,SACXX,EAAaU,SAEfV,EAAaS,MACnBT,EAAaE,YACXF,EAAaE,YACJF,EAAaK,YACnBL,EAAaE,YACXF,EAAaE,YACNF,EAAaS,MACnBT,EAAaU,SACXV,EAAaU,SAExBV,EAAaE,YACRF,EAAaE,YACVF,EAAaU,SAItClB,EAAaoB,QAIbpB,EAAaqB,QAIbrB,EAAasB,UAGL,MAAAC,EAA6B,IACrCvB,EAAawB,WAChBC,YAAa,CACX,CACEC,OAAQ,sBACRC,QAAS,GAAGzB,EAAYG,0DACxBuB,WAAY,OAqBLC,EAAuB,CAUlCL,WAAYD"}

package/lib/{types.d.ts → src/types.d.ts}

@@ -1,7 +1,5 @@
 export type FontSizeType = "xs" | "s" | "m" | "l" | "xl" | "xxl" | "xxxl" | "xxxxl";
-export type FontSizesType = {
-    [key in FontSizeType]: string;
-};
+export type FontSizesType = Record<FontSizeType, string>;
 export type UtilitiesType = {
     contentMaxWidth: string;
     useDefaultFocusRect: boolean;

package/lib/src/utils/Helper.js

@@ -1,2 +1,2 @@
-import{__assign as r}from"../../node_modules/tslib/tslib.es6.js";var t="undefined"!=typeof window,e=function(r,t){var e=r/t*100;return e===Number.POSITIVE_INFINITY||Number.isNaN(e)?0:Math.floor(e<1?Math.ceil(e):Math.floor(e))},n=function(r){if(!r)return"";var t=r.toString().split(".");return"".concat(t[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")).concat(t[1]?".".concat(t[1]):"")},o=function(r){var t=Number.parseFloat((Math.round(100*r)/100).toString()).toFixed(2);return Number.isNaN(parseFloat(t))||Number.isNaN(r)?"0":n(t)},a=function(t){return Object.entries(t).reduce((function(t,e){var n,o=e[0],a=e[1],i="string"==typeof a?a.replace(/,/g,""):a;return r(r({},t),((n={})[o]=i,n))}),{})};export{e as calculatePercentRounded,o as formatMoneyWithCommas,t as isBrowser,n as numberWithCommas,a as removeCommasFromObjectStringValues};
+const e="undefined"!=typeof window,r=(e,r)=>{const t=e/r*100;return t===Number.POSITIVE_INFINITY||Number.isNaN(t)?0:Math.floor(t<1?Math.ceil(t):Math.floor(t))},t=e=>{if(!e)return"";const r=e.toString().split(".");return`${r[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")}${r[1]?`.${r[1]}`:""}`},o=e=>{const r=Number.parseFloat((Math.round(100*e)/100).toString()).toFixed(2);return Number.isNaN(parseFloat(r))||Number.isNaN(e)?"0":t(r)},n=e=>Object.entries(e).reduce(((e,[r,t])=>{const o="string"==typeof t?t.replace(/,/g,""):t;return{...e,[r]:o}}),{});export{r as calculatePercentRounded,o as formatMoneyWithCommas,e as isBrowser,t as numberWithCommas,n as removeCommasFromObjectStringValues};
 //# sourceMappingURL=Helper.js.map

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,GAAGC,OAAAH,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,QAAO,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,EAChB+B,GACH,GAAE,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","replace","formatMoneyWithCommas","parsed","parseFloat","round","toFixed","removeCommasFromObjectStringValues","object","Object","entries","reduce","acc","k","v"],"mappings":"MAAaA,EAA8B,oBAAXC,OAEnBC,EAA0B,CACrCC,EACAC,KAEA,MAAMC,EAAWF,EAAQC,EAAU,IACnC,OAAIC,IAAYC,OAAOC,mBAAqBD,OAAOE,MAAMH,GAChD,EAEFI,KAAKC,MAAML,EAAU,EAAII,KAAKE,KAAKN,GAAWI,KAAKC,MAAML,GAAS,EAa9DO,EAAoBC,IAC/B,IAAKA,EACH,MAAO,GAET,MAAMC,EAAQD,EAAEE,WAAWC,MAAM,KAEjC,MAAO,GAAGF,EAAM,GAAGG,QAAQ,wBAAyB,OAClDH,EAAM,GAAK,IAAIA,EAAM,KAAO,IAC5B,EAGSI,EAAyBf,IACpC,MAAMgB,EAASb,OAAOc,YACnBX,KAAKY,MAAc,IAARlB,GAAe,KAAKY,YAChCO,QAAQ,GACV,OAAIhB,OAAOE,MAAMY,WAAWD,KAAYb,OAAOE,MAAML,GAC5C,IAEFS,EAAiBO,EAAO,EAWpBI,EAAyCC,GACpDC,OAAOC,QAAQF,GAAmCG,QAAO,CAACC,GAAMC,EAAGC,MACjE,MAAM3B,EAAqB,iBAAN2B,EAAiBA,EAAEb,QAAQ,KAAM,IAAMa,EAC5D,MAAO,IACFF,EACHC,CAACA,GAAe1B,EACjB,GACA,CAAO"}

package/lib/src/utils/debounce.d.ts

@@ -0,0 +1,2 @@
+export declare const debounce: (delay: number, callback: (...args: any) => void) => (...args: unknown[]) => void;
+export default debounce;

package/lib/src/utils/debounce.js

@@ -1,2 +1,2 @@
-var t=function(t,n){var e;return function(){for(var o=[],r=0;r<arguments.length;r++)o[r]=arguments[r];e&&clearTimeout(e),e=setTimeout((function(){n.apply(void 0,o),e=null}),t)}};export{t as debounce,t as default};
+const e=(e,t)=>{let l;return(...u)=>{l&&clearTimeout(l),l=setTimeout((()=>{t(...u),l=null}),e)}};export{e as debounce,e as default};
 //# sourceMappingURL=debounce.js.map

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/ban-types\nexport const debounce = (delay: number, callback: Function) => {\n  let timerId: ReturnType<typeof setTimeout> | null;\n  return (...args: unknown[]) => {\n    if (timerId) {\n      clearTimeout(timerId);\n    }\n    timerId = setTimeout(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\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":"AACa,IAAAA,EAAW,SAACC,EAAeC,GACtC,IAAIC,EACJ,OAAO,eAAC,IAAkBC,EAAA,GAAAC,EAAA,EAAlBA,EAAkBC,UAAAC,OAAlBF,IAAAD,EAAkBC,GAAAC,UAAAD,GACpBF,GACFK,aAAaL,GAEfA,EAAUM,YAAW,WAEnBP,EAAQQ,WAAA,EAAIN,GACZD,EAAU,IACX,GAAEF,EACJ,CACH"}
+{"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","clearTimeout","setTimeout"],"mappings":"MACaA,EAAW,CAACC,EAAeC,KACtC,IAAIC,EACJ,MAAO,IAAIC,KACLD,GACFE,aAAaF,GAEfA,EAAUG,YAAW,KACnBJ,KAAYE,GACZD,EAAU,IAAI,GACbF,EAAM,CACV"}

package/lib/src/utils/themeUtils.js

@@ -1,2 +1,2 @@
-var o=function(o,r){return void 0===r.spacing[o]?o:r.spacing[o]},r=function(o,r){return void 0===r.colors[o]?o||"currentColor":r.colors[o]};export{r as themeColorOrString,o as themeSizeOrString};
+const o=(o,c)=>void 0===c.spacing[o]?o:c.spacing[o],c=(o,c)=>void 0===c.colors[o]?o||"currentColor":c.colors[o];export{c as themeColorOrString,o as themeSizeOrString};
 //# sourceMappingURL=themeUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"themeUtils.js","sources":["../../../src/utils/themeUtils.ts"],"sourcesContent":["import { type ThemeType, type SpacingType, type ColorsType } from \"src/types\";\n\nexport const themeSizeOrString = (\n  spaceString: string,\n  theme: ThemeType,\n): string =>\n  typeof theme.spacing[spaceString as keyof SpacingType] === \"undefined\"\n    ? spaceString\n    : theme.spacing[spaceString as keyof SpacingType];\n\nexport const themeColorOrString = (\n  colorString: string | undefined,\n  theme: ThemeType,\n): string =>\n  typeof theme.colors[colorString as keyof ColorsType] === \"undefined\"\n    ? colorString || \"currentColor\"\n    : theme.colors[colorString as keyof ColorsType];\n"],"names":["themeSizeOrString","spaceString","theme","spacing","themeColorOrString","colorString","colors"],"mappings":"AAEa,IAAAA,EAAoB,SAC/BC,EACAC,GAEA,YAA2D,IAApDA,EAAMC,QAAQF,GACjBA,EACAC,EAAMC,QAAQF,EAFlB,EAIWG,EAAqB,SAChCC,EACAH,GAEA,YAAyD,IAAlDA,EAAMI,OAAOD,GAChBA,GAAe,eACfH,EAAMI,OAAOD,EAFjB"}
+{"version":3,"file":"themeUtils.js","sources":["../../../src/utils/themeUtils.ts"],"sourcesContent":["import { type ThemeType, type SpacingType, type ColorsType } from \"src/types\";\n\nexport const themeSizeOrString = (\n  spaceString: string,\n  theme: ThemeType,\n): string =>\n  typeof theme.spacing[spaceString as keyof SpacingType] === \"undefined\"\n    ? spaceString\n    : theme.spacing[spaceString as keyof SpacingType];\n\nexport const themeColorOrString = (\n  colorString: string | undefined,\n  theme: ThemeType,\n): string =>\n  typeof theme.colors[colorString as keyof ColorsType] === \"undefined\"\n    ? colorString || \"currentColor\"\n    : theme.colors[colorString as keyof ColorsType];\n"],"names":["themeSizeOrString","spaceString","theme","spacing","themeColorOrString","colorString","colors"],"mappings":"AAEa,MAAAA,EAAoB,CAC/BC,EACAC,SAE2D,IAApDA,EAAMC,QAAQF,GACjBA,EACAC,EAAMC,QAAQF,GAEPG,EAAqB,CAChCC,EACAH,SAEyD,IAAlDA,EAAMI,OAAOD,GAChBA,GAAe,eACfH,EAAMI,OAAOD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/cruk-react-components",
-  "version": "5.0.7",
+  "version": "5.0.8",
   "description": "React components implementing CRUK, RFL, SU2C & Bowelbabe designs",
   "license": "MIT",
   "publishConfig": {
@@ -51,8 +51,8 @@
     "@babel/preset-env": "^7.15.6",
     "@babel/preset-react": "^7.14.5",
     "@babel/preset-typescript": "^7.9.0",
-    "@chromatic-com/storybook": "^1.6.1",
-    "@cruk/eslint-config": "^3.0.1",
+    "@chromatic-com/storybook": "^3.2.4",
+    "@cruk/eslint-config": "^4",
     "@cypress/webpack-dev-server": "3.5.3",
     "@cypress/webpack-preprocessor": "^6.0.0",
     "@mdx-js/loader": "^2.2.1",
@@ -62,25 +62,19 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@storybook/addon-a11y": "^8.3.6",
-    "@storybook/addon-actions": "^8.3.6",
-    "@storybook/addon-docs": "^8.3.6",
-    "@storybook/addon-essentials": "^8.3.6",
-    "@storybook/addon-interactions": "^8.3.6",
-    "@storybook/addon-links": "^8.3.6",
-    "@storybook/blocks": "^8.3.6",
-    "@storybook/react": "^8.3.6",
-    "@storybook/react-webpack5": "^8.3.6",
-    "@storybook/addon-webpack5-compiler-swc": "^1.0.4",
-    "@storybook/test": "^8.3.6",
+    "@storybook/addon-a11y": "^8.5.3",
+    "@storybook/addon-docs": "^8.5.3",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/addon-interactions": "^8.5.3",
+    "@storybook/addon-links": "^8.5.3",
+    "@storybook/addon-webpack5-compiler-swc": "^2.0.0",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-webpack5": "^8.5.3",
+    "@storybook/test": "^8.5.3",
     "@types/assert": "^1.5.1",
-    "@types/mdx": "^2.0.2",
-    "@types/mdx-js__react": "^1.5.1",
-    "@types/node": "^18.11.17",
+    "@types/node": "^20",
     "@types/react": "^18.0.1",
     "@types/react-dom": "^18.0.1",
-    "@typescript-eslint/eslint-plugin": "^7.7.1",
-    "@typescript-eslint/parser": "^7.0.0",
     "axe-core": "^4.8.2",
     "babel-loader": "8.3.0",
     "babel-plugin-styled-components": "^2.0.2",
@@ -88,14 +82,12 @@
     "cypress": "^13.3.2",
     "cypress-axe": "1.5.0",
     "cypress-plugin-tab": "^1.0.5",
-    "eslint": "^8.56.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-prettier": "^5.0.1",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-react": "7.37.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-storybook": "^0.8.0",
+    "eslint": "^9",
+    "eslint-config-prettier": "^10",
+    "eslint-plugin-prettier": "^5",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-storybook": "^0.11.2",
     "html-loader": "^5.1.0",
     "html-webpack-plugin": "^5.3.2",
     "prettier": "^3",
@@ -105,10 +97,11 @@
     "rollup": "^4.22.4",
     "rollup-plugin-typescript2": "^0.36.0",
     "source-map-explorer": "^2.2.2",
-    "storybook": "^8.2.2",
+    "storybook": "^8.5.3",
     "ts-loader": "9.5.1",
     "tsx": "^4.16.2",
     "typescript": "^5.0.2",
+    "typescript-eslint": "^8.20.0",
     "webpack": "^5.53.0",
     "webpack-cli": "5.1.4",
     "webpack-dev-server": "^4.7.3"
@@ -125,7 +118,7 @@
     "react-focus-lock": "^2.5.2",
     "react-intersection-observer": "^9.1.0",
     "react-is": "^18.2.0",
-    "styled-components": "^6.1.11",
-    "release-it": "^17.10.0"
+    "release-it": "^17.10.0",
+    "styled-components": "^6.1.11"
   }
 }

package/lib/utils/debounce.d.ts

@@ -1,2 +0,0 @@
-export declare const debounce: (delay: number, callback: Function) => (...args: unknown[]) => void;
-export default debounce;