@wix/patterns 1.436.0 → 1.438.0

package/dist/cjs/components/NestedTable/NestedTableRow.st.css.js

@@ -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_ = "NestedTableRow1019409453";
+var _namespace_ = "NestedTableRow4032185650";
 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": "NestedTableRow1019409453__root",
-  "firstLevel": "NestedTableRow1019409453__firstLevel",
-  "placeholder": "NestedTableRow1019409453__placeholder",
-  "parentHovered": "NestedTableRow1019409453__parentHovered"
+  "root": "NestedTableRow4032185650__root",
+  "firstLevel": "NestedTableRow4032185650__firstLevel",
+  "placeholder": "NestedTableRow4032185650__placeholder",
+  "parentHovered": "NestedTableRow4032185650__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTableRow.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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow1019409453\";\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\":\"NestedTableRow1019409453__root\",\"firstLevel\":\"NestedTableRow1019409453__firstLevel\",\"placeholder\":\"NestedTableRow1019409453__placeholder\",\"parentHovered\":\"NestedTableRow1019409453__parentHovered\"};\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,0BAA0B;AAC5C,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,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow4032185650\";\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\":\"NestedTableRow4032185650__root\",\"firstLevel\":\"NestedTableRow4032185650__firstLevel\",\"placeholder\":\"NestedTableRow4032185650__placeholder\",\"parentHovered\":\"NestedTableRow4032185650__parentHovered\"};\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,0BAA0B;AAC5C,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,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.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_ = "MultipleDragOverlayEffect1205368085";
+var _namespace_ = "MultipleDragOverlayEffect1165270204";
 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": "MultipleDragOverlayEffect1205368085__root"
+  "root": "MultipleDragOverlayEffect1165270204__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect1205368085\";\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\":\"MultipleDragOverlayEffect1205368085__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect1165270204\";\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\":\"MultipleDragOverlayEffect1165270204__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.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_ = "NestedTableDragAndDropRow2368782157";
+var _namespace_ = "NestedTableDragAndDropRow3178503355";
 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": "NestedTableDragAndDropRow2368782157__root"
+  "root": "NestedTableDragAndDropRow3178503355__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow2368782157\";\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\":\"NestedTableDragAndDropRow2368782157__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow3178503355\";\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\":\"NestedTableDragAndDropRow3178503355__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/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_ = "PickerContent522827740";
+var _namespace_ = "PickerContent930151585";
 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": "PickerContent522827740__root"
+  "root": "PickerContent930151585__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_ = \"PickerContent522827740\";\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\":\"PickerContent522827740__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_ = \"PickerContent930151585\";\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\":\"PickerContent930151585__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":[]}

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_ = "PickerContentAdditionalStep2982818180";
+var _namespace_ = "PickerContentAdditionalStep1693186447";
 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": "PickerContentAdditionalStep2982818180__root",
-  "titles": "PickerContentAdditionalStep2982818180__titles",
-  "suffix": "PickerContentAdditionalStep2982818180__suffix"
+  "root": "PickerContentAdditionalStep1693186447__root",
+  "titles": "PickerContentAdditionalStep1693186447__titles",
+  "suffix": "PickerContentAdditionalStep1693186447__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_ = \"PickerContentAdditionalStep2982818180\";\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\":\"PickerContentAdditionalStep2982818180__root\",\"titles\":\"PickerContentAdditionalStep2982818180__titles\",\"suffix\":\"PickerContentAdditionalStep2982818180__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_ = \"PickerContentAdditionalStep1693186447\";\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\":\"PickerContentAdditionalStep1693186447__root\",\"titles\":\"PickerContentAdditionalStep1693186447__titles\",\"suffix\":\"PickerContentAdditionalStep1693186447__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_ = "PickerTableListItem3646337391";
+var _namespace_ = "PickerTableListItem3497975178";
 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": "PickerTableListItem3646337391__root"
+  "root": "PickerTableListItem3497975178__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_ = \"PickerTableListItem3646337391\";\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\":\"PickerTableListItem3646337391__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_ = \"PickerTableListItem3497975178\";\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\":\"PickerTableListItem3497975178__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_ = "ScrollableContent1350654399";
+var _namespace_ = "ScrollableContent736114623";
 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": "ScrollableContent1350654399__root"
+  "root": "ScrollableContent736114623__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_ = \"ScrollableContent1350654399\";\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\":\"ScrollableContent1350654399__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_ = \"ScrollableContent736114623\";\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\":\"ScrollableContent736114623__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

@@ -44,15 +44,6 @@ const SetupStepRow = ({
       focused: isFocused,
       withBackground: !!focusedBackground
     }),
-    onClick: handleClick,
-    onKeyDown: clickable ? event => {
-      if (event.key === 'Enter' || event.key === ' ') {
-        event.preventDefault();
-        onActivate();
-      }
-    } : undefined,
-    role: clickable ? 'button' : undefined,
-    tabIndex: clickable ? 0 : undefined,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -63,10 +54,11 @@ const SetupStepRow = ({
     skin: "outline",
     hasPadding: false,
     disabled: isDisabled,
+    onClick: handleClick,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 69,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -75,7 +67,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 75,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -86,7 +78,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 79,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -95,7 +87,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 85,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_SetupStepIcon.SetupStepIcon, {
@@ -103,7 +95,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 86,
       columnNumber: 15
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -114,7 +106,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 95,
+      lineNumber: 87,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -127,14 +119,14 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 93,
       columnNumber: 17
     }
   }, isCompleted ? /*#__PURE__*/_react.default.createElement("del", {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 101,
       columnNumber: 34
     }
   }, step.title) : step.title), isInProgress && !isInlineExpanded && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -142,7 +134,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 104,
       columnNumber: 19
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Badge, {
@@ -152,7 +144,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 105,
       columnNumber: 21
     }
   }, t('cairo.setupWidget.step.inProgress'))))), showCta && (() => {
@@ -161,9 +153,16 @@ const SetupStepRow = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 123,
+        lineNumber: 115,
         columnNumber: 19
       }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.ClickableCard.Action, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 116,
+        columnNumber: 21
+      }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
       dataHook: `setup-step-cta-${step.id}`,
       size: "small",
@@ -177,10 +176,10 @@ const SetupStepRow = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 124,
-        columnNumber: 21
+        lineNumber: 117,
+        columnNumber: 23
       }
-    }, step.ctaLabel));
+    }, step.ctaLabel)));
 
     // Disabled steps explain why the CTA is disabled (G5).
     return isDisabled ? /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -192,7 +191,7 @@ const SetupStepRow = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 144,
+        lineNumber: 138,
         columnNumber: 19
       }
     }, ctaNode) : ctaNode;
@@ -203,9 +202,16 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
+      lineNumber: 154,
       columnNumber: 15
     }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.ClickableCard.Action, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 159,
+      columnNumber: 17
+    }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
     dataHook: `setup-step-cta-${step.id}`,
     size: "small",
@@ -216,10 +222,10 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
-      columnNumber: 17
+      lineNumber: 160,
+      columnNumber: 19
     }
-  }, step.completedCtaLabel))), isInlineExpanded && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }, step.completedCtaLabel)))), isInlineExpanded && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     dataHook: `setup-step-content-${step.id}`,
     direction: "vertical",
     paddingLeft: "SP5",
@@ -229,7 +235,7 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 179,
+      lineNumber: 175,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -237,26 +243,34 @@ const SetupStepRow = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 187,
+      lineNumber: 183,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 188,
+      lineNumber: 184,
       columnNumber: 17
     }
-  })), /*#__PURE__*/_react.default.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.ClickableCard.Action, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 189,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": `setup-step-content-action-${step.id}`,
     onClick: event => event.stopPropagation(),
     onKeyDown: event => event.stopPropagation(),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 193,
-      columnNumber: 15
+      lineNumber: 190,
+      columnNumber: 17
     }
-  }, renderStepContent == null ? void 0 : renderStepContent(step))))));
+  }, renderStepContent == null ? void 0 : renderStepContent(step)))))));
 };
 exports.SetupStepRow = SetupStepRow;
 //# sourceMappingURL=SetupStepRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepRow","step","isFocused","expanded","onActivate","renderStepContent","focusedBackground","translate","t","useWixPatternsContainer","isInProgress","status","isCompleted","isDisabled","isInlineExpanded","expansionMode","showCta","ctaLabel","showCompletedCta","completedCtaLabel","clickable","handleClick","undefined","default","createElement","id","className","st","classes","row","focused","withBackground","onClick","onKeyDown","event","key","preventDefault","role","tabIndex","__self","__source","fileName","lineNumber","columnNumber","ClickableCard","skin","hasPadding","disabled","Box","direction","padding","align","verticalAlign","width","minHeight","SetupStepIcon","paddingLeft","paddingRight","gap","Text","dataHook","size","weight","secondary","light","title","marginTop","Badge","type","ctaNode","Button","priority","ellipsis","stopPropagation","Tooltip","content","disabledTooltip","marginRight","completedCta","TextButton","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  ClickableCard,\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  /** 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  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 = isCompleted && !!step.completedCtaLabel && !isDisabled;\n  const clickable = (!isCompleted && !isDisabled) || showCompletedCta;\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        withBackground: !!focusedBackground,\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      <ClickableCard skin=\"outline\" hasPadding={false} disabled={isDisabled}>\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            {showCta &&\n              (() => {\n                const ctaNode = (\n                  <Box verticalAlign=\"middle\">\n                    <Button\n                      dataHook={`setup-step-cta-${step.id}`}\n                      size=\"small\"\n                      priority={\n                        !isDisabled && !isFocused ? 'secondary' : 'primary'\n                      }\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        </Box>\n      </ClickableCard>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_SetupStepIcon","_SetupWidgetStCss","_jsxFileName","SetupStepRow","step","isFocused","expanded","onActivate","renderStepContent","focusedBackground","translate","t","useWixPatternsContainer","isInProgress","status","isCompleted","isDisabled","isInlineExpanded","expansionMode","showCta","ctaLabel","showCompletedCta","completedCtaLabel","clickable","handleClick","undefined","default","createElement","id","className","st","classes","row","focused","withBackground","__self","__source","fileName","lineNumber","columnNumber","ClickableCard","skin","hasPadding","disabled","onClick","Box","direction","padding","align","verticalAlign","width","minHeight","SetupStepIcon","paddingLeft","paddingRight","gap","Text","dataHook","size","weight","secondary","light","title","marginTop","Badge","type","ctaNode","Action","Button","priority","ellipsis","event","stopPropagation","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 { 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  /** 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  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 = isCompleted && !!step.completedCtaLabel && !isDisabled;\n  const clickable = (!isCompleted && !isDisabled) || showCompletedCta;\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        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            {showCta &&\n              (() => {\n                const ctaNode = (\n                  <Box verticalAlign=\"middle\">\n                    <ClickableCard.Action>\n                      <Button\n                        dataHook={`setup-step-cta-${step.id}`}\n                        size=\"small\"\n                        priority={\n                          !isDisabled && !isFocused ? 'secondary' : 'primary'\n                        }\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                  </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                <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.st.css.js

@@ -5,21 +5,21 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SetupWidget4109451711";
+var _namespace_ = "SetupWidget1282089645";
 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": "SetupWidget4109451711__root",
-  "row": "SetupWidget4109451711__row",
-  "completedCta": "SetupWidget4109451711__completedCta",
-  "card": "SetupWidget4109451711__card",
-  "stepIcon": "SetupWidget4109451711__stepIcon",
-  "chevron": "SetupWidget4109451711__chevron",
-  "chevronDisabled": "SetupWidget4109451711__chevronDisabled",
-  "inProgressLabel": "SetupWidget4109451711__inProgressLabel"
+  "root": "SetupWidget1282089645__root",
+  "row": "SetupWidget1282089645__row",
+  "completedCta": "SetupWidget1282089645__completedCta",
+  "card": "SetupWidget1282089645__card",
+  "stepIcon": "SetupWidget1282089645__stepIcon",
+  "chevron": "SetupWidget1282089645__chevron",
+  "chevronDisabled": "SetupWidget1282089645__chevronDisabled",
+  "inProgressLabel": "SetupWidget1282089645__inProgressLabel"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SetupWidget/SetupWidget.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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget4109451711\";\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\":\"SetupWidget4109451711__root\",\"row\":\"SetupWidget4109451711__row\",\"completedCta\":\"SetupWidget4109451711__completedCta\",\"card\":\"SetupWidget4109451711__card\",\"stepIcon\":\"SetupWidget4109451711__stepIcon\",\"chevron\":\"SetupWidget4109451711__chevron\",\"chevronDisabled\":\"SetupWidget4109451711__chevronDisabled\",\"inProgressLabel\":\"SetupWidget4109451711__inProgressLabel\"};\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-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-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-clickable-card-outline-border-color\":\"--wds-clickable-card-outline-border-color\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wds-color-fill-surface-default\":\"--wds-color-fill-surface-default\"}; \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,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AAC/X,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,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,yCAAyC,EAAC,2CAA2C;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC;AAAkC,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/SetupWidget/SetupWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SetupWidget1282089645\";\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\":\"SetupWidget1282089645__root\",\"row\":\"SetupWidget1282089645__row\",\"completedCta\":\"SetupWidget1282089645__completedCta\",\"card\":\"SetupWidget1282089645__card\",\"stepIcon\":\"SetupWidget1282089645__stepIcon\",\"chevron\":\"SetupWidget1282089645__chevron\",\"chevronDisabled\":\"SetupWidget1282089645__chevronDisabled\",\"inProgressLabel\":\"SetupWidget1282089645__inProgressLabel\"};\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-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-B60\":\"--wsr-color-B60\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-text-urgent\":\"--wds-color-text-urgent\",\"wsr-color-D10\":\"--wsr-color-D10\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-O10\":\"--wsr-color-O10\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-clickable-card-outline-border-color\":\"--wds-clickable-card-outline-border-color\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wds-color-fill-surface-default\":\"--wds-color-fill-surface-default\"}; \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,6BAA6B;EAAC,UAAU,EAAC,iCAAiC;EAAC,SAAS,EAAC,gCAAgC;EAAC,iBAAiB,EAAC,wCAAwC;EAAC,iBAAiB,EAAC;AAAwC,CAAC;AAC/X,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,kCAAkC,EAAC,oCAAoC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,yCAAyC,EAAC,2CAA2C;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC;AAAkC,CAAC","ignoreList":[]}

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

@@ -7,6 +7,7 @@ var _unidriver2 = require("@wix/design-system/dist/testkit/unidriver");
 var _default = (base, body) => {
   const tryAgainButton = () => (0, _unidriver2.TextButtonUniDriver)(base.$(`[data-hook="error-card-state-action-button"]`), body);
   const stepCta = id => (0, _unidriver2.ButtonUniDriver)(base.$(`[data-hook="setup-step-cta-${id}"]`), body);
+  const stepCard = id => (0, _unidriver2.ClickableCardUniDriver)(base.$(`[data-hook="setup-step-${id}"]`), body);
   return {
     /** Widget title text. */
     getTitle: () => base.$(`[data-hook="setup-widget-title"]`).text(),
@@ -16,8 +17,10 @@ var _default = (base, body) => {
     getStepTitles: () => base.$$(`[data-hook^="setup-step-title-"]`).map(el => el.text()),
     /** Whether a given step row/card is rendered. */
     stepExists: id => base.$(`[data-hook="setup-step-${id}"]`).exists(),
-    /** Click a step's row/card (triggers inline toggle or navigate). */
+    /** Click a step's row/card. */
     clickStep: id => base.$(`[data-hook="setup-step-${id}"]`).click(),
+    /** Click a desktop step card's activation overlay. */
+    clickStepCard: id => stepCard(id).click(),
     /** Click a step's CTA button. */
     clickStepCta: id => stepCta(id).click(),
     /** Whether a step's CTA is rendered. */
@@ -26,6 +29,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(),
+    /** Inline content must be lifted over the card's activation overlay. */
+    getInlineContentActionStyle: id => base.$(`[data-hook="setup-step-content-action-${id}"]`).attr('style'),
     /** 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. */