@wix/patterns 1.438.0 → 1.439.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2843952051";
+var _namespace_ = "View338213561";
 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":"View2843952051__root","textView":"View2843952051__textView","urlText":"View2843952051__urlText","suffix":"View2843952051__suffix"};
+export var classes = {"root":"View338213561__root","textView":"View338213561__textView","urlText":"View338213561__urlText","suffix":"View338213561__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_ = "EmptyStateBase3827957578";
+var _namespace_ = "EmptyStateBase297053964";
 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":"EmptyStateBase3827957578__root"};
+export var classes = {"root":"EmptyStateBase297053964__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_ = "EntityPagePlain3524544437";
+var _namespace_ = "EntityPagePlain3111665307";
 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":"EntityPagePlain3524544437__root"};
+export var classes = {"root":"EntityPagePlain3111665307__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_ = "Fade4041425303";
+var _namespace_ = "Fade3551598244";
 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":"Fade4041425303__root"};
+export var classes = {"root":"Fade3551598244__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_ = "Heading2959663805";
+var _namespace_ = "Heading1298458225";
 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":"Heading2959663805__root"};
+export var classes = {"root":"Heading1298458225__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_ = "ImportStepUpload4192638496";
+var _namespace_ = "ImportStepUpload1306831329";
 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":"ImportStepUpload4192638496__root","fileUpload":"ImportStepUpload4192638496__fileUpload"};
+export var classes = {"root":"ImportStepUpload1306831329__root","fileUpload":"ImportStepUpload1306831329__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_ = "InputOverflow2262845997";
+var _namespace_ = "InputOverflow3299400905";
 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":"InputOverflow2262845997__root"};
+export var classes = {"root":"InputOverflow3299400905__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_ = "LoadingRow2081305249";
+var _namespace_ = "LoadingRow3346218011";
 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":"LoadingRow2081305249__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2081305249__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3346218011__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3346218011__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_ = "MaxHeightText2867209384";
+var _namespace_ = "MaxHeightText145854489";
 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":"MaxHeightText2867209384__root"};
+export var classes = {"root":"MaxHeightText145854489__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_ = "MaxLines4181318915";
+var _namespace_ = "MaxLines1975309134";
 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":"MaxLines4181318915__root"};
+export var classes = {"root":"MaxLines1975309134__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_ = "MultiBulkActionToolbar3837315458";
+var _namespace_ = "MultiBulkActionToolbar2856989577";
 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":"MultiBulkActionToolbar3837315458__root","leftGroupWrapper":"MultiBulkActionToolbar3837315458__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3837315458__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3837315458__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar2856989577__root","leftGroupWrapper":"MultiBulkActionToolbar2856989577__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2856989577__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2856989577__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_ = "NestedTablePlaceholderStatesRow3880183558";
+var _namespace_ = "NestedTablePlaceholderStatesRow2801403390";
 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":"NestedTablePlaceholderStatesRow3880183558__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2801403390__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_ = "NestedTableRow4032185650";
+var _namespace_ = "NestedTableRow2574809310";
 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":"NestedTableRow4032185650__root","firstLevel":"NestedTableRow4032185650__firstLevel","placeholder":"NestedTableRow4032185650__placeholder","parentHovered":"NestedTableRow4032185650__parentHovered"};
+export var classes = {"root":"NestedTableRow2574809310__root","firstLevel":"NestedTableRow2574809310__firstLevel","placeholder":"NestedTableRow2574809310__placeholder","parentHovered":"NestedTableRow2574809310__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_ = "MultipleDragOverlayEffect1165270204";
+var _namespace_ = "MultipleDragOverlayEffect1063327707";
 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":"MultipleDragOverlayEffect1165270204__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1063327707__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_ = "NestedTableDragAndDropRow3178503355";
+var _namespace_ = "NestedTableDragAndDropRow3382867854";
 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":"NestedTableDragAndDropRow3178503355__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3382867854__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_ = "PickerContent930151585";
+var _namespace_ = "PickerContent1791181332";
 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":"PickerContent930151585__root"};
+export var classes = {"root":"PickerContent1791181332__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_ = "PickerContentAdditionalStep1693186447";
+var _namespace_ = "PickerContentAdditionalStep3542605584";
 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":"PickerContentAdditionalStep1693186447__root","titles":"PickerContentAdditionalStep1693186447__titles","suffix":"PickerContentAdditionalStep1693186447__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3542605584__root","titles":"PickerContentAdditionalStep3542605584__titles","suffix":"PickerContentAdditionalStep3542605584__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_ = "PickerTableListItem3497975178";
+var _namespace_ = "PickerTableListItem2441983769";
 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":"PickerTableListItem3497975178__root"};
+export var classes = {"root":"PickerTableListItem2441983769__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SchemaSource/schemaFieldManagement.ts

@@ -109,7 +109,7 @@ export const schemaFieldManagement = (
     editField: async (fieldId, draft) => {
       const fields = await sourceState.fieldActions?.editField?.(
         fieldId,
-        { displayName: draft.name },
+        { displayName: draft.name, isPii: draft.containsPii },
         draft.settings,
       );
       if (fields) {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent736114623";
+var _namespace_ = "ScrollableContent2337920267";
 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":"ScrollableContent736114623__root"};
+export var classes = {"root":"ScrollableContent2337920267__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_ = "SetupWidget1282089645";
+var _namespace_ = "SetupWidget3308182246";
 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":"SetupWidget1282089645__root","row":"SetupWidget1282089645__row","completedCta":"SetupWidget1282089645__completedCta","card":"SetupWidget1282089645__card","stepIcon":"SetupWidget1282089645__stepIcon","chevron":"SetupWidget1282089645__chevron","chevronDisabled":"SetupWidget1282089645__chevronDisabled","inProgressLabel":"SetupWidget1282089645__inProgressLabel"};
+export var classes = {"root":"SetupWidget3308182246__root","row":"SetupWidget3308182246__row","completedCta":"SetupWidget3308182246__completedCta","card":"SetupWidget3308182246__card","stepIcon":"SetupWidget3308182246__stepIcon","chevron":"SetupWidget3308182246__chevron","chevronDisabled":"SetupWidget3308182246__chevronDisabled","inProgressLabel":"SetupWidget3308182246__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_ = "SkeletonCard304981479";
+var _namespace_ = "SkeletonCard969420999";
 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":"SkeletonCard304981479__root","headerLoading":"SkeletonCard304981479__headerLoading"};
+export var classes = {"root":"SkeletonCard969420999__root","headerLoading":"SkeletonCard969420999__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_ = "SlidingModal1492185790";
+var _namespace_ = "SlidingModal2205962126";
 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":"SlidingModal1492185790__root"};
+export var classes = {"root":"SlidingModal2205962126__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Table/AddFieldColumnHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AddFieldColumnHeader1736342762";
+var _namespace_ = "AddFieldColumnHeader1135780333";
 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":"AddFieldColumnHeader1736342762__root","title":"AddFieldColumnHeader1736342762__title","hoverBridge":"AddFieldColumnHeader1736342762__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader1135780333__root","title":"AddFieldColumnHeader1135780333__title","hoverBridge":"AddFieldColumnHeader1135780333__hoverBridge"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter261584330";
+var _namespace_ = "TabsFilter4286792124";
 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":"TabsFilter261584330__root","title":"TabsFilter261584330__title"};
+export var classes = {"root":"TabsFilter4286792124__root","title":"TabsFilter4286792124__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal1286226300";
+var _namespace_ = "ManageTagsModal1604149467";
 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":"ManageTagsModal1286226300__root"};
+export var classes = {"root":"ManageTagsModal1604149467__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common3516106445";
+var _namespace_ = "common1967001566";
 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":"common3516106445__root","column":"common3516106445__column","fullHeight":"common3516106445__fullHeight"};
+export var classes = {"root":"common1967001566__root","column":"common1967001566__column","fullHeight":"common1967001566__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

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

package/src/state/ExtensionMenuItemsState.ts

@@ -1,6 +1,7 @@
 import { ReactElement, createElement } from 'react';
 import { WixPatternsContainer, HostContainerExtension } from '@wix/bex-core';
 import { computed, makeObservable } from 'mobx';
+import { BM_HARMONY_THEME_EXPERIMENT } from '../hooks/useBmHarmonyTheme';
 import { ExtensionsState } from './ExtensionsState';
 
 export interface ExtensionMenuItemsStateParams {
@@ -32,11 +33,16 @@ export class ExtensionMenuItemsState {
   }
 
   get menuItems(): ExtensionMenuItem[] {
+    const useSmallIcon = this._extensionsState._container.experiments.enabled(
+      BM_HARMONY_THEME_EXPERIMENT,
+    );
+
     return this._extensionsState.items
       .filter((item): item is Required<HostContainerExtension> => {
         return Boolean(
           item.title &&
             item.menuItem?.IconComponent &&
+            item.menuItem?.IconSmallComponent &&
             item.menuItem?.structuredAction,
         );
       })
@@ -44,13 +50,14 @@ export class ExtensionMenuItemsState {
         const {
           componentId,
           appId,
-          menuItem: { IconComponent, structuredAction },
+          menuItem: { IconComponent, IconSmallComponent, structuredAction },
         } = extension;
+        const Icon = useSmallIcon ? IconSmallComponent : IconComponent;
 
         return {
           biName: extension.title || `menu-item-extension-${componentId}`, // extension.title was requested explicitly by BI, it's not a mistake
           dataHook: `menu-item-extension-${componentId}`,
-          prefixIcon: IconComponent && createElement(IconComponent),
+          prefixIcon: Icon && createElement(Icon),
           text: extension.title,
           onClick: structuredAction,
           appId,

package/src/state/FormPage/FormPageHeader.st.css.ts

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

package/src/state/TagsCollectionState.ts

@@ -8,7 +8,7 @@ import {
   TaskState,
 } from '@wix/bex-core';
 import { TagsAssignButton } from '../components/TagsAssignButton';
-import { CollectionManageTagsModal } from '../components/Tags/ManageTags/CollectionManageTagsModal';
+import React from 'react';
 import { TagsColumnConfig } from '../components/Tags/types';
 import { ToolbarCollectionState } from './ToolbarCollectionState';
 import { buildTagsColumn } from '../components/TagsColumn/TagsColumn';
@@ -83,7 +83,11 @@ export class TagsCollectionState<T, F extends FiltersMap> {
 
     this.components = {
       AssignButton: TagsAssignButton,
-      ManageModal: CollectionManageTagsModal,
+      ManageModal: React.lazy(() =>
+        import(
+          '../components/Tags/ManageTags/CollectionManageTagsModal'
+        ).then((m) => ({ default: m.CollectionManageTagsModal })),
+      ),
       CollectionToolbarFilters,
     };