@wix/patterns 1.487.0 → 1.488.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit609728188";
+var _namespace_ = "Edit3414477392";
 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":"Edit609728188__root"};
+export var classes = {"root":"Edit3414477392__root"};
 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_ = "Edit3687966873";
+var _namespace_ = "Edit2216049623";
 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":"Edit3687966873__root","dateInput":"Edit3687966873__dateInput"};
+export var classes = {"root":"Edit2216049623__root","dateInput":"Edit2216049623__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_ = "View745981880";
+var _namespace_ = "View2443710305";
 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":"View745981880__root"};
+export var classes = {"root":"View2443710305__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -25,6 +25,8 @@ export const dateCellType = defineCellType<Date | string | null>({
     }
     return date;
   },
+  invalidInputMessage: (_raw, translate) =>
+    translate!('cairo.editableTable.date.validation.invalid'),
   validate: (value, _rules, translate) => {
     if (!value) {
       return null;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3539902594";
+var _namespace_ = "Edit2893614685";
 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":"Edit3539902594__root","half":"Edit3539902594__half","dateHalf":"Edit3539902594__dateHalf Edit3539902594__half","timeHalf":"Edit3539902594__timeHalf Edit3539902594__half","divider":"Edit3539902594__divider","passiveText":"Edit3539902594__passiveText","placeholderText":"Edit3539902594__placeholderText Edit3539902594__passiveText"};
+export var classes = {"root":"Edit2893614685__root","half":"Edit2893614685__half","dateHalf":"Edit2893614685__dateHalf Edit2893614685__half","timeHalf":"Edit2893614685__timeHalf Edit2893614685__half","divider":"Edit2893614685__divider","passiveText":"Edit2893614685__passiveText","placeholderText":"Edit2893614685__placeholderText Edit2893614685__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_ = "View3033189113";
+var _namespace_ = "View190186027";
 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":"View3033189113__root","leaf":"View3033189113__leaf","datePart":"View3033189113__datePart View3033189113__leaf","timePart":"View3033189113__timePart View3033189113__leaf","placeholder":"View3033189113__placeholder View3033189113__leaf","divider":"View3033189113__divider"};
+export var classes = {"root":"View190186027__root","leaf":"View190186027__leaf","datePart":"View190186027__datePart View190186027__leaf","timePart":"View190186027__timePart View190186027__leaf","placeholder":"View190186027__placeholder View190186027__leaf","divider":"View190186027__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -35,6 +35,8 @@ export const dateTimeCellType = defineCellType<Date | null>({
     }
     return date;
   },
+  invalidInputMessage: (_raw, translate) =>
+    translate!('cairo.editableTable.dateTime.validation.invalid'),
   validate: (value, _rules, translate) => {
     if (value == null) {
       return null;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1307167880";
+var _namespace_ = "Edit307714642";
 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":"Edit1307167880__root","emailInput":"Edit1307167880__emailInput"};
+export var classes = {"root":"Edit307714642__root","emailInput":"Edit307714642__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_ = "View1838232162";
+var _namespace_ = "View1375319147";
 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":"View1838232162__root"};
+export var classes = {"root":"View1375319147__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -23,13 +23,11 @@ export const multiReferenceCellType = defineCellType<MultiReferenceValue>({
     if (!raw) {
       return null;
     }
-    try {
-      const parsed = JSON.parse(raw);
-      if (Array.isArray(parsed)) {
-        return parsed;
-      }
-    } catch {}
-    return null;
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) {
+      throw new Error();
+    }
+    return parsed;
   },
   editable: true,
   // Single click opens the chip editor (parity with the UX handoff).

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3689162200";
+var _namespace_ = "Edit1525172478";
 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":"Edit3689162200__root","numberInput":"Edit3689162200__numberInput"};
+export var classes = {"root":"Edit1525172478__root","numberInput":"Edit1525172478__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_ = "View25324732";
+var _namespace_ = "View4037908224";
 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":"View25324732__root","textView":"View25324732__textView"};
+export var classes = {"root":"View4037908224__root","textView":"View4037908224__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -19,6 +19,8 @@ export const numberCellType = defineCellType<number | null>({
     }
     return parsed;
   },
+  invalidInputMessage: (_raw, translate) =>
+    translate!('cairo.editableTable.number.validation.invalid'),
   validate: (value, _rules, translate) => {
     if (value != null && typeof value !== 'number') {
       return translate!('cairo.editableTable.number.validation.invalid');

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

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

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

@@ -1,7 +1,7 @@
 import { defineCellType } from '../../types';
 import { ObjectView } from './View';
 import { ObjectEdit } from './Edit';
-import { safeStringify, safeParse } from '@wix/patterns-fields';
+import { safeStringify } from '@wix/patterns-fields';
 
 export { ObjectView, ObjectEdit };
 
@@ -14,12 +14,23 @@ export const objectCellType = defineCellType<Record<string, unknown>>({
     if (!raw) {
       return {};
     }
-    const parsed = safeParse(raw);
-    return typeof parsed === 'object' &&
-      parsed !== null &&
-      !Array.isArray(parsed)
-      ? parsed
-      : {};
+    const parsed = JSON.parse(raw);
+    if (
+      typeof parsed !== 'object' ||
+      parsed === null ||
+      Array.isArray(parsed)
+    ) {
+      throw new Error();
+    }
+    return parsed;
+  },
+  invalidInputMessage: (raw, translate) => {
+    try {
+      JSON.parse(raw);
+    } catch {
+      return translate!('cairo.editableTable.object.validation.invalidSyntax');
+    }
+    return translate!('cairo.editableTable.object.validation.invalidType');
   },
   validate: (value, _rules, translate) => {
     if (value == null) {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "EmptyReferenceView3066339619";
+var _namespace_ = "EmptyReferenceView242146108";
 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":"EmptyReferenceView3066339619__root","placeholder":"EmptyReferenceView3066339619__placeholder","placeholderIcon":"EmptyReferenceView3066339619__placeholderIcon","placeholderText":"EmptyReferenceView3066339619__placeholderText","arrow":"EmptyReferenceView3066339619__arrow"};
+export var classes = {"root":"EmptyReferenceView242146108__root","placeholder":"EmptyReferenceView242146108__placeholder","placeholderIcon":"EmptyReferenceView242146108__placeholderIcon","placeholderText":"EmptyReferenceView242146108__placeholderText","arrow":"EmptyReferenceView242146108__arrow"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -18,13 +18,11 @@ export const referenceCellType = defineCellType<ReferenceValue>({
     if (!raw) {
       return null;
     }
-    try {
-      const parsed = JSON.parse(raw);
-      if (parsed && typeof parsed === 'object') {
-        return parsed;
-      }
-    } catch {}
-    return null;
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== 'object') {
+      throw new Error();
+    }
+    return parsed;
   },
   editable: true,
   onTypeToEdit: () => ({}),

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2172195729";
+var _namespace_ = "Edit3947891206";
 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":"Edit2172195729__root","selectInput":"Edit2172195729__selectInput"};
+export var classes = {"root":"Edit3947891206__root","selectInput":"Edit3947891206__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_ = "Edit3688837703";
+var _namespace_ = "Edit2615699824";
 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":"Edit3688837703__root","editWrapper":"Edit3688837703__editWrapper","inputArea":"Edit3688837703__inputArea"};
+export var classes = {"root":"Edit2615699824__root","editWrapper":"Edit2615699824__editWrapper","inputArea":"Edit2615699824__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_ = "View532610434";
+var _namespace_ = "View435231739";
 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":"View532610434__root"};
+export var classes = {"root":"View435231739__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_ = "Edit506646544";
+var _namespace_ = "Edit12869818";
 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":"Edit506646544__root","wrapper":"Edit506646544__wrapper","overlay":"Edit506646544__overlay"};
+export var classes = {"root":"Edit12869818__root","wrapper":"Edit12869818__wrapper","overlay":"Edit12869818__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -28,6 +28,8 @@ export const timeCellType = defineCellType<Time | null>({
     }
     return raw;
   },
+  invalidInputMessage: (_raw, translate) =>
+    translate!('cairo.editableTable.time.validation.invalid'),
   validate: (value, _rules, translate) => {
     if (!value) {
       return null;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2723986264";
+var _namespace_ = "Edit4001724464";
 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":"Edit2723986264__root","urlInput":"Edit2723986264__urlInput"};
+export var classes = {"root":"Edit4001724464__root","urlInput":"Edit4001724464__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_ = "View375950858";
+var _namespace_ = "View3937214018";
 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":"View375950858__root","textView":"View375950858__textView","urlText":"View375950858__urlText","suffix":"View375950858__suffix"};
+export var classes = {"root":"View3937214018__root","textView":"View3937214018__textView","urlText":"View3937214018__urlText","suffix":"View3937214018__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/types.ts

@@ -30,6 +30,7 @@ export type CellTypeDefinition<V> = EditableCellConfig<V> & {
     rules?: ValidationRule[],
     translate?: Translate,
   ) => string | null;
+  invalidInputMessage?: CellType['invalidInputMessage'];
 };
 
 /** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain3759557725";
+var _namespace_ = "EntityPagePlain1379562807";
 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":"EntityPagePlain3759557725__root"};
+export var classes = {"root":"EntityPagePlain1379562807__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_ = "Fade1770349337";
+var _namespace_ = "Fade2679749157";
 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":"Fade1770349337__root"};
+export var classes = {"root":"Fade2679749157__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/FieldActions/FieldActions.tsx

@@ -1,8 +1,9 @@
-import React, { type ReactNode } from 'react';
+import React, { type ComponentProps, type ReactNode } from 'react';
 import {
   SortAscendingSmall,
   SortDescendingSmall,
   ContentFilterSmall,
+  FilterSmall,
   HiddenSmall,
   DeleteSmall,
   EditSmall,
@@ -15,6 +16,14 @@ import { cairoCtaClicked } from '@wix/bex-core/bi';
 import type { ReportBI, Translate, TranslationsKeys } from '@wix/bex-core';
 import type { HeaderAction, FieldActionsMenuConfig } from './headerActionTypes';
 import { MENU_DATA_HOOKS } from './fieldTypeActions';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
+
+const FilterActionIcon = (props: ComponentProps<typeof FilterSmall>) =>
+  useBmHarmonyTheme() ? (
+    <FilterSmall {...props} />
+  ) : (
+    <ContentFilterSmall {...props} />
+  );
 
 export type FieldActionKey =
   | 'editField'
@@ -89,7 +98,7 @@ export const FIELD_ACTIONS: Record<FieldActionKey, FieldActionDef> = {
     label: 'Filter',
     dataHook: 'field-action-filter',
     ctaName: 'Filter',
-    icon: <ContentFilterSmall />,
+    icon: <FilterActionIcon />,
   },
   archive: {
     label: 'Archive',

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading3462255574";
+var _namespace_ = "Heading4056142077";
 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":"Heading3462255574__root"};
+export var classes = {"root":"Heading4056142077__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_ = "ImportStepUpload2101281800";
+var _namespace_ = "ImportStepUpload4021007671";
 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":"ImportStepUpload2101281800__root","fileUpload":"ImportStepUpload2101281800__fileUpload"};
+export var classes = {"root":"ImportStepUpload4021007671__root","fileUpload":"ImportStepUpload4021007671__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_ = "InputOverflow2248902607";
+var _namespace_ = "InputOverflow2505247784";
 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":"InputOverflow2248902607__root"};
+export var classes = {"root":"InputOverflow2505247784__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_ = "LoadingRow3893066163";
+var _namespace_ = "LoadingRow3621201869";
 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":"LoadingRow3893066163__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3893066163__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3621201869__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3621201869__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_ = "MaxHeightText2356253105";
+var _namespace_ = "MaxHeightText1246016224";
 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":"MaxHeightText2356253105__root"};
+export var classes = {"root":"MaxHeightText1246016224__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};