@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.
Files changed (129) hide show
  1. package/README.md +142 -0
  2. package/dist/app/api/hello/route.d.ts +1 -0
  3. package/dist/app/layout.d.ts +9 -0
  4. package/dist/app/page.d.ts +2 -0
  5. package/dist/index.d.ts +1 -0
  6. package/dist/index.esm.js +2 -0
  7. package/dist/index.esm.js.map +1 -0
  8. package/dist/index.js +8 -0
  9. package/dist/index.js.map +1 -0
  10. package/dist/stories/atoms/forms/checkbox/checkbox.d.ts +11 -0
  11. package/dist/stories/atoms/forms/checkbox/checkbox.stories.d.ts +7 -0
  12. package/dist/stories/atoms/forms/input/input.d.ts +31 -0
  13. package/dist/stories/atoms/forms/input/input.stories.d.ts +7 -0
  14. package/dist/stories/atoms/forms/select/select.d.ts +16 -0
  15. package/dist/stories/atoms/forms/select/select.stories.d.ts +7 -0
  16. package/dist/stories/atoms/forms/text/counrty-selector.d.ts +10 -0
  17. package/dist/stories/atoms/forms/text/text.d.ts +21 -0
  18. package/dist/stories/atoms/forms/text/text.stories.d.ts +7 -0
  19. package/dist/stories/components/Banner/Banner.d.ts +17 -0
  20. package/dist/stories/components/Banner/Banner.stories.d.ts +12 -0
  21. package/dist/stories/components/Banner/banner.dialog.d.ts +2 -0
  22. package/dist/stories/components/Banner/banner.html.d.ts +1 -0
  23. package/dist/stories/components/Button/Button.d.ts +21 -0
  24. package/dist/stories/components/Button/Button.stories.d.ts +10 -0
  25. package/dist/stories/components/Card/card.d.ts +6 -0
  26. package/dist/stories/components/Card/card.stories.d.ts +15 -0
  27. package/dist/stories/components/Card/card.types.d.ts +22 -0
  28. package/dist/stories/components/Expert-banner/expert.banner.d.ts +12 -0
  29. package/dist/stories/components/Expert-banner/expert.banner.stories.d.ts +6 -0
  30. package/dist/stories/components/Pagination/pagination.d.ts +20 -0
  31. package/dist/stories/components/Pagination/pagination.stories.d.ts +8 -0
  32. package/dist/stories/components/Popup/Popup.d.ts +17 -0
  33. package/dist/stories/components/Popup/Popup.stories.d.ts +9 -0
  34. package/dist/stories/components/Popup/icons/ChevronDown.d.ts +3 -0
  35. package/dist/stories/components/Popup/icons/Close.d.ts +3 -0
  36. package/dist/stories/components/Popup/popup.dialog.d.ts +2 -0
  37. package/dist/stories/components/Popup/popup.html.d.ts +1 -0
  38. package/dist/stories/components/Video/Video.d.ts +42 -0
  39. package/dist/stories/components/Video/Video.stories.d.ts +8 -0
  40. package/dist/stories/experiences/Accordion/accordion.d.ts +3 -0
  41. package/dist/stories/experiences/Accordion/accordion.item.d.ts +9 -0
  42. package/dist/stories/experiences/Accordion/accordion.stories.d.ts +14 -0
  43. package/dist/stories/experiences/Accordion/accordion.types.d.ts +22 -0
  44. package/dist/stories/experiences/Algolia-dynamic-search/algolia-dynamic-search.d.ts +31 -0
  45. package/dist/stories/experiences/Algolia-dynamic-search/algolia-dynamic-search.stories.d.ts +11 -0
  46. package/dist/stories/experiences/Anchor/anchor.d.ts +9 -0
  47. package/dist/stories/experiences/Anchor/anchor.stories.d.ts +6 -0
  48. package/dist/stories/experiences/Brand-promise-paragraph/Brand.promise.paragraph.d.ts +12 -0
  49. package/dist/stories/experiences/Brand-promise-paragraph/Brand.promise.paragraph.stories.d.ts +6 -0
  50. package/dist/stories/experiences/Breadcrumb/breadcrumb.d.ts +14 -0
  51. package/dist/stories/experiences/Breadcrumb/breadcrumb.stories.d.ts +8 -0
  52. package/dist/stories/experiences/Careers-search/careers-search-results-item.d.ts +10 -0
  53. package/dist/stories/experiences/Careers-search/careers-search-results.d.ts +10 -0
  54. package/dist/stories/experiences/Careers-search/careers-search.d.ts +17 -0
  55. package/dist/stories/experiences/Careers-search/careers-search.stories.d.ts +6 -0
  56. package/dist/stories/experiences/Carousel/dynamic/carousel.dynamic.d.ts +16 -0
  57. package/dist/stories/experiences/Carousel/dynamic/carousel.dynamic.stories.d.ts +7 -0
  58. package/dist/stories/experiences/Carousel/static/carousel.d.ts +12 -0
  59. package/dist/stories/experiences/Carousel/static/carousel.stories.d.ts +6 -0
  60. package/dist/stories/experiences/Download/download-item.d.ts +13 -0
  61. package/dist/stories/experiences/Download/download-library.d.ts +10 -0
  62. package/dist/stories/experiences/Download/download.stories.d.ts +9 -0
  63. package/dist/stories/experiences/Dynamic-list/dynamic.list.d.ts +11 -0
  64. package/dist/stories/experiences/Dynamic-list/dynamic.list.stories.d.ts +6 -0
  65. package/dist/stories/experiences/Faq/faq.d.ts +10 -0
  66. package/dist/stories/experiences/Faq/faq.stories.d.ts +6 -0
  67. package/dist/stories/experiences/Footer/footer-links/footer.links.d.ts +8 -0
  68. package/dist/stories/experiences/Footer/footer-socials/footer.socials.d.ts +8 -0
  69. package/dist/stories/experiences/Footer/footer-subfooter/footer.subfooter.d.ts +1 -0
  70. package/dist/stories/experiences/Footer/footer.d.ts +7 -0
  71. package/dist/stories/experiences/Footer/footer.model.d.ts +6 -0
  72. package/dist/stories/experiences/Footer/footer.stories.d.ts +6 -0
  73. package/dist/stories/experiences/Header/header-brand/header.brand.d.ts +10 -0
  74. package/dist/stories/experiences/Header/header-button/header.button.d.ts +17 -0
  75. package/dist/stories/experiences/Header/header-lang/header.language.switcher.d.ts +9 -0
  76. package/dist/stories/experiences/Header/header-megamenu/header.megamenu.d.ts +9 -0
  77. package/dist/stories/experiences/Header/header-nav/header.nav.d.ts +8 -0
  78. package/dist/stories/experiences/Header/header-search/header.search.d.ts +9 -0
  79. package/dist/stories/experiences/Header/header.content.d.ts +2 -0
  80. package/dist/stories/experiences/Header/header.d.ts +7 -0
  81. package/dist/stories/experiences/Header/header.stories.d.ts +6 -0
  82. package/dist/stories/experiences/Header/scripts.d.ts +2 -0
  83. package/dist/stories/experiences/Header/toggle.d.ts +7 -0
  84. package/dist/stories/experiences/Header-twentytwentyfour/button.d.ts +13 -0
  85. package/dist/stories/experiences/Header-twentytwentyfour/header.d.ts +7 -0
  86. package/dist/stories/experiences/Header-twentytwentyfour/header.stories.d.ts +8 -0
  87. package/dist/stories/experiences/Header-twentytwentyfour/list.d.ts +8 -0
  88. package/dist/stories/experiences/Interactive-cards/InteractiveCards.d.ts +24 -0
  89. package/dist/stories/experiences/Interactive-cards/InteractiveCards.stories.d.ts +8 -0
  90. package/dist/stories/experiences/Interactive-cards/icons/ArrowRight.d.ts +3 -0
  91. package/dist/stories/experiences/Interactive-cards/icons/ChevronDown.d.ts +3 -0
  92. package/dist/stories/experiences/Interactive-cards/icons/Close.d.ts +3 -0
  93. package/dist/stories/experiences/Interactive-container/InteractiveContainer.d.ts +23 -0
  94. package/dist/stories/experiences/Interactive-container/InteractiveContainer.stories.d.ts +10 -0
  95. package/dist/stories/experiences/Interactive-group/InteractiveGroup.d.ts +11 -0
  96. package/dist/stories/experiences/Interactive-group/InteractiveGroup.stories.d.ts +8 -0
  97. package/dist/stories/experiences/Interactive-map/Map.d.ts +7 -0
  98. package/dist/stories/experiences/Interactive-map/Map.stories.d.ts +6 -0
  99. package/dist/stories/experiences/Menu/menu.d.ts +10 -0
  100. package/dist/stories/experiences/Menu/menu.model.d.ts +68 -0
  101. package/dist/stories/experiences/Menu/menu.stories.d.ts +6 -0
  102. package/dist/stories/experiences/Numbers/card.d.ts +12 -0
  103. package/dist/stories/experiences/Numbers/numbers.d.ts +13 -0
  104. package/dist/stories/experiences/Numbers/numbers.stories.d.ts +8 -0
  105. package/dist/stories/experiences/Quote/quote.d.ts +11 -0
  106. package/dist/stories/experiences/Quote/quote.stories.d.ts +7 -0
  107. package/dist/stories/experiences/Tabs/tabs.d.ts +15 -0
  108. package/dist/stories/experiences/Tabs/tabs.stories.d.ts +10 -0
  109. package/dist/stories/experiences/Video-playlist/Video.playlist.d.ts +11 -0
  110. package/dist/stories/experiences/Video-playlist/Video.playlist.stories.d.ts +6 -0
  111. package/dist/stories/experiences/Video-playlist/video.playlist.dialog.d.ts +2 -0
  112. package/dist/stories/experiences/Video-playlist/video.playlist.html.d.ts +1 -0
  113. package/dist/stories/experiences/market-picker-prompt/Market.picker.prompt.d.ts +9 -0
  114. package/dist/stories/experiences/market-picker-prompt/Market.picker.prompt.stories.d.ts +6 -0
  115. package/dist/stories/structure/page/page.dialog.d.ts +2 -0
  116. package/dist/stories/structure/page/page.html.d.ts +1 -0
  117. package/dist/stories/templates/content.d.ts +3 -0
  118. package/dist/stories/templates/content.stories.d.ts +10 -0
  119. package/dist/stories/templates/product.d.ts +3 -0
  120. package/dist/stories/templates/product.stories.d.ts +10 -0
  121. package/dist/tsconfig.tsbuildinfo +1 -0
  122. package/dist/utils/components/anchor.links.d.ts +3 -0
  123. package/dist/utils/components/anchor.links.script.d.ts +1 -0
  124. package/dist/utils/components/swatch.d.ts +10 -0
  125. package/dist/utils/components/type.d.ts +11 -0
  126. package/dist/utils/content/content.demo.d.ts +5 -0
  127. package/dist/utils/content/content.model.d.ts +4 -0
  128. package/dist/utils/fontawesome/fac-edwardsicons.d.ts +2 -0
  129. 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,9 @@
1
+ /// <reference types="react" />
2
+ import './anchor.scss';
3
+ interface AnchorProps {
4
+ className?: string;
5
+ data?: any;
6
+ accentColor?: string;
7
+ }
8
+ export declare const Anchor: ({ className, accentColor, data, }: AnchorProps) => JSX.Element;
9
+ export {};
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Anchor } from "./anchor";
3
+ declare const meta: Meta<typeof Anchor>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Anchor>;
6
+ export declare const Default: 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,6 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { CareersSearch } from "./careers-search";
3
+ declare const meta: Meta<typeof CareersSearch>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof CareersSearch>;
6
+ export declare const Default: Story;
@@ -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,6 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Carousel } from "./carousel";
3
+ declare const meta: Meta<typeof Carousel>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Carousel>;
6
+ export declare const Default: Story;
@@ -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,6 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { DynamicList } from './dynamic.list';
3
+ declare const meta: Meta<typeof DynamicList>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof DynamicList>;
6
+ export declare const Default: Story;
@@ -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,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Faq } from './faq';
3
+ declare const meta: Meta<typeof Faq>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Faq>;
6
+ export declare const Default: Story;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import './footer.links.scss';
3
+ interface FooterLinksProps {
4
+ title?: string;
5
+ links?: any;
6
+ }
7
+ export declare const FooterLinks: ({ title, links }: FooterLinksProps) => JSX.Element;
8
+ export {};
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import './footer.socials.scss';
3
+ interface FooterSocialsProps {
4
+ socialChannels?: any;
5
+ title?: string;
6
+ }
7
+ export declare const FooterSocials: ({ socialChannels, title }: FooterSocialsProps) => JSX.Element;
8
+ export {};
@@ -0,0 +1 @@
1
+ import './footer.subfooter.scss';
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import './footer.scss';
3
+ interface FooterProps {
4
+ title?: string;
5
+ }
6
+ export declare const Footer: ({ title }: FooterProps) => JSX.Element;
7
+ export {};
@@ -0,0 +1,6 @@
1
+ interface FooterModel {
2
+ model1?: any;
3
+ model2?: any;
4
+ }
5
+ export declare const FooterModel: FooterModel;
6
+ export {};
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Footer } from "./footer";
3
+ declare const meta: Meta<typeof Footer>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Footer>;
6
+ export declare const Default: Story;
@@ -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,8 @@
1
+ /// <reference types="react" />
2
+ interface HeaderNavProps {
3
+ title?: string;
4
+ open?: boolean;
5
+ getOpenState?: any;
6
+ }
7
+ export declare const HeaderNav: ({ title, open, getOpenState }: HeaderNavProps) => JSX.Element;
8
+ 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,2 @@
1
+ /// <reference types="react" />
2
+ export declare const HeaderContent: () => JSX.Element;
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import "./header.scss";
3
+ interface HeaderProps {
4
+ title?: string;
5
+ }
6
+ export declare const Header: ({ title }: HeaderProps) => JSX.Element;
7
+ export {};
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Header } from "./header";
3
+ declare const meta: Meta<typeof Header>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Header>;
6
+ export declare const Default: Story;
@@ -0,0 +1,2 @@
1
+ export declare const initButtons: (element: any) => any;
2
+ export declare const initScrollHeader: (element: any) => any;
@@ -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,7 @@
1
+ /// <reference types="react" />
2
+ import './header.scss';
3
+ declare const Header: ({ liteHeader, marketPickerPrompt, }: {
4
+ liteHeader: any;
5
+ marketPickerPrompt: any;
6
+ }) => JSX.Element;
7
+ export default Header;
@@ -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,8 @@
1
+ /// <reference types="react" />
2
+ interface List {
3
+ item?: any;
4
+ className?: string;
5
+ index?: any;
6
+ }
7
+ export declare const List: ({ item, className, index }: List) => JSX.Element;
8
+ export {};
@@ -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,3 @@
1
+ import { SVGProps } from "react";
2
+ declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgComponent;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from "react";
2
+ declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgComponent;
@@ -0,0 +1,3 @@
1
+ import { SVGProps } from "react";
2
+ declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => JSX.Element;
3
+ export default SvgComponent;
@@ -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,7 @@
1
+ /// <reference types="react" />
2
+ import './map.scss';
3
+ interface InteractiveMapProps {
4
+ style?: string;
5
+ }
6
+ export declare const InteractiveMap: ({ someVariation, style }: InteractiveMapProps) => JSX.Element;
7
+ export {};
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { InteractiveMap } from "./Map";
3
+ declare const meta: Meta<typeof InteractiveMap>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof InteractiveMap>;
6
+ export declare const Default: 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 {};