@wix/patterns 1.432.0 → 1.433.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow214488386";
+var _namespace_ = "LoadingRow1504112851";
 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":"LoadingRow214488386__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow214488386__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1504112851__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1504112851__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_ = "MaxHeightText1460525093";
+var _namespace_ = "MaxHeightText3055850773";
 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":"MaxHeightText1460525093__root"};
+export var classes = {"root":"MaxHeightText3055850773__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_ = "MaxLines488704964";
+var _namespace_ = "MaxLines1849116077";
 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":"MaxLines488704964__root"};
+export var classes = {"root":"MaxLines1849116077__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_ = "MultiBulkActionToolbar402848319";
+var _namespace_ = "MultiBulkActionToolbar1481972970";
 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":"MultiBulkActionToolbar402848319__root","leftGroupWrapper":"MultiBulkActionToolbar402848319__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar402848319__selectedCountItem","selectedCountText":"MultiBulkActionToolbar402848319__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1481972970__root","leftGroupWrapper":"MultiBulkActionToolbar1481972970__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1481972970__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1481972970__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_ = "NestedTablePlaceholderStatesRow4105787451";
+var _namespace_ = "NestedTablePlaceholderStatesRow812840859";
 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":"NestedTablePlaceholderStatesRow4105787451__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow812840859__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_ = "NestedTableRow1122296152";
+var _namespace_ = "NestedTableRow2829227085";
 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":"NestedTableRow1122296152__root","firstLevel":"NestedTableRow1122296152__firstLevel","placeholder":"NestedTableRow1122296152__placeholder","parentHovered":"NestedTableRow1122296152__parentHovered"};
+export var classes = {"root":"NestedTableRow2829227085__root","firstLevel":"NestedTableRow2829227085__firstLevel","placeholder":"NestedTableRow2829227085__placeholder","parentHovered":"NestedTableRow2829227085__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_ = "MultipleDragOverlayEffect2427680455";
+var _namespace_ = "MultipleDragOverlayEffect900919034";
 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":"MultipleDragOverlayEffect2427680455__root"};
+export var classes = {"root":"MultipleDragOverlayEffect900919034__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_ = "NestedTableDragAndDropRow889009264";
+var _namespace_ = "NestedTableDragAndDropRow3774769656";
 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":"NestedTableDragAndDropRow889009264__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3774769656__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PageWrapper/PageWrapperBase.tsx

@@ -7,6 +7,7 @@ import {
 import { PageState, SidePanelWidth } from '@wix/bex-core';
 import { runInAction } from 'mobx';
 import { WixDesignSystemProvider } from '@wix/design-system';
+import { version as cairoVersion } from '../../version';
 
 export interface PageWrapperBaseProps {
   pageState?: PageState;
@@ -54,7 +55,7 @@ export function PageWrapperBase(props: PageWrapperBaseProps) {
   let child = (
     <PageContextProvider value={state}>
       <div
-        data-wix-patterns
+        data-wix-patterns={cairoVersion}
         style={rootStyle}
         data-hook="cairo-root-stacking"
         ref={(el) => {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent170665173";
+var _namespace_ = "PickerContent4220848037";
 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":"PickerContent170665173__root"};
+export var classes = {"root":"PickerContent4220848037__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_ = "PickerContentAdditionalStep1878984807";
+var _namespace_ = "PickerContentAdditionalStep205887611";
 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":"PickerContentAdditionalStep1878984807__root","titles":"PickerContentAdditionalStep1878984807__titles","suffix":"PickerContentAdditionalStep1878984807__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep205887611__root","titles":"PickerContentAdditionalStep205887611__titles","suffix":"PickerContentAdditionalStep205887611__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerModal/PickerModal.tsx

@@ -5,6 +5,7 @@ import { FiltersMap } from '@wix/bex-core';
 import { useReactive } from '@wix/bex-utils/react';
 import { PickerModalSplash } from '../PickerModalSplash';
 import { MultipleSelection } from '../MaxSelection';
+import { version as cairoVersion } from '../../version';
 
 export interface PickerModalProps<T, F extends FiltersMap = FiltersMap>
   extends Partial<CustomModalLayoutProps> {
@@ -116,7 +117,7 @@ export function PickerModal<T, F extends FiltersMap = FiltersMap>(
         isOpen={isModalOpen}
       >
         <div
-          data-wix-patterns
+          data-wix-patterns={cairoVersion}
           style={{ width, maxHeight: '100%', display: 'flex' }}
         >
           {child}

package/src/components/PickerStandalone/PickerStandalone.tsx

@@ -14,6 +14,7 @@ import { PickerListContent } from '../PickerListContent';
 import { PickerStandaloneTableListItem } from './PickerStandaloneTableListItem';
 import { observer } from 'mobx-react-lite';
 import { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';
+import { version as cairoVersion } from '../../version';
 
 export interface PickerStandaloneProps<T, F extends FiltersMap>
   extends Partial<PickerStandaloneLayoutProps<T, F>> {
@@ -134,7 +135,7 @@ export function _PickerStandalone<T, F extends FiltersMap = FiltersMap>(
   return (
     <CollectionProvider value={collection}>
       <MultiCollectionSupportProvider value={state.picker.multi}>
-        <div data-patterns>
+        <div data-wix-patterns={cairoVersion}>
           <Splash
             renderError={renderError}
             dataHook={dataHook}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem3454716548";
+var _namespace_ = "PickerTableListItem3188700452";
 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":"PickerTableListItem3454716548__root"};
+export var classes = {"root":"PickerTableListItem3188700452__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_ = "ScrollableContent947430149";
+var _namespace_ = "ScrollableContent3106237506";
 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":"ScrollableContent947430149__root"};
+export var classes = {"root":"ScrollableContent3106237506__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SetupWidget/SetupStepCard.tsx

@@ -1,6 +1,10 @@
 import React from 'react';
 import { Box, Text, Divider, Tooltip } from '@wix/design-system';
-import { ChevronRight, ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common/lazy';
+import {
+  ChevronRight,
+  ChevronDown,
+  ChevronUp,
+} from '@wix/wix-ui-icons-common/lazy';
 import { SetupWidgetStep } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { SetupStepIcon } from './SetupStepIcon';

package/src/components/SetupWidget/SetupStepIcon.tsx

@@ -1,6 +1,9 @@
 import React from 'react';
 import { Box } from '@wix/design-system';
-import { ConfirmSmall, CircleSmallFilledSmall } from '@wix/wix-ui-icons-common/lazy';
+import {
+  ConfirmSmall,
+  CircleSmallFilledSmall,
+} from '@wix/wix-ui-icons-common/lazy';
 import { SetupWidgetStepStatus } from '@wix/bex-core';
 
 /**

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget2654981828";
+var _namespace_ = "SetupWidget2832764723";
 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":"SetupWidget2654981828__root","row":"SetupWidget2654981828__row","completedCta":"SetupWidget2654981828__completedCta","card":"SetupWidget2654981828__card","stepIcon":"SetupWidget2654981828__stepIcon","chevron":"SetupWidget2654981828__chevron","chevronDisabled":"SetupWidget2654981828__chevronDisabled","inProgressLabel":"SetupWidget2654981828__inProgressLabel"};
+export var classes = {"root":"SetupWidget2832764723__root","row":"SetupWidget2832764723__row","completedCta":"SetupWidget2832764723__completedCta","card":"SetupWidget2832764723__card","stepIcon":"SetupWidget2832764723__stepIcon","chevron":"SetupWidget2832764723__chevron","chevronDisabled":"SetupWidget2832764723__chevronDisabled","inProgressLabel":"SetupWidget2832764723__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_ = "SkeletonCard1840186893";
+var _namespace_ = "SkeletonCard1542096506";
 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":"SkeletonCard1840186893__root","headerLoading":"SkeletonCard1840186893__headerLoading"};
+export var classes = {"root":"SkeletonCard1542096506__root","headerLoading":"SkeletonCard1542096506__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_ = "SlidingModal3053485234";
+var _namespace_ = "SlidingModal942360491";
 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":"SlidingModal3053485234__root"};
+export var classes = {"root":"SlidingModal942360491__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SlidingModal/SlidingModal.tsx

@@ -8,6 +8,7 @@ import React, {
 } from 'react';
 import { st, classes } from './SlidingModal.st.css.js';
 import { scopeTab } from './scopeTab';
+import { version as cairoVersion } from '../../version';
 
 export interface SlidingModalProps {
   dataHook?: string;
@@ -126,6 +127,7 @@ export function SlidingModal(props: SlidingModalProps) {
         contentRef?.(el);
       }}
       data-hook={dataHook}
+      data-wix-patterns={cairoVersion}
       data-transition-status={transitionStatus}
       className={st(
         classes.root,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AddFieldColumnHeader2380146996";
+var _namespace_ = "AddFieldColumnHeader448034550";
 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":"AddFieldColumnHeader2380146996__root","title":"AddFieldColumnHeader2380146996__title","hoverBridge":"AddFieldColumnHeader2380146996__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader448034550__root","title":"AddFieldColumnHeader448034550__title","hoverBridge":"AddFieldColumnHeader448034550__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_ = "TabsFilter773415960";
+var _namespace_ = "TabsFilter3678414365";
 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":"TabsFilter773415960__root","title":"TabsFilter773415960__title"};
+export var classes = {"root":"TabsFilter3678414365__root","title":"TabsFilter3678414365__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_ = "ManageTagsModal3581084668";
+var _namespace_ = "ManageTagsModal2727734484";
 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":"ManageTagsModal3581084668__root"};
+export var classes = {"root":"ManageTagsModal2727734484__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TagsAssignButton/TagsAssignButton.tsx

@@ -48,7 +48,6 @@ const _TagsAssignButton = () => {
               dataHook="tags-assign-button-disabled-tooltip"
             >
               <Button
-                skin="standard"
                 priority="secondary"
                 size="small"
                 ellipsis

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem236369946";
+var _namespace_ = "ToolbarItem4020054682";
 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":"ToolbarItem236369946__root"};
+export var classes = {"root":"ToolbarItem4020054682__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_ = "ToolbarItemBox2074326680";
+var _namespace_ = "ToolbarItemBox2514597951";
 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":"ToolbarItemBox2074326680__root"};
+export var classes = {"root":"ToolbarItemBox2514597951__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_ = "common3243586050";
+var _namespace_ = "common1215794069";
 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":"common3243586050__root","column":"common3243586050__column","fullHeight":"common3243586050__fullHeight"};
+export var classes = {"root":"common1215794069__root","column":"common1215794069__column","fullHeight":"common1215794069__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/hooks/useEditableTableCollection.ts

@@ -21,7 +21,7 @@ export type EditableTableCollectionConfig<
   T,
   F extends FiltersMap,
 > = CollectionConfigWithConditionals<T, F> & {
-  permissions?: EditableTablePermissions;
+  permissions?: EditableTablePermissions<T>;
   mutations: EditableTableMutationHandlers<T>;
   optimisticActionParams?: Partial<CollectionOptimisticActionsBaseParams<T, F>>;
   /**

package/src/schema/syncSourcePermissions.ts

@@ -1,4 +1,4 @@
-import { autorun, runInAction } from 'mobx';
+import { autorun } from 'mobx';
 import type { FiltersMap, SourceState } from '@wix/bex-core';
 import type { EditableTableState } from '../state/EditableTable';
 
@@ -6,7 +6,9 @@ import type { EditableTableState } from '../state/EditableTable';
  * Keeps an editable table's row-action flags in sync with its source: an action
  * is disabled when the source denies the permission (`schema.itemPermissions`)
  * OR the backend can't perform it (the write method is absent, e.g. a read-only
- * source). Reactive because the schema loads asynchronously. Returns a disposer.
+ * source). The source is the only permission input — schema-entry tables do not
+ * accept consumer-supplied permissions. Reactive because the schema loads
+ * asynchronously. Returns a disposer.
  */
 export function syncSourcePermissions<T, F extends FiltersMap>(
   state: EditableTableState<T, F>,
@@ -16,12 +18,19 @@ export function syncSourcePermissions<T, F extends FiltersMap>(
     const loaded = sourceState.loadedSchema;
     const perms = loaded?.schema.itemPermissions;
     const backend = loaded?.backend;
-    runInAction(() => {
-      state.addItemDisabled = !(perms?.createItem ?? true) || !backend?.create;
-      state.updateItemDisabled =
-        !(perms?.updateItem ?? true) || !backend?.update;
-      state.removeItemDisabled =
-        !(perms?.deleteItem ?? true) || !backend?.bulkDelete;
+
+    const isRemoveItemDisabled = perms?.isRemoveItemDisabled;
+
+    state.setPermissions({
+      addItemDisabled: !(perms?.createItem ?? true) || !backend?.create,
+      updateItemDisabled: !(perms?.updateItem ?? true) || !backend?.update,
+      removeItemDisabled: !(perms?.deleteItem ?? true) || !backend?.bulkDelete,
+      multiDeleteDisabled:
+        !(perms?.bulkDeleteItems ?? perms?.deleteItem ?? true) ||
+        !backend?.bulkDelete,
+      isRemoveItemDisabled: isRemoveItemDisabled
+        ? (item: T) => isRemoveItemDisabled(item as Record<string, unknown>)
+        : undefined,
     });
   });
 }

package/src/schema/useLayoutSwitchCollection.ts

@@ -29,9 +29,11 @@ export type SchemaLayoutSwitchCollectionOptions<
 > = SchemaCollectionOptions<T, F> & {
   table?: TableLayoutConfig;
   grid?: GridLayoutConfig;
+  // No `permissions` either: row-action permissions are source-driven
+  // (schema.itemPermissions + backend capabilities), not consumer-supplied.
   spreadsheet?: Omit<
     SpreadsheetLayoutConfig<T, F>,
-    'createOptimisticActions' | 'mutations'
+    'createOptimisticActions' | 'mutations' | 'permissions'
   >;
 };
 

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

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