@uob-web-and-digital/component-library 2.14.1 → 2.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/components/atoms/BackLink/BackLink.d.ts +12 -0
  2. package/dist/components/atoms/BackLink/BackLink.stories.d.ts +11 -0
  3. package/dist/components/atoms/Icons/Icons.d.ts +1 -1
  4. package/dist/components/atoms/NavLink/NavLink.d.ts +2 -1
  5. package/dist/components/atoms/NavLink/NavLink.stories.d.ts +1 -1
  6. package/dist/components/atoms/PageLink/PageLink.d.ts +2 -1
  7. package/dist/components/atoms/PageLink/PageLink.stories.d.ts +1 -1
  8. package/dist/components/organisms/Carousel/defaultProps.d.ts +2 -0
  9. package/dist/components/organisms/FeaturedVideo/defaultProps.d.ts +1 -0
  10. package/dist/components/organisms/Footer/Footer.d.ts +9 -8
  11. package/dist/components/organisms/Footer/Footer.stories.d.ts +2 -0
  12. package/dist/components/organisms/Footer/defaultProps.d.ts +2 -0
  13. package/dist/components/organisms/Header/Header.d.ts +2 -1
  14. package/dist/components/organisms/Header/Header.stories.d.ts +1 -1
  15. package/dist/components/organisms/Header/components/MainMenu.d.ts +2 -1
  16. package/dist/components/organisms/Header/components/NestedMenu.d.ts +2 -1
  17. package/dist/components/organisms/Header/defaultProps.d.ts +1 -0
  18. package/dist/components/organisms/HeaderLanding/HeaderLanding.d.ts +19 -0
  19. package/dist/components/organisms/HeaderLanding/HeaderLanding.stories.d.ts +12 -0
  20. package/dist/components/organisms/HeaderLanding/defaultProps.d.ts +3 -0
  21. package/dist/components/organisms/PromoBlock/defaultProps.d.ts +1 -0
  22. package/dist/components/organisms/QuoteBlock/defaultProps.d.ts +1 -0
  23. package/dist/components/organisms/RichText/defaultProps.d.ts +1 -0
  24. package/dist/components/organisms/SocialFeed/SocialFeed.d.ts +21 -0
  25. package/dist/components/organisms/SocialFeed/SocialFeed.stories.d.ts +11 -0
  26. package/dist/components/organisms/SocialFeed/defaultProps.d.ts +2 -0
  27. package/dist/hooks/useHeaderNavigation.d.ts +35 -0
  28. package/dist/index.d.ts +5 -2
  29. package/dist/main.css +1 -1
  30. package/dist/main.js +5 -5
  31. package/dist/module.js +5 -5
  32. package/package.json +1 -1
@@ -0,0 +1,12 @@
1
+ import { ReactElement } from 'react';
2
+ import { ThemeProps } from '../../../themeProps';
3
+ import './backLink.scss';
4
+ export interface BackLinkProps {
5
+ theme: ThemeProps;
6
+ inverse?: boolean;
7
+ url: string;
8
+ title: string;
9
+ mobileTitle?: string;
10
+ externalLink: boolean;
11
+ }
12
+ export default function BackLink({ theme, inverse, url, title, externalLink, mobileTitle }: BackLinkProps): ReactElement;
@@ -0,0 +1,11 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import BackLink from './BackLink';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof BackLink;
6
+ tags: string[];
7
+ };
8
+ export default meta;
9
+ type Story = StoryObj<typeof BackLink>;
10
+ export declare const Dark: Story;
11
+ export declare const Light: Story;
@@ -1,7 +1,7 @@
1
1
  import { ReactElement } from 'react';
2
2
  import { ThemeProps } from '../../../themeProps';
3
3
  import './icons.scss';
4
- export type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'rednote' | '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' | 'award_star' | 'warning-light' | 'warning-dark' | 'information' | 'star' | 'menu' | 'co-present' | 'assignment-add' | 'cast-for-education' | 'live-tv' | 'supervisor-account' | 'experiment' | 'footprint' | 'flag' | 'chat' | 'payments' | 'award-star' | 'pause' | 'mute-on' | 'mute-off';
4
+ export type IconType = 'twitter' | 'facebook' | 'wechat' | 'weibo' | 'youtube' | 'rednote' | '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' | 'award_star' | 'warning-light' | 'warning-dark' | 'information' | 'star' | 'menu' | 'co-present' | 'assignment-add' | 'cast-for-education' | 'live-tv' | 'supervisor-account' | 'experiment' | 'footprint' | 'flag' | 'chat' | 'payments' | 'award-star' | 'pause' | 'mute-on' | 'mute-off' | 'plus';
5
5
  export type IconProps = {
6
6
  /**
7
7
  * The theme to use
@@ -6,9 +6,10 @@ export interface NavLinkProps {
6
6
  * The theme to use
7
7
  */
8
8
  theme: ThemeProps;
9
+ inverse?: boolean;
9
10
  label: string;
10
11
  level: 'level-one' | 'level-two';
11
12
  onClick: () => void;
12
13
  autoFocus?: boolean;
13
14
  }
14
- export declare const NavLink: ({ theme, onClick, label, level, autoFocus }: NavLinkProps) => ReactElement;
15
+ export declare const NavLink: ({ theme, inverse, onClick, label, level, autoFocus }: NavLinkProps) => ReactElement;
@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
3
3
  import { NavLink } from './NavLink';
4
4
  declare const meta: {
5
5
  title: string;
6
- component: ({ theme, onClick, label, level, autoFocus }: import("./NavLink").NavLinkProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
6
+ component: ({ theme, inverse, onClick, label, level, autoFocus }: import("./NavLink").NavLinkProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
7
7
  tags: string[];
8
8
  parameters: {
9
9
  backgrounds: {
@@ -6,6 +6,7 @@ export interface PageLinkProps {
6
6
  * The theme to use
7
7
  */
8
8
  theme: ThemeProps;
9
+ inverse?: boolean;
9
10
  url: string;
10
11
  label: string;
11
12
  /**
@@ -15,4 +16,4 @@ export interface PageLinkProps {
15
16
  autoFocus?: boolean;
16
17
  externalLink?: boolean;
17
18
  }
18
- export declare const PageLink: ({ theme, url, label, level, autoFocus, externalLink }: PageLinkProps) => ReactElement;
19
+ export declare const PageLink: ({ theme, inverse, url, label, level, autoFocus, externalLink }: PageLinkProps) => ReactElement;
@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
3
3
  import { PageLink } from './PageLink';
4
4
  declare const meta: {
5
5
  title: string;
6
- component: ({ theme, url, label, level, autoFocus, externalLink }: import("./PageLink").PageLinkProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
6
+ component: ({ theme, inverse, url, label, level, autoFocus, externalLink }: import("./PageLink").PageLinkProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
7
7
  tags: string[];
8
8
  parameters: {
9
9
  backgrounds: {
@@ -2,6 +2,8 @@ import { CarouselProps } from './Carousel';
2
2
  import { CardNewsProps } from '../../molecules/CardNews/CardNews';
3
3
  import { CardPromoProfileProps } from '../../molecules/CardPromoProfile/CardPromoProfile';
4
4
  export declare const newsCards: Omit<CardNewsProps, 'titleTag'>[];
5
+ export declare const newsCardsBirmingham: Omit<CardNewsProps, 'titleTag'>[];
5
6
  export declare const carouselProps: CarouselProps;
7
+ export declare const carouselPropsCampaign: CarouselProps;
6
8
  export declare const profileCards: CardPromoProfileProps[];
7
9
  export declare const carouselPropsProfileCards: CarouselProps;
@@ -1,2 +1,3 @@
1
1
  import { FeaturedVideoProps } from './FeaturedVideo';
2
2
  export declare const featuredVideoProps: FeaturedVideoProps;
3
+ export declare const featuredVideoPropsCampaignPage: FeaturedVideoProps;
@@ -15,14 +15,15 @@ export interface SocialIconProps {
15
15
  export interface FooterProps {
16
16
  theme: ThemeProps;
17
17
  summaryLinks?: FooterLinkProps[];
18
- hygieneLinks: FooterLinkProps[];
19
- locations: FooterLinkProps[];
18
+ hygieneLinks?: FooterLinkProps[];
19
+ locations?: FooterLinkProps[];
20
20
  activeCampus?: 'uk' | 'dubai';
21
- homepageUrl: string;
22
- address: string[];
21
+ homepageUrl?: string;
22
+ address?: string[];
23
23
  telIntroText?: string;
24
- telephoneAsNumber: string;
25
- telephoneAsDisplay: string;
26
- socialIcons: SocialIconProps[];
24
+ telephoneAsNumber?: string;
25
+ telephoneAsDisplay?: string;
26
+ socialIcons?: SocialIconProps[];
27
+ minimalFooter?: boolean;
27
28
  }
28
- export default function Footer({ theme, locations, summaryLinks, hygieneLinks, activeCampus, address, telephoneAsNumber, telephoneAsDisplay, telIntroText, socialIcons }: FooterProps): ReactElement;
29
+ export default function Footer({ theme, locations, summaryLinks, hygieneLinks, activeCampus, address, telephoneAsNumber, telephoneAsDisplay, telIntroText, socialIcons, minimalFooter }: FooterProps): ReactElement;
@@ -12,3 +12,5 @@ export default meta;
12
12
  type Story = StoryObj<typeof meta>;
13
13
  export declare const UKFooter: Story;
14
14
  export declare const DubaiFooter: Story;
15
+ export declare const MinimalUKFooter: Story;
16
+ export declare const MinimalDubaiFooter: Story;
@@ -6,3 +6,5 @@ export declare const socialIconsDubai: SocialIconProps[];
6
6
  export declare const footerLocations: FooterLinkProps[];
7
7
  export declare const footerPropsUK: FooterProps;
8
8
  export declare const footerPropsDubai: FooterProps;
9
+ export declare const minimalFooterPropsUK: FooterProps;
10
+ export declare const minimalFooterPropsDubai: FooterProps;
@@ -9,6 +9,7 @@ export interface HeaderProps {
9
9
  * The theme to use
10
10
  */
11
11
  theme: ThemeProps;
12
+ inverse?: boolean;
12
13
  /**
13
14
  * Large nav links on the main menu
14
15
  */
@@ -27,4 +28,4 @@ export interface HeaderProps {
27
28
  activeCampus?: 'uk' | 'dubai';
28
29
  searchProps: SearchMenuProps;
29
30
  }
30
- export declare const Header: ({ theme, primaryLinks, secondaryLinks, menuCards, dubaiUrl, ukUrl, logoTitleTagH1, activeCampus, searchProps }: HeaderProps) => ReactElement;
31
+ export declare const Header: ({ theme, inverse, primaryLinks, secondaryLinks, menuCards, dubaiUrl, ukUrl, logoTitleTagH1, activeCampus, searchProps }: HeaderProps) => ReactElement;
@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
3
3
  import { Header } from './Header';
4
4
  declare const meta: {
5
5
  title: string;
6
- component: ({ theme, primaryLinks, secondaryLinks, menuCards, dubaiUrl, ukUrl, logoTitleTagH1, activeCampus, searchProps }: import("./Header").HeaderProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
6
+ component: ({ theme, inverse, primaryLinks, secondaryLinks, menuCards, dubaiUrl, ukUrl, logoTitleTagH1, activeCampus, searchProps }: import("./Header").HeaderProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
7
7
  tags: string[];
8
8
  };
9
9
  export default meta;
@@ -8,5 +8,6 @@ export interface MainMenuProps {
8
8
  menuCards?: CardMenuProps[];
9
9
  onClickNavLink: (idx: number) => void;
10
10
  theme: ThemeProps;
11
+ inverse?: boolean;
11
12
  }
12
- export declare const MainMenu: ({ primaryLinks, secondaryLinks, onClickNavLink, menuCards, theme }: MainMenuProps) => ReactElement;
13
+ export declare const MainMenu: ({ primaryLinks, secondaryLinks, onClickNavLink, menuCards, theme, inverse }: MainMenuProps) => ReactElement;
@@ -7,5 +7,6 @@ export interface NestedMenuProps {
7
7
  onClickNavLink: (idx: number) => void;
8
8
  theme: ThemeProps;
9
9
  backLinkLabel: string;
10
+ inverse?: boolean;
10
11
  }
11
- export declare const NestedMenu: ({ headingLink, onClickGoBack, onClickNavLink, theme, backLinkLabel }: NestedMenuProps) => ReactElement;
12
+ export declare const NestedMenu: ({ headingLink, onClickGoBack, onClickNavLink, theme, backLinkLabel, inverse }: NestedMenuProps) => ReactElement;
@@ -2,6 +2,7 @@ import { HeaderProps } from './Header';
2
2
  export declare const headerProps: HeaderProps;
3
3
  export declare const menuCards: [import("../../molecules/CardMenu/CardMenu").CardMenuProps, import("../../molecules/CardMenu/CardMenu").CardMenuProps, import("../../molecules/CardMenu/CardMenu").CardMenuProps] | undefined, headerPropsDubai: {
4
4
  theme: import("../../../themeProps").ThemeProps;
5
+ inverse?: boolean | undefined;
5
6
  primaryLinks: import("./types").HeaderLink[];
6
7
  secondaryLinks: import("./types").HeaderLink[];
7
8
  logoTitleTagH1?: boolean | undefined;
@@ -0,0 +1,19 @@
1
+ import { ReactElement } from 'react';
2
+ import { ThemeProps } from '../../../themeProps';
3
+ import { HeaderLink } from '../Header/types';
4
+ import { CardMenuProps } from '../../molecules/CardMenu/CardMenu';
5
+ import '../Header/header.scss';
6
+ export interface HeaderLandingProps {
7
+ theme: ThemeProps;
8
+ inverse?: boolean;
9
+ primaryLinks: HeaderLink[];
10
+ secondaryLinks: HeaderLink[];
11
+ menuCards?: [CardMenuProps, CardMenuProps, CardMenuProps];
12
+ backLinkUrl: string;
13
+ backLinkLabel: string;
14
+ backLinkLabelMobile: string;
15
+ logoTitleTagH1?: boolean;
16
+ hideSubMenu?: boolean;
17
+ hideBackLink?: boolean;
18
+ }
19
+ export declare const HeaderLanding: ({ theme, inverse, primaryLinks, secondaryLinks, menuCards, logoTitleTagH1, backLinkUrl, backLinkLabelMobile, backLinkLabel, hideSubMenu, hideBackLink }: HeaderLandingProps) => ReactElement;
@@ -0,0 +1,12 @@
1
+ /// <reference types="react" />
2
+ import type { StoryObj } from '@storybook/react';
3
+ import { HeaderLanding } from './HeaderLanding';
4
+ declare const meta: {
5
+ title: string;
6
+ component: ({ theme, inverse, primaryLinks, secondaryLinks, menuCards, logoTitleTagH1, backLinkUrl, backLinkLabelMobile, backLinkLabel, hideSubMenu, hideBackLink }: import("./HeaderLanding").HeaderLandingProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
7
+ tags: string[];
8
+ };
9
+ export default meta;
10
+ type Story = StoryObj<typeof HeaderLanding>;
11
+ export declare const Basic: Story;
12
+ export declare const ExampleWithSubMenuAndBackLink: Story;
@@ -0,0 +1,3 @@
1
+ import { HeaderLandingProps } from './HeaderLanding';
2
+ export declare const headerLandingProps: HeaderLandingProps;
3
+ export declare const menuCards: [import("../../molecules/CardMenu/CardMenu").CardMenuProps, import("../../molecules/CardMenu/CardMenu").CardMenuProps, import("../../molecules/CardMenu/CardMenu").CardMenuProps] | undefined;
@@ -15,3 +15,4 @@ export declare const studyLevelFilterSelect: FormSelectProps;
15
15
  export declare const topicSelectOptions: SelectOptionsProps[];
16
16
  export declare const topicFilterSelect: FormSelectProps;
17
17
  export declare const promoBlockFiltersData: PromoBlockProps;
18
+ export declare const promoBlockPropsCampaignPage: PromoBlockProps;
@@ -4,3 +4,4 @@ export declare const quoteWithCite: QuoteBlockProps;
4
4
  export declare const quoteOnly: QuoteBlockProps;
5
5
  export declare const quoteForCouresPage: QuoteBlockProps;
6
6
  export declare const quoteWithCiteForScholarshipsAwardPage: QuoteBlockProps;
7
+ export declare const quoteForCampaignPage: QuoteBlockProps;
@@ -11,3 +11,4 @@ export declare const richTextApplicationProcessAfter: RichTextProps;
11
11
  export declare const richTextResponsiveTableHorizontalScroll: RichTextProps;
12
12
  export declare const richTextScholarshipsAward: RichTextProps;
13
13
  export declare const richTextScholarshipsAwardApply: RichTextProps;
14
+ export declare const richTextCampaignPage: RichTextProps;
@@ -0,0 +1,21 @@
1
+ import { ReactElement } from 'react';
2
+ import { ThemeProps } from '../../../themeProps';
3
+ import { HeadingProps } from '../../molecules/Heading/Heading';
4
+ import './socialFeed.scss';
5
+ declare global {
6
+ interface Window {
7
+ Curator: {
8
+ Config?: {
9
+ loadWidget: () => void;
10
+ };
11
+ };
12
+ }
13
+ }
14
+ export interface SocialFeedProps {
15
+ theme?: ThemeProps;
16
+ inverse?: boolean;
17
+ curatorFeedId: string;
18
+ curatorScriptSrc: string;
19
+ heading?: HeadingProps;
20
+ }
21
+ export default function SocialFeed({ theme, inverse, curatorFeedId, curatorScriptSrc, heading }: SocialFeedProps): ReactElement;
@@ -0,0 +1,11 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import SocialFeed from './SocialFeed';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof SocialFeed;
6
+ tags: string[];
7
+ };
8
+ export default meta;
9
+ type Story = StoryObj<typeof SocialFeed>;
10
+ export declare const Dark: Story;
11
+ export declare const Light: Story;
@@ -0,0 +1,2 @@
1
+ import { SocialFeedProps } from './SocialFeed';
2
+ export declare const socialFeedProps: SocialFeedProps;
@@ -0,0 +1,35 @@
1
+ import { RefObject } from 'react';
2
+ import { HeaderLink, MenuLevel } from '../components/organisms/Header/types';
3
+ import { SearchMenuProps } from '../components/organisms/Header/components/SearchMenu';
4
+ export interface UseHeaderNavigationProps {
5
+ primaryLinks: HeaderLink[];
6
+ secondaryLinks: HeaderLink[];
7
+ searchProps?: SearchMenuProps;
8
+ }
9
+ export interface UseHeaderNavigationReturn {
10
+ openMenuButtonRef: RefObject<HTMLButtonElement>;
11
+ headerRef: RefObject<HTMLElement>;
12
+ desktopCampusSelectorRef: RefObject<HTMLDivElement>;
13
+ isOpen: boolean;
14
+ menuLevel: MenuLevel;
15
+ mainMenuSelectedIdx: number | null;
16
+ levelOneSelectedIdx: number | null;
17
+ searchIsOpen: boolean;
18
+ searchOpenedFromHeader: boolean;
19
+ searchTerm: string;
20
+ mainMenuSelectedLink: HeaderLink | null;
21
+ firstLevelSelectedLink: HeaderLink | null;
22
+ openMenu: () => void;
23
+ closeMenu: () => void;
24
+ openSearch: () => void;
25
+ openSearchFromHeader: () => void;
26
+ closeSearch: () => void;
27
+ onClickMainMenuNavLink: (idx: number) => void;
28
+ onClickLevelOneNavLink: (idx: number) => void;
29
+ goBackToMainMenu: () => void;
30
+ goBackToLevelOne: () => void;
31
+ closeLowestLevelSearch: () => void;
32
+ handleSearchChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
33
+ handleSearchSubmit: (e: React.SyntheticEvent) => void;
34
+ }
35
+ export declare const useHeaderNavigation: ({ primaryLinks, secondaryLinks, searchProps }: UseHeaderNavigationProps) => UseHeaderNavigationReturn;
package/dist/index.d.ts CHANGED
@@ -27,6 +27,7 @@ import Hero, { HeroProps } from './components/organisms/Hero/Hero';
27
27
  import HeroArticle, { HeroArticleProps } from './components/organisms/HeroArticle/HeroArticle';
28
28
  import HeroCourses, { HeroCoursesProps } from './components/organisms/HeroCourses/HeroCourses';
29
29
  import HeroCarousel, { HeroCarouselProps } from './components/organisms/HeroCarousel/HeroCarousel';
30
+ import HeroVideo, { HeroVideoProps } from './components/organisms/HeroVideo/HeroVideo';
30
31
  import ImageBlock, { ImageBlockProps } from './components/organisms/ImageBlock/ImageBlock';
31
32
  import ImageCarousel, { ImageCarouselProps } from './components/organisms/ImageCarousel/ImageCarousel';
32
33
  import InPageNavigation, { InPageNavigationProps } from './components/organisms/InPageNavigation/InPageNavigation';
@@ -70,5 +71,7 @@ import CardPromoProfile, { CardPromoProfileProps } from './components/molecules/
70
71
  import CardStaff, { CardStaffProps } from './components/molecules/CardStaff/CardStaff';
71
72
  import LogoWall, { LogoWallProps } from './components/organisms/LogoWall/LogoWall';
72
73
  import TextOverMedia, { TextOverMediaProps } from './components/organisms/TextOverMedia/TextOverMedia';
73
- export type { AccordionProps, AccreditationPromotionProps, AlertBannerProps, AnchorTargetProps, BreadcrumbsProps, CarouselProps, CardProfileProps, CardStaffProps, CenterWrapperProps, ClearingBannerProps, CourseDeliveryPillsProps, CTAComponentProps, EmbedWrapperProps, FactBoxesProps, FeaturedContentProps, FeaturedSignpostProps, FeaturedVideoProps, FiveArticlesGridProps, FooterProps, FormSelectProps, GenericDetailSectionProps, GeneralSearchFilterProps, HeaderProps, HeadingProps, HeroProps, HeroArticleProps, HeroCarouselProps, HeroCoursesProps, HeroProfileProps, ImageBlockProps, ImageCarouselProps, InPageNavigationProps, IntroTextProps, LeadNewsArticlesProps, ListingFilterWrapperProps, ListingResultsProps, ListingResultsCountProps, ListTableProps, LocationSelectorProps, MainWrapperProps, ModuleCardGroupProps, NewsArticlesPromoBlockProps, PaginationProps, PromoBlockProps, QuoteBlockProps, RelatedCoursesProps, ResearchStoryCarouselProps, RichTextProps, ScholarshipCarouselProps, SearchCoursesProps, SelectOptionsProps, StaffListingCarouselProps, SidebarWrapperProps, SignPostProps, SingleButtonProps, SkipToContentProps, TabsBlockProps, TextWithBackgroundProps, TwoColumnWrapperProps, TopicSelectorProps, StandardListingFilterProps, VideoCardComponentProps, VideoEmbedProps, ScrollableTableProps, ScrollableTableCategory, ModalCTAProps, LocationSectionProps, CardPromoProfileProps, CardPromoSignpostProps, CardImageAndTextProps, LogoWallProps, TextOverMediaProps };
74
- export { Accordion, AcreditationPromotion, AlertBanner, AnchorTarget, Breadcrumbs, Carousel, CardProfile, CardPromoSignpost, CardStaff, CentreWrapper, ClearingBanner, CourseDeliveryPills, CTAComponent, EmbedWrapper, FactBoxes, FeaturedContent, FeaturedSignpost, FeaturedVideo, FiveArticlesGrid, Footer, GeneralSearchFilter, GenericDetailSection, Header, Heading, Hero, HeroArticle, HeroCarousel, HeroCourses, HeroProfile, ImageBlock, ImageCarousel, InPageNavigation, IntroText, LeadNewsArticles, ListingFilterWrapper, ListingResults, ListingResultsCount, ListTable, LocationSelector, MainWrapper, ModuleCardGroup, NewsArticlesPromoBlock, Pagination, PromoBlock, PromoBlockGrid, QuoteBlock, RelatedCourses, ResearchStoryCarousel, RichText, ScholarshipCarousel, SearchCourses, SidebarWrapper, SignPost, SingleButton, SkipToContent, StaffListingCarousel, StandardListingFilter, TabsBlock, TextWithBackground, TopicSelector, TwoColumnWrapper, VideoCardComponent, VideoEmbed, ScrollableTable, ModalCTA, LocationSection, CardPromoProfile, CardImageAndText, LogoWall, TextOverMedia };
74
+ import SocialFeed, { SocialFeedProps } from './components/organisms/SocialFeed/SocialFeed';
75
+ import { HeaderLanding, HeaderLandingProps } from './components/organisms/HeaderLanding/HeaderLanding';
76
+ export type { AccordionProps, AccreditationPromotionProps, AlertBannerProps, AnchorTargetProps, BreadcrumbsProps, CarouselProps, CardProfileProps, CardStaffProps, CenterWrapperProps, ClearingBannerProps, CourseDeliveryPillsProps, CTAComponentProps, EmbedWrapperProps, FactBoxesProps, FeaturedContentProps, FeaturedSignpostProps, FeaturedVideoProps, FiveArticlesGridProps, FooterProps, FormSelectProps, GenericDetailSectionProps, GeneralSearchFilterProps, HeaderProps, HeadingProps, HeroProps, HeroArticleProps, HeroCarouselProps, HeroCoursesProps, HeroProfileProps, HeroVideoProps, ImageBlockProps, ImageCarouselProps, InPageNavigationProps, IntroTextProps, LeadNewsArticlesProps, ListingFilterWrapperProps, ListingResultsProps, ListingResultsCountProps, ListTableProps, LocationSelectorProps, MainWrapperProps, ModuleCardGroupProps, NewsArticlesPromoBlockProps, PaginationProps, PromoBlockProps, QuoteBlockProps, RelatedCoursesProps, ResearchStoryCarouselProps, RichTextProps, ScholarshipCarouselProps, SearchCoursesProps, SelectOptionsProps, StaffListingCarouselProps, SidebarWrapperProps, SignPostProps, SingleButtonProps, SkipToContentProps, TabsBlockProps, TextWithBackgroundProps, TwoColumnWrapperProps, TopicSelectorProps, StandardListingFilterProps, VideoCardComponentProps, VideoEmbedProps, ScrollableTableProps, ScrollableTableCategory, ModalCTAProps, LocationSectionProps, CardPromoProfileProps, CardPromoSignpostProps, CardImageAndTextProps, LogoWallProps, TextOverMediaProps, SocialFeedProps, HeaderLandingProps };
77
+ export { Accordion, AcreditationPromotion, AlertBanner, AnchorTarget, Breadcrumbs, Carousel, CardProfile, CardPromoSignpost, CardStaff, CentreWrapper, ClearingBanner, CourseDeliveryPills, CTAComponent, EmbedWrapper, FactBoxes, FeaturedContent, FeaturedSignpost, FeaturedVideo, FiveArticlesGrid, Footer, GeneralSearchFilter, GenericDetailSection, Header, Heading, Hero, HeroArticle, HeroCarousel, HeroCourses, HeroProfile, HeroVideo, ImageBlock, ImageCarousel, InPageNavigation, IntroText, LeadNewsArticles, ListingFilterWrapper, ListingResults, ListingResultsCount, ListTable, LocationSelector, MainWrapper, ModuleCardGroup, NewsArticlesPromoBlock, Pagination, PromoBlock, PromoBlockGrid, QuoteBlock, RelatedCourses, ResearchStoryCarousel, RichText, ScholarshipCarousel, SearchCourses, SidebarWrapper, SignPost, SingleButton, SkipToContent, StaffListingCarousel, StandardListingFilter, TabsBlock, TextWithBackground, TopicSelector, TwoColumnWrapper, VideoCardComponent, VideoEmbed, ScrollableTable, ModalCTA, LocationSection, CardPromoProfile, CardImageAndText, LogoWall, TextOverMedia, SocialFeed, HeaderLanding };