@wix/patterns 1.493.0 → 1.494.0

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_ = "EntityPagePlain4002700384";
 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":"EntityPagePlain4002700384__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_ = "EntityPageField3028477652";
 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":"EntityPageField3028477652__root","row":"EntityPageField3028477652__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_ = "Fade3067912005";
 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":"Fade3067912005__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_ = "Heading1852531165";
 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":"Heading1852531165__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/ImportButtonModalLayout.tsx

@@ -39,6 +39,7 @@ function _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {
     // created columns refresh with no wiring here (CAIRO-4400).
     detectColumnType: detectFieldType,
     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>

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_ = "ImportStepUpload3301226243";
 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":"ImportStepUpload3301226243__root","fileUpload":"ImportStepUpload3301226243__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_ = "InputOverflow3066287078";
 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":"InputOverflow3066287078__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_ = "LoadingRow2699509791";
 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":"LoadingRow2699509791__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2699509791__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_ = "MaxHeightText207215574";
 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":"MaxHeightText207215574__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_ = "MaxLines1710741739";
 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":"MaxLines1710741739__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_ = "MultiBulkActionToolbar2752066931";
 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":"MultiBulkActionToolbar2752066931__root","leftGroupWrapper":"MultiBulkActionToolbar2752066931__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2752066931__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2752066931__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_ = "NestedTablePlaceholderStatesRow2112835615";
 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":"NestedTablePlaceholderStatesRow2112835615__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_ = "NestedTableRow876112627";
 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":"NestedTableRow876112627__root","firstLevel":"NestedTableRow876112627__firstLevel","placeholder":"NestedTableRow876112627__placeholder","parentHovered":"NestedTableRow876112627__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_ = "MultipleDragOverlayEffect2795974299";
 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":"MultipleDragOverlayEffect2795974299__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_ = "NestedTableDragAndDropRow2247427962";
 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":"NestedTableDragAndDropRow2247427962__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_ = "PickerContent3558192044";
 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":"PickerContent3558192044__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_ = "PickerContentAdditionalStep2308500653";
 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":"PickerContentAdditionalStep2308500653__root","titles":"PickerContentAdditionalStep2308500653__titles","suffix":"PickerContentAdditionalStep2308500653__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_ = "PickerTableListItem4043198262";
 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":"PickerTableListItem4043198262__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget4244152725";
+var _namespace_ = "SetupWidget1799065169";
 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":"SetupWidget4244152725__root","row":"SetupWidget4244152725__row","completedCta":"SetupWidget4244152725__completedCta","secondaryCta":"SetupWidget4244152725__secondaryCta","card":"SetupWidget4244152725__card","stepIcon":"SetupWidget4244152725__stepIcon","chevron":"SetupWidget4244152725__chevron","chevronDisabled":"SetupWidget4244152725__chevronDisabled","inProgressLabel":"SetupWidget4244152725__inProgressLabel"};
+export var classes = {"root":"SetupWidget1799065169__root","row":"SetupWidget1799065169__row","completedCta":"SetupWidget1799065169__completedCta","secondaryCta":"SetupWidget1799065169__secondaryCta","card":"SetupWidget1799065169__card","stepIcon":"SetupWidget1799065169__stepIcon","chevron":"SetupWidget1799065169__chevron","chevronDisabled":"SetupWidget1799065169__chevronDisabled","inProgressLabel":"SetupWidget1799065169__inProgressLabel"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard1594950216";
+var _namespace_ = "SkeletonCard118188005";
 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":"SkeletonCard1594950216__root","headerLoading":"SkeletonCard1594950216__headerLoading"};
+export var classes = {"root":"SkeletonCard118188005__root","headerLoading":"SkeletonCard118188005__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/Table/AddFieldColumnHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AddFieldColumnHeader2295953540";
+var _namespace_ = "AddFieldColumnHeader1121021053";
 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":"AddFieldColumnHeader2295953540__root","anchorLayer":"AddFieldColumnHeader2295953540__anchorLayer","popover":"AddFieldColumnHeader2295953540__popover","title":"AddFieldColumnHeader2295953540__title","hoverBridge":"AddFieldColumnHeader2295953540__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader1121021053__root","anchorLayer":"AddFieldColumnHeader1121021053__anchorLayer","popover":"AddFieldColumnHeader1121021053__popover","title":"AddFieldColumnHeader1121021053__title","hoverBridge":"AddFieldColumnHeader1121021053__hoverBridge"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Table/NumberCell.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter2353664205";
+var _namespace_ = "TabsFilter734832378";
 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":"TabsFilter2353664205__root","titleBox":"TabsFilter2353664205__titleBox"};
+export var classes = {"root":"TabsFilter734832378__root","titleBox":"TabsFilter734832378__titleBox"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};