@wix/patterns 1.392.0 → 1.395.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1380916240";
+var _namespace_ = "View3027787229";
 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":"View1380916240__root"};
+export var classes = {"root":"View3027787229__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_ = "Edit10751312";
+var _namespace_ = "Edit2129256348";
 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":"Edit10751312__root","emailInput":"Edit10751312__emailInput"};
+export var classes = {"root":"Edit2129256348__root","emailInput":"Edit2129256348__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_ = "View3248415676";
+var _namespace_ = "View2109168379";
 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":"View3248415676__root"};
+export var classes = {"root":"View2109168379__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit499492978";
+var _namespace_ = "Edit4294714850";
 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":"Edit499492978__root","numberInput":"Edit499492978__numberInput"};
+export var classes = {"root":"Edit4294714850__root","numberInput":"Edit4294714850__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_ = "View4009966674";
+var _namespace_ = "View3464057793";
 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":"View4009966674__root","textView":"View4009966674__textView"};
+export var classes = {"root":"View3464057793__root","textView":"View3464057793__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_ = "Edit1082171193";
+var _namespace_ = "Edit1068427984";
 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":"Edit1082171193__root","jsonInput":"Edit1082171193__jsonInput"};
+export var classes = {"root":"Edit1068427984__root","jsonInput":"Edit1068427984__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_ = "View1421358262";
+var _namespace_ = "View3283037662";
 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":"View1421358262__root"};
+export var classes = {"root":"View3283037662__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2711091306";
+var _namespace_ = "Edit2636752142";
 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":"Edit2711091306__root","selectInput":"Edit2711091306__selectInput"};
+export var classes = {"root":"Edit2636752142__root","selectInput":"Edit2636752142__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_ = "Edit3055400417";
+var _namespace_ = "Edit2440547839";
 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":"Edit3055400417__root","editWrapper":"Edit3055400417__editWrapper","inputArea":"Edit3055400417__inputArea"};
+export var classes = {"root":"Edit2440547839__root","editWrapper":"Edit2440547839__editWrapper","inputArea":"Edit2440547839__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_ = "View1694007946";
+var _namespace_ = "View709281504";
 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":"View1694007946__root"};
+export var classes = {"root":"View709281504__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_ = "Edit2612869073";
+var _namespace_ = "Edit1654419121";
 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":"Edit2612869073__root","urlInput":"Edit2612869073__urlInput"};
+export var classes = {"root":"Edit1654419121__root","urlInput":"Edit1654419121__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_ = "View1481571736";
+var _namespace_ = "View3029553590";
 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":"View1481571736__root","textView":"View1481571736__textView","urlText":"View1481571736__urlText","suffix":"View1481571736__suffix"};
+export var classes = {"root":"View3029553590__root","textView":"View3029553590__textView","urlText":"View3029553590__urlText","suffix":"View3029553590__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_ = "EntityPagePlain2310193037";
+var _namespace_ = "EntityPagePlain3210283101";
 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":"EntityPagePlain2310193037__root"};
+export var classes = {"root":"EntityPagePlain3210283101__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_ = "Fade3866032352";
+var _namespace_ = "Fade212066349";
 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":"Fade3866032352__root"};
+export var classes = {"root":"Fade212066349__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/FieldActions/HeaderActionsPopover.tsx

@@ -1,6 +1,7 @@
 import React, { useState, useCallback, useRef, type ReactNode } from 'react';
-import { PopoverMenu, IconButton, Loader } from '@wix/design-system';
+import { PopoverMenu, IconButton, Loader, Tooltip } from '@wix/design-system';
 import { MoreSmall } from '@wix/wix-ui-icons-common';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
 import type { HeaderAction } from './headerActionTypes';
 import { useCloseOnAncestorScroll } from '../../hooks/useCloseOnAncestorScroll';
 
@@ -15,6 +16,7 @@ export function HeaderActionsPopover({
   dataHook,
   className,
 }: HeaderActionsPopoverProps) {
+  const { translate: t } = useWixPatternsContainer();
   const [menuOpen, setMenuOpen] = useState(false);
   const [popoverKey, setPopoverKey] = useState(0);
   const wrapperRef = useRef<HTMLDivElement>(null);
@@ -72,28 +74,34 @@ export function HeaderActionsPopover({
       data-hook={dataHook}
       onClick={(e) => e.stopPropagation()}
     >
-      <PopoverMenu
-        key={popoverKey}
-        dataHook={dataHook ? `${dataHook}-menu` : undefined}
-        textSize="small"
-        triggerElement={
-          <IconButton
-            size="tiny"
-            skin="dark"
-            priority="tertiary"
-            ariaLabel="Column actions"
-            dataHook={dataHook ? `${dataHook}-more-button` : undefined}
-          >
-            <MoreSmall />
-          </IconButton>
-        }
+      <Tooltip
+        content={t('cairo.moreActions')}
+        disabled={menuOpen}
         appendTo="window"
-        placement="bottom-end"
-        onShow={() => setMenuOpen(true)}
-        onHide={() => setMenuOpen(false)}
       >
-        {menuItems}
-      </PopoverMenu>
+        <PopoverMenu
+          key={popoverKey}
+          dataHook={dataHook ? `${dataHook}-menu` : undefined}
+          textSize="small"
+          triggerElement={
+            <IconButton
+              size="tiny"
+              skin="dark"
+              priority="tertiary"
+              ariaLabel={t('cairo.moreActions')}
+              dataHook={dataHook ? `${dataHook}-more-button` : undefined}
+            >
+              <MoreSmall />
+            </IconButton>
+          }
+          appendTo="window"
+          placement="bottom-end"
+          onShow={() => setMenuOpen(true)}
+          onHide={() => setMenuOpen(false)}
+        >
+          {menuItems}
+        </PopoverMenu>
+      </Tooltip>
     </div>
   );
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading2934975346";
+var _namespace_ = "Heading2045022405";
 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":"Heading2934975346__root"};
+export var classes = {"root":"Heading2045022405__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_ = "ImportStepUpload567295947";
+var _namespace_ = "ImportStepUpload1822850314";
 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":"ImportStepUpload567295947__root","fileUpload":"ImportStepUpload567295947__fileUpload"};
+export var classes = {"root":"ImportStepUpload1822850314__root","fileUpload":"ImportStepUpload1822850314__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_ = "InputOverflow1514914471";
+var _namespace_ = "InputOverflow874170541";
 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":"InputOverflow1514914471__root"};
+export var classes = {"root":"InputOverflow874170541__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_ = "LoadingRow834822809";
+var _namespace_ = "LoadingRow2681381090";
 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":"LoadingRow834822809__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow834822809__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2681381090__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2681381090__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_ = "MaxHeightText2852537868";
+var _namespace_ = "MaxHeightText1515085993";
 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":"MaxHeightText2852537868__root"};
+export var classes = {"root":"MaxHeightText1515085993__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_ = "MaxLines229431985";
+var _namespace_ = "MaxLines1829966507";
 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":"MaxLines229431985__root"};
+export var classes = {"root":"MaxLines1829966507__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_ = "MultiBulkActionToolbar481678976";
+var _namespace_ = "MultiBulkActionToolbar3706513071";
 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":"MultiBulkActionToolbar481678976__root","leftGroupWrapper":"MultiBulkActionToolbar481678976__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar481678976__selectedCountItem","selectedCountText":"MultiBulkActionToolbar481678976__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3706513071__root","leftGroupWrapper":"MultiBulkActionToolbar3706513071__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3706513071__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3706513071__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_ = "NestedTablePlaceholderStatesRow1730521157";
+var _namespace_ = "NestedTablePlaceholderStatesRow1141856484";
 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":"NestedTablePlaceholderStatesRow1730521157__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1141856484__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_ = "NestedTableRow369891579";
+var _namespace_ = "NestedTableRow3848748466";
 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":"NestedTableRow369891579__root","firstLevel":"NestedTableRow369891579__firstLevel","placeholder":"NestedTableRow369891579__placeholder","parentHovered":"NestedTableRow369891579__parentHovered"};
+export var classes = {"root":"NestedTableRow3848748466__root","firstLevel":"NestedTableRow3848748466__firstLevel","placeholder":"NestedTableRow3848748466__placeholder","parentHovered":"NestedTableRow3848748466__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_ = "MultipleDragOverlayEffect114921092";
+var _namespace_ = "MultipleDragOverlayEffect2337961302";
 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":"MultipleDragOverlayEffect114921092__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2337961302__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_ = "NestedTableDragAndDropRow515867636";
+var _namespace_ = "NestedTableDragAndDropRow3395056860";
 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":"NestedTableDragAndDropRow515867636__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3395056860__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_ = "PickerContent1126634030";
+var _namespace_ = "PickerContent1917844553";
 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":"PickerContent1126634030__root"};
+export var classes = {"root":"PickerContent1917844553__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_ = "PickerContentAdditionalStep1009319725";
+var _namespace_ = "PickerContentAdditionalStep3651578072";
 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":"PickerContentAdditionalStep1009319725__root","titles":"PickerContentAdditionalStep1009319725__titles","suffix":"PickerContentAdditionalStep1009319725__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3651578072__root","titles":"PickerContentAdditionalStep3651578072__titles","suffix":"PickerContentAdditionalStep3651578072__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_ = "PickerTableListItem471451349";
+var _namespace_ = "PickerTableListItem2943358023";
 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":"PickerTableListItem471451349__root"};
+export var classes = {"root":"PickerTableListItem2943358023__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SchemaCard/SchemaCard.tsx

@@ -1,13 +1,21 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import { Button, Card, CardProps, Layout } from '@wix/design-system';
+import {
+  TextButton,
+  Box,
+  Button,
+  Card,
+  CardProps,
+  Layout,
+} from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
 import { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';
 import { SidePanelsState } from '../../state/SidePanelsState';
 import { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';
-import { CustomColumnsEntityPageCTA } from '../CustomColumnsPanel/CustomColumnsEntityPageCTA';
+import { CustomColumnsEntityPagePanelMount } from '../CustomColumnsPanel/CustomColumnsEntityPagePanelMount';
 import { useSchemaContext } from '../../providers/SchemaContext';
 import { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';
 import { SchemaCardState } from '../../state/SchemaCard/SchemaCardState';
+import { Add } from '@wix/wix-ui-icons-common';
 
 export interface SchemaCardProps extends Omit<CardProps, 'children'> {
   title: string;
@@ -97,7 +105,18 @@ function _SchemaCard({
               .map((f) => renderField(f.id))}
         </Layout>
       </Card.Content>
-      {state && <CustomColumnsEntityPageCTA state={state} />}
+      {schemaContext?.addField && (
+        <Box padding="SP4" boxSizing="border-box" width="100%">
+          <TextButton
+            dataHook="schema-card-add-field"
+            onClick={schemaContext.addField}
+            prefixIcon={<Add />}
+          >
+            {t('cairo.customFields.addCustomField.CTA')}
+          </TextButton>
+        </Box>
+      )}
+      {state && <CustomColumnsEntityPagePanelMount state={state} />}
     </Card>
   );
 }