@contentful/field-editor-markdown 1.0.3 → 1.1.1

package/dist/field-editor-markdown.esm.js

@@ -7,7 +7,7 @@ import React, { useRef, useState, useEffect } from 'react';
 import { css, cx } from 'emotion';
 import tokens from '@contentful/f36-tokens';
 import { ConstraintsUtils, CharCounter, CharValidation, FieldConnector, ModalDialogLauncher } from '@contentful/field-editor-shared';
-import { Menu, Button, Tooltip, Flex, Paragraph, TextLink, ModalContent, Heading, Form, FormControl, TextInput, ModalControls, Text, Radio, Checkbox, EntityList } from '@contentful/f36-components';
+import { Menu, Button, Tooltip, IconButton, Flex, Paragraph, TextLink, ModalContent, Heading, Form, FormControl, TextInput, ModalControls, Text, Radio, Checkbox, EntityList } from '@contentful/f36-components';
 import { AssetIcon, ChevronDownIcon, MoreHorizontalIcon, HeadingIcon, FormatBoldIcon, FormatItalicIcon, QuoteIcon, ListBulletedIcon, ListNumberedIcon, LinkIcon, CodeIcon, HorizontalRuleIcon, ChevronRightIcon, ChevronLeftIcon } from '@contentful/f36-icons';
 import transform from 'lodash-es/transform';
 import throttle from 'lodash-es/throttle';
@@ -446,24 +446,20 @@ var ToolbarButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
       isDisabled = _props$isDisabled === void 0 ? false : _props$isDisabled,
       otherProps = _objectWithoutPropertiesLoose(props, _excluded$1);
 
-  var button = React.createElement(Button, Object.assign({}, otherProps, {
+  return React.createElement(Tooltip, {
+    className: styles$1.tooltip,
+    placement: tooltipPlace,
+    content: tooltip
+  }, React.createElement(IconButton, Object.assign({}, otherProps, {
     ref: ref,
     className: cx(styles$1.button, className),
     isDisabled: isDisabled,
     onClick: onClick,
     variant: variant,
-    size: "small"
-  }), children);
-
-  if (tooltip) {
-    return React.createElement(Tooltip, {
-      className: styles$1.tooltip,
-      placement: tooltipPlace,
-      content: tooltip
-    }, button);
-  }
-
-  return button;
+    size: "small",
+    icon: children,
+    "aria-label": tooltip
+  })));
 });
 ToolbarButton.displayName = 'ToolbarButton';
 
@@ -672,7 +668,8 @@ function DefaultMarkdownToolbar(props) {
     testId: "markdown-action-button-zen",
     variant: "secondary",
     onClick: props.actions.openZenMode,
-    className: styles$1.zenButton
+    className: styles$1.zenButton,
+    tooltip: "Expand"
   }, React.createElement(Zen, {
     label: "Expand",
     className: styles$1.icon
@@ -691,18 +688,20 @@ function ZenMarkdownToolbar(props) {
     onSelectExisting: props.actions.linkExistingMedia,
     onAddNew: props.actions.addNewMedia,
     canAddNew: props.canUploadAssets
-  }), React.createElement(Button, {
+  }), React.createElement(IconButton, {
     testId: "markdown-action-button-zen-close",
     variant: "secondary",
     size: "small",
     className: cx(styles$1.zenButton, styles$1.zenButtonPressed),
     onClick: function onClick() {
       props.actions.closeZenMode();
-    }
-  }, React.createElement(Zen, {
-    label: "Collapse",
-    className: styles$1.icon
-  })))));
+    },
+    icon: React.createElement(Zen, {
+      label: "Collapse",
+      className: styles$1.icon
+    }),
+    "aria-label": "Collapse"
+  }))));
 }
 var MarkdownToolbar = /*#__PURE__*/React.memo(function (props) {
   if (props.mode === 'zen') {
@@ -2776,7 +2775,7 @@ var InsertLinkModal = function InsertLinkModal(_ref) {
       setTitle(e.target.value);
     },
     testId: "link-title-field"
-  }), React.createElement(FormControl.HelpText, null, "Recommended for accessibility")))), React.createElement(ModalControls, null, React.createElement(Button, {
+  }), React.createElement(FormControl.HelpText, null, "Extra link information, usually shown as a tooltip on mouse hover")))), React.createElement(ModalControls, null, React.createElement(Button, {
     testId: "insert-link-cancel",
     onClick: function onClick() {
       return onClose(false);