@zonos/elements 1.3.221 → 1.3.223

package/dist/cjs/{cart-9a9ae4b9.js → cart-3a2a062c.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const localization = require('./localization-0169b27d.js');
-const translationStore = require('./translationStore-0c67178f.js');
+const localization = require('./localization-12e7e934.js');
+const translationStore = require('./translationStore-951ed4b4.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
 const isDarkColor = require('./isDarkColor-428965f4.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');

package/dist/cjs/index.cjs.js

@@ -132,7 +132,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.221.js.zonos.com";
+    const cdnUrl = "https://v1.3.223.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -379,10 +379,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.221.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.221";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.221";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.221";
+const ZONOS_URL = "https://v1.3.223.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.223";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.223";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.223";
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
 class Zonos {
@@ -400,7 +400,7 @@ Zonos.iframeLogType = typeof window !== 'undefined'
     ? new URLSearchParams(window.location.search).get('iframeLogType')
     : null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1751906321269";
+Zonos.releaseDate = "1752091697360";
 Zonos.isLegacyCheckout = false;
 Zonos.domain = typeof window !== 'undefined'
     ? // domain that embeds the iframe
@@ -419,7 +419,7 @@ Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
 Zonos.trackEventLogs = [];
-Zonos.version = `v${"1.3.221"}`;
+Zonos.version = `v${"1.3.223"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/cjs/{localization-0169b27d.js → localization-12e7e934.js}

@@ -3,7 +3,7 @@
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
 const VarianceTest = require('./VarianceTest-0cb1e118.js');
-const translationStore = require('./translationStore-0c67178f.js');
+const translationStore = require('./translationStore-951ed4b4.js');
 
 /**
  * Check if the response contains at least one available test key that we support

package/dist/cjs/{paypal-9ee374a0.js → paypal-a1377508.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const cart = require('./cart-9a9ae4b9.js');
-const localization = require('./localization-0169b27d.js');
-const translationStore = require('./translationStore-0c67178f.js');
+const cart = require('./cart-3a2a062c.js');
+const localization = require('./localization-12e7e934.js');
+const translationStore = require('./translationStore-951ed4b4.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
 const isDarkColor = require('./isDarkColor-428965f4.js');
 

package/dist/cjs/{placeTestOrder-0dfff170.js → placeTestOrder-6fcce33e.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const cart = require('./cart-9a9ae4b9.js');
-const localization = require('./localization-0169b27d.js');
+const cart = require('./cart-3a2a062c.js');
+const localization = require('./localization-12e7e934.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
 
 const getDisplayCurrency = () => {

package/dist/cjs/{isCollectMobileTablet-7a9413e3.js → renderFallback-39ba034b.js}

@@ -1,9 +1,10 @@
 'use strict';
 
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const cart = require('./cart-9a9ae4b9.js');
-const localization = require('./localization-0169b27d.js');
+const cart = require('./cart-3a2a062c.js');
+const localization = require('./localization-12e7e934.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
+const index = require('./index-1c710d00.js');
 
 const { reset: collectStoreReset, state: collectStore } = zonosStore.createStore(() => ({
     amountDutyTaxFeeTotal: null,
@@ -167,9 +168,17 @@ const isCollectMobile = (isMobile) => {
     return isMobile || window.innerWidth < collectMobileBreakpoint;
 };
 
+const renderFallback = ({ content, isLoading, skeletonHeight, skeletonWidth, }) => {
+    if (isLoading) {
+        return (index.h("zonos-skeleton", { skeletonHeight: skeletonHeight, skeletonWidth: skeletonWidth }));
+    }
+    return content;
+};
+
 exports.collectStore = collectStore;
 exports.collectStoreAsyncAddressUpdate = collectStoreAsyncAddressUpdate;
 exports.collectStoreInitShippingInfo = collectStoreInitShippingInfo;
 exports.collectStoreUpdateSelectedShippingOption = collectStoreUpdateSelectedShippingOption;
 exports.isCollectMobile = isCollectMobile;
 exports.isCollectTablet = isCollectTablet;
+exports.renderFallback = renderFallback;

package/dist/cjs/{translationStore-0c67178f.js → translationStore-951ed4b4.js}

@@ -138,8 +138,11 @@ const stringsArabic = {
     'Customer information': {
         value: 'معلومات العميل',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'رسوم الجمارك لشرائك الأخير من [companyName] جاهزة للدفع',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'رسوم الجمارك لشرائك الأخير من [companyName] متاحة للدفع',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'رسوم الجمارك من عملية الشراء الأخيرة متاحة للدفع',
     },
     'Customs fees total': {
         value: 'إجمالي رسوم الجمارك',
@@ -853,8 +856,11 @@ const stringsBase = {
     'Customer information': {
         value: 'Customer information',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Customs fees for your recent purchase from [companyName] are ready for payment',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Customs charges for your recent purchase from [companyName] are available for payment',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Customs charges from your recent purchase are available for payment',
     },
     'Customs fees total': {
         value: 'Customs fees total',
@@ -1567,8 +1573,11 @@ const stringsChinese = {
     'Customer information': {
         value: '客户信息',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: '您最近从[companyName]购买的商品的关税已准备好付款',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: '您最近从[companyName]购买的商品的关税可供支付',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: '您最近购买的关税可供支付',
     },
     'Customs fees total': {
         value: '关税总额',
@@ -2281,8 +2290,11 @@ const stringsDanish = {
     'Customer information': {
         value: 'Kundeinformation',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Toldgebyrer for dit seneste køb fra [companyName] er klar til betaling',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Toldafgifter for dit seneste køb fra [companyName] er tilgængelige for betaling',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Toldafgifter fra dit seneste køb er tilgængelige for betaling',
     },
     'Customs fees total': {
         value: 'Samlede toldgebyrer',
@@ -2995,8 +3007,11 @@ const stringsDutch = {
     'Customer information': {
         value: 'Klantinformatie',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Douanekosten voor uw recente aankoop bij [companyName] zijn klaar voor betaling',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Douanekosten voor uw recente aankoop bij [companyName] zijn beschikbaar voor betaling',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Douanekosten van uw recente aankoop zijn beschikbaar voor betaling',
     },
     'Customs fees total': {
         value: 'Totale douanekosten',
@@ -3709,8 +3724,11 @@ const stringsFrench = {
     'Customer information': {
         value: 'Informations client',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Les frais de douane pour votre achat récent chez [companyName] sont prêts à être payés',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Les frais de douane pour votre achat récent chez [companyName] sont disponibles pour paiement',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Les frais de douane de votre achat récent sont disponibles pour le paiement',
     },
     'Customs fees total': {
         value: 'Total des frais de douane',
@@ -4423,8 +4441,11 @@ const stringsGerman = {
     'Customer information': {
         value: 'Kundeninformationen',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Zollgebühren für Ihren kürzlichen Kauf bei [companyName] sind zur Zahlung bereit',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Zollgebühren für Ihren letzten Kauf bei [companyName] sind zur Zahlung verfügbar',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Zollgebühren für Ihren letzten Kauf sind zur Zahlung verfügbar',
     },
     'Customs fees total': {
         value: 'Gesamtsumme der Zollgebühren',
@@ -5137,8 +5158,11 @@ const stringsHebrew = {
     'Customer information': {
         value: 'פרטי לקוח',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'דמי המכס עבור הרכישה האחרונה שלך מ-[companyName] מוכנים לתשלום',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'חיובי המכס עבור הרכישה האחרונה שלך מ-[companyName] זמינים לתשלום',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'חיובי המכס מהרכישה האחרונה שלך זמינים לתשלום',
     },
     'Customs fees total': {
         value: 'סך כל עמלות המכס',
@@ -5851,8 +5875,11 @@ const stringsIndonesian = {
     'Customer information': {
         value: 'Informasi pelanggan',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Biaya bea cukai untuk pembelian terbaru Anda dari [companyName] siap untuk dibayar',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Biaya bea cukai untuk pembelian terbaru Anda dari [companyName] tersedia untuk pembayaran',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Biaya bea cukai dari pembelian terbaru Anda tersedia untuk pembayaran',
     },
     'Customs fees total': {
         value: 'Total biaya bea cukai',
@@ -6565,8 +6592,11 @@ const stringsItalian = {
     'Customer information': {
         value: 'Informazioni cliente',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Le spese doganali per il tuo recente acquisto da [companyName] sono pronte per il pagamento',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'I dazi doganali per il tuo recente acquisto da [companyName] sono disponibili per il pagamento',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'I dazi doganali del tuo recente acquisto sono disponibili per il pagamento',
     },
     'Customs fees total': {
         value: 'Totale delle spese doganali',
@@ -7279,8 +7309,11 @@ const stringsJapanese = {
     'Customer information': {
         value: '顧客情報',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: '[companyName]からの最近の購入に対する関税が支払い準備ができています',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: '[companyName]からの最近の購入に対する関税が支払い可能です',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: '最近の購入に関する関税が支払い可能です',
     },
     'Customs fees total': {
         value: '関税合計',
@@ -7993,8 +8026,11 @@ const stringsKorean = {
     'Customer information': {
         value: '고객 정보',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: '[companyName]에서 최근 구매한 물품의 관세가 결제 준비되었습니다',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: '[companyName]에서 최근 구매한 물품의 관세가 결제 가능합니다',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: '최근 구매의 관세가 결제 가능합니다',
     },
     'Customs fees total': {
         value: '관세 총액',
@@ -8707,8 +8743,11 @@ const stringsNorwegian = {
     'Customer information': {
         value: 'Kundeinformasjon',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Tollavgifter for ditt nylige kjøp fra [companyName] er klare for betaling',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Tollavgifter for ditt siste kjøp fra [companyName] er tilgjengelige for betaling',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Tollavgifter fra ditt siste kjøp er tilgjengelige for betaling',
     },
     'Customs fees total': {
         value: 'Totale tollavgifter',
@@ -9421,8 +9460,11 @@ const stringsPolish = {
     'Customer information': {
         value: 'Informacje o kliencie',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Opłaty celne za Twój niedawny zakup od [companyName] są gotowe do zapłaty',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Opłaty celne za Twój niedawny zakup od [companyName] są dostępne do zapłaty',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Opłaty celne z ostatniego zakupu są dostępne do zapłaty',
     },
     'Customs fees total': {
         value: 'Łączna kwota opłat celnych',
@@ -10135,8 +10177,11 @@ const stringsPortuguese = {
     'Customer information': {
         value: 'Informações do cliente',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'As taxas alfandegárias para sua compra recente de [companyName] estão prontas para pagamento',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'As taxas alfandegárias para sua compra recente de [companyName] estão disponíveis para pagamento',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'As taxas alfandegárias da sua compra recente estão disponíveis para pagamento',
     },
     'Customs fees total': {
         value: 'Total de taxas alfandegárias',
@@ -10849,8 +10894,11 @@ const stringsRussian = {
     'Customer information': {
         value: 'Информация о клиенте',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Таможенные сборы за вашу недавнюю покупку у [companyName] готовы к оплате',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Таможенные сборы за вашу недавнюю покупку у [companyName] доступны для оплаты',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Таможенные сборы за вашу недавнюю покупку доступны для оплаты',
     },
     'Customs fees total': {
         value: 'Общая сумма таможенных сборов',
@@ -11563,8 +11611,11 @@ const stringsSpanish = {
     'Customer information': {
         value: 'Información del cliente',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Las tarifas de aduana para su compra reciente de [companyName] están listas para el pago',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Los cargos de aduana para su compra reciente de [companyName] están disponibles para el pago',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Los cargos de aduana de su compra reciente están disponibles para el pago',
     },
     'Customs fees total': {
         value: 'Total de tarifas aduaneras',
@@ -12277,8 +12328,11 @@ const stringsSwedish = {
     'Customer information': {
         value: 'Kundinformation',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Tullavgifter för ditt senaste köp från [companyName] är klara för betalning',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Tullavgifter för ditt senaste köp från [companyName] är tillgängliga för betalning',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Tullavgifter från ditt senaste köp är tillgängliga för betalning',
     },
     'Customs fees total': {
         value: 'Totala tullavgifter',
@@ -12991,8 +13045,11 @@ const stringsTurkish = {
     'Customer information': {
         value: 'Müşteri bilgileri',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: '[companyName] şirketinden yaptığınız son satın alma için gümrük ücretleri ödemeye hazır',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: '[companyName] şirketinden yaptığınız son alışveriş için gümrük ücretleri ödemeye hazır',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Son satın alımınızdan kaynaklanan gümrük ücretleri ödeme için mevcuttur',
     },
     'Customs fees total': {
         value: 'Gümrük ücretleri toplamı',
@@ -13705,8 +13762,11 @@ const stringsVietnamese = {
     'Customer information': {
         value: 'Thông tin khách hàng',
     },
-    'Customs fees for your recent purchase from [companyName] are ready for payment': {
-        value: 'Phí hải quan cho lần mua gần đây của bạn từ [companyName] đã sẵn sàng để thanh toán',
+    'Customs charges for your recent purchase from [companyName] are available for payment': {
+        value: 'Phí hải quan cho lần mua gần đây của bạn từ [companyName] có sẵn để thanh toán',
+    },
+    'Customs charges from your recent purchase are available for payment': {
+        value: 'Phí hải quan từ lần mua gần đây của bạn có sẵn để thanh toán',
     },
     'Customs fees total': {
         value: 'Tổng phí hải quan',

package/dist/cjs/zonos-address_11.cjs.entry.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1c710d00.js');
 const debounce$1 = require('./debounce-465a4328.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const cart = require('./cart-9a9ae4b9.js');
-const localization = require('./localization-0169b27d.js');
-const translationStore = require('./translationStore-0c67178f.js');
+const cart = require('./cart-3a2a062c.js');
+const localization = require('./localization-12e7e934.js');
+const translationStore = require('./translationStore-951ed4b4.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
 const shouldRenderTaxIdInput = require('./shouldRenderTaxIdInput-9b8a8de1.js');
 const classes = require('./classes-b7918f56.js');

package/dist/cjs/zonos-cart-items_12.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-9a9ae4b9.js');
-const translationStore = require('./translationStore-0c67178f.js');
-const placeTestOrder = require('./placeTestOrder-0dfff170.js');
+const cart = require('./cart-3a2a062c.js');
+const translationStore = require('./translationStore-951ed4b4.js');
+const placeTestOrder = require('./placeTestOrder-6fcce33e.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-577d0a77.js');
 const classes = require('./classes-b7918f56.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
-const paypal = require('./paypal-9ee374a0.js');
-const localization = require('./localization-0169b27d.js');
+const paypal = require('./paypal-a1377508.js');
+const localization = require('./localization-12e7e934.js');
 const handleFetch = require('./handleFetch-45f35cac.js');
 const createCustomEvent = require('./createCustomEvent-7b6fad95.js');
 const getBorderRadius = require('./getBorderRadius-1b5e33cf.js');

package/dist/cjs/zonos-checkout.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-9a9ae4b9.js');
-const paypal = require('./paypal-9ee374a0.js');
-const localization = require('./localization-0169b27d.js');
-const translationStore = require('./translationStore-0c67178f.js');
+const cart = require('./cart-3a2a062c.js');
+const paypal = require('./paypal-a1377508.js');
+const localization = require('./localization-12e7e934.js');
+const translationStore = require('./translationStore-951ed4b4.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const buildCartItemsByTempCart = require('./buildCartItemsByTempCart-309fcebf.js');
 const handleFetch = require('./handleFetch-45f35cac.js');

package/dist/cjs/zonos-collect-cart-items_3.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1c710d00.js');
-const cart = require('./cart-9a9ae4b9.js');
+const cart = require('./cart-3a2a062c.js');
 const cleanHtmlMarkdown = require('./cleanHtmlMarkdown-577d0a77.js');
 const zonosStore = require('./zonosStore-f8ee56aa.js');
 const classes = require('./classes-b7918f56.js');
 const styles = require('./styles-d1e64fb9.js');
-require('./localization-0169b27d.js');
+require('./localization-12e7e934.js');
 require('./handleFetch-45f35cac.js');
 require('./VarianceTest-0cb1e118.js');
-require('./translationStore-0c67178f.js');
+require('./translationStore-951ed4b4.js');
 require('./isDarkColor-428965f4.js');
 require('./getBorderRadius-1b5e33cf.js');
 
@@ -61,7 +61,7 @@ const HStack = class {
 };
 HStack.style = ZonosHStackStyle0;
 
-const zonosSkeletonCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:inline-block;background:var(--zonos-elements-gray-200);border-radius:var(--zonos-elements-radius-12);width:var(--zonos--skeleton-width);height:var(--zonos--skeleton-height)}";
+const zonosSkeletonCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:inline-block;background:var(--zonos-elements-gray-200);border-radius:var(--zonos-elements-radius-12);width:var(--zonos--skeleton-width);height:var(--zonos--skeleton-height);min-height:var(--zonos--skeleton-height);max-width:100%}";
 const ZonosSkeletonStyle0 = zonosSkeletonCss;
 
 const ZonosSkeleton = class {