@elementor/editor-components 3.35.0-329 → 3.35.0-331

package/dist/index.mjs

@@ -276,7 +276,7 @@ async function transformOriginValue(value, options) {
 // src/components/component-panel-header/component-panel-header.tsx
 import * as React2 from "react";
 import { getV1DocumentsManager as getV1DocumentsManager3 } from "@elementor/editor-documents";
-import { ArrowLeftIcon, ComponentsIcon } from "@elementor/icons";
+import { ArrowLeftIcon, ComponentsFilledIcon } from "@elementor/icons";
 import { __useSelector as useSelector3 } from "@elementor/store";
 import { Box as Box2, Divider, IconButton, Stack, Tooltip, Typography } from "@elementor/ui";
 import { __ as __2 } from "@wordpress/i18n";
@@ -311,7 +311,7 @@ function useNavigateBack() {
 // src/components/component-panel-header/component-badge.tsx
 import * as React from "react";
 import { useEffect, useRef } from "react";
-import { SettingsIcon } from "@elementor/icons";
+import { ComponentPropListIcon } from "@elementor/icons";
 import { Badge, Box, keyframes, styled, ToggleButton } from "@elementor/ui";
 import { __ } from "@wordpress/i18n";
 var ComponentsBadge = ({ overridesCount }) => {
@@ -327,7 +327,7 @@ var ComponentsBadge = ({ overridesCount }) => {
       anchorOrigin: { vertical: "top", horizontal: "right" },
       badgeContent: /* @__PURE__ */ React.createElement(Box, { sx: { animation: !isFirstOverride ? `${slideUp} 300ms ease-out` : "none" } }, overridesCount)
     },
-    /* @__PURE__ */ React.createElement(ToggleButton, { value: "overrides", size: "tiny", "aria-label": __("View overrides", "elementor") }, /* @__PURE__ */ React.createElement(SettingsIcon, { fontSize: "tiny" }))
+    /* @__PURE__ */ React.createElement(ToggleButton, { value: "overrides", size: "tiny", "aria-label": __("View overrides", "elementor") }, /* @__PURE__ */ React.createElement(ComponentPropListIcon, { fontSize: "tiny" }))
   );
 };
 var StyledBadge = styled(Badge, { shouldForwardProp: (prop) => prop !== "animate" })(
@@ -388,7 +388,7 @@ var ComponentPanelHeader = () => {
       justifyContent: "space-between",
       sx: { height: 48, pl: 1.5, pr: 2, py: 1 }
     },
-    /* @__PURE__ */ React2.createElement(Stack, { direction: "row", alignItems: "center", gap: 0.5 }, /* @__PURE__ */ React2.createElement(Tooltip, { title: __2("Back", "elementor") }, /* @__PURE__ */ React2.createElement(IconButton, { size: "tiny", onClick: onBack, "aria-label": __2("Back", "elementor") }, /* @__PURE__ */ React2.createElement(ArrowLeftIcon, null))), /* @__PURE__ */ React2.createElement(Stack, { direction: "row", alignItems: "center", gap: 0.5 }, /* @__PURE__ */ React2.createElement(ComponentsIcon, { color: "secondary", fontSize: "tiny" }), /* @__PURE__ */ React2.createElement(Typography, { variant: "caption", sx: { fontWeight: 500 } }, componentName))),
+    /* @__PURE__ */ React2.createElement(Stack, { direction: "row", alignItems: "center" }, /* @__PURE__ */ React2.createElement(Tooltip, { title: __2("Back", "elementor") }, /* @__PURE__ */ React2.createElement(IconButton, { size: "tiny", onClick: onBack, "aria-label": __2("Back", "elementor") }, /* @__PURE__ */ React2.createElement(ArrowLeftIcon, { fontSize: "tiny" }))), /* @__PURE__ */ React2.createElement(Stack, { direction: "row", alignItems: "center", gap: 0.5 }, /* @__PURE__ */ React2.createElement(ComponentsFilledIcon, { fontSize: "tiny", stroke: "currentColor" }), /* @__PURE__ */ React2.createElement(Typography, { variant: "caption", sx: { fontWeight: 500 } }, componentName))),
     /* @__PURE__ */ React2.createElement(ComponentsBadge, { overridesCount })
   ), /* @__PURE__ */ React2.createElement(Divider, null));
 };
@@ -452,7 +452,7 @@ var ComponentSearch = () => {
 
 // src/components/components-tab/components-list.tsx
 import * as React7 from "react";
-import { ComponentsIcon as ComponentsIcon3, EyeIcon } from "@elementor/icons";
+import { ComponentsIcon as ComponentsIcon2, EyeIcon } from "@elementor/icons";
 import { Box as Box6, Divider as Divider2, Icon, Link, List, Stack as Stack4, Typography as Typography3 } from "@elementor/ui";
 import { __ as __6 } from "@wordpress/i18n";
 
@@ -469,7 +469,7 @@ import * as React5 from "react";
 import { endDragElementFromPanel, startDragElementFromPanel } from "@elementor/editor-canvas";
 import { dropElement } from "@elementor/editor-elements";
 import { MenuListItem } from "@elementor/editor-ui";
-import { ComponentsIcon as ComponentsIcon2, DotsVerticalIcon } from "@elementor/icons";
+import { ComponentsIcon, DotsVerticalIcon } from "@elementor/icons";
 import {
   bindMenu,
   bindTrigger,
@@ -873,7 +873,7 @@ var ComponentItem = ({ component }) => {
       shape: "rounded",
       sx: { border: "solid 1px", borderColor: "divider", py: 0.5, px: 1 }
     },
-    /* @__PURE__ */ React5.createElement(Box4, { sx: { display: "flex", width: "100%", alignItems: "center", gap: 1 }, onClick: handleClick }, /* @__PURE__ */ React5.createElement(ListItemIcon, { size: "tiny" }, /* @__PURE__ */ React5.createElement(ComponentsIcon2, { fontSize: "tiny" })), /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React5.createElement(Box4, { sx: { display: "flex", width: "100%", alignItems: "center", gap: 1 }, onClick: handleClick }, /* @__PURE__ */ React5.createElement(ListItemIcon, { size: "tiny" }, /* @__PURE__ */ React5.createElement(ComponentsIcon, { fontSize: "tiny" })), /* @__PURE__ */ React5.createElement(
       ListItemText,
       {
         primary: /* @__PURE__ */ React5.createElement(Typography2, { variant: "caption", sx: { color: "text.primary" } }, component.name)
@@ -1009,7 +1009,7 @@ var EmptySearchResult = () => {
       overflow: "hidden",
       justifySelf: "center"
     },
-    /* @__PURE__ */ React7.createElement(ComponentsIcon3, null),
+    /* @__PURE__ */ React7.createElement(ComponentsIcon2, null),
     /* @__PURE__ */ React7.createElement(
       Box6,
       {