@wix/patterns 1.400.0 → 1.403.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2971770330";
+var _namespace_ = "View3357411424";
 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":"View2971770330__root","textView":"View2971770330__textView"};
+export var classes = {"root":"View3357411424__root","textView":"View3357411424__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_ = "Edit3264908364";
+var _namespace_ = "Edit1637913410";
 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":"Edit3264908364__root","jsonInput":"Edit3264908364__jsonInput"};
+export var classes = {"root":"Edit1637913410__root","jsonInput":"Edit1637913410__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_ = "View927340017";
+var _namespace_ = "View1423413791";
 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":"View927340017__root"};
+export var classes = {"root":"View1423413791__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/reference/Edit.tsx

@@ -206,6 +206,7 @@ function _ReferenceEditContent({
         loadMore={collection.fetchNextPageIfNeeded}
         fixedFooter={fixedFooter}
         onBlur={onCommit}
+        onOpenCollection={config?.onOpenCollection}
         autoOpen={!!editTrigger}
         inputRef={inputRef}
       />

package/src/components/EditableTable/cellTypes/reference/types.ts

@@ -26,4 +26,5 @@ export interface ReferenceTypeConfig {
     query: ComputedQuery,
   ) => Promise<{ items: ReferenceItem[]; total: number }>;
   renderFooter?: () => React.ReactNode;
+  onOpenCollection?: () => void;
 }

package/src/components/EditableTable/cellTypes/richContent/Edit.tsx

@@ -12,6 +12,8 @@ export const RichContentEdit: React.FC<CellEditProps<unknown>> = ({
   onCommit,
   // onCancel intentionally unused: Escape commits via RichContentEditor.onClose → editorEvents.publish().
   editTrigger,
+  columnId,
+  rowKey,
 }) => {
   const initialTypedKey =
     editTrigger &&
@@ -27,7 +29,7 @@ export const RichContentEdit: React.FC<CellEditProps<unknown>> = ({
   return (
     <>
       {/* Show cell view underneath while the modal is open */}
-      <RichContentView value={value} />
+      <RichContentView value={value} columnId={columnId} rowKey={rowKey} />
       <CellRichContentInput
         value={value}
         onChange={onChange as (v: RichContent | undefined) => void}

package/src/components/EditableTable/cellTypes/richText/Edit.tsx

@@ -12,6 +12,8 @@ export const RichTextEdit: React.FC<CellEditProps<string>> = ({
   onCommit,
   editTrigger,
   typeConfig,
+  columnId,
+  rowKey,
 }) => {
   const initialTypedKey =
     editTrigger &&
@@ -26,7 +28,7 @@ export const RichTextEdit: React.FC<CellEditProps<string>> = ({
   return (
     <>
       {/* Show plain-text view underneath while the popover is open */}
-      <RichTextView value={value} />
+      <RichTextView value={value} columnId={columnId} rowKey={rowKey} />
       <CellRichTextInput
         value={value}
         onChange={onChange}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1445534509";
+var _namespace_ = "Edit583565067";
 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":"Edit1445534509__root","selectInput":"Edit1445534509__selectInput"};
+export var classes = {"root":"Edit583565067__root","selectInput":"Edit583565067__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_ = "Edit387545583";
+var _namespace_ = "Edit1941275800";
 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":"Edit387545583__root","editWrapper":"Edit387545583__editWrapper","inputArea":"Edit387545583__inputArea"};
+export var classes = {"root":"Edit1941275800__root","editWrapper":"Edit1941275800__editWrapper","inputArea":"Edit1941275800__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_ = "View3434326033";
+var _namespace_ = "View2522794312";
 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":"View3434326033__root"};
+export var classes = {"root":"View2522794312__root"};
 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_ = "Edit73359157";
+var _namespace_ = "Edit2356949548";
 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":"Edit73359157__root","urlInput":"Edit73359157__urlInput"};
+export var classes = {"root":"Edit2356949548__root","urlInput":"Edit2356949548__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_ = "View282289240";
+var _namespace_ = "View2977590093";
 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":"View282289240__root","textView":"View282289240__textView","urlText":"View282289240__urlText","suffix":"View282289240__suffix"};
+export var classes = {"root":"View2977590093__root","textView":"View2977590093__textView","urlText":"View2977590093__urlText","suffix":"View2977590093__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/types.ts

@@ -4,6 +4,10 @@ export interface CellViewProps<V> {
   value: V;
   typeConfig?: unknown;
   validation?: ValidationRule[];
+  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */
+  columnId: string;
+  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */
+  rowKey: string;
 }
 
 export interface Focusable {
@@ -36,6 +40,10 @@ export interface CellEditProps<V> {
   editTrigger?: EditTrigger | null;
   /** Column-level validation rules. Edit components can derive UI behavior (e.g., maxLength blocking/tooltip) from these. */
   validation?: ValidationRule[];
+  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */
+  columnId: string;
+  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */
+  rowKey: string;
 }
 
 /**

package/src/components/EntityPage/EntityPagePlain.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain321935504";
+var _namespace_ = "EntityPagePlain1852884246";
 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":"EntityPagePlain321935504__root"};
+export var classes = {"root":"EntityPagePlain1852884246__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_ = "Fade2041376266";
+var _namespace_ = "Fade836314318";
 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":"Fade2041376266__root"};
+export var classes = {"root":"Fade836314318__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_ = "Heading1619305250";
+var _namespace_ = "Heading1110205473";
 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":"Heading1619305250__root"};
+export var classes = {"root":"Heading1110205473__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_ = "ImportStepUpload1844371787";
+var _namespace_ = "ImportStepUpload561245064";
 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":"ImportStepUpload1844371787__root","fileUpload":"ImportStepUpload1844371787__fileUpload"};
+export var classes = {"root":"ImportStepUpload561245064__root","fileUpload":"ImportStepUpload561245064__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_ = "InputOverflow3000138160";
+var _namespace_ = "InputOverflow2095058486";
 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":"InputOverflow3000138160__root"};
+export var classes = {"root":"InputOverflow2095058486__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_ = "LoadingRow4291427585";
+var _namespace_ = "LoadingRow27151542";
 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":"LoadingRow4291427585__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow4291427585__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow27151542__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow27151542__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_ = "MaxHeightText3744654020";
+var _namespace_ = "MaxHeightText1027689227";
 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":"MaxHeightText3744654020__root"};
+export var classes = {"root":"MaxHeightText1027689227__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_ = "MaxLines3093364337";
+var _namespace_ = "MaxLines3382631321";
 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":"MaxLines3093364337__root"};
+export var classes = {"root":"MaxLines3382631321__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_ = "MultiBulkActionToolbar1027073260";
+var _namespace_ = "MultiBulkActionToolbar361500702";
 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":"MultiBulkActionToolbar1027073260__root","leftGroupWrapper":"MultiBulkActionToolbar1027073260__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1027073260__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1027073260__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar361500702__root","leftGroupWrapper":"MultiBulkActionToolbar361500702__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar361500702__selectedCountItem","selectedCountText":"MultiBulkActionToolbar361500702__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_ = "NestedTablePlaceholderStatesRow3232269627";
+var _namespace_ = "NestedTablePlaceholderStatesRow553377234";
 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":"NestedTablePlaceholderStatesRow3232269627__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow553377234__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_ = "NestedTableRow3895434701";
+var _namespace_ = "NestedTableRow3585755523";
 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":"NestedTableRow3895434701__root","firstLevel":"NestedTableRow3895434701__firstLevel","placeholder":"NestedTableRow3895434701__placeholder","parentHovered":"NestedTableRow3895434701__parentHovered"};
+export var classes = {"root":"NestedTableRow3585755523__root","firstLevel":"NestedTableRow3585755523__firstLevel","placeholder":"NestedTableRow3585755523__placeholder","parentHovered":"NestedTableRow3585755523__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_ = "MultipleDragOverlayEffect3711464113";
+var _namespace_ = "MultipleDragOverlayEffect4034041113";
 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":"MultipleDragOverlayEffect3711464113__root"};
+export var classes = {"root":"MultipleDragOverlayEffect4034041113__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_ = "NestedTableDragAndDropRow2077179056";
+var _namespace_ = "NestedTableDragAndDropRow82694202";
 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":"NestedTableDragAndDropRow2077179056__root"};
+export var classes = {"root":"NestedTableDragAndDropRow82694202__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_ = "PickerContent1794417026";
+var _namespace_ = "PickerContent3906719728";
 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":"PickerContent1794417026__root"};
+export var classes = {"root":"PickerContent3906719728__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_ = "PickerContentAdditionalStep3421284098";
+var _namespace_ = "PickerContentAdditionalStep1165878217";
 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":"PickerContentAdditionalStep3421284098__root","titles":"PickerContentAdditionalStep3421284098__titles","suffix":"PickerContentAdditionalStep3421284098__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1165878217__root","titles":"PickerContentAdditionalStep1165878217__titles","suffix":"PickerContentAdditionalStep1165878217__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_ = "PickerTableListItem2257248414";
+var _namespace_ = "PickerTableListItem1020420000";
 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":"PickerTableListItem2257248414__root"};
+export var classes = {"root":"PickerTableListItem1020420000__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_ = "ScrollableContent1163934984";
+var _namespace_ = "ScrollableContent3983010382";
 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":"ScrollableContent1163934984__root"};
+export var classes = {"root":"ScrollableContent3983010382__root"};
 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_ = "SkeletonCard2786960491";
+var _namespace_ = "SkeletonCard1670406343";
 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":"SkeletonCard2786960491__root","headerLoading":"SkeletonCard2786960491__headerLoading"};
+export var classes = {"root":"SkeletonCard1670406343__root","headerLoading":"SkeletonCard1670406343__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_ = "SlidingModal1274415917";
+var _namespace_ = "SlidingModal470879679";
 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":"SlidingModal1274415917__root"};
+export var classes = {"root":"SlidingModal470879679__root"};
 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_ = "TabsFilter1099370968";
+var _namespace_ = "TabsFilter278983639";
 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":"TabsFilter1099370968__root","title":"TabsFilter1099370968__title"};
+export var classes = {"root":"TabsFilter278983639__root","title":"TabsFilter278983639__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_ = "ManageTagsModal348407161";
+var _namespace_ = "ManageTagsModal3976632832";
 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":"ManageTagsModal348407161__root"};
+export var classes = {"root":"ManageTagsModal3976632832__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_ = "ToolbarItem1576225003";
+var _namespace_ = "ToolbarItem2761750576";
 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":"ToolbarItem1576225003__root"};
+export var classes = {"root":"ToolbarItem2761750576__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};