@wix/patterns 1.437.0 → 1.439.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.437.0",
+  "version": "1.439.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -220,10 +220,11 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.343.0",
-    "@wix/bex-utils": "2.130.0",
+    "@wix/bex-core": "2.345.0",
+    "@wix/bex-utils": "2.132.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.65.0",
+    "@wix/patterns-fields": "1.67.0",
+    "@wix/patterns-fields-utils": "1.48.0",
     "@wix/sdk": "^1.15.22",
     "@wix/wix-style-react-incubator": "3.22.0",
     "@wix/wix-ui-test-utils": "^1.1.9",
@@ -286,7 +287,7 @@
     "@wix/awaiter-utils": "^1.0.76",
     "@wix/babel-cli": "^1.11.0",
     "@wix/business-manager-api": "^1.470.0",
-    "@wix/cairo-integration-utils": "1.105.0",
+    "@wix/cairo-integration-utils": "1.107.0",
     "@wix/ci-build-info": "^1.0.0",
     "@wix/crm": "^1.0.93",
     "@wix/dashboard": "^1.3.39",
@@ -294,7 +295,6 @@
     "@wix/eslint-config-yoshi": "^6.74.0",
     "@wix/fe-essentials-standalone": "^1.374.0",
     "@wix/jest-yoshi-preset-base": "^6.74.0",
-    "@wix/ricos": "^11.2.0",
     "@wix/sled-playwright": "^1.261.0",
     "@wix/sled-test-runner": "^2.0.403",
     "@wix/unidriver-core": "^1.0.0",
@@ -444,5 +444,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "0a531c74810a85d5442576496117eba9fb175e4efde49fed1f50ce2c"
+  "falconPackageHash": "46ef48369fce70d4f1dfd4f183a8942b31930700cb186ee51a3f9981"
 }

package/src/components/BulkActionToolbar/BulkActionToolbar.tsx

@@ -2,6 +2,7 @@ import { Box, TableToolbar } from '@wix/design-system';
 import React, { cloneElement, ReactNode } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 export interface BulkActionToolbarProps {
   actionButton?: ReactNode;
@@ -11,6 +12,7 @@ export function _BulkActionToolbar(props: BulkActionToolbarProps) {
   const { actionButton } = props;
 
   const toolbarCollectionState = useToolbarCollectionContext();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   const { collection, hasToolbarTabs, featuredComponents } =
     toolbarCollectionState;
@@ -25,9 +27,9 @@ export function _BulkActionToolbar(props: BulkActionToolbarProps) {
   } = collection;
 
   return (
-    <Box minHeight="60px">
+    <Box minHeight={isBmHarmonyTheme ? undefined : '60px'}>
       <TableToolbar
-        removeVerticalPadding={hasToolbarTabs}
+        removeVerticalPadding={!isBmHarmonyTheme && hasToolbarTabs}
         dataHook="bulk-action-toolbar"
       >
         <TableToolbar.ItemGroup position="start">

package/src/components/CardContainer/CardContainer.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer2701829786";
+var _namespace_ = "CardContainer2848505373";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CardContainer2701829786__root"};
+export var classes = {"root":"CardContainer2848505373__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/CmsFieldForm.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CmsFieldForm575910876";
+var _namespace_ = "CmsFieldForm1740606650";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CmsFieldForm575910876__root","fullBleedDivider":"CmsFieldForm575910876__fullBleedDivider"};
+export var classes = {"root":"CmsFieldForm1740606650__root","fullBleedDivider":"CmsFieldForm1740606650__fullBleedDivider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/CmsFieldModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CmsFieldModal1547597840";
+var _namespace_ = "CmsFieldModal3795014477";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CmsFieldModal1547597840__root","modal":"CmsFieldModal1547597840__modal"};
+export var classes = {"root":"CmsFieldModal3795014477__root","modal":"CmsFieldModal3795014477__modal"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "ValidationAndDefaultsSection2817891564";
+var _namespace_ = "ValidationAndDefaultsSection4139158258";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ValidationAndDefaultsSection2817891564__root","accordionWrapper":"ValidationAndDefaultsSection2817891564__accordionWrapper"};
+export var classes = {"root":"ValidationAndDefaultsSection4139158258__root","accordionWrapper":"ValidationAndDefaultsSection4139158258__accordionWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "CharactersLimitInput156194071";
+var _namespace_ = "CharactersLimitInput4136386049";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CharactersLimitInput156194071__root","field":"CharactersLimitInput156194071__field"};
+export var classes = {"root":"CharactersLimitInput4136386049__root","field":"CharactersLimitInput4136386049__field"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Collapse/Collapse.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse2872591563";
+var _namespace_ = "Collapse2027186024";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Collapse2872591563__root","exit":"Collapse2872591563__exit"};
+export var classes = {"root":"Collapse2027186024__root","exit":"Collapse2027186024__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionCard/CollectionCard.tsx

@@ -1,5 +1,5 @@
 import { Card, CardProps, LiveRegion } from '@wix/design-system';
-import React, { ReactElement, ReactNode } from 'react';
+import React, { ReactElement, ReactNode, Suspense } from 'react';
 import { observer } from 'mobx-react-lite';
 import { FiltersMap } from '@wix/bex-core';
 import { ToolbarCollectionState } from '../../state';
@@ -98,7 +98,11 @@ function _CollectionCard<T, F extends FiltersMap>({
         )}
 
         <CollectionProvider value={collection}>{tags}</CollectionProvider>
-        {tagsCollectionState && <tagsCollectionState.components.ManageModal />}
+        {tagsCollectionState?.tagsModalState.isOpen && (
+          <Suspense fallback={null}>
+            <tagsCollectionState.components.ManageModal />
+          </Suspense>
+        )}
         {AddApplyFiltersButton?.DiscardChangesModal && (
           <AddApplyFiltersButton.DiscardChangesModal />
         )}

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPage3588957475";
+var _namespace_ = "CollectionPage3931506834";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionPage3588957475__root"};
+export var classes = {"root":"CollectionPage3931506834__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionSectionHeader819861804";
+var _namespace_ = "CollectionSectionHeader3967961940";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionSectionHeader819861804__root","summaryIcon":"CollectionSectionHeader819861804__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader3967961940__root","summaryIcon":"CollectionSectionHeader3967961940__summaryIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTable.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTable3005289616";
+var _namespace_ = "CollectionTable2163353939";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionTable3005289616__root"};
+export var classes = {"root":"CollectionTable2163353939__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTableWSRTable923856083";
+var _namespace_ = "CollectionTableWSRTable729496674";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionTableWSRTable923856083__root"};
+export var classes = {"root":"CollectionTableWSRTable729496674__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTableWSRTable.tsx

@@ -26,6 +26,7 @@ import { CollectionToolbars } from '../CollectionToolbars/CollectionToolbars';
 import { BorderOnlyBox } from '../BorderOnlyBox';
 import { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';
 import { useIsMobile } from '../../hooks/useIsMobile';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { CollectionToolbarsVisualizationProps } from '../CollectionToolbars/CollectionToolbarsVisualization';
 import { buildMobileColumns } from './buildMobileColumns';
 import { TableColumn } from '../../model';
@@ -143,6 +144,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
   } = props;
 
   const isMobile = useIsMobile();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
   const {
     toolbar,
     showEmptyState,
@@ -186,6 +188,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
     initTask.status.isError;
 
   const showBorderBox =
+    !isBmHarmonyTheme &&
     !isPanelLayout &&
     (!table.showLoadingState || !showTitleBar) &&
     (hideTitleBar || !showTitleBar);

package/src/components/CollectionToolbar/CollectionToolbar.st.css

@@ -62,7 +62,8 @@
   margin-inline-start: 0 !important;
 }
 
-.root:mobile {
+/* Under Harmony the toolbar keeps WDS's own horizontal padding */
+.root:mobile:not(:harmony) {
   padding-right: 18px;
   padding-left: 18px;
 }

package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar1135144868";
+var _namespace_ = "CollectionToolbar3928902034";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionToolbar1135144868__root","right":"CollectionToolbar1135144868__right","left":"CollectionToolbar1135144868__left","fullWidth":"CollectionToolbar1135144868__fullWidth"};
+export var classes = {"root":"CollectionToolbar3928902034__root","right":"CollectionToolbar3928902034__right","left":"CollectionToolbar3928902034__left","fullWidth":"CollectionToolbar3928902034__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/CollectionToolbar.tsx

@@ -338,15 +338,22 @@ function _CollectionToolbar<T, F extends FiltersMap>(
       <Box direction="vertical" dataHook={dataHook}>
         <Box
           minHeight={
-            isPanelLayout ? '48px' : title?.props.subtitle ? '78px' : '60px'
+            isPanelLayout
+              ? '48px'
+              : isBmHarmonyTheme
+              ? undefined
+              : title?.props.subtitle
+              ? '78px'
+              : '60px'
           }
         >
           {state.isReorderModeToolbarVisible ? (
             dragAndDropReorderModeToolbar
           ) : (
             <TableToolbar
-              removeVerticalPadding
+              removeVerticalPadding={!isBmHarmonyTheme}
               className={st(classes.root, {
+                harmony: isBmHarmonyTheme,
                 views: !responsive.responsiveDisabled,
                 mobile: isMobile,
                 responsiveMode,

package/src/components/CollectionToolbar/ReorderModeToolbar.tsx

@@ -13,6 +13,7 @@ import { ToolbarCollectionState } from '../../state';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { setReorderModeState } from '../DragAndDrop/initReordeModeState';
 import { ReorderModeDiscardChangesModal } from './ReorderModeDiscardChangesModal';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 export interface ReorderModeToolbarBaseProps {
   learnMoreUrl?: string;
@@ -30,13 +31,17 @@ function _ReorderModeToolbar<T, F extends FiltersMap>(
   const { learnMoreUrl, reorderModeTitle, state } = props;
 
   const { translate: t } = useWixPatternsContainer();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   if (!state.reorderModeState) {
     return null;
   }
 
   return (
-    <TableToolbar removeVerticalPadding dataHook="reorder-mode-toolbar">
+    <TableToolbar
+      removeVerticalPadding={!isBmHarmonyTheme}
+      dataHook="reorder-mode-toolbar"
+    >
       <TableToolbar.ItemGroup position="start">
         <TableToolbar.Item>
           <Box gap="SP1">

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter2288498038";
+var _namespace_ = "SearchOrCustomFilter2701784152";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SearchOrCustomFilter2288498038__root","search":"SearchOrCustomFilter2288498038__search","searchMobile":"SearchOrCustomFilter2288498038__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter2701784152__root","search":"SearchOrCustomFilter2701784152__search","searchMobile":"SearchOrCustomFilter2701784152__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly1062036205";
+var _namespace_ = "AutoCompleteReadonly1431272609";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"AutoCompleteReadonly1062036205__root"};
+export var classes = {"root":"AutoCompleteReadonly1431272609__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ViewsDropdown1304636165";
+var _namespace_ = "ViewsDropdown2379817927";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ViewsDropdown1304636165__root"};
+export var classes = {"root":"ViewsDropdown2379817927__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/DragHandle/DragHandle.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle2031397306";
+var _namespace_ = "DragHandle554970627";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"DragHandle2031397306__root"};
+export var classes = {"root":"DragHandle554970627__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/EditableCell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EditableCell2438834753";
+var _namespace_ = "EditableCell3774377124";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EditableCell2438834753__root","validationIndicator":"EditableCell2438834753__validationIndicator"};
+export var classes = {"root":"EditableCell3774377124__root","validationIndicator":"EditableCell3774377124__validationIndicator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/EditableTableContextMenu.tsx

@@ -13,6 +13,7 @@ import {
   DuplicateSmall,
 } from '@wix/wix-ui-icons-common';
 import type { EditableTableState, Cell } from '../../state/EditableTable';
+import { startEditingNewRow } from './useAddRow';
 
 type ListItemActionBuilderParams = Parameters<typeof listItemActionBuilder>[0];
 
@@ -326,12 +327,12 @@ function _EditableTableContextMenu<T, F extends FiltersMap>({
         );
         const prevKey =
           rowIdx > 0 ? state.keyedItems[rowIdx - 1].key : undefined;
-        state.addItem(prevKey);
+        startEditingNewRow(state, state.addItem(prevKey));
         onClose();
         break;
       }
       case 'add-below':
-        state.addItem(targetRowKey);
+        startEditingNewRow(state, state.addItem(targetRowKey));
         onClose();
         break;
       case 'duplicate':

package/src/components/EditableTable/HeaderActionsPopover.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "HeaderActionsPopover1257689939";
+var _namespace_ = "HeaderActionsPopover4234397533";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"HeaderActionsPopover1257689939__root"};
+export var classes = {"root":"HeaderActionsPopover4234397533__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "CellViewLayout3574204162";
+var _namespace_ = "CellViewLayout749022329";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CellViewLayout3574204162__root"};
+export var classes = {"root":"CellViewLayout749022329__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/address/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1532512703";
+var _namespace_ = "Edit3533923861";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit1532512703__root","addressInput":"Edit1532512703__addressInput"};
+export var classes = {"root":"Edit3533923861__root","addressInput":"Edit3533923861__addressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/array/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2642251512";
+var _namespace_ = "Edit3170590078";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit2642251512__root","jsonInput":"Edit2642251512__jsonInput"};
+export var classes = {"root":"Edit3170590078__root","jsonInput":"Edit3170590078__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3246566280";
+var _namespace_ = "Edit1674725188";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3246566280__root","booleanEdit":"Edit3246566280__booleanEdit"};
+export var classes = {"root":"Edit1674725188__root","booleanEdit":"Edit1674725188__booleanEdit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3824637596";
+var _namespace_ = "View1980054344";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View3824637596__root","booleanView":"View3824637596__booleanView"};
+export var classes = {"root":"View1980054344__root","booleanView":"View1980054344__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/color/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3482245964";
+var _namespace_ = "Edit3835772998";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3482245964__root"};
+export var classes = {"root":"Edit3835772998__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};