@asantemedia-org/edwardsvacuum-design-system 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/README.md +142 -0
- package/dist/app/api/hello/route.d.ts +1 -0
- package/dist/app/layout.d.ts +9 -0
- package/dist/app/page.d.ts +2 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.esm.js +2 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -0
- package/dist/stories/atoms/forms/checkbox/checkbox.d.ts +11 -0
- package/dist/stories/atoms/forms/checkbox/checkbox.stories.d.ts +7 -0
- package/dist/stories/atoms/forms/input/input.d.ts +31 -0
- package/dist/stories/atoms/forms/input/input.stories.d.ts +7 -0
- package/dist/stories/atoms/forms/select/select.d.ts +16 -0
- package/dist/stories/atoms/forms/select/select.stories.d.ts +7 -0
- package/dist/stories/atoms/forms/text/counrty-selector.d.ts +10 -0
- package/dist/stories/atoms/forms/text/text.d.ts +21 -0
- package/dist/stories/atoms/forms/text/text.stories.d.ts +7 -0
- package/dist/stories/components/Banner/Banner.d.ts +17 -0
- package/dist/stories/components/Banner/Banner.stories.d.ts +12 -0
- package/dist/stories/components/Banner/banner.dialog.d.ts +2 -0
- package/dist/stories/components/Banner/banner.html.d.ts +1 -0
- package/dist/stories/components/Button/Button.d.ts +21 -0
- package/dist/stories/components/Button/Button.stories.d.ts +10 -0
- package/dist/stories/components/Card/card.d.ts +6 -0
- package/dist/stories/components/Card/card.stories.d.ts +15 -0
- package/dist/stories/components/Card/card.types.d.ts +22 -0
- package/dist/stories/components/Expert-banner/expert.banner.d.ts +12 -0
- package/dist/stories/components/Expert-banner/expert.banner.stories.d.ts +6 -0
- package/dist/stories/components/Pagination/pagination.d.ts +20 -0
- package/dist/stories/components/Pagination/pagination.stories.d.ts +8 -0
- package/dist/stories/components/Popup/Popup.d.ts +17 -0
- package/dist/stories/components/Popup/Popup.stories.d.ts +9 -0
- package/dist/stories/components/Popup/icons/ChevronDown.d.ts +3 -0
- package/dist/stories/components/Popup/icons/Close.d.ts +3 -0
- package/dist/stories/components/Popup/popup.dialog.d.ts +2 -0
- package/dist/stories/components/Popup/popup.html.d.ts +1 -0
- package/dist/stories/components/Video/Video.d.ts +42 -0
- package/dist/stories/components/Video/Video.stories.d.ts +8 -0
- package/dist/stories/experiences/Accordion/accordion.d.ts +3 -0
- package/dist/stories/experiences/Accordion/accordion.item.d.ts +9 -0
- package/dist/stories/experiences/Accordion/accordion.stories.d.ts +14 -0
- package/dist/stories/experiences/Accordion/accordion.types.d.ts +22 -0
- package/dist/stories/experiences/Algolia-dynamic-search/algolia-dynamic-search.d.ts +31 -0
- package/dist/stories/experiences/Algolia-dynamic-search/algolia-dynamic-search.stories.d.ts +11 -0
- package/dist/stories/experiences/Anchor/anchor.d.ts +9 -0
- package/dist/stories/experiences/Anchor/anchor.stories.d.ts +6 -0
- package/dist/stories/experiences/Brand-promise-paragraph/Brand.promise.paragraph.d.ts +12 -0
- package/dist/stories/experiences/Brand-promise-paragraph/Brand.promise.paragraph.stories.d.ts +6 -0
- package/dist/stories/experiences/Breadcrumb/breadcrumb.d.ts +14 -0
- package/dist/stories/experiences/Breadcrumb/breadcrumb.stories.d.ts +8 -0
- package/dist/stories/experiences/Careers-search/careers-search-results-item.d.ts +10 -0
- package/dist/stories/experiences/Careers-search/careers-search-results.d.ts +10 -0
- package/dist/stories/experiences/Careers-search/careers-search.d.ts +17 -0
- package/dist/stories/experiences/Careers-search/careers-search.stories.d.ts +6 -0
- package/dist/stories/experiences/Carousel/dynamic/carousel.dynamic.d.ts +16 -0
- package/dist/stories/experiences/Carousel/dynamic/carousel.dynamic.stories.d.ts +7 -0
- package/dist/stories/experiences/Carousel/static/carousel.d.ts +12 -0
- package/dist/stories/experiences/Carousel/static/carousel.stories.d.ts +6 -0
- package/dist/stories/experiences/Download/download-item.d.ts +13 -0
- package/dist/stories/experiences/Download/download-library.d.ts +10 -0
- package/dist/stories/experiences/Download/download.stories.d.ts +9 -0
- package/dist/stories/experiences/Dynamic-list/dynamic.list.d.ts +11 -0
- package/dist/stories/experiences/Dynamic-list/dynamic.list.stories.d.ts +6 -0
- package/dist/stories/experiences/Faq/faq.d.ts +10 -0
- package/dist/stories/experiences/Faq/faq.stories.d.ts +6 -0
- package/dist/stories/experiences/Footer/footer-links/footer.links.d.ts +8 -0
- package/dist/stories/experiences/Footer/footer-socials/footer.socials.d.ts +8 -0
- package/dist/stories/experiences/Footer/footer-subfooter/footer.subfooter.d.ts +1 -0
- package/dist/stories/experiences/Footer/footer.d.ts +7 -0
- package/dist/stories/experiences/Footer/footer.model.d.ts +6 -0
- package/dist/stories/experiences/Footer/footer.stories.d.ts +6 -0
- package/dist/stories/experiences/Header/header-brand/header.brand.d.ts +10 -0
- package/dist/stories/experiences/Header/header-button/header.button.d.ts +17 -0
- package/dist/stories/experiences/Header/header-lang/header.language.switcher.d.ts +9 -0
- package/dist/stories/experiences/Header/header-megamenu/header.megamenu.d.ts +9 -0
- package/dist/stories/experiences/Header/header-nav/header.nav.d.ts +8 -0
- package/dist/stories/experiences/Header/header-search/header.search.d.ts +9 -0
- package/dist/stories/experiences/Header/header.content.d.ts +2 -0
- package/dist/stories/experiences/Header/header.d.ts +7 -0
- package/dist/stories/experiences/Header/header.stories.d.ts +6 -0
- package/dist/stories/experiences/Header/scripts.d.ts +2 -0
- package/dist/stories/experiences/Header/toggle.d.ts +7 -0
- package/dist/stories/experiences/Header-twentytwentyfour/button.d.ts +13 -0
- package/dist/stories/experiences/Header-twentytwentyfour/header.d.ts +7 -0
- package/dist/stories/experiences/Header-twentytwentyfour/header.stories.d.ts +8 -0
- package/dist/stories/experiences/Header-twentytwentyfour/list.d.ts +8 -0
- package/dist/stories/experiences/Interactive-cards/InteractiveCards.d.ts +24 -0
- package/dist/stories/experiences/Interactive-cards/InteractiveCards.stories.d.ts +8 -0
- package/dist/stories/experiences/Interactive-cards/icons/ArrowRight.d.ts +3 -0
- package/dist/stories/experiences/Interactive-cards/icons/ChevronDown.d.ts +3 -0
- package/dist/stories/experiences/Interactive-cards/icons/Close.d.ts +3 -0
- package/dist/stories/experiences/Interactive-container/InteractiveContainer.d.ts +23 -0
- package/dist/stories/experiences/Interactive-container/InteractiveContainer.stories.d.ts +10 -0
- package/dist/stories/experiences/Interactive-group/InteractiveGroup.d.ts +11 -0
- package/dist/stories/experiences/Interactive-group/InteractiveGroup.stories.d.ts +8 -0
- package/dist/stories/experiences/Interactive-map/Map.d.ts +7 -0
- package/dist/stories/experiences/Interactive-map/Map.stories.d.ts +6 -0
- package/dist/stories/experiences/Menu/menu.d.ts +10 -0
- package/dist/stories/experiences/Menu/menu.model.d.ts +68 -0
- package/dist/stories/experiences/Menu/menu.stories.d.ts +6 -0
- package/dist/stories/experiences/Numbers/card.d.ts +12 -0
- package/dist/stories/experiences/Numbers/numbers.d.ts +13 -0
- package/dist/stories/experiences/Numbers/numbers.stories.d.ts +8 -0
- package/dist/stories/experiences/Quote/quote.d.ts +11 -0
- package/dist/stories/experiences/Quote/quote.stories.d.ts +7 -0
- package/dist/stories/experiences/Tabs/tabs.d.ts +15 -0
- package/dist/stories/experiences/Tabs/tabs.stories.d.ts +10 -0
- package/dist/stories/experiences/Video-playlist/Video.playlist.d.ts +11 -0
- package/dist/stories/experiences/Video-playlist/Video.playlist.stories.d.ts +6 -0
- package/dist/stories/experiences/Video-playlist/video.playlist.dialog.d.ts +2 -0
- package/dist/stories/experiences/Video-playlist/video.playlist.html.d.ts +1 -0
- package/dist/stories/experiences/market-picker-prompt/Market.picker.prompt.d.ts +9 -0
- package/dist/stories/experiences/market-picker-prompt/Market.picker.prompt.stories.d.ts +6 -0
- package/dist/stories/structure/page/page.dialog.d.ts +2 -0
- package/dist/stories/structure/page/page.html.d.ts +1 -0
- package/dist/stories/templates/content.d.ts +3 -0
- package/dist/stories/templates/content.stories.d.ts +10 -0
- package/dist/stories/templates/product.d.ts +3 -0
- package/dist/stories/templates/product.stories.d.ts +10 -0
- package/dist/tsconfig.tsbuildinfo +1 -0
- package/dist/utils/components/anchor.links.d.ts +3 -0
- package/dist/utils/components/anchor.links.script.d.ts +1 -0
- package/dist/utils/components/swatch.d.ts +10 -0
- package/dist/utils/components/type.d.ts +11 -0
- package/dist/utils/content/content.demo.d.ts +5 -0
- package/dist/utils/content/content.model.d.ts +4 -0
- package/dist/utils/fontawesome/fac-edwardsicons.d.ts +2 -0
- package/package.json +101 -0
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './algolia-dynamic-search.scss';
|
|
3
|
+
interface AlgoliaDynamicSearchProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
heading?: string;
|
|
6
|
+
titleSize?: string;
|
|
7
|
+
subtext?: string;
|
|
8
|
+
callToActionText?: string;
|
|
9
|
+
callToActionUrl?: string;
|
|
10
|
+
queryType?: string;
|
|
11
|
+
hits?: any;
|
|
12
|
+
hitCta?: string;
|
|
13
|
+
hitUtm?: string;
|
|
14
|
+
showProductPrice?: boolean;
|
|
15
|
+
backgroundColour?: string;
|
|
16
|
+
maxResults?: number;
|
|
17
|
+
isLoading?: boolean;
|
|
18
|
+
}
|
|
19
|
+
export declare const AlgoliaDynamicSearch: ({ className, heading, titleSize, subtext, callToActionText, callToActionUrl, queryType, hits, hitCta, hitUtm, showProductPrice, backgroundColour, maxResults, isLoading }: AlgoliaDynamicSearchProps) => JSX.Element | null;
|
|
20
|
+
export {};
|
|
21
|
+
/**
|
|
22
|
+
*
|
|
23
|
+
* TODO:
|
|
24
|
+
*
|
|
25
|
+
* 1. DONE - Loading state - has to be handeld in AEM
|
|
26
|
+
* 2. DONE - Lazy loading of component to only load when in view - this needs to come from where the component is being used and isloading attribute should be passed in
|
|
27
|
+
* 3. DONE - Add card styles depending on the content type
|
|
28
|
+
* 4. setup as npm package an ensure all dependencies are included and all css is scoped to the component
|
|
29
|
+
* 5. Add onClick event to the cards
|
|
30
|
+
* 6. DONE - Add CTA to product cards
|
|
31
|
+
*/
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { AlgoliaDynamicSearch } from "./algolia-dynamic-search";
|
|
3
|
+
/**
|
|
4
|
+
*
|
|
5
|
+
*/
|
|
6
|
+
declare const meta: Meta<typeof AlgoliaDynamicSearch>;
|
|
7
|
+
export default meta;
|
|
8
|
+
type Story = StoryObj<typeof AlgoliaDynamicSearch>;
|
|
9
|
+
export declare const Product: Story;
|
|
10
|
+
export declare const Content: Story;
|
|
11
|
+
export declare const Careers: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './brandPromiseParagraph.scss';
|
|
3
|
+
interface BrandPromiseParagraph {
|
|
4
|
+
paddingTop?: string;
|
|
5
|
+
paddingBottom?: string;
|
|
6
|
+
paragraphs?: string[];
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* Primary UI component for user interaction
|
|
10
|
+
*/
|
|
11
|
+
export declare const BrandPromiseParagraph: ({ paddingBottom, paddingTop, paragraphs }: BrandPromiseParagraph) => JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { BrandPromiseParagraph } from "./Brand.promise.paragraph";
|
|
3
|
+
declare const meta: Meta<typeof BrandPromiseParagraph>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof BrandPromiseParagraph>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './breadcrumb.scss';
|
|
3
|
+
interface BreadcrumbProps {
|
|
4
|
+
style?: string;
|
|
5
|
+
icons?: any;
|
|
6
|
+
links?: any;
|
|
7
|
+
showSoialShareIcons?: boolean;
|
|
8
|
+
showSoialShareIconsLabel?: boolean;
|
|
9
|
+
showSocialShareIconsAsDropdown?: boolean;
|
|
10
|
+
showHomeIcon?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const Breadcrumb: ({ style, showSoialShareIcons, showSoialShareIconsLabel, showHomeIcon, className, icons, links, showSocialShareIconsAsDropdown }: BreadcrumbProps) => JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Breadcrumb } from "./breadcrumb";
|
|
3
|
+
declare const meta: Meta<typeof Breadcrumb>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Breadcrumb>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Grey: Story;
|
|
8
|
+
export declare const LightGrey: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './careers-search-results-item.scss';
|
|
3
|
+
interface CareersSearchResultsItemProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
item?: any;
|
|
6
|
+
index?: number;
|
|
7
|
+
resultsItemIcon?: any;
|
|
8
|
+
}
|
|
9
|
+
export declare const CareersSearchResultsItem: ({ className, item, index, resultsItemIcon, ...props }: CareersSearchResultsItemProps) => JSX.Element;
|
|
10
|
+
export default CareersSearchResultsItem;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './careers-search-results.scss';
|
|
3
|
+
interface CareersSearchResultsProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
data?: any;
|
|
6
|
+
resultsItemIcon?: any;
|
|
7
|
+
resultsToShow?: number;
|
|
8
|
+
}
|
|
9
|
+
export declare const CareersSearchResults: ({ className, data, resultsItemIcon, resultsToShow, ...props }: CareersSearchResultsProps) => JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './careers-search.scss';
|
|
3
|
+
interface CareersSearchProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
searchButtonText?: string;
|
|
7
|
+
onlickButton?: any;
|
|
8
|
+
pretitleText?: string;
|
|
9
|
+
titleText?: string;
|
|
10
|
+
data?: any;
|
|
11
|
+
icon?: any;
|
|
12
|
+
closeIcon?: any;
|
|
13
|
+
resultsItemIcon?: any;
|
|
14
|
+
numberResults?: number;
|
|
15
|
+
}
|
|
16
|
+
export declare const CareersSearch: ({ className, placeholder, searchButtonText, pretitleText, titleText, icon, closeIcon, resultsItemIcon, onlickButton, data, numberResults, ...props }: CareersSearchProps) => JSX.Element;
|
|
17
|
+
export default CareersSearch;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './carousel.dynamic.scss';
|
|
3
|
+
import '../slick.scss';
|
|
4
|
+
import '../slick-theme.scss';
|
|
5
|
+
interface CarouselDynamicProps {
|
|
6
|
+
items?: any;
|
|
7
|
+
autoplay?: boolean;
|
|
8
|
+
showDots?: boolean;
|
|
9
|
+
showArrows?: boolean;
|
|
10
|
+
preTitle?: string;
|
|
11
|
+
title?: string;
|
|
12
|
+
cardStyle?: string;
|
|
13
|
+
background?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const CarouselDynamic: ({ items, preTitle, title, autoplay, showDots, showArrows, cardStyle, background }: CarouselDynamicProps) => JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { CarouselDynamic } from './carousel.dynamic';
|
|
3
|
+
declare const meta: Meta<typeof CarouselDynamic>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof CarouselDynamic>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const LabelCards: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './carousel.scss';
|
|
3
|
+
import '../slick.scss';
|
|
4
|
+
import '../slick-theme.scss';
|
|
5
|
+
interface CarouselProps {
|
|
6
|
+
items?: any;
|
|
7
|
+
autoplay?: boolean;
|
|
8
|
+
showArrows?: boolean;
|
|
9
|
+
showDots?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const Carousel: ({ items, autoplay, showArrows, showDots }: CarouselProps) => JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './download-item.scss';
|
|
3
|
+
interface DownloadItemProps {
|
|
4
|
+
image?: any;
|
|
5
|
+
title?: string;
|
|
6
|
+
languages?: any;
|
|
7
|
+
documentSize?: string;
|
|
8
|
+
documentType?: string;
|
|
9
|
+
color?: string;
|
|
10
|
+
size?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const DownloadItem: ({ image, title, languages, documentSize, documentType, size, color }: DownloadItemProps) => JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './download-library.scss';
|
|
3
|
+
interface DownloadLibraryProps {
|
|
4
|
+
numberOfItems?: number;
|
|
5
|
+
downloadItem?: any;
|
|
6
|
+
color?: string;
|
|
7
|
+
size?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const DownloadLibrary: ({ downloadItem, color, size, numberOfItems }: DownloadLibraryProps) => JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { DownloadLibrary } from './download-library';
|
|
3
|
+
declare const meta: Meta<typeof DownloadLibrary>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof DownloadLibrary>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Compact: Story;
|
|
8
|
+
export declare const Dark: Story;
|
|
9
|
+
export declare const DarkCompact: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './dynamic.list.scss';
|
|
3
|
+
interface DynamicListProps {
|
|
4
|
+
data?: any;
|
|
5
|
+
backgroundColor?: string;
|
|
6
|
+
title?: string;
|
|
7
|
+
preTitle?: string;
|
|
8
|
+
cardStyle?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare const DynamicList: ({ data, backgroundColor, title, preTitle, cardStyle }: DynamicListProps) => JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import './faq.scss';
|
|
2
|
+
import React from "react";
|
|
3
|
+
interface FaqProps {
|
|
4
|
+
question?: string;
|
|
5
|
+
answer?: string;
|
|
6
|
+
index?: number;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const Faq: ({ question, answer, index, children: Children }: FaqProps) => JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './footer.subfooter.scss';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './header.brand.scss';
|
|
3
|
+
interface HeaderBrand {
|
|
4
|
+
title?: string;
|
|
5
|
+
logo?: any;
|
|
6
|
+
logoLink?: string;
|
|
7
|
+
logoAlt?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const HeaderBrand: ({ title, logo, logoLink, logoAlt }: HeaderBrand) => JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This component should be used to create a button with a toggle state.
|
|
3
|
+
*/
|
|
4
|
+
/// <reference types="react" />
|
|
5
|
+
import './header.button.scss';
|
|
6
|
+
interface HeaderButton {
|
|
7
|
+
label: string;
|
|
8
|
+
closeLabel: string;
|
|
9
|
+
faIcon?: any;
|
|
10
|
+
faIconClose?: any;
|
|
11
|
+
onClick?: any;
|
|
12
|
+
classname?: string;
|
|
13
|
+
state?: boolean;
|
|
14
|
+
openState?: any;
|
|
15
|
+
}
|
|
16
|
+
export declare const HeaderButton: ({ label, closeLabel, faIcon, faIconClose, classname, state, openState }: HeaderButton) => JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface HeaderLanguageSwitcherProps {
|
|
3
|
+
title?: string;
|
|
4
|
+
classname?: string;
|
|
5
|
+
open?: boolean;
|
|
6
|
+
getOpenState?: any;
|
|
7
|
+
}
|
|
8
|
+
export declare const HeaderLanguageSwitcher: ({ title, open, getOpenState }: HeaderLanguageSwitcherProps) => JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './header.megamenu.scss';
|
|
3
|
+
interface HeaderMegaMenuProps {
|
|
4
|
+
exploreData?: any;
|
|
5
|
+
open?: boolean;
|
|
6
|
+
getOpenState?: any;
|
|
7
|
+
}
|
|
8
|
+
export declare const HeaderMegaMenu: ({ exploreData, open, getOpenState }: HeaderMegaMenuProps) => JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './header.search.scss';
|
|
3
|
+
interface HeaderSearchProps {
|
|
4
|
+
title?: string;
|
|
5
|
+
open?: boolean;
|
|
6
|
+
getOpenState?: any;
|
|
7
|
+
}
|
|
8
|
+
export declare const HeaderSearch: ({ title, open, getOpenState }: HeaderSearchProps) => JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const useToggles: (options?: any) => {
|
|
2
|
+
addToggle: (element: any, trigger: any, container: any) => void;
|
|
3
|
+
addEventToggle: (openEvent: any, closeEvent: any) => void;
|
|
4
|
+
addToggleElements: (uid: any, triggerElement: any, containerElement: any) => void;
|
|
5
|
+
isAnyOpen: () => boolean;
|
|
6
|
+
openFirst: () => void;
|
|
7
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This component should be used to create a button with a toggle state.
|
|
3
|
+
*/
|
|
4
|
+
/// <reference types="react" />
|
|
5
|
+
interface Button {
|
|
6
|
+
label: string;
|
|
7
|
+
closeLabel: string;
|
|
8
|
+
faIcon?: any;
|
|
9
|
+
faIconClose?: any;
|
|
10
|
+
classname?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const Button: ({ label, closeLabel, faIcon, faIconClose, classname, }: Button) => JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import Header from "./header";
|
|
3
|
+
declare const meta: Meta<typeof Header>;
|
|
4
|
+
/** import stories */
|
|
5
|
+
export default meta;
|
|
6
|
+
type StoryType = StoryObj<typeof Header>;
|
|
7
|
+
export declare const HeaderTwentyTwentyFour: StoryType;
|
|
8
|
+
export declare const HeaderTwentyTwentyFourLite: StoryType;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import "./InteractiveCards.scss";
|
|
3
|
+
type CardProps = {
|
|
4
|
+
image: {
|
|
5
|
+
alt: string;
|
|
6
|
+
path: {
|
|
7
|
+
src: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
title: string;
|
|
11
|
+
subtitle: string;
|
|
12
|
+
description: string;
|
|
13
|
+
ctaText: string;
|
|
14
|
+
ctaOnClick: () => void;
|
|
15
|
+
};
|
|
16
|
+
export interface InteractiveCardsProps {
|
|
17
|
+
leftCard: CardProps;
|
|
18
|
+
rightCard: CardProps;
|
|
19
|
+
duration?: number | string;
|
|
20
|
+
children: React.ReactNode;
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
}
|
|
23
|
+
export declare function InteractiveCards({ style, leftCard, rightCard, duration, }: InteractiveCardsProps): JSX.Element;
|
|
24
|
+
export default InteractiveCards;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { InteractiveCards } from "./InteractiveCards";
|
|
3
|
+
type Story = Omit<StoryObj<typeof InteractiveCards>, "children">;
|
|
4
|
+
declare const meta: Meta<typeof InteractiveCards>;
|
|
5
|
+
export default meta;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Experience: Story;
|
|
8
|
+
export declare const LiveCopy: Story;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import "./InteractiveContainer.scss";
|
|
3
|
+
declare global {
|
|
4
|
+
interface Window {
|
|
5
|
+
edwards: any;
|
|
6
|
+
ScrollAnimator: any;
|
|
7
|
+
}
|
|
8
|
+
}
|
|
9
|
+
export interface InteractiveContainerProps {
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
threshold?: number;
|
|
12
|
+
duration?: number | string;
|
|
13
|
+
pinnable?: boolean;
|
|
14
|
+
bgImage?: any;
|
|
15
|
+
bgVideo?: any;
|
|
16
|
+
bgColor?: string;
|
|
17
|
+
bgAnimationType?: "fade-in" | "fade-out";
|
|
18
|
+
bgOpacity?: number;
|
|
19
|
+
paddingTop?: "small" | "medium" | "large" | "extra-large";
|
|
20
|
+
paddingBottom?: "small" | "medium" | "large" | "extra-large";
|
|
21
|
+
dipToWhite?: boolean;
|
|
22
|
+
}
|
|
23
|
+
export declare const InteractiveContainer: ({ children, threshold, duration, pinnable, dipToWhite, bgImage, bgVideo, bgColor, bgAnimationType, bgOpacity, paddingTop, paddingBottom }: InteractiveContainerProps) => JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { InteractiveContainer } from "./InteractiveContainer";
|
|
3
|
+
type Story = Omit<StoryObj<typeof InteractiveContainer>, "children">;
|
|
4
|
+
declare const meta: Meta<typeof InteractiveContainer>;
|
|
5
|
+
export default meta;
|
|
6
|
+
export declare const Variants: Story;
|
|
7
|
+
export declare const Header: Story;
|
|
8
|
+
export declare const ColorBackground: Story;
|
|
9
|
+
export declare const ImageBackground: Story;
|
|
10
|
+
export declare const VideoBackground: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface InteractiveGroupProps {
|
|
3
|
+
animationType: "fade-in" | "fade-out" | "slide-in-left" | "slide-in-right" | "slide-in-up" | "slide-in-down" | "slide-out-left" | "slide-out-right" | "slide-out-up" | "slide-out-down";
|
|
4
|
+
opacity?: number;
|
|
5
|
+
translate?: number;
|
|
6
|
+
duration?: number | string;
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
}
|
|
10
|
+
export declare function InteractiveGroup({ children, duration, style, animationType, translate, opacity, }: InteractiveGroupProps): JSX.Element;
|
|
11
|
+
export default InteractiveGroup;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { InteractiveGroup } from "./InteractiveGroup";
|
|
3
|
+
import "./story.scss";
|
|
4
|
+
type Story = Omit<StoryObj<typeof InteractiveGroup>, "children">;
|
|
5
|
+
declare const meta: Meta<typeof InteractiveGroup>;
|
|
6
|
+
export default meta;
|
|
7
|
+
export declare const Default: Story;
|
|
8
|
+
export declare const Experience: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './menu.scss';
|
|
3
|
+
import './scripts';
|
|
4
|
+
interface MenuProps {
|
|
5
|
+
items?: any;
|
|
6
|
+
classNames?: string;
|
|
7
|
+
state?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const Menu: ({ items, classNames, state }: MenuProps) => JSX.Element;
|
|
10
|
+
export {};
|