@uxf/wysiwyg 11.25.1 → 11.27.0

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.
Files changed (7) hide show
  1. package/package.json +2 -2
  2. package/ui/button/button-element.js +1 -1
  3. package/ui/components/element/element-action-buttons.js +2 -2
  4. package/ui/components/modal/modal-button-cancel.js +1 -1
  5. package/ui/floating-link.js +3 -3
  6. package/ui/toolbar/buttons/toolbar-button.js +1 -1
  7. package/ui/toolbar/buttons/undo-redo-button-group.js +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/wysiwyg",
3
- "version": "11.25.1",
3
+ "version": "11.27.0",
4
4
  "description": "UXF Wysiwyg editor",
5
5
  "author": "Robin Dvorak <dvorak@uxf.cz>",
6
6
  "homepage": "https://gitlab.com/uxf-npm/wysiwyg",
@@ -29,7 +29,7 @@
29
29
  "@udecode/plate-trailing-block": "20.7.2",
30
30
  "@uxf/core": "11.22.0",
31
31
  "@uxf/core-react": "11.22.0",
32
- "@uxf/ui": "11.25.1",
32
+ "@uxf/ui": "11.27.0",
33
33
  "slate": "0.90.0",
34
34
  "slate-history": "0.86.0",
35
35
  "slate-hyperscript": "0.77.0",
package/ui/button/button-element.js CHANGED
@@ -47,7 +47,7 @@ const ButtonElement = (props) => {
47
47
  }, [props.editor]);
48
48
  return (react_1.default.createElement("div", { ...props.attributes, className: `${CLASS_NAME} ${CLASS_NAME}-button ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
49
49
  react_1.default.createElement(element_with_action_buttons_1.ElementWithActionButtons, { className: `${CLASS_NAME}-button__action-buttons`, isSelected: selected, onDelete: onRemove, onEdit: onEdit, padding: selected },
50
- react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME}-button__action-button`, disabled: true, href: props.element.buttonUrl, variant: "outlined" }, props.element.buttonText)),
50
+ react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME}-button__action-button`, disabled: true, href: props.element.buttonUrl, variant: "secondary" }, props.element.buttonText)),
51
51
  props.children));
52
52
  };
53
53
  exports.ButtonElement = ButtonElement;
package/ui/components/element/element-action-buttons.js CHANGED
@@ -14,9 +14,9 @@ const ElementActionButtons = (props) => {
14
14
  return null;
15
15
  }
16
16
  return (react_1.default.createElement("div", { className: `${CLASS_NAME} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, contentEditable: false, tabIndex: -1 },
17
- react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME}__edit`, onClick: props.onEdit, variant: "white", isIconButton: true },
17
+ react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME}__edit`, onClick: props.onEdit, variant: "secondary", isIconButton: true },
18
18
  react_1.default.createElement(icon_1.Icon, { name: "edit" })),
19
- react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME}__delete`, onClick: props.onDelete, variant: "white", isIconButton: true },
19
+ react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME}__delete`, onClick: props.onDelete, variant: "secondary", isIconButton: true },
20
20
  react_1.default.createElement(icon_1.Icon, { name: "delete" }))));
21
21
  };
22
22
  exports.ElementActionButtons = ElementActionButtons;
package/ui/components/modal/modal-button-cancel.js CHANGED
@@ -40,6 +40,6 @@ const ModalButtonCancel = (props) => {
40
40
  (0, utils_1.closeModalWithFocus)(props.editor);
41
41
  }
42
42
  }, [onCancel, props.editor]);
43
- return (react_1.default.createElement(button_1.Button, { className: "uxf-wysiwyg__modal-button-cancel", onClick: cancelHandler, color: "default", variant: "outlined" }, (_a = props.cancelText) !== null && _a !== void 0 ? _a : t("wysiwyg:components.modal.button-cancel")));
43
+ return (react_1.default.createElement(button_1.Button, { className: "uxf-wysiwyg__modal-button-cancel", onClick: cancelHandler, color: "default", variant: "secondary" }, (_a = props.cancelText) !== null && _a !== void 0 ? _a : t("wysiwyg:components.modal.button-cancel")));
44
44
  };
45
45
  exports.ModalButtonCancel = ModalButtonCancel;
package/ui/floating-link.js CHANGED
@@ -46,11 +46,11 @@ const Edit = () => {
46
46
  const editor = (0, hooks_1.useUxfEditorRef)();
47
47
  const url = (_a = (0, get_active_link_1.getActiveLink)(editor)) === null || _a === void 0 ? void 0 : _a.url;
48
48
  return (react_1.default.createElement(button_group_1.ButtonGroup, { className: EDIT_CLASS_NAME },
49
- react_1.default.createElement(button_1.Button, { className: `${EDIT_CLASS_NAME}__button ${EDIT_CLASS_NAME}__button-edit`, isIconButton: true, onClick: () => (0, plate_link_1.triggerFloatingLinkEdit)(editor), variant: "white" },
49
+ react_1.default.createElement(button_1.Button, { className: `${EDIT_CLASS_NAME}__button ${EDIT_CLASS_NAME}__button-edit`, isIconButton: true, onClick: () => (0, plate_link_1.triggerFloatingLinkEdit)(editor), variant: "secondary" },
50
50
  react_1.default.createElement(icon_1.Icon, { name: "edit", size: 15 })),
51
- react_1.default.createElement(button_1.Button, { className: `${EDIT_CLASS_NAME}__button ${EDIT_CLASS_NAME}__button-open`, href: !!url && !url_helper_1.UrlHelper.hasProtocol(url) ? `https://${url}` : url, isIconButton: true, target: "_blank", variant: "white" },
51
+ react_1.default.createElement(button_1.Button, { className: `${EDIT_CLASS_NAME}__button ${EDIT_CLASS_NAME}__button-open`, href: !!url && !url_helper_1.UrlHelper.hasProtocol(url) ? `https://${url}` : url, isIconButton: true, target: "_blank", variant: "secondary" },
52
52
  react_1.default.createElement(icon_1.Icon, { name: "open-link-in-new-tab", size: 15 })),
53
- react_1.default.createElement(button_1.Button, { className: `${EDIT_CLASS_NAME}__button ${EDIT_CLASS_NAME}__button-delete`, isIconButton: true, onClick: () => (0, unwrap_link_1.removeLink)(editor), variant: "white" },
53
+ react_1.default.createElement(button_1.Button, { className: `${EDIT_CLASS_NAME}__button ${EDIT_CLASS_NAME}__button-delete`, isIconButton: true, onClick: () => (0, unwrap_link_1.removeLink)(editor), variant: "secondary" },
54
54
  react_1.default.createElement(icon_1.Icon, { name: "delete", size: 15 }))));
55
55
  };
56
56
  function useInsertLinkFormAutoFocus() {
package/ui/toolbar/buttons/toolbar-button.js CHANGED
@@ -24,7 +24,7 @@ const ToolbarButton = (props) => {
24
24
  if (!(0, utils_1.isPluginEnabled)(props.editor, props.pluginKey)) {
25
25
  return null;
26
26
  }
27
- const button = (react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, onPointerDown: onLeftMouseDown, variant: props.isActive ? "default" : "white", isIconButton: true },
27
+ const button = (react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, onPointerDown: onLeftMouseDown, variant: props.isActive ? "default" : "secondary", isIconButton: true },
28
28
  react_1.default.createElement(icon_1.Icon, { className: `${CLASS_NAME}__icon`, name: props.iconName, size: (_b = props.iconSize) !== null && _b !== void 0 ? _b : 20 })));
29
29
  /* This detects touch input. */
30
30
  if (window.matchMedia("(pointer: coarse)").matches) {
package/ui/toolbar/buttons/undo-redo-button-group.js CHANGED
@@ -55,10 +55,10 @@ const UndoRedoButtonGroup = (props) => {
55
55
  }, [editor]);
56
56
  return (react_1.default.createElement(button_group_1.ButtonGroup, { className: `${CLASS_NAME}-group ${CLASS_NAME}-group-undo-redo ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
57
57
  react_1.default.createElement(tooltip_1.Tooltip, { content: t("wysiwyg:plugins.undo.tooltip") },
58
- react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME} ${CLASS_NAME}-undo`, onMouseDown: undoHandler, variant: "white", disabled: editor.history.undos.length === 0, isIconButton: true },
58
+ react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME} ${CLASS_NAME}-undo`, onMouseDown: undoHandler, variant: "secondary", disabled: editor.history.undos.length === 0, isIconButton: true },
59
59
  react_1.default.createElement(icon_1.Icon, { className: `${CLASS_NAME}__icon`, name: "arrow-turn-down-left", size: 16 }))),
60
60
  react_1.default.createElement(tooltip_1.Tooltip, { content: t("wysiwyg:plugins.redo.tooltip") },
61
- react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME} ${CLASS_NAME}-redo`, onMouseDown: redoHandler, variant: "white", disabled: editor.history.redos.length === 0, isIconButton: true },
61
+ react_1.default.createElement(button_1.Button, { className: `${CLASS_NAME} ${CLASS_NAME}-redo`, onMouseDown: redoHandler, variant: "secondary", disabled: editor.history.redos.length === 0, isIconButton: true },
62
62
  react_1.default.createElement(icon_1.Icon, { className: `${CLASS_NAME}__icon`, name: "arrow-turn-down-right", size: 16 })))));
63
63
  };
64
64
  exports.UndoRedoButtonGroup = UndoRedoButtonGroup;