@uob-web-and-digital/component-library 0.0.76 → 0.0.78

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,7 +15,7 @@ export interface HeadingProps {
15
15
  inverse?: boolean;
16
16
  htmlTag?: HeadingElementProps['htmlTag'];
17
17
  title?: string;
18
- description?: string;
18
+ description?: string | ReactElement;
19
19
  linkProps?: LinkProps;
20
20
  fullWidth?: boolean;
21
21
  }
@@ -14,5 +14,6 @@ declare const meta: {
14
14
  export default meta;
15
15
  type Story = StoryObj<typeof Heading>;
16
16
  export declare const Default: Story;
17
+ export declare const HeadingDescriptionChildren: Story;
17
18
  export declare const Dark: Story;
18
19
  export declare const Light: Story;
@@ -0,0 +1,8 @@
1
+ import { ReactElement } from 'react';
2
+ import type { HeadingProps } from '../Heading';
3
+ type HeadingDescriptionProps = {
4
+ description: HeadingProps['description'];
5
+ inverse: HeadingProps['inverse'];
6
+ };
7
+ export default function HeadingDescription({ description, inverse }: HeadingDescriptionProps): ReactElement | null;
8
+ export {};
@@ -0,0 +1 @@
1
+ export declare function formatTabName(tabsBlockName: string, tabTitle: string): string;
@@ -17,9 +17,13 @@ export interface TabPanelProps {
17
17
  * Is the panel active
18
18
  */
19
19
  isActive: boolean;
20
+ /**
21
+ * If used, the name of the parent tabs block
22
+ */
23
+ tabsBlockName?: string;
20
24
  /**
21
25
  * The child components to show in the panel
22
26
  */
23
27
  children: ReactNode;
24
28
  }
25
- export default function TabPanel({ title, theme, inverse, isActive, children }: TabPanelProps): ReactElement | null;
29
+ export default function TabPanel({ title, theme, inverse, isActive, children, tabsBlockName }: TabPanelProps): ReactElement | null;
@@ -5,5 +5,6 @@ import { CardFactProps } from '../../molecules/CardFact/CardFact';
5
5
  export interface FactBoxesProps extends HeadingProps {
6
6
  fullWidth?: boolean;
7
7
  cards: CardFactProps[];
8
+ showCardColumn?: boolean;
8
9
  }
9
- export default function FactBoxes({ theme, inverse, title, description, linkProps, cards, fullWidth, htmlTag }: FactBoxesProps): ReactElement;
10
+ export default function FactBoxes({ theme, inverse, title, description, linkProps, cards, fullWidth, htmlTag, showCardColumn }: FactBoxesProps): ReactElement;
@@ -7,6 +7,7 @@ declare const meta: {
7
7
  };
8
8
  export default meta;
9
9
  type Story = StoryObj<typeof meta>;
10
+ export declare const NoColumnFacts: Story;
10
11
  export declare const DarkThreeFacts: Story;
11
12
  export declare const DarkTwoFacts: Story;
12
13
  export declare const DarkOneFact: Story;
package/dist/index.d.ts CHANGED
@@ -54,7 +54,7 @@ interface HeadingProps {
54
54
  inverse?: boolean;
55
55
  htmlTag?: HeadingProps$1['htmlTag'];
56
56
  title?: string;
57
- description?: string;
57
+ description?: string | ReactElement;
58
58
  linkProps?: LinkProps$1;
59
59
  fullWidth?: boolean;
60
60
  }
@@ -479,8 +479,9 @@ interface CardFactProps {
479
479
  interface FactBoxesProps extends HeadingProps {
480
480
  fullWidth?: boolean;
481
481
  cards: CardFactProps[];
482
+ showCardColumn?: boolean;
482
483
  }
483
- declare function FactBoxes({ theme, inverse, title, description, linkProps, cards, fullWidth, htmlTag }: FactBoxesProps): ReactElement;
484
+ declare function FactBoxes({ theme, inverse, title, description, linkProps, cards, fullWidth, htmlTag, showCardColumn }: FactBoxesProps): ReactElement;
484
485
 
485
486
  interface FeaturedContentProps {
486
487
  /**