@wix/patterns 1.473.0 → 1.475.0

package/src/components/EditableTable/cellTypes/email/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3755953505";
+var _namespace_ = "View4169721187";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View3755953505__root"};
+export var classes = {"root":"View4169721187__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit107406294";
+var _namespace_ = "Edit3465843808";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit107406294__root","numberInput":"Edit107406294__numberInput"};
+export var classes = {"root":"Edit3465843808__root","numberInput":"Edit3465843808__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1267694837";
+var _namespace_ = "View325445613";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View1267694837__root","textView":"View1267694837__textView"};
+export var classes = {"root":"View325445613__root","textView":"View325445613__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1859772684";
+var _namespace_ = "Edit292033228";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit1859772684__root","jsonInput":"Edit1859772684__jsonInput"};
+export var classes = {"root":"Edit292033228__root","jsonInput":"Edit292033228__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/object/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View4221459306";
+var _namespace_ = "View2624790604";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View4221459306__root"};
+export var classes = {"root":"View2624790604__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit48009050";
+var _namespace_ = "Edit585729972";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit48009050__root","selectInput":"Edit48009050__selectInput"};
+export var classes = {"root":"Edit585729972__root","selectInput":"Edit585729972__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit892926530";
+var _namespace_ = "Edit939951851";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit892926530__root","editWrapper":"Edit892926530__editWrapper","inputArea":"Edit892926530__inputArea"};
+export var classes = {"root":"Edit939951851__root","editWrapper":"Edit939951851__editWrapper","inputArea":"Edit939951851__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2647575940";
+var _namespace_ = "View524200168";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View2647575940__root"};
+export var classes = {"root":"View524200168__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3855019237";
+var _namespace_ = "Edit465471368";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3855019237__root","wrapper":"Edit3855019237__wrapper","overlay":"Edit3855019237__overlay"};
+export var classes = {"root":"Edit465471368__root","wrapper":"Edit465471368__wrapper","overlay":"Edit465471368__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3390491098";
+var _namespace_ = "Edit262514889";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3390491098__root","urlInput":"Edit3390491098__urlInput"};
+export var classes = {"root":"Edit262514889__root","urlInput":"Edit262514889__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3508641019";
+var _namespace_ = "View2854173105";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View3508641019__root","textView":"View3508641019__textView","urlText":"View3508641019__urlText","suffix":"View3508641019__suffix"};
+export var classes = {"root":"View2854173105__root","textView":"View2854173105__textView","urlText":"View2854173105__urlText","suffix":"View2854173105__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EmptyState/EmptyStateBase.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EmptyStateBase204799482";
+var _namespace_ = "EmptyStateBase166835755";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EmptyStateBase204799482__root"};
+export var classes = {"root":"EmptyStateBase166835755__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPage/EntityPagePlain.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain3639374823";
+var _namespace_ = "EntityPagePlain3387257071";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EntityPagePlain3639374823__root"};
+export var classes = {"root":"EntityPagePlain3387257071__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Fade/Fade.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade2123149399";
+var _namespace_ = "Fade4007253527";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Fade2123149399__root"};
+export var classes = {"root":"Fade4007253527__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/FormPageHeader/FormPageHeader.tsx

@@ -18,7 +18,10 @@ export interface FormPageHeaderProps {
    */
   title: {
     text: string;
-    badges?: (Pick<BadgeProps, 'skin' | 'prefixIcon' | 'suffixIcon'> & {
+    badges?: (Pick<
+      BadgeProps,
+      'skin' | 'type' | 'prefixIcon' | 'suffixIcon'
+    > & {
       text: string;
     })[];
   };

package/src/components/Heading/Heading.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading4126514626";
+var _namespace_ = "Heading66492197";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Heading4126514626__root"};
+export var classes = {"root":"Heading66492197__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload4125540535";
+var _namespace_ = "ImportStepUpload4104948474";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ImportStepUpload4125540535__root","fileUpload":"ImportStepUpload4125540535__fileUpload"};
+export var classes = {"root":"ImportStepUpload4104948474__root","fileUpload":"ImportStepUpload4104948474__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/InputOverflow/InputOverflow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow273825588";
+var _namespace_ = "InputOverflow4169330902";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"InputOverflow273825588__root"};
+export var classes = {"root":"InputOverflow4169330902__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/LoadingRow/LoadingRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow3050684037";
+var _namespace_ = "LoadingRow1074668494";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow3050684037__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3050684037__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1074668494__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1074668494__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/MaxHeightText/MaxHeightText.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText1100949182";
+var _namespace_ = "MaxHeightText2950283256";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxHeightText1100949182__root"};
+export var classes = {"root":"MaxHeightText2950283256__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MaxLines/MaxLines.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines1193812473";
+var _namespace_ = "MaxLines1599162323";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxLines1193812473__root"};
+export var classes = {"root":"MaxLines1599162323__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar335297606";
+var _namespace_ = "MultiBulkActionToolbar894640908";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultiBulkActionToolbar335297606__root","leftGroupWrapper":"MultiBulkActionToolbar335297606__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar335297606__selectedCountItem","selectedCountText":"MultiBulkActionToolbar335297606__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar894640908__root","leftGroupWrapper":"MultiBulkActionToolbar894640908__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar894640908__selectedCountItem","selectedCountText":"MultiBulkActionToolbar894640908__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow599058902";
+var _namespace_ = "NestedTablePlaceholderStatesRow177277470";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTablePlaceholderStatesRow599058902__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow177277470__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow3115550481";
+var _namespace_ = "NestedTableRow1618501899";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableRow3115550481__root","firstLevel":"NestedTableRow3115550481__firstLevel","placeholder":"NestedTableRow3115550481__placeholder","parentHovered":"NestedTableRow3115550481__parentHovered"};
+export var classes = {"root":"NestedTableRow1618501899__root","firstLevel":"NestedTableRow1618501899__firstLevel","placeholder":"NestedTableRow1618501899__placeholder","parentHovered":"NestedTableRow1618501899__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect1156042304";
+var _namespace_ = "MultipleDragOverlayEffect418930658";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultipleDragOverlayEffect1156042304__root"};
+export var classes = {"root":"MultipleDragOverlayEffect418930658__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow394509041";
+var _namespace_ = "NestedTableDragAndDropRow3736637150";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableDragAndDropRow394509041__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3736637150__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent949086574";
+var _namespace_ = "PickerContent2964113660";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContent949086574__root"};
+export var classes = {"root":"PickerContent2964113660__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep1993151308";
+var _namespace_ = "PickerContentAdditionalStep3232925499";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContentAdditionalStep1993151308__root","titles":"PickerContentAdditionalStep1993151308__titles","suffix":"PickerContentAdditionalStep1993151308__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3232925499__root","titles":"PickerContentAdditionalStep3232925499__titles","suffix":"PickerContentAdditionalStep3232925499__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem1661121815";
+var _namespace_ = "PickerTableListItem3396340851";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerTableListItem1661121815__root"};
+export var classes = {"root":"PickerTableListItem3396340851__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ScrollableContent/ScrollableContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent4103304831";
+var _namespace_ = "ScrollableContent607416639";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ScrollableContent4103304831__root"};
+export var classes = {"root":"ScrollableContent607416639__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SetupWidget/SetupStepRow.tsx

@@ -9,8 +9,10 @@ import {
   Tooltip,
   ClickableCard,
 } from '@wix/design-system';
+import { ChevronRightSmall } from '@wix/wix-ui-icons-common/lazy';
 import { SetupWidgetStep } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { SetupStepIcon } from './SetupStepIcon';
 import { SetupStepSecondaryCta } from './SetupStepSecondaryCta';
 import { st, classes } from './SetupWidget.st.css.js';
@@ -26,8 +28,6 @@ export interface SetupStepRowProps {
   onSecondaryActivate?: () => void;
   /** Supplies the inline-expansion content (render prop on the widget). */
   renderStepContent?: (step: SetupWidgetStep) => React.ReactNode;
-  /** Tints the row's background when it's focused (off under the Harmony theme, see `useBmHarmonyTheme`). */
-  focusedBackground?: boolean;
 }
 
 /**
@@ -36,7 +36,7 @@ export interface SetupStepRowProps {
  * - disabled → muted bullet + disabled CTA (permission-denied)
  * - in-progress → "In progress" badge next to the title
  * - focused → bolder border, bold title, primary CTA (+ background tint if
- *   `focusedBackground` is on)
+ *   Harmony is off)
  */
 export const SetupStepRow = ({
   step,
@@ -45,9 +45,11 @@ export const SetupStepRow = ({
   onActivate,
   onSecondaryActivate,
   renderStepContent,
-  focusedBackground,
 }: SetupStepRowProps) => {
   const { translate: t } = useWixPatternsContainer();
+  // Harmony drops the focused-row background tint per UX — the outline-skin
+  // ClickableCard the row is built on has no tint of its own.
+  const isHarmonyTheme = useBmHarmonyTheme();
 
   const isInProgress = step.status === 'in-progress';
   const isCompleted = step.status === 'completed';
@@ -59,6 +61,9 @@ export const SetupStepRow = ({
   const showCompletedCta =
     isCompleted && !!step.completedCtaLabel && !isDisabled;
   const clickable = (!isCompleted && !isDisabled) || showCompletedCta;
+  // Harmony renders these CTAs as tertiary text + chevron; priority and
+  // suffix icon must stay on the same condition.
+  const isHarmonyStepCta = isHarmonyTheme && !isDisabled && !isFocused;
 
   const handleClick = clickable ? onActivate : undefined;
 
@@ -67,7 +72,14 @@ export const SetupStepRow = ({
       <Button
         dataHook={`setup-step-cta-${step.id}`}
         size="small"
-        priority={!isDisabled && !isFocused ? 'secondary' : 'primary'}
+        priority={
+          isHarmonyStepCta
+            ? 'tertiary'
+            : !isDisabled && !isFocused
+            ? 'secondary'
+            : 'primary'
+        }
+        suffixIcon={isHarmonyStepCta ? <ChevronRightSmall /> : undefined}
         disabled={isDisabled}
         ellipsis={false}
         onClick={(event: React.MouseEvent) => {
@@ -102,7 +114,7 @@ export const SetupStepRow = ({
       data-focused={isFocused}
       className={st(classes.row, {
         focused: isFocused,
-        withBackground: !!focusedBackground,
+        withBackground: !isHarmonyTheme,
       })}
     >
       <ClickableCard