@wix/patterns 1.493.0 → 1.495.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit4150578603";
+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":"Edit4150578603__root","urlInput":"Edit4150578603__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_ = "View362781891";
+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":"View362781891__root","textView":"View362781891__textView","urlText":"View362781891__urlText","suffix":"View362781891__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_ = "EmptyStateBase3724592841";
+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":"EmptyStateBase3724592841__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_ = "EntityPagePlain2436834204";
+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":"EntityPagePlain2436834204__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_ = "EntityPageField2940768879";
+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":"EntityPageField2940768879__root","row":"EntityPageField2940768879__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_ = "Fade3692422673";
+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":"Fade3692422673__root"};
+export var classes = {"root":"Fade2813439303__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/FieldActions/HeaderActionsPopover.tsx

@@ -42,7 +42,7 @@ export function HeaderActionsPopover({
     setPopoverKey((k) => k + 1);
   }, []);
 
-  useCloseOnAncestorScroll(wrapperRef, closePopover, menuOpen);
+  useCloseOnAncestorScroll(wrapperRef, closePopover, menuOpen, true);
 
   const menuItems = actionMenuItems(actions);
   if (menuItems.length === 0) {

package/src/components/FormPage/FormPageActionsBar.tsx

@@ -73,8 +73,8 @@ export function _FormPageActionsBar({
   const saveLabel = state.submitTask.status.isLoading ? (
     <Loader size="tiny" />
   ) : (
-    (actionsBarConfig?.saveCta?.consumerText ??
-      t(ctaKeys[actionsBarConfig?.saveCta?.text ?? 'SAVE']))
+    actionsBarConfig?.saveCta?.consumerText ??
+    t(ctaKeys[actionsBarConfig?.saveCta?.text ?? 'SAVE'])
   );
   const saveDisabled = actionsBarConfig?.saveCta?.disabled;
   const saveDisabledReason = actionsBarConfig?.saveCta?.disabledReason;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading2835017146";
+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":"Heading2835017146__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,7 +41,9 @@ 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,
   });
 
   const [state] = useState(() => createImport());

package/src/components/ImportButton/ImportModal.uni.driver.ts

@@ -8,6 +8,7 @@ import {
   InputUniDriver,
   MessageModalLayoutUniDriver,
   ModalUniDriver,
+  TextButtonUniDriver,
   TextUniDriver,
 } from '@wix/design-system/dist/testkit/unidriver';
 
@@ -90,6 +91,13 @@ export function ImportModalUniDriver(base: UniDriver, body: UniDriver) {
       nativeInput.dispatchEvent(new Event('change', { bubbles: true }));
     },
 
+    /** Click the "Learn more" link in the upload step's footer */
+    clickLearnMore: () =>
+      TextButtonUniDriver(
+        modalLayoutBase().$('[data-hook="import-learn-more"]'),
+        body,
+      ).click(),
+
     noRowsWarningExists: () =>
       modalLayoutBase().$('[data-hook="import-no-rows-warning"]').exists(),
 

package/src/components/ImportButton/ImportStepConfiguration.tsx

@@ -105,7 +105,10 @@ const NewFieldHelperText = observer(function _NewFieldHelperText({
       <TextButton
         size="tiny"
         dataHook={`import-edit-field-${header}`}
-        onClick={() => state.beginFieldEdit(header)}
+        onClick={() => {
+          state.bi.onEditFieldClicked();
+          state.beginFieldEdit(header);
+        }}
       >
         {state.translate('cairo.import.editField')}
       </TextButton>
@@ -116,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;
@@ -136,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
@@ -239,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
@@ -248,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 (
@@ -329,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_ = "ImportStepUpload1950804560";
+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":"ImportStepUpload1950804560__root","fileUpload":"ImportStepUpload1950804560__fileUpload"};
+export var classes = {"root":"ImportStepUpload2770342220__root","fileUpload":"ImportStepUpload2770342220__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/getImportModalStepProps.tsx

@@ -26,6 +26,8 @@ export function getImportModalStepProps({
   CustomModalLayoutProps & { children?: ReactNode; onRequestClose?: () => void }
 > {
   const { currentStep, translate: t } = state;
+  const closeByCancel = () => state.close('Cancel Button');
+  const closeByX = () => state.close('X Button');
 
   if (currentStep === 'upload') {
     return {
@@ -43,6 +45,8 @@ export function getImportModalStepProps({
             href="https://support.wix.com/en/article/import-data-from-a-file"
             target="_blank"
             rel="noopener"
+            dataHook="import-learn-more"
+            onClick={() => state.bi.onLearnMoreClicked()}
           >
             {t('cairo.import.footerLink')}
           </TextButton>
@@ -50,14 +54,17 @@ export function getImportModalStepProps({
       ),
       showFooterDivider: false,
       secondaryButtonText: t('cairo.import.cancel'),
-      secondaryButtonOnClick: state.close,
-      closeButtonProps: { onClick: state.close, autoFocus: true },
-      onRequestClose: state.close,
+      secondaryButtonOnClick: closeByCancel,
+      closeButtonProps: {
+        onClick: closeByX,
+        autoFocus: true,
+      },
+      onRequestClose: closeByX,
     };
   }
 
   if (currentStep === 'configuration') {
-    const handleClose = () => state.discardAndClose();
+    const handleClose = () => state.discardAndClose('X Button');
 
     return {
       removeContentPadding: true,
@@ -106,7 +113,7 @@ export function getImportModalStepProps({
               : undefined,
           }),
       secondaryButtonText: t('cairo.import.cancel'),
-      secondaryButtonOnClick: handleClose,
+      secondaryButtonOnClick: () => state.discardAndClose('Cancel Button'),
       closeButtonProps: {
         onClick: handleClose,
         autoFocus: true,
@@ -118,6 +125,8 @@ export function getImportModalStepProps({
   if (currentStep === 'summary') {
     const { failed } = state.result;
     const hasFailures = failed > 0;
+    const doneByClose = () => state.done('Close');
+    const doneByX = () => state.done('X Button');
 
     return {
       title: t('cairo.import.summaryTitle'),
@@ -132,14 +141,17 @@ export function getImportModalStepProps({
             primaryButtonText: t('cairo.import.downloadCsv'),
             primaryButtonOnClick: state.downloadFailedRows,
             secondaryButtonText: t('cairo.import.close'),
-            secondaryButtonOnClick: state.done,
+            secondaryButtonOnClick: doneByClose,
           }
         : {
             primaryButtonText: t('cairo.import.close'),
-            primaryButtonOnClick: state.done,
+            primaryButtonOnClick: doneByClose,
           }),
-      closeButtonProps: { onClick: state.done, autoFocus: true },
-      onRequestClose: state.done,
+      closeButtonProps: {
+        onClick: doneByX,
+        autoFocus: true,
+      },
+      onRequestClose: doneByX,
     };
   }
 
@@ -154,14 +166,14 @@ export function getImportModalStepProps({
     primaryButtonText: hasError
       ? t('cairo.import.tryAgain')
       : t('cairo.import.importing'),
-    primaryButtonOnClick: hasError ? state.startImport : undefined,
+    primaryButtonOnClick: hasError ? state.retryImport : undefined,
     primaryButtonProps: { disabled: !hasError },
     secondaryButtonText: state.isRestoring
       ? t('cairo.import.restoring')
       : t('cairo.import.cancel'),
-    secondaryButtonOnClick: state.close,
+    secondaryButtonOnClick: closeByCancel,
     secondaryButtonProps: { disabled: state.isRestoring },
-    closeButtonProps: { onClick: state.close },
-    onRequestClose: state.isRestoring ? undefined : state.close,
+    closeButtonProps: { onClick: closeByX },
+    onRequestClose: state.isRestoring ? undefined : closeByX,
   };
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow4133309353";
+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":"InputOverflow4133309353__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_ = "LoadingRow488654297";
+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":"LoadingRow488654297__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow488654297__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_ = "MaxHeightText4092199991";
+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":"MaxHeightText4092199991__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_ = "MaxLines905384402";
+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":"MaxLines905384402__root"};
+export var classes = {"root":"MaxLines2304982459__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -1,4 +1,6 @@
-.root {
+/* Override WDS mobile toolbar rules so the count can still truncate. */
+.root.root.root {
+  flex-shrink: 1;
   min-width: 0;
 }
 
@@ -9,7 +11,7 @@
   align-items: center;
 }
 
-.selectedCountItem {
+.root .leftGroupWrapper .selectedCountItem {
   min-width: 0;
   flex-shrink: 1;
   white-space: nowrap;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar177080439";
+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":"MultiBulkActionToolbar177080439__root","leftGroupWrapper":"MultiBulkActionToolbar177080439__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar177080439__selectedCountItem","selectedCountText":"MultiBulkActionToolbar177080439__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 = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

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

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow1861244735";
+var _namespace_ = "NestedTableRow3670036296";
 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":"NestedTableRow1861244735__root","firstLevel":"NestedTableRow1861244735__firstLevel","placeholder":"NestedTableRow1861244735__placeholder","parentHovered":"NestedTableRow1861244735__parentHovered"};
+export var classes = {"root":"NestedTableRow3670036296__root","firstLevel":"NestedTableRow3670036296__firstLevel","placeholder":"NestedTableRow3670036296__placeholder","parentHovered":"NestedTableRow3670036296__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

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

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

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

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

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

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep586623197";
+var _namespace_ = "PickerContentAdditionalStep2748344170";
 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":"PickerContentAdditionalStep586623197__root","titles":"PickerContentAdditionalStep586623197__titles","suffix":"PickerContentAdditionalStep586623197__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2748344170__root","titles":"PickerContentAdditionalStep2748344170__titles","suffix":"PickerContentAdditionalStep2748344170__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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