@uob-web-and-digital/component-library 2.7.11 → 2.8.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/molecules/CardImageAndText/CardImageAndText.d.ts +14 -0
- package/dist/components/molecules/CardImageAndText/CardImageAndText.stories.d.ts +18 -0
- package/dist/components/molecules/CardImageAndText/defaultProps.d.ts +6 -0
- package/dist/index.d.ts +4 -2
- package/dist/main.css +1 -1
- package/dist/main.js +2 -2
- package/dist/module.js +5 -5
- package/package.json +1 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
import { ImageProps } from '../../atoms/Image/Image';
|
|
3
|
+
import { ThemeProps } from '../../../themeProps';
|
|
4
|
+
import { HeadingProps } from '../../atoms/Heading/Heading';
|
|
5
|
+
import './cardImageAndText.scss';
|
|
6
|
+
export interface CardImageAndTextProps {
|
|
7
|
+
theme: ThemeProps;
|
|
8
|
+
inverse?: boolean;
|
|
9
|
+
image: ImageProps;
|
|
10
|
+
title?: string;
|
|
11
|
+
titleTag?: HeadingProps['htmlTag'];
|
|
12
|
+
text: string;
|
|
13
|
+
}
|
|
14
|
+
export default function CardImageAndText({ theme, inverse, image, title, titleTag, text }: CardImageAndTextProps): ReactElement;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import CardImageAndText from './CardImageAndText';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: typeof CardImageAndText;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof CardImageAndText>;
|
|
13
|
+
export declare const Light: Story;
|
|
14
|
+
export declare const Dark: Story;
|
|
15
|
+
export declare const MultipleParagraphs: Story;
|
|
16
|
+
export declare const Logo: Story;
|
|
17
|
+
export declare const NoHeading: Story;
|
|
18
|
+
export declare const Group: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { CardImageAndTextProps } from './CardImageAndText';
|
|
2
|
+
export declare const cardImageAndTextLight: CardImageAndTextProps;
|
|
3
|
+
export declare const cardImageAndTextLogo: CardImageAndTextProps;
|
|
4
|
+
export declare const cardImageAndTextDark: CardImageAndTextProps;
|
|
5
|
+
export declare const cardImageAndTextMultipleParagraphs: CardImageAndTextProps;
|
|
6
|
+
export declare const cardImageAndTextNoHeading: CardImageAndTextProps;
|
package/dist/index.d.ts
CHANGED
|
@@ -6,6 +6,8 @@ import AnchorTarget, { AnchorTargetProps } from './components/organisms/AnchorTa
|
|
|
6
6
|
import Breadcrumbs, { BreadcrumbsProps } from './components/organisms/Breadcrumbs/Breadcrumbs';
|
|
7
7
|
import Carousel, { CarouselProps } from './components/organisms/Carousel/Carousel';
|
|
8
8
|
import CardProfile, { CardProfileProps } from './components/molecules/CardProfile/CardProfile';
|
|
9
|
+
import CardPromoSignpost, { CardPromoSignpostProps } from './components/molecules/CardPromoSignpost/CardPromoSignpost';
|
|
10
|
+
import CardImageAndText, { CardImageAndTextProps } from './components/molecules/CardImageAndText/CardImageAndText';
|
|
9
11
|
import CentreWrapper, { CenterWrapperProps } from './components/organisms/CentreWrapper/CentreWrapper';
|
|
10
12
|
import ClearingBanner, { ClearingBannerProps } from './components/organisms/ClearingBanner/ClearingBanner';
|
|
11
13
|
import CourseDeliveryPills, { CourseDeliveryPillsProps } from './components/organisms/CourseDeliveryPills/CourseDeliveryPills';
|
|
@@ -66,5 +68,5 @@ import TwoColumnWrapper, { TwoColumnWrapperProps } from './components/organisms/
|
|
|
66
68
|
import { FormSelectProps, SelectOptionsProps } from './components/atoms/FormSelect/FormSelect';
|
|
67
69
|
import CardPromoProfile, { CardPromoProfileProps } from './components/molecules/CardPromoProfile/CardPromoProfile';
|
|
68
70
|
import CardStaff, { CardStaffProps } from './components/molecules/CardStaff/CardStaff';
|
|
69
|
-
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 };
|
|
70
|
-
export { Accordion, AcreditationPromotion, AlertBanner, AnchorTarget, Breadcrumbs, Carousel, CardProfile, 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 };
|
|
71
|
+
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 };
|
|
72
|
+
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 };
|