@uob-web-and-digital/component-library 0.0.47 → 0.0.49

package/dist/components/atoms/CourseIcon/CourseIcon.stories.d.ts

@@ -1,13 +1,12 @@
-import type { StoryObj } from '@storybook/react';
-import CourseIcon from './CourseIcon';
+import { ReactElement } from 'react';
 declare const meta: {
     title: string;
-    component: typeof CourseIcon;
-    tags: string[];
+    parameters: {
+        layout: string;
+        backgrounds: {
+            default: string;
+        };
+    };
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Clearing: Story;
-export declare const Phone: Story;
-export declare const Email: Story;
-export declare const PalePhone: Story;
+export declare const allCourseIconsExample: () => ReactElement;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { IconType } from '../Icons/Icons';
+import { ThemeProps } from '../../../themeProps';
+import './iconControl.scss';
+export interface IconControlProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    title: string;
+    icon: IconType;
+    onClick?: () => void;
+    ariaControls?: string;
+    isSubmit?: boolean;
+    disabled?: boolean;
+}
+type Ref = HTMLButtonElement | null;
+export declare const IconControl: React.ForwardRefExoticComponent<IconControlProps & React.RefAttributes<Ref>>;
+export {};

package/dist/components/atoms/IconControl/IconControl.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./IconControl").IconControlProps & import("react").RefAttributes<HTMLButtonElement | null>>;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CloseControlDarkBackground: Story;
+export declare const CloseControlLightBackground: Story;
+export declare const DownControlDarkBackground: Story;
+export declare const DownControlLightBackground: Story;

package/dist/components/atoms/IconControl/defaultProps.d.ts

@@ -0,0 +1,3 @@
+import { IconControlProps } from './IconControl';
+export declare const CloseControlProps: IconControlProps;
+export declare const DownControlProps: IconControlProps;

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' | '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';
+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';
 export type IconProps = {
     /**
      * The theme to use

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

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+declare const meta: {
+    title: string;
+    parameters: {
+        layout: string;
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default meta;
+export declare const allIconsExample: () => ReactElement;

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

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { IconType } from '../../atoms/Icons/Icons';
+import './genericDetail.scss';
+export interface GenericDetailProps {
+    theme: ThemeProps;
+    iconType: IconType;
+    title: string;
+    value: string;
+}
+export default function GenericDetail({ iconType, title, value, theme }: GenericDetailProps): ReactElement;

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

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

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

@@ -15,6 +15,7 @@ export interface HeadingProps {
     title?: string;
     description?: string;
     linkProps?: LinkProps;
+    fullWidth?: boolean;
 }
-export default function Heading({ title, description, linkProps, theme, inverse }: HeadingProps): ReactElement | null;
+export default function Heading({ title, description, linkProps, theme, inverse, fullWidth }: HeadingProps): ReactElement | null;
 export {};

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

@@ -10,9 +10,12 @@ export interface CourseCardProps {
     description?: string;
     supervisors?: string;
     department?: string;
-    studyLevel: string;
-    studyMode: string;
+    studyLevel?: string;
+    studyMode?: string;
+    courseType?: string;
+    qualification?: string;
+    studyLocation?: string;
     fundingType?: string;
     showCategory?: boolean;
 }
-export default function CourseCard({ theme, type, image, title, url, description, supervisors, department, studyLevel, studyMode, fundingType, showCategory }: CourseCardProps): ReactElement;
+export default function CourseCard({ theme, type, image, title, url, description, supervisors, department, studyLevel, studyMode, fundingType, courseType, qualification, studyLocation, showCategory }: CourseCardProps): ReactElement;

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

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './wysiwyg.scss';
+export interface WysiwygProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    text: string;
+}
+export default function Wysiwyg({ theme, inverse, text }: WysiwygProps): ReactElement;

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

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

package/dist/components/molecules/Wysiwyg/defaultProps.d.ts

@@ -0,0 +1,2 @@
+import { WysiwygProps } from './Wysiwyg';
+export declare const wysiwygProps: WysiwygProps;

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

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { RichTextProps } from '../RichText/RichText';
+import './alertBanner.scss';
+export interface AlertBannerProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    richText: RichTextProps;
+    type: 'warning' | 'success' | 'information';
+}
+export default function AlertBanner({ theme, inverse, type, richText }: AlertBannerProps): ReactElement;

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

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react';
+import AlertBanner from './AlertBanner';
+declare const meta: {
+    title: string;
+    component: typeof AlertBanner;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DarkWarning: Story;
+export declare const DarkInformation: Story;
+export declare const DarkSuccess: Story;
+export declare const LightWarning: Story;
+export declare const LightInformation: Story;
+export declare const LightSuccess: Story;

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

@@ -0,0 +1,2 @@
+import { AlertBannerProps } from './AlertBanner';
+export declare const alertBannerProps: AlertBannerProps;

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

@@ -0,0 +1,10 @@
+import { ReactNode, ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './anchorTarget.scss';
+export interface AnchorTargetProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    targetLabel: string;
+    children: ReactNode;
+}
+export default function AnchorTarget({ theme, inverse, targetLabel, children }: AnchorTargetProps): ReactElement;

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

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

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

@@ -11,7 +11,7 @@ export interface CTAComponentProps {
     image?: ImageProps | null;
     heading: string;
     copy: string;
-    primaryCTA: TextButtonProps;
+    primaryCTA?: TextButtonProps;
     secondaryCTA?: TextButtonProps;
     link?: LinkWithArrowProps;
     /**

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

@@ -9,5 +9,6 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Dark: Story;
 export declare const Light: Story;
-export declare const Highlighted: Story;
+export declare const HighlightedOnDarkBackground: Story;
+export declare const HighlightedOnLightBackground: Story;
 export declare const ExampleNoImage: Story;

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

@@ -1,2 +1,4 @@
 import { CTAComponentProps } from './CTAComponent';
 export declare const ctaComponentProps: CTAComponentProps;
+export declare const ctaComponentPropsBookRoom: CTAComponentProps;
+export declare const studentCodeProps: CTAComponentProps;

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

@@ -0,0 +1,11 @@
+import { ReactElement, ReactNode } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './centreWrapper.scss';
+export interface CenterWrapperProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    children: ReactNode;
+}
+export default function CenterWrapper({ theme, children }: CenterWrapperProps): ReactElement;

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

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

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

@@ -1,2 +1,3 @@
 import { FeaturedSignpostProps } from './FeaturedSignpost';
 export declare const featuredSignpostProps: FeaturedSignpostProps;
+export declare const featuredSignpostCourseListingProps: FeaturedSignpostProps;

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

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import { GenericDetailProps } from '../../molecules/GenericDetail/GenericDetail';
+import { TextButtonProps } from '../../atoms/TextButton/TextButton';
+import './genericDetailSection.scss';
+export interface GenericDetailSectionProps {
+    theme: ThemeProps;
+    title: string;
+    detailColumns: Omit<GenericDetailProps, 'theme'>[][];
+    buttons?: TextButtonProps[];
+}
+export default function GenericDetailSection({ theme, title, detailColumns, buttons }: GenericDetailSectionProps): ReactElement;

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

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

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

@@ -0,0 +1,4 @@
+import { GenericDetailSectionProps } from './GenericDetailSection';
+export declare const genericDetailSectionPropsAccommodation: GenericDetailSectionProps;
+export declare const genericDetailSectionPropsEvents: GenericDetailSectionProps;
+export declare const genericDetailSectionPropsContact: GenericDetailSectionProps;

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

@@ -24,7 +24,7 @@ export interface HeroProps {
     inverse?: boolean;
     title: string;
     titleTag?: 'h1' | 'h2' | 'h3' | 'h4';
-    description: string;
+    description?: string;
     image?: {
         src: {
             small?: string;

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

@@ -3,3 +3,4 @@ export declare const colourBlockHeroProps: HeroProps;
 export declare const rectangleImageHeroProps: HeroProps;
 export declare const linesOfIntentImageHeroProps: HeroProps;
 export declare const newsHeroProps: HeroProps;
+export declare const accommodationHeroProps: HeroProps;

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

@@ -1,2 +1,3 @@
 import { ImageCarouselProps } from './ImageCarousel';
 export declare const imageCarouselProps: ImageCarouselProps;
+export declare const imageCarouselPropsAccommodation: ImageCarouselProps;

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

@@ -6,11 +6,13 @@ import { NewsCardProps } from '../../molecules/ListingResultCard/Cards/NewsCard'
 import { PageCardProps } from '../../molecules/ListingResultCard/Cards/PageCard';
 import { StaffCardProps } from '../../molecules/ListingResultCard/Cards/StaffCard';
 import { ThemeProps } from '../../../themeProps';
+import { HeadingProps } from '../../molecules/Heading/Heading';
 type CardProps = Omit<AccomodationCardProps, 'showCategory' | 'theme'> | Omit<CourseCardProps, 'showCategory' | 'theme'> | Omit<EventCardProps, 'showCategory' | 'theme'> | Omit<NewsCardProps, 'showCategory' | 'theme'> | Omit<PageCardProps, 'showCategory' | 'theme'> | Omit<StaffCardProps, 'showCategory' | 'theme'>;
 export interface ListingResultsProps {
     theme: ThemeProps;
     showCategory?: boolean;
     cards: CardProps[];
+    headingInfo?: HeadingProps;
 }
-export default function ListingResults({ theme, showCategory, cards }: ListingResultsProps): ReactElement;
+export default function ListingResults({ theme, showCategory, cards, headingInfo }: ListingResultsProps): ReactElement;
 export {};

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

@@ -1,4 +1,5 @@
 import { PromoBlockProps } from './PromoBlock';
 export declare const promoBlockProps: PromoBlockProps;
+export declare const promoBlockPropsAccommodation: PromoBlockProps;
 export declare const promoBlockSignpostProps: PromoBlockProps;
 export declare const promoBlockVideoProps: PromoBlockProps;

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

@@ -0,0 +1,42 @@
+import { ReactElement } from 'react';
+import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
+import { ThemeProps } from '../../../themeProps';
+import { CardPromoProps } from '../../molecules/CardPromo/CardPromo';
+import { CardPromoSignpostProps } from '../../molecules/CardPromoSignpost/CardPromoSignpost';
+import { CardPromoVideoProps } from '../../molecules/CardPromoVideo/CardPromoVideo';
+import './promoBlockGrid.scss';
+export interface PromoBlockProps {
+    /**
+     * The theme to use
+     */
+    theme: ThemeProps;
+    /**
+     * Whether to inverse the colours
+     */
+    inverse?: boolean;
+    /**
+     * Optional title of the component
+     */
+    title?: string;
+    /**
+     * Optional description of the component
+     */
+    description?: string;
+    /**
+     * Optional link elements
+     */
+    link?: LinkWithArrowProps;
+    /**
+     * Promo block will work with three card types
+     */
+    type: 'promo' | 'promo-signpost' | 'promo-video';
+    /**
+     * A Promo block component can have any number of items
+     */
+    cards: CardPromoProps[] | CardPromoSignpostProps[] | CardPromoVideoProps[];
+    /**
+     * Only applies to the signpost card and if there is only one
+     */
+    imageOrientation: 'left' | 'right';
+}
+export default function PromoBlockGrid({ theme, inverse, type, title, description, link, cards, imageOrientation }: PromoBlockProps): ReactElement | null;

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

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react';
+import PromoBlockGrid from './PromoBlockGrid';
+import './promoBlockGrid.scss';
+declare const meta: {
+    title: string;
+    component: typeof PromoBlockGrid;
+    tags: string[];
+    parameters: {
+        backgrounds: {
+            default: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof PromoBlockGrid>;
+export declare const PromoBlockFourCardsPlus: Story;
+export declare const PromoBlockFourCardsPlusDark: Story;

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

@@ -0,0 +1,2 @@
+import { PromoBlockProps } from './PromoBlockGrid';
+export declare const promoBlockGridProps: PromoBlockProps;

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

@@ -6,12 +6,13 @@ import './QuoteBlock.scss';
 type LinkProps = Omit<LinkWithArrowProps, 'theme' | 'inverse'>;
 export interface QuoteBlockProps extends HeadingProps {
     theme: ThemeProps;
+    inverse?: boolean;
     title?: string;
-    cite: string;
-    role: string;
+    cite?: string;
+    role?: string;
     quote: string;
-    quoteeProfileImage: string;
-    quoteeProfileImageAltText: string;
+    quoteeProfileImage?: string;
+    quoteeProfileImageAltText?: string;
     cta?: LinkProps;
 }
 export default function QuoteBlock({ theme, inverse, title, description, cite, role, quote, quoteeProfileImage, quoteeProfileImageAltText, cta }: QuoteBlockProps): ReactElement;

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

@@ -13,4 +13,7 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof QuoteBlock>;
-export declare const Default: Story;
+export declare const ExampleIncludingHeading: Story;
+export declare const ExampleIncludingHeadingLight: Story;
+export declare const ExampleQuoteOnly: Story;
+export declare const ExampleQuoteWithCite: Story;

package/dist/components/organisms/QuoteBlock/defatultProps.d.ts

@@ -1,2 +1,4 @@
 import { QuoteBlockProps } from './QuoteBlock';
 export declare const quoteBlockProps: QuoteBlockProps;
+export declare const quoteWithCite: QuoteBlockProps;
+export declare const quoteOnly: QuoteBlockProps;

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

@@ -7,6 +7,7 @@ export interface RelatedCoursesProps {
     inverse?: boolean;
     heading: string;
     fullWidth?: boolean;
+    headingStyle?: 'news' | null;
     cards: CardRelatedProps[];
 }
-export default function RelatedCourses({ theme, inverse, heading, fullWidth, cards }: RelatedCoursesProps): ReactElement;
+export default function RelatedCourses({ theme, inverse, heading, headingStyle, fullWidth, cards }: RelatedCoursesProps): ReactElement;

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

@@ -7,5 +7,8 @@ declare const meta: {
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const Example: Story;
+export declare const ExampleFourOrMoreCourses: Story;
+export declare const ExampleWithNewsStyleHeading: Story;
 export declare const ExampleOneCourse: Story;
+export declare const ExampleTwoCourses: Story;
+export declare const ExampleThreeCourses: Story;

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

@@ -2,3 +2,4 @@ import { RichTextProps } from './RichText';
 export declare const richTextProps: RichTextProps;
 export declare const newsArticleRichText: RichTextProps;
 export declare const newsArticleRichTextBullets: RichTextProps;
+export declare const richTextAccommodation: RichTextProps;

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

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

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

@@ -13,9 +13,9 @@ export interface TextWithBackgroundProps {
     headingLevel: 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     headingText: string;
     text: string;
-    url: string;
-    linkTitle: string;
+    url?: string;
+    linkTitle?: string;
     externalLink?: boolean;
-    linkStyle: 'primary' | 'secondary' | 'paragraph-link';
+    linkStyle?: 'primary' | 'secondary' | 'paragraph-link';
 }
 export default function TextWithBackground({ text, theme, inverse, headingLevel, headingText, url, linkTitle, externalLink, linkStyle }: TextWithBackgroundProps): ReactElement;

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

@@ -15,6 +15,8 @@ type Story = StoryObj<typeof TextWithBackground>;
 export declare const DarkWithPrimaryButton: Story;
 export declare const DarkWithSecondaryButton: Story;
 export declare const DarkWithParagraphLink: Story;
+export declare const DarkNoLink: Story;
 export declare const LightWithPrimaryButton: Story;
 export declare const LightWithSecondaryButton: Story;
 export declare const LightWithParagraphLink: Story;
+export declare const LightNoLink: Story;

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

@@ -0,0 +1,3 @@
+import { TextWithBackgroundProps } from './TextWithBackground';
+export declare const accommodationGuarantee: TextWithBackgroundProps;
+export declare const contactUsProps: TextWithBackgroundProps;

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

@@ -1,11 +1,12 @@
 import { ReactElement } from 'react';
+import { ThemeProps } from '../../../themeProps';
 import './topicSelector.scss';
 import { PillProps } from '../../atoms/Pill/Pill';
 export interface TopicSelectorProps {
     /**
      * The theme to use
      */
-    theme?: string;
+    theme: ThemeProps;
     /**
      * The pills to display the list
      */