@asantemedia-org/edwardsvacuum-design-system 1.6.58 → 1.6.63

package/dist/index.scss

@@ -344,13 +344,15 @@
   font-size: clamp(1.5rem, 2vw, 28px);
   font-weight: 100;
   margin-bottom: 0.5rem;
-  color: #2d363a;
 }
 @media (min-width: 768px) {
   .card-module__cmp-card--type-product_details__header__title___4KSqX {
     max-width: 325px;
   }
 }
+.card-module__cmp-card--type-product_details__header__title___4KSqX {
+  color: #2d363a;
+}
 .card-module__cmp-card--type-product_details__header__product-code___zf7yq {
   font-size: 0.875rem;
   color: #666;
@@ -394,6 +396,24 @@
 .card-module__cmp-card--type-product_details___vsNOc ul.card-module__folding-specification-list___tIfSl li strong {
   color: #333;
 }
+.card-module__cmp-card--type-product_details___vsNOc ul.card-module__facet-value-list___HtnIT {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-top: 0.25rem;
+  padding: 0;
+}
+.card-module__cmp-card--type-product_details___vsNOc ul.card-module__facet-value-list___HtnIT li {
+  background-color: rgb(233, 233, 233);
+  padding: 0.25rem 0.5rem;
+  border-radius: 4px;
+  font-size: 0.85rem;
+  margin-bottom: 0;
+}
+.card-module__cmp-card--type-product_details___vsNOc ul.card-module__facet-value-list___HtnIT li .card-module__facet-value-unit___b722z {
+  color: rgb(130, 134, 136);
+  font-size: 0.75rem;
+}
 
 .card-module__folding-specification-holder___OtcQQ {
   margin-bottom: 1rem;
@@ -436,6 +456,49 @@
 .accordion-section.open .accordion-section__icon {
   transform: rotate(180deg);
 }
+.FacetUnitSelector-module__facet-unit-selector___1Zdhx {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-top: 0.25rem;
+}
+.FacetUnitSelector-module__facet-unit-selector__value___E-LAN {
+  font-weight: 600;
+  font-size: 0.95rem;
+  color: rgb(87, 94, 97);
+}
+.FacetUnitSelector-module__facet-unit-selector__unit___TxIk7 {
+  font-size: 0.85rem;
+  color: rgb(130, 134, 136);
+}
+.FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0.25rem 1.75rem 0.25rem 0.5rem;
+  font-size: 0.85rem;
+  color: rgb(196, 38, 46);
+  cursor: pointer;
+  transition: border-color 0.2s ease, background-color 0.2s ease;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 0.5rem center;
+}
+.FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK:hover {
+  border-color: rgb(172, 174, 176);
+  background-color: rgb(250, 250, 250);
+}
+.FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK:focus {
+  outline: none;
+  border-color: rgb(196, 38, 46);
+  box-shadow: 0 0 0 2px rgba(196, 38, 46, 0.15);
+}
+.FacetUnitSelector-module__facet-unit-selector__dropdown___Xj3dK option {
+  padding: 0.5rem;
+}
 .Button-module__cmp-button___SMjDF {
   font-family: "Calibri", "Calibri W05 Light", sans-serif;
   text-transform: uppercase;
@@ -2022,4 +2085,7 @@
 .qr-journey-form-wrapper.desktop-true .qr-form-thank-you-page .submitted-checked {
   position: relative;
   top: 0;
+}
+.vtba-friendly-captcha-react {
+  margin-top: 1rem;
 }

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

@@ -1,5 +1,5 @@
 import { CardProps } from "./card.types";
-export declare const Card: ({ contentCategoryLabel, className, colour, date, size, title, cta, imageUrl, imageAlt, cardStyle, cardLink, city, country, placeholder, onClick, usePlainClasses, }: CardProps) => JSX.Element;
-export declare const ProductCard: ({ className, size, title, imageUrl, imageAlt, showImage, productPrice, showProductPrice, cardLink, cta, cardStyle, placeholder, onClick, usePlainClasses, }: CardProps) => JSX.Element;
+export declare const Card: ({ contentCategoryLabel, className, colour, date, size, title, cta, imageUrl, imageAlt, cardStyle, cardLink, city, country, onClick, usePlainClasses, }: CardProps) => JSX.Element;
+export declare const ProductCard: ({ className, size, title, imageUrl, imageAlt, showImage, productPrice, showProductPrice, cardLink, cta, cardStyle, onClick, usePlainClasses, }: CardProps) => JSX.Element;
 export declare const VideoCard: ({ className, title, imageUrl, imageAlt, cardStyle, duration, videoSrc, videoTitle, videoThumbnail, onClick, }: CardProps) => JSX.Element;
-export declare const ProductDetailsCard: ({ className, title, imageUrl, imageAlt, placeholder, onClick, hit, facets, usePlainClasses, ProductCardComponent, }: CardProps) => JSX.Element;
+export declare const ProductDetailsCard: ({ className, title, imageUrl, imageAlt, onClick, hit, facets, usePlainClasses, ProductCardComponent, }: CardProps) => JSX.Element;

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { ParsedFacetEntry } from "../../../utils/helpers/formatFacetValue";
+interface FacetUnitSelectorProps {
+    entries: ParsedFacetEntry[];
+    usePlainClasses?: boolean;
+}
+export declare const FacetUnitSelector: React.FC<FacetUnitSelectorProps>;
+export default FacetUnitSelector;

package/dist/stories/components/FacetUnitSelector/index.d.ts

@@ -0,0 +1 @@
+export { FacetUnitSelector } from "./FacetUnitSelector";

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

@@ -1,8 +1,8 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { AlgoliaDynamicSearchProps } from './algolia-dynamic-search.types';
+import { HTMLAttributes, ReactNode } from "react";
+import { AlgoliaDynamicSearchProps } from "./algolia-dynamic-search.types";
 export interface DynamicHeadingProps extends HTMLAttributes<HTMLHeadingElement> {
     titleSize?: "h2" | "h3" | "h4" | "h5" | "h6";
     children?: ReactNode;
 }
-export declare const AlgoliaDynamicSearch: ({ className, heading, titleSize, subtext, callToActionType, callToActionText, callToActionUrl, callToActionTargetSelector, queryType, hits, hitCta, showProductPrice, query, backgroundColour, maxResults, isLoading, placeholder, analytics, facets, innerComponents }: AlgoliaDynamicSearchProps, useScopedStyles?: boolean, styles?: Record<string, string>) => JSX.Element | null;
+export declare const AlgoliaDynamicSearch: ({ className, heading, titleSize, subtext, callToActionType, callToActionText, callToActionUrl, callToActionTargetSelector, queryType, hits, hitCta, showProductPrice, query, backgroundColour, maxResults, isLoading, analytics, facets, innerComponents, }: AlgoliaDynamicSearchProps, useScopedStyles?: boolean, styles?: Record<string, string>) => JSX.Element | null;
 export default AlgoliaDynamicSearch;

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

@@ -27,7 +27,6 @@ export interface AlgoliaDynamicSearchProps {
     backgroundColour?: string;
     maxResults?: number;
     isLoading?: boolean;
-    placeholder?: string;
     analytics?: (objectID: string, position: number, queryID: string) => void;
     facets?: Facet[];
     innerComponents?: InnerComponents;

package/dist/stories/experiences/QRFormJourney/Friendly-captcha/FriendlyCaptcha.d.ts

@@ -0,0 +1,10 @@
+import "./FriendlyCaptcha.scss";
+type Props = {
+    onComplete?: (response: string) => void;
+    sitekey: string;
+    element?: HTMLElement | null;
+    onExpire?: () => void;
+    doneCallback?: () => void;
+};
+export declare const FriendlyCaptcha: (props: Props) => null;
+export {};

package/dist/stories/experiences/QRFormJourney/Qr-form/Qr-form.d.ts

@@ -25,6 +25,8 @@ export type qrCodeFormProps = {
     consents?: consentProps[];
     /** Custom Button component - defaults to Edwards Button if not provided */
     ButtonComponent?: React.ComponentType<any>;
+    captchaKey?: string | undefined;
+    isChina?: boolean;
 };
 export type consentProps = {
     policyMandatory?: boolean;