@cruk/cruk-react-components 5.0.8 → 6.0.1
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/README.md +20 -7
- package/lib/{src/components → components}/AddressLookup/AddressLookup.stories.d.ts +1 -1
- package/lib/{src/components → components}/AddressLookup/index.d.ts +1 -1
- package/lib/{src/components → components}/Box/Box.stories.d.ts +1 -1
- package/lib/{src/components → components}/Box/index.d.ts +1 -1
- package/lib/{src/components → components}/Button/Button.stories.d.ts +1 -1
- package/lib/{src/components → components}/Button/index.d.ts +1 -1
- package/lib/{src/components → components}/Checkbox/Checkbox.stories.d.ts +1 -1
- package/lib/{src/components → components}/Checkbox/index.d.ts +3 -3
- package/lib/{src/components → components}/Collapse/styles.d.ts +11 -3
- package/lib/{src/components → components}/DateField/styles.d.ts +12 -6
- package/lib/components/ErrorText/styles.d.ts +16 -0
- package/lib/{src/components → components}/Footer/styles.d.ts +3 -9
- package/lib/components/GlobalStyle.d.ts +2 -0
- package/lib/components/GlobalStyleNoFontFace.d.ts +2 -0
- package/lib/{src/components → components}/InfoBox/InfoBox.stories.d.ts +1 -1
- package/lib/{src/components → components}/InfoBox/index.d.ts +1 -1
- package/lib/components/InfoBox/styles.d.ts +13 -0
- package/lib/{src/components → components}/Link/Link.stories.d.ts +4 -1
- package/lib/{src/components → components}/Link/index.d.ts +4 -1
- package/lib/components/Link/styles.d.ts +20 -0
- package/lib/components/Modal/styles.d.ts +32 -0
- package/lib/{src/components → components}/Radio/Radio.stories.d.ts +1 -1
- package/lib/{src/components → components}/Radio/index.d.ts +3 -3
- package/lib/{src/components → components}/RadioConsent/styles.d.ts +6 -3
- package/lib/{src/components → components}/Select/Selelct.stories.d.ts +1 -1
- package/lib/{src/components → components}/Select/index.d.ts +3 -3
- package/lib/{src/components → components}/Text/Text.stories.d.ts +1 -1
- package/lib/{src/components → components}/Text/index.d.ts +1 -1
- package/lib/{src/components → components}/TextAreaField/TextAreaField.stories.d.ts +1 -1
- package/lib/{src/components → components}/TextAreaField/index.d.ts +1 -1
- package/lib/{src/components → components}/TextField/TextField.stories.d.ts +1 -1
- package/lib/{src/components → components}/TextField/index.d.ts +1 -1
- package/lib/{src/components → components}/TextField/styles.d.ts +2 -6
- package/lib/components/ThemeCheatSheet.d.ts +7 -0
- package/lib/{src/hooks → hooks}/useScrollPosition.d.ts +2 -2
- package/lib/node_modules/tslib/tslib.es6.js +1 -1
- package/lib/node_modules/tslib/tslib.es6.js.map +1 -1
- package/lib/src/components/AddressLookup/index.js +1 -1
- package/lib/src/components/AddressLookup/index.js.map +1 -1
- package/lib/src/components/AddressLookup/styles.js +1 -38
- package/lib/src/components/AddressLookup/styles.js.map +1 -1
- package/lib/src/components/Avatar/index.js +1 -1
- package/lib/src/components/Avatar/index.js.map +1 -1
- package/lib/src/components/Avatar/styles.js +1 -10
- package/lib/src/components/Avatar/styles.js.map +1 -1
- package/lib/src/components/Badge/index.js +1 -1
- package/lib/src/components/Badge/index.js.map +1 -1
- package/lib/src/components/Badge/styles.js +1 -17
- package/lib/src/components/Badge/styles.js.map +1 -1
- package/lib/src/components/Box/index.js +1 -1
- package/lib/src/components/Box/index.js.map +1 -1
- package/lib/src/components/Box/styles.js +1 -13
- package/lib/src/components/Box/styles.js.map +1 -1
- package/lib/src/components/Button/index.js +1 -1
- package/lib/src/components/Button/index.js.map +1 -1
- package/lib/src/components/Button/styles.js +1 -108
- package/lib/src/components/Button/styles.js.map +1 -1
- package/lib/src/components/Carousel/Dots.js +1 -1
- package/lib/src/components/Carousel/Dots.js.map +1 -1
- package/lib/src/components/Carousel/index.js +1 -1
- package/lib/src/components/Carousel/index.js.map +1 -1
- package/lib/src/components/Carousel/styles.js +1 -96
- package/lib/src/components/Carousel/styles.js.map +1 -1
- package/lib/src/components/Checkbox/index.js +1 -1
- package/lib/src/components/Checkbox/index.js.map +1 -1
- package/lib/src/components/Checkbox/styles.js +1 -105
- package/lib/src/components/Checkbox/styles.js.map +1 -1
- package/lib/src/components/Collapse/index.js +1 -1
- package/lib/src/components/Collapse/index.js.map +1 -1
- package/lib/src/components/Collapse/styles.js +1 -31
- package/lib/src/components/Collapse/styles.js.map +1 -1
- package/lib/src/components/DateField/index.js +1 -1
- package/lib/src/components/DateField/index.js.map +1 -1
- package/lib/src/components/DateField/styles.js +1 -26
- package/lib/src/components/DateField/styles.js.map +1 -1
- package/lib/src/components/Divider.js +1 -17
- package/lib/src/components/Divider.js.map +1 -1
- package/lib/src/components/ErrorText/index.js +1 -1
- package/lib/src/components/ErrorText/index.js.map +1 -1
- package/lib/src/components/ErrorText/styles.js +1 -5
- package/lib/src/components/ErrorText/styles.js.map +1 -1
- package/lib/src/components/Flex.js +1 -7
- package/lib/src/components/Flex.js.map +1 -1
- package/lib/src/components/Fontface.js +1 -1
- package/lib/src/components/Fontface.js.map +1 -1
- package/lib/src/components/Footer/index.js +1 -1
- package/lib/src/components/Footer/index.js.map +1 -1
- package/lib/src/components/Footer/styles.js +1 -69
- package/lib/src/components/Footer/styles.js.map +1 -1
- package/lib/src/components/GlobalStyle.js +1 -37
- package/lib/src/components/GlobalStyle.js.map +1 -1
- package/lib/src/components/GlobalStyleNoFontFace.js +1 -37
- package/lib/src/components/GlobalStyleNoFontFace.js.map +1 -1
- package/lib/src/components/Header/index.js +1 -1
- package/lib/src/components/Header/index.js.map +1 -1
- package/lib/src/components/Header/styles.js +1 -109
- package/lib/src/components/Header/styles.js.map +1 -1
- package/lib/src/components/Heading/index.js +1 -1
- package/lib/src/components/Heading/index.js.map +1 -1
- package/lib/src/components/Heading/styles.js +1 -75
- package/lib/src/components/Heading/styles.js.map +1 -1
- package/lib/src/components/IconFa/index.js +1 -1
- package/lib/src/components/IconFa/index.js.map +1 -1
- package/lib/src/components/IconFa/styles.js +1 -10
- package/lib/src/components/IconFa/styles.js.map +1 -1
- package/lib/src/components/InfoBox/index.js +1 -1
- package/lib/src/components/InfoBox/index.js.map +1 -1
- package/lib/src/components/InfoBox/styles.js +1 -12
- package/lib/src/components/InfoBox/styles.js.map +1 -1
- package/lib/src/components/LabelWrapper/index.js +1 -1
- package/lib/src/components/LabelWrapper/index.js.map +1 -1
- package/lib/src/components/LabelWrapper/styles.js +1 -15
- package/lib/src/components/LabelWrapper/styles.js.map +1 -1
- package/lib/src/components/LegendWrapper/index.js +1 -1
- package/lib/src/components/LegendWrapper/index.js.map +1 -1
- package/lib/src/components/LegendWrapper/styles.js +1 -34
- package/lib/src/components/LegendWrapper/styles.js.map +1 -1
- package/lib/src/components/Link/index.js +1 -1
- package/lib/src/components/Link/index.js.map +1 -1
- package/lib/src/components/Link/styles.js +1 -29
- package/lib/src/components/Link/styles.js.map +1 -1
- package/lib/src/components/Loader/index.js +1 -1
- package/lib/src/components/Loader/index.js.map +1 -1
- package/lib/src/components/Loader/styles.js +1 -45
- package/lib/src/components/Loader/styles.js.map +1 -1
- package/lib/src/components/Modal/index.js +1 -1
- package/lib/src/components/Modal/index.js.map +1 -1
- package/lib/src/components/Modal/styles.js +1 -59
- package/lib/src/components/Modal/styles.js.map +1 -1
- package/lib/src/components/Pagination/index.js +1 -1
- package/lib/src/components/Pagination/index.js.map +1 -1
- package/lib/src/components/Pagination/styles.js +1 -92
- package/lib/src/components/Pagination/styles.js.map +1 -1
- package/lib/src/components/PopOver/index.js +1 -1
- package/lib/src/components/PopOver/index.js.map +1 -1
- package/lib/src/components/PopOver/styles.js +1 -81
- package/lib/src/components/PopOver/styles.js.map +1 -1
- package/lib/src/components/ProgressBar/index.js +1 -1
- package/lib/src/components/ProgressBar/index.js.map +1 -1
- package/lib/src/components/ProgressBar/styles.js +1 -132
- package/lib/src/components/ProgressBar/styles.js.map +1 -1
- package/lib/src/components/Radio/index.js +1 -1
- package/lib/src/components/Radio/index.js.map +1 -1
- package/lib/src/components/Radio/styles.js +1 -125
- package/lib/src/components/Radio/styles.js.map +1 -1
- package/lib/src/components/RadioConsent/index.js +1 -1
- package/lib/src/components/RadioConsent/index.js.map +1 -1
- package/lib/src/components/RadioConsent/styles.js +1 -26
- package/lib/src/components/RadioConsent/styles.js.map +1 -1
- package/lib/src/components/Select/index.js +1 -1
- package/lib/src/components/Select/index.js.map +1 -1
- package/lib/src/components/Select/styles.js +1 -41
- package/lib/src/components/Select/styles.js.map +1 -1
- package/lib/src/components/Spacing/index.js +1 -1
- package/lib/src/components/Spacing/index.js.map +1 -1
- package/lib/src/components/Step/index.js +1 -1
- package/lib/src/components/Step/index.js.map +1 -1
- package/lib/src/components/Step/styles.js +1 -79
- package/lib/src/components/Step/styles.js.map +1 -1
- package/lib/src/components/Text/index.js +1 -1
- package/lib/src/components/Text/index.js.map +1 -1
- package/lib/src/components/Text/styles.js +1 -19
- package/lib/src/components/Text/styles.js.map +1 -1
- package/lib/src/components/TextAreaField/index.js +1 -1
- package/lib/src/components/TextAreaField/index.js.map +1 -1
- package/lib/src/components/TextAreaField/styles.js +1 -29
- package/lib/src/components/TextAreaField/styles.js.map +1 -1
- package/lib/src/components/TextField/index.js +1 -1
- package/lib/src/components/TextField/index.js.map +1 -1
- package/lib/src/components/TextField/styles.js +1 -110
- package/lib/src/components/TextField/styles.js.map +1 -1
- package/lib/src/components/Totaliser/index.js +1 -1
- package/lib/src/components/Totaliser/index.js.map +1 -1
- package/lib/src/components/Totaliser/styles.js +1 -59
- package/lib/src/components/Totaliser/styles.js.map +1 -1
- package/lib/src/components/UserBlock/index.js +1 -1
- package/lib/src/components/UserBlock/index.js.map +1 -1
- package/lib/src/components/UserBlock/styles.js +1 -21
- package/lib/src/components/UserBlock/styles.js.map +1 -1
- package/lib/src/hooks/useEffectBrowser.js +1 -1
- package/lib/src/hooks/useEffectBrowser.js.map +1 -1
- package/lib/src/hooks/useKey.js +1 -1
- package/lib/src/hooks/useKey.js.map +1 -1
- package/lib/src/hooks/useLayoutEffectBrowser.js +1 -1
- package/lib/src/hooks/useLayoutEffectBrowser.js.map +1 -1
- package/lib/src/hooks/useScrollPosition.js +1 -1
- package/lib/src/hooks/useScrollPosition.js.map +1 -1
- package/lib/src/themes/bowelbabe.js +1 -1
- package/lib/src/themes/bowelbabe.js.map +1 -1
- package/lib/src/themes/cruk.js +1 -1
- package/lib/src/themes/cruk.js.map +1 -1
- package/lib/src/themes/rfl.js +1 -1
- package/lib/src/themes/rfl.js.map +1 -1
- package/lib/src/themes/su2c.js +1 -1
- package/lib/src/themes/su2c.js.map +1 -1
- package/lib/src/utils/Helper.js +1 -1
- package/lib/src/utils/Helper.js.map +1 -1
- package/lib/src/utils/debounce.js +1 -1
- package/lib/src/utils/debounce.js.map +1 -1
- package/lib/src/utils/themeUtils.js +1 -1
- package/lib/src/utils/themeUtils.js.map +1 -1
- package/package.json +15 -15
- package/lib/.storybook/main.d.ts +0 -3
- package/lib/.storybook/preview.d.ts +0 -3
- package/lib/src/components/ErrorText/styles.d.ts +0 -8
- package/lib/src/components/GlobalStyle.d.ts +0 -2
- package/lib/src/components/GlobalStyleNoFontFace.d.ts +0 -2
- package/lib/src/components/InfoBox/styles.d.ts +0 -10
- package/lib/src/components/Link/styles.d.ts +0 -12
- package/lib/src/components/Modal/styles.d.ts +0 -21
- package/lib/src/components/ThemeCheatSheet.d.ts +0 -7
- /package/lib/{src/components → components}/AddressLookup/AddressLookUp.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/AddressLookup/styles.d.ts +0 -0
- /package/lib/{src/components → components}/AllThemesWrapper.d.ts +0 -0
- /package/lib/{src/components → components}/Avatar/Avatar.stories.d.ts +0 -0
- /package/lib/{src/components → components}/Avatar/Avatar.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Avatar/index.d.ts +0 -0
- /package/lib/{src/components → components}/Avatar/styles.d.ts +0 -0
- /package/lib/{src/components → components}/Badge/Badge.stories.d.ts +0 -0
- /package/lib/{src/components → components}/Badge/Badge.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Badge/index.d.ts +0 -0
- /package/lib/{src/components → components}/Badge/styles.d.ts +0 -0
- /package/lib/{src/components → components}/Box/Box.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Box/styles.d.ts +0 -0
- /package/lib/{src/components → components}/Button/Button.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Button/styles.d.ts +0 -0
- /package/lib/{src/components → components}/Carousel/Carousel.stories.d.ts +0 -0
- /package/lib/{src/components → components}/Carousel/Carousel.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Carousel/Dots.d.ts +0 -0
- /package/lib/{src/components → components}/Carousel/index.d.ts +0 -0
- /package/lib/{src/components → components}/Carousel/styles.d.ts +0 -0
- /package/lib/{src/components → components}/Checkbox/CheckBox.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Checkbox/styles.d.ts +0 -0
- /package/lib/{src/components → components}/Collapse/Collapse.stories.d.ts +0 -0
- /package/lib/{src/components → components}/Collapse/Collapse.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Collapse/index.d.ts +0 -0
- /package/lib/{src/components → components}/DateField/DateField.stories.d.ts +0 -0
- /package/lib/{src/components → components}/DateField/DateField.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/DateField/index.d.ts +0 -0
- /package/lib/{src/components → components}/Divider.d.ts +0 -0
- /package/lib/{src/components → components}/ErrorText/ErrorText.stories.d.ts +0 -0
- /package/lib/{src/components → components}/ErrorText/ErrorText.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/ErrorText/index.d.ts +0 -0
- /package/lib/{src/components → components}/Flex.d.ts +0 -0
- /package/lib/{src/components → components}/Fontface.d.ts +0 -0
- /package/lib/{src/components → components}/Footer/Footer.stories.d.ts +0 -0
- /package/lib/{src/components → components}/Footer/Footer.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Footer/index.d.ts +0 -0
- /package/lib/{src/components → components}/Header/Header.stories.d.ts +0 -0
- /package/lib/{src/components → components}/Header/Header.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Header/index.d.ts +0 -0
- /package/lib/{src/components → components}/Header/styles.d.ts +0 -0
- /package/lib/{src/components → components}/Heading/Heading.stories.d.ts +0 -0
- /package/lib/{src/components → components}/Heading/Heading.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Heading/index.d.ts +0 -0
- /package/lib/{src/components → components}/Heading/styles.d.ts +0 -0
- /package/lib/{src/components → components}/IconFa/IconFa.stories.d.ts +0 -0
- /package/lib/{src/components → components}/IconFa/IconFa.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/IconFa/index.d.ts +0 -0
- /package/lib/{src/components → components}/IconFa/styles.d.ts +0 -0
- /package/lib/{src/components → components}/InfoBox/InfoBox.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/LabelWrapper/index.d.ts +0 -0
- /package/lib/{src/components → components}/LabelWrapper/styles.d.ts +0 -0
- /package/lib/{src/components → components}/LegendWrapper/LegendWrapper.stories.d.ts +0 -0
- /package/lib/{src/components → components}/LegendWrapper/LegendWrapper.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/LegendWrapper/index.d.ts +0 -0
- /package/lib/{src/components → components}/LegendWrapper/styles.d.ts +0 -0
- /package/lib/{src/components → components}/Link/Link.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Loader/Loader.stories.d.ts +0 -0
- /package/lib/{src/components → components}/Loader/Loader.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Loader/index.d.ts +0 -0
- /package/lib/{src/components → components}/Loader/styles.d.ts +0 -0
- /package/lib/{src/components → components}/Modal/Modal.stories.d.ts +0 -0
- /package/lib/{src/components → components}/Modal/Modal.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Modal/index.d.ts +0 -0
- /package/lib/{src/components → components}/Pagination/Pagination.stories.d.ts +0 -0
- /package/lib/{src/components → components}/Pagination/Pagination.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Pagination/index.d.ts +0 -0
- /package/lib/{src/components → components}/Pagination/styles.d.ts +0 -0
- /package/lib/{src/components → components}/PopOver/PopOver.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/PopOver/Popover.stories.d.ts +0 -0
- /package/lib/{src/components → components}/PopOver/index.d.ts +0 -0
- /package/lib/{src/components → components}/PopOver/styles.d.ts +0 -0
- /package/lib/{src/components → components}/ProgressBar/ProgressBar.stories.d.ts +0 -0
- /package/lib/{src/components → components}/ProgressBar/ProgressBar.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/ProgressBar/index.d.ts +0 -0
- /package/lib/{src/components → components}/ProgressBar/styles.d.ts +0 -0
- /package/lib/{src/components → components}/Radio/Radio.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Radio/styles.d.ts +0 -0
- /package/lib/{src/components → components}/RadioConsent/Radio.stories.d.ts +0 -0
- /package/lib/{src/components → components}/RadioConsent/RadioConsent.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/RadioConsent/index.d.ts +0 -0
- /package/lib/{src/components → components}/Select/Select.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Select/styles.d.ts +0 -0
- /package/lib/{src/components → components}/Spacing/index.d.ts +0 -0
- /package/lib/{src/components → components}/Step/Step.stories.d.ts +0 -0
- /package/lib/{src/components → components}/Step/Step.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Step/index.d.ts +0 -0
- /package/lib/{src/components → components}/Step/styles.d.ts +0 -0
- /package/lib/{src/components → components}/Text/Text.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Text/styles.d.ts +0 -0
- /package/lib/{src/components → components}/TextAreaField/TextAreaField.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/TextAreaField/styles.d.ts +0 -0
- /package/lib/{src/components → components}/TextField/TextField.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Totaliser/Totaliser.stories.d.ts +0 -0
- /package/lib/{src/components → components}/Totaliser/Totaliser.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/Totaliser/index.d.ts +0 -0
- /package/lib/{src/components → components}/Totaliser/styles.d.ts +0 -0
- /package/lib/{src/components → components}/UserBlock/UserBlock.stories.d.ts +0 -0
- /package/lib/{src/components → components}/UserBlock/UserBlock.test.cypress.d.ts +0 -0
- /package/lib/{src/components → components}/UserBlock/index.d.ts +0 -0
- /package/lib/{src/components → components}/UserBlock/styles.d.ts +0 -0
- /package/lib/{src/components → components}/index.d.ts +0 -0
- /package/lib/{src/hooks → hooks}/useEffectBrowser.d.ts +0 -0
- /package/lib/{src/hooks → hooks}/useKey.d.ts +0 -0
- /package/lib/{src/hooks → hooks}/useLayoutEffectBrowser.d.ts +0 -0
- /package/lib/{src/themes → themes}/bowelbabe.d.ts +0 -0
- /package/lib/{src/themes → themes}/cruk.d.ts +0 -0
- /package/lib/{src/themes → themes}/rfl.d.ts +0 -0
- /package/lib/{src/themes → themes}/su2c.d.ts +0 -0
- /package/lib/{src/types.d.ts → types.d.ts} +0 -0
- /package/lib/{src/utils → utils}/Helper.d.ts +0 -0
- /package/lib/{src/utils → utils}/__tests__/testHelpers.test.d.ts +0 -0
- /package/lib/{src/utils → utils}/debounce.d.ts +0 -0
- /package/lib/{src/utils → utils}/themeUtils.d.ts +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{crukTheme as
|
|
1
|
+
import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import{crukTheme as r}from"./cruk.js";e({},r.utilities);var a=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."});e(e({},r.avatar),{path:"".concat(a.assetPath,"images/avatar/bowelbabe/")}),e(e({},r.button),{horizontalPadding:"1rem",borderRadius:"2em"}),e({},r.breakpoint);var o=e(e({},r.tokenColors),{bbPurple:"#501e70",bbLightGreen:"#92ddcb",bbGreen:"#26bb98",bbPastelGreen:"#d4f1ea",bbPink:"#d81272",bbPastelPink:"#EB88B8",bbBlue:"#009ed1",bbTeal:"#005e85",bbYellow:"#e4b50b",bbPastelYellow:"#F1DA85"});e(e({},r.colors),{primary:o.bbPurple,secondary:o.bbGreen,tertiary:o.bbTeal,textOnPrimary:o.white,textOnSecondary:o.bbPurple,textOnTertiary:o.white,warning:o.bbYellow,success:o.bbGreen,info:o.bbBlue,avatarBorder:o.bbPurple,progressBar:o.bbLightGreen,progressBarSecondary:o.bbGreen,circularProgress:o.bbLightGreen,circularProgressSecondary:o.bbGreen,linkColor:o.bbPurple,linkColorHover:o.bbPink,linkColorSecondary:o.bbPurple,linkColorSecondaryHover:o.bbPink,backgroundLightColor:o.bbPastelGreen,collapseHeaderColor:o.bbPink,check:o.bbPurple,headerTaglineText:o.bbPurple,loaderColor1:o.bbPurple,loaderColor2:o.bbLightGreen,loaderColor3:o.bbPink,paginationText:o.bbPurple,paginationBackground:o.bbPurple,totaliserBubbleColor:o.bbPurple,totaliserBubbleTextColor:o.bbLightGreen,totaliserBubbleTotalColor:o.white,buttonPrimaryBackground:o.bbPastelYellow,buttonPrimaryText:o.bbPurple,buttonPrimaryBorder:o.bbPastelYellow,buttonPrimaryBackgroundHover:o.bbPastelPink,buttonPrimaryTextHover:o.bbPurple,buttonPrimaryBorderHover:o.bbPastelPink,buttonPrimaryDisabledBackground:o.grey_200,buttonPrimaryDisabledText:o.grey_800,buttonPrimaryDisabledBorder:o.grey_200,buttonSecondaryBackground:o.white,buttonSecondaryText:o.bbPurple,buttonSecondaryBorder:o.bbPastelYellow,buttonSecondaryBackgroundHover:o.bbPastelPink,buttonSecondaryTextHover:o.bbPurple,buttonSecondaryBorderHover:o.bbPastelYellow,buttonSecondaryDisabledBackground:o.grey_200,buttonSecondaryDisabledText:o.grey_800,buttonSecondaryDisabledBorder:o.grey_200,buttonTertiaryText:o.bbPurple,buttonTertiaryTextHover:o.bbPink,buttonTertiaryDisabledText:o.grey_200}),e({},r.spacing),e({},r.shadows),e({},r.fontSizes);var t=e(e({},r.typography),{customFonts:[{family:"juana",urlWoff:"".concat(a.assetPath,"fonts/juana-semibold-webfont.woff"),urlWoff2:"".concat(a.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"}),n={typography:t};export{a as SITE_CONFIG,o as TOKEN_COLORS,t as TYPOGRAPHY,n as bowelbabeTheme,n as default};
|
|
2
2
|
//# sourceMappingURL=bowelbabe.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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":["defaultTheme","utilities","SITE_CONFIG","siteConfig","avatar","assetPath","button","breakpoint","TOKEN_COLORS","tokenColors","bbPurple","bbLightGreen","bbGreen","bbPastelGreen","bbPink","bbPastelPink","bbBlue","bbTeal","bbYellow","bbPastelYellow","colors","white","grey_200","grey_800","spacing","shadows","fontSizes","TYPOGRAPHY","typography","customFonts","family","urlWoff","urlWoff2","fontWeight","bowelbabeTheme"],"mappings":"
|
|
1
|
+
{"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":["__assign","defaultTheme","utilities","SITE_CONFIG","siteConfig","logoSrc","footerCopyText","avatar","path","assetPath","button","horizontalPadding","borderRadius","breakpoint","TOKEN_COLORS","tokenColors","bbPurple","bbLightGreen","bbGreen","bbPastelGreen","bbPink","bbPastelPink","bbBlue","bbTeal","bbYellow","bbPastelYellow","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","shadows","fontSizes","TYPOGRAPHY","typography","customFonts","family","urlWoff","concat","urlWoff2","fontWeight","fontFamilyHeadings","fontFamilyLinks","fontFamilyButtons","fontFamilyBase","fontFamilyLabel","fontWeightBase","fontWeightLinks","fontWeightHeadings","fontWeightButtons","fontWeightLabels","LinkPrimaryTextDecoration","LinkLetterSpacing","bowelbabeTheme"],"mappings":"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"}
|
package/lib/src/themes/cruk.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
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.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(r.assetPath,"images/avatar/cruk2/")},t={borderRadius:"0px",borderRadiusLarge:"0px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none",horizontalPadding:"2em"},o={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},n={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"},i={primary:n.navy_600,secondary:n.magenta_700,tertiary:n.cyan_600,textOnPrimary:n.white,textOnSecondary:n.white,textOnTertiary:n.white,textHeaderDefault:n.black,disabled:n.grey_200,danger:n.red,warning:n.yellow,success:n.green,info:n.cyan_600,textError:n.red,textDark:n.black,textLight:n.white,linkColor:n.magenta_700,linkColorHover:n.magenta_800,linkColorSecondary:n.magenta_700,linkColorSecondaryHover:n.magenta_800,avatarBorder:n.navy_600,progressBar:n.navy_600,progressBarSecondary:n.magenta_700,progressBarBackground:n.grey_200,circularProgress:n.cyan_600,circularProgressSecondary:n.magenta_700,circularProgressBackground:n.grey_200,buttonPrimaryBackground:n.magenta_700,buttonPrimaryText:n.white,buttonPrimaryBorder:n.magenta_700,buttonPrimaryBackgroundHover:n.magenta_800,buttonPrimaryTextHover:n.white,buttonPrimaryBorderHover:n.magenta_800,buttonPrimaryDisabledBackground:n.grey_200,buttonPrimaryDisabledText:n.grey_600,buttonPrimaryDisabledBorder:n.grey_200,buttonSecondaryBackground:n.white,buttonSecondaryText:n.magenta_700,buttonSecondaryBorder:n.magenta_700,buttonSecondaryBackgroundHover:n.magenta_100,buttonSecondaryTextHover:n.magenta_800,buttonSecondaryBorderHover:n.magenta_100,buttonSecondaryDisabledBackground:n.grey_200,buttonSecondaryDisabledText:n.grey_600,buttonSecondaryDisabledBorder:n.grey_200,buttonTertiaryText:n.magenta_700,buttonTertiaryTextHover:n.magenta_800,buttonTertiaryDisabledText:n.grey_600,collapseHeaderColor:n.navy_600,selectionBorder:n.grey_600,textInputBorder:n.grey_900,inputBorder:n.grey_900,check:n.magenta_700,headerBackground:n.white,backgroundLight:n.white,backgroundLightColor:n.navy_100,backgroundMid:n.grey_200,backgroundMidLight:n.grey_100,loaderColor1:n.navy_600,loaderColor2:n.magenta_600,loaderColor3:n.cyan_600,paginationText:n.navy_600,paginationActive:n.grey_200,paginationBackground:n.navy_600,footerBackground:n.backgroundLight,headerBorder:n.grey_200,headerTaglineText:n.black,stepBorder:n.grey_200,stepBackground:n.white,popoverBackground:n.white,textInputExtraInfo:n.grey_200,totaliserBubbleColor:n.grey_200,totaliserBubbleTextColor:n.black,totaliserBubbleTotalColor:n.navy_600,selectBackground:n.black,modalBackdrop:n.black,userBlockExtraText:n.grey_800},s={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.875rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},l={customFonts:[{family:"Progress",urlWoff:"".concat(r.assetPath,"fonts/Progress-Regular.woff2"),fontWeight:400},{family:"Progress",urlWoff:"".concat(r.assetPath,"fonts/Progress-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(r.assetPath,"fonts/Poppins-Light.woff"),fontWeight:300},{family:"Poppins",urlWoff:"".concat(r.assetPath,"fonts/Poppins-Regular.woff2"),fontWeight:400},{family:"Poppins",urlWoff:"".concat(r.assetPath,"fonts/Poppins-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(r.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:400,fontWeightHeavy:700,fontWeightMedium:500,fontWeightNormal:400,fontWeightLight:300,fontWeightVLight:100,linkTextDecoration:"underline",LinkLetterSpacing:"0px",LinkPrimaryTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},c={s:"0px 0px 2px 1px ".concat(n.grey_300),m:"0px 0px 4px 1px ".concat(n.grey_300),l:"0px 0px 7px 1px ".concat(n.grey_300)},d={name:"cruk",avatar:a,breakpoint:o,button:t,tokenColors:n,colors:i,spacing:s,fontSizes:g,siteConfig:r,typography:l,shadows:c,utilities:e};export{a as AVATAR,o as BREAKPOINT,t as BUTTON,i as COLORS,g as FONT_SIZES,c as SHADOWS,r as SITE_CONFIG,s as SPACING,n as TOKEN_COLORS,l as TYPOGRAPHY,e as UTILITIES,d as crukTheme,d as default};
|
|
2
2
|
//# sourceMappingURL=cruk.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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 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 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 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 urlWoff: `${SITE_CONFIG.assetPath}fonts/Progress-Regular.woff2`,\n fontWeight: 400,\n },\n {\n family: \"Progress\",\n urlWoff: `${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 urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Regular.woff2`,\n fontWeight: 400,\n },\n {\n family: \"Poppins\",\n urlWoff: `${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: 400,\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","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","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","xxs","xs","xxl","FONT_SIZES","xxxl","xxxxl","TYPOGRAPHY","customFonts","family","urlWoff","fontWeight","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","breakpoint","button","tokenColors","colors","spacing","fontSizes","siteConfig","typography","shadows","utilities"],"mappings":"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"}
|
|
1
|
+
{"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 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 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 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 urlWoff: `${SITE_CONFIG.assetPath}fonts/Progress-Regular.woff2`,\n fontWeight: 400,\n },\n {\n family: \"Progress\",\n urlWoff: `${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 urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Regular.woff2`,\n fontWeight: 400,\n },\n {\n family: \"Poppins\",\n urlWoff: `${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: 400,\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","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","xxs","xs","xxl","FONT_SIZES","xxxl","xxxxl","TYPOGRAPHY","customFonts","family","urlWoff","fontWeight","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","breakpoint","button","tokenColors","colors","spacing","fontSizes","siteConfig","typography","shadows","utilities"],"mappings":"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"}
|
package/lib/src/themes/rfl.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{crukTheme as
|
|
1
|
+
import{__assign as a}from"../../node_modules/tslib/tslib.es6.js";import{crukTheme as r}from"./cruk.js";a({},r.utilities);var s=a(a({},r.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/rfl-sl.svg"});a(a({},r.avatar),{path:"".concat(s.assetPath,"images/avatar/rfl/")}),a({},r.button),a({},r.breakpoint);var t=a({},r.tokenColors);a(a({},r.colors),{textHeaderDefault:t.navy_600,headerTaglineText:t.navy_600,progressBar:t.magenta_700,progressBarSecondary:t.navy_600}),a({},r.spacing),a({},r.shadows),a({},r.fontSizes);var e=a(a({},r.typography),{fontWeightHeadings:600}),o={typography:e};export{s as SITE_CONFIG,t as TOKEN_COLORS,e as TYPOGRAPHY,o as default,o as rflTheme};
|
|
2
2
|
//# sourceMappingURL=rfl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rfl.js","sources":["../../../src/themes/rfl.ts"],"sourcesContent":["import {\n type UtilitiesType,\n type SiteConfigType,\n type AvatarType,\n type ButtonType,\n type BreakPointType,\n type TokenColorsType,\n type ColorsType,\n type SpacingType,\n type FontSizesType,\n type TypographyType,\n type ThemeType,\n type ShadowsType,\n} from \"../types\";\n\nimport { crukTheme as defaultTheme } from \"./cruk\";\n\nexport const UTILITIES: UtilitiesType = {\n ...defaultTheme.utilities,\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n ...defaultTheme.siteConfig,\n logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/rfl-sl.svg\",\n};\n\nexport const AVATAR: AvatarType = {\n ...defaultTheme.avatar,\n path: `${SITE_CONFIG.assetPath}images/avatar/rfl/`,\n};\n\nexport const BUTTON: ButtonType = {\n ...defaultTheme.button,\n};\n\nexport const BREAKPOINT: BreakPointType = {\n ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n ...defaultTheme.tokenColors,\n};\n\nexport const COLORS: ColorsType = {\n ...defaultTheme.colors,\n textHeaderDefault: TOKEN_COLORS.navy_600,\n headerTaglineText: TOKEN_COLORS.navy_600,\n progressBar: TOKEN_COLORS.magenta_700,\n progressBarSecondary: TOKEN_COLORS.navy_600,\n};\n\nexport const SPACING: SpacingType = {\n ...defaultTheme.spacing,\n};\n\nexport const SHADOWS: ShadowsType = {\n ...defaultTheme.shadows,\n};\n\nexport const FONT_SIZES: FontSizesType = {\n ...defaultTheme.fontSizes,\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n ...defaultTheme.typography,\n fontWeightHeadings: 600,\n};\n\nexport const rflTheme: ThemeType = {\n name: \"rfl\",\n avatar: AVATAR,\n breakpoint: BREAKPOINT,\n button: BUTTON,\n tokenColors: TOKEN_COLORS,\n colors: COLORS,\n spacing: SPACING,\n fontSizes: FONT_SIZES,\n siteConfig: SITE_CONFIG,\n typography: TYPOGRAPHY,\n shadows: SHADOWS,\n utilities: UTILITIES,\n};\n\nexport default rflTheme;\n"],"names":["defaultTheme","utilities","SITE_CONFIG","siteConfig","avatar","assetPath","button","breakpoint","TOKEN_COLORS","tokenColors","colors","navy_600","magenta_700","spacing","shadows","fontSizes","TYPOGRAPHY","typography","rflTheme"],"mappings":"
|
|
1
|
+
{"version":3,"file":"rfl.js","sources":["../../../src/themes/rfl.ts"],"sourcesContent":["import {\n type UtilitiesType,\n type SiteConfigType,\n type AvatarType,\n type ButtonType,\n type BreakPointType,\n type TokenColorsType,\n type ColorsType,\n type SpacingType,\n type FontSizesType,\n type TypographyType,\n type ThemeType,\n type ShadowsType,\n} from \"../types\";\n\nimport { crukTheme as defaultTheme } from \"./cruk\";\n\nexport const UTILITIES: UtilitiesType = {\n ...defaultTheme.utilities,\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n ...defaultTheme.siteConfig,\n logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/rfl-sl.svg\",\n};\n\nexport const AVATAR: AvatarType = {\n ...defaultTheme.avatar,\n path: `${SITE_CONFIG.assetPath}images/avatar/rfl/`,\n};\n\nexport const BUTTON: ButtonType = {\n ...defaultTheme.button,\n};\n\nexport const BREAKPOINT: BreakPointType = {\n ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n ...defaultTheme.tokenColors,\n};\n\nexport const COLORS: ColorsType = {\n ...defaultTheme.colors,\n textHeaderDefault: TOKEN_COLORS.navy_600,\n headerTaglineText: TOKEN_COLORS.navy_600,\n progressBar: TOKEN_COLORS.magenta_700,\n progressBarSecondary: TOKEN_COLORS.navy_600,\n};\n\nexport const SPACING: SpacingType = {\n ...defaultTheme.spacing,\n};\n\nexport const SHADOWS: ShadowsType = {\n ...defaultTheme.shadows,\n};\n\nexport const FONT_SIZES: FontSizesType = {\n ...defaultTheme.fontSizes,\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n ...defaultTheme.typography,\n fontWeightHeadings: 600,\n};\n\nexport const rflTheme: ThemeType = {\n name: \"rfl\",\n avatar: AVATAR,\n breakpoint: BREAKPOINT,\n button: BUTTON,\n tokenColors: TOKEN_COLORS,\n colors: COLORS,\n spacing: SPACING,\n fontSizes: FONT_SIZES,\n siteConfig: SITE_CONFIG,\n typography: TYPOGRAPHY,\n shadows: SHADOWS,\n utilities: UTILITIES,\n};\n\nexport default rflTheme;\n"],"names":["__assign","defaultTheme","utilities","SITE_CONFIG","siteConfig","logoSrc","avatar","path","assetPath","button","breakpoint","TOKEN_COLORS","tokenColors","colors","textHeaderDefault","navy_600","headerTaglineText","progressBar","magenta_700","progressBarSecondary","spacing","shadows","fontSizes","TYPOGRAPHY","typography","fontWeightHeadings","rflTheme"],"mappings":"uGAiBsBA,EAAA,CAAA,EACjBC,EAAaC,WAGX,IAAMC,EAAWH,EAAAA,EAAA,CAAA,EACnBC,EAAaG,YAAU,CAC1BC,QAAS,oEAINL,EAAAA,EAAA,CAAA,EAAAC,EAAaK,QAAM,CACtBC,KAAM,UAAGJ,EAAYK,UAAS,wBAGbR,EAAA,CAAA,EACdC,EAAaQ,QAGKT,EAAA,CAAA,EAClBC,EAAaS,gBAGLC,EAAYX,EAAA,GACpBC,EAAaW,aAGCZ,EAAAA,EAAA,CAAA,EACdC,EAAaY,QAChB,CAAAC,kBAAmBH,EAAaI,SAChCC,kBAAmBL,EAAaI,SAChCE,YAAaN,EAAaO,YAC1BC,qBAAsBR,EAAaI,WAGjBf,EAAA,CAAA,EACfC,EAAamB,SAGEpB,EAAA,CAAA,EACfC,EAAaoB,SAGKrB,EAAA,CAAA,EAClBC,EAAaqB,WAGX,IAAMC,EAAUvB,EAAAA,EAAA,CAAA,EAClBC,EAAauB,YAAU,CAC1BC,mBAAoB,MAGTC,EAAsB,CAUjCF,WAAYD"}
|
package/lib/src/themes/su2c.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{crukTheme as
|
|
1
|
+
import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import{crukTheme as r}from"./cruk.js";e(e({},r.utilities),{useBackgroundStyleLinks:!0});var a=e(e({},r.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."});e(e({},r.avatar),{path:"".concat(a.assetPath,"images/avatar/su2c/")}),e(e({},r.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),e({},r.breakpoint);var n=e(e({},r.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"});e(e({},r.colors),{primary:n.su2cOrange5,secondary:n.su2cOrange5,tertiary:n.su2cBlack,textHeaderDefault:n.su2cBlack,textOnPrimary:n.su2cBlack,avatarBorder:n.su2cBlack,progressBar:n.su2cOrange5,progressBarSecondary:n.su2cRed,circularProgress:n.su2cOrange3,circularProgressSecondary:n.su2cRed,linkColor:n.su2cOrange5,linkColorHover:n.su2cRed,linkColorSecondary:n.su2cOrange5,linkColorSecondaryHover:n.su2cRed,backgroundLightColor:n.su2cOrange2,loaderColor1:n.su2cOrange5,loaderColor2:n.su2cRed,loaderColor3:n.su2cBlack,paginationText:n.su2cBlack,paginationBackground:n.su2cBlack,totaliserBubbleColor:n.su2cBlack,totaliserBubbleTextColor:n.white,totaliserBubbleTotalColor:n.white,collapseHeaderColor:n.su2cOrange5,check:n.su2cBlack,headerTaglineText:n.su2cOrange5,buttonPrimaryBackground:n.su2cOrange5,buttonPrimaryText:n.su2cBlack,buttonPrimaryBorder:n.su2cOrange5,buttonPrimaryBackgroundHover:n.su2cOrange3,buttonPrimaryTextHover:n.su2cBlack,buttonPrimaryBorderHover:n.su2cOrange3,buttonPrimaryDisabledBackground:n.grey_200,buttonPrimaryDisabledText:n.grey_600,buttonPrimaryDisabledBorder:n.grey_200,buttonSecondaryBackground:n.white,buttonSecondaryText:n.su2cOrange5,buttonSecondaryBorder:n.su2cOrange5,buttonSecondaryBackgroundHover:n.su2cOrange1,buttonSecondaryTextHover:n.su2cOrange5,buttonSecondaryBorderHover:n.su2cOrange5,buttonSecondaryDisabledBackground:n.white,buttonSecondaryDisabledText:n.grey_200,buttonSecondaryDisabledBorder:n.grey_200,buttonTertiaryText:n.su2cOrange5,buttonTertiaryTextHover:n.su2cOrange5,buttonTertiaryDisabledText:n.grey_200}),e({},r.spacing),e({},r.shadows),e({},r.fontSizes);var o=e(e({},r.typography),{customFonts:[{family:"itc_avant_garde_pro",urlWoff:"".concat(a.assetPath,"fonts/itc_-_itcavantgardepro-bold-webfont.woff"),fontWeight:700}],fontFamilyHeadings:"itc_avant_garde_pro,Arial,sans-serif",fontFamilyLinks:"itc_avant_garde_pro,Arial,sans-serif",fontFamilyButtons:"itc_avant_garde_pro,Arial,sans-serif",fontFamilyBase:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyLabel:"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase",fontWeightBase:400,fontWeightLinks:700,fontWeightButtons:700,fontWeightLabels:600,LinkPrimaryTextDecoration:"none",LinkLetterSpacing:"0px"}),t={typography:o};export{a as SITE_CONFIG,n as TOKEN_COLORS,o as TYPOGRAPHY,t as default,t as su2cTheme};
|
|
2
2
|
//# sourceMappingURL=su2c.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"su2c.js","sources":["../../../src/themes/su2c.ts"],"sourcesContent":["import {\n type UtilitiesType,\n type SiteConfigType,\n type AvatarType,\n type ButtonType,\n type BreakPointType,\n type TokenColorsType,\n type ColorsType,\n type SpacingType,\n type FontSizesType,\n type TypographyType,\n type ThemeType,\n type ShadowsType,\n} from \"../types\";\n\nimport { crukTheme as defaultTheme } from \"./cruk\";\n\nexport const UTILITIES: UtilitiesType = {\n ...defaultTheme.utilities,\n useBackgroundStyleLinks: true,\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n ...defaultTheme.siteConfig,\n logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png\",\n footerCopyText:\n \"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign.\",\n};\n\nexport const AVATAR: AvatarType = {\n ...defaultTheme.avatar,\n path: `${SITE_CONFIG.assetPath}images/avatar/su2c/`,\n};\n\nexport const BUTTON: ButtonType = {\n ...defaultTheme.button,\n borderRadius: \"1.5rem\",\n borderRadiusLarge: \"2rem\",\n textTransform: \"uppercase\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n ...defaultTheme.tokenColors,\n su2cOrange5: \"#FF8E00\",\n su2cOrange3: \"#FFB04D\",\n su2cOrange2: \"#FFDAAD\",\n su2cOrange1: \"#FFF6EB\",\n su2cBlack: \"#231F20\",\n su2cGrey1: \"#555759\",\n su2cGrey2: \"#A5A5A9\",\n su2cRed: \"#EF4135\",\n su2cYellow: \"#FFC325\",\n};\n\nexport const COLORS: ColorsType = {\n ...defaultTheme.colors,\n primary: TOKEN_COLORS.su2cOrange5,\n secondary: TOKEN_COLORS.su2cOrange5,\n tertiary: TOKEN_COLORS.su2cBlack,\n textHeaderDefault: TOKEN_COLORS.su2cBlack,\n\n textOnPrimary: TOKEN_COLORS.su2cBlack,\n\n avatarBorder: TOKEN_COLORS.su2cBlack,\n progressBar: TOKEN_COLORS.su2cOrange5,\n progressBarSecondary: TOKEN_COLORS.su2cRed,\n circularProgress: TOKEN_COLORS.su2cOrange3,\n circularProgressSecondary: TOKEN_COLORS.su2cRed,\n linkColor: TOKEN_COLORS.su2cOrange5,\n linkColorHover: TOKEN_COLORS.su2cRed,\n linkColorSecondary: TOKEN_COLORS.su2cOrange5,\n linkColorSecondaryHover: TOKEN_COLORS.su2cRed,\n\n backgroundLightColor: TOKEN_COLORS.su2cOrange2,\n\n loaderColor1: TOKEN_COLORS.su2cOrange5,\n loaderColor2: TOKEN_COLORS.su2cRed,\n loaderColor3: TOKEN_COLORS.su2cBlack,\n\n paginationText: TOKEN_COLORS.su2cBlack,\n paginationBackground: TOKEN_COLORS.su2cBlack,\n\n totaliserBubbleColor: TOKEN_COLORS.su2cBlack,\n totaliserBubbleTextColor: TOKEN_COLORS.white,\n totaliserBubbleTotalColor: TOKEN_COLORS.white,\n\n collapseHeaderColor: TOKEN_COLORS.su2cOrange5,\n check: TOKEN_COLORS.su2cBlack,\n\n headerTaglineText: TOKEN_COLORS.su2cOrange5,\n\n buttonPrimaryBackground: TOKEN_COLORS.su2cOrange5,\n buttonPrimaryText: TOKEN_COLORS.su2cBlack,\n buttonPrimaryBorder: TOKEN_COLORS.su2cOrange5,\n buttonPrimaryBackgroundHover: TOKEN_COLORS.su2cOrange3,\n buttonPrimaryTextHover: TOKEN_COLORS.su2cBlack,\n buttonPrimaryBorderHover: TOKEN_COLORS.su2cOrange3,\n buttonPrimaryDisabledBackground: TOKEN_COLORS.grey_200,\n buttonPrimaryDisabledText: TOKEN_COLORS.grey_600,\n buttonPrimaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonSecondaryBackground: TOKEN_COLORS.white,\n buttonSecondaryText: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryBorder: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryBackgroundHover: TOKEN_COLORS.su2cOrange1,\n buttonSecondaryTextHover: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryBorderHover: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryDisabledBackground: TOKEN_COLORS.white,\n buttonSecondaryDisabledText: TOKEN_COLORS.grey_200,\n buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonTertiaryText: TOKEN_COLORS.su2cOrange5,\n buttonTertiaryTextHover: TOKEN_COLORS.su2cOrange5,\n buttonTertiaryDisabledText: TOKEN_COLORS.grey_200,\n};\n\nexport const SPACING: SpacingType = {\n ...defaultTheme.spacing,\n};\n\nexport const SHADOWS: ShadowsType = {\n ...defaultTheme.shadows,\n};\n\nexport const FONT_SIZES: FontSizesType = {\n ...defaultTheme.fontSizes,\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n ...defaultTheme.typography,\n customFonts: [\n {\n family: \"itc_avant_garde_pro\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/itc_-_itcavantgardepro-bold-webfont.woff`,\n fontWeight: 700,\n },\n ],\n fontFamilyHeadings: \"itc_avant_garde_pro,Arial,sans-serif\",\n fontFamilyLinks: \"itc_avant_garde_pro,Arial,sans-serif\",\n fontFamilyButtons: \"itc_avant_garde_pro,Arial,sans-serif\",\n fontFamilyBase:\n \"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n fontFamilyLabel:\n \"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n linkTextDecoration: \"none\",\n headerLineHeight: \"1.5em\",\n headerTextTransform: \"uppercase\",\n fontWeightBase: 400,\n fontWeightLinks: 700,\n fontWeightButtons: 700,\n fontWeightLabels: 600,\n LinkPrimaryTextDecoration: \"none\",\n LinkLetterSpacing: \"0px\",\n};\n\nexport const su2cTheme: ThemeType = {\n name: \"su2c\",\n avatar: AVATAR,\n breakpoint: BREAKPOINT,\n button: BUTTON,\n tokenColors: TOKEN_COLORS,\n colors: COLORS,\n spacing: SPACING,\n fontSizes: FONT_SIZES,\n siteConfig: SITE_CONFIG,\n typography: TYPOGRAPHY,\n shadows: SHADOWS,\n utilities: UTILITIES,\n};\n\nexport default su2cTheme;\n"],"names":["defaultTheme","utilities","SITE_CONFIG","siteConfig","avatar","assetPath","button","breakpoint","TOKEN_COLORS","tokenColors","su2cOrange5","su2cOrange3","su2cOrange2","su2cOrange1","su2cBlack","su2cRed","colors","white","grey_200","grey_600","spacing","shadows","fontSizes","TYPOGRAPHY","typography","customFonts","family","urlWoff","fontWeight","su2cTheme"],"mappings":"
|
|
1
|
+
{"version":3,"file":"su2c.js","sources":["../../../src/themes/su2c.ts"],"sourcesContent":["import {\n type UtilitiesType,\n type SiteConfigType,\n type AvatarType,\n type ButtonType,\n type BreakPointType,\n type TokenColorsType,\n type ColorsType,\n type SpacingType,\n type FontSizesType,\n type TypographyType,\n type ThemeType,\n type ShadowsType,\n} from \"../types\";\n\nimport { crukTheme as defaultTheme } from \"./cruk\";\n\nexport const UTILITIES: UtilitiesType = {\n ...defaultTheme.utilities,\n useBackgroundStyleLinks: true,\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n ...defaultTheme.siteConfig,\n logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png\",\n footerCopyText:\n \"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign.\",\n};\n\nexport const AVATAR: AvatarType = {\n ...defaultTheme.avatar,\n path: `${SITE_CONFIG.assetPath}images/avatar/su2c/`,\n};\n\nexport const BUTTON: ButtonType = {\n ...defaultTheme.button,\n borderRadius: \"1.5rem\",\n borderRadiusLarge: \"2rem\",\n textTransform: \"uppercase\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n ...defaultTheme.breakpoint,\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n ...defaultTheme.tokenColors,\n su2cOrange5: \"#FF8E00\",\n su2cOrange3: \"#FFB04D\",\n su2cOrange2: \"#FFDAAD\",\n su2cOrange1: \"#FFF6EB\",\n su2cBlack: \"#231F20\",\n su2cGrey1: \"#555759\",\n su2cGrey2: \"#A5A5A9\",\n su2cRed: \"#EF4135\",\n su2cYellow: \"#FFC325\",\n};\n\nexport const COLORS: ColorsType = {\n ...defaultTheme.colors,\n primary: TOKEN_COLORS.su2cOrange5,\n secondary: TOKEN_COLORS.su2cOrange5,\n tertiary: TOKEN_COLORS.su2cBlack,\n textHeaderDefault: TOKEN_COLORS.su2cBlack,\n\n textOnPrimary: TOKEN_COLORS.su2cBlack,\n\n avatarBorder: TOKEN_COLORS.su2cBlack,\n progressBar: TOKEN_COLORS.su2cOrange5,\n progressBarSecondary: TOKEN_COLORS.su2cRed,\n circularProgress: TOKEN_COLORS.su2cOrange3,\n circularProgressSecondary: TOKEN_COLORS.su2cRed,\n linkColor: TOKEN_COLORS.su2cOrange5,\n linkColorHover: TOKEN_COLORS.su2cRed,\n linkColorSecondary: TOKEN_COLORS.su2cOrange5,\n linkColorSecondaryHover: TOKEN_COLORS.su2cRed,\n\n backgroundLightColor: TOKEN_COLORS.su2cOrange2,\n\n loaderColor1: TOKEN_COLORS.su2cOrange5,\n loaderColor2: TOKEN_COLORS.su2cRed,\n loaderColor3: TOKEN_COLORS.su2cBlack,\n\n paginationText: TOKEN_COLORS.su2cBlack,\n paginationBackground: TOKEN_COLORS.su2cBlack,\n\n totaliserBubbleColor: TOKEN_COLORS.su2cBlack,\n totaliserBubbleTextColor: TOKEN_COLORS.white,\n totaliserBubbleTotalColor: TOKEN_COLORS.white,\n\n collapseHeaderColor: TOKEN_COLORS.su2cOrange5,\n check: TOKEN_COLORS.su2cBlack,\n\n headerTaglineText: TOKEN_COLORS.su2cOrange5,\n\n buttonPrimaryBackground: TOKEN_COLORS.su2cOrange5,\n buttonPrimaryText: TOKEN_COLORS.su2cBlack,\n buttonPrimaryBorder: TOKEN_COLORS.su2cOrange5,\n buttonPrimaryBackgroundHover: TOKEN_COLORS.su2cOrange3,\n buttonPrimaryTextHover: TOKEN_COLORS.su2cBlack,\n buttonPrimaryBorderHover: TOKEN_COLORS.su2cOrange3,\n buttonPrimaryDisabledBackground: TOKEN_COLORS.grey_200,\n buttonPrimaryDisabledText: TOKEN_COLORS.grey_600,\n buttonPrimaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonSecondaryBackground: TOKEN_COLORS.white,\n buttonSecondaryText: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryBorder: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryBackgroundHover: TOKEN_COLORS.su2cOrange1,\n buttonSecondaryTextHover: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryBorderHover: TOKEN_COLORS.su2cOrange5,\n buttonSecondaryDisabledBackground: TOKEN_COLORS.white,\n buttonSecondaryDisabledText: TOKEN_COLORS.grey_200,\n buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n buttonTertiaryText: TOKEN_COLORS.su2cOrange5,\n buttonTertiaryTextHover: TOKEN_COLORS.su2cOrange5,\n buttonTertiaryDisabledText: TOKEN_COLORS.grey_200,\n};\n\nexport const SPACING: SpacingType = {\n ...defaultTheme.spacing,\n};\n\nexport const SHADOWS: ShadowsType = {\n ...defaultTheme.shadows,\n};\n\nexport const FONT_SIZES: FontSizesType = {\n ...defaultTheme.fontSizes,\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n ...defaultTheme.typography,\n customFonts: [\n {\n family: \"itc_avant_garde_pro\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/itc_-_itcavantgardepro-bold-webfont.woff`,\n fontWeight: 700,\n },\n ],\n fontFamilyHeadings: \"itc_avant_garde_pro,Arial,sans-serif\",\n fontFamilyLinks: \"itc_avant_garde_pro,Arial,sans-serif\",\n fontFamilyButtons: \"itc_avant_garde_pro,Arial,sans-serif\",\n fontFamilyBase:\n \"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n fontFamilyLabel:\n \"Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n linkTextDecoration: \"none\",\n headerLineHeight: \"1.5em\",\n headerTextTransform: \"uppercase\",\n fontWeightBase: 400,\n fontWeightLinks: 700,\n fontWeightButtons: 700,\n fontWeightLabels: 600,\n LinkPrimaryTextDecoration: \"none\",\n LinkLetterSpacing: \"0px\",\n};\n\nexport const su2cTheme: ThemeType = {\n name: \"su2c\",\n avatar: AVATAR,\n breakpoint: BREAKPOINT,\n button: BUTTON,\n tokenColors: TOKEN_COLORS,\n colors: COLORS,\n spacing: SPACING,\n fontSizes: FONT_SIZES,\n siteConfig: SITE_CONFIG,\n typography: TYPOGRAPHY,\n shadows: SHADOWS,\n utilities: UTILITIES,\n};\n\nexport default su2cTheme;\n"],"names":["__assign","defaultTheme","utilities","useBackgroundStyleLinks","SITE_CONFIG","siteConfig","logoSrc","footerCopyText","avatar","path","assetPath","button","borderRadius","borderRadiusLarge","textTransform","breakpoint","TOKEN_COLORS","tokenColors","su2cOrange5","su2cOrange3","su2cOrange2","su2cOrange1","su2cBlack","su2cGrey1","su2cGrey2","su2cRed","su2cYellow","colors","primary","secondary","tertiary","textHeaderDefault","textOnPrimary","avatarBorder","progressBar","progressBarSecondary","circularProgress","circularProgressSecondary","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","backgroundLightColor","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationBackground","totaliserBubbleColor","totaliserBubbleTextColor","white","totaliserBubbleTotalColor","collapseHeaderColor","check","headerTaglineText","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","grey_200","buttonPrimaryDisabledText","grey_600","buttonPrimaryDisabledBorder","buttonSecondaryBackground","buttonSecondaryText","buttonSecondaryBorder","buttonSecondaryBackgroundHover","buttonSecondaryTextHover","buttonSecondaryBorderHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","spacing","shadows","fontSizes","TYPOGRAPHY","typography","customFonts","family","urlWoff","concat","fontWeight","fontFamilyHeadings","fontFamilyLinks","fontFamilyButtons","fontFamilyBase","fontFamilyLabel","linkTextDecoration","headerLineHeight","headerTextTransform","fontWeightBase","fontWeightLinks","fontWeightButtons","fontWeightLabels","LinkPrimaryTextDecoration","LinkLetterSpacing","su2cTheme"],"mappings":"uGAiBsBA,EAAAA,EAAA,CAAA,EACjBC,EAAaC,WAAS,CACzBC,yBAAyB,IAGd,IAAAC,EACRJ,EAAAA,EAAA,CAAA,EAAAC,EAAaI,YAAU,CAC1BC,QAAS,oEACTC,eACE,sgBAICP,EAAAA,EAAA,CAAA,EAAAC,EAAaO,QAAM,CACtBC,KAAM,UAAGL,EAAYM,UAAS,yBAGbV,EAAAA,EAAA,CAAA,EACdC,EAAaU,SAChBC,aAAc,SACdC,kBAAmB,OACnBC,cAAe,cAGMd,EAAA,CAAA,EAClBC,EAAac,gBAGLC,EAAYhB,EAAAA,EAAA,CAAA,EACpBC,EAAagB,cAChBC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,QAAS,UACTC,WAAY,YAGK1B,EAAAA,EAAA,CAAA,EACdC,EAAa0B,QAChB,CAAAC,QAASZ,EAAaE,YACtBW,UAAWb,EAAaE,YACxBY,SAAUd,EAAaM,UACvBS,kBAAmBf,EAAaM,UAEhCU,cAAehB,EAAaM,UAE5BW,aAAcjB,EAAaM,UAC3BY,YAAalB,EAAaE,YAC1BiB,qBAAsBnB,EAAaS,QACnCW,iBAAkBpB,EAAaG,YAC/BkB,0BAA2BrB,EAAaS,QACxCa,UAAWtB,EAAaE,YACxBqB,eAAgBvB,EAAaS,QAC7Be,mBAAoBxB,EAAaE,YACjCuB,wBAAyBzB,EAAaS,QAEtCiB,qBAAsB1B,EAAaI,YAEnCuB,aAAc3B,EAAaE,YAC3B0B,aAAc5B,EAAaS,QAC3BoB,aAAc7B,EAAaM,UAE3BwB,eAAgB9B,EAAaM,UAC7ByB,qBAAsB/B,EAAaM,UAEnC0B,qBAAsBhC,EAAaM,UACnC2B,yBAA0BjC,EAAakC,MACvCC,0BAA2BnC,EAAakC,MAExCE,oBAAqBpC,EAAaE,YAClCmC,MAAOrC,EAAaM,UAEpBgC,kBAAmBtC,EAAaE,YAEhCqC,wBAAyBvC,EAAaE,YACtCsC,kBAAmBxC,EAAaM,UAChCmC,oBAAqBzC,EAAaE,YAClCwC,6BAA8B1C,EAAaG,YAC3CwC,uBAAwB3C,EAAaM,UACrCsC,yBAA0B5C,EAAaG,YACvC0C,gCAAiC7C,EAAa8C,SAC9CC,0BAA2B/C,EAAagD,SACxCC,4BAA6BjD,EAAa8C,SAE1CI,0BAA2BlD,EAAakC,MACxCiB,oBAAqBnD,EAAaE,YAClCkD,sBAAuBpD,EAAaE,YACpCmD,+BAAgCrD,EAAaK,YAC7CiD,yBAA0BtD,EAAaE,YACvCqD,2BAA4BvD,EAAaE,YACzCsD,kCAAmCxD,EAAakC,MAChDuB,4BAA6BzD,EAAa8C,SAC1CY,8BAA+B1D,EAAa8C,SAE5Ca,mBAAoB3D,EAAaE,YACjC0D,wBAAyB5D,EAAaE,YACtC2D,2BAA4B7D,EAAa8C,WAGvB9D,EAAA,CAAA,EACfC,EAAa6E,SAGE9E,EAAA,CAAA,EACfC,EAAa8E,SAGK/E,EAAA,CAAA,EAClBC,EAAa+E,eAGLC,EAAUjF,EAAAA,EAAA,CAAA,EAClBC,EAAaiF,YAChB,CAAAC,YAAa,CACX,CACEC,OAAQ,sBACRC,QAAS,GAAAC,OAAGlF,EAAYM,UAAyD,kDACjF6E,WAAY,MAGhBC,mBAAoB,uCACpBC,gBAAiB,uCACjBC,kBAAmB,uCACnBC,eACE,2EACFC,gBACE,2EACFC,mBAAoB,OACpBC,iBAAkB,QAClBC,oBAAqB,YACrBC,eAAgB,IAChBC,gBAAiB,IACjBC,kBAAmB,IACnBC,iBAAkB,IAClBC,0BAA2B,OAC3BC,kBAAmB,QAGRC,EAAuB,CAUlCpB,WAAYD"}
|
package/lib/src/utils/Helper.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import{__assign as r}from"../../node_modules/tslib/tslib.es6.js";var t="undefined"!=typeof window,e=function(r,t){var e=r/t*100;return e===Number.POSITIVE_INFINITY||Number.isNaN(e)?0:Math.floor(e<1?Math.ceil(e):Math.floor(e))},n=function(r){if(!r)return"";var t=r.toString().split(".");return"".concat(t[0].replace(/\B(?=(\d{3})+(?!\d))/g,",")).concat(t[1]?".".concat(t[1]):"")},o=function(r){var t=Number.parseFloat((Math.round(100*r)/100).toString()).toFixed(2);return Number.isNaN(parseFloat(t))||Number.isNaN(r)?"0":n(t)},a=function(t){return Object.entries(t).reduce((function(t,e){var n,o=e[0],a=e[1],i="string"==typeof a?a.replace(/,/g,""):a;return r(r({},t),((n={})[o]=i,n))}),{})};export{e as calculatePercentRounded,o as formatMoneyWithCommas,t as isBrowser,n as numberWithCommas,a as removeCommasFromObjectStringValues};
|
|
2
2
|
//# sourceMappingURL=Helper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Helper.js","sources":["../../../src/utils/Helper.ts"],"sourcesContent":["export const isBrowser = typeof window !== \"undefined\";\n\nexport const calculatePercentRounded = (\n value: number,\n target: number,\n): number => {\n const percent = (value / target) * 100;\n if (percent === Number.POSITIVE_INFINITY || Number.isNaN(percent)) {\n return 0;\n }\n return Math.floor(percent < 1 ? Math.ceil(percent) : Math.floor(percent));\n};\n\nexport const formatMoney = (value: number): string => {\n const parsed = Number.parseFloat(\n (Math.round(value * 100) / 100).toString(),\n ).toFixed(2);\n if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n return \"0\";\n }\n return parsed;\n};\n\nexport const numberWithCommas = (n?: number | string): string => {\n if (!n) {\n return \"\";\n }\n const parts = n.toString().split(\".\");\n\n return `${parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}${\n parts[1] ? `.${parts[1]}` : \"\"\n }`;\n};\n\nexport const formatMoneyWithCommas = (value: number): string => {\n const parsed = Number.parseFloat(\n (Math.round(value * 100) / 100).toString(),\n ).toFixed(2);\n if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n return \"0\";\n }\n return numberWithCommas(parsed);\n};\n\nexport const camelize = (str: string): string =>\n str\n .toString()\n .replace(/(?:^\\w|[A-Z]|\\b\\w)/g, (word: string, index: number) =>\n index === 0 ? word.toLowerCase() : word.toUpperCase(),\n )\n .replace(/\\s+/g, \"\");\n\nexport const removeCommasFromObjectStringValues = <T>(object: T) =>\n Object.entries(object as Record<string, unknown>).reduce((acc, [k, v]) => {\n const value = typeof v === \"string\" ? v.replace(/,/g, \"\") : v;\n return {\n ...acc,\n [k as keyof T]: value,\n };\n }, {} as T);\n"],"names":["isBrowser","window","calculatePercentRounded","value","target","percent","Number","POSITIVE_INFINITY","isNaN","Math","floor","ceil","numberWithCommas","n","parts","toString","split","replace","formatMoneyWithCommas","parsed","parseFloat","round","toFixed","removeCommasFromObjectStringValues","object","Object","entries","reduce","acc","k","v"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Helper.js","sources":["../../../src/utils/Helper.ts"],"sourcesContent":["export const isBrowser = typeof window !== \"undefined\";\n\nexport const calculatePercentRounded = (\n value: number,\n target: number,\n): number => {\n const percent = (value / target) * 100;\n if (percent === Number.POSITIVE_INFINITY || Number.isNaN(percent)) {\n return 0;\n }\n return Math.floor(percent < 1 ? Math.ceil(percent) : Math.floor(percent));\n};\n\nexport const formatMoney = (value: number): string => {\n const parsed = Number.parseFloat(\n (Math.round(value * 100) / 100).toString(),\n ).toFixed(2);\n if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n return \"0\";\n }\n return parsed;\n};\n\nexport const numberWithCommas = (n?: number | string): string => {\n if (!n) {\n return \"\";\n }\n const parts = n.toString().split(\".\");\n\n return `${parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}${\n parts[1] ? `.${parts[1]}` : \"\"\n }`;\n};\n\nexport const formatMoneyWithCommas = (value: number): string => {\n const parsed = Number.parseFloat(\n (Math.round(value * 100) / 100).toString(),\n ).toFixed(2);\n if (Number.isNaN(parseFloat(parsed)) || Number.isNaN(value)) {\n return \"0\";\n }\n return numberWithCommas(parsed);\n};\n\nexport const camelize = (str: string): string =>\n str\n .toString()\n .replace(/(?:^\\w|[A-Z]|\\b\\w)/g, (word: string, index: number) =>\n index === 0 ? word.toLowerCase() : word.toUpperCase(),\n )\n .replace(/\\s+/g, \"\");\n\nexport const removeCommasFromObjectStringValues = <T>(object: T) =>\n Object.entries(object as Record<string, unknown>).reduce((acc, [k, v]) => {\n const value = typeof v === \"string\" ? v.replace(/,/g, \"\") : v;\n return {\n ...acc,\n [k as keyof T]: value,\n };\n }, {} as T);\n"],"names":["isBrowser","window","calculatePercentRounded","value","target","percent","Number","POSITIVE_INFINITY","isNaN","Math","floor","ceil","numberWithCommas","n","parts","toString","split","concat","replace","formatMoneyWithCommas","parsed","parseFloat","round","toFixed","removeCommasFromObjectStringValues","object","Object","entries","reduce","acc","_a","k","v","__assign","_b"],"mappings":"qEAAaA,EAA8B,oBAAXC,OAEnBC,EAA0B,SACrCC,EACAC,GAEA,IAAMC,EAAWF,EAAQC,EAAU,IACnC,OAAIC,IAAYC,OAAOC,mBAAqBD,OAAOE,MAAMH,GAChD,EAEFI,KAAKC,MAAML,EAAU,EAAII,KAAKE,KAAKN,GAAWI,KAAKC,MAAML,GAClE,EAYaO,EAAmB,SAACC,GAC/B,IAAKA,EACH,MAAO,GAET,IAAMC,EAAQD,EAAEE,WAAWC,MAAM,KAEjC,MAAO,GAAGC,OAAAH,EAAM,GAAGI,QAAQ,wBAAyB,aAClDJ,EAAM,GAAK,IAAAG,OAAIH,EAAM,IAAO,GAEhC,EAEaK,EAAwB,SAAChB,GACpC,IAAMiB,EAASd,OAAOe,YACnBZ,KAAKa,MAAc,IAARnB,GAAe,KAAKY,YAChCQ,QAAQ,GACV,OAAIjB,OAAOE,MAAMa,WAAWD,KAAYd,OAAOE,MAAML,GAC5C,IAEFS,EAAiBQ,EAC1B,EAUaI,EAAqC,SAAIC,GACpD,OAAAC,OAAOC,QAAQF,GAAmCG,QAAO,SAACC,EAAKC,SAACC,EAACD,EAAA,GAAEE,EAACF,EAAA,GAC5D3B,EAAqB,iBAAN6B,EAAiBA,EAAEd,QAAQ,KAAM,IAAMc,EAC5D,OAAAC,EAAAA,EAAA,CAAA,EACKJ,KAAGK,EAAA,CAAA,GACLH,GAAe5B,EAChB+B,GACH,GAAE,GANH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
var t=function(t,n){var e;return function(){for(var o=[],r=0;r<arguments.length;r++)o[r]=arguments[r];e&&clearTimeout(e),e=setTimeout((function(){n.apply(void 0,o),e=null}),t)}};export{t as debounce,t as default};
|
|
2
2
|
//# sourceMappingURL=debounce.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"debounce.js","sources":["../../../src/utils/debounce.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const debounce = (delay: number, callback: (...args: any) => void) => {\n let timerId: ReturnType<typeof setTimeout> | null;\n return (...args: unknown[]) => {\n if (timerId) {\n clearTimeout(timerId);\n }\n timerId = setTimeout(() => {\n callback(...args);\n timerId = null;\n }, delay);\n };\n};\n\nexport default debounce;\n"],"names":["debounce","delay","callback","timerId","args","clearTimeout","setTimeout"],"mappings":"
|
|
1
|
+
{"version":3,"file":"debounce.js","sources":["../../../src/utils/debounce.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const debounce = (delay: number, callback: (...args: any) => void) => {\n let timerId: ReturnType<typeof setTimeout> | null;\n return (...args: unknown[]) => {\n if (timerId) {\n clearTimeout(timerId);\n }\n timerId = setTimeout(() => {\n callback(...args);\n timerId = null;\n }, delay);\n };\n};\n\nexport default debounce;\n"],"names":["debounce","delay","callback","timerId","args","_i","arguments","length","clearTimeout","setTimeout","apply","undefined"],"mappings":"AACa,IAAAA,EAAW,SAACC,EAAeC,GACtC,IAAIC,EACJ,OAAO,eAAC,IAAkBC,EAAA,GAAAC,EAAA,EAAlBA,EAAkBC,UAAAC,OAAlBF,IAAAD,EAAkBC,GAAAC,UAAAD,GACpBF,GACFK,aAAaL,GAEfA,EAAUM,YAAW,WACnBP,EAAQQ,WAAAC,EAAIP,GACZD,EAAU,IACX,GAAEF,EACJ,CACH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=themeUtils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"themeUtils.js","sources":["../../../src/utils/themeUtils.ts"],"sourcesContent":["import { type ThemeType, type SpacingType, type ColorsType } from \"src/types\";\n\nexport const themeSizeOrString = (\n spaceString: string,\n theme: ThemeType,\n): string =>\n typeof theme.spacing[spaceString as keyof SpacingType] === \"undefined\"\n ? spaceString\n : theme.spacing[spaceString as keyof SpacingType];\n\nexport const themeColorOrString = (\n colorString: string | undefined,\n theme: ThemeType,\n): string =>\n typeof theme.colors[colorString as keyof ColorsType] === \"undefined\"\n ? colorString || \"currentColor\"\n : theme.colors[colorString as keyof ColorsType];\n"],"names":["themeSizeOrString","spaceString","theme","spacing","themeColorOrString","colorString","colors"],"mappings":"AAEa,
|
|
1
|
+
{"version":3,"file":"themeUtils.js","sources":["../../../src/utils/themeUtils.ts"],"sourcesContent":["import { type ThemeType, type SpacingType, type ColorsType } from \"src/types\";\n\nexport const themeSizeOrString = (\n spaceString: string,\n theme: ThemeType,\n): string =>\n typeof theme.spacing[spaceString as keyof SpacingType] === \"undefined\"\n ? spaceString\n : theme.spacing[spaceString as keyof SpacingType];\n\nexport const themeColorOrString = (\n colorString: string | undefined,\n theme: ThemeType,\n): string =>\n typeof theme.colors[colorString as keyof ColorsType] === \"undefined\"\n ? colorString || \"currentColor\"\n : theme.colors[colorString as keyof ColorsType];\n"],"names":["themeSizeOrString","spaceString","theme","spacing","themeColorOrString","colorString","colors"],"mappings":"AAEa,IAAAA,EAAoB,SAC/BC,EACAC,GAEA,YAA2D,IAApDA,EAAMC,QAAQF,GACjBA,EACAC,EAAMC,QAAQF,EAFlB,EAIWG,EAAqB,SAChCC,EACAH,GAEA,YAAyD,IAAlDA,EAAMI,OAAOD,GAChBA,GAAe,eACfH,EAAMI,OAAOD,EAFjB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cruk/cruk-react-components",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "6.0.1",
|
|
4
4
|
"description": "React components implementing CRUK, RFL, SU2C & Bowelbabe designs",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"preanalyze": "npm run build-lib",
|
|
21
21
|
"analyze": "source-map-explorer lib/index.js",
|
|
22
22
|
"cypress-headless": "npx cypress run --component",
|
|
23
|
-
"cy:open": "npx cypress open --component",
|
|
23
|
+
"cy:open": "npx cypress open --component ",
|
|
24
24
|
"node-test": " node --import tsx --test-reporter=spec --test 'src/utils/__tests__/testHelpers.test.ts'",
|
|
25
25
|
"node-test-watch": "node --import tsx --test-reporter=spec --watch --test 'src/utils/__tests__/testHelpers.test.ts'",
|
|
26
26
|
"test": "npm run node-test && npm run cypress-headless",
|
|
@@ -55,9 +55,9 @@
|
|
|
55
55
|
"@cruk/eslint-config": "^4",
|
|
56
56
|
"@cypress/webpack-dev-server": "3.5.3",
|
|
57
57
|
"@cypress/webpack-preprocessor": "^6.0.0",
|
|
58
|
-
"@mdx-js/loader": "^
|
|
59
|
-
"@mdx-js/mdx": "^
|
|
60
|
-
"@mdx-js/react": "^
|
|
58
|
+
"@mdx-js/loader": "^3",
|
|
59
|
+
"@mdx-js/mdx": "^3",
|
|
60
|
+
"@mdx-js/react": "^3",
|
|
61
61
|
"@rollup/plugin-commonjs": "^26.0.0",
|
|
62
62
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
63
63
|
"@rollup/plugin-terser": "^0.4.4",
|
|
@@ -73,15 +73,15 @@
|
|
|
73
73
|
"@storybook/test": "^8.5.3",
|
|
74
74
|
"@types/assert": "^1.5.1",
|
|
75
75
|
"@types/node": "^20",
|
|
76
|
-
"@types/react": "^
|
|
77
|
-
"@types/react-dom": "^
|
|
76
|
+
"@types/react": "^19",
|
|
77
|
+
"@types/react-dom": "^19",
|
|
78
78
|
"axe-core": "^4.8.2",
|
|
79
79
|
"babel-loader": "8.3.0",
|
|
80
80
|
"babel-plugin-styled-components": "^2.0.2",
|
|
81
81
|
"chromatic": "^6.21.0",
|
|
82
|
-
"cypress": "^
|
|
83
|
-
"cypress-axe": "1.
|
|
84
|
-
"cypress-
|
|
82
|
+
"cypress": "^14",
|
|
83
|
+
"cypress-axe": "1.6.0",
|
|
84
|
+
"cypress-real-events": "^1.14.0",
|
|
85
85
|
"eslint": "^9",
|
|
86
86
|
"eslint-config-prettier": "^10",
|
|
87
87
|
"eslint-plugin-prettier": "^5",
|
|
@@ -92,8 +92,8 @@
|
|
|
92
92
|
"html-webpack-plugin": "^5.3.2",
|
|
93
93
|
"prettier": "^3",
|
|
94
94
|
"prop-types": "^15.8.1",
|
|
95
|
-
"react": "^
|
|
96
|
-
"react-dom": "^
|
|
95
|
+
"react": "^19",
|
|
96
|
+
"react-dom": "^19",
|
|
97
97
|
"rollup": "^4.22.4",
|
|
98
98
|
"rollup-plugin-typescript2": "^0.36.0",
|
|
99
99
|
"source-map-explorer": "^2.2.2",
|
|
@@ -107,15 +107,15 @@
|
|
|
107
107
|
"webpack-dev-server": "^4.7.3"
|
|
108
108
|
},
|
|
109
109
|
"peerDependencies": {
|
|
110
|
-
"react": "^
|
|
111
|
-
"react-dom": "^
|
|
110
|
+
"react": "^19",
|
|
111
|
+
"react-dom": "^19",
|
|
112
112
|
"styled-components": "^6.1.11"
|
|
113
113
|
},
|
|
114
114
|
"dependencies": {
|
|
115
115
|
"@fortawesome/fontawesome-common-types": "^6.4.2",
|
|
116
116
|
"@fortawesome/free-brands-svg-icons": "^6.4.2",
|
|
117
117
|
"@fortawesome/free-solid-svg-icons": "^6.4.2",
|
|
118
|
-
"react-focus-lock": "^2
|
|
118
|
+
"react-focus-lock": "^2",
|
|
119
119
|
"react-intersection-observer": "^9.1.0",
|
|
120
120
|
"react-is": "^18.2.0",
|
|
121
121
|
"release-it": "^17.10.0",
|
package/lib/.storybook/main.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { type ThemeType } from "../../types";
|
|
2
|
-
type ThemeProps = {
|
|
3
|
-
theme: ThemeType;
|
|
4
|
-
};
|
|
5
|
-
export declare const StyledErrorText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("../Text").TextProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
|
|
6
|
-
ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
|
|
7
|
-
}, ThemeProps>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("../Text").TextProps, "ref"> & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
|
|
8
|
-
export default StyledErrorText;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export declare const GlobalStyle: import("react").ForwardRefExoticComponent<import("styled-components").ExecutionProps & import("react").RefAttributes<import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>>> & {};
|
|
2
|
-
export default GlobalStyle;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export declare const GlobalStyleNoFontFace: import("react").ForwardRefExoticComponent<import("styled-components").ExecutionProps & import("react").RefAttributes<import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>>> & {};
|
|
2
|
-
export default GlobalStyleNoFontFace;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type ThemeType } from "../../types";
|
|
2
|
-
import { type BoxProps } from "../Box";
|
|
3
|
-
type InfoBoxProps = BoxProps & {
|
|
4
|
-
css?: string;
|
|
5
|
-
theme: ThemeType;
|
|
6
|
-
};
|
|
7
|
-
export declare const StyledInfoBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<BoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
8
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
9
|
-
}, InfoBoxProps>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<BoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
10
|
-
export default StyledInfoBox;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { type AnchorHTMLAttributes } from "react";
|
|
2
|
-
import { type TextProps } from "../Text";
|
|
3
|
-
import { type ThemeType } from "../../types";
|
|
4
|
-
type StyledLinkProps = AnchorHTMLAttributes<HTMLElement> & TextProps & {
|
|
5
|
-
theme: ThemeType;
|
|
6
|
-
$appearance?: "primary" | "secondary";
|
|
7
|
-
$textHoverColor?: string;
|
|
8
|
-
};
|
|
9
|
-
export declare const StyledLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<TextProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
|
|
10
|
-
ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
|
|
11
|
-
}, StyledLinkProps>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<TextProps, "ref"> & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
|
|
12
|
-
export default StyledLink;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { type ThemeType } from "../../types";
|
|
2
|
-
export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
|
-
export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("../Box").BoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
4
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
5
|
-
}, {
|
|
6
|
-
$backgroundColor?: string;
|
|
7
|
-
$top: string;
|
|
8
|
-
$width: string;
|
|
9
|
-
$maxWidth: string;
|
|
10
|
-
$isAnimated?: boolean;
|
|
11
|
-
theme: ThemeType;
|
|
12
|
-
}>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("../Box").BoxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
13
|
-
export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("../Button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & {
|
|
14
|
-
ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
|
|
15
|
-
}, {
|
|
16
|
-
theme: ThemeType;
|
|
17
|
-
}>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("../Button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
|
|
18
|
-
export declare const Background: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
19
|
-
theme: ThemeType;
|
|
20
|
-
$isAnimated?: boolean;
|
|
21
|
-
}>> & string;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { type ThemeType } from "../types";
|
|
3
|
-
export declare function ThemeCheatSheet({ theme }: {
|
|
4
|
-
theme?: ThemeType;
|
|
5
|
-
}): React.JSX.Element;
|
|
6
|
-
declare const _default: React.ForwardRefExoticComponent<import("styled-components").ExecutionProps & React.RefAttributes<typeof ThemeCheatSheet>> & {};
|
|
7
|
-
export default _default;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|