@wix/patterns 1.411.0 → 1.412.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionSectionHeader3643484148";
+var _namespace_ = "CollectionSectionHeader1240770117";
 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":"CollectionSectionHeader3643484148__root","summaryIcon":"CollectionSectionHeader3643484148__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader1240770117__root","summaryIcon":"CollectionSectionHeader1240770117__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_ = "CollectionTable1230620941";
+var _namespace_ = "CollectionTable2901729422";
 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":"CollectionTable1230620941__root"};
+export var classes = {"root":"CollectionTable2901729422__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_ = "CollectionTableWSRTable4147669788";
+var _namespace_ = "CollectionTableWSRTable1598379072";
 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":"CollectionTableWSRTable4147669788__root"};
+export var classes = {"root":"CollectionTableWSRTable1598379072__root"};
 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_ = "CollectionToolbar2951318927";
+var _namespace_ = "CollectionToolbar3020665292";
 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":"CollectionToolbar2951318927__root","left":"CollectionToolbar2951318927__left","right":"CollectionToolbar2951318927__right","fullWidth":"CollectionToolbar2951318927__fullWidth"};
+export var classes = {"root":"CollectionToolbar3020665292__root","left":"CollectionToolbar3020665292__left","right":"CollectionToolbar3020665292__right","fullWidth":"CollectionToolbar3020665292__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_ = "SearchOrCustomFilter466050147";
+var _namespace_ = "SearchOrCustomFilter3625383810";
 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":"SearchOrCustomFilter466050147__root","search":"SearchOrCustomFilter466050147__search","searchMobile":"SearchOrCustomFilter466050147__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter3625383810__root","search":"SearchOrCustomFilter3625383810__search","searchMobile":"SearchOrCustomFilter3625383810__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_ = "AutoCompleteReadonly4082699328";
+var _namespace_ = "AutoCompleteReadonly1864659102";
 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":"AutoCompleteReadonly4082699328__root"};
+export var classes = {"root":"AutoCompleteReadonly1864659102__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_ = "ViewsDropdown4235148408";
+var _namespace_ = "ViewsDropdown3842440393";
 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":"ViewsDropdown4235148408__root"};
+export var classes = {"root":"ViewsDropdown3842440393__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_ = "DragHandle1579209859";
+var _namespace_ = "DragHandle2685298235";
 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":"DragHandle1579209859__root"};
+export var classes = {"root":"DragHandle2685298235__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -11,6 +11,7 @@
 
 .root {
   -st-states: editing, focused, selected, invalid, typeToEdit, showEditWhenFocused,
+    growable,
     selectionTop, selectionBottom, selectionLeft, selectionRight,
     copiedTop, copiedBottom, copiedLeft, copiedRight;
   display: flex;
@@ -54,6 +55,18 @@
   min-height: 100%;
 }
 
+/* :growable showEditWhenFocused cells (e.g. multi-document) can wrap content
+   past row height. Release the bottom anchor and lay an opaque D80 base under
+   the :selected blue tint so the overflow area doesn't reveal adjacent rows.
+   z-index lifts the overflow above neighboring cells. */
+.root:focused:growable {
+  background-color: var(--wsr-color-D80);
+  background-image: linear-gradient(rgba(56, 153, 236, 0.08), rgba(56, 153, 236, 0.08));
+  bottom: auto;
+  min-height: 100%;
+  z-index: 3;
+}
+
 /* showEditWhenFocused cells: when a button inside has focus (inner focus),
    show the editing ring and allow button focus rings to render unclipped.
    isEditing is false here, so we use data-inner-focused set by the EditComponent. */

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EditableCell1458997303";
+var _namespace_ = "EditableCell922918816";
 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":"EditableCell1458997303__root","validationIndicator":"EditableCell1458997303__validationIndicator"};
+export var classes = {"root":"EditableCell922918816__root","validationIndicator":"EditableCell922918816__validationIndicator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/EditableCell.tsx

@@ -147,6 +147,7 @@ function _EditableCell<T, F extends FiltersMap>({
         invalid: !cellValidation.valid,
         typeToEdit: !!resolved.onTypeToEdit,
         showEditWhenFocused: !!resolved.showEditWhenFocused,
+        growable: !!resolved.growable,
         selectionTop: selectionBorder.top,
         selectionBottom: selectionBorder.bottom,
         selectionLeft: selectionBorder.left,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "HeaderActionsPopover773944543";
+var _namespace_ = "HeaderActionsPopover3201155258";
 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":"HeaderActionsPopover773944543__root"};
+export var classes = {"root":"HeaderActionsPopover3201155258__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_ = "CellViewLayout922565407";
+var _namespace_ = "CellViewLayout3119904669";
 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":"CellViewLayout922565407__root"};
+export var classes = {"root":"CellViewLayout3119904669__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_ = "Edit1757679255";
+var _namespace_ = "Edit2312380854";
 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":"Edit1757679255__root","addressInput":"Edit1757679255__addressInput"};
+export var classes = {"root":"Edit2312380854__root","addressInput":"Edit2312380854__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_ = "Edit2038218046";
+var _namespace_ = "Edit842401365";
 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":"Edit2038218046__root","booleanEdit":"Edit2038218046__booleanEdit"};
+export var classes = {"root":"Edit842401365__root","booleanEdit":"Edit842401365__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_ = "View1352503750";
+var _namespace_ = "View3852818403";
 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":"View1352503750__root","booleanView":"View1352503750__booleanView"};
+export var classes = {"root":"View3852818403__root","booleanView":"View3852818403__booleanView"};
 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_ = "Edit3480508175";
+var _namespace_ = "Edit1070022648";
 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":"Edit3480508175__root","dateInput":"Edit3480508175__dateInput"};
+export var classes = {"root":"Edit1070022648__root","dateInput":"Edit1070022648__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_ = "View1546673352";
+var _namespace_ = "View2858652468";
 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":"View1546673352__root"};
+export var classes = {"root":"View2858652468__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1040309561";
+var _namespace_ = "Edit1093456220";
 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":"Edit1040309561__root","emailInput":"Edit1040309561__emailInput"};
+export var classes = {"root":"Edit1093456220__root","emailInput":"Edit1093456220__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/EditableTable/cellTypes/index.ts

@@ -9,6 +9,7 @@ import { emailCellType } from './email';
 import { objectCellType } from './object';
 import { imageCellType } from './image';
 import { documentCellType } from './document';
+import { multiDocumentCellType } from './multiDocument';
 import { richContentCellType } from './richContent';
 import { videoCellType } from './video';
 import { audioCellType } from './audio';
@@ -28,6 +29,7 @@ export {
   objectCellType,
   imageCellType,
   documentCellType,
+  multiDocumentCellType,
   richContentCellType,
   videoCellType,
   audioCellType,
@@ -49,6 +51,7 @@ export const builtInCellTypes: CellType[] = [
   objectCellType,
   imageCellType,
   documentCellType,
+  multiDocumentCellType,
   richContentCellType,
   videoCellType,
   audioCellType,

package/src/components/EditableTable/cellTypes/multiDocument/Edit.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { CellMultiDocumentEdit } from '@wix/patterns-fields';
+import type { CellEditProps } from '../../types';
+
+export const MultiDocumentEdit: React.FC<CellEditProps<string[] | null>> = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  onStartEdit,
+  inputRef,
+  columnId,
+  rowKey,
+}) => (
+  <CellMultiDocumentEdit
+    value={value}
+    onChange={onChange}
+    onCommit={onCommit}
+    onCancel={onCancel}
+    onStartEdit={onStartEdit}
+    inputRef={inputRef}
+    dataHook="multi-document-edit"
+    fieldId={`multi-document-edit-${columnId}-${rowKey}`}
+  />
+);

package/src/components/EditableTable/cellTypes/multiDocument/Edit.uni.driver.ts

@@ -0,0 +1,16 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function MultiDocumentEditUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    hasAddButton: () =>
+      base.$('[data-hook="multi-document-edit-add-button"]').exists(),
+    hasPasteUrlButton: () =>
+      base.$('[data-hook="multi-document-edit-paste-url-button"]').exists(),
+    getTagsCount: () =>
+      base.$$('[data-hook="multi-document-edit-tag"]').count(),
+    isLoading: () =>
+      base.$('[data-hook="multi-document-edit"] [data-hook="loader"]').exists(),
+  };
+}

package/src/components/EditableTable/cellTypes/multiDocument/View.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CellMultiDocumentView } from '@wix/patterns-fields';
+import type { CellViewProps } from '../../types';
+
+export const MultiDocumentView: React.FC<CellViewProps<string[] | null>> = ({
+  value,
+  columnId,
+  rowKey,
+}) => (
+  <CellMultiDocumentView
+    value={value}
+    dataHook="multi-document-view"
+    fieldId={`multi-document-view-${columnId}-${rowKey}`}
+  />
+);

package/src/components/EditableTable/cellTypes/multiDocument/View.uni.driver.ts

@@ -0,0 +1,15 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function MultiDocumentViewUniDriver(base: UniDriver, _body: UniDriver) {
+  const tags = () => base.$$('[data-hook="cell-multi-document-tag"]');
+  const overflow = () => base.$('[data-hook="tag-list-overflow-chip"]');
+  return {
+    ...baseUniDriverFactory(base),
+    hasTags: async () => (await tags().count()) > 0,
+    getTagsCount: () => tags().count(),
+    isEmpty: async () => !(await base.$('[data-hook="cell-multi-document-tags"]').exists()),
+    hasOverflowChip: () => overflow().exists(),
+    getOverflowChipText: async () => (await overflow().text()) ?? '',
+  };
+}

package/src/components/EditableTable/cellTypes/multiDocument/index.ts

@@ -0,0 +1,19 @@
+import { defineCellType } from '../../types';
+import { MultiDocumentView } from './View';
+import { MultiDocumentEdit } from './Edit';
+
+export { MultiDocumentView, MultiDocumentEdit };
+
+export const multiDocumentCellType = defineCellType<string[] | null>({
+  type: 'multiDocument',
+  ViewComponent: MultiDocumentView,
+  EditComponent: MultiDocumentEdit,
+  serialize: (value) => (value ?? []).join(', '),
+  clearable: true,
+  showEditWhenFocused: true,
+  growable: true,
+  // Returning undefined blocks all key presses from starting type-to-edit, but
+  // the presence of the function sets the :typeToEdit CSS modifier which keeps
+  // the selection borders visible while the cell is in edit mode (double border).
+  onTypeToEdit: () => undefined,
+});

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3841172677";
+var _namespace_ = "Edit1055727097";
 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":"Edit3841172677__root","numberInput":"Edit3841172677__numberInput"};
+export var classes = {"root":"Edit1055727097__root","numberInput":"Edit1055727097__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View4178920715";
+var _namespace_ = "View543634184";
 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":"View4178920715__root","textView":"View4178920715__textView"};
+export var classes = {"root":"View543634184__root","textView":"View543634184__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3430547713";
+var _namespace_ = "Edit306900703";
 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":"Edit3430547713__root","jsonInput":"Edit3430547713__jsonInput"};
+export var classes = {"root":"Edit306900703__root","jsonInput":"Edit306900703__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit666108324";
+var _namespace_ = "Edit1498785548";
 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":"Edit666108324__root","selectInput":"Edit666108324__selectInput"};
+export var classes = {"root":"Edit1498785548__root","selectInput":"Edit1498785548__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3519473897";
+var _namespace_ = "Edit3584983746";
 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":"Edit3519473897__root","editWrapper":"Edit3519473897__editWrapper","inputArea":"Edit3519473897__inputArea"};
+export var classes = {"root":"Edit3584983746__root","editWrapper":"Edit3584983746__editWrapper","inputArea":"Edit3584983746__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3424681652";
+var _namespace_ = "Edit3688772027";
 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":"Edit3424681652__root","wrapper":"Edit3424681652__wrapper","overlay":"Edit3424681652__overlay"};
+export var classes = {"root":"Edit3688772027__root","wrapper":"Edit3688772027__wrapper","overlay":"Edit3688772027__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};