@cruk/cruk-react-components 1.3.1 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js +1 -1
- package/lib/cjs/node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js.map +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/focusInside.js +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/focusInside.js.map +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/focusIsHidden.js +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/focusIsHidden.js.map +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/focusMerge.js +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/focusMerge.js.map +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/DOMutils.js +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/DOMutils.js.map +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/array.js +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/array.js.map +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/getActiveElement.js +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/getActiveElement.js.map +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/safe.js +2 -0
- package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/safe.js.map +1 -0
- package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/tabUtils.js +1 -1
- package/lib/cjs/node_modules/focus-lock/dist/es2015/utils/tabUtils.js.map +1 -1
- package/lib/cjs/node_modules/react-focus-lock/dist/es2015/AutoFocusInside.js.map +1 -1
- package/lib/cjs/node_modules/react-intersection-observer/react-intersection-observer.modern.mjs.js.map +1 -1
- package/lib/cjs/node_modules/tslib/tslib.es6.js.map +1 -1
- package/lib/cjs/src/components/Button/styles.js +1 -1
- package/lib/cjs/src/components/Collapse/styles.js +1 -1
- package/lib/cjs/src/components/Fontface.js +2 -0
- package/lib/cjs/src/components/Fontface.js.map +1 -0
- package/lib/cjs/src/components/GlobalStyleNoFontFace.js +2 -0
- package/lib/cjs/src/components/GlobalStyleNoFontFace.js.map +1 -0
- package/lib/cjs/src/components/Header/styles.js +1 -1
- package/lib/cjs/src/components/InfoBox/index.js +1 -1
- package/lib/cjs/src/components/Link/index.js +1 -1
- package/lib/cjs/src/components/Link/styles.js +1 -1
- package/lib/cjs/src/components/Pagination/styles.js +1 -1
- package/lib/cjs/src/components/index.js +1 -1
- package/lib/cjs/src/themes/bowelbabe.js +2 -0
- package/lib/cjs/src/themes/bowelbabe.js.map +1 -0
- package/lib/cjs/src/themes/cruk.js +1 -1
- package/lib/cjs/src/themes/su2c.js +1 -1
- package/lib/components/AddressLookup/AddressLookup.stories.d.ts +1 -0
- package/lib/components/Avatar/Avatar.stories.d.ts +5 -0
- package/lib/components/Badge/Badge.stories.d.ts +4 -0
- package/lib/components/Box/Box.stories.d.ts +3 -0
- package/lib/components/Button/Button.stories.d.ts +3 -0
- package/lib/components/Carousel/Carousel.stories.d.ts +1 -0
- package/lib/components/Checkbox/Checkbox.stories.d.ts +1 -0
- package/lib/components/Collapse/Collapse.stories.d.ts +3 -0
- package/lib/components/DateField/DateField.stories.d.ts +2 -0
- package/lib/components/ErrorText/ErrorText.stories.d.ts +1 -0
- package/lib/components/Fontface.d.ts +2 -0
- package/lib/components/Footer/Footer.stories.d.ts +1 -0
- package/lib/components/GlobalStyleNoFontFace.d.ts +9 -0
- package/lib/components/Header/Header.stories.d.ts +1 -0
- package/lib/components/Heading/Heading.stories.d.ts +6 -0
- package/lib/components/IconFa/IconFa.stories.d.ts +3 -2
- package/lib/components/InfoBox/InfoBox.stories.d.ts +5 -3
- package/lib/components/InfoBox/InfoBox.test.cypress.d.ts +1 -0
- package/lib/components/LegendWrapper/LegendWrapper.stories.d.ts +1 -0
- package/lib/components/Link/Link.stories.d.ts +3 -0
- package/lib/components/Loader/Loader.stories.d.ts +1 -0
- package/lib/components/Modal/Modal.stories.d.ts +1 -0
- package/lib/components/Pagination/Pagination.stories.d.ts +1 -0
- package/lib/components/PopOver/Popover.stories.d.ts +2 -1
- package/lib/components/ProgressBar/ProgressBar.stories.d.ts +2 -0
- package/lib/components/Radio/Radio.stories.d.ts +1 -0
- package/lib/components/RadioConsent/Radio.stories.d.ts +1 -0
- package/lib/components/Select/Selelct.stories.d.ts +2 -0
- package/lib/components/Step/Step.stories.d.ts +1 -0
- package/lib/components/Text/Text.stories.d.ts +1 -0
- package/lib/components/TextAreaField/TextAreaField.stories.d.ts +2 -0
- package/lib/components/TextField/TextField.stories.d.ts +2 -0
- package/lib/components/Totaliser/Totaliser.stories.d.ts +5 -0
- package/lib/components/UserBlock/UserBlock.stories.d.ts +4 -0
- package/lib/components/index.d.ts +3 -0
- package/lib/es/node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js +1 -1
- package/lib/es/node_modules/@fortawesome/free-solid-svg-icons/index.mjs.js.map +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/focusInside.js +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/focusInside.js.map +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/focusIsHidden.js +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/focusIsHidden.js.map +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/focusMerge.js +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/focusMerge.js.map +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/utils/DOMutils.js +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/utils/DOMutils.js.map +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/utils/array.js +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/utils/array.js.map +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/utils/getActiveElement.js +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/utils/getActiveElement.js.map +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/utils/safe.js +2 -0
- package/lib/es/node_modules/focus-lock/dist/es2015/utils/safe.js.map +1 -0
- package/lib/es/node_modules/focus-lock/dist/es2015/utils/tabUtils.js +1 -1
- package/lib/es/node_modules/focus-lock/dist/es2015/utils/tabUtils.js.map +1 -1
- package/lib/es/node_modules/react-focus-lock/dist/es2015/AutoFocusInside.js.map +1 -1
- package/lib/es/node_modules/react-intersection-observer/react-intersection-observer.modern.mjs.js.map +1 -1
- package/lib/es/node_modules/tslib/tslib.es6.js.map +1 -1
- package/lib/es/src/components/Button/styles.js +1 -1
- package/lib/es/src/components/Collapse/styles.js +1 -1
- package/lib/es/src/components/Fontface.js +2 -0
- package/lib/es/src/components/Fontface.js.map +1 -0
- package/lib/es/src/components/GlobalStyleNoFontFace.js +2 -0
- package/lib/es/src/components/GlobalStyleNoFontFace.js.map +1 -0
- package/lib/es/src/components/Header/styles.js +1 -1
- package/lib/es/src/components/InfoBox/index.js +1 -1
- package/lib/es/src/components/Link/index.js +1 -1
- package/lib/es/src/components/Link/styles.js +1 -1
- package/lib/es/src/components/Pagination/styles.js +1 -1
- package/lib/es/src/components/index.js +1 -1
- package/lib/es/src/themes/bowelbabe.js +2 -0
- package/lib/es/src/themes/bowelbabe.js.map +1 -0
- package/lib/es/src/themes/cruk.js +1 -1
- package/lib/es/src/themes/su2c.js +1 -1
- package/lib/themes/bowelbabe.d.ts +13 -0
- package/lib/types.d.ts +4 -0
- package/package.json +10 -27
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{default as AddressLookup}from"./AddressLookup/index.js";export{default as Avatar}from"./Avatar/index.js";export{default as Badge}from"./Badge/index.js";export{default as Box}from"./Box/index.js";export{Button}from"./Button/index.js";export{default as Carousel}from"./Carousel/index.js";export{default as Checkbox}from"./Checkbox/index.js";export{default as Collapse}from"./Collapse/index.js";export{default as DateField}from"./DateField/index.js";export{Divider}from"./Divider.js";export{default as ErrorText}from"./ErrorText/index.js";export{default as Flex}from"./Flex.js";export{Footer}from"./Footer/index.js";export{default as GlobalStyle}from"./GlobalStyle.js";export{Header}from"./Header/index.js";export{default as Heading}from"./Heading/index.js";export{default as Icon}from"./Icon/index.js";export{default as IconFa}from"./IconFa/index.js";export{LabelWrapper}from"./LabelWrapper/index.js";export{LegendWrapper}from"./LegendWrapper/index.js";export{Link}from"./Link/index.js";export{default as Loader}from"./Loader/index.js";export{default as Modal}from"./Modal/index.js";export{default as Pagination}from"./Pagination/index.js";export{default as PopOver}from"./PopOver/index.js";export{default as ProgressBar}from"./ProgressBar/index.js";export{default as Radio}from"./Radio/index.js";export{default as RadioConsent}from"./RadioConsent/index.js";export{default as Select}from"./Select/index.js";export{default as Step}from"./Step/index.js";export{Text}from"./Text/index.js";export{default as TextAreaField}from"./TextAreaField/index.js";export{default as TextField}from"./TextField/index.js";export{default as Totaliser}from"./Totaliser/index.js";export{default as UserBlock}from"./UserBlock/index.js";export{default as InfoBox}from"./InfoBox/index.js";export{default as crukTheme}from"../themes/cruk.js";export{default as su2cTheme}from"../themes/su2c.js";export{default as AddressLookupReadme}from"./AddressLookup/README.md.js";export{default as AvatarReadme}from"./Avatar/README.md.js";export{default as BadgeReadme}from"./Badge/README.md.js";export{default as BoxReadme}from"./Box/README.md.js";export{default as ButtonReadme}from"./Button/README.md.js";export{default as CheckboxReadme}from"./Checkbox/README.md.js";export{default as CollapseReadme}from"./Collapse/README.md.js";export{default as DateFieldReadme}from"./DateField/README.md.js";export{default as ErrorTextReadme}from"./ErrorText/README.md.js";export{default as FooterReadme}from"./Footer/README.md.js";export{default as HeadingReadme}from"./Heading/README.md.js";export{default as HeaderReadme}from"./Header/README.md.js";export{default as IconReadme}from"./Icon/README.md.js";export{default as IconFaReadme}from"./IconFa/README.md.js";export{default as InfoBoxReadme}from"./InfoBox/README.md.js";export{default as LinkReadme}from"./Link/README.md.js";export{default as LegendWrapperReadme}from"./LegendWrapper/README.md.js";export{default as LoaderReadme}from"./Loader/README.md.js";export{default as ModalReadme}from"./Modal/README.md.js";export{default as PaginationReadme}from"./Pagination/README.md.js";export{default as PopOverReadme}from"./PopOver/README.md.js";export{default as ProgressBarReadme}from"./ProgressBar/README.md.js";export{default as RadioReadme}from"./Radio/README.md.js";export{default as RadioConsentReadme}from"./RadioConsent/README.md.js";export{default as SelectReadme}from"./Select/README.md.js";export{default as StepReadme}from"./Step/README.md.js";export{default as TextReadme}from"./Text/README.md.js";export{default as TextAreaFieldReadme}from"./TextAreaField/README.md.js";export{default as TextFieldReadme}from"./TextField/README.md.js";export{default as TotaliserReadme}from"./Totaliser/README.md.js";export{default as UserBlockReadme}from"./UserBlock/README.md.js";
|
|
1
|
+
export{default as AddressLookup}from"./AddressLookup/index.js";export{default as Avatar}from"./Avatar/index.js";export{default as Badge}from"./Badge/index.js";export{default as Box}from"./Box/index.js";export{Button}from"./Button/index.js";export{default as Carousel}from"./Carousel/index.js";export{default as Checkbox}from"./Checkbox/index.js";export{default as Collapse}from"./Collapse/index.js";export{default as DateField}from"./DateField/index.js";export{Divider}from"./Divider.js";export{default as ErrorText}from"./ErrorText/index.js";export{default as Flex}from"./Flex.js";export{fontFaceStyleString as Fontface}from"./Fontface.js";export{Footer}from"./Footer/index.js";export{default as GlobalStyle}from"./GlobalStyle.js";export{default as GlobalStyleNoFontFace}from"./GlobalStyleNoFontFace.js";export{Header}from"./Header/index.js";export{default as Heading}from"./Heading/index.js";export{default as Icon}from"./Icon/index.js";export{default as IconFa}from"./IconFa/index.js";export{LabelWrapper}from"./LabelWrapper/index.js";export{LegendWrapper}from"./LegendWrapper/index.js";export{Link}from"./Link/index.js";export{default as Loader}from"./Loader/index.js";export{default as Modal}from"./Modal/index.js";export{default as Pagination}from"./Pagination/index.js";export{default as PopOver}from"./PopOver/index.js";export{default as ProgressBar}from"./ProgressBar/index.js";export{default as Radio}from"./Radio/index.js";export{default as RadioConsent}from"./RadioConsent/index.js";export{default as Select}from"./Select/index.js";export{default as Step}from"./Step/index.js";export{Text}from"./Text/index.js";export{default as TextAreaField}from"./TextAreaField/index.js";export{default as TextField}from"./TextField/index.js";export{default as Totaliser}from"./Totaliser/index.js";export{default as UserBlock}from"./UserBlock/index.js";export{default as InfoBox}from"./InfoBox/index.js";export{default as bowelbabeTheme}from"../themes/bowelbabe.js";export{default as crukTheme}from"../themes/cruk.js";export{default as su2cTheme}from"../themes/su2c.js";export{default as AddressLookupReadme}from"./AddressLookup/README.md.js";export{default as AvatarReadme}from"./Avatar/README.md.js";export{default as BadgeReadme}from"./Badge/README.md.js";export{default as BoxReadme}from"./Box/README.md.js";export{default as ButtonReadme}from"./Button/README.md.js";export{default as CheckboxReadme}from"./Checkbox/README.md.js";export{default as CollapseReadme}from"./Collapse/README.md.js";export{default as DateFieldReadme}from"./DateField/README.md.js";export{default as ErrorTextReadme}from"./ErrorText/README.md.js";export{default as FooterReadme}from"./Footer/README.md.js";export{default as HeadingReadme}from"./Heading/README.md.js";export{default as HeaderReadme}from"./Header/README.md.js";export{default as IconReadme}from"./Icon/README.md.js";export{default as IconFaReadme}from"./IconFa/README.md.js";export{default as InfoBoxReadme}from"./InfoBox/README.md.js";export{default as LinkReadme}from"./Link/README.md.js";export{default as LegendWrapperReadme}from"./LegendWrapper/README.md.js";export{default as LoaderReadme}from"./Loader/README.md.js";export{default as ModalReadme}from"./Modal/README.md.js";export{default as PaginationReadme}from"./Pagination/README.md.js";export{default as PopOverReadme}from"./PopOver/README.md.js";export{default as ProgressBarReadme}from"./ProgressBar/README.md.js";export{default as RadioReadme}from"./Radio/README.md.js";export{default as RadioConsentReadme}from"./RadioConsent/README.md.js";export{default as SelectReadme}from"./Select/README.md.js";export{default as StepReadme}from"./Step/README.md.js";export{default as TextReadme}from"./Text/README.md.js";export{default as TextAreaFieldReadme}from"./TextAreaField/README.md.js";export{default as TextFieldReadme}from"./TextField/README.md.js";export{default as TotaliserReadme}from"./Totaliser/README.md.js";export{default as UserBlockReadme}from"./UserBlock/README.md.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import r from"./cruk.js";var o=e({},r.utilities),b=e(e({},r.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/bowelbabe-logo-160.png"}),t=e({},r.avatar),a=e(e({},r.button),{horizontalPadding:"1rem"}),n=e({},r.breakpoint),i=e(e({},r.tokenColors),{bbPurple:"#501e70",bbLightGreen:"#92ddcb",bbGreen:"#26bb98",bbPastelGreen:"#d4f1ea",bbPink:"#d81272",bbBlue:"#009ed1",bbTeal:"#005e85",bbYellow:"#e4b50b"}),l=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,progressBar:i.bbLightGreen,progressBarSecondary:i.bbGreen,circularProgress:i.bbLightGreen,circularProgressSecondary:i.bbGreen,linkColor:i.bbPurple,linkColorHover:i.bbPink,linkColorSecondary:i.bbPurple,linkColorSecondaryHover:i.bbPink,backgroundLightColor:i.bbPastelGreen,collapseHeaderColor:i.bbPink,loaderColor1:i.bbPurple,loaderColor2:i.bbLightGreen,loaderColor3:i.bbPink,paginationText:i.bbPurple,paginationBackground:i.bbPurple,totaliserBubbleColor:i.bbPurple,totaliserBubbleTextColor:i.bbLightGreen,totaliserBubbleTotalColor:i.white,buttonPrimaryBackground:i.bbPurple,buttonPrimaryText:i.white,buttonPrimaryBorder:i.bbPurple,buttonPrimaryBackgroundHover:i.bbPink,buttonPrimaryTextHover:i.white,buttonPrimaryBorderHover:i.bbPink,buttonPrimaryDisabledBackground:i.grey_300,buttonPrimaryDisabledText:i.white,buttonPrimaryDisabledBorder:i.grey_300,buttonSecondaryBackground:i.white,buttonSecondaryText:i.bbPurple,buttonSecondaryBorder:i.bbPurple,buttonSecondaryBackgroundHover:i.white,buttonSecondaryTextHover:i.bbPink,buttonSecondaryBorderHover:i.bbPink,buttonSecondaryDisabledBackground:i.white,buttonSecondaryDisabledText:i.grey_300,buttonSecondaryDisabledBorder:i.grey_300,buttonTertiaryText:i.bbPurple,buttonTertiaryTextHover:i.bbPink,buttonTertiaryDisabledText:i.grey_300}),s=e({},r.spacing),u=e({},r.fontSizes),d=e(e({},r.typography),{customFonts:[{family:"juana-semibold",urlWoff:"".concat(b.assetPath,"fonts/juana-semibold-webfont.woff"),urlWoff2:"".concat(b.assetPath,"fonts/juana-semibold-webfont.woff2")}],fontFamilyHeadings:"juana-semibold,Arial,sans-serif"}),c={name:"bowelbabe",avatar:t,breakpoint:n,button:a,tokenColors:i,colors:l,spacing:s,fontSizes:u,siteConfig:b,typography:d,utilities:o};export{t as AVATAR,n as BREAKPOINT,a as BUTTON,l as COLORS,u as FONT_SIZES,b as SITE_CONFIG,s as SPACING,i as TOKEN_COLORS,d as TYPOGRAPHY,o as UTILITIES,c as default};
|
|
2
|
+
//# sourceMappingURL=bowelbabe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bowelbabe.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},r={assetPath:"https://rcl.assets.cancerresearchuk.org/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/cruk-160.png",footerCopyText:"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).",footerLogoAlt:"Registered with Fundraising Regulator",footerLogoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png"},a={s:"35px",m:"50px",l:"60px",xl:"90px",path:"".concat(r.assetPath,"images/avatar/cruk/")},t={borderRadius:"4px",borderRadiusLarge:"4px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none"},o={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},n={darkBlue_100:"#edeaf5",darkBlue_200:"#dad2ea",darkBlue_300:"#a896cf",darkBlue_500:"#2e008b",magenta_100:"#fdeaf5",magenta_500:"#e40087",magenta_800:"#BB0071",magenta_900:"#710044",cyan_500:"#00b6ed",cyan_900:"#005870",grey_100:"#f5f5f5",grey_200:"#ededed",grey_300:"#c6c6c6",grey_500:"#9A9A9A",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},
|
|
1
|
+
var e={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},r={assetPath:"https://rcl.assets.cancerresearchuk.org/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/cruk-160.png",footerCopyText:"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).",footerLogoAlt:"Registered with Fundraising Regulator",footerLogoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png"},a={s:"35px",m:"50px",l:"60px",xl:"90px",path:"".concat(r.assetPath,"images/avatar/cruk/")},t={borderRadius:"4px",borderRadiusLarge:"4px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none",horizontalPadding:"2em"},o={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},n={darkBlue_100:"#edeaf5",darkBlue_200:"#dad2ea",darkBlue_300:"#a896cf",darkBlue_500:"#2e008b",magenta_100:"#fdeaf5",magenta_500:"#e40087",magenta_800:"#BB0071",magenta_900:"#710044",cyan_500:"#00b6ed",cyan_900:"#005870",grey_100:"#f5f5f5",grey_200:"#ededed",grey_300:"#c6c6c6",grey_500:"#9A9A9A",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},g={primary:n.darkBlue_500,secondary:n.magenta_500,tertiary:n.cyan_500,textOnPrimary:n.white,textOnSecondary:n.white,textOnTertiary:n.white,disabled:n.grey_300,danger:n.red,warning:n.yellow,success:n.green,info:n.cyan_500,textError:n.red,linkColor:n.darkBlue_500,linkColorHover:n.magenta_800,textDark:n.grey_900,textLight:n.white,linkColorSecondary:n.magenta_500,linkColorSecondaryHover:n.magenta_800,progressBar:n.darkBlue_500,progressBarSecondary:n.magenta_500,progressBarBackground:n.grey_200,circularProgress:n.cyan_500,circularProgressSecondary:n.magenta_500,circularProgressBackground:n.grey_300,buttonPrimaryBackground:n.magenta_500,buttonPrimaryText:n.white,buttonPrimaryBorder:n.magenta_500,buttonPrimaryBackgroundHover:n.magenta_800,buttonPrimaryTextHover:n.white,buttonPrimaryBorderHover:n.magenta_800,buttonPrimaryDisabledBackground:n.grey_100,buttonPrimaryDisabledText:n.grey_500,buttonPrimaryDisabledBorder:n.grey_100,buttonSecondaryBackground:n.white,buttonSecondaryText:n.magenta_500,buttonSecondaryBorder:n.magenta_500,buttonSecondaryBackgroundHover:n.magenta_100,buttonSecondaryTextHover:n.magenta_800,buttonSecondaryBorderHover:n.magenta_800,buttonSecondaryDisabledBackground:n.grey_100,buttonSecondaryDisabledText:n.grey_500,buttonSecondaryDisabledBorder:n.grey_100,buttonTertiaryText:n.magenta_500,buttonTertiaryTextHover:n.magenta_800,buttonTertiaryDisabledText:n.grey_500,collapseHeaderColor:n.magenta_500,selectionBorder:n.grey_500,textInputBorder:n.grey_900,inputBorder:n.grey_900,headerBackground:n.white,backgroundLight:n.white,backgroundLightColor:n.darkBlue_200,backgroundMid:n.grey_100,loaderColor1:n.darkBlue_500,loaderColor2:n.magenta_500,loaderColor3:n.cyan_500,paginationText:n.darkBlue_500,paginationActive:n.grey_300,paginationBackground:n.darkBlue_500,footerBackground:n.grey_200,headerBorder:n.grey_300,stepBorder:n.grey_300,stepBackground:n.white,popoverBackground:n.white,textInputExtraInfo:n.grey_200,totaliserBubbleColor:n.grey_200,totaliserBubbleTextColor:n.grey_900,totaliserBubbleTotalColor:n.darkBlue_500,selectBackground:n.grey_900,modalBackdrop:n.grey_900,userBlockExtraText:n.grey_800},i={none:"0",auto:"auto",xxs:"0.5rem",xs:"1rem",s:"1.5rem",m:"2rem",l:"2.5rem",xl:"3rem",xxl:"3.5rem"},s={xs:"0.75rem",s:"0.875rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},d={customFonts:[{family:"MuseoSans-500",urlWoff:"".concat(r.assetPath,"fonts/MuseoSansRounded-500.woff"),urlWoff2:"".concat(r.assetPath,"fonts/MuseoSansRounded-500.woff2")}],fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyHeadings:"MuseoSans-500,Calibri,Arial,sans-serif",fontSizeBase:"16px",fontWeightHeavy:"700",fontWeightMedium:"500",fontWeightNormal:"400",fontWeightLight:"300",fontWeightVLight:"100",linkTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},l={name:"cruk",avatar:a,breakpoint:o,button:t,tokenColors:n,colors:g,spacing:i,fontSizes:s,siteConfig:r,typography:d,utilities:e};export{a as AVATAR,o as BREAKPOINT,t as BUTTON,g as COLORS,s as FONT_SIZES,r as SITE_CONFIG,i as SPACING,n as TOKEN_COLORS,d as TYPOGRAPHY,e as UTILITIES,l as default};
|
|
2
2
|
//# sourceMappingURL=cruk.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png",footerCopyText:"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign."}),t=r(r({},e.avatar),{path:"".concat(o.assetPath,"images/avatar/su2c/")}),n=r(r({},e.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=r({},e.breakpoint),c=r(r({},e.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),u=r(r({},e.colors),{primary:c.su2cOrange5,secondary:c.su2cOrange5,tertiary:c.su2cBlack,textOnPrimary:c.su2cBlack,progressBar:c.su2cOrange5,progressBarSecondary:c.su2cRed,circularProgress:c.su2cOrange3,circularProgressSecondary:c.su2cRed,linkColor:c.su2cOrange5,linkColorHover:c.su2cRed,backgroundLightColor:c.su2cOrange2,loaderColor1:c.su2cOrange5,loaderColor2:c.su2cRed,loaderColor3:c.su2cBlack,paginationText:c.su2cBlack,paginationBackground:c.su2cBlack,totaliserBubbleColor:c.su2cBlack,totaliserBubbleTextColor:c.white,totaliserBubbleTotalColor:c.white,buttonPrimaryBackground:c.su2cOrange5,buttonPrimaryText:c.su2cBlack,buttonPrimaryBorder:c.su2cOrange5,buttonPrimaryBackgroundHover:c.su2cOrange3,buttonPrimaryTextHover:c.su2cBlack,buttonPrimaryBorderHover:c.su2cOrange3,buttonPrimaryDisabledBackground:c.grey_300,buttonPrimaryDisabledText:c.white,buttonPrimaryDisabledBorder:c.grey_300,buttonSecondaryBackground:c.white,buttonSecondaryText:c.su2cOrange5,buttonSecondaryBorder:c.su2cOrange5,buttonSecondaryBackgroundHover:c.su2cOrange1,buttonSecondaryTextHover:c.su2cOrange5,buttonSecondaryBorderHover:c.su2cOrange5,buttonSecondaryDisabledBackground:c.white,buttonSecondaryDisabledText:c.grey_300,buttonSecondaryDisabledBorder:c.grey_300,buttonTertiaryText:c.su2cOrange5,buttonTertiaryTextHover:c.su2cOrange5,buttonTertiaryDisabledText:c.grey_300}),i=r({},e.spacing),d=r({},e.fontSizes),l=r(r({},e.typography),{customFonts:[{family:"itc_avant_garde_pro_mdbold",urlWoff:"".concat(o.assetPath,"fonts/itc_-_itcavantgardepro-bold-webfont.woff")}],fontFamilyHeadings:"itc_avant_garde_pro_mdbold,Arial,sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase"}),g={name:"su2c",avatar:t,breakpoint:s,button:n,tokenColors:c,colors:u,spacing:i,fontSizes:d,siteConfig:o,typography:l,utilities:a};export{t as AVATAR,s as BREAKPOINT,n as BUTTON,u as COLORS,d as FONT_SIZES,o as SITE_CONFIG,i as SPACING,c as TOKEN_COLORS,l as TYPOGRAPHY,a as UTILITIES,g as default};
|
|
1
|
+
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://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png",footerCopyText:"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign."}),t=r(r({},e.avatar),{path:"".concat(o.assetPath,"images/avatar/su2c/")}),n=r(r({},e.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=r({},e.breakpoint),c=r(r({},e.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),u=r(r({},e.colors),{primary:c.su2cOrange5,secondary:c.su2cOrange5,tertiary:c.su2cBlack,textOnPrimary:c.su2cBlack,progressBar:c.su2cOrange5,progressBarSecondary:c.su2cRed,circularProgress:c.su2cOrange3,circularProgressSecondary:c.su2cRed,linkColor:c.su2cOrange5,linkColorHover:c.su2cRed,linkColorSecondary:c.su2cOrange5,linkColorSecondaryHover:c.su2cRed,backgroundLightColor:c.su2cOrange2,loaderColor1:c.su2cOrange5,loaderColor2:c.su2cRed,loaderColor3:c.su2cBlack,paginationText:c.su2cBlack,paginationBackground:c.su2cBlack,totaliserBubbleColor:c.su2cBlack,totaliserBubbleTextColor:c.white,totaliserBubbleTotalColor:c.white,collapseHeaderColor:c.su2cOrange5,buttonPrimaryBackground:c.su2cOrange5,buttonPrimaryText:c.su2cBlack,buttonPrimaryBorder:c.su2cOrange5,buttonPrimaryBackgroundHover:c.su2cOrange3,buttonPrimaryTextHover:c.su2cBlack,buttonPrimaryBorderHover:c.su2cOrange3,buttonPrimaryDisabledBackground:c.grey_300,buttonPrimaryDisabledText:c.white,buttonPrimaryDisabledBorder:c.grey_300,buttonSecondaryBackground:c.white,buttonSecondaryText:c.su2cOrange5,buttonSecondaryBorder:c.su2cOrange5,buttonSecondaryBackgroundHover:c.su2cOrange1,buttonSecondaryTextHover:c.su2cOrange5,buttonSecondaryBorderHover:c.su2cOrange5,buttonSecondaryDisabledBackground:c.white,buttonSecondaryDisabledText:c.grey_300,buttonSecondaryDisabledBorder:c.grey_300,buttonTertiaryText:c.su2cOrange5,buttonTertiaryTextHover:c.su2cOrange5,buttonTertiaryDisabledText:c.grey_300}),i=r({},e.spacing),d=r({},e.fontSizes),l=r(r({},e.typography),{customFonts:[{family:"itc_avant_garde_pro_mdbold",urlWoff:"".concat(o.assetPath,"fonts/itc_-_itcavantgardepro-bold-webfont.woff")}],fontFamilyHeadings:"itc_avant_garde_pro_mdbold,Arial,sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase"}),g={name:"su2c",avatar:t,breakpoint:s,button:n,tokenColors:c,colors:u,spacing:i,fontSizes:d,siteConfig:o,typography:l,utilities:a};export{t as AVATAR,s as BREAKPOINT,n as BUTTON,u as COLORS,d as FONT_SIZES,o as SITE_CONFIG,i as SPACING,c as TOKEN_COLORS,l as TYPOGRAPHY,a as UTILITIES,g as default};
|
|
2
2
|
//# sourceMappingURL=su2c.js.map
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { UtilitiesType, SiteConfigType, AvatarType, ButtonType, BreakPointType, TokenColorsType, ColorsType, SpacingType, FontSizesType, TypographyType, ThemeType } from "../types";
|
|
2
|
+
export declare const UTILITIES: UtilitiesType;
|
|
3
|
+
export declare const SITE_CONFIG: SiteConfigType;
|
|
4
|
+
export declare const AVATAR: AvatarType;
|
|
5
|
+
export declare const BUTTON: ButtonType;
|
|
6
|
+
export declare const BREAKPOINT: BreakPointType;
|
|
7
|
+
export declare const TOKEN_COLORS: TokenColorsType;
|
|
8
|
+
export declare const COLORS: ColorsType;
|
|
9
|
+
export declare const SPACING: SpacingType;
|
|
10
|
+
export declare const FONT_SIZES: FontSizesType;
|
|
11
|
+
export declare const TYPOGRAPHY: TypographyType;
|
|
12
|
+
declare const theme: ThemeType;
|
|
13
|
+
export default theme;
|
package/lib/types.d.ts
CHANGED
|
@@ -31,6 +31,7 @@ export type ButtonType = {
|
|
|
31
31
|
buttonBorderThickness: string;
|
|
32
32
|
textDecoration: string;
|
|
33
33
|
textTransform: string;
|
|
34
|
+
horizontalPadding: string;
|
|
34
35
|
};
|
|
35
36
|
export type ButtonAppearanceType = "primary" | "secondary" | "tertiary";
|
|
36
37
|
export type PopOverPositionType = "top" | "topLeft" | "left" | "right" | "bottom" | "bottomLeft";
|
|
@@ -60,6 +61,8 @@ export type ColorsType = {
|
|
|
60
61
|
linkColorHover: string;
|
|
61
62
|
textDark: string;
|
|
62
63
|
textLight: string;
|
|
64
|
+
linkColorSecondary: string;
|
|
65
|
+
linkColorSecondaryHover: string;
|
|
63
66
|
progressBar: string;
|
|
64
67
|
progressBarSecondary: string;
|
|
65
68
|
progressBarBackground: string;
|
|
@@ -87,6 +90,7 @@ export type ColorsType = {
|
|
|
87
90
|
buttonTertiaryText: string;
|
|
88
91
|
buttonTertiaryTextHover: string;
|
|
89
92
|
buttonTertiaryDisabledText: string;
|
|
93
|
+
collapseHeaderColor: string;
|
|
90
94
|
selectionBorder: string;
|
|
91
95
|
inputBorder: string;
|
|
92
96
|
headerBackground: string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cruk/cruk-react-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0",
|
|
4
4
|
"description": "React components implementing CRUK and SU2C designs",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"publishConfig": {
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"lib"
|
|
16
16
|
],
|
|
17
17
|
"engines": {
|
|
18
|
-
"node": "^14 || ^16"
|
|
18
|
+
"node": "^14 || ^16 || ^18"
|
|
19
19
|
},
|
|
20
20
|
"scripts": {
|
|
21
21
|
"dev": "NODE_ENV=development npm i && npm run start",
|
|
@@ -39,24 +39,10 @@
|
|
|
39
39
|
"prettier": "prettier --write '**/*.{ts,tsx}'",
|
|
40
40
|
"prettier:test": "prettier --check src/**/*.{ts,tsx}",
|
|
41
41
|
"prettier:debug": "prettier --debug-check src/**/*.{ts,tsx}",
|
|
42
|
-
"prettier:test-staged": "npx pretty-quick --pattern 'src/**/*.{js,ts,tsx}' 'cypress/{integration,plugins,support}/**/*.{js,ts,tsx}' --staged",
|
|
43
42
|
"storybook": "start-storybook -p 6006",
|
|
44
43
|
"build-storybook": "build-storybook",
|
|
45
44
|
"eslint:test": "eslint src",
|
|
46
|
-
"eslint:fix": "eslint src --fix"
|
|
47
|
-
"eslint:test-staged": "npx lint-staged",
|
|
48
|
-
"prepare": "husky install",
|
|
49
|
-
"precommit": "npm run prettier:test-staged && npm run eslint:test-staged"
|
|
50
|
-
},
|
|
51
|
-
"husky": {
|
|
52
|
-
"hooks": {
|
|
53
|
-
"pre-commit": "npm run precommit"
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
"lint-staged": {
|
|
57
|
-
"*.{ts,tsx}": [
|
|
58
|
-
"eslint --fix"
|
|
59
|
-
]
|
|
45
|
+
"eslint:fix": "eslint src --fix"
|
|
60
46
|
},
|
|
61
47
|
"repository": {
|
|
62
48
|
"type": "git",
|
|
@@ -74,7 +60,7 @@
|
|
|
74
60
|
"@babel/preset-react": "^7.14.5",
|
|
75
61
|
"@babel/preset-typescript": "^7.9.0",
|
|
76
62
|
"@cruk/eslint-config": "^1.0.8",
|
|
77
|
-
"@cypress/webpack-dev-server": "
|
|
63
|
+
"@cypress/webpack-dev-server": "3.3.0",
|
|
78
64
|
"@cypress/webpack-preprocessor": "^5.12.0",
|
|
79
65
|
"@mdx-js/loader": "^2.2.1",
|
|
80
66
|
"@mdx-js/mdx": "^2.2.1",
|
|
@@ -84,10 +70,10 @@
|
|
|
84
70
|
"@reach/router": "^1.3.4",
|
|
85
71
|
"@react-theming/storybook-addon": "^1.1.6",
|
|
86
72
|
"@rollup/plugin-babel": "^5.0.0",
|
|
87
|
-
"@rollup/plugin-commonjs": "^
|
|
73
|
+
"@rollup/plugin-commonjs": "^24.0.1",
|
|
88
74
|
"@rollup/plugin-node-resolve": "^13.0.5",
|
|
89
75
|
"@simonsmith/cypress-image-snapshot": "^5.0.4",
|
|
90
|
-
"@storybook/addon-a11y": "6.5.
|
|
76
|
+
"@storybook/addon-a11y": "6.5.16",
|
|
91
77
|
"@storybook/addon-actions": "^6.5.13",
|
|
92
78
|
"@storybook/addon-docs": "^6.5.13",
|
|
93
79
|
"@storybook/addon-essentials": "^6.5.13",
|
|
@@ -128,11 +114,8 @@
|
|
|
128
114
|
"eslint-plugin-storybook": "^0.6.1",
|
|
129
115
|
"html-loader": "^4.1.0",
|
|
130
116
|
"html-webpack-plugin": "^5.3.2",
|
|
131
|
-
"husky": "^8.0.1",
|
|
132
117
|
"jest": "^29.2.0",
|
|
133
|
-
"lint-staged": "^13.0.3",
|
|
134
118
|
"prettier": "^2.8.1",
|
|
135
|
-
"pretty-quick": "^3.1.1",
|
|
136
119
|
"react": "^16.12.0",
|
|
137
120
|
"react-dom": "^16.12.0",
|
|
138
121
|
"react-live": "^3.1.1",
|
|
@@ -140,7 +123,7 @@
|
|
|
140
123
|
"rollup-plugin-terser": "^7.0.0",
|
|
141
124
|
"rollup-plugin-typescript2": "^0.34.0",
|
|
142
125
|
"source-map-explorer": "^2.2.2",
|
|
143
|
-
"ts-loader": "9.4.
|
|
126
|
+
"ts-loader": "9.4.2",
|
|
144
127
|
"typescript": "^4.9.4",
|
|
145
128
|
"webpack": "^5.53.0",
|
|
146
129
|
"webpack-cli": "5.0.1",
|
|
@@ -152,9 +135,9 @@
|
|
|
152
135
|
"styled-components": "^5.3.5"
|
|
153
136
|
},
|
|
154
137
|
"dependencies": {
|
|
155
|
-
"@fortawesome/fontawesome-common-types": "^6.
|
|
156
|
-
"@fortawesome/free-brands-svg-icons": "^6.
|
|
157
|
-
"@fortawesome/free-solid-svg-icons": "^6.
|
|
138
|
+
"@fortawesome/fontawesome-common-types": "^6.3.0",
|
|
139
|
+
"@fortawesome/free-brands-svg-icons": "^6.3.0",
|
|
140
|
+
"@fortawesome/free-solid-svg-icons": "^6.3.0",
|
|
158
141
|
"react-focus-lock": "^2.5.2",
|
|
159
142
|
"react-intersection-observer": "^9.1.0",
|
|
160
143
|
"react-is": "^18.2.0",
|