@wix/patterns 1.437.0 → 1.439.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3715610776";
+var _namespace_ = "Edit942846416";
 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":"Edit3715610776__root","dateInput":"Edit3715610776__dateInput"};
+export var classes = {"root":"Edit942846416__root","dateInput":"Edit942846416__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_ = "View2782591583";
+var _namespace_ = "View1682602195";
 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":"View2782591583__root"};
+export var classes = {"root":"View1682602195__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_ = "Edit1047295334";
+var _namespace_ = "Edit1093196172";
 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":"Edit1047295334__root","half":"Edit1047295334__half","dateHalf":"Edit1047295334__dateHalf Edit1047295334__half","timeHalf":"Edit1047295334__timeHalf Edit1047295334__half","divider":"Edit1047295334__divider","passiveText":"Edit1047295334__passiveText","placeholderText":"Edit1047295334__placeholderText Edit1047295334__passiveText"};
+export var classes = {"root":"Edit1093196172__root","half":"Edit1093196172__half","dateHalf":"Edit1093196172__dateHalf Edit1093196172__half","timeHalf":"Edit1093196172__timeHalf Edit1093196172__half","divider":"Edit1093196172__divider","passiveText":"Edit1093196172__passiveText","placeholderText":"Edit1093196172__placeholderText Edit1093196172__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_ = "View208584216";
+var _namespace_ = "View2841977999";
 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":"View208584216__root","leaf":"View208584216__leaf","datePart":"View208584216__datePart View208584216__leaf","timePart":"View208584216__timePart View208584216__leaf","placeholder":"View208584216__placeholder View208584216__leaf","divider":"View208584216__divider"};
+export var classes = {"root":"View2841977999__root","leaf":"View2841977999__leaf","datePart":"View2841977999__datePart View2841977999__leaf","timePart":"View2841977999__timePart View2841977999__leaf","placeholder":"View2841977999__placeholder View2841977999__leaf","divider":"View2841977999__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2665271290";
+var _namespace_ = "Edit2341139217";
 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":"Edit2665271290__root","emailInput":"Edit2665271290__emailInput"};
+export var classes = {"root":"Edit2341139217__root","emailInput":"Edit2341139217__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2050596816";
+var _namespace_ = "Edit1352125943";
 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":"Edit2050596816__root","numberInput":"Edit2050596816__numberInput"};
+export var classes = {"root":"Edit1352125943__root","numberInput":"Edit1352125943__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_ = "View554267576";
+var _namespace_ = "View176370590";
 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":"View554267576__root","textView":"View554267576__textView"};
+export var classes = {"root":"View176370590__root","textView":"View176370590__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_ = "Edit3891975981";
+var _namespace_ = "Edit1453821035";
 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":"Edit3891975981__root","jsonInput":"Edit3891975981__jsonInput"};
+export var classes = {"root":"Edit1453821035__root","jsonInput":"Edit1453821035__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_ = "View2746037210";
+var _namespace_ = "View3086210289";
 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":"View2746037210__root"};
+export var classes = {"root":"View3086210289__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 
-import type { RichContent } from '@wix/ricos';
+import type { RichContent } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';
 import { CellRichContentInput } from '@wix/patterns-fields/cell-rich-content-input';
 
 import type { CellEditProps } from '../../types';

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

@@ -1,7 +1,10 @@
 import React from 'react';
 import { Loader } from '@wix/design-system';
-import { RicosDocument } from '@wix/ricos';
-import { fromPlainText, toPlainTextSync } from '@wix/ricos/content';
+import type { RicosDocument } from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';
+import {
+  fromPlainText,
+  toPlainTextSync,
+} from '@wix/patterns-fields-utils/@wix/patterns-fields-bundled-ricos';
 
 import type { CellEditProps } from '../../types';
 import { defineCellType } from '../../types';

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit652977528";
+var _namespace_ = "Edit4241939666";
 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":"Edit652977528__root","selectInput":"Edit652977528__selectInput"};
+export var classes = {"root":"Edit4241939666__root","selectInput":"Edit4241939666__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_ = "Edit414772115";
+var _namespace_ = "Edit3655408813";
 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":"Edit414772115__root","editWrapper":"Edit414772115__editWrapper","inputArea":"Edit414772115__inputArea"};
+export var classes = {"root":"Edit3655408813__root","editWrapper":"Edit3655408813__editWrapper","inputArea":"Edit3655408813__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_ = "View3123177637";
+var _namespace_ = "View3309862510";
 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":"View3123177637__root"};
+export var classes = {"root":"View3309862510__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_ = "Edit2219606537";
+var _namespace_ = "Edit2497656038";
 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":"Edit2219606537__root","wrapper":"Edit2219606537__wrapper","overlay":"Edit2219606537__overlay"};
+export var classes = {"root":"Edit2497656038__root","wrapper":"Edit2497656038__wrapper","overlay":"Edit2497656038__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_ = "Edit1322669621";
+var _namespace_ = "Edit1953826258";
 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":"Edit1322669621__root","urlInput":"Edit1322669621__urlInput"};
+export var classes = {"root":"Edit1953826258__root","urlInput":"Edit1953826258__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_ = "View3734265908";
+var _namespace_ = "View338213561";
 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":"View3734265908__root","textView":"View3734265908__textView","urlText":"View3734265908__urlText","suffix":"View3734265908__suffix"};
+export var classes = {"root":"View338213561__root","textView":"View338213561__textView","urlText":"View338213561__urlText","suffix":"View338213561__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/useAddRow.ts

@@ -1,39 +1,33 @@
-import { useCallback, useRef } from 'react';
+import { useCallback } from 'react';
 import type { FiltersMap } from '@wix/bex-core';
 import type { EditableTableState } from '../../state/EditableTable';
 
-export function useAddRow<T, F extends FiltersMap>(
+export function startEditingNewRow<T, F extends FiltersMap>(
   state: EditableTableState<T, F>,
+  newKey: string | undefined,
 ) {
   const firstEditableColId = state.editableColumns.find(
     (col) => col.editable !== false && !!col.setValue,
   )?.id;
+  if (!newKey || !firstEditableColId) {
+    return;
+  }
+  // RAF gives React one frame to render the new row before we try to focus it.
+  requestAnimationFrame(() => {
+    state.cellInteraction.startEdit(newKey, firstEditableColId, 'enter');
+    state.cellInteraction.scrollFocusedCellIntoView();
+  });
+}
 
-  // Cached anchor so chained afterItemKey deps are avoided —
-  // prepareItemsToMergeIntoPage reverses createdPatches, so chained anchors
-  // would strand later items at the top of the table.
-  const addItemAnchorRef = useRef<string | undefined>(undefined);
-
+export function useAddRow<T, F extends FiltersMap>(
+  state: EditableTableState<T, F>,
+) {
   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 =
-      !addItemAnchorRef.current ||
-      !state.keyedItems.some((ki) => ki.key === addItemAnchorRef.current);
-    if (isAnchorStale) {
-      addItemAnchorRef.current =
-        state.keyedItems[state.keyedItems.length - 1]?.key;
-    }
-    const newKey = state.addItem(addItemAnchorRef.current);
-    if (!newKey || !firstEditableColId) return;
-    // RAF gives React one frame to render the new row before we try to focus it.
-    requestAnimationFrame(() => {
-      state.cellInteraction.startEdit(newKey, firstEditableColId, 'enter');
-      state.cellInteraction.scrollFocusedCellIntoView();
-    });
-  }, [state, firstEditableColId]);
+    const lastRowKey = state.keyedItems[state.keyedItems.length - 1]?.key;
+    startEditingNewRow(state, state.addItem(lastRowKey));
+  }, [state]);
 
   const showAddItemRow =
     !state.addItemDisabled && state.collection.initTask.status.isSuccess;

package/src/components/EmptyState/CollectionNoResultsState.tsx

@@ -11,6 +11,7 @@ import {
 import { FiltersMap, MultiCollectionSupport, Translate } from '@wix/bex-core';
 import { EmptyStateBase, EmptyStateBaseProps } from './EmptyStateBase';
 import { MagnifyingGlassArt } from '../MagnifyingGlassArt';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 export interface CollectionNoResultsStateProps
   extends Omit<Partial<EmptyStateBaseProps>, 'cta' | 'image' | 'customCta'> {
@@ -23,15 +24,20 @@ function _CollectionNoResultsState(
   const state = useMultiCollectionSupportContext();
   const { translate: t } = useWixPatternsContainer();
   const { title, subtitle, cta } = getNoResultsStateTexts(state, t);
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   return (
     <EmptyStateBase
       dataHook="collection-empty-state"
       title={title}
       subtitle={subtitle}
-      {...props}
       cta={cta}
-      image={<MagnifyingGlassArt data-hook="empty-state-glass-illustration" />}
+      image={
+        !isBmHarmonyTheme && (
+          <MagnifyingGlassArt data-hook="empty-state-glass-illustration" />
+        )
+      }
+      {...props}
     />
   );
 }

package/src/components/EmptyState/EmptyStateBase.st.css

@@ -0,0 +1,8 @@
+/* An empty state without an illustration (e.g. under Harmony) is much
+   shorter; keep the placeholder area from collapsing and center the
+   content vertically. With an illustration the content exceeds the
+   min-height, so this is a no-op. */
+.root {
+  min-height: 230px;
+  align-items: center;
+}

package/src/components/EmptyState/EmptyStateBase.st.css.ts

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "EmptyStateBase297053964";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"EmptyStateBase297053964__root"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

package/src/components/EmptyState/EmptyStateBase.tsx

@@ -1,6 +1,7 @@
 import React, { ReactNode } from 'react';
 import { Box, EmptyState, EmptyStateProps } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
+import { st, classes } from './EmptyStateBase.st.css.js';
 
 export interface EmptyStateBaseProps
   extends EmptyStateBasePrivateProps,
@@ -40,7 +41,16 @@ export interface EmptyStateBasePrivateProps {
 }
 
 function _EmptyStateBase(props: EmptyStateBaseProps) {
-  const { children, customCta, title, subtitle, cta, image, ...rest } = props;
+  const {
+    children,
+    customCta,
+    title,
+    subtitle,
+    cta,
+    image,
+    className,
+    ...rest
+  } = props;
 
   let child;
 
@@ -68,6 +78,7 @@ function _EmptyStateBase(props: EmptyStateBaseProps) {
       subtitle={subtitle}
       theme="page-no-border"
       image={image ? <div style={{ display: 'flex' }}>{image}</div> : undefined}
+      className={st(classes.root, className)}
       {...rest}
     >
       {child}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain2692998454";
+var _namespace_ = "EntityPagePlain3111665307";
 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":"EntityPagePlain2692998454__root"};
+export var classes = {"root":"EntityPagePlain3111665307__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_ = "Fade3689079287";
+var _namespace_ = "Fade3551598244";
 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":"Fade3689079287__root"};
+export var classes = {"root":"Fade3551598244__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_ = "Heading3419941747";
+var _namespace_ = "Heading1298458225";
 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":"Heading3419941747__root"};
+export var classes = {"root":"Heading1298458225__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_ = "ImportStepUpload3378734560";
+var _namespace_ = "ImportStepUpload1306831329";
 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":"ImportStepUpload3378734560__root","fileUpload":"ImportStepUpload3378734560__fileUpload"};
+export var classes = {"root":"ImportStepUpload1306831329__root","fileUpload":"ImportStepUpload1306831329__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_ = "InputOverflow1209138119";
+var _namespace_ = "InputOverflow3299400905";
 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":"InputOverflow1209138119__root"};
+export var classes = {"root":"InputOverflow3299400905__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_ = "LoadingRow185549771";
+var _namespace_ = "LoadingRow3346218011";
 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":"LoadingRow185549771__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow185549771__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3346218011__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3346218011__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_ = "MaxHeightText106716902";
+var _namespace_ = "MaxHeightText145854489";
 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":"MaxHeightText106716902__root"};
+export var classes = {"root":"MaxHeightText145854489__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_ = "MaxLines409913796";
+var _namespace_ = "MaxLines1975309134";
 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":"MaxLines409913796__root"};
+export var classes = {"root":"MaxLines1975309134__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};