@cruk/cruk-react-components 0.1.5

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+var r="undefined"!=typeof window,t=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))},e=function(r){if(!r)return"";var t=r.toString().split(".");return t[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")+(t[1]?"."+t[1]:"")},a=function(r){var t=Number.parseFloat((Math.round(100*r)/100).toString()).toFixed(2);return Number.isNaN(parseFloat(t))||isNaN(r)?"0":e(t)};export{t as calculatePercentRounded,a as formatMoneyWithCommas,r as isBrowser,e as numberWithCommas};
+//# sourceMappingURL=Helper.js.map

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

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

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

@@ -0,0 +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 default};
+//# sourceMappingURL=debounce.js.map

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

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

package/lib/hocs/MdxProvider.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+declare const MdxProvider: FunctionComponent;
+export default MdxProvider;

package/lib/hooks/useEffectBrowser.d.ts

@@ -0,0 +1,3 @@
+import { EffectCallback, DependencyList } from 'react';
+export declare function useEffectBrowser(action: EffectCallback, deps: DependencyList): void | null;
+export default useEffectBrowser;

package/lib/hooks/useKey.d.ts

@@ -0,0 +1,6 @@
+import { DependencyList, KeyboardEvent } from 'react';
+export declare const useKey: (callback: (event: KeyboardEvent<{}>) => void, options: {
+    detectKeys?: string[] | undefined;
+    keyevent?: "keydown" | "keyup" | "keypress" | undefined;
+}, dependencies?: DependencyList | undefined) => void;
+export default useKey;

package/lib/hooks/useLayoutEffectBrowser.d.ts

@@ -0,0 +1,3 @@
+import { EffectCallback, DependencyList } from 'react';
+export declare function useLayoutEffectBrowser(action: EffectCallback, deps: DependencyList): void | null;
+export default useLayoutEffectBrowser;

package/lib/hooks/useScrollPosition.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList, RefObject, MutableRefObject } from 'react';
+export declare function useScrollPosition(effect: any, deps: DependencyList, element: RefObject<HTMLElement> | MutableRefObject<undefined> | null, useWindow: boolean, wait: number): void;

package/lib/stories/Button.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import './button.css';
+export interface ButtonProps {
+    /**
+     * Is this the principal call to action on the page?
+     */
+    primary?: boolean;
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * How large should the button be?
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label: string;
+    /**
+     * Optional click handler
+     */
+    onClick?: () => void;
+}
+/**
+ * Primary UI component for user interaction
+ */
+export declare const Button: React.FC<ButtonProps>;

package/lib/stories/Header.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './header.css';
+export interface HeaderProps {
+    user?: {};
+    onLogin: () => void;
+    onLogout: () => void;
+    onCreateAccount: () => void;
+}
+export declare const Header: React.FC<HeaderProps>;

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

@@ -0,0 +1,6 @@
+import { Story, Meta } from '@storybook/react';
+import { HeaderProps } from './Header';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const LoggedIn: Story<HeaderProps>;
+export declare const LoggedOut: Story<HeaderProps>;

package/lib/stories/Page.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './page.css';
+export interface PageProps {
+    user?: {};
+    onLogin: () => void;
+    onLogout: () => void;
+    onCreateAccount: () => void;
+}
+export declare const Page: React.FC<PageProps>;

package/lib/stories/Page.stories.d.ts

@@ -0,0 +1,6 @@
+import { Story, Meta } from '@storybook/react';
+import { PageProps } from './Page';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const LoggedIn: Story<PageProps>;
+export declare const LoggedOut: Story<PageProps>;

package/lib/themes/cruk.d.ts

@@ -0,0 +1,13 @@
+import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, 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;
+declare const theme: ThemeType;
+export default theme;

package/lib/themes/su2c.d.ts

@@ -0,0 +1,13 @@
+import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, 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;
+declare const theme: ThemeType;
+export default theme;

package/lib/types.d.ts

@@ -0,0 +1,225 @@
+export declare type FontSizeType = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
+export declare type FontSizesType = {
+    [key in FontSizeType]: string;
+};
+export declare type UtilitiesType = {
+    contentMaxWidth: string;
+    useDefaultFocusRect: boolean;
+    useDefaultFromControls: boolean;
+    useBackgroundStyleLinks: boolean;
+    inputBorderWidth: string;
+};
+export declare type SiteConfigType = {
+    cdnPath: string;
+    assetPath: string;
+    logoUrl: string;
+    logoAlt: string;
+    logoSrc: string;
+    footerCopyText: string;
+};
+export declare type AvatarType = {
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    path: string;
+};
+export declare type ButtonType = {
+    borderRadius: string;
+    borderRadiusLarge: string;
+    buttonBorderThickness: string;
+    textDecoration: string;
+    textTransform: string;
+};
+export declare type ButtonAppearanceType = 'primary' | 'secondary' | 'tertiary' | 'text';
+export declare type PopOverPositionType = 'top' | 'topLeft' | 'left' | 'right' | 'bottom' | 'bottomLeft';
+export declare type BreakPointType = {
+    mobile: string;
+    tablet: string;
+    desktop: string;
+    desktopLarge: string;
+};
+export declare type TokenColorsType = {
+    [key: string]: string;
+};
+export declare type ColorsType = {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    textOnPrimary: string;
+    textOnSecondary: string;
+    textOnTertiary: string;
+    disabled: string;
+    danger: string;
+    warning: string;
+    success: string;
+    info: string;
+    textError: string;
+    linkColor: string;
+    linkColorHover: string;
+    textDark: string;
+    textLight: string;
+    progressBar: string;
+    progressBarBackground: string;
+    circularProgress: 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;
+    buttonTertiaryBackground: string;
+    buttonTertiaryText: string;
+    buttonTertiaryBorder: string;
+    buttonTertiaryBackgroundHover: string;
+    buttonTertiaryTextHover: string;
+    buttonTertiaryBorderHover: string;
+    buttonTertiaryDisabledBackground: string;
+    buttonTertiaryDisabledText: string;
+    buttonTertiaryDisabledBorder: string;
+    selectionBorder: string;
+    inputBorder: string;
+    headerBackground: string;
+    backgroundLight: string;
+    backgroundLightColor: string;
+    backgroundMid: string;
+    loaderColor1: string;
+    loaderColor2: string;
+    loaderColor3: string;
+    paginationBackground: string;
+    paginationActive: string;
+    footerBackground: string;
+    headerBorder: string;
+    stepBorder: string;
+    stepBackground: string;
+    popoverBackground: string;
+    textInputExtraInfo: string;
+    totaliserBorder: string;
+    textInputBorder: string;
+    selectBackground: string;
+    modalBackdrop: string;
+    userBlockExtraText: string;
+};
+export declare type ColorKeyType = keyof ColorsType;
+export declare type SpaceType = 'auto' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'none';
+export declare type SpacingType = {
+    auto: string;
+    xxs: string;
+    xs: string;
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    xxl: string;
+    none: string;
+};
+export declare type customFontType = {
+    family: string;
+    url: string;
+};
+export declare type TypographyType = {
+    customFonts: [customFontType];
+    fontUrl: string;
+    fontFamilyBase: string;
+    fontFamilyHeadings: string;
+    fontSizeBase: string;
+    fontWeightHeavy: string;
+    fontWeightMedium: string;
+    fontWeightLight: string;
+    fontWeightVLight: string;
+    linkTextDecoration: string;
+    lineHeight: string;
+    headerLineHeight: string;
+    headerTextTransform: string;
+};
+export declare type ThemeType = {
+    name: string;
+    avatar: AvatarType;
+    breakpoint: BreakPointType;
+    button: ButtonType;
+    tokenColors: TokenColorsType;
+    colors: ColorsType;
+    spacing: SpacingType;
+    fontSizes: FontSizesType;
+    siteConfig: SiteConfigType;
+    typography: TypographyType;
+    utilities: UtilitiesType;
+};
+export declare type AddressDataType = {
+    AdminAreaCode: string;
+    AdminAreaName: string;
+    Barcode: string;
+    Block: string;
+    BuildingName: string;
+    BuildingNumber: string;
+    City: string;
+    Company: string;
+    CountryIso2: string;
+    CountryIso3: string;
+    CountryIsoNumber: string;
+    CountryName: string;
+    DataLevel: string;
+    Department: string;
+    DomesticId: string;
+    Field1: string;
+    Field10: string;
+    Field11: string;
+    Field12: string;
+    Field13: string;
+    Field14: string;
+    Field15: string;
+    Field16: string;
+    Field17: string;
+    Field18: string;
+    Field19: string;
+    Field2: string;
+    Field20: string;
+    Field3: string;
+    Field4: string;
+    Field5: string;
+    Field6: string;
+    Field7: string;
+    Field8: string;
+    Field9: string;
+    Id: string;
+    Label: string;
+    Language: string;
+    LanguageAlternatives: string;
+    Line1: string;
+    Line2: string;
+    Line3: string;
+    Line4: string;
+    Line5: string;
+    Neighbourhood: string;
+    POBoxNumber: string;
+    PostalCode: string;
+    Province: string;
+    ProvinceCode: string;
+    ProvinceName: string;
+    SecondaryStreet: string;
+    SortingNumber1: string;
+    SortingNumber2: string;
+    Street: string;
+    SubBuilding: string;
+    Type: string;
+};
+export declare type AddressOptionsType = {
+    Description: string;
+    Type: string;
+    Id: string;
+    Text: string;
+};
+export declare type WordBreakType = 'normal' | 'break-all' | 'keep-all' | 'break-word' | 'inherit' | 'initial' | 'unset';

package/lib/utils/Helper.d.ts

@@ -0,0 +1,6 @@
+export declare const isBrowser: boolean;
+export declare const calculatePercentRounded: (value: number, target: number) => number;
+export declare const formatMoney: (value: number) => string;
+export declare const numberWithCommas: (n?: string | number | undefined) => string;
+export declare const formatMoneyWithCommas: (value: number) => string;
+export declare const camelize: (str: string) => string;

package/lib/utils/__tests__/testHelpers.jest.d.ts

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

package/lib/utils/debounce.d.ts

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

package/package.json

@@ -0,0 +1,139 @@
+{
+  "name": "@cruk/cruk-react-components",
+  "version": "0.1.5",
+  "description": "React components implementing CRUK and SU2C designs",
+  "license": "UNLICENSED",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "lib/cjs/src/components/index.js",
+  "module": "lib/es/src/components/index.js",
+  "jsnext:main": "lib/es/index.js",
+  "types": "lib/components/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "lib"
+  ],
+  "engines": {
+    "node": "^14.0.0",
+    "npm": "^7"
+  },
+  "scripts": {
+    "dev": "NODE_ENV=development npm i && docker-compose up server",
+    "start": "webpack server --config webpack.config.docs.js --mode development",
+    "clean-lib": "rm -rf ./lib",
+    "build-lib": "npm run clean-lib && webpack --config webpack.config.lib.js --mode production",
+    "build-docs": "webpack --config webpack.config.docs.js --mode production",
+    "preanalyze": "npm run build-lib",
+    "analyze": "source-map-explorer lib/index.js",
+    "cypress-headless": "docker-compose stop cypress && docker-compose run cypress $ARGS",
+    "cypress-headless:update": "docker-compose stop cypress && docker-compose run cypress -e updateSnapshots=true $ARGS",
+    "cypress": "npx cypress open-ct",
+    "jest-ci": "NODE_ENV=test jest --watchAll=false",
+    "jest": "NODE_ENV=test jest --watch",
+    "test": "npm run jest-ci && npm run cypress-headless",
+    "test:update": "NODE_ENV=test npm run cypress-headless:update",
+    "percy": "percy storybook:start",
+    "clean": "rm -rf node_modules/",
+    "release": "node release.js",
+    "rollup:build-lib": "npm run clean-lib && rollup --config",
+    "prettier": "prettier --write src/**/*.{ts,tsx}",
+    "prettier:test": "prettier --check src/**/*.{ts,tsx}",
+    "prettier:test-staged": "npx pretty-quick --pattern 'src/**/*.{js,ts,tsx}' 'cypress/{integration,plugins,support}/**/*.{js,ts,tsx}' --staged",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "eslint:test": "eslint src",
+    "eslint:test-staged": "npx lint-staged",
+    "prepare": "husky install",
+    "precommit": "npm run prettier:test-staged && npm run eslint:test-staged"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run precommit"
+    }
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": [
+      "eslint --fix"
+    ]
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CRUKorg/cruk-react-components.git"
+  },
+  "bugs": {
+    "url": "https://github.com/CRUKorg/cruk-react-components/issues"
+  },
+  "homepage": "https://github.com/CRUKorg/cruk-react-components#readme",
+  "devDependencies": {
+    "@babel/cli": "^7.8.4",
+    "@babel/core": "^7.9.0",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/preset-env": "^7.8.3",
+    "@babel/preset-react": "^7.8.3",
+    "@babel/preset-typescript": "^7.9.0",
+    "@cypress/react": "^5.3.4",
+    "@cypress/webpack-dev-server": "^1.1.3",
+    "@cypress/webpack-preprocessor": "^5.5.0",
+    "@mdx-js/loader": "^1.6.22",
+    "@mdx-js/mdx": "^1.6.22",
+    "@mdx-js/react": "^1.6.22",
+    "@percy/cli": "^1.0.0-beta.65",
+    "@percy/storybook": "^4.0.1",
+    "@reach/router": "^1.3.4",
+    "@react-theming/storybook-addon": "^1.1.1",
+    "@rollup/plugin-babel": "^5.0.0",
+    "@rollup/plugin-commonjs": "^20.0.0",
+    "@rollup/plugin-node-resolve": "^7.1.3",
+    "@storybook/addon-a11y": "6.3.8",
+    "@storybook/addon-actions": "6.3.8",
+    "@storybook/addon-essentials": "6.3.8",
+    "@storybook/addon-links": "6.3.8",
+    "@storybook/react": "6.3.8",
+    "@types/assert": "^1.5.1",
+    "@types/jest": "^26.0.9",
+    "@types/mdx-js__react": "^1.5.1",
+    "@types/react": "^16.9.0",
+    "@types/react-dom": "^16.9.0",
+    "@types/styled-components": "^5.1.0",
+    "@typescript-eslint/eslint-plugin": "^4.25.0",
+    "@typescript-eslint/parser": "^4.25.0",
+    "axe-core": "^4.2.1",
+    "babel-loader": "^8.0.6",
+    "babel-plugin-styled-components": "^1.8.0",
+    "cypress": "8.4.1",
+    "cypress-axe": "0.13.0",
+    "cypress-image-snapshot": "^4.0.1",
+    "cypress-plugin-tab": "^1.0.5",
+    "eslint": "^7.26.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-react": "^7.23.2",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "html-loader": "^0.5.5",
+    "html-webpack-plugin": "^4.0.0",
+    "husky": "^6.0.0",
+    "jest": "^26.6.3",
+    "lint-staged": "^11.1.2",
+    "prettier": "^1.19.1",
+    "pretty-quick": "^3.1.1",
+    "react": "^16.12.0",
+    "react-dom": "^16.12.0",
+    "react-focus-lock": "^2.5.0",
+    "react-live": "^2.2.3",
+    "rollup": "^2.7.2",
+    "rollup-plugin-terser": "^7.0.0",
+    "rollup-plugin-typescript2": "^0.30.0",
+    "source-map-explorer": "^2.2.2",
+    "styled-components": "^5.1.1",
+    "ts-loader": "^8.1.0",
+    "typescript": "^3.9.9",
+    "webpack": "^4.46.0",
+    "webpack-cli": "^4.7.0",
+    "webpack-dev-server": "^3.11.2"
+  },
+  "peerDependencies": {
+    "react": "^16.12.0 || ^17.0.1 ",
+    "react-dom": "^16.12.0 || ^17.0.1 ",
+    "styled-components": "^5.1.1"
+  }
+}