@wix/patterns 1.440.0 → 1.442.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer2683001775";
+var _namespace_ = "CardContainer4012966892";
 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":"CardContainer2683001775__root"};
+export var classes = {"root":"CardContainer4012966892__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_ = "CmsFieldForm3732479235";
+var _namespace_ = "CmsFieldForm3516791577";
 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":"CmsFieldForm3732479235__root","fullBleedDivider":"CmsFieldForm3732479235__fullBleedDivider"};
+export var classes = {"root":"CmsFieldForm3516791577__root","fullBleedDivider":"CmsFieldForm3516791577__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_ = "CmsFieldModal2659787844";
+var _namespace_ = "CmsFieldModal2279318908";
 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":"CmsFieldModal2659787844__root","modal":"CmsFieldModal2659787844__modal"};
+export var classes = {"root":"CmsFieldModal2279318908__root","modal":"CmsFieldModal2279318908__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_ = "ValidationAndDefaultsSection1624267018";
+var _namespace_ = "ValidationAndDefaultsSection3388606183";
 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":"ValidationAndDefaultsSection1624267018__root","accordionWrapper":"ValidationAndDefaultsSection1624267018__accordionWrapper"};
+export var classes = {"root":"ValidationAndDefaultsSection3388606183__root","accordionWrapper":"ValidationAndDefaultsSection3388606183__accordionWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "CharactersLimitInput58631691";
+var _namespace_ = "CharactersLimitInput1150986335";
 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":"CharactersLimitInput58631691__root","field":"CharactersLimitInput58631691__field"};
+export var classes = {"root":"CharactersLimitInput1150986335__root","field":"CharactersLimitInput1150986335__field"};
 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_ = "Collapse4267657757";
+var _namespace_ = "Collapse1655527787";
 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":"Collapse4267657757__root","exit":"Collapse4267657757__exit"};
+export var classes = {"root":"Collapse1655527787__root","exit":"Collapse1655527787__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_ = "CollectionPage570037933";
+var _namespace_ = "CollectionPage3010170761";
 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":"CollectionPage570037933__root"};
+export var classes = {"root":"CollectionPage3010170761__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_ = "CollectionSectionHeader3294999979";
+var _namespace_ = "CollectionSectionHeader1188848597";
 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":"CollectionSectionHeader3294999979__root","summaryIcon":"CollectionSectionHeader3294999979__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader1188848597__root","summaryIcon":"CollectionSectionHeader1188848597__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_ = "CollectionTable235859930";
+var _namespace_ = "CollectionTable3169515616";
 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":"CollectionTable235859930__root"};
+export var classes = {"root":"CollectionTable3169515616__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_ = "CollectionTableWSRTable2828084446";
+var _namespace_ = "CollectionTableWSRTable1277512044";
 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":"CollectionTableWSRTable2828084446__root"};
+export var classes = {"root":"CollectionTableWSRTable1277512044__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_ = "CollectionToolbar4111143793";
+var _namespace_ = "CollectionToolbar2854910717";
 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":"CollectionToolbar4111143793__root","right":"CollectionToolbar4111143793__right","left":"CollectionToolbar4111143793__left","fullWidth":"CollectionToolbar4111143793__fullWidth"};
+export var classes = {"root":"CollectionToolbar2854910717__root","right":"CollectionToolbar2854910717__right","left":"CollectionToolbar2854910717__left","fullWidth":"CollectionToolbar2854910717__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_ = "SearchOrCustomFilter3974950842";
+var _namespace_ = "SearchOrCustomFilter3795101053";
 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":"SearchOrCustomFilter3974950842__root","search":"SearchOrCustomFilter3974950842__search","searchMobile":"SearchOrCustomFilter3974950842__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter3795101053__root","search":"SearchOrCustomFilter3795101053__search","searchMobile":"SearchOrCustomFilter3795101053__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_ = "AutoCompleteReadonly888453355";
+var _namespace_ = "AutoCompleteReadonly2092714156";
 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":"AutoCompleteReadonly888453355__root"};
+export var classes = {"root":"AutoCompleteReadonly2092714156__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_ = "ViewsDropdown489368896";
+var _namespace_ = "ViewsDropdown2798625200";
 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":"ViewsDropdown489368896__root"};
+export var classes = {"root":"ViewsDropdown2798625200__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomColumnsPanel/ColumnListTableListItem.tsx

@@ -43,7 +43,10 @@ function _ColumnListTableListItem<T, F extends FiltersMap>(
 
   const { infoTooltipProps } = column;
   const prefixIcon = showFieldTypeIcons
-    ? getFieldTypeIcon({ fieldType: column.fieldType })
+    ? getFieldTypeIcon({
+        fieldType: column.fieldType,
+        icons: column.fieldTypeIcons,
+      })
     : null;
 
   const checkboxDisabled = !column.hideable;

package/src/components/CustomFieldFilters/HasValueCustomFieldFilter.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { FilterProps } from '../../model';
+import { MultiInlineCheckboxFilter } from '../MultiInlineCheckboxFilter';
+
+/** The option ids a source reads to turn this filter into an emptiness query.
+ *  Changing them breaks every source that matches on them. */
+export const HAS_VALUE_OPTION_IDS = {
+  hasValue: 'hasValue',
+  noValue: 'noValue',
+} as const;
+
+interface HasValueOption {
+  id: string;
+  name: string;
+}
+
+interface HasValueCustomFieldFilterProps
+  extends FilterProps<HasValueOption[]> {}
+
+/**
+ * Filters a field on whether it holds anything, for types with no value to
+ * match against — an image, a document, a colour.
+ *
+ * Two checkboxes rather than a radio group: selecting both has to mean "no
+ * filter", which a radio group can't express.
+ */
+export const HasValueCustomFieldFilter = (
+  props: HasValueCustomFieldFilterProps,
+) => {
+  const { translate: t } = useWixPatternsContainer();
+
+  return (
+    <MultiInlineCheckboxFilter
+      {...props}
+      data={[
+        {
+          id: HAS_VALUE_OPTION_IDS.hasValue,
+          name: t('cairo.filterOperator.exists'),
+        },
+        {
+          id: HAS_VALUE_OPTION_IDS.noValue,
+          name: t('cairo.filterOperator.isEmpty'),
+        },
+      ]}
+    />
+  );
+};

package/src/components/CustomFieldModal/CustomFieldTypeDropdown.tsx

@@ -49,6 +49,7 @@ export const _CustomFieldTypeDropdown = (
             {getFieldTypeIcon({
               fieldType: option.patternsType,
               size: 'medium',
+              icons: option.icons,
             })}
           </Box>
         ),
@@ -105,6 +106,7 @@ export const _CustomFieldTypeDropdown = (
               {getFieldTypeIcon({
                 fieldType: selectedType.patternsType,
                 size: 'medium',
+                icons: selectedType.icons,
               })}
             </Box>
           </Input.IconAffix>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle3816638650";
+var _namespace_ = "DragHandle880807969";
 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":"DragHandle3816638650__root"};
+export var classes = {"root":"DragHandle880807969__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_ = "EditableCell2536807493";
+var _namespace_ = "EditableCell340733684";
 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":"EditableCell2536807493__root","errorMessage":"EditableCell2536807493__errorMessage"};
+export var classes = {"root":"EditableCell340733684__root","errorMessage":"EditableCell340733684__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_ = "HeaderActionsPopover3258510469";
+var _namespace_ = "HeaderActionsPopover3793940437";
 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":"HeaderActionsPopover3258510469__root"};
+export var classes = {"root":"HeaderActionsPopover3793940437__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_ = "CellViewLayout2680594299";
+var _namespace_ = "CellViewLayout2490979056";
 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":"CellViewLayout2680594299__root"};
+export var classes = {"root":"CellViewLayout2490979056__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_ = "Edit889453882";
+var _namespace_ = "Edit3905236503";
 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":"Edit889453882__root","addressInput":"Edit889453882__addressInput"};
+export var classes = {"root":"Edit3905236503__root","addressInput":"Edit3905236503__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_ = "Edit3189140528";
+var _namespace_ = "Edit3043371877";
 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":"Edit3189140528__root","jsonInput":"Edit3189140528__jsonInput"};
+export var classes = {"root":"Edit3043371877__root","jsonInput":"Edit3043371877__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_ = "Edit2528760339";
+var _namespace_ = "Edit788413165";
 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":"Edit2528760339__root","booleanEdit":"Edit2528760339__booleanEdit"};
+export var classes = {"root":"Edit788413165__root","booleanEdit":"Edit788413165__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_ = "View1703169733";
+var _namespace_ = "View1342037778";
 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":"View1703169733__root","booleanView":"View1703169733__booleanView"};
+export var classes = {"root":"View1342037778__root","booleanView":"View1342037778__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_ = "Edit3952079117";
+var _namespace_ = "Edit3949182414";
 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":"Edit3952079117__root"};
+export var classes = {"root":"Edit3949182414__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_ = "Edit522574210";
+var _namespace_ = "Edit1209512027";
 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":"Edit522574210__root","dateInput":"Edit522574210__dateInput"};
+export var classes = {"root":"Edit1209512027__root","dateInput":"Edit1209512027__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_ = "View2474399118";
+var _namespace_ = "View3271221667";
 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":"View2474399118__root"};
+export var classes = {"root":"View3271221667__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_ = "Edit1796894384";
+var _namespace_ = "Edit377711908";
 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":"Edit1796894384__root","half":"Edit1796894384__half","dateHalf":"Edit1796894384__dateHalf Edit1796894384__half","timeHalf":"Edit1796894384__timeHalf Edit1796894384__half","divider":"Edit1796894384__divider","passiveText":"Edit1796894384__passiveText","placeholderText":"Edit1796894384__placeholderText Edit1796894384__passiveText"};
+export var classes = {"root":"Edit377711908__root","half":"Edit377711908__half","dateHalf":"Edit377711908__dateHalf Edit377711908__half","timeHalf":"Edit377711908__timeHalf Edit377711908__half","divider":"Edit377711908__divider","passiveText":"Edit377711908__passiveText","placeholderText":"Edit377711908__placeholderText Edit377711908__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_ = "View3991147874";
+var _namespace_ = "View4285517311";
 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":"View3991147874__root","leaf":"View3991147874__leaf","datePart":"View3991147874__datePart View3991147874__leaf","timePart":"View3991147874__timePart View3991147874__leaf","placeholder":"View3991147874__placeholder View3991147874__leaf","divider":"View3991147874__divider"};
+export var classes = {"root":"View4285517311__root","leaf":"View4285517311__leaf","datePart":"View4285517311__datePart View4285517311__leaf","timePart":"View4285517311__timePart View4285517311__leaf","placeholder":"View4285517311__placeholder View4285517311__leaf","divider":"View4285517311__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_ = "Edit3676001541";
+var _namespace_ = "Edit1265340446";
 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":"Edit3676001541__root","emailInput":"Edit3676001541__emailInput"};
+export var classes = {"root":"Edit1265340446__root","emailInput":"Edit1265340446__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_ = "View3454428163";
+var _namespace_ = "View365527864";
 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":"View3454428163__root"};
+export var classes = {"root":"View365527864__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_ = "Edit1737970135";
+var _namespace_ = "Edit2352712395";
 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":"Edit1737970135__root","numberInput":"Edit1737970135__numberInput"};
+export var classes = {"root":"Edit2352712395__root","numberInput":"Edit2352712395__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};