@cruk/cruk-react-components 6.1.2 → 6.2.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.
Files changed (42) hide show
  1. package/lib/node_modules/react-intersection-observer/dist/index.js +1 -1
  2. package/lib/node_modules/react-intersection-observer/dist/index.js.map +1 -1
  3. package/lib/src/components/Checkbox/styles.js +1 -1
  4. package/lib/src/components/Checkbox/styles.js.map +1 -1
  5. package/lib/src/components/DateField/index.js +1 -1
  6. package/lib/src/components/DateField/index.js.map +1 -1
  7. package/lib/src/components/DateField/styles.d.ts +3 -0
  8. package/lib/src/components/DateField/styles.js +1 -1
  9. package/lib/src/components/DateField/styles.js.map +1 -1
  10. package/lib/src/components/GlobalStyle.js +1 -1
  11. package/lib/src/components/GlobalStyle.js.map +1 -1
  12. package/lib/src/components/LabelWrapper/index.js +1 -1
  13. package/lib/src/components/LabelWrapper/index.js.map +1 -1
  14. package/lib/src/components/LabelWrapper/styles.d.ts +3 -0
  15. package/lib/src/components/LabelWrapper/styles.js +1 -1
  16. package/lib/src/components/LabelWrapper/styles.js.map +1 -1
  17. package/lib/src/components/LegendWrapper/index.js +1 -1
  18. package/lib/src/components/LegendWrapper/index.js.map +1 -1
  19. package/lib/src/components/LegendWrapper/styles.d.ts +3 -0
  20. package/lib/src/components/LegendWrapper/styles.js +1 -1
  21. package/lib/src/components/LegendWrapper/styles.js.map +1 -1
  22. package/lib/src/components/Radio/styles.js +1 -1
  23. package/lib/src/components/Radio/styles.js.map +1 -1
  24. package/lib/src/components/RadioConsent/index.js +1 -1
  25. package/lib/src/components/RadioConsent/index.js.map +1 -1
  26. package/lib/src/components/RadioConsent/styles.d.ts +3 -11
  27. package/lib/src/components/RadioConsent/styles.js +1 -1
  28. package/lib/src/components/RadioConsent/styles.js.map +1 -1
  29. package/lib/src/components/Select/styles.js +1 -1
  30. package/lib/src/components/Select/styles.js.map +1 -1
  31. package/lib/src/components/Step/styles.js +1 -1
  32. package/lib/src/components/Step/styles.js.map +1 -1
  33. package/lib/src/components/TextAreaField/styles.js +1 -1
  34. package/lib/src/components/TextAreaField/styles.js.map +1 -1
  35. package/lib/src/components/TextField/styles.js +1 -1
  36. package/lib/src/components/TextField/styles.js.map +1 -1
  37. package/lib/src/themes/cruk.js +1 -1
  38. package/lib/src/themes/cruk.js.map +1 -1
  39. package/lib/src/themes/su2c.js +1 -1
  40. package/lib/src/themes/su2c.js.map +1 -1
  41. package/lib/src/types.d.ts +3 -1
  42. package/package.json +4 -4
@@ -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 textOnSecondary: 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.su2cBlack,\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: \"ITCAvantGarde\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/itc_-_itcavantgardepro-bold-webfont.woff`,\n fontWeight: 700,\n },\n {\n family: \"ITCAvantGarde\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/ITCAvantGardeStd-Bk.woff`,\n fontWeight: 400,\n },\n ],\n fontFamilyHeadings: \"ITCAvantGarde,Arial,sans-serif\",\n fontFamilyLinks: \"ITCAvantGarde,Arial,sans-serif\",\n fontFamilyButtons: \"ITCAvantGarde,Arial,sans-serif\",\n fontFamilyBase:\n \"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n fontFamilyLabel:\n \"ITCAvantGarde, 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: 700,\n fontWeightHeadings: 700,\n LinkPrimaryTextDecoration: \"none\",\n LinkLetterSpacing: \"0px\",\n};\n\nexport const su2cTheme: ThemeType = {\n name: \"su2c\",\n avatar: { ...AVATAR },\n breakpoint: { ...BREAKPOINT },\n button: { ...BUTTON },\n tokenColors: { ...TOKEN_COLORS },\n colors: { ...COLORS },\n spacing: { ...SPACING },\n fontSizes: { ...FONT_SIZES },\n siteConfig: { ...SITE_CONFIG },\n typography: { ...TYPOGRAPHY },\n shadows: { ...SHADOWS },\n utilities: { ...UTILITIES },\n};\n\nexport default su2cTheme;\n"],"names":["UTILITIES","__assign","defaultTheme","utilities","useBackgroundStyleLinks","SITE_CONFIG","siteConfig","logoSrc","footerCopyText","AVATAR","avatar","path","assetPath","BUTTON","button","borderRadius","borderRadiusLarge","textTransform","BREAKPOINT","breakpoint","TOKEN_COLORS","tokenColors","su2cOrange5","su2cOrange3","su2cOrange2","su2cOrange1","su2cBlack","su2cGrey1","su2cGrey2","su2cRed","su2cYellow","COLORS","colors","primary","secondary","tertiary","textHeaderDefault","textOnPrimary","textOnSecondary","avatarBorder","progressBar","progressBarSecondary","circularProgress","circularProgressSecondary","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","backgroundLightColor","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationBackground","totaliserBubbleColor","totaliserBubbleTextColor","white","totaliserBubbleTotalColor","collapseHeaderColor","check","headerTaglineText","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","grey_200","buttonPrimaryDisabledText","grey_600","buttonPrimaryDisabledBorder","buttonSecondaryBackground","buttonSecondaryText","buttonSecondaryBorder","buttonSecondaryBackgroundHover","buttonSecondaryTextHover","buttonSecondaryBorderHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","SPACING","spacing","SHADOWS","shadows","FONT_SIZES","fontSizes","TYPOGRAPHY","typography","customFonts","family","urlWoff","concat","fontWeight","fontFamilyHeadings","fontFamilyLinks","fontFamilyButtons","fontFamilyBase","fontFamilyLabel","linkTextDecoration","headerLineHeight","headerTextTransform","fontWeightBase","fontWeightLinks","fontWeightButtons","fontWeightLabels","fontWeightHeadings","LinkPrimaryTextDecoration","LinkLetterSpacing","su2cTheme","name"],"mappings":"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"}
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 textOnSecondary: 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.su2cBlack,\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: \"ITCAvantGarde\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/itc_-_itcavantgardepro-bold-webfont.woff`,\n fontWeight: 700,\n },\n {\n family: \"ITCAvantGarde\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/ITCAvantGardePro-Demi.woff`,\n fontWeight: 600,\n },\n {\n family: \"ITCAvantGarde\",\n urlWoff: `${SITE_CONFIG.assetPath}fonts/ITCAvantGardeStd-Bk.woff`,\n fontWeight: 400,\n },\n ],\n fontFamilyHeadings: \"ITCAvantGarde,Arial,sans-serif\",\n fontFamilyLinks: \"ITCAvantGarde,Arial,sans-serif\",\n fontFamilyButtons: \"ITCAvantGarde,Arial,sans-serif\",\n fontFamilyBase:\n \"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif\",\n fontFamilyLabel:\n \"ITCAvantGarde, 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 fontWeightHeadings: 700,\n LinkPrimaryTextDecoration: \"none\",\n LinkLetterSpacing: \"0px\",\n};\n\nexport const su2cTheme: ThemeType = {\n name: \"su2c\",\n avatar: { ...AVATAR },\n breakpoint: { ...BREAKPOINT },\n button: { ...BUTTON },\n tokenColors: { ...TOKEN_COLORS },\n colors: { ...COLORS },\n spacing: { ...SPACING },\n fontSizes: { ...FONT_SIZES },\n siteConfig: { ...SITE_CONFIG },\n typography: { ...TYPOGRAPHY },\n shadows: { ...SHADOWS },\n utilities: { ...UTILITIES },\n};\n\nexport default su2cTheme;\n"],"names":["UTILITIES","__assign","defaultTheme","utilities","useBackgroundStyleLinks","SITE_CONFIG","siteConfig","logoSrc","footerCopyText","AVATAR","avatar","path","assetPath","BUTTON","button","borderRadius","borderRadiusLarge","textTransform","BREAKPOINT","breakpoint","TOKEN_COLORS","tokenColors","su2cOrange5","su2cOrange3","su2cOrange2","su2cOrange1","su2cBlack","su2cGrey1","su2cGrey2","su2cRed","su2cYellow","COLORS","colors","primary","secondary","tertiary","textHeaderDefault","textOnPrimary","textOnSecondary","avatarBorder","progressBar","progressBarSecondary","circularProgress","circularProgressSecondary","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","backgroundLightColor","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationBackground","totaliserBubbleColor","totaliserBubbleTextColor","white","totaliserBubbleTotalColor","collapseHeaderColor","check","headerTaglineText","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","grey_200","buttonPrimaryDisabledText","grey_600","buttonPrimaryDisabledBorder","buttonSecondaryBackground","buttonSecondaryText","buttonSecondaryBorder","buttonSecondaryBackgroundHover","buttonSecondaryTextHover","buttonSecondaryBorderHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","SPACING","spacing","SHADOWS","shadows","FONT_SIZES","fontSizes","TYPOGRAPHY","typography","customFonts","family","urlWoff","concat","fontWeight","fontFamilyHeadings","fontFamilyLinks","fontFamilyButtons","fontFamilyBase","fontFamilyLabel","linkTextDecoration","headerLineHeight","headerTextTransform","fontWeightBase","fontWeightLinks","fontWeightButtons","fontWeightLabels","fontWeightHeadings","LinkPrimaryTextDecoration","LinkLetterSpacing","su2cTheme","name"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- export type FontSizeType = "xs" | "s" | "m" | "l" | "xl" | "xxl" | "xxxl" | "xxxxl";
1
+ export type FontSizeType = "xs" | "s" | "m" | "ml" | "l" | "xl" | "xxl" | "xxxl" | "xxxxl";
2
2
  export type FontSizesType = Record<FontSizeType, string>;
3
3
  export type UtilitiesType = {
4
4
  contentMaxWidth: string;
@@ -56,6 +56,7 @@ export type ColorsType = {
56
56
  textError: string;
57
57
  textDark: string;
58
58
  textLight: string;
59
+ textMid: string;
59
60
  linkColor: string;
60
61
  linkColorHover: string;
61
62
  linkColorSecondary: string;
@@ -122,6 +123,7 @@ export type ColorKeyType = keyof ColorsType;
122
123
  export type SpaceType = "auto" | "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "none";
123
124
  export type SpacingType = {
124
125
  auto: string;
126
+ xxxs: string;
125
127
  xxs: string;
126
128
  xs: string;
127
129
  s: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cruk/cruk-react-components",
3
- "version": "6.1.2",
3
+ "version": "6.2.1",
4
4
  "description": "React components implementing CRUK, RFL, SU2C & Bowelbabe designs",
5
5
  "license": "MIT",
6
6
  "publishConfig": {
@@ -49,7 +49,7 @@
49
49
  "@mdx-js/mdx": "^3",
50
50
  "@mdx-js/react": "^3",
51
51
  "@playwright/experimental-ct-react": "^1.51.0",
52
- "@rollup/plugin-commonjs": "^28.0.6",
52
+ "@rollup/plugin-commonjs": "^29.0.0",
53
53
  "@rollup/plugin-node-resolve": "^15.2.3",
54
54
  "@rollup/plugin-terser": "^0.4.4",
55
55
  "@rollup/plugin-typescript": "^11.1.6",
@@ -63,7 +63,7 @@
63
63
  "@types/react-dom": "^19",
64
64
  "@vitejs/plugin-legacy": "^7",
65
65
  "@vitejs/plugin-react-swc": "^3.11.0",
66
- "chromatic": "^11.28.2",
66
+ "chromatic": "^13.3.4",
67
67
  "eslint": "^9",
68
68
  "eslint-plugin-react": "^7.37.4",
69
69
  "eslint-plugin-react-hooks": "^5.1.0",
@@ -93,7 +93,7 @@
93
93
  "@fortawesome/free-solid-svg-icons": "^7",
94
94
  "@swc/plugin-styled-components": "^10",
95
95
  "react-focus-lock": "^2.13.6",
96
- "react-intersection-observer": "^9.1.0",
96
+ "react-intersection-observer": "^10.0.0",
97
97
  "react-is": "^19",
98
98
  "styled-components": "^6.1.11",
99
99
  "vite": "^7",