@wix/patterns 1.496.0 → 1.498.0

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

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "Edit1355542424";
+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":"Edit1355542424__root"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

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

@@ -1,17 +1,20 @@
 import React from 'react';
 import { CellMediaImageEdit, type MediaImageValue } from '@wix/patterns-fields';
 import type { CellEditProps } from '../../types';
+import { classes } from './Edit.st.css.js';
 
 export const MediaImageEdit: React.FC<
   CellEditProps<MediaImageValue | null>
 > = ({ value, onChange, onCommit, onCancel, onStartEdit, inputRef }) => (
-  <CellMediaImageEdit
-    value={value}
-    onChange={onChange}
-    onCommit={onCommit}
-    onCancel={onCancel}
-    onStartEdit={onStartEdit}
-    inputRef={inputRef}
-    dataHook="media-image-edit"
-  />
+  <div className={classes.root}>
+    <CellMediaImageEdit
+      value={value}
+      onChange={onChange}
+      onCommit={onCommit}
+      onCancel={onCancel}
+      onStartEdit={onStartEdit}
+      inputRef={inputRef}
+      dataHook="media-image-edit"
+    />
+  </div>
 );

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

@@ -50,6 +50,12 @@ export function MediaImageEditUniDriver(base: UniDriver, body: UniDriver) {
       await body.$('[data-hook="media-image-edit-action-preview"]').click();
     },
     isPreviewOpen: () => body.$('[data-hook="preview-modal-content"]').exists(),
+    openMoreActions: () =>
+      body.$('[data-hook="media-image-edit-more-button"]').click(),
+    getMoreActionLabels: () =>
+      body
+        .$$('[data-hook^="media-image-edit-action-"]')
+        .map((action) => action.text()),
     replaceWithUrl: async () => {
       await body.$('[data-hook="media-image-edit-more-button"]').click();
       await body.$('[data-hook="media-image-edit-action-replace-url"]').click();

package/src/components/EditableTable/cellTypes/multiDocument/Edit.st.css

@@ -0,0 +1,6 @@
+.editor {
+  width: 100%;
+  min-width: 0;
+  max-height: min(360px, 50vh);
+  overflow-y: auto;
+}

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

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "Edit1521901539";
+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":"Edit1521901539__root","editor":"Edit1521901539__editor"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { CellMultiDocumentEdit } from '@wix/patterns-fields';
 import type { CellEditProps } from '../../types';
+import { classes } from './Edit.st.css.js';
 
 export const MultiDocumentEdit: React.FC<CellEditProps<string[] | null>> = ({
   value,
@@ -12,14 +13,16 @@ export const MultiDocumentEdit: React.FC<CellEditProps<string[] | null>> = ({
   columnId,
   rowKey,
 }) => (
-  <CellMultiDocumentEdit
-    value={value}
-    onChange={onChange}
-    onCommit={onCommit}
-    onCancel={onCancel}
-    onStartEdit={onStartEdit}
-    inputRef={inputRef}
-    dataHook="multi-document-edit"
-    fieldId={`multi-document-edit-${columnId}-${rowKey}`}
-  />
+  <div className={classes.editor} data-hook="multi-document-editor">
+    <CellMultiDocumentEdit
+      value={value}
+      onChange={onChange}
+      onCommit={onCommit}
+      onCancel={onCancel}
+      onStartEdit={onStartEdit}
+      inputRef={inputRef}
+      dataHook="multi-document-edit"
+      fieldId={`multi-document-edit-${columnId}-${rowKey}`}
+    />
+  </div>
 );

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit4137898944";
+var _namespace_ = "Edit889845620";
 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":"Edit4137898944__root","numberInput":"Edit4137898944__numberInput"};
+export var classes = {"root":"Edit889845620__root","numberInput":"Edit889845620__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_ = "View1050885943";
+var _namespace_ = "View1690477885";
 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":"View1050885943__root","textView":"View1050885943__textView"};
+export var classes = {"root":"View1690477885__root","textView":"View1690477885__textView"};
 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_ = "View3425138249";
+var _namespace_ = "View1649356120";
 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":"View3425138249__root"};
+export var classes = {"root":"View1649356120__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/reference/EmptyReferenceView.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "EmptyReferenceView1590175613";
+var _namespace_ = "EmptyReferenceView3559140096";
 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":"EmptyReferenceView1590175613__root","placeholder":"EmptyReferenceView1590175613__placeholder","placeholderIcon":"EmptyReferenceView1590175613__placeholderIcon","placeholderText":"EmptyReferenceView1590175613__placeholderText","arrow":"EmptyReferenceView1590175613__arrow"};
+export var classes = {"root":"EmptyReferenceView3559140096__root","placeholder":"EmptyReferenceView3559140096__placeholder","placeholderIcon":"EmptyReferenceView3559140096__placeholderIcon","placeholderText":"EmptyReferenceView3559140096__placeholderText","arrow":"EmptyReferenceView3559140096__arrow"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3100283366";
+var _namespace_ = "Edit1378728878";
 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":"Edit3100283366__root","selectInput":"Edit3100283366__selectInput"};
+export var classes = {"root":"Edit1378728878__root","selectInput":"Edit1378728878__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_ = "Edit2648970855";
+var _namespace_ = "Edit3013026992";
 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":"Edit2648970855__root","editWrapper":"Edit2648970855__editWrapper","inputArea":"Edit2648970855__inputArea"};
+export var classes = {"root":"Edit3013026992__root","editWrapper":"Edit3013026992__editWrapper","inputArea":"Edit3013026992__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_ = "View2239080149";
+var _namespace_ = "View381503741";
 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":"View2239080149__root"};
+export var classes = {"root":"View381503741__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_ = "Edit2431693639";
+var _namespace_ = "Edit3552325032";
 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":"Edit2431693639__root","wrapper":"Edit2431693639__wrapper","overlay":"Edit2431693639__overlay"};
+export var classes = {"root":"Edit3552325032__root","wrapper":"Edit3552325032__wrapper","overlay":"Edit3552325032__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_ = "Edit2091273722";
+var _namespace_ = "Edit2090982083";
 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":"Edit2091273722__root","urlInput":"Edit2091273722__urlInput"};
+export var classes = {"root":"Edit2090982083__root","urlInput":"Edit2090982083__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_ = "View799396297";
+var _namespace_ = "View3685794322";
 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":"View799396297__root","textView":"View799396297__textView","urlText":"View799396297__urlText","suffix":"View799396297__suffix"};
+export var classes = {"root":"View3685794322__root","textView":"View3685794322__textView","urlText":"View3685794322__urlText","suffix":"View3685794322__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/EntityPage/EntityPageActionsBar.tsx

@@ -94,7 +94,7 @@ export function _EntityPageActionsBar({
         moreActions={deleteAction.canShow ? undefined : moreActions}
         onCancel={state.onCancel.bind(state)}
         onSave={state.handleSubmit.bind(state)}
-        actionsBarConfig={state.actionsBarConfig}
+        actionsBarConfig={state.resolvedActionsBarConfig}
       />
       {enhancedMoreActions && confirmModal.isOpen && (
         <React.Suspense fallback={null}>

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

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

package/src/components/EntityPageFields/EntityPageField.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPageField2403163101";
+var _namespace_ = "EntityPageField2216753025";
 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":"EntityPageField2403163101__root","row":"EntityPageField2403163101__row"};
+export var classes = {"root":"EntityPageField2216753025__root","row":"EntityPageField2216753025__row"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPageFields/EntityPageFields.tsx

@@ -53,6 +53,7 @@ function _EntityPageFields({
 
   const fields = resolveEntityPageFields(schema.fields, fieldIds);
   const data = (state.entity ?? {}) as Record<string, unknown>;
+  const areFieldsReadOnly = state.areFieldsReadOnly;
 
   return (
     <Box direction="vertical" gap="SP4" width="100%" dataHook={dataHook}>
@@ -60,7 +61,10 @@ function _EntityPageFields({
         <EntityPageField
           key={field.id}
           field={field}
-          readOnly={isEntityPageReadOnlyField(field, schema.idField)}
+          readOnly={
+            areFieldsReadOnly ||
+            isEntityPageReadOnlyField(field, schema.idField)
+          }
           formControl={state.form.control}
           data={data}
           definition={resolveFieldTypeDefinition(

package/src/components/EntityPageFields/EntityPageReferenceValue.st.css

@@ -0,0 +1,17 @@
+@property st-global(--wds-border-width-default);
+@property st-global(--wds-input-border-color-focus);
+@property st-global(--wsr-color-B10);
+
+.root {
+  display: flex;
+  align-items: center;
+  min-height: 36px;
+  width: 100%;
+  min-width: 0;
+}
+
+.root:focus-within {
+  outline: var(--wds-border-width-default, 1px) solid
+    var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));
+  outline-offset: calc(-1 * var(--wds-border-width-default, 1px));
+}

package/src/components/EntityPageFields/EntityPageReferenceValue.st.css.ts

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "EntityPageReferenceValue668538395";
+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":"EntityPageReferenceValue668538395__root"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {"wds-border-width-default":"--wds-border-width-default","wds-input-border-color-focus":"--wds-input-border-color-focus","wsr-color-B10":"--wsr-color-B10"}; 
+
+
+
+

package/src/components/EntityPageFields/EntityPageReferenceValue.tsx

@@ -1,9 +1,11 @@
-import React from 'react';
+import React, { useState } from 'react';
 import type { Field } from '@wix/bex-core';
 import {
   CellMultiReferenceView,
   CellReferenceView,
 } from '@wix/patterns-fields';
+import type { CellMultiReferenceItem } from '@wix/patterns-fields';
+import { classes } from './EntityPageReferenceValue.st.css.js';
 import { imageFieldOf, useReferencedSchema } from './useReferencedSchema';
 
 export interface EntityPageReferenceValueProps {
@@ -45,11 +47,7 @@ export function EntityPageReferenceValue({
       return label ? [{ id: `${field.id}-${i}`, ...label }] : [];
     });
     return items.length ? (
-      <CellMultiReferenceView
-        items={items}
-        fieldId={field.id}
-        dataHook="multi-reference-view"
-      />
+      <FocusableMultiReferenceValue items={items} field={field} />
     ) : null;
   }
 
@@ -62,3 +60,42 @@ export function EntityPageReferenceValue({
     />
   ) : null;
 }
+
+function FocusableMultiReferenceValue({
+  items,
+  field,
+}: {
+  items: CellMultiReferenceItem[];
+  field: Field;
+}) {
+  const [focused, setFocused] = useState(false);
+
+  return (
+    <div
+      className={classes.root}
+      role="group"
+      aria-label={field.displayName}
+      tabIndex={0}
+      onFocus={(event) => {
+        // Expansion removes the overflow chip, so keep focus on the wrapper
+        // even when the chip received the initial pointer/keyboard focus.
+        if (!focused) {
+          event.currentTarget.focus();
+          setFocused(true);
+        }
+      }}
+      onBlur={(event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) {
+          setFocused(false);
+        }
+      }}
+    >
+      <CellMultiReferenceView
+        items={items}
+        fieldId={field.id}
+        dataHook="multi-reference-view"
+        expanded={focused}
+      />
+    </div>
+  );
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade1228129809";
+var _namespace_ = "Fade2065765858";
 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":"Fade1228129809__root"};
+export var classes = {"root":"Fade2065765858__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_ = "Heading3344847339";
+var _namespace_ = "Heading62602533";
 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":"Heading3344847339__root"};
+export var classes = {"root":"Heading62602533__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/ImportStepConfiguration.tsx

@@ -44,7 +44,8 @@ type FieldTypeTitleKey =
   | 'auto-patterns.fields.field_type_image_title'
   | 'auto-patterns.fields.field_type_video_title'
   | 'auto-patterns.fields.field_type_document_title'
-  | 'auto-patterns.fields.field_type_audio_title';
+  | 'auto-patterns.fields.field_type_audio_title'
+  | 'auto-patterns.fields.field_type_rich_text_title';
 
 const NEW_FIELD_TYPE_TITLE_KEY: Record<NewFieldType, FieldTypeTitleKey> = {
   text: 'auto-patterns.fields.field_type_text_title',
@@ -56,6 +57,8 @@ const NEW_FIELD_TYPE_TITLE_KEY: Record<NewFieldType, FieldTypeTitleKey> = {
   video: 'auto-patterns.fields.field_type_video_title',
   document: 'auto-patterns.fields.field_type_document_title',
   audio: 'auto-patterns.fields.field_type_audio_title',
+  richText: 'auto-patterns.fields.field_type_rich_text_title',
+  multiReference: 'auto-patterns.fields.field_type_text_title',
 };
 
 type DropdownOption = ReturnType<typeof listItemSelectBuilder>;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload3203797294";
+var _namespace_ = "ImportStepUpload666741092";
 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":"ImportStepUpload3203797294__root","fileUpload":"ImportStepUpload3203797294__fileUpload"};
+export var classes = {"root":"ImportStepUpload666741092__root","fileUpload":"ImportStepUpload666741092__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_ = "InputOverflow58387247";
+var _namespace_ = "InputOverflow90928257";
 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":"InputOverflow58387247__root"};
+export var classes = {"root":"InputOverflow90928257__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_ = "LoadingRow1478888175";
+var _namespace_ = "LoadingRow864730236";
 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":"LoadingRow1478888175__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1478888175__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow864730236__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow864730236__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {};