@atlaskit/renderer 128.2.3 → 128.3.1

package/dist/cjs/ui/Renderer/truncated-wrapper.js

@@ -31,7 +31,8 @@ var fadeOutStyles = function fadeOutStyles(maxHeight, top, backgroundColor) {
       bottom: 0,
       left: 0,
       right: 0,
-      backgroundImage: "linear-gradient( ".concat("var(--ds-background-neutral-subtle, rgba(255, 255, 255, 0))", ", ", backgroundColor, " )")
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+      backgroundImage: "linear-gradient( ".concat("var(--ds-background-neutral-subtle, #00000000)", ", ", backgroundColor, " )")
     }
   });
 };
@@ -67,7 +68,7 @@ var TruncatedWrapper = exports.TruncatedWrapper = /*#__PURE__*/function (_Compon
         _this$props$fadeHeigh = _this$props.fadeHeight,
         fadeHeight = _this$props$fadeHeigh === void 0 ? 24 : _this$props$fadeHeigh,
         _this$props$backgroun = _this$props.backgroundColor,
-        backgroundColor = _this$props$backgroun === void 0 ? "var(--ds-surface, white)" : _this$props$backgroun,
+        backgroundColor = _this$props$backgroun === void 0 ? "var(--ds-surface, #FFFFFF)" : _this$props$backgroun,
         children = _this$props.children;
       return (0, _react.jsx)(FadeOut, {
         height: height,

package/dist/es2019/react/index.js

@@ -449,7 +449,7 @@ export default class ReactSerializer {
     };
   }
   getMediaProps(node, path = []) {
-    var _this$media, _this$media2;
+    var _this$media, _this$media2, _this$media3;
     const {
       marks: {
         annotation,
@@ -479,6 +479,7 @@ export default class ReactSerializer {
       // surroundTextNodesWithTextWrapper checks inlineComment.allowDraftMode
       allowAnnotationsDraftMode: this.surroundTextNodesWithTextWrapper,
       enableSyncMediaCard: (_this$media2 = this.media) === null || _this$media2 === void 0 ? void 0 : _this$media2.enableSyncMediaCard,
+      mediaViewerExtensions: (_this$media3 = this.media) === null || _this$media3 === void 0 ? void 0 : _this$media3.mediaViewerExtensions,
       nestedUnder
     };
   }
@@ -519,21 +520,21 @@ export default class ReactSerializer {
     };
   }
   getMediaGroupProps(node) {
-    var _this$media3, _this$media4;
+    var _this$media4, _this$media5;
     return {
       ...this.getProps(node),
       shouldOpenMediaViewer: this.shouldOpenMediaViewer,
       allowAltTextOnImages: this.allowAltTextOnImages,
       featureFlags: this.media && this.media.featureFlags,
-      enableDownloadButton: (_this$media3 = this.media) === null || _this$media3 === void 0 ? void 0 : _this$media3.enableDownloadButton,
-      ssr: (_this$media4 = this.media) === null || _this$media4 === void 0 ? void 0 : _this$media4.ssr
+      enableDownloadButton: (_this$media4 = this.media) === null || _this$media4 === void 0 ? void 0 : _this$media4.enableDownloadButton,
+      ssr: (_this$media5 = this.media) === null || _this$media5 === void 0 ? void 0 : _this$media5.ssr
     };
   }
   getMediaInlineProps(node) {
-    var _this$media5;
+    var _this$media6;
     return {
       ...this.getProps(node),
-      ssr: (_this$media5 = this.media) === null || _this$media5 === void 0 ? void 0 : _this$media5.ssr
+      ssr: (_this$media6 = this.media) === null || _this$media6 === void 0 ? void 0 : _this$media6.ssr
     };
   }
   getTaskItemProps(node, path = []) {

package/dist/es2019/react/marks/data-consumer.js

@@ -2,7 +2,9 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 export default function DataConsumer(props) {
   const WrapperElement = props.isInline ? 'span' : 'div';
-  return /*#__PURE__*/React.createElement(WrapperElement, _extends({
+  return /*#__PURE__*/React.createElement(WrapperElement
+  // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+  , _extends({
     "data-source": props.sources ? JSON.stringify(props.sources) : undefined,
     "data-mark-type": "dataConsumer"
     // Ignored via go/ees005

package/dist/es2019/react/marks/link.js

@@ -6,7 +6,6 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
-import { B400, B300, B500 } from '@atlaskit/theme/colors';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { getEventHandler } from '../../utils';
 import { PLATFORM, MODE } from '../../analytics/events';
@@ -14,13 +13,13 @@ import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/anal
 import LinkUrl from '@atlaskit/smart-card/link-url';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 const anchorStyles = css({
-  color: `var(--ds-link, ${B400})`,
+  color: "var(--ds-link, #1868DB)",
   '&:hover': {
-    color: `var(--ds-link, ${B300})`,
+    color: "var(--ds-link, #1868DB)",
     textDecoration: 'underline'
   },
   '&:active': {
-    color: `var(--ds-link-pressed, ${B500})`
+    color: "var(--ds-link-pressed, #1558BC)"
   }
 });
 export default function Link(props) {
@@ -38,7 +37,7 @@ export default function Link(props) {
     try {
       var _onSetLinkTarget;
       actualTarget = (_onSetLinkTarget = onSetLinkTarget(href)) !== null && _onSetLinkTarget !== void 0 ? _onSetLinkTarget : actualTarget;
-    } catch (error) {
+    } catch (error) {// eslint-disable-line no-unused-vars
       // If URL parsing fails, use the original target
     }
   }
@@ -64,7 +63,9 @@ export default function Link(props) {
   return jsx(AnalyticsContext, {
     data: analyticsData
   }, jsx(LinkUrl, _extends({
-    css: anchorStyles,
+    css: anchorStyles
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onClick: e => {
       if (fireAnalyticsEvent) {
         fireAnalyticsEvent({

package/dist/es2019/react/nodes/blockCard.js

@@ -16,37 +16,36 @@ import { DatasourceTableView } from '@atlaskit/link-datasource';
 import { CardSSR } from '@atlaskit/smart-card/ssr';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { N40 } from '@atlaskit/theme/colors';
 import { calcBreakoutWidth, canRenderDatasource } from '@atlaskit/editor-common/utils';
 import { usePortal } from '../../ui/Renderer/PortalContext';
 import { RendererCssClassName } from '../../consts';
 const datasourceCenterWrapperStyles = css({
-  marginTop: "var(--ds-space-150, 0.75rem)",
-  marginBottom: "var(--ds-space-150, 0.75rem)"
+  marginTop: "var(--ds-space-150, 12px)",
+  marginBottom: "var(--ds-space-150, 12px)"
 });
 const datasourceContainerStyleWithMarginTop = css({
   borderRadius: `${"var(--ds-radius-large, 8px)"}`,
-  border: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
+  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,
   overflow: 'hidden',
-  marginTop: `${"var(--ds-space-150, 0.75rem)"}`,
-  marginBottom: `${"var(--ds-space-150, 0.75rem)"}`
+  marginTop: `${"var(--ds-space-150, 12px)"}`,
+  marginBottom: `${"var(--ds-space-150, 12px)"}`
 });
 
 // No vertical margin when inside center wrapper (wrapper has margin so it participates in collapse). Styles from datasourceContainerStyleLegacy
 const datasourceContainerStyleNoVerticalMargin = css({
   borderRadius: `${"var(--ds-radius-large, 8px)"}`,
-  border: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
+  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,
   overflow: 'hidden'
 });
 const datasourceContainerStyleLegacy = css({
   borderRadius: `${"var(--ds-radius-large, 8px)"}`,
-  border: `${"var(--ds-border-width, 1px)"} solid ${`var(--ds-border, ${N40})`}`,
+  border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`,
   overflow: 'hidden',
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',
-  marginBottom: `${"var(--ds-space-150, 0.75rem)"}`,
+  marginBottom: `${"var(--ds-space-150, 12px)"}`,
   transform: 'translateX(-50%)',
-  marginTop: `${"var(--ds-space-150, 0.75rem)"}`
+  marginTop: `${"var(--ds-space-150, 12px)"}`
 });
 export default function BlockCard(props) {
   const {
@@ -97,11 +96,15 @@ export default function BlockCard(props) {
       const visibleColumnKeys = columns === null || columns === void 0 ? void 0 : columns.map(({
         key
       }) => key);
+
+      // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
       const columnCustomSizesEntries = columns === null || columns === void 0 ? void 0 : columns.filter(c => !!c.width).map(({
         key,
         width
       }) => [key, width]);
       const columnCustomSizes = columnCustomSizesEntries !== null && columnCustomSizesEntries !== void 0 && columnCustomSizesEntries.length ? Object.fromEntries(columnCustomSizesEntries) : undefined;
+
+      // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
       const wrappedColumnKeys = columns === null || columns === void 0 ? void 0 : columns.filter(c => c.isWrapped).map(c => c.key);
       const {
         datasource,
@@ -188,7 +191,9 @@ export default function BlockCard(props) {
   }, jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "blockCardView-content-wrap",
-    "data-block-card": true,
+    "data-block-card": true
+    // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+    ,
     "data-card-data": data ? JSON.stringify(data) : undefined,
     "data-card-url": url,
     "data-local-id": localId

package/dist/es2019/react/nodes/codeBlock/components/codeBlockButtonContainer.js

@@ -6,11 +6,10 @@
 import { jsx, css } from '@emotion/react';
 import CopyButton from './codeBlockCopyButton';
 import CodeWrapButton from './codeBlockWrapButton';
-import { N0, N20, N30, N700 } from '@atlaskit/theme/colors';
 const codeBlockButtonsWrapper = css({
   position: 'sticky',
   top: '0px',
-  background: `${`var(--ds-surface, ${N20})`}`
+  background: `${"var(--ds-surface, #FFFFFF)"}`
 });
 const codeBlockButtonsStyle = css({
   display: 'flex',
@@ -25,24 +24,24 @@ const codeBlockButtonsStyle = css({
   button: {
     height: '32px',
     width: '32px',
-    border: `${"var(--ds-border-width-selected, 2px)"} solid ${`var(--ds-border, ${N0})`}`,
+    border: `${"var(--ds-border-width-selected, 2px)"} solid ${"var(--ds-border, #0B120E24)"}`,
     borderRadius: "var(--ds-radius-small, 4px)",
     marginLeft: "var(--ds-space-050, 4px)",
     padding: "var(--ds-space-025, 2px)",
-    background: `${`var(--ds-surface-overlay, ${N20})`}`,
-    color: `${"var(--ds-icon, rgb(66, 82, 110))"}`,
+    background: `${"var(--ds-surface-overlay, #FFFFFF)"}`,
+    color: `${"var(--ds-icon, #292A2E)"}`,
     '&:hover': {
       borderWidth: "var(--ds-border-width-selected, 2px)",
-      backgroundColor: `${`var(--ds-surface-overlay-hovered, ${N30})`}`,
+      backgroundColor: `${"var(--ds-surface-overlay-hovered, #F0F1F2)"}`,
       height: '32px',
       width: '32px'
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     '&.clicked': {
-      backgroundColor: `${`var(--ds-background-neutral-bold-pressed, ${N700})`}`,
+      backgroundColor: `${"var(--ds-background-neutral-bold-pressed, #505258)"}`,
       borderRadius: "var(--ds-radius-small, 4px)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
-      color: `${`var(--ds-icon-inverse, ${N0})`} !important`
+      color: `${"var(--ds-icon-inverse, #FFFFFF)"} !important`
     }
   }
 });

package/dist/es2019/react/nodes/codeBlock/components/codeBlockContainer.js

@@ -4,14 +4,13 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
-import { N20 } from '@atlaskit/theme/colors';
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import CodeBlockButtonContainer from './codeBlockButtonContainer';
 const codeBlockStyleOverrides = css({
   tabSize: 4,
-  backgroundColor: `var(--ds-surface-raised, ${N20})`,
+  backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   button: {
     opacity: 0,

package/dist/es2019/react/nodes/codeBlock/components/codeBlockCopyButton.js

@@ -42,7 +42,9 @@ const CopyButton = ({
     className: className,
     iconBefore: jsx(CopyIcon, {
       label: tooltip
-    }),
+    })
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onClick: event => {
       fireAnalyticsEvent({
         // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'.

package/dist/es2019/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -33,7 +33,9 @@ const CodeBlockWrapButton = ({
     iconBefore: jsx(TextWrapIcon, {
       label: ""
     }),
-    isSelected: wrapLongLines,
+    isSelected: wrapLongLines
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onClick: event => {
       fireAnalyticsEvent({
         // @ts-expect-error - Type 'ACTION.CLICKED' is not assignable to type 'ACTION.CLICKED | ACTION.MEDIA_LINK_TRANSFORMED | ACTION.STARTED | ACTION.TOGGLE_EXPAND | ACTION.UNSUPPORTED_CONTENT_ENCOUNTERED | ACTION.VISITED | ACTION.RENDERED | ACTION.INVALID_PROSEMIRROR_DOCUMENT | ACTION.CRASHED | ... 6 more ... | AnnotationActionType'

package/dist/es2019/react/nodes/codeBlock/components/lightWeightCodeBlock.js

@@ -139,7 +139,7 @@ const codeBlockSharedStyles = css({
       // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       lineHeight: '1.5rem',
       textAlign: 'right',
-      color: "var(--ds-text-subtlest, #505F79)",
+      color: "var(--ds-text-subtlest, #6B6E76)",
       boxSizing: 'content-box'
     }
   }

package/dist/es2019/react/nodes/emoji.js

@@ -35,7 +35,9 @@ class EmojiNode extends PureComponent {
       if (!providers.emojiProvider) {
         return null;
       }
-      return jsx(ResourcedEmoji, {
+      return jsx(ResourcedEmoji
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         emojiId: {
           id,
           fallback,
@@ -65,7 +67,9 @@ class EmojiNode extends PureComponent {
     }
   }
   render() {
-    return jsx(WithProviders, {
+    return jsx(WithProviders
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
       providers: ['emojiProvider'],
       providerFactory: this.providerFactory,
       renderNode: this.renderWithProvider

package/dist/es2019/react/nodes/heading.js

@@ -43,7 +43,9 @@ function WrappedHeadingAnchor({
     fireAnalyticsEvent
   }) => jsx(HeadingAnchor, {
     enableNestedHeaderLinks: enableNestedHeaderLinks,
-    level: level,
+    level: level
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onCopyText: () => {
       fireAnalyticsEvent({
         action: ACTION.CLICKED,

package/dist/es2019/react/nodes/inlineCard.js

@@ -93,7 +93,9 @@ const OverlayWithCardContext = ({
     url: url,
     compactPadding: rendererAppearance === 'comment',
     showPanelButton: showPanelButton,
-    showPanelButtonIcon: showPanelButtonIcon,
+    showPanelButtonIcon: showPanelButtonIcon
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     onClick: event => {
       if (isPreviewPanelAvailable) {
         var _extractSmartLinkEmbe;
@@ -197,7 +199,9 @@ const InlineCard = props => {
         appearance: SMART_LINK_APPEARANCE.INLINE,
         source: SMART_LINK_DRAG_TYPES.RENDERER
       }, jsx("span", _extends({
-        "data-inline-card": true,
+        "data-inline-card": true
+        // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+        ,
         "data-card-data": data ? JSON.stringify(data) : undefined,
         "data-card-url": url
         // Ignored via go/ees005
@@ -236,7 +240,9 @@ const InlineCard = props => {
         appearance: SMART_LINK_APPEARANCE.INLINE,
         source: SMART_LINK_DRAG_TYPES.RENDERER
       }, jsx("span", {
-        "data-inline-card": true,
+        "data-inline-card": true
+        // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+        ,
         "data-card-data": data ? JSON.stringify(data) : undefined,
         "data-card-url": url,
         "data-renderer-mark": inlineAnnotationProps['data-renderer-mark'],
@@ -256,7 +262,9 @@ const InlineCard = props => {
         url: url,
         showHoverPreview: !hideHoverPreview,
         actionOptions: actionOptions,
-        onClick: onClick,
+        onClick: onClick
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+        ,
         onResolve: data => {
           if (!data.url || !data.title) {
             return;
@@ -286,7 +294,9 @@ const InlineCard = props => {
       url: url,
       showHoverPreview: !hideHoverPreview,
       actionOptions: actionOptions,
-      onClick: onClick,
+      onClick: onClick
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
       onResolve: data => {
         if (!data.url || !data.title) {
           return;
@@ -307,7 +317,9 @@ const InlineCard = props => {
   }, jsx(AnalyticsContext, {
     data: analyticsData
   }, jsx("span", _extends({
-    "data-inline-card": true,
+    "data-inline-card": true
+    // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
+    ,
     "data-card-data": data ? JSON.stringify(data) : undefined,
     "data-card-url": url
     // Ignored via go/ees005
@@ -330,6 +342,7 @@ const InlineCard = props => {
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, cardProps, {
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
     onResolve: data => {
       if (!data.url || !data.title) {
         return;

package/dist/es2019/react/nodes/media/index.js

@@ -98,12 +98,15 @@ const MediaAnnotation = ({
   }
   return jsx(AnnotationComponent, {
     id: mark.attrs.id,
-    annotationType: mark.attrs.annotationType,
+    annotationType: mark.attrs.annotationType
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     dataAttributes: {
       'data-renderer-mark': true,
       'data-block-mark': true
     }
     // This should be fine being empty [] since the serializer serializeFragmentChild getMarkProps call always passes
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
     ,
     annotationParentIds: [],
     allowAnnotations: true,
@@ -184,8 +187,12 @@ const CommentBadgeWrapper = ({
       });
     }
   };
-  return jsx(CommentBadgeNext, _extends({
-    onMouseEnter: () => setEntered(true),
+  return jsx(CommentBadgeNext
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , _extends({
+    onMouseEnter: () => setEntered(true)
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMouseLeave: () => setEntered(false),
     status: entered ? 'entered' : status,
     onClick: onClick,
@@ -232,7 +239,9 @@ class Media extends PureComponent {
         marks: annotationMarks
       }, jsx(MediaBorder, {
         mark: borderMark
-      }, jsx(AnalyticsContext, {
+      }, jsx(AnalyticsContext
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         data: {
           [MEDIA_CONTEXT]: {
             border: !!borderMark
@@ -300,7 +309,9 @@ class Media extends PureComponent {
     if (!providers) {
       return this.renderCard();
     }
-    return jsx(WithProviders, {
+    return jsx(WithProviders
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
       providers: ['mediaProvider', 'contextIdentifierProvider'],
       providerFactory: providers,
       renderNode: this.renderCard
@@ -324,10 +335,14 @@ const MediaWithDraftAnnotation = props => {
     }
     const posToCheck = ((_draftPosition$from = draftPosition === null || draftPosition === void 0 ? void 0 : draftPosition.from) !== null && _draftPosition$from !== void 0 ? _draftPosition$from : 0) + 1;
     if (draftPosition !== null && posToCheck === pos) {
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       setShouldApplyDraftAnnotation(true);
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       setPosition(posToCheck);
     } else if (draftPosition === null && shouldApplyDraftAnnotation) {
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       setShouldApplyDraftAnnotation(false);
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       setPosition(undefined);
     }
   }, [draftPosition, pos, shouldApplyDraftAnnotation]);

package/dist/es2019/react/nodes/mediaInline.js

@@ -40,7 +40,7 @@ const RenderMediaInline = ({
         const fileState = await mediaClient.file.getCurrentState(id, options);
         setFileState(fileState);
       }
-    } catch (error) {
+    } catch (error) {// eslint-disable-line no-unused-vars
       // do not set state on error
     }
   }, [collectionName, mediaClient]);
@@ -63,6 +63,7 @@ const RenderMediaInline = ({
     const {
       id
     } = clipboardAttrs;
+    // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
     id && updateFileState(id);
   }, [contextIdentifier, clipboardAttrs, updateFileState]);
 
@@ -154,7 +155,9 @@ const MediaInline = props => {
       alt: alt,
       width: width,
       height: height,
-      ssr: ssr,
+      ssr: ssr
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       border: {
         borderSize,
         borderColor

package/dist/es2019/react/nodes/mediaSingle/index.js

@@ -234,7 +234,9 @@ const MediaSingleWithChildren = props => {
       width: width,
       height: height,
       lineLength: isInsideOfBlockNode ? containerWidth : lineLength,
-      containerWidth: containerWidth,
+      containerWidth: containerWidth
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       size: {
         width: widthAttr,
         widthType

package/dist/es2019/react/nodes/panel.js

@@ -35,7 +35,7 @@ const panelBaseStyles = css({
     position: 'relative',
     alignItems: 'normal',
     wordBreak: 'break-word',
-    backgroundColor: "var(--ds-background-accent-blue-subtlest, #DEEBFF)",
+    backgroundColor: "var(--ds-background-accent-blue-subtlest, #E9F2FE)",
     color: 'inherit',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '.ak-editor-panel__icon': {
@@ -88,7 +88,7 @@ const panelBaseStyles = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
     '&[data-panel-type="note"]': {
-      backgroundColor: "var(--ds-background-accent-purple-subtlest, #EAE6FF)",
+      backgroundColor: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-discovery, #AF59E1)"
@@ -96,7 +96,7 @@ const panelBaseStyles = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
     '&[data-panel-type="tip"]': {
-      backgroundColor: "var(--ds-background-accent-green-subtlest, #E3FCEF)",
+      backgroundColor: "var(--ds-background-accent-green-subtlest, #DCFFF1)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-success, #6A9A23)"
@@ -104,7 +104,7 @@ const panelBaseStyles = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
     '&[data-panel-type="warning"]': {
-      backgroundColor: "var(--ds-background-accent-yellow-subtlest, #FFFAE6)",
+      backgroundColor: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-warning, #E06C00)"
@@ -112,7 +112,7 @@ const panelBaseStyles = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
     '&[data-panel-type="error"]': {
-      backgroundColor: "var(--ds-background-accent-red-subtlest, #FFEBE6)",
+      backgroundColor: "var(--ds-background-accent-red-subtlest, #FFECEB)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-danger, #C9372C)"
@@ -120,7 +120,7 @@ const panelBaseStyles = css({
     },
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values
     '&[data-panel-type="success"]': {
-      backgroundColor: "var(--ds-background-accent-green-subtlest, #E3FCEF)",
+      backgroundColor: "var(--ds-background-accent-green-subtlest, #DCFFF1)",
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
       '.ak-editor-panel__icon': {
         color: "var(--ds-icon-success, #6A9A23)"
@@ -148,7 +148,7 @@ const panelNestedIconStyles = css({
 const nestedPanelStyles = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   '.ak-editor-panel__content .ak-editor-panel': {
-    border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #091E42)"}`
+    border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border, #0B120E24)"}`
   }
 });
 const panelCustomBackground = css({

package/dist/es2019/react/nodes/status.js

@@ -14,7 +14,9 @@ export default /*#__PURE__*/memo(function Status(props) {
   if (fg('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/React.createElement("span", _extends({}, inlineAnnotationProps, {
       role: 'emphasis'
-    }), /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+    }), /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
       data: {
         userContext: 'document'
       }
@@ -26,7 +28,9 @@ export default /*#__PURE__*/memo(function Status(props) {
       isBold: fg('platform-component-visual-refresh')
     })));
   }
-  return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext, {
+  return /*#__PURE__*/React.createElement(FabricElementsAnalyticsContext
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     data: {
       userContext: 'document'
     }

package/dist/es2019/react/nodes/table/sticky.js

@@ -10,7 +10,6 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { akEditorStickyHeaderZIndex } from '@atlaskit/editor-shared-styles';
-import { N40A } from '@atlaskit/theme/colors';
 import { Table } from './table';
 import { recursivelyInjectProps } from '../../utils/inject-props';
 export const tableStickyPadding = 8;
@@ -36,12 +35,12 @@ const fixedTableDivStaticStyles = css({
     marginBottom: 0,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     tr: {
-      background: "var(--ds-surface, white)"
+      background: "var(--ds-surface, #FFFFFF)"
     }
   },
-  borderTop: `${tableStickyPadding}px solid ${"var(--ds-surface, white)"}`,
-  background: "var(--ds-surface-overlay, white)",
-  boxShadow: `0 6px 4px -4px ${`var(--ds-shadow-overflow-perimeter, ${N40A})`}`,
+  borderTop: `${tableStickyPadding}px solid ${"var(--ds-surface, #FFFFFF)"}`,
+  background: "var(--ds-surface-overlay, #FFFFFF)",
+  boxShadow: `0 6px 4px -4px ${"var(--ds-shadow-overflow-perimeter, #1E1F211f)"}`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   "div[data-expanded='false'] &": {
     display: 'none'