@elementor/editor-controls 4.0.0-677 → 4.0.0-679

package/dist/index.mjs

@@ -2600,11 +2600,11 @@ var ToggleControl = createControl(
 // src/controls/number-control.tsx
 import * as React55 from "react";
 import { numberPropTypeUtil } from "@elementor/editor-props";
-import { InputAdornment as InputAdornment3 } from "@elementor/ui";
+import { InputAdornment as InputAdornment3, Typography as Typography4 } from "@elementor/ui";
 var isEmptyOrNaN = (value) => value === null || value === void 0 || value === "" || Number.isNaN(Number(value));
 var renderSuffix = (propType) => {
   if (propType.meta?.suffix) {
-    return /* @__PURE__ */ React55.createElement(InputAdornment3, { position: "end" }, propType.meta.suffix);
+    return /* @__PURE__ */ React55.createElement(InputAdornment3, { position: "end" }, /* @__PURE__ */ React55.createElement(Typography4, { variant: "caption", color: "text.secondary" }, propType.meta.suffix));
   }
   return /* @__PURE__ */ React55.createElement(React55.Fragment, null);
 };
@@ -2953,7 +2953,7 @@ import { __ as __20 } from "@wordpress/i18n";
 import * as React58 from "react";
 import { useCallback as useCallback2, useEffect as useEffect8, useState as useState8 } from "react";
 import { PopoverBody, PopoverHeader as PopoverHeader2, PopoverMenuList, SearchField } from "@elementor/editor-ui";
-import { Box as Box8, Divider as Divider2, Link, Stack as Stack9, Typography as Typography4 } from "@elementor/ui";
+import { Box as Box8, Divider as Divider2, Link, Stack as Stack9, Typography as Typography5 } from "@elementor/ui";
 import { debounce } from "@elementor/utils";
 import { __ as __19 } from "@wordpress/i18n";
 
@@ -3030,8 +3030,8 @@ var ItemSelector = ({
       overflow: "hidden"
     },
     /* @__PURE__ */ React58.createElement(IconComponent, { fontSize: "large" }),
-    /* @__PURE__ */ React58.createElement(Box8, { sx: { maxWidth: 160, overflow: "hidden" } }, /* @__PURE__ */ React58.createElement(Typography4, { align: "center", variant: "subtitle2", color: "text.secondary" }, __19("Sorry, nothing matched", "elementor")), /* @__PURE__ */ React58.createElement(
-      Typography4,
+    /* @__PURE__ */ React58.createElement(Box8, { sx: { maxWidth: 160, overflow: "hidden" } }, /* @__PURE__ */ React58.createElement(Typography5, { align: "center", variant: "subtitle2", color: "text.secondary" }, __19("Sorry, nothing matched", "elementor")), /* @__PURE__ */ React58.createElement(
+      Typography5,
       {
         variant: "subtitle2",
         color: "text.secondary",
@@ -3049,7 +3049,7 @@ var ItemSelector = ({
       /* @__PURE__ */ React58.createElement("span", null, "\u201D.")
     )),
     /* @__PURE__ */ React58.createElement(
-      Typography4,
+      Typography5,
       {
         align: "center",
         variant: "caption",
@@ -3655,7 +3655,7 @@ import * as React67 from "react";
 import { getElementLabel } from "@elementor/editor-elements";
 import { stringPropTypeUtil as stringPropTypeUtil8 } from "@elementor/editor-props";
 import { MenuListItem as MenuListItem3 } from "@elementor/editor-ui";
-import { Select as Select2, styled as styled6, Typography as Typography5 } from "@elementor/ui";
+import { Select as Select2, styled as styled6, Typography as Typography6 } from "@elementor/ui";
 import { __ as __24 } from "@wordpress/i18n";
 
 // src/components/conditional-control-infotip.tsx
@@ -3730,7 +3730,7 @@ var HtmlTagControl = createControl(({ options, onChange, fallbackLabels = {} })
     }
     const placeholderOption = findOptionByValue(placeholder);
     const displayText = placeholderOption?.label || placeholder;
-    return /* @__PURE__ */ React67.createElement(Typography5, { component: "span", variant: "caption", color: "text.tertiary" }, displayText);
+    return /* @__PURE__ */ React67.createElement(Typography6, { component: "span", variant: "caption", color: "text.tertiary" }, displayText);
   };
   const findOptionByValue = (searchValue) => options.find((opt) => opt.value === searchValue);
   return /* @__PURE__ */ React67.createElement(ControlActions, null, /* @__PURE__ */ React67.createElement(ConditionalControlInfotip, { ...infoTipProps }, /* @__PURE__ */ React67.createElement(
@@ -5132,7 +5132,7 @@ import * as React95 from "react";
 import { useRef as useRef21 } from "react";
 import { transformFunctionsPropTypeUtil, transformPropTypeUtil } from "@elementor/editor-props";
 import { AdjustmentsIcon as AdjustmentsIcon2, InfoCircleFilledIcon as InfoCircleFilledIcon2 } from "@elementor/icons";
-import { bindTrigger as bindTrigger4, Box as Box18, IconButton as IconButton7, Tooltip as Tooltip8, Typography as Typography6, usePopupState as usePopupState6 } from "@elementor/ui";
+import { bindTrigger as bindTrigger4, Box as Box18, IconButton as IconButton7, Tooltip as Tooltip8, Typography as Typography7, usePopupState as usePopupState6 } from "@elementor/ui";
 import { __ as __47 } from "@wordpress/i18n";
 
 // src/controls/transform-control/initial-values.ts
@@ -5674,7 +5674,7 @@ var ToolTip = /* @__PURE__ */ React95.createElement(
     sx: { display: "flex", gap: 0.5, p: 2, width: 320, borderRadius: 1 }
   },
   /* @__PURE__ */ React95.createElement(InfoCircleFilledIcon2, { sx: { color: "secondary.main" } }),
-  /* @__PURE__ */ React95.createElement(Typography6, { variant: "body2", color: "text.secondary", fontSize: "14px" }, __47("You can use each kind of transform only once per element.", "elementor"))
+  /* @__PURE__ */ React95.createElement(Typography7, { variant: "body2", color: "text.secondary", fontSize: "14px" }, __47("You can use each kind of transform only once per element.", "elementor"))
 );
 var Repeater2 = ({
   headerRef,
@@ -5740,7 +5740,7 @@ import {
   selectionSizePropTypeUtil as selectionSizePropTypeUtil2
 } from "@elementor/editor-props";
 import { InfoCircleFilledIcon as InfoCircleFilledIcon3 } from "@elementor/icons";
-import { Alert as Alert2, AlertTitle as AlertTitle3, Box as Box20, Typography as Typography7 } from "@elementor/ui";
+import { Alert as Alert2, AlertTitle as AlertTitle3, Box as Box20, Typography as Typography8 } from "@elementor/ui";
 import { __ as __50 } from "@wordpress/i18n";
 
 // src/controls/selection-size-control.tsx
@@ -6228,7 +6228,7 @@ var disableAddItemTooltipContent = /* @__PURE__ */ React98.createElement(
     icon: /* @__PURE__ */ React98.createElement(InfoCircleFilledIcon3, null)
   },
   /* @__PURE__ */ React98.createElement(AlertTitle3, null, __50("Transitions", "elementor")),
-  /* @__PURE__ */ React98.createElement(Box20, { component: "span" }, /* @__PURE__ */ React98.createElement(Typography7, { variant: "body2" }, __50("Switch to 'Normal' state to add a transition.", "elementor")))
+  /* @__PURE__ */ React98.createElement(Box20, { component: "span" }, /* @__PURE__ */ React98.createElement(Typography8, { variant: "body2" }, __50("Switch to 'Normal' state to add a transition.", "elementor")))
 );
 var TransitionRepeaterControl = createControl(
   ({