@wix/patterns 1.398.0 → 1.400.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1344500611";
+var _namespace_ = "Edit204895626";
 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":"Edit1344500611__root","dateInput":"Edit1344500611__dateInput"};
+export var classes = {"root":"Edit204895626__root","dateInput":"Edit204895626__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3075222500";
+var _namespace_ = "Edit4093384155";
 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":"Edit3075222500__root","emailInput":"Edit3075222500__emailInput"};
+export var classes = {"root":"Edit4093384155__root","emailInput":"Edit4093384155__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/EditableTable/cellTypes/mediaGallery/index.tsx

@@ -8,7 +8,7 @@ import { MediaGalleryView } from './View';
 const mediaGalleryEditFactory = () =>
   import(/* webpackChunkName: "EditableTableMediaGalleryEdit" */ './Edit');
 
-if (process.env.STORYBOOK_VISUAL_E2E !== 'true') {
+if (typeof process !== 'undefined' && process.env.STORYBOOK_VISUAL_E2E !== 'true') {
   mediaGalleryEditFactory();
 }
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3536348979";
+var _namespace_ = "Edit937210464";
 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":"Edit3536348979__root","numberInput":"Edit3536348979__numberInput"};
+export var classes = {"root":"Edit937210464__root","numberInput":"Edit937210464__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2457313708";
+var _namespace_ = "View2971770330";
 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":"View2457313708__root","textView":"View2457313708__textView"};
+export var classes = {"root":"View2971770330__root","textView":"View2971770330__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_ = "Edit2465111391";
+var _namespace_ = "Edit3264908364";
 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":"Edit2465111391__root","jsonInput":"Edit2465111391__jsonInput"};
+export var classes = {"root":"Edit3264908364__root","jsonInput":"Edit3264908364__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_ = "View284212069";
+var _namespace_ = "View927340017";
 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":"View284212069__root"};
+export var classes = {"root":"View927340017__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -13,7 +13,7 @@ import { RichContentView } from './View';
 const richContentEditFactory = () =>
   import(/* webpackChunkName: "EditableTableRichContentEdit" */ './Edit');
 
-if (process.env.STORYBOOK_VISUAL_E2E !== 'true') {
+if (typeof process !== 'undefined' && process.env.STORYBOOK_VISUAL_E2E !== 'true') {
   richContentEditFactory();
 }
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit4254165993";
+var _namespace_ = "Edit1445534509";
 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":"Edit4254165993__root","selectInput":"Edit4254165993__selectInput"};
+export var classes = {"root":"Edit1445534509__root","selectInput":"Edit1445534509__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_ = "Edit3758881888";
+var _namespace_ = "Edit387545583";
 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":"Edit3758881888__root","editWrapper":"Edit3758881888__editWrapper","inputArea":"Edit3758881888__inputArea"};
+export var classes = {"root":"Edit387545583__root","editWrapper":"Edit387545583__editWrapper","inputArea":"Edit387545583__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_ = "View2436563440";
+var _namespace_ = "View3434326033";
 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":"View2436563440__root"};
+export var classes = {"root":"View3434326033__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_ = "Edit361578883";
+var _namespace_ = "Edit73359157";
 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":"Edit361578883__root","urlInput":"Edit361578883__urlInput"};
+export var classes = {"root":"Edit73359157__root","urlInput":"Edit73359157__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_ = "View754937869";
+var _namespace_ = "View282289240";
 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":"View754937869__root","textView":"View754937869__textView","urlText":"View754937869__urlText","suffix":"View754937869__suffix"};
+export var classes = {"root":"View282289240__root","textView":"View282289240__textView","urlText":"View282289240__urlText","suffix":"View282289240__suffix"};
 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_ = "EntityPagePlain3536782552";
+var _namespace_ = "EntityPagePlain321935504";
 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":"EntityPagePlain3536782552__root"};
+export var classes = {"root":"EntityPagePlain321935504__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_ = "Fade2342122444";
+var _namespace_ = "Fade2041376266";
 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":"Fade2342122444__root"};
+export var classes = {"root":"Fade2041376266__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Grid/useGridItemActions.tsx

@@ -10,6 +10,7 @@ import {
   PopoverMenuItemProps,
 } from '@wix/design-system';
 import { More } from '@wix/wix-ui-icons-common';
+import { DisabledActionCellMenu } from '../ActionCell/DisabledActionCellMenu';
 import {
   createPrimaryActionCellPropsWithBI,
   createSecondaryActionCellPropWithBi,
@@ -88,7 +89,20 @@ export function useGridItemActions<T, F extends FiltersMap>(
     };
   }
 
-  if (
+  if (actions.secondaryMenuDisabled) {
+    settingsMenu = (
+      <DisabledActionCellMenu
+        dataHook="popover-icon-button-trigger-disabled"
+        tooltipContent={
+          actions.secondaryMenuDisabledTooltip ??
+          actionCell.gridState.container.translate('cairo.disabled')
+        }
+        size="small"
+        skin={actionCell.imagePlacement === 'top' ? 'light' : 'standard'}
+        ariaLabel={actionCell.gridState.container.translate('cairo.moreActions')}
+      />
+    );
+  } else if (
     secondaryActionCellPropsWithBI &&
     secondaryActionCellPropsWithBI.length > 0
   ) {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading2784564374";
+var _namespace_ = "Heading1619305250";
 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":"Heading2784564374__root"};
+export var classes = {"root":"Heading1619305250__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_ = "ImportStepUpload3169120808";
+var _namespace_ = "ImportStepUpload1844371787";
 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":"ImportStepUpload3169120808__root","fileUpload":"ImportStepUpload3169120808__fileUpload"};
+export var classes = {"root":"ImportStepUpload1844371787__root","fileUpload":"ImportStepUpload1844371787__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_ = "InputOverflow3964013168";
+var _namespace_ = "InputOverflow3000138160";
 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":"InputOverflow3964013168__root"};
+export var classes = {"root":"InputOverflow3000138160__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Kanban/useCardActions.tsx

@@ -11,6 +11,7 @@ import {
 } from '@wix/design-system';
 import { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';
 import { MoreSmall } from '@wix/wix-ui-icons-common';
+import { DisabledActionCellMenu } from '../ActionCell/DisabledActionCellMenu';
 import {
   createKanbanPrimaryActionCellPropsWithBI,
   createKanbanSecondaryActionCellPropsWithBI,
@@ -124,7 +125,20 @@ export function useCardActions<T, S, F extends FiltersMap>({
 
   let secondaryActions: React.ReactNode | null = null;
 
-  if (
+  if (actionCellConfig.secondaryMenuDisabled) {
+    secondaryActions = (
+      <DisabledActionCellMenu
+        dataHook={`kanban-card-more-actions-trigger-disabled-${stageKey}-${cardKey}`}
+        tooltipContent={
+          actionCellConfig.secondaryMenuDisabledTooltip ??
+          state.container.translate('cairo.disabled')
+        }
+        size="tiny"
+        icon={<MoreSmall />}
+        ariaLabel={state.container.translate('cairo.moreActions')}
+      />
+    );
+  } else if (
     secondaryActionCellPropsWithBI &&
     secondaryActionCellPropsWithBI.length > 0
   ) {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow3352924696";
+var _namespace_ = "LoadingRow4291427585";
 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":"LoadingRow3352924696__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3352924696__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow4291427585__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow4291427585__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_ = "MaxHeightText1383193270";
+var _namespace_ = "MaxHeightText3744654020";
 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":"MaxHeightText1383193270__root"};
+export var classes = {"root":"MaxHeightText3744654020__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_ = "MaxLines2260226371";
+var _namespace_ = "MaxLines3093364337";
 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":"MaxLines2260226371__root"};
+export var classes = {"root":"MaxLines3093364337__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_ = "MultiBulkActionToolbar2995266827";
+var _namespace_ = "MultiBulkActionToolbar1027073260";
 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":"MultiBulkActionToolbar2995266827__root","leftGroupWrapper":"MultiBulkActionToolbar2995266827__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2995266827__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2995266827__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1027073260__root","leftGroupWrapper":"MultiBulkActionToolbar1027073260__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1027073260__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1027073260__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_ = "NestedTablePlaceholderStatesRow1561851671";
+var _namespace_ = "NestedTablePlaceholderStatesRow3232269627";
 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":"NestedTablePlaceholderStatesRow1561851671__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3232269627__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_ = "NestedTableRow241993205";
+var _namespace_ = "NestedTableRow3895434701";
 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":"NestedTableRow241993205__root","firstLevel":"NestedTableRow241993205__firstLevel","placeholder":"NestedTableRow241993205__placeholder","parentHovered":"NestedTableRow241993205__parentHovered"};
+export var classes = {"root":"NestedTableRow3895434701__root","firstLevel":"NestedTableRow3895434701__firstLevel","placeholder":"NestedTableRow3895434701__placeholder","parentHovered":"NestedTableRow3895434701__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableWSRTable.tsx

@@ -1,6 +1,5 @@
 import React, { ComponentType, useEffect, useState } from 'react';
 import { FiltersMap } from '@wix/bex-core';
-import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { observer } from 'mobx-react-lite';
 import {
   CollectionTableWSRTable,
@@ -86,11 +85,6 @@ function _NestedTableWSRTable<C extends string, T, F extends FiltersMap>(
     ...rest
   } = props;
   const { toolbar, query } = wrapperState;
-  const { internalExperiments } = useWixPatternsContainer();
-
-  const isGreyHeadersEnabled = internalExperiments?.enabled(
-    'specs.cairo.tableGreyHeaders',
-  );
 
   useState(() => {
     dragAndDrop?.setStateObject({
@@ -141,7 +135,7 @@ function _NestedTableWSRTable<C extends string, T, F extends FiltersMap>(
       rowVerticalPadding={rowVerticalPadding}
       search={search === true ? <QuerySearch state={query.search} /> : search}
       {...rest}
-      skin={isGreyHeadersEnabled ? 'neutral' : rest.skin}
+      skin="neutral"
       showHeaderWhenEmpty
       sticky
       tabs={tabs}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect405172101";
+var _namespace_ = "MultipleDragOverlayEffect3711464113";
 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":"MultipleDragOverlayEffect405172101__root"};
+export var classes = {"root":"MultipleDragOverlayEffect3711464113__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_ = "NestedTableDragAndDropRow2285967488";
+var _namespace_ = "NestedTableDragAndDropRow2077179056";
 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":"NestedTableDragAndDropRow2285967488__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2077179056__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_ = "PickerContent1043288773";
+var _namespace_ = "PickerContent1794417026";
 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":"PickerContent1043288773__root"};
+export var classes = {"root":"PickerContent1794417026__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_ = "PickerContentAdditionalStep4078831938";
+var _namespace_ = "PickerContentAdditionalStep3421284098";
 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":"PickerContentAdditionalStep4078831938__root","titles":"PickerContentAdditionalStep4078831938__titles","suffix":"PickerContentAdditionalStep4078831938__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3421284098__root","titles":"PickerContentAdditionalStep3421284098__titles","suffix":"PickerContentAdditionalStep3421284098__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};