@wix/patterns 1.417.0 → 1.419.0

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1743228305\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContentAdditionalStep1743228305__root\",\"titles\":\"PickerContentAdditionalStep1743228305__titles\",\"suffix\":\"PickerContentAdditionalStep1743228305__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uCAAuC;AACzD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep2283634028\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContentAdditionalStep2283634028__root\",\"titles\":\"PickerContentAdditionalStep2283634028__titles\",\"suffix\":\"PickerContentAdditionalStep2283634028__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uCAAuC;AACzD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerTableListItem285490205";
+var _namespace_ = "PickerTableListItem1166723173";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "PickerTableListItem285490205__root"
+  "root": "PickerTableListItem1166723173__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem285490205\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerTableListItem285490205__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAoC,CAAC;AAC3D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem1166723173\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerTableListItem1166723173__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ScrollableContent1047518612";
+var _namespace_ = "ScrollableContent1595143413";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ScrollableContent1047518612__root"
+  "root": "ScrollableContent1595143413__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent1047518612\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent1047518612__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAmC,CAAC;AAC1D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent1595143413\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent1595143413__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAmC,CAAC;AAC1D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -36,6 +36,7 @@ const SetupStepCard = ({
   const clickable = isInline && !isCompleted && !isDisabled;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-hook": `setup-step-${step.id}`,
+    "data-focused": isPrimary,
     className: (0, _SetupWidgetStCss.st)(_SetupWidgetStCss.classes.card, {
       primary: isPrimary,
       clickable
@@ -62,7 +63,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 69,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -71,7 +72,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 70,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_SetupStepIcon.SetupStepIcon, {
@@ -79,7 +80,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 71,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -88,7 +89,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 72,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -100,21 +101,21 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 73,
       columnNumber: 13
     }
   }, isCompleted ? /*#__PURE__*/_react.default.createElement("del", {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 80,
       columnNumber: 30
     }
   }, step.title) : step.title), isInProgress && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 83,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Badge, {
@@ -124,7 +125,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 84,
       columnNumber: 17
     }
   }, t('cairo.setupWidget.step.inProgress'))))), !isCompleted && step.description && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -133,7 +134,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 93,
       columnNumber: 11
     }
   }, step.description), isInlineExpanded && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -142,7 +143,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 99,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -151,7 +152,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 103,
       columnNumber: 13
     }
   }, renderStepContent == null ? void 0 : renderStepContent(step))), !isCompleted && !isInlineExpanded && step.ctaLabel && (() => {
@@ -168,7 +169,7 @@ const SetupStepCard = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 116,
+        lineNumber: 117,
         columnNumber: 15
       }
     }, step.ctaLabel);
@@ -183,14 +184,14 @@ const SetupStepCard = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 133,
+        lineNumber: 134,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 142,
+        lineNumber: 143,
         columnNumber: 17
       }
     }, ctaButton)) : ctaButton;
@@ -198,7 +199,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 151,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -211,7 +212,7 @@ const SetupStepCard = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 152,
       columnNumber: 13
     }
   }, step.completedCtaLabel))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepCard","step","isPrimary","expanded","onActivate","renderStepContent","translate","t","useWixPatternsContainer","isInProgress","status","isCompleted","isDisabled","isInline","expansionMode","isInlineExpanded","clickable","default","createElement","id","className","st","classes","card","primary","onClick","undefined","role","tabIndex","onKeyDown","event","key","preventDefault","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","padding","verticalAlign","SetupStepIcon","Text","dataHook","size","weight","skin","secondary","title","Badge","type","description","stopPropagation","ctaLabel","ctaButton","Button","fullWidth","priority","disabled","Tooltip","content","disabledTooltip","completedCtaLabel","TextButton","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepCard.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  Text,\n  Button,\n  TextButton,\n  Badge,\n  Tooltip,\n} from '@wix/design-system';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { st, classes } from './SetupWidget.st.css.js';\n\nexport interface SetupStepCardProps {\n  step: SetupWidgetStep;\n  /** The recommended next step — soft blue surface + primary CTA. */\n  isPrimary: boolean;\n  /** Inline content is shown below the header. */\n  expanded: boolean;\n  onActivate: () => void;\n  renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Mobile step card. Phase-1 layout (\"matching desktop\"): shadowed card, the\n * focused card gets a soft blue surface, an \"In progress\" badge sits under the\n * title, completed cards strike the title and drop the CTA. Story-only\n * experiment knobs (peach shell / colored bullet / hero art / full-screen\n * modal) are intentionally omitted — those are consumer/page concerns.\n */\nexport const SetupStepCard = ({\n  step,\n  isPrimary,\n  expanded,\n  onActivate,\n  renderStepContent,\n}: SetupStepCardProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const isInProgress = step.status === 'in-progress';\n  const isCompleted = step.status === 'completed';\n  const isDisabled = step.status === 'disabled';\n  const isInline = step.expansionMode === 'inline';\n  const isInlineExpanded = expanded && isInline;\n\n  // The whole card toggles inline steps; navigate steps act via the CTA.\n  const clickable = isInline && !isCompleted && !isDisabled;\n\n  return (\n    <div\n      data-hook={`setup-step-${step.id}`}\n      className={st(classes.card, { primary: isPrimary, clickable })}\n      onClick={clickable ? onActivate : undefined}\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      onKeyDown={\n        clickable\n          ? (event: React.KeyboardEvent) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                onActivate();\n              }\n            }\n          : undefined\n      }\n    >\n      <Box direction=\"vertical\" gap=\"SP2\" padding=\"SP4\">\n        <Box gap=\"SP2\" verticalAlign=\"top\">\n          <SetupStepIcon status={step.status} />\n          <Box direction=\"vertical\" gap=\"SP1\">\n            <Text\n              dataHook={`setup-step-title-${step.id}`}\n              size=\"small\"\n              weight={isPrimary ? 'bold' : 'thin'}\n              skin={isDisabled ? 'disabled' : 'standard'}\n              secondary={isCompleted}\n            >\n              {isCompleted ? <del>{step.title}</del> : step.title}\n            </Text>\n            {isInProgress && (\n              <Box>\n                <Badge size=\"tiny\" skin=\"urgent\" type=\"transparent\">\n                  {t('cairo.setupWidget.step.inProgress')}\n                </Badge>\n              </Box>\n            )}\n          </Box>\n        </Box>\n\n        {!isCompleted && step.description && (\n          <Text size=\"small\" secondary>\n            {step.description}\n          </Text>\n        )}\n\n        {isInlineExpanded && (\n          <Box dataHook={`setup-step-content-${step.id}`} direction=\"vertical\">\n            {/* Stop clicks/keys inside the consumer widget from bubbling to\n                the card's toggle handler — otherwise interacting with the\n                content (e.g. an input) would collapse the card. */}\n            <div\n              onClick={(event) => event.stopPropagation()}\n              onKeyDown={(event) => event.stopPropagation()}\n            >\n              {renderStepContent?.(step)}\n            </div>\n          </Box>\n        )}\n\n        {!isCompleted &&\n          !isInlineExpanded &&\n          step.ctaLabel &&\n          (() => {\n            const ctaButton = (\n              <Button\n                dataHook={`setup-step-cta-${step.id}`}\n                fullWidth\n                size=\"medium\"\n                priority={isPrimary ? 'primary' : 'secondary'}\n                disabled={isDisabled}\n                onClick={(event: React.MouseEvent) => {\n                  event.stopPropagation();\n                  onActivate();\n                }}\n              >\n                {step.ctaLabel}\n              </Button>\n            );\n\n            // Disabled steps explain why the CTA is disabled (G5).\n            return isDisabled ? (\n              <Tooltip\n                dataHook={`setup-step-disabled-tooltip-${step.id}`}\n                content={\n                  step.disabledTooltip ??\n                  // Translation-key id stays `lockedTooltip` until the\n                  // Translation Center key is renamed (TC follow-up to T2).\n                  t('cairo.setupWidget.step.lockedTooltip')\n                }\n              >\n                <Box>{ctaButton}</Box>\n              </Tooltip>\n            ) : (\n              ctaButton\n            );\n          })()}\n\n        {isCompleted && step.completedCtaLabel && !isDisabled && (\n          <Box>\n            <TextButton\n              dataHook={`setup-step-cta-${step.id}`}\n              size=\"small\"\n              onClick={(event: React.MouseEvent) => {\n                event.stopPropagation();\n                onActivate();\n              }}\n            >\n              {step.completedCtaLabel}\n            </TextButton>\n          </Box>\n        )}\n      </Box>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepCard","step","isPrimary","expanded","onActivate","renderStepContent","translate","t","useWixPatternsContainer","isInProgress","status","isCompleted","isDisabled","isInline","expansionMode","isInlineExpanded","clickable","default","createElement","id","className","st","classes","card","primary","onClick","undefined","role","tabIndex","onKeyDown","event","key","preventDefault","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","padding","verticalAlign","SetupStepIcon","Text","dataHook","size","weight","skin","secondary","title","Badge","type","description","stopPropagation","ctaLabel","ctaButton","Button","fullWidth","priority","disabled","Tooltip","content","disabledTooltip","completedCtaLabel","TextButton","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepCard.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  Text,\n  Button,\n  TextButton,\n  Badge,\n  Tooltip,\n} from '@wix/design-system';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { st, classes } from './SetupWidget.st.css.js';\n\nexport interface SetupStepCardProps {\n  step: SetupWidgetStep;\n  /** The recommended next step — soft blue surface + primary CTA. */\n  isPrimary: boolean;\n  /** Inline content is shown below the header. */\n  expanded: boolean;\n  onActivate: () => void;\n  renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Mobile step card. Phase-1 layout (\"matching desktop\"): shadowed card, the\n * focused card gets a soft blue surface, an \"In progress\" badge sits under the\n * title, completed cards strike the title and drop the CTA. Story-only\n * experiment knobs (peach shell / colored bullet / hero art / full-screen\n * modal) are intentionally omitted — those are consumer/page concerns.\n */\nexport const SetupStepCard = ({\n  step,\n  isPrimary,\n  expanded,\n  onActivate,\n  renderStepContent,\n}: SetupStepCardProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const isInProgress = step.status === 'in-progress';\n  const isCompleted = step.status === 'completed';\n  const isDisabled = step.status === 'disabled';\n  const isInline = step.expansionMode === 'inline';\n  const isInlineExpanded = expanded && isInline;\n\n  // The whole card toggles inline steps; navigate steps act via the CTA.\n  const clickable = isInline && !isCompleted && !isDisabled;\n\n  return (\n    <div\n      data-hook={`setup-step-${step.id}`}\n      data-focused={isPrimary}\n      className={st(classes.card, { primary: isPrimary, clickable })}\n      onClick={clickable ? onActivate : undefined}\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      onKeyDown={\n        clickable\n          ? (event: React.KeyboardEvent) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                onActivate();\n              }\n            }\n          : undefined\n      }\n    >\n      <Box direction=\"vertical\" gap=\"SP2\" padding=\"SP4\">\n        <Box gap=\"SP2\" verticalAlign=\"top\">\n          <SetupStepIcon status={step.status} />\n          <Box direction=\"vertical\" gap=\"SP1\">\n            <Text\n              dataHook={`setup-step-title-${step.id}`}\n              size=\"small\"\n              weight={isPrimary ? 'bold' : 'thin'}\n              skin={isDisabled ? 'disabled' : 'standard'}\n              secondary={isCompleted}\n            >\n              {isCompleted ? <del>{step.title}</del> : step.title}\n            </Text>\n            {isInProgress && (\n              <Box>\n                <Badge size=\"tiny\" skin=\"urgent\" type=\"transparent\">\n                  {t('cairo.setupWidget.step.inProgress')}\n                </Badge>\n              </Box>\n            )}\n          </Box>\n        </Box>\n\n        {!isCompleted && step.description && (\n          <Text size=\"small\" secondary>\n            {step.description}\n          </Text>\n        )}\n\n        {isInlineExpanded && (\n          <Box dataHook={`setup-step-content-${step.id}`} direction=\"vertical\">\n            {/* Stop clicks/keys inside the consumer widget from bubbling to\n                the card's toggle handler — otherwise interacting with the\n                content (e.g. an input) would collapse the card. */}\n            <div\n              onClick={(event) => event.stopPropagation()}\n              onKeyDown={(event) => event.stopPropagation()}\n            >\n              {renderStepContent?.(step)}\n            </div>\n          </Box>\n        )}\n\n        {!isCompleted &&\n          !isInlineExpanded &&\n          step.ctaLabel &&\n          (() => {\n            const ctaButton = (\n              <Button\n                dataHook={`setup-step-cta-${step.id}`}\n                fullWidth\n                size=\"medium\"\n                priority={isPrimary ? 'primary' : 'secondary'}\n                disabled={isDisabled}\n                onClick={(event: React.MouseEvent) => {\n                  event.stopPropagation();\n                  onActivate();\n                }}\n              >\n                {step.ctaLabel}\n              </Button>\n            );\n\n            // Disabled steps explain why the CTA is disabled (G5).\n            return isDisabled ? (\n              <Tooltip\n                dataHook={`setup-step-disabled-tooltip-${step.id}`}\n                content={\n                  step.disabledTooltip ??\n                  // Translation-key id stays `lockedTooltip` until the\n                  // Translation Center key is renamed (TC follow-up to T2).\n                  t('cairo.setupWidget.step.lockedTooltip')\n                }\n              >\n                <Box>{ctaButton}</Box>\n              </Tooltip>\n            ) : (\n              ctaButton\n            );\n          })()}\n\n        {isCompleted && step.completedCtaLabel && !isDisabled && (\n          <Box>\n            <TextButton\n              dataHook={`setup-step-cta-${step.id}`}\n              size=\"small\"\n              onClick={(event: React.MouseEvent) => {\n                event.stopPropagation();\n                onActivate();\n              }}\n            >\n              {step.completedCtaLabel}\n            </TextButton>\n          </Box>\n        )}\n      </Box>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SetupWidget/SetupStepRow.js

@@ -39,6 +39,7 @@ const SetupStepRow = ({
   const handleClick = clickable ? onActivate : undefined;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-hook": `setup-step-${step.id}`,
+    "data-focused": isFocused,
     className: (0, _SetupWidgetStCss.st)(_SetupWidgetStCss.classes.row, {
       focused: isFocused,
       hoverable,
@@ -67,7 +68,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 83,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -76,7 +77,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 89,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_SetupStepIcon.SetupStepIcon, {
@@ -84,7 +85,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 90,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -95,7 +96,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 91,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -108,14 +109,14 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 96,
+      lineNumber: 97,
       columnNumber: 13
     }
   }, isCompleted ? /*#__PURE__*/_react.default.createElement("del", {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 105,
       columnNumber: 30
     }
   }, step.title) : step.title), isInProgress && !isInlineExpanded && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -123,7 +124,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 108,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Badge, {
@@ -133,7 +134,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 109,
       columnNumber: 17
     }
   }, t('cairo.setupWidget.step.inProgress'))))), showCta && (() => {
@@ -142,7 +143,7 @@ const SetupStepRow = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 118,
+        lineNumber: 119,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -158,7 +159,7 @@ const SetupStepRow = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 119,
+        lineNumber: 120,
         columnNumber: 17
       }
     }, step.ctaLabel));
@@ -173,7 +174,7 @@ const SetupStepRow = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 137,
+        lineNumber: 138,
         columnNumber: 15
       }
     }, ctaNode) : ctaNode;
@@ -184,7 +185,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 153,
+      lineNumber: 154,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -197,7 +198,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 159,
       columnNumber: 13
     }
   }, step.completedCtaLabel))), isInlineExpanded && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -210,7 +211,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 172,
+      lineNumber: 173,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -218,14 +219,14 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 180,
+      lineNumber: 181,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181,
+      lineNumber: 182,
       columnNumber: 13
     }
   })), /*#__PURE__*/_react.default.createElement("div", {
@@ -234,7 +235,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 186,
+      lineNumber: 187,
       columnNumber: 11
     }
   }, renderStepContent == null ? void 0 : renderStepContent(step))));

package/dist/cjs/components/SetupWidget/SetupStepRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepRow","step","isFocused","expanded","onActivate","renderStepContent","translate","t","useWixPatternsContainer","isInProgress","status","isCompleted","isDisabled","isInlineExpanded","expansionMode","showCta","ctaLabel","showCompletedCta","completedCtaLabel","clickable","hoverable","handleClick","undefined","default","createElement","id","className","st","classes","row","focused","onClick","onKeyDown","event","key","preventDefault","role","tabIndex","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","width","minHeight","SetupStepIcon","paddingLeft","paddingRight","gap","Text","dataHook","size","skin","weight","secondary","light","title","marginTop","Badge","type","ctaNode","Button","priority","disabled","ellipsis","stopPropagation","Tooltip","content","disabledTooltip","marginRight","completedCta","TextButton","direction","paddingBottom","marginBottom","Divider","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepRow.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  Text,\n  Button,\n  TextButton,\n  Badge,\n  Divider,\n  Tooltip,\n} from '@wix/design-system';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { st, classes } from './SetupWidget.st.css.js';\n\nexport interface SetupStepRowProps {\n  step: SetupWidgetStep;\n  /** Highlighted + bold row (the recommended (primary) or expanded step). */\n  isFocused: boolean;\n  /** Inline content is shown below the row. */\n  expanded: boolean;\n  onActivate: () => void;\n  /** Supplies the inline-expansion content (render prop on the widget). */\n  renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Desktop step row. Recreated from the existing Setup widget:\n * - completed → green check, struck-through title, optional completed CTA\n * - disabled → muted bullet + disabled CTA (permission-denied)\n * - in-progress → \"In progress\" badge next to the title\n * - focused → blue surface, bold title, primary CTA\n * - hoverable rows tint blue on hover (handled in Stylable)\n */\nexport const SetupStepRow = ({\n  step,\n  isFocused,\n  expanded,\n  onActivate,\n  renderStepContent,\n}: SetupStepRowProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const isInProgress = step.status === 'in-progress';\n  const isCompleted = step.status === 'completed';\n  const isDisabled = step.status === 'disabled';\n  const isInlineExpanded = expanded && step.expansionMode === 'inline';\n\n  const showCta = !isCompleted && !!step.ctaLabel && !isInlineExpanded;\n  // Completed steps stay actionable when they carry a completed CTA (G2).\n  const showCompletedCta = isCompleted && !!step.completedCtaLabel && !isDisabled;\n  const clickable = (!isCompleted && !isDisabled) || showCompletedCta;\n  const hoverable = !isFocused && !isCompleted && !isDisabled;\n\n  const handleClick = clickable ? onActivate : undefined;\n\n  return (\n    <div\n      data-hook={`setup-step-${step.id}`}\n      className={st(classes.row, {\n        focused: isFocused,\n        hoverable,\n        clickable,\n      })}\n      onClick={handleClick}\n      onKeyDown={\n        clickable\n          ? (event: React.KeyboardEvent) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                onActivate();\n              }\n            }\n          : undefined\n      }\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n    >\n      {/* Reserve the CTA button's height (small button = 30px) so rows keep a\n          stable height whether or not they render a CTA — otherwise completed\n          rows (which drop the CTA) would shrink and the widget would reflow. */}\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        width=\"100%\"\n        minHeight=\"30px\"\n      >\n        <Box minHeight=\"24px\" verticalAlign=\"middle\">\n          <SetupStepIcon status={step.status} />\n          <Box\n            paddingLeft=\"SP2\"\n            paddingRight=\"SP2\"\n            verticalAlign=\"middle\"\n            gap=\"SP1\"\n          >\n            <Text\n              dataHook={`setup-step-title-${step.id}`}\n              size=\"small\"\n              skin={isDisabled ? 'disabled' : 'standard'}\n              weight={isFocused ? 'bold' : 'thin'}\n              secondary={isCompleted}\n              light={isCompleted}\n            >\n              {isCompleted ? <del>{step.title}</del> : step.title}\n            </Text>\n            {isInProgress && !isInlineExpanded && (\n              <Box marginTop=\"2px\">\n                <Badge size=\"tiny\" skin=\"urgent\" type=\"transparent\">\n                  {t('cairo.setupWidget.step.inProgress')}\n                </Badge>\n              </Box>\n            )}\n          </Box>\n        </Box>\n        {showCta &&\n          (() => {\n            const ctaNode = (\n              <Box verticalAlign=\"middle\">\n                <Button\n                  dataHook={`setup-step-cta-${step.id}`}\n                  size=\"small\"\n                  priority={!isDisabled && !isFocused ? 'secondary' : 'primary'}\n                  disabled={isDisabled}\n                  ellipsis={false}\n                  onClick={(event: React.MouseEvent) => {\n                    event.stopPropagation();\n                    onActivate();\n                  }}\n                >\n                  {step.ctaLabel}\n                </Button>\n              </Box>\n            );\n\n            // Disabled steps explain why the CTA is disabled (G5).\n            return isDisabled ? (\n              <Tooltip\n                dataHook={`setup-step-disabled-tooltip-${step.id}`}\n                content={\n                  step.disabledTooltip ??\n                  // Translation-key id stays `lockedTooltip` until the\n                  // Translation Center key is renamed (TC follow-up to T2).\n                  t('cairo.setupWidget.step.lockedTooltip')\n                }\n              >\n                {ctaNode}\n              </Tooltip>\n            ) : (\n              ctaNode\n            );\n          })()}\n        {showCompletedCta && (\n          <Box\n            verticalAlign=\"middle\"\n            marginRight=\"SP2\"\n            className={st(classes.completedCta)}\n          >\n            <TextButton\n              dataHook={`setup-step-cta-${step.id}`}\n              size=\"small\"\n              onClick={(event: React.MouseEvent) => {\n                event.stopPropagation();\n                onActivate();\n              }}\n            >\n              {step.completedCtaLabel}\n            </TextButton>\n          </Box>\n        )}\n      </Box>\n      {isInlineExpanded && (\n        <Box\n          dataHook={`setup-step-content-${step.id}`}\n          direction=\"vertical\"\n          paddingLeft=\"SP5\"\n          paddingRight=\"SP1\"\n          paddingBottom=\"SP1\"\n          marginTop=\"SP2\"\n        >\n          <Box marginBottom=\"SP2\">\n            <Divider />\n          </Box>\n          {/* Stop clicks/keys inside the consumer widget from bubbling to the\n              row's toggle handler — otherwise interacting with the content\n              (e.g. an input) would collapse the card. */}\n          <div\n            onClick={(event) => event.stopPropagation()}\n            onKeyDown={(event) => event.stopPropagation()}\n          >\n            {renderStepContent?.(step)}\n          </div>\n        </Box>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepRow","step","isFocused","expanded","onActivate","renderStepContent","translate","t","useWixPatternsContainer","isInProgress","status","isCompleted","isDisabled","isInlineExpanded","expansionMode","showCta","ctaLabel","showCompletedCta","completedCtaLabel","clickable","hoverable","handleClick","undefined","default","createElement","id","className","st","classes","row","focused","onClick","onKeyDown","event","key","preventDefault","role","tabIndex","__self","__source","fileName","lineNumber","columnNumber","Box","align","verticalAlign","width","minHeight","SetupStepIcon","paddingLeft","paddingRight","gap","Text","dataHook","size","skin","weight","secondary","light","title","marginTop","Badge","type","ctaNode","Button","priority","disabled","ellipsis","stopPropagation","Tooltip","content","disabledTooltip","marginRight","completedCta","TextButton","direction","paddingBottom","marginBottom","Divider","exports"],"sources":["../../../../src/components/SetupWidget/SetupStepRow.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Box,\n  Text,\n  Button,\n  TextButton,\n  Badge,\n  Divider,\n  Tooltip,\n} from '@wix/design-system';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { st, classes } from './SetupWidget.st.css.js';\n\nexport interface SetupStepRowProps {\n  step: SetupWidgetStep;\n  /** Highlighted + bold row (the recommended (primary) or expanded step). */\n  isFocused: boolean;\n  /** Inline content is shown below the row. */\n  expanded: boolean;\n  onActivate: () => void;\n  /** Supplies the inline-expansion content (render prop on the widget). */\n  renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;\n}\n\n/**\n * Desktop step row. Recreated from the existing Setup widget:\n * - completed → green check, struck-through title, optional completed CTA\n * - disabled → muted bullet + disabled CTA (permission-denied)\n * - in-progress → \"In progress\" badge next to the title\n * - focused → blue surface, bold title, primary CTA\n * - hoverable rows tint blue on hover (handled in Stylable)\n */\nexport const SetupStepRow = ({\n  step,\n  isFocused,\n  expanded,\n  onActivate,\n  renderStepContent,\n}: SetupStepRowProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const isInProgress = step.status === 'in-progress';\n  const isCompleted = step.status === 'completed';\n  const isDisabled = step.status === 'disabled';\n  const isInlineExpanded = expanded && step.expansionMode === 'inline';\n\n  const showCta = !isCompleted && !!step.ctaLabel && !isInlineExpanded;\n  // Completed steps stay actionable when they carry a completed CTA (G2).\n  const showCompletedCta = isCompleted && !!step.completedCtaLabel && !isDisabled;\n  const clickable = (!isCompleted && !isDisabled) || showCompletedCta;\n  const hoverable = !isFocused && !isCompleted && !isDisabled;\n\n  const handleClick = clickable ? onActivate : undefined;\n\n  return (\n    <div\n      data-hook={`setup-step-${step.id}`}\n      data-focused={isFocused}\n      className={st(classes.row, {\n        focused: isFocused,\n        hoverable,\n        clickable,\n      })}\n      onClick={handleClick}\n      onKeyDown={\n        clickable\n          ? (event: React.KeyboardEvent) => {\n              if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                onActivate();\n              }\n            }\n          : undefined\n      }\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n    >\n      {/* Reserve the CTA button's height (small button = 30px) so rows keep a\n          stable height whether or not they render a CTA — otherwise completed\n          rows (which drop the CTA) would shrink and the widget would reflow. */}\n      <Box\n        align=\"space-between\"\n        verticalAlign=\"middle\"\n        width=\"100%\"\n        minHeight=\"30px\"\n      >\n        <Box minHeight=\"24px\" verticalAlign=\"middle\">\n          <SetupStepIcon status={step.status} />\n          <Box\n            paddingLeft=\"SP2\"\n            paddingRight=\"SP2\"\n            verticalAlign=\"middle\"\n            gap=\"SP1\"\n          >\n            <Text\n              dataHook={`setup-step-title-${step.id}`}\n              size=\"small\"\n              skin={isDisabled ? 'disabled' : 'standard'}\n              weight={isFocused ? 'bold' : 'thin'}\n              secondary={isCompleted}\n              light={isCompleted}\n            >\n              {isCompleted ? <del>{step.title}</del> : step.title}\n            </Text>\n            {isInProgress && !isInlineExpanded && (\n              <Box marginTop=\"2px\">\n                <Badge size=\"tiny\" skin=\"urgent\" type=\"transparent\">\n                  {t('cairo.setupWidget.step.inProgress')}\n                </Badge>\n              </Box>\n            )}\n          </Box>\n        </Box>\n        {showCta &&\n          (() => {\n            const ctaNode = (\n              <Box verticalAlign=\"middle\">\n                <Button\n                  dataHook={`setup-step-cta-${step.id}`}\n                  size=\"small\"\n                  priority={!isDisabled && !isFocused ? 'secondary' : 'primary'}\n                  disabled={isDisabled}\n                  ellipsis={false}\n                  onClick={(event: React.MouseEvent) => {\n                    event.stopPropagation();\n                    onActivate();\n                  }}\n                >\n                  {step.ctaLabel}\n                </Button>\n              </Box>\n            );\n\n            // Disabled steps explain why the CTA is disabled (G5).\n            return isDisabled ? (\n              <Tooltip\n                dataHook={`setup-step-disabled-tooltip-${step.id}`}\n                content={\n                  step.disabledTooltip ??\n                  // Translation-key id stays `lockedTooltip` until the\n                  // Translation Center key is renamed (TC follow-up to T2).\n                  t('cairo.setupWidget.step.lockedTooltip')\n                }\n              >\n                {ctaNode}\n              </Tooltip>\n            ) : (\n              ctaNode\n            );\n          })()}\n        {showCompletedCta && (\n          <Box\n            verticalAlign=\"middle\"\n            marginRight=\"SP2\"\n            className={st(classes.completedCta)}\n          >\n            <TextButton\n              dataHook={`setup-step-cta-${step.id}`}\n              size=\"small\"\n              onClick={(event: React.MouseEvent) => {\n                event.stopPropagation();\n                onActivate();\n              }}\n            >\n              {step.completedCtaLabel}\n            </TextButton>\n          </Box>\n        )}\n      </Box>\n      {isInlineExpanded && (\n        <Box\n          dataHook={`setup-step-content-${step.id}`}\n          direction=\"vertical\"\n          paddingLeft=\"SP5\"\n          paddingRight=\"SP1\"\n          paddingBottom=\"SP1\"\n          marginTop=\"SP2\"\n        >\n          <Box marginBottom=\"SP2\">\n            <Divider />\n          </Box>\n          {/* Stop clicks/keys inside the consumer widget from bubbling to the\n              row's toggle handler — otherwise interacting with the content\n              (e.g. an input) would collapse the card. */}\n          <div\n            onClick={(event) => event.stopPropagation()}\n            onKeyDown={(event) => event.stopPropagation()}\n          >\n            {renderStepContent?.(step)}\n          </div>\n        </Box>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SetupWidget/SetupWidget.js

@@ -82,30 +82,35 @@ const _SetupWidget = ({
   const renderLeaf = (step, isChild = false) => {
     const expanded = !isChild && step.expansionMode === 'inline' && state._expandedStepId === step.id;
     const onActivate = () => isChild ? activateChild(step) : activateStep(step);
+
+    // A single step is focused/highlighted at a time — the expanded step when
+    // one is open, otherwise the primary. (Highlighting `primary || expanded`
+    // would mark two rows once the user opens a non-primary inline step.)
+    const isFocused = !isChild && step.id === state._focusedStepId;
     return isMobile ? /*#__PURE__*/_react.default.createElement(_SetupStepCard.SetupStepCard, {
       key: step.id,
       step: step,
-      isPrimary: !isChild && step.id === state._primaryStepId,
+      isPrimary: isFocused,
       expanded: expanded,
       onActivate: onActivate,
       renderStepContent: renderStepContent,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 128,
+        lineNumber: 133,
         columnNumber: 7
       }
     }) : /*#__PURE__*/_react.default.createElement(_SetupStepRow.SetupStepRow, {
       key: step.id,
       step: step,
-      isFocused: !isChild && (step.id === state._primaryStepId || expanded),
+      isFocused: isFocused,
       expanded: expanded,
       onActivate: onActivate,
       renderStepContent: renderStepContent,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 137,
+        lineNumber: 142,
         columnNumber: 7
       }
     });
@@ -119,7 +124,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 151,
+        lineNumber: 156,
         columnNumber: 7
       }
     });
@@ -134,7 +139,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 158,
+        lineNumber: 163,
         columnNumber: 12
       }
     });
@@ -157,7 +162,7 @@ const _SetupWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
+      lineNumber: 179,
       columnNumber: 5
     }
   });
@@ -167,7 +172,7 @@ const _SetupWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 184,
+      lineNumber: 189,
       columnNumber: 5
     }
   }, state.steps.map(step => {
@@ -182,7 +187,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 187,
+        lineNumber: 192,
         columnNumber: 11
       }
     }) : renderLeaf(step);
@@ -193,7 +198,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 200,
+        lineNumber: 205,
         columnNumber: 11
       }
     }, node) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
@@ -201,7 +206,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 208,
+        lineNumber: 213,
         columnNumber: 11
       }
     }, node);
@@ -219,7 +224,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 226,
+        lineNumber: 231,
         columnNumber: 7
       }
     }, body);
@@ -239,7 +244,7 @@ const _SetupWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 233,
+      lineNumber: 238,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -248,7 +253,7 @@ const _SetupWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 246,
+      lineNumber: 251,
       columnNumber: 7
     }
   }, body));