@wix/patterns 1.345.0 → 1.348.0

package/src/components/CollectionToolbarFilters/CollectionToolbarFilters.tsx

@@ -131,39 +131,39 @@ function _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {
   const container = useWixPatternsContainer();
   const { filters } = collection;
 
-  const filtersProps = useMemo(
-    () => {
-      // share essential filter props globally
-      return [
-        ...childrenArr.map(({ props: filterChildProps, type }) => {
-          const {
-            filter,
-            onAppliedFilterTagRemove,
-            renderToolbarTag,
-            toolbarTagProps,
-            accordionItemProps,
-          } = filterChildProps;
-
-          return {
-            filter,
-            onAppliedFilterTagRemove,
-            toolbarTagProps,
-            accordionItemProps,
-            renderToolbarTag:
-              renderToolbarTag ??
-              type.renderPresetToolbarTag?.(container, {
-                filterProps: filterChildProps,
-              }),
-          };
-        }),
-        {
-          filter: filters.search,
-          onAppliedFilterTagRemove: onSearchAppliedFilterTagRemove,
-        },
-      ];
-    },
-    childrenArr.map(({ props: { filter } }) => filter),
-  );
+  const filtersProps = useMemo(() => {
+    // share essential filter props globally
+    return [
+      ...childrenArr.map(({ props: filterChildProps, type }) => {
+        const {
+          filter,
+          onAppliedFilterTagRemove,
+          renderToolbarTag,
+          toolbarTagProps,
+          accordionItemProps,
+        } = filterChildProps;
+
+        return {
+          filter,
+          onAppliedFilterTagRemove,
+          toolbarTagProps,
+          accordionItemProps,
+          renderToolbarTag:
+            renderToolbarTag ??
+            type.renderPresetToolbarTag?.(container, {
+              filterProps: filterChildProps,
+            }),
+        };
+      }),
+      {
+        filter: filters.search,
+        onAppliedFilterTagRemove: onSearchAppliedFilterTagRemove,
+      },
+    ];
+  }, [
+    childrenArr.length,
+    ...childrenArr.map(({ props: { filter } }) => filter),
+  ]);
 
   useEffect(() => {
     state.setFilterTagsPropsIfChanged(filtersProps);

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly329712210";
+var _namespace_ = "AutoCompleteReadonly1974284090";
 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":"AutoCompleteReadonly329712210__root"};
+export var classes = {"root":"AutoCompleteReadonly1974284090__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_ = "ViewsDropdown433985166";
+var _namespace_ = "ViewsDropdown1047621763";
 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":"ViewsDropdown433985166__root"};
+export var classes = {"root":"ViewsDropdown1047621763__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomFieldFilters/CheckboxCustomFieldFilter.tsx

@@ -5,14 +5,14 @@ import { useWixPatternsContainer } from '@wix/bex-core/react';
 
 interface CheckboxCustomFieldFilterProps extends FilterProps<unknown[]> {}
 
-export const CheckboxCustomFieldFilter = ({
-  filter,
-}: CheckboxCustomFieldFilterProps) => {
+export const CheckboxCustomFieldFilter = (
+  props: CheckboxCustomFieldFilterProps,
+) => {
   const { translate: t } = useWixPatternsContainer();
 
   return (
     <RadioGroupFilter
-      filter={filter}
+      {...props}
       data={[
         {
           id: 'checked',

package/src/components/CustomFieldFilters/DateCustomFieldFilter.tsx

@@ -6,10 +6,8 @@ import { DateCustomFieldFilterBase } from './DateCustomFieldFilterBase';
 
 interface DateCustomFieldFilterProps extends FilterProps<RangeItem<Date>> {}
 
-export const DateCustomFieldFilter = ({
-  filter,
-}: DateCustomFieldFilterProps) => {
-  return <DateCustomFieldFilterBase filter={filter} />;
+export const DateCustomFieldFilter = (props: DateCustomFieldFilterProps) => {
+  return <DateCustomFieldFilterBase {...props} />;
 };
 
 DateCustomFieldFilter.renderPresetToolbarTag =

package/src/components/CustomFieldFilters/DateTimeCustomFieldFilter.tsx

@@ -6,10 +6,10 @@ import { DateCustomFieldFilterBase } from './DateCustomFieldFilterBase';
 
 interface DateTimeCustomFieldFilterProps extends FilterProps<RangeItem<Date>> {}
 
-export const DateTimeCustomFieldFilter = ({
-  filter,
-}: DateTimeCustomFieldFilterProps) => {
-  return <DateCustomFieldFilterBase filter={filter} filterByTime />;
+export const DateTimeCustomFieldFilter = (
+  props: DateTimeCustomFieldFilterProps,
+) => {
+  return <DateCustomFieldFilterBase {...props} filterByTime />;
 };
 
 DateTimeCustomFieldFilter.renderPresetToolbarTag =

package/src/components/CustomFieldFilters/buildCustomFieldFilterElement.tsx

@@ -24,22 +24,22 @@ export const buildCustomFieldFilterElement = <T, F extends FiltersMap>(
     dateTime: DateTimeCustomFieldFilter,
     checkbox: CheckboxCustomFieldFilter,
     integer: NumberRangeFilter,
-    decimal: ({ filter }) => <NumberRangeFilter filter={filter} decimal />,
-    shortText: ({ filter }) => (
+    decimal: (props) => <NumberRangeFilter {...props} decimal />,
+    shortText: (props) => (
       <OperatorFilterPicker
-        filter={filter}
+        {...props}
         allowedOperators={STRING_OPERATORS}
       />
     ),
-    url: ({ filter }) => (
+    url: (props) => (
       <OperatorFilterPicker
-        filter={filter}
+        {...props}
         allowedOperators={STRING_OPERATORS}
       />
     ),
-    longText: ({ filter }) => (
+    longText: (props) => (
       <OperatorFilterPicker
-        filter={filter}
+        {...props}
         allowedOperators={STRING_OPERATORS}
       />
     ),
@@ -64,6 +64,9 @@ export const buildCustomFieldFilterElement = <T, F extends FiltersMap>(
       toolbarItemProps={{
         label,
       }}
+      toolbarTagProps={{
+        label,
+      }}
     />
   );
 };

package/src/components/DataExtension/CollectionDataExtensionState.ts

@@ -130,6 +130,8 @@ export class CollectionDataExtensionState<T, F extends FiltersMap> {
   }
 
   _addCustomFieldFilters() {
+    const { translate } = this.dataExtension.container;
+
     const customFieldFilter: {
       [key in CustomFieldType]?: (
         params: Partial<FilterStateBaseParams<any>>,
@@ -140,9 +142,9 @@ export class CollectionDataExtensionState<T, F extends FiltersMap> {
       checkbox: idNameArrayFilter,
       decimal: numberRangeFilter,
       integer: numberRangeFilter,
-      shortText: stringOperatorFilter,
-      url: stringOperatorFilter,
-      longText: stringOperatorFilter,
+      shortText: (params) => stringOperatorFilter({ ...params, translate }),
+      url: (params) => stringOperatorFilter({ ...params, translate }),
+      longText: (params) => stringOperatorFilter({ ...params, translate }),
     };
 
     this.dataExtension.filterableCustomFields.forEach(
@@ -195,6 +197,8 @@ export class CollectionDataExtensionState<T, F extends FiltersMap> {
       ]);
 
       this._handleFetchSchemasError();
+      // Add custom field filters BEFORE initTask completes so collection waits for them
+      this._addCustomFieldFilters();
       toolbar.setNewExtendedColumns(dataExtension.availableCustomFields, {
         defaultHidden: true,
       });

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle3576246055";
+var _namespace_ = "DragHandle4211744995";
 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":"DragHandle3576246055__root"};
+export var classes = {"root":"DragHandle4211744995__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPage/EntityPagePlain.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain3702248845";
+var _namespace_ = "EntityPagePlain165029253";
 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":"EntityPagePlain3702248845__root"};
+export var classes = {"root":"EntityPagePlain165029253__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade1561794639";
+var _namespace_ = "Fade113856090";
 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":"Fade1561794639__root"};
+export var classes = {"root":"Fade113856090__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading3314958541";
+var _namespace_ = "Heading4117206017";
 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":"Heading3314958541__root"};
+export var classes = {"root":"Heading4117206017__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow2152951428";
+var _namespace_ = "InputOverflow122992747";
 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":"InputOverflow2152951428__root"};
+export var classes = {"root":"InputOverflow122992747__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow1153626324";
+var _namespace_ = "LoadingRow2386845315";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow1153626324__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1153626324__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2386845315__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2386845315__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText1357995327";
+var _namespace_ = "MaxHeightText2941345795";
 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":"MaxHeightText1357995327__root"};
+export var classes = {"root":"MaxHeightText2941345795__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines2318748090";
+var _namespace_ = "MaxLines2685931768";
 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":"MaxLines2318748090__root"};
+export var classes = {"root":"MaxLines2685931768__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar2705869789";
+var _namespace_ = "MultiBulkActionToolbar3636803309";
 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":"MultiBulkActionToolbar2705869789__root","leftGroupWrapper":"MultiBulkActionToolbar2705869789__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2705869789__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2705869789__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3636803309__root","leftGroupWrapper":"MultiBulkActionToolbar3636803309__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3636803309__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3636803309__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow3119102920";
+var _namespace_ = "NestedTablePlaceholderStatesRow3299048733";
 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":"NestedTablePlaceholderStatesRow3119102920__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3299048733__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow208321339";
+var _namespace_ = "NestedTableRow2944825962";
 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":"NestedTableRow208321339__root","firstLevel":"NestedTableRow208321339__firstLevel","placeholder":"NestedTableRow208321339__placeholder","parentHovered":"NestedTableRow208321339__parentHovered"};
+export var classes = {"root":"NestedTableRow2944825962__root","firstLevel":"NestedTableRow2944825962__firstLevel","placeholder":"NestedTableRow2944825962__placeholder","parentHovered":"NestedTableRow2944825962__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect47656884";
+var _namespace_ = "MultipleDragOverlayEffect2848659450";
 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":"MultipleDragOverlayEffect47656884__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2848659450__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow3796496631";
+var _namespace_ = "NestedTableDragAndDropRow2616913862";
 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":"NestedTableDragAndDropRow3796496631__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2616913862__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent677599157";
+var _namespace_ = "PickerContent1060271441";
 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":"PickerContent677599157__root"};
+export var classes = {"root":"PickerContent1060271441__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep80900325";
+var _namespace_ = "PickerContentAdditionalStep2173691430";
 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":"PickerContentAdditionalStep80900325__root","titles":"PickerContentAdditionalStep80900325__titles","suffix":"PickerContentAdditionalStep80900325__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2173691430__root","titles":"PickerContentAdditionalStep2173691430__titles","suffix":"PickerContentAdditionalStep2173691430__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem3286367647";
+var _namespace_ = "PickerTableListItem3400953959";
 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":"PickerTableListItem3286367647__root"};
+export var classes = {"root":"PickerTableListItem3400953959__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent1050821203";
+var _namespace_ = "ScrollableContent3587171475";
 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":"ScrollableContent1050821203__root"};
+export var classes = {"root":"ScrollableContent3587171475__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard3326812551";
+var _namespace_ = "SkeletonCard658555106";
 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":"SkeletonCard3326812551__root","headerLoading":"SkeletonCard3326812551__headerLoading"};
+export var classes = {"root":"SkeletonCard658555106__root","headerLoading":"SkeletonCard658555106__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SlidingModal1578172764";
+var _namespace_ = "SlidingModal1479463160";
 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":"SlidingModal1578172764__root"};
+export var classes = {"root":"SlidingModal1479463160__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter2081280494";
+var _namespace_ = "TabsFilter139350848";
 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":"TabsFilter2081280494__root","title":"TabsFilter2081280494__title"};
+export var classes = {"root":"TabsFilter139350848__root","title":"TabsFilter139350848__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal4010282068";
+var _namespace_ = "ManageTagsModal3372698127";
 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":"ManageTagsModal4010282068__root"};
+export var classes = {"root":"ManageTagsModal3372698127__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem1551718793";
+var _namespace_ = "ToolbarItem1044695008";
 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":"ToolbarItem1551718793__root"};
+export var classes = {"root":"ToolbarItem1044695008__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};