@crystaldesign/diva-web-planner-react 24.10.0-beta.3 → 24.10.0-beta.5

package/build/esm/{ArticleProperties-59d57d35.js → ArticleProperties-538e5408.js}

@@ -1,4 +1,4 @@
-import './index-7a7f03dd.js';
+import './index-df938e09.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{CatalogProperties-6ab07b96.js → CatalogProperties-e98ae5c9.js}

@@ -1,4 +1,4 @@
-import './index-7a7f03dd.js';
+import './index-df938e09.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{IconHandler-00d5dc8f.js → IconHandler-e0c67d1c.js}

@@ -1,4 +1,4 @@
-import './index-7a7f03dd.js';
+import './index-df938e09.js';
 
 var getIconOfTabGroup = function getIconOfTabGroup(tabGroup, tabGroupObj, customer) {
   var sirvURL = 'https://cdn.diva-portal.com/static/images/TabIcons/';

package/build/esm/{OptionProperties-964682f0.js → OptionProperties-75daad97.js}

@@ -1,4 +1,4 @@
-import './index-7a7f03dd.js';
+import './index-df938e09.js';
 import 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{OptionValueProperties-9acaa68b.js → OptionValueProperties-bee5848d.js}

@@ -1,4 +1,4 @@
-import './index-7a7f03dd.js';
+import './index-df938e09.js';
 import 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{Planner2DGrid-a36839d6.js → Planner2DGrid-4d193e19.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7a7f03dd.js';
+import './index-df938e09.js';
 import { fabric } from 'fabric';
 import { Vector3, Vector2 } from '@crystaldesign/web-planner-logic';
 import { getLogger, DivaUtils } from '@crystaldesign/diva-core';

package/build/esm/{Planner3DImage-b40c444e.js → Planner3DImage-97323d9b.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7a7f03dd.js';
+import './index-df938e09.js';
 import { Vector3, Vector2, Rendering } from '@crystaldesign/web-planner-logic';
 import { getLogger } from '@crystaldesign/diva-core';
 import * as THREE from 'three';

package/build/esm/{PlannerSirvViewer-73cf442b.js → PlannerSirvViewer-a82ea314.js}

@@ -1,7 +1,7 @@
 import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
 import _createClass from '@babel/runtime/helpers/createClass';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7a7f03dd.js';
+import './index-df938e09.js';
 import { getLogger } from '@crystaldesign/diva-core';
 import { toJS } from 'mobx';
 import 'react';

package/build/esm/{index-7d1ec933.js → index-0038b999.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';

package/build/esm/{index-dff1b62d.js → index-0185e06a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useDivaCore } from '@crystaldesign/diva-core';

package/build/esm/{index-e9d5a389.js → index-0373e245.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7a7f03dd.js';
+import './index-df938e09.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-2f0eed18.js → index-03ad9eca.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-7a7f03dd.js';
+import { u as useViewHandler } from './index-df938e09.js';
 import { useState, useEffect } from 'react';
-import ItemVariant from './index-271d15a4.js';
+import ItemVariant from './index-ff308b3a.js';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-05a6941e.js → index-04bb6f51.js}

@@ -1,7 +1,7 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import RoomSerious from './index-29acc72e.js';
+import RoomSerious from './index-f2ec26d1.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-a1bc2a14.js → index-04be4a6d.js}

@@ -1,11 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import CheckoutFormNew from './index-62c2ee46.js';
-import ProductCenter from './index-23dc1be6.js';
-import ContentItemWrapper from './index-4bd76f06.js';
+import CheckoutFormNew from './index-a2674173.js';
+import ProductCenter from './index-32ed3d4f.js';
+import ContentItemWrapper from './index-b4a862e0.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -19,23 +19,23 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './index-a1c03c38.js';
+import './index-16633363.js';
 import 'react-switch';
 import 'react-dropdown';
-import './index-7e7b195c.js';
-import './index-df4d8ffb.js';
-import './index-42e6414d.js';
-import './index-8c540293.js';
-import './index.module-9798d801.js';
-import './index-dff1b62d.js';
-import './index-6fe17524.js';
+import './index-2011f64e.js';
+import './index-33cb7e38.js';
+import './index-f3c06912.js';
+import './index-9502beb1.js';
+import './index.module-8c6267ac.js';
+import './index-0185e06a.js';
+import './index-b7a72c16.js';
 import '@crystaldesign/content-box';
-import './index-9cb071d4.js';
-import './index-f3ee10c9.js';
-import './index-762c8f25.js';
-import './index-27d074d0.js';
-import './index-8fba834e.js';
-import './index-38d3c407.js';
+import './index-9e55648d.js';
+import './index-e90924d5.js';
+import './index-abf20110.js';
+import './index-0f6a2fbd.js';
+import './index-a94d988f.js';
+import './index-7fd62018.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
 

package/build/esm/{index-47b34ced.js → index-0512f867.js}

@@ -1,9 +1,9 @@
-import { u as useViewHandler } from './index-7a7f03dd.js';
+import { u as useViewHandler } from './index-df938e09.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import Collapsible from 'react-collapsible';
-import ConfigStep from './index-0fea1400.js';
-import Header from './index-2c9d5b4f.js';
+import ConfigStep from './index-49fa491b.js';
+import Header from './index-50a13cab.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b3da6e46.js → index-06d01afe.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-60629d89.js → index-0755d683.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
-import MetaData from './index-9a14ef6d.js';
-import GenericToolTip from './index-ac31c727.js';
+import MetaData from './index-dfc6ce9a.js';
+import GenericToolTip from './index-fc153606.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-9446bf90.js → index-07c62335.js}

@@ -1,9 +1,9 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7a7f03dd.js';
+import './index-df938e09.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import ArticleOverview from './index-6ebfd486.js';
-import JsonEditor from './index-db4e8028.js';
+import ArticleOverview from './index-59caee86.js';
+import JsonEditor from './index-feda9828.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -17,10 +17,10 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-1b2ce477.js';
-import './index.module-5a389956.js';
+import './index.module-e6ba6bca.js';
+import './index.module-ea480458.js';
 import 'classnames';
-import './index.module-70994389.js';
+import './index.module-3c47d5ce.js';
 import 'react-collapsible';
 import 'jsoneditor';
 

package/build/esm/{index-f075122b.js → index-082300ef.js}

@@ -1,12 +1,12 @@
-import { u as useViewHandler } from './index-7a7f03dd.js';
+import { u as useViewHandler } from './index-df938e09.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-10043adb.js';
-import Toggle from './index-a1c03c38.js';
+import { r as row, c as colum, t as title, a as toggleWrapper } from './index.module-2e57dd5c.js';
+import Toggle from './index-16633363.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';
-import InfoIcon from './index-a6d98013.js';
+import InfoIcon from './index-b20e169e.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-bbedbf8f.js → index-088775e0.js}

@@ -1,12 +1,12 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
-import SettingsHeader from './index-e1320f3e.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
+import SettingsHeader from './index-52b386be.js';
 import { useDivaCore, DivaUtils } from '@crystaldesign/diva-core';
 import { useState, useEffect } from 'react';
 import Dropdown from 'react-dropdown';
-import MobileDropdown from './index-aac9b3a0.js';
+import MobileDropdown from './index-e349efb5.js';
 import { observer } from 'mobx-react-lite';
-import InfoIcon from './index-a6d98013.js';
+import InfoIcon from './index-b20e169e.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,7 +19,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-70be06bf.js';
+import './index-2f3efe9d.js';
 import 'classnames';
 
 var wrapper = "wrapper-xpzd5";

package/build/esm/{index-bc74aa99.js → index-09a44a37.js}

@@ -1,8 +1,8 @@
-import './index-7a7f03dd.js';
+import './index-df938e09.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SVGOverview from './index-210c8d11.js';
-import SVGSourceViewer from './index-c06c8cbb.js';
+import SVGOverview from './index-5af820ff.js';
+import SVGSourceViewer from './index-ecb1dd5f.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-a9105a15.js';
+import './index.module-65489831.js';
 import 'classnames';
 
 var index = function index(props) {

package/build/esm/{index-fcd35fce.js → index-0a3def68.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { u as useViewHandler } from './index-7a7f03dd.js';
+import { u as useViewHandler } from './index-df938e09.js';
 import 'react';
-import Toggle from './index-a1c03c38.js';
+import Toggle from './index-16633363.js';
 import DivaUtils from '@crystaldesign/diva-utils';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7277a167.js → index-0b8f5b10.js}

@@ -1,13 +1,13 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import TabGroupHorizontal from './index-8a08ae76.js';
-import TabGroupVertical from './index-2f0eed18.js';
-import TabGroupSingle from './index-94833dc1.js';
+import TabGroupHorizontal from './index-67da9d0f.js';
+import TabGroupVertical from './index-03ad9eca.js';
+import TabGroupSingle from './index-7e8566e9.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/asyncToGenerator';
@@ -19,8 +19,8 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index-7bdf6439.js';
-import './index-271d15a4.js';
+import './index-de1b4a37.js';
+import './index-ff308b3a.js';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";
 var horizontal = "horizontal-6TCsO";

package/build/esm/{index-35cb77c0.js → index-0b97bad0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import classnames from 'classnames';

package/build/esm/{index-e92704e4.js → index-0bdbf9ee.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-7a7f03dd.js';
+import { u as useViewHandler } from './index-df938e09.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcFunctionsToolbar, m as maxExpanded, e as expanded, l as landscape, p as portrait, a as wcFunctionsContainer, c as wcHelp, d as wcIcon, f as wcHelpIcon, b as wcFunctionsText, g as wcPrint, h as wcPrintIcon, i as wcShareIcon, j as wcReset, k as wcResetIcon, n as wcSave, o as wcSaveIcon, q as wcConfigCloseButton } from './index.module-9dabffda.js';
-import { A as ArQrCodeIcon } from './index-20124734.js';
+import { w as wcFunctionsToolbar, m as maxExpanded, e as expanded, l as landscape, p as portrait, a as wcFunctionsContainer, c as wcHelp, d as wcIcon, f as wcHelpIcon, b as wcFunctionsText, g as wcPrint, h as wcPrintIcon, i as wcShareIcon, j as wcReset, k as wcResetIcon, n as wcSave, o as wcSaveIcon, q as wcConfigCloseButton } from './index.module-c0301db6.js';
+import { A as ArQrCodeIcon } from './index-de3d5a82.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -19,9 +19,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-3e4d7ea7.js';
+import './index-d8ba571f.js';
 import 'react-qr-code';
-import './index-e2b1d3aa.js';
+import './index-e882d2be.js';
 
 var Functions = function Functions(props) {
   var viewHandler = useViewHandler();

package/build/esm/{index-27d074d0.js → index-0f6a2fbd.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-8aac99ae.js → index-0f9d0da4.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-7a7f03dd.js';
+import { u as useViewHandler } from './index-df938e09.js';
 import 'react';
 import classnames from 'classnames';
-import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-10043adb.js';
-import Toggle from './index-a1c03c38.js';
+import { r as row, c as colum, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-2e57dd5c.js';
+import Toggle from './index-16633363.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-a6d98013.js';
+import InfoIcon from './index-b20e169e.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-7b11839a.js → index-1241c008.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-28580ce4.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-fe43cac5.js';
 import { useHover, useLayer } from 'react-laag';
-import GenericToolTip from './index-ac31c727.js';
-import MetaData from './index-9a14ef6d.js';
+import GenericToolTip from './index-fc153606.js';
+import MetaData from './index-dfc6ce9a.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import InfoIcon from './index-a6d98013.js';
+import InfoIcon from './index-b20e169e.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-a1c03c38.js → index-16633363.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-7a7f03dd.js';
+import { s as styleInject } from './index-df938e09.js';
 import classnames from 'classnames';
 import 'react';
 import Switch from 'react-switch';

package/build/esm/{index-801d1eaf.js → index-16a6aca0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-7a7f03dd.js';
+import { s as styleInject } from './index-df938e09.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-8b15296c.js → index-17325edb.js}

@@ -1,15 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
 import { useState } from 'react';
 import { useHover, useLayer } from 'react-laag';
 import { observer } from 'mobx-react-lite';
-import { w as wcFavoriteSel, a as wcFavorite } from './index.module-28580ce4.js';
+import { w as wcFavoriteSel, a as wcFavorite } from './index.module-fe43cac5.js';
 import classnames from 'classnames';
-import IsActive from './index-094d3785.js';
+import IsActive from './index-e8a7abed.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import GenericToolTip from './index-ac31c727.js';
-import InfoIcon from './index-a6d98013.js';
+import GenericToolTip from './index-fc153606.js';
+import InfoIcon from './index-b20e169e.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -30,7 +30,7 @@ var wcVCodexTextWrapper = "wcVCodexTextWrapper-B9kjy";
 var wcVCodexText = "wcVCodexText-l-tMp";
 var wcGallery = "wcGallery-jbfei";
 var hexColor = "hexColor-otBJT";
-var css_248z = ".PaletteItem-WUuXa .wcSize-eyEDf.wcSize-gallery-l2o6z {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.PaletteItem-WUuXa {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.PaletteItem-WUuXa:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.PaletteItem-WUuXa.sel-1MlhE {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.wcVCodexTextWrapper-B9kjy {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wcVCodexText-l-tMp {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.PaletteItem-WUuXa:hover .wcVCodexText-l-tMp,\n.sel-1MlhE .wcVCodexText-l-tMp {\n  display: block;\n}\n\n.PaletteItem-WUuXa.wcGallery-jbfei {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n}\n\n.PaletteItem-WUuXa.wcGallery-jbfei img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\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.hexColor-otBJT {\n  width: 80px;\n  height: 80px;\n}\n";
+var css_248z = ".PaletteItem-WUuXa .wcSize-eyEDf.wcSize-gallery-l2o6z {\n  width: 100%;\n  background: transparent;\n  position: relative;\n  border-radius: var(--globalBorderRadius);\n  display: flex;\n}\n.PaletteItem-WUuXa {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderColor);\n}\n.PaletteItem-WUuXa:hover {\n  --galleryItemSelBorder: var(--galleryItemBorder);\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderHoverColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.PaletteItem-WUuXa.sel-1MlhE {\n  border: var(--galleryItemBorder) solid var(--galleryItemBorderSelColor);\n  box-shadow: var(--gallerySelectedBoxShadow);\n}\n\n.wcVCodexTextWrapper-B9kjy {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.wcVCodexText-l-tMp {\n  width: 100%;\n  font-size: 18px;\n  text-shadow: 3px 4px 15px rgba(0,0,0,0.6);\n  color: white;\n  display: none;\n  text-align: center;\n  word-break: break-all;\n}\n\n.PaletteItem-WUuXa:hover .wcVCodexText-l-tMp,\n.sel-1MlhE .wcVCodexText-l-tMp {\n  display: block;\n}\n\n.PaletteItem-WUuXa.wcGallery-jbfei {\n  display: block;\n  background: transparent;\n  margin: 0;\n  margin: initial;\n  position: relative;\n  float: left;\n  border-radius: var(--galleryItemRadius);\n  z-index: 100;\n  cursor: pointer;\n  width: 100%;\n}\n\n.PaletteItem-WUuXa.wcGallery-jbfei img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--galleryItemRadius);\n  aspect-ratio: 1 / 1;\n  -webkit-touch-callout: none;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  user-select: none;\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.hexColor-otBJT {\n  width: 80px;\n  height: 80px;\n}\n";
 styleInject(css_248z);
 
 function ownKeys(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; }

package/build/esm/{index-2c21ab42.js → index-193f9247.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-7a7f03dd.js';
+import './index-df938e09.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-50ec7095.js → index-1a43f355.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-7a7f03dd.js';
+import './index-df938e09.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-6ebfd486.js';
-import SVGViewer from './index-bc74aa99.js';
+import ArticleOverview from './index-59caee86.js';
+import SVGViewer from './index-09a44a37.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';
@@ -18,14 +18,14 @@ import '@babel/runtime/helpers/toConsumableArray';
 import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
-import './index.module-1b2ce477.js';
-import './index.module-5a389956.js';
+import './index.module-e6ba6bca.js';
+import './index.module-ea480458.js';
 import 'classnames';
-import './index.module-70994389.js';
+import './index.module-3c47d5ce.js';
 import 'react-collapsible';
-import './index-210c8d11.js';
-import './index.module-a9105a15.js';
-import './index-c06c8cbb.js';
+import './index-5af820ff.js';
+import './index.module-65489831.js';
+import './index-ecb1dd5f.js';
 
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/build/esm/{index-d466a1c3.js → index-1b39597e.js}

@@ -1,13 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
 import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
 import { useState, useCallback } from 'react';
 import { observer } from 'mobx-react-lite';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import ProductsComponent, { useProductState } from '@crystaldesign/products-component';
-import SettingsHeader from './index-e1320f3e.js';
+import SettingsHeader from './index-52b386be.js';
 import classnames from 'classnames';
-import Search from './index-9aa51878.js';
+import Search from './index-9f99a8fa.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-b13da69e.js → index-1ce1a5b1.js}

@@ -1,4 +1,4 @@
-import { a as usePlannerUIHandler } from './index-7a7f03dd.js';
+import { a as usePlannerUIHandler } from './index-df938e09.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-e9c8ba1b.js → index-1ecb5a71.js}

@@ -3,9 +3,9 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-7a7f03dd.js';
+import { s as styleInject, u as useViewHandler } from './index-df938e09.js';
 import { useState, useEffect } from 'react';
-import { n as notExpanded } from './index.module-70994389.js';
+import { n as notExpanded } from './index.module-3c47d5ce.js';
 import { observer } from 'mobx-react-lite';
 import classnames from 'classnames';
 import { DivaUtils } from '@crystaldesign/diva-core';