@atlaskit/editor-common 94.3.0 → 94.3.1

package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -69,7 +69,7 @@ var buttonLabelStyles = css({
   '&.remove-nested-left-margin': {
     marginLeft: 0
   },
-  fontSize: '16px',
+  fontSize: "var(--ds-space-200, 16px)",
   fontWeight: "var(--ds-font-weight-regular, 400)"
 });
 var spacerStyles = css({
@@ -77,6 +77,9 @@ var spacerStyles = css({
   height: '10px'
 });
 var textStyles = css({
+  // cannot use font.body or editor custom font.body here as line-height need to be 1 (from sharedLabelStyles)
+  // cannot use space token as there is not token for 14px
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
   fontSize: '14px',
   fontWeight: "var(--ds-font-weight-regular, 400)",
   padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)")
@@ -138,53 +141,58 @@ export var ExtensionLabel = function ExtensionLabel(_ref) {
   var iconClassNames = classnames({
     'hide-icon': isBodiedMacro && !isNodeHovered
   });
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    css: containerStyles
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: containerClassNames
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: customContainerStyles,
-    onMouseOver: function onMouseOver() {
-      setIsNodeHovered === null || setIsNodeHovered === void 0 || setIsNodeHovered(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      setIsNodeHovered === null || setIsNodeHovered === void 0 || setIsNodeHovered(false);
-    },
-    "data-testid": "new-lozenge-container"
-  }, showMacroButtonUpdates ? jsx(Fragment, null, jsx(Tooltip, {
-    content: jsx(FormattedMessage, _extends({}, i18n.configure, {
-      values: {
-        macroName: text
-      }
-    })),
-    position: "top"
-  }, function (tooltipProps) {
-    return jsx("span", _extends({
-      "data-testid": "new-lozenge-button"
-    }, tooltipProps, {
-      css: [sharedLabelStyles, buttonLabelStyles]
+  return (
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    jsx("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      css: containerStyles
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: containerClassNames
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+      ,
+      style: customContainerStyles
+      // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
+      ,
+      onMouseOver: function onMouseOver() {
+        setIsNodeHovered === null || setIsNodeHovered === void 0 || setIsNodeHovered(true);
+      },
+      onMouseLeave: function onMouseLeave() {
+        setIsNodeHovered === null || setIsNodeHovered === void 0 || setIsNodeHovered(false);
+      },
+      "data-testid": "new-lozenge-container"
+    }, showMacroButtonUpdates ? jsx(Fragment, null, jsx(Tooltip, {
+      content: jsx(FormattedMessage, _extends({}, i18n.configure, {
+        values: {
+          macroName: text
+        }
+      })),
+      position: "top"
+    }, function (tooltipProps) {
+      return jsx("span", _extends({
+        "data-testid": "new-lozenge-button"
+      }, tooltipProps, {
+        css: [sharedLabelStyles, buttonLabelStyles]
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        ,
+        className: "".concat(sharedLabelClassNames, " ").concat(newButtonLabelClassNames)
+      }), text, jsx("span", {
+        css: iconStyles,
+        className: iconClassNames,
+        "data-testid": "config-icon"
+      }, jsx(PreferencesIcon, {
+        label: ""
+      })));
+    }), jsx("div", {
+      css: spacerStyles
+    })) : jsx("span", {
+      "data-testid": "new-lozenge",
+      css: [sharedLabelStyles, originalLabelStyles]
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
-      className: "".concat(sharedLabelClassNames, " ").concat(newButtonLabelClassNames)
-    }), text, jsx("span", {
-      css: iconStyles,
-      className: iconClassNames,
-      "data-testid": "config-icon"
-    }, jsx(PreferencesIcon, {
-      label: ""
-    })));
-  }), jsx("div", {
-    css: spacerStyles
-  })) : jsx("span", {
-    "data-testid": "new-lozenge",
-    css: [sharedLabelStyles, originalLabelStyles]
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: sharedLabelClassNames
-  }, jsx("span", {
-    css: textStyles
-  }, text)));
+      className: sharedLabelClassNames
+    }, jsx("span", {
+      css: textStyles
+    }, text)))
+  );
 };

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "94.3.0";
+var packageVersion = "94.3.1";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/ui/Caption/index.js

@@ -15,6 +15,7 @@ import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { injectIntl } from 'react-intl-next';
+import { Box, Text, xcss } from '@atlaskit/primitives';
 import { messages } from './messages';
 var captionWrapperStyle = css({
   marginTop: "var(--ds-space-100, 8px)",
@@ -22,10 +23,10 @@ var captionWrapperStyle = css({
   position: 'relative',
   color: "var(--ds-text-subtle, #44546F)"
 });
-var placeholderStyle = css({
-  color: "var(--ds-text-subtlest, #626F86)",
+var placeholderStyle = xcss({
+  color: 'color.text.subtlest',
   position: 'absolute',
-  top: 0,
+  top: 'space.0',
   width: '100%'
 });
 export var CaptionComponent = /*#__PURE__*/function (_React$Component) {
@@ -50,9 +51,9 @@ export var CaptionComponent = /*#__PURE__*/function (_React$Component) {
         "data-testid": "media-caption"
       }, dataAttributes, {
         css: captionWrapperStyle
-      }), showPlaceholder ? jsx("p", {
-        css: placeholderStyle
-      }, formatMessage(messages.placeholder)) : null, children);
+      }), showPlaceholder ? jsx(Box, {
+        xcss: placeholderStyle
+      }, jsx(Text, null, formatMessage(messages.placeholder))) : null, children);
     }
   }]);
   return CaptionComponent;

package/dist/esm/ui/DropList/index.js

@@ -21,7 +21,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "94.3.0";
+var packageVersion = "94.3.1";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/types/ui-menu/ColorPickerButton/index.d.ts

@@ -30,5 +30,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Omit<{
     skipFocusButtonAfterPick?: boolean | undefined;
     absoluteOffset?: PopupPosition | undefined;
     returnEscToButton?: boolean | undefined;
-}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "cols" | "isAriaExpanded" | "returnEscToButton" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
+}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "cols" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "isAriaExpanded" | "returnEscToButton" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types-ts4.5/ui-menu/ColorPickerButton/index.d.ts

@@ -30,5 +30,5 @@ declare const _default: React.ForwardRefExoticComponent<Pick<Omit<{
     skipFocusButtonAfterPick?: boolean | undefined;
     absoluteOffset?: PopupPosition | undefined;
     returnEscToButton?: boolean | undefined;
-}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "cols" | "isAriaExpanded" | "returnEscToButton" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
+}, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "size" | "currentColor" | "onChange" | "title" | "key" | "cols" | "placement" | "alignX" | "absoluteOffset" | "analyticsContext" | "isAriaExpanded" | "returnEscToButton" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "colorPalette" | "mountPoint" | "setDisableParentScroll" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "94.3.0",
+	"version": "94.3.1",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -123,7 +123,7 @@
 		"@atlaskit/editor-json-transformer": "^8.20.0",
 		"@atlaskit/editor-palette": "1.6.2",
 		"@atlaskit/editor-prosemirror": "6.0.0",
-		"@atlaskit/editor-shared-styles": "^3.0.0",
+		"@atlaskit/editor-shared-styles": "^3.1.0",
 		"@atlaskit/editor-tables": "^2.8.0",
 		"@atlaskit/emoji": "^67.8.0",
 		"@atlaskit/icon": "^22.24.0",