@cruk/chakra-components 3.1.0-dev.6 → 4.0.0-dev.2

package/dist/index.d.ts

@@ -63,10 +63,9 @@ declare const Heading6: _chakra_ui_react.ComponentWithAs<"h6", HeadingProps>;
 
 type IconProps = IconProps$1 & {
     name?: string;
+    fileName?: string;
 };
-declare const Icon: ComponentWithAs<"svg", IconProps$1 & {
-    name?: string;
-}>;
+declare const Icon: ComponentWithAs<"svg", IconProps>;
 
 type ImageProps$1 = ImageProps$2 & {
     aspectHeight?: ResponsiveValue<number>;
@@ -110,6 +109,7 @@ interface FileLinkProps extends LinkProps {
     entryType?: string;
     fileType?: string;
     fileSize?: string;
+    href?: string;
 }
 declare const Link: ComponentWithAs<"a" | "p", FileLinkProps>;
 
@@ -159,6 +159,18 @@ type CircleDeviceProps = GridProps & {
 };
 declare const CircleDevice: _chakra_ui_react.ComponentWithAs<"div", CircleDeviceProps>;
 
+type CTABannerProps = {
+    variant: "primary" | "secondary" | "primaryAlt" | "secondaryAlt";
+    alignItems: "left" | "center";
+    heading: string;
+    cta?: boolean;
+    ctaText?: string;
+    subHeading?: string;
+    body?: string;
+    href?: string;
+};
+declare const CTABanner: _chakra_ui_react.ComponentWithAs<"div", CTABannerProps>;
+
 declare const DatePicker: _chakra_ui_react.ComponentWithAs<"input", InputProps$1>;
 
 declare const Tabs: _chakra_ui_react.ComponentWithAs<"div", TabsProps>;
@@ -468,20 +480,20 @@ interface SocialProofProps extends FlexProps {
 }
 declare const SocialProof: _chakra_ui_react.ComponentWithAs<"div", SocialProofProps>;
 
+interface StepperProps extends Omit<StepperProps$1, "children"> {
+    steps: string[];
+}
+declare const Stepper: _chakra_ui_react.ComponentWithAs<"div", StepperProps>;
+
 interface Heading {
     id: string;
     text: string;
 }
-interface StickyNavigationProps {
+interface StickyNavigationProps extends BoxProps {
     headings: (Heading | string)[];
     socialMediaSharing?: ("X" | "LinkedIn" | "Facebook" | "Email")[] | null;
 }
-declare const StickyNavigation: ({ headings, socialMediaSharing, }: StickyNavigationProps) => react_jsx_runtime.JSX.Element;
-
-interface StepperProps extends Omit<StepperProps$1, "children"> {
-    steps: string[];
-}
-declare const Stepper: _chakra_ui_react.ComponentWithAs<"div", StepperProps>;
+declare const StickyNavigation: _chakra_ui_react.ComponentWithAs<"div", StickyNavigationProps>;
 
 declare const Text: _chakra_ui_react.ComponentWithAs<"p", TextProps>;
 
@@ -534,12 +546,13 @@ type VimeoEmbedProps = ChakraProps & {
 };
 declare const VimeoEmbed: _chakra_ui_react.ComponentWithAs<"div", VimeoEmbedProps>;
 
-type YouTubeEmbedProps = ChakraProps & {
+declare const YouTubeEmbed: _chakra_ui_react.ComponentWithAs<"div", ChakraProps & {
     videoID: string;
     description: string;
     aspectRatio?: number;
-};
-declare const YouTubeEmbed: _chakra_ui_react.ComponentWithAs<"div", YouTubeEmbedProps>;
+} & {
+    privacyMode?: boolean;
+}>;
 
 declare const Divider: _chakra_ui_react.ComponentWithAs<"div", DividerProps>;
 
@@ -627,7 +640,7 @@ 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: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+declare const PdfIcon$1: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
 declare const People: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
@@ -677,6 +690,24 @@ declare const Wheelchairs: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_re
 
 declare const YouTube: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
 
+declare const PdfIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const WordFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ExcelFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ZipFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const VideoFileIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
+declare const ImageIcon: _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 PrintIcon: _chakra_ui_react.ComponentWithAs<"svg", _chakra_ui_react.IconProps>;
+
 type SemanticTokensType = {
     [key: string]: string | number | object;
 };
@@ -693,5 +724,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, Avatar, Badge, Bagdrop, Breadcrumb, BreadcrumbLink, Button, Card, CardStack, CheckCircle, CheckList, CheckListUL, Checkbox, CheckboxGroup, Children, CircleDevice, Clock, CloudUpload, Cross, Date, DatePicker, DirectDebit, Divider, Dogs, DonateWidget, EmailIcon, Facebook, FileUploader, Footer, Footnote, FormField, FormLabel, FourInFour, FundraisingRegulator, GoogleMapEmbed, GooglePay, Heading$1 as Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Heart, HeartSu2c, Icon, Image, Info, Input, Instagram, Link, LinkedIn, Loader, LogoGroup, MasterCard, Microscope, Navigation, Newsletter, NumberInput, OnThisPageHeadings, OneInFour, OvarianIcon, ParagraphWithMedia, Parking, PauseIcon, PayPal, PdfIcon, People, PhoneIcon, PlayIcon, Plus, PlusSu2c, Popover, PopoverAlert, Pound, 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, VimeoEmbed, Visa, WhatsApp, Wheelchairs, X, YouTube, YouTubeEmbed, crukBrand, r4lBrand, su2cBrand };
-export type { AlertBannerProps, AtLeastOnePropertyOf, ButtonProps, CardProps, CardStackProps, CrukTheme, FooterNavigationLink, FooterProps, IconProps, ImageLink, ImageProps$1 as ImageProps, LogoGroupProps, LogoProps, NavigationProps, PopoverAlertProps, R4lTheme, ReferenceBlockContainerProps, ReferenceBlockProps, SemanticTokensType, Su2cTheme, Theme };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/chakra-components",
-  "version": "3.1.0-dev.6",
+  "version": "4.0.0-dev.2",
   "description": "Chakra UI v2 based components for CRUK applications",
   "license": "MIT",
   "sideEffects": false,
@@ -54,10 +54,10 @@
   "dependencies": {
     "@applitools/eyes-storybook": "^3.53.13",
     "@chakra-ui/icons": "^2.2.4",
-    "@chakra-ui/react": "^2.10.6",
+    "@chakra-ui/react": "^2.10.9",
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "framer-motion": "^12.4.7",
+    "@emotion/styled": "^11.14.1",
+    "framer-motion": "^12.23.12",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-dropzone": "^14.3.6",