@wix/patterns 1.492.0 → 1.494.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View388172288";
+var _namespace_ = "View583628029";
 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":"View388172288__root","textView":"View388172288__textView","urlText":"View388172288__urlText","suffix":"View388172288__suffix"};
+export var classes = {"root":"View583628029__root","textView":"View583628029__textView","urlText":"View583628029__urlText","suffix":"View583628029__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_ = "EmptyStateBase786434541";
+var _namespace_ = "EmptyStateBase3215187829";
 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":"EmptyStateBase786434541__root"};
+export var classes = {"root":"EmptyStateBase3215187829__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_ = "EntityPagePlain3613622080";
+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":"EntityPagePlain3613622080__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_ = "EntityPageField1728443665";
+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":"EntityPageField1728443665__root","row":"EntityPageField1728443665__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_ = "Fade612468296";
+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":"Fade612468296__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_ = "Heading1001420329";
+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":"Heading1001420329__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_ = "ImportStepUpload1465543440";
+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":"ImportStepUpload1465543440__root","fileUpload":"ImportStepUpload1465543440__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_ = "InputOverflow1805542595";
+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":"InputOverflow1805542595__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_ = "LoadingRow171075687";
+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":"LoadingRow171075687__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow171075687__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_ = "MaxHeightText3383876341";
+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":"MaxHeightText3383876341__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_ = "MaxLines3099040923";
+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":"MaxLines3099040923__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_ = "MultiBulkActionToolbar5261079";
+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":"MultiBulkActionToolbar5261079__root","leftGroupWrapper":"MultiBulkActionToolbar5261079__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar5261079__selectedCountItem","selectedCountText":"MultiBulkActionToolbar5261079__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_ = "NestedTablePlaceholderStatesRow4187707519";
+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":"NestedTablePlaceholderStatesRow4187707519__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_ = "NestedTableRow2072511101";
+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":"NestedTableRow2072511101__root","firstLevel":"NestedTableRow2072511101__firstLevel","placeholder":"NestedTableRow2072511101__placeholder","parentHovered":"NestedTableRow2072511101__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_ = "MultipleDragOverlayEffect1565157165";
+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":"MultipleDragOverlayEffect1565157165__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_ = "NestedTableDragAndDropRow410153732";
+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":"NestedTableDragAndDropRow410153732__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_ = "PickerContent1077821602";
+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":"PickerContent1077821602__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_ = "PickerContentAdditionalStep4012378981";
+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":"PickerContentAdditionalStep4012378981__root","titles":"PickerContentAdditionalStep4012378981__titles","suffix":"PickerContentAdditionalStep4012378981__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_ = "PickerTableListItem954015049";
+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":"PickerTableListItem954015049__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_ = "ScrollableContent1131688485";
+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":"ScrollableContent1131688485__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_ = "SetupWidget4259788257";
+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":"SetupWidget4259788257__root","row":"SetupWidget4259788257__row","completedCta":"SetupWidget4259788257__completedCta","secondaryCta":"SetupWidget4259788257__secondaryCta","card":"SetupWidget4259788257__card","stepIcon":"SetupWidget4259788257__stepIcon","chevron":"SetupWidget4259788257__chevron","chevronDisabled":"SetupWidget4259788257__chevronDisabled","inProgressLabel":"SetupWidget4259788257__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_ = "SkeletonCard937715075";
+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":"SkeletonCard937715075__root","headerLoading":"SkeletonCard937715075__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_ = "SlidingModal2995156249";
+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":"SlidingModal2995156249__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_ = "AddFieldColumnHeader3517648977";
+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":"AddFieldColumnHeader3517648977__root","anchorLayer":"AddFieldColumnHeader3517648977__anchorLayer","popover":"AddFieldColumnHeader3517648977__popover","title":"AddFieldColumnHeader3517648977__title","hoverBridge":"AddFieldColumnHeader3517648977__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 = {};