@wix/patterns 1.489.0 → 1.490.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTableWSRTable4123018196";
+var _namespace_ = "CollectionTableWSRTable4022744693";
 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":"CollectionTableWSRTable4123018196__root","titlebar":"CollectionTableWSRTable4123018196__titlebar"};
+export var classes = {"root":"CollectionTableWSRTable4022744693__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTableWSRTable.tsx

@@ -313,9 +313,6 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
               {!hideTitleBar && (
                 <div
                   data-hook="titlebar-a11y-wrapper"
-                  className={wsrTableSt(wsrTableClasses.titlebar, {
-                    harmony: isBmHarmonyTheme,
-                  })}
                   ref={(el) => {
                     table.headerElement = el;
                   }}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar138452636";
+var _namespace_ = "CollectionToolbar3460918070";
 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":"CollectionToolbar138452636__root","right":"CollectionToolbar138452636__right","left":"CollectionToolbar138452636__left","fullWidth":"CollectionToolbar138452636__fullWidth"};
+export var classes = {"root":"CollectionToolbar3460918070__root","right":"CollectionToolbar3460918070__right","left":"CollectionToolbar3460918070__left","fullWidth":"CollectionToolbar3460918070__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_ = "SearchOrCustomFilter2631540064";
+var _namespace_ = "SearchOrCustomFilter3884116965";
 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":"SearchOrCustomFilter2631540064__root","search":"SearchOrCustomFilter2631540064__search","searchMobile":"SearchOrCustomFilter2631540064__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter3884116965__root","search":"SearchOrCustomFilter3884116965__search","searchMobile":"SearchOrCustomFilter3884116965__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_ = "AutoCompleteReadonly2847630252";
+var _namespace_ = "AutoCompleteReadonly1728726107";
 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":"AutoCompleteReadonly2847630252__root"};
+export var classes = {"root":"AutoCompleteReadonly1728726107__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_ = "ViewsDropdown2244481173";
+var _namespace_ = "ViewsDropdown4246403159";
 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":"ViewsDropdown2244481173__root"};
+export var classes = {"root":"ViewsDropdown4246403159__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_ = "CustomFieldFormPiiFields3354195506";
+var _namespace_ = "CustomFieldFormPiiFields4233075952";
 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":"CustomFieldFormPiiFields3354195506__root","tooltipText":"CustomFieldFormPiiFields3354195506__tooltipText"};
+export var classes = {"root":"CustomFieldFormPiiFields4233075952__root","tooltipText":"CustomFieldFormPiiFields4233075952__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_ = "DragHandle1510203898";
+var _namespace_ = "DragHandle3537939762";
 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":"DragHandle1510203898__root"};
+export var classes = {"root":"DragHandle3537939762__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_ = "EditableCell2863863235";
+var _namespace_ = "EditableCell3365856660";
 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":"EditableCell2863863235__root","errorMessage":"EditableCell2863863235__errorMessage"};
+export var classes = {"root":"EditableCell3365856660__root","errorMessage":"EditableCell3365856660__errorMessage"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/EditableCell.tsx

@@ -39,7 +39,6 @@ function _EditableCell<T, F extends FiltersMap>({
   const isRowActive = cellInteraction.isRowActive(rowKey);
   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(
@@ -208,7 +207,7 @@ function _EditableCell<T, F extends FiltersMap>({
           rowActive: isRowActive,
           rangeSelected: isSelected && isRangeSelection,
           invalid: !cellValidation.valid,
-          readOnly: !isEditable,
+          readOnly: !canEdit,
           showEditWhenFocused: !!resolved.showEditWhenFocused,
           growable: !!resolved.growable,
           selectionTop: isRangeSelection && selectionBorder.top,
@@ -226,7 +225,7 @@ function _EditableCell<T, F extends FiltersMap>({
         onKeyDown={cellKeyboard.onKeyDown}
         role="gridcell"
         aria-selected={isSelected}
-        aria-readonly={!isEditable}
+        aria-readonly={!canEdit}
         aria-invalid={!cellValidation.valid || undefined}
         tabIndex={isFocused ? 0 : -1}
         data-row-key={rowKey}

package/src/components/EditableTable/EditableTableContextMenu.tsx

@@ -30,9 +30,10 @@ export interface EditableTableContextMenuProps<T, F extends FiltersMap> {
 }
 
 const MENU_WIDTH = 230;
-const ITEM_HEIGHT = 36;
+const ITEM_HEIGHT = 30;
 const DIVIDER_HEIGHT = 9;
-const PADDING = 16;
+const POSITIONING_ALLOWANCE = 16;
+const SURFACE_PADDING_Y = 12;
 const OFFSET_X = 4;
 const OFFSET_Y = 4;
 const CONTEXT_MENU_Z_INDEX = 5001;
@@ -56,7 +57,7 @@ const buildMenuAction = ({
   disabledDescription,
   ...params
 }: ListItemActionBuilderParams) => {
-  const built = listItemActionBuilder(params);
+  const built = listItemActionBuilder({ ...params, size: 'small' });
   if (!params.disabled || !disabledDescription) {
     return built;
   }
@@ -380,7 +381,10 @@ function _EditableTableContextMenu<T, F extends FiltersMap>({
   ).length;
   const itemCount = options.length - dividerCount;
   const estimatedHeight =
-    itemCount * ITEM_HEIGHT + dividerCount * DIVIDER_HEIGHT + PADDING;
+    itemCount * ITEM_HEIGHT +
+    dividerCount * DIVIDER_HEIGHT +
+    SURFACE_PADDING_Y * 2 +
+    POSITIONING_ALLOWANCE;
 
   const x =
     position.x + OFFSET_X + MENU_WIDTH > window.innerWidth
@@ -403,6 +407,7 @@ function _EditableTableContextMenu<T, F extends FiltersMap>({
         background: SURFACE_BACKGROUND,
         borderRadius: SURFACE_BORDER_RADIUS,
         boxShadow: SURFACE_BOX_SHADOW,
+        padding: `var(--wds-space-200, ${SURFACE_PADDING_Y}px) 0`,
         overflow: 'hidden',
       }}
       onMouseDown={(e) => e.preventDefault()}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "HeaderActionsPopover888359693";
+var _namespace_ = "HeaderActionsPopover2830050295";
 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":"HeaderActionsPopover888359693__root"};
+export var classes = {"root":"HeaderActionsPopover2830050295__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_ = "CellViewLayout1471818589";
+var _namespace_ = "CellViewLayout2221717929";
 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":"CellViewLayout1471818589__root"};
+export var classes = {"root":"CellViewLayout2221717929__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_ = "JsonInputEdit1323796447";
+var _namespace_ = "JsonInputEdit3646778353";
 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":"JsonInputEdit1323796447__root","jsonInput":"JsonInputEdit1323796447__jsonInput"};
+export var classes = {"root":"JsonInputEdit3646778353__root","jsonInput":"JsonInputEdit3646778353__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_ = "Edit1758884413";
+var _namespace_ = "Edit1752151420";
 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":"Edit1758884413__root","addressInput":"Edit1758884413__addressInput"};
+export var classes = {"root":"Edit1752151420__root","addressInput":"Edit1752151420__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_ = "Edit2585657898";
+var _namespace_ = "Edit1805069588";
 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":"Edit2585657898__root","booleanEdit":"Edit2585657898__booleanEdit"};
+export var classes = {"root":"Edit1805069588__root","booleanEdit":"Edit1805069588__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_ = "View3337898101";
+var _namespace_ = "View1553330096";
 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":"View3337898101__root","booleanView":"View3337898101__booleanView"};
+export var classes = {"root":"View1553330096__root","booleanView":"View1553330096__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_ = "Edit1540632276";
+var _namespace_ = "Edit2985400601";
 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":"Edit1540632276__root"};
+export var classes = {"root":"Edit2985400601__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_ = "Edit3653339447";
+var _namespace_ = "Edit2921261578";
 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":"Edit3653339447__root","dateInput":"Edit3653339447__dateInput"};
+export var classes = {"root":"Edit2921261578__root","dateInput":"Edit2921261578__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_ = "View1526289710";
+var _namespace_ = "View3139048260";
 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":"View1526289710__root"};
+export var classes = {"root":"View3139048260__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3097552316";
+var _namespace_ = "Edit1752866593";
 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":"Edit3097552316__root","half":"Edit3097552316__half","dateHalf":"Edit3097552316__dateHalf Edit3097552316__half","timeHalf":"Edit3097552316__timeHalf Edit3097552316__half","divider":"Edit3097552316__divider","passiveText":"Edit3097552316__passiveText","placeholderText":"Edit3097552316__placeholderText Edit3097552316__passiveText"};
+export var classes = {"root":"Edit1752866593__root","half":"Edit1752866593__half","dateHalf":"Edit1752866593__dateHalf Edit1752866593__half","timeHalf":"Edit1752866593__timeHalf Edit1752866593__half","divider":"Edit1752866593__divider","passiveText":"Edit1752866593__passiveText","placeholderText":"Edit1752866593__placeholderText Edit1752866593__passiveText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View4161902837";
+var _namespace_ = "View868691029";
 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":"View4161902837__root","leaf":"View4161902837__leaf","datePart":"View4161902837__datePart View4161902837__leaf","timePart":"View4161902837__timePart View4161902837__leaf","placeholder":"View4161902837__placeholder View4161902837__leaf","divider":"View4161902837__divider"};
+export var classes = {"root":"View868691029__root","leaf":"View868691029__leaf","datePart":"View868691029__datePart View868691029__leaf","timePart":"View868691029__timePart View868691029__leaf","placeholder":"View868691029__placeholder View868691029__leaf","divider":"View868691029__divider"};
 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_ = "Edit2757947987";
+var _namespace_ = "Edit1886161632";
 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":"Edit2757947987__root","emailInput":"Edit2757947987__emailInput"};
+export var classes = {"root":"Edit1886161632__root","emailInput":"Edit1886161632__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_ = "View3816612283";
+var _namespace_ = "View3253746463";
 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":"View3816612283__root"};
+export var classes = {"root":"View3253746463__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2611956171";
+var _namespace_ = "Edit2300028794";
 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":"Edit2611956171__root","numberInput":"Edit2611956171__numberInput"};
+export var classes = {"root":"Edit2300028794__root","numberInput":"Edit2300028794__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_ = "View520455076";
+var _namespace_ = "View3544775576";
 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":"View520455076__root","textView":"View520455076__textView"};
+export var classes = {"root":"View3544775576__root","textView":"View3544775576__textView"};
 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_ = "View53998113";
+var _namespace_ = "View3973601946";
 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":"View53998113__root"};
+export var classes = {"root":"View3973601946__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/reference/EmptyReferenceView.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "EmptyReferenceView2001486617";
+var _namespace_ = "EmptyReferenceView4149596897";
 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":"EmptyReferenceView2001486617__root","placeholder":"EmptyReferenceView2001486617__placeholder","placeholderIcon":"EmptyReferenceView2001486617__placeholderIcon","placeholderText":"EmptyReferenceView2001486617__placeholderText","arrow":"EmptyReferenceView2001486617__arrow"};
+export var classes = {"root":"EmptyReferenceView4149596897__root","placeholder":"EmptyReferenceView4149596897__placeholder","placeholderIcon":"EmptyReferenceView4149596897__placeholderIcon","placeholderText":"EmptyReferenceView4149596897__placeholderText","arrow":"EmptyReferenceView4149596897__arrow"};
 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_ = "Edit363092264";
+var _namespace_ = "Edit2722278753";
 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":"Edit363092264__root","selectInput":"Edit363092264__selectInput"};
+export var classes = {"root":"Edit2722278753__root","selectInput":"Edit2722278753__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_ = "Edit370532703";
+var _namespace_ = "Edit3657017943";
 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":"Edit370532703__root","editWrapper":"Edit370532703__editWrapper","inputArea":"Edit370532703__inputArea"};
+export var classes = {"root":"Edit3657017943__root","editWrapper":"Edit3657017943__editWrapper","inputArea":"Edit3657017943__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_ = "View3335587135";
+var _namespace_ = "View1708771445";
 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":"View3335587135__root"};
+export var classes = {"root":"View1708771445__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_ = "Edit1207556939";
+var _namespace_ = "Edit2549157583";
 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":"Edit1207556939__root","wrapper":"Edit1207556939__wrapper","overlay":"Edit1207556939__overlay"};
+export var classes = {"root":"Edit2549157583__root","wrapper":"Edit2549157583__wrapper","overlay":"Edit2549157583__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};