@atlaskit/renderer 109.32.3 → 109.32.5

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/renderer
 
+## 109.32.5
+
+### Patch Changes
+
+- [#110948](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110948)
+  [`6567f4bf996b3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6567f4bf996b3) -
+  [ux] When we select caption comment, the comment badge should not be active (with FF) and rename
+  prop name to mediaSingleElement
+- Updated dependencies
+
+## 109.32.4
+
+### Patch Changes
+
+- [#110966](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110966)
+  [`31348c335b4b3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/31348c335b4b3) -
+  ED-23690 - add inlineNodeTypes property to AnnotationComponentProps
+- Updated dependencies
+
 ## 109.32.3
 
 ### Patch Changes

package/dist/cjs/actions/index.js

@@ -280,6 +280,13 @@ var RendererActions = exports.default = /*#__PURE__*/function () {
       return _objectSpread({
         step: step,
         doc: this.transformer.encode(doc),
+        inlineNodeTypes: (0, _getRendererRangeInlineNodeNames.getRendererRangeInlineNodeNames)({
+          actions: this,
+          pos: {
+            from: from,
+            to: to
+          }
+        }),
         originalSelection: originalSelection,
         numMatches: numMatches,
         matchIndex: matchIndex,

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

@@ -11,7 +11,9 @@ var _utils = require("@atlaskit/editor-common/utils");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var wrapperStyles = exports.wrapperStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   margin: "".concat(_editorSharedStyles.blockNodesVerticalMargin, " 0"),
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',
@@ -22,7 +24,9 @@ function Breakout(props) {
     var width = _ref.width;
     return (0, _react.jsx)("div", {
       css: wrapperStyles,
-      "data-mode": props.mode,
+      "data-mode": props.mode
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      ,
       style: {
         width: (0, _utils.calcBreakoutWidth)(props.mode, width)
       }

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

@@ -107,6 +107,7 @@ function BlockCard(props) {
           css: datasourceContainerStyle,
           "data-testid": "renderer-datasource-table",
           style: {
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
             width: isNodeNested ? '100%' : (0, _utils2.calcBreakoutWidth)(layout, width)
           }
         }, (0, _react2.jsx)(_linkDatasource.DatasourceTableView, {

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

@@ -25,6 +25,7 @@ var codeBlockButtonsStyle = (0, _react.css)({
   right: "var(--ds-space-075, 6px)",
   top: "var(--ds-space-050, 4px)",
   padding: "var(--ds-space-025, 2px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
     height: '32px',
     width: '32px',
@@ -40,9 +41,11 @@ var codeBlockButtonsStyle = (0, _react.css)({
       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, ")")),
       borderRadius: '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")
     }
   }

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

@@ -14,7 +14,7 @@ var _styles = require("@atlaskit/editor-common/styles");
 var _codeBlockButtonContainer = _interopRequireDefault(require("./codeBlockButtonContainer"));
 var _templateObject;
 /** @jsx jsx */
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var codeBlockStyleOverrides = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\ttab-size: 4;\n\tbackground-color: ", ";\n\n\t&:hover {\n\t\tbutton {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\tbutton {\n\t\topacity: 0;\n\t\ttransition: opacity 0.2s ease 0s;\n\t}\n\n\t", " {\n\t\tfont-size: ", ";\n\t\tline-height: 1.5rem;\n\t\tbackground-image: ", ";\n\t\tbackground-attachment: local, local, local, local, scroll, scroll, scroll, scroll;\n\t\tbackground-position:\n\t\t\t0 0,\n\t\t\t0 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t100% 0,\n\t\t\t0 0,\n\t\t\t0 0;\n\t}\n"])), "var(--ds-surface-raised, ".concat(_colors.N20, ")"), _styles.CodeBlockSharedCssClassName.DS_CODEBLOCK, (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()), (0, _editorSharedStyles.overflowShadow)({
   leftCoverWidth: "var(--ds-space-300, 24px)"
 }));

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

@@ -17,7 +17,7 @@ var _templateObject, _templateObject2;
 /** @jsx jsx */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var lightWeightCodeBlockStyles = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t.", " {\n\t\tcursor: text;\n\t}\n"])), _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER);
 var LightWeightCodeBlockCssClassName = exports.LightWeightCodeBlockCssClassName = {
   CONTAINER: 'light-weight-code-block'
@@ -48,7 +48,9 @@ var LightWeightCodeBlock = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, r
   return (0, _react2.jsx)("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: classNames,
-    ref: ref,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: [(0, _styles.codeBlockSharedStyles)(), lightWeightCodeBlockStyles]
   }, (0, _react2.jsx)("div", {
     className: _styles.CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER

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

@@ -23,9 +23,11 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 var embedCardWrapperStyles = (0, _react.css)({
   width: '100%',
   height: '100%',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '> div': {
     height: '100%'
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.loader-wrapper': {
     height: '100%'
   },

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

@@ -29,6 +29,7 @@ var renderExtension = exports.renderExtension = function renderExtension(content
       ,
       className: "".concat(_consts.RendererCssClassName.EXTENSION, " ").concat(options.shadowClassNames, " ").concat(centerAlignClass),
       style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         width: isTopLevel ? (0, _utils.calcBreakoutWidth)(layout, width) : '100%'
       },
       "data-layout": layout

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

@@ -10,7 +10,12 @@ var _react2 = require("@emotion/react");
 var _ui = require("@atlaskit/editor-common/ui");
 /** @jsx jsx */
 
-var layoutColumnClearMarginTopStyles = (0, _react2.css)(_ui.clearNextSiblingMarginTopStyle, _ui.clearNextSiblingBlockMarkMarginTopStyle);
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+var layoutColumnClearMarginTopStyles = (0, _react2.css)(
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+_ui.clearNextSiblingMarginTopStyle,
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+_ui.clearNextSiblingBlockMarkMarginTopStyle);
 function LayoutSection(props) {
   return (0, _react2.jsx)("div", {
     "data-layout-column": true,

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

@@ -35,7 +35,8 @@ var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _reactIntlNext = require("react-intl-next");
 var _hooks = require("../../../ui/annotations/hooks");
 var _types = require("@atlaskit/editor-common/types");
-var _excluded = ["marks", "mediaElement", "isDrafting"];
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _excluded = ["marks", "mediaSingleElement", "isDrafting"];
 var _templateObject, _templateObject2;
 /** @jsx jsx */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -44,7 +45,10 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var linkStyle = exports.linkStyle = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\tbackground: transparent;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tcursor: pointer;\n\twidth: 100% !important;\n\theight: 100% !important;\n"])));
+
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
 var borderStyle = exports.borderStyle = function borderStyle(color, width) {
   return (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: absolute;\n\twidth: 100% !important;\n\theight: 100% !important;\n\tborder-radius: ", "px;\n\tbox-shadow: 0 0 0 ", "px ", ";\n"])), width, width, color);
 };
@@ -61,7 +65,9 @@ var MediaBorder = function MediaBorder(_ref) {
   return (0, _react2.jsx)("div", {
     "data-mark-type": "border",
     "data-color": borderColor,
-    "data-size": borderWidth,
+    "data-size": borderWidth
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: borderStyle(paletteColorValue, borderWidth)
   }, (0, _react2.jsx)(_ui.MediaBorderGapFiller, {
     borderColor: borderColor
@@ -126,7 +132,7 @@ var CommentBadge = (0, _reactIntlNext.injectIntl)(_mediaSingle.CommentBadge);
 var CommentBadgeWrapper = function CommentBadgeWrapper(_ref5) {
   var _marks$map;
   var marks = _ref5.marks,
-    mediaElement = _ref5.mediaElement,
+    mediaSingleElement = _ref5.mediaSingleElement,
     _ref5$isDrafting = _ref5.isDrafting,
     isDrafting = _ref5$isDrafting === void 0 ? false : _ref5$isDrafting,
     rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
@@ -150,15 +156,16 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref5) {
   (0, _react.useEffect)(function () {
     var observer = new MutationObserver(function (mutationList) {
       mutationList.forEach(function (mutation) {
+        var parentNode = mutation.target.parentNode;
         if (mutation.attributeName === 'data-has-focus') {
-          var _mutation$target$pare;
-          var elementHasFocus = !!((_mutation$target$pare = mutation.target.parentNode) !== null && _mutation$target$pare !== void 0 && _mutation$target$pare.querySelector('[data-has-focus="true"]'));
+          var isMediaCaption = parentNode === null || parentNode === void 0 ? void 0 : parentNode.closest('[data-media-caption="true"]');
+          var elementHasFocus = (parentNode === null || parentNode === void 0 ? void 0 : parentNode.querySelector('[data-has-focus="true"]')) && (!(0, _platformFeatureFlags.getBooleanFF)('platform.comments-on-media.bug.incorrect-badge-highlight') || !isMediaCaption);
           elementHasFocus ? setStatus('active') : setStatus('default');
         }
       });
     });
-    if (mediaElement) {
-      observer.observe(mediaElement, {
+    if (mediaSingleElement) {
+      observer.observe(mediaSingleElement, {
         attributes: true,
         subtree: true,
         attributeFilter: ['data-has-focus']
@@ -167,7 +174,7 @@ var CommentBadgeWrapper = function CommentBadgeWrapper(_ref5) {
     return function () {
       observer.disconnect();
     };
-  }, [mediaElement, setStatus]);
+  }, [mediaSingleElement, setStatus]);
   if (!isDrafting && !activeParentIds.length) {
     return null;
   }
@@ -238,7 +245,7 @@ var Media = /*#__PURE__*/function (_PureComponent) {
         })
       }, showCommentBadge && (0, _react2.jsx)(CommentBadgeWrapper, {
         marks: annotationMarks,
-        mediaElement: mediaSingleElement,
+        mediaSingleElement: mediaSingleElement,
         width: width,
         height: height,
         isDrafting: isDrafting

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

@@ -7,9 +7,12 @@ exports.uiMediaSingleLayoutStyles = exports.uiMediaSingleBaseStyles = void 0;
 var _react = require("@emotion/react");
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var uiMediaSingleBaseStyles = exports.uiMediaSingleBaseStyles = (0, _react.css)({
   transition: 'all 0.1s linear'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var uiMediaSingleLayoutStyles = exports.uiMediaSingleLayoutStyles = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',

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

@@ -51,7 +51,7 @@ var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_re
   return actions;
 };
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var navigationCssExtended = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", ";\n\tmargin-left: 0 !important;\n\tmargin-right: 0 !important;\n\t.mbe-add-tab-button,\n\t.mbe-remove-tab {\n\t\tdisplay: none;\n\t}\n"])), _ui.sharedMultiBodiedExtensionStyles.mbeNavigation);
 var MultiBodiedExtension = function MultiBodiedExtension(props) {
   var children = props.children,
@@ -89,6 +89,7 @@ var MultiBodiedExtension = function MultiBodiedExtension(props) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       className: "".concat(_consts.RendererCssClassName.EXTENSION, " ").concat(centerAlignClass, " ").concat(overflowContainerClass),
       style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         width: isTopLevel ? (0, _utils.calcBreakoutWidth)(layout, width) : '100%'
       },
       "data-layout": layout

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

@@ -30,9 +30,12 @@ var PanelStyled = function PanelStyled(_ref) {
     // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- nested css mixins are violations
     styles = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t\t\t&.", " {\n\t\t\t\t", "\n\t\t\t}\n\n\t\t\t&[data-panel-type=", "] {\n\t\t\t\tbackground-color: ", ";\n\t\t\t\t", "\n\t\t\t}\n\t\t"])), _panel.PanelSharedCssClassName.prefix, (0, _panel.panelSharedStylesWithoutPrefix)(), _adfSchema.PanelType.CUSTOM, (0, _editorPalette.hexToEditorBackgroundPaletteColor)(backgroundColor) || backgroundColor, hasIcon ? '' : 'padding-left: 12px;padding-right: 12px;');
   }
-  return (0, _react2.jsx)("div", (0, _extends2.default)({
-    css: styles
-  }, props), props.children);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("div", (0, _extends2.default)({
+      css: styles
+    }, props), props.children)
+  );
 };
 PanelStyled.displayName = 'PanelStyled';
 var panelIcons = {

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

@@ -171,7 +171,7 @@ var Colgroup = exports.Colgroup = function Colgroup(props) {
     return null;
   }
   return /*#__PURE__*/_react.default.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/_react.default.createElement("col", {
-    // 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, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     style: {
       width: _editorSharedStyles.akEditorTableNumberColumnWidth
     },

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

@@ -41,12 +41,17 @@ var fixedTableDivStaticStyles = function fixedTableDivStaticStyles(top, width, r
   } else {
     stickyHeaderZIndex = _editorSharedStyles.akEditorStickyHeaderZIndex;
   }
+
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   return (0, _react2.css)(typeof top === 'number' && "top: ".concat(top, "px;"), (_css = {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: "".concat(width, "px"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     zIndex: stickyHeaderZIndex
   }, (0, _defineProperty2.default)(_css, "& .".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, ", & .").concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER, " > table"), {
     marginTop: 0,
     marginBottom: 0,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     tr: {
       background: "var(--ds-surface, white)"
     }
@@ -56,6 +61,7 @@ var fixedTableDivStaticStyles = function fixedTableDivStaticStyles(top, width, r
     top: '0px',
     height: '100%'
   }), (0, _defineProperty2.default)(_css, "&.fixed-table-div-custom-table-resizing[mode='stick']", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     zIndex: stickyHeaderZIndex
   }), _css));
 };
@@ -72,7 +78,9 @@ var FixedTableDiv = exports.FixedTableDiv = function FixedTableDiv(props) {
     "data-testid": "sticky-table-fixed"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: (0, _table2.isTableResizingEnabled)(rendererAppearance) ? 'fixed-table-div-custom-table-resizing' : '',
+    className: (0, _table2.isTableResizingEnabled)(rendererAppearance) ? 'fixed-table-div-custom-table-resizing' : ''
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: fixedTableCss
   }), props.children);
 };
@@ -96,60 +104,63 @@ var StickyTable = exports.StickyTable = function StickyTable(_ref) {
   /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
   if ((0, _table2.isTableResizingEnabled)(rendererAppearance)) {
     styles = (0, _react2.css)({
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       top: mode === 'pin-bottom' ? top : undefined,
       position: 'absolute'
     });
   } else {
     styles = (0, _react2.css)({
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       left: left && left < 0 ? left : undefined,
-      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+      // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       top: mode === 'pin-bottom' ? top : undefined,
       position: 'relative'
     });
   }
   /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
-  return (0, _react2.jsx)("div", {
-    css: styles
-  }, (0, _react2.jsx)(FixedTableDiv, {
-    top: mode === 'stick' ? top : undefined,
-    mode: rowHeight > 300 ? 'none' : mode,
-    wrapperWidth: wrapperWidth,
-    rendererAppearance: rendererAppearance
-  }, (0, _react2.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: "".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " is-sticky ").concat(shadowClassNames || ''),
-    "data-layout": layout,
-    style: {
-      width: tableWidth
-    }
-  }, (0, _react2.jsx)("div", {
-    ref: innerRef
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: "".concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER),
-    style: {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-      overflow: 'hidden'
-    }
-  }, (0, _react2.jsx)(_table.Table, {
-    columnWidths: columnWidths,
-    layout: layout,
-    isNumberColumnEnabled: isNumberColumnEnabled,
-    renderWidth: renderWidth,
-    tableNode: tableNode,
-    rendererAppearance: rendererAppearance
-  },
-  /**
-   * @see https://product-fabric.atlassian.net/browse/ED-10235
-   * We pass prop 'invisible' to our table's children nodes meaning
-   * they exist inside of the 'invisible' duplicated table component that
-   * enables sticky headers.
-   */
-  (0, _injectProps.recursivelyInjectProps)(children, {
-    invisible: true
-  }))))));
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("div", {
+      css: styles
+    }, (0, _react2.jsx)(FixedTableDiv, {
+      top: mode === 'stick' ? top : undefined,
+      mode: rowHeight > 300 ? 'none' : mode,
+      wrapperWidth: wrapperWidth,
+      rendererAppearance: rendererAppearance
+    }, (0, _react2.jsx)("div", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      className: "".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER, " is-sticky ").concat(shadowClassNames || ''),
+      "data-layout": layout,
+      style: {
+        width: tableWidth
+      }
+    }, (0, _react2.jsx)("div", {
+      ref: innerRef
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: "".concat(_styles.TableSharedCssClassName.TABLE_STICKY_WRAPPER),
+      style: {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+        overflow: 'hidden'
+      }
+    }, (0, _react2.jsx)(_table.Table, {
+      columnWidths: columnWidths,
+      layout: layout,
+      isNumberColumnEnabled: isNumberColumnEnabled,
+      renderWidth: renderWidth,
+      tableNode: tableNode,
+      rendererAppearance: rendererAppearance
+    },
+    /**
+     * @see https://product-fabric.atlassian.net/browse/ED-10235
+     * We pass prop 'invisible' to our table's children nodes meaning
+     * they exist inside of the 'invisible' duplicated table component that
+     * enables sticky headers.
+     */
+    (0, _injectProps.recursivelyInjectProps)(children, {
+      invisible: true
+    }))))))
+  );
 };
 
 /**

package/dist/cjs/ui/Expand.js

@@ -32,7 +32,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var titleStyles = (0, _react.css)({
   outline: 'none',
   border: 'none',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   lineHeight: _editorSharedStyles.akEditorLineHeight,
   fontWeight: 'normal',
   display: 'flex',

package/dist/cjs/ui/ExtensionRenderer.js

@@ -30,6 +30,7 @@ var inlineExtensionStyle = (0, _react.css)({
   verticalAlign: 'middle',
   // es-lint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
   margin: "1px 1px ".concat("var(--ds-space-050, 4px)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& .rich-media-item': {
     maxWidth: '100%'
   }

package/dist/cjs/ui/Renderer/index.js

@@ -56,7 +56,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "109.32.3";
+var packageVersion = "109.32.5";
 var defaultNodeComponents = exports.defaultNodeComponents = _nodes.nodeToReact;
 var Renderer = exports.Renderer = /*#__PURE__*/function (_PureComponent) {
   (0, _inherits2.default)(Renderer, _PureComponent);
@@ -549,7 +549,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
     ref: innerRef,
     onClick: onClick,
     onMouseDown: onMouseDown
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     ,
     css: (0, _style.rendererStyles)({
       appearance: appearance,

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

@@ -18,10 +18,12 @@ var fadeOutStyles = function fadeOutStyles(maxHeight, top, backgroundColor) {
   return (0, _react.css)({
     position: 'relative',
     overflowY: 'hidden',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     maxHeight: "".concat(maxHeight, "px"),
     '&::after': {
       content: "''",
       position: 'absolute',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       top: "".concat(top, "px"),
       bottom: 0,
       left: 0,

package/dist/cjs/ui/annotations/draft/component.js

@@ -21,12 +21,15 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /** @jsx jsx */
 
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var markStyles = function markStyles() {
   return (0, _react2.css)({
     color: 'inherit',
     backgroundColor: 'unset',
     WebkitTapHighlightColor: 'transparent'
-  }, (0, _styles.AnnotationSharedCSSByState)().focus);
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  (0, _styles.AnnotationSharedCSSByState)().focus);
 };
 var AnnotationDraft = exports.AnnotationDraft = function AnnotationDraft(_ref) {
   var draftPosition = _ref.draftPosition,

package/dist/es2019/actions/index.js

@@ -258,6 +258,13 @@ export default class RendererActions {
     return {
       step,
       doc: this.transformer.encode(doc),
+      inlineNodeTypes: getRendererRangeInlineNodeNames({
+        actions: this,
+        pos: {
+          from,
+          to
+        }
+      }),
       originalSelection,
       numMatches,
       matchIndex,

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

@@ -3,7 +3,9 @@ import { css, jsx } from '@emotion/react';
 import { WidthConsumer } from '@atlaskit/editor-common/ui';
 import { calcBreakoutWidth } from '@atlaskit/editor-common/utils';
 import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const wrapperStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   margin: `${blockNodesVerticalMargin} 0`,
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginLeft: '50%',
@@ -14,7 +16,9 @@ export default function Breakout(props) {
     width
   }) => jsx("div", {
     css: wrapperStyles,
-    "data-mode": props.mode,
+    "data-mode": props.mode
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
     style: {
       width: calcBreakoutWidth(props.mode, width)
     }

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

@@ -93,6 +93,7 @@ export default function BlockCard(props) {
         css: datasourceContainerStyle,
         "data-testid": "renderer-datasource-table",
         style: {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
           width: isNodeNested ? '100%' : calcBreakoutWidth(layout, width)
         }
       }, jsx(DatasourceTableView, {

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

@@ -17,6 +17,7 @@ const codeBlockButtonsStyle = css({
   right: "var(--ds-space-075, 6px)",
   top: "var(--ds-space-050, 4px)",
   padding: "var(--ds-space-025, 2px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   button: {
     height: '32px',
     width: '32px',
@@ -32,9 +33,11 @@ const codeBlockButtonsStyle = css({
       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})`}`,
       borderRadius: '4px',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
       color: `${`var(--ds-icon-inverse, ${N0})`} !important`
     }
   }

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

@@ -6,7 +6,7 @@ import { fontSize } from '@atlaskit/theme/constants';
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import CodeBlockButtonContainer from './codeBlockButtonContainer';
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const codeBlockStyleOverrides = css`
 	tab-size: 4;
 	background-color: ${`var(--ds-surface-raised, ${N20})`};

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

@@ -5,7 +5,7 @@ import { blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
 import { codeBlockSharedStyles, CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { useBidiWarnings } from '../../../hooks/use-bidi-warnings';
 import { RendererCssClassName } from '../../../../consts';
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const lightWeightCodeBlockStyles = css`
 	.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER} {
 		cursor: text;
@@ -45,7 +45,9 @@ const LightWeightCodeBlock = /*#__PURE__*/forwardRef(({
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: classNames,
-    ref: ref,
+    ref: ref
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
     css: [codeBlockSharedStyles(), lightWeightCodeBlockStyles]
   }, jsx("div", {
     className: CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER