@wix/patterns 1.446.0 → 1.448.0

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

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

package/src/components/FormPage/FormPageActionsBar.tsx

@@ -1,5 +1,5 @@
 import { Box, Button, Loader } from '@wix/design-system';
-import React from 'react';
+import React, { ReactNode } from 'react';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useFormPageContext } from '../../providers';
 import { observer } from 'mobx-react-lite';
@@ -9,6 +9,7 @@ import { useIsMobile } from '../../hooks/useIsMobile';
 import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 export interface FormPageActionsBarProps {
+  deleteAction?: ReactNode;
   moreActions?: MoreActionsElement;
   onCancel?: () => void;
   onSave?: () => void;
@@ -16,6 +17,7 @@ export interface FormPageActionsBarProps {
 }
 
 export function _FormPageActionsBar({
+  deleteAction,
   moreActions,
   onCancel,
   onSave,
@@ -32,6 +34,7 @@ export function _FormPageActionsBar({
 
   return (
     <Box gap="SP2">
+      {deleteAction}
       {isMobile ? undefined : moreActions}
       <Button
         priority="secondary"

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading2491838071";
+var _namespace_ = "Heading4157349532";
 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":"Heading2491838071__root"};
+export var classes = {"root":"Heading4157349532__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_ = "ImportStepUpload2976789225";
+var _namespace_ = "ImportStepUpload2412524095";
 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":"ImportStepUpload2976789225__root","fileUpload":"ImportStepUpload2976789225__fileUpload"};
+export var classes = {"root":"ImportStepUpload2412524095__root","fileUpload":"ImportStepUpload2412524095__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_ = "InputOverflow1255096655";
+var _namespace_ = "InputOverflow3047815737";
 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":"InputOverflow1255096655__root"};
+export var classes = {"root":"InputOverflow3047815737__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_ = "LoadingRow1595536176";
+var _namespace_ = "LoadingRow341580875";
 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":"LoadingRow1595536176__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1595536176__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow341580875__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow341580875__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_ = "MaxHeightText3926941562";
+var _namespace_ = "MaxHeightText173816493";
 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":"MaxHeightText3926941562__root"};
+export var classes = {"root":"MaxHeightText173816493__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_ = "MaxLines396791620";
+var _namespace_ = "MaxLines2999672862";
 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":"MaxLines396791620__root"};
+export var classes = {"root":"MaxLines2999672862__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_ = "MultiBulkActionToolbar402961466";
+var _namespace_ = "MultiBulkActionToolbar2726287797";
 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":"MultiBulkActionToolbar402961466__root","leftGroupWrapper":"MultiBulkActionToolbar402961466__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar402961466__selectedCountItem","selectedCountText":"MultiBulkActionToolbar402961466__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar2726287797__root","leftGroupWrapper":"MultiBulkActionToolbar2726287797__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2726287797__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2726287797__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_ = "NestedTablePlaceholderStatesRow2094836156";
+var _namespace_ = "NestedTablePlaceholderStatesRow1317184787";
 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":"NestedTablePlaceholderStatesRow2094836156__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1317184787__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -1,7 +1,13 @@
+@property st-global(--wds-space-300);
+@property st-global(--wds-table-list-item-fill-hover);
+@property st-global(--wds-color-border-standard-primary-active);
+@property st-global(--wsr-color-B50);
+@property st-global(--wsr-color-B10);
+
 .firstLevel td {
   /* important! until moving NestedTableRow.st.css to WSR */
-  padding-top: 18px !important;
-  padding-bottom: 18px !important;
+  padding-top: var(--wds-space-300, 18px) !important;
+  padding-bottom: var(--wds-space-300, 18px) !important;
 }
 
 .root {
@@ -9,7 +15,10 @@
 }
 
 .root:hover {
-  background-color: #E7F0FF !important;
+  background-color: var(
+    --wds-table-list-item-fill-hover,
+    var(--wsr-color-B50, #e7f0ff)
+  ) !important;
 }
 
 .root:expandable {
@@ -21,6 +30,7 @@
   width: 100%;
 }
 
+/* prettier-ignore */
 .root:hover td:first-of-type::before,
 .parentHovered td:first-of-type::before {
   content: '';
@@ -29,5 +39,5 @@
   bottom: 0;
   left: 0;
   width: 2px;
-  background-color: #5999FF;
+  background-color: var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF));
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow822259815";
+var _namespace_ = "NestedTableRow3387766753";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableRow822259815__root","firstLevel":"NestedTableRow822259815__firstLevel","placeholder":"NestedTableRow822259815__placeholder","parentHovered":"NestedTableRow822259815__parentHovered"};
+export var classes = {"root":"NestedTableRow3387766753__root","firstLevel":"NestedTableRow3387766753__firstLevel","placeholder":"NestedTableRow3387766753__placeholder","parentHovered":"NestedTableRow3387766753__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {}; 
+export var vars = {"wds-space-300":"--wds-space-300","wds-table-list-item-fill-hover":"--wds-table-list-item-fill-hover","wds-color-border-standard-primary-active":"--wds-color-border-standard-primary-active","wsr-color-B50":"--wsr-color-B50","wsr-color-B10":"--wsr-color-B10"}; 
 
 
 

package/src/components/NestedTable/NestedTableRow.tsx

@@ -74,10 +74,7 @@ const _NestedTableRow = forwardRef(
             ? classes.firstLevel
             : undefined,
           dataTableRowSt(dataTableRowClasses.root, {
-            skin:
-              item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels
-                ? 'neutral'
-                : 'light',
+            skin: 'light',
           }),
           className,
         )}

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

@@ -1,12 +1,21 @@
-/*@st-import [shadow20] from "@wix/wix-design-system/src/Foundation/stylable/shadows.st.css";*/
-/*@st-import [D80] from "@wix/wix-design-system/src/Foundation/stylable/colors.st.css";*/
+@property st-global(--wds-color-fill-surface-overlay);
+@property st-global(--wds-shadow-surface-overlay);
+@property st-global(--wsr-color-D80);
+@property st-global(--wsr-shadow20);
 
 .root {
   position: absolute;
   transform: translate(6px, 6px);
-  /*background-color: value(D80);*/
-  background-color: #ffffff;
-  /*box-shadow: value(shadow20);*/
-  box-shadow: 0 2px 4px 0 rgba(0, 6, 36, 0.12),
-    0 0 6px 0 rgba(0, 6, 36, 0.12);
+  background-color: var(
+    --wds-color-fill-surface-overlay,
+    var(--wsr-color-D80, #ffffff)
+  );
+  box-shadow: var(
+    --wds-shadow-surface-overlay,
+    var(
+      --wsr-shadow20,
+      0 2px 4px 0 rgba(22, 45, 61, 0.12),
+      0 0 6px 0 rgba(22, 45, 61, 0.12)
+    )
+  );
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect2886295854";
+var _namespace_ = "MultipleDragOverlayEffect4030766872";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultipleDragOverlayEffect2886295854__root"};
+export var classes = {"root":"MultipleDragOverlayEffect4030766872__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {}; 
+export var vars = {"wds-color-fill-surface-overlay":"--wds-color-fill-surface-overlay","wds-shadow-surface-overlay":"--wds-shadow-surface-overlay","wsr-color-D80":"--wsr-color-D80","wsr-shadow20":"--wsr-shadow20"}; 
 
 
 

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

@@ -1,7 +1,11 @@
+@property st-global(--wds-table-list-item-fill-hover);
+@property st-global(--wsr-color-B50);
+
 .root {
   -st-states: draggingInto;
 }
 
+/* prettier-ignore */
 .root:draggingInto td {
-  background-color: #E7F0FF !important;
+  background-color: var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF)) !important;
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow4086293915";
+var _namespace_ = "NestedTableDragAndDropRow1938450215";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableDragAndDropRow4086293915__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1938450215__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {}; 
+export var vars = {"wds-table-list-item-fill-hover":"--wds-table-list-item-fill-hover","wsr-color-B50":"--wsr-color-B50"}; 
 
 
 

package/src/components/NestedTableDragAndDrop/NestedTableDragHandle.tsx

@@ -22,8 +22,10 @@ export function NestedTableDragHandle<
   return (
     <Box
       direction="vertical"
-      paddingInlineStart="6px"
-      paddingInlineEnd="6px"
+      // physical props instead of paddingInline*: Box resolves SP tokens only
+      // for these, and RTL is irrelevant with equal padding on both sides
+      paddingLeft="SP1"
+      paddingRight="SP1"
       dataHook="drag-handle"
     >
       <DragHandle id={originalKeyedItem.key} />

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent3531268449";
+var _namespace_ = "PickerContent1207852199";
 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":"PickerContent3531268449__root"};
+export var classes = {"root":"PickerContent1207852199__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_ = "PickerContentAdditionalStep3632670883";
+var _namespace_ = "PickerContentAdditionalStep3295160460";
 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":"PickerContentAdditionalStep3632670883__root","titles":"PickerContentAdditionalStep3632670883__titles","suffix":"PickerContentAdditionalStep3632670883__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3295160460__root","titles":"PickerContentAdditionalStep3295160460__titles","suffix":"PickerContentAdditionalStep3295160460__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_ = "PickerTableListItem3728010085";
+var _namespace_ = "PickerTableListItem2371250403";
 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":"PickerTableListItem3728010085__root"};
+export var classes = {"root":"PickerTableListItem2371250403__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/QuerySearch.tsx

@@ -3,6 +3,7 @@ import { Search, SearchProps } from '@wix/design-system';
 import React, { CSSProperties } from 'react';
 import { Filter } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useBmHarmonyTheme } from '../hooks/useBmHarmonyTheme';
 
 export interface QuerySearchProps extends Partial<SearchProps> {
   visibility?: CSSProperties['visibility'];
@@ -15,10 +16,12 @@ export const QuerySearch = observer(function QuerySearch({
   ...rest
 }: QuerySearchProps) {
   const { translate: t } = useWixPatternsContainer();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   return (
     <Search
       dataHook="collection-search"
+      border={isBmHarmonyTheme ? 'standard' : undefined}
       debounceMs={300}
       onChange={(e) => {
         const value = e.target.value;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent1373143193";
+var _namespace_ = "ScrollableContent4182818010";
 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":"ScrollableContent1373143193__root"};
+export var classes = {"root":"ScrollableContent4182818010__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_ = "SetupWidget3665684925";
+var _namespace_ = "SetupWidget799516824";
 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":"SetupWidget3665684925__root","row":"SetupWidget3665684925__row","completedCta":"SetupWidget3665684925__completedCta","secondaryCta":"SetupWidget3665684925__secondaryCta","card":"SetupWidget3665684925__card","stepIcon":"SetupWidget3665684925__stepIcon","chevron":"SetupWidget3665684925__chevron","chevronDisabled":"SetupWidget3665684925__chevronDisabled","inProgressLabel":"SetupWidget3665684925__inProgressLabel"};
+export var classes = {"root":"SetupWidget799516824__root","row":"SetupWidget799516824__row","completedCta":"SetupWidget799516824__completedCta","secondaryCta":"SetupWidget799516824__secondaryCta","card":"SetupWidget799516824__card","stepIcon":"SetupWidget799516824__stepIcon","chevron":"SetupWidget799516824__chevron","chevronDisabled":"SetupWidget799516824__chevronDisabled","inProgressLabel":"SetupWidget799516824__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_ = "SkeletonCard2218983688";
+var _namespace_ = "SkeletonCard571625231";
 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":"SkeletonCard2218983688__root","headerLoading":"SkeletonCard2218983688__headerLoading"};
+export var classes = {"root":"SkeletonCard571625231__root","headerLoading":"SkeletonCard571625231__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_ = "SlidingModal4019528586";
+var _namespace_ = "SlidingModal1418578916";
 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":"SlidingModal4019528586__root"};
+export var classes = {"root":"SlidingModal1418578916__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_ = "AddFieldColumnHeader861083648";
+var _namespace_ = "AddFieldColumnHeader1179865257";
 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":"AddFieldColumnHeader861083648__root","title":"AddFieldColumnHeader861083648__title","hoverBridge":"AddFieldColumnHeader861083648__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader1179865257__root","title":"AddFieldColumnHeader1179865257__title","hoverBridge":"AddFieldColumnHeader1179865257__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_ = "TabsFilter3516597653";
+var _namespace_ = "TabsFilter3593242826";
 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":"TabsFilter3516597653__root","title":"TabsFilter3516597653__title"};
+export var classes = {"root":"TabsFilter3593242826__root","title":"TabsFilter3593242826__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_ = "ManageTagsModal1232398320";
+var _namespace_ = "ManageTagsModal1381519493";
 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":"ManageTagsModal1232398320__root"};
+export var classes = {"root":"ManageTagsModal1381519493__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_ = "ToolbarItem2133146139";
+var _namespace_ = "ToolbarItem3283321930";
 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":"ToolbarItem2133146139__root"};
+export var classes = {"root":"ToolbarItem3283321930__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_ = "ToolbarItemBox577761350";
+var _namespace_ = "ToolbarItemBox382728702";
 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":"ToolbarItemBox577761350__root"};
+export var classes = {"root":"ToolbarItemBox382728702__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};