@wix/patterns 1.471.0 → 1.473.0

package/dist/types/version.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.471.0",
+  "version": "1.473.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -225,11 +225,11 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.377.0",
-    "@wix/bex-utils": "2.164.0",
+    "@wix/bex-core": "2.379.0",
+    "@wix/bex-utils": "2.166.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.99.0",
-    "@wix/patterns-fields-utils": "1.80.0",
+    "@wix/patterns-fields": "1.101.0",
+    "@wix/patterns-fields-utils": "1.82.0",
     "@wix/sdk": "^1.15.22",
     "@wix/wix-style-react-incubator": "^3.23.1",
     "@wix/wix-ui-test-utils": "^1.1.9",
@@ -292,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.139.0",
+    "@wix/cairo-integration-utils": "1.141.0",
     "@wix/ci-build-info": "^1.0.0",
     "@wix/crm": "^1.0.93",
     "@wix/dashboard": "^1.3.39",
@@ -453,5 +453,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "a7371d2474b4eaf294b39a95fca448f33459a0a77e78586bd3b6660a"
+  "falconPackageHash": "649a5dbd211eabf143dda4343f286a546a0f3205225616c0d6349078"
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer2101817185";
+var _namespace_ = "CardContainer3222873965";
 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":"CardContainer2101817185__root"};
+export var classes = {"root":"CardContainer3222873965__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_ = "CmsFieldForm377264265";
+var _namespace_ = "CmsFieldForm2111201779";
 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":"CmsFieldForm377264265__root","fullBleedDivider":"CmsFieldForm377264265__fullBleedDivider"};
+export var classes = {"root":"CmsFieldForm2111201779__root","fullBleedDivider":"CmsFieldForm2111201779__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_ = "CmsFieldModal2220308879";
+var _namespace_ = "CmsFieldModal3138803189";
 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":"CmsFieldModal2220308879__root","modal":"CmsFieldModal2220308879__modal"};
+export var classes = {"root":"CmsFieldModal3138803189__root","modal":"CmsFieldModal3138803189__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_ = "ValidationAndDefaultsSection1371088840";
+var _namespace_ = "ValidationAndDefaultsSection3325360555";
 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":"ValidationAndDefaultsSection1371088840__root","accordionWrapper":"ValidationAndDefaultsSection1371088840__accordionWrapper"};
+export var classes = {"root":"ValidationAndDefaultsSection3325360555__root","accordionWrapper":"ValidationAndDefaultsSection3325360555__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_ = "Collapse3556960639";
+var _namespace_ = "Collapse1208612527";
 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":"Collapse3556960639__root","exit":"Collapse3556960639__exit"};
+export var classes = {"root":"Collapse1208612527__root","exit":"Collapse1208612527__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionPageHeaderNew/CollectionPageHeader.tsx

@@ -20,6 +20,8 @@ export type CollectionPageHeaderBadge = Pick<
   'skin' | 'prefixIcon' | 'suffixIcon'
 > & {
   text: string;
+  /** Additional information shown on hover or keyboard focus. */
+  tooltip?: string;
 };
 
 export interface CollectionPageHeaderProps {
@@ -33,7 +35,7 @@ export interface CollectionPageHeaderProps {
   /**
    * `text`: The title text. \
    * `hideTotal`: Determines whether to hide the number of total entities on the title of the page. \
-   * `badges`: Badges rendered at the end of the title row, after the total. Their size is always `small`. \
+   * `badges`: Badges rendered at the end of the title row, after the total. Their size is always `small`. Each badge accepts `text`, `skin`, `prefixIcon`, `suffixIcon`, and an optional `tooltip` shown on hover or keyboard focus. \
    * The minimized header shows the title text on its own, so badges are not rendered while it is collapsed.
    * @external
    */

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPage3811970456";
+var _namespace_ = "CollectionPage1757763195";
 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":"CollectionPage3811970456__root"};
+export var classes = {"root":"CollectionPage1757763195__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_ = "CollectionSectionHeader3285352321";
+var _namespace_ = "CollectionSectionHeader1215693821";
 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":"CollectionSectionHeader3285352321__root","summaryIcon":"CollectionSectionHeader3285352321__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader1215693821__root","summaryIcon":"CollectionSectionHeader1215693821__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_ = "CollectionTable1500603398";
+var _namespace_ = "CollectionTable3448300892";
 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":"CollectionTable1500603398__root"};
+export var classes = {"root":"CollectionTable3448300892__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_ = "CollectionTableWSRTable417943831";
+var _namespace_ = "CollectionTableWSRTable97586574";
 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":"CollectionTableWSRTable417943831__root"};
+export var classes = {"root":"CollectionTableWSRTable97586574__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTableWSRTable.tsx

@@ -154,6 +154,11 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
   const { isPanelLayout } = useWixPatternsContainer();
 
   const { bulk, initTask } = toolbar;
+  const SourceCustomColumns =
+    toolbar.collectionFieldsSource?.components.CustomColumns;
+  const effectiveCustomColumns =
+    customColumnsProp ??
+    (SourceCustomColumns ? <SourceCustomColumns /> : undefined);
 
   const keyedItems = props.keyedItems ?? stateKeyedItems;
   const { collection } = table;
@@ -277,7 +282,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
           sticky={sticky}
           state={toolbar}
           search={search}
-          customColumns={customColumnsProp}
+          customColumns={effectiveCustomColumns}
           multiLevelSorting={multiLevelSortingProp}
           views={views}
           title={title}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar676723330";
+var _namespace_ = "CollectionToolbar490216252";
 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":"CollectionToolbar676723330__root","right":"CollectionToolbar676723330__right","left":"CollectionToolbar676723330__left","fullWidth":"CollectionToolbar676723330__fullWidth"};
+export var classes = {"root":"CollectionToolbar490216252__root","right":"CollectionToolbar490216252__right","left":"CollectionToolbar490216252__left","fullWidth":"CollectionToolbar490216252__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/CollectionToolbar.tsx

@@ -105,12 +105,6 @@ function _CollectionToolbar<T, F extends FiltersMap>(
     container: { isPanelLayout },
   } = state;
 
-  const SourceCustomColumns =
-    state.collectionFieldsSource?.components.CustomColumns;
-  const effectiveCustomColumns =
-    customColumns ??
-    (SourceCustomColumns ? <SourceCustomColumns /> : undefined);
-
   const addDataHookToMoreActions = () => {
     return (
       <MoreActions dataHook="toolbar-more-actions" {...moreActions!.props} />
@@ -274,7 +268,7 @@ function _CollectionToolbar<T, F extends FiltersMap>(
           MoreFiltersButton={MoreFiltersButton}
           multiLevelSorting={multiLevelSorting}
           customColumns={
-            isMobile || isPanelLayout ? undefined : effectiveCustomColumns
+            isMobile || isPanelLayout ? undefined : customColumns
           }
           exportButton={exportButton}
           importButton={importButton}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter4263630972";
+var _namespace_ = "SearchOrCustomFilter3243473971";
 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":"SearchOrCustomFilter4263630972__root","search":"SearchOrCustomFilter4263630972__search","searchMobile":"SearchOrCustomFilter4263630972__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter3243473971__root","search":"SearchOrCustomFilter3243473971__search","searchMobile":"SearchOrCustomFilter3243473971__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbars/ToolbarState.ts

@@ -29,16 +29,18 @@ export class ToolbarState<T, F extends FiltersMap> {
       return;
     }
 
+    const { window, lodash } = table.container;
+
     const onResizedOrMoved = action(function onResizedOrMoved() {
       const scrollElementRect = scrollElement.getBoundingClientRect();
       table.scrollElementRect.height = scrollElementRect.height;
       table.scrollElementRect.top = scrollElementRect.top;
     });
 
-    const onResizedOrMovedThrottled = table.container.lodash.throttle(
-      () => window.requestAnimationFrame(onResizedOrMoved),
-      300,
-    );
+    let throttledFrameHandle: number | undefined;
+    const onResizedOrMovedThrottled = lodash.throttle(() => {
+      throttledFrameHandle = window.requestAnimationFrame(onResizedOrMoved);
+    }, 300);
 
     const onScroll = () => {
       onResizedOrMovedThrottled();
@@ -48,13 +50,17 @@ export class ToolbarState<T, F extends FiltersMap> {
 
     const dispose = addResizeObserver(scrollElement, onResizedOrMovedThrottled);
 
-    const onResizedOrMovedAnimationFrame = window.requestAnimationFrame(() => {
-      window.requestAnimationFrame(onResizedOrMoved);
+    let initialFrameHandle = window.requestAnimationFrame(() => {
+      initialFrameHandle = window.requestAnimationFrame(onResizedOrMoved);
     });
 
     return () => {
       dispose?.();
-      window.cancelAnimationFrame(onResizedOrMovedAnimationFrame);
+      onResizedOrMovedThrottled.cancel();
+      window.cancelAnimationFrame(initialFrameHandle);
+      if (throttledFrameHandle !== undefined) {
+        window.cancelAnimationFrame(throttledFrameHandle);
+      }
       scrollElement.removeEventListener('scroll', onScroll);
     };
   }

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly1999946714";
+var _namespace_ = "AutoCompleteReadonly1189000753";
 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":"AutoCompleteReadonly1999946714__root"};
+export var classes = {"root":"AutoCompleteReadonly1189000753__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_ = "ViewsDropdown427173525";
+var _namespace_ = "ViewsDropdown3583052693";
 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":"ViewsDropdown427173525__root"};
+export var classes = {"root":"ViewsDropdown3583052693__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomFieldFilters/CheckboxCustomFieldFilter.tsx

@@ -4,7 +4,8 @@ import { RadioGroupFilter } from '../RadioGroupFilter';
 import { CHECKBOX_FILTER_OPTION_ID } from './checkboxFilterOptions';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 
-interface CheckboxCustomFieldFilterProps extends FilterProps<unknown[]> {}
+export interface CheckboxCustomFieldFilterProps
+  extends FilterProps<unknown[]> {}
 
 export const CheckboxCustomFieldFilter = (
   props: CheckboxCustomFieldFilterProps,

package/src/components/CustomFieldFilters/HasValueCustomFieldFilter.tsx

@@ -10,13 +10,13 @@ export const HAS_VALUE_OPTION_IDS = {
   noValue: 'noValue',
 } as const;
 
-interface HasValueOption {
+export interface HasValueFilterOption {
   id: string;
   name: string;
 }
 
-interface HasValueCustomFieldFilterProps
-  extends FilterProps<HasValueOption[]> {}
+export interface HasValueCustomFieldFilterProps
+  extends FilterProps<HasValueFilterOption[]> {}
 
 /**
  * Filters a field on whether it holds anything, for types with no value to

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle4237998044";
+var _namespace_ = "DragHandle3340166755";
 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":"DragHandle4237998044__root"};
+export var classes = {"root":"DragHandle3340166755__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_ = "EditableCell4136393457";
+var _namespace_ = "EditableCell3874706960";
 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":"EditableCell4136393457__root","errorMessage":"EditableCell4136393457__errorMessage"};
+export var classes = {"root":"EditableCell3874706960__root","errorMessage":"EditableCell3874706960__errorMessage"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "HeaderActionsPopover939203393";
+var _namespace_ = "HeaderActionsPopover62692637";
 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":"HeaderActionsPopover939203393__root"};
+export var classes = {"root":"HeaderActionsPopover62692637__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_ = "CellViewLayout867512689";
+var _namespace_ = "CellViewLayout2158932407";
 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":"CellViewLayout867512689__root"};
+export var classes = {"root":"CellViewLayout2158932407__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_ = "Edit3093123279";
+var _namespace_ = "Edit3724504504";
 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":"Edit3093123279__root","addressInput":"Edit3093123279__addressInput"};
+export var classes = {"root":"Edit3724504504__root","addressInput":"Edit3724504504__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_ = "Edit1409228413";
+var _namespace_ = "Edit1194836685";
 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":"Edit1409228413__root","jsonInput":"Edit1409228413__jsonInput"};
+export var classes = {"root":"Edit1194836685__root","jsonInput":"Edit1194836685__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_ = "Edit3370407099";
+var _namespace_ = "Edit2769867354";
 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":"Edit3370407099__root","booleanEdit":"Edit3370407099__booleanEdit"};
+export var classes = {"root":"Edit2769867354__root","booleanEdit":"Edit2769867354__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_ = "View2014816366";
+var _namespace_ = "View2729241041";
 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":"View2014816366__root","booleanView":"View2014816366__booleanView"};
+export var classes = {"root":"View2729241041__root","booleanView":"View2729241041__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_ = "Edit4002302257";
+var _namespace_ = "Edit2300180838";
 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":"Edit4002302257__root"};
+export var classes = {"root":"Edit2300180838__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_ = "Edit2647696480";
+var _namespace_ = "Edit4021242146";
 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":"Edit2647696480__root","dateInput":"Edit2647696480__dateInput"};
+export var classes = {"root":"Edit4021242146__root","dateInput":"Edit4021242146__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_ = "View2079025749";
+var _namespace_ = "View624629431";
 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":"View2079025749__root"};
+export var classes = {"root":"View624629431__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};