@wix/patterns 1.485.0 → 1.487.0

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.485.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.485.0",
+  "version": "1.487.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -204,6 +204,8 @@
     "dist/templates",
     "dist/dts-bundle",
     "!dist/**/__tests__",
+    "bin",
+    "!bin/**/__tests__",
     "src",
     "!src/**/__tests__",
     "bm",
@@ -227,11 +229,11 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.391.0",
-    "@wix/bex-utils": "2.178.0",
+    "@wix/bex-core": "2.393.0",
+    "@wix/bex-utils": "2.180.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.113.0",
-    "@wix/patterns-fields-utils": "1.94.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",
@@ -294,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.153.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",
@@ -456,5 +458,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "30930059a4f1ec30ef8685e95ab7aa46913b6f996b8270aca0fecc93"
+  "falconPackageHash": "6bca4b79ce6dacf6d46dda2e1da88473bff17131fe93113b0d071592"
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer2355255340";
+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":"CardContainer2355255340__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_ = "CmsFieldForm3002616328";
+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":"CmsFieldForm3002616328__root","fullBleedDivider":"CmsFieldForm3002616328__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_ = "CmsFieldModal68229072";
+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":"CmsFieldModal68229072__root","modal":"CmsFieldModal68229072__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_ = "ValidationAndDefaultsSection155636651";
+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":"ValidationAndDefaultsSection155636651__root","accordionWrapper":"ValidationAndDefaultsSection155636651__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_ = "Collapse206202394";
+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":"Collapse206202394__root","exit":"Collapse206202394__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_ = "CollectionPage492482884";
+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":"CollectionPage492482884__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_ = "CollectionSectionHeader3814835760";
+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":"CollectionSectionHeader3814835760__root","summaryIcon":"CollectionSectionHeader3814835760__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_ = "CollectionTable1974065091";
+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":"CollectionTable1974065091__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_ = "CollectionTableWSRTable2872234387";
+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":"CollectionTableWSRTable2872234387__root","titlebar":"CollectionTableWSRTable2872234387__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_ = "CollectionToolbar3055898300";
+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":"CollectionToolbar3055898300__root","right":"CollectionToolbar3055898300__right","left":"CollectionToolbar3055898300__left","fullWidth":"CollectionToolbar3055898300__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_ = "SearchOrCustomFilter2789013570";
+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":"SearchOrCustomFilter2789013570__root","search":"SearchOrCustomFilter2789013570__search","searchMobile":"SearchOrCustomFilter2789013570__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_ = "AutoCompleteReadonly3864785655";
+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":"AutoCompleteReadonly3864785655__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_ = "ViewsDropdown916947380";
+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":"ViewsDropdown916947380__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_ = "CustomFieldFormPiiFields2578249532";
+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":"CustomFieldFormPiiFields2578249532__root","tooltipText":"CustomFieldFormPiiFields2578249532__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_ = "DragHandle3351900768";
+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":"DragHandle3351900768__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_ = "EditableCell3628418493";
+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":"EditableCell3628418493__root","errorMessage":"EditableCell3628418493__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_ = "HeaderActionsPopover1372624413";
+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":"HeaderActionsPopover1372624413__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_ = "CellViewLayout481048214";
+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":"CellViewLayout481048214__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_ = "JsonInputEdit1882126219";
+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":"JsonInputEdit1882126219__root","jsonInput":"JsonInputEdit1882126219__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_ = "Edit3793023793";
+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":"Edit3793023793__root","addressInput":"Edit3793023793__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_ = "Edit789714172";
+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":"Edit789714172__root","booleanEdit":"Edit789714172__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_ = "View862316425";
+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":"View862316425__root","booleanView":"View862316425__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_ = "Edit2553639337";
+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":"Edit2553639337__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_ = "Edit4031010177";
+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":"Edit4031010177__root","dateInput":"Edit4031010177__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_ = "View3168339956";
+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":"View3168339956__root"};
+export var classes = {"root":"View745981880__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};