@crystaldesign/diva-web-planner-react 25.8.0-beta.29 → 25.8.0-beta.30

package/build/esm/{index-0176be16.js → index-998de072.js}

@@ -1,7 +1,7 @@
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
+import { s as styleInject, u as useViewHandler } from './index-99549f08.js';
 import { useRef, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-efae7f87.js → index-9b40be7e.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-1cd57760.js';
+import { s as styleInject } from './index-99549f08.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import Item from './index-fbd33498.js';
+import Item from './index-c285d5fc.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,9 +22,9 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'react-laag';
-import './index-af273144.js';
-import './index-96b527dd.js';
-import './index-6eda84ea.js';
+import './index-961795c2.js';
+import './index-2fe744ba.js';
+import './index-17ddac05.js';
 
 var wrapper = "wrapper-Da1y8";
 var css_248z = ".wrapper-Da1y8 {\n  display: flex;\n  margin-left: 16px;\n  margin-right: 16px;\n  gap: 6px 10px;\n  overflow: auto;\n  width: 100%;\n  flex-wrap: wrap;\n}\n";

package/build/esm/{index-64b886db.js → index-9bf915b2.js}

@@ -1,10 +1,11 @@
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
+import { s as styleInject, u as useViewHandler } from './index-99549f08.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger, useDivaCore } from '@crystaldesign/diva-core';
 import { useRef, useEffect } from 'react';
 import { ContentItemComponent } from '@crystaldesign/content-item';
 import Draggable from 'react-draggable';
 import classnames from 'classnames';
+import DontReopenAutomatically from './index-1ffedd63.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,6 +23,7 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
+import 'react-i18next';
 
 var wrapper = "wrapper-epfZs";
 var mobile = "mobile-3mXgj";
@@ -91,6 +93,7 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
     });
   }
   var parentSizes = (_viewHandler$productS = viewHandler.productState.productElement) === null || _viewHandler$productS === void 0 ? void 0 : _viewHandler$productS.getBoundingClientRect();
+  var autoOpenContentItems = viewHandler.settingsState.autoOpenContentItems && !viewHandler.uiState.isInMobileView;
   return /*#__PURE__*/jsx(Draggable, {
     nodeRef: draggable,
     handle: ".handle",
@@ -109,8 +112,10 @@ var ContentItemWrapper = function ContentItemWrapper(_ref) {
         contentItemId: id,
         headerClassName: 'handle',
         headerWrapperStyle: {
-          cursor: 'move'
+          cursor: 'move',
+          minHeight: autoOpenContentItems ? '64px' : undefined
         },
+        headerChildren: autoOpenContentItems ? /*#__PURE__*/jsx(DontReopenAutomatically, {}) : undefined,
         onClose: function onClose() {
           return viewHandler.settingsState.setContentItemId();
         },

package/build/esm/{index-1db80692.js → index-9cd7bdd5.js}

@@ -1,12 +1,12 @@
 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 useViewHandler } from './index-1cd57760.js';
+import { s as styleInject, u as useViewHandler } from './index-99549f08.js';
 import { useRef, useState, useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
 import RealTimeRenderer from '@crystaldesign/real-time-viewer';
-import NavBar from './index-170da918.js';
+import NavBar from './index-473b6ad1.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-e184e0f4.js → index-9db93eea.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
+import { s as styleInject, u as useViewHandler } from './index-99549f08.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation, useDivaCore } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-f4b3eedb.js';
+import { g as getIconOfTabGroup } from './IconHandler-e73ae30d.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-d4da1129.js → index-a01287a3.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-1cd57760.js';
+import { s as styleInject, u as useViewHandler } from './index-99549f08.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-749240e9.js';
-import TabGroupVertical from './index-2e8d859b.js';
-import TabSearch from './index-d785b0c0.js';
+import TabGroupHorizontal from './index-351597df.js';
+import TabGroupVertical from './index-0c8afc67.js';
+import TabSearch from './index-93a0fd01.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -23,8 +23,8 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-9cdbddb7.js';
-import './index-bef254f0.js';
+import './index-61b90e85.js';
+import './index-e3ae0685.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
 
 var wcConfiguratorSteps = "wcConfigurator-steps-1pUS0";

package/build/esm/{index-9848a933.js → index-a23b90a9.js}

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

package/build/esm/{index-8d9bada1.js → index-a39454e3.js}

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
+import { s as styleInject, u as useViewHandler } from './index-99549f08.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';

package/build/esm/{index-5549a097.js → index-a4c6d76f.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
+import { s as styleInject, u as useViewHandler } from './index-99549f08.js';
 import { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { S as SettingsItem } from './index-ec5ce201.js';
+import { S as SettingsItem } from './index-15479a95.js';
 import classnames from 'classnames';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,52 +22,52 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'sift';
-import './index-32651b83.js';
-import './index-c2c0cfe6.js';
-import './index-a454b68b.js';
-import './index-3f059d2a.js';
-import './index-e70b67cb.js';
-import './index.module-761feee5.js';
-import './index-a30abd27.js';
+import './index-4998e73f.js';
+import './index-0910b8db.js';
+import './index-e56a2272.js';
+import './index-d9af3c26.js';
+import './index-73a40b30.js';
+import './index.module-593a7e2b.js';
+import './index-5c8a3248.js';
 import 'react-switch';
-import './index-291d2530.js';
-import './index-96b527dd.js';
-import './index-6298f42d.js';
+import './index-bd0226b9.js';
+import './index-2fe744ba.js';
+import './index-b6692c6f.js';
 import 'react-dropdown';
-import './index-432c5859.js';
+import './index-adc4b399.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6a7a957c.js';
-import './index-6f4e5bf2.js';
-import './index-2c0a7a82.js';
+import './index-6287d592.js';
+import './index-019b6bab.js';
+import './index-03e938d8.js';
 import '@crystaldesign/content-box';
-import './index-788d6797.js';
-import './index-58574969.js';
-import './index-8cc23e1e.js';
-import './index-9aff6816.js';
-import './index-2a3ef4fc.js';
-import './index-ee81bb62.js';
+import './index-cf884d5e.js';
+import './index-1a1e1e2f.js';
+import './index-58e26165.js';
+import './index-19c4f686.js';
+import './index-373e07eb.js';
+import './index-b4692d5a.js';
 import 'react-laag';
-import './index-6eda84ea.js';
-import './index-af273144.js';
-import './index-849aa088.js';
-import './index-a4f4b1fb.js';
-import './index-3203379b.js';
-import './index-9f4b3c3e.js';
-import './index-7d047549.js';
-import './index-f18e4f1c.js';
-import './index-85fe5078.js';
-import './index-a63ec5e2.js';
-import './index.module-04d1340a.js';
-import './index-517840cf.js';
-import './index-04cd8de1.js';
-import './index-6457a739.js';
-import './index-9b2254bb.js';
-import './index-9235a491.js';
-import './index-612eb478.js';
-import './index-3ee1c674.js';
-import './index.module-d9207012.js';
-import './index-7d526616.js';
-import './index-7cfd1785.js';
+import './index-17ddac05.js';
+import './index-961795c2.js';
+import './index-82981c54.js';
+import './index-701da772.js';
+import './index-1e8a4ba6.js';
+import './index-2f7b2b9b.js';
+import './index-a638fdc8.js';
+import './index-664b46cc.js';
+import './index-f923ac06.js';
+import './index-605d0b66.js';
+import './index.module-0dfe23dd.js';
+import './index-813befe1.js';
+import './index-7c7d1ad5.js';
+import './index-f8cde2d6.js';
+import './index-bccbd449.js';
+import './index-be74e185.js';
+import './index-393cb531.js';
+import './index-d8c853e2.js';
+import './index.module-ab80c334.js';
+import './index-a5653061.js';
+import './index-f6f4c43b.js';
 
 var productSettingsWrapper = "product-settings-wrapper-KOweX";
 var scrollWrapper = "scroll-wrapper-DI3EF";

package/build/esm/{index-9fd96b32.js → index-a535d0eb.js}

@@ -1,8 +1,8 @@
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
+import { s as styleInject, u as useViewHandler } from './index-99549f08.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import PlannerMsgItem from './index-9ba7989f.js';
+import PlannerMsgItem from './index-d4d24069.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-7d526616.js → index-a5653061.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
+import { s as styleInject, u as useViewHandler } from './index-99549f08.js';
 import 'react';
 import classnames from 'classnames';
-import StepInfo from './index-6457a739.js';
-import SettingsHeader from './index-c2c0cfe6.js';
-import ReplaceSwitch from './index-7cfd1785.js';
+import StepInfo from './index-f8cde2d6.js';
+import SettingsHeader from './index-0910b8db.js';
+import ReplaceSwitch from './index-f6f4c43b.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';

package/build/esm/{index-7d047549.js → index-a638fdc8.js}

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

package/build/esm/{index-e7a35bbc.js → index-a7c3e3a8.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
+import { s as styleInject, u as useViewHandler } from './index-99549f08.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-6198cc0e.js → index-a7e3951e.js}

@@ -1,5 +1,5 @@
-import { s as styleInject } from './index-1cd57760.js';
-import ProductHeader from './index-d74c014b.js';
+import { s as styleInject } from './index-99549f08.js';
+import ProductHeader from './index-f022df3e.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -21,11 +21,13 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-2ba654d6.js';
+import './index-1f295bae.js';
 import '@crystaldesign/content-box';
-import './index-64b886db.js';
+import './index-9bf915b2.js';
 import '@crystaldesign/content-item';
 import 'react-draggable';
+import './index-1ffedd63.js';
+import 'react-i18next';
 
 var productHeader = "productHeader-oJxLo";
 var css_248z = ".productHeader-oJxLo {\n  font-weight: 300 !important;\n}\n";

package/build/esm/{index-e830234d.js → index-a839c215.js}

@@ -1,7 +1,7 @@
-import { u as useViewHandler, b, _ as _onClickCheckout, I as Icon } from './index-1cd57760.js';
+import { u as useViewHandler, b, _ as _onClickCheckout, I as Icon } from './index-99549f08.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { w as wcFunctionsToolbar, s as mobile, b as wcFunctionsContainer } from './index.module-61e406f9.js';
+import { w as wcFunctionsToolbar, s as mobile, b as wcFunctionsContainer } from './index.module-cdd0b77d.js';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-90b391bb.js → index-a8a2f3bd.js}

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

package/build/esm/{index-b235fdc6.js → index-ac380c39.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject } from './index-1cd57760.js';
+import { s as styleInject } from './index-99549f08.js';
 import 'react';
-import SettingsItemHeader from './index-e62c2a02.js';
+import SettingsItemHeader from './index-dd86b9a5.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -22,29 +22,29 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-9848a933.js';
-import './index-432c5859.js';
-import './index-6a7a957c.js';
+import './index-a23b90a9.js';
+import './index-adc4b399.js';
+import './index-6287d592.js';
 import 'react-dropdown';
-import './index-6f4e5bf2.js';
-import './index-2c0a7a82.js';
+import './index-019b6bab.js';
+import './index-03e938d8.js';
 import '@crystaldesign/content-box';
-import './index-788d6797.js';
-import './index-58574969.js';
-import './index-a32c9b27.js';
-import './index-a30abd27.js';
+import './index-cf884d5e.js';
+import './index-1a1e1e2f.js';
+import './index-07e19902.js';
+import './index-5c8a3248.js';
 import 'react-switch';
-import './index-e6b2c6ff.js';
-import './index-3c623713.js';
-import './index-bda435ab.js';
-import './index-075eb680.js';
-import './index-efae7f87.js';
-import './index-fbd33498.js';
+import './index-82d8ae07.js';
+import './index-8ee97aa7.js';
+import './index-513ac91b.js';
+import './index-3e282dfc.js';
+import './index-9b40be7e.js';
+import './index-c285d5fc.js';
 import 'react-laag';
-import './index-af273144.js';
-import './index-96b527dd.js';
-import './index-6eda84ea.js';
-import './index-291d2530.js';
+import './index-961795c2.js';
+import './index-2fe744ba.js';
+import './index-17ddac05.js';
+import './index-bd0226b9.js';
 
 var settingsHeaderContainer = "settingsHeaderContainer-ywbxo";
 var settingsHeaderTitle = "settingsHeaderTitle-AeKfm";

package/build/esm/{index-4af20565.js → index-ada0c2c1.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-1cd57760.js';
+import { s as styleInject } from './index-99549f08.js';
 import 'react';
-import PlannerUI from './index-c9a9b8b3.js';
-import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-0c1d846c.js';
+import PlannerUI from './index-ea051ae6.js';
+import { c as wc3DOutlineSvg, d as wc3DOutlinePolygon, e as wc3DOutlinePolygonContours, f as wc3DOutlinePolygonContoursSel } from './index.module-c35d81b1.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';
@@ -22,23 +22,23 @@ import 'qrcode.react';
 import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
-import './index-7588d85f.js';
-import './index-affca4a4.js';
-import './index-b27e484b.js';
-import './index-ba2a9cc7.js';
-import './index-f5f2a0a2.js';
-import './index-ff2cdd65.js';
-import './index-86f42939.js';
-import './index-65dd1764.js';
-import './index-ff9b4a5d.js';
-import './index-a37d51fe.js';
-import './index-ce63ab75.js';
-import './index-6fe0f308.js';
-import './index-8d979990.js';
+import './index-7ddcb06d.js';
+import './index-daa6d015.js';
+import './index-ebc8213f.js';
+import './index-8286b183.js';
+import './index-b2f8d29f.js';
+import './index-c90e7291.js';
+import './index-0eb07c5b.js';
+import './index-2376bbda.js';
+import './index-c25474c4.js';
+import './index-d8f31c45.js';
+import './index-3360ae5b.js';
+import './index-941fcd91.js';
+import './index-65f7d90c.js';
 import 'react-draggable';
-import './index-2ee03430.js';
-import './index-c8e61b1d.js';
-import './index-8ed09e16.js';
+import './index-daa8120d.js';
+import './index-5ffda74d.js';
+import './index-05302939.js';
 
 var hidden = "hidden-75j7C";
 var css_248z = ".hidden-75j7C {\n  display: none;\n}\n";

package/build/esm/{index-432c5859.js → index-adc4b399.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-1cd57760.js';
+import { s as styleInject, u as useViewHandler } from './index-99549f08.js';
 import { observer } from 'mobx-react-lite';
 import { useEffect } from 'react';
-import RalDropdownFilter from './index-6a7a957c.js';
-import SlideFilter from './index-2c0a7a82.js';
+import RalDropdownFilter from './index-6287d592.js';
+import SlideFilter from './index-03e938d8.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import 'react-dynamic-multi-render';
@@ -24,9 +24,9 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'react-dropdown';
-import './index-6f4e5bf2.js';
+import './index-019b6bab.js';
 import '@crystaldesign/content-box';
-import './index-788d6797.js';
+import './index-cf884d5e.js';
 
 var css_248z = "#wcConfigurator .Dropdown-root {\n  position: relative;\n}\n\n#wcConfigurator .Dropdown-control {\n  position: relative;\n  overflow: hidden;\n  background-color: white;\n  border: 1px solid #ccc;\n  border-radius: 2px;\n  box-sizing: border-box;\n  color: #333;\n  cursor: default;\n  outline: none;\n  padding: 4px 24px 4px 10px;\n  transition: all 200ms ease;\n}\n\n#wcConfigurator .Dropdown-control:hover {\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n}\n\n#wcConfigurator .Dropdown-arrow {\n  border-color: #999 transparent transparent;\n  border-style: solid;\n  border-width: 5px 5px 0;\n  content: ' ';\n  display: block;\n  height: 0;\n  margin-top: -ceil(2.5);\n  position: absolute;\n  right: 10px;\n  top: 14px;\n  width: 0;\n}\n\n#wcConfigurator .is-open .Dropdown-arrow {\n  border-color: transparent transparent #999;\n  border-width: 0 5px 5px;\n}\n\n#wcConfigurator .Dropdown-menu {\n  background-color: white;\n  border: 1px solid #ccc;\n  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);\n  box-sizing: border-box;\n  margin-top: -1px;\n  max-height: 200px;\n  overflow-y: auto;\n  position: absolute;\n  top: 100%;\n  width: 100%;\n  z-index: 1000;\n  -webkit-overflow-scrolling: touch;\n}\n\n#wcConfigurator .Dropdown-menu .Dropdown-group > .Dropdown-title {\n  padding: 8px 10px;\n  color: rgba(51, 51, 51, 1);\n  font-weight: 300;\n  text-transform: capitalize;\n}\n\n#wcConfigurator .Dropdown-option {\n  box-sizing: border-box;\n  color: rgba(51, 51, 51, 0.8);\n  cursor: pointer;\n  display: block;\n  padding: 8px 10px;\n}\n\n#wcConfigurator .Dropdown-option:last-child {\n  border-bottom-right-radius: 2px;\n  border-bottom-left-radius: 2px;\n}\n\n#wcConfigurator .Dropdown-option:hover {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-option.is-selected {\n  background-color: #f2f9fc;\n  color: #333;\n}\n\n#wcConfigurator .Dropdown-noresults {\n  box-sizing: border-box;\n  color: #ccc;\n  cursor: default;\n  display: block;\n  padding: 8px 10px;\n}\n";
 styleInject(css_248z);

package/build/esm/{index-a95a16be.js → index-af75a5dc.js}

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

package/build/esm/{index-70f52548.js → index-b049675f.js}

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject } from './index-1cd57760.js';
+import { s as styleInject } from './index-99549f08.js';
 import { observer } from 'mobx-react-lite';
-import AccessoiresStandard from './index-a0e583a6.js';
+import AccessoiresStandard from './index-b45e3aae.js';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
@@ -22,56 +22,56 @@ import '@babel/runtime/helpers/typeof';
 import 'flat';
 import '@crystaldesign/widget-contact-form';
 import 'react-laag';
-import './index-6eda84ea.js';
-import './index-af273144.js';
-import './index-96b527dd.js';
-import './index-97b3e6ab.js';
+import './index-17ddac05.js';
+import './index-961795c2.js';
+import './index-2fe744ba.js';
+import './index-1966ad2f.js';
 import 'react-collapsible';
-import './index-ce19f388.js';
-import './index-ec5ce201.js';
+import './index-0072fc71.js';
+import './index-15479a95.js';
 import 'sift';
-import './index-32651b83.js';
-import './index-c2c0cfe6.js';
-import './index-a454b68b.js';
-import './index-3f059d2a.js';
-import './index-e70b67cb.js';
-import './index.module-761feee5.js';
-import './index-a30abd27.js';
+import './index-4998e73f.js';
+import './index-0910b8db.js';
+import './index-e56a2272.js';
+import './index-d9af3c26.js';
+import './index-73a40b30.js';
+import './index.module-593a7e2b.js';
+import './index-5c8a3248.js';
 import 'react-switch';
-import './index-291d2530.js';
-import './index-6298f42d.js';
+import './index-bd0226b9.js';
+import './index-b6692c6f.js';
 import 'react-dropdown';
-import './index-432c5859.js';
+import './index-adc4b399.js';
 import '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6a7a957c.js';
-import './index-6f4e5bf2.js';
-import './index-2c0a7a82.js';
+import './index-6287d592.js';
+import './index-019b6bab.js';
+import './index-03e938d8.js';
 import '@crystaldesign/content-box';
-import './index-788d6797.js';
-import './index-58574969.js';
-import './index-8cc23e1e.js';
-import './index-9aff6816.js';
-import './index-2a3ef4fc.js';
-import './index-ee81bb62.js';
-import './index-849aa088.js';
-import './index-a4f4b1fb.js';
-import './index-3203379b.js';
-import './index-9f4b3c3e.js';
-import './index-7d047549.js';
-import './index-f18e4f1c.js';
-import './index-85fe5078.js';
-import './index-a63ec5e2.js';
-import './index.module-04d1340a.js';
-import './index-517840cf.js';
-import './index-04cd8de1.js';
-import './index-6457a739.js';
-import './index-9b2254bb.js';
-import './index-9235a491.js';
-import './index-612eb478.js';
-import './index-3ee1c674.js';
-import './index.module-d9207012.js';
-import './index-7d526616.js';
-import './index-7cfd1785.js';
+import './index-cf884d5e.js';
+import './index-1a1e1e2f.js';
+import './index-58e26165.js';
+import './index-19c4f686.js';
+import './index-373e07eb.js';
+import './index-b4692d5a.js';
+import './index-82981c54.js';
+import './index-701da772.js';
+import './index-1e8a4ba6.js';
+import './index-2f7b2b9b.js';
+import './index-a638fdc8.js';
+import './index-664b46cc.js';
+import './index-f923ac06.js';
+import './index-605d0b66.js';
+import './index.module-0dfe23dd.js';
+import './index-813befe1.js';
+import './index-7c7d1ad5.js';
+import './index-f8cde2d6.js';
+import './index-bccbd449.js';
+import './index-be74e185.js';
+import './index-393cb531.js';
+import './index-d8c853e2.js';
+import './index.module-ab80c334.js';
+import './index-a5653061.js';
+import './index-f6f4c43b.js';
 
 var wcAccInfoContainer = "wcAccInfoContainer-gHZnB";
 var wcConfiguratorSettingsTitle = "wcConfigurator-settings-title--6avT";

package/build/esm/{index-a13e13ff.js → index-b28585d2.js}

@@ -1,11 +1,11 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useViewHandler } from './index-1cd57760.js';
+import { u as useViewHandler } from './index-99549f08.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import { r as reactJson, a as reactJsonExpanded } from './index.module-241fdf12.js';
+import { r as reactJson, a as reactJsonExpanded } from './index.module-353e2b40.js';
 import classnames from 'classnames';
 import { JsonView, darkStyles } from 'react-json-view-lite';
-import './react-json-viewer-9c987b9c.js';
+import './react-json-viewer-daa688e4.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/slicedToArray';
 import '@babel/runtime/helpers/defineProperty';

package/build/esm/{index-f5f2a0a2.js → index-b2f8d29f.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-1cd57760.js';
+import './index-99549f08.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';