@atlaskit/editor-common 112.7.3 → 112.7.5

package/dist/es2019/ui-color/ColorPalette/Palettes/textColorPalette.js

@@ -7,7 +7,7 @@ export const mapPaletteColor = (label, color) => {
   return {
     value: color,
     label,
-    border: "var(--ds-border, #091E4224)",
+    border: "var(--ds-border, #0B120E24)",
     message
   };
 };

package/dist/es2019/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js

@@ -49,9 +49,13 @@ export const MenuArrowKeyNavigationProvider = ({
     const currentIndex = currentSelectedItemIndex;
     const list = getFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
     const currentElement = list[currentIndex];
+
+    // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
     if (currentElement && currentElement.getAttribute('aria-disabled') === 'true') {
       var _list$focusIndex;
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       const focusIndex = incrementIndex(list);
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       (_list$focusIndex = list[focusIndex]) === null || _list$focusIndex === void 0 ? void 0 : _list$focusIndex.focus();
     }
   }, [currentSelectedItemIndex, onSelection, incrementIndex, decrementIndex]);

package/dist/es2019/ui-menu/ColorPickerButton/index.js

@@ -138,7 +138,9 @@ const ColorPickerButton = props => {
     return jsx(Popup, {
       target: buttonRef.current,
       fitHeight: 350,
-      fitWidth: 350,
+      fitWidth: 350
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       offset: [0, 10],
       alignX: props.alignX,
       mountTo: props.setDisableParentScroll ? props.mountPoint : undefined,
@@ -157,7 +159,9 @@ const ColorPickerButton = props => {
       type: ArrowKeyNavigationType.COLOR,
       selectedRowIndex: selectedRowIndex,
       selectedColumnIndex: selectedColumnIndex,
-      closeOnTab: true,
+      closeOnTab: true
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       handleClose: () => setIsPopupOpen(false),
       isOpenedByKeyboard: isOpenedByKeyboard,
       isPopupPositioned: isPopupPositioned,
@@ -167,7 +171,9 @@ const ColorPickerButton = props => {
       selectedColor: selectedColor,
       onClick: onColorSelected,
       handleClickOutside: togglePopup,
-      handleEscapeKeydown: handleEsc,
+      handleEscapeKeydown: handleEsc
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       paletteOptions: {
         palette: props.colorPalette,
         hexToPaletteColor: props.hexToPaletteColor,
@@ -215,7 +221,9 @@ const ColorPickerButton = props => {
     "aria-label": title,
     "aria-expanded": props.isAriaExpanded ? isPopupOpen : undefined,
     spacing: editorExperiment('platform_editor_controls', 'variant1') ? 'default' : 'compact',
-    onClick: togglePopup,
+    onClick: togglePopup
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onKeyDown: event => {
       if (event.key === 'Enter' || event.key === ' ') {
         event.preventDefault();

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

@@ -12,7 +12,6 @@ import React, { PureComponent, useContext } from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { CustomItem, MenuGroup, Section } from '@atlaskit/menu';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import Tooltip from '@atlaskit/tooltip';
@@ -50,14 +49,14 @@ const buttonStyles = (isActive, submenuActive) => {
 					position: absolute;
 					left: 0;
 					top: 0;
-					background: ${"var(--ds-border-selected, transparent)"};
+					background: ${"var(--ds-border-selected, #1868DB)"};
 					content: '';
 				}
 				> span,
 				> span:hover,
 				> span:active {
-					background: ${`var(--ds-background-selected, ${fg('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f'})`};
-					color: ${`var(--ds-text-selected, ${fg('platform_editor_updated_dropdown_colors') ? '#1868DB' : '#0C66E4'})`};
+					background: ${"var(--ds-background-selected, #E9F2FE)"};
+					color: ${"var(--ds-text-selected, #1868DB)"};
 				}
 				:focus > span[aria-disabled='false'] {
 					${focusedMenuItemStyle};
@@ -77,8 +76,8 @@ const buttonStyles = (isActive, submenuActive) => {
 			> span,
 			> span:hover,
 			> span:active {
-				background: ${`var(--ds-background-selected, ${fg('platform_editor_updated_dropdown_colors') ? '#E9F2FE' : '#6c798f'})`};
-				color: ${`var(--ds-text-selected, ${fg('platform_editor_updated_dropdown_colors') ? '#1868DB' : '#0C66E4'})`};
+				background: ${"var(--ds-background-selected, #E9F2FE)"};
+				color: ${"var(--ds-text-selected, #1868DB)"};
 			}
 			:focus > span[aria-disabled='false'] {
 				${focusedMenuItemStyle};
@@ -93,11 +92,11 @@ const buttonStyles = (isActive, submenuActive) => {
     return css`
 			> span:hover[aria-disabled='false'] {
 				color: ${"var(--ds-text, #292A2E)"};
-				background-color: ${"var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))"};
+				background-color: ${"var(--ds-background-neutral-subtle-hovered, #0515240F)"};
 			}
 			${!submenuActive && `
 					> span:active[aria-disabled='false'] {
-						background-color: ${"var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))"};
+						background-color: ${"var(--ds-background-neutral-subtle-pressed, #0B120E24)"};
 					}`}
 			> span[aria-disabled='true'] {
 				color: ${"var(--ds-text-disabled, #080F214A)"};
@@ -231,7 +230,9 @@ export default class DropdownMenuWrapper extends PureComponent {
       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: e => {
         if (!allowEnterDefaultBehavior) {
           e.preventDefault();
@@ -361,20 +362,28 @@ export function DropdownMenuItem({
     role: shouldUseDefaultRole ? 'button' : 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: () => onItemActivated && onItemActivated({
       item
     }),
     "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: 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: () => onMouseEnter && onMouseEnter({
       item
-    }),
+    })
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMouseLeave: () => onMouseLeave && onMouseLeave({
       item
     }),
@@ -400,7 +409,9 @@ export const DropdownMenuWithKeyboardNavigation = /*#__PURE__*/React.memo(
 
   // 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 jsx(DropdownMenuWrapper, _extends({
+  return jsx(DropdownMenuWrapper
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , _extends({
     arrowKeyNavigationProviderOptions: {
       ...props.arrowKeyNavigationProviderOptions,
       keyDownHandlerContext

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

@@ -12,7 +12,7 @@ const _default_1 = /*#__PURE__*/React.forwardRef((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/esm/analytics/types/enums.js

@@ -368,6 +368,7 @@ export var 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 var ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {

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

@@ -24,7 +24,9 @@ var IconCardGlyph = function IconCardGlyph(_ref) {
 export var IconCard = function IconCard(_ref2) {
   var label = _ref2.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/esm/card/ui/assets/embed.js

@@ -24,7 +24,9 @@ var IconEmbedGlyph = function IconEmbedGlyph(_ref) {
 export var IconEmbed = function IconEmbed(_ref2) {
   var label = _ref2.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/esm/card/ui/assets/inline.js

@@ -24,7 +24,9 @@ var IconInlineGlyph = function IconInlineGlyph(_ref) {
 export var IconInline = function IconInline(_ref2) {
   var label = _ref2.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/esm/card/ui/assets/url.js

@@ -26,7 +26,9 @@ var IconUrlGlyph = function IconUrlGlyph(_ref) {
 export var IconUrl = function IconUrl(_ref2) {
   var label = _ref2.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/esm/element-browser/components/CategoryList.js

@@ -16,7 +16,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';
 var arrowsKeys = new Set(['ArrowUp', 'ArrowDown']);
 function CategoryList(_ref) {
@@ -175,7 +175,7 @@ function CategoryListItem(_ref2) {
 }
 var buttonWrapper = css(_defineProperty({
   // 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: "".concat(GRID_SIZE * 4, "px"),
+  height: "32px",
   margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0")
 }, "@media (min-width: ".concat(DEVICE_BREAKPOINT_NUMBERS.medium, "px)"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766

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

@@ -36,7 +36,7 @@ export var itemIcon = css({
   width: "".concat(ICON_WIDTH, "px"),
   height: "".concat(ICON_HEIGHT, "px"),
   overflow: 'hidden',
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, rgba(223, 225, 229, 0.5))"),
+  border: "var(--ds-border-width, 1px)".concat(" 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',
@@ -85,6 +85,7 @@ function ElementList(_ref) {
       setColumnCount(getColumnCount(containerWidth));
       var 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);
       }
     }
@@ -504,8 +505,7 @@ var 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/esm/element-browser/components/ElementList/EmptyState.js

@@ -51,7 +51,7 @@ export default function EmptyState(_ref) {
 }
 var 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)"
 });
 var emptyStateSubHeading = css({

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

@@ -154,7 +154,7 @@ var 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: "".concat(GRID_SIZE * 5, "px"),
+    height: "40px",
     flex: 'none',
     overflow: 'revert'
   }

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

@@ -95,7 +95,7 @@ var searchContainer = css({
 var mobileCategoryListWrapper = css({
   display: 'flex',
   overflowX: 'auto',
-  padding: "var(--ds-space-200, 8px)".concat(" 0 ", "var(--ds-space-200, 16px)", " 0"),
+  padding: "var(--ds-space-200, 16px)".concat(" 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: "".concat(GRID_SIZE * 4, "px"),
   overflow: '-moz-scrollbars-none',
@@ -110,7 +110,7 @@ var 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
 var categoryListWrapper = css(mobileCategoryListWrapper, {
   padding: 0,
-  marginTop: "var(--ds-space-200, 24px)",
+  marginTop: "var(--ds-space-200, 16px)",
   flexDirection: 'column'
 });
 function StatelessElementBrowser(props) {

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

@@ -141,10 +141,14 @@ function ExtensionWithPluginState(props) {
   var 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,
+    isNodeHovered: isNodeHovered
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMouseEnter: function onMouseEnter() {
       return handleMouseEvent(true);
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMouseLeave: function onMouseLeave() {
       return handleMouseEvent(false);
     }
@@ -242,7 +246,9 @@ var Extension = function Extension(props) {
     width = _useSharedPluginState.width;
 
   // 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: lineLength

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

@@ -62,7 +62,7 @@ export var header = css({
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var content = css({
   padding: "var(--ds-space-100, 8px)",
-  background: "var(--ds-surface, white)",
+  background: "var(--ds-surface, #FFFFFF)",
   border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
   borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',
@@ -82,7 +82,7 @@ export var 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 ".concat("var(--ds-border, #0B120E24)"),
   borderRadius: "var(--ds-radius-small, 3px)",
   cursor: 'initial',

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

@@ -19,7 +19,7 @@ export var 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/esm/extensibility/Extension/LegacyContentHeader/index.js

@@ -51,7 +51,7 @@ var 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/esm/extensibility/Extension/Lozenge/ExtensionLabel.js

@@ -181,6 +181,7 @@ export var ExtensionLabel = function ExtensionLabel(_ref) {
       // 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/esm/extensibility/Extension.js

@@ -76,7 +76,9 @@ export var Extension = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function 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/esm/extensibility/MultiBodiedExtension/styles.js

@@ -12,7 +12,7 @@ export var 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/esm/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)}
 ._19it7tl1{border:var(--_98ihdp)}
 ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
 ._2rko14xi{border-radius:var(--ds-radius-small,4px) var(--ds-radius-small,4px) 0 0}
-._n7zl7tl1{border-bottom:var(--_98ihdp)}
+._n7zl1q32{border-bottom:var(--_1e0q5w0)}
 ._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/esm/extensions/UnknownMacroPlaceholder.js

@@ -27,6 +27,7 @@ export function UnknownMacroPlaceholder(_ref) {
     var value = String((_param$value = param === null || param === void 0 ? void 0 : param.value) !== null && _param$value !== void 0 ? _param$value : '').trim();
     return "".concat(key, " = ").concat(value);
   };
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
   var visibleParams = Object.entries(macroParams).filter(function (_ref2) {
     var _ref3 = _slicedToArray(_ref2, 1),
       key = _ref3[0];
@@ -44,14 +45,14 @@ export function UnknownMacroPlaceholder(_ref) {
   });
   return /*#__PURE__*/React.createElement("section", {
     "aria-label": intl.formatMessage(messages.unknownMacroPlaceholderAriaLabel),
-    className: ax(["_19it7tl1 _2rko12b0 _1reo15vq _18m915vq _bfhkrnwa"]),
+    className: ax(["_19it7tl1 _2rko12b0 _1reo15vq _18m915vq _bfhkhp5a"]),
     style: {
       "--_98ihdp": ix("1px solid ".concat(neutralBorder))
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rko14xi _11c81a4x _n7zl7tl1 _bfhki8nm _ca0qu2gc _u5f3pxbi _n3td1b66 _19bvpxbi _kqswh2mm _154i1n1a"]),
+    className: ax(["_2rko14xi _11c8wadc _n7zl1q32 _bfhki8nm _ca0qu2gc _u5f3pxbi _n3td1b66 _19bvpxbi _kqswh2mm _154i1n1a"]),
     style: {
-      "--_98ihdp": ix("1px solid ".concat(neutralBorder))
+      "--_1e0q5w0": ix("var(--ds-border-width, 1px)".concat(" solid ", neutralBorder))
     }
   }, headerText), /*#__PURE__*/React.createElement("div", {
     className: ax(["_19pkidpf _2hwxidpf _otyridpf _18u0idpf _bfhkvuon _ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp"])

package/dist/esm/keymaps/index.js

@@ -274,6 +274,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/esm/link/ConfigureLinkOverlay/Dropdown.js

@@ -63,6 +63,7 @@ var Dropdown = function Dropdown(_ref) {
     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: function trigger(_ref3) {
       var _onClick = _ref3.onClick,
         triggerRef = _ref3.triggerRef,
@@ -75,7 +76,9 @@ var Dropdown = function Dropdown(_ref) {
         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: function onClick(e) {
           _onClick === null || _onClick === void 0 || _onClick(e);
           fireLinkClickEvent();

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

@@ -912,13 +912,17 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_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: function ref(ele) {
           return _this3.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
         },
@@ -941,7 +945,9 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_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: function ref(ele) {
           return _this3.displayTextInputContainer = ele;
         },
@@ -985,14 +991,17 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_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/esm/link/LinkPicker/HyperlinkAddToolbar/index.js

@@ -36,9 +36,13 @@ export function HyperlinkAddToolbar(_ref2) {
     searchSessionId = _ref2.searchSessionId,
     timesViewed = _ref2.timesViewed,
     isOffline = _ref2.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: function renderNode(_ref3) {
       var activityProvider = _ref3.activityProvider,
         searchProvider = _ref3.searchProvider;

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

@@ -50,7 +50,9 @@ var LinkSearchList = function LinkSearchList(_ref) {
       return jsx(ForwardedLinkSearchListItemNextWithIntl, {
         id: "link-search-list-item-".concat(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: function onFocus() {
           return _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(index);
         },
@@ -59,7 +61,9 @@ var LinkSearchList = function LinkSearchList(_ref) {
         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: function ref(el) {
           return listItemRefCallback === null || listItemRefCallback === void 0 ? void 0 : listItemRefCallback(el, item.objectId);
         }

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

@@ -24,7 +24,7 @@ export default function withActivityProvider(WrappedComponent) {
       _this = _callSuper(this, WithActivityProvider, [].concat(args));
       _defineProperty(_this, "renderNode", function (providers) {
         var _ref = _this.props,
-          providerFactory = _ref.providerFactory,
+          _providerFactory = _ref.providerFactory,
           props = _objectWithoutProperties(_ref, _excluded);
         var activityProvider = providers.activityProvider;
 
@@ -41,7 +41,9 @@ export default function withActivityProvider(WrappedComponent) {
       key: "render",
       value: function render() {
         var providerFactory = this.props.providerFactory;
-        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