@wix/patterns 1.417.0 → 1.418.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View288298864";
+var _namespace_ = "View3506193060";
 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":"View288298864__root","leaf":"View288298864__leaf","datePart":"View288298864__datePart View288298864__leaf","timePart":"View288298864__timePart View288298864__leaf","placeholder":"View288298864__placeholder View288298864__leaf","divider":"View288298864__divider"};
+export var classes = {"root":"View3506193060__root","leaf":"View3506193060__leaf","datePart":"View3506193060__datePart View3506193060__leaf","timePart":"View3506193060__timePart View3506193060__leaf","placeholder":"View3506193060__placeholder View3506193060__leaf","divider":"View3506193060__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit610154774";
+var _namespace_ = "Edit3128744733";
 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":"Edit610154774__root","emailInput":"Edit610154774__emailInput"};
+export var classes = {"root":"Edit3128744733__root","emailInput":"Edit3128744733__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3649568724";
+var _namespace_ = "View3212321823";
 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":"View3649568724__root"};
+export var classes = {"root":"View3212321823__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_ = "Edit1685580225";
+var _namespace_ = "Edit3044977008";
 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":"Edit1685580225__root","numberInput":"Edit1685580225__numberInput"};
+export var classes = {"root":"Edit3044977008__root","numberInput":"Edit3044977008__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_ = "View715682817";
+var _namespace_ = "View3446039160";
 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":"View715682817__root","textView":"View715682817__textView"};
+export var classes = {"root":"View3446039160__root","textView":"View3446039160__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_ = "Edit1245266781";
+var _namespace_ = "Edit220197915";
 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":"Edit1245266781__root","jsonInput":"Edit1245266781__jsonInput"};
+export var classes = {"root":"Edit220197915__root","jsonInput":"Edit220197915__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_ = "View3600163408";
+var _namespace_ = "View563306174";
 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":"View3600163408__root"};
+export var classes = {"root":"View563306174__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_ = "Edit1548529658";
+var _namespace_ = "Edit3317659374";
 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":"Edit1548529658__root","selectInput":"Edit1548529658__selectInput"};
+export var classes = {"root":"Edit3317659374__root","selectInput":"Edit3317659374__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_ = "Edit1263282934";
+var _namespace_ = "Edit3398967150";
 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":"Edit1263282934__root","editWrapper":"Edit1263282934__editWrapper","inputArea":"Edit1263282934__inputArea"};
+export var classes = {"root":"Edit3398967150__root","editWrapper":"Edit3398967150__editWrapper","inputArea":"Edit3398967150__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_ = "View227164221";
+var _namespace_ = "View1645352148";
 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":"View227164221__root"};
+export var classes = {"root":"View1645352148__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_ = "Edit1808874999";
+var _namespace_ = "Edit4005797948";
 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":"Edit1808874999__root","wrapper":"Edit1808874999__wrapper","overlay":"Edit1808874999__overlay"};
+export var classes = {"root":"Edit4005797948__root","wrapper":"Edit4005797948__wrapper","overlay":"Edit4005797948__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_ = "Edit2107803644";
+var _namespace_ = "Edit2290973595";
 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":"Edit2107803644__root","urlInput":"Edit2107803644__urlInput"};
+export var classes = {"root":"Edit2290973595__root","urlInput":"Edit2290973595__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_ = "View713368013";
+var _namespace_ = "View2071021134";
 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":"View713368013__root","textView":"View713368013__textView","urlText":"View713368013__urlText","suffix":"View713368013__suffix"};
+export var classes = {"root":"View2071021134__root","textView":"View2071021134__textView","urlText":"View2071021134__urlText","suffix":"View2071021134__suffix"};
 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_ = "EntityPagePlain3351248795";
+var _namespace_ = "EntityPagePlain2364871519";
 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":"EntityPagePlain3351248795__root"};
+export var classes = {"root":"EntityPagePlain2364871519__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_ = "Fade1213724873";
+var _namespace_ = "Fade158248200";
 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":"Fade1213724873__root"};
+export var classes = {"root":"Fade158248200__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading1396813473";
+var _namespace_ = "Heading3044927820";
 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":"Heading1396813473__root"};
+export var classes = {"root":"Heading3044927820__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_ = "ImportStepUpload1848140648";
+var _namespace_ = "ImportStepUpload3769880250";
 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":"ImportStepUpload1848140648__root","fileUpload":"ImportStepUpload1848140648__fileUpload"};
+export var classes = {"root":"ImportStepUpload3769880250__root","fileUpload":"ImportStepUpload3769880250__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_ = "InputOverflow1637036227";
+var _namespace_ = "InputOverflow2588486216";
 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":"InputOverflow1637036227__root"};
+export var classes = {"root":"InputOverflow2588486216__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_ = "LoadingRow1405194766";
+var _namespace_ = "LoadingRow3117772883";
 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":"LoadingRow1405194766__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1405194766__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3117772883__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3117772883__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_ = "MaxHeightText218038624";
+var _namespace_ = "MaxHeightText2494588816";
 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":"MaxHeightText218038624__root"};
+export var classes = {"root":"MaxHeightText2494588816__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_ = "MaxLines2504162078";
+var _namespace_ = "MaxLines4204134146";
 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":"MaxLines2504162078__root"};
+export var classes = {"root":"MaxLines4204134146__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_ = "MultiBulkActionToolbar1146083765";
+var _namespace_ = "MultiBulkActionToolbar1733349817";
 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":"MultiBulkActionToolbar1146083765__root","leftGroupWrapper":"MultiBulkActionToolbar1146083765__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1146083765__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1146083765__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1733349817__root","leftGroupWrapper":"MultiBulkActionToolbar1733349817__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1733349817__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1733349817__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_ = "NestedTablePlaceholderStatesRow1734092052";
+var _namespace_ = "NestedTablePlaceholderStatesRow2447244534";
 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":"NestedTablePlaceholderStatesRow1734092052__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2447244534__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_ = "NestedTableRow4252073104";
+var _namespace_ = "NestedTableRow1207904673";
 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":"NestedTableRow4252073104__root","firstLevel":"NestedTableRow4252073104__firstLevel","placeholder":"NestedTableRow4252073104__placeholder","parentHovered":"NestedTableRow4252073104__parentHovered"};
+export var classes = {"root":"NestedTableRow1207904673__root","firstLevel":"NestedTableRow1207904673__firstLevel","placeholder":"NestedTableRow1207904673__placeholder","parentHovered":"NestedTableRow1207904673__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_ = "MultipleDragOverlayEffect4027841118";
+var _namespace_ = "MultipleDragOverlayEffect2863332161";
 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":"MultipleDragOverlayEffect4027841118__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2863332161__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_ = "NestedTableDragAndDropRow1455684169";
+var _namespace_ = "NestedTableDragAndDropRow3711660438";
 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":"NestedTableDragAndDropRow1455684169__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3711660438__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_ = "PickerContent563002944";
+var _namespace_ = "PickerContent3740036493";
 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":"PickerContent563002944__root"};
+export var classes = {"root":"PickerContent3740036493__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_ = "PickerContentAdditionalStep1743228305";
+var _namespace_ = "PickerContentAdditionalStep2931410296";
 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":"PickerContentAdditionalStep1743228305__root","titles":"PickerContentAdditionalStep1743228305__titles","suffix":"PickerContentAdditionalStep1743228305__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2931410296__root","titles":"PickerContentAdditionalStep2931410296__titles","suffix":"PickerContentAdditionalStep2931410296__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_ = "PickerTableListItem285490205";
+var _namespace_ = "PickerTableListItem2945163989";
 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":"PickerTableListItem285490205__root"};
+export var classes = {"root":"PickerTableListItem2945163989__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_ = "ScrollableContent1047518612";
+var _namespace_ = "ScrollableContent3996425431";
 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":"ScrollableContent1047518612__root"};
+export var classes = {"root":"ScrollableContent3996425431__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget3501964921";
+var _namespace_ = "SetupWidget755400176";
 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":"SetupWidget3501964921__root","row":"SetupWidget3501964921__row","completedCta":"SetupWidget3501964921__completedCta","card":"SetupWidget3501964921__card"};
+export var classes = {"root":"SetupWidget755400176__root","row":"SetupWidget755400176__row","completedCta":"SetupWidget755400176__completedCta","card":"SetupWidget755400176__card"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SetupWidget/SetupWidget.tsx

@@ -124,11 +124,16 @@ const _SetupWidget = ({
     const onActivate = () =>
       isChild ? activateChild(step) : activateStep(step);
 
+    // A single step is focused/highlighted at a time — the expanded step when
+    // 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 ? (
       <SetupStepCard
         key={step.id}
         step={step}
-        isPrimary={!isChild && step.id === state._primaryStepId}
+        isPrimary={isFocused}
         expanded={expanded}
         onActivate={onActivate}
         renderStepContent={renderStepContent}
@@ -137,7 +142,7 @@ const _SetupWidget = ({
       <SetupStepRow
         key={step.id}
         step={step}
-        isFocused={!isChild && (step.id === state._primaryStepId || expanded)}
+        isFocused={isFocused}
         expanded={expanded}
         onActivate={onActivate}
         renderStepContent={renderStepContent}

package/src/components/SetupWidget/dashboard-setup-integration-gaps.md

@@ -128,6 +128,17 @@ Pure docs/decisions (G8) need none. Link the test/story/SLED files in **Resoluti
   `focusedStepId` + `isExtensionStep`.
 - Loading / error+retry (`TaskState` ↔ initial fetch).
 
+> ⚠️ **Focus is single — derive it, don't OR it.** Production has *one*
+> `focusedStepId` that drives both the highlight **and** which inline step is
+> expanded, so only one step is ever focused. We split that into two derived
+> values — `_primaryStepId` (recommended next ↔ `getNextStep`) and
+> `_expandedStepId` (what the user toggled open) — which is fine until they
+> **diverge** (user opens a non-primary inline step). The desktop row originally
+> highlighted `primary || expanded`, marking **two** rows focused once they
+> diverged. Fixed by deriving a single `_focusedStepId = _expandedStepId ??
+> _primaryStepId` and highlighting only that (`SetupStepRow`/`SetupStepCard`),
+> restoring production's single-focus invariant.
+
 ---
 
 ## 4. Data-model mapping (production `Step` → `SetupWidgetStep`)