@wix/patterns 1.460.0 → 1.462.0

package/src/components/EditableTable/useClipboardHandler.ts

@@ -16,12 +16,21 @@ export function useClipboardHandler<T, F extends FiltersMap>(
       if (cellInteraction.isEditing) {
         return;
       }
+      if (
+        state.cellValue.getActionableCells(
+          'copy',
+          cellInteraction.selectedCellsList,
+        ).length === 0
+      ) {
+        e.preventDefault();
+        return;
+      }
 
       e.preventDefault();
       const tsv = clipboard.copy();
       e.clipboardData?.setData('text/plain', tsv);
     },
-    [cellInteraction, clipboard],
+    [cellInteraction, clipboard, state],
   );
 
   const handleCut = useCallback(
@@ -35,6 +44,15 @@ export function useClipboardHandler<T, F extends FiltersMap>(
       if (state.updateItemDisabled) {
         return;
       }
+      if (
+        state.cellValue.getActionableCells(
+          'cut',
+          cellInteraction.selectedCellsList,
+        ).length === 0
+      ) {
+        e.preventDefault();
+        return;
+      }
 
       e.preventDefault();
       const tsv = clipboard.cut();
@@ -54,13 +72,18 @@ export function useClipboardHandler<T, F extends FiltersMap>(
       if (state.updateItemDisabled) {
         return;
       }
-
-      e.preventDefault();
-      const rawData = e.clipboardData?.getData('text/plain') ?? '';
-      if (!rawData) {
+      if (
+        state.cellValue.getCellActionDisabledTooltip(
+          'paste',
+          cellInteraction.focusedCell,
+        )
+      ) {
+        e.preventDefault();
         return;
       }
 
+      e.preventDefault();
+      const rawData = e.clipboardData?.getData('text/plain') ?? '';
       clipboard.paste(rawData);
     },
     [cellInteraction, clipboard, state],

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EmptyStateBase1449248783";
+var _namespace_ = "EmptyStateBase3418165835";
 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":"EmptyStateBase1449248783__root"};
+export var classes = {"root":"EmptyStateBase3418165835__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_ = "EntityPagePlain3912512155";
+var _namespace_ = "EntityPagePlain323960751";
 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":"EntityPagePlain3912512155__root"};
+export var classes = {"root":"EntityPagePlain323960751__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_ = "Fade1463839917";
+var _namespace_ = "Fade1956429818";
 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":"Fade1463839917__root"};
+export var classes = {"root":"Fade1956429818__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_ = "Heading3358978886";
+var _namespace_ = "Heading3238820002";
 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":"Heading3358978886__root"};
+export var classes = {"root":"Heading3238820002__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_ = "ImportStepUpload1969927437";
+var _namespace_ = "ImportStepUpload3773139056";
 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":"ImportStepUpload1969927437__root","fileUpload":"ImportStepUpload1969927437__fileUpload"};
+export var classes = {"root":"ImportStepUpload3773139056__root","fileUpload":"ImportStepUpload3773139056__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_ = "InputOverflow2487326275";
+var _namespace_ = "InputOverflow2108163204";
 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":"InputOverflow2487326275__root"};
+export var classes = {"root":"InputOverflow2108163204__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_ = "LoadingRow96673417";
+var _namespace_ = "LoadingRow1751324749";
 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":"LoadingRow96673417__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow96673417__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1751324749__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1751324749__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_ = "MaxHeightText513550668";
+var _namespace_ = "MaxHeightText2387914086";
 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":"MaxHeightText513550668__root"};
+export var classes = {"root":"MaxHeightText2387914086__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_ = "MaxLines2461406812";
+var _namespace_ = "MaxLines2905253173";
 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":"MaxLines2461406812__root"};
+export var classes = {"root":"MaxLines2905253173__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_ = "MultiBulkActionToolbar3253052524";
+var _namespace_ = "MultiBulkActionToolbar3896041689";
 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":"MultiBulkActionToolbar3253052524__root","leftGroupWrapper":"MultiBulkActionToolbar3253052524__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3253052524__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3253052524__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3896041689__root","leftGroupWrapper":"MultiBulkActionToolbar3896041689__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3896041689__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3896041689__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_ = "NestedTablePlaceholderStatesRow1951330977";
+var _namespace_ = "NestedTablePlaceholderStatesRow1814324768";
 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":"NestedTablePlaceholderStatesRow1951330977__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1814324768__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_ = "NestedTableRow1180789050";
+var _namespace_ = "NestedTableRow4072666037";
 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":"NestedTableRow1180789050__root","firstLevel":"NestedTableRow1180789050__firstLevel","placeholder":"NestedTableRow1180789050__placeholder","parentHovered":"NestedTableRow1180789050__parentHovered"};
+export var classes = {"root":"NestedTableRow4072666037__root","firstLevel":"NestedTableRow4072666037__firstLevel","placeholder":"NestedTableRow4072666037__placeholder","parentHovered":"NestedTableRow4072666037__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_ = "MultipleDragOverlayEffect3656926460";
+var _namespace_ = "MultipleDragOverlayEffect2746926945";
 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":"MultipleDragOverlayEffect3656926460__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2746926945__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_ = "NestedTableDragAndDropRow3015241783";
+var _namespace_ = "NestedTableDragAndDropRow3084401325";
 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":"NestedTableDragAndDropRow3015241783__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3084401325__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PageSubTitle/PageSubTitle.tsx

@@ -8,6 +8,7 @@ import { useSelector } from '../../useSelector';
 import { withoutDefaults } from '@wix/bex-core';
 import { cairoPageCtaClicked } from '@wix/bex-core/bi';
 import { useIsMobile } from '../../hooks/useIsMobile';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 /**
  * Props for the PageSubTitle component.
@@ -39,6 +40,18 @@ export const PageSubTitle = ({ text, learnMore }: PageSubTitleProps) => {
   useSelector(() => initTask.status);
 
   const isMobile = useIsMobile();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
+
+  // Page.Header sizes its own subtitle wrapper from
+  // `--wds-page-header-subtitle-font-size`, which Harmony maps to the `tiny`
+  // body tokens. The nested Text needs the same size or it keeps painting the
+  // 16px `medium` tokens over it.
+  const subtitleSize = isBmHarmonyTheme ? 'tiny' : 'medium';
+  const learnMoreSize = isBmHarmonyTheme
+    ? 'tiny'
+    : isMobile
+    ? 'small'
+    : 'medium';
 
   const learnMoreSuffix = learnMore ? (
     <TextButton
@@ -47,7 +60,7 @@ export const PageSubTitle = ({ text, learnMore }: PageSubTitleProps) => {
       rel="noopener"
       target="_blank"
       href={learnMore.url}
-      size={isMobile ? 'small' : 'medium'}
+      size={learnMoreSize}
       style={{ marginLeft: '6px' }}
       onClick={() => {
         bi?.reportBI(
@@ -71,8 +84,10 @@ export const PageSubTitle = ({ text, learnMore }: PageSubTitleProps) => {
       verticalAlign="bottom"
     >
       <Text
+        dataHook="page-subtitle-text"
         ellipsis
         secondary
+        size={subtitleSize}
         maxLines={2}
         suffix={learnMoreSuffix}
         tooltipProps={{

package/src/components/PageSubTitle/PageSubTitle.uni.driver.ts

@@ -11,6 +11,10 @@ export default function SubTitleUniDriver(base: UniDriver, body: UniDriver) {
     getText() {
       return base.$('[data-hook="page-subtitle"]').text();
     },
+    /** Returns the WDS text size the subtitle renders at */
+    getTextSize() {
+      return base.$('[data-hook="page-subtitle-text"]').attr('data-size');
+    },
     getLearnMoreLabel() {
       return getLearnMoreButton().getButtonTextContent();
     },

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent2485467371";
+var _namespace_ = "PickerContent2945350360";
 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":"PickerContent2485467371__root"};
+export var classes = {"root":"PickerContent2945350360__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_ = "PickerContentAdditionalStep2592055544";
+var _namespace_ = "PickerContentAdditionalStep764710578";
 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":"PickerContentAdditionalStep2592055544__root","titles":"PickerContentAdditionalStep2592055544__titles","suffix":"PickerContentAdditionalStep2592055544__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep764710578__root","titles":"PickerContentAdditionalStep764710578__titles","suffix":"PickerContentAdditionalStep764710578__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_ = "PickerTableListItem3977218348";
+var _namespace_ = "PickerTableListItem4046409728";
 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":"PickerTableListItem3977218348__root"};
+export var classes = {"root":"PickerTableListItem4046409728__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_ = "ScrollableContent2756177241";
+var _namespace_ = "ScrollableContent257427423";
 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":"ScrollableContent2756177241__root"};
+export var classes = {"root":"ScrollableContent257427423__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SettingsPage/SettingsPage.uni.driver.ts

@@ -10,6 +10,10 @@ export const SettingsPageUniDriver = (base: UniDriver, body: UniDriver) => {
     /** Returns page header driver */
     getPageHeader: () =>
       PageHeaderUniDriver(base.$(`[data-hook="settings-page-header"]`), body),
+
+    /** Returns the WDS heading size the page title renders at */
+    getTitleSize: () =>
+      base.$('[data-hook="form-page-header-title"]').attr('data-size'),
     ...formPageContentUniDriver,
     ...baseUniDriverFactory(base),
   };

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget3317736394";
+var _namespace_ = "SetupWidget255849986";
 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":"SetupWidget3317736394__root","row":"SetupWidget3317736394__row","completedCta":"SetupWidget3317736394__completedCta","secondaryCta":"SetupWidget3317736394__secondaryCta","card":"SetupWidget3317736394__card","stepIcon":"SetupWidget3317736394__stepIcon","chevron":"SetupWidget3317736394__chevron","chevronDisabled":"SetupWidget3317736394__chevronDisabled","inProgressLabel":"SetupWidget3317736394__inProgressLabel"};
+export var classes = {"root":"SetupWidget255849986__root","row":"SetupWidget255849986__row","completedCta":"SetupWidget255849986__completedCta","secondaryCta":"SetupWidget255849986__secondaryCta","card":"SetupWidget255849986__card","stepIcon":"SetupWidget255849986__stepIcon","chevron":"SetupWidget255849986__chevron","chevronDisabled":"SetupWidget255849986__chevronDisabled","inProgressLabel":"SetupWidget255849986__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_ = "SkeletonCard2783720785";
+var _namespace_ = "SkeletonCard2842798833";
 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":"SkeletonCard2783720785__root","headerLoading":"SkeletonCard2783720785__headerLoading"};
+export var classes = {"root":"SkeletonCard2842798833__root","headerLoading":"SkeletonCard2842798833__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_ = "SlidingModal3852966151";
+var _namespace_ = "SlidingModal3005563757";
 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":"SlidingModal3852966151__root"};
+export var classes = {"root":"SlidingModal3005563757__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_ = "AddFieldColumnHeader2071498074";
+var _namespace_ = "AddFieldColumnHeader2269731922";
 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":"AddFieldColumnHeader2071498074__root","title":"AddFieldColumnHeader2071498074__title","hoverBridge":"AddFieldColumnHeader2071498074__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader2269731922__root","title":"AddFieldColumnHeader2269731922__title","hoverBridge":"AddFieldColumnHeader2269731922__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_ = "TabsFilter2033073221";
+var _namespace_ = "TabsFilter4013180721";
 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":"TabsFilter2033073221__root","titleBox":"TabsFilter2033073221__titleBox"};
+export var classes = {"root":"TabsFilter4013180721__root","titleBox":"TabsFilter4013180721__titleBox"};
 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_ = "ManageTagsModal2807948720";
+var _namespace_ = "ManageTagsModal831681047";
 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":"ManageTagsModal2807948720__root"};
+export var classes = {"root":"ManageTagsModal831681047__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_ = "ToolbarItem1345866058";
+var _namespace_ = "ToolbarItem3984970641";
 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":"ToolbarItem1345866058__root"};
+export var classes = {"root":"ToolbarItem3984970641__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_ = "ToolbarItemBox4262591945";
+var _namespace_ = "ToolbarItemBox2813000421";
 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":"ToolbarItemBox4262591945__root"};
+export var classes = {"root":"ToolbarItemBox2813000421__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_ = "common1575155374";
+var _namespace_ = "common1879432617";
 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":"common1575155374__root","column":"common1575155374__column","fullHeight":"common1575155374__fullHeight"};
+export var classes = {"root":"common1879432617__root","column":"common1879432617__column","fullHeight":"common1879432617__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};