@uob-web-and-digital/component-library 0.0.32 → 0.0.34

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.
@@ -15,8 +15,9 @@ export interface CardPromoProps {
15
15
  location?: string;
16
16
  copy?: string;
17
17
  isSingle?: boolean;
18
+ titleTag: 'h2' | 'h3';
18
19
  }
19
20
  /**
20
21
  * Primary UI component for user interaction
21
22
  */
22
- export default function CardPromo({ theme, inverse, image, tag, title, subtitle, href, publishDate, authorString, location, copy, isSingle }: CardPromoProps): ReactElement;
23
+ export default function CardPromo({ theme, inverse, image, tag, title, subtitle, href, publishDate, authorString, location, copy, isSingle, titleTag }: CardPromoProps): ReactElement;
@@ -20,8 +20,9 @@ export interface CardPromoSignpostProps {
20
20
  buttonPrimary?: TextButtonProps;
21
21
  buttonSecondary?: TextButtonProps;
22
22
  link?: LinkWithArrowProps;
23
+ titleTag: 'h2' | 'h3';
23
24
  }
24
25
  /**
25
26
  * Primary UI component for user interaction
26
27
  */
27
- export default function CardPromoSignpost({ theme, inverse, image, tag, title, subtitle, publishDate, authorString, location, copy, isSingle, buttonPrimary, buttonSecondary, link, imageOrientation }: CardPromoSignpostProps): ReactElement;
28
+ export default function CardPromoSignpost({ theme, inverse, image, tag, title, subtitle, publishDate, authorString, location, copy, isSingle, buttonPrimary, buttonSecondary, link, imageOrientation, titleTag }: CardPromoSignpostProps): ReactElement;
@@ -5,6 +5,7 @@ import { ParagraphLinkProps } from '../../atoms/ParagraphLink/ParagraphLink';
5
5
  import './cardPromoVideo.scss';
6
6
  export interface CardPromoVideoProps {
7
7
  theme: ThemeProps;
8
+ inverse?: boolean;
8
9
  image?: ImageProps;
9
10
  title: string;
10
11
  publishDate?: string;
@@ -12,8 +13,9 @@ export interface CardPromoVideoProps {
12
13
  copy?: string;
13
14
  isSingle?: boolean;
14
15
  link?: ParagraphLinkProps;
16
+ titleTag: 'h2' | 'h3';
15
17
  }
16
18
  /**
17
19
  * Primary UI component for user interaction
18
20
  */
19
- export default function CardPromoVideo({ theme, image, title, publishDate, videoLength, copy, isSingle, link }: CardPromoVideoProps): ReactElement;
21
+ export default function CardPromoVideo({ theme, inverse, image, title, publishDate, videoLength, copy, isSingle, link, titleTag }: CardPromoVideoProps): ReactElement;
@@ -12,7 +12,6 @@ interface CarouselNavProps {
12
12
  nextButtonDisabled: boolean;
13
13
  carouselId: string;
14
14
  showNumbers?: boolean;
15
- lineColor?: 'black' | 'gold';
16
15
  }
17
- export default function CarouselNav({ theme, inverse, totalNumber, currentNumber, onClickNext, onClickPrev, prevButtonDisabled, nextButtonDisabled, carouselId, showNumbers, lineColor }: CarouselNavProps): ReactElement;
16
+ export default function CarouselNav({ theme, inverse, totalNumber, currentNumber, onClickNext, onClickPrev, prevButtonDisabled, nextButtonDisabled, carouselId, showNumbers }: CarouselNavProps): ReactElement;
18
17
  export {};
@@ -9,5 +9,3 @@ export default meta;
9
9
  type Story = StoryObj<typeof CarouselNav>;
10
10
  export declare const CarouselNavLight: Story;
11
11
  export declare const CarouselNavDark: Story;
12
- export declare const CarouselNavGoldLine: Story;
13
- export declare const CarouselNavDarkGoldLine: Story;
@@ -34,5 +34,9 @@ export interface PromoBlockProps {
34
34
  * A Promo block component can have any number of items
35
35
  */
36
36
  cards: CardPromoProps[] | CardPromoSignpostProps[] | CardPromoVideoProps[];
37
+ /**
38
+ * Only applies to the signpost card and if there is only one
39
+ */
40
+ imageOrientation: 'left' | 'right';
37
41
  }
38
- export default function PromoBlock({ theme, inverse, type, title, description, link, cards }: PromoBlockProps): ReactElement | null;
42
+ export default function PromoBlock({ theme, inverse, type, title, description, link, cards, imageOrientation }: PromoBlockProps): ReactElement | null;
@@ -0,0 +1,2 @@
1
+ import { RichTextProps } from './RichText';
2
+ export declare const richTextProps: RichTextProps;
package/dist/index.d.ts CHANGED
@@ -71,6 +71,7 @@ interface CardPromoProps {
71
71
  location?: string;
72
72
  copy?: string;
73
73
  isSingle?: boolean;
74
+ titleTag: 'h2' | 'h3';
74
75
  }
75
76
 
76
77
  interface TextButtonProps {
@@ -130,6 +131,7 @@ interface CardPromoSignpostProps {
130
131
  buttonPrimary?: TextButtonProps;
131
132
  buttonSecondary?: TextButtonProps;
132
133
  link?: LinkWithArrowProps;
134
+ titleTag: 'h2' | 'h3';
133
135
  }
134
136
 
135
137
  interface ParagraphLinkProps {
@@ -148,6 +150,7 @@ interface ParagraphLinkProps {
148
150
 
149
151
  interface CardPromoVideoProps {
150
152
  theme: ThemeProps;
153
+ inverse?: boolean;
151
154
  image?: ImageProps;
152
155
  title: string;
153
156
  publishDate?: string;
@@ -155,6 +158,7 @@ interface CardPromoVideoProps {
155
158
  copy?: string;
156
159
  isSingle?: boolean;
157
160
  link?: ParagraphLinkProps;
161
+ titleTag: 'h2' | 'h3';
158
162
  }
159
163
 
160
164
  interface CarouselProps {