@uob-web-and-digital/component-library 0.0.85 → 0.0.86

package/dist/components/atoms/Icons/Icons.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { ThemeProps } from '../../../themeProps';
 import './icons.scss';
-export type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'instagram' | 'linkedin' | 'tiktok' | 'chevron-down' | 'chevron-right' | 'arrow-right' | 'arrow-right-large' | 'location' | 'hamburger' | 'cross' | 'slim-cross' | 'arrow-left' | 'search' | 'arrow-down' | 'play' | 'person' | 'people' | 'computer' | 'book' | 'mortar-board' | 'document' | 'briefcase' | 'notepad' | 'external' | 'clearing-tick' | 'phone' | 'email' | 'quote-marks' | 'calendar' | 'clock' | 'internet' | 'slim-location' | 'bathroom' | 'catering' | 'pound' | 'scroll' | 'settings' | 'rocket' | 'staggered-arrow' | 'segmented-pie-chart' | 'home' | 'domain' | 'note-add' | 'flight' | 'one' | 'two' | 'one-two-three' | 'camping' | 'groups' | 'bed' | 'restaurant' | 'success' | 'warning-light' | 'warning-dark' | 'information' | 'star' | 'menu' | 'co-present' | 'assignment-add' | 'cast-for-education' | 'live-tv' | 'supervisor-account' | 'experiment';
+export type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'instagram' | 'linkedin' | 'tiktok' | 'chevron-down' | 'chevron-right' | 'arrow-right' | 'arrow-right-large' | 'location' | 'hamburger' | 'cross' | 'slim-cross' | 'arrow-left' | 'search' | 'arrow-down' | 'play' | 'person' | 'people' | 'computer' | 'book' | 'mortar-board' | 'document' | 'briefcase' | 'notepad' | 'external' | 'clearing-tick' | 'phone' | 'email' | 'quote-marks' | 'calendar' | 'clock' | 'internet' | 'slim-location' | 'bathroom' | 'catering' | 'pound' | 'scroll' | 'settings' | 'rocket' | 'staggered-arrow' | 'segmented-pie-chart' | 'home' | 'domain' | 'note-add' | 'flight' | 'one' | 'two' | 'one-two-three' | 'camping' | 'groups' | 'bed' | 'restaurant' | 'success' | 'warning-light' | 'warning-dark' | 'information' | 'star' | 'menu' | 'co-present' | 'assignment-add' | 'cast-for-education' | 'live-tv' | 'supervisor-account' | 'experiment' | 'footprint';
 export type IconProps = {
     /**
      * The theme to use

package/dist/components/molecules/FullModal/FullModal.d.ts

@@ -22,8 +22,12 @@ export interface FullModalProps {
      * Pass in the is open state
      */
     isOpen: boolean;
+    /**
+     * Whether the modal should be placed in the centre
+     */
+    centred?: boolean;
 }
 /**
  * Primary UI component for user interaction
  */
-export declare const FullModal: ({ theme, isOpen, closeModal, children }: FullModalProps) => ReactElement;
+export declare const FullModal: ({ theme, isOpen, closeModal, children, centred }: FullModalProps) => ReactElement;

package/dist/components/molecules/ListingResultCard/Cards/CourseCard.d.ts

@@ -7,6 +7,7 @@ export interface CourseCardProps {
     type: 'course';
     image?: ImageProps;
     title: string;
+    titleTag?: string;
     url: string;
     description?: string;
     supervisors?: string;
@@ -14,4 +15,4 @@ export interface CourseCardProps {
     details: Omit<SearchResultDetailProps, 'theme'>[];
     showCategory?: boolean;
 }
-export default function CourseCard({ theme, type, image, title, url, description, supervisors, department, details, showCategory }: CourseCardProps): ReactElement;
+export default function CourseCard({ theme, type, image, title, titleTag, url, description, supervisors, department, details, showCategory }: CourseCardProps): ReactElement;

package/dist/components/molecules/ListingResultCard/ListingResultCard.stories.d.ts

@@ -16,3 +16,4 @@ export declare const StaffCard: Story;
 export declare const NewsCard: Story;
 export declare const AccomodationCard: Story;
 export declare const CourseCard: Story;
+export declare const CourseCardH3Title: Story;

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

@@ -14,5 +14,6 @@ export interface EmbedWrapperProps {
      * The child components to show in the panel
      */
     children: ReactNode;
+    fullWidth?: boolean;
 }
-export default function EmbedWrapper({ theme, inverse, children }: EmbedWrapperProps): ReactElement;
+export default function EmbedWrapper({ theme, inverse, children, fullWidth }: EmbedWrapperProps): ReactElement;

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

@@ -8,3 +8,4 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof EmbedWrapper>;
 export declare const Default: Story;
+export declare const FullWidth: Story;

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

@@ -0,0 +1,12 @@
+import { ReactElement, ReactNode } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { GenericDetailProps } from '../../molecules/GenericDetail/GenericDetail';
+import './LocationSection.scss';
+export interface LocationSectionProps {
+    theme: ThemeProps;
+    embedChildren: ReactNode;
+    googleMapLink: string;
+    address: string[];
+    services?: Omit<GenericDetailProps, 'theme'>[];
+}
+export default function LocationSection({ theme, embedChildren, googleMapLink, address, services }: LocationSectionProps): ReactElement;

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

@@ -0,0 +1,10 @@
+import type { StoryObj } from '@storybook/react';
+import LocationSection from './LocationSection';
+declare const meta: {
+    title: string;
+    component: typeof LocationSection;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,2 @@
+import { LocationSectionProps } from './LocationSection';
+export declare const locationSectionProps: LocationSectionProps;

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

@@ -0,0 +1,14 @@
+import { ReactElement, ReactNode } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { HeadingProps } from '../../atoms/Heading/Heading';
+import './modalCTA.scss';
+export interface ModalCTAProps {
+    theme: ThemeProps;
+    heading: string;
+    inverse?: boolean;
+    description?: string;
+    buttonLabel: string;
+    modalChildren: ReactNode;
+    htmlTag?: HeadingProps['htmlTag'];
+}
+export default function ModalCTA({ theme, heading, inverse, description, buttonLabel, modalChildren, htmlTag }: ModalCTAProps): ReactElement;

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

@@ -0,0 +1,11 @@
+import type { StoryObj } from '@storybook/react';
+import ModalCTA from './ModalCTA';
+declare const meta: {
+    title: string;
+    component: typeof ModalCTA;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Dark: Story;
+export declare const Light: Story;

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

@@ -0,0 +1,2 @@
+import { ModalCTAProps } from './ModalCTA';
+export declare const modalCTAProps: ModalCTAProps;

package/dist/index.d.ts

@@ -363,7 +363,7 @@ interface ParagraphLinkProps {
     externalLink?: boolean;
 }
 
-type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'instagram' | 'linkedin' | 'tiktok' | 'chevron-down' | 'chevron-right' | 'arrow-right' | 'arrow-right-large' | 'location' | 'hamburger' | 'cross' | 'slim-cross' | 'arrow-left' | 'search' | 'arrow-down' | 'play' | 'person' | 'people' | 'computer' | 'book' | 'mortar-board' | 'document' | 'briefcase' | 'notepad' | 'external' | 'clearing-tick' | 'phone' | 'email' | 'quote-marks' | 'calendar' | 'clock' | 'internet' | 'slim-location' | 'bathroom' | 'catering' | 'pound' | 'scroll' | 'settings' | 'rocket' | 'staggered-arrow' | 'segmented-pie-chart' | 'home' | 'domain' | 'note-add' | 'flight' | 'one' | 'two' | 'one-two-three' | 'camping' | 'groups' | 'bed' | 'restaurant' | 'success' | 'warning-light' | 'warning-dark' | 'information' | 'star' | 'menu' | 'co-present' | 'assignment-add' | 'cast-for-education' | 'live-tv' | 'supervisor-account' | 'experiment';
+type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'instagram' | 'linkedin' | 'tiktok' | 'chevron-down' | 'chevron-right' | 'arrow-right' | 'arrow-right-large' | 'location' | 'hamburger' | 'cross' | 'slim-cross' | 'arrow-left' | 'search' | 'arrow-down' | 'play' | 'person' | 'people' | 'computer' | 'book' | 'mortar-board' | 'document' | 'briefcase' | 'notepad' | 'external' | 'clearing-tick' | 'phone' | 'email' | 'quote-marks' | 'calendar' | 'clock' | 'internet' | 'slim-location' | 'bathroom' | 'catering' | 'pound' | 'scroll' | 'settings' | 'rocket' | 'staggered-arrow' | 'segmented-pie-chart' | 'home' | 'domain' | 'note-add' | 'flight' | 'one' | 'two' | 'one-two-three' | 'camping' | 'groups' | 'bed' | 'restaurant' | 'success' | 'warning-light' | 'warning-dark' | 'information' | 'star' | 'menu' | 'co-present' | 'assignment-add' | 'cast-for-education' | 'live-tv' | 'supervisor-account' | 'experiment' | 'footprint';
 type IconProps = {
     /**
      * The theme to use
@@ -464,8 +464,9 @@ interface EmbedWrapperProps {
      * The child components to show in the panel
      */
     children: ReactNode;
+    fullWidth?: boolean;
 }
-declare function EmbedWrapper({ theme, inverse, children }: EmbedWrapperProps): ReactElement;
+declare function EmbedWrapper({ theme, inverse, children, fullWidth }: EmbedWrapperProps): ReactElement;
 
 interface CardFactProps {
     theme: ThemeProps;
@@ -989,6 +990,7 @@ interface CourseCardProps {
     type: 'course';
     image?: ImageProps;
     title: string;
+    titleTag?: string;
     url: string;
     description?: string;
     supervisors?: string;
@@ -1564,4 +1566,24 @@ interface ScrollableTableProps extends RichTextProps {
 }
 declare function ScrollableTable({ text, theme, inverse, fullWidth, removeBottomPadding, tableCategory }: ScrollableTableProps): 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, LocationSelector, type LocationSelectorProps, MainWrapper, type MainWrapperProps, NewsArticlesPromoBlock, type NewsArticlesPromoBlockProps, Pagination, type PaginationProps, PromoBlock, PromoBlockGrid, type PromoBlockProps$1 as PromoBlockProps, QuoteBlock, type QuoteBlockProps, RelatedCourses, type RelatedCoursesProps, ResearchStoryCarousel, type ResearchStoryCarouselProps, RichText, type RichTextProps, ScrollableTable, ScrollableTableCategory, type ScrollableTableProps, 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 };
+interface ModalCTAProps {
+    theme: ThemeProps;
+    heading: string;
+    inverse?: boolean;
+    description?: string;
+    buttonLabel: string;
+    modalChildren: ReactNode;
+    htmlTag?: HeadingProps$1['htmlTag'];
+}
+declare function ModalCTA({ theme, heading, inverse, description, buttonLabel, modalChildren, htmlTag }: ModalCTAProps): ReactElement;
+
+interface LocationSectionProps {
+    theme: ThemeProps;
+    embedChildren: ReactNode;
+    googleMapLink: string;
+    address: string[];
+    services?: Omit<GenericDetailProps, 'theme'>[];
+}
+declare function LocationSection({ theme, embedChildren, googleMapLink, address, services }: LocationSectionProps): 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, LocationSection, type LocationSectionProps, LocationSelector, type LocationSelectorProps, MainWrapper, type MainWrapperProps, ModalCTA, type ModalCTAProps, NewsArticlesPromoBlock, type NewsArticlesPromoBlockProps, Pagination, type PaginationProps, PromoBlock, PromoBlockGrid, type PromoBlockProps$1 as PromoBlockProps, QuoteBlock, type QuoteBlockProps, RelatedCourses, type RelatedCoursesProps, ResearchStoryCarousel, type ResearchStoryCarouselProps, RichText, type RichTextProps, ScrollableTable, ScrollableTableCategory, type ScrollableTableProps, 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 };