@wix/patterns 1.494.0 → 1.495.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3427717467";
+var _namespace_ = "Edit1089980805";
 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":"Edit3427717467__root"};
+export var classes = {"root":"Edit1089980805__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_ = "Edit514332001";
+var _namespace_ = "Edit673023204";
 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":"Edit514332001__root","dateInput":"Edit514332001__dateInput"};
+export var classes = {"root":"Edit673023204__root","dateInput":"Edit673023204__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_ = "View1529146851";
+var _namespace_ = "View1302082497";
 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":"View1529146851__root"};
+export var classes = {"root":"View1302082497__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_ = "Edit770565810";
+var _namespace_ = "Edit1898372478";
 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":"Edit770565810__root","half":"Edit770565810__half","dateHalf":"Edit770565810__dateHalf Edit770565810__half","timeHalf":"Edit770565810__timeHalf Edit770565810__half","divider":"Edit770565810__divider","passiveText":"Edit770565810__passiveText","placeholderText":"Edit770565810__placeholderText Edit770565810__passiveText"};
+export var classes = {"root":"Edit1898372478__root","half":"Edit1898372478__half","dateHalf":"Edit1898372478__dateHalf Edit1898372478__half","timeHalf":"Edit1898372478__timeHalf Edit1898372478__half","divider":"Edit1898372478__divider","passiveText":"Edit1898372478__passiveText","placeholderText":"Edit1898372478__placeholderText Edit1898372478__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_ = "View2164594497";
+var _namespace_ = "View1761170044";
 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":"View2164594497__root","leaf":"View2164594497__leaf","datePart":"View2164594497__datePart View2164594497__leaf","timePart":"View2164594497__timePart View2164594497__leaf","placeholder":"View2164594497__placeholder View2164594497__leaf","divider":"View2164594497__divider"};
+export var classes = {"root":"View1761170044__root","leaf":"View1761170044__leaf","datePart":"View1761170044__datePart View1761170044__leaf","timePart":"View1761170044__timePart View1761170044__leaf","placeholder":"View1761170044__placeholder View1761170044__leaf","divider":"View1761170044__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_ = "Edit2379122669";
+var _namespace_ = "Edit3070213297";
 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":"Edit2379122669__root","emailInput":"Edit2379122669__emailInput"};
+export var classes = {"root":"Edit3070213297__root","emailInput":"Edit3070213297__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_ = "View3369042961";
+var _namespace_ = "View156929387";
 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":"View3369042961__root"};
+export var classes = {"root":"View156929387__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_ = "Edit3007089961";
+var _namespace_ = "Edit280315305";
 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":"Edit3007089961__root","numberInput":"Edit3007089961__numberInput"};
+export var classes = {"root":"Edit280315305__root","numberInput":"Edit280315305__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_ = "View1871936684";
+var _namespace_ = "View2781506596";
 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":"View1871936684__root","textView":"View1871936684__textView"};
+export var classes = {"root":"View2781506596__root","textView":"View2781506596__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_ = "View2018564419";
+var _namespace_ = "View1118613088";
 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":"View2018564419__root"};
+export var classes = {"root":"View1118613088__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_ = "EmptyReferenceView3244837461";
+var _namespace_ = "EmptyReferenceView1182212601";
 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":"EmptyReferenceView3244837461__root","placeholder":"EmptyReferenceView3244837461__placeholder","placeholderIcon":"EmptyReferenceView3244837461__placeholderIcon","placeholderText":"EmptyReferenceView3244837461__placeholderText","arrow":"EmptyReferenceView3244837461__arrow"};
+export var classes = {"root":"EmptyReferenceView1182212601__root","placeholder":"EmptyReferenceView1182212601__placeholder","placeholderIcon":"EmptyReferenceView1182212601__placeholderIcon","placeholderText":"EmptyReferenceView1182212601__placeholderText","arrow":"EmptyReferenceView1182212601__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_ = "Edit1135665701";
+var _namespace_ = "Edit2414094201";
 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":"Edit1135665701__root","selectInput":"Edit1135665701__selectInput"};
+export var classes = {"root":"Edit2414094201__root","selectInput":"Edit2414094201__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_ = "Edit19302658";
+var _namespace_ = "Edit2395190668";
 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":"Edit19302658__root","editWrapper":"Edit19302658__editWrapper","inputArea":"Edit19302658__inputArea"};
+export var classes = {"root":"Edit2395190668__root","editWrapper":"Edit2395190668__editWrapper","inputArea":"Edit2395190668__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_ = "View1584416757";
+var _namespace_ = "View2372260115";
 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":"View1584416757__root"};
+export var classes = {"root":"View2372260115__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_ = "Edit288431653";
+var _namespace_ = "Edit3719156168";
 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":"Edit288431653__root","wrapper":"Edit288431653__wrapper","overlay":"Edit288431653__overlay"};
+export var classes = {"root":"Edit3719156168__root","wrapper":"Edit3719156168__wrapper","overlay":"Edit3719156168__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_ = "Edit3350619743";
+var _namespace_ = "Edit3586755469";
 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":"Edit3350619743__root","urlInput":"Edit3350619743__urlInput"};
+export var classes = {"root":"Edit3586755469__root","urlInput":"Edit3586755469__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_ = "View583628029";
+var _namespace_ = "View4049590600";
 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":"View583628029__root","textView":"View583628029__textView","urlText":"View583628029__urlText","suffix":"View583628029__suffix"};
+export var classes = {"root":"View4049590600__root","textView":"View4049590600__textView","urlText":"View4049590600__urlText","suffix":"View4049590600__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_ = "EmptyStateBase3215187829";
+var _namespace_ = "EmptyStateBase4117235004";
 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":"EmptyStateBase3215187829__root"};
+export var classes = {"root":"EmptyStateBase4117235004__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_ = "EntityPagePlain4002700384";
+var _namespace_ = "EntityPagePlain2875429091";
 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":"EntityPagePlain4002700384__root"};
+export var classes = {"root":"EntityPagePlain2875429091__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_ = "EntityPageField3028477652";
+var _namespace_ = "EntityPageField2583760001";
 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":"EntityPageField3028477652__root","row":"EntityPageField3028477652__row"};
+export var classes = {"root":"EntityPageField2583760001__root","row":"EntityPageField2583760001__row"};
 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_ = "Fade3067912005";
+var _namespace_ = "Fade2813439303";
 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":"Fade3067912005__root"};
+export var classes = {"root":"Fade2813439303__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_ = "Heading1852531165";
+var _namespace_ = "Heading3761637075";
 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":"Heading1852531165__root"};
+export var classes = {"root":"Heading3761637075__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/ImportButtonModalLayout.tsx

@@ -10,7 +10,10 @@ import { getImportModalStepProps } from './getImportModalStepProps';
 import React, { Suspense, lazy, useEffect, useMemo, useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useCreateImport } from '@wix/bex-core';
-import { detectFieldType } from '@wix/patterns-fields';
+import {
+  detectFieldType,
+  isImportMediaValueCompatible,
+} from '@wix/patterns-fields';
 import { ImportButtonModalLayoutProps } from './ImportProps';
 import { addEventListener } from '@wix/bex-core/util';
 import { useIsMobile } from '../../hooks/useIsMobile';
@@ -38,6 +41,7 @@ function _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {
     // ImportState wires the schema-backed `mergeFields` from the source, so
     // created columns refresh with no wiring here (CAIRO-4400).
     detectColumnType: detectFieldType,
+    isValueCompatible: isImportMediaValueCompatible,
     importModalState,
     reportBi: toolbar.reportBi,
   });

package/src/components/ImportButton/ImportStepConfiguration.tsx

@@ -119,13 +119,11 @@ const NewFieldHelperText = observer(function _NewFieldHelperText({
 interface FieldMappingCellProps {
   state: ImportState;
   header: string;
-  fieldOptions: DropdownOption[];
 }
 
 const FieldMappingCell = observer(function _FieldMappingCell({
   state,
   header,
-  fieldOptions,
 }: FieldMappingCellProps) {
   const dropdownRef = React.useRef<Dropdown>(null);
   const { translate: t, selectedFieldIds, canCreateNewField } = state;
@@ -139,14 +137,19 @@ const FieldMappingCell = observer(function _FieldMappingCell({
       : undefined;
 
   const options: DropdownOption[] = [
-    ...fieldOptions.map((option) => ({
-      ...option,
-      disabled:
-        selectedFieldIds.has(String(option.id)) &&
-        !(
-          mapping?.kind === 'existing' && mapping.fieldId === String(option.id)
-        ),
-    })),
+    ...state
+      .fieldsForHeader(header)
+      .filter((field) => field.id != null)
+      .map((field) => ({
+        ...listItemSelectBuilder({
+          id: field.id!,
+          label: field.header,
+          title: field.header,
+        }),
+        disabled:
+          selectedFieldIds.has(field.id!) &&
+          !(mapping?.kind === 'existing' && mapping.fieldId === field.id),
+      })),
     ...(canCreateNewField
       ? [
           // The new field's name — the display name the user entered in the
@@ -242,7 +245,7 @@ const FieldMappingCell = observer(function _FieldMappingCell({
 });
 
 function _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {
-  const { csvHeaders, fields, translate: t } = state;
+  const { csvHeaders, translate: t } = state;
 
   // Row order is snapshotted per file in state, with the `_id`-mapped column
   // floated to the top (CAIRO-4418). It stays fixed while the user edits
@@ -251,16 +254,6 @@ function _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {
   const orderedHeaders =
     state.orderedHeaders.length > 0 ? state.orderedHeaders : csvHeaders;
 
-  const baseDropdownOptions = fields
-    .filter((field) => field.id != null)
-    .map((field) =>
-      listItemSelectBuilder({
-        id: field.id!,
-        label: field.header,
-        title: field.header,
-      }),
-    );
-
   const hasNoRows = state.hasNoMappedData;
 
   return (
@@ -332,13 +325,7 @@ function _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {
                   width: COLUMN_WIDTHS.arrow,
                 },
                 {
-                  value: (
-                    <FieldMappingCell
-                      state={state}
-                      header={header}
-                      fieldOptions={baseDropdownOptions}
-                    />
-                  ),
+                  value: <FieldMappingCell state={state} header={header} />,
                   width: COLUMN_WIDTHS.field,
                 },
               ]}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload3301226243";
+var _namespace_ = "ImportStepUpload2770342220";
 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":"ImportStepUpload3301226243__root","fileUpload":"ImportStepUpload3301226243__fileUpload"};
+export var classes = {"root":"ImportStepUpload2770342220__root","fileUpload":"ImportStepUpload2770342220__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_ = "InputOverflow3066287078";
+var _namespace_ = "InputOverflow2435192461";
 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":"InputOverflow3066287078__root"};
+export var classes = {"root":"InputOverflow2435192461__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_ = "LoadingRow2699509791";
+var _namespace_ = "LoadingRow545130978";
 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":"LoadingRow2699509791__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2699509791__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow545130978__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow545130978__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_ = "MaxHeightText207215574";
+var _namespace_ = "MaxHeightText790531276";
 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":"MaxHeightText207215574__root"};
+export var classes = {"root":"MaxHeightText790531276__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_ = "MaxLines1710741739";
+var _namespace_ = "MaxLines2304982459";
 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":"MaxLines1710741739__root"};
+export var classes = {"root":"MaxLines2304982459__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar2752066931";
+var _namespace_ = "MultiBulkActionToolbar1820361712";
 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":"MultiBulkActionToolbar2752066931__root","leftGroupWrapper":"MultiBulkActionToolbar2752066931__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2752066931__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2752066931__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1820361712__root","leftGroupWrapper":"MultiBulkActionToolbar1820361712__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1820361712__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1820361712__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};