@elementor/editor-variables 3.33.0-120 → 3.33.0-121

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1426,7 +1426,7 @@ var VariableCreation = ({ onGoBack, onClose }) => {
1426
1426
  }
1427
1427
  }
1428
1428
  )
1429
- ), /* @__PURE__ */ React12.createElement(FormField, { errorMsg: valueFieldError, label: __7("Value", "elementor") }, /* @__PURE__ */ React12.createElement(Typography3, { variant: "h5" }, /* @__PURE__ */ React12.createElement(
1429
+ ), /* @__PURE__ */ React12.createElement(FormField, { errorMsg: valueFieldError, label: __7("Value", "elementor") }, /* @__PURE__ */ React12.createElement(Typography3, { variant: "h5", id: "variable-value-wrapper" }, /* @__PURE__ */ React12.createElement(
1430
1430
  ValueField,
1431
1431
  {
1432
1432
  value,
@@ -1438,7 +1438,17 @@ var VariableCreation = ({ onGoBack, onClose }) => {
1438
1438
  onValidationChange: setValueFieldError,
1439
1439
  propType
1440
1440
  }
1441
- ))), errorMessage && /* @__PURE__ */ React12.createElement(FormHelperText2, { error: true }, errorMessage)), /* @__PURE__ */ React12.createElement(CardActions, { sx: { pt: 0.5, pb: 1 } }, /* @__PURE__ */ React12.createElement(Button3, { size: "small", variant: "contained", disabled: isSubmitDisabled, onClick: handleCreateAndTrack }, __7("Create", "elementor"))));
1441
+ ))), errorMessage && /* @__PURE__ */ React12.createElement(FormHelperText2, { error: true }, errorMessage)), /* @__PURE__ */ React12.createElement(CardActions, { sx: { pt: 0.5, pb: 1 } }, /* @__PURE__ */ React12.createElement(
1442
+ Button3,
1443
+ {
1444
+ id: "create-variable-button",
1445
+ size: "small",
1446
+ variant: "contained",
1447
+ disabled: isSubmitDisabled,
1448
+ onClick: handleCreateAndTrack
1449
+ },
1450
+ __7("Create", "elementor")
1451
+ )));
1442
1452
  };
1443
1453
 
1444
1454
  // src/components/variable-edit.tsx
@@ -1864,12 +1874,12 @@ var VariablesSelection = ({ closePopover, onAdd, onEdit, onSettings }) => {
1864
1874
  const actions = [];
1865
1875
  if (onAdd) {
1866
1876
  actions.push(
1867
- /* @__PURE__ */ React18.createElement(IconButton7, { key: "add", size: SIZE4, onClick: onAddAndTrack }, /* @__PURE__ */ React18.createElement(PlusIcon, { fontSize: SIZE4 }))
1877
+ /* @__PURE__ */ React18.createElement(IconButton7, { id: "add-variable-button", key: "add", size: SIZE4, onClick: onAddAndTrack }, /* @__PURE__ */ React18.createElement(PlusIcon, { fontSize: SIZE4 }))
1868
1878
  );
1869
1879
  }
1870
1880
  if (onSettings) {
1871
1881
  actions.push(
1872
- /* @__PURE__ */ React18.createElement(IconButton7, { key: "settings", size: SIZE4, onClick: onSettings }, /* @__PURE__ */ React18.createElement(SettingsIcon, { fontSize: SIZE4 }))
1882
+ /* @__PURE__ */ React18.createElement(IconButton7, { id: "variables-manager-button", key: "settings", size: SIZE4, onClick: onSettings }, /* @__PURE__ */ React18.createElement(SettingsIcon, { fontSize: SIZE4 }))
1873
1883
  );
1874
1884
  }
1875
1885
  const StartIcon = startIcon || (() => /* @__PURE__ */ React18.createElement(VariableIcon, { fontSize: SIZE4 }));
@@ -2624,6 +2634,7 @@ var ColorField = ({ value, onChange, onValidationChange }) => {
2624
2634
  return /* @__PURE__ */ React32.createElement(
2625
2635
  UnstableColorField,
2626
2636
  {
2637
+ id: "color-variable-field",
2627
2638
  size: "tiny",
2628
2639
  fullWidth: true,
2629
2640
  value: color,
@@ -2703,6 +2714,7 @@ var FontField = ({ value, onChange, onValidationChange }) => {
2703
2714
  /* @__PURE__ */ React33.createElement(
2704
2715
  ItemSelector,
2705
2716
  {
2717
+ id: "font-family-variables-selector",
2706
2718
  itemsList: mapFontSubs,
2707
2719
  selectedItem: fontFamily,
2708
2720
  onItemChange: handleFontFamilyChange,