@uob-web-and-digital/component-library 2.12.9 → 2.13.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.
- package/dist/components/atoms/LogoLink/LogoLink.d.ts +3 -1
- package/dist/components/organisms/TextOverMedia/TextOverMedia.d.ts +14 -0
- package/dist/components/organisms/TextOverMedia/TextOverMedia.stories.d.ts +22 -0
- package/dist/components/organisms/TextOverMedia/defaultProps.d.ts +4 -0
- package/dist/index.d.ts +3 -2
- package/dist/main.css +1 -1
- package/dist/main.js +5 -5
- package/dist/module.js +5 -5
- package/package.json +1 -1
|
@@ -9,5 +9,7 @@ export interface LogoLinkProps {
|
|
|
9
9
|
imageHeight?: number;
|
|
10
10
|
imageAltText?: string;
|
|
11
11
|
children?: ReactNode;
|
|
12
|
+
baseAssetUrl?: string;
|
|
13
|
+
loadingAttr?: 'lazy' | 'eager' | undefined;
|
|
12
14
|
}
|
|
13
|
-
export default function LogoLink({ activeCampus, imageMode, ukHomepagePath, dubaiHomepagePath, classNames, imageHeight, imageWidth, imageAltText, children }: LogoLinkProps): ReactElement;
|
|
15
|
+
export default function LogoLink({ activeCampus, imageMode, ukHomepagePath, dubaiHomepagePath, classNames, imageHeight, imageWidth, imageAltText, children, baseAssetUrl, loadingAttr }: LogoLinkProps): ReactElement;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import './textOverMedia.scss';
|
|
3
|
+
import { ImageProps } from '../../atoms/Image/Image';
|
|
4
|
+
import { ThemeProps } from '../../../themeProps';
|
|
5
|
+
export interface TextOverMediaProps {
|
|
6
|
+
theme: ThemeProps;
|
|
7
|
+
inverse?: boolean;
|
|
8
|
+
image: ImageProps;
|
|
9
|
+
imageCaption?: string;
|
|
10
|
+
imageCredit?: string;
|
|
11
|
+
contentPosition?: 'left' | 'right';
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export default function TextOverMedia({ theme, inverse, image, imageCaption, imageCredit, contentPosition, children }: TextOverMediaProps): ReactElement | null;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import TextOverMedia from './TextOverMedia';
|
|
3
|
+
import './textOverMedia.scss';
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: typeof TextOverMedia;
|
|
7
|
+
tags: string[];
|
|
8
|
+
parameters: {
|
|
9
|
+
backgrounds: {
|
|
10
|
+
default: string;
|
|
11
|
+
};
|
|
12
|
+
layout: string;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default meta;
|
|
16
|
+
type Story = StoryObj<typeof TextOverMedia>;
|
|
17
|
+
export declare const Default: Story;
|
|
18
|
+
export declare const Dark: Story;
|
|
19
|
+
export declare const Light: Story;
|
|
20
|
+
export declare const RightContent: Story;
|
|
21
|
+
export declare const LightQuote: Story;
|
|
22
|
+
export declare const LightNoChildren: Story;
|
package/dist/index.d.ts
CHANGED
|
@@ -69,5 +69,6 @@ import { FormSelectProps, SelectOptionsProps } from './components/atoms/FormSele
|
|
|
69
69
|
import CardPromoProfile, { CardPromoProfileProps } from './components/molecules/CardPromoProfile/CardPromoProfile';
|
|
70
70
|
import CardStaff, { CardStaffProps } from './components/molecules/CardStaff/CardStaff';
|
|
71
71
|
import LogoWall, { LogoWallProps } from './components/organisms/LogoWall/LogoWall';
|
|
72
|
-
|
|
73
|
-
export {
|
|
72
|
+
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 };
|