@wix/patterns 1.455.0 → 1.456.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3182519026";
+var _namespace_ = "View518961797";
 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":"View3182519026__root","textView":"View3182519026__textView"};
+export var classes = {"root":"View518961797__root","textView":"View518961797__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_ = "Edit3133063490";
+var _namespace_ = "Edit1646413078";
 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":"Edit3133063490__root","jsonInput":"Edit3133063490__jsonInput"};
+export var classes = {"root":"Edit1646413078__root","jsonInput":"Edit1646413078__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_ = "View1787758235";
+var _namespace_ = "View1787033745";
 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":"View1787758235__root"};
+export var classes = {"root":"View1787033745__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_ = "Edit1923521913";
+var _namespace_ = "Edit546019046";
 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":"Edit1923521913__root","selectInput":"Edit1923521913__selectInput"};
+export var classes = {"root":"Edit546019046__root","selectInput":"Edit546019046__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_ = "Edit1271775465";
+var _namespace_ = "Edit92027372";
 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":"Edit1271775465__root","editWrapper":"Edit1271775465__editWrapper","inputArea":"Edit1271775465__inputArea"};
+export var classes = {"root":"Edit92027372__root","editWrapper":"Edit92027372__editWrapper","inputArea":"Edit92027372__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_ = "View2309756809";
+var _namespace_ = "View4124763941";
 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":"View2309756809__root"};
+export var classes = {"root":"View4124763941__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_ = "Edit1765554353";
+var _namespace_ = "Edit2171667679";
 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":"Edit1765554353__root","wrapper":"Edit1765554353__wrapper","overlay":"Edit1765554353__overlay"};
+export var classes = {"root":"Edit2171667679__root","wrapper":"Edit2171667679__wrapper","overlay":"Edit2171667679__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_ = "Edit3664384129";
+var _namespace_ = "Edit1699591886";
 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":"Edit3664384129__root","urlInput":"Edit3664384129__urlInput"};
+export var classes = {"root":"Edit1699591886__root","urlInput":"Edit1699591886__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_ = "View928509354";
+var _namespace_ = "View3697795213";
 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":"View928509354__root","textView":"View928509354__textView","urlText":"View928509354__urlText","suffix":"View928509354__suffix"};
+export var classes = {"root":"View3697795213__root","textView":"View3697795213__textView","urlText":"View3697795213__urlText","suffix":"View3697795213__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_ = "EmptyStateBase3927892820";
+var _namespace_ = "EmptyStateBase762136668";
 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":"EmptyStateBase3927892820__root"};
+export var classes = {"root":"EmptyStateBase762136668__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_ = "EntityPagePlain3411895053";
+var _namespace_ = "EntityPagePlain1406191637";
 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":"EntityPagePlain3411895053__root"};
+export var classes = {"root":"EntityPagePlain1406191637__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_ = "Fade125176140";
+var _namespace_ = "Fade3850360996";
 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":"Fade125176140__root"};
+export var classes = {"root":"Fade3850360996__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_ = "Heading1549155525";
+var _namespace_ = "Heading4191269836";
 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":"Heading1549155525__root"};
+export var classes = {"root":"Heading4191269836__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_ = "ImportStepUpload4079824026";
+var _namespace_ = "ImportStepUpload4203782482";
 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":"ImportStepUpload4079824026__root","fileUpload":"ImportStepUpload4079824026__fileUpload"};
+export var classes = {"root":"ImportStepUpload4203782482__root","fileUpload":"ImportStepUpload4203782482__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_ = "InputOverflow3748891380";
+var _namespace_ = "InputOverflow1776040036";
 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":"InputOverflow3748891380__root"};
+export var classes = {"root":"InputOverflow1776040036__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_ = "LoadingRow1073025516";
+var _namespace_ = "LoadingRow710156935";
 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":"LoadingRow1073025516__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1073025516__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow710156935__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow710156935__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_ = "MaxHeightText716070228";
+var _namespace_ = "MaxHeightText292056173";
 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":"MaxHeightText716070228__root"};
+export var classes = {"root":"MaxHeightText292056173__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_ = "MaxLines2426652755";
+var _namespace_ = "MaxLines536459277";
 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":"MaxLines2426652755__root"};
+export var classes = {"root":"MaxLines536459277__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_ = "MultiBulkActionToolbar3972161443";
+var _namespace_ = "MultiBulkActionToolbar533884152";
 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":"MultiBulkActionToolbar3972161443__root","leftGroupWrapper":"MultiBulkActionToolbar3972161443__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3972161443__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3972161443__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar533884152__root","leftGroupWrapper":"MultiBulkActionToolbar533884152__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar533884152__selectedCountItem","selectedCountText":"MultiBulkActionToolbar533884152__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_ = "NestedTablePlaceholderStatesRow2638073900";
+var _namespace_ = "NestedTablePlaceholderStatesRow1714804832";
 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":"NestedTablePlaceholderStatesRow2638073900__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1714804832__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_ = "NestedTableRow1925904929";
+var _namespace_ = "NestedTableRow436051484";
 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":"NestedTableRow1925904929__root","firstLevel":"NestedTableRow1925904929__firstLevel","placeholder":"NestedTableRow1925904929__placeholder","parentHovered":"NestedTableRow1925904929__parentHovered"};
+export var classes = {"root":"NestedTableRow436051484__root","firstLevel":"NestedTableRow436051484__firstLevel","placeholder":"NestedTableRow436051484__placeholder","parentHovered":"NestedTableRow436051484__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_ = "MultipleDragOverlayEffect1460735402";
+var _namespace_ = "MultipleDragOverlayEffect3044415707";
 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":"MultipleDragOverlayEffect1460735402__root"};
+export var classes = {"root":"MultipleDragOverlayEffect3044415707__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_ = "NestedTableDragAndDropRow2886594640";
+var _namespace_ = "NestedTableDragAndDropRow1783572624";
 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":"NestedTableDragAndDropRow2886594640__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1783572624__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_ = "PickerContent1042923013";
+var _namespace_ = "PickerContent1132571777";
 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":"PickerContent1042923013__root"};
+export var classes = {"root":"PickerContent1132571777__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_ = "PickerContentAdditionalStep562808201";
+var _namespace_ = "PickerContentAdditionalStep3609243461";
 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":"PickerContentAdditionalStep562808201__root","titles":"PickerContentAdditionalStep562808201__titles","suffix":"PickerContentAdditionalStep562808201__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3609243461__root","titles":"PickerContentAdditionalStep3609243461__titles","suffix":"PickerContentAdditionalStep3609243461__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_ = "PickerTableListItem3697136871";
+var _namespace_ = "PickerTableListItem3396677433";
 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":"PickerTableListItem3697136871__root"};
+export var classes = {"root":"PickerTableListItem3396677433__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_ = "ScrollableContent929363441";
+var _namespace_ = "ScrollableContent2531331019";
 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":"ScrollableContent929363441__root"};
+export var classes = {"root":"ScrollableContent2531331019__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_ = "SetupWidget2182217761";
+var _namespace_ = "SetupWidget3264443714";
 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":"SetupWidget2182217761__root","row":"SetupWidget2182217761__row","completedCta":"SetupWidget2182217761__completedCta","secondaryCta":"SetupWidget2182217761__secondaryCta","card":"SetupWidget2182217761__card","stepIcon":"SetupWidget2182217761__stepIcon","chevron":"SetupWidget2182217761__chevron","chevronDisabled":"SetupWidget2182217761__chevronDisabled","inProgressLabel":"SetupWidget2182217761__inProgressLabel"};
+export var classes = {"root":"SetupWidget3264443714__root","row":"SetupWidget3264443714__row","completedCta":"SetupWidget3264443714__completedCta","secondaryCta":"SetupWidget3264443714__secondaryCta","card":"SetupWidget3264443714__card","stepIcon":"SetupWidget3264443714__stepIcon","chevron":"SetupWidget3264443714__chevron","chevronDisabled":"SetupWidget3264443714__chevronDisabled","inProgressLabel":"SetupWidget3264443714__inProgressLabel"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard2420811157";
+var _namespace_ = "SkeletonCard1698790681";
 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":"SkeletonCard2420811157__root","headerLoading":"SkeletonCard2420811157__headerLoading"};
+export var classes = {"root":"SkeletonCard1698790681__root","headerLoading":"SkeletonCard1698790681__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SlidingModal2306787096";
+var _namespace_ = "SlidingModal1192996305";
 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":"SlidingModal2306787096__root"};
+export var classes = {"root":"SlidingModal1192996305__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TabTotal/TabTotalCounterBadge.tsx

@@ -11,7 +11,16 @@ import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 export interface TabCounterBadgeProps<V, T, F extends FiltersMap>
   extends UseFilterValueTotalStateParams<V, T, F>,
-    Partial<CounterBadgeProps> {}
+    Omit<Partial<CounterBadgeProps>, 'skin'> {
+  /**
+   * Badge skin. Pass a function to pick the skin from the total, for example to
+   * keep a tab neutral while its total is `0`.
+   * @external
+   */
+  readonly skin?:
+    | CounterBadgeProps['skin']
+    | ((total: number) => CounterBadgeProps['skin']);
+}
 
 function _TabCounterBadge<V, T = unknown, F extends FiltersMap = FiltersMap>(
   props: TabCounterBadgeProps<V, T, F>,
@@ -21,15 +30,15 @@ function _TabCounterBadge<V, T = unknown, F extends FiltersMap = FiltersMap>(
   const defaultSize = isHarmonyTheme ? 'tiny' : 'small';
 
   const { value, skin = defaultSkin, size = defaultSize, ...rest } = props;
-  const state = useFilterValueTotalState(props);
-
-  const {
-    totalsCollection: { totalStatus, total, lifecycleState },
-  } = state;
+  const { resolvedTotal } = useFilterValueTotalState(props);
 
-  return totalStatus === 'success' && lifecycleState === 'result' ? (
-    <CounterBadge size={size} skin={skin} {...rest}>
-      {total}
+  return resolvedTotal != null ? (
+    <CounterBadge
+      size={size}
+      skin={typeof skin === 'function' ? skin(resolvedTotal) : skin}
+      {...rest}
+    >
+      {resolvedTotal}
     </CounterBadge>
   ) : null;
 }

package/src/components/TabTotal/useFilterValueTotalState.ts

@@ -1,8 +1,9 @@
 import { useFilterContext } from '../FilterContext';
 import { useCollectionContext } from '../CollectionContext';
-import { useEffect, useState } from 'react';
+import { useContext, useEffect, useState } from 'react';
 import { FilterValueTotalState } from '../../state';
 import { CollectionOptimisticActions, FiltersMap } from '@wix/bex-core';
+import { ToolbarCollectionContext } from '../ToolbarCollectionContext';
 
 export interface UseFilterValueTotalStateParams<V, T, F extends FiltersMap> {
   /**
@@ -36,12 +37,22 @@ export function useFilterValueTotalState<V, T, F extends FiltersMap>({
       }),
   );
 
+  const table = useContext(ToolbarCollectionContext);
+  const key = value == null ? undefined : filter.itemKey(value);
+
   useEffect(() => state.init(), []);
   useEffect(() => {
     if (value !== state.value) {
       state.refresh(value);
     }
   }, [value]);
+  useEffect(
+    () =>
+      key != null
+        ? table?.tabs?.registerTabTotal(filter, key, state)
+        : undefined,
+    [table, key],
+  );
 
   return state;
 }