@crystaldesign/content-box 24.15.0-beta.26 → 24.15.0-beta.27

package/build/esm/{index-486edd73.js → index-0a9c53d9.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-c2d13bb4.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-65698e32.js';
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-94247187.js → index-3cb93b1f.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-c2d13bb4.js';
+import { s as styleInject, u as useApiInterface, G as Group } from './index-65698e32.js';
 import { useRef, useEffect, useState } from 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import { createPortal } from 'react-dom';

package/build/esm/{index-5d270e08.js → index-582fc28b.js}

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

package/build/esm/{index-bee4156d.js → index-63eace4d.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-c2d13bb4.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-65698e32.js';
 import classNames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-23e00405.js → index-649a46f2.js}

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

package/build/esm/{index-c2d13bb4.js → index-65698e32.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-23e00405.js');
+  return import('./index-649a46f2.js');
 });
 var InfoSlider = function InfoSlider(_ref) {
   var _pdpState$infoTabs$ma, _pdpState$infoTabs;
@@ -1199,10 +1199,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-486edd73.js');
+  return import('./index-0a9c53d9.js');
 });
 var FunctionsFooter = /*#__PURE__*/React.lazy(function () {
-  return import('./index-bee4156d.js');
+  return import('./index-63eace4d.js');
 });
 var Footer = function Footer(_ref) {
   _objectDestructuringEmpty(_ref);
@@ -1547,7 +1547,7 @@ var sel = "sel-ULdr-";
 var imageWrapper = "imageWrapper-K247h";
 var wcImage = "wcImage-vgZTU";
 var title = "title-iwrrb";
-var css_248z$6 = "/*Size Normal */\n\n.paletteItem-S5JEn {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n\n  width: 90px;\n}\n\n.paletteItem-S5JEn:active,\n.paletteItem-S5JEn:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-MUOjy {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.paletteItem-S5JEn:hover .wcVCodexText-MUOjy,\n.sel-ULdr- .wcVCodexText-MUOjy {\n  display: block;\n}\n\n.imageWrapper-K247h {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n\n.paletteItem-S5JEn:not(.sel-ULdr-) .imageWrapper-K247h {\n  overflow: hidden;\n}\n.imageWrapper-K247h:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-ULdr- .imageWrapper-K247h:hover,\n.small-BOEaE.sel-ULdr- .imageWrapper-K247h:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-ULdr- .imageWrapper-K247h,\n.small-BOEaE.sel-ULdr- .imageWrapper-K247h {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-vgZTU {\n  width: calc(100% - 7px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.sel-ULdr- .wcImage-vgZTU,\n.small-BOEaE.sel-ULdr- .wcImage-vgZTU {\n  border: 4px var(--primaryColor) solid;\n}\n\n.hexColor-sqV-T {\n  width: 80px;\n  height: 80px;\n}\n\n.title-iwrrb {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  z-index: 400;\n}\n\n.paletteItem-S5JEn:hover .title-iwrrb,\n.small-BOEaE .paletteItem-S5JEn:hover .title-iwrrb {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.small-BOEaE .wcVCodexText-MUOjy {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.small-BOEaE .title-iwrrb {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.very-small-isc7q .wcVCodexText-MUOjy {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.very-small-isc7q .title-iwrrb {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.big-Lz6Oh .wcVCodexText-MUOjy {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.big-Lz6Oh .title-iwrrb {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n";
+var css_248z$6 = "/*Size Normal */\n\n.paletteItem-S5JEn {\n  border-radius: var(--globalBorderRadius);\n  position: relative;\n  z-index: 100;\n  transition: all 0.15s ease;\n  cursor: pointer;\n\n  width: 90px;\n}\n\n.paletteItem-S5JEn:active,\n.paletteItem-S5JEn:hover {\n  z-index: 200;\n  transition: 0.15s ease;\n}\n\n.wcVCodexText-MUOjy {\n  position: absolute;\n  line-height: 104px;\n  width: 100%;\n  color: white;\n  display: none;\n  text-align: center;\n}\n\n.paletteItem-S5JEn:hover .wcVCodexText-MUOjy,\n.sel-ULdr- .wcVCodexText-MUOjy {\n  display: block;\n}\n\n.imageWrapper-K247h {\n  border-radius: 50%;\n  border: 1px rgb(230, 230, 230) solid;\n  display: flex;\n  transition: 0.15s ease;\n  position: relative;\n}\n\n.paletteItem-S5JEn:not(.sel-ULdr-) .imageWrapper-K247h {\n  overflow: hidden;\n}\n.imageWrapper-K247h:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px var(--primaryColor) solid;\n}\n.sel-ULdr- .imageWrapper-K247h:hover,\n.small-BOEaE.sel-ULdr- .imageWrapper-K247h:hover {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n  border: 1px rgb(230, 230, 230) solid;\n}\n.sel-ULdr- .imageWrapper-K247h,\n.small-BOEaE.sel-ULdr- .imageWrapper-K247h {\n  box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-vgZTU {\n  width: calc(100% - 8px);\n  aspect-ratio: 1;\n  border: 4px white solid;\n  border-radius: 50%;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n}\n.sel-ULdr- .wcImage-vgZTU,\n.small-BOEaE.sel-ULdr- .wcImage-vgZTU {\n  border: 4px var(--primaryColor) solid;\n}\n\n.hexColor-sqV-T {\n  width: 80px;\n  height: 80px;\n}\n\n.title-iwrrb {\n  margin-top: 4px;\n  text-align: center;\n  float: left;\n  max-height: 64px;\n  min-height: 16px;\n  width: 100%;\n  font-size: 14px;\n  line-height: 16px;\n  overflow: hidden;\n  display: -webkit-box;\n  word-wrap: break-word;\n  -webkit-box-orient: vertical;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  -webkit-line-clamp: 2;\n  position: relative;\n  -webkit-hyphens: auto;\n  hyphens: auto;\n  user-select: none;\n  -moz-user-select: none;\n  -webkit-user-drag: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  z-index: 400;\n}\n\n.paletteItem-S5JEn:hover .title-iwrrb,\n.small-BOEaE .paletteItem-S5JEn:hover .title-iwrrb {\n  max-height: 608px;\n  -webkit-line-clamp: 30;\n  overflow: visible;\n  z-index: 200;\n}\n\n/* Size Small */\n\n.small-BOEaE .wcVCodexText-MUOjy {\n  line-height: 58px;\n  font-size: 12px;\n}\n\n.small-BOEaE .title-iwrrb {\n  font-size: 12px;\n  margin-top: 6px;\n  -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.very-small-isc7q .wcVCodexText-MUOjy {\n  line-height: 48px;\n  font-size: 10px;\n}\n\n.very-small-isc7q .title-iwrrb {\n  font-size: 10px;\n  margin-top: 5px;\n  -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.big-Lz6Oh .wcVCodexText-MUOjy {\n  line-height: 158px;\n  font-size: 15px;\n}\n\n.big-Lz6Oh .title-iwrrb {\n  font-size: 15px;\n  margin-top: 10px;\n  -webkit-line-clamp: 2;\n}\n";
 styleInject(css_248z$6);
 
 var ImageAndText = function ImageAndText(_ref) {
@@ -1687,7 +1687,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-94247187.js');
+  return import('./index-3cb93b1f.js');
 });
 var VariantFields = function VariantFields(_ref) {
   var variants = _ref.variants,
@@ -2153,10 +2153,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-5d270e08.js');
+  return import('./index-582fc28b.js');
 });
 var MediaViewer = /*#__PURE__*/React.lazy(function () {
-  return import('./index-6e69ccad.js');
+  return import('./index-80f1c4d2.js');
 });
 var ContentBox$1 = function ContentBox(props) {
   var _useContentBoxState = useContentBoxState(),

package/build/esm/{index-6e69ccad.js → index-80f1c4d2.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-c2d13bb4.js';
+import { s as styleInject } from './index-65698e32.js';
 import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import React, { useMemo, useState, useEffect } from 'react';
 import classNames from 'classnames';
-import ArViewer from './index-5d270e08.js';
+import ArViewer from './index-582fc28b.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-ca18608e.js');
+    if (!keepOldZoomIcons) import('./zoom.module-c92b8356.js');
   }, []);
   useEffect(function () {
     var _medias$map;

package/build/esm/index.js

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

package/build/esm/{zoom.module-ca18608e.js → zoom.module-c92b8356.js}

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