@wix/patterns 1.400.0 → 1.401.0

package/src/components/EditableTable/EditableCell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EditableCell3260745158";
+var _namespace_ = "EditableCell297025019";
 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":"EditableCell3260745158__root","validationIndicator":"EditableCell3260745158__validationIndicator"};
+export var classes = {"root":"EditableCell297025019__root","validationIndicator":"EditableCell297025019__validationIndicator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/EditableCell.tsx

@@ -158,12 +158,16 @@ function _EditableCell<T, F extends FiltersMap>({
           typeConfig={column.typeConfig}
           editTrigger={cellInteraction.editTrigger}
           validation={column.validation}
+          columnId={columnId}
+          rowKey={rowKey}
         />
       ) : (
         <ViewComponent
           value={value}
           typeConfig={column.typeConfig}
           validation={column.validation}
+          columnId={columnId}
+          rowKey={rowKey}
         />
       )}
     </div>

package/src/components/EditableTable/HeaderActionsPopover.st.css.ts

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

package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1656210143";
+var _namespace_ = "Edit815432497";
 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":"Edit1656210143__root","booleanEdit":"Edit1656210143__booleanEdit"};
+export var classes = {"root":"Edit815432497__root","booleanEdit":"Edit815432497__booleanEdit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2636325412";
+var _namespace_ = "View3234124570";
 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":"View2636325412__root","booleanView":"View2636325412__booleanView"};
+export var classes = {"root":"View3234124570__root","booleanView":"View3234124570__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit204895626";
+var _namespace_ = "Edit4231325539";
 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":"Edit204895626__root","dateInput":"Edit204895626__dateInput"};
+export var classes = {"root":"Edit4231325539__root","dateInput":"Edit4231325539__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_ = "View3496533103";
+var _namespace_ = "View2991314189";
 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":"View3496533103__root"};
+export var classes = {"root":"View2991314189__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { CellDocumentEdit } from '@wix/patterns-fields';
+import type { CellEditProps } from '../../types';
+
+export const DocumentEdit: React.FC<CellEditProps<string | null>> = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  onStartEdit,
+  inputRef,
+  columnId,
+  rowKey,
+}) => (
+  <CellDocumentEdit
+    value={value}
+    onChange={onChange}
+    onCommit={onCommit}
+    onCancel={onCancel}
+    onStartEdit={onStartEdit}
+    inputRef={inputRef}
+    dataHook="document-edit"
+    fieldId={`document-edit-${columnId}-${rowKey}`}
+  />
+);

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

@@ -0,0 +1,17 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function DocumentEditUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    hasAddButton: () =>
+      base.$('[data-hook="document-edit-add-button"]').exists(),
+    hasPasteUrlButton: () =>
+      base.$('[data-hook="document-edit-paste-url-button"]').exists(),
+    hasTag: () => base.$('[data-hook="document-edit-tag"]').exists(),
+    hasMoreButton: () =>
+      base.$('[data-hook="document-edit-more-button"]').exists(),
+    isLoading: () =>
+      base.$('[data-hook="document-edit"] [data-hook="loader"]').exists(),
+  };
+}

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

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

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

@@ -0,0 +1,13 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+
+export function DocumentViewUniDriver(base: UniDriver, _body: UniDriver) {
+  return {
+    ...baseUniDriverFactory(base),
+    hasTag: () => base.$('[data-hook="cell-document-tag"]').exists(),
+    getTagText: async () =>
+      (await base.$('[data-hook="cell-document-tag"]').text()) ?? '',
+    isEmpty: async () =>
+      !(await base.$('[data-hook="cell-document-tag"]').exists()),
+  };
+}

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

@@ -0,0 +1,18 @@
+import { defineCellType } from '../../types';
+import { DocumentView } from './View';
+import { DocumentEdit } from './Edit';
+
+export { DocumentView, DocumentEdit };
+
+export const documentCellType = defineCellType<string | null>({
+  type: 'document',
+  ViewComponent: DocumentView,
+  EditComponent: DocumentEdit,
+  serialize: (value) => value ?? '',
+  clearable: true,
+  showEditWhenFocused: 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/email/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit4093384155";
+var _namespace_ = "Edit1177767794";
 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":"Edit4093384155__root","emailInput":"Edit4093384155__emailInput"};
+export var classes = {"root":"Edit1177767794__root","emailInput":"Edit1177767794__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_ = "View3457779878";
+var _namespace_ = "View3821822548";
 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":"View3457779878__root"};
+export var classes = {"root":"View3821822548__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -7,6 +7,7 @@ import { urlCellType } from './url';
 import { emailCellType } from './email';
 import { objectCellType } from './object';
 import { imageCellType } from './image';
+import { documentCellType } from './document';
 import { richContentCellType } from './richContent';
 import { videoCellType } from './video';
 import { richTextCellType } from './richText';
@@ -22,6 +23,7 @@ export {
   emailCellType,
   objectCellType,
   imageCellType,
+  documentCellType,
   richContentCellType,
   videoCellType,
   richTextCellType,
@@ -39,6 +41,7 @@ export const builtInCellTypes: CellType[] = [
   emailCellType,
   objectCellType,
   imageCellType,
+  documentCellType,
   richContentCellType,
   videoCellType,
   richTextCellType,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit937210464";
+var _namespace_ = "Edit1340566835";
 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":"Edit937210464__root","numberInput":"Edit937210464__numberInput"};
+export var classes = {"root":"Edit1340566835__root","numberInput":"Edit1340566835__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_ = "View2971770330";
+var _namespace_ = "View2401474797";
 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":"View2971770330__root","textView":"View2971770330__textView"};
+export var classes = {"root":"View2401474797__root","textView":"View2401474797__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_ = "Edit3264908364";
+var _namespace_ = "Edit3982562543";
 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":"Edit3264908364__root","jsonInput":"Edit3264908364__jsonInput"};
+export var classes = {"root":"Edit3982562543__root","jsonInput":"Edit3982562543__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_ = "View927340017";
+var _namespace_ = "View3315060749";
 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":"View927340017__root"};
+export var classes = {"root":"View3315060749__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -12,6 +12,8 @@ export const RichContentEdit: React.FC<CellEditProps<unknown>> = ({
   onCommit,
   // onCancel intentionally unused: Escape commits via RichContentEditor.onClose → editorEvents.publish().
   editTrigger,
+  columnId,
+  rowKey,
 }) => {
   const initialTypedKey =
     editTrigger &&
@@ -27,7 +29,7 @@ export const RichContentEdit: React.FC<CellEditProps<unknown>> = ({
   return (
     <>
       {/* Show cell view underneath while the modal is open */}
-      <RichContentView value={value} />
+      <RichContentView value={value} columnId={columnId} rowKey={rowKey} />
       <CellRichContentInput
         value={value}
         onChange={onChange as (v: RichContent | undefined) => void}

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

@@ -12,6 +12,8 @@ export const RichTextEdit: React.FC<CellEditProps<string>> = ({
   onCommit,
   editTrigger,
   typeConfig,
+  columnId,
+  rowKey,
 }) => {
   const initialTypedKey =
     editTrigger &&
@@ -26,7 +28,7 @@ export const RichTextEdit: React.FC<CellEditProps<string>> = ({
   return (
     <>
       {/* Show plain-text view underneath while the popover is open */}
-      <RichTextView value={value} />
+      <RichTextView value={value} columnId={columnId} rowKey={rowKey} />
       <CellRichTextInput
         value={value}
         onChange={onChange}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1445534509";
+var _namespace_ = "Edit3639170053";
 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":"Edit1445534509__root","selectInput":"Edit1445534509__selectInput"};
+export var classes = {"root":"Edit3639170053__root","selectInput":"Edit3639170053__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_ = "Edit387545583";
+var _namespace_ = "Edit3136783284";
 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":"Edit387545583__root","editWrapper":"Edit387545583__editWrapper","inputArea":"Edit387545583__inputArea"};
+export var classes = {"root":"Edit3136783284__root","editWrapper":"Edit3136783284__editWrapper","inputArea":"Edit3136783284__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_ = "View3434326033";
+var _namespace_ = "View274737897";
 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":"View3434326033__root"};
+export var classes = {"root":"View274737897__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_ = "Edit73359157";
+var _namespace_ = "Edit977864146";
 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":"Edit73359157__root","urlInput":"Edit73359157__urlInput"};
+export var classes = {"root":"Edit977864146__root","urlInput":"Edit977864146__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_ = "View282289240";
+var _namespace_ = "View4093717522";
 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":"View282289240__root","textView":"View282289240__textView","urlText":"View282289240__urlText","suffix":"View282289240__suffix"};
+export var classes = {"root":"View4093717522__root","textView":"View4093717522__textView","urlText":"View4093717522__urlText","suffix":"View4093717522__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/types.ts

@@ -4,6 +4,10 @@ export interface CellViewProps<V> {
   value: V;
   typeConfig?: unknown;
   validation?: ValidationRule[];
+  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */
+  columnId: string;
+  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */
+  rowKey: string;
 }
 
 export interface Focusable {
@@ -36,6 +40,10 @@ export interface CellEditProps<V> {
   editTrigger?: EditTrigger | null;
   /** Column-level validation rules. Edit components can derive UI behavior (e.g., maxLength blocking/tooltip) from these. */
   validation?: ValidationRule[];
+  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */
+  columnId: string;
+  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */
+  rowKey: string;
 }
 
 /**

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain321935504";
+var _namespace_ = "EntityPagePlain4187557972";
 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":"EntityPagePlain321935504__root"};
+export var classes = {"root":"EntityPagePlain4187557972__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_ = "Fade2041376266";
+var _namespace_ = "Fade4173305272";
 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":"Fade2041376266__root"};
+export var classes = {"root":"Fade4173305272__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_ = "Heading1619305250";
+var _namespace_ = "Heading3015715108";
 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":"Heading1619305250__root"};
+export var classes = {"root":"Heading3015715108__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_ = "ImportStepUpload1844371787";
+var _namespace_ = "ImportStepUpload460242634";
 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":"ImportStepUpload1844371787__root","fileUpload":"ImportStepUpload1844371787__fileUpload"};
+export var classes = {"root":"ImportStepUpload460242634__root","fileUpload":"ImportStepUpload460242634__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_ = "InputOverflow3000138160";
+var _namespace_ = "InputOverflow2662682754";
 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":"InputOverflow3000138160__root"};
+export var classes = {"root":"InputOverflow2662682754__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_ = "LoadingRow4291427585";
+var _namespace_ = "LoadingRow3814389136";
 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":"LoadingRow4291427585__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow4291427585__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3814389136__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3814389136__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {};