@cruk/cruk-react-components 6.2.2 → 7.0.0

package/lib/src/types.d.ts

@@ -1,36 +1,7 @@
-export type FontSizeType = "xs" | "s" | "m" | "ml" | "l" | "xl" | "xxl" | "xxxl" | "xxxxl";
-export type FontSizesType = Record<FontSizeType, string>;
-export type UtilitiesType = {
-    contentMaxWidth: string;
-    useDefaultFocusRect: boolean;
-    useDefaultFromControls: boolean;
-    useBackgroundStyleLinks: boolean;
-    inputBorderWidth: string;
-};
-export type SiteConfigType = {
-    assetPath: string;
-    logoUrl: string;
-    logoAlt: string;
-    logoSrc: string;
-    footerCopyText: string;
-    footerLogoSrc: string;
-    footerLogoAlt: string;
-};
-export type AvatarType = {
-    s: string;
-    m: string;
-    l: string;
-    xl: string;
-    path: string;
-};
-export type ButtonType = {
-    borderRadius: string;
-    borderRadiusLarge: string;
-    buttonBorderThickness: string;
-    textDecoration: string;
-    textTransform: string;
-    horizontalPadding: string;
-};
+export declare const fontSizes: readonly ["xs", "s", "m", "ml", "l", "xl", "xxl", "xxxl", "xxxxl"];
+export type FontSizeType = (typeof fontSizes)[number];
+export declare const themeNames: readonly ["cruk", "su2c", "bowelbabe", "rfl"];
+export type ThemeNameType = (typeof themeNames)[number];
 export type ButtonAppearanceType = "primary" | "secondary" | "tertiary";
 export type PopOverPositionType = "top" | "topLeft" | "left" | "right" | "bottom" | "bottomLeft";
 export type BreakPointType = {
@@ -39,150 +10,13 @@ export type BreakPointType = {
     desktop: string;
     desktopLarge: string;
 };
-export type TokenColorsType = Record<string, string>;
-export type ColorsType = {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    textOnPrimary: string;
-    textOnSecondary: string;
-    textOnTertiary: string;
-    textHeaderDefault: string;
-    disabled: string;
-    danger: string;
-    warning: string;
-    success: string;
-    info: string;
-    textError: string;
-    textDark: string;
-    textLight: string;
-    textMid: string;
-    linkColor: string;
-    linkColorHover: string;
-    linkColorSecondary: string;
-    linkColorSecondaryHover: string;
-    avatarBorder: string;
-    progressBar: string;
-    progressBarSecondary: string;
-    progressBarBackground: string;
-    circularProgress: string;
-    circularProgressSecondary: string;
-    circularProgressBackground: string;
-    buttonPrimaryBackground: string;
-    buttonPrimaryText: string;
-    buttonPrimaryBorder: string;
-    buttonPrimaryBackgroundHover: string;
-    buttonPrimaryTextHover: string;
-    buttonPrimaryBorderHover: string;
-    buttonPrimaryDisabledBackground: string;
-    buttonPrimaryDisabledText: string;
-    buttonPrimaryDisabledBorder: string;
-    buttonSecondaryBackground: string;
-    buttonSecondaryText: string;
-    buttonSecondaryBorder: string;
-    buttonSecondaryBackgroundHover: string;
-    buttonSecondaryTextHover: string;
-    buttonSecondaryBorderHover: string;
-    buttonSecondaryDisabledBackground: string;
-    buttonSecondaryDisabledText: string;
-    buttonSecondaryDisabledBorder: string;
-    buttonTertiaryText: string;
-    buttonTertiaryTextHover: string;
-    buttonTertiaryDisabledText: string;
-    collapseHeaderColor: string;
-    selectionBorder: string;
-    inputBorder: string;
-    check: string;
-    headerBackground: string;
-    backgroundLight: string;
-    backgroundLightColor: string;
-    backgroundMid: string;
-    backgroundMidLight: string;
-    loaderColor1: string;
-    loaderColor2: string;
-    loaderColor3: string;
-    paginationText: string;
-    paginationBackground: string;
-    paginationActive: string;
-    footerBackground: string;
-    headerBorder: string;
-    headerTaglineText: string;
-    stepBorder: string;
-    stepBackground: string;
-    popoverBackground: string;
-    textInputExtraInfo: string;
-    totaliserBubbleColor: string;
-    totaliserBubbleTextColor: string;
-    totaliserBubbleTotalColor: string;
-    textInputBorder: string;
-    selectBackground: string;
-    modalBackdrop: string;
-    userBlockExtraText: string;
-};
-export type ColorKeyType = keyof ColorsType;
-export type SpaceType = "auto" | "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "none";
-export type SpacingType = {
-    auto: string;
-    xxxs: string;
-    xxs: string;
-    xs: string;
-    s: string;
-    m: string;
-    l: string;
-    xl: string;
-    xxl: string;
-    none: string;
-};
-export type CustomFontType = {
-    family: string;
-    urlWoff?: string;
-    urlWoff2?: string;
-    fontWeight: string | number;
-};
-export type TypographyType = {
-    customFonts: CustomFontType[];
-    fontWeightBase: string | number;
-    fontWeightHeadings: string | number;
-    fontWeightLabels: string | number;
-    fontWeightLinks: string | number;
-    fontWeightButtons: string | number;
-    fontFamilyBase: string;
-    fontFamilyHeadings: string;
-    fontFamilyButtons: string;
-    fontFamilyLinks: string;
-    fontFamilyLabel: string;
-    fontSizeBase: string;
-    fontWeightHeavy: string | number;
-    fontWeightNormal: string | number;
-    fontWeightMedium: string | number;
-    fontWeightLight: string | number;
-    fontWeightVLight: string | number;
-    linkTextDecoration: string;
-    LinkPrimaryTextDecoration: string;
-    LinkLetterSpacing: string;
-    lineHeight: string;
-    headerLineHeight: string;
-    headerTextTransform: string;
-};
+export declare const spaces: readonly ["auto", "xxxs", "xxs", "xs", "s", "m", "l", "xl", "xxl", "none"];
+export type SpaceType = (typeof spaces)[number];
 export type ShadowsType = {
     s: string;
     m: string;
     l: string;
 };
-export type ThemeType = {
-    name: string;
-    avatar: AvatarType;
-    breakpoint: BreakPointType;
-    button: ButtonType;
-    tokenColors: TokenColorsType;
-    colors: ColorsType;
-    spacing: SpacingType;
-    fontSizes: FontSizesType;
-    siteConfig: SiteConfigType;
-    typography: TypographyType;
-    shadows: ShadowsType;
-    utilities: UtilitiesType;
-};
 export type AddressDataType = {
     AdminAreaCode: string;
     AdminAreaName: string;
@@ -241,6 +75,8 @@ export type AddressDataType = {
     SubBuilding: string;
     Type: string;
 };
+export declare const colours: readonly ["primary", "secondary", "tertiary", "text-on-primary", "text-on-secondary", "text-on-tertiary", "text-header-default", "disabled", "danger", "warning", "success", "info", "text-error", "text-dark", "text-light", "text-mid", "sports-activity", "link", "link-hover", "link-secondary", "link-secondary-hover", "avatar-border", "progress-bar", "progress-bar-secondary", "progress-bar-background", "circular-progress", "circular-progress-secondary", "circular-progress-background", "button-primary-background", "button-primary-text", "button-primary-border", "button-primary-background-hover", "button-primary-text-hover", "button-primary-border-hover", "button-primary-disabled-background", "button-primary-disabled-text", "button-primary-disabled-border", "button-secondary-background", "button-secondary-text", "button-secondary-border", "button-secondary-background-hover", "button-secondary-text-hover", "button-secondary-border-hover", "button-secondary-disabled-background", "button-secondary-disabled-text", "button-secondary-disabled-border", "button-tertiary-text", "button-tertiary-text-hover", "button-tertiary-disabled-text", "collapse-header", "selection-border", "input-border", "check", "header-background", "background-light", "background-light-color", "background-mid", "background-mid-light", "loader-color-1", "loader-color-2", "loader-color-3", "pagination-text", "pagination-background", "pagination-active", "footer-background", "header-border", "header-tagline-text", "step-border", "step-background", "popover-background", "text-input-extra-info", "totaliser-bubble", "totaliser-bubble-text", "totaliser-bubble-total", "text-input-border", "select-background", "modal-backdrop", "user-block-extra-text"];
+export type ColourVariableType = (typeof colours)[number];
 export type AddressOptionsType = {
     Description: string;
     Type: string;

package/lib/src/types.js

@@ -0,0 +1,2 @@
+var r=["xs","s","m","ml","l","xl","xxl","xxxl","xxxxl"],t=["cruk","su2c","bowelbabe","rfl"],e=["auto","xxxs","xxs","xs","s","m","l","xl","xxl","none"],o=["primary","secondary","tertiary","text-on-primary","text-on-secondary","text-on-tertiary","text-header-default","disabled","danger","warning","success","info","text-error","text-dark","text-light","text-mid","sports-activity","link","link-hover","link-secondary","link-secondary-hover","avatar-border","progress-bar","progress-bar-secondary","progress-bar-background","circular-progress","circular-progress-secondary","circular-progress-background","button-primary-background","button-primary-text","button-primary-border","button-primary-background-hover","button-primary-text-hover","button-primary-border-hover","button-primary-disabled-background","button-primary-disabled-text","button-primary-disabled-border","button-secondary-background","button-secondary-text","button-secondary-border","button-secondary-background-hover","button-secondary-text-hover","button-secondary-border-hover","button-secondary-disabled-background","button-secondary-disabled-text","button-secondary-disabled-border","button-tertiary-text","button-tertiary-text-hover","button-tertiary-disabled-text","collapse-header","selection-border","input-border","check","header-background","background-light","background-light-color","background-mid","background-mid-light","loader-color-1","loader-color-2","loader-color-3","pagination-text","pagination-background","pagination-active","footer-background","header-border","header-tagline-text","step-border","step-background","popover-background","text-input-extra-info","totaliser-bubble","totaliser-bubble-text","totaliser-bubble-total","text-input-border","select-background","modal-backdrop","user-block-extra-text"];export{o as colours,r as fontSizes,e as spaces,t as themeNames};
+//# sourceMappingURL=types.js.map

package/lib/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../src/types.ts"],"sourcesContent":["export const fontSizes = [\n  \"xs\",\n  \"s\",\n  \"m\",\n  \"ml\",\n  \"l\",\n  \"xl\",\n  \"xxl\",\n  \"xxxl\",\n  \"xxxxl\",\n] as const;\n\nexport type FontSizeType = (typeof fontSizes)[number];\n\nexport const themeNames = [\"cruk\", \"su2c\", \"bowelbabe\", \"rfl\"] as const;\nexport type ThemeNameType = (typeof themeNames)[number];\n\nexport type ButtonAppearanceType = \"primary\" | \"secondary\" | \"tertiary\";\n\nexport type PopOverPositionType =\n  | \"top\"\n  | \"topLeft\"\n  | \"left\"\n  | \"right\"\n  | \"bottom\"\n  | \"bottomLeft\";\n\nexport type BreakPointType = {\n  mobile: string;\n  tablet: string;\n  desktop: string;\n  desktopLarge: string;\n};\n\nexport const spaces = [\n  \"auto\",\n  \"xxxs\",\n  \"xxs\",\n  \"xs\",\n  \"s\",\n  \"m\",\n  \"l\",\n  \"xl\",\n  \"xxl\",\n  \"none\",\n] as const;\n\nexport type SpaceType = (typeof spaces)[number];\n\nexport type ShadowsType = {\n  s: string;\n  m: string;\n  l: string;\n};\n\nexport type AddressDataType = {\n  AdminAreaCode: string;\n  AdminAreaName: string;\n  Barcode: string;\n  Block: string;\n  BuildingName: string;\n  BuildingNumber: string;\n  City: string;\n  Company: string;\n  CountryIso2: string;\n  CountryIso3: string;\n  CountryIsoNumber: string;\n  CountryName: string;\n  DataLevel: string;\n  Department: string;\n  DomesticId: string;\n  Field1: string;\n  Field10: string;\n  Field11: string;\n  Field12: string;\n  Field13: string;\n  Field14: string;\n  Field15: string;\n  Field16: string;\n  Field17: string;\n  Field18: string;\n  Field19: string;\n  Field2: string;\n  Field20: string;\n  Field3: string;\n  Field4: string;\n  Field5: string;\n  Field6: string;\n  Field7: string;\n  Field8: string;\n  Field9: string;\n  Id: string;\n  Label: string;\n  Language: string;\n  LanguageAlternatives: string;\n  Line1: string;\n  Line2: string;\n  Line3: string;\n  Line4: string;\n  Line5: string;\n  Neighbourhood: string;\n  POBoxNumber: string;\n  PostalCode: string;\n  Province: string;\n  ProvinceCode: string;\n  ProvinceName: string;\n  SecondaryStreet: string;\n  SortingNumber1: string;\n  SortingNumber2: string;\n  Street: string;\n  SubBuilding: string;\n  Type: string;\n};\n\nexport const colours = [\n  \"primary\",\n  \"secondary\",\n  \"tertiary\",\n  \"text-on-primary\",\n  \"text-on-secondary\",\n  \"text-on-tertiary\",\n  \"text-header-default\",\n\n  \"disabled\",\n  \"danger\",\n  \"warning\",\n  \"success\",\n  \"info\",\n  \"text-error\",\n  \"text-dark\",\n  \"text-light\",\n  \"text-mid\",\n  \"sports-activity\",\n\n  \"link\",\n  \"link-hover\",\n  \"link-secondary\",\n  \"link-secondary-hover\",\n\n  \"avatar-border\",\n\n  \"progress-bar\",\n  \"progress-bar-secondary\",\n  \"progress-bar-background\",\n  \"circular-progress\",\n  \"circular-progress-secondary\",\n  \"circular-progress-background\",\n\n  \"button-primary-background\",\n  \"button-primary-text\",\n  \"button-primary-border\",\n  \"button-primary-background-hover\",\n  \"button-primary-text-hover\",\n  \"button-primary-border-hover\",\n  \"button-primary-disabled-background\",\n  \"button-primary-disabled-text\",\n  \"button-primary-disabled-border\",\n\n  \"button-secondary-background\",\n  \"button-secondary-text\",\n  \"button-secondary-border\",\n  \"button-secondary-background-hover\",\n  \"button-secondary-text-hover\",\n  \"button-secondary-border-hover\",\n  \"button-secondary-disabled-background\",\n  \"button-secondary-disabled-text\",\n  \"button-secondary-disabled-border\",\n\n  \"button-tertiary-text\",\n  \"button-tertiary-text-hover\",\n  \"button-tertiary-disabled-text\",\n\n  \"collapse-header\",\n\n  \"selection-border\",\n\n  \"input-border\",\n  \"check\",\n\n  \"header-background\",\n  \"background-light\",\n  \"background-light-color\",\n  \"background-mid\",\n  \"background-mid-light\",\n\n  \"loader-color-1\",\n  \"loader-color-2\",\n  \"loader-color-3\",\n\n  \"pagination-text\",\n  \"pagination-background\",\n  \"pagination-active\",\n\n  \"footer-background\",\n\n  \"header-border\",\n  \"header-tagline-text\",\n\n  \"step-border\",\n  \"step-background\",\n\n  \"popover-background\",\n\n  \"text-input-extra-info\",\n\n  \"totaliser-bubble\",\n  \"totaliser-bubble-text\",\n  \"totaliser-bubble-total\",\n\n  \"text-input-border\",\n\n  \"select-background\",\n\n  \"modal-backdrop\",\n\n  \"user-block-extra-text\",\n] as const;\nexport type ColourVariableType = (typeof colours)[number];\n\nexport type AddressOptionsType = {\n  Description: string;\n  Type: string;\n  Id: string;\n  Text: string;\n  Error?: Error;\n};\n\nexport type WordBreakType =\n  | \"normal\"\n  | \"break-all\"\n  | \"keep-all\"\n  | \"break-word\"\n  | \"inherit\"\n  | \"initial\"\n  | \"unset\";\n\nexport type OverflowWrapType =\n  | \"normal\"\n  | \"anywhere\"\n  | \"revert\"\n  | \"revert-layer\"\n  | \"break-word\"\n  | \"inherit\"\n  | \"initial\"\n  | \"unset\";\n"],"names":["fontSizes","themeNames","spaces","colours"],"mappings":"AAAO,IAAMA,EAAY,CACvB,KACA,IACA,IACA,KACA,IACA,KACA,MACA,OACA,SAKWC,EAAa,CAAC,OAAQ,OAAQ,YAAa,OAoB3CC,EAAS,CACpB,OACA,OACA,MACA,KACA,IACA,IACA,IACA,KACA,MACA,QAsEWC,EAAU,CACrB,UACA,YACA,WACA,kBACA,oBACA,mBACA,sBAEA,WACA,SACA,UACA,UACA,OACA,aACA,YACA,aACA,WACA,kBAEA,OACA,aACA,iBACA,uBAEA,gBAEA,eACA,yBACA,0BACA,oBACA,8BACA,+BAEA,4BACA,sBACA,wBACA,kCACA,4BACA,8BACA,qCACA,+BACA,iCAEA,8BACA,wBACA,0BACA,oCACA,8BACA,gCACA,uCACA,iCACA,mCAEA,uBACA,6BACA,gCAEA,kBAEA,mBAEA,eACA,QAEA,oBACA,mBACA,yBACA,iBACA,uBAEA,iBACA,iBACA,iBAEA,kBACA,wBACA,oBAEA,oBAEA,gBACA,sBAEA,cACA,kBAEA,qBAEA,wBAEA,mBACA,wBACA,yBAEA,oBAEA,oBAEA,iBAEA"}

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

@@ -1,3 +1,4 @@
-import { type ThemeType } from "../types";
-export declare const themeSizeOrString: (spaceString: string, theme: ThemeType) => string;
-export declare const themeColorOrString: (colorString: string | undefined, theme: ThemeType) => string;
+import { colours } from "../types";
+export declare const themeSpacingSizeOrString: (spaceString: string) => string;
+export declare const themeFontSizeOrString: (fontSizeString: string) => string;
+export declare const themeColorOrString: (colorString: string | (typeof colours)[number] | undefined) => string;

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};
+import{colours as n,spaces as r,fontSizes as c}from"../types.js";var t=function(n){return r.includes(n)?"var(--spacing-".concat(n,")"):n},o=function(n){return c.includes(n)?"var(--font-size-".concat(n,")"):n},e=function(r){return n.includes(r)?"var(--clr-".concat(r,")"):r||"currentColor"};export{e as themeColorOrString,o as themeFontSizeOrString,t as themeSpacingSizeOrString};
 //# 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 \"../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":"AAEO,IAAMA,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 { spaces, colours, fontSizes } from \"../types\";\n\nexport const themeSpacingSizeOrString = (spaceString: string): string =>\n  spaces.includes(spaceString as (typeof spaces)[number])\n    ? `var(--spacing-${spaceString as (typeof spaces)[number]})`\n    : spaceString;\n\nexport const themeFontSizeOrString = (fontSizeString: string): string =>\n  fontSizes.includes(fontSizeString as (typeof fontSizes)[number])\n    ? `var(--font-size-${fontSizeString as (typeof fontSizes)[number]})`\n    : fontSizeString;\n\nexport const themeColorOrString = (\n  colorString: string | (typeof colours)[number] | undefined,\n): string =>\n  colours.includes(colorString as (typeof colours)[number])\n    ? `var(--clr-${colorString as (typeof colours)[number]})`\n    : colorString || \"currentColor\";\n"],"names":["themeSpacingSizeOrString","spaceString","spaces","includes","concat","themeFontSizeOrString","fontSizeString","fontSizes","themeColorOrString","colorString","colours"],"mappings":"iEAEO,IAAMA,EAA2B,SAACC,GACvC,OAAAC,EAAOC,SAASF,GACZ,iBAAAG,OAAiBH,EAAsC,KACvDA,CAFJ,EAIWI,EAAwB,SAACC,GACpC,OAAAC,EAAUJ,SAASG,GACf,mBAAAF,OAAmBE,EAA4C,KAC/DA,CAFJ,EAIWE,EAAqB,SAChCC,GAEA,OAAAC,EAAQP,SAASM,GACb,aAAAL,OAAaK,EAAuC,KACpDA,GAAe,cAFnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/cruk-react-components",
-  "version": "6.2.2",
+  "version": "7.0.0",
   "description": "React components implementing CRUK, RFL, SU2C & Bowelbabe designs",
   "license": "MIT",
   "publishConfig": {
@@ -11,7 +11,8 @@
   "types": "lib/src/components/index.d.ts",
   "sideEffects": false,
   "files": [
-    "lib"
+    "lib",
+    "lib/index.css"
   ],
   "scripts": {
     "analyze": "source-map-explorer lib/index.js",
@@ -63,6 +64,7 @@
     "@types/react-dom": "^19",
     "@vitejs/plugin-legacy": "^7",
     "@vitejs/plugin-react-swc": "^3.11.0",
+    "autoprefixer": "^10.4.22",
     "chromatic": "^13.3.4",
     "eslint": "^9",
     "eslint-plugin-react": "^7.37.4",
@@ -74,13 +76,16 @@
     "react-dom": "^19",
     "release-it": "^19",
     "rollup": "^4.22.4",
+    "rollup-plugin-css-only": "^4.5.5",
+    "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "source-map-explorer": "^2.2.2",
     "storybook": "^10",
     "ts-loader": "9.5.1",
     "tsx": "^4.20.3",
     "typescript": "^5.7.3",
-    "typescript-eslint": "^8.31.1"
+    "typescript-eslint": "^8.31.1",
+    "typescript-plugin-css-modules": "^5.2.0"
   },
   "peerDependencies": {
     "react": "^19",
@@ -91,12 +96,12 @@
     "@fortawesome/fontawesome-common-types": "^7",
     "@fortawesome/free-brands-svg-icons": "^7",
     "@fortawesome/free-solid-svg-icons": "^7",
+    "@swc/core": "1.9.3",
     "@swc/plugin-styled-components": "^10",
     "react-focus-lock": "^2.13.6",
     "react-intersection-observer": "^10.0.0",
     "react-is": "^19",
     "styled-components": "^6.1.11",
-    "vite": "^7",
-    "@swc/core": "1.9.3"
+    "vite": "^7"
   }
 }

package/lib/src/components/Flex.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { type SpacingProps } from "./Spacing";
-import { type ThemeType } from "../types";
-type Props = SpacingProps & {
-    theme: ThemeType;
-};
-export declare function Flex(props: Props): React.JSX.Element;
-export default Flex;

package/lib/src/components/Flex.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as e,__assign as n}from"../../node_modules/tslib/tslib.es6.js";import t from"react";import i from"styled-components";import{spacing as r,spacingPropsToSpacingPropsInternal as m}from"./Spacing/index.js";var o,a=i.div(o||(o=e(["\n  display: block;\n  @media (min-width: ",") {\n    display: flex;\n  }\n  ","\n"],["\n  display: block;\n  @media (min-width: ",") {\n    display: flex;\n  }\n  ","\n"])),function(e){return e.theme.breakpoint.tablet},function(e){return r(e,e.theme)});function l(e){var i=m(e);return t.createElement(a,n({theme:e.theme},i))}export{l as Flex,l as default};
-//# sourceMappingURL=Flex.js.map

package/lib/src/components/Flex.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flex.js","sources":["../../../src/components/Flex.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport {\n  spacing,\n  type SpacingPropsInternal,\n  spacingPropsToSpacingPropsInternal,\n  type SpacingProps,\n} from \"./Spacing\";\nimport { type ThemeType } from \"../types\";\n\ntype StyledProps = SpacingPropsInternal & {\n  theme: ThemeType;\n};\n\nconst FlexStyled = styled.div<StyledProps>`\n  display: block;\n  @media (min-width: ${({ theme }) => theme.breakpoint.tablet}) {\n    display: flex;\n  }\n  ${(props) => spacing(props, props.theme as ThemeType)}\n`;\n\ntype Props = SpacingProps & {\n  theme: ThemeType;\n};\nexport function Flex(props: Props) {\n  const spacingProps = spacingPropsToSpacingPropsInternal(props);\n\n  return <FlexStyled theme={props.theme} {...spacingProps} />;\n}\n\nexport default Flex;\n"],"names":["FlexStyled","styled","div","templateObject_1","__makeTemplateObject","_a","theme","breakpoint","tablet","props","spacing","Flex","spacingProps","spacingPropsToSpacingPropsInternal","React","createElement","__assign"],"mappings":"sOAcA,MAAMA,EAAaC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,6CAAA,mCAAA,MAAA,CAAa,6CAEmB,mCAGN,QAHhC,SAACC,GAAc,OAAPA,EAAAC,MAAaC,WAAWC,MAAjB,EAGlC,SAACC,GAAU,OAAAC,EAAQD,EAAOA,EAAMH,MAArB,GAMT,SAAUK,EAAKF,GACnB,IAAMG,EAAeC,EAAmCJ,GAExD,OAAOK,EAAAC,cAACf,EAAUgB,EAAA,CAACV,MAAOG,EAAMH,OAAWM,GAC7C"}

package/lib/src/components/Fontface.d.ts

@@ -1,4 +0,0 @@
-import { type CustomFontType } from "../types";
-export declare const buildCustomFonts: (customFonts: CustomFontType[]) => string;
-export declare const Fontface: string;
-export default Fontface;

package/lib/src/components/Fontface.js

@@ -1,2 +0,0 @@
-import{crukTheme as o}from"../themes/cruk.js";import{rflTheme as t}from"../themes/rfl.js";import{su2cTheme as n}from"../themes/su2c.js";import{bowelbabeTheme as f}from"../themes/bowelbabe.js";var c=function(o){return o.map(function(o){return"\n        @font-face {\n          font-family: ".concat(o.family,";\n          src: ").concat((null==o?void 0:o.urlWoff2)?'url("'.concat(o.urlWoff2,"\") format('woff2')"):"").concat(o.urlWoff&&(null==o?void 0:o.urlWoff2)?", ":"","\n          ").concat((null==o?void 0:o.urlWoff)?'url("'.concat(o.urlWoff,"\") format('woff')"):"",";\n          font-weight: ").concat(o.fontWeight||"normal",";\n          font-style: normal;\n          font-display: fallback;\n        }\n      ")}).join("")},r="\n".concat(c(o.typography.customFonts),"\n").concat(c(t.typography.customFonts),"\n").concat(c(n.typography.customFonts),"\n").concat(c(f.typography.customFonts),"\n");export{r as Fontface,c as buildCustomFonts,r as default};
-//# sourceMappingURL=Fontface.js.map

package/lib/src/components/Fontface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Fontface.js","sources":["../../../src/components/Fontface.ts"],"sourcesContent":["import { type CustomFontType } from \"../types\";\nimport { crukTheme } from \"../themes/cruk\";\nimport { rflTheme } from \"../themes/rfl\";\nimport { su2cTheme } from \"../themes/su2c\";\nimport { bowelbabeTheme } from \"../themes/bowelbabe\";\n\n// font-display fall back to stop font's flickering on SSR rehydration\nexport const buildCustomFonts = (customFonts: CustomFontType[]) =>\n  customFonts\n    .map(\n      (font) => `\n        @font-face {\n          font-family: ${font.family};\n          src: ${\n            font?.urlWoff2 ? `url(\"${font.urlWoff2}\") format('woff2')` : \"\"\n          }${!!font.urlWoff && !!font?.urlWoff2 ? \", \" : \"\"}\n          ${font?.urlWoff ? `url(\"${font.urlWoff}\") format('woff')` : \"\"};\n          font-weight: ${font.fontWeight || \"normal\"};\n          font-style: normal;\n          font-display: fallback;\n        }\n      `,\n    )\n    .join(\"\");\n\nexport const Fontface = `\n${buildCustomFonts(crukTheme.typography.customFonts)}\n${buildCustomFonts(rflTheme.typography.customFonts)}\n${buildCustomFonts(su2cTheme.typography.customFonts)}\n${buildCustomFonts(bowelbabeTheme.typography.customFonts)}\n`;\n\nexport default Fontface;\n"],"names":["buildCustomFonts","customFonts","map","font","concat","family","urlWoff2","urlWoff","fontWeight","join","Fontface","crukTheme","typography","rflTheme","su2cTheme","bowelbabeTheme"],"mappings":"gMAOO,IAAMA,EAAmB,SAACC,GAC/B,OAAAA,EACGC,IACC,SAACC,GAAS,MAAA,kDAAAC,OAESD,EAAKE,OAAM,sBAAAD,QAExBD,eAAAA,EAAMG,UAAW,QAAAF,OAAQD,EAAKG,gCAA+B,IAAEF,OAC5DD,EAAKI,UAAaJ,aAAI,EAAJA,EAAMG,UAAW,KAAO,2BAC7CH,aAAI,EAAJA,EAAMI,SAAU,QAAAH,OAAQD,EAAKI,QAAO,sBAAsB,GAAE,8BAAAH,OAC/CD,EAAKK,YAAc,SAAQ,yFAPpC,GAaXC,KAAK,GAfR,EAiBWC,EAAW,KAAAN,OACtBJ,EAAiBW,EAAUC,WAAWX,aAAY,MAAAG,OAClDJ,EAAiBa,EAASD,WAAWX,0BACrCD,EAAiBc,EAAUF,WAAWX,0BACtCD,EAAiBe,EAAeH,WAAWX"}

package/lib/src/components/GlobalStyle.d.ts

@@ -1,2 +0,0 @@
-export declare const GlobalStyle: import("react").ForwardRefExoticComponent<import("styled-components").ExecutionProps & import("react").RefAttributes<import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>>> & import("styled-components/dist/utils/hoist").NonReactStatics<import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>>;
-export default GlobalStyle;

package/lib/src/components/GlobalStyle.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n,__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{withTheme as t,createGlobalStyle as e}from"styled-components";import{crukTheme as i}from"../themes/cruk.js";var r,a=t(e(r||(r=n(["\n  ","\n  *, *:after, *:before {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n  \n  @media (prefers-reduced-motion: reduce) {\n    *, *:after, *:before {\n      animation-play-state: paused !important;\n      animation-direction: reverse !important;\n      transition: none !important;\n      scroll-behavior: auto !important;\n    }\n  }\n\n  table, td, th {\n    border-spacing: 0;\n    border: 1px solid #ccc;\n    padding: 10px;\n  }\n  .no-focus-outline a:focus,\n  .no-focus-outline button:focus {\n    outline: none;\n  }\n  img {\n    width: 100%;\n    height: auto;\n  }\n  section {\n    width: 100%;\n  }\n    button {\n    font-size: 1em;\n  }\n"],["\n  ","\n  *, *:after, *:before {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n  \n  @media (prefers-reduced-motion: reduce) {\n    *, *:after, *:before {\n      animation-play-state: paused !important;\n      animation-direction: reverse !important;\n      transition: none !important;\n      scroll-behavior: auto !important;\n    }\n  }\n\n  table, td, th {\n    border-spacing: 0;\n    border: 1px solid #ccc;\n    padding: 10px;\n  }\n  .no-focus-outline a:focus,\n  .no-focus-outline button:focus {\n    outline: none;\n  }\n  img {\n    width: 100%;\n    height: auto;\n  }\n  section {\n    width: 100%;\n  }\n    button {\n    font-size: 1em;\n  }\n"])),function(n){var t,e=o(o({},i),n.theme);return"\n      ".concat((t=e.typography.customFonts,t.map(function(n){return"\n        @font-face {\n          font-family: ".concat(n.family,";\n          src: ").concat((null==n?void 0:n.urlWoff2)?'url("'.concat(n.urlWoff2,"\") format('woff2')"):"").concat(n.urlWoff&&(null==n?void 0:n.urlWoff2)?", ":"","\n          ").concat((null==n?void 0:n.urlWoff)?'url("'.concat(n.urlWoff,"\") format('woff')"):"",";\n          font-weight: ").concat(null==n?void 0:n.fontWeight,";\n          font-style: normal;\n          font-display: fallback;\n        }\n      ")}).join("")),"\n      html {\n        font-size: ").concat(e.typography.fontSizeBase,";\n        font-family: ").concat(e.typography.fontFamilyBase,";\n        line-height: ").concat(e.typography.lineHeight,";\n      }\n      body {\n        background-color: ").concat(e.colors.backgroundMidLight,";\n        color: ").concat(e.colors.textDark,';\n        margin: 0;\n        padding: 0;\n        overflow-x: hidden;\n        -webkit-text-size-adjust: 100%;\n        -moz-text-size-adjust: none;\n        -ms-text-size-adjust: 100%;\n        font-feature-settings: "kern";\n        text-rendering: optimizeLegibility;\n        font-smoothing: antialiased;\n      }\n    ')}));export{a as GlobalStyle,a as default};
-//# sourceMappingURL=GlobalStyle.js.map

package/lib/src/components/GlobalStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalStyle.js","sources":["../../../src/components/GlobalStyle.tsx"],"sourcesContent":["import { createGlobalStyle, withTheme } from \"styled-components\";\nimport { type CustomFontType } from \"../types\";\nimport { crukTheme as defaultTheme } from \"../themes/cruk\";\n\n// font-display fall back to stop font's flickering on SSR rehydration\nconst buildCustomFonts = (customFonts: CustomFontType[]) =>\n  customFonts\n    .map(\n      (font) => `\n        @font-face {\n          font-family: ${font.family};\n          src: ${\n            font?.urlWoff2 ? `url(\"${font.urlWoff2}\") format('woff2')` : \"\"\n          }${!!font.urlWoff && !!font?.urlWoff2 ? \", \" : \"\"}\n          ${font?.urlWoff ? `url(\"${font.urlWoff}\") format('woff')` : \"\"};\n          font-weight: ${font?.fontWeight};\n          font-style: normal;\n          font-display: fallback;\n        }\n      `,\n    )\n    .join(\"\");\n\nexport const GlobalStyle = withTheme(createGlobalStyle`\n  ${(props) => {\n    const theme = {\n      ...defaultTheme,\n      ...props.theme,\n    };\n    return `\n      ${buildCustomFonts(theme.typography.customFonts)}\n      html {\n        font-size: ${theme.typography.fontSizeBase};\n        font-family: ${theme.typography.fontFamilyBase};\n        line-height: ${theme.typography.lineHeight};\n      }\n      body {\n        background-color: ${theme.colors.backgroundMidLight};\n        color: ${theme.colors.textDark};\n        margin: 0;\n        padding: 0;\n        overflow-x: hidden;\n        -webkit-text-size-adjust: 100%;\n        -moz-text-size-adjust: none;\n        -ms-text-size-adjust: 100%;\n        font-feature-settings: \"kern\";\n        text-rendering: optimizeLegibility;\n        font-smoothing: antialiased;\n      }\n    `;\n  }}\n  *, *:after, *:before {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n  \n  @media (prefers-reduced-motion: reduce) {\n    *, *:after, *:before {\n      animation-play-state: paused !important;\n      animation-direction: reverse !important;\n      transition: none !important;\n      scroll-behavior: auto !important;\n    }\n  }\n\n  table, td, th {\n    border-spacing: 0;\n    border: 1px solid #ccc;\n    padding: 10px;\n  }\n  .no-focus-outline a:focus,\n  .no-focus-outline button:focus {\n    outline: none;\n  }\n  img {\n    width: 100%;\n    height: auto;\n  }\n  section {\n    width: 100%;\n  }\n    button {\n    font-size: 1em;\n  }\n`);\n\nexport default GlobalStyle;\n"],"names":["GlobalStyle","withTheme","createGlobalStyle","templateObject_1","__makeTemplateObject","props","customFonts","theme","defaultTheme","typography","map","font","concat","family","urlWoff2","urlWoff","fontWeight","join","fontSizeBase","fontFamilyBase","lineHeight","colors","backgroundMidLight","textDark"],"mappings":"8MAKA,MAkBaA,EAAcC,EAAUC,EAAiBC,IAAAA,EAAAC,EAAA,CAAA,OAAA,4sBAAA,CAAA,OA2BnD,8sBA1BC,SAACC,GACD,IApBsBC,EAoBhBC,SACDC,GACAH,EAAME,OAEX,MAAO,mBAxBeD,EAyBDC,EAAME,WAAWH,YAxBxCA,EACGI,IACC,SAACC,GAAS,MAAA,kDAAAC,OAESD,EAAKE,qCAElBF,aAAI,EAAJA,EAAMG,UAAW,QAAAF,OAAQD,EAAKG,SAAQ,uBAAuB,IAAEF,OAC5DD,EAAKI,UAAaJ,aAAI,EAAJA,EAAMG,UAAW,KAAO,GAAE,gBAAAF,QAC/CD,eAAAA,EAAMI,SAAU,QAAAH,OAAQD,EAAKI,8BAA6B,GAAE,8BAAAH,OAC/CD,eAAAA,EAAMK,WAAU,yFAPzB,GAaXC,KAAK,KAS4C,uCAAAL,OAEjCL,EAAME,WAAWS,aAAY,4BAAAN,OAC3BL,EAAME,WAAWU,eAAc,4BAAAP,OAC/BL,EAAME,WAAWW,WAAU,wDAAAR,OAGtBL,EAAMc,OAAOC,gDACxBf,EAAMc,OAAOE,iVAY5B"}

package/lib/src/components/GlobalStyleNoFontFace.d.ts

@@ -1,2 +0,0 @@
-export declare const GlobalStyleNoFontFace: import("react").ForwardRefExoticComponent<import("styled-components").ExecutionProps & import("react").RefAttributes<import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>>> & import("styled-components/dist/utils/hoist").NonReactStatics<import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>>;
-export default GlobalStyleNoFontFace;

package/lib/src/components/GlobalStyleNoFontFace.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n,__assign as o}from"../../node_modules/tslib/tslib.es6.js";import{withTheme as t,createGlobalStyle as e}from"styled-components";import{crukTheme as i}from"../themes/cruk.js";var r,a=t(e(r||(r=n(["\n  ","\n  *, *:after, *:before {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n  \n  @media (prefers-reduced-motion: reduce) {\n    *, *:after, *:before {\n      animation-play-state: paused !important;\n      animation-direction: reverse !important;\n      transition: none !important;\n      scroll-behavior: auto !important;\n    }\n  }\n\n  table, td, th {\n    border-spacing: 0;\n    border: 1px solid #ccc;\n    padding: 10px;\n  }\n  .no-focus-outline a:focus,\n  .no-focus-outline button:focus {\n    outline: none;\n  }\n  img {\n    width: 100%;\n    height: auto;\n  }\n  section {\n    width: 100%;\n  }\n    button {\n    font-size: 1em;\n  }\n"],["\n  ","\n  *, *:after, *:before {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n  \n  @media (prefers-reduced-motion: reduce) {\n    *, *:after, *:before {\n      animation-play-state: paused !important;\n      animation-direction: reverse !important;\n      transition: none !important;\n      scroll-behavior: auto !important;\n    }\n  }\n\n  table, td, th {\n    border-spacing: 0;\n    border: 1px solid #ccc;\n    padding: 10px;\n  }\n  .no-focus-outline a:focus,\n  .no-focus-outline button:focus {\n    outline: none;\n  }\n  img {\n    width: 100%;\n    height: auto;\n  }\n  section {\n    width: 100%;\n  }\n    button {\n    font-size: 1em;\n  }\n"])),function(n){var t=o(o({},i),n.theme);return"\n      html {\n        font-size: ".concat(t.typography.fontSizeBase,";\n        font-family: ").concat(t.typography.fontFamilyBase,";\n        line-height: ").concat(t.typography.lineHeight,";\n      }\n      body {\n        background-color: ").concat(t.colors.backgroundMidLight,";\n        color: ").concat(t.colors.textDark,";\n        margin: 0;\n        padding: 0;\n        overflow-x: hidden;\n        -webkit-text-size-adjust: 100%;\n        -moz-text-size-adjust: none;\n        -ms-text-size-adjust: 100%;\n      }\n    ")}));export{a as GlobalStyleNoFontFace,a as default};
-//# sourceMappingURL=GlobalStyleNoFontFace.js.map

package/lib/src/components/GlobalStyleNoFontFace.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GlobalStyleNoFontFace.js","sources":["../../../src/components/GlobalStyleNoFontFace.tsx"],"sourcesContent":["import { createGlobalStyle, withTheme } from \"styled-components\";\nimport { crukTheme as defaultTheme } from \"../themes/cruk\";\n\nexport const GlobalStyleNoFontFace = withTheme(createGlobalStyle`\n  ${(props) => {\n    const theme = {\n      ...defaultTheme,\n      ...props.theme,\n    };\n    return `\n      html {\n        font-size: ${theme.typography.fontSizeBase};\n        font-family: ${theme.typography.fontFamilyBase};\n        line-height: ${theme.typography.lineHeight};\n      }\n      body {\n        background-color: ${theme.colors.backgroundMidLight};\n        color: ${theme.colors.textDark};\n        margin: 0;\n        padding: 0;\n        overflow-x: hidden;\n        -webkit-text-size-adjust: 100%;\n        -moz-text-size-adjust: none;\n        -ms-text-size-adjust: 100%;\n      }\n    `;\n  }}\n  *, *:after, *:before {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n  \n  @media (prefers-reduced-motion: reduce) {\n    *, *:after, *:before {\n      animation-play-state: paused !important;\n      animation-direction: reverse !important;\n      transition: none !important;\n      scroll-behavior: auto !important;\n    }\n  }\n\n  table, td, th {\n    border-spacing: 0;\n    border: 1px solid #ccc;\n    padding: 10px;\n  }\n  .no-focus-outline a:focus,\n  .no-focus-outline button:focus {\n    outline: none;\n  }\n  img {\n    width: 100%;\n    height: auto;\n  }\n  section {\n    width: 100%;\n  }\n    button {\n    font-size: 1em;\n  }\n`);\n\nexport default GlobalStyleNoFontFace;\n"],"names":["GlobalStyleNoFontFace","withTheme","createGlobalStyle","templateObject_1","__makeTemplateObject","props","theme","defaultTheme","concat","typography","fontSizeBase","fontFamilyBase","lineHeight","colors","backgroundMidLight","textDark"],"mappings":"8MAGO,MAAMA,EAAwBC,EAAUC,EAAiBC,IAAAA,EAAAC,EAAA,CAAA,OAAA,4sBAAA,CAAA,OAuB7D,8sBAtBC,SAACC,GACD,IAAMC,SACDC,GACAF,EAAMC,OAEX,MAAO,sCAAAE,OAEUF,EAAMG,WAAWC,aAAY,4BAAAF,OAC3BF,EAAMG,WAAWE,kDACjBL,EAAMG,WAAWG,WAAU,wDAAAJ,OAGtBF,EAAMO,OAAOC,mBAAkB,sBAAAN,OAC1CF,EAAMO,OAAOE,sNAS5B"}

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

@@ -1,7 +0,0 @@
-import { type ThemeType } from "../../types";
-type SpinnerProps = {
-    theme: ThemeType;
-};
-export declare const ScreenReaderOnly: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const Spinner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SpinnerProps>> & string;
-export {};

package/lib/src/components/Loader/styles.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{keyframes as t}from"styled-components";var i,a,e,r=t(i||(i=n(["\n  0%,\n  80%,\n  100% {\n      transform: scale(0)\n  }\n  40% {\n      transform: scale(1)\n  }\n"],["\n  0%,\n  80%,\n  100% {\n      transform: scale(0)\n  }\n  40% {\n      transform: scale(1)\n  }\n"]))),l=o.p(a||(a=n(["\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n"],["\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n"]))),s=o.div(e||(e=n(["\n  width: 100%;\n  text-align: center;\n  margin-top: ",";\n\n  span {\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    margin: 0 2px;\n    background-color: ",";\n    border-radius: 100%;\n    animation: "," 1.2s infinite ease-in-out both;\n  }\n\n  span:nth-child(1) {\n    animation-delay: -0.32s;\n    -webkit-animation-delay: -0.32s;\n  }\n\n  span:nth-child(2) {\n    background-color: ",";\n    animation-delay: -0.16s;\n  }\n\n  span:nth-child(3) {\n    background-color: ",";\n  }\n"],["\n  width: 100%;\n  text-align: center;\n  margin-top: ",";\n\n  span {\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    margin: 0 2px;\n    background-color: ",";\n    border-radius: 100%;\n    animation: "," 1.2s infinite ease-in-out both;\n  }\n\n  span:nth-child(1) {\n    animation-delay: -0.32s;\n    -webkit-animation-delay: -0.32s;\n  }\n\n  span:nth-child(2) {\n    background-color: ",";\n    animation-delay: -0.16s;\n  }\n\n  span:nth-child(3) {\n    background-color: ",";\n  }\n"])),function(n){return n.theme.spacing.s},function(n){return n.theme.colors.loaderColor1},r,function(n){return n.theme.colors.loaderColor2},function(n){return n.theme.colors.loaderColor3});export{l as ScreenReaderOnly,s as Spinner};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Loader/styles.ts"],"sourcesContent":["import styled, { keyframes } from \"styled-components\";\nimport { type ThemeType } from \"../../types\";\n\ntype SpinnerProps = {\n  theme: ThemeType;\n};\n\nconst BounceDelay = keyframes`\n  0%,\n  80%,\n  100% {\n      transform: scale(0)\n  }\n  40% {\n      transform: scale(1)\n  }\n`;\n\nexport const ScreenReaderOnly = styled.p`\n  position: absolute;\n  left: -10000px;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n`;\n\nexport const Spinner = styled.div<SpinnerProps>`\n  width: 100%;\n  text-align: center;\n  margin-top: ${({ theme }) => theme.spacing.s};\n\n  span {\n    display: inline-block;\n    width: 16px;\n    height: 16px;\n    margin: 0 2px;\n    background-color: ${({ theme }) => theme.colors.loaderColor1};\n    border-radius: 100%;\n    animation: ${BounceDelay} 1.2s infinite ease-in-out both;\n  }\n\n  span:nth-child(1) {\n    animation-delay: -0.32s;\n    -webkit-animation-delay: -0.32s;\n  }\n\n  span:nth-child(2) {\n    background-color: ${({ theme }) => theme.colors.loaderColor2};\n    animation-delay: -0.16s;\n  }\n\n  span:nth-child(3) {\n    background-color: ${({ theme }) => theme.colors.loaderColor3};\n  }\n`;\n"],"names":["BounceDelay","keyframes","templateObject_1","__makeTemplateObject","ScreenReaderOnly","styled","p","templateObject_2","Spinner","div","_a","theme","spacing","s","colors","loaderColor1","loaderColor2","loaderColor3"],"mappings":"iIAOA,UAAMA,EAAcC,EAASC,IAAAA,EAAAC,EAAA,CAAA,wGAAA,CAAA,2GAWhBC,EAAmBC,EAAOC,EAACC,IAAAA,EAAAJ,EAAA,CAAA,kHAAA,CAAA,qHAS3BK,EAAUH,EAAOI,mhBAAiB,0DAGD,6HAOkB,+CAEpC,2LASoC,wFAKA,cAvBhD,SAACC,GAAc,OAAPA,EAAAC,MAAaC,QAAQC,CAAd,EAOP,SAACH,GAAc,OAAPA,EAAAC,MAAaG,OAAOC,YAAb,EAEtBf,EASO,SAACU,GAAc,OAAPA,EAAAC,MAAaG,OAAOE,YAAb,EAKf,SAACN,GAAc,OAAPA,EAAAC,MAAaG,OAAOG,YAAb"}

package/lib/src/components/ThemeCheatSheet.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { type ThemeType } from "../types";
-export declare function ThemeCheatSheet({ theme }: {
-    theme?: ThemeType;
-}): React.JSX.Element;
-declare const _default: React.ForwardRefExoticComponent<import("styled-components").ExecutionProps & React.RefAttributes<typeof ThemeCheatSheet>> & import("styled-components/dist/utils/hoist").NonReactStatics<typeof ThemeCheatSheet>;
-export default _default;

package/lib/src/themes/bowelbabe.d.ts

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

package/lib/src/themes/bowelbabe.js

@@ -1,2 +0,0 @@
-import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import{crukTheme as r}from"./cruk.js";var a=e({},r.utilities),o=e(e({},r.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/bowelbabe-logo-160.png",footerCopyText:"The Bowelbabe Fund for Cancer Research UK, raises money to fund clinical trials, research and cancer information and awareness, as well as other initiatives to combat cancer and support those affected by cancer. The Bowelbabe Fund is a restricted fund within Cancer Research UK. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247) and is registered with the Fundraising Regulator."}),t=e(e({},r.avatar),{path:"".concat(o.assetPath,"images/avatar/bowelbabe/")}),n=e(e({},r.button),{horizontalPadding:"1rem",borderRadius:"2em"}),b=e({},r.breakpoint),i=e(e({},r.tokenColors),{bbPurple:"#501e70",bbLightGreen:"#92ddcb",bbGreen:"#26bb98",bbPastelGreen:"#d4f1ea",bbPink:"#d81272",bbPastelPink:"#EB88B8",bbBlue:"#009ed1",bbTeal:"#005e85",bbYellow:"#e4b50b",bbPastelYellow:"#F1DA85"}),s=e(e({},r.colors),{primary:i.bbPurple,secondary:i.bbGreen,tertiary:i.bbTeal,textOnPrimary:i.white,textOnSecondary:i.bbPurple,textOnTertiary:i.white,warning:i.bbYellow,success:i.bbGreen,info:i.bbBlue,avatarBorder:i.bbPurple,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,check:i.bbPurple,headerTaglineText:i.bbPurple,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.bbPastelYellow,buttonPrimaryText:i.bbPurple,buttonPrimaryBorder:i.bbPastelYellow,buttonPrimaryBackgroundHover:i.bbPastelPink,buttonPrimaryTextHover:i.bbPurple,buttonPrimaryBorderHover:i.bbPastelPink,buttonPrimaryDisabledBackground:i.grey_200,buttonPrimaryDisabledText:i.grey_800,buttonPrimaryDisabledBorder:i.grey_200,buttonSecondaryBackground:i.white,buttonSecondaryText:i.bbPurple,buttonSecondaryBorder:i.bbPastelYellow,buttonSecondaryBackgroundHover:i.bbPastelPink,buttonSecondaryTextHover:i.bbPurple,buttonSecondaryBorderHover:i.bbPastelYellow,buttonSecondaryDisabledBackground:i.grey_200,buttonSecondaryDisabledText:i.grey_800,buttonSecondaryDisabledBorder:i.grey_200,buttonTertiaryText:i.bbPurple,buttonTertiaryTextHover:i.bbPink,buttonTertiaryDisabledText:i.grey_200}),l=e({},r.spacing),u=e({},r.shadows),d=e({},r.fontSizes),c=e(e({},r.typography),{customFonts:[{family:"juana",urlWoff:"".concat(o.assetPath,"fonts/juana-semibold-webfont.woff"),urlWoff2:"".concat(o.assetPath,"fonts/juana-semibold-webfont.woff2"),fontWeight:600}],fontFamilyHeadings:"juana,Arial,sans-serif",fontFamilyLinks:"juana,Arial,sans-serif",fontFamilyButtons:"juana,Arial,sans-serif",fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyLabel:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontWeightBase:400,fontWeightLinks:600,fontWeightHeadings:600,fontWeightButtons:600,fontWeightLabels:600,LinkPrimaryTextDecoration:"none",LinkLetterSpacing:"0px"}),g={name:"bowelbabe",avatar:e({},t),breakpoint:e({},b),button:e({},n),tokenColors:e({},i),colors:e({},s),spacing:e({},l),fontSizes:e({},d),siteConfig:e({},o),typography:e({},c),shadows:e({},u),utilities:e({},a)};export{t as AVATAR,b as BREAKPOINT,n as BUTTON,s as COLORS,d as FONT_SIZES,u as SHADOWS,o as SITE_CONFIG,l as SPACING,i as TOKEN_COLORS,c as TYPOGRAPHY,a as UTILITIES,g as bowelbabeTheme,g as default};
-//# sourceMappingURL=bowelbabe.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"bowelbabe.js","sources":["../../../src/themes/bowelbabe.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:\n    \"https://rcl.assets.cancerresearchuk.org/images/logos/bowelbabe-logo-160.png\",\n  footerCopyText:\n    \"The Bowelbabe Fund for Cancer Research UK, raises money to fund clinical trials, research and cancer information and awareness, as well as other initiatives to combat cancer and support those affected by cancer. The Bowelbabe Fund is a restricted fund within Cancer Research UK. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247) and is registered with the Fundraising Regulator.\",\n};\n\nexport const AVATAR: AvatarType = {\n  ...defaultTheme.avatar,\n  path: `${SITE_CONFIG.assetPath}images/avatar/bowelbabe/`,\n};\n\nexport const BUTTON: ButtonType = {\n  ...defaultTheme.button,\n  horizontalPadding: \"1rem\",\n  borderRadius: \"2em\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n  ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n  ...defaultTheme.tokenColors,\n  bbPurple: \"#501e70\",\n  bbLightGreen: \"#92ddcb\",\n  bbGreen: \"#26bb98\",\n  bbPastelGreen: \"#d4f1ea\",\n  bbPink: \"#d81272\",\n  bbPastelPink: \"#EB88B8\",\n  bbBlue: \"#009ed1\",\n  bbTeal: \"#005e85\",\n  bbYellow: \"#e4b50b\",\n  bbPastelYellow: \"#F1DA85\",\n};\n\nexport const COLORS: ColorsType = {\n  ...defaultTheme.colors,\n  primary: TOKEN_COLORS.bbPurple,\n  secondary: TOKEN_COLORS.bbGreen,\n  tertiary: TOKEN_COLORS.bbTeal,\n\n  textOnPrimary: TOKEN_COLORS.white,\n  textOnSecondary: TOKEN_COLORS.bbPurple,\n  textOnTertiary: TOKEN_COLORS.white,\n\n  warning: TOKEN_COLORS.bbYellow,\n  success: TOKEN_COLORS.bbGreen,\n  info: TOKEN_COLORS.bbBlue,\n\n  avatarBorder: TOKEN_COLORS.bbPurple,\n  progressBar: TOKEN_COLORS.bbLightGreen,\n  progressBarSecondary: TOKEN_COLORS.bbGreen,\n  circularProgress: TOKEN_COLORS.bbLightGreen,\n  circularProgressSecondary: TOKEN_COLORS.bbGreen,\n  linkColor: TOKEN_COLORS.bbPurple,\n  linkColorHover: TOKEN_COLORS.bbPink,\n  linkColorSecondary: TOKEN_COLORS.bbPurple,\n  linkColorSecondaryHover: TOKEN_COLORS.bbPink,\n\n  backgroundLightColor: TOKEN_COLORS.bbPastelGreen,\n\n  collapseHeaderColor: TOKEN_COLORS.bbPink,\n  check: TOKEN_COLORS.bbPurple,\n\n  headerTaglineText: TOKEN_COLORS.bbPurple,\n\n  loaderColor1: TOKEN_COLORS.bbPurple,\n  loaderColor2: TOKEN_COLORS.bbLightGreen,\n  loaderColor3: TOKEN_COLORS.bbPink,\n\n  paginationText: TOKEN_COLORS.bbPurple,\n  paginationBackground: TOKEN_COLORS.bbPurple,\n\n  totaliserBubbleColor: TOKEN_COLORS.bbPurple,\n  totaliserBubbleTextColor: TOKEN_COLORS.bbLightGreen,\n  totaliserBubbleTotalColor: TOKEN_COLORS.white,\n\n  buttonPrimaryBackground: TOKEN_COLORS.bbPastelYellow,\n  buttonPrimaryText: TOKEN_COLORS.bbPurple,\n  buttonPrimaryBorder: TOKEN_COLORS.bbPastelYellow,\n  buttonPrimaryBackgroundHover: TOKEN_COLORS.bbPastelPink,\n  buttonPrimaryTextHover: TOKEN_COLORS.bbPurple,\n  buttonPrimaryBorderHover: TOKEN_COLORS.bbPastelPink,\n  buttonPrimaryDisabledBackground: TOKEN_COLORS.grey_200,\n  buttonPrimaryDisabledText: TOKEN_COLORS.grey_800,\n  buttonPrimaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n  buttonSecondaryBackground: TOKEN_COLORS.white,\n  buttonSecondaryText: TOKEN_COLORS.bbPurple,\n  buttonSecondaryBorder: TOKEN_COLORS.bbPastelYellow,\n  buttonSecondaryBackgroundHover: TOKEN_COLORS.bbPastelPink,\n  buttonSecondaryTextHover: TOKEN_COLORS.bbPurple,\n  buttonSecondaryBorderHover: TOKEN_COLORS.bbPastelYellow,\n  buttonSecondaryDisabledBackground: TOKEN_COLORS.grey_200,\n  buttonSecondaryDisabledText: TOKEN_COLORS.grey_800,\n  buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n  buttonTertiaryText: TOKEN_COLORS.bbPurple,\n  buttonTertiaryTextHover: TOKEN_COLORS.bbPink,\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: \"juana\",\n      urlWoff: `${SITE_CONFIG.assetPath}fonts/juana-semibold-webfont.woff`,\n      urlWoff2: `${SITE_CONFIG.assetPath}fonts/juana-semibold-webfont.woff2`,\n      fontWeight: 600,\n    },\n  ],\n  fontFamilyHeadings: \"juana,Arial,sans-serif\",\n  fontFamilyLinks: \"juana,Arial,sans-serif\",\n  fontFamilyButtons: \"juana,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  // headerLineHeight: \"1.5em\",\n  fontWeightBase: 400,\n  fontWeightLinks: 600,\n  fontWeightHeadings: 600,\n  fontWeightButtons: 600,\n  fontWeightLabels: 600,\n  LinkPrimaryTextDecoration: \"none\",\n  LinkLetterSpacing: \"0px\",\n};\n\nexport const bowelbabeTheme: ThemeType = {\n  name: \"bowelbabe\",\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 bowelbabeTheme;\n"],"names":["UTILITIES","__assign","defaultTheme","utilities","SITE_CONFIG","siteConfig","logoSrc","footerCopyText","AVATAR","avatar","path","assetPath","BUTTON","button","horizontalPadding","borderRadius","BREAKPOINT","breakpoint","TOKEN_COLORS","tokenColors","bbPurple","bbLightGreen","bbGreen","bbPastelGreen","bbPink","bbPastelPink","bbBlue","bbTeal","bbYellow","bbPastelYellow","COLORS","colors","primary","secondary","tertiary","textOnPrimary","white","textOnSecondary","textOnTertiary","warning","success","info","avatarBorder","progressBar","progressBarSecondary","circularProgress","circularProgressSecondary","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","backgroundLightColor","collapseHeaderColor","check","headerTaglineText","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationBackground","totaliserBubbleColor","totaliserBubbleTextColor","totaliserBubbleTotalColor","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","grey_200","buttonPrimaryDisabledText","grey_800","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","urlWoff2","fontWeight","fontFamilyHeadings","fontFamilyLinks","fontFamilyButtons","fontFamilyBase","fontFamilyLabel","fontWeightBase","fontWeightLinks","fontWeightHeadings","fontWeightButtons","fontWeightLabels","LinkPrimaryTextDecoration","LinkLetterSpacing","bowelbabeTheme","name"],"mappings":"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"}

package/lib/src/themes/cruk.d.ts

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

package/lib/src/themes/cruk.js

@@ -1,2 +0,0 @@
-import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";var r={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},t={assetPath:"https://rcl.assets.cancerresearchuk.org/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg",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:"32px",m:"48px",l:"64px",xl:"128px",path:"".concat(t.assetPath,"images/avatar/cruk2/")},o={borderRadius:"0px",borderRadiusLarge:"0px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none",horizontalPadding:"2em"},n={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},i={navy_100:"#E5E5FF",navy_600:"#00007E",navy_700:"#000066",navy_800:"#00004D",magenta_100:"#FFE6F3",magenta_600:"#FF0087",magenta_700:"#E60079",magenta_800:"#CC006C",cyan_600:"#009CEE",cyan_700:"#006DA7",grey_100:"#F2F2F2",grey_200:"#E6E6E6",grey_300:"#c6c6c6",grey_600:"#666666",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},s={primary:i.navy_600,secondary:i.magenta_700,tertiary:i.cyan_600,textOnPrimary:i.white,textOnSecondary:i.white,textOnTertiary:i.white,textHeaderDefault:i.black,disabled:i.grey_200,danger:i.red,warning:i.yellow,success:i.green,info:i.cyan_600,textError:i.red,textDark:i.black,textLight:i.white,textMid:i.grey_600,linkColor:i.magenta_700,linkColorHover:i.magenta_800,linkColorSecondary:i.magenta_700,linkColorSecondaryHover:i.magenta_800,avatarBorder:i.navy_600,progressBar:i.navy_600,progressBarSecondary:i.magenta_700,progressBarBackground:i.grey_200,circularProgress:i.cyan_600,circularProgressSecondary:i.magenta_700,circularProgressBackground:i.grey_200,buttonPrimaryBackground:i.magenta_700,buttonPrimaryText:i.white,buttonPrimaryBorder:i.magenta_700,buttonPrimaryBackgroundHover:i.magenta_800,buttonPrimaryTextHover:i.white,buttonPrimaryBorderHover:i.magenta_800,buttonPrimaryDisabledBackground:i.grey_200,buttonPrimaryDisabledText:i.grey_600,buttonPrimaryDisabledBorder:i.grey_200,buttonSecondaryBackground:i.white,buttonSecondaryText:i.magenta_700,buttonSecondaryBorder:i.magenta_700,buttonSecondaryBackgroundHover:i.magenta_100,buttonSecondaryTextHover:i.magenta_800,buttonSecondaryBorderHover:i.magenta_100,buttonSecondaryDisabledBackground:i.grey_200,buttonSecondaryDisabledText:i.grey_600,buttonSecondaryDisabledBorder:i.grey_200,buttonTertiaryText:i.magenta_700,buttonTertiaryTextHover:i.magenta_800,buttonTertiaryDisabledText:i.grey_600,collapseHeaderColor:i.navy_600,selectionBorder:i.grey_600,textInputBorder:i.grey_900,inputBorder:i.grey_900,check:i.magenta_700,headerBackground:i.white,backgroundLight:i.white,backgroundLightColor:i.navy_100,backgroundMid:i.grey_200,backgroundMidLight:i.grey_100,loaderColor1:i.navy_600,loaderColor2:i.magenta_600,loaderColor3:i.cyan_600,paginationText:i.navy_600,paginationActive:i.grey_200,paginationBackground:i.navy_600,footerBackground:i.backgroundLight,headerBorder:i.grey_200,headerTaglineText:i.black,stepBorder:i.grey_200,stepBackground:i.white,popoverBackground:i.white,textInputExtraInfo:i.grey_200,totaliserBubbleColor:i.grey_200,totaliserBubbleTextColor:i.black,totaliserBubbleTotalColor:i.navy_600,selectBackground:i.black,modalBackdrop:i.black,userBlockExtraText:i.grey_800},g={none:"0",auto:"auto",xxxs:"0.25rem",xxs:"0.5rem",xs:"1rem",s:"1.5rem",m:"2rem",l:"2.5rem",xl:"3rem",xxl:"3.5rem"},l={xs:"0.75rem",s:"0.875rem",m:"1rem",ml:"1.125rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},c={customFonts:[{family:"Progress",urlWoff2:"".concat(t.assetPath,"fonts/Progress-Regular.woff2"),fontWeight:400},{family:"Progress",urlWoff2:"".concat(t.assetPath,"fonts/Progress-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Light.woff"),fontWeight:300},{family:"Poppins",urlWoff2:"".concat(t.assetPath,"fonts/Poppins-Regular.woff2"),fontWeight:400},{family:"Poppins",urlWoff2:"".concat(t.assetPath,"fonts/Poppins-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Medium.woff"),fontWeight:500}],fontFamilyBase:"Poppins,sans-serif",fontFamilyButtons:"Poppins,sans-serif",fontFamilyLinks:"Poppins,sans-serif",fontFamilyHeadings:"Progress,Arial,Helvetica,sans-serif",fontFamilyLabel:"Poppins,sans-serif",fontSizeBase:"16px",fontWeightBase:300,fontWeightHeadings:400,fontWeightLinks:700,fontWeightButtons:400,fontWeightLabels:500,fontWeightHeavy:700,fontWeightMedium:500,fontWeightNormal:400,fontWeightLight:300,fontWeightVLight:100,linkTextDecoration:"underline",LinkLetterSpacing:"0px",LinkPrimaryTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},d={s:"0px 0px 2px 1px ".concat(i.grey_300),m:"0px 0px 4px 1px ".concat(i.grey_300),l:"0px 0px 7px 1px ".concat(i.grey_300)},y={name:"cruk",avatar:e({},a),breakpoint:e({},n),button:e({},o),tokenColors:e({},i),colors:e({},s),spacing:e({},g),fontSizes:e({},l),siteConfig:e({},t),typography:e({},c),shadows:e({},d),utilities:e({},r)};export{a as AVATAR,n as BREAKPOINT,o as BUTTON,s as COLORS,l as FONT_SIZES,d as SHADOWS,t as SITE_CONFIG,g as SPACING,i as TOKEN_COLORS,c as TYPOGRAPHY,r as UTILITIES,y as crukTheme,y as default};
-//# sourceMappingURL=cruk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cruk.js","sources":["../../../src/themes/cruk.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 ShadowsType,\n  type TypographyType,\n  type ThemeType,\n} from \"../types\";\n\nexport const UTILITIES: UtilitiesType = {\n  contentMaxWidth: \"1020px\",\n  useDefaultFocusRect: true,\n  useDefaultFromControls: false,\n  useBackgroundStyleLinks: false,\n  inputBorderWidth: \"1px\",\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n  assetPath: \"https://rcl.assets.cancerresearchuk.org/\",\n  logoUrl: \"/\",\n  logoAlt: \"Cancer Research UK Giving Page\",\n  logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg\",\n  footerCopyText:\n    \"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).\",\n  footerLogoAlt: \"Registered with Fundraising Regulator\",\n  footerLogoSrc:\n    \"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png\",\n};\n\nexport const AVATAR: AvatarType = {\n  s: \"32px\",\n  m: \"48px\",\n  l: \"64px\",\n  xl: \"128px\",\n  path: `${SITE_CONFIG.assetPath}images/avatar/cruk2/`,\n};\n\nexport const BUTTON: ButtonType = {\n  borderRadius: \"0px\",\n  borderRadiusLarge: \"0px\",\n  buttonBorderThickness: \"2px\",\n  textDecoration: \"none\",\n  textTransform: \"none\",\n  horizontalPadding: \"2em\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n  mobile: \"576px\",\n  tablet: \"768px\",\n  desktop: \"992px\",\n  desktopLarge: \"1200px\",\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n  navy_100: \"#E5E5FF\",\n  navy_600: \"#00007E\",\n  navy_700: \"#000066\",\n  navy_800: \"#00004D\",\n\n  magenta_100: \"#FFE6F3\",\n  magenta_600: \"#FF0087\",\n  magenta_700: \"#E60079\",\n  magenta_800: \"#CC006C\",\n\n  cyan_600: \"#009CEE\",\n  cyan_700: \"#006DA7\",\n\n  grey_100: \"#F2F2F2\",\n  grey_200: \"#E6E6E6\",\n  grey_300: \"#c6c6c6\", // used for shadows\n\n  grey_600: \"#666666\",\n  grey_800: \"#575757\",\n  grey_900: \"#2e2d2c\",\n\n  white: \"#fff\",\n  black: \"#000\",\n\n  red: \"#D51311\",\n  yellow: \"#fdc02f\",\n  green: \"#3d854d\",\n};\n\nexport const COLORS: ColorsType = {\n  primary: TOKEN_COLORS.navy_600,\n  secondary: TOKEN_COLORS.magenta_700,\n  tertiary: TOKEN_COLORS.cyan_600,\n\n  textOnPrimary: TOKEN_COLORS.white,\n  textOnSecondary: TOKEN_COLORS.white,\n  textOnTertiary: TOKEN_COLORS.white,\n  textHeaderDefault: TOKEN_COLORS.black,\n\n  disabled: TOKEN_COLORS.grey_200,\n  danger: TOKEN_COLORS.red,\n  warning: TOKEN_COLORS.yellow,\n  success: TOKEN_COLORS.green,\n  info: TOKEN_COLORS.cyan_600,\n  textError: TOKEN_COLORS.red,\n\n  textDark: TOKEN_COLORS.black,\n  textLight: TOKEN_COLORS.white,\n  textMid: TOKEN_COLORS.grey_600,\n  linkColor: TOKEN_COLORS.magenta_700,\n  linkColorHover: TOKEN_COLORS.magenta_800,\n  linkColorSecondary: TOKEN_COLORS.magenta_700,\n  linkColorSecondaryHover: TOKEN_COLORS.magenta_800,\n\n  avatarBorder: TOKEN_COLORS.navy_600,\n  progressBar: TOKEN_COLORS.navy_600,\n  progressBarSecondary: TOKEN_COLORS.magenta_700,\n  progressBarBackground: TOKEN_COLORS.grey_200,\n  circularProgress: TOKEN_COLORS.cyan_600,\n  circularProgressSecondary: TOKEN_COLORS.magenta_700,\n  circularProgressBackground: TOKEN_COLORS.grey_200,\n\n  buttonPrimaryBackground: TOKEN_COLORS.magenta_700,\n  buttonPrimaryText: TOKEN_COLORS.white,\n  buttonPrimaryBorder: TOKEN_COLORS.magenta_700,\n  buttonPrimaryBackgroundHover: TOKEN_COLORS.magenta_800,\n  buttonPrimaryTextHover: TOKEN_COLORS.white,\n  buttonPrimaryBorderHover: TOKEN_COLORS.magenta_800,\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.magenta_700,\n  buttonSecondaryBorder: TOKEN_COLORS.magenta_700,\n  buttonSecondaryBackgroundHover: TOKEN_COLORS.magenta_100,\n  buttonSecondaryTextHover: TOKEN_COLORS.magenta_800,\n  buttonSecondaryBorderHover: TOKEN_COLORS.magenta_100,\n  buttonSecondaryDisabledBackground: TOKEN_COLORS.grey_200,\n  buttonSecondaryDisabledText: TOKEN_COLORS.grey_600,\n  buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n  buttonTertiaryText: TOKEN_COLORS.magenta_700,\n  buttonTertiaryTextHover: TOKEN_COLORS.magenta_800,\n  buttonTertiaryDisabledText: TOKEN_COLORS.grey_600,\n\n  collapseHeaderColor: TOKEN_COLORS.navy_600,\n\n  selectionBorder: TOKEN_COLORS.grey_600,\n\n  textInputBorder: TOKEN_COLORS.grey_900,\n  inputBorder: TOKEN_COLORS.grey_900,\n  check: TOKEN_COLORS.magenta_700,\n\n  headerBackground: TOKEN_COLORS.white,\n  backgroundLight: TOKEN_COLORS.white,\n  backgroundLightColor: TOKEN_COLORS.navy_100,\n  backgroundMid: TOKEN_COLORS.grey_200,\n  backgroundMidLight: TOKEN_COLORS.grey_100,\n\n  loaderColor1: TOKEN_COLORS.navy_600,\n  loaderColor2: TOKEN_COLORS.magenta_600,\n  loaderColor3: TOKEN_COLORS.cyan_600,\n\n  paginationText: TOKEN_COLORS.navy_600,\n  paginationActive: TOKEN_COLORS.grey_200,\n  paginationBackground: TOKEN_COLORS.navy_600,\n\n  footerBackground: TOKEN_COLORS.backgroundLight,\n\n  headerBorder: TOKEN_COLORS.grey_200,\n  headerTaglineText: TOKEN_COLORS.black,\n\n  stepBorder: TOKEN_COLORS.grey_200,\n  stepBackground: TOKEN_COLORS.white,\n\n  popoverBackground: TOKEN_COLORS.white,\n\n  textInputExtraInfo: TOKEN_COLORS.grey_200,\n\n  totaliserBubbleColor: TOKEN_COLORS.grey_200,\n  totaliserBubbleTextColor: TOKEN_COLORS.black,\n  totaliserBubbleTotalColor: TOKEN_COLORS.navy_600,\n\n  selectBackground: TOKEN_COLORS.black,\n\n  modalBackdrop: TOKEN_COLORS.black,\n\n  userBlockExtraText: TOKEN_COLORS.grey_800,\n};\n\n// TODO: possibly convert to REMS, once a base font size has been agreed.\nexport const SPACING: SpacingType = {\n  none: \"0\",\n  auto: \"auto\",\n  xxxs: \"0.25rem\", // 4px\n  xxs: \"0.5rem\", // 8px\n  xs: \"1rem\", // 16px\n  s: \"1.5rem\", // 24px\n  m: \"2rem\", // 32px\n  l: \"2.5rem\", // 40px\n  xl: \"3rem\", // 48px\n  xxl: \"3.5rem\", // 56px\n};\n\nexport const FONT_SIZES: FontSizesType = {\n  xs: \"0.75rem\", // 12px\n  s: \"0.875rem\", // 14px\n  m: \"1rem\", // 16px\n  ml: \"1.125rem\", // 18px\n  l: \"1.25rem\", // 20px\n  xl: \"1.5625rem\", // 25px\n  xxl: \"2rem\", // 32px\n  xxxl: \"2.5rem\", // 40px\n  xxxxl: \"3.125rem\", // 45px\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n  customFonts: [\n    {\n      family: \"Progress\",\n      urlWoff2: `${SITE_CONFIG.assetPath}fonts/Progress-Regular.woff2`,\n      fontWeight: 400,\n    },\n    {\n      family: \"Progress\",\n      urlWoff2: `${SITE_CONFIG.assetPath}fonts/Progress-SemiBold.woff2`,\n      fontWeight: 600,\n    },\n    {\n      family: \"Poppins\",\n      urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Light.woff`,\n      fontWeight: 300,\n    },\n    {\n      family: \"Poppins\",\n      urlWoff2: `${SITE_CONFIG.assetPath}fonts/Poppins-Regular.woff2`,\n      fontWeight: 400,\n    },\n    {\n      family: \"Poppins\",\n      urlWoff2: `${SITE_CONFIG.assetPath}fonts/Poppins-SemiBold.woff2`,\n      fontWeight: 600,\n    },\n    {\n      family: \"Poppins\",\n      urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Medium.woff`,\n      fontWeight: 500,\n    },\n  ],\n  fontFamilyBase: \"Poppins,sans-serif\",\n  fontFamilyButtons: \"Poppins,sans-serif\",\n  fontFamilyLinks: \"Poppins,sans-serif\",\n  fontFamilyHeadings: \"Progress,Arial,Helvetica,sans-serif\",\n  fontFamilyLabel: \"Poppins,sans-serif\",\n  fontSizeBase: \"16px\",\n  fontWeightBase: 300,\n  fontWeightHeadings: 400,\n  fontWeightLinks: 700,\n  fontWeightButtons: 400,\n  fontWeightLabels: 500,\n  fontWeightHeavy: 700,\n  fontWeightMedium: 500,\n  fontWeightNormal: 400,\n  fontWeightLight: 300,\n  fontWeightVLight: 100,\n  linkTextDecoration: \"underline\",\n  LinkLetterSpacing: \"0px\",\n  LinkPrimaryTextDecoration: \"underline\",\n  lineHeight: \"1.5em\",\n  headerLineHeight: \"1.25em\",\n  headerTextTransform: \"none\",\n};\n\nexport const SHADOWS: ShadowsType = {\n  s: `0px 0px 2px 1px ${TOKEN_COLORS.grey_300}`,\n  m: `0px 0px 4px 1px ${TOKEN_COLORS.grey_300}`,\n  l: `0px 0px 7px 1px ${TOKEN_COLORS.grey_300}`,\n};\n\nexport const crukTheme: ThemeType = {\n  name: \"cruk\",\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 crukTheme;\n"],"names":["UTILITIES","contentMaxWidth","useDefaultFocusRect","useDefaultFromControls","useBackgroundStyleLinks","inputBorderWidth","SITE_CONFIG","assetPath","logoUrl","logoAlt","logoSrc","footerCopyText","footerLogoAlt","footerLogoSrc","AVATAR","s","m","l","xl","path","concat","BUTTON","borderRadius","borderRadiusLarge","buttonBorderThickness","textDecoration","textTransform","horizontalPadding","BREAKPOINT","mobile","tablet","desktop","desktopLarge","TOKEN_COLORS","navy_100","navy_600","navy_700","navy_800","magenta_100","magenta_600","magenta_700","magenta_800","cyan_600","cyan_700","grey_100","grey_200","grey_300","grey_600","grey_800","grey_900","white","black","red","yellow","green","COLORS","primary","secondary","tertiary","textOnPrimary","textOnSecondary","textOnTertiary","textHeaderDefault","disabled","danger","warning","success","info","textError","textDark","textLight","textMid","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","avatarBorder","progressBar","progressBarSecondary","progressBarBackground","circularProgress","circularProgressSecondary","circularProgressBackground","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","buttonPrimaryDisabledText","buttonPrimaryDisabledBorder","buttonSecondaryBackground","buttonSecondaryText","buttonSecondaryBorder","buttonSecondaryBackgroundHover","buttonSecondaryTextHover","buttonSecondaryBorderHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","collapseHeaderColor","selectionBorder","textInputBorder","inputBorder","check","headerBackground","backgroundLight","backgroundLightColor","backgroundMid","backgroundMidLight","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationActive","paginationBackground","footerBackground","headerBorder","headerTaglineText","stepBorder","stepBackground","popoverBackground","textInputExtraInfo","totaliserBubbleColor","totaliserBubbleTextColor","totaliserBubbleTotalColor","selectBackground","modalBackdrop","userBlockExtraText","SPACING","none","auto","xxxs","xxs","xs","xxl","FONT_SIZES","ml","xxxl","xxxxl","TYPOGRAPHY","customFonts","family","urlWoff2","fontWeight","urlWoff","fontFamilyBase","fontFamilyButtons","fontFamilyLinks","fontFamilyHeadings","fontFamilyLabel","fontSizeBase","fontWeightBase","fontWeightHeadings","fontWeightLinks","fontWeightButtons","fontWeightLabels","fontWeightHeavy","fontWeightMedium","fontWeightNormal","fontWeightLight","fontWeightVLight","linkTextDecoration","LinkLetterSpacing","LinkPrimaryTextDecoration","lineHeight","headerLineHeight","headerTextTransform","SHADOWS","crukTheme","name","avatar","__assign","breakpoint","button","tokenColors","colors","spacing","fontSizes","siteConfig","typography","shadows","utilities"],"mappings":"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"}

package/lib/src/themes/rfl.d.ts

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

package/lib/src/themes/rfl.js

@@ -1,2 +0,0 @@
-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