@asantemedia-org/edwardsvacuum-design-system 1.6.48 → 1.6.49

package/dist/index.scss

@@ -786,15 +786,24 @@
 
 @font-face {
   font-family: "Calibri";
-  src: url("/public/fonts/calibri.ttf") format("truetype");
+  src: url("/fonts/calibri.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
 }
 @font-face {
   font-family: "CalibriLight";
-  src: url("/public/fonts/calibril.ttf") format("truetype");
+  src: url("/fonts/calibril.ttf") format("truetype");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
 }
 @font-face {
   font-family: "CalibriBold";
-  src: url("/public/fonts/calibrib.ttf") format("truetype");
+  src: url("/fonts/calibrib.ttf") format("truetype");
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
 }
 .p-1 {
   padding: 0.5rem;

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

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

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

@@ -1,30 +1,8 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { Facet } from "@stories/components/Card/card.types";
-export interface AlgoliaDynamicSearchProps {
-    className?: string;
-    heading?: string;
-    titleSize?: HeadingLevel;
-    subtext?: string;
-    callToActionType?: string;
-    callToActionText?: string;
-    callToActionUrl?: string;
-    callToActionTargetSelector?: string;
-    queryType?: string;
-    hits?: any;
-    hitCta?: string;
-    query: string;
-    showProductPrice?: boolean;
-    backgroundColour?: string;
-    maxResults?: number;
-    isLoading?: boolean;
-    placeholder?: string;
-    analytics?: (objectID: string, position: number, queryID: string) => void;
-    facets?: Facet[];
-}
-type HeadingLevel = "h2" | "h3" | "h4" | "h5" | "h6";
+import { AlgoliaDynamicSearchProps } from './algolia-dynamic-search.types';
 export interface DynamicHeadingProps extends HTMLAttributes<HTMLHeadingElement> {
-    titleSize?: HeadingLevel;
+    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 }: 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, placeholder, 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.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { AlgoliaDynamicSearchProps } from "@stories/experiences/Algolia-dynamic-search/algolia-dynamic-search-base";
+import { AlgoliaDynamicSearchProps } from "./algolia-dynamic-search.types";
 export declare const AlgoliaDynamicSearchEdwards: (props: AlgoliaDynamicSearchProps) => JSX.Element | null;
 export declare const AlgoliaDynamicSearchRaw: (props: AlgoliaDynamicSearchProps) => JSX.Element | null;

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

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+export interface InnerComponents {
+    Card?: React.ComponentType<any>;
+    ProductCard?: React.ComponentType<any>;
+    ProductDetailsCard?: React.ComponentType<any>;
+    Button?: React.ComponentType<any>;
+}
+export interface Facet {
+    name: string;
+    label: string;
+    returnsHTML?: boolean;
+}
+export interface AlgoliaDynamicSearchProps {
+    className?: string;
+    heading?: string;
+    titleSize?: "h2" | "h3" | "h4" | "h5" | "h6";
+    subtext?: string;
+    callToActionType?: string;
+    callToActionText?: string;
+    callToActionUrl?: string;
+    callToActionTargetSelector?: string;
+    queryType?: string;
+    hits?: any;
+    hitCta?: string;
+    query: string;
+    showProductPrice?: boolean;
+    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/Qr-form/Qr-form.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { FormFieldType as FormFieldDefinition } from "../FormFieldType";
 import './qr-form.scss';
 import { qrFormTranslations } from "./i18n";
@@ -22,6 +23,8 @@ export type qrCodeFormProps = {
     showThankYou?: boolean;
     consentTypeId?: string;
     consents?: consentProps[];
+    /** Custom Button component - defaults to Edwards Button if not provided */
+    ButtonComponent?: React.ComponentType<any>;
 };
 export type consentProps = {
     policyMandatory?: boolean;