@wix/patterns 1.468.0 → 1.469.0

package/dist/types/version.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.468.0",
+  "version": "1.469.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -199,6 +199,7 @@
     "dist/esm",
     "dist/types",
     "dist/docs",
+    "dist/examples",
     "dist/dts-bundle",
     "!dist/**/__tests__",
     "src",
@@ -224,11 +225,11 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.374.0",
-    "@wix/bex-utils": "2.161.0",
+    "@wix/bex-core": "2.375.0",
+    "@wix/bex-utils": "2.162.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.96.0",
-    "@wix/patterns-fields-utils": "1.77.0",
+    "@wix/patterns-fields": "1.97.0",
+    "@wix/patterns-fields-utils": "1.78.0",
     "@wix/sdk": "^1.15.22",
     "@wix/wix-style-react-incubator": "^3.23.1",
     "@wix/wix-ui-test-utils": "^1.1.9",
@@ -291,7 +292,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.136.0",
+    "@wix/cairo-integration-utils": "1.137.0",
     "@wix/ci-build-info": "^1.0.0",
     "@wix/crm": "^1.0.93",
     "@wix/dashboard": "^1.3.39",
@@ -452,5 +453,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "0b5aeccf48d5fbba656f6989fe57930b2f3eb793aa99810c3c40937a"
+  "falconPackageHash": "7b7263f10f01d41fd77e4cc41bb8da734a2911ffdf63d55fa4058292"
 }

package/src/components/ActionCell/ActionCell.ts

@@ -55,6 +55,7 @@ export interface ActionCellProps
    *  + `disabled`: [bool] Whether user interactions are disabled.
    *  + `prefixIcon`: Icon in front of a button label.
    *  + `suffixIcon`: Icon after a button label.
+   *  + Not `icon` — that key belongs to `secondaryActions` below. On `primaryAction` it type-checks anyway, because the `as` variants of the underlying button props carry an index signature, and is then dropped at render.
    *  + `as`: Renders button as another component or a DOM tag.
    *  + `visibility`: Specifies whether the primary action button is visible. When the value is set to `'onHover'`, the button is only visible when the mouse hovers over it, and it appears as a primary button. When the value is set to `'always'`, the button is always visible and appears as a secondary button.
    * 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer179446655";
+var _namespace_ = "CardContainer3535345257";
 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":"CardContainer179446655__root"};
+export var classes = {"root":"CardContainer3535345257__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_ = "CmsFieldForm2296801681";
+var _namespace_ = "CmsFieldForm1275885253";
 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":"CmsFieldForm2296801681__root","fullBleedDivider":"CmsFieldForm2296801681__fullBleedDivider"};
+export var classes = {"root":"CmsFieldForm1275885253__root","fullBleedDivider":"CmsFieldForm1275885253__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_ = "CmsFieldModal2787546348";
+var _namespace_ = "CmsFieldModal3343705393";
 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":"CmsFieldModal2787546348__root","modal":"CmsFieldModal2787546348__modal"};
+export var classes = {"root":"CmsFieldModal3343705393__root","modal":"CmsFieldModal3343705393__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_ = "ValidationAndDefaultsSection2053269587";
+var _namespace_ = "ValidationAndDefaultsSection3827089162";
 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":"ValidationAndDefaultsSection2053269587__root","accordionWrapper":"ValidationAndDefaultsSection2053269587__accordionWrapper"};
+export var classes = {"root":"ValidationAndDefaultsSection3827089162__root","accordionWrapper":"ValidationAndDefaultsSection3827089162__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_ = "Collapse560640468";
+var _namespace_ = "Collapse1826189329";
 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":"Collapse560640468__root","exit":"Collapse560640468__exit"};
+export var classes = {"root":"Collapse1826189329__root","exit":"Collapse1826189329__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_ = "CollectionPage801811228";
+var _namespace_ = "CollectionPage2714372964";
 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":"CollectionPage801811228__root"};
+export var classes = {"root":"CollectionPage2714372964__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_ = "CollectionSectionHeader3985538636";
+var _namespace_ = "CollectionSectionHeader305811667";
 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":"CollectionSectionHeader3985538636__root","summaryIcon":"CollectionSectionHeader3985538636__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader305811667__root","summaryIcon":"CollectionSectionHeader305811667__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_ = "CollectionTable2794573160";
+var _namespace_ = "CollectionTable713064089";
 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":"CollectionTable2794573160__root"};
+export var classes = {"root":"CollectionTable713064089__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTable.uni.driver.ts

@@ -8,6 +8,7 @@ import {
   TableUniDriver,
   LiveRegionUniDriver,
   PopoverUniDriver,
+  InfoIconUniDriver,
 } from '@wix/design-system/dist/testkit/unidriver';
 import { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';
 import { TableTopNotificationUniDriver } from '../TableTopNotification/TableTopNotification.uni.driver';
@@ -407,5 +408,17 @@ export const CollectionTableUniDriver = (base: UniDriver, body: UniDriver) => {
           .$('[data-hook="infoicon-tooltip"]'),
         body,
       ),
+
+    /** By column id, not index: WDS names the icon after the column's visual
+     *  position, which shifts with the drag / selection / row-status columns
+     *  Table prepends. */
+    getHeaderInfoIcon: (columnId: string) =>
+      InfoIconUniDriver(
+        base
+          .$('thead')
+          .$(`th[data-hook="${columnId}"]`)
+          .$('[data-hook$="_info_tooltip"]'),
+        body,
+      ),
   };
 };

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTableWSRTable1039809708";
+var _namespace_ = "CollectionTableWSRTable857727311";
 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":"CollectionTableWSRTable1039809708__root"};
+export var classes = {"root":"CollectionTableWSRTable857727311__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_ = "CollectionToolbar2384329588";
+var _namespace_ = "CollectionToolbar3733098124";
 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":"CollectionToolbar2384329588__root","right":"CollectionToolbar2384329588__right","left":"CollectionToolbar2384329588__left","fullWidth":"CollectionToolbar2384329588__fullWidth"};
+export var classes = {"root":"CollectionToolbar3733098124__root","right":"CollectionToolbar3733098124__right","left":"CollectionToolbar3733098124__left","fullWidth":"CollectionToolbar3733098124__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_ = "SearchOrCustomFilter3401884258";
+var _namespace_ = "SearchOrCustomFilter3857586553";
 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":"SearchOrCustomFilter3401884258__root","search":"SearchOrCustomFilter3401884258__search","searchMobile":"SearchOrCustomFilter3401884258__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter3857586553__root","search":"SearchOrCustomFilter3857586553__search","searchMobile":"SearchOrCustomFilter3857586553__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_ = "AutoCompleteReadonly2555179000";
+var _namespace_ = "AutoCompleteReadonly2029553353";
 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":"AutoCompleteReadonly2555179000__root"};
+export var classes = {"root":"AutoCompleteReadonly2029553353__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_ = "ViewsDropdown520767598";
+var _namespace_ = "ViewsDropdown3791931914";
 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":"ViewsDropdown520767598__root"};
+export var classes = {"root":"ViewsDropdown3791931914__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_ = "DragHandle3454605988";
+var _namespace_ = "DragHandle980352039";
 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":"DragHandle3454605988__root"};
+export var classes = {"root":"DragHandle980352039__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_ = "EditableCell1770231380";
+var _namespace_ = "EditableCell2159728911";
 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":"EditableCell1770231380__root","errorMessage":"EditableCell1770231380__errorMessage"};
+export var classes = {"root":"EditableCell2159728911__root","errorMessage":"EditableCell2159728911__errorMessage"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/EditableTable.tsx

@@ -124,10 +124,20 @@ function _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(
 
   const invalidCellKeys = new Set(state.cellValue._pendingCells.keys());
   const hasInvalidRows = invalidCellKeys.size > 0;
-  const rowStatus: NonNullable<TableVirtualProps<T, F>['rowStatus']> = (row) =>
-    state.allColumns.some((col) => invalidCellKeys.has(`${row.key}:${col.id}`))
-      ? { messages: [t('cairo.editableTable.row.invalidCells.tooltip')] }
+  const rowStatus: NonNullable<TableVirtualProps<T, F>['rowStatus']> = (
+    row,
+  ) => {
+    const count = state.allColumns.filter((col) =>
+      invalidCellKeys.has(`${row.key}:${col.id}`),
+    ).length;
+    return count
+      ? {
+          messages: [
+            t('cairo.editableTable.row.invalidFields.tooltip', { count }),
+          ],
+        }
       : null;
+  };
 
   return (
     <PatternsFieldsProvider>

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

@@ -1,5 +1,8 @@
 import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
-import { AddItemUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import {
+  AddItemUniDriver,
+  TooltipUniDriver,
+} from '@wix/design-system/dist/testkit/unidriver';
 import { TableUniDriver } from '../Table/Table.uni.driver';
 import { EditableCellUniDriver } from './EditableCell.uni.driver';
 import { EditableTableContextMenuUniDriver } from './EditableTableContextMenu.uni.driver';
@@ -75,6 +78,17 @@ export function EditableTableUniDriver(base: UniDriver, body: UniDriver) {
         )
         .exists(),
 
+    /** Text of the tooltip on the row's error indicator, or null when the row
+     *  has no error. WDS renders it in a Tooltip, so it hovers the indicator
+     *  and reads the popover — the text is not in the DOM otherwise. */
+    getRowErrorMessage: (rowKey: string) =>
+      TooltipUniDriver(
+        base.$(
+          `[data-hook="table-row-${rowKey}"] [data-hook="row-status-cell"] [data-content-hook]`,
+        ),
+        body,
+      ).getTooltipText(),
+
     /** Wait for at least one data row to render */
     waitForRow: (timeout?: number) => getRows().get(0).wait(timeout),
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "HeaderActionsPopover1067728408";
+var _namespace_ = "HeaderActionsPopover889934995";
 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":"HeaderActionsPopover1067728408__root"};
+export var classes = {"root":"HeaderActionsPopover889934995__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_ = "CellViewLayout1002375023";
+var _namespace_ = "CellViewLayout3916992801";
 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":"CellViewLayout1002375023__root"};
+export var classes = {"root":"CellViewLayout3916992801__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_ = "Edit239199024";
+var _namespace_ = "Edit3887131894";
 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":"Edit239199024__root","addressInput":"Edit239199024__addressInput"};
+export var classes = {"root":"Edit3887131894__root","addressInput":"Edit3887131894__addressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2022385014";
+var _namespace_ = "Edit51404321";
 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":"Edit2022385014__root","jsonInput":"Edit2022385014__jsonInput"};
+export var classes = {"root":"Edit51404321__root","jsonInput":"Edit51404321__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1566232662";
+var _namespace_ = "Edit3650420564";
 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":"Edit1566232662__root","booleanEdit":"Edit1566232662__booleanEdit"};
+export var classes = {"root":"Edit3650420564__root","booleanEdit":"Edit3650420564__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_ = "View2144628230";
+var _namespace_ = "View122554543";
 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":"View2144628230__root","booleanView":"View2144628230__booleanView"};
+export var classes = {"root":"View122554543__root","booleanView":"View122554543__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_ = "Edit3934856254";
+var _namespace_ = "Edit3201352786";
 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":"Edit3934856254__root"};
+export var classes = {"root":"Edit3201352786__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_ = "Edit2622028289";
+var _namespace_ = "Edit3358315152";
 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":"Edit2622028289__root","dateInput":"Edit2622028289__dateInput"};
+export var classes = {"root":"Edit3358315152__root","dateInput":"Edit3358315152__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_ = "View533307022";
+var _namespace_ = "View873093753";
 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":"View533307022__root"};
+export var classes = {"root":"View873093753__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_ = "Edit2962708343";
+var _namespace_ = "Edit531955114";
 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":"Edit2962708343__root","half":"Edit2962708343__half","dateHalf":"Edit2962708343__dateHalf Edit2962708343__half","timeHalf":"Edit2962708343__timeHalf Edit2962708343__half","divider":"Edit2962708343__divider","passiveText":"Edit2962708343__passiveText","placeholderText":"Edit2962708343__placeholderText Edit2962708343__passiveText"};
+export var classes = {"root":"Edit531955114__root","half":"Edit531955114__half","dateHalf":"Edit531955114__dateHalf Edit531955114__half","timeHalf":"Edit531955114__timeHalf Edit531955114__half","divider":"Edit531955114__divider","passiveText":"Edit531955114__passiveText","placeholderText":"Edit531955114__placeholderText Edit531955114__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_ = "View2330499855";
+var _namespace_ = "View81328521";
 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":"View2330499855__root","leaf":"View2330499855__leaf","datePart":"View2330499855__datePart View2330499855__leaf","timePart":"View2330499855__timePart View2330499855__leaf","placeholder":"View2330499855__placeholder View2330499855__leaf","divider":"View2330499855__divider"};
+export var classes = {"root":"View81328521__root","leaf":"View81328521__leaf","datePart":"View81328521__datePart View81328521__leaf","timePart":"View81328521__timePart View81328521__leaf","placeholder":"View81328521__placeholder View81328521__leaf","divider":"View81328521__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};