@uob-web-and-digital/component-library 0.0.62 → 0.0.64

package/dist/components/organisms/ImageBlock/ImageBlock.d.ts

@@ -4,6 +4,7 @@ import { HeadingProps } from '../../molecules/Heading/Heading';
 import { CardImageProps } from '../../molecules/CardImage/CardImage';
 export interface ImageBlockProps extends HeadingProps {
     fullWidth: boolean;
+    makeHeadingFullWidth?: boolean;
     images?: Omit<CardImageProps, 'theme' | 'inverse'>[];
 }
-export default function ImageBlock({ theme, inverse, title, description, linkProps, fullWidth, images }: ImageBlockProps): ReactElement | null;
+export default function ImageBlock({ theme, inverse, title, description, linkProps, fullWidth, makeHeadingFullWidth, images }: ImageBlockProps): ReactElement | null;

package/dist/components/organisms/IntroText/IntroText.d.ts

@@ -10,6 +10,7 @@ export interface IntroTextProps {
      * Whether to inverse the colours
      */
     inverse?: boolean;
+    fullWidth?: boolean;
     text: string;
 }
-export default function IntroText({ text, theme, inverse }: IntroTextProps): ReactElement;
+export default function IntroText({ text, theme, inverse, fullWidth }: IntroTextProps): ReactElement;

package/dist/components/organisms/IntroText/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import { IntroTextProps } from './IntroText';
+export declare const introTextProps: IntroTextProps;

package/dist/components/organisms/StaffListingCarousel/StaffListingCarousel.d.ts

@@ -9,6 +9,7 @@ export interface StaffListingCarouselProps {
     fullWidth?: boolean;
     heading: string;
     cards: CardStaffProps[];
+    headingStyle?: 'news' | null;
     singleLink: LinkWithArrowProps;
 }
-export default function StaffListingCarousel({ theme, inverse, fullWidth, heading, cards, singleLink }: StaffListingCarouselProps): ReactElement;
+export default function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink }: StaffListingCarouselProps): ReactElement;

package/dist/components/organisms/StaffListingCarousel/StaffListingCarousel.stories.d.ts

@@ -8,5 +8,6 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const ExampleThreeOrMoreStaff: Story;
+export declare const ExampleWithNewsStyleHeading: Story;
 export declare const ExampleOneStaff: Story;
 export declare const ExampleTwoStaff: Story;

package/dist/components/organisms/TextWithBackground/TextWithBackground.d.ts

@@ -17,5 +17,6 @@ export interface TextWithBackgroundProps {
     linkTitle?: string;
     externalLink?: boolean;
     linkStyle?: 'primary' | 'secondary' | 'paragraph-link';
+    fullWidth?: boolean;
 }
-export default function TextWithBackground({ text, theme, inverse, headingLevel, headingText, url, linkTitle, externalLink, linkStyle }: TextWithBackgroundProps): ReactElement;
+export default function TextWithBackground({ text, theme, inverse, headingLevel, headingText, url, linkTitle, externalLink, linkStyle, fullWidth }: TextWithBackgroundProps): ReactElement;

package/dist/components/organisms/VideoEmbed/VideoEmbed.d.ts

@@ -17,5 +17,7 @@ export interface VideoEmbedProps {
     heading?: Omit<HeadingProps, 'theme' | 'inverse'>;
     transcript?: string;
     fullWidth?: boolean;
+    videoCaption?: string;
+    videoCredit?: string;
 }
-export default function VideoEmbed({ theme, inverse, imageSrc, videoUrl, videoId, heading, audioDescribedVideoId, audioDescribedVideoUrl, transcript, fullWidth }: VideoEmbedProps): ReactElement;
+export default function VideoEmbed({ theme, inverse, imageSrc, videoUrl, videoId, heading, audioDescribedVideoId, audioDescribedVideoUrl, transcript, fullWidth, videoCaption, videoCredit }: VideoEmbedProps): ReactElement;

package/dist/index.d.ts

@@ -868,9 +868,10 @@ declare function HeroCarousel({ theme, cards }: HeroCarouselProps): ReactElement
 
 interface ImageBlockProps extends HeadingProps$1 {
     fullWidth: boolean;
+    makeHeadingFullWidth?: boolean;
     images?: Omit<CardImageProps, 'theme' | 'inverse'>[];
 }
-declare function ImageBlock({ theme, inverse, title, description, linkProps, fullWidth, images }: ImageBlockProps): ReactElement | null;
+declare function ImageBlock({ theme, inverse, title, description, linkProps, fullWidth, makeHeadingFullWidth, images }: ImageBlockProps): ReactElement | null;
 
 interface ImageCarouselProps extends HeadingProps$1 {
     fullWidth?: boolean;
@@ -909,9 +910,10 @@ interface IntroTextProps {
      * Whether to inverse the colours
      */
     inverse?: boolean;
+    fullWidth?: boolean;
     text: string;
 }
-declare function IntroText({ text, theme, inverse }: IntroTextProps): ReactElement;
+declare function IntroText({ text, theme, inverse, fullWidth }: IntroTextProps): ReactElement;
 
 interface MostReadNewsProps {
     theme: ThemeProps;
@@ -1239,9 +1241,10 @@ interface StaffListingCarouselProps {
     fullWidth?: boolean;
     heading: string;
     cards: CardStaffProps[];
+    headingStyle?: 'news' | null;
     singleLink: LinkWithArrowProps;
 }
-declare function StaffListingCarousel({ theme, inverse, fullWidth, heading, cards, singleLink }: StaffListingCarouselProps): ReactElement;
+declare function StaffListingCarousel({ theme, inverse, fullWidth, heading, headingStyle, cards, singleLink }: StaffListingCarouselProps): ReactElement;
 
 interface SidebarWrapperProps {
     /**
@@ -1358,8 +1361,9 @@ interface TextWithBackgroundProps {
     linkTitle?: string;
     externalLink?: boolean;
     linkStyle?: 'primary' | 'secondary' | 'paragraph-link';
+    fullWidth?: boolean;
 }
-declare function TextWithBackground({ text, theme, inverse, headingLevel, headingText, url, linkTitle, externalLink, linkStyle }: TextWithBackgroundProps): ReactElement;
+declare function TextWithBackground({ text, theme, inverse, headingLevel, headingText, url, linkTitle, externalLink, linkStyle, fullWidth }: TextWithBackgroundProps): ReactElement;
 
 interface PillProps {
     /**
@@ -1473,7 +1477,9 @@ interface VideoEmbedProps {
     heading?: Omit<HeadingProps$1, 'theme' | 'inverse'>;
     transcript?: string;
     fullWidth?: boolean;
+    videoCaption?: string;
+    videoCredit?: string;
 }
-declare function VideoEmbed({ theme, inverse, imageSrc, videoUrl, videoId, heading, audioDescribedVideoId, audioDescribedVideoUrl, transcript, fullWidth }: VideoEmbedProps): ReactElement;
+declare function VideoEmbed({ theme, inverse, imageSrc, videoUrl, videoId, heading, audioDescribedVideoId, audioDescribedVideoUrl, transcript, fullWidth, videoCaption, videoCredit }: VideoEmbedProps): ReactElement;
 
 export { Accordion, type AccordionProps, type AccreditationPromotionProps, AcreditationPromotion, AlertBanner, type AlertBannerProps, AnchorTarget, type AnchorTargetProps, Breadcrumbs, type BreadcrumbsProps, CTAComponent, type CTAComponentProps, Carousel, type CarouselProps, type CenterWrapperProps, CenterWrapper as CentreWrapper, ClearingBanner, type ClearingBannerProps, CourseDeliveryPills, type CourseDeliveryPillsProps, EmbedWrapper, type EmbedWrapperProps, FactBoxes, type FactBoxesProps, FeaturedContent, type FeaturedContentProps, FeaturedSignpost, type FeaturedSignpostProps, FeaturedVideo, type FeaturedVideoProps, FiveArticlesGrid, type FiveArticlesGridProps, Footer, type FooterProps, GeneralSearchFilter, type GeneralSearchFilterProps, GenericDetailSection, type GenericDetailSectionProps, Header, type HeaderProps, Hero, HeroArticle, type HeroArticleProps, HeroCarousel, type HeroCarouselProps, HeroCourses, type HeroCoursesProps, type HeroProps, ImageBlock, type ImageBlockProps, ImageCarousel, type ImageCarouselProps, InPageNavigation, type InPageNavigationProps, IntroText, type IntroTextProps, LeadNewsArticles, type LeadNewsArticlesProps, ListingFilterWrapper, type ListingFilterWrapperProps, ListingResults, ListingResultsCount, type ListingResultsCountProps, type ListingResultsProps, MainWrapper, type MainWrapperProps, NewsArticlesPromoBlock, type NewsArticlesPromoBlockProps, Pagination, type PaginationProps, PromoBlock, PromoBlockGrid, type PromoBlockProps$1 as PromoBlockProps, QuoteBlock, type QuoteBlockProps, RelatedCourses, type RelatedCoursesProps, RichText, type RichTextProps, SearchCourses, type SearchCoursesProps, SidebarWrapper, type SidebarWrapperProps, SignPost, type SignPostProps, SingleButton, type SingleButtonProps, SkipToContent, type SkipToContentProps, StaffListingCarousel, type StaffListingCarouselProps, StandardListingFilter, type StandardListingFilterProps, TabsBlock, type TabsBlockProps, TextWithBackground, type TextWithBackgroundProps, TopicSelector, type TopicSelectorProps, VideoCardComponent, type VideoCardComponentProps, VideoEmbed, type VideoEmbedProps };