@trafilea/afrodita-components 7.19.3 → 7.20.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.
@@ -1,2 +1,2 @@
1
- import{__assign as i}from"tslib";import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{Video as t}from"../../../molecules/Video/Video.js";import a from"../../../slider/SliderNavigation.js";import{ImageSmallPreview as n}from"../ImageSmallPreview/ImageSmallPreview.js";import{Container as l,ListItem as d,Button as s,VideoContainer as v,ArrowsContainer as m,ArrowPrev as u,ArrowNext as c}from"./styled.js";var w=function(i,e){var o="eager";e&&(o=i<e?"eager":"lazy");return o},p=function(i,e){var o="auto";e&&(o=i<e?"sync":"async");return o},g=function(e){var o=e.item,a=e.index,l=e.selectedImage,m=e.onClick,u=e.borderRadiusVariant,c=e.previewImgBorderColor,g=e.isRatioSquare,y=e.itemsOnViewport,I=void 0===y?0:y,f=e.videoInPreview,h=void 0!==f&&f,C=e.alwaysPlayInPreview,P=void 0!==C&&C,S=e.isHorizontal,k=void 0!==S&&S,R=o.isVideo&&h&&(P||o.key===l.key);return r(d,i({role:"listitem"},{children:r(s,i({onClick:function(){return m(a)}},{children:R?r(v,i({isRatioSquare:g,isHorizontal:k},{children:r(t,{source:o.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,preload:"auto"},void 0)}),void 0):r(n,{imageUrl:(null==o?void 0:o.alt.includes("-video"))?null==o?void 0:o.thumbnailUrl:null==o?void 0:o.url,alt:o.alt,selected:o.key===l.key,borderRadiusVariant:u,previewImgBorderColor:c,isRatioSquare:g,loading:w(a,I),decoding:p(a,I)},void 0)}),void 0)}),o.key)},y=function(t){var n=t.images,d=t.selectedImage,s=t.onClick,v=t.dataTestId,w=t.position,p=t.borderRadiusVariant,y=t.previewImgBorderColor,I=t.hasOverflowArrows,f=t.isRatioSquare,h=t.itemsOnViewport,C=void 0===h?0:h,P=t.videoInPreview,S=void 0!==P&&P,k=t.alwaysPlayInPreview,R=void 0!==k&&k;return e(o,{children:[r(l,i({role:"list","data-testid":v,position:w,className:I?"imageListContainer":w,hasOverflowArrows:I,isRatioSquare:f},{children:"horizontal"==w?r("div",i({style:{maxWidth:"360px"}},{children:r(a,i({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:n.map((function(i,e){return g({item:i,index:e,selectedImage:d,onClick:s,borderRadiusVariant:p,previewImgBorderColor:y,isRatioSquare:f,itemsOnViewport:C,videoInPreview:S,alwaysPlayInPreview:R,isHorizontal:!0})}))}),void 0)}),void 0):n.map((function(i,e){return g({item:i,index:e,selectedImage:d,onClick:s,borderRadiusVariant:p,previewImgBorderColor:y,isRatioSquare:f,itemsOnViewport:C,videoInPreview:S,alwaysPlayInPreview:R,isHorizontal:!1})}))}),void 0),I&&e(m,i({role:"navigation"},{children:[r(u,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),r(c,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};export{y as ImagePreviewList};
1
+ import{__assign as i}from"tslib";import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import{useRef as t,useEffect as n}from"react";import{Video as a}from"../../../molecules/Video/Video.js";import l from"../../../slider/SliderNavigation.js";import{ImageSmallPreview as d}from"../ImageSmallPreview/ImageSmallPreview.js";import{Container as s,ListItem as u,Button as m,VideoContainer as c,ArrowsContainer as v,ArrowPrev as w,ArrowNext as f}from"./styled.js";var p=function(i,e){var r="eager";e&&(r=i<e?"eager":"lazy");return r},g=function(i,e){var r="auto";e&&(r=i<e?"sync":"async");return r},h=function(e){var r=e.item,t=e.index,n=e.selectedImage,l=e.onClick,s=e.borderRadiusVariant,v=e.previewImgBorderColor,w=e.isRatioSquare,f=e.itemsOnViewport,h=void 0===f?0:f,y=e.videoInPreview,I=void 0!==y&&y,C=e.alwaysPlayInPreview,P=void 0!==C&&C,b=e.isHorizontal,S=void 0!==b&&b,V=r.isVideo&&I&&(P||r.key===n.key);return o(u,i({role:"listitem"},{children:o(m,i({onClick:function(){return l(t)}},{children:V?o(c,i({isRatioSquare:w,isHorizontal:S},{children:o(a,{source:r.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,preload:"auto"},void 0)}),void 0):o(d,{imageUrl:(null==r?void 0:r.alt.includes("-video"))?null==r?void 0:r.thumbnailUrl:(null==r?void 0:r.thumbnailUrl)||(null==r?void 0:r.url),alt:r.alt,selected:r.key===n.key,borderRadiusVariant:s,previewImgBorderColor:v,isRatioSquare:w,loading:p(t,h),decoding:g(t,h)},void 0)}),void 0)}),r.key)},y=function(a){var d=a.images,u=a.selectedImage,m=a.onClick,c=a.dataTestId,p=a.position,g=a.borderRadiusVariant,y=a.previewImgBorderColor,I=a.hasOverflowArrows,C=a.isRatioSquare,P=a.itemsOnViewport,b=void 0===P?0:P,S=a.videoInPreview,V=void 0!==S&&S,k=a.alwaysPlayInPreview,R=void 0!==k&&k;!function(i){var e=t(new Set);n((function(){if(i.some((function(i){return!i.isVideo&&i.thumbnailUrl&&i.thumbnailUrl!==i.url}))){var r=setTimeout((function(){i.forEach((function(i){i.isVideo||!i.thumbnailUrl||i.thumbnailUrl===i.url||e.current.has(i.url)||((new Image).src=i.url,e.current.add(i.url))}))}),1500);return function(){return clearTimeout(r)}}}),[i])}(d);return e(r,{children:[o(s,i({role:"list","data-testid":c,position:p,className:I?"imageListContainer":p,hasOverflowArrows:I,isRatioSquare:C},{children:"horizontal"==p?o("div",i({style:{maxWidth:"360px"}},{children:o(l,i({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:d.map((function(i,e){return h({item:i,index:e,selectedImage:u,onClick:m,borderRadiusVariant:g,previewImgBorderColor:y,isRatioSquare:C,itemsOnViewport:b,videoInPreview:V,alwaysPlayInPreview:R,isHorizontal:!0})}))}),void 0)}),void 0):d.map((function(i,e){return h({item:i,index:e,selectedImage:u,onClick:m,borderRadiusVariant:g,previewImgBorderColor:y,isRatioSquare:C,itemsOnViewport:b,videoInPreview:V,alwaysPlayInPreview:R,isHorizontal:!1})}))}),void 0),I&&e(v,i({role:"navigation"},{children:[o(w,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),o(f,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};export{y as ImagePreviewList};
2
2
  //# sourceMappingURL=ImagePreviewList.js.map
@@ -1,2 +1,2 @@
1
- import{__assign as o}from"tslib";import{jsxs as i,Fragment as d,jsx as t}from"react/jsx-runtime";import{useZoom as l}from"../../../organisms/ModalZoom/useZoom.js";import{ZoomButtonComponent as e}from"../../../organisms/ModalZoom/ZoomButton.js";import{Video as r}from"../../../molecules/Video/Video.js";import{Container as a,InnerImageZoomStyled as n,ImageStyled as s,TopTagContainer as m,BottomTagContainer as v,TopRightTagWrapper as c,TopRightTagContainer as u,ButtonSecondaryOutlineWrapper as h}from"./styled.js";var p=function(p){var g,z=p.content,b=p.topTag,y=p.topRightTag,f=p.bottomTag,j=p.testId,I=p.position,M=void 0===I?"vertical":I,V=p.borderRadiusVariant,R=p.ctaText,T=p.ctaAction,Z=p.hideCTA,w=p.withZoom,x=p.isRatioSquare,A=p.videoAutoplay,C=void 0!==A&&A,k=p.hideVideoControls,S=void 0!==k&&k,q=p.zoomOptions,B=null==z?void 0:z.url,P=null!==(g=null==z?void 0:z.isVideo)&&void 0!==g&&g,F=C||null==z?void 0:z.thumbnailUrl,H=S?{pointerEvents:"none"}:void 0,O=l((null==q?void 0:q.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i(a,o({"data-testid":j,className:"stylefor".concat(M),borderRadiusVariant:V,position:M},{children:[!P&&i(d,{children:[w?t(n,{src:B,zoomSrc:(null==z?void 0:z.zoomUrl)||B,zoomType:(null==q?void 0:q.zoomModalId)?"click":"hover",imgAttributes:{alt:z.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync"},width:"horizontal"==M?360:530,height:"horizontal"==M?480:720,hideHint:!0,isRatioSquare:x,afterZoomIn:(null==q?void 0:q.zoomModalId)?O:void 0},void 0):t(s,{width:"horizontal"==M?"360px":"530px",height:"auto",src:B,alt:z.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:x},void 0),t(m,o({borderRadiusVariant:V},{children:b}),void 0),t(v,o({isCTAHidden:Z},{children:f}),void 0),!!y&&t(c,{children:t(u,{children:y},void 0)},void 0)]},void 0),P&&t(r,{source:B,thumbnail:F,autoPlay:C,muted:!0,loop:!0,withProgressBar:!S,style:H,preload:"auto"},void 0),R&&T&&t("div",o({style:{display:Z?"none":"block"}},{children:t(h,{wide:!0,onClick:T,text:R},void 0)}),void 0),Boolean(null==q?void 0:q.zoomModalId)&&t(e,{modalId:(null==q?void 0:q.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==q?void 0:q.zoomVersion)},void 0)]}),void 0)};export{p as ImageProductSlide};
1
+ import{__assign as o}from"tslib";import{jsxs as i,Fragment as t,jsx as d}from"react/jsx-runtime";import{useZoom as l}from"../../../organisms/ModalZoom/useZoom.js";import{ZoomButtonComponent as e}from"../../../organisms/ModalZoom/ZoomButton.js";import{Video as r}from"../../../molecules/Video/Video.js";import{Container as a,InnerImageZoomStyled as n,ImageStyled as s,TopTagContainer as m,BottomTagContainer as v,TopRightTagWrapper as c,TopRightTagContainer as h,ButtonSecondaryOutlineWrapper as u}from"./styled.js";var p=function(p){var g,z=p.content,b=p.topTag,y=p.topRightTag,f=p.bottomTag,j=p.testId,I=p.position,M=void 0===I?"vertical":I,V=p.borderRadiusVariant,R=p.ctaText,T=p.ctaAction,Z=p.hideCTA,w=p.withZoom,x=p.isRatioSquare,A=p.videoAutoplay,C=void 0!==A&&A,k=p.hideVideoControls,P=void 0!==k&&k,S=p.zoomOptions,q=null==z?void 0:z.url,B=null!==(g=null==z?void 0:z.isVideo)&&void 0!==g&&g,F=C||null==z?void 0:z.thumbnailUrl,H=P?{pointerEvents:"none"}:void 0,O=l((null==S?void 0:S.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i(a,o({"data-testid":j,className:"stylefor".concat(M),borderRadiusVariant:V,position:M},{children:[!B&&i(t,{children:[w?d(n,{src:q,zoomSrc:(null==z?void 0:z.zoomUrl)||q,zoomType:(null==S?void 0:S.zoomModalId)?"click":"hover",imgAttributes:{alt:z.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync",fetchpriority:"high"},width:"horizontal"==M?360:530,height:"horizontal"==M?480:720,hideHint:!0,isRatioSquare:x,afterZoomIn:(null==S?void 0:S.zoomModalId)?O:void 0},void 0):d(s,{width:"horizontal"==M?"360px":"530px",height:"auto",src:q,alt:z.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:x,fetchPriority:"high"},void 0),d(m,o({borderRadiusVariant:V},{children:b}),void 0),d(v,o({isCTAHidden:Z},{children:f}),void 0),!!y&&d(c,{children:d(h,{children:y},void 0)},void 0)]},void 0),B&&d(r,{source:q,thumbnail:F,autoPlay:C,muted:!0,loop:!0,withProgressBar:!P,style:H,preload:"auto"},void 0),R&&T&&d("div",o({style:{display:Z?"none":"block"}},{children:d(u,{wide:!0,onClick:T,text:R},void 0)}),void 0),Boolean(null==S?void 0:S.zoomModalId)&&d(e,{modalId:(null==S?void 0:S.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==S?void 0:S.zoomVersion)},void 0)]}),void 0)};export{p as ImageProductSlide};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
@@ -1,2 +1,2 @@
1
- import{jsx as e}from"react/jsx-runtime";import{useTheme as r}from"../../../../core/theme/Theme.js";import{Image as o}from"./styled.js";var i=function(i){var t=i.imageUrl,a=i.alt,d=i.selected,m=void 0!==d&&d,l=i.className,s=i.borderRadiusVariant,n=i.previewImgBorderColor,c=i.isRatioSquare,g=i.loading,h=void 0===g?"eager":g,p=i.decoding,u=void 0===p?"auto":p,v=r();return e(o,{className:l,src:t,alt:a,selected:m,theme:v,borderRadiusVariant:s,previewImgBorderColor:n,loading:h,decoding:u,width:v.component.gallery.thumbnail.desktop.width,height:v.component.gallery.thumbnail.desktop.height,isRatioSquare:c},void 0)};export{i as ImageSmallPreview};
1
+ import{jsx as e}from"react/jsx-runtime";import{useTheme as r}from"../../../../core/theme/Theme.js";import{Image as o}from"./styled.js";var i=function(i){var t=i.imageUrl,a=i.alt,d=i.selected,m=void 0!==d&&d,l=i.className,s=i.borderRadiusVariant,n=i.previewImgBorderColor,c=i.isRatioSquare,h=i.loading,g=void 0===h?"eager":h,p=i.decoding,u=void 0===p?"auto":p,v=i.fetchPriority,f=r();return e(o,{className:l,src:t,alt:a,selected:m,theme:f,borderRadiusVariant:s,previewImgBorderColor:n,loading:g,decoding:u,width:f.component.gallery.thumbnail.desktop.width,height:f.component.gallery.thumbnail.desktop.height,isRatioSquare:c,fetchpriority:v},void 0)};export{i as ImageSmallPreview};
2
2
  //# sourceMappingURL=ImageSmallPreview.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject as r}from"tslib";import n from"@emotion/styled";var o,e=n.img(o||(o=r(["\n ","\n\n width: ",";\n height: ",";\n object-fit: cover;\n box-sizing: border-box;\n cursor: pointer;\n border: ",";\n"],["\n ","\n\n width: ",";\n height: ",";\n object-fit: cover;\n box-sizing: border-box;\n cursor: pointer;\n border: ",";\n"])),(function(r){return r.borderRadiusVariant&&"\n border-radius: 20px;\n "}),(function(r){return r.theme.component.gallery.thumbnail.desktop.width}),(function(r){var n=r.isRatioSquare,o=r.theme;return n?o.component.gallery.thumbnail.desktop.width:o.component.gallery.thumbnail.desktop.height}),(function(r){var n=r.selected,o=r.theme,e=r.previewImgBorderColor;return n?"0.1rem solid ".concat(e||o.colors.shades[700].color):"inherit"}));export{e as Image};
1
+ import{__makeTemplateObject as r}from"tslib";import o from"@emotion/is-prop-valid";import n from"@emotion/styled";var e,t=n("img",{shouldForwardProp:function(r){return"fetchpriority"===r||o(r)}})(e||(e=r(["\n ","\n\n width: ",";\n height: ",";\n object-fit: cover;\n box-sizing: border-box;\n cursor: pointer;\n border: ",";\n"],["\n ","\n\n width: ",";\n height: ",";\n object-fit: cover;\n box-sizing: border-box;\n cursor: pointer;\n border: ",";\n"])),(function(r){return r.borderRadiusVariant&&"\n border-radius: 20px;\n "}),(function(r){return r.theme.component.gallery.thumbnail.desktop.width}),(function(r){var o=r.isRatioSquare,n=r.theme;return o?n.component.gallery.thumbnail.desktop.width:n.component.gallery.thumbnail.desktop.height}),(function(r){var o=r.selected,n=r.theme,e=r.previewImgBorderColor;return o?"0.1rem solid ".concat(e||n.colors.shades[700].color):"inherit"}));export{t as Image};
2
2
  //# sourceMappingURL=styled.js.map
@@ -1,2 +1,2 @@
1
- import{__assign as n,__rest as t}from"tslib";var r=["typography","fonts"],o=function(t){var o={},a={};for(var i in e("-",o,n({},t),a),a){var f=a[i];f in o!=!1?o[i]=o[f]:delete o[i]}for(var u=0,l=r;u<l.length;u++){o[i=l[u]]=t[i]}return c(o,{})},c=function(n,t){for(var r in n){for(var o=t,c=r.replace(/^--/,"").split("-"),e=0;e<c.length;e++){var a=c[e],i=e===c.length-1,f=new RegExp("".concat(a,"-0[-\\w]*$")).test(r),u=i?n[r]:f?[]:{};a in o==!1&&(o[a]=u),o=o[a]}o=t}return t},e=function(n,t,o,c){for(var a in o){var i="$root"===a?n:"".concat(n,"-").concat(a),f=o[a];r.includes(a)||null!=f&&("object"==typeof f?e(i,t,f,c):("string"==typeof f&&f.startsWith("--")&&(c[i]=f),t[i]=f))}},a=function(n){return u("\n :root {\n ".concat(Object.entries(n).map((function(n){var t=n[0],r=n[1];return"".concat(t,": ").concat(r,";")})).join("\n"),"\n }\n "))},i=function(r){r.name;var o=r.fonts,c=void 0===o?{url:"",config:[]}:o,i=t(r,["name","fonts"]),u={},l={};for(var s in e("-",u,n({},i),l),l){var p=l[s];p in u!=!1?u[s]="var(".concat(p,")"):delete u[s]}return a(u)+f(c)},f=function(n){if(0===n.config.length)return"";var t=n.config.map((function(t){var r=['font-family: "'.concat(t.family,'"'),'src: url("'.concat(n.url,"/").concat(t.src,'") format("opentype")')];return t.weight&&r.push("font-weight: ".concat(t.weight)),t.stretch&&r.push("font-stretch: ".concat(t.stretch)),t.style&&r.push("font-style: ".concat(t.style)),u("@font-face { ".concat(r.join(";\n"),"; }"))})).join("\n");return u("\n ".concat(t,'\n body, input {\n font-family: "').concat(n.config[0].family,'";\n }\n '))},u=function(n){return n.trim().replace(/\s+/g," ").replace(/\n/g,"")};export{o as applyVariablesIntoTheme,u as inline,a as stringify,f as transformFonts,i as transformThemeIntoVariables,e as transformToVariables,c as variablesToObject};
1
+ import{__assign as n,__rest as t}from"tslib";var o=["typography","fonts"],r=function(t){var r={},e={};for(var i in a("-",r,n({},t),e),e){var f=e[i];f in r!=!1?r[i]=r[f]:delete r[i]}for(var u=0,l=o;u<l.length;u++){r[i=l[u]]=t[i]}return c(r,{})},c=function(n,t){for(var o in n){for(var r=t,c=o.replace(/^--/,"").split("-"),a=0;a<c.length;a++){var e=c[a],i=a===c.length-1,f=new RegExp("".concat(e,"-0[-\\w]*$")).test(o),u=i?n[o]:f?[]:{};e in r==!1&&(r[e]=u),r=r[e]}r=t}return t},a=function(n,t,r,c){for(var e in r){var i="$root"===e?n:"".concat(n,"-").concat(e),f=r[e];o.includes(e)||null!=f&&("object"==typeof f?a(i,t,f,c):("string"==typeof f&&f.startsWith("--")&&(c[i]=f),t[i]=f))}},e=function(n){return u("\n :root {\n ".concat(Object.entries(n).map((function(n){var t=n[0],o=n[1];return"".concat(t,": ").concat(o,";")})).join("\n"),"\n }\n "))},i=function(o){o.name;var r=o.fonts,c=void 0===r?{url:"",config:[]}:r,i=t(o,["name","fonts"]),u={},l={};for(var s in a("-",u,n({},i),l),l){var p=l[s];p in u!=!1?u[s]="var(".concat(p,")"):delete u[s]}return e(u)+f(c)},f=function(n){if(0===n.config.length)return"";var t=n.config.map((function(t){var o=['font-family: "'.concat(t.family,'"'),'src: url("'.concat(n.url,"/").concat(t.src,'") format("opentype")')];return t.weight&&o.push("font-weight: ".concat(t.weight)),t.stretch&&o.push("font-stretch: ".concat(t.stretch)),t.style&&o.push("font-style: ".concat(t.style)),t.display&&o.push("font-display: ".concat(t.display)),u("@font-face { ".concat(o.join(";\n"),"; }"))})).join("\n");return u("\n ".concat(t,'\n body, input {\n font-family: "').concat(n.config[0].family,'";\n }\n '))},u=function(n){return n.trim().replace(/\s+/g," ").replace(/\n/g,"")};export{r as applyVariablesIntoTheme,u as inline,e as stringify,f as transformFonts,i as transformThemeIntoVariables,a as transformToVariables,c as variablesToObject};
2
2
  //# sourceMappingURL=theme.helpers.js.map
package/build/index.d.ts CHANGED
@@ -2535,6 +2535,7 @@ declare type ThemeFonts = {
2535
2535
  weight?: number | string;
2536
2536
  style?: string;
2537
2537
  stretch?: string;
2538
+ display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
2538
2539
  }>;
2539
2540
  };
2540
2541
  declare type ThemeAssets = {
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("../../../molecules/Video/Video.js"),o=require("../../../slider/SliderNavigation.js"),a=require("../ImageSmallPreview/ImageSmallPreview.js"),t=require("./styled.js"),n=function(e,i){var r="eager";i&&(r=e<i?"eager":"lazy");return r},s=function(e,i){var r="auto";i&&(r=e<i?"sync":"async");return r},l=function(o){var l=o.item,d=o.index,u=o.selectedImage,v=o.onClick,c=o.borderRadiusVariant,m=o.previewImgBorderColor,g=o.isRatioSquare,w=o.itemsOnViewport,y=void 0===w?0:w,I=o.videoInPreview,p=void 0!==I&&I,x=o.alwaysPlayInPreview,P=void 0!==x&&x,j=o.isHorizontal,C=void 0!==j&&j,h=l.isVideo&&p&&(P||l.key===u.key);return i.jsx(t.ListItem,e.__assign({role:"listitem"},{children:i.jsx(t.Button,e.__assign({onClick:function(){return v(d)}},{children:h?i.jsx(t.VideoContainer,e.__assign({isRatioSquare:g,isHorizontal:C},{children:i.jsx(r.Video,{source:l.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,preload:"auto"},void 0)}),void 0):i.jsx(a.ImageSmallPreview,{imageUrl:(null==l?void 0:l.alt.includes("-video"))?null==l?void 0:l.thumbnailUrl:null==l?void 0:l.url,alt:l.alt,selected:l.key===u.key,borderRadiusVariant:c,previewImgBorderColor:m,isRatioSquare:g,loading:n(d,y),decoding:s(d,y)},void 0)}),void 0)}),l.key)};exports.ImagePreviewList=function(r){var a=r.images,n=r.selectedImage,s=r.onClick,d=r.dataTestId,u=r.position,v=r.borderRadiusVariant,c=r.previewImgBorderColor,m=r.hasOverflowArrows,g=r.isRatioSquare,w=r.itemsOnViewport,y=void 0===w?0:w,I=r.videoInPreview,p=void 0!==I&&I,x=r.alwaysPlayInPreview,P=void 0!==x&&x;return i.jsxs(i.Fragment,{children:[i.jsx(t.Container,e.__assign({role:"list","data-testid":d,position:u,className:m?"imageListContainer":u,hasOverflowArrows:m,isRatioSquare:g},{children:"horizontal"==u?i.jsx("div",e.__assign({style:{maxWidth:"360px"}},{children:i.jsx(o,e.__assign({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:a.map((function(e,i){return l({item:e,index:i,selectedImage:n,onClick:s,borderRadiusVariant:v,previewImgBorderColor:c,isRatioSquare:g,itemsOnViewport:y,videoInPreview:p,alwaysPlayInPreview:P,isHorizontal:!0})}))}),void 0)}),void 0):a.map((function(e,i){return l({item:e,index:i,selectedImage:n,onClick:s,borderRadiusVariant:v,previewImgBorderColor:c,isRatioSquare:g,itemsOnViewport:y,videoInPreview:p,alwaysPlayInPreview:P,isHorizontal:!1})}))}),void 0),m&&i.jsxs(t.ArrowsContainer,e.__assign({role:"navigation"},{children:[i.jsx(t.ArrowPrev,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),i.jsx(t.ArrowNext,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("../../../molecules/Video/Video.js"),n=require("../../../slider/SliderNavigation.js"),t=require("../ImageSmallPreview/ImageSmallPreview.js"),a=require("./styled.js"),s=function(e,i){var r="eager";i&&(r=e<i?"eager":"lazy");return r},l=function(e,i){var r="auto";i&&(r=e<i?"sync":"async");return r},d=function(r){var n=r.item,d=r.index,u=r.selectedImage,c=r.onClick,v=r.borderRadiusVariant,m=r.previewImgBorderColor,w=r.isRatioSquare,g=r.itemsOnViewport,h=void 0===g?0:g,y=r.videoInPreview,f=void 0!==y&&y,I=r.alwaysPlayInPreview,p=void 0!==I&&I,x=r.isHorizontal,P=void 0!==x&&x,j=n.isVideo&&f&&(p||n.key===u.key);return i.jsx(a.ListItem,e.__assign({role:"listitem"},{children:i.jsx(a.Button,e.__assign({onClick:function(){return c(d)}},{children:j?i.jsx(a.VideoContainer,e.__assign({isRatioSquare:w,isHorizontal:P},{children:i.jsx(o.Video,{source:n.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,preload:"auto"},void 0)}),void 0):i.jsx(t.ImageSmallPreview,{imageUrl:(null==n?void 0:n.alt.includes("-video"))?null==n?void 0:n.thumbnailUrl:(null==n?void 0:n.thumbnailUrl)||(null==n?void 0:n.url),alt:n.alt,selected:n.key===u.key,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:w,loading:s(d,h),decoding:l(d,h)},void 0)}),void 0)}),n.key)};exports.ImagePreviewList=function(o){var t=o.images,s=o.selectedImage,l=o.onClick,u=o.dataTestId,c=o.position,v=o.borderRadiusVariant,m=o.previewImgBorderColor,w=o.hasOverflowArrows,g=o.isRatioSquare,h=o.itemsOnViewport,y=void 0===h?0:h,f=o.videoInPreview,I=void 0!==f&&f,p=o.alwaysPlayInPreview,x=void 0!==p&&p;!function(e){var i=r.useRef(new Set);r.useEffect((function(){if(e.some((function(e){return!e.isVideo&&e.thumbnailUrl&&e.thumbnailUrl!==e.url}))){var r=setTimeout((function(){e.forEach((function(e){e.isVideo||!e.thumbnailUrl||e.thumbnailUrl===e.url||i.current.has(e.url)||((new Image).src=e.url,i.current.add(e.url))}))}),1500);return function(){return clearTimeout(r)}}}),[e])}(t);return i.jsxs(i.Fragment,{children:[i.jsx(a.Container,e.__assign({role:"list","data-testid":u,position:c,className:w?"imageListContainer":c,hasOverflowArrows:w,isRatioSquare:g},{children:"horizontal"==c?i.jsx("div",e.__assign({style:{maxWidth:"360px"}},{children:i.jsx(n,e.__assign({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:t.map((function(e,i){return d({item:e,index:i,selectedImage:s,onClick:l,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:g,itemsOnViewport:y,videoInPreview:I,alwaysPlayInPreview:x,isHorizontal:!0})}))}),void 0)}),void 0):t.map((function(e,i){return d({item:e,index:i,selectedImage:s,onClick:l,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:g,itemsOnViewport:y,videoInPreview:I,alwaysPlayInPreview:x,isHorizontal:!1})}))}),void 0),w&&i.jsxs(a.ArrowsContainer,e.__assign({role:"navigation"},{children:[i.jsx(a.ArrowPrev,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),i.jsx(a.ArrowNext,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};
2
2
  //# sourceMappingURL=ImagePreviewList.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),i=require("react/jsx-runtime"),e=require("../../../organisms/ModalZoom/useZoom.js"),t=require("../../../organisms/ModalZoom/ZoomButton.js"),d=require("../../../molecules/Video/Video.js"),a=require("./styled.js");exports.ImageProductSlide=function(n){var r,l=n.content,s=n.topTag,u=n.topRightTag,c=n.bottomTag,m=n.testId,v=n.position,g=void 0===v?"vertical":v,h=n.borderRadiusVariant,p=n.ctaText,j=n.ctaAction,x=n.hideCTA,y=n.withZoom,z=n.isRatioSquare,b=n.videoAutoplay,T=void 0!==b&&b,I=n.hideVideoControls,C=void 0!==I&&I,Z=n.zoomOptions,_=null==l?void 0:l.url,q=null!==(r=null==l?void 0:l.isVideo)&&void 0!==r&&r,M=T||null==l?void 0:l.thumbnailUrl,R=C?{pointerEvents:"none"}:void 0,V=e.useZoom((null==Z?void 0:Z.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i.jsxs(a.Container,o.__assign({"data-testid":m,className:"stylefor".concat(g),borderRadiusVariant:h,position:g},{children:[!q&&i.jsxs(i.Fragment,{children:[y?i.jsx(a.InnerImageZoomStyled,{src:_,zoomSrc:(null==l?void 0:l.zoomUrl)||_,zoomType:(null==Z?void 0:Z.zoomModalId)?"click":"hover",imgAttributes:{alt:l.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync"},width:"horizontal"==g?360:530,height:"horizontal"==g?480:720,hideHint:!0,isRatioSquare:z,afterZoomIn:(null==Z?void 0:Z.zoomModalId)?V:void 0},void 0):i.jsx(a.ImageStyled,{width:"horizontal"==g?"360px":"530px",height:"auto",src:_,alt:l.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:z},void 0),i.jsx(a.TopTagContainer,o.__assign({borderRadiusVariant:h},{children:s}),void 0),i.jsx(a.BottomTagContainer,o.__assign({isCTAHidden:x},{children:c}),void 0),!!u&&i.jsx(a.TopRightTagWrapper,{children:i.jsx(a.TopRightTagContainer,{children:u},void 0)},void 0)]},void 0),q&&i.jsx(d.Video,{source:_,thumbnail:M,autoPlay:T,muted:!0,loop:!0,withProgressBar:!C,style:R,preload:"auto"},void 0),p&&j&&i.jsx("div",o.__assign({style:{display:x?"none":"block"}},{children:i.jsx(a.ButtonSecondaryOutlineWrapper,{wide:!0,onClick:j,text:p},void 0)}),void 0),Boolean(null==Z?void 0:Z.zoomModalId)&&i.jsx(t.ZoomButtonComponent,{modalId:(null==Z?void 0:Z.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==Z?void 0:Z.zoomVersion)},void 0)]}),void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("tslib"),i=require("react/jsx-runtime"),e=require("../../../organisms/ModalZoom/useZoom.js"),t=require("../../../organisms/ModalZoom/ZoomButton.js"),d=require("../../../molecules/Video/Video.js"),r=require("./styled.js");exports.ImageProductSlide=function(a){var n,l=a.content,s=a.topTag,u=a.topRightTag,c=a.bottomTag,m=a.testId,v=a.position,h=void 0===v?"vertical":v,g=a.borderRadiusVariant,p=a.ctaText,j=a.ctaAction,x=a.hideCTA,y=a.withZoom,z=a.isRatioSquare,b=a.videoAutoplay,T=void 0!==b&&b,I=a.hideVideoControls,C=void 0!==I&&I,Z=a.zoomOptions,_=null==l?void 0:l.url,q=null!==(n=null==l?void 0:l.isVideo)&&void 0!==n&&n,M=T||null==l?void 0:l.thumbnailUrl,R=C?{pointerEvents:"none"}:void 0,V=e.useZoom((null==Z?void 0:Z.zoomModalId)||"zoom-modal-v1").handleZoomClick;return i.jsxs(r.Container,o.__assign({"data-testid":m,className:"stylefor".concat(h),borderRadiusVariant:g,position:h},{children:[!q&&i.jsxs(i.Fragment,{children:[y?i.jsx(r.InnerImageZoomStyled,{src:_,zoomSrc:(null==l?void 0:l.zoomUrl)||_,zoomType:(null==Z?void 0:Z.zoomModalId)?"click":"hover",imgAttributes:{alt:l.alt,style:{objectFit:"cover",objectPosition:"center"},loading:"eager",decoding:"sync",fetchpriority:"high"},width:"horizontal"==h?360:530,height:"horizontal"==h?480:720,hideHint:!0,isRatioSquare:z,afterZoomIn:(null==Z?void 0:Z.zoomModalId)?V:void 0},void 0):i.jsx(r.ImageStyled,{width:"horizontal"==h?"360px":"530px",height:"auto",src:_,alt:l.alt,objectFit:"cover",loading:"eager",decoding:"sync",isRatioSquare:z,fetchPriority:"high"},void 0),i.jsx(r.TopTagContainer,o.__assign({borderRadiusVariant:g},{children:s}),void 0),i.jsx(r.BottomTagContainer,o.__assign({isCTAHidden:x},{children:c}),void 0),!!u&&i.jsx(r.TopRightTagWrapper,{children:i.jsx(r.TopRightTagContainer,{children:u},void 0)},void 0)]},void 0),q&&i.jsx(d.Video,{source:_,thumbnail:M,autoPlay:T,muted:!0,loop:!0,withProgressBar:!C,style:R,preload:"auto"},void 0),p&&j&&i.jsx("div",o.__assign({style:{display:x?"none":"block"}},{children:i.jsx(r.ButtonSecondaryOutlineWrapper,{wide:!0,onClick:j,text:p},void 0)}),void 0),Boolean(null==Z?void 0:Z.zoomModalId)&&i.jsx(t.ZoomButtonComponent,{modalId:(null==Z?void 0:Z.zoomModalId)||"zoom-modal-v1",showOnMobile:"v2"===(null==Z?void 0:Z.zoomVersion)},void 0)]}),void 0)};
2
2
  //# sourceMappingURL=ImageProductSlide.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../core/theme/Theme.js"),i=require("./styled.js");exports.ImageSmallPreview=function(a){var t=a.imageUrl,o=a.alt,d=a.selected,s=void 0!==d&&d,l=a.className,m=a.borderRadiusVariant,n=a.previewImgBorderColor,u=a.isRatioSquare,c=a.loading,g=void 0===c?"eager":c,h=a.decoding,v=void 0===h?"auto":h,p=r.useTheme();return e.jsx(i.Image,{className:l,src:t,alt:o,selected:s,theme:p,borderRadiusVariant:m,previewImgBorderColor:n,loading:g,decoding:v,width:p.component.gallery.thumbnail.desktop.width,height:p.component.gallery.thumbnail.desktop.height,isRatioSquare:u},void 0)};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../../core/theme/Theme.js"),i=require("./styled.js");exports.ImageSmallPreview=function(t){var o=t.imageUrl,a=t.alt,d=t.selected,s=void 0!==d&&d,l=t.className,m=t.borderRadiusVariant,n=t.previewImgBorderColor,u=t.isRatioSquare,c=t.loading,g=void 0===c?"eager":c,h=t.decoding,p=void 0===h?"auto":h,v=t.fetchPriority,y=r.useTheme();return e.jsx(i.Image,{className:l,src:o,alt:a,selected:s,theme:y,borderRadiusVariant:m,previewImgBorderColor:n,loading:g,decoding:p,width:y.component.gallery.thumbnail.desktop.width,height:y.component.gallery.thumbnail.desktop.height,isRatioSquare:u,fetchpriority:v},void 0)};
2
2
  //# sourceMappingURL=ImageSmallPreview.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t,n=r(require("@emotion/styled")).default.img(t||(t=e.__makeTemplateObject(["\n ","\n\n width: ",";\n height: ",";\n object-fit: cover;\n box-sizing: border-box;\n cursor: pointer;\n border: ",";\n"],["\n ","\n\n width: ",";\n height: ",";\n object-fit: cover;\n box-sizing: border-box;\n cursor: pointer;\n border: ",";\n"])),(function(e){return e.borderRadiusVariant&&"\n border-radius: 20px;\n "}),(function(e){return e.theme.component.gallery.thumbnail.desktop.width}),(function(e){var r=e.isRatioSquare,t=e.theme;return r?t.component.gallery.thumbnail.desktop.width:t.component.gallery.thumbnail.desktop.height}),(function(e){var r=e.selected,t=e.theme,n=e.previewImgBorderColor;return r?"0.1rem solid ".concat(n||t.colors.shades[700].color):"inherit"}));exports.Image=n;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("@emotion/is-prop-valid"),t=require("@emotion/styled");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o,i=n(r),u=n(t).default("img",{shouldForwardProp:function(e){return"fetchpriority"===e||i.default(e)}})(o||(o=e.__makeTemplateObject(["\n ","\n\n width: ",";\n height: ",";\n object-fit: cover;\n box-sizing: border-box;\n cursor: pointer;\n border: ",";\n"],["\n ","\n\n width: ",";\n height: ",";\n object-fit: cover;\n box-sizing: border-box;\n cursor: pointer;\n border: ",";\n"])),(function(e){return e.borderRadiusVariant&&"\n border-radius: 20px;\n "}),(function(e){return e.theme.component.gallery.thumbnail.desktop.width}),(function(e){var r=e.isRatioSquare,t=e.theme;return r?t.component.gallery.thumbnail.desktop.width:t.component.gallery.thumbnail.desktop.height}),(function(e){var r=e.selected,t=e.theme,n=e.previewImgBorderColor;return r?"0.1rem solid ".concat(n||t.colors.shades[700].color):"inherit"}));exports.Image=u;
2
2
  //# sourceMappingURL=styled.js.map
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),t=["typography","fonts"],r=function(n,t){for(var r in n){for(var e=t,o=r.replace(/^--/,"").split("-"),a=0;a<o.length;a++){var c=o[a],i=a===o.length-1,s=new RegExp("".concat(c,"-0[-\\w]*$")).test(r),f=i?n[r]:s?[]:{};c in e==!1&&(e[c]=f),e=e[c]}e=t}return t},e=function(n,r,o,a){for(var c in o){var i="$root"===c?n:"".concat(n,"-").concat(c),s=o[c];t.includes(c)||null!=s&&("object"==typeof s?e(i,r,s,a):("string"==typeof s&&s.startsWith("--")&&(a[i]=s),r[i]=s))}},o=function(n){return c("\n :root {\n ".concat(Object.entries(n).map((function(n){var t=n[0],r=n[1];return"".concat(t,": ").concat(r,";")})).join("\n"),"\n }\n "))},a=function(n){if(0===n.config.length)return"";var t=n.config.map((function(t){var r=['font-family: "'.concat(t.family,'"'),'src: url("'.concat(n.url,"/").concat(t.src,'") format("opentype")')];return t.weight&&r.push("font-weight: ".concat(t.weight)),t.stretch&&r.push("font-stretch: ".concat(t.stretch)),t.style&&r.push("font-style: ".concat(t.style)),c("@font-face { ".concat(r.join(";\n"),"; }"))})).join("\n");return c("\n ".concat(t,'\n body, input {\n font-family: "').concat(n.config[0].family,'";\n }\n '))},c=function(n){return n.trim().replace(/\s+/g," ").replace(/\n/g,"")};exports.applyVariablesIntoTheme=function(o){var a={},c={};for(var i in e("-",a,n.__assign({},o),c),c){var s=c[i];s in a!=!1?a[i]=a[s]:delete a[i]}for(var f=0,l=t;f<l.length;f++){a[i=l[f]]=o[i]}return r(a,{})},exports.inline=c,exports.stringify=o,exports.transformFonts=a,exports.transformThemeIntoVariables=function(t){t.name;var r=t.fonts,c=void 0===r?{url:"",config:[]}:r,i=n.__rest(t,["name","fonts"]),s={},f={};for(var l in e("-",s,n.__assign({},i),f),f){var u=f[l];u in s!=!1?s[l]="var(".concat(u,")"):delete s[l]}return o(s)+a(c)},exports.transformToVariables=e,exports.variablesToObject=r;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),t=["typography","fonts"],r=function(n,t){for(var r in n){for(var o=t,e=r.replace(/^--/,"").split("-"),a=0;a<e.length;a++){var c=e[a],i=a===e.length-1,s=new RegExp("".concat(c,"-0[-\\w]*$")).test(r),f=i?n[r]:s?[]:{};c in o==!1&&(o[c]=f),o=o[c]}o=t}return t},o=function(n,r,e,a){for(var c in e){var i="$root"===c?n:"".concat(n,"-").concat(c),s=e[c];t.includes(c)||null!=s&&("object"==typeof s?o(i,r,s,a):("string"==typeof s&&s.startsWith("--")&&(a[i]=s),r[i]=s))}},e=function(n){return c("\n :root {\n ".concat(Object.entries(n).map((function(n){var t=n[0],r=n[1];return"".concat(t,": ").concat(r,";")})).join("\n"),"\n }\n "))},a=function(n){if(0===n.config.length)return"";var t=n.config.map((function(t){var r=['font-family: "'.concat(t.family,'"'),'src: url("'.concat(n.url,"/").concat(t.src,'") format("opentype")')];return t.weight&&r.push("font-weight: ".concat(t.weight)),t.stretch&&r.push("font-stretch: ".concat(t.stretch)),t.style&&r.push("font-style: ".concat(t.style)),t.display&&r.push("font-display: ".concat(t.display)),c("@font-face { ".concat(r.join(";\n"),"; }"))})).join("\n");return c("\n ".concat(t,'\n body, input {\n font-family: "').concat(n.config[0].family,'";\n }\n '))},c=function(n){return n.trim().replace(/\s+/g," ").replace(/\n/g,"")};exports.applyVariablesIntoTheme=function(e){var a={},c={};for(var i in o("-",a,n.__assign({},e),c),c){var s=c[i];s in a!=!1?a[i]=a[s]:delete a[i]}for(var f=0,l=t;f<l.length;f++){a[i=l[f]]=e[i]}return r(a,{})},exports.inline=c,exports.stringify=e,exports.transformFonts=a,exports.transformThemeIntoVariables=function(t){t.name;var r=t.fonts,c=void 0===r?{url:"",config:[]}:r,i=n.__rest(t,["name","fonts"]),s={},f={};for(var l in o("-",s,n.__assign({},i),f),f){var p=f[l];p in s!=!1?s[l]="var(".concat(p,")"):delete s[l]}return e(s)+a(c)},exports.transformToVariables=o,exports.variablesToObject=r;
2
2
  //# sourceMappingURL=theme.helpers.js.map
@@ -931,6 +931,7 @@ declare type ThemeFonts = {
931
931
  weight?: number | string;
932
932
  style?: string;
933
933
  stretch?: string;
934
+ display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
934
935
  }>;
935
936
  };
936
937
  declare type ThemeAssets = {
@@ -931,6 +931,7 @@ declare type ThemeFonts = {
931
931
  weight?: number | string;
932
932
  style?: string;
933
933
  stretch?: string;
934
+ display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
934
935
  }>;
935
936
  };
936
937
  declare type ThemeAssets = {
@@ -1278,6 +1278,7 @@ var shapermint = {
1278
1278
  family: 'AvenirNextLTPro',
1279
1279
  src: 'AvenirNextLTPro-Regular.woff2',
1280
1280
  weight: 'normal',
1281
+ display: 'swap',
1281
1282
  },
1282
1283
  {
1283
1284
  family: 'AvenirNextLTPro',
@@ -1285,22 +1286,26 @@ var shapermint = {
1285
1286
  weight: 'normal',
1286
1287
  stretch: 'condensed',
1287
1288
  style: 'italic',
1289
+ display: 'swap',
1288
1290
  },
1289
1291
  {
1290
1292
  family: 'AvenirNextLTPro',
1291
1293
  src: 'AvenirNextLTPro-Demi.otf',
1292
1294
  weight: 600,
1295
+ display: 'swap',
1293
1296
  },
1294
1297
  {
1295
1298
  family: 'AvenirNextLTPro',
1296
1299
  src: 'AvenirNextLTPro-Bold.otf',
1297
1300
  weight: 700,
1301
+ display: 'swap',
1298
1302
  },
1299
1303
  {
1300
1304
  family: 'AvenirNextLTPro',
1301
1305
  src: 'AvenirNextLTPro-DemiCn.otf',
1302
1306
  weight: 600,
1303
1307
  stretch: 'condensed',
1308
+ display: 'swap',
1304
1309
  },
1305
1310
  {
1306
1311
  family: 'AvenirNextLTPro',
@@ -1308,18 +1313,21 @@ var shapermint = {
1308
1313
  weight: 600,
1309
1314
  stretch: 'condensed',
1310
1315
  style: 'italic',
1316
+ display: 'swap',
1311
1317
  },
1312
1318
  {
1313
1319
  family: 'AvenirNextLTPro',
1314
1320
  src: 'AvenirNextLTPro-DemiIt.otf',
1315
1321
  weight: 600,
1316
1322
  style: 'italic',
1323
+ display: 'swap',
1317
1324
  },
1318
1325
  {
1319
1326
  family: 'AvenirNextLTPro',
1320
1327
  src: 'AvenirNextLTPro-MediumCn.otf',
1321
1328
  weight: 500,
1322
1329
  stretch: 'condensed',
1330
+ display: 'swap',
1323
1331
  },
1324
1332
  {
1325
1333
  family: 'AvenirNextLTPro',
@@ -1327,12 +1335,14 @@ var shapermint = {
1327
1335
  weight: 500,
1328
1336
  style: 'italic',
1329
1337
  stretch: 'condensed',
1338
+ display: 'swap',
1330
1339
  },
1331
1340
  {
1332
1341
  family: 'AvenirNextLTPro',
1333
1342
  src: 'AvenirNextLTPro-UltLtCn.otf',
1334
1343
  weight: 200,
1335
1344
  stretch: 'condensed',
1345
+ display: 'swap',
1336
1346
  },
1337
1347
  {
1338
1348
  family: 'AvenirNextLTPro',
@@ -1340,17 +1350,20 @@ var shapermint = {
1340
1350
  weight: 200,
1341
1351
  style: 'italic',
1342
1352
  stretch: 'condensed',
1353
+ display: 'swap',
1343
1354
  },
1344
1355
  {
1345
1356
  family: 'AvenirNextLTPro',
1346
1357
  src: 'AvenirNextLTPro-Heavy.otf',
1347
1358
  weight: '800 900',
1359
+ display: 'swap',
1348
1360
  },
1349
1361
  {
1350
1362
  family: 'AvenirNextLTPro',
1351
1363
  src: 'AvenirNextLTPro-HeavyCn.otf',
1352
1364
  weight: '800 900',
1353
1365
  stretch: 'condensed',
1366
+ display: 'swap',
1354
1367
  },
1355
1368
  {
1356
1369
  family: 'AvenirNextLTPro',
@@ -1358,6 +1371,7 @@ var shapermint = {
1358
1371
  weight: '800 900',
1359
1372
  style: 'italic',
1360
1373
  stretch: 'condensed',
1374
+ display: 'swap',
1361
1375
  },
1362
1376
  ],
1363
1377
  },
@@ -931,6 +931,7 @@ declare type ThemeFonts = {
931
931
  weight?: number | string;
932
932
  style?: string;
933
933
  stretch?: string;
934
+ display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
934
935
  }>;
935
936
  };
936
937
  declare type ThemeAssets = {
@@ -931,6 +931,7 @@ declare type ThemeFonts = {
931
931
  weight?: number | string;
932
932
  style?: string;
933
933
  stretch?: string;
934
+ display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
934
935
  }>;
935
936
  };
936
937
  declare type ThemeAssets = {
@@ -931,6 +931,7 @@ declare type ThemeFonts = {
931
931
  weight?: number | string;
932
932
  style?: string;
933
933
  stretch?: string;
934
+ display?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
934
935
  }>;
935
936
  };
936
937
  declare type ThemeAssets = {
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "Trafilea's Design System",
4
4
  "author": "Trafilea",
5
5
  "repository": "https://github.com/trafilea/afrodita-components",
6
- "version": "7.19.3",
6
+ "version": "7.20.0",
7
7
  "private": false,
8
8
  "main": "build/lib/index.js",
9
9
  "style": "build/es/index.css",