@wix/patterns 1.486.0 → 1.487.0

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.486.0";
+export declare const version = "patterns@1.487.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.486.0",
+  "version": "1.487.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -229,11 +229,11 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.392.0",
-    "@wix/bex-utils": "2.179.0",
+    "@wix/bex-core": "2.393.0",
+    "@wix/bex-utils": "2.180.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.114.0",
-    "@wix/patterns-fields-utils": "1.95.0",
+    "@wix/patterns-fields": "1.115.0",
+    "@wix/patterns-fields-utils": "1.96.0",
     "@wix/sdk": "^1.15.22",
     "@wix/wix-style-react-incubator": "^3.23.1",
     "@wix/wix-ui-test-utils": "^1.1.9",
@@ -296,7 +296,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.154.0",
+    "@wix/cairo-integration-utils": "1.155.0",
     "@wix/ci-build-info": "^1.0.0",
     "@wix/crm": "^1.0.93",
     "@wix/dashboard": "^1.3.39",
@@ -458,5 +458,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "424af663149c645743363bbacad440f8a989890a5eff20b54dd18085"
+  "falconPackageHash": "6bca4b79ce6dacf6d46dda2e1da88473bff17131fe93113b0d071592"
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer2342525800";
+var _namespace_ = "CardContainer2949445228";
 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":"CardContainer2342525800__root"};
+export var classes = {"root":"CardContainer2949445228__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_ = "CmsFieldForm493100827";
+var _namespace_ = "CmsFieldForm1296678868";
 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":"CmsFieldForm493100827__root","fullBleedDivider":"CmsFieldForm493100827__fullBleedDivider"};
+export var classes = {"root":"CmsFieldForm1296678868__root","fullBleedDivider":"CmsFieldForm1296678868__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_ = "CmsFieldModal2067729523";
+var _namespace_ = "CmsFieldModal564083884";
 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":"CmsFieldModal2067729523__root","modal":"CmsFieldModal2067729523__modal"};
+export var classes = {"root":"CmsFieldModal564083884__root","modal":"CmsFieldModal564083884__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_ = "ValidationAndDefaultsSection1323600397";
+var _namespace_ = "ValidationAndDefaultsSection1151889593";
 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":"ValidationAndDefaultsSection1323600397__root","accordionWrapper":"ValidationAndDefaultsSection1323600397__accordionWrapper"};
+export var classes = {"root":"ValidationAndDefaultsSection1151889593__root","accordionWrapper":"ValidationAndDefaultsSection1151889593__accordionWrapper"};
 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_ = "Collapse139149974";
+var _namespace_ = "Collapse53237594";
 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":"Collapse139149974__root","exit":"Collapse139149974__exit"};
+export var classes = {"root":"Collapse53237594__root","exit":"Collapse53237594__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPage2064924607";
+var _namespace_ = "CollectionPage3498715049";
 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":"CollectionPage2064924607__root"};
+export var classes = {"root":"CollectionPage3498715049__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_ = "CollectionSectionHeader2362009162";
+var _namespace_ = "CollectionSectionHeader2866762432";
 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":"CollectionSectionHeader2362009162__root","summaryIcon":"CollectionSectionHeader2362009162__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader2866762432__root","summaryIcon":"CollectionSectionHeader2866762432__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_ = "CollectionTable2921112123";
+var _namespace_ = "CollectionTable2413602849";
 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":"CollectionTable2921112123__root"};
+export var classes = {"root":"CollectionTable2413602849__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_ = "CollectionTableWSRTable2562673435";
+var _namespace_ = "CollectionTableWSRTable1156979414";
 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":"CollectionTableWSRTable2562673435__root","titlebar":"CollectionTableWSRTable2562673435__titlebar"};
+export var classes = {"root":"CollectionTableWSRTable1156979414__root","titlebar":"CollectionTableWSRTable1156979414__titlebar"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar1613799043";
+var _namespace_ = "CollectionToolbar1834635222";
 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":"CollectionToolbar1613799043__root","right":"CollectionToolbar1613799043__right","left":"CollectionToolbar1613799043__left","fullWidth":"CollectionToolbar1613799043__fullWidth"};
+export var classes = {"root":"CollectionToolbar1834635222__root","right":"CollectionToolbar1834635222__right","left":"CollectionToolbar1834635222__left","fullWidth":"CollectionToolbar1834635222__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter1988598755";
+var _namespace_ = "SearchOrCustomFilter826767489";
 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":"SearchOrCustomFilter1988598755__root","search":"SearchOrCustomFilter1988598755__search","searchMobile":"SearchOrCustomFilter1988598755__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter826767489__root","search":"SearchOrCustomFilter826767489__search","searchMobile":"SearchOrCustomFilter826767489__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbarFilters/CollectionToolbarFilters.tsx

@@ -50,6 +50,13 @@ export interface CollectionToolbarFiltersProps {
   onSearchAppliedFilterTagRemove?: (item: string) => unknown;
   onSubToolbarClearButtonClicked?: () => unknown;
   hideAppliedFiltersTagList?: boolean;
+  /**
+   * Shows the filters button as an icon with a tooltip instead of a labeled button.
+   * When filters are applied, their count is shown as a badge on the icon.
+   * @default false
+   * @external
+   */
+  minimized?: boolean;
 }
 
 /**
@@ -81,6 +88,7 @@ function _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {
     onSubToolbarClearButtonClicked,
     hideAppliedFiltersTagList,
     useNewFilters,
+    minimized,
   } = props;
 
   const childrenArr = useFiltersSyncProps(children);
@@ -190,7 +198,9 @@ function _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {
 
   useEffect(() => {
     if (showFiltersPanelButton) {
-      state.featuredComponents.moreFiltersButton.set(() => <MoreFiltersCTA />);
+      state.featuredComponents.moreFiltersButton.set(() => (
+        <MoreFiltersCTA minimized={minimized} />
+      ));
 
       return () => {
         state.featuredComponents.moreFiltersButton.set(null);
@@ -200,7 +210,7 @@ function _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {
     state.featuredComponents.moreFiltersButton.set(null);
 
     return;
-  }, [showFiltersPanelButton]);
+  }, [showFiltersPanelButton, minimized]);
 
   const [tagListState] = useState(
     () =>
@@ -243,8 +253,16 @@ function _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {
         const toolbarLabel = filterProps.toolbarItemProps?.label;
         let label: React.ReactNode = showLabels && toolbarLabel;
         if (showFieldTypeIcons && showLabels && toolbarLabel) {
-          const toolbarIcon = getFieldTypeIcon({ fieldType: filterProps.fieldType, size: 'medium' });
-          label = <Box gap="SP1" verticalAlign="middle">{toolbarIcon}{toolbarLabel}</Box>;
+          const toolbarIcon = getFieldTypeIcon({
+            fieldType: filterProps.fieldType,
+            size: 'medium',
+          });
+          label = (
+            <Box gap="SP1" verticalAlign="middle">
+              {toolbarIcon}
+              {toolbarLabel}
+            </Box>
+          );
         }
 
         return (

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly2722372278";
+var _namespace_ = "AutoCompleteReadonly2626261306";
 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":"AutoCompleteReadonly2722372278__root"};
+export var classes = {"root":"AutoCompleteReadonly2626261306__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_ = "ViewsDropdown3639349405";
+var _namespace_ = "ViewsDropdown3406552625";
 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":"ViewsDropdown3639349405__root"};
+export var classes = {"root":"ViewsDropdown3406552625__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CustomFieldFormPiiFields2505415250";
+var _namespace_ = "CustomFieldFormPiiFields2944797028";
 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":"CustomFieldFormPiiFields2505415250__root","tooltipText":"CustomFieldFormPiiFields2505415250__tooltipText"};
+export var classes = {"root":"CustomFieldFormPiiFields2944797028__root","tooltipText":"CustomFieldFormPiiFields2944797028__tooltipText"};
 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_ = "DragHandle35182140";
+var _namespace_ = "DragHandle1129132492";
 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":"DragHandle35182140__root"};
+export var classes = {"root":"DragHandle1129132492__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_ = "EditableCell1442609629";
+var _namespace_ = "EditableCell584301989";
 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":"EditableCell1442609629__root","errorMessage":"EditableCell1442609629__errorMessage"};
+export var classes = {"root":"EditableCell584301989__root","errorMessage":"EditableCell584301989__errorMessage"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/EditableCell.tsx

@@ -40,6 +40,7 @@ function _EditableCell<T, F extends FiltersMap>({
   const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);
   const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);
   const isEditable = state.isCellEditable(rowKey, columnId);
+  const canEdit = state.canEditCell(rowKey, columnId);
 
   const handleClick = useCallback(
     (e: React.MouseEvent) => {
@@ -159,8 +160,7 @@ function _EditableCell<T, F extends FiltersMap>({
   const showEdit =
     (isEditing ||
       (isFocused &&
-        isEditable &&
-        !state.updateItemDisabled &&
+        canEdit &&
         (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&
     EditComponent;
 
@@ -189,7 +189,7 @@ function _EditableCell<T, F extends FiltersMap>({
       validation={column.validation}
       columnId={columnId}
       rowKey={rowKey}
-      isEditable={isEditable}
+      isEditable={canEdit}
     />
   );
 

package/src/components/EditableTable/EditableCell.uni.driver.ts

@@ -7,6 +7,8 @@ import { BooleanEditUniDriver } from './cellTypes/boolean/Edit.uni.driver';
 import { SpecificValuesEditUniDriver } from './cellTypes/text/SpecificValuesEdit.uni.driver';
 import { DateEditUniDriver } from './cellTypes/date/Edit.uni.driver';
 import { ReferenceEditUniDriver } from './cellTypes/reference/Edit.uni.driver';
+import { ReferenceViewUniDriver } from './cellTypes/reference/View.uni.driver';
+import { MultiReferenceViewUniDriver } from './cellTypes/multiReference/View.uni.driver';
 import { AddressEditUniDriver } from './cellTypes/address/Edit.uni.driver';
 import { ObjectEditUniDriver } from './cellTypes/object/Edit.uni.driver';
 
@@ -90,6 +92,12 @@ export function EditableCellUniDriver(base: UniDriver, body: UniDriver) {
     /** Get the reference cell edit driver (for reference columns) */
     getReferenceEdit: () => ReferenceEditUniDriver(base, body),
 
+    /** Get the reference cell view driver (for reference columns) */
+    getReferenceView: () => ReferenceViewUniDriver(base, body),
+
+    /** Get the multi-reference cell view driver (for multi-reference columns) */
+    getMultiReferenceView: () => MultiReferenceViewUniDriver(base, body),
+
     getAddressEdit: () => AddressEditUniDriver(base, body),
 
     /** Get the object (JSON) cell edit driver (for object columns) */

package/src/components/EditableTable/EditableColumnHeader.uni.driver.ts

@@ -13,7 +13,7 @@ export function EditableColumnHeaderUniDriver(
     const dataHook = await base.attr('data-hook');
     return (
       PopoverMenuUniDriver as UniDriverFactory<PopoverMenuUniDriverFactory>
-    )(body.$(`[data-hook="${dataHook}-menu"]`), body);
+    )(base.$(`[data-hook="${dataHook}-menu"]`), body);
   };
 
   return {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "HeaderActionsPopover3888555355";
+var _namespace_ = "HeaderActionsPopover3515449130";
 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":"HeaderActionsPopover3888555355__root"};
+export var classes = {"root":"HeaderActionsPopover3515449130__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_ = "CellViewLayout2406004452";
+var _namespace_ = "CellViewLayout1503110354";
 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":"CellViewLayout2406004452__root"};
+export var classes = {"root":"CellViewLayout1503110354__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "JsonInputEdit3906147003";
+var _namespace_ = "JsonInputEdit1023216929";
 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":"JsonInputEdit3906147003__root","jsonInput":"JsonInputEdit3906147003__jsonInput"};
+export var classes = {"root":"JsonInputEdit1023216929__root","jsonInput":"JsonInputEdit1023216929__jsonInput"};
 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_ = "Edit508883110";
+var _namespace_ = "Edit75300814";
 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":"Edit508883110__root","addressInput":"Edit508883110__addressInput"};
+export var classes = {"root":"Edit75300814__root","addressInput":"Edit75300814__addressInput"};
 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_ = "Edit733540309";
+var _namespace_ = "Edit3385458459";
 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":"Edit733540309__root","booleanEdit":"Edit733540309__booleanEdit"};
+export var classes = {"root":"Edit3385458459__root","booleanEdit":"Edit3385458459__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_ = "View2378345502";
+var _namespace_ = "View797836856";
 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":"View2378345502__root","booleanView":"View2378345502__booleanView"};
+export var classes = {"root":"View797836856__root","booleanView":"View797836856__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_ = "Edit1910903497";
+var _namespace_ = "Edit609728188";
 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":"Edit1910903497__root"};
+export var classes = {"root":"Edit609728188__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit316969459";
+var _namespace_ = "Edit3687966873";
 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":"Edit316969459__root","dateInput":"Edit316969459__dateInput"};
+export var classes = {"root":"Edit3687966873__root","dateInput":"Edit3687966873__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3349874550";
+var _namespace_ = "View745981880";
 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":"View3349874550__root"};
+export var classes = {"root":"View745981880__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};