@wix/patterns 1.440.0 → 1.443.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_ = "CardContainer4002794504";
 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":"CardContainer4002794504__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_ = "CmsFieldForm2982431923";
 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":"CmsFieldForm2982431923__root","fullBleedDivider":"CmsFieldForm2982431923__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_ = "CmsFieldModal2928876262";
 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":"CmsFieldModal2928876262__root","modal":"CmsFieldModal2928876262__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_ = "ValidationAndDefaultsSection3243644032";
 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":"ValidationAndDefaultsSection3243644032__root","accordionWrapper":"ValidationAndDefaultsSection3243644032__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_ = "CharactersLimitInput1116271689";
 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":"CharactersLimitInput1116271689__root","field":"CharactersLimitInput1116271689__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_ = "Collapse3539207438";
 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":"Collapse3539207438__root","exit":"Collapse3539207438__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_ = "CollectionPage2310277309";
 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":"CollectionPage2310277309__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_ = "CollectionSectionHeader31919053";
 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":"CollectionSectionHeader31919053__root","summaryIcon":"CollectionSectionHeader31919053__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_ = "CollectionTable156221192";
 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":"CollectionTable156221192__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_ = "CollectionTableWSRTable3082976804";
 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":"CollectionTableWSRTable3082976804__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_ = "CollectionToolbar2906075268";
 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":"CollectionToolbar2906075268__root","right":"CollectionToolbar2906075268__right","left":"CollectionToolbar2906075268__left","fullWidth":"CollectionToolbar2906075268__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_ = "SearchOrCustomFilter1175048861";
 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":"SearchOrCustomFilter1175048861__root","search":"SearchOrCustomFilter1175048861__search","searchMobile":"SearchOrCustomFilter1175048861__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbarFilters/CollectionToolbarFilters.tsx

@@ -52,6 +52,23 @@ export interface CollectionToolbarFiltersProps {
   hideAppliedFiltersTagList?: boolean;
 }
 
+/**
+ * Filters that need the side panel rather than an inline slot — they are too
+ * tall or too interactive to sit in the toolbar. One of these among the inline
+ * filters forces the panel for all of them.
+ *
+ * Matched against `displayName`, so a component that wraps one of these has to
+ * declare its own name here; a wrapper with no `displayName` silently renders
+ * inline. See `ReferenceFieldFilter`.
+ */
+export const SIDE_PANEL_FILTER_DISPLAY_NAMES: string[] = [
+  'DateRangeFilter',
+  'MultiSelectCollectionFilter',
+  'RadioGroupFilter',
+  'MultiInlineCheckboxFilter',
+  'ReferenceFieldFilter',
+];
+
 function _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {
   const {
     children,
@@ -88,17 +105,13 @@ function _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {
 
   const forceShowSidePanel = useMemo(
     () =>
-      !!childrenArr.slice(0, inline).find((filter) => {
-        return (
-          filter.type.displayName &&
-          [
-            'DateRangeFilter',
-            'MultiSelectCollectionFilter',
-            'RadioGroupFilter',
-            'MultiInlineCheckboxFilter',
-          ].includes(filter.type.displayName)
-        );
-      }),
+      !!childrenArr
+        .slice(0, inline)
+        .find(
+          (filter) =>
+            filter.type.displayName &&
+            SIDE_PANEL_FILTER_DISPLAY_NAMES.includes(filter.type.displayName),
+        ),
     [childrenArr],
   );
 

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_ = "AutoCompleteReadonly40276714";
 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":"AutoCompleteReadonly40276714__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_ = "ViewsDropdown4002229056";
 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":"ViewsDropdown4002229056__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_ = "DragHandle2876968569";
 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":"DragHandle2876968569__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_ = "EditableCell2174415256";
 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":"EditableCell2174415256__root","errorMessage":"EditableCell2174415256__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_ = "HeaderActionsPopover1414070421";
 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":"HeaderActionsPopover1414070421__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_ = "CellViewLayout717649944";
 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":"CellViewLayout717649944__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_ = "Edit4039281978";
 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":"Edit4039281978__root","addressInput":"Edit4039281978__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_ = "Edit2409931606";
 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":"Edit2409931606__root","jsonInput":"Edit2409931606__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_ = "Edit1933578266";
 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":"Edit1933578266__root","booleanEdit":"Edit1933578266__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_ = "View1897568591";
 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":"View1897568591__root","booleanView":"View1897568591__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_ = "Edit351838480";
 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":"Edit351838480__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_ = "Edit3173606969";
 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":"Edit3173606969__root","dateInput":"Edit3173606969__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_ = "View2435020196";
 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":"View2435020196__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_ = "Edit3531536293";
 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":"Edit3531536293__root","half":"Edit3531536293__half","dateHalf":"Edit3531536293__dateHalf Edit3531536293__half","timeHalf":"Edit3531536293__timeHalf Edit3531536293__half","divider":"Edit3531536293__divider","passiveText":"Edit3531536293__passiveText","placeholderText":"Edit3531536293__placeholderText Edit3531536293__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_ = "View3883231843";
 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":"View3883231843__root","leaf":"View3883231843__leaf","datePart":"View3883231843__datePart View3883231843__leaf","timePart":"View3883231843__timePart View3883231843__leaf","placeholder":"View3883231843__placeholder View3883231843__leaf","divider":"View3883231843__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};