@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.
- package/lib/node_modules/react-intersection-observer/dist/index.js +1 -1
- package/lib/node_modules/react-intersection-observer/dist/index.js.map +1 -1
- package/lib/src/components/Checkbox/styles.js +1 -1
- package/lib/src/components/Checkbox/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.d.ts +3 -0
- package/lib/src/components/DateField/styles.js +1 -1
- package/lib/src/components/DateField/styles.js.map +1 -1
- package/lib/src/components/GlobalStyle.js +1 -1
- package/lib/src/components/GlobalStyle.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.d.ts +3 -0
- package/lib/src/components/LabelWrapper/styles.js +1 -1
- 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.d.ts +3 -0
- package/lib/src/components/LegendWrapper/styles.js +1 -1
- package/lib/src/components/LegendWrapper/styles.js.map +1 -1
- package/lib/src/components/Radio/styles.js +1 -1
- 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.d.ts +3 -11
- package/lib/src/components/RadioConsent/styles.js +1 -1
- package/lib/src/components/RadioConsent/styles.js.map +1 -1
- package/lib/src/components/Select/styles.js +1 -1
- package/lib/src/components/Select/styles.js.map +1 -1
- package/lib/src/components/Step/styles.js +1 -1
- package/lib/src/components/Step/styles.js.map +1 -1
- package/lib/src/components/TextAreaField/styles.js +1 -1
- package/lib/src/components/TextAreaField/styles.js.map +1 -1
- package/lib/src/components/TextField/styles.js +1 -1
- package/lib/src/components/TextField/styles.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/su2c.js +1 -1
- package/lib/src/themes/su2c.js.map +1 -1
- package/lib/src/types.d.ts +3 -1
- 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":"uGAiBO,IAAMA,EAASC,EAAAA,EAAA,CAAA,EACjBC,EAAaC,WAAS,CACzBC,yBAAyB,IAGdC,EAAWJ,EAAAA,EAAA,CAAA,EACnBC,EAAaI,YAAU,CAC1BC,QAAS,oEACTC,eACE,sgBAGSC,EAAMR,EAAAA,EAAA,CAAA,EACdC,EAAaQ,QAAM,CACtBC,KAAM,UAAGN,EAAYO,UAAS,yBAGnBC,EAAMZ,EAAAA,EAAA,CAAA,EACdC,EAAaY,SAChBC,aAAc,SACdC,kBAAmB,OACnBC,cAAe,cAGJC,EAAUjB,EAAA,GAClBC,EAAaiB,YAGLC,EAAYnB,EAAAA,EAAA,CAAA,EACpBC,EAAamB,cAChBC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,YAAa,UACbC,UAAW,UACXC,UAAW,UACXC,UAAW,UACXC,QAAS,UACTC,WAAY,YAGDC,EAAM9B,EAAAA,EAAA,CAAA,EACdC,EAAa8B,QAAM,CACtBC,QAASb,EAAaE,YACtBY,UAAWd,EAAaE,YACxBa,SAAUf,EAAaM,UACvBU,kBAAmBhB,EAAaM,UAEhCW,cAAejB,EAAaM,UAC5BY,gBAAiBlB,EAAaM,UAE9Ba,aAAcnB,EAAaM,UAC3Bc,YAAapB,EAAaE,YAC1BmB,qBAAsBrB,EAAaS,QACnCa,iBAAkBtB,EAAaG,YAC/BoB,0BAA2BvB,EAAaS,QACxCe,UAAWxB,EAAaE,YACxBuB,eAAgBzB,EAAaS,QAC7BiB,mBAAoB1B,EAAaE,YACjCyB,wBAAyB3B,EAAaS,QAEtCmB,qBAAsB5B,EAAaI,YAEnCyB,aAAc7B,EAAaE,YAC3B4B,aAAc9B,EAAaS,QAC3BsB,aAAc/B,EAAaM,UAE3B0B,eAAgBhC,EAAaM,UAC7B2B,qBAAsBjC,EAAaM,UAEnC4B,qBAAsBlC,EAAaM,UACnC6B,yBAA0BnC,EAAaoC,MACvCC,0BAA2BrC,EAAaoC,MAExCE,oBAAqBtC,EAAaE,YAClCqC,MAAOvC,EAAaM,UAEpBkC,kBAAmBxC,EAAaM,UAEhCmC,wBAAyBzC,EAAaE,YACtCwC,kBAAmB1C,EAAaM,UAChCqC,oBAAqB3C,EAAaE,YAClC0C,6BAA8B5C,EAAaG,YAC3C0C,uBAAwB7C,EAAaM,UACrCwC,yBAA0B9C,EAAaG,YACvC4C,gCAAiC/C,EAAagD,SAC9CC,0BAA2BjD,EAAakD,SACxCC,4BAA6BnD,EAAagD,SAE1CI,0BAA2BpD,EAAaoC,MACxCiB,oBAAqBrD,EAAaE,YAClCoD,sBAAuBtD,EAAaE,YACpCqD,+BAAgCvD,EAAaK,YAC7CmD,yBAA0BxD,EAAaE,YACvCuD,2BAA4BzD,EAAaE,YACzCwD,kCAAmC1D,EAAaoC,MAChDuB,4BAA6B3D,EAAagD,SAC1CY,8BAA+B5D,EAAagD,SAE5Ca,mBAAoB7D,EAAaE,YACjC4D,wBAAyB9D,EAAaE,YACtC6D,2BAA4B/D,EAAagD,WAG9BgB,EAAOnF,EAAA,GACfC,EAAamF,SAGLC,EAAOrF,EAAA,GACfC,EAAaqF,SAGLC,EAAUvF,EAAA,GAClBC,EAAauF,WAGLC,EAAUzF,EAAAA,EAAA,CAAA,EAClBC,EAAayF,YAAU,CAC1BC,YAAa,CACX,CACEC,OAAQ,gBACRC,QAAS,GAAAC,OAAG1F,EAAYO,UAAS,kDACjCoF,WAAY,KAEd,CACEH,OAAQ,gBACRC,QAAS,GAAAC,OAAG1F,EAAYO,UAAS,oCACjCoF,WAAY,KAEd,CACEH,OAAQ,gBACRC,QAAS,GAAAC,OAAG1F,EAAYO,UAAS,kCACjCoF,WAAY,MAGhBC,mBAAoB,iCACpBC,gBAAiB,iCACjBC,kBAAmB,iCACnBC,eACE,0FACFC,gBACE,0FACFC,mBAAoB,OACpBC,iBAAkB,QAClBC,oBAAqB,YACrBC,eAAgB,IAChBC,gBAAiB,IACjBC,kBAAmB,IACnBC,iBAAkB,IAClBC,mBAAoB,IACpBC,0BAA2B,OAC3BC,kBAAmB,QAGRC,EAAuB,CAClCC,KAAM,OACNvG,OAAMT,EAAA,CAAA,EAAOQ,GACbU,WAAUlB,EAAA,CAAA,EAAOiB,GACjBJ,OAAMb,EAAA,CAAA,EAAOY,GACbQ,YAAWpB,EAAA,CAAA,EAAOmB,GAClBY,OAAM/B,EAAA,CAAA,EAAO8B,GACbsD,QAAOpF,EAAA,CAAA,EAAOmF,GACdK,UAASxF,EAAA,CAAA,EAAOuF,GAChBlF,WAAUL,EAAA,CAAA,EAAOI,GACjBsF,WAAU1F,EAAA,CAAA,EAAOyF,GACjBH,QAAOtF,EAAA,CAAA,EAAOqF,GACdnF,UAASF,EAAA,CAAA,EAAOD"}
|
package/lib/src/types.d.ts
CHANGED
|
@@ -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
|
|
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": "^
|
|
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": "^
|
|
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": "^
|
|
96
|
+
"react-intersection-observer": "^10.0.0",
|
|
97
97
|
"react-is": "^19",
|
|
98
98
|
"styled-components": "^6.1.11",
|
|
99
99
|
"vite": "^7",
|