@wix/patterns 1.410.0 → 1.412.0

package/src/components/EditableTable/cellTypes/multiDocument/View.tsx

@@ -0,0 +1,15 @@
+import React from 'react';
+import { CellMultiDocumentView } from '@wix/patterns-fields';
+import type { CellViewProps } from '../../types';
+
+export const MultiDocumentView: React.FC<CellViewProps<string[] | null>> = ({
+  value,
+  columnId,
+  rowKey,
+}) => (
+  <CellMultiDocumentView
+    value={value}
+    dataHook="multi-document-view"
+    fieldId={`multi-document-view-${columnId}-${rowKey}`}
+  />
+);

package/src/components/EditableTable/cellTypes/multiDocument/View.uni.driver.ts

@@ -0,0 +1,15 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function MultiDocumentViewUniDriver(base: UniDriver, _body: UniDriver) {
+  const tags = () => base.$$('[data-hook="cell-multi-document-tag"]');
+  const overflow = () => base.$('[data-hook="tag-list-overflow-chip"]');
+  return {
+    ...baseUniDriverFactory(base),
+    hasTags: async () => (await tags().count()) > 0,
+    getTagsCount: () => tags().count(),
+    isEmpty: async () => !(await base.$('[data-hook="cell-multi-document-tags"]').exists()),
+    hasOverflowChip: () => overflow().exists(),
+    getOverflowChipText: async () => (await overflow().text()) ?? '',
+  };
+}

package/src/components/EditableTable/cellTypes/multiDocument/index.ts

@@ -0,0 +1,19 @@
+import { defineCellType } from '../../types';
+import { MultiDocumentView } from './View';
+import { MultiDocumentEdit } from './Edit';
+
+export { MultiDocumentView, MultiDocumentEdit };
+
+export const multiDocumentCellType = defineCellType<string[] | null>({
+  type: 'multiDocument',
+  ViewComponent: MultiDocumentView,
+  EditComponent: MultiDocumentEdit,
+  serialize: (value) => (value ?? []).join(', '),
+  clearable: true,
+  showEditWhenFocused: true,
+  growable: true,
+  // Returning undefined blocks all key presses from starting type-to-edit, but
+  // the presence of the function sets the :typeToEdit CSS modifier which keeps
+  // the selection borders visible while the cell is in edit mode (double border).
+  onTypeToEdit: () => undefined,
+});

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3100978072";
+var _namespace_ = "Edit1055727097";
 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":"Edit3100978072__root","numberInput":"Edit3100978072__numberInput"};
+export var classes = {"root":"Edit1055727097__root","numberInput":"Edit1055727097__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View4043208263";
+var _namespace_ = "View543634184";
 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":"View4043208263__root","textView":"View4043208263__textView"};
+export var classes = {"root":"View543634184__root","textView":"View543634184__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2882977053";
+var _namespace_ = "Edit306900703";
 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":"Edit2882977053__root","jsonInput":"Edit2882977053__jsonInput"};
+export var classes = {"root":"Edit306900703__root","jsonInput":"Edit306900703__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/EditableTable/cellTypes/reference/Edit.tsx

@@ -19,6 +19,7 @@ import type { ReferenceItem, ReferenceTypeConfig } from './types';
 import { getImageFieldId } from './getImageFieldId';
 import { useCollection } from '@wix/bex-core/react';
 import { observer } from 'mobx-react-lite';
+import { useOpenReferencedCollection } from './openCollectionContext';
 
 type ReferenceValue = Record<string, unknown> | null;
 
@@ -35,6 +36,10 @@ function _ReferenceEditContent({
   const refSchema = config?.refSchema;
   const acHandle = useRef<CellReferenceInputHandle | null>(null);
   const wrapperRef = useRef<HTMLDivElement | null>(null);
+  // Opener provided by ReferenceEditWrapper (a stable ancestor) so the
+  // navigation + return-to-foreground subscription survive this editor
+  // unmounting when the overlay opens.
+  const openReferencedCollection = useOpenReferencedCollection();
 
   const collection = useCollection<ReferenceItem>({
     queryName: `reference-cell-edit-${refSchema?.id ?? 'unknown'}`,
@@ -185,13 +190,18 @@ function _ReferenceEditContent({
     fixedFooter: config?.renderFooter?.(),
   });
 
-  const configOnOpenCollection = config?.onOpenCollection;
+  // Refresh this editor's dropdown options when the overlay closes — force
+  // invalidates the shared query cache (keyed by queryName), so even after this
+  // editor has unmounted the next open refetches fresh.
   const handleOpenCollection = useMemo(
     () =>
-      configOnOpenCollection
-        ? () => configOnOpenCollection({ collection })
+      openReferencedCollection
+        ? () =>
+            openReferencedCollection(() =>
+              collection.clearResultAndMoveToStart({ force: true }),
+            )
         : undefined,
-    [configOnOpenCollection, collection],
+    [openReferencedCollection, collection],
   );
 
   if (!refSchema) {

package/src/components/EditableTable/cellTypes/reference/Edit.uni.driver.ts

@@ -62,5 +62,15 @@ export function ReferenceEditUniDriver(base: UniDriver, body: UniDriver) {
       const option = await body.$$('[data-hook="list-item-select"]').get(index);
       return option.click();
     },
+    // Open-collection action is rendered inside the portal-mounted dropdown footer.
+    hasOpenCollectionButton: () =>
+      body.$('[data-hook="reference-open-collection"]').exists(),
+    clickOpenCollection: async () => {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      const el = (
+        body.$('[data-hook="reference-open-collection"]') as any
+      ).getNative() as Promise<HTMLElement>;
+      fireEvent.click(await el);
+    },
   };
 }

package/src/components/EditableTable/cellTypes/reference/ReferenceEditWrapper.tsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { CellEditWrapperProps } from '../../types';
+import type { ReferenceTypeConfig } from './types';
+import { useOpenCollectionOverlay } from '../../useOpenCollectionOverlay';
+import { OpenReferencedCollectionContext } from './openCollectionContext';
+
+/**
+ * Stable owner (mounted by EditableCell around the cell content, kept mounted
+ * across the edit↔view swap) for the reference cell's "open collection" flow.
+ * Opening the referenced collection navigates away as an overlay, which commits
+ * and unmounts the inline editor — owning the navigation + return-to-foreground
+ * subscription here lets it survive that unmount. The editor supplies the
+ * refresh to run on return (over its own dropdown collection) via the opener
+ * provided through context.
+ */
+export function ReferenceEditWrapper({
+  typeConfig,
+  children,
+}: CellEditWrapperProps) {
+  const collectionId = (typeConfig as ReferenceTypeConfig | undefined)
+    ?.refSchema?.collectionId;
+  const openReferencedCollection = useOpenCollectionOverlay({ collectionId });
+
+  return (
+    <OpenReferencedCollectionContext.Provider value={openReferencedCollection}>
+      {children}
+    </OpenReferencedCollectionContext.Provider>
+  );
+}

package/src/components/EditableTable/cellTypes/reference/index.ts

@@ -1,6 +1,7 @@
 import { defineCellType } from '../../types';
 import { ReferenceView } from './View';
 import { ReferenceEdit } from './Edit';
+import { ReferenceEditWrapper } from './ReferenceEditWrapper';
 
 export { ReferenceView, ReferenceEdit };
 export type { ReferenceItem, RefSchema, ReferenceTypeConfig } from './types';
@@ -11,6 +12,7 @@ export const referenceCellType = defineCellType<ReferenceValue>({
   type: 'reference',
   ViewComponent: ReferenceView,
   EditComponent: ReferenceEdit,
+  EditWrapper: ReferenceEditWrapper,
   serialize: (value) => (value ? JSON.stringify(value) : ''),
   deserialize: (raw) => {
     if (!raw) {

package/src/components/EditableTable/cellTypes/reference/openCollectionContext.ts

@@ -0,0 +1,18 @@
+import { createContext, useContext } from 'react';
+import type { OpenCollectionOverlay } from '../../useOpenCollectionOverlay';
+
+/**
+ * Opener that navigates to the referenced collection as an overlay, or
+ * `undefined` when the host can't navigate. Provided by `ReferenceEditWrapper`
+ * (mounted by EditableCell, so it — and the layer-state subscription it owns —
+ * outlives the inline editor) and consumed by the reference editor.
+ *
+ * The editor passes the refresh to run on return (over its own dropdown
+ * `collection`, which the wrapper has no reference to) as the opener's argument.
+ */
+export const OpenReferencedCollectionContext = createContext<
+  OpenCollectionOverlay | undefined
+>(undefined);
+
+export const useOpenReferencedCollection = () =>
+  useContext(OpenReferencedCollectionContext);

package/src/components/EditableTable/cellTypes/reference/types.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-import { ComputedQuery, CollectionState } from '@wix/bex-core';
+import { ComputedQuery } from '@wix/bex-core';
 
 export interface ReferenceItem {
   id: string;
@@ -15,6 +15,8 @@ export interface RefSchemaField {
 
 export interface RefSchema {
   id: string;
+  /** The id of the referenced collection, used to navigate to it from the cell editor. */
+  collectionId?: string;
   displayField: string;
   idField: string;
   fields?: Record<string, RefSchemaField | undefined>;
@@ -26,7 +28,4 @@ export interface ReferenceTypeConfig {
     query: ComputedQuery,
   ) => Promise<{ items: ReferenceItem[]; total: number }>;
   renderFooter?: () => React.ReactNode;
-  onOpenCollection?: (args: {
-    collection: CollectionState<ReferenceItem>;
-  }) => void;
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3622054579";
+var _namespace_ = "Edit1498785548";
 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":"Edit3622054579__root","selectInput":"Edit3622054579__selectInput"};
+export var classes = {"root":"Edit1498785548__root","selectInput":"Edit1498785548__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_ = "Edit1086116721";
+var _namespace_ = "Edit3584983746";
 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":"Edit1086116721__root","editWrapper":"Edit1086116721__editWrapper","inputArea":"Edit1086116721__inputArea"};
+export var classes = {"root":"Edit3584983746__root","editWrapper":"Edit3584983746__editWrapper","inputArea":"Edit3584983746__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_ = "View2530907196";
+var _namespace_ = "View3405290509";
 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":"View2530907196__root"};
+export var classes = {"root":"View3405290509__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1064171681";
+var _namespace_ = "Edit3688772027";
 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":"Edit1064171681__root","wrapper":"Edit1064171681__wrapper","overlay":"Edit1064171681__overlay"};
+export var classes = {"root":"Edit3688772027__root","wrapper":"Edit3688772027__wrapper","overlay":"Edit3688772027__overlay"};
 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_ = "Edit1983071667";
+var _namespace_ = "Edit1748350936";
 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":"Edit1983071667__root","urlInput":"Edit1983071667__urlInput"};
+export var classes = {"root":"Edit1748350936__root","urlInput":"Edit1748350936__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_ = "View3489720698";
+var _namespace_ = "View865061379";
 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":"View3489720698__root","textView":"View3489720698__textView","urlText":"View3489720698__urlText","suffix":"View3489720698__suffix"};
+export var classes = {"root":"View865061379__root","textView":"View865061379__textView","urlText":"View865061379__urlText","suffix":"View865061379__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/types.ts

@@ -46,13 +46,36 @@ export interface CellEditProps<V> {
   rowKey: string;
 }
 
+/**
+ * Props passed to a cell type's optional `EditWrapper`. EditableCell mounts the
+ * wrapper around the cell content and keeps it mounted across the edit↔view
+ * transition, so the wrapper can own behavior that must outlive the inline
+ * editor (e.g. a reference cell navigating to an overlay and refreshing on
+ * return). The wrapper hands anything the editor needs down via its own context.
+ */
+export interface CellEditWrapperProps {
+  /** The column's typeConfig (same value handed to the cell's Edit/View). */
+  typeConfig?: unknown;
+  /** Stable id of the column. */
+  columnId: string;
+  /** Stable key of the row. */
+  rowKey: string;
+  /** The cell content (the Edit or View component) to render inside the wrapper. */
+  children: React.ReactNode;
+}
+
 /**
  * Type-safe definition for a cell type. Non-value-typed props are derived
  * directly from CellType via Pick so new additions propagate automatically.
  */
 export type CellTypeDefinition<V> = Pick<
   CellType,
-  'editable' | 'clearable' | 'showEditWhenFocused' | 'nativeTypeToEdit'
+  | 'editable'
+  | 'clearable'
+  | 'showEditWhenFocused'
+  | 'nativeTypeToEdit'
+  | 'EditWrapper'
+  | 'growable'
 > & {
   type: CellType['type'];
   ViewComponent: React.ComponentType<CellViewProps<V>>;

package/src/components/EditableTable/useAddRow.ts

@@ -15,6 +15,8 @@ export function useAddRow<T, F extends FiltersMap>(
   const addItemAnchorRef = useRef<string | undefined>(undefined);
 
   const handleAddItem = useCallback(() => {
+    state.onAddItemClick('Card CTA');
+
     // Refresh the anchor if it's missing or no longer in the current page
     // (e.g. after query/filter/pagination changes moved it off-page).
     const isAnchorStale =

package/src/components/EditableTable/useOpenCollectionOverlay.ts

@@ -0,0 +1,77 @@
+import { useCallback, useEffect, useRef } from 'react';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+
+export type OpenCollectionOverlay = (onReturnToForeground?: () => void) => void;
+
+/**
+ * Builds an opener that navigates to a collection (by id) as an overlay on top
+ * of the current page, and invokes `onReturnToForeground` once the overlay
+ * closes and the page returns to the foreground.
+ *
+ * Must be called from a component that outlives the inline cell editor (e.g. a
+ * cell type's `EditWrapper`): opening the overlay typically commits/unmounts
+ * the editor, so the layer-state subscription is owned here and disposed only
+ * on this owner's unmount (and before re-opening). The editor passes the
+ * refresh it wants to run on return as `onReturnToForeground` when it calls the
+ * opener, since the editor — not this owner — holds the data to refresh.
+ *
+ * Returns `undefined` when the host can't navigate (no `collectionId`,
+ * `navigateTo`, or page location).
+ */
+export function useOpenCollectionOverlay({
+  collectionId,
+}: {
+  collectionId: string | undefined;
+}): OpenCollectionOverlay | undefined {
+  const container = useWixPatternsContainer();
+  const pageLocation = container.usePageLocation?.();
+  const navigateTo = container.navigateTo;
+  const onLayerStateChange = container.onLayerStateChange;
+
+  // The subscription is owned by this (stable) component, not the editor that
+  // triggers it, so it survives the editor unmounting when the overlay opens
+  // and is disposed on this owner's unmount (or before re-opening).
+  const subscriptionRef = useRef<{ remove: () => void } | null>(null);
+  useEffect(
+    () => () => {
+      subscriptionRef.current?.remove();
+      subscriptionRef.current = null;
+    },
+    [],
+  );
+
+  const open = useCallback<OpenCollectionOverlay>(
+    (onReturnToForeground) => {
+      if (!collectionId || !navigateTo || !pageLocation) {
+        return;
+      }
+      // Preserve the current route (pathname, existing query params, hash) and
+      // only swap in the referenced collectionId, so nested routes and required
+      // query state survive the navigation.
+      const params = new URLSearchParams(pageLocation.search);
+      params.set('collectionId', collectionId);
+      navigateTo({
+        pageId: pageLocation.pageId,
+        relativeUrl: `${pageLocation.pathname}?${params.toString()}${
+          pageLocation.hash ?? ''
+        }`,
+        displayMode: 'overlay',
+        history: 'replace',
+      });
+
+      subscriptionRef.current?.remove();
+      subscriptionRef.current =
+        onLayerStateChange?.((newState) => {
+          if (newState === 'foreground') {
+            subscriptionRef.current?.remove();
+            subscriptionRef.current = null;
+            onReturnToForeground?.();
+          }
+        }) ?? null;
+    },
+    [collectionId, navigateTo, pageLocation, onLayerStateChange],
+  );
+
+  const canOpen = Boolean(collectionId && navigateTo && pageLocation);
+  return canOpen ? open : undefined;
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain2427195524";
+var _namespace_ = "EntityPagePlain3739611070";
 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":"EntityPagePlain2427195524__root"};
+export var classes = {"root":"EntityPagePlain3739611070__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_ = "Fade3848359802";
+var _namespace_ = "Fade4130788920";
 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":"Fade3848359802__root"};
+export var classes = {"root":"Fade4130788920__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_ = "Heading1336255058";
+var _namespace_ = "Heading2094863706";
 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":"Heading1336255058__root"};
+export var classes = {"root":"Heading2094863706__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_ = "ImportStepUpload2535128437";
+var _namespace_ = "ImportStepUpload1294505743";
 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":"ImportStepUpload2535128437__root","fileUpload":"ImportStepUpload2535128437__fileUpload"};
+export var classes = {"root":"ImportStepUpload1294505743__root","fileUpload":"ImportStepUpload1294505743__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_ = "InputOverflow724143178";
+var _namespace_ = "InputOverflow2087723890";
 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":"InputOverflow724143178__root"};
+export var classes = {"root":"InputOverflow2087723890__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_ = "LoadingRow940035620";
+var _namespace_ = "LoadingRow267290899";
 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":"LoadingRow940035620__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow940035620__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow267290899__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow267290899__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_ = "MaxHeightText3311575791";
+var _namespace_ = "MaxHeightText529312426";
 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":"MaxHeightText3311575791__root"};
+export var classes = {"root":"MaxHeightText529312426__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};