@wix/patterns 1.470.0 → 1.472.0

package/src/components/FormPageContent/FormPageContent.uni.driver.ts

@@ -26,6 +26,43 @@ export const FormPageContentUniDriver = (base: UniDriver, body: UniDriver) => {
     saveButton: () =>
       ButtonUniDriver(base.$$(`[data-hook="form-page-save-btn"]`).get(0), body),
 
+    /** Returns the split save action driver, present only when the save CTA is given secondary actions */
+    saveSplitAction: () => {
+      const savePopoverDriver = PopoverMenuUniDriver(
+        base.$(`[data-hook="form-page-save-menu"]`),
+        body,
+      );
+
+      return {
+        exists: () => base.$(`[data-hook="form-page-save-split"]`).exists(),
+
+        /** Opens the secondary actions popover */
+        open: () =>
+          savePopoverDriver
+            .getTriggerElement('form-page-save-menu-toggle')
+            .click(),
+
+        /** Indicates whether the secondary actions popover is open */
+        isOpen: () => savePopoverDriver.isMenuOpen(),
+
+        /** The accessible name of the icon-only toggle */
+        toggleAriaLabel: () =>
+          savePopoverDriver
+            .getTriggerElement('form-page-save-menu-toggle')
+            .attr('aria-label'),
+
+        /** Whether the icon-only toggle is disabled - WDS marks it with aria-disabled, not the native attribute */
+        isToggleDisabled: async () =>
+          (await savePopoverDriver
+            .getTriggerElement('form-page-save-menu-toggle')
+            .attr('aria-disabled')) === 'true',
+
+        /** Clicks a secondary action by data-hook */
+        clickAtChildByDataHook: (childDataHook: string) =>
+          savePopoverDriver.clickAtChildByDataHook(childDataHook),
+      };
+    },
+
     getMoreActions: (dataHook: string) => ({
       exists: () => moreActionsPopoverDriver(dataHook).exists(),
 

package/src/components/GridDragAndDropDndKit/DraggableCardOverlay.tsx

@@ -9,7 +9,7 @@ import { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/mo
 import { DraggableCardOverlayProps } from '../DragAndDrop';
 import { GridDragOverlayCardItem } from './GridDragOverlayCardItem';
 import { observer } from 'mobx-react-lite';
-import { usePageContext } from '@wix/bex-core/react';
+import { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';
 
 const DraggableCardOverlayWrapper = forwardRef<
   HTMLDivElement,
@@ -25,7 +25,8 @@ function _DraggableCardOverlay<T, F extends FiltersMap>(
 
   const { _dnd } = state;
 
-  const { modalsContainerRef } = usePageContext();
+  const { modalsContainerRef, stackingRootRef } = usePageContext();
+  const { useRelativeSidePanel } = useWixPatternsContainer();
 
   return createPortal(
     <DragOverlay
@@ -39,7 +40,9 @@ function _DraggableCardOverlay<T, F extends FiltersMap>(
     >
       <GridDragOverlayCardItem renderItem={renderItem} state={state} />
     </DragOverlay>,
-    modalsContainerRef?.current ?? document.body,
+    (useRelativeSidePanel
+      ? stackingRootRef?.current
+      : modalsContainerRef?.current) ?? document.body,
   );
 }
 

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload2930019465";
+var _namespace_ = "ImportStepUpload1135660915";
 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":"ImportStepUpload2930019465__root","fileUpload":"ImportStepUpload2930019465__fileUpload"};
+export var classes = {"root":"ImportStepUpload1135660915__root","fileUpload":"ImportStepUpload1135660915__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_ = "InputOverflow73060054";
+var _namespace_ = "InputOverflow611897362";
 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":"InputOverflow73060054__root"};
+export var classes = {"root":"InputOverflow611897362__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_ = "LoadingRow3473808676";
+var _namespace_ = "LoadingRow962349192";
 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":"LoadingRow3473808676__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3473808676__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow962349192__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow962349192__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_ = "MaxHeightText3374354239";
+var _namespace_ = "MaxHeightText2324355364";
 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":"MaxHeightText3374354239__root"};
+export var classes = {"root":"MaxHeightText2324355364__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_ = "MaxLines2770426191";
+var _namespace_ = "MaxLines121124317";
 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":"MaxLines2770426191__root"};
+export var classes = {"root":"MaxLines121124317__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_ = "MultiBulkActionToolbar153987077";
+var _namespace_ = "MultiBulkActionToolbar156295308";
 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":"MultiBulkActionToolbar153987077__root","leftGroupWrapper":"MultiBulkActionToolbar153987077__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar153987077__selectedCountItem","selectedCountText":"MultiBulkActionToolbar153987077__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar156295308__root","leftGroupWrapper":"MultiBulkActionToolbar156295308__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar156295308__selectedCountItem","selectedCountText":"MultiBulkActionToolbar156295308__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_ = "NestedTablePlaceholderStatesRow368706";
+var _namespace_ = "NestedTablePlaceholderStatesRow27964105";
 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":"NestedTablePlaceholderStatesRow368706__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow27964105__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_ = "NestedTableRow701864069";
+var _namespace_ = "NestedTableRow3313039781";
 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":"NestedTableRow701864069__root","firstLevel":"NestedTableRow701864069__firstLevel","placeholder":"NestedTableRow701864069__placeholder","parentHovered":"NestedTableRow701864069__parentHovered"};
+export var classes = {"root":"NestedTableRow3313039781__root","firstLevel":"NestedTableRow3313039781__firstLevel","placeholder":"NestedTableRow3313039781__placeholder","parentHovered":"NestedTableRow3313039781__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_ = "MultipleDragOverlayEffect965541054";
+var _namespace_ = "MultipleDragOverlayEffect274975867";
 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":"MultipleDragOverlayEffect965541054__root"};
+export var classes = {"root":"MultipleDragOverlayEffect274975867__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_ = "NestedTableDragAndDropRow17191069";
+var _namespace_ = "NestedTableDragAndDropRow3373132806";
 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":"NestedTableDragAndDropRow17191069__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3373132806__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_ = "PickerContent2878574456";
+var _namespace_ = "PickerContent3820763588";
 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":"PickerContent2878574456__root"};
+export var classes = {"root":"PickerContent3820763588__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_ = "PickerContentAdditionalStep722232321";
+var _namespace_ = "PickerContentAdditionalStep1357178342";
 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":"PickerContentAdditionalStep722232321__root","titles":"PickerContentAdditionalStep722232321__titles","suffix":"PickerContentAdditionalStep722232321__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1357178342__root","titles":"PickerContentAdditionalStep1357178342__titles","suffix":"PickerContentAdditionalStep1357178342__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_ = "PickerTableListItem2359575036";
+var _namespace_ = "PickerTableListItem3804923875";
 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":"PickerTableListItem2359575036__root"};
+export var classes = {"root":"PickerTableListItem3804923875__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SchemaSource/schemaFieldActions.ts

@@ -56,12 +56,22 @@ export const schemaFieldActionHandlers =
         sourceState.duplicateFieldWithContent(fieldId);
     }
     if (canDelete && fa?.deleteField) {
-      handlers.delete = () =>
+      handlers.delete = () => {
+        const schema = sourceState.schema;
+        const currentField = schema?.fields[fieldId];
+        if (!schema || !currentField) {
+          return;
+        }
         panel.deleteFieldModal.modal.open({
           id: fieldId,
           origin,
-          fieldName: field.displayName,
+          fieldName: currentField.displayName,
+          confirmation: sourceState.source.getDeleteFieldConfirmation?.(
+            currentField,
+            schema,
+          ),
         });
+      };
     }
 
     if (Object.keys(handlers).length === 0) {

package/src/components/SchemaSource/schemaFieldManagement.ts

@@ -8,6 +8,7 @@ import {
   SourceState,
 } from '@wix/bex-core';
 import { runInAction } from 'mobx';
+import { resolveFieldPresentation } from '../../utils/resolveFieldPresentation';
 import { standardFieldTypeLabels } from './standardFieldTypeLabels';
 
 /**
@@ -184,6 +185,8 @@ export const schemaFieldManagement = (
         runInAction(() => sourceState.mergeFields(fields));
       }
     },
+    getFieldPresentation: (field) =>
+      resolveFieldPresentation(sourceState.source, field),
     getFieldDraft: (fieldId) => {
       const field = sourceState.schema?.fields[fieldId];
       if (!field) {

package/src/components/SchemaSource/schemaFieldsSource.ts

@@ -22,13 +22,16 @@ export const schemaFieldsSource = (s: SchemaState<any>): FieldsSource => {
       return sourceState.fields.filter((f) => !f.isSystem);
     },
     fieldTypes: sourceState.source.fieldTypes,
+    getFieldPresentation: sourceState.source.getFieldPresentation,
     columnIdForField: (field) => field.id,
     queryFieldId: (field) => field.id,
-    getCellValue: (row, field) => (row as Record<string, unknown>)[field.id],
-    setCellValue: (row, field, value) => ({
-      ...(row as Record<string, unknown>),
-      [field.id]: value,
-    }),
+    // Where a field's value sits on an item is the source's call: `getFieldValue`
+    // and `setFieldValue` may read or write somewhere other than `row[field.id]`,
+    // or touch more than one field for a single cell. `defineSchemaSource` fills
+    // both with the plain defaults.
+    getCellValue: (row, field) => sourceState.source.getFieldValue(row, field),
+    setCellValue: (row, field, value) =>
+      sourceState.source.setFieldValue(row, field, value),
 
     fieldManagement: schemaFieldManagement(sourceState),
     get fieldActions() {

package/src/components/SchemaSource/tableSchemaSource.ts

@@ -80,6 +80,9 @@ class TableSchemaSourceImpl<T> implements TableSchemaSource<T> {
   get fieldModal() {
     return this.source.fieldModal;
   }
+  get getFieldPresentation() {
+    return this.source.getFieldPresentation;
+  }
   get fieldTypes() {
     return this.source.fieldTypes;
   }
@@ -104,6 +107,9 @@ class TableSchemaSourceImpl<T> implements TableSchemaSource<T> {
   get canEditField() {
     return this.source.canEditField;
   }
+  get getDeleteFieldConfirmation() {
+    return this.source.getDeleteFieldConfirmation;
+  }
   get canDeleteField() {
     return this.source.canDeleteField;
   }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent406688216";
+var _namespace_ = "ScrollableContent2373455459";
 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":"ScrollableContent406688216__root"};
+export var classes = {"root":"ScrollableContent2373455459__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_ = "SetupWidget3954814698";
+var _namespace_ = "SetupWidget1334815869";
 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":"SetupWidget3954814698__root","row":"SetupWidget3954814698__row","completedCta":"SetupWidget3954814698__completedCta","secondaryCta":"SetupWidget3954814698__secondaryCta","card":"SetupWidget3954814698__card","stepIcon":"SetupWidget3954814698__stepIcon","chevron":"SetupWidget3954814698__chevron","chevronDisabled":"SetupWidget3954814698__chevronDisabled","inProgressLabel":"SetupWidget3954814698__inProgressLabel"};
+export var classes = {"root":"SetupWidget1334815869__root","row":"SetupWidget1334815869__row","completedCta":"SetupWidget1334815869__completedCta","secondaryCta":"SetupWidget1334815869__secondaryCta","card":"SetupWidget1334815869__card","stepIcon":"SetupWidget1334815869__stepIcon","chevron":"SetupWidget1334815869__chevron","chevronDisabled":"SetupWidget1334815869__chevronDisabled","inProgressLabel":"SetupWidget1334815869__inProgressLabel"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SetupWidget/SetupWidget.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-import { Box } from '@wix/design-system';
+import { Box, Divider } from '@wix/design-system';
 import { SetupWidgetState, SetupWidgetStep } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { CardContainer } from '../CardContainer';
@@ -49,6 +49,12 @@ export interface SetupWidgetProps {
   onStepView?: (step: SetupWidgetStep) => void;
   /** Fired when the "all complete" celebratory CTA is clicked. */
   onAllCompleteClick?: () => void;
+  /**
+   * Content rendered below the step list, separated from it by a divider
+   * (e.g. a "was this helpful?" feedback row). Shown only with the list —
+   * not while loading, on error, or on the all-complete surface.
+   */
+  footer?: React.ReactNode;
   /**
    * Replaces the default error UI when the initial load fails. Receives a
    * `retry` callback (re-runs the load) and the thrown `error`. When omitted, a
@@ -93,6 +99,7 @@ const _SetupWidget = ({
   onStepSecondaryClick,
   onStepView,
   onAllCompleteClick,
+  footer,
   renderError,
   dataHook,
 }: SetupWidgetProps) => {
@@ -236,10 +243,32 @@ const _SetupWidget = ({
     </Box>
   );
 
+  // Per the Figma spec: 30px from the last step to the divider, 14px from the
+  // divider to the content (no WDS SP tokens match either). The mobile body
+  // already spaces its children by SP3 (12px), so only the rest is padded.
+  // Gated on success because CardContainer's error card still renders its
+  // children above the error message. `false` (from `footer={cond && ...}`)
+  // counts as absent so no bare divider is left behind.
+  const hasFooter = footer != null && typeof footer !== 'boolean';
+  const footerNode =
+    hasFooter && status === 'success' ? (
+      <Box
+        dataHook="setup-widget-footer"
+        direction="vertical"
+        gap="14px"
+        paddingTop={isMobile ? '18px' : '30px'}
+        width="100%"
+      >
+        <Divider />
+        <div>{footer}</div>
+      </Box>
+    ) : null;
+
   const body = (
     <>
       {header}
       {list}
+      {footerNode}
     </>
   );
 

package/src/components/SetupWidget/SetupWidget.uni.driver.ts

@@ -81,6 +81,8 @@ export default (base: UniDriver, body: UniDriver) => {
     /** Click an arbitrary element by data-hook within the widget. */
     clickByDataHook: (dataHook: string) =>
       base.$(`[data-hook="${dataHook}"]`).click(),
+    /** Whether the consumer-supplied footer slot is rendered. */
+    footerExists: () => base.$(`[data-hook="setup-widget-footer"]`).exists(),
     /** Whether the all-complete success surface is shown. */
     isAllComplete: () => base.$(`[data-hook="setup-all-complete"]`).exists(),
     /** Whether the loading skeleton is shown. */

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard2603771799";
+var _namespace_ = "SkeletonCard3901364928";
 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":"SkeletonCard2603771799__root","headerLoading":"SkeletonCard2603771799__headerLoading"};
+export var classes = {"root":"SkeletonCard3901364928__root","headerLoading":"SkeletonCard3901364928__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_ = "SlidingModal1671637190";
+var _namespace_ = "SlidingModal1380677350";
 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":"SlidingModal1671637190__root"};
+export var classes = {"root":"SlidingModal1380677350__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_ = "AddFieldColumnHeader510560837";
+var _namespace_ = "AddFieldColumnHeader2839767807";
 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":"AddFieldColumnHeader510560837__root","anchorLayer":"AddFieldColumnHeader510560837__anchorLayer","popover":"AddFieldColumnHeader510560837__popover","title":"AddFieldColumnHeader510560837__title","hoverBridge":"AddFieldColumnHeader510560837__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader2839767807__root","anchorLayer":"AddFieldColumnHeader2839767807__anchorLayer","popover":"AddFieldColumnHeader2839767807__popover","title":"AddFieldColumnHeader2839767807__title","hoverBridge":"AddFieldColumnHeader2839767807__hoverBridge"};
 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_ = "TabsFilter2706877069";
+var _namespace_ = "TabsFilter1077166318";
 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":"TabsFilter2706877069__root","titleBox":"TabsFilter2706877069__titleBox"};
+export var classes = {"root":"TabsFilter1077166318__root","titleBox":"TabsFilter1077166318__titleBox"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

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