npm - @wix/patterns - Versions diffs - 1.418.0 → 1.419.0 - Mend

@wix/patterns 1.418.0 → 1.419.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (337) hide show

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

	@@ -1 +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_ = \"~~PickerContentAdditionalStep2931410296~~\";\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\":\"~~PickerContentAdditionalStep2931410296__root~~\",\"titles\":\"~~PickerContentAdditionalStep2931410296__titles~~\",\"suffix\":\"~~PickerContentAdditionalStep2931410296__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":[]}
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_ = \"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 CHANGED Viewed

@@ -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_ = "PickerTableListItem2945163989";
+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": "PickerTableListItem2945163989__root"
+  "root": "PickerTableListItem1166723173__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~PickerTableListItem2945163989~~\";\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\":\"~~PickerTableListItem2945163989__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":[]}
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_ = \"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 CHANGED Viewed

@@ -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_ = "ScrollableContent3996425431";
+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": "ScrollableContent3996425431__root"
+  "root": "ScrollableContent1595143413__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~ScrollableContent3996425431~~\";\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\":\"~~ScrollableContent3996425431__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":[]}
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_ = \"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
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 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.st.css.js CHANGED Viewed

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "SetupWidget755400176";
+var _namespace_ = "SetupWidget3779148599";
 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": "SetupWidget755400176__root",
-  "row": "SetupWidget755400176__row",
-  "completedCta": "SetupWidget755400176__completedCta",
-  "card": "SetupWidget755400176__card"
+  "root": "SetupWidget3779148599__root",
+  "row": "SetupWidget3779148599__row",
+  "completedCta": "SetupWidget3779148599__completedCta",
+  "card": "SetupWidget3779148599__card"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SetupWidget/SetupWidget.st.css.js.map CHANGED Viewed

	@@ -1 +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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~SetupWidget755400176~~\";\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\":\"~~SetupWidget755400176__root~~\",\"row\":\"~~SetupWidget755400176__row~~\",\"completedCta\":\"~~SetupWidget755400176__completedCta~~\",\"card\":\"~~SetupWidget755400176__card~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport 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\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~sBAAsB~~;~~AACxC~~,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,~~4BAA4B~~;EAAC,KAAK,EAAC,~~2BAA2B~~;EAAC,cAAc,EAAC,~~oCAAoC~~;EAAC,MAAM,EAAC;~~AAA4B~~,CAAC;~~AAC7K~~,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;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;AAAyB,CAAC","ignoreList":[]}
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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget3779148599\";\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\":\"SetupWidget3779148599__root\",\"row\":\"SetupWidget3779148599__row\",\"completedCta\":\"SetupWidget3779148599__completedCta\",\"card\":\"SetupWidget3779148599__card\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport 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\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,KAAK,EAAC,4BAA4B;EAAC,cAAc,EAAC,qCAAqC;EAAC,MAAM,EAAC;AAA6B,CAAC;AACjL,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;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;AAAyB,CAAC","ignoreList":[]}

package/dist/cjs/components/SetupWidget/SetupWidget.uni.driver.js CHANGED Viewed

@@ -26,6 +26,8 @@ var _default = (base, body) => {
     disabledTooltipExists: id => base.$(`[data-hook="setup-step-disabled-tooltip-${id}"]`).exists(),
     /** Whether a step's inline-expansion content is shown. */
     isStepExpanded: id => base.$(`[data-hook="setup-step-content-${id}"]`).exists(),
+    /** Whether a step row/card is the single focused ("next") step. */
+    isStepFocused: id => base.$(`[data-hook="setup-step-${id}"]`).attr('data-focused').then(value => value === 'true'),
     /** Whether an aggregated group's children are shown. */
     isGroupExpanded: id => base.$(`[data-hook="setup-step-children-${id}"]`).exists(),
     /** Click an arbitrary element by data-hook within the widget. */

package/dist/cjs/components/SetupWidget/SetupWidget.uni.driver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","tryAgainButton","TextButtonUniDriver","$","stepCta","id","ButtonUniDriver","getTitle","text","getProgressLabel","getStepTitles","$$","map","el","stepExists","exists","clickStep","click","clickStepCta","stepCtaExists","disabledTooltipExists","isStepExpanded","isGroupExpanded","clickByDataHook","dataHook","isAllComplete","isLoading","isError","clickTryAgain","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/SetupWidget/SetupWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n ButtonUniDriver,\n TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n const tryAgainButton = () =>\n TextButtonUniDriver(\n base.$(`[data-hook=\"error-card-state-action-button\"]`),\n body,\n );\n\n const stepCta = (id: string) =>\n ButtonUniDriver(base.$(`[data-hook=\"setup-step-cta-${id}\"]`), body);\n\n return {\n /** Widget title text. /\n getTitle: () => base.$(`[data-hook=\"setup-widget-title\"]`).text(),\n /* \"X/Y completed\" progress label text. /\n getProgressLabel: () =>\n base.$(`[data-hook=\"setup-widget-progress\"]`).text(),\n /* Titles of all rendered steps, in order. /\n getStepTitles: () =>\n base.$$(`[data-hook^=\"setup-step-title-\"]`).map((el) => el.text()),\n /* Whether a given step row/card is rendered. /\n stepExists: (id: string) =>\n base.$(`[data-hook=\"setup-step-${id}\"]`).exists(),\n /* Click a step's row/card (triggers inline toggle or navigate). /\n clickStep: (id: string) => base.$(`[data-hook=\"setup-step-${id}\"]`).click(),\n /* Click a step's CTA button. /\n clickStepCta: (id: string) => stepCta(id).click(),\n /* Whether a step's CTA is rendered. /\n stepCtaExists: (id: string) =>\n base.$(`[data-hook=\"setup-step-cta-${id}\"]`).exists(),\n /* Whether a disabled step's permission tooltip wraps its CTA. /\n disabledTooltipExists: (id: string) =>\n base.$(`[data-hook=\"setup-step-disabled-tooltip-${id}\"]`).exists(),\n /* Whether a step's inline-expansion content is shown. /\n isStepExpanded: (id: string) =>\n base.$(`[data-hook=\"setup-step-content-${id}\"]`).exists(),\n /* Whether an aggregated group's children are shown. /\n isGroupExpanded: (id: string) =>\n base.$(`[data-hook=\"setup-step-children-${id}\"]`).exists(),\n /* Click an arbitrary element by data-hook within the widget. /\n clickByDataHook: (dataHook: string) =>\n base.$(`[data-hook=\"${dataHook}\"]`).click(),\n /* Whether the all-complete success surface is shown. /\n isAllComplete: () => base.$(`[data-hook=\"setup-all-complete\"]`).exists(),\n /* Whether the loading skeleton is shown. /\n isLoading: () => base.$(`[data-hook=\"setup-widget-skeleton\"]`).exists(),\n /* Whether the error state is shown. /\n isError: () => base.$(`[data-hook=\"error-card-state\"]`).exists(),\n /* Click the error state's \"try again\" button (refetches). */\n clickTryAgain: () => tryAgainButton().click(),\n ...baseUniDriverFactory(base),\n };\n};\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAGmD,IAAAE,QAAA,GAEpCA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACnD,MAAMC,cAAc,GAAGA,CAAA,KACrB,IAAAC,+BAAmB,EACjBH,IAAI,CAACI,CAAC,CAAC,8CAA8C,CAAC,EACtDH,IACF,CAAC;EAEH,MAAMI,OAAO,GAAIC,EAAU,IACzB,IAAAC,2BAAe,EAACP,IAAI,CAACI,CAAC,CAAC,8BAA8BE,EAAE,IAAI,CAAC,EAAEL,IAAI,CAAC;EAErE,OAAO;IACL;IACAO,QAAQ,EAAEA,CAAA,KAAMR,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,CAACK,IAAI,CAAC,CAAC;IACjE;IACAC,gBAAgB,EAAEA,CAAA,KAChBV,IAAI,CAACI,CAAC,CAAC,qCAAqC,CAAC,CAACK,IAAI,CAAC,CAAC;IACtD;IACAE,aAAa,EAAEA,CAAA,KACbX,IAAI,CAACY,EAAE,CAAC,kCAAkC,CAAC,CAACC,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAACL,IAAI,CAAC,CAAC,CAAC;IACpE;IACAM,UAAU,EAAGT,EAAU,IACrBN,IAAI,CAACI,CAAC,CAAC,0BAA0BE,EAAE,IAAI,CAAC,CAACU,MAAM,CAAC,CAAC;IACnD;IACAC,SAAS,EAAGX,EAAU,IAAKN,IAAI,CAACI,CAAC,CAAC,0BAA0BE,EAAE,IAAI,CAAC,CAACY,KAAK,CAAC,CAAC;IAC3E;IACAC,YAAY,EAAGb,EAAU,IAAKD,OAAO,CAACC,EAAE,CAAC,CAACY,KAAK,CAAC,CAAC;IACjD;IACAE,aAAa,EAAGd,EAAU,IACxBN,IAAI,CAACI,CAAC,CAAC,8BAA8BE,EAAE,IAAI,CAAC,CAACU,MAAM,CAAC,CAAC;IACvD;IACAK,qBAAqB,EAAGf,EAAU,IAChCN,IAAI,CAACI,CAAC,CAAC,2CAA2CE,EAAE,IAAI,CAAC,CAACU,MAAM,CAAC,CAAC;IACpE;IACAM,cAAc,EAAGhB,EAAU,IACzBN,IAAI,CAACI,CAAC,CAAC,kCAAkCE,EAAE,IAAI,CAAC,CAACU,MAAM,CAAC,CAAC;IAC3D;IACAO,~~eAAe~~,EAAGjB,EAAU,IAC1BN,IAAI,CAACI,CAAC,CAAC,mCAAmCE,EAAE,IAAI,CAAC,CAACU,MAAM,CAAC,CAAC;IAC5D;~~IACAQ~~,eAAe,EAAGC,QAAgB,~~IAChCzB~~,IAAI,CAACI,CAAC,CAAC,~~eAAeqB~~,QAAQ,IAAI,CAAC,~~CAACP~~,KAAK,CAAC,CAAC;IAC7C;~~IACAQ~~,aAAa,EAAEA,CAAA,~~KAAM1B~~,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,CAACY,MAAM,CAAC,CAAC;IACxE;~~IACAW~~,SAAS,EAAEA,CAAA,~~KAAM3B~~,IAAI,CAACI,CAAC,CAAC,qCAAqC,CAAC,CAACY,MAAM,CAAC,CAAC;IACvE;~~IACAY~~,OAAO,EAAEA,CAAA,~~KAAM5B~~,IAAI,CAACI,CAAC,CAAC,gCAAgC,CAAC,CAACY,MAAM,CAAC,CAAC;IAChE;~~IACAa~~,aAAa,EAAEA,CAAA,~~KAAM3B~~,cAAc,CAAC,CAAC,CAACgB,KAAK,CAAC,CAAC;IAC7C,GAAG,~~IAAAY~~,+BAAoB,~~EAAC9B~~,IAAI;EAC9B,CAAC;AACH,CAAC;~~AAAA+B~~,OAAA,CAAAC,OAAA,~~GAAAjC~~,QAAA","ignoreList":[]}
1	+ {"version":3,"names":["_unidriver","require","_unidriver2","_default","base","body","tryAgainButton","TextButtonUniDriver","$","stepCta","id","ButtonUniDriver","getTitle","text","getProgressLabel","getStepTitles","$$","map","el","stepExists","exists","clickStep","click","clickStepCta","stepCtaExists","disabledTooltipExists","isStepExpanded","isStepFocused","attr","then","value","isGroupExpanded","clickByDataHook","dataHook","isAllComplete","isLoading","isError","clickTryAgain","baseUniDriverFactory","exports","default"],"sources":["../../../../src/components/SetupWidget/SetupWidget.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n ButtonUniDriver,\n TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport default (base: UniDriver, body: UniDriver) => {\n const tryAgainButton = () =>\n TextButtonUniDriver(\n base.$(`[data-hook=\"error-card-state-action-button\"]`),\n body,\n );\n\n const stepCta = (id: string) =>\n ButtonUniDriver(base.$(`[data-hook=\"setup-step-cta-${id}\"]`), body);\n\n return {\n /** Widget title text. /\n getTitle: () => base.$(`[data-hook=\"setup-widget-title\"]`).text(),\n /* \"X/Y completed\" progress label text. /\n getProgressLabel: () =>\n base.$(`[data-hook=\"setup-widget-progress\"]`).text(),\n /* Titles of all rendered steps, in order. /\n getStepTitles: () =>\n base.$$(`[data-hook^=\"setup-step-title-\"]`).map((el) => el.text()),\n /* Whether a given step row/card is rendered. /\n stepExists: (id: string) =>\n base.$(`[data-hook=\"setup-step-${id}\"]`).exists(),\n /* Click a step's row/card (triggers inline toggle or navigate). /\n clickStep: (id: string) => base.$(`[data-hook=\"setup-step-${id}\"]`).click(),\n /* Click a step's CTA button. /\n clickStepCta: (id: string) => stepCta(id).click(),\n /* Whether a step's CTA is rendered. /\n stepCtaExists: (id: string) =>\n base.$(`[data-hook=\"setup-step-cta-${id}\"]`).exists(),\n /* Whether a disabled step's permission tooltip wraps its CTA. /\n disabledTooltipExists: (id: string) =>\n base.$(`[data-hook=\"setup-step-disabled-tooltip-${id}\"]`).exists(),\n /* Whether a step's inline-expansion content is shown. /\n isStepExpanded: (id: string) =>\n base.$(`[data-hook=\"setup-step-content-${id}\"]`).exists(),\n /* Whether a step row/card is the single focused (\"next\") step. /\n isStepFocused: (id: string) =>\n base\n .$(`[data-hook=\"setup-step-${id}\"]`)\n .attr('data-focused')\n .then((value) => value === 'true'),\n /* Whether an aggregated group's children are shown. /\n isGroupExpanded: (id: string) =>\n base.$(`[data-hook=\"setup-step-children-${id}\"]`).exists(),\n /* Click an arbitrary element by data-hook within the widget. /\n clickByDataHook: (dataHook: string) =>\n base.$(`[data-hook=\"${dataHook}\"]`).click(),\n /* Whether the all-complete success surface is shown. /\n isAllComplete: () => base.$(`[data-hook=\"setup-all-complete\"]`).exists(),\n /* Whether the loading skeleton is shown. /\n isLoading: () => base.$(`[data-hook=\"setup-widget-skeleton\"]`).exists(),\n /* Whether the error state is shown. /\n isError: () => base.$(`[data-hook=\"error-card-state\"]`).exists(),\n /* Click the error state's \"try again\" button (refetches). */\n clickTryAgain: () => tryAgainButton().click(),\n ...baseUniDriverFactory(base),\n };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "SkeletonCard4198497841";
+var _namespace_ = "SkeletonCard4056202375";
 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": "SkeletonCard4198497841__root",
-  "headerLoading": "SkeletonCard4198497841__headerLoading"
+  "root": "SkeletonCard4056202375__root",
+  "headerLoading": "SkeletonCard4056202375__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map CHANGED Viewed

	@@ -1 +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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~SkeletonCard4198497841~~\";\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\":\"~~SkeletonCard4198497841__root~~\",\"headerLoading\":\"~~SkeletonCard4198497841__headerLoading~~\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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":[]}
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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard4056202375\";\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\":\"SkeletonCard4056202375__root\",\"headerLoading\":\"SkeletonCard4056202375__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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":[]}