@wix/patterns 1.423.0 → 1.424.0

package/dist/esm/components/SchemaSource/schemaFieldManagement.js

@@ -0,0 +1,94 @@
+import { runInAction } from 'mobx';
+/**
+ * Builds the source-neutral FieldManagement over SchemaState. add/edit/delete
+ * call the schema's FieldActions, then merge the returned fields into the loaded
+ * schema so the columns update from the response (no reload). The creatable
+ * types, permissions, and can-edit/add rules come from the source.
+ */
+export const schemaFieldManagement = (s) => {
+    const draftToField = (draft) => ({
+        id: draft.key,
+        displayName: draft.name,
+        type: (draft.type ?? 'SHORT_TEXT'),
+        isPii: draft.containsPii,
+        validation: { required: false },
+    });
+    return {
+        get canAddFields() {
+            return s.schema ? s.source.canAddFields(s.schema) : false;
+        },
+        addFieldDisabled: false,
+        canEditField: (field) => s.schema ? s.source.canEditField(field, s.schema) : false,
+        supportsPii: s.source.supportsPii,
+        permissions: s.source.fieldPermissions,
+        // Self-contained: does the delete and reports its own toast (matching the
+        // DataExtension source). Rethrows on failure so the shared delete modal stays
+        // open for a retry.
+        deleteField: async (fieldId) => {
+            try {
+                const fields = await s.fieldActions?.deleteField?.(fieldId);
+                if (fields) {
+                    runInAction(() => s.mergeFields(fields));
+                }
+                s.notify({
+                    type: 'SUCCESS',
+                    message: 'Field deleted',
+                    biName: 'cairo-field-action-delete-success',
+                });
+            }
+            catch (e) {
+                s.notify({
+                    type: 'ERROR',
+                    message: "Couldn't delete field",
+                    biName: 'cairo-field-action-delete-error',
+                });
+                throw e;
+            }
+        },
+        get creatableFieldTypes() {
+            const t = s.container.translate;
+            return s.source.creatableFieldTypes.map((ft) => ({
+                id: ft.patternsType,
+                label: t(ft.labelKey),
+                namePlaceholder: ft.namePlaceholderKey
+                    ? t(ft.namePlaceholderKey)
+                    : undefined,
+                patternsType: ft.patternsType,
+            }));
+        },
+        get existingFieldKeys() {
+            return s.fields.map((f) => f.id);
+        },
+        addField: async (draft) => {
+            const fields = await s.fieldActions?.addField?.(draftToField(draft));
+            if (fields) {
+                runInAction(() => s.mergeFields(fields));
+            }
+        },
+        editField: async (fieldId, draft) => {
+            const fields = await s.fieldActions?.editField?.(fieldId, {
+                displayName: draft.name,
+            });
+            if (fields) {
+                runInAction(() => s.mergeFields(fields));
+            }
+        },
+        getFieldDraft: (fieldId) => {
+            const field = s.schema?.fields[fieldId];
+            if (!field) {
+                return undefined;
+            }
+            return {
+                key: field.id,
+                name: field.displayName,
+                type: field.type,
+                readApps: false,
+                readUsers: false,
+                writeApps: false,
+                writeUsers: false,
+                containsPii: field.isPii ?? false,
+            };
+        },
+    };
+};
+//# sourceMappingURL=schemaFieldManagement.js.map

package/dist/esm/components/SchemaSource/schemaFieldManagement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemaFieldManagement.js","sourceRoot":"","sources":["../../../../src/components/SchemaSource/schemaFieldManagement.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAGnC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,CAAmB,EAAmB,EAAE;IAC5E,MAAM,YAAY,GAAG,CAAC,KAAiB,EAAqB,EAAE,CAAC,CAAC;QAC9D,EAAE,EAAE,KAAK,CAAC,GAAG;QACb,WAAW,EAAE,KAAK,CAAC,IAAI;QACvB,IAAI,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,YAAY,CAA8B;QAC/D,KAAK,EAAE,KAAK,CAAC,WAAW;QACxB,UAAU,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;KAChC,CAAC,CAAC;IAEH,OAAO;QACL,IAAI,YAAY;YACd,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC5D,CAAC;QACD,gBAAgB,EAAE,KAAK;QACvB,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CACtB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK;QAC3D,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW;QACjC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,gBAAgB;QACtC,0EAA0E;QAC1E,8EAA8E;QAC9E,oBAAoB;QACpB,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE;YAC7B,IAAI;gBACF,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,YAAY,EAAE,WAAW,EAAE,CAAC,OAAO,CAAC,CAAC;gBAC5D,IAAI,MAAM,EAAE;oBACV,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;iBAC1C;gBACD,CAAC,CAAC,MAAM,CAAC;oBACP,IAAI,EAAE,SAAS;oBACf,OAAO,EAAE,eAAe;oBACxB,MAAM,EAAE,mCAAmC;iBAC5C,CAAC,CAAC;aACJ;YAAC,OAAO,CAAC,EAAE;gBACV,CAAC,CAAC,MAAM,CAAC;oBACP,IAAI,EAAE,OAAO;oBACb,OAAO,EAAE,uBAAuB;oBAChC,MAAM,EAAE,iCAAiC;iBAC1C,CAAC,CAAC;gBACH,MAAM,CAAC,CAAC;aACT;QACH,CAAC;QAED,IAAI,mBAAmB;YACrB,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC;YAChC,OAAO,CAAC,CAAC,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;gBAC/C,EAAE,EAAE,EAAE,CAAC,YAAY;gBACnB,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC;gBACrB,eAAe,EAAE,EAAE,CAAC,kBAAkB;oBACpC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,kBAAkB,CAAC;oBAC1B,CAAC,CAAC,SAAS;gBACb,YAAY,EAAE,EAAE,CAAC,YAAY;aAC9B,CAAC,CAAC,CAAC;QACN,CAAC;QACD,IAAI,iBAAiB;YACnB,OAAO,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACnC,CAAC;QAED,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;YACxB,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,YAAY,EAAE,QAAQ,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;YACrE,IAAI,MAAM,EAAE;gBACV,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;aAC1C;QACH,CAAC;QACD,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE;YAClC,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,YAAY,EAAE,SAAS,EAAE,CAAC,OAAO,EAAE;gBACxD,WAAW,EAAE,KAAK,CAAC,IAAI;aACxB,CAAC,CAAC;YACH,IAAI,MAAM,EAAE;gBACV,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;aAC1C;QACH,CAAC;QACD,aAAa,EAAE,CAAC,OAAO,EAAE,EAAE;YACzB,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;YACxC,IAAI,CAAC,KAAK,EAAE;gBACV,OAAO,SAAS,CAAC;aAClB;YACD,OAAO;gBACL,GAAG,EAAE,KAAK,CAAC,EAAE;gBACb,IAAI,EAAE,KAAK,CAAC,WAAW;gBACvB,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,QAAQ,EAAE,KAAK;gBACf,SAAS,EAAE,KAAK;gBAChB,SAAS,EAAE,KAAK;gBAChB,UAAU,EAAE,KAAK;gBACjB,WAAW,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK;aAClC,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/SchemaSource/schemaFieldsSource.js

@@ -0,0 +1,32 @@
+/**
+ * Exposes SchemaState as a source-neutral FieldsSource. Reads through to the
+ * loaded schema so MobX reactivity flows. A flat schema has no groups or
+ * archiving, so those members are omitted.
+ */
+export const schemaFieldsSource = (s) => {
+    const source = {
+        load: () => s.load(),
+        get fields() {
+            return s.fields;
+        },
+        get filterableFields() {
+            return s.filterableFields;
+        },
+        get manageableFields() {
+            return s.fields.filter((f) => !f.isSystem);
+        },
+        columnIdForField: (field) => field.id,
+        queryFieldId: (field) => field.id,
+        getCellValue: (row, field) => row[field.id],
+        setCellValue: (row, field, value) => ({
+            ...row,
+            [field.id]: value,
+        }),
+        fieldManagement: s.fieldManagement,
+        get fieldActions() {
+            return s.fieldActions;
+        },
+    };
+    return source;
+};
+//# sourceMappingURL=schemaFieldsSource.js.map

package/dist/esm/components/SchemaSource/schemaFieldsSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemaFieldsSource.js","sourceRoot":"","sources":["../../../../src/components/SchemaSource/schemaFieldsSource.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAmB,EAAgB,EAAE;IACtE,MAAM,MAAM,GAAiB;QAC3B,IAAI,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE;QAEpB,IAAI,MAAM;YACR,OAAO,CAAC,CAAC,MAAM,CAAC;QAClB,CAAC;QACD,IAAI,gBAAgB;YAClB,OAAO,CAAC,CAAC,gBAAgB,CAAC;QAC5B,CAAC;QACD,IAAI,gBAAgB;YAClB,OAAO,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC;QACD,gBAAgB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE;QACrC,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE;QACjC,YAAY,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAE,GAA+B,CAAC,KAAK,CAAC,EAAE,CAAC;QACxE,YAAY,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;YACpC,GAAI,GAA+B;YACnC,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,KAAK;SAClB,CAAC;QAEF,eAAe,EAAE,CAAC,CAAC,eAAe;QAClC,IAAI,YAAY;YACd,OAAO,CAAC,CAAC,YAAY,CAAC;QACxB,CAAC;KACF,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/dist/esm/components/SchemaSource/schemaRendering.js

@@ -0,0 +1,32 @@
+import { FilterOperator } from '@wix/bex-core';
+import { createSchemaFieldActionsMenu, schemaFieldActionHandlers, } from './schemaFieldActions';
+import { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';
+import { CustomColumnsFull } from '../CustomColumns/CustomColumnsFull';
+import { CollectionToolbarFilters } from '../CollectionToolbarFilters';
+// Text operators a schema source's backend can execute.
+const SCHEMA_TEXT_OPERATORS = [
+    FilterOperator.CONTAINS,
+    FilterOperator.NOT_CONTAINS,
+    FilterOperator.IS_EMPTY,
+    FilterOperator.EXISTS,
+];
+/**
+ * Builds the schema source's config, shaped as a FieldsSourceRendering. The spine
+ * builds the field-management panel from this; the per-field actions come from
+ * schemaFieldActions.
+ */
+export const schemaRendering = (s) => ({
+    filterConfig: {
+        textOperators: SCHEMA_TEXT_OPERATORS,
+        numberIsDecimal: () => true,
+    },
+    createFieldActionsMenu: createSchemaFieldActionsMenu(s),
+    createFieldActionHandlers: (panel) => schemaFieldActionHandlers(s, panel),
+    featuredPageActions: [],
+    components: {
+        FieldManagementModals,
+        CustomColumns: CustomColumnsFull,
+        CollectionToolbarFilters,
+    },
+});
+//# sourceMappingURL=schemaRendering.js.map

package/dist/esm/components/SchemaSource/schemaRendering.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemaRendering.js","sourceRoot":"","sources":["../../../../src/components/SchemaSource/schemaRendering.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,EACL,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAEvE,wDAAwD;AACxD,MAAM,qBAAqB,GAAG;IAC5B,cAAc,CAAC,QAAQ;IACvB,cAAc,CAAC,YAAY;IAC3B,cAAc,CAAC,QAAQ;IACvB,cAAc,CAAC,MAAM;CACtB,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,CAAmB,EACI,EAAE,CAAC,CAAC;IAC3B,YAAY,EAAE;QACZ,aAAa,EAAE,qBAAqB;QACpC,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI;KAC5B;IACD,sBAAsB,EAAE,4BAA4B,CAAC,CAAC,CAAC;IACvD,yBAAyB,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,yBAAyB,CAAC,CAAC,EAAE,KAAK,CAAC;IACzE,mBAAmB,EAAE,EAAE;IACvB,UAAU,EAAE;QACV,qBAAqB;QACrB,aAAa,EAAE,iBAAiB;QAChC,wBAAwB;KACzB;CACF,CAAC,CAAC"}

package/dist/esm/components/SchemaSource/tableSchemaSource.js

@@ -0,0 +1,11 @@
+import { SchemaState } from './SchemaState';
+export const tableSchemaSource = (source) => ({
+    ...source,
+    setOnTable(toolbar) {
+        new SchemaState({
+            container: toolbar.container,
+            source: this,
+        }).setOnTable(toolbar);
+    },
+});
+//# sourceMappingURL=tableSchemaSource.js.map

package/dist/esm/components/SchemaSource/tableSchemaSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableSchemaSource.js","sourceRoot":"","sources":["../../../../src/components/SchemaSource/tableSchemaSource.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAc5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,MAAuB,EACD,EAAE,CAAC,CAAC;IAC1B,GAAG,MAAM;IACT,UAAU,CAAC,OAAO;QAChB,IAAI,WAAW,CAAC;YACd,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,MAAM,EAAE,IAAI;SACb,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IACzB,CAAC;CACF,CAAC,CAAC"}

package/dist/esm/components/ScrollableContent/ScrollableContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ScrollableContent3853991789";
+var _namespace_ = "ScrollableContent1540889949";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ScrollableContent3853991789__root" };
+export var classes = { "root": "ScrollableContent1540889949__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/SetupWidget/SetupStepCard.js

@@ -1,14 +1,16 @@
 import React from 'react';
-import { Box, Text, Button, TextButton, Badge, Tooltip, } from '@wix/design-system';
+import { Box, Text, Divider, Tooltip } from '@wix/design-system';
+import { ChevronRight, ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { SetupStepIcon } from './SetupStepIcon';
 import { st, classes } from './SetupWidget.st.css.js';
 /**
- * Mobile step card. Phase-1 layout ("matching desktop"): shadowed card, the
- * focused card gets a soft blue surface, an "In progress" badge sits under the
- * title, completed cards strike the title and drop the CTA. Story-only
- * experiment knobs (peach shell / colored bullet / hero art / full-screen
- * modal) are intentionally omitted — those are consumer/page concerns.
+ * Mobile step card (per Figma "Support FW on mobile"). 12px padding, a 24px
+ * icon cell and a trailing chevron that replaces the per-step CTA button: a
+ * right chevron for navigate / completed (with a completed action) steps, and a
+ * down/up chevron for inline-expandable steps. The whole card is the click
+ * target. Collapsed cards are a bare title + chevron; an expanded inline card
+ * adds a divider, its description, and the consumer content below the header.
  */
 export const SetupStepCard = ({ step, isPrimary, expanded, onActivate, renderStepContent, }) => {
     const { translate: t } = useWixPatternsContainer();
@@ -17,8 +19,25 @@ export const SetupStepCard = ({ step, isPrimary, expanded, onActivate, renderSte
     const isDisabled = step.status === 'disabled';
     const isInline = step.expansionMode === 'inline';
     const isInlineExpanded = expanded && isInline;
-    // The whole card toggles inline steps; navigate steps act via the CTA.
-    const clickable = isInline && !isCompleted && !isDisabled;
+    // Completed steps stay actionable only when they carry a completed action.
+    const showCompletedCta = isCompleted && !!step.completedCtaLabel && !isDisabled;
+    // Inline steps toggle; navigate steps act; completed steps fire their action.
+    const isTogglable = isInline && !isCompleted && !isDisabled;
+    const isNavigable = !isInline && !isCompleted && !isDisabled;
+    const clickable = isTogglable || isNavigable || showCompletedCta;
+    // Disabled steps show a muted chevron (with a permission tooltip); completed
+    // steps without an action show none. Everything actionable shows a chevron.
+    const showChevron = clickable || isDisabled;
+    const ChevronIcon = isInline
+        ? isInlineExpanded
+            ? ChevronUp
+            : ChevronDown
+        : ChevronRight;
+    const chevron = showChevron && (React.createElement(Box, { dataHook: `setup-step-cta-${step.id}`, verticalAlign: "middle", className: st(isDisabled ? classes.chevronDisabled : classes.chevron) },
+        React.createElement(ChevronIcon, { width: "18", height: "18" })));
+    // The description only belongs to the expanded inline state. Non-inline steps
+    // keep theirs (if provided) inline below the header.
+    const description = step.description && !isCompleted && (React.createElement(Text, { size: "small", secondary: true }, step.description));
     return (React.createElement("div", { "data-hook": `setup-step-${step.id}`, "data-focused": isPrimary, className: st(classes.card, { primary: isPrimary, clickable }), onClick: clickable ? onActivate : undefined, role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined, onKeyDown: clickable
             ? (event) => {
                 if (event.key === 'Enter' || event.key === ' ') {
@@ -27,35 +46,23 @@ export const SetupStepCard = ({ step, isPrimary, expanded, onActivate, renderSte
                 }
             }
             : undefined },
-        React.createElement(Box, { direction: "vertical", gap: "SP2", padding: "SP4" },
-            React.createElement(Box, { gap: "SP2", verticalAlign: "top" },
-                React.createElement(SetupStepIcon, { status: step.status }),
-                React.createElement(Box, { direction: "vertical", gap: "SP1" },
-                    React.createElement(Text, { dataHook: `setup-step-title-${step.id}`, size: "small", weight: isPrimary ? 'bold' : 'thin', skin: isDisabled ? 'disabled' : 'standard', secondary: isCompleted }, isCompleted ? React.createElement("del", null, step.title) : step.title),
-                    isInProgress && (React.createElement(Box, null,
-                        React.createElement(Badge, { size: "tiny", skin: "urgent", type: "transparent" }, t('cairo.setupWidget.step.inProgress')))))),
-            !isCompleted && step.description && (React.createElement(Text, { size: "small", secondary: true }, step.description)),
-            isInlineExpanded && (React.createElement(Box, { dataHook: `setup-step-content-${step.id}`, direction: "vertical" },
-                React.createElement("div", { onClick: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation() }, renderStepContent?.(step)))),
-            !isCompleted &&
-                !isInlineExpanded &&
-                step.ctaLabel &&
-                (() => {
-                    const ctaButton = (React.createElement(Button, { dataHook: `setup-step-cta-${step.id}`, fullWidth: true, size: "medium", priority: isPrimary ? 'primary' : 'secondary', disabled: isDisabled, onClick: (event) => {
-                            event.stopPropagation();
-                            onActivate();
-                        } }, step.ctaLabel));
-                    // Disabled steps explain why the CTA is disabled (G5).
-                    return isDisabled ? (React.createElement(Tooltip, { dataHook: `setup-step-disabled-tooltip-${step.id}`, content: step.disabledTooltip ??
-                            // Translation-key id stays `lockedTooltip` until the
-                            // Translation Center key is renamed (TC follow-up to T2).
-                            t('cairo.setupWidget.step.lockedTooltip') },
-                        React.createElement(Box, null, ctaButton))) : (ctaButton);
-                })(),
-            isCompleted && step.completedCtaLabel && !isDisabled && (React.createElement(Box, null,
-                React.createElement(TextButton, { dataHook: `setup-step-cta-${step.id}`, size: "small", onClick: (event) => {
-                        event.stopPropagation();
-                        onActivate();
-                    } }, step.completedCtaLabel))))));
+        React.createElement(Box, { direction: "vertical", gap: "SP2", padding: "SP2" },
+            React.createElement(Box, { align: "space-between", verticalAlign: "middle", gap: "SP1", width: "100%" },
+                React.createElement(Box, { verticalAlign: "middle", gap: "SP1", flexGrow: 1, minWidth: 0 },
+                    React.createElement(Box, { className: st(classes.stepIcon) },
+                        React.createElement(SetupStepIcon, { status: step.status, marginTop: "0px" })),
+                    React.createElement(Box, { direction: "vertical", gap: "SP1" },
+                        React.createElement(Text, { dataHook: `setup-step-title-${step.id}`, size: "small", weight: isPrimary ? 'bold' : 'thin', skin: isDisabled ? 'disabled' : 'standard', secondary: isCompleted }, isCompleted ? React.createElement("del", null, step.title) : step.title),
+                        isInProgress && (React.createElement(Text, { size: "tiny", weight: "normal", className: st(classes.inProgressLabel) }, t('cairo.setupWidget.step.inProgress'))))),
+                isDisabled ? (React.createElement(Tooltip, { dataHook: `setup-step-disabled-tooltip-${step.id}`, content: step.disabledTooltip ??
+                        // Translation-key id stays `lockedTooltip` until the
+                        // Translation Center key is renamed (TC follow-up to T2).
+                        t('cairo.setupWidget.step.lockedTooltip') }, chevron)) : (chevron)),
+            isInlineExpanded && (React.createElement(React.Fragment, null,
+                React.createElement(Divider, null),
+                description,
+                React.createElement(Box, { dataHook: `setup-step-content-${step.id}`, direction: "vertical" },
+                    React.createElement("div", { onClick: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation() }, renderStepContent?.(step))))),
+            !isInline && description)));
 };
 //# sourceMappingURL=SetupStepCard.js.map

package/dist/esm/components/SetupWidget/SetupStepCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetupStepCard.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupStepCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SetupStepCard.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupStepCard.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/SetupWidget/SetupStepGroup.js

@@ -26,21 +26,24 @@ export const SetupStepGroup = ({ step, isMobile, expanded, isPrimary, onToggle,
                 onToggle();
             }
         }, style: { cursor: 'pointer' } },
-        React.createElement(Box, { align: "space-between", verticalAlign: isMobile ? 'top' : 'middle', width: "100%", minHeight: "30px" },
-            React.createElement(Box, { minHeight: "24px", verticalAlign: isMobile ? 'top' : 'middle' },
-                React.createElement(SetupStepIcon, { status: allCompleted ? 'completed' : 'upcoming' }),
-                React.createElement(Box, { paddingLeft: "SP2", direction: isMobile ? 'vertical' : 'horizontal', verticalAlign: isMobile ? 'top' : 'middle', gap: "SP1" },
+        React.createElement(Box, { align: "space-between", verticalAlign: "middle", width: "100%", minHeight: "30px" },
+            React.createElement(Box, { minHeight: "24px", verticalAlign: "middle", gap: isMobile ? 'SP1' : undefined },
+                isMobile ? (React.createElement(Box, { className: st(classes.stepIcon) },
+                    React.createElement(SetupStepIcon, { status: allCompleted ? 'completed' : 'upcoming', marginTop: "0px" }))) : (React.createElement(SetupStepIcon, { status: allCompleted ? 'completed' : 'upcoming' })),
+                React.createElement(Box, { paddingLeft: isMobile ? undefined : 'SP2', direction: isMobile ? 'vertical' : 'horizontal', verticalAlign: isMobile ? undefined : 'middle', gap: "SP1" },
                     React.createElement(Text, { dataHook: `setup-step-title-${step.id}`, size: "small", weight: isFocused ? 'bold' : 'thin' }, step.title),
-                    anyInProgress && !allCompleted && (React.createElement(Box, { marginTop: isMobile ? undefined : '2px' },
-                        React.createElement(Badge, { size: "tiny", skin: "urgent", type: "transparent" }, t('cairo.setupWidget.step.inProgress')))))),
+                    anyInProgress &&
+                        !allCompleted &&
+                        (isMobile ? (React.createElement(Text, { size: "tiny", weight: "normal", className: st(classes.inProgressLabel) }, t('cairo.setupWidget.step.inProgress'))) : (React.createElement(Box, { marginTop: "2px" },
+                            React.createElement(Badge, { size: "tiny", skin: "urgent", type: "transparent" }, t('cairo.setupWidget.step.inProgress'))))))),
             React.createElement(Box, { verticalAlign: "middle", gap: "SP1" },
                 React.createElement(Tag, { id: `setup-step-counter-${step.id}`, skin: "neutral", removable: false, size: "small" }, t('cairo.setupWidget.aggregated.counter', { completed, total })),
                 React.createElement(Box, { dataHook: `setup-step-chevron-${step.id}` },
                     React.createElement(Chevron, { width: "20", height: "20" }))))));
-    const childList = expanded && (React.createElement(Box, { dataHook: `setup-step-children-${step.id}`, direction: "vertical", gap: isMobile ? 'SP3' : 'SP1', paddingLeft: isMobile ? 'SP4' : 'SP5', marginTop: isMobile ? 'SP3' : 'SP1' }, children.map((child) => (React.createElement(React.Fragment, { key: child.id }, renderChild(child))))));
+    const childList = expanded && (React.createElement(Box, { dataHook: `setup-step-children-${step.id}`, direction: "vertical", gap: isMobile ? 'SP3' : 'SP1', paddingLeft: "SP5", marginTop: isMobile ? 'SP3' : 'SP1' }, children.map((child) => (React.createElement(React.Fragment, { key: child.id }, renderChild(child))))));
     if (isMobile) {
         return (React.createElement("div", { "data-hook": `setup-step-${step.id}`, className: st(classes.card) },
-            React.createElement(Box, { direction: "vertical", padding: "SP4" },
+            React.createElement(Box, { direction: "vertical", padding: "SP2" },
                 header,
                 childList)));
     }

package/dist/esm/components/SetupWidget/SetupStepGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetupStepGroup.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupStepGroup.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SetupStepGroup.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupStepGroup.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/SetupWidget/SetupStepIcon.js

@@ -5,13 +5,19 @@ import { ConfirmSmall, CircleSmallFilledSmall } from '@wix/wix-ui-icons-common';
  * Leading status indicator for a step. Mirrors the existing Setup widget:
  * green check when completed, muted dot when disabled, blue dot otherwise.
  */
-export const SetupStepIcon = ({ status, }) => {
+export const SetupStepIcon = ({ status, 
+/**
+ * Top nudge that centers the 18px icon on a single line of text. Defaults to
+ * the desktop value; the mobile card centers the icon via its own wrapper and
+ * passes "0px" to drop the nudge.
+ */
+marginTop = '3px', }) => {
     if (status === 'completed') {
-        return (React.createElement(Box, { marginTop: "3px" },
+        return (React.createElement(Box, { marginTop: marginTop },
             React.createElement(ConfirmSmall, { width: "18px", height: "18px", color: "var(--wsr-color-G20)" })));
     }
     const color = status === 'disabled' ? 'var(--wsr-color-D40)' : 'var(--wsr-color-B10)';
-    return (React.createElement(Box, { marginTop: "3px" },
+    return (React.createElement(Box, { marginTop: marginTop },
         React.createElement(CircleSmallFilledSmall, { width: "18px", height: "18px", color: color })));
 };
 //# sourceMappingURL=SetupStepIcon.js.map

package/dist/esm/components/SetupWidget/SetupStepIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetupStepIcon.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGhF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,MAAM,GAGP,EAAE,EAAE;IACH,IAAI,MAAM,KAAK,WAAW,EAAE;QAC1B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK;YAClB,oBAAC,YAAY,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,sBAAsB,GAAG,CACpE,CACP,CAAC;KACH;IAED,MAAM,KAAK,GACT,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAE1E,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK;QAClB,oBAAC,sBAAsB,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAC/D,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SetupStepIcon.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGhF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,MAAM;AACN;;;;GAIG;AACH,SAAS,GAAG,KAAK,GAIlB,EAAE,EAAE;IACH,IAAI,MAAM,KAAK,WAAW,EAAE;QAC1B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,SAAS;YACvB,oBAAC,YAAY,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,sBAAsB,GAAG,CACpE,CACP,CAAC;KACH;IAED,MAAM,KAAK,GACT,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAE1E,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,SAAS;QACvB,oBAAC,sBAAsB,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAC/D,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/SetupWidget/SetupWidget.js

@@ -74,7 +74,7 @@ const _SetupWidget = ({ state, renderStepContent, onStepClick, onCompletedStepCl
         })));
     }
     const header = (React.createElement(SetupWidgetHeader, { title: state._title, completedCount: state._completedCount, totalCount: state._totalCount, progressPercentage: state._progressPercentage, isMobile: isMobile }));
-    const list = (React.createElement(Box, { direction: "vertical", gap: isMobile ? 'SP3' : 'SP1' }, state.steps.map((step) => {
+    const list = (React.createElement(Box, { direction: "vertical", gap: isMobile ? 'SP3' : 'SP1', width: "100%" }, state.steps.map((step) => {
         const node = step.steps?.length ? (React.createElement(SetupStepGroup, { step: step, isMobile: isMobile, expanded: state._expandedStepId === step.id, isPrimary: step.id === state._primaryStepId, onToggle: () => state._toggleStep(step.id), renderChild: (child) => renderLeaf(child, true) })) : (renderLeaf(step));
         return onStepView ? (React.createElement(StepViewTracker, { key: step.id, stepId: step.id, onView: () => onStepView(step) }, node)) : (React.createElement(React.Fragment, { key: step.id }, node));
     })));
@@ -85,7 +85,7 @@ const _SetupWidget = ({ state, renderStepContent, onStepClick, onCompletedStepCl
     // the consumer composes the surrounding page). Loading / error still flow
     // through CardContainer so the widget owns those states everywhere.
     if (isMobile && status === 'success') {
-        return (React.createElement(Box, { dataHook: dataHook, direction: "vertical", gap: "SP3" }, body));
+        return (React.createElement(Box, { dataHook: dataHook, direction: "vertical", gap: "SP3", width: "100%" }, body));
     }
     return (React.createElement(CardContainer, { dataHook: dataHook, status: status, errorState: {
             dataHook: 'error-state',

package/dist/esm/components/SetupWidget/SetupWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetupWidget.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupWidget.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SetupWidget.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupWidget.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/SetupWidget/SetupWidget.st.css

@@ -8,6 +8,12 @@
 @property st-global(--wsr-color-B30);
 @property st-global(--wsr-color-B40);
 @property st-global(--wsr-color-B60);
+@property st-global(--wds-color-text-standard-primary);
+@property st-global(--wds-color-text-disabled);
+@property st-global(--wds-color-text-urgent);
+@property st-global(--wsr-color-D10);
+@property st-global(--wsr-color-D10-30);
+@property st-global(--wsr-color-O10);
 @property st-global(--wds-space-100);
 @property st-global(--wds-border-radius-200);
 @property st-global(--wds-border-radius-400);
@@ -93,3 +99,40 @@
 .card:clickable {
   cursor: pointer;
 }
+
+/* 24px icon cell (matches the Figma spec): a single-line step row is then
+ * 24px + 2×12px padding = 48px tall. The 18px glyph is centered within it, so
+ * the icon lines up with the title (single line) or its first line (wrapped). */
+.stepIcon {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+  height: 24px;
+}
+
+/* Trailing chevron that replaces the per-step CTA button on mobile. WDS has no
+ * dedicated icon-color token; icons take the text-standard color (the Figma
+ * variable is grouped as "Text & icon"). */
+.chevron {
+  display: flex;
+  flex-shrink: 0;
+  color: var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624));
+}
+
+.chevronDisabled {
+  display: flex;
+  flex-shrink: 0;
+  color: var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));
+}
+
+/* "IN PROGRESS" label, rendered with a WDS <Text> (so it uses the design
+ * system's typography) but in the urgent orange. <Text> has no "urgent" skin,
+ * so we override the standard-text color token it reads — this beats the
+ * component's own color rule without !important — and uppercase the label to
+ * match the Figma spec. Using <Text> (not a Badge) keeps it flush with the
+ * title, with no badge padding/offset. */
+.inProgressLabel {
+  --wds-color-text-standard-primary: var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));
+
+  text-transform: uppercase;
+}

package/dist/esm/components/SetupWidget/SetupWidget.st.css.js

@@ -1,15 +1,15 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SetupWidget4051015157";
+var _namespace_ = "SetupWidget808034205";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SetupWidget4051015157__root", "row": "SetupWidget4051015157__row", "completedCta": "SetupWidget4051015157__completedCta", "card": "SetupWidget4051015157__card" };
+export var classes = { "root": "SetupWidget808034205__root", "row": "SetupWidget808034205__row", "completedCta": "SetupWidget808034205__completedCta", "card": "SetupWidget808034205__card", "stepIcon": "SetupWidget808034205__stepIcon", "chevron": "SetupWidget808034205__chevron", "chevronDisabled": "SetupWidget808034205__chevronDisabled", "inProgressLabel": "SetupWidget808034205__inProgressLabel" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};
 export var stVars = {};
-export var vars = { "wds-color-border-dark-secondary": "--wds-color-border-dark-secondary", "wds-color-border-standard-primary": "--wds-color-border-standard-primary", "wds-color-border-standard-secondary": "--wds-color-border-standard-secondary", "wds-color-fill-standard-tertiary": "--wds-color-fill-standard-tertiary", "wds-color-fill-standard-tertiary-hover": "--wds-color-fill-standard-tertiary-hover", "wsr-color-D60": "--wsr-color-D60", "wsr-color-D80": "--wsr-color-D80", "wsr-color-B30": "--wsr-color-B30", "wsr-color-B40": "--wsr-color-B40", "wsr-color-B60": "--wsr-color-B60", "wds-space-100": "--wds-space-100", "wds-border-radius-200": "--wds-border-radius-200", "wds-border-radius-400": "--wds-border-radius-400" };
+export var vars = { "wds-color-border-dark-secondary": "--wds-color-border-dark-secondary", "wds-color-border-standard-primary": "--wds-color-border-standard-primary", "wds-color-border-standard-secondary": "--wds-color-border-standard-secondary", "wds-color-fill-standard-tertiary": "--wds-color-fill-standard-tertiary", "wds-color-fill-standard-tertiary-hover": "--wds-color-fill-standard-tertiary-hover", "wsr-color-D60": "--wsr-color-D60", "wsr-color-D80": "--wsr-color-D80", "wsr-color-B30": "--wsr-color-B30", "wsr-color-B40": "--wsr-color-B40", "wsr-color-B60": "--wsr-color-B60", "wds-color-text-standard-primary": "--wds-color-text-standard-primary", "wds-color-text-disabled": "--wds-color-text-disabled", "wds-color-text-urgent": "--wds-color-text-urgent", "wsr-color-D10": "--wsr-color-D10", "wsr-color-D10-30": "--wsr-color-D10-30", "wsr-color-O10": "--wsr-color-O10", "wds-space-100": "--wds-space-100", "wds-border-radius-200": "--wds-border-radius-200", "wds-border-radius-400": "--wds-border-radius-400" };
 //# sourceMappingURL=SetupWidget.st.css.js.map

package/dist/esm/components/SetupWidget/SetupWidget.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetupWidget.st.css.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupWidget.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,KAAK,EAAC,4BAA4B,EAAC,cAAc,EAAC,qCAAqC,EAAC,MAAM,EAAC,6BAA6B,EAAC,CAAC;AACzL,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,qCAAqC,EAAC,uCAAuC,EAAC,kCAAkC,EAAC,oCAAoC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,CAAC"}
+{"version":3,"file":"SetupWidget.st.css.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupWidget.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,KAAK,EAAC,2BAA2B,EAAC,cAAc,EAAC,oCAAoC,EAAC,MAAM,EAAC,4BAA4B,EAAC,UAAU,EAAC,gCAAgC,EAAC,SAAS,EAAC,+BAA+B,EAAC,iBAAiB,EAAC,uCAAuC,EAAC,iBAAiB,EAAC,uCAAuC,EAAC,CAAC;AAC/X,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,mCAAmC,EAAC,qCAAqC,EAAC,qCAAqC,EAAC,uCAAuC,EAAC,kCAAkC,EAAC,oCAAoC,EAAC,wCAAwC,EAAC,0CAA0C,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,iCAAiC,EAAC,mCAAmC,EAAC,yBAAyB,EAAC,2BAA2B,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,eAAe,EAAC,iBAAiB,EAAC,kBAAkB,EAAC,oBAAoB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,uBAAuB,EAAC,yBAAyB,EAAC,CAAC"}

package/dist/esm/components/SetupWidget/SetupWidgetHeader.js

@@ -14,11 +14,16 @@ export const SetupWidgetHeader = ({ title, completedCount, totalCount, progressP
         total: totalCount,
     });
     if (isMobile) {
-        return (React.createElement(Box, { direction: "vertical", gap: "SP2" },
+        // Mobile (per Figma): the "X/Y" ratio sits inline to the left of the bar
+        // (no "completed" word) to save vertical space. The ratio is just numbers,
+        // so it needs no translation.
+        const ratio = `${completedCount}/${totalCount}`;
+        return (React.createElement(Box, { direction: "vertical", gap: "SP3", width: "100%" },
             React.createElement(Heading, { dataHook: "setup-widget-title", size: "large" }, resolvedTitle),
-            React.createElement(Text, { dataHook: "setup-widget-progress", size: "small", secondary: true }, ratioLabel),
-            React.createElement(Box, { width: "100%" },
-                React.createElement(LinearProgressBar, { skin: "standard", value: progressPercentage }))));
+            React.createElement(Box, { width: "100%", verticalAlign: "middle", gap: "SP2" },
+                React.createElement(Text, { dataHook: "setup-widget-progress", size: "small", secondary: true }, ratio),
+                React.createElement(Box, { flexGrow: 1 },
+                    React.createElement(LinearProgressBar, { skin: "standard", value: progressPercentage })))));
     }
     return (React.createElement(Box, { align: "space-between", verticalAlign: "middle", marginBottom: "SP4" },
         React.createElement(Heading, { dataHook: "setup-widget-title", size: "medium" }, resolvedTitle),