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

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

@@ -7,6 +7,10 @@ export interface TextButtonWithIconProps {
      * The theme to use
      */
     theme: ThemeProps;
+    /**
+     * The id & one trust element to add for One Trust cookie settings button */
+    id?: string;
+    oneTrustElement?: string;
     /**
      * Whether to inverse the colours
      */
@@ -35,4 +39,4 @@ export interface TextButtonWithIconProps {
      */
     iconPosition?: 'left' | 'right';
 }
-export default function TextButtonWithIcon({ theme, inverse, label, onClick, url, externalLink, hollow, isSubmit, icon, iconPosition }: TextButtonWithIconProps): ReactElement;
+export default function TextButtonWithIcon({ theme, id, inverse, label, onClick, url, externalLink, hollow, isSubmit, icon, iconPosition, oneTrustElement }: TextButtonWithIconProps): ReactElement;

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

@@ -0,0 +1,11 @@
+import { ReactElement, ReactNode } from 'react';
+import { ThemeProps } from '../../../themeProps';
+import './modalCTAButton.scss';
+export interface ModalCTAButtonProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    buttonLabel: string;
+    hollow?: boolean;
+    modalChildren: ReactNode;
+}
+export default function ModalButtonCTA({ theme, inverse, buttonLabel, hollow, modalChildren }: ModalCTAButtonProps): ReactElement;

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

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

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

@@ -0,0 +1,2 @@
+import { ModalCTAButtonProps } from './ModalCTAButton';
+export declare const modalCTAButtonProps: ModalCTAButtonProps;

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

@@ -15,5 +15,6 @@ export interface EmbedWrapperProps {
      */
     children: ReactNode;
     fullWidth?: boolean;
+    className?: string;
 }
-export default function EmbedWrapper({ theme, inverse, children, fullWidth }: EmbedWrapperProps): ReactElement;
+export default function EmbedWrapper({ theme, inverse, children, fullWidth, className }: EmbedWrapperProps): ReactElement;

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

@@ -2,6 +2,7 @@ import { ReactElement } from 'react';
 import { ThemeProps } from '../../../themeProps';
 import './heroCourses.scss';
 import { TextButtonProps } from '../../atoms/TextButton/TextButton';
+import { ModalCTAButtonProps } from '../../molecules/ModalCTAButton/ModalCTAButton';
 import { CourseTileProps } from './components/CourseTile';
 import { CourseTileSelectProps } from './components/CourseTileSelect';
 import { CourseTileRankingProps } from './components/CourseTileRanking';
@@ -29,5 +30,6 @@ export interface HeroCoursesProps {
     ucas?: CourseTileProps;
     deliveryFormat?: CourseTileProps;
     locationDetails?: LocationSelectorProps;
+    modalCTA?: ModalCTAButtonProps;
 }
-export default function HeroCourses({ theme, title, titleTag, awardShort, links, ranking, award, campus, ucas, duration, entryRequirements, startDate, yearOfEntry, fees, deliveryFormat, locationDetails }: HeroCoursesProps): ReactElement | null;
+export default function HeroCourses({ theme, title, titleTag, awardShort, links, ranking, award, campus, ucas, duration, entryRequirements, startDate, yearOfEntry, fees, deliveryFormat, locationDetails, modalCTA }: HeroCoursesProps): ReactElement | null;

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

@@ -18,6 +18,7 @@ export declare const ranking: import("./components/CourseTileRanking").CourseTil
     ucas?: import("./components/CourseTile").CourseTileProps | undefined;
     deliveryFormat?: import("./components/CourseTile").CourseTileProps | undefined;
     locationDetails?: import("../../..").LocationSelectorProps | undefined;
+    modalCTA?: import("../../molecules/ModalCTAButton/ModalCTAButton").ModalCTAButtonProps | undefined;
 };
 export declare const deliveryFormat: import("./components/CourseTile").CourseTileProps | undefined, heroCoursesNoRankingNoDeliveryFormat: {
     theme: import("../../../themeProps").ThemeProps;
@@ -36,5 +37,6 @@ export declare const deliveryFormat: import("./components/CourseTile").CourseTil
     fees: import("./components/CourseTile").CourseTileProps;
     ucas?: import("./components/CourseTile").CourseTileProps | undefined;
     locationDetails?: import("../../..").LocationSelectorProps | undefined;
+    modalCTA?: import("../../molecules/ModalCTAButton/ModalCTAButton").ModalCTAButtonProps | undefined;
 };
 export declare const heroCoursesPGProps: HeroCoursesProps;

package/dist/index.d.ts

@@ -383,6 +383,10 @@ interface TextButtonWithIconProps {
      * The theme to use
      */
     theme: ThemeProps;
+    /**
+     * The id & one trust element to add for One Trust cookie settings button */
+    id?: string;
+    oneTrustElement?: string;
     /**
      * Whether to inverse the colours
      */
@@ -465,8 +469,9 @@ interface EmbedWrapperProps {
      */
     children: ReactNode;
     fullWidth?: boolean;
+    className?: string;
 }
-declare function EmbedWrapper({ theme, inverse, children, fullWidth }: EmbedWrapperProps): ReactElement;
+declare function EmbedWrapper({ theme, inverse, children, fullWidth, className }: EmbedWrapperProps): ReactElement;
 
 interface CardFactProps {
     theme: ThemeProps;
@@ -798,6 +803,14 @@ interface HeroArticleProps {
 }
 declare function HeroArticle({ theme, inverse, title, titleTag, description, cardImage, publishDate, readTime, shareButtons }: HeroArticleProps): ReactElement | null;
 
+interface ModalCTAButtonProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    buttonLabel: string;
+    hollow?: boolean;
+    modalChildren: ReactNode;
+}
+
 interface LinkWithIconProps {
     theme: ThemeProps;
     inverse?: boolean;
@@ -861,8 +874,9 @@ interface HeroCoursesProps {
     ucas?: CourseTileProps;
     deliveryFormat?: CourseTileProps;
     locationDetails?: LocationSelectorProps;
+    modalCTA?: ModalCTAButtonProps;
 }
-declare function HeroCourses({ theme, title, titleTag, awardShort, links, ranking, award, campus, ucas, duration, entryRequirements, startDate, yearOfEntry, fees, deliveryFormat, locationDetails }: HeroCoursesProps): ReactElement | null;
+declare function HeroCourses({ theme, title, titleTag, awardShort, links, ranking, award, campus, ucas, duration, entryRequirements, startDate, yearOfEntry, fees, deliveryFormat, locationDetails, modalCTA }: HeroCoursesProps): ReactElement | null;
 
 interface HeroCarouselCard {
     category: string;