@wix/patterns 1.468.0 → 1.470.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.470.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.468.0",
+  "version": "1.470.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.376.0",
+    "@wix/bex-utils": "2.163.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.96.0",
-    "@wix/patterns-fields-utils": "1.77.0",
+    "@wix/patterns-fields": "1.98.0",
+    "@wix/patterns-fields-utils": "1.79.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.138.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": "97d1c29a8ad3e7b7a230f871fad2c57e02a66ad278ba482093a17277"
 }

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_ = "CardContainer1121620105";
 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":"CardContainer1121620105__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_ = "CmsFieldForm125807038";
 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":"CmsFieldForm125807038__root","fullBleedDivider":"CmsFieldForm125807038__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_ = "CmsFieldModal2237646965";
 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":"CmsFieldModal2237646965__root","modal":"CmsFieldModal2237646965__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_ = "ValidationAndDefaultsSection884685904";
 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":"ValidationAndDefaultsSection884685904__root","accordionWrapper":"ValidationAndDefaultsSection884685904__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_ = "Collapse1973566489";
 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":"Collapse1973566489__root","exit":"Collapse1973566489__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_ = "CollectionPage4230050615";
 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":"CollectionPage4230050615__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_ = "CollectionSectionHeader2791018871";
 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":"CollectionSectionHeader2791018871__root","summaryIcon":"CollectionSectionHeader2791018871__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_ = "CollectionTable1807523083";
 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":"CollectionTable1807523083__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_ = "CollectionTableWSRTable4139749076";
 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":"CollectionTableWSRTable4139749076__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_ = "CollectionToolbar3325156198";
 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":"CollectionToolbar3325156198__root","right":"CollectionToolbar3325156198__right","left":"CollectionToolbar3325156198__left","fullWidth":"CollectionToolbar3325156198__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_ = "SearchOrCustomFilter4147350481";
 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":"SearchOrCustomFilter4147350481__root","search":"SearchOrCustomFilter4147350481__search","searchMobile":"SearchOrCustomFilter4147350481__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_ = "AutoCompleteReadonly821413600";
 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":"AutoCompleteReadonly821413600__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_ = "ViewsDropdown600333655";
 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":"ViewsDropdown600333655__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomFieldFilters/CheckboxCustomFieldFilter.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { FilterProps } from '../../model';
 import { RadioGroupFilter } from '../RadioGroupFilter';
+import { CHECKBOX_FILTER_OPTION_ID } from './checkboxFilterOptions';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 
 interface CheckboxCustomFieldFilterProps extends FilterProps<unknown[]> {}
@@ -15,12 +16,12 @@ export const CheckboxCustomFieldFilter = (
       {...props}
       data={[
         {
-          id: 'checked',
+          id: CHECKBOX_FILTER_OPTION_ID.checked,
           name: t('cairo.customFields.fieldType.checkbox.Selected.checked'),
           value: true,
         },
         {
-          id: 'unchecked',
+          id: CHECKBOX_FILTER_OPTION_ID.notChecked,
           name: t('cairo.customFields.fieldType.checkbox.Selected.notChecked'),
           value: false,
         },

package/src/components/CustomFieldFilters/checkboxFilterOptions.ts

@@ -0,0 +1,9 @@
+/**
+ * Identifies the two options a checkbox field can be filtered by. A saved view
+ * keeps only an option's id and name, so the id is the one part of the picked
+ * option that query construction can rely on.
+ */
+export const CHECKBOX_FILTER_OPTION_ID = {
+  checked: 'checked',
+  notChecked: 'unchecked',
+} as const;

package/src/components/CustomFieldsTransforms/transformCustomCheckboxToWQL.tsx

@@ -1,15 +1,18 @@
 import { ExtractFilterValue, FiltersMap } from '@wix/bex-core';
+import { CHECKBOX_FILTER_OPTION_ID } from '../CustomFieldFilters/checkboxFilterOptions';
 
 export const transformCustomCheckboxToWQL = <F extends FiltersMap>(
   filterName: string,
   filterValue: { [P in keyof F]: ExtractFilterValue<F[P]> }[string],
 ) => {
-  const filterValueBoolean = filterValue[0];
-  if (!filterValueBoolean) {
+  const pickedOption = filterValue[0];
+  if (!pickedOption) {
     return [];
   }
 
   const condition = { [filterName]: { $eq: true } };
 
-  return filterValueBoolean.value ? [condition] : [{ $not: condition }];
+  return pickedOption.id === CHECKBOX_FILTER_OPTION_ID.checked
+    ? [condition]
+    : [{ $not: condition }];
 };

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_ = "DragHandle1763695214";
 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":"DragHandle1763695214__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_ = "EditableCell954666621";
 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":"EditableCell954666621__root","errorMessage":"EditableCell954666621__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_ = "HeaderActionsPopover1402474605";
 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":"HeaderActionsPopover1402474605__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_ = "CellViewLayout810755829";
 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":"CellViewLayout810755829__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_ = "Edit1873859636";
 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":"Edit1873859636__root","addressInput":"Edit1873859636__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_ = "Edit2643700821";
 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":"Edit2643700821__root","jsonInput":"Edit2643700821__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_ = "Edit1989122268";
 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":"Edit1989122268__root","booleanEdit":"Edit1989122268__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_ = "View4059982468";
 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":"View4059982468__root","booleanView":"View4059982468__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_ = "Edit3602542179";
 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":"Edit3602542179__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_ = "Edit3276515586";
 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":"Edit3276515586__root","dateInput":"Edit3276515586__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};