@crystaldesign/diva-web-planner-react 24.13.0-rc.21 → 24.13.0-rc.22

package/build/esm/{index-532b4b06.js → index-e618574c.js}

@@ -1,5 +1,5 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import { useEffect } from 'react';
 import classnames from 'classnames';
 import { jsx, Fragment } from 'react/jsx-runtime';

package/build/esm/{index-884542d2.js → index-e685e9fa.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import Group from './index-724aa792.js';
+import Group from './index-5b554215.js';
 import { useDivaCore } from '@crystaldesign/diva-core';
-import StandradGroup from './index-85ee7122.js';
+import StandradGroup from './index-9e631bdb.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,9 +18,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './index-23be7c26.js';
+import './index-d2ea397e.js';
 import 'react-collapsible';
-import './index-051ad641.js';
+import './index-c6fbbe5f.js';
 
 var container = "container-IOQq6";
 var css_248z = ".container-IOQq6 {\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n  width: 100%;\n}\n";

package/build/esm/{index-dbd17c48.js → index-e7ca0ba0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import 'react';
 import classnames from 'classnames';
 import { useTranslation } from '@crystaldesign/diva-core';

package/build/esm/{index-69627242.js → index-e80c91dd.js}

@@ -1,8 +1,8 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { u as useViewHandler } from './index-6177a8f1.js';
+import { u as useViewHandler } from './index-0cb55e36.js';
 import { useEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import ItemVariant from './index-573d3ef4.js';
+import ItemVariant from './index-7a1ae8ff.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-852e048a.js → index-e847a299.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6177a8f1.js';
+import './index-0cb55e36.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-16cccb14.js → index-eb993d05.js}

@@ -1,7 +1,7 @@
 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-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-68018b4f.js → index-ecca8255.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-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import { useTranslation, 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-ebe7561f.js';
-import GenericToolTip from './index-a8bbb6ff.js';
+import MetaData from './index-44c6a2cb.js';
+import GenericToolTip from './index-b1c5020a.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
 import '@babel/runtime/helpers/objectWithoutProperties';

package/build/esm/{index-167c51f5.js → index-eccc3e37.js}

@@ -1,9 +1,9 @@
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { u as useViewHandler } from './index-6177a8f1.js';
+import { u as useViewHandler } from './index-0cb55e36.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-876db94e.js';
+import { w as wcConfiguratorSettingsHeaderActElements, S as SettingsPosNr$1 } from './index-d6822836.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -18,7 +18,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-592fac91.js';
+import './index-7b588a72.js';
 import 'classnames';
 
 var SettingsPosNrContainer = function SettingsPosNrContainer(_ref) {

package/build/esm/{index-3453b30d.js → index-ece8d261.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useRef, useEffect } from 'react';
 import { useTranslation } from '@crystaldesign/diva-core';
-import { g as getIconOfTabGroup } from './IconHandler-e5c27e39.js';
+import { g as getIconOfTabGroup } from './IconHandler-307dd71b.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';

package/build/esm/{index-456f79db.js → index-ee6dc573.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-f60ef6f6.js → index-ef0e7fe2.js}

@@ -1,9 +1,9 @@
-import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import 'react';
 import classnames from 'classnames';
-import StepInfo from './index-b2c11fbb.js';
-import SettingsHeader from './index-509577cb.js';
-import ReplaceSwitch from './index-d6317d52.js';
+import StepInfo from './index-1107049d.js';
+import SettingsHeader from './index-fcd28220.js';
+import ReplaceSwitch from './index-cbb65d33.js';
 import { observer } from 'mobx-react-lite';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
@@ -26,15 +26,11 @@ styleInject(css_248z);
 
 var ItemWrapper = function ItemWrapper(_ref) {
   var item = _ref.item,
-    gridItemSize = _ref.gridItemSize,
-    gridGap = _ref.gridGap,
+    style = _ref.style,
     children = _ref.children;
   var viewHandler = useViewHandler();
   return /*#__PURE__*/jsxs("div", {
-    style: {
-      '--gridSize': gridItemSize,
-      '--gridGap': gridGap
-    },
+    style: style,
     className: classnames(wcConfiguratorConfigPaletteContainer, {
       wcFilterVisible: item.filterVisible
     }),

package/build/esm/{index-2c1f6889.js → index-efaa3231.js}

@@ -1,8 +1,8 @@
-import './index-6177a8f1.js';
+import './index-0cb55e36.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import SVGOverview from './index-4639e34a.js';
-import SVGSourceViewer from './index-dc878478.js';
+import SVGOverview from './index-bfb28d90.js';
+import SVGSourceViewer from './index-1f2733df.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-8f8fda02.js';
+import './index.module-d39a832f.js';
 import 'classnames';
 
 var index = function index(props) {

package/build/esm/{index-c78373d1.js → index-f281f36e.js}

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import { observer } from 'mobx-react-lite';
 import 'react';
-import VerticalTabGroupItemStandard from './index-517754eb.js';
+import VerticalTabGroupItemStandard from './index-3d960c20.js';
 import { useTranslation } from '@crystaldesign/diva-core';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react-dynamic-multi-render';
@@ -17,7 +17,7 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'classnames';
-import './IconHandler-e5c27e39.js';
+import './IconHandler-307dd71b.js';
 
 var priceDiv = "price-div-veoFD";
 var priceText = "price-text-34sGt";

package/build/esm/{index-70688b76.js → index-f65ae915.js}

@@ -1,7 +1,7 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import Item from './index-64feac01.js';
+import Item from './index-4306bab5.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -17,9 +17,9 @@ import '@crystaldesign/diva-utils';
 import 'mobx';
 import '@crystaldesign/web-planner-logic';
 import 'react-laag';
-import './index-a8bbb6ff.js';
+import './index-b1c5020a.js';
 import 'classnames';
-import './index-ebe7561f.js';
+import './index-44c6a2cb.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-ec229ece.js → index-f6d15788.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-48105752.js → index-f7da38f2.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-316343a8.js → index-f8877fdf.js}

@@ -1,5 +1,5 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import './index-6177a8f1.js';
+import './index-0cb55e36.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import { useState } from 'react';

package/build/esm/{index-d703cc39.js → index-f8954a3e.js}

@@ -1,10 +1,10 @@
-import { u as useViewHandler } from './index-6177a8f1.js';
+import { u as useViewHandler } from './index-0cb55e36.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-857ed89a.js';
-import Toggle from './index-fcae2025.js';
+import { r as row, b as columToggleName, t as title, n as name, s as sel, a as toggleWrapper } from './index.module-b59015ae.js';
+import Toggle from './index-e1592bb1.js';
 import { getLogger } from '@crystaldesign/diva-core';
-import InfoIcon from './index-051ad641.js';
+import InfoIcon from './index-c6fbbe5f.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import 'react-dynamic-multi-render';
@@ -25,7 +25,8 @@ var LOG = getLogger('Planner', 'ToggleName');
 var ToggleName = function ToggleName(_ref) {
   var _item$selectedElement;
   var item = _ref.item,
-    paletteId = _ref.paletteId;
+    paletteId = _ref.paletteId,
+    style = _ref.style;
   var viewHandler = useViewHandler();
   var items = item.groups[0].items;
   var yesItem;
@@ -63,8 +64,9 @@ var ToggleName = function ToggleName(_ref) {
     ref: function ref(_ref2) {
       return item.htmlRef = _ref2;
     },
+    style: style,
     children: [/*#__PURE__*/jsx("div", {
-      className: classnames(colum, title, name, !checked ? sel : undefined),
+      className: classnames(columToggleName, title, name, !checked ? sel : undefined),
       onClick: function onClick() {
         viewHandler.paletteViewHandler.clickedOnConfigPalette(noItem, undefined, paletteId);
       },
@@ -74,7 +76,7 @@ var ToggleName = function ToggleName(_ref) {
         }
       })
     }), /*#__PURE__*/jsx("div", {
-      className: classnames(colum),
+      className: classnames(columToggleName),
       children: /*#__PURE__*/jsx("div", {
         className: toggleWrapper,
         children: /*#__PURE__*/jsx(Toggle, {
@@ -87,7 +89,7 @@ var ToggleName = function ToggleName(_ref) {
         })
       })
     }), /*#__PURE__*/jsx("div", {
-      className: classnames(colum, title, name, checked ? sel : undefined),
+      className: classnames(columToggleName, title, name, checked ? sel : undefined),
       onClick: function onClick() {
         viewHandler.paletteViewHandler.clickedOnConfigPalette(yesItem, undefined, paletteId);
       },
@@ -99,8 +101,10 @@ var ToggleName = function ToggleName(_ref) {
     }), contentItem && /*#__PURE__*/jsx(InfoIcon, {
       item: contentItem,
       style: {
-        bottom: 'calc(50% - 10px)',
-        right: '-5%'
+        top: 'unset',
+        bottom: 'unset',
+        right: 'unset',
+        position: 'relative'
       }
     })]
   });

package/build/esm/{index-6015e8ac.js → index-f935c6f3.js}

@@ -1,4 +1,4 @@
-import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import 'react';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';

package/build/esm/{index-229d1a05.js → index-faaacafa.js}

@@ -1,6 +1,6 @@
-import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import 'react';
-import Toggle from './index-fcae2025.js';
+import Toggle from './index-e1592bb1.js';
 import { observer } from 'mobx-react-lite';
 import { getLogger } from '@crystaldesign/diva-core';
 import { DivaError } from '@crystaldesign/diva-utils';

package/build/esm/{index-de14d6fb.js → index-fb851ca3.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6177a8f1.js';
+import './index-0cb55e36.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-c4978a7e.js → index-fbd67491.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 import classnames from 'classnames';
 import { observer } from 'mobx-react-lite';
 import 'react';

package/build/esm/{index-b3ff7815.js → index-fc87a84a.js}

@@ -1,10 +1,10 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './index-6177a8f1.js';
+import './index-0cb55e36.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
-import ArticleOverview from './index-1f8e9e6d.js';
-import SVGViewer from './index-2c1f6889.js';
+import ArticleOverview from './index-de48a29e.js';
+import SVGViewer from './index-efaa3231.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-88efa0f9.js';
-import './index.module-78c8df80.js';
+import './index.module-99d2eb3b.js';
+import './index.module-9aabbfc7.js';
 import 'classnames';
-import './index.module-ec97809f.js';
+import './index.module-fbbf729a.js';
 import 'react-collapsible';
-import './index-4639e34a.js';
-import './index.module-8f8fda02.js';
-import './index-dc878478.js';
+import './index-bfb28d90.js';
+import './index.module-d39a832f.js';
+import './index-1f2733df.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-c0ce2bf4.js → index-fcd277ce.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6177a8f1.js';
+import './index-0cb55e36.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-509577cb.js → index-fcd28220.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6177a8f1.js';
+import './index-0cb55e36.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-c838d487.js → index-fceaeac4.js}

@@ -1,5 +1,5 @@
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { s as styleInject, u as useViewHandler } from './index-6177a8f1.js';
+import { s as styleInject, u as useViewHandler } from './index-0cb55e36.js';
 import 'react';
 import { observer } from 'mobx-react-lite';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/{index-22237d73.js → index-ff6c5a0e.js}

@@ -1,5 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import './index-6177a8f1.js';
+import './index-0cb55e36.js';
 import 'react';
 import DynamicMultiRender from 'react-dynamic-multi-render';
 import { jsx } from 'react/jsx-runtime';

package/build/esm/index.js

@@ -1,5 +1,5 @@
 import '@babel/runtime/helpers/defineProperty';
-export { W as WebPlannerReact, c as default } from './index-6177a8f1.js';
+export { W as WebPlannerReact, c as default } from './index-0cb55e36.js';
 import 'react';
 import '@crystaldesign/diva-core';
 import 'react/jsx-runtime';

package/build/esm/{index.module-e1e95830.js → index.module-02f607a0.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var wcPlannerButton = "wcPlannerButton-hPp4U";
 var mobile = "mobile-ZE7fr";

package/build/esm/{index.module-42f815e8.js → index.module-0d112c90.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var wcConfiguratorProductCenter = "wcConfigurator-product-center-T-Vr3";
 var landscape = "landscape-mjn27";

package/build/esm/{index.module-9ea7156f.js → index.module-11aab13b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var paletteItem = "PaletteItem-bhj8-";
 var sel = "sel-SyPrw";

package/build/esm/{index.module-0ad038d3.js → index.module-19fb2610.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var wcFavorite = "wcFavorite-WCYzN";
 var wcFavoriteSel = "wcFavorite_sel-Fww5G";

package/build/esm/{index.module-067ff0d4.js → index.module-3c2181ea.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var wrapper = "wrapper-TcEZn";
 var dropdownRoot = "Dropdown-root-7zz-C";

package/build/esm/{index.module-f5f072ea.js → index.module-7d7b670e.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var wcBoxPlannerAddElement = "wcBoxPlanner_AddElement-LWKJQ";
 var wcBoxPlannerAddElementLeft = "wcBoxPlanner_AddElementLeft-sCzAl";

package/build/esm/{index.module-88efa0f9.js → index.module-99d2eb3b.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var table = "table-bUPL7";
 var column = "column-MtERL";

package/build/esm/{index.module-78c8df80.js → index.module-9aabbfc7.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var box = "box-vVSPN";
 var boxSelected = "boxSelected-HZqUZ";

package/build/esm/{index.module-857ed89a.js → index.module-b59015ae.js}

@@ -1,12 +1,13 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var row = "row-2sbo5";
 var colum = "colum-bfgmE";
+var columToggleName = "colum-toggle-name-PXzg8";
 var title = "title-KljD9";
 var toggleWrapper = "toggleWrapper-LWNao";
 var name = "name-QE1Nl";
 var sel = "sel-ZAWxP";
-var css_248z = ".row-2sbo5 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  padding-top: 4px;\n  --infoIconSize: 20px;\n}\n.colum-bfgmE {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.title-KljD9 {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  cursor: pointer;\n}\n\n.toggleWrapper-LWNao {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n}\n\n.name-QE1Nl {\n  text-align: center;\n}\n\n.sel-ZAWxP {\n  font-weight: 300;\n}\n";
+var css_248z = ".row-2sbo5 {\n  width: 100%;\n  height: -moz-fit-content;\n  height: fit-content;\n  position: relative;\n  display: flex;\n  padding-bottom: 4px;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: 4px;\n}\n.colum-bfgmE {\n  width: 50%;\n  margin: 10px 15px;\n  position: relative;\n}\n\n.colum-toggle-name-PXzg8 {\n  flex-grow: 1;\n  margin: 10px 0px;\n  position: relative;\n}\n\n.title-KljD9 {\n  text-align: left;\n  margin-left: 0;\n  margin-left: initial;\n  padding-bottom: 9px;\n  padding-top: 9px;\n  cursor: pointer;\n}\n\n.toggleWrapper-LWNao {\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  position: absolute;\n}\n\n.name-QE1Nl {\n  text-align: center;\n}\n\n.sel-ZAWxP {\n  font-weight: 300;\n}\n";
 styleInject(css_248z);
 
-export { toggleWrapper as a, colum as c, name as n, row as r, sel as s, title as t };
+export { toggleWrapper as a, columToggleName as b, colum as c, name as n, row as r, sel as s, title as t };

package/build/esm/{index.module-4f571006.js → index.module-b8ebd926.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var wcUi2DOutlineDraggable = "wcUI2D_Outline_Draggable-MP-7N";
 var wcUi2DOutlineSelectable = "wcUI2D_Outline_Selectable--NB0c";

package/build/esm/{index.module-1cf9e30f.js → index.module-bf8a5836.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var wcFunctionsToolbar = "wcFunctionsToolbar-33mKP";
 var expanded = "Expanded-OjOcq";

package/build/esm/{index.module-8f8fda02.js → index.module-d39a832f.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var svgWrapper = "svg-wrapper-hvaq9";
 var table = "table-GRFj-";

package/build/esm/{index.module-cc6353f6.js → index.module-d7cb6925.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var wc2DRotClock = "wc2DRot_Clock-N3u5r";
 var wc2DRotCounterClock = "wc2DRot_CounterClock-WrGZW";

package/build/esm/{index.module-ec97809f.js → index.module-fbbf729a.js}

@@ -1,4 +1,4 @@
-import { s as styleInject } from './index-6177a8f1.js';
+import { s as styleInject } from './index-0cb55e36.js';
 
 var wholeWrapper = "whole-wrapper-5OM64";
 var notExpanded = "not-expanded-A0UYP";

package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/index.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 export interface DropDownTextProps {
     item: ItemPalette;
     paletteId: number;
+    style?: React.CSSProperties;
 }
 declare const ItemVariant: (props: DropDownTextProps) => React.JSX.Element;
 export default ItemVariant;

package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,QAAA,MAAM,WAAW,UAAW,iBAAiB,sBAE5C,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,WAAW,UAAW,iBAAiB,sBAE5C,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/serious/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DropDownTextProps } from '..';
-declare const _default: (({ item, paletteId }: DropDownTextProps) => React.JSX.Element) & {
+declare const _default: (({ item, paletteId, style }: DropDownTextProps) => React.JSX.Element) & {
     displayName: string;
 };
 export default _default;

package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/serious/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/serious/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;+CAGI,iBAAiB;;;AA0D5D,wBAAsC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/serious/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;sDAGW,iBAAiB;;;AA0DnE,wBAAsC"}

package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DropDownTextProps } from '..';
-declare const _default: (({ item, paletteId }: DropDownTextProps) => React.JSX.Element) & {
+declare const _default: (({ item, paletteId, style }: DropDownTextProps) => React.JSX.Element) & {
     displayName: string;
 };
 export default _default;

package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;+CAII,iBAAiB;;;AAmG5D,wBAAsC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/DropDownText/standard/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,iBAAiB,EAAE,MAAM,IAAI,CAAC;sDAIW,iBAAiB;;;AAmGnE,wBAAsC"}

package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/TextBox/index.d.ts

@@ -3,8 +3,9 @@ import { ItemPalette } from '../../../../../../../model/types';
 interface Props {
     item: ItemPalette;
     paletteId: number;
+    style?: React.CSSProperties;
 }
-declare const _default: (({ item, paletteId }: Props) => React.JSX.Element) & {
+declare const _default: (({ item, paletteId, style }: Props) => React.JSX.Element) & {
     displayName: string;
 };
 export default _default;

package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/TextBox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/TextBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAO/D,UAAU,KAAK;IACb,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;+CAEqC,KAAK;;;AA6C3C,wBAAiC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/HeaderAndOption/TextBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAO/D,UAAU,KAAK;IACb,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;sDAE4C,KAAK;;;AA6ClD,wBAAiC"}