@uob-web-and-digital/component-library 0.0.107 → 1.0.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/ExampleTheming/ExampleTheming.stories.d.ts +1 -1
- package/dist/components/atoms/IconButton/IconButton.stories.d.ts +1 -1
- package/dist/components/atoms/IconControl/IconControl.stories.d.ts +1 -1
- package/dist/components/atoms/Image/Image.d.ts +2 -1
- package/dist/components/molecules/CardFeatured/CardFeatured.stories.d.ts +1 -1
- package/dist/components/organisms/Header/Header.stories.d.ts +1 -1
- package/dist/components/organisms/Hero/Hero.d.ts +2 -1
- package/dist/components/organisms/Hero/components/PolygonImage.d.ts +2 -1
- package/dist/components/organisms/HeroCarousel/components/HeroImage.d.ts +3 -2
- package/dist/components/organisms/HeroCourses/components/tileLinkClickHandler.d.ts +2 -0
- package/dist/components/organisms/HeroProfile/HeroProfile.d.ts +2 -1
- package/dist/index.d.ts +3 -0
- package/dist/main.css +1 -1
- package/dist/main.js +2 -2
- package/dist/module.js +2 -2
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
|
|
|
3
3
|
import { ExampleTheming } from './ExampleTheming';
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: ({ theme, inverse }: import("./ExampleTheming").ExampleThemingProps) =>
|
|
6
|
+
component: ({ theme, inverse }: import("./ExampleTheming").ExampleThemingProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
7
7
|
tags: string[];
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { StoryObj } from '@storybook/react';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component:
|
|
5
|
+
component: React.ForwardRefExoticComponent<import("./IconButton").IconButtonProps & React.RefAttributes<HTMLButtonElement | null>>;
|
|
6
6
|
tags: string[];
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { StoryObj } from '@storybook/react';
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component:
|
|
5
|
+
component: React.ForwardRefExoticComponent<import("./IconControl").IconControlProps & React.RefAttributes<HTMLButtonElement | null>>;
|
|
6
6
|
tags: string[];
|
|
7
7
|
};
|
|
8
8
|
export default meta;
|
|
@@ -11,5 +11,6 @@ export type ImageProps = {
|
|
|
11
11
|
altText?: string | null;
|
|
12
12
|
title?: string | null;
|
|
13
13
|
loadingAttr?: 'lazy' | 'eager' | undefined;
|
|
14
|
+
fetchPriority?: 'high' | 'low' | 'auto';
|
|
14
15
|
};
|
|
15
|
-
export default function Image({ src, width, height, altText, title, loadingAttr }: ImageProps): ReactElement;
|
|
16
|
+
export default function Image({ src, width, height, altText, title, loadingAttr, fetchPriority }: ImageProps): ReactElement;
|
|
@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
|
|
|
3
3
|
import CardFeatured from './CardFeatured';
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
|
-
component:
|
|
6
|
+
component: React.ForwardRefExoticComponent<import("./CardFeatured").CardFeaturedProps & React.RefAttributes<HTMLDivElement | null>>;
|
|
7
7
|
tags: string[];
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|
|
@@ -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) =>
|
|
6
|
+
component: ({ theme, 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;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
2
|
import { ThemeProps } from '../../../themeProps';
|
|
3
3
|
import './hero.scss';
|
|
4
4
|
import { SelectOptionsProps } from '../../atoms/FormSelect/FormSelect';
|
|
@@ -35,6 +35,7 @@ export interface HeroProps {
|
|
|
35
35
|
};
|
|
36
36
|
alt: string;
|
|
37
37
|
style: 'rectangle' | 'lines-of-intent';
|
|
38
|
+
fetchPriority?: React.ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
|
|
38
39
|
};
|
|
39
40
|
links?: [] | [Link] | [Link, Link];
|
|
40
41
|
courseSearchProps?: CourseSearchProps;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
2
|
interface Props {
|
|
3
3
|
isMobile: boolean;
|
|
4
4
|
isTablet: boolean;
|
|
@@ -9,6 +9,7 @@ interface Props {
|
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
alt: string;
|
|
12
|
+
fetchPriority?: React.ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
|
|
12
13
|
};
|
|
13
14
|
}
|
|
14
15
|
export default function PolygonImage({ isMobile, isTablet, image }: Props): ReactElement;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
2
|
interface Props {
|
|
3
3
|
isMobile: boolean;
|
|
4
4
|
isTablet: boolean;
|
|
@@ -9,6 +9,7 @@ interface Props {
|
|
|
9
9
|
default: string;
|
|
10
10
|
};
|
|
11
11
|
imageAlt: string;
|
|
12
|
+
imageFetchPriority?: React.ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
|
|
12
13
|
}
|
|
13
|
-
export default function HeroImage({ isMobile, isTablet, activeVariant, imageSrc, imageAlt }: Props): ReactElement;
|
|
14
|
+
export default function HeroImage({ isMobile, isTablet, activeVariant, imageSrc, imageAlt, imageFetchPriority }: Props): ReactElement;
|
|
14
15
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
1
|
+
import React, { ReactElement } from 'react';
|
|
2
2
|
import { ThemeProps } from '../../../themeProps';
|
|
3
3
|
import './heroProfile.scss';
|
|
4
4
|
export interface HeroProfileProps {
|
|
@@ -16,6 +16,7 @@ export interface HeroProfileProps {
|
|
|
16
16
|
default: string;
|
|
17
17
|
};
|
|
18
18
|
alt: string;
|
|
19
|
+
fetchPriority?: React.ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
|
|
19
20
|
};
|
|
20
21
|
studentStatus?: string;
|
|
21
22
|
courseName?: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -79,6 +79,7 @@ type ImageProps = {
|
|
|
79
79
|
altText?: string | null;
|
|
80
80
|
title?: string | null;
|
|
81
81
|
loadingAttr?: 'lazy' | 'eager' | undefined;
|
|
82
|
+
fetchPriority?: 'high' | 'low' | 'auto';
|
|
82
83
|
};
|
|
83
84
|
|
|
84
85
|
interface Accreditation {
|
|
@@ -806,6 +807,7 @@ interface HeroProps {
|
|
|
806
807
|
};
|
|
807
808
|
alt: string;
|
|
808
809
|
style: 'rectangle' | 'lines-of-intent';
|
|
810
|
+
fetchPriority?: React.ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
|
|
809
811
|
};
|
|
810
812
|
links?: [] | [Link] | [Link, Link];
|
|
811
813
|
courseSearchProps?: CourseSearchProps;
|
|
@@ -1693,6 +1695,7 @@ interface HeroProfileProps {
|
|
|
1693
1695
|
default: string;
|
|
1694
1696
|
};
|
|
1695
1697
|
alt: string;
|
|
1698
|
+
fetchPriority?: React.ImgHTMLAttributes<HTMLImageElement>['fetchPriority'];
|
|
1696
1699
|
};
|
|
1697
1700
|
studentStatus?: string;
|
|
1698
1701
|
courseName?: string;
|