@wix/patterns 1.434.0 → 1.436.0

package/dist/esm/components/ImportButton/ImportStepUpload.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ImportStepUpload2184561826";
+var _namespace_ = "ImportStepUpload2913400660";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ImportStepUpload2184561826__root", "fileUpload": "ImportStepUpload2184561826__fileUpload" };
+export var classes = { "root": "ImportStepUpload2913400660__root", "fileUpload": "ImportStepUpload2913400660__fileUpload" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,CAAC;AAC5D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow1130441557";
+var _namespace_ = "LoadingRow1768217239";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "LoadingRow1130441557__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow1130441557__gradientSwoosh" };
+export var classes = { "root": "LoadingRow1768217239__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow1768217239__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MaxHeightText.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MaxHeightText.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar3848768586";
+var _namespace_ = "MultiBulkActionToolbar516728091";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultiBulkActionToolbar3848768586__root", "leftGroupWrapper": "MultiBulkActionToolbar3848768586__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar3848768586__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar3848768586__selectedCountText" };
+export var classes = { "root": "MultiBulkActionToolbar516728091__root", "leftGroupWrapper": "MultiBulkActionToolbar516728091__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar516728091__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar516728091__selectedCountText" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"MultiBulkActionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kCAAkC,CAAC;AACrD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wCAAwC,EAAC,kBAAkB,EAAC,oDAAoD,EAAC,mBAAmB,EAAC,qDAAqD,EAAC,mBAAmB,EAAC,qDAAqD,EAAC,CAAC;AACnS,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MultiBulkActionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,iCAAiC,CAAC;AACpD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,uCAAuC,EAAC,kBAAkB,EAAC,mDAAmD,EAAC,mBAAmB,EAAC,oDAAoD,EAAC,mBAAmB,EAAC,oDAAoD,EAAC,CAAC;AAC/R,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow2441062097";
+var _namespace_ = "NestedTableRow1019409453";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableRow2441062097__root", "firstLevel": "NestedTableRow2441062097__firstLevel", "placeholder": "NestedTableRow2441062097__placeholder", "parentHovered": "NestedTableRow2441062097__parentHovered" };
+export var classes = { "root": "NestedTableRow1019409453__root", "firstLevel": "NestedTableRow1019409453__firstLevel", "placeholder": "NestedTableRow1019409453__placeholder", "parentHovered": "NestedTableRow1019409453__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

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

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep1055771732";
+var _namespace_ = "PickerContentAdditionalStep2982818180";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContentAdditionalStep1055771732__root", "titles": "PickerContentAdditionalStep1055771732__titles", "suffix": "PickerContentAdditionalStep1055771732__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep2982818180__root", "titles": "PickerContentAdditionalStep2982818180__titles", "suffix": "PickerContentAdditionalStep2982818180__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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

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

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

@@ -10,7 +10,7 @@ import { observer } from 'mobx-react-lite';
 export const AllCompleteState = observer(({ dataHook, onCtaClick }) => {
     const { translate: t } = useWixPatternsContainer();
     return (React.createElement(Card, { dataHook: dataHook },
-        React.createElement(Box, { dataHook: "setup-all-complete", direction: "vertical", padding: "SP9", align: "center", backgroundColor: "B50", gap: "SP3" },
+        React.createElement(Box, { dataHook: "setup-all-complete", direction: "vertical", padding: "SP9", align: "center", backgroundColor: "var(--wds-color-fill-dark-secondary, var(--wsr-color-B50, #E7F0FF))", gap: "SP3" },
             React.createElement(Heading, { size: "medium" }, t('cairo.setupWidget.allComplete.title')),
             React.createElement(Text, { size: "medium", secondary: true }, t('cairo.setupWidget.allComplete.subtitle')),
             React.createElement(Box, { gap: "SP2" },

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

@@ -1 +1 @@
-{"version":3,"file":"AllCompleteState.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/AllCompleteState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAQ3C;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CACtC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,OAAO,CACL,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ;QACtB,oBAAC,GAAG,IACF,QAAQ,EAAC,oBAAoB,EAC7B,SAAS,EAAC,UAAU,EACpB,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,QAAQ,EACd,eAAe,EAAC,KAAK,EACrB,GAAG,EAAC,KAAK;YAET,oBAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,IACnB,CAAC,CAAC,qCAAqC,CAAC,CACjC;YACV,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,UAC1B,CAAC,CAAC,wCAAwC,CAAC,CACvC;YACP,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;gBACZ,oBAAC,MAAM,IAAC,QAAQ,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,IAC3C,CAAC,CAAC,mCAAmC,CAAC,CAChC,CACL,CACF,CACD,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"AllCompleteState.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/AllCompleteState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAQ3C;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CACtC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAyB,EAAE,EAAE;IAClD,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,OAAO,CACL,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ;QACtB,oBAAC,GAAG,IACF,QAAQ,EAAC,oBAAoB,EAC7B,SAAS,EAAC,UAAU,EACpB,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,QAAQ,EACd,eAAe,EAAC,qEAAqE,EACrF,GAAG,EAAC,KAAK;YAET,oBAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,IACnB,CAAC,CAAC,qCAAqC,CAAC,CACjC;YACV,oBAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,UAC1B,CAAC,CAAC,wCAAwC,CAAC,CACvC;YACP,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;gBACZ,oBAAC,MAAM,IAAC,QAAQ,EAAC,SAAS,EAAC,OAAO,EAAE,UAAU,IAC3C,CAAC,CAAC,mCAAmC,CAAC,CAChC,CACL,CACF,CACD,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -50,7 +50,7 @@ export const SetupStepCard = ({ step, isPrimary, expanded, onActivate, renderSte
             React.createElement(Box, { align: "space-between", verticalAlign: "middle", gap: "SP1", width: "100%" },
                 React.createElement(Box, { verticalAlign: "middle", gap: "SP1", flexGrow: 1, minWidth: 0 },
                     React.createElement(Box, { className: st(classes.stepIcon) },
-                        React.createElement(SetupStepIcon, { status: step.status, marginTop: "0px" })),
+                        React.createElement(SetupStepIcon, { status: step.status })),
                     React.createElement(Box, { direction: "vertical", gap: "SP1" },
                         React.createElement(Text, { dataHook: `setup-step-title-${step.id}`, size: "small", weight: isPrimary ? 'bold' : 'thin', skin: isDisabled ? 'disabled' : 'standard', secondary: isCompleted }, isCompleted ? React.createElement("del", null, step.title) : step.title),
                         isInProgress && (React.createElement(Text, { size: "tiny", weight: "normal", className: st(classes.inProgressLabel) }, t('cairo.setupWidget.step.inProgress'))))),

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Text, Badge, Tag } from '@wix/design-system';
+import { Box, Text, Badge, Tag, ClickableCard } from '@wix/design-system';
 import { ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common/lazy';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { SetupStepIcon } from './SetupStepIcon';
@@ -20,26 +20,27 @@ export const SetupStepGroup = ({ step, isMobile, expanded, isPrimary, onToggle,
     const anyInProgress = children.some((c) => c.status === 'in-progress');
     const isFocused = expanded || isPrimary;
     const Chevron = expanded ? ChevronUp : ChevronDown;
+    const headerContent = (React.createElement(Box, { align: "space-between", verticalAlign: "middle", width: "100%", minHeight: "30px" },
+        React.createElement(Box, { minHeight: "24px", verticalAlign: "middle", gap: isMobile ? 'SP1' : undefined },
+            isMobile ? (React.createElement(Box, { className: st(classes.stepIcon) },
+                React.createElement(SetupStepIcon, { status: allCompleted ? 'completed' : 'upcoming' }))) : (React.createElement(SetupStepIcon, { status: allCompleted ? 'completed' : 'upcoming' })),
+            React.createElement(Box, { paddingLeft: isMobile ? undefined : 'SP2', direction: isMobile ? 'vertical' : 'horizontal', verticalAlign: isMobile ? undefined : 'middle', gap: "SP1" },
+                React.createElement(Text, { dataHook: `setup-step-title-${step.id}`, size: "small", weight: isFocused ? 'bold' : 'thin' }, step.title),
+                anyInProgress &&
+                    !allCompleted &&
+                    (isMobile ? (React.createElement(Text, { size: "tiny", weight: "normal", className: st(classes.inProgressLabel) }, t('cairo.setupWidget.step.inProgress'))) : (React.createElement(Box, { marginTop: "2px" },
+                        React.createElement(Badge, { size: "tiny", skin: "urgent", type: "transparent" }, t('cairo.setupWidget.step.inProgress'))))))),
+        React.createElement(Box, { verticalAlign: "middle", gap: "SP1" },
+            React.createElement(Tag, { id: `setup-step-counter-${step.id}`, skin: "neutral", removable: false, size: "small" }, t('cairo.setupWidget.aggregated.counter', { completed, total })),
+            React.createElement(Box, { dataHook: `setup-step-chevron-${step.id}` },
+                React.createElement(Chevron, { width: "20", height: "20" })))));
     const header = (React.createElement("div", { role: "button", tabIndex: 0, onClick: onToggle, onKeyDown: (event) => {
             if (event.key === 'Enter' || event.key === ' ') {
                 event.preventDefault();
                 onToggle();
             }
-        }, style: { cursor: 'pointer' } },
-        React.createElement(Box, { align: "space-between", verticalAlign: "middle", width: "100%", minHeight: "30px" },
-            React.createElement(Box, { minHeight: "24px", verticalAlign: "middle", gap: isMobile ? 'SP1' : undefined },
-                isMobile ? (React.createElement(Box, { className: st(classes.stepIcon) },
-                    React.createElement(SetupStepIcon, { status: allCompleted ? 'completed' : 'upcoming', marginTop: "0px" }))) : (React.createElement(SetupStepIcon, { status: allCompleted ? 'completed' : 'upcoming' })),
-                React.createElement(Box, { paddingLeft: isMobile ? undefined : 'SP2', direction: isMobile ? 'vertical' : 'horizontal', verticalAlign: isMobile ? undefined : 'middle', gap: "SP1" },
-                    React.createElement(Text, { dataHook: `setup-step-title-${step.id}`, size: "small", weight: isFocused ? 'bold' : 'thin' }, step.title),
-                    anyInProgress &&
-                        !allCompleted &&
-                        (isMobile ? (React.createElement(Text, { size: "tiny", weight: "normal", className: st(classes.inProgressLabel) }, t('cairo.setupWidget.step.inProgress'))) : (React.createElement(Box, { marginTop: "2px" },
-                            React.createElement(Badge, { size: "tiny", skin: "urgent", type: "transparent" }, t('cairo.setupWidget.step.inProgress'))))))),
-            React.createElement(Box, { verticalAlign: "middle", gap: "SP1" },
-                React.createElement(Tag, { id: `setup-step-counter-${step.id}`, skin: "neutral", removable: false, size: "small" }, t('cairo.setupWidget.aggregated.counter', { completed, total })),
-                React.createElement(Box, { dataHook: `setup-step-chevron-${step.id}` },
-                    React.createElement(Chevron, { width: "20", height: "20" }))))));
+        }, style: { cursor: 'pointer' } }, isMobile ? (headerContent) : (React.createElement(ClickableCard, { skin: "outline", hasPadding: false },
+        React.createElement(Box, { direction: "vertical", padding: "6px" }, headerContent)))));
     const childList = expanded && (React.createElement(Box, { dataHook: `setup-step-children-${step.id}`, direction: "vertical", gap: isMobile ? 'SP3' : 'SP1', paddingLeft: "SP5", marginTop: isMobile ? 'SP3' : 'SP1' }, children.map((child) => (React.createElement(React.Fragment, { key: child.id }, renderChild(child))))));
     if (isMobile) {
         return (React.createElement("div", { "data-hook": `setup-step-${step.id}`, className: st(classes.card) },

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SetupStepIcon.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EACL,YAAY,EACZ,sBAAsB,GACvB,MAAM,+BAA+B,CAAC;AAGvC;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,MAAM;AACN;;;;GAIG;AACH,SAAS,GAAG,KAAK,GAIlB,EAAE,EAAE;IACH,IAAI,MAAM,KAAK,WAAW,EAAE;QAC1B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,SAAS;YACvB,oBAAC,YAAY,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,sBAAsB,GAAG,CACpE,CACP,CAAC;KACH;IAED,MAAM,KAAK,GACT,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC;IAE1E,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAE,SAAS;QACvB,oBAAC,sBAAsB,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAC/D,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SetupStepIcon.js","sourceRoot":"","sources":["../../../../src/components/SetupWidget/SetupStepIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGvE;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,MAAM,GAGP,EAAE,EAAE;IACH,IAAI,MAAM,KAAK,WAAW,EAAE;QAC1B,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,sEAAsE,GAC5E,CACH,CAAC;KACH;IAED,MAAM,KAAK,GACT,MAAM,KAAK,UAAU;QACnB,CAAC,CAAC,gFAAgF;QAClF,CAAC,CAAC,8DAA8D,CAAC;IAErE,OAAO,oBAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC;AAC/D,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Text, Button, TextButton, Badge, Divider, Tooltip, } from '@wix/design-system';
+import { Box, Text, Button, TextButton, Badge, Divider, Tooltip, ClickableCard, } from '@wix/design-system';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { SetupStepIcon } from './SetupStepIcon';
 import { st, classes } from './SetupWidget.st.css.js';
@@ -8,10 +8,10 @@ import { st, classes } from './SetupWidget.st.css.js';
  * - completed → green check, struck-through title, optional completed CTA
  * - disabled → muted bullet + disabled CTA (permission-denied)
  * - in-progress → "In progress" badge next to the title
- * - focused → blue surface, bold title, primary CTA
- * - hoverable rows tint blue on hover (handled in Stylable)
+ * - focused → bolder border, bold title, primary CTA (+ background tint if
+ *   `focusedBackground` is on)
  */
-export const SetupStepRow = ({ step, isFocused, expanded, onActivate, renderStepContent, }) => {
+export const SetupStepRow = ({ step, isFocused, expanded, onActivate, renderStepContent, focusedBackground, }) => {
     const { translate: t } = useWixPatternsContainer();
     const isInProgress = step.status === 'in-progress';
     const isCompleted = step.status === 'completed';
@@ -21,12 +21,10 @@ export const SetupStepRow = ({ step, isFocused, expanded, onActivate, renderStep
     // Completed steps stay actionable when they carry a completed CTA (G2).
     const showCompletedCta = isCompleted && !!step.completedCtaLabel && !isDisabled;
     const clickable = (!isCompleted && !isDisabled) || showCompletedCta;
-    const hoverable = !isFocused && !isCompleted && !isDisabled;
     const handleClick = clickable ? onActivate : undefined;
     return (React.createElement("div", { "data-hook": `setup-step-${step.id}`, "data-focused": isFocused, className: st(classes.row, {
             focused: isFocused,
-            hoverable,
-            clickable,
+            withBackground: !!focusedBackground,
         }), onClick: handleClick, onKeyDown: clickable
             ? (event) => {
                 if (event.key === 'Enter' || event.key === ' ') {
@@ -35,34 +33,36 @@ export const SetupStepRow = ({ step, isFocused, expanded, onActivate, renderStep
                 }
             }
             : undefined, role: clickable ? 'button' : undefined, tabIndex: clickable ? 0 : undefined },
-        React.createElement(Box, { align: "space-between", verticalAlign: "middle", width: "100%", minHeight: "30px" },
-            React.createElement(Box, { minHeight: "24px", verticalAlign: "middle" },
-                React.createElement(SetupStepIcon, { status: step.status }),
-                React.createElement(Box, { paddingLeft: "SP2", paddingRight: "SP2", verticalAlign: "middle", gap: "SP1" },
-                    React.createElement(Text, { dataHook: `setup-step-title-${step.id}`, size: "small", skin: isDisabled ? 'disabled' : 'standard', weight: isFocused ? 'bold' : 'thin', secondary: isCompleted, light: isCompleted }, isCompleted ? React.createElement("del", null, step.title) : step.title),
-                    isInProgress && !isInlineExpanded && (React.createElement(Box, { marginTop: "2px" },
-                        React.createElement(Badge, { size: "tiny", skin: "urgent", type: "transparent" }, t('cairo.setupWidget.step.inProgress')))))),
-            showCta &&
-                (() => {
-                    const ctaNode = (React.createElement(Box, { verticalAlign: "middle" },
-                        React.createElement(Button, { dataHook: `setup-step-cta-${step.id}`, size: "small", priority: !isDisabled && !isFocused ? 'secondary' : 'primary', disabled: isDisabled, ellipsis: false, onClick: (event) => {
+        React.createElement(ClickableCard, { skin: "outline", hasPadding: false, disabled: isDisabled },
+            React.createElement(Box, { direction: "vertical", padding: "6px" },
+                React.createElement(Box, { align: "space-between", verticalAlign: "middle", width: "100%", minHeight: "30px" },
+                    React.createElement(Box, { minHeight: "24px", verticalAlign: "middle" },
+                        React.createElement(SetupStepIcon, { status: step.status }),
+                        React.createElement(Box, { paddingLeft: "SP2", paddingRight: "SP2", verticalAlign: "middle", gap: "SP1" },
+                            React.createElement(Text, { dataHook: `setup-step-title-${step.id}`, size: "small", skin: isDisabled ? 'disabled' : 'standard', weight: isFocused ? 'bold' : 'thin', secondary: isCompleted, light: isCompleted }, isCompleted ? React.createElement("del", null, step.title) : step.title),
+                            isInProgress && !isInlineExpanded && (React.createElement(Box, { marginTop: "2px" },
+                                React.createElement(Badge, { size: "tiny", skin: "urgent", type: "transparent" }, t('cairo.setupWidget.step.inProgress')))))),
+                    showCta &&
+                        (() => {
+                            const ctaNode = (React.createElement(Box, { verticalAlign: "middle" },
+                                React.createElement(Button, { dataHook: `setup-step-cta-${step.id}`, size: "small", priority: !isDisabled && !isFocused ? 'secondary' : 'primary', disabled: isDisabled, ellipsis: false, onClick: (event) => {
+                                        event.stopPropagation();
+                                        onActivate();
+                                    } }, step.ctaLabel)));
+                            // Disabled steps explain why the CTA is disabled (G5).
+                            return isDisabled ? (React.createElement(Tooltip, { dataHook: `setup-step-disabled-tooltip-${step.id}`, content: step.disabledTooltip ??
+                                    // Translation-key id stays `lockedTooltip` until the
+                                    // Translation Center key is renamed (TC follow-up to T2).
+                                    t('cairo.setupWidget.step.lockedTooltip') }, ctaNode)) : (ctaNode);
+                        })(),
+                    showCompletedCta && (React.createElement(Box, { verticalAlign: "middle", marginRight: "SP2", className: st(classes.completedCta) },
+                        React.createElement(TextButton, { dataHook: `setup-step-cta-${step.id}`, size: "small", onClick: (event) => {
                                 event.stopPropagation();
                                 onActivate();
-                            } }, step.ctaLabel)));
-                    // Disabled steps explain why the CTA is disabled (G5).
-                    return isDisabled ? (React.createElement(Tooltip, { dataHook: `setup-step-disabled-tooltip-${step.id}`, content: step.disabledTooltip ??
-                            // Translation-key id stays `lockedTooltip` until the
-                            // Translation Center key is renamed (TC follow-up to T2).
-                            t('cairo.setupWidget.step.lockedTooltip') }, ctaNode)) : (ctaNode);
-                })(),
-            showCompletedCta && (React.createElement(Box, { verticalAlign: "middle", marginRight: "SP2", className: st(classes.completedCta) },
-                React.createElement(TextButton, { dataHook: `setup-step-cta-${step.id}`, size: "small", onClick: (event) => {
-                        event.stopPropagation();
-                        onActivate();
-                    } }, step.completedCtaLabel)))),
-        isInlineExpanded && (React.createElement(Box, { dataHook: `setup-step-content-${step.id}`, direction: "vertical", paddingLeft: "SP5", paddingRight: "SP1", paddingBottom: "SP1", marginTop: "SP2" },
-            React.createElement(Box, { marginBottom: "SP2" },
-                React.createElement(Divider, null)),
-            React.createElement("div", { onClick: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation() }, renderStepContent?.(step))))));
+                            } }, step.completedCtaLabel)))),
+                isInlineExpanded && (React.createElement(Box, { dataHook: `setup-step-content-${step.id}`, direction: "vertical", paddingLeft: "SP5", paddingRight: "SP1", paddingBottom: "SP1", marginTop: "SP2" },
+                    React.createElement(Box, { marginBottom: "SP2" },
+                        React.createElement(Divider, null)),
+                    React.createElement("div", { onClick: (event) => event.stopPropagation(), onKeyDown: (event) => event.stopPropagation() }, renderStepContent?.(step))))))));
 };
 //# sourceMappingURL=SetupStepRow.js.map

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

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

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

@@ -4,6 +4,7 @@ import { Box } from '@wix/design-system';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { CardContainer } from '../CardContainer';
 import { useIsMobile } from '../../hooks/useIsMobile';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';
 import { SetupWidgetHeader } from './SetupWidgetHeader';
 import { SetupStepRow } from './SetupStepRow';
@@ -21,6 +22,9 @@ const StepViewTracker = ({ stepId, onView, children, }) => {
 const _SetupWidget = ({ state, renderStepContent, onStepClick, onCompletedStepClick, onStepView, onAllCompleteClick, renderError, dataHook, }) => {
     const { translate: t } = useWixPatternsContainer();
     const isMobile = 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 = useBmHarmonyTheme();
     const { status } = state._loadTask.status;
     const activateStep = (step) => {
         // Completed steps fire their own action (never expand) — distinct from the
@@ -55,7 +59,7 @@ const _SetupWidget = ({ state, renderStepContent, onStepClick, onCompletedStepCl
         // one is open, otherwise the primary. (Highlighting `primary || expanded`
         // would mark two rows once the user opens a non-primary inline step.)
         const isFocused = !isChild && step.id === state._focusedStepId;
-        return isMobile ? (React.createElement(SetupStepCard, { key: step.id, step: step, isPrimary: isFocused, expanded: expanded, onActivate: onActivate, renderStepContent: renderStepContent })) : (React.createElement(SetupStepRow, { key: step.id, step: step, isFocused: isFocused, expanded: expanded, onActivate: onActivate, renderStepContent: renderStepContent }));
+        return isMobile ? (React.createElement(SetupStepCard, { key: step.id, step: step, isPrimary: isFocused, expanded: expanded, onActivate: onActivate, renderStepContent: renderStepContent })) : (React.createElement(SetupStepRow, { key: step.id, step: step, isFocused: isFocused, expanded: expanded, onActivate: onActivate, renderStepContent: renderStepContent, focusedBackground: !isHarmonyTheme }));
     };
     // All-complete is a distinct success surface with its own card.
     if (status === 'success' && state._isAllComplete) {
@@ -74,7 +78,7 @@ const _SetupWidget = ({ state, renderStepContent, onStepClick, onCompletedStepCl
         })));
     }
     const header = (React.createElement(SetupWidgetHeader, { title: state._title, completedCount: state._completedCount, totalCount: state._totalCount, progressPercentage: state._progressPercentage, isMobile: isMobile }));
-    const list = (React.createElement(Box, { direction: "vertical", gap: isMobile ? 'SP3' : 'SP1', width: "100%" }, state.steps.map((step) => {
+    const list = (React.createElement(Box, { direction: "vertical", gap: isMobile ? 'SP3' : 'SP2', width: "100%" }, state.steps.map((step) => {
         const node = step.steps?.length ? (React.createElement(SetupStepGroup, { step: step, isMobile: isMobile, expanded: state._expandedStepId === step.id, isPrimary: step.id === state._primaryStepId, onToggle: () => state._toggleStep(step.id), renderChild: (child) => renderLeaf(child, true) })) : (renderLeaf(step));
         return onStepView ? (React.createElement(StepViewTracker, { key: step.id, stepId: step.id, onView: () => onStepView(step) }, node)) : (React.createElement(React.Fragment, { key: step.id }, node));
     })));