@cruk/chakra-components 4.0.0-dev.4 → 4.0.0-dev.40

package/dist/index.d.ts

@@ -1,11 +1,12 @@
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { AccordionProps, AvatarProps, BoxProps, BreadcrumbItemProps, BreadcrumbLinkProps as BreadcrumbLinkProps$1, ButtonProps as ButtonProps$1, HeadingProps, IconProps as IconProps$1, ComponentWithAs, ImageProps as ImageProps$2, ResponsiveValue, ContainerProps, ProgressProps as ProgressProps$1, ChakraProps, LinkProps as LinkProps$1, CardProps as CardProps$1, StackProps, TagProps, CheckboxProps, CheckboxGroupProps, GridProps, InputProps as InputProps$1, TabsProps, FlexProps, FormLabelProps as FormLabelProps$1, ListItemProps, ListProps, NumberInputFieldProps, NumberInputProps, PopoverProps, StepperProps as StepperProps$1, TextProps, TextareaProps, RadioGroupProps, DividerProps, TableProps } from '@chakra-ui/react';
-export { AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AvatarBadge, AvatarGroup, Box, BoxProps, BreadcrumbItem, BreadcrumbItemProps, ButtonGroup, ChakraBaseProvider, Container, Flex, FlexProps, FormControl, FormErrorMessage, FormHelperText, Grid, GridItem, HStack, HeadingProps, InputAddon, InputGroup, InputLeftAddon, InputLeftElement, InputRightAddon, InputRightElement, LinkOverlay, List, ListIcon, ListItem, OrderedList, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverProps, PopoverTrigger, Portal, Radio, RadioGroup, Select, SimpleGrid, Stack, Tab, TabList, TabPanel, TabPanels, TableContainer, Tag, TagProps, Tbody, Td, TextProps, Textarea, TextareaProps, Th, Thead, Tr, UnorderedList, VStack, VisuallyHidden, Wrap, WrapItem, extendBaseTheme } from '@chakra-ui/react';
+import { AccordionProps, AvatarProps, BoxProps, BreadcrumbItemProps, BreadcrumbLinkProps as BreadcrumbLinkProps$1, ButtonProps as ButtonProps$1, HeadingProps, IconProps as IconProps$1, ComponentWithAs, ImageProps as ImageProps$2, ResponsiveValue, ContainerProps, ProgressProps as ProgressProps$1, ChakraProps, LinkProps as LinkProps$1, CardProps as CardProps$1, StackProps, TagProps, CheckboxProps, CheckboxGroupProps, GridProps, InputProps as InputProps$1, TabsProps, FlexProps, HTMLChakraProps, FormLabelProps as FormLabelProps$1, ListItemProps, ListProps, NumberInputFieldProps, NumberInputProps, PopoverProps, StepperProps as StepperProps$1, TextProps, TextareaProps, RadioGroupProps, DividerProps, TableProps } from '@chakra-ui/react';
+export { AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, AvatarBadge, AvatarGroup, Box, BoxProps, BreadcrumbItem, BreadcrumbItemProps, ButtonGroup, ChakraBaseProvider, Container, Flex, FlexProps, FormControl, Grid, GridItem, HStack, HeadingProps, IconButton, IconButtonProps, InputAddon, InputGroup, InputLeftAddon, InputLeftElement, InputRightAddon, InputRightElement, LinkOverlay, List, ListIcon, ListItem, Menu, MenuButton, MenuButtonProps, MenuItem, MenuItemProps, MenuList, MenuListProps, MenuProps, Modal, ModalCloseButton, ModalCloseButtonProps, ModalContent, ModalContentProps, ModalFooter, ModalFooterProps, ModalHeader, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalProps, OrderedList, PopoverAnchor, PopoverArrow, PopoverBody, PopoverCloseButton, PopoverContent, PopoverFooter, PopoverHeader, PopoverProps, PopoverTrigger, Portal, Radio, RadioGroup, Select, SimpleGrid, Skeleton, SkeletonCircle, SkeletonOptions, SkeletonProps, SkeletonText, SkeletonTextProps, Stack, Tab, TabList, TabPanel, TabPanels, TableBodyProps, TableCaption, TableCaptionProps, TableCellProps, TableColumnHeaderProps, TableContainer, TableContainerProps, TableHeadProps, TableProps, TableRowProps, Tag, TagProps, Tbody, Td, TextProps, Textarea, TextareaProps, Th, Thead, Tooltip, TooltipProps, Tr, UnorderedList, VStack, VisuallyHidden, Wrap, WrapItem, extendBaseTheme } from '@chakra-ui/react';
 import * as React$1 from 'react';
-import React__default, { HTMLAttributes, CSSProperties, ElementType, ReactElement, ChangeEventHandler, FC, ReactNode } from 'react';
+import React__default, { HTMLAttributes, CSSProperties, ElementType, ReactElement, ReactNode, ChangeEventHandler, FC } from 'react';
 import * as _chakra_ui_icons from '@chakra-ui/icons';
 export { AddIcon, ArrowBackIcon, ArrowDownIcon, ArrowForwardIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AtSignIcon, AttachmentIcon, BellIcon, CalendarIcon, ChatIcon, CheckCircleIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, DeleteIcon, DownloadIcon, DragHandleIcon, EditIcon, ExternalLinkIcon, HamburgerIcon, InfoIcon, InfoOutlineIcon, LinkIcon, LockIcon, MinusIcon, MoonIcon, NotAllowedIcon, PlusSquareIcon, QuestionIcon, QuestionOutlineIcon, ReactIcon, RepeatClockIcon, RepeatIcon, Search2Icon, SearchIcon, SettingsIcon, SmallAddIcon, SmallCloseIcon, SpinnerIcon, StarIcon, SunIcon, TimeIcon, TriangleDownIcon, TriangleUpIcon, UnlockIcon, UpDownIcon, ViewIcon, ViewOffIcon, WarningIcon, WarningTwoIcon } from '@chakra-ui/icons';
 import { FileRejection } from 'react-dropzone';
+import { ThemingProps } from '@chakra-ui/styled-system';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 declare const crukBrand: Record<string, any>;
@@ -28,13 +29,13 @@ declare const variants: {
 type VariantType = (typeof variants)[keyof typeof variants];
 type AlertBannerProps = HTMLAttributes<HTMLDivElement> & {
     /** The description for the alert banner. */
-    description: React.ReactElement | string;
+    description: React__default.ReactElement | string;
     /** Determines the colour of the alert border. */
     variant: VariantType;
     /** The heading for the alert banner text. */
-    heading?: React.ReactElement | string;
+    heading?: React__default.ReactElement | string;
     /** The icon for the alert banner. */
-    icon?: React.ReactElement | string | null;
+    icon?: React__default.ReactElement | string | null;
 };
 declare const AlertBanner: _chakra_ui_react.ComponentWithAs<"div", AlertBannerProps>;
 
@@ -96,6 +97,11 @@ type SingleStatisticsProps = ProgressProps$1 & {
         style?: CSSProperties | undefined;
         color?: ChakraProps["color"];
     };
+    /**
+     * Indicates alternative/secondary visual treatment.
+     * Note: this currently only affects height calculations and no longer
+     * influences color or track styling (e.g. chooseTrackColor was removed).
+     */
     hasSecondaryStyling?: boolean;
 };
 declare const SingleStatistics: _chakra_ui_react.ComponentWithAs<"div", SingleStatisticsProps>;
@@ -118,7 +124,7 @@ type CardProps = CardProps$1 & {
     icon?: IconProps;
     label?: string;
     heading?: HeadingProps;
-    description?: React.ReactElement;
+    description?: React__default.ReactElement;
     button?: ButtonProps;
     link?: LinkProps;
     href?: string;
@@ -132,7 +138,7 @@ type CardProps = CardProps$1 & {
 declare const Card: _chakra_ui_icons.ComponentWithAs<"div", CardProps>;
 type CardStackProps = StackProps & {
     heading?: HeadingProps;
-    description?: React.ReactElement;
+    description?: React__default.ReactElement;
     hasSteps?: boolean;
     numberOfColumns?: ResponsiveValue<number>;
     cards?: CardProps[];
@@ -155,7 +161,8 @@ type ImageProps = {
 type CircleDeviceProps = GridProps & {
     heading?: HeadingProps;
     description?: React.ReactElement | string;
-    image: ImageProps;
+    image?: ImageProps;
+    colorVariant?: string;
 };
 declare const CircleDevice: _chakra_ui_react.ComponentWithAs<"div", CircleDeviceProps>;
 
@@ -166,7 +173,7 @@ type CTABannerProps = {
     cta?: boolean;
     ctaText?: string;
     subHeading?: string;
-    body?: string;
+    body?: ReactElement | string;
     href?: string;
 };
 declare const CTABanner: _chakra_ui_react.ComponentWithAs<"div", CTABannerProps>;
@@ -204,6 +211,7 @@ type TabProps = {
 interface DonateWidgetProps extends TabsProps {
     tabs: TabProps[];
     formAction: string;
+    defaultTabIndex?: number;
 }
 declare const DonateWidget: _chakra_ui_react.ComponentWithAs<"div", DonateWidgetProps>;
 
@@ -247,12 +255,12 @@ interface SocialLink extends IconProps {
     openInNewTab?: boolean;
 }
 interface FooterProps extends ContainerProps {
-    ourPartners?: React.ReactElement;
+    ourPartners?: React__default.ReactElement;
     socialLinks?: Array<SocialLink>;
     textLinks?: Array<FooterNavigationLink>;
     imageLinks?: Array<ImageLink>;
     registrationDetails: string;
-    strokeHeading?: React.ReactNode;
+    strokeHeading?: React__default.ReactNode;
     numberOfColumns?: {
         base?: number;
         sm?: number;
@@ -265,6 +273,12 @@ declare const Footer: _chakra_ui_react.ComponentWithAs<"div", FooterProps>;
 
 declare const Footnote: _chakra_ui_react.ComponentWithAs<"div", FlexProps>;
 
+interface FormErrorMessageProps extends HTMLChakraProps<"div">, ThemingProps<"FormError"> {
+}
+declare const FormErrorMessage: _chakra_ui_react.ComponentWithAs<"div", FormErrorMessageProps>;
+
+declare const FormHelperText: _chakra_ui_react.ComponentWithAs<"div", HTMLChakraProps<"div">>;
+
 type FormLabelProps = FormLabelProps$1 & {
     optionalIndicator?: React.ReactNode;
 };
@@ -308,6 +322,7 @@ type InputProps = InputProps$1 & {
 declare const Input: _chakra_ui_react.ComponentWithAs<"input", InputProps>;
 
 interface CheckListItemProps extends ListItemProps {
+    iconAlignment?: "top" | "center";
     children: React__default.ReactNode;
 }
 declare const CheckListUL: _chakra_ui_icons.ComponentWithAs<"ul", ListProps>;
@@ -389,6 +404,16 @@ interface ProgressProps extends ProgressProps$1 {
 }
 declare const ProgressBar: _chakra_ui_react.ComponentWithAs<React$1.ElementType, ProgressProps>;
 
+type PromotionalBannerDesign = "Magenta gradient" | "Solid navy";
+type PromotionalBannerProps = {
+    design: PromotionalBannerDesign;
+    promotionalTitle?: string;
+    promotionalInformation?: string;
+    promotionalTerms?: ReactNode;
+    discountCode?: string;
+};
+declare const PromotionalBanner: _chakra_ui_react.ComponentWithAs<"div", PromotionalBannerProps>;
+
 type Attributes = {
     value: string;
     option: string;
@@ -404,7 +429,7 @@ declare const RadioConsent: _chakra_ui_react.ComponentWithAs<"div", RadioConsent
 
 type Reference = {
     id: string;
-    text: React.ReactElement | string;
+    text: React__default.ReactElement | string;
     contentLink: string;
 };
 interface ReferenceBlockProps extends ContainerProps {
@@ -443,12 +468,12 @@ declare const SideNav: ComponentWithAs<"div", SideNavProps>;
 
 type SimpleHeaderProps = FlexProps & {
     heading: HeadingProps;
-    subheading?: React.ReactNode;
+    subheading?: React__default.ReactNode;
     button?: ButtonProps;
     link?: LinkProps;
     tag?: string;
     date?: string;
-    share?: React.ReactElement;
+    share?: React__default.ReactElement;
 };
 declare const SimpleHeader: _chakra_ui_react.ComponentWithAs<"div", SimpleHeaderProps>;
 
@@ -557,7 +582,7 @@ declare const YouTubeEmbed: _chakra_ui_react.ComponentWithAs<"div", ChakraProps
 declare const Divider: _chakra_ui_react.ComponentWithAs<"div", DividerProps>;
 
 interface OnThisPageProps extends ChakraProps {
-    children: React__default.ReactNode;
+    children?: React__default.ReactNode;
 }
 declare const OnThisPageHeadings: _chakra_ui_react.ComponentWithAs<"div", OnThisPageProps>;
 
@@ -570,28 +595,68 @@ declare const SpotifyEmbed: _chakra_ui_react.ComponentWithAs<"div", SpotifyEmbed
 
 declare const Table: _chakra_ui_react.ComponentWithAs<"table", TableProps>;
 
+declare const TenK: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const TenKCircle: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const OneInFour: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const TwoInFour: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const ThreeInFour: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const ThreeK: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ThreeKCircle: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const FourInFour: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const FiveK: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const FiveKCircle: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Add: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Adult: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const Alert: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const AmlCml: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const AnalCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Apple: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const ArrownDown: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const ArrowDown: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ArrowEconomicBenefits: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const ArrowReturnUpIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const ArrownUp: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const ArrowUp: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const Bagdrop: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const BileDuctCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const BladderCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const BlueSky: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const BoneCancer: (props: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const BowelCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const BrainCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const BreastCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Building: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const CarcinoidCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const CervicalCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const CheckCircle: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const Children: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
@@ -600,39 +665,131 @@ declare const Clock: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.Ic
 
 declare const CloudUpload: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const Cog: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Course: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Cross: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const Cursor: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Date: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const DirectDebit: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const Documents: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Dogs: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const EmailIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const EndometrialCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const EyeCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Facebook: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const AudioFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const CodeIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ExcelFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ImageIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const PdfIcon$1: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const PrintIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const VideoFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const WordFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ZipFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const FileUpload: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Flask: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const FlaskCircle: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const FlaskR4lGradientCircle: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const FlaskSu2c: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const FundraisingRegulator: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const GallbladderCancer: (props: React.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+
+declare const Globe: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const GooglePay: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const GttCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const GynaeCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Handshake: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const HeadShouldersX3: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const HeadShouldersX4: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Heart: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const HeartSu2c: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const HodgkinLymphoma: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Info: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const Instagram: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const KidneyCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const LaryngealCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const LinkedIn: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const LiverCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Location: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const LungCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const MagnifyingGlass: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Mail: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const MasterCard: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const Megaphone: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const MesotheliomaCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Microscope: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const Mortarboard: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const MouthCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const MyelomaCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const NasalSinusCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const NasopharyngealCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Network: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const News: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Newsletter: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const OvarianIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const OesophagealCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const OvarianCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const PancreaticCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const Parking: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
@@ -640,12 +797,16 @@ declare const PauseIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_reac
 
 declare const PayPal: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const PdfIcon$1: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const PdfIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const PenileCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const People: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const PhoneIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const Pills: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const PlayIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const Plus: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
@@ -654,59 +815,81 @@ declare const PlusSu2c: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react
 
 declare const Pound: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const PrettyMuddy: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const PrettyMuddyCircle: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ProstateCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Pushchair: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const QuoteIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const Refreshments: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const Rocket: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Royalties: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const SafetyNettingShield: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const SalivaryGlandCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Science: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Share: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const Shower: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const SkinCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const SpeechBubble: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const StomachCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const Success: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const Syringe: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const Target: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const TenPoundsCircle: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const TesticularCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const TestTube: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const ThumbsUp: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const ThumbsUpSu2c: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const ThyroidCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 declare const TikTok: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const Toilets: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const X: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const Venue: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
-
-declare const Visa: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
-
-declare const WhatsApp: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
-
-declare const Wheelchairs: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
-
-declare const YouTube: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const UpperGiCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const PdfIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const UrologicalCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const WordFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const VaginaCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const ExcelFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const Venue: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const ZipFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const Visa: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const VideoFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const VulvalCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const ImageIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const WhatsApp: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const AudioFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const Wheelchairs: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const CodeIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const WombCancer: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
-declare const PrintIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const YouTube: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 type SemanticTokensType = {
     [key: string]: string | number | object;
@@ -724,5 +907,5 @@ type R4lTheme = Theme$2;
 type Su2cTheme = Theme$1;
 type Theme = CrukTheme | R4lTheme | Su2cTheme;
 
-export { Accordion, Adult, Alert, AlertBanner, Apple, ArrownDown as ArrowDown, ArrowDownListItem, ArrowReturnUpIcon, ArrownUp as ArrowUp, AudioFileIcon, Avatar, Badge, Bagdrop, Breadcrumb, BreadcrumbLink, Button, CTABanner, Card, CardStack, CheckCircle, CheckList, CheckListUL, Checkbox, CheckboxGroup, Children, CircleDevice, Clock, CloudUpload, CodeIcon, Cross, Date, DatePicker, DirectDebit, Divider, Dogs, DonateWidget, EmailIcon, ExcelFileIcon, Facebook, FileUploader, Footer, Footnote, FormField, FormLabel, FourInFour, FundraisingRegulator, GoogleMapEmbed, GooglePay, Heading$1 as Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Heart, HeartSu2c, Icon, Image, ImageIcon, Info, Input, Instagram, Link, LinkedIn, Loader, LogoGroup, MasterCard, Microscope, Navigation, Newsletter, NumberInput, OnThisPageHeadings, OneInFour, OvarianIcon, ParagraphWithMedia, Parking, PauseIcon, PayPal, PdfIcon as PdfFileIcon, PdfIcon$1 as PdfIcon, People, PhoneIcon, PlayIcon, Plus, PlusSu2c, Popover, PopoverAlert, Pound, PrintIcon, ProgressBar, Pushchair, QuoteIcon, RadioConsent, ReferenceBlock, ReferenceBlockContainer, Refreshments, RichHeader, Royalties, Share, Shower, SideNav, SimpleHeader, SingleStatistics, SocialProof, SpeechBubble, SpotifyEmbed, Stepper, StickyNavigation, Success, Table, Tabs, Text, TextTruncate, TextareaWithWordCount, ThreeInFour, ThumbsUp, ThumbsUpSu2c, TikTok, ToggleGroup, Toilets, Totaliser, TwoBlockStatistics, TwoInFour, Venue, Video, VideoFileIcon, VimeoEmbed, Visa, WhatsApp, Wheelchairs, WordFileIcon, X, YouTube, YouTubeEmbed, ZipFileIcon, crukBrand, r4lBrand, su2cBrand };
-export type { AlertBannerProps, AtLeastOnePropertyOf, ButtonProps, CTABannerProps, CardProps, CardStackProps, CrukTheme, FooterNavigationLink, FooterProps, IconProps, ImageLink, ImageProps$1 as ImageProps, LogoGroupProps, LogoProps, NavigationProps, PopoverAlertProps, R4lTheme, ReferenceBlockContainerProps, ReferenceBlockProps, SemanticTokensType, Su2cTheme, Theme };
+export { Accordion, Add, Adult, Alert, AlertBanner, AmlCml as AmlCmlCancer, AnalCancer, Apple, ArrowDown, ArrowDownListItem, ArrowEconomicBenefits, ArrowReturnUpIcon, ArrowUp, AudioFileIcon, Avatar, Badge, Bagdrop, BileDuctCancer, BladderCancer, BlueSky, BoneCancer, BowelCancer, BrainCancer, Breadcrumb, BreadcrumbLink, BreastCancer, Building, Button, CTABanner, CarcinoidCancer, Card, CardStack, CervicalCancer, CheckCircle, CheckList, CheckListUL, Checkbox, CheckboxGroup, Children, CircleDevice, Clock, CloudUpload, CodeIcon, Cog, Course, Cross, Cursor, Date, DatePicker, DirectDebit, Divider, Documents, Dogs, DonateWidget, EmailIcon, EndometrialCancer, ExcelFileIcon, EyeCancer, Facebook, FileUpload, FileUploader, FiveK, FiveKCircle, Flask, FlaskCircle, FlaskR4lGradientCircle, FlaskSu2c, Footer, Footnote, FormErrorMessage, FormField, FormHelperText, FormLabel, FourInFour, FundraisingRegulator, GallbladderCancer, Globe, GoogleMapEmbed, GooglePay, GttCancer, GynaeCancer, Handshake, HeadShouldersX3, HeadShouldersX4, Heading$1 as Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Heart, HeartSu2c, HodgkinLymphoma, Icon, Image, ImageIcon, Info, Input, Instagram, KidneyCancer, LaryngealCancer, Link, LinkedIn, LiverCancer, Loader, Location, LogoGroup, LungCancer, MagnifyingGlass, Mail, MasterCard, Megaphone, MesotheliomaCancer, Microscope, Mortarboard, MouthCancer, MyelomaCancer, NasalSinusCancer, NasopharyngealCancer, Navigation, Network, News, Newsletter, NumberInput, OesophagealCancer, OnThisPageHeadings, OneInFour, OvarianCancer, PancreaticCancer, ParagraphWithMedia, Parking, PauseIcon, PayPal, PdfIcon$1 as PdfFileIcon, PdfIcon, PenileCancer, People, PhoneIcon, Pills, PlayIcon, Plus, PlusSu2c, Popover, PopoverAlert, Pound, PrettyMuddy, PrettyMuddyCircle, PrintIcon, ProgressBar, PromotionalBanner, ProstateCancer, Pushchair, QuoteIcon, RadioConsent, ReferenceBlock, ReferenceBlockContainer, Refreshments, RichHeader, Rocket, Royalties, SafetyNettingShield, SalivaryGlandCancer, Science, Share, Shower, SideNav, SimpleHeader, SingleStatistics, SkinCancer, SocialProof, SpeechBubble, SpotifyEmbed, Stepper, StickyNavigation, StomachCancer, Success, Syringe, Table, Tabs, Target, TenK, TenKCircle, TenPoundsCircle, TestTube, TesticularCancer, Text, TextTruncate, TextareaWithWordCount, ThreeInFour, ThreeK, ThreeKCircle, ThumbsUp, ThumbsUpSu2c, ThyroidCancer, TikTok, ToggleGroup, Toilets, Totaliser, TwoBlockStatistics, TwoInFour, UpperGiCancer, UrologicalCancer, VaginaCancer, Venue, Video, VideoFileIcon, VimeoEmbed, Visa, VulvalCancer, WhatsApp, Wheelchairs, WombCancer, WordFileIcon, X, YouTube, YouTubeEmbed, ZipFileIcon, crukBrand, r4lBrand, su2cBrand };
+export type { AlertBannerProps, AtLeastOnePropertyOf, ButtonProps, CTABannerProps, CardProps, CardStackProps, CrukTheme, FooterNavigationLink, FooterProps, IconProps, ImageLink, ImageProps$1 as ImageProps, LogoGroupProps, LogoProps, NavigationProps, PopoverAlertProps, PromotionalBannerDesign, PromotionalBannerProps, R4lTheme, ReferenceBlockContainerProps, ReferenceBlockProps, SemanticTokensType, Su2cTheme, Theme };