@wix/patterns 1.474.0 → 1.475.0

package/dist/cjs/components/PickerContent/PickerContent.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_ = "PickerContent841460514";
+var _namespace_ = "PickerContent2964113660";
 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": "PickerContent841460514__root"
+  "root": "PickerContent2964113660__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.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/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent841460514\";\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\":\"PickerContent841460514__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,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;AAA8B,CAAC;AACrD,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/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent2964113660\";\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\":\"PickerContent2964113660__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep3720691140";
+var _namespace_ = "PickerContentAdditionalStep3232925499";
 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": "PickerContentAdditionalStep3720691140__root",
-  "titles": "PickerContentAdditionalStep3720691140__titles",
-  "suffix": "PickerContentAdditionalStep3720691140__suffix"
+  "root": "PickerContentAdditionalStep3232925499__root",
+  "titles": "PickerContentAdditionalStep3232925499__titles",
+  "suffix": "PickerContentAdditionalStep3232925499__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"PickerContentAdditionalStep3720691140\";\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\":\"PickerContentAdditionalStep3720691140__root\",\"titles\":\"PickerContentAdditionalStep3720691140__titles\",\"suffix\":\"PickerContentAdditionalStep3720691140__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_ = \"PickerContentAdditionalStep3232925499\";\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\":\"PickerContentAdditionalStep3232925499__root\",\"titles\":\"PickerContentAdditionalStep3232925499__titles\",\"suffix\":\"PickerContentAdditionalStep3232925499__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_ = "PickerTableListItem3480230739";
+var _namespace_ = "PickerTableListItem3396340851";
 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": "PickerTableListItem3480230739__root"
+  "root": "PickerTableListItem3396340851__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_ = \"PickerTableListItem3480230739\";\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\":\"PickerTableListItem3480230739__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":[]}
+{"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_ = \"PickerTableListItem3396340851\";\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\":\"PickerTableListItem3396340851__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_ = "ScrollableContent1036739311";
+var _namespace_ = "ScrollableContent607416639";
 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": "ScrollableContent1036739311__root"
+  "root": "ScrollableContent607416639__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_ = \"ScrollableContent1036739311\";\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\":\"ScrollableContent1036739311__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_ = \"ScrollableContent607416639\";\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\":\"ScrollableContent607416639__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,4BAA4B;AAC9C,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;AAAkC,CAAC;AACzD,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/SetupStepRow.js

@@ -5,7 +5,9 @@ exports.__esModule = true;
 exports.SetupStepRow = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _SetupStepIcon = require("./SetupStepIcon");
 var _SetupStepSecondaryCta = require("./SetupStepSecondaryCta");
 var _SetupWidgetStCss = require("./SetupWidget.st.css.js");
@@ -16,7 +18,7 @@ var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cj
  * - disabled → muted bullet + disabled CTA (permission-denied)
  * - in-progress → "In progress" badge next to the title
  * - focused → bolder border, bold title, primary CTA (+ background tint if
- *   `focusedBackground` is on)
+ *   Harmony is off)
  */
 const SetupStepRow = ({
   step,
@@ -24,12 +26,14 @@ const SetupStepRow = ({
   expanded,
   onActivate,
   onSecondaryActivate,
-  renderStepContent,
-  focusedBackground
+  renderStepContent
 }) => {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  // Harmony drops the focused-row background tint per UX — the outline-skin
+  // ClickableCard the row is built on has no tint of its own.
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const isInProgress = step.status === 'in-progress';
   const isCompleted = step.status === 'completed';
   const isDisabled = step.status === 'disabled';
@@ -38,18 +42,29 @@ const SetupStepRow = ({
   // Completed steps stay actionable when they carry a completed CTA (G2).
   const showCompletedCta = isCompleted && !!step.completedCtaLabel && !isDisabled;
   const clickable = !isCompleted && !isDisabled || showCompletedCta;
+  // Harmony renders these CTAs as tertiary text + chevron; priority and
+  // suffix icon must stay on the same condition.
+  const isHarmonyStepCta = isHarmonyTheme && !isDisabled && !isFocused;
   const handleClick = clickable ? onActivate : undefined;
   const ctaNode = showCta && /*#__PURE__*/_react.default.createElement(_designSystem.ClickableCard.Action, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 71,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
     dataHook: `setup-step-cta-${step.id}`,
     size: "small",
-    priority: !isDisabled && !isFocused ? 'secondary' : 'primary',
+    priority: isHarmonyStepCta ? 'tertiary' : !isDisabled && !isFocused ? 'secondary' : 'primary',
+    suffixIcon: isHarmonyStepCta ? /*#__PURE__*/_react.default.createElement(_lazy.ChevronRightSmall, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 82,
+        columnNumber: 40
+      }
+    }) : undefined,
     disabled: isDisabled,
     ellipsis: false,
     onClick: event => {
@@ -59,7 +74,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 72,
       columnNumber: 7
     }
   }, step.ctaLabel));
@@ -75,7 +90,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 103,
       columnNumber: 7
     }
   }) : null;
@@ -84,12 +99,12 @@ const SetupStepRow = ({
     "data-focused": isFocused,
     className: (0, _SetupWidgetStCss.st)(_SetupWidgetStCss.classes.row, {
       focused: isFocused,
-      withBackground: !!focusedBackground
+      withBackground: !isHarmonyTheme
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 112,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.ClickableCard, {
@@ -100,7 +115,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 120,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -109,7 +124,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 126,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -120,7 +135,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 130,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -129,7 +144,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 136,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_SetupStepIcon.SetupStepIcon, {
@@ -137,7 +152,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 137,
       columnNumber: 15
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -148,7 +163,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 138,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -161,14 +176,14 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 144,
       columnNumber: 17
     }
   }, isCompleted ? /*#__PURE__*/_react.default.createElement("del", {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 152,
       columnNumber: 34
     }
   }, step.title) : step.title), isInProgress && !isInlineExpanded && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -176,7 +191,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 155,
       columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Badge, {
@@ -186,7 +201,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 156,
       columnNumber: 21
     }
   }, t('cairo.setupWidget.step.inProgress'))))), (secondaryCtaNode || showCta) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -195,7 +210,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152,
+      lineNumber: 164,
       columnNumber: 15
     }
   }, secondaryCtaNode, showCta && isDisabled ? /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -207,7 +222,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 156,
+      lineNumber: 168,
       columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -215,7 +230,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
+      lineNumber: 177,
       columnNumber: 21
     }
   }, ctaNode)) : ctaNode), showCompletedCta && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -225,14 +240,14 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 173,
+      lineNumber: 185,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.ClickableCard.Action, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 178,
+      lineNumber: 190,
       columnNumber: 17
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -245,7 +260,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 179,
+      lineNumber: 191,
       columnNumber: 19
     }
   }, step.completedCtaLabel)))), isInlineExpanded && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -258,7 +273,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 194,
+      lineNumber: 206,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -266,21 +281,21 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 202,
+      lineNumber: 214,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 203,
+      lineNumber: 215,
       columnNumber: 17
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.ClickableCard.Action, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 208,
+      lineNumber: 220,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -290,7 +305,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 209,
+      lineNumber: 221,
       columnNumber: 17
     }
   }, 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","_SetupStepSecondaryCta","_SetupWidgetStCss","_jsxFileName","SetupStepRow","step","isFocused","expanded","onActivate","onSecondaryActivate","renderStepContent","focusedBackground","translate","t","useWixPatternsContainer","isInProgress","status","isCompleted","isDisabled","isInlineExpanded","expansionMode","showCta","ctaLabel","showCompletedCta","completedCtaLabel","clickable","handleClick","undefined","ctaNode","default","createElement","ClickableCard","Action","__self","__source","fileName","lineNumber","columnNumber","Button","dataHook","id","size","priority","disabled","ellipsis","onClick","event","stopPropagation","secondaryCtaNode","secondaryCta","SetupStepSecondaryCta","stepId","cta","className","st","classes","row","focused","withBackground","skin","hasPadding","Box","direction","padding","align","verticalAlign","width","minHeight","SetupStepIcon","paddingLeft","paddingRight","gap","Text","weight","secondary","light","title","marginTop","Badge","type","Tooltip","content","disabledTooltip","marginRight","completedCta","TextButton","paddingBottom","marginBottom","Divider","onKeyDown","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  ClickableCard,\n} from '@wix/design-system';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { SetupStepSecondaryCta } from './SetupStepSecondaryCta';\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  /** Fires when the step's `secondaryCta` icon button is clicked. */\n  onSecondaryActivate?: () => void;\n  /** Supplies the inline-expansion content (render prop on the widget). */\n  renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;\n  /** Tints the row's background when it's focused (off under the Harmony theme, see `useBmHarmonyTheme`). */\n  focusedBackground?: boolean;\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 → bolder border, bold title, primary CTA (+ background tint if\n *   `focusedBackground` is on)\n */\nexport const SetupStepRow = ({\n  step,\n  isFocused,\n  expanded,\n  onActivate,\n  onSecondaryActivate,\n  renderStepContent,\n  focusedBackground,\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 =\n    isCompleted && !!step.completedCtaLabel && !isDisabled;\n  const clickable = (!isCompleted && !isDisabled) || showCompletedCta;\n\n  const handleClick = clickable ? onActivate : undefined;\n\n  const ctaNode = showCta && (\n    <ClickableCard.Action>\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    </ClickableCard.Action>\n  );\n\n  // The step's extra icon-only action. Dropped on completed steps (their CTA is\n  // gone too) and while the step is inline-expanded, so the row keeps a single\n  // trailing action.\n  const secondaryCtaNode =\n    step.secondaryCta &&\n    onSecondaryActivate &&\n    !isCompleted &&\n    !isInlineExpanded ? (\n      <SetupStepSecondaryCta\n        stepId={step.id}\n        cta={step.secondaryCta}\n        disabled={isDisabled}\n        onActivate={onSecondaryActivate}\n      />\n    ) : null;\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        withBackground: !!focusedBackground,\n      })}\n    >\n      <ClickableCard\n        skin=\"outline\"\n        hasPadding={false}\n        disabled={isDisabled}\n        onClick={handleClick}\n      >\n        <Box direction=\"vertical\" padding=\"6px\">\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            {(secondaryCtaNode || showCta) && (\n              <Box verticalAlign=\"middle\" gap=\"SP1\">\n                {secondaryCtaNode}\n                {/* Disabled steps explain why the CTA is disabled (G5). */}\n                {showCta && 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 verticalAlign=\"middle\">{ctaNode}</Box>\n                  </Tooltip>\n                ) : (\n                  ctaNode\n                )}\n              </Box>\n            )}\n            {showCompletedCta && (\n              <Box\n                verticalAlign=\"middle\"\n                marginRight=\"SP2\"\n                className={st(classes.completedCta)}\n              >\n                <ClickableCard.Action>\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                </ClickableCard.Action>\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              <ClickableCard.Action>\n                <div\n                  data-hook={`setup-step-content-action-${step.id}`}\n                  onClick={(event) => event.stopPropagation()}\n                  onKeyDown={(event) => event.stopPropagation()}\n                >\n                  {renderStepContent?.(step)}\n                </div>\n              </ClickableCard.Action>\n            </Box>\n          )}\n        </Box>\n      </ClickableCard>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_react2","_useBmHarmonyTheme","_SetupStepIcon","_SetupStepSecondaryCta","_SetupWidgetStCss","_jsxFileName","SetupStepRow","step","isFocused","expanded","onActivate","onSecondaryActivate","renderStepContent","translate","t","useWixPatternsContainer","isHarmonyTheme","useBmHarmonyTheme","isInProgress","status","isCompleted","isDisabled","isInlineExpanded","expansionMode","showCta","ctaLabel","showCompletedCta","completedCtaLabel","clickable","isHarmonyStepCta","handleClick","undefined","ctaNode","default","createElement","ClickableCard","Action","__self","__source","fileName","lineNumber","columnNumber","Button","dataHook","id","size","priority","suffixIcon","ChevronRightSmall","disabled","ellipsis","onClick","event","stopPropagation","secondaryCtaNode","secondaryCta","SetupStepSecondaryCta","stepId","cta","className","st","classes","row","focused","withBackground","skin","hasPadding","Box","direction","padding","align","verticalAlign","width","minHeight","SetupStepIcon","paddingLeft","paddingRight","gap","Text","weight","secondary","light","title","marginTop","Badge","type","Tooltip","content","disabledTooltip","marginRight","completedCta","TextButton","paddingBottom","marginBottom","Divider","onKeyDown","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  ClickableCard,\n} from '@wix/design-system';\nimport { ChevronRightSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { SetupWidgetStep } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { SetupStepIcon } from './SetupStepIcon';\nimport { SetupStepSecondaryCta } from './SetupStepSecondaryCta';\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  /** Fires when the step's `secondaryCta` icon button is clicked. */\n  onSecondaryActivate?: () => 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 → bolder border, bold title, primary CTA (+ background tint if\n *   Harmony is off)\n */\nexport const SetupStepRow = ({\n  step,\n  isFocused,\n  expanded,\n  onActivate,\n  onSecondaryActivate,\n  renderStepContent,\n}: SetupStepRowProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  // Harmony drops the focused-row background tint per UX — the outline-skin\n  // ClickableCard the row is built on has no tint of its own.\n  const isHarmonyTheme = useBmHarmonyTheme();\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 =\n    isCompleted && !!step.completedCtaLabel && !isDisabled;\n  const clickable = (!isCompleted && !isDisabled) || showCompletedCta;\n  // Harmony renders these CTAs as tertiary text + chevron; priority and\n  // suffix icon must stay on the same condition.\n  const isHarmonyStepCta = isHarmonyTheme && !isDisabled && !isFocused;\n\n  const handleClick = clickable ? onActivate : undefined;\n\n  const ctaNode = showCta && (\n    <ClickableCard.Action>\n      <Button\n        dataHook={`setup-step-cta-${step.id}`}\n        size=\"small\"\n        priority={\n          isHarmonyStepCta\n            ? 'tertiary'\n            : !isDisabled && !isFocused\n            ? 'secondary'\n            : 'primary'\n        }\n        suffixIcon={isHarmonyStepCta ? <ChevronRightSmall /> : undefined}\n        disabled={isDisabled}\n        ellipsis={false}\n        onClick={(event: React.MouseEvent) => {\n          event.stopPropagation();\n          onActivate();\n        }}\n      >\n        {step.ctaLabel}\n      </Button>\n    </ClickableCard.Action>\n  );\n\n  // The step's extra icon-only action. Dropped on completed steps (their CTA is\n  // gone too) and while the step is inline-expanded, so the row keeps a single\n  // trailing action.\n  const secondaryCtaNode =\n    step.secondaryCta &&\n    onSecondaryActivate &&\n    !isCompleted &&\n    !isInlineExpanded ? (\n      <SetupStepSecondaryCta\n        stepId={step.id}\n        cta={step.secondaryCta}\n        disabled={isDisabled}\n        onActivate={onSecondaryActivate}\n      />\n    ) : null;\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        withBackground: !isHarmonyTheme,\n      })}\n    >\n      <ClickableCard\n        skin=\"outline\"\n        hasPadding={false}\n        disabled={isDisabled}\n        onClick={handleClick}\n      >\n        <Box direction=\"vertical\" padding=\"6px\">\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            {(secondaryCtaNode || showCta) && (\n              <Box verticalAlign=\"middle\" gap=\"SP1\">\n                {secondaryCtaNode}\n                {/* Disabled steps explain why the CTA is disabled (G5). */}\n                {showCta && 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 verticalAlign=\"middle\">{ctaNode}</Box>\n                  </Tooltip>\n                ) : (\n                  ctaNode\n                )}\n              </Box>\n            )}\n            {showCompletedCta && (\n              <Box\n                verticalAlign=\"middle\"\n                marginRight=\"SP2\"\n                className={st(classes.completedCta)}\n              >\n                <ClickableCard.Action>\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                </ClickableCard.Action>\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              <ClickableCard.Action>\n                <div\n                  data-hook={`setup-step-content-action-${step.id}`}\n                  onClick={(event) => event.stopPropagation()}\n                  onKeyDown={(event) => event.stopPropagation()}\n                >\n                  {renderStepContent?.(step)}\n                </div>\n              </ClickableCard.Action>\n            </Box>\n          )}\n        </Box>\n      </ClickableCard>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,7 +9,6 @@ var _designSystem = require("@wix/design-system");
 var _react2 = require("@wix/bex-core/react");
 var _CardContainer = require("../CardContainer");
 var _useIsMobile = require("../../hooks/useIsMobile");
-var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _useIntersectionObserver = require("../../hooks/useIntersectionObserver");
 var _SetupWidgetHeader = require("./SetupWidgetHeader");
 var _SetupStepRow = require("./SetupStepRow");
@@ -35,7 +34,7 @@ const StepViewTracker = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 84,
       columnNumber: 5
     }
   }, children);
@@ -56,9 +55,6 @@ const _SetupWidget = ({
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
   const isMobile = (0, _useIsMobile.useIsMobile)();
-  // Harmony drops the focused-row background tint per UX — the outline-skin
-  // ClickableCard the row is built on has no tint of its own.
-  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
     status
   } = state._loadTask.status;
@@ -103,7 +99,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 151,
+        lineNumber: 147,
         columnNumber: 7
       }
     }) : /*#__PURE__*/_react.default.createElement(_SetupStepRow.SetupStepRow, {
@@ -114,11 +110,10 @@ const _SetupWidget = ({
       onActivate: onActivate,
       onSecondaryActivate: onStepSecondaryClick ? () => onStepSecondaryClick(step) : undefined,
       renderStepContent: renderStepContent,
-      focusedBackground: !isHarmonyTheme,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 160,
+        lineNumber: 156,
         columnNumber: 7
       }
     });
@@ -132,7 +127,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 178,
+        lineNumber: 173,
         columnNumber: 7
       }
     });
@@ -147,7 +142,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 185,
+        lineNumber: 180,
         columnNumber: 12
       }
     });
@@ -170,7 +165,7 @@ const _SetupWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 201,
+      lineNumber: 196,
       columnNumber: 5
     }
   });
@@ -181,7 +176,7 @@ const _SetupWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 211,
+      lineNumber: 206,
       columnNumber: 5
     }
   }, state.steps.map(step => {
@@ -197,7 +192,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 214,
+        lineNumber: 209,
         columnNumber: 11
       }
     }) : renderLeaf(step);
@@ -208,7 +203,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 232,
+        lineNumber: 227,
         columnNumber: 11
       }
     }, node) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
@@ -216,7 +211,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 240,
+        lineNumber: 235,
         columnNumber: 11
       }
     }, node);
@@ -238,21 +233,21 @@ const _SetupWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 255,
+      lineNumber: 250,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 262,
+      lineNumber: 257,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement("div", {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 263,
+      lineNumber: 258,
       columnNumber: 9
     }
   }, footer)) : null;
@@ -270,7 +265,7 @@ const _SetupWidget = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 280,
+        lineNumber: 275,
         columnNumber: 7
       }
     }, body);
@@ -290,7 +285,7 @@ const _SetupWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 287,
+      lineNumber: 282,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -299,7 +294,7 @@ const _SetupWidget = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 300,
+      lineNumber: 295,
       columnNumber: 7
     }
   }, body));