@wix/patterns 1.380.0 → 1.382.0

package/src/components/EditableTable/cellTypes/richContent/index.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import { Loader } from '@wix/design-system';
+import {
+  ensureRicosContent,
+  fromPlainText,
+  toPlainTextSync,
+} from '@wix/ricos/content';
+
+import type { CellEditProps } from '../../types';
+import { defineCellType } from '../../types';
+import { RichContentView } from './View';
+
+const richContentEditFactory = () =>
+  import(/* webpackChunkName: "EditableTableRichContentEdit" */ './Edit');
+
+if (process.env.STORYBOOK_VISUAL_E2E !== 'true') {
+  richContentEditFactory();
+}
+
+const LazyRichContentEdit = React.lazy(richContentEditFactory);
+
+const RichContentEdit = (props: CellEditProps<unknown>) => (
+  <React.Suspense fallback={<Loader size="tiny" />}>
+    <LazyRichContentEdit {...props} />
+  </React.Suspense>
+);
+
+export const richContentCellType = defineCellType<unknown>({
+  type: 'richContent',
+  ViewComponent: RichContentView,
+  EditComponent: RichContentEdit,
+
+  /** Serialize to single-line plain text for TSV clipboard. */
+  serialize: (value) => {
+    if (!value) {
+      return '';
+    }
+    return toPlainTextSync(ensureRicosContent(value as any), {
+      delimiter: ' ',
+    });
+  },
+
+  /** Deserialize a pasted plain-text string back to a minimal Ricos document. */
+  deserialize: (raw) => (raw ? fromPlainText(raw) : null),
+
+  editable: true,
+  clearable: false,
+
+  onTypeToEdit: () => ({}),
+});

package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2552462695";
+var _namespace_ = "Edit2161837763";
 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":"Edit2552462695__root","selectInput":"Edit2552462695__selectInput"};
+export var classes = {"root":"Edit2161837763__root","selectInput":"Edit2161837763__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3751560672";
+var _namespace_ = "Edit3763924154";
 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":"Edit3751560672__root","editWrapper":"Edit3751560672__editWrapper","inputArea":"Edit3751560672__inputArea"};
+export var classes = {"root":"Edit3763924154__root","editWrapper":"Edit3763924154__editWrapper","inputArea":"Edit3763924154__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/View.st.css.ts

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

package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit113419719";
+var _namespace_ = "Edit3985082075";
 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":"Edit113419719__root","urlInput":"Edit113419719__urlInput"};
+export var classes = {"root":"Edit3985082075__root","urlInput":"Edit3985082075__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3499712186";
+var _namespace_ = "View2128952715";
 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":"View3499712186__root","textView":"View3499712186__textView","urlText":"View3499712186__urlText","suffix":"View3499712186__suffix"};
+export var classes = {"root":"View2128952715__root","textView":"View2128952715__textView","urlText":"View2128952715__urlText","suffix":"View2128952715__suffix"};
 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_ = "EntityPagePlain2356357517";
+var _namespace_ = "EntityPagePlain1614994405";
 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":"EntityPagePlain2356357517__root"};
+export var classes = {"root":"EntityPagePlain1614994405__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_ = "Fade525406167";
+var _namespace_ = "Fade1137348213";
 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":"Fade525406167__root"};
+export var classes = {"root":"Fade1137348213__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_ = "Heading2420251234";
+var _namespace_ = "Heading3205261200";
 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":"Heading2420251234__root"};
+export var classes = {"root":"Heading3205261200__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload962406613";
+var _namespace_ = "ImportStepUpload3893888237";
 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":"ImportStepUpload962406613__root","fileUpload":"ImportStepUpload962406613__fileUpload"};
+export var classes = {"root":"ImportStepUpload3893888237__root","fileUpload":"ImportStepUpload3893888237__fileUpload"};
 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_ = "InputOverflow2186178642";
+var _namespace_ = "InputOverflow2191033557";
 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":"InputOverflow2186178642__root"};
+export var classes = {"root":"InputOverflow2191033557__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_ = "LoadingRow2728541301";
+var _namespace_ = "LoadingRow1265418662";
 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":"LoadingRow2728541301__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2728541301__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1265418662__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1265418662__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_ = "MaxHeightText3684570785";
+var _namespace_ = "MaxHeightText2681650250";
 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":"MaxHeightText3684570785__root"};
+export var classes = {"root":"MaxHeightText2681650250__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_ = "MaxLines1301827869";
+var _namespace_ = "MaxLines570999849";
 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":"MaxLines1301827869__root"};
+export var classes = {"root":"MaxLines570999849__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MoreActions/MoreActionsBase.tsx

@@ -29,13 +29,14 @@ function _MoreActionsBase(params: MoreActionsBaseProps) {
   const {
     items = [],
     containerId,
+    containerProps,
     dataHook = 'more-actions',
     triggerElement,
     exploreAppsModalProps,
     biAdditionalInfo,
   } = params;
   const { pageType, location } = usePageButtonBiParams();
-  const state = useExtensionMenuItems({ containerId });
+  const state = useExtensionMenuItems({ containerId, containerProps });
   const container = useWixPatternsContainer();
   const pageState = useCollectionPageContext();
   const { reportBi, environment } = container;
@@ -128,7 +129,7 @@ function _MoreActionsBase(params: MoreActionsBaseProps) {
                     );
                   }
 
-                  onClick(); // TODO: We don't have any params we need to pass to the TPA here?
+                  onClick(isTPA ? state.containerProps : undefined);
                 }}
                 {...rest}
               />

package/src/components/MoreActions/MoreActionsProps.ts

@@ -17,6 +17,11 @@ export interface MoreActionsProps {
    */
   containerId?: string;
 
+  /**
+   * Additional properties passed to the `onClick` of the container's extensions menu items.
+   */
+  containerProps?: Record<string, any>;
+
   /**
    * Additional info for cairoPageCtaClicked BI event.
    */

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar2587023767";
+var _namespace_ = "MultiBulkActionToolbar1560230751";
 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":"MultiBulkActionToolbar2587023767__root","leftGroupWrapper":"MultiBulkActionToolbar2587023767__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2587023767__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2587023767__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1560230751__root","leftGroupWrapper":"MultiBulkActionToolbar1560230751__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1560230751__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1560230751__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_ = "NestedTablePlaceholderStatesRow2688492260";
+var _namespace_ = "NestedTablePlaceholderStatesRow2961491455";
 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":"NestedTablePlaceholderStatesRow2688492260__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2961491455__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_ = "NestedTableRow1130154746";
+var _namespace_ = "NestedTableRow532230958";
 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":"NestedTableRow1130154746__root","firstLevel":"NestedTableRow1130154746__firstLevel","placeholder":"NestedTableRow1130154746__placeholder","parentHovered":"NestedTableRow1130154746__parentHovered"};
+export var classes = {"root":"NestedTableRow532230958__root","firstLevel":"NestedTableRow532230958__firstLevel","placeholder":"NestedTableRow532230958__placeholder","parentHovered":"NestedTableRow532230958__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_ = "MultipleDragOverlayEffect2404938392";
+var _namespace_ = "MultipleDragOverlayEffect1412444464";
 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":"MultipleDragOverlayEffect2404938392__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1412444464__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_ = "NestedTableDragAndDropRow3036756031";
+var _namespace_ = "NestedTableDragAndDropRow2189673265";
 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":"NestedTableDragAndDropRow3036756031__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2189673265__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_ = "PickerContent3300675913";
+var _namespace_ = "PickerContent2799004847";
 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":"PickerContent3300675913__root"};
+export var classes = {"root":"PickerContent2799004847__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_ = "PickerContentAdditionalStep1136118037";
+var _namespace_ = "PickerContentAdditionalStep699146206";
 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":"PickerContentAdditionalStep1136118037__root","titles":"PickerContentAdditionalStep1136118037__titles","suffix":"PickerContentAdditionalStep1136118037__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep699146206__root","titles":"PickerContentAdditionalStep699146206__titles","suffix":"PickerContentAdditionalStep699146206__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_ = "PickerTableListItem2168263646";
+var _namespace_ = "PickerTableListItem1985821098";
 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":"PickerTableListItem2168263646__root"};
+export var classes = {"root":"PickerTableListItem1985821098__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_ = "ScrollableContent945571623";
+var _namespace_ = "ScrollableContent4021592373";
 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":"ScrollableContent945571623__root"};
+export var classes = {"root":"ScrollableContent4021592373__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_ = "SkeletonCard372245006";
+var _namespace_ = "SkeletonCard2690132581";
 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":"SkeletonCard372245006__root","headerLoading":"SkeletonCard372245006__headerLoading"};
+export var classes = {"root":"SkeletonCard2690132581__root","headerLoading":"SkeletonCard2690132581__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_ = "SlidingModal3393023090";
+var _namespace_ = "SlidingModal4217700239";
 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":"SlidingModal3393023090__root"};
+export var classes = {"root":"SlidingModal4217700239__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_ = "TabsFilter4257445835";
+var _namespace_ = "TabsFilter3154137865";
 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":"TabsFilter4257445835__root","title":"TabsFilter4257445835__title"};
+export var classes = {"root":"TabsFilter3154137865__root","title":"TabsFilter3154137865__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_ = "ManageTagsModal1383368685";
+var _namespace_ = "ManageTagsModal975799933";
 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":"ManageTagsModal1383368685__root"};
+export var classes = {"root":"ManageTagsModal975799933__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_ = "ToolbarItem2510991336";
+var _namespace_ = "ToolbarItem1544463186";
 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":"ToolbarItem2510991336__root"};
+export var classes = {"root":"ToolbarItem1544463186__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common3086722801";
+var _namespace_ = "common2625393146";
 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":"common3086722801__root","column":"common3086722801__column","fullHeight":"common3086722801__fullHeight"};
+export var classes = {"root":"common2625393146__root","column":"common2625393146__column","fullHeight":"common2625393146__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/providers/PatternsFieldsProvider.tsx

@@ -4,6 +4,8 @@ import {
   PatternsFieldsAppContainer,
   PatternsFieldsContainerProvider,
 } from '@wix/patterns-fields/providers';
+// eslint-disable-next-line no-restricted-imports
+import '@wix/patterns-fields/src/styles.global.css';
 
 /**
  * Initializes PatternsFieldsAppContainer with the current WixPatternsContainer