@hellobetterdigitalnz/selwynui 0.0.1-2 → 0.0.1-22
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/DataDisplay/Accordion/Accordion.d.ts +3 -0
- package/dist/Components/DataDisplay/Accordion/AccordionContext.d.ts +3 -0
- package/dist/Components/DataDisplay/Accordion/AccordionContextInterface.d.ts +7 -0
- package/dist/Components/DataDisplay/Accordion/AccordionItem.d.ts +3 -0
- package/dist/Components/DataDisplay/Accordion/AccordionItemProps.d.ts +18 -0
- package/dist/Components/DataDisplay/Accordion/AccordionProps.d.ts +11 -0
- package/dist/Components/DataDisplay/Accordion/AccordionProvider.d.ts +3 -0
- package/dist/Components/DataDisplay/Accordion/AccordionProviderInterface.d.ts +7 -0
- package/dist/Components/DataDisplay/Accordion/accordion-bg-design.d.ts +2 -0
- package/dist/Components/DataDisplay/DetailsCard/DetailsCardProps.d.ts +7 -1
- package/dist/Components/DataDisplay/ImageContent/ImageContentProps.d.ts +4 -4
- package/dist/Components/DataDisplay/Pathway/PathwayProps.d.ts +13 -4
- package/dist/Components/DataDisplay/PathwayBlock/PathwayBlock.d.ts +3 -0
- package/dist/Components/DataDisplay/PathwayBlock/PathwayBlockProps.d.ts +11 -0
- package/dist/Components/DataDisplay/PromoBannerBlock/PromoBannerBlockProps.d.ts +9 -9
- package/dist/Components/DataDisplay/PromoBannerBlock/brand-piller.d.ts +3 -0
- package/dist/Components/DataDisplay/TestimonyCard/TestimonyCard.d.ts +3 -0
- package/dist/Components/DataDisplay/TestimonyCard/TestimonyCardProps.d.ts +10 -0
- package/dist/Components/DataDisplay/index.d.ts +2 -0
- package/dist/Components/Form/Button/Button.d.ts +3 -0
- package/dist/Components/Form/Button/ButtonProps.d.ts +16 -5
- package/dist/Components/Layout/Header/HeaderProps.d.ts +1 -0
- package/dist/Components/Layout/Header/MegaMenu/MegaMenu.d.ts +2 -1
- package/dist/Components/Layout/Header/MegaMenu/MegaMenuProps.d.ts +28 -1
- package/dist/Components/Layout/Header/MobileNavigation/MobileNavigation.d.ts +3 -0
- package/dist/Components/Layout/Header/MobileNavigation/MobileNavigationItem.d.ts +3 -0
- package/dist/Components/Layout/Header/MobileNavigation/MobileNavigationItemProps.d.ts +4 -0
- package/dist/Components/Layout/Header/MobileNavigation/MobileNavigationProps.d.ts +7 -0
- package/dist/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigation.d.ts +3 -0
- package/dist/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationItem.d.ts +3 -0
- package/dist/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationItemProps.d.ts +4 -0
- package/dist/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationProps.d.ts +7 -0
- package/dist/Components/Layout/Header/MobileNavigation/MobileWhatuOverlay.d.ts +2 -0
- package/dist/Components/Layout/HeroBanner/HeroBannerProps.d.ts +1 -1
- package/dist/Components/Layout/index.d.ts +7 -1
- package/dist/Components/Shared/Hook/useScrollFadeIn/useScrollFadeIn.d.ts +6 -0
- package/dist/Components/Shared/PillarIcon/PillarIcon.d.ts +3 -0
- package/dist/Components/Shared/PillarIcon/PillarIconsProps.d.ts +4 -0
- package/dist/Components/Shared/PillarLogo/PillarLogo.d.ts +6 -0
- package/dist/Components/Shared/ScrollFadeIn/ScrollFadeIn.d.ts +12 -0
- package/dist/Components/index.d.ts +5 -0
- package/dist/img/accordion-image.svg +9 -0
- package/dist/index.cjs.js +10 -10
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -5
- package/dist/index.es.js +1452 -676
- package/dist/index.es.js.map +1 -1
- package/dist/selwynui.css +1 -1
- package/package.json +2 -1
- package/src/Components/DataDisplay/Accordion/Accordion.tsx +15 -17
- package/src/Components/DataDisplay/DetailsCard/DetailsCard.stories.tsx +7 -3
- package/src/Components/DataDisplay/DetailsCard/DetailsCard.tsx +11 -39
- package/src/Components/DataDisplay/DetailsCard/DetailsCardProps.tsx +7 -1
- package/src/Components/DataDisplay/DetailsCard/detailsCard.module.scss +10 -10
- package/src/Components/DataDisplay/ImageContent/ImageContent.stories.tsx +50 -12
- package/src/Components/DataDisplay/ImageContent/ImageContent.tsx +68 -21
- package/src/Components/DataDisplay/ImageContent/ImageContentProps.tsx +2 -1
- package/src/Components/DataDisplay/ImageContent/imageContent.module.scss +144 -46
- package/src/Components/DataDisplay/Pathway/Pathway.stories.tsx +50 -13
- package/src/Components/DataDisplay/Pathway/Pathway.tsx +15 -4
- package/src/Components/DataDisplay/Pathway/PathwayProps.tsx +13 -4
- package/src/Components/DataDisplay/PathwayBlock/PathwayBlock.tsx +0 -2
- package/src/Components/DataDisplay/PromoBannerBlock/PromoBanner.stories.tsx +1 -2
- package/src/Components/DataDisplay/PromoBannerBlock/PromoBannerBlock.tsx +1 -5
- package/src/Components/DataDisplay/PromoBannerBlock/promoBanner.module.scss +3 -2
- package/src/Components/DataDisplay/index.ts +5 -1
- package/src/Components/DataDisplay/slider.scss +2 -0
- package/src/Components/Form/Button/ButtonProps.tsx +1 -1
- package/src/Components/Form/Button/button.module.scss +0 -1
- package/src/Components/Layout/Footer/Footer.stories.tsx +1 -1
- package/src/Components/Layout/Header/Header.stories.tsx +34 -7
- package/src/Components/Layout/Header/Header.tsx +2 -2
- package/src/Components/Layout/Header/HeaderProps.tsx +1 -0
- package/src/Components/Layout/Header/HeaderRightItem.tsx +2 -2
- package/src/Components/Layout/Header/MegaMenu/MegaMenu.tsx +156 -83
- package/src/Components/Layout/Header/MegaMenu/MegaMenuProps.tsx +22 -9
- package/src/Components/Layout/Header/MegaMenu/megaMenu.module.scss +4 -2
- package/src/Components/Layout/Header/MobileNavigation/MobileNavigation.tsx +26 -0
- package/src/Components/Layout/Header/MobileNavigation/MobileNavigationItem.tsx +17 -0
- package/src/Components/Layout/Header/MobileNavigation/MobileNavigationItemProps.tsx +5 -0
- package/src/Components/Layout/Header/MobileNavigation/MobileNavigationProps.tsx +9 -0
- package/src/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigation.tsx +21 -0
- package/src/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationItem.tsx +17 -0
- package/src/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationItemProps.tsx +5 -0
- package/src/Components/Layout/Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationProps.tsx +9 -0
- package/src/Components/Layout/Header/MobileNavigation/MobileWhatuOverlay.tsx +18 -0
- package/src/Components/Layout/Header/MobileNavigation/mobileNavigation.module.scss +62 -0
- package/src/Components/Layout/Header/header.module.scss +22 -3
- package/src/Components/Layout/Header/header.scss +15 -0
- package/src/Components/Layout/HeroBanner/HeroBanner.tsx +13 -3
- package/src/Components/Layout/HeroBanner/HeroBannerProps.tsx +1 -1
- package/src/Components/Layout/HeroBanner/heroBanner.module.scss +132 -24
- package/src/Components/Layout/index.ts +11 -3
- package/src/Components/Shared/Container/container.module.scss +3 -3
- package/src/Components/Shared/PillarIcon/PillarIcon.tsx +4 -4
- package/src/Components/index.ts +5 -0
- package/dist/index.es.d.ts +0 -2
- package/dist/tsconfig.app.tsbuildinfo +0 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface AccordionItemProps {
|
|
3
|
+
index: string | number;
|
|
4
|
+
title: string;
|
|
5
|
+
children: string | ReactNode;
|
|
6
|
+
onAfterOpened?: () => void;
|
|
7
|
+
onAfterClosed?: () => void;
|
|
8
|
+
onBeforeClosed?: () => boolean;
|
|
9
|
+
extraClass?: string;
|
|
10
|
+
accordionClass?: string;
|
|
11
|
+
icon?: ReactNode;
|
|
12
|
+
column?: "one" | "two";
|
|
13
|
+
id?: any;
|
|
14
|
+
elementId?: string;
|
|
15
|
+
isOpen?: boolean;
|
|
16
|
+
onToggle?: (open: boolean) => void;
|
|
17
|
+
}
|
|
18
|
+
export default AccordionItemProps;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface AccordionProps {
|
|
3
|
+
allowMultiple?: boolean;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
title?: string;
|
|
6
|
+
content?: string;
|
|
7
|
+
image?: string;
|
|
8
|
+
activeId?: number | null;
|
|
9
|
+
onActiveIdChange?: (id: number | null) => void;
|
|
10
|
+
}
|
|
11
|
+
export default AccordionProps;
|
|
@@ -2,7 +2,13 @@ interface DetailsCardProps {
|
|
|
2
2
|
title?: string;
|
|
3
3
|
description?: string;
|
|
4
4
|
date?: string;
|
|
5
|
-
link?:
|
|
5
|
+
link?: {
|
|
6
|
+
title?: string;
|
|
7
|
+
href?: string;
|
|
8
|
+
target?: "_blank" | "_self" | "_parent" | "_top";
|
|
9
|
+
rel?: string;
|
|
10
|
+
};
|
|
11
|
+
pillar?: 'visit' | 'live' | 'business' | 'participate' | 'taste';
|
|
6
12
|
image?: string;
|
|
7
13
|
variation?: "long" | "short";
|
|
8
14
|
category?: 'all' | 'adventure' | 'ski' | 'nature';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
export type PillarType = "main" | "live" | "visit" | "taste" | "business" | "participate";
|
|
3
|
-
export type RenditionType = "full" | "contained" | "masked";
|
|
3
|
+
export type RenditionType = "full" | "fluid" | "contained" | "masked";
|
|
4
4
|
export interface ImageSet {
|
|
5
5
|
single?: string;
|
|
6
6
|
setOfFour?: [string, string, string, string];
|
|
@@ -10,17 +10,17 @@ export interface Item {
|
|
|
10
10
|
label?: string;
|
|
11
11
|
}
|
|
12
12
|
export interface ImageContentProps {
|
|
13
|
-
level?: "primary" | "secondary" | "light";
|
|
14
13
|
pillar?: PillarType;
|
|
15
14
|
displayFullLogo?: boolean;
|
|
16
15
|
displayIconWithTitle?: boolean;
|
|
17
|
-
pillarTitle?: string;
|
|
18
16
|
title?: string;
|
|
17
|
+
boldTitle?: string;
|
|
19
18
|
content?: ReactNode;
|
|
20
19
|
action?: ReactNode;
|
|
21
20
|
images?: ImageSet;
|
|
21
|
+
imageSrc?: string;
|
|
22
22
|
alignment?: 'left' | 'right';
|
|
23
|
-
imageBorder?: 'top' | 'bottom';
|
|
23
|
+
imageBorder?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
|
|
24
24
|
rendition?: RenditionType;
|
|
25
25
|
list?: Item[];
|
|
26
26
|
}
|
|
@@ -1,8 +1,17 @@
|
|
|
1
1
|
export interface Card {
|
|
2
|
-
title
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
title?: string;
|
|
3
|
+
description?: string;
|
|
4
|
+
date?: string;
|
|
5
|
+
link?: {
|
|
6
|
+
title?: string;
|
|
7
|
+
href?: string;
|
|
8
|
+
target?: "_blank" | "_self" | "_parent" | "_top";
|
|
9
|
+
rel?: string;
|
|
10
|
+
};
|
|
11
|
+
pillar?: 'visit' | 'live' | 'business' | 'participate' | 'taste';
|
|
12
|
+
image?: string;
|
|
13
|
+
variation?: "long" | "short";
|
|
14
|
+
category?: 'all' | 'adventure' | 'ski' | 'nature';
|
|
6
15
|
}
|
|
7
16
|
interface PathwayProps {
|
|
8
17
|
title?: string;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export interface PathwayCard {
|
|
2
|
+
date: string;
|
|
3
|
+
description: string;
|
|
4
|
+
image: string;
|
|
5
|
+
}
|
|
6
|
+
interface PathwayBlockProps {
|
|
7
|
+
title?: string;
|
|
8
|
+
cards?: PathwayCard[];
|
|
9
|
+
pillar?: 'visit' | 'live' | 'business' | 'participate' | 'taste' | 'main';
|
|
10
|
+
}
|
|
11
|
+
export default PathwayBlockProps;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
interface PromoBannerBlockProps {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
3
|
+
introTitle?: string;
|
|
4
|
+
introText?: string;
|
|
5
|
+
brandPiller?: 'visit' | 'live' | 'business' | 'participate' | 'taste' | 'main';
|
|
6
|
+
pillerTitle?: 'Visit' | 'Live' | 'Business' | 'Participate' | 'Taste' | 'Main';
|
|
7
|
+
title?: string;
|
|
8
|
+
boldTitle?: string;
|
|
9
|
+
content?: string;
|
|
10
|
+
image?: string;
|
|
11
|
+
button?: ReactNode;
|
|
12
12
|
extraClass?: string;
|
|
13
13
|
}
|
|
14
14
|
export default PromoBannerBlockProps;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface Testimony {
|
|
2
|
+
image?: string;
|
|
3
|
+
testimony: string;
|
|
4
|
+
author: string;
|
|
5
|
+
}
|
|
6
|
+
interface TestimonyCardProps {
|
|
7
|
+
testimonies: Testimony[];
|
|
8
|
+
pillar?: 'visit' | 'live' | 'business' | 'participate' | 'taste' | 'main';
|
|
9
|
+
}
|
|
10
|
+
export default TestimonyCardProps;
|
|
@@ -8,3 +8,5 @@ export { default as Pathway } from './Pathway/Pathway';
|
|
|
8
8
|
export type { default as PathwayProps } from './Pathway/PathwayProps';
|
|
9
9
|
export { default as PromoBannerBlock } from './PromoBannerBlock/PromoBannerBlock';
|
|
10
10
|
export type { default as PromoBannerBlockProps } from './PromoBannerBlock/PromoBannerBlockProps';
|
|
11
|
+
export { default as ImageContent } from './ImageContent/ImageContent';
|
|
12
|
+
export type { default as ImageContentProps } from './ImageContent/ImageContentProps';
|
|
@@ -1,12 +1,23 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
interface ButtonProps {
|
|
3
|
-
type?: "button";
|
|
3
|
+
type?: "button" | "submit" | "reset";
|
|
4
4
|
size?: "default" | "large" | "small";
|
|
5
|
-
style?: "solid" | "hollow";
|
|
5
|
+
style?: "solid" | "hollow" | "no-border";
|
|
6
|
+
level?: 'primary' | 'secondary' | 'light';
|
|
7
|
+
pillar?: 'main' | 'live' | 'visit' | 'taste' | 'business' | 'participate' | undefined;
|
|
8
|
+
linkable?: boolean;
|
|
9
|
+
extraClass?: string;
|
|
10
|
+
link?: {
|
|
11
|
+
url?: string;
|
|
12
|
+
target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
|
|
13
|
+
rel?: string | undefined;
|
|
14
|
+
};
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
primaryIcon?: ReactNode;
|
|
17
|
+
secondaryIcon?: ReactNode;
|
|
18
|
+
loading?: boolean;
|
|
19
|
+
bilingualTitle?: string;
|
|
6
20
|
label: string;
|
|
7
|
-
piller?: 'visit' | 'live' | 'business' | 'participate' | 'taste' | 'main';
|
|
8
|
-
level?: "primary" | "secondary" | "light";
|
|
9
|
-
icon?: ReactNode;
|
|
10
21
|
onClick?: () => void;
|
|
11
22
|
onHover?: () => void;
|
|
12
23
|
onFocus?: () => void;
|
|
@@ -1,4 +1,31 @@
|
|
|
1
|
+
export interface MenuItem {
|
|
2
|
+
label?: string;
|
|
3
|
+
url?: string;
|
|
4
|
+
imageUrl?: string;
|
|
5
|
+
title?: string;
|
|
6
|
+
boldTitle?: string;
|
|
7
|
+
description?: string;
|
|
8
|
+
target?: string;
|
|
9
|
+
action?: {
|
|
10
|
+
label?: string;
|
|
11
|
+
url?: string;
|
|
12
|
+
target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
|
|
13
|
+
rel?: string;
|
|
14
|
+
};
|
|
15
|
+
pillar?: 'visit' | 'live' | 'business' | 'participate' | 'taste';
|
|
16
|
+
}
|
|
1
17
|
interface MegaMenuProps {
|
|
2
|
-
pillar: '
|
|
18
|
+
pillar: 'visit' | 'live' | 'business' | 'participate' | 'taste';
|
|
19
|
+
menu: MenuItem[];
|
|
20
|
+
defaultImg?: string;
|
|
21
|
+
defaultTitle?: string;
|
|
22
|
+
defaultBoldTitle?: string;
|
|
23
|
+
defaultDescription?: string;
|
|
24
|
+
defaultAction?: {
|
|
25
|
+
label?: string;
|
|
26
|
+
url?: string;
|
|
27
|
+
target?: "_blank" | "_self" | "_parent" | "_top" | undefined;
|
|
28
|
+
rel?: string;
|
|
29
|
+
};
|
|
3
30
|
}
|
|
4
31
|
export default MegaMenuProps;
|
|
@@ -8,7 +8,7 @@ export { default as FooterBottom } from './Footer/FooterBottom';
|
|
|
8
8
|
export type { default as FooterBottomProps } from './Footer/FooterBottomProps';
|
|
9
9
|
export { default as FooterBottomLeft } from './Footer/FooterBottomLeft';
|
|
10
10
|
export type { default as FooterBottomLeftProps } from './Footer/FooterBottomLeftProps';
|
|
11
|
-
export { default as
|
|
11
|
+
export { default as FooterBottomRight } from './Footer/FooterBottomRight';
|
|
12
12
|
export type { default as FooterBottomRightProps } from './Footer/FooterBottomRightProps';
|
|
13
13
|
export { default as FooterItem } from './Footer/FooterItem';
|
|
14
14
|
export type { default as FooterItemProps } from './Footer/FooterItemProps';
|
|
@@ -20,3 +20,9 @@ export { default as HeaderRightItem } from './Header/HeaderRightItem';
|
|
|
20
20
|
export type { default as HeaderRightItemProps } from './Header/HeaderRightItemProps';
|
|
21
21
|
export { default as HeroBanner } from './HeroBanner/HeroBanner';
|
|
22
22
|
export type { default as HeroBannerProps } from './HeroBanner/HeroBannerProps';
|
|
23
|
+
export { default as MegaMenu } from './Header/MegaMenu/MegaMenu';
|
|
24
|
+
export type { default as MegaMenuProps } from './Header/MegaMenu/MegaMenuProps';
|
|
25
|
+
export { default as MobileNavigation } from './Header/MobileNavigation/MobileNavigation';
|
|
26
|
+
export { default as MobileNavigationItem } from './Header/MobileNavigation/MobileNavigationItem';
|
|
27
|
+
export { default as MobileSubNavigation } from './Header/MobileNavigation/MobileSubNavigation/MobileSubNavigation';
|
|
28
|
+
export { default as MobileSubNavigationItem } from './Header/MobileNavigation/MobileSubNavigation/MobileSubNavigationItem';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { default as PropTypes } from 'prop-types';
|
|
3
|
+
interface IScrollFadeIn {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
declare const ScrollFadeIn: {
|
|
7
|
+
(props: IScrollFadeIn): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
propTypes: {
|
|
9
|
+
children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default ScrollFadeIn;
|