@crystaldesign/content-box 25.4.0-beta.2 → 25.4.0-beta.20

package/build/esm/{index-b6a8290a.js → index-32e98291.js}

@@ -210,7 +210,7 @@ var _excluded$3 = ["pdpState"];
 function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Checkpoint = /*#__PURE__*/React.lazy(function () {
-  return import('./index-82c277ec.js');
+  return import('./index-6ea706ef.js');
 });
 var InfoSlider = function InfoSlider(_ref) {
   var _pdpState$infoTabs$ma, _pdpState$infoTabs;
@@ -1198,10 +1198,10 @@ var useContentBoxState = function useContentBoxState() {
 function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CheckpointFooter = /*#__PURE__*/React.lazy(function () {
-  return import('./index-f138b564.js');
+  return import('./index-b9dc8736.js');
 });
 var FunctionsFooter = /*#__PURE__*/React.lazy(function () {
-  return import('./index-d978d3b3.js');
+  return import('./index-70a7c231.js');
 });
 var Footer = function Footer(_ref) {
   _objectDestructuringEmpty(_ref);
@@ -1686,7 +1686,7 @@ var OptionHeader = function OptionHeader(_ref) {
 function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DragAndDrop = /*#__PURE__*/React.lazy(function () {
-  return import('./index-45195850.js');
+  return import('./index-b18840db.js');
 });
 var VariantFields = function VariantFields(_ref) {
   var variants = _ref.variants,
@@ -2024,7 +2024,7 @@ var css_248z$2 = "/**\n * Swiper 8.3.2\n * Most modern mobile touch slider and f
 styleInject(css_248z$2);
 
 var divaSwiperCustom = "diva-swiper-custom-Upi-x";
-var css_248z$1 = ".diva-swiper-custom-Upi-x .swiper {\n  --swiper-theme-color: var(--diva-theme-palette-primary-main);\n  width: 100%;\n  height: 100%;\n}\n\n.diva-swiper-custom-Upi-x .swiper-slide {\n  font-size: 18px;\n  overflow: hidden;\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: start;\n}\n#diva-swiper-T-kxe .swiper-slide-2a3TN.diva-pagination-css-7VTKJ {\n  align-items: start;\n}\n\n.diva-swiper-custom-Upi-x.diva-pagination-css .swiper-slide-with-pagination {\n  box-sizing: border-box !important;\n}\n\n.diva-swiper-custom-Upi-x.diva-pagination-css .swiper-slide-with-pagination {\n  height: 100%;\n  padding-top: 40px;\n  justify-content: initial;\n  align-items: initial;\n}\n\n.diva-swiper-custom-Upi-x.diva-pagination-css .swiper-pagination-horizontal {\n  z-index: 5 !important;\n}\n\n.diva-swiper-custom-Upi-x.diva-pagination-css .swiper-pagination-horizontal {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  transition: 0.3s opacity;\n  width: -moz-fit-content;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n}\n\n/* custom pagination for type tab */\n\n.diva-swiper-custom-Upi-x.diva-pagination-css .swiper-pagination-bullets {\n  display: flex;\n  justify-content: flex-start;\n  gap: 12px;\n}\n\n.diva-swiper-custom-Upi-x .paginationTitle {\n  display: flex;\n  flex-direction: column;\n  flex-basis: 100%;\n  max-width: 180px;\n  font-family: var(--diva-typography-font-family);\n  font-style: normal;\n  font-weight: 500;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.diva-swiper-custom-Upi-x .paginationTitle > div {\n  color: #8f8f8f;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background-color 300ms ease;\n}\n\n.diva-swiper-custom-Upi-x .paginationTitle > div:nth-child(1) {\n  padding: 5px 5px 5px 2px;\n  text-align: left;\n}\n\n.diva-swiper-custom-Upi-x .paginationTitle > div:nth-child(2) {\n  height: 3px;\n  background-color: #e0e0e0;\n  border-radius: 3px;\n}\n\n.diva-swiper-custom-Upi-x .paginationTitle:hover > div:nth-child(2) {\n  background-color: grey;\n}\n.diva-swiper-custom-Upi-x .paginationTitleSel:hover > div:nth-child(1) {\n  color: var(--diva-theme-palette-primary-main);\n}\n.diva-swiper-custom-Upi-x .paginationTitleSel:hover > div:nth-child(2) {\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.diva-swiper-custom-Upi-x .paginationTitleSel > div:nth-child(1) {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.diva-swiper-custom-Upi-x .paginationTitleSel > div:nth-child(2) {\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.diva-swiper-custom-Upi-x.diva-pagination-css .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\n  top: 10px;\n  height: -moz-min-content;\n  height: min-content;\n}\n";
+var css_248z$1 = ".diva-swiper-custom-Upi-x .swiper {\n  --swiper-theme-color: var(--diva-theme-palette-primary-main);\n  width: 100%;\n  height: 100%;\n}\n\n.diva-swiper-custom-Upi-x .swiper-slide {\n  font-size: 18px;\n  overflow: hidden;\n\n  display: flex;\n\n  justify-content: center;\n\n  align-items: flex-start;\n}\n#diva-swiper-T-kxe .swiper-slide-2a3TN.diva-pagination-css-7VTKJ {\n  align-items: flex-start;\n}\n\n.diva-swiper-custom-Upi-x.diva-pagination-css .swiper-slide-with-pagination {\n  box-sizing: border-box !important;\n}\n\n.diva-swiper-custom-Upi-x.diva-pagination-css .swiper-slide-with-pagination {\n  height: 100%;\n  padding-top: 40px;\n  justify-content: initial;\n  align-items: initial;\n}\n\n.diva-swiper-custom-Upi-x.diva-pagination-css .swiper-pagination-horizontal {\n  z-index: 5 !important;\n}\n\n.diva-swiper-custom-Upi-x.diva-pagination-css .swiper-pagination-horizontal {\n  position: absolute;\n  top: 0;\n  width: 100%;\n  transition: 0.3s opacity;\n  width: -moz-fit-content;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n}\n\n/* custom pagination for type tab */\n\n.diva-swiper-custom-Upi-x.diva-pagination-css .swiper-pagination-bullets {\n  display: flex;\n  justify-content: flex-start;\n  gap: 12px;\n}\n\n.diva-swiper-custom-Upi-x .paginationTitle {\n  display: flex;\n  flex-direction: column;\n  flex-basis: 100%;\n  max-width: 180px;\n  font-family: var(--diva-typography-font-family);\n  font-style: normal;\n  font-weight: 500;\n  font-size: 17px;\n  line-height: 20px;\n}\n\n.diva-swiper-custom-Upi-x .paginationTitle > div {\n  color: #8f8f8f;\n  cursor: pointer;\n  white-space: nowrap;\n  transition: background-color 300ms ease;\n}\n\n.diva-swiper-custom-Upi-x .paginationTitle > div:nth-child(1) {\n  padding: 5px 5px 5px 2px;\n  text-align: left;\n}\n\n.diva-swiper-custom-Upi-x .paginationTitle > div:nth-child(2) {\n  height: 3px;\n  background-color: #e0e0e0;\n  border-radius: 3px;\n}\n\n.diva-swiper-custom-Upi-x .paginationTitle:hover > div:nth-child(2) {\n  background-color: grey;\n}\n.diva-swiper-custom-Upi-x .paginationTitleSel:hover > div:nth-child(1) {\n  color: var(--diva-theme-palette-primary-main);\n}\n.diva-swiper-custom-Upi-x .paginationTitleSel:hover > div:nth-child(2) {\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.diva-swiper-custom-Upi-x .paginationTitleSel > div:nth-child(1) {\n  color: var(--diva-theme-palette-primary-main);\n}\n\n.diva-swiper-custom-Upi-x .paginationTitleSel > div:nth-child(2) {\n  background-color: var(--diva-theme-palette-primary-main);\n}\n\n.diva-swiper-custom-Upi-x.diva-pagination-css .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\n  top: 10px;\n  height: -moz-min-content;\n  height: min-content;\n}\n";
 styleInject(css_248z$1);
 
 var _excluded$1 = ["contents", "sliderType", "autoPlay", "pagination", "navigation", "type", "height", "centeredSlides", "scrollToSelectedItem", "swipeRef"];
@@ -2161,10 +2161,10 @@ var CloseButtonContainer = function CloseButtonContainer(_ref) {
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ArViewer = /*#__PURE__*/React.lazy(function () {
-  return import('./index-aea924e1.js');
+  return import('./index-fb81c214.js');
 });
 var MediaViewer = /*#__PURE__*/React.lazy(function () {
-  return import('./index-039f9ef6.js');
+  return import('./index-c145b31e.js');
 });
 var ContentBox$1 = function ContentBox(props) {
   var _useContentBoxState = useContentBoxState(),

package/build/esm/{index-82c277ec.js → index-6ea706ef.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, a as usePdpState } from './index-b6a8290a.js';
+import { s as styleInject, a as usePdpState } from './index-32e98291.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{index-d978d3b3.js → index-70a7c231.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, a as usePdpState, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, e as buttonLeft, d as buttonCenter } from './index-b6a8290a.js';
+import { s as styleInject, a as usePdpState, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, e as buttonLeft, d as buttonCenter } from './index-32e98291.js';
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-45195850.js → index-b18840db.js}

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useApiInterface, G as Group } from './index-b6a8290a.js';
+import { s as styleInject, u as useApiInterface, G as Group } from './index-32e98291.js';
 import { useRef, useEffect, useState } from 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import { createPortal } from 'react-dom';

package/build/esm/{index-f138b564.js → index-b9dc8736.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, a as usePdpState, S as STATES, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, d as buttonCenter } from './index-b6a8290a.js';
+import { s as styleInject, a as usePdpState, S as STATES, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, d as buttonCenter } from './index-32e98291.js';
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-039f9ef6.js → index-c145b31e.js}

@@ -1,11 +1,11 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject } from './index-b6a8290a.js';
+import { s as styleInject } from './index-32e98291.js';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import React, { useMemo, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import ArViewer from './index-aea924e1.js';
+import ArViewer from './index-fb81c214.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'mobx-react-lite';
@@ -66,7 +66,7 @@ var MediaViewer = function MediaViewer(_ref) {
     setMedias(mediasData);
   }, [mediasData]);
   useEffect(function () {
-    if (!keepOldZoomIcons) import('./zoom.module-4f0c07f2.js');
+    if (!keepOldZoomIcons) import('./zoom.module-5360c9ad.js');
   }, []);
   useEffect(function () {
     var _medias$map;

package/build/esm/{index-aea924e1.js → index-fb81c214.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject } from './index-b6a8290a.js';
+import { s as styleInject } from './index-32e98291.js';
 import { useState } from 'react';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import QRCode from 'react-qr-code';

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { C as ContentBoxComponent, g as default } from './index-b6a8290a.js';
+export { C as ContentBoxComponent, g as default } from './index-32e98291.js';
 import 'react';
 import 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{zoom.module-4f0c07f2.js → zoom.module-5360c9ad.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-b6a8290a.js';
+import { s as styleInject } from './index-32e98291.js';
 import '@babel/runtime/helpers/defineProperty';
 import 'react';
 import 'react/jsx-runtime';