@uob-web-and-digital/component-library 1.6.0 → 1.6.1

package/dist/components/molecules/GenericDetail/GenericDetail.d.ts

@@ -2,10 +2,13 @@ import { ReactElement } from 'react';
 import { ThemeProps } from '../../../themeProps';
 import { IconType } from '../../atoms/Icons/Icons';
 import './genericDetail.scss';
+import { LinkWithIconProps } from '../../atoms/LinkWithIcon/LinkWithIcon';
 export interface GenericDetailProps {
     theme: ThemeProps;
     iconType: IconType;
     title: string;
+    valueLabel?: string;
     value: string;
+    scrollToSectionLink?: LinkWithIconProps;
 }
-export default function GenericDetail({ iconType, title, value, theme }: GenericDetailProps): ReactElement;
+export default function GenericDetail({ iconType, title, valueLabel, value, scrollToSectionLink, theme }: GenericDetailProps): ReactElement;

package/dist/components/molecules/GenericDetail/GenericDetail.stories.d.ts

@@ -8,3 +8,5 @@ declare const meta: {
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const WithValueLabel: Story;
+export declare const WithValueLabelAndSectionLink: Story;

package/dist/components/organisms/LocationSection/LocationSection.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement, ReactNode } from 'react';
 import { ThemeProps } from '../../../themeProps';
 import { GenericDetailProps } from '../../molecules/GenericDetail/GenericDetail';
-import './LocationSection.scss';
 import { LinkWithArrowProps } from '../../atoms/LinkWithArrow/LinkWithArrow';
+import './LocationSection.scss';
 export interface LocationSectionProps {
     theme: ThemeProps;
     embedChildren: ReactNode;
@@ -10,5 +10,9 @@ export interface LocationSectionProps {
     address: string[];
     services?: Omit<GenericDetailProps, 'theme'>[];
     link?: LinkWithArrowProps;
+    /**
+     * Optional titleTag of the component
+     */
+    titleTag?: 'h2' | 'h3';
 }
-export default function LocationSection({ theme, embedChildren, googleMapLink, address, services, link }: LocationSectionProps): ReactElement;
+export default function LocationSection({ theme, embedChildren, googleMapLink, address, services, link, titleTag }: LocationSectionProps): ReactElement;

package/dist/index.d.ts

@@ -684,11 +684,25 @@ interface FooterProps {
 }
 declare function Footer({ theme, locations, summaryLinks, hygieneLinks, activeCampus, address, telephoneAsNumber, telephoneAsDisplay, telIntroText, socialIcons }: FooterProps): ReactElement;
 
+interface LinkWithIconProps {
+    theme: ThemeProps;
+    inverse?: boolean;
+    url: string;
+    title: string;
+    externalLink: boolean;
+    iconLeft?: Omit<IconProps, 'theme'>;
+    iconRight?: Omit<IconProps, 'theme'>;
+    ariaLabel?: string;
+    onClick?: MouseEventHandler;
+}
+
 interface GenericDetailProps {
     theme: ThemeProps;
     iconType: IconType;
     title: string;
+    valueLabel?: string;
     value: string;
+    scrollToSectionLink?: LinkWithIconProps;
 }
 
 interface GenericDetailSectionProps {
@@ -923,18 +937,6 @@ interface ModalCTAButtonProps {
     modalChildren: ReactNode;
 }
 
-interface LinkWithIconProps {
-    theme: ThemeProps;
-    inverse?: boolean;
-    url: string;
-    title: string;
-    externalLink: boolean;
-    iconLeft?: Omit<IconProps, 'theme'>;
-    iconRight?: Omit<IconProps, 'theme'>;
-    ariaLabel?: string;
-    onClick?: MouseEventHandler;
-}
-
 interface CourseTileProps {
     title: string;
     value: string;
@@ -1736,8 +1738,12 @@ interface LocationSectionProps {
     address: string[];
     services?: Omit<GenericDetailProps, 'theme'>[];
     link?: LinkWithArrowProps;
+    /**
+     * Optional titleTag of the component
+     */
+    titleTag?: 'h2' | 'h3';
 }
-declare function LocationSection({ theme, embedChildren, googleMapLink, address, services, link }: LocationSectionProps): ReactElement;
+declare function LocationSection({ theme, embedChildren, googleMapLink, address, services, link, titleTag }: LocationSectionProps): ReactElement;
 
 interface HeroProfileProps {
     /**