@atlaskit/editor-common 112.7.3 → 112.7.5

package/dist/cjs/ui-menu/DropdownMenu/index.js

@@ -22,7 +22,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _menu = require("@atlaskit/menu");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
@@ -64,17 +63,17 @@ var buttonStyles = function buttonStyles(isActive, submenuActive) {
        * Hack for item to imitate old dropdown-menu selected styles
        */
       // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-      return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\tposition: relative;\n\t\t\t\t&::before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\twidth: 2px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t\t> span,\n\t\t\t\t> span:hover,\n\t\t\t\t> span:active {\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t}\n\t\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t\t", ";\n\t\t\t\t}\n\t\t\t\t:focus-visible,\n\t\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\t\toutline: none;\n\t\t\t\t}\n\t\t\t"])), "var(--ds-border-selected, transparent)", "var(--ds-background-selected, ".concat((0, _platformFeatureFlags.fg)('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f', ")"), "var(--ds-text-selected, ".concat((0, _platformFeatureFlags.fg)('platform_editor_updated_dropdown_colors') ? '#1868DB' : '#0C66E4', ")"), focusedMenuItemStyle);
+      return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t\tposition: relative;\n\t\t\t\t&::before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\twidth: 2px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcontent: '';\n\t\t\t\t}\n\t\t\t\t> span,\n\t\t\t\t> span:hover,\n\t\t\t\t> span:active {\n\t\t\t\t\tbackground: ", ";\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t}\n\t\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t\t", ";\n\t\t\t\t}\n\t\t\t\t:focus-visible,\n\t\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\t\toutline: none;\n\t\t\t\t}\n\t\t\t"])), "var(--ds-border-selected, #1868DB)", "var(--ds-background-selected, #E9F2FE)", "var(--ds-text-selected, #1868DB)", focusedMenuItemStyle);
     }
 
     /**
      * Hack for item to imitate old dropdown-menu selected styles
      */
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-    return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span,\n\t\t\t> span:hover,\n\t\t\t> span:active {\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-background-selected, ".concat((0, _platformFeatureFlags.fg)('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f', ")"), "var(--ds-text-selected, ".concat((0, _platformFeatureFlags.fg)('platform_editor_updated_dropdown_colors') ? '#1868DB' : '#0C66E4', ")"), focusedMenuItemStyle);
+    return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span,\n\t\t\t> span:hover,\n\t\t\t> span:active {\n\t\t\t\tbackground: ", ";\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-background-selected, #E9F2FE)", "var(--ds-text-selected, #1868DB)", focusedMenuItemStyle);
   } else {
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
-    return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span:hover[aria-disabled='false'] {\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\t", "\n\t\t\t> span[aria-disabled='true'] {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-text, #292A2E)", "var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))", !submenuActive && "\n\t\t\t\t\t> span:active[aria-disabled='false'] {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))", ";\n\t\t\t\t\t}"), "var(--ds-text-disabled, #080F214A)", focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
+    return (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t> span:hover[aria-disabled='false'] {\n\t\t\t\tcolor: ", ";\n\t\t\t\tbackground-color: ", ";\n\t\t\t}\n\t\t\t", "\n\t\t\t> span[aria-disabled='true'] {\n\t\t\t\tcolor: ", ";\n\t\t\t}\n\t\t\t:focus > span[aria-disabled='false'] {\n\t\t\t\t", ";\n\t\t\t}\n\t\t\t:focus-visible,\n\t\t\t:focus-visible > span[aria-disabled='false'] {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t"])), "var(--ds-text, #292A2E)", "var(--ds-background-neutral-subtle-hovered, #0515240F)", !submenuActive && "\n\t\t\t\t\t> span:active[aria-disabled='false'] {\n\t\t\t\t\t\tbackground-color: ".concat("var(--ds-background-neutral-subtle-pressed, #0B120E24)", ";\n\t\t\t\t\t}"), "var(--ds-text-disabled, #080F214A)", focusedMenuItemStyle); // The default focus-visible style is removed to ensure consistency across browsers
   }
 };
 var DropListWithOutsideClickTargetRef = function DropListWithOutsideClickTargetRef(props) {
@@ -199,7 +198,9 @@ var DropdownMenuWrapper = exports.default = /*#__PURE__*/function (_PureComponen
         position: popupPlacement.join(' '),
         shouldFitContainer: true,
         handleClickOutside: this.handleClose,
-        handleEscapeKeydown: handleEscapeKeydown || this.handleCloseAndFocus,
+        handleEscapeKeydown: handleEscapeKeydown || this.handleCloseAndFocus
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         handleEnterKeydown: function handleEnterKeydown(e) {
           if (!allowEnterDefaultBehavior) {
             e.preventDefault();
@@ -336,7 +337,9 @@ function DropdownMenuItem(_ref) {
     role: shouldUseDefaultRole ? 'button' : (0, _expValEquals.expValEquals)('platform_editor_august_a11y', 'isEnabled', true) ? undefined : 'menuitem',
     iconBefore: item.elemBefore,
     iconAfter: item.elemAfter,
-    isDisabled: item.isDisabled,
+    isDisabled: item.isDisabled
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onClick: function onClick() {
       return onItemActivated && onItemActivated({
         item: item
@@ -344,16 +347,22 @@ function DropdownMenuItem(_ref) {
     },
     "aria-label": ariaLabel,
     "aria-pressed": shouldUseDefaultRole ? item.isActive : undefined,
-    "aria-keyshortcuts": item['aria-keyshortcuts'],
+    "aria-keyshortcuts": item['aria-keyshortcuts']
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMouseDown: function onMouseDown(e) {
       e.preventDefault();
     },
-    component: DropdownMenuItemCustomComponent,
+    component: DropdownMenuItemCustomComponent
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMouseEnter: function onMouseEnter() {
       return _onMouseEnter && _onMouseEnter({
         item: item
       });
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMouseLeave: function onMouseLeave() {
       return _onMouseLeave && _onMouseLeave({
         item: item
@@ -380,7 +389,9 @@ function (_ref2) {
 
   // This context is to handle the tab, Arrow Right/Left key events for dropdown.
   // Default context has the void callbacks for above key events
-  return (0, _react2.jsx)(DropdownMenuWrapper, (0, _extends2.default)({
+  return (0, _react2.jsx)(DropdownMenuWrapper
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , (0, _extends2.default)({
     arrowKeyNavigationProviderOptions: _objectSpread(_objectSpread({}, props.arrowKeyNavigationProviderOptions), {}, {
       keyDownHandlerContext: keyDownHandlerContext
     })

package/dist/cjs/ui-menu/ToolbarButton/styles.js

@@ -20,7 +20,7 @@ var _default_1 = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     // Ignored via go/ees007
     // eslint-disable-next-line @atlaskit/editor/enforce-todo-comment-format
     // TODO: (from codemod) Buttons with "component", "css" or "style" prop can't be automatically migrated with codemods. Please migrate it manually.
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     style: {
       alignItems: 'center'
     }

package/dist/es2019/analytics/types/enums.js

@@ -368,6 +368,7 @@ export let ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["BLOCK_MENU_ITEM"] = "blockMenuItem";
   ACTION_SUBJECT["PASTE_ACTIONS_MENU"] = "pasteActionsMenu";
   ACTION_SUBJECT["SYNCED_BLOCK"] = "syncedBlock";
+  ACTION_SUBJECT["NATIVE_EMBED"] = "nativeEmbed";
   return ACTION_SUBJECT;
 }({});
 export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {

package/dist/es2019/card/ui/assets/card.js

@@ -26,7 +26,9 @@ export const IconCard = ({
   label
 }) => {
   return /*#__PURE__*/React.createElement(IconCardGlyph, {
-    "aria-label": label,
+    "aria-label": label
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       width: '24px',

package/dist/es2019/card/ui/assets/embed.js

@@ -26,7 +26,9 @@ export const IconEmbed = ({
   label
 }) => {
   return /*#__PURE__*/React.createElement(IconEmbedGlyph, {
-    "aria-label": label,
+    "aria-label": label
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       width: '24px',

package/dist/es2019/card/ui/assets/inline.js

@@ -26,7 +26,9 @@ export const IconInline = ({
   label
 }) => {
   return /*#__PURE__*/React.createElement(IconInlineGlyph, {
-    "aria-label": label,
+    "aria-label": label
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       width: '24px',

package/dist/es2019/card/ui/assets/url.js

@@ -28,7 +28,9 @@ export const IconUrl = ({
   label
 }) => {
   return /*#__PURE__*/React.createElement(IconUrlGlyph, {
-    "aria-label": label,
+    "aria-label": label
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       width: '24px',

package/dist/es2019/element-browser/components/CategoryList.js

@@ -10,7 +10,7 @@ import { css, jsx } from '@emotion/react';
 import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext';
 import Button from '@atlaskit/button/custom-theme-button';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, fireAnalyticsEvent } from '../../analytics';
-import { DEVICE_BREAKPOINT_NUMBERS, GRID_SIZE } from '../constants';
+import { DEVICE_BREAKPOINT_NUMBERS } from '../constants';
 import useFocus from '../hooks/use-focus';
 const arrowsKeys = new Set(['ArrowUp', 'ArrowDown']);
 function CategoryList({
@@ -176,7 +176,7 @@ function CategoryListItem({
 }
 const buttonWrapper = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  height: `${GRID_SIZE * 4}px`,
+  height: `32px`,
   margin: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   [`@media (min-width: ${DEVICE_BREAKPOINT_NUMBERS.medium}px)`]: {

package/dist/es2019/element-browser/components/ElementList/ElementList.js

@@ -35,7 +35,7 @@ export const itemIcon = css({
   width: `${ICON_WIDTH}px`,
   height: `${ICON_HEIGHT}px`,
   overflow: 'hidden',
-  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, rgba(223, 225, 229, 0.5))"}`,
+  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: "var(--ds-radius-small, 3px)",
   boxSizing: 'border-box',
@@ -82,6 +82,7 @@ function ElementList({
       setColumnCount(getColumnCount(containerWidth));
       const updatedScrollbarWidth = getScrollbarWidth();
       if (updatedScrollbarWidth > 0) {
+        // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
         setScrollbarWidth(updatedScrollbarWidth);
       }
     }
@@ -506,8 +507,7 @@ const elementItemsWrapper = css({
   padding: "var(--ds-space-025, 2px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.ReactVirtualized__Grid': {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-design-token-usage -- Ignored via go/DSP-18766
     borderRadius: "var(--ds-radius-small, 3px)",
     outline: 'none',
     '&:focus': {

package/dist/es2019/element-browser/components/ElementList/EmptyState.js

@@ -52,7 +52,7 @@ export default function EmptyState({
 }
 const emptyStateHeading = css({
   font: "var(--ds-font-heading-medium, normal 653 20px/24px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-  color: "var(--ds-text, rgb(23, 43, 77))",
+  color: "var(--ds-text, #292A2E)",
   marginTop: "var(--ds-space-300, 24px)"
 });
 const emptyStateSubHeading = css({

package/dist/es2019/element-browser/components/ElementSearch.js

@@ -156,7 +156,7 @@ const wrapperInline = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > [data-ds--text-field--container]': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    height: `${GRID_SIZE * 5}px`,
+    height: `40px`,
     flex: 'none',
     overflow: 'revert'
   }

package/dist/es2019/element-browser/components/StatelessElementBrowser.js

@@ -94,7 +94,7 @@ const searchContainer = css({
 const mobileCategoryListWrapper = css({
   display: 'flex',
   overflowX: 'auto',
-  padding: `${"var(--ds-space-200, 8px)"} 0 ${"var(--ds-space-200, 16px)"} 0`,
+  padding: `${"var(--ds-space-200, 16px)"} 0 ${"var(--ds-space-200, 16px)"} 0`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minHeight: `${GRID_SIZE * 4}px`,
   overflow: '-moz-scrollbars-none',
@@ -109,7 +109,7 @@ const mobileCategoryListWrapper = css({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const categoryListWrapper = css(mobileCategoryListWrapper, {
   padding: 0,
-  marginTop: "var(--ds-space-200, 24px)",
+  marginTop: "var(--ds-space-200, 16px)",
   flexDirection: 'column'
 });
 function StatelessElementBrowser(props) {

package/dist/es2019/extensibility/Extension/Extension/index.js

@@ -148,8 +148,12 @@ function ExtensionWithPluginState(props) {
   const extensionContentStyles = expValEquals('platform_editor_extension_styles', 'isEnabled', true) ? extensionContent : content;
   return jsx(Fragment, null, expValEquals('cc_editor_lcm_readonly_initial', 'isEnabled', true) ? null : showLegacyContentHeader && jsx(LegacyContentHeader, {
     isNodeSelected: isNodeSelected,
-    isNodeHovered: isNodeHovered,
-    onMouseEnter: () => handleMouseEvent(true),
+    isNodeHovered: isNodeHovered
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
+    onMouseEnter: () => handleMouseEvent(true)
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMouseLeave: () => handleMouseEvent(false)
   }), !showLegacyContentHeader && showMacroInteractionDesignUpdates && !isLivePageViewMode && jsx(ExtensionLozenge, {
     isNodeSelected: isNodeSelected,
@@ -244,7 +248,9 @@ const Extension = props => {
   });
 
   // Ignored via go/ees005
-  return jsx(ExtensionWithPluginState, _extends({
+  return jsx(ExtensionWithPluginState
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , _extends({
     widthState: {
       width: width !== null && width !== void 0 ? width : 0,
       lineLength

package/dist/es2019/extensibility/Extension/Extension/styles.js

@@ -62,7 +62,7 @@ export const header = css({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const content = css({
   padding: "var(--ds-space-100, 8px)",
-  background: "var(--ds-surface, white)",
+  background: "var(--ds-surface, #FFFFFF)",
   border: `1px solid ${"var(--ds-border, #0B120E24)"}`,
   borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',
@@ -82,7 +82,7 @@ export const extensionContent = css({
   boxSizing: 'border-box',
   paddingTop: "var(--ds-space-100, 8px)",
   paddingBottom: "var(--ds-space-100, 8px)",
-  background: "var(--ds-surface, white)",
+  background: "var(--ds-surface, #FFFFFF)",
   border: `1px solid ${"var(--ds-border, #0B120E24)"}`,
   borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',

package/dist/es2019/extensibility/Extension/InlineExtension/styles.js

@@ -19,7 +19,7 @@ export const wrapperStyle = css(wrapperDefault, {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-children': {
     padding: 0,
-    background: "var(--ds-background-neutral-subtle, white)"
+    background: "var(--ds-background-neutral-subtle, #00000000)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.with-hover-border': {

package/dist/es2019/extensibility/Extension/LegacyContentHeader/index.js

@@ -51,7 +51,7 @@ const lcmHeaderStyles = css({
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > .legacy-content-header-text': {
-    font: "var(--ds-font-body-small, 12px)",
+    font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '& span': {
       paddingRight: "var(--ds-space-050, 4px)"

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

@@ -181,6 +181,7 @@ export const ExtensionLabel = ({
       // Ignored via go/ees005
       // eslint-disable-next-line react/jsx-props-no-spreading
       , _extends({}, i18n.configure, {
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
         values: {
           macroName: text
         }

package/dist/es2019/extensibility/Extension.js

@@ -64,7 +64,9 @@ export class Extension extends Component {
     }
   }
   render() {
-    return /*#__PURE__*/React.createElement(WithProviders, {
+    return /*#__PURE__*/React.createElement(WithProviders
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
       providers: ['extensionProvider'],
       providerFactory: this.providerFactory,
       renderNode: this.renderWithProvider

package/dist/es2019/extensibility/MultiBodiedExtension/styles.js

@@ -12,7 +12,7 @@ export const mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
     marginRight: "var(--ds-space-negative-150, -12px)"
   },
   cursor: 'pointer',
-  marginTop: "var(--ds-space-250, 24px)",
+  marginTop: "var(--ds-space-250, 20px)",
   marginBottom: "var(--ds-space-200, 16px)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.extension-title': {

package/dist/es2019/extensions/UnknownMacroPlaceholder.compiled.css

@@ -1,9 +1,9 @@
-._11c81a4x{font:var(--ds-font-body-small,9pt)}
 ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._19it1tra{border:1px solid var(--ds-background-neutral,#0515240f)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko14xi{border-radius:var(--ds-radius-small,4px) var(--ds-radius-small,4px) 0 0}
-._n7zl1tra{border-bottom:1px solid var(--ds-background-neutral,#0515240f)}
+._n7zlbjo2{border-bottom:var(--ds-border-width,1px) solid var(--ds-background-neutral,#0515240f)}
 ._154i1n1a{top:-1px}
 ._18m915vq{overflow-y:hidden}
 ._18u0idpf{margin-left:0}
@@ -14,8 +14,8 @@
 ._1reo15vq{overflow-x:hidden}
 ._2hwxidpf{margin-right:0}
 ._6z24egat{tab-size:4}
+._bfhkhp5a{background-color:var(--ds-surface-raised,#fff)}
 ._bfhki8nm{background-color:var(--ds-background-neutral,#0515240f)}
-._bfhkrnwa{background-color:var(--ds-surface-raised,#fffdf6)}
 ._bfhkvuon{background-color:var(--ds-surface,#fff)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._ca0qutpp{padding-top:var(--ds-space-150,9pt)}

package/dist/es2019/extensions/UnknownMacroPlaceholder.js

@@ -27,6 +27,7 @@ export function UnknownMacroPlaceholder({
     const value = String((_param$value = param === null || param === void 0 ? void 0 : param.value) !== null && _param$value !== void 0 ? _param$value : '').trim();
     return `${key} = ${value}`;
   };
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
   const visibleParams = Object.entries(macroParams).filter(([key]) => !key.startsWith('_')).map(([key, param]) => formatParam(key, param)).join(' | ');
   const headerText = visibleParams ? `${intl.formatMessage(messages.unknownMacroHeader, {
     macroTitle
@@ -35,9 +36,9 @@ export function UnknownMacroPlaceholder({
   });
   return /*#__PURE__*/React.createElement("section", {
     "aria-label": intl.formatMessage(messages.unknownMacroPlaceholderAriaLabel),
-    className: ax(["_19it1tra _2rko12b0 _1reo15vq _18m915vq _bfhkrnwa"])
+    className: ax(["_19it1tra _2rko12b0 _1reo15vq _18m915vq _bfhkhp5a"])
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rko14xi _11c81a4x _n7zl1tra _bfhki8nm _ca0qu2gc _u5f3pxbi _n3td1b66 _19bvpxbi _kqswh2mm _154i1n1a"])
+    className: ax(["_2rko14xi _11c8wadc _n7zlbjo2 _bfhki8nm _ca0qu2gc _u5f3pxbi _n3td1b66 _19bvpxbi _kqswh2mm _154i1n1a"])
   }, headerText), /*#__PURE__*/React.createElement("div", {
     className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _bfhkvuon _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp"])
   }, /*#__PURE__*/React.createElement("pre", {

package/dist/es2019/keymaps/index.js

@@ -270,6 +270,7 @@ export function getAriaKeyshortcuts(keymap) {
         case 'arrowdown':
           return 'Arrow Down';
         default:
+          // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
           return modifier.split('').join(' ');
       }
     }).join('+');

package/dist/es2019/link/ConfigureLinkOverlay/Dropdown.js

@@ -63,6 +63,7 @@ const Dropdown = ({
     focusEditor();
   }, [fireActionClickEvent, focusEditor, onConfigureClickCallback]);
   return jsx(DropdownMenu, {
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
     trigger: ({
       onClick,
       triggerRef,
@@ -75,7 +76,9 @@ const Dropdown = ({
       iconBefore: jsx(ChevronDownIcon, {
         label: configureLinkLabel,
         size: "small"
-      }),
+      })
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onClick: e => {
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
         fireLinkClickEvent();

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -768,11 +768,15 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       ariaActiveDescendant: ariaActiveDescendant,
       ariaControls: linkSearchListId,
       ariaAutoComplete: true,
-      describedById: screenReaderDescriptionId,
+      describedById: screenReaderDescriptionId
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
       ref: ele => this.urlInputContainer = ele,
       testId: 'link-url',
       onSubmit: this.handleSubmit,
-      onChange: this.updateInput,
+      onChange: this.updateInput
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
       autoFocus: {
         preventScroll: true
       },
@@ -795,7 +799,9 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       css: [inputLabel, textLabelMargin]
     }, formatMessage(messages.textVisibleLabel)), jsx("div", {
       css: [inputWrapper, inputWrapperPosition]
-    }, jsx(PanelTextInput, {
+    }, jsx(PanelTextInput
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    , {
       ref: ele => this.displayTextInputContainer = ele,
       testId: 'link-text',
       onChange: this.updateTextInput,
@@ -837,14 +843,17 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
       onMouseLeave: this.handleMouseLeaveResultItem
     })));
     if (expValEquals('platform_editor_a11y_escape_link_dialog', 'isEnabled', true)) {
-      return jsx(FocusLock, {
-        returnFocus: {
-          preventScroll: true
-        },
-        focusOptions: {
-          preventScroll: true
-        }
-      }, hyperlinkElement);
+      return (
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+        jsx(FocusLock, {
+          returnFocus: {
+            preventScroll: true
+          },
+          focusOptions: {
+            preventScroll: true
+          }
+        }, hyperlinkElement)
+      );
     }
     return hyperlinkElement;
   }

package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/index.js

@@ -35,9 +35,13 @@ export function HyperlinkAddToolbar({
   timesViewed,
   isOffline
 }) {
-  return /*#__PURE__*/React.createElement(WithProviders, {
+  return /*#__PURE__*/React.createElement(WithProviders
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     providers: ['activityProvider', 'searchProvider'],
-    providerFactory: providerFactory,
+    providerFactory: providerFactory
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     renderNode: ({
       activityProvider,
       searchProvider

package/dist/es2019/link/LinkSearch/LinkSearchList.js

@@ -50,14 +50,18 @@ const LinkSearchList = ({
     }, items.map((item, index) => jsx(ForwardedLinkSearchListItemNextWithIntl, {
       id: `link-search-list-item-${index}`,
       item: item,
-      selected: selectedIndex === index,
+      selected: selectedIndex === index
+      // eslint-disable-next-line @atlassian/perf-linting/detect-unnecessary-rerenders, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onFocus: () => onFocus === null || onFocus === void 0 ? void 0 : onFocus(index),
       onKeyDown: onKeyDown,
       onMouseMove: onMouseMove,
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave,
       onSelect: onSelect,
-      key: item.objectId,
+      key: item.objectId
+      // eslint-disable-next-line @atlassian/perf-linting/detect-unnecessary-rerenders, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       ref: el => listItemRefCallback === null || listItemRefCallback === void 0 ? void 0 : listItemRefCallback(el, item.objectId)
     })));
   }

package/dist/es2019/link/LinkSearch/withActivityProvider.js

@@ -10,7 +10,7 @@ export default function withActivityProvider(WrappedComponent) {
       super(...args);
       _defineProperty(this, "renderNode", providers => {
         const {
-          providerFactory,
+          providerFactory: _providerFactory,
           ...props
         } = this.props;
         const {
@@ -28,7 +28,9 @@ export default function withActivityProvider(WrappedComponent) {
       const {
         providerFactory
       } = this.props;
-      return /*#__PURE__*/React.createElement(WithProviders, {
+      return /*#__PURE__*/React.createElement(WithProviders
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         providers: ['activityProvider'],
         providerFactory: providerFactory,
         renderNode: this.renderNode

package/dist/es2019/mark/commands.js

@@ -19,8 +19,8 @@ const SMART_TO_ASCII = {
 const FIND_SMART_CHAR = new RegExp(`[${Object.keys(SMART_TO_ASCII).join('')}]`, 'g');
 export function filterChildrenBetween(doc, from, to, predicate) {
   const results = [];
-  doc.nodesBetween(from, to, (node, pos, parent) => {
-    if (predicate(node, pos, parent)) {
+  doc.nodesBetween(from, to, (node, pos, _parent) => {
+    if (predicate(node, pos, _parent)) {
       results.push({
         node,
         pos
@@ -43,7 +43,7 @@ export function transformNonTextNodesToText(from, to, tr) {
     inlineCard: inlineCardNodeType
   } = schema.nodes;
   const nodesToChange = [];
-  doc.nodesBetween(from, to, (node, pos, parent) => {
+  doc.nodesBetween(from, to, (node, pos, _parent) => {
     if ([mentionNodeType, textNodeType, emojiNodeType, inlineCardNodeType].includes(node.type)) {
       nodesToChange.push({
         node,
@@ -67,6 +67,8 @@ export function transformNonTextNodesToText(from, to, tr) {
       const startPositionInSelection = Math.max(pos, from);
       const endPositionInSelection = Math.min(pos + node.nodeSize, to);
       const textForReplacing = doc.textBetween(startPositionInSelection, endPositionInSelection);
+
+      // eslint-disable-next-line @atlassian/perf-linting/no-expensive-split-replace -- Ignored via go/ees017 (to be fixed)
       const newText = textForReplacing.replace(FIND_SMART_CHAR, match => {
         var _SMART_TO_ASCII$match;
         return (_SMART_TO_ASCII$match = SMART_TO_ASCII[match]) !== null && _SMART_TO_ASCII$match !== void 0 ? _SMART_TO_ASCII$match : match;

package/dist/es2019/media-inline/inline-image-card.js

@@ -52,7 +52,9 @@ export const InlineImageCard = ({
   return jsx(Fragment, null, jsx(MediaImage, {
     dataURI: preview.dataURI,
     alt: alt,
-    previewOrientation: preview.orientation,
+    previewOrientation: preview.orientation
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onImageLoad: () => {
       onImageLoad(preview);
     },

package/dist/es2019/media-inline/media-inline-image-card.js

@@ -121,7 +121,9 @@ export const MediaInlineImageCardInternal = ({
       value: mediaClient
     }, jsx(InlineImageCard, {
       dimensions: dimensions,
-      identifier: identifier,
+      identifier: identifier
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       renderError: () => jsx(InlineImageCardErrorView, {
         message: formatMessage(messages.unableToLoadContent)
       }),
@@ -189,7 +191,9 @@ export const MediaInlineImageCardInternal = ({
   const mediaViewer = useMemo(() => {
     if (isMediaViewerVisible && mediaClient !== null && mediaClient !== void 0 && mediaClient.mediaClientConfig) {
       return /*#__PURE__*/ReactDOM.createPortal(jsx(MediaViewer, {
-        collectionName: identifier.collectionName || '',
+        collectionName: identifier.collectionName || ''
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         items: [identifier],
         mediaClientConfig: mediaClient === null || mediaClient === void 0 ? void 0 : mediaClient.mediaClientConfig,
         selectedItem: identifier,

package/dist/es2019/media-single/CommentBadge.js

@@ -64,11 +64,11 @@ export const CommentBadge = /*#__PURE__*/forwardRef(({
   const colourToken = useMemo(() => {
     switch (status) {
       case 'active':
-        return "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)";
+        return "var(--ds-background-accent-yellow-subtlest-pressed, #EFDD4E)";
       case 'entered':
-        return "var(--ds-background-accent-yellow-subtlest-hovered, #F8E6A0)";
+        return "var(--ds-background-accent-yellow-subtlest-hovered, #F5E989)";
       default:
-        return "var(--ds-background-accent-yellow-subtlest, #FFF7D6)";
+        return "var(--ds-background-accent-yellow-subtlest, #FEF7C8)";
     }
   }, [status]);
   return jsx("div", {
@@ -83,7 +83,9 @@ export const CommentBadge = /*#__PURE__*/forwardRef(({
   }, jsx(Tooltip, {
     position: "top",
     content: title
-  }, jsx(CustomThemeButton, {
+  }, jsx(CustomThemeButton
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     style: {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       height: badgeDimensions,