@asantemedia-org/edwardsvacuum-design-system 1.1.9 → 1.2.1

package/dist/index.scss

@@ -53,6 +53,7 @@
 }
 .cmpAlgoliaDynamicSearchWidget__header h1, .cmpAlgoliaDynamicSearchWidget__header h2, .cmpAlgoliaDynamicSearchWidget__header h3, .cmpAlgoliaDynamicSearchWidget__header h4, .cmpAlgoliaDynamicSearchWidget__header h5, .cmpAlgoliaDynamicSearchWidget__header h6, .cmpAlgoliaDynamicSearchWidget__header p {
   margin: 0;
+  color: #2d363a;
 }
 .cmpAlgoliaDynamicSearchWidget__header__text {
   display: flex;
@@ -93,7 +94,7 @@
 .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground {
   background: #2d363a;
 }
-.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text {
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h1, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h2, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h3, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h4, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h5, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h6, .cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text p {
   color: white;
 }
 
@@ -174,6 +175,7 @@
 }
 .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h1, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h2, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h3, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h4, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h5, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS h6, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header___vxNjS p {
   margin: 0;
+  color: #2d363a;
 }
 .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk {
   display: flex;
@@ -214,7 +216,7 @@
 .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH {
   background: #2d363a;
 }
-.algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk {
+.algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h1, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h2, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h3, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h4, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h5, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk h6, .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget___WY9hc.algolia-dynamic-search-module__hasStyleGreyBackground___SuPIH .algolia-dynamic-search-module__cmpAlgoliaDynamicSearchWidget__header__text___23-nk p {
   color: white;
 }
 
@@ -397,6 +399,18 @@
   background: linear-gradient(45deg, rgb(172, 174, 176), rgb(130, 134, 136));
 }
 
+@font-face {
+  font-family: "Calibri";
+  src: url("/public/fonts/calibri.ttf") format("truetype");
+}
+@font-face {
+  font-family: "CalibriLight";
+  src: url("/public/fonts/calibri.ttf") format("truetype");
+}
+@font-face {
+  font-family: "CalibriBold";
+  src: url("/public/fonts/calibri.ttf") format("truetype");
+}
 .p-1 {
   padding: 0.5rem;
 }
@@ -1283,19 +1297,14 @@
 .cmp-card--type-card-product__prices.show_prices, .show_prices.cmp-card--type-card-product__prices--login {
   font-weight: 700;
 }
-.cmp-card--type-card-panel {
-  transition: opacity 0.3s ease-in-out;
-  opacity: 0.6;
-}
-.cmp-card--type-card-panel:hover {
-  opacity: 1;
-}
 .cmp-card--type-card-panel .cmp-card__content-wrapper .cmp-card__title-wrapper .cmp-card__footer {
   height: 2rem !important;
 }
 .cmp-card--type-card-panel .cmp-card__content-wrapper .cmp-card__title-wrapper .cmp-card__footer::before {
   transform: translateY(0) !important;
   height: 100% !important;
+  opacity: 1;
+  transition: opacity 0.3s ease-in-out;
 }
 .cmp-card--type-card-panel .cmp-card__content-wrapper .cmp-card__title-wrapper .cmp-card__footer svg {
   z-index: 1;
@@ -1313,6 +1322,9 @@
 .cmp-card--type-card-panel .cmp-card__content-wrapper .cmp-card__title-wrapper .cmp-card__footer--color-olivine-bright::before {
   background-color: rgb(156, 183, 43) !important;
 }
+.cmp-card--type-card-panel:hover .cmp-card__content-wrapper .cmp-card__title-wrapper .cmp-card__footer::before {
+  opacity: 0.6;
+}
 .cmp-card--type-careers .cmp-card__title-wrapper {
   display: flex;
   flex-direction: column;
@@ -1503,6 +1515,18 @@
   background: linear-gradient(45deg, rgb(172, 174, 176), rgb(130, 134, 136));
 }
 
+@font-face {
+  font-family: "Calibri";
+  src: url("/public/fonts/calibri.ttf") format("truetype");
+}
+@font-face {
+  font-family: "CalibriLight";
+  src: url("/public/fonts/calibri.ttf") format("truetype");
+}
+@font-face {
+  font-family: "CalibriBold";
+  src: url("/public/fonts/calibri.ttf") format("truetype");
+}
 .card-module__p-1___2jrO3 {
   padding: 0.5rem;
 }
@@ -2389,19 +2413,14 @@
 .card-module__cmp-card--type-card-product__prices___KWPS7.card-module__show_prices___gjVhn, .card-module__show_prices___gjVhn.card-module__cmp-card--type-card-product__prices--login___gMhTo {
   font-weight: 700;
 }
-.card-module__cmp-card--type-card-panel___95jYv {
-  transition: opacity 0.3s ease-in-out;
-  opacity: 0.6;
-}
-.card-module__cmp-card--type-card-panel___95jYv:hover {
-  opacity: 1;
-}
 .card-module__cmp-card--type-card-panel___95jYv .card-module__cmp-card__content-wrapper___gh335 .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer___xcNXM {
   height: 2rem !important;
 }
 .card-module__cmp-card--type-card-panel___95jYv .card-module__cmp-card__content-wrapper___gh335 .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer___xcNXM::before {
   transform: translateY(0) !important;
   height: 100% !important;
+  opacity: 1;
+  transition: opacity 0.3s ease-in-out;
 }
 .card-module__cmp-card--type-card-panel___95jYv .card-module__cmp-card__content-wrapper___gh335 .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer___xcNXM svg {
   z-index: 1;
@@ -2419,6 +2438,9 @@
 .card-module__cmp-card--type-card-panel___95jYv .card-module__cmp-card__content-wrapper___gh335 .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer--color-olivine-bright___O2urI::before {
   background-color: rgb(156, 183, 43) !important;
 }
+.card-module__cmp-card--type-card-panel___95jYv:hover .card-module__cmp-card__content-wrapper___gh335 .card-module__cmp-card__title-wrapper___XHfZg .card-module__cmp-card__footer___xcNXM::before {
+  opacity: 0.6;
+}
 .card-module__cmp-card--type-careers___Wqzcf .card-module__cmp-card__title-wrapper___XHfZg {
   display: flex;
   flex-direction: column;
@@ -2609,6 +2631,18 @@
   background: linear-gradient(45deg, rgb(172, 174, 176), rgb(130, 134, 136));
 }
 
+@font-face {
+  font-family: "Calibri";
+  src: url("/public/fonts/calibri.ttf") format("truetype");
+}
+@font-face {
+  font-family: "CalibriLight";
+  src: url("/public/fonts/calibri.ttf") format("truetype");
+}
+@font-face {
+  font-family: "CalibriBold";
+  src: url("/public/fonts/calibri.ttf") format("truetype");
+}
 .p-1 {
   padding: 0.5rem;
 }

package/dist/stories/atoms/forms/checkbox/checkbox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './checkbox.scss';
 interface CheckboxProps {
     label?: string;

package/dist/stories/atoms/forms/checkbox/checkbox.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from "@storybook/react";
 import { Checkbox } from "./checkbox";
 declare const meta: Meta<typeof Checkbox>;

package/dist/stories/atoms/forms/input/input.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './input.scss';
 interface InputProps {
     label?: string;

package/dist/stories/atoms/forms/input/input.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Meta } from "@storybook/react";
 import { Input } from "./input";
 declare const meta: Meta<typeof Input>;

package/dist/stories/atoms/forms/select/select.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './select.scss';
 interface SelectProps {
     label?: string;

package/dist/stories/atoms/forms/text/counrty-selector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  *  A component to select a country from a list of countries
  */

package/dist/stories/atoms/forms/text/text.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './text.scss';
 interface TextProps {
     label?: string;

package/dist/stories/components/Banner/Banner.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './banner.scss';
 interface BannerProps {
     style?: string;

package/dist/stories/components/Button/Button.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './button.scss';
 interface ButtonProps {
     /**

package/dist/stories/components/Card/card.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './card.scss';
 import { CardProps } from './card.types';
 export declare const Card: ({ contentCategoryLabel, className, colour, date, size, title, cta, imageUrl, imageAlt, cardStyle, cardLink, city, country }: CardProps) => JSX.Element;

package/dist/stories/components/Expert-banner/expert.banner.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './expert.banner.scss';
 interface ExpertBannerProps {
     name?: string;

package/dist/stories/components/Pagination/pagination.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './pagination.scss';
 export interface PaginationProps {
     className?: string;

package/dist/stories/components/Popup/Popup.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './popup.scss';
 interface PopupProps {
     style?: string;

package/dist/stories/components/Video/Video.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './video.scss';
 interface VideoProps {
     /**

package/dist/stories/experiences/Accordion/accordion.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { AccordionProps } from './accordion.types';
 export declare const Accordion: ({ items, expanded, state, className }: AccordionProps) => JSX.Element;

package/dist/stories/experiences/Algolia-dynamic-search/algolia-dynamic-search.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './algolia-dynamic-search.scss';
 interface AlgoliaDynamicSearchProps {
     className?: string;

package/dist/stories/experiences/Anchor/anchor.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './anchor.scss';
 interface AnchorProps {
     className?: string;

package/dist/stories/experiences/Brand-promise-paragraph/Brand.promise.paragraph.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './brandPromiseParagraph.scss';
 interface BrandPromiseParagraph {
     paddingTop?: string;

package/dist/stories/experiences/Breadcrumb/breadcrumb.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './breadcrumb.scss';
 interface BreadcrumbProps {
     style?: string;

package/dist/stories/experiences/Careers-search/careers-search-results-item.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './careers-search-results-item.scss';
 interface CareersSearchResultsItemProps {
     className?: string;

package/dist/stories/experiences/Careers-search/careers-search-results.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './careers-search-results.scss';
 interface CareersSearchResultsProps {
     className?: string;

package/dist/stories/experiences/Careers-search/careers-search.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './careers-search.scss';
 interface CareersSearchProps {
     className?: string;

package/dist/stories/experiences/Carousel/dynamic/carousel.dynamic.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './carousel.dynamic.scss';
 import '../slick.scss';
 import '../slick-theme.scss';

package/dist/stories/experiences/Carousel/static/carousel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './carousel.scss';
 import '../slick.scss';
 import '../slick-theme.scss';

package/dist/stories/experiences/Download/download-item.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './download-item.scss';
 interface DownloadItemProps {
     image?: any;

package/dist/stories/experiences/Download/download-library.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './download-library.scss';
 interface DownloadLibraryProps {
     numberOfItems?: number;

package/dist/stories/experiences/Dynamic-list/dynamic.list.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './dynamic.list.scss';
 interface DynamicListProps {
     data?: any;

package/dist/stories/experiences/Footer/footer-links/footer.links.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './footer.links.scss';
 interface FooterLinksProps {
     title?: string;

package/dist/stories/experiences/Footer/footer-socials/footer.socials.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './footer.socials.scss';
 interface FooterSocialsProps {
     socialChannels?: any;

package/dist/stories/experiences/Footer/footer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './footer.scss';
 interface FooterProps {
     title?: string;

package/dist/stories/experiences/Header/header-brand/header.brand.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './header.brand.scss';
 interface HeaderBrand {
     title?: string;

package/dist/stories/experiences/Header/header-button/header.button.d.ts

@@ -1,6 +1,7 @@
 /**
  * This component should be used to create a button with a toggle state.
  */
+/// <reference types="react" />
 import './header.button.scss';
 interface HeaderButton {
     label: string;

package/dist/stories/experiences/Header/header-lang/header.language.switcher.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface HeaderLanguageSwitcherProps {
     title?: string;
     classname?: string;

package/dist/stories/experiences/Header/header-megamenu/header.megamenu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './header.megamenu.scss';
 interface HeaderMegaMenuProps {
     exploreData?: any;

package/dist/stories/experiences/Header/header-nav/header.nav.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface HeaderNavProps {
     title?: string;
     open?: boolean;

package/dist/stories/experiences/Header/header-search/header.search.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './header.search.scss';
 interface HeaderSearchProps {
     title?: string;

package/dist/stories/experiences/Header/header.content.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const HeaderContent: () => JSX.Element;

package/dist/stories/experiences/Header/header.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./header.scss";
 interface HeaderProps {
     title?: string;

package/dist/stories/experiences/Header-twentytwentyfour/button.d.ts

@@ -1,6 +1,7 @@
 /**
  * This component should be used to create a button with a toggle state.
  */
+/// <reference types="react" />
 interface Button {
     label: string;
     closeLabel: string;

package/dist/stories/experiences/Header-twentytwentyfour/header.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './header.scss';
 declare const Header: ({ liteHeader, marketPickerPrompt, }: {
     liteHeader: any;

package/dist/stories/experiences/Header-twentytwentyfour/list.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface List {
     item?: any;
     className?: string;

package/dist/stories/experiences/Interactive-map/Map.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './map.scss';
 interface InteractiveMapProps {
     style?: string;

package/dist/stories/experiences/Menu/menu.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './menu.scss';
 import './scripts';
 interface MenuProps {

package/dist/stories/experiences/Menu/menu.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Meta } from '@storybook/react';
 import { Menu } from './menu';
 declare const meta: Meta<typeof Menu>;

package/dist/stories/experiences/Numbers/card.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './card.scss';
 interface CardProps {
     size?: string;

package/dist/stories/experiences/Numbers/numbers.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './numbers.scss';
 interface NumbersProps {
     className?: string;

package/dist/stories/experiences/Quote/quote.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './quote.scss';
 interface QuoteProps {
     layout?: string;

package/dist/stories/experiences/Tabs/tabs.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './tabs.core.scss';
 import './tabs.scss';
 interface TabProps {

package/dist/stories/experiences/Video-playlist/Video.playlist.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './video.playlist.scss';
 interface VideoPlaylistProps {
     style?: string;

package/dist/stories/experiences/market-picker-prompt/Market.picker.prompt.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './styles.scss';
 interface MarketPickerPromptProps {
     style?: string;

package/dist/stories/templates/content.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import './page.scss';
 export declare const PageTemplate: () => JSX.Element;

package/dist/stories/templates/content.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Meta } from "@storybook/react";
 import { PageTemplate } from "./content";
 declare const meta: Meta<typeof PageTemplate>;

package/dist/stories/templates/product.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import './page.scss';
 export declare const ProductPageTemplate: () => JSX.Element;

package/dist/stories/templates/product.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Meta } from "@storybook/react";
 import { ProductPageTemplate } from "./product";
 declare const meta: Meta<typeof ProductPageTemplate>;