@atlaskit/renderer 128.2.3 → 128.3.1

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/renderer
 
+## 128.3.1
+
+### Patch Changes
+
+- [`0f4a08b633f6e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f4a08b633f6e) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
+## 128.3.0
+
+### Minor Changes
+
+- [`6e25e8bbb01c3`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6e25e8bbb01c3) -
+  [ux] Adds mediaViewerExtensions prop to media-viewer/src/header and threads it through parents.
+  Allows callers to pass in additional buttons to the image / video preview'
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 128.2.3
 
 ### Patch Changes

package/dist/cjs/react/index.js

@@ -492,7 +492,8 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
     value: function getMediaProps(node) {
       var _this6 = this,
         _this$media,
-        _this$media2;
+        _this$media2,
+        _this$media3;
       var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var _node$type$schema$mar = node.type.schema.marks,
         annotation = _node$type$schema$mar.annotation,
@@ -527,6 +528,7 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
         // 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: nestedUnder
       });
     }
@@ -579,21 +581,21 @@ var ReactSerializer = exports.default = /*#__PURE__*/function () {
   }, {
     key: "getMediaGroupProps",
     value: function getMediaGroupProps(node) {
-      var _this$media3, _this$media4;
+      var _this$media4, _this$media5;
       return _objectSpread(_objectSpread({}, 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
       });
     }
   }, {
     key: "getMediaInlineProps",
     value: function getMediaInlineProps(node) {
-      var _this$media5;
+      var _this$media6;
       return _objectSpread(_objectSpread({}, 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
       });
     }
   }, {

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

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

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

@@ -9,7 +9,6 @@ exports.default = Link;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _utils = require("../../utils");
 var _events = require("../../analytics/events");
@@ -25,13 +24,13 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var anchorStyles = (0, _react2.css)({
-  color: "var(--ds-link, ".concat(_colors.B400, ")"),
+  color: "var(--ds-link, #1868DB)",
   '&:hover': {
-    color: "var(--ds-link, ".concat(_colors.B300, ")"),
+    color: "var(--ds-link, #1868DB)",
     textDecoration: 'underline'
   },
   '&:active': {
-    color: "var(--ds-link-pressed, ".concat(_colors.B500, ")")
+    color: "var(--ds-link-pressed, #1558BC)"
   }
 });
 function Link(props) {
@@ -47,7 +46,7 @@ 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
     }
   }
@@ -73,7 +72,9 @@ function Link(props) {
   return (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
     data: analyticsData
   }, (0, _react2.jsx)(_linkUrl.default, (0, _extends2.default)({
-    css: anchorStyles,
+    css: anchorStyles
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onClick: function onClick(e) {
       if (fireAnalyticsEvent) {
         fireAnalyticsEvent({

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

@@ -18,7 +18,6 @@ var _linkDatasource = require("@atlaskit/link-datasource");
 var _ssr = require("@atlaskit/smart-card/ssr");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
-var _colors = require("@atlaskit/theme/colors");
 var _utils = require("@atlaskit/editor-common/utils");
 var _PortalContext = require("../../ui/Renderer/PortalContext");
 var _consts = require("../../consts");
@@ -29,32 +28,32 @@ var _consts = require("../../consts");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var datasourceCenterWrapperStyles = (0, _react.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)"
 });
 var datasourceContainerStyleWithMarginTop = (0, _react.css)({
   borderRadius: "var(--ds-radius-large, 8px)",
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
+  border: "var(--ds-border-width, 1px)".concat(" 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
 var datasourceContainerStyleNoVerticalMargin = (0, _react.css)({
   borderRadius: "var(--ds-radius-large, 8px)",
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
+  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
   overflow: 'hidden'
 });
 var datasourceContainerStyleLegacy = (0, _react.css)({
   borderRadius: "var(--ds-radius-large, 8px)",
-  border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N40, ")")),
+  border: "var(--ds-border-width, 1px)".concat(" 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)"
 });
 function BlockCard(props) {
   var url = props.url,
@@ -104,6 +103,8 @@ function BlockCard(props) {
         var key = _ref3.key;
         return key;
       });
+
+      // eslint-disable-next-line @atlassian/perf-linting/no-expensive-computations-in-render -- Ignored via go/ees017 (to be fixed)
       var columnCustomSizesEntries = columns === null || columns === void 0 ? void 0 : columns.filter(function (c) {
         return !!c.width;
       }).map(function (_ref4) {
@@ -112,6 +113,8 @@ function BlockCard(props) {
         return [key, width];
       });
       var 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)
       var wrappedColumnKeys = columns === null || columns === void 0 ? void 0 : columns.filter(function (c) {
         return c.isWrapped;
       }).map(function (c) {
@@ -199,7 +202,9 @@ function BlockCard(props) {
   }, (0, _react.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/cjs/react/nodes/codeBlock/components/codeBlockButtonContainer.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _react = require("@emotion/react");
 var _codeBlockCopyButton = _interopRequireDefault(require("./codeBlockCopyButton"));
 var _codeBlockWrapButton = _interopRequireDefault(require("./codeBlockWrapButton"));
-var _colors = require("@atlaskit/theme/colors");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -18,7 +17,7 @@ var _colors = require("@atlaskit/theme/colors");
 var codeBlockButtonsWrapper = (0, _react.css)({
   position: 'sticky',
   top: '0px',
-  background: "".concat("var(--ds-surface, ".concat(_colors.N20, ")"))
+  background: "var(--ds-surface, #FFFFFF)"
 });
 var codeBlockButtonsStyle = (0, _react.css)({
   display: 'flex',
@@ -33,24 +32,24 @@ var codeBlockButtonsStyle = (0, _react.css)({
   button: {
     height: '32px',
     width: '32px',
-    border: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, ".concat(_colors.N0, ")")),
+    border: "var(--ds-border-width-selected, 2px)".concat(" solid ", "var(--ds-border, #0B120E24)"),
     borderRadius: "var(--ds-radius-small, 4px)",
     marginLeft: "var(--ds-space-050, 4px)",
     padding: "var(--ds-space-025, 2px)",
-    background: "".concat("var(--ds-surface-overlay, ".concat(_colors.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: "".concat("var(--ds-surface-overlay-hovered, ".concat(_colors.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: "".concat("var(--ds-background-neutral-bold-pressed, ".concat(_colors.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: "".concat("var(--ds-icon-inverse, ".concat(_colors.N0, ")"), " !important")
+      color: "var(--ds-icon-inverse, #FFFFFF)".concat(" !important")
     }
   }
 });

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
 var _styles = require("@atlaskit/editor-common/styles");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
@@ -20,7 +19,7 @@ var _codeBlockButtonContainer = _interopRequireDefault(require("./codeBlockButto
 
 var codeBlockStyleOverrides = (0, _react.css)((0, _defineProperty2.default)({
   tabSize: 4,
-  backgroundColor: "var(--ds-surface-raised, ".concat(_colors.N20, ")"),
+  backgroundColor: "var(--ds-surface-raised, #FFFFFF)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
   button: {
     opacity: 0,

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

@@ -57,7 +57,9 @@ var CopyButton = function CopyButton(_ref) {
       className: className,
       iconBefore: (0, _react.jsx)(_copy.default, {
         label: tooltip
-      }),
+      })
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onClick: function 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/cjs/react/nodes/codeBlock/components/codeBlockWrapButton.js

@@ -40,7 +40,9 @@ var CodeBlockWrapButton = function CodeBlockWrapButton(_ref) {
       iconBefore: (0, _react.jsx)(_textWrap.default, {
         label: ""
       }),
-      isSelected: wrapLongLines,
+      isSelected: wrapLongLines
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       onClick: function 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/cjs/react/nodes/codeBlock/components/lightWeightCodeBlock.js

@@ -120,7 +120,7 @@ var codeBlockSharedStyles = (0, _react2.css)((0, _defineProperty2.default)((0, _
   // 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'
 })));
 var lightWeightCodeBlockStyles = (0, _react2.css)((0, _defineProperty2.default)({}, ".".concat(_styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER), {

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

@@ -48,7 +48,9 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
       if (!providers.emojiProvider) {
         return null;
       }
-      return (0, _react.jsx)(_element.ResourcedEmoji, {
+      return (0, _react.jsx)(_element.ResourcedEmoji
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         emojiId: {
           id: id,
           fallback: fallback,
@@ -84,7 +86,9 @@ var EmojiNode = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      return (0, _react.jsx)(_providerFactory.WithProviders, {
+      return (0, _react.jsx)(_providerFactory.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/cjs/react/nodes/heading.js

@@ -54,7 +54,9 @@ function WrappedHeadingAnchor(_ref) {
     var fireAnalyticsEvent = _ref2.fireAnalyticsEvent;
     return (0, _react2.jsx)(_headingAnchor.default, {
       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: function onCopyText() {
         fireAnalyticsEvent({
           action: _analytics.ACTION.CLICKED,

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

@@ -110,7 +110,9 @@ var OverlayWithCardContext = function OverlayWithCardContext(_ref) {
     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: function onClick(event) {
       if (isPreviewPanelAvailable) {
         var _extractSmartLinkEmbe;
@@ -212,7 +214,9 @@ var InlineCard = function InlineCard(props) {
         appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.INLINE,
         source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.RENDERER
       }, (0, _react2.jsx)("span", (0, _extends2.default)({
-        "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
@@ -251,7 +255,9 @@ var InlineCard = function InlineCard(props) {
         appearance: _editorSmartLinkDraggable.SMART_LINK_APPEARANCE.INLINE,
         source: _editorSmartLinkDraggable.SMART_LINK_DRAG_TYPES.RENDERER
       }, (0, _react2.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'],
@@ -271,7 +277,9 @@ var InlineCard = function 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: function onResolve(data) {
           if (!data.url || !data.title) {
             return;
@@ -301,7 +309,9 @@ var InlineCard = function 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: function onResolve(data) {
         if (!data.url || !data.title) {
           return;
@@ -322,7 +332,9 @@ var InlineCard = function InlineCard(props) {
   }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
     data: analyticsData
   }, (0, _react2.jsx)("span", (0, _extends2.default)({
-    "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
@@ -345,6 +357,7 @@ var InlineCard = function 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: function onResolve(data) {
       if (!data.url || !data.title) {
         return;

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

@@ -115,12 +115,15 @@ var MediaAnnotation = function MediaAnnotation(_ref3) {
   }
   return (0, _react2.jsx)(_annotation.default, {
     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,
@@ -209,10 +212,14 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref5) {
       });
     }
   };
-  return (0, _react2.jsx)(_mediaSingle.CommentBadgeNext, (0, _extends2.default)({
+  return (0, _react2.jsx)(_mediaSingle.CommentBadgeNext
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , (0, _extends2.default)({
     onMouseEnter: function onMouseEnter() {
       return setEntered(true);
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMouseLeave: function onMouseLeave() {
       return setEntered(false);
     },
@@ -262,7 +269,9 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         marks: annotationMarks
       }, (0, _react2.jsx)(MediaBorder, {
         mark: borderMark
-      }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext, {
+      }, (0, _react2.jsx)(_analyticsNext.AnalyticsContext
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         data: (0, _defineProperty2.default)({}, _analyticsNamespacedContext.MEDIA_CONTEXT, {
           border: !!borderMark
         })
@@ -330,7 +339,9 @@ var Media = /*#__PURE__*/function (_PureComponent) {
       if (!providers) {
         return this.renderCard();
       }
-      return (0, _react2.jsx)(_providerFactory.WithProviders, {
+      return (0, _react2.jsx)(_providerFactory.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
@@ -358,10 +369,14 @@ var MediaWithDraftAnnotation = function MediaWithDraftAnnotation(props) {
     }
     var 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/cjs/react/nodes/mediaInline.js

@@ -100,6 +100,7 @@ var RenderMediaInline = function RenderMediaInline(_ref) {
   }, [identifier, collectionName]);
   (0, _react.useEffect)(function () {
     var id = clipboardAttrs.id;
+    // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
     id && updateFileState(id);
   }, [contextIdentifier, clipboardAttrs, updateFileState]);
 
@@ -190,7 +191,9 @@ var MediaInline = function 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: borderSize,
         borderColor: borderColor

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

@@ -247,7 +247,9 @@ var MediaSingleWithChildren = function 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: widthType

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

@@ -44,7 +44,7 @@ var panelBaseStyles = (0, _react2.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': {
@@ -97,7 +97,7 @@ var panelBaseStyles = (0, _react2.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)"
@@ -105,7 +105,7 @@ var panelBaseStyles = (0, _react2.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)"
@@ -113,7 +113,7 @@ var panelBaseStyles = (0, _react2.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)"
@@ -121,7 +121,7 @@ var panelBaseStyles = (0, _react2.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)"
@@ -129,7 +129,7 @@ var panelBaseStyles = (0, _react2.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)"
@@ -157,7 +157,7 @@ var panelNestedIconStyles = (0, _react2.css)({
 var nestedPanelStyles = (0, _react2.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)".concat(" solid ", "var(--ds-border, #091E42)")
+    border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)")
   }
 });
 var panelCustomBackground = (0, _react2.css)({

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

@@ -21,7 +21,9 @@ var _default = exports.default = /*#__PURE__*/(0, _react.memo)(function Status(p
   if ((0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes')) {
     return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({}, inlineAnnotationProps, {
       role: 'emphasis'
-    }), /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
+    }), /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
       data: {
         userContext: 'document'
       }
@@ -33,7 +35,9 @@ var _default = exports.default = /*#__PURE__*/(0, _react.memo)(function Status(p
       isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh')
     })));
   }
-  return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
+  return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+  , {
     data: {
       userContext: 'document'
     }

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

@@ -13,7 +13,6 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _styles = require("@atlaskit/editor-common/styles");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
-var _colors = require("@atlaskit/theme/colors");
 var _table = require("./table");
 var _injectProps = require("../../utils/inject-props");
 /**
@@ -47,9 +46,9 @@ var fixedTableDivStaticStyles = (0, _react2.css)((0, _defineProperty2.default)((
   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", "".concat(tableStickyPadding, "px solid ", "var(--ds-surface, white)")), "background", "var(--ds-surface-overlay, white)"), "boxShadow", "0 6px 4px -4px ".concat("var(--ds-shadow-overflow-perimeter, ".concat(_colors.N40A, ")"))), "div[data-expanded='false'] &", {
+}), "borderTop", "".concat(tableStickyPadding, "px solid ", "var(--ds-surface, #FFFFFF)")), "background", "var(--ds-surface-overlay, #FFFFFF)"), "boxShadow", "0 6px 4px -4px ".concat("var(--ds-shadow-overflow-perimeter, #1E1F211f)")), "div[data-expanded='false'] &", {
   display: 'none'
 }), "& .".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ".is-sticky.right-shadow::after, & .").concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ".is-sticky.left-shadow::before"), {
   top: '0px',