@atlaskit/renderer 141.0.7 → 142.0.1

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/renderer
 
+## 142.0.1
+
+### Patch Changes
+
+- [`da64bde78a78c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/da64bde78a78c) -
+  Increase heading link targets to at least 24 by 24 pixels when
+  platform_editor_heading_link_target_size is enabled.
+
+## 142.0.0
+
+### Major Changes
+
+- [`01047cd51f538`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/01047cd51f538) -
+  Clean up `platform_editor_renderer_rm_usespecbasedvalidator` and always use spec-based validation
+  in the renderer.
+
+  Remove the deprecated `useSpecBasedValidator` renderer prop and the fifth `renderDocument`
+  argument. Remove this prop from renderer usages and remove the fifth argument from direct
+  `renderDocument` calls, shifting any subsequent arguments one position to the left. The legacy
+  validator is no longer available through the renderer.
+
+  Update editor AI renderer consumers to use the permanent validation behavior.
+
+### Patch Changes
+
+- [`90cc9e3c7fc0c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/90cc9e3c7fc0c) -
+  Support gated dark-background styling for the configured Rovo Chat agent mention in editors and
+  the renderer.
+- Updated dependencies
+
 ## 141.0.7
 
 ### Patch Changes

package/dist/cjs/react/nodes/heading-anchor-button.compiled.css

@@ -0,0 +1,16 @@
+._1dqoglyw{border-style:none}._12ji1r31{outline-color:currentColor}
+._12y31o36{outline-width:medium}
+._19bvidpf{padding-left:0}
+._1bah1h6o{justify-content:center}
+._1bsb1tcg{width:24px}
+._1e0c116y{display:inline-flex}
+._1qu2glyw{outline-style:none}
+._4cvr1h6o{align-items:center}
+._4t3i1tcg{height:24px}
+._80omtlke{cursor:pointer}
+._bfhk1j28{background-color:transparent}
+._ca0qidpf{padding-top:0}
+._n3tdidpf{padding-bottom:0}
+._s7n4nkob{vertical-align:middle}
+._u5f3idpf{padding-right:0}
+._vchhusvi{box-sizing:border-box}

package/dist/cjs/react/nodes/heading-anchor-button.js

@@ -0,0 +1,24 @@
+/* heading-anchor-button.tsx generated by @compiled/babel-plugin v3.0.2 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = HeadingAnchorButton;
+require("./heading-anchor-button.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var buttonStyles = null;
+
+/** Heading link button with a minimum 24px pointer target. */
+function HeadingAnchorButton(props) {
+  // eslint-disable-next-line react/jsx-props-no-spreading -- Forward the existing heading anchor's accessibility and event props.
+  return /*#__PURE__*/React.createElement("button", (0, _extends2.default)({}, props, {
+    type: "button",
+    className: (0, _runtime.ax)(["_12ji1r31 _1qu2glyw _12y31o36 _1dqoglyw _1e0c116y _vchhusvi _4cvr1h6o _1bah1h6o _1bsb1tcg _4t3i1tcg _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _s7n4nkob _bfhk1j28 _80omtlke"])
+  }));
+}

package/dist/cjs/react/nodes/heading-anchor.js

@@ -23,6 +23,7 @@ var _isExperimentEnabled = require("@atlaskit/platform-feature-experiments/is-ex
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _messages = require("../../messages");
+var _headingAnchorButton = _interopRequireDefault(require("./heading-anchor-button"));
 var _excluded = ["children"];
 /**
  * @jsxRuntime classic
@@ -32,12 +33,22 @@ var _excluded = ["children"];
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var HeadingAnchorWrapperClassName = exports.HeadingAnchorWrapperClassName = 'heading-anchor-wrapper';
+var headingAnchorWrapperTargetSizeStyles = (0, _react2.css)({
+  display: 'inline-flex',
+  boxSizing: 'border-box',
+  alignItems: 'center',
+  justifyContent: 'center',
+  width: '24px',
+  height: '24px',
+  verticalAlign: 'middle'
+});
 var CopyAnchorWrapperWithRef = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,
     rest = (0, _objectWithoutProperties2.default)(props, _excluded);
   return (0, _react2.jsx)("span", (0, _extends2.default)({}, rest, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: HeadingAnchorWrapperClassName,
+    css: (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_heading_link_target_size') ? headingAnchorWrapperTargetSizeStyles : undefined,
     ref: ref
   }), children);
 });
@@ -50,6 +61,11 @@ var copyAnchorButtonStyles = (0, _react2.css)({
   cursor: 'pointer',
   right: 0
 });
+var scaledLinkIconStyles = (0, _react2.css)({
+  display: 'inline-flex',
+  transform: 'scale(1.5)',
+  transformOrigin: 'center'
+});
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
@@ -128,6 +144,27 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
         heading: headingId
       }) : headingId;
       var tabIndex = (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? 0 : hideFromScreenReader ? undefined : -1;
+      if ((0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_heading_link_target_size')) {
+        return (0, _react2.jsx)(_headingAnchorButton.default, {
+          "data-testid": "anchor-button",
+          id: _this.copyLinkId,
+          onMouseLeave: _this.resetMessage,
+          onBlur: _this.resetMessage,
+          onClick: _this.copyToClipboard,
+          "aria-hidden": hideFromScreenReader,
+          tabIndex: tabIndex,
+          "aria-label": hideFromScreenReader ? undefined : _this.state.tooltipMessage,
+          "aria-labelledby": hideFromScreenReader ? undefined : labelledBy,
+          type: "button"
+        }, (0, _react2.jsx)("span", {
+          css: scaledLinkIconStyles,
+          "data-testid": "scaled-link-icon"
+        }, (0, _react2.jsx)(_link.default, {
+          label: _this.getCopyAriaLabel(),
+          size: "medium",
+          color: _this.state.isClicked ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon-subtle, #505258)"
+        })));
+      }
       return (0, _react2.jsx)("button", {
         "data-testid": "anchor-button",
         id: _this.copyLinkId,

package/dist/cjs/render-document.js

@@ -11,7 +11,6 @@ var _schemaDefault = require("@atlaskit/adf-schema/schema-default");
 var _transforms = require("@atlaskit/adf-utils/transforms");
 var _analytics = require("@atlaskit/editor-common/analytics");
 var _utils = require("@atlaskit/editor-common/utils");
-var _validator = require("@atlaskit/editor-common/validator");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _events = require("./analytics/events");
@@ -34,37 +33,34 @@ var withStopwatch = function withStopwatch(cb) {
 
 /** Schema-variant escape hatches handed to the ADF validator. */
 
-var _validation = function _validation(doc, schema, adfStage, useSpecBasedValidator, dispatchAnalyticsEvent, skipValidation, validationOverrides) {
-  var result;
-  if (useSpecBasedValidator) {
-    // link mark on mediaSingle is deprecated, need to move link mark to child media node
-    // https://product-fabric.atlassian.net/browse/ED-14043
-    var _transformMediaLinkMa = (0, _transforms.transformMediaLinkMarks)(doc),
-      transformedAdf = _transformMediaLinkMa.transformedAdf,
-      isTransformed = _transformMediaLinkMa.isTransformed;
-    if (isTransformed && dispatchAnalyticsEvent) {
-      dispatchAnalyticsEvent({
-        action: _analytics.ACTION.MEDIA_LINK_TRANSFORMED,
-        actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
-        eventType: _analytics.EVENT_TYPE.OPERATIONAL
-      });
-    }
-
-    // Forward `adfStage` only when a caller names one. Omitting it keeps stage-0 specs acceptable,
-    // which is what a renderer wants: stored documents can contain them, and wrapping such content
-    // as unsupported is worse than rendering it. A caller that declares `final` asks for full-ADF
-    // strictness and gets it. The legacy branch below reads the same value as a schema selector and
-    // so keeps its own `final` default.
-    result = skipValidation ? transformedAdf || doc : (0, _utils.validateADFEntity)(schema, transformedAdf || doc, dispatchAnalyticsEvent, validationOverrides, adfStage);
-  } else {
-    result = (0, _validator.getValidDocument)(doc, schema, adfStage !== null && adfStage !== void 0 ? adfStage : 'final');
+var _validation = function _validation(doc, schema, adfStage, dispatchAnalyticsEvent, skipValidation, validationOverrides) {
+  // link mark on mediaSingle is deprecated, need to move link mark to child media node
+  // https://product-fabric.atlassian.net/browse/ED-14043
+  var _transformMediaLinkMa = (0, _transforms.transformMediaLinkMarks)(doc),
+    transformedAdf = _transformMediaLinkMa.transformedAdf,
+    isTransformed = _transformMediaLinkMa.isTransformed;
+  if (isTransformed && dispatchAnalyticsEvent) {
+    dispatchAnalyticsEvent({
+      action: _analytics.ACTION.MEDIA_LINK_TRANSFORMED,
+      actionSubject: _analytics.ACTION_SUBJECT.RENDERER,
+      eventType: _analytics.EVENT_TYPE.OPERATIONAL
+    });
   }
-  if (!result) {
-    return result;
+
+  // Forward `adfStage` only when a caller names one. Omitting it keeps stage-0 specs acceptable,
+  // which is what a renderer wants: stored documents can contain them, and wrapping such content
+  // as unsupported is worse than rendering it. A caller that declares `final` asks for full-ADF
+  // strictness and gets it.
+  var result = skipValidation ? transformedAdf || doc : (0, _utils.validateADFEntity)(schema, transformedAdf || doc, dispatchAnalyticsEvent, validationOverrides, adfStage);
+
+  // The spec validator can return the original root object when malformed JSON has no node type.
+  // Reject it here, matching the legacy validator, before ProseMirror attempts to deserialize it.
+  if (!result || typeof result.type !== 'string' || result.type.length === 0) {
+    return null;
   }
 
   // ProseMirror always require a child under doc
-  if (result.type === 'doc' && useSpecBasedValidator) {
+  if (result.type === 'doc') {
     if (Array.isArray(result.content) && result.content.length === 0) {
       result.content.push({
         type: 'paragraph',
@@ -149,24 +145,22 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
   return result;
 };
 var memoValidation = (0, _memoizeOne.default)(_validation, function (newArgs, lastArgs) {
-  var _newArgs = (0, _slicedToArray2.default)(newArgs, 7),
+  var _newArgs = (0, _slicedToArray2.default)(newArgs, 6),
     newDoc = _newArgs[0],
     newSchema = _newArgs[1],
     newADFStage = _newArgs[2],
-    newUseSpecValidator = _newArgs[3],
-    /* ignoring dispatchAnalyticsEvent */newSkipValidation = _newArgs[5],
-    newValidationOverrides = _newArgs[6];
-  var _lastArgs = (0, _slicedToArray2.default)(lastArgs, 7),
+    /* ignoring dispatchAnalyticsEvent */newSkipValidation = _newArgs[4],
+    newValidationOverrides = _newArgs[5];
+  var _lastArgs = (0, _slicedToArray2.default)(lastArgs, 6),
     oldDoc = _lastArgs[0],
     oldSchema = _lastArgs[1],
     oldADFStage = _lastArgs[2],
-    oldUseSpecValidator = _lastArgs[3],
-    /* ignoring dispatchAnalyticsEvent */oldSkipValidation = _lastArgs[5],
-    oldValidationOverrides = _lastArgs[6];
+    /* ignoring dispatchAnalyticsEvent */oldSkipValidation = _lastArgs[4],
+    oldValidationOverrides = _lastArgs[5];
 
   // `areDocsEqual` may stringify the whole document, so it goes last and only runs once everything
   // cheaper has matched.
-  return newSchema === oldSchema && newADFStage === oldADFStage && newUseSpecValidator === oldUseSpecValidator && newSkipValidation === oldSkipValidation && areValidationOverridesEqual(newValidationOverrides, oldValidationOverrides) && areDocsEqual(newDoc, oldDoc);
+  return newSchema === oldSchema && newADFStage === oldADFStage && newSkipValidation === oldSkipValidation && areValidationOverridesEqual(newValidationOverrides, oldValidationOverrides) && areDocsEqual(newDoc, oldDoc);
 });
 
 // Ignored via go/ees005
@@ -260,22 +254,18 @@ var memoCreateNodeAndCheck = (0, _memoizeOne.default)(_createNodeAndCheck, funct
 var renderDocument = exports.renderDocument = function renderDocument(doc, serializer) {
   var schema = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _schemaDefault.defaultSchema;
   var adfStage = arguments.length > 3 ? arguments[3] : undefined;
-  var useSpecBasedValidator = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  var rendererId = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'noid';
-  var dispatchAnalyticsEvent = arguments.length > 6 ? arguments[6] : undefined;
-  var unsupportedContentLevelsTracking = arguments.length > 7 ? arguments[7] : undefined;
-  var appearance = arguments.length > 8 ? arguments[8] : undefined;
-  var includeNodesCountInStats = arguments.length > 9 ? arguments[9] : undefined;
-  var skipValidation = arguments.length > 10 ? arguments[10] : undefined;
-  var validationOverrides = arguments.length > 11 ? arguments[11] : undefined;
+  var rendererId = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'noid';
+  var dispatchAnalyticsEvent = arguments.length > 5 ? arguments[5] : undefined;
+  var unsupportedContentLevelsTracking = arguments.length > 6 ? arguments[6] : undefined;
+  var appearance = arguments.length > 7 ? arguments[7] : undefined;
+  var includeNodesCountInStats = arguments.length > 8 ? arguments[8] : undefined;
+  var skipValidation = arguments.length > 9 ? arguments[9] : undefined;
+  var validationOverrides = arguments.length > 10 ? arguments[10] : undefined;
   var stat = {
     sanitizeTime: 0
   };
-  if ((0, _fg.fg)('platform_editor_renderer_rm_usespecbasedvalidator')) {
-    useSpecBasedValidator = true;
-  }
   var _withStopwatch = withStopwatch(function () {
-      return memoValidation(doc, schema, adfStage, useSpecBasedValidator, dispatchAnalyticsEvent, skipValidation, validationOverrides);
+      return memoValidation(doc, schema, adfStage, dispatchAnalyticsEvent, skipValidation, validationOverrides);
     }),
     validDoc = _withStopwatch.output,
     sanitizeTime = _withStopwatch.time;
@@ -304,7 +294,7 @@ var renderDocument = exports.renderDocument = function renderDocument(doc, seria
 
   // save serialize tree time to stats
   stat.serializeTime = serializeTime;
-  if (dispatchAnalyticsEvent && useSpecBasedValidator) {
+  if (dispatchAnalyticsEvent) {
     (0, _utils.findAndTrackUnsupportedContentNodes)(node, schema, dispatchAnalyticsEvent);
     if (unsupportedContentLevelsTracking !== null && unsupportedContentLevelsTracking !== void 0 && unsupportedContentLevelsTracking.enabled) {
       var documentData = {

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

@@ -30,7 +30,7 @@ var _table2 = require("../../react/nodes/table");
 var _collapsibleHeadingsDom = require("../collapsible-headings-dom");
 var _getBaseFontSize = require("./get-base-font-size");
 var _style = require("./style");
-var _css9, _$concat3, _$concat5;
+var _css0, _$concat3, _$concat5;
 /* eslint-disable @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-unsafe-selectors */
 /* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values */
@@ -554,6 +554,16 @@ var headingWrapperInlineFlowStyles = (0, _react.css)((0, _defineProperty2.defaul
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginTop: '1.59091em'
 }));
+var headingAnchorWrapperTargetSizeStyles = (0, _react.css)((0, _defineProperty2.default)({
+  '& .renderer-heading-wrapper > h1, & .renderer-heading-wrapper > h2, & .renderer-heading-wrapper > h3, & .renderer-heading-wrapper > h4, & .renderer-heading-wrapper > h5, & .renderer-heading-wrapper > h6': {
+    verticalAlign: 'middle'
+  }
+}, "& .renderer-heading-wrapper > .".concat(_headingAnchor.HeadingAnchorWrapperClassName), {
+  display: 'inline-flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  verticalAlign: 'middle'
+}));
 var headingWithAlignmentStylesDuplicateAnchor = (0, _react.css)({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
   '.fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)': {
@@ -644,13 +654,13 @@ var paragraphStylesUGCScaledMargin = (0, _react.css)({
     marginBottom: 0
   }
 });
-var listsSharedStyles = (0, _react.css)((_css9 = {
+var listsSharedStyles = (0, _react.css)((_css0 = {
   /* =============== INDENTATION SPACING ========= */
   'ul, ol': {
     boxSizing: 'border-box',
     paddingLeft: "var(--ed--list--item-counter--padding, ".concat(_styles.listItemCounterPadding, "px)")
   }
-}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css9, "".concat(_orderedList.orderedListSelector, ", ").concat(_bulletList.bulletListSelector), {
+}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css0, "".concat(_orderedList.orderedListSelector, ", ").concat(_bulletList.bulletListSelector), {
   /*
   Ensures list item content adheres to the list's margin instead
   of filling the entire block row. This is important to allow
@@ -682,7 +692,7 @@ var listsSharedStyles = (0, _react.css)((_css9 = {
   listStyleType: 'lower-alpha'
 }), 'ol[data-indent-level="3"], ol[data-indent-level="6"]', {
   listStyleType: 'lower-roman'
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css9, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css0, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
   listStyleType: 'disc'
 }), 'ul[data-indent-level="2"], ul[data-indent-level="5"]', {
   listStyleType: 'circle'
@@ -2313,7 +2323,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- CSS custom properties for UGC font tokens
       '--ak-renderer-editor-font-small-text': _ugcTokens.editorUGCTokensRefreshed['editor.font.body.small']
     },
-    css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, fontSizeStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, headingAnchorButtonFocusVisibleStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max') && !(0, _table2.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
+    css: [(0, _expValEquals.expValEquals)('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, fontSizeStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, headingAnchorButtonFocusVisibleStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max') && !(0, _table2.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && ((0, _expValEquals.expValEquals)('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, (0, _isExperimentEnabled.isExperimentEnabled)('platform_editor_heading_link_target_size') && headingAnchorWrapperTargetSizeStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !(0, _expValEquals.expValEquals)('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     textHighlightPaddingStyles, tasksAndDecisionsStyles, (0, _expValEquals.expValEquals)('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, (0, _fg.fg)('editor_inline_comments_on_inline_nodes') && ((0, _expValEquals.expValEquals)('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning

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

@@ -71,7 +71,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.1;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "141.0.6";
+var packageVersion = "142.0.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -498,7 +498,7 @@ var RendererFunctionalComponent = exports.RendererFunctionalComponent = function
   try {
     var _rendererContext$feat, _props$media;
     var schema = getSchema(props.schema, props.adfStage);
-    var _renderDocument = (0, _.renderDocument)(props.shouldRemoveEmptySpaceAroundContent ? (0, _rendererHelper.removeEmptySpaceAroundContent)(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, validationOverrides),
+    var _renderDocument = (0, _.renderDocument)(props.shouldRemoveEmptySpaceAroundContent ? (0, _rendererHelper.removeEmptySpaceAroundContent)(props.document) : props.document, serializer, schema, props.adfStage, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, validationOverrides),
       result = _renderDocument.result,
       stat = _renderDocument.stat,
       pmDoc = _renderDocument.pmDoc;

package/dist/es2019/react/nodes/heading-anchor-button.compiled.css

@@ -0,0 +1,16 @@
+._1dqoglyw{border-style:none}._12ji1r31{outline-color:currentColor}
+._12y31o36{outline-width:medium}
+._19bvidpf{padding-left:0}
+._1bah1h6o{justify-content:center}
+._1bsb1tcg{width:24px}
+._1e0c116y{display:inline-flex}
+._1qu2glyw{outline-style:none}
+._4cvr1h6o{align-items:center}
+._4t3i1tcg{height:24px}
+._80omtlke{cursor:pointer}
+._bfhk1j28{background-color:transparent}
+._ca0qidpf{padding-top:0}
+._n3tdidpf{padding-bottom:0}
+._s7n4nkob{vertical-align:middle}
+._u5f3idpf{padding-right:0}
+._vchhusvi{box-sizing:border-box}

package/dist/es2019/react/nodes/heading-anchor-button.js

@@ -0,0 +1,15 @@
+/* heading-anchor-button.tsx generated by @compiled/babel-plugin v3.0.2 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./heading-anchor-button.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+const buttonStyles = null;
+
+/** Heading link button with a minimum 24px pointer target. */
+export default function HeadingAnchorButton(props) {
+  // eslint-disable-next-line react/jsx-props-no-spreading -- Forward the existing heading anchor's accessibility and event props.
+  return /*#__PURE__*/React.createElement("button", _extends({}, props, {
+    type: "button",
+    className: ax(["_12ji1r31 _1qu2glyw _12y31o36 _1dqoglyw _1e0c116y _vchhusvi _4cvr1h6o _1bah1h6o _1bsb1tcg _4t3i1tcg _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _s7n4nkob _bfhk1j28 _80omtlke"])
+  }));
+}

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

@@ -15,7 +15,17 @@ import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-e
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { headingAnchorLinkMessages } from '../../messages';
+import HeadingAnchorButton from './heading-anchor-button';
 export const HeadingAnchorWrapperClassName = 'heading-anchor-wrapper';
+const headingAnchorWrapperTargetSizeStyles = css({
+  display: 'inline-flex',
+  boxSizing: 'border-box',
+  alignItems: 'center',
+  justifyContent: 'center',
+  width: '24px',
+  height: '24px',
+  verticalAlign: 'middle'
+});
 const CopyAnchorWrapperWithRef = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     children,
@@ -24,6 +34,7 @@ const CopyAnchorWrapperWithRef = /*#__PURE__*/React.forwardRef((props, ref) => {
   return jsx("span", _extends({}, rest, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: HeadingAnchorWrapperClassName,
+    css: isExperimentEnabled('platform_editor_heading_link_target_size') ? headingAnchorWrapperTargetSizeStyles : undefined,
     ref: ref
   }), children);
 });
@@ -36,6 +47,11 @@ const copyAnchorButtonStyles = css({
   cursor: 'pointer',
   right: 0
 });
+const scaledLinkIconStyles = css({
+  display: 'inline-flex',
+  transform: 'scale(1.5)',
+  transformOrigin: 'center'
+});
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 class HeadingAnchor extends React.PureComponent {
@@ -98,6 +114,27 @@ class HeadingAnchor extends React.PureComponent {
         heading: headingId
       }) : headingId;
       const tabIndex = expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? 0 : hideFromScreenReader ? undefined : -1;
+      if (isExperimentEnabled('platform_editor_heading_link_target_size')) {
+        return jsx(HeadingAnchorButton, {
+          "data-testid": "anchor-button",
+          id: this.copyLinkId,
+          onMouseLeave: this.resetMessage,
+          onBlur: this.resetMessage,
+          onClick: this.copyToClipboard,
+          "aria-hidden": hideFromScreenReader,
+          tabIndex: tabIndex,
+          "aria-label": hideFromScreenReader ? undefined : this.state.tooltipMessage,
+          "aria-labelledby": hideFromScreenReader ? undefined : labelledBy,
+          type: "button"
+        }, jsx("span", {
+          css: scaledLinkIconStyles,
+          "data-testid": "scaled-link-icon"
+        }, jsx(LinkIcon, {
+          label: this.getCopyAriaLabel(),
+          size: "medium",
+          color: this.state.isClicked ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon-subtle, #505258)"
+        })));
+      }
       return jsx("button", {
         "data-testid": "anchor-button",
         id: this.copyLinkId,

package/dist/es2019/render-document.js

@@ -6,7 +6,6 @@ import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { nativeEmbedsFallbackTransform, transformContainerNodes, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { findAndTrackUnsupportedContentNodes, validateADFEntity } from '@atlaskit/editor-common/utils';
-import { getValidDocument } from '@atlaskit/editor-common/validator';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { PLATFORM } from './analytics/events';
@@ -26,38 +25,35 @@ const withStopwatch = cb => {
 
 /** Schema-variant escape hatches handed to the ADF validator. */
 
-const _validation = (doc, schema, adfStage, useSpecBasedValidator, dispatchAnalyticsEvent, skipValidation, validationOverrides) => {
-  let result;
-  if (useSpecBasedValidator) {
-    // link mark on mediaSingle is deprecated, need to move link mark to child media node
-    // https://product-fabric.atlassian.net/browse/ED-14043
-    const {
-      transformedAdf,
-      isTransformed
-    } = transformMediaLinkMarks(doc);
-    if (isTransformed && dispatchAnalyticsEvent) {
-      dispatchAnalyticsEvent({
-        action: ACTION.MEDIA_LINK_TRANSFORMED,
-        actionSubject: ACTION_SUBJECT.RENDERER,
-        eventType: EVENT_TYPE.OPERATIONAL
-      });
-    }
-
-    // Forward `adfStage` only when a caller names one. Omitting it keeps stage-0 specs acceptable,
-    // which is what a renderer wants: stored documents can contain them, and wrapping such content
-    // as unsupported is worse than rendering it. A caller that declares `final` asks for full-ADF
-    // strictness and gets it. The legacy branch below reads the same value as a schema selector and
-    // so keeps its own `final` default.
-    result = skipValidation ? transformedAdf || doc : validateADFEntity(schema, transformedAdf || doc, dispatchAnalyticsEvent, validationOverrides, adfStage);
-  } else {
-    result = getValidDocument(doc, schema, adfStage !== null && adfStage !== void 0 ? adfStage : 'final');
+const _validation = (doc, schema, adfStage, dispatchAnalyticsEvent, skipValidation, validationOverrides) => {
+  // link mark on mediaSingle is deprecated, need to move link mark to child media node
+  // https://product-fabric.atlassian.net/browse/ED-14043
+  const {
+    transformedAdf,
+    isTransformed
+  } = transformMediaLinkMarks(doc);
+  if (isTransformed && dispatchAnalyticsEvent) {
+    dispatchAnalyticsEvent({
+      action: ACTION.MEDIA_LINK_TRANSFORMED,
+      actionSubject: ACTION_SUBJECT.RENDERER,
+      eventType: EVENT_TYPE.OPERATIONAL
+    });
   }
-  if (!result) {
-    return result;
+
+  // Forward `adfStage` only when a caller names one. Omitting it keeps stage-0 specs acceptable,
+  // which is what a renderer wants: stored documents can contain them, and wrapping such content
+  // as unsupported is worse than rendering it. A caller that declares `final` asks for full-ADF
+  // strictness and gets it.
+  let result = skipValidation ? transformedAdf || doc : validateADFEntity(schema, transformedAdf || doc, dispatchAnalyticsEvent, validationOverrides, adfStage);
+
+  // The spec validator can return the original root object when malformed JSON has no node type.
+  // Reject it here, matching the legacy validator, before ProseMirror attempts to deserialize it.
+  if (!result || typeof result.type !== 'string' || result.type.length === 0) {
+    return null;
   }
 
   // ProseMirror always require a child under doc
-  if (result.type === 'doc' && useSpecBasedValidator) {
+  if (result.type === 'doc') {
     if (Array.isArray(result.content) && result.content.length === 0) {
       result.content.push({
         type: 'paragraph',
@@ -145,12 +141,12 @@ const _validation = (doc, schema, adfStage, useSpecBasedValidator, dispatchAnaly
   return result;
 };
 const memoValidation = memoizeOne(_validation, (newArgs, lastArgs) => {
-  const [newDoc, newSchema, newADFStage, newUseSpecValidator,, /* ignoring dispatchAnalyticsEvent */newSkipValidation, newValidationOverrides] = newArgs;
-  const [oldDoc, oldSchema, oldADFStage, oldUseSpecValidator,, /* ignoring dispatchAnalyticsEvent */oldSkipValidation, oldValidationOverrides] = lastArgs;
+  const [newDoc, newSchema, newADFStage,, /* ignoring dispatchAnalyticsEvent */newSkipValidation, newValidationOverrides] = newArgs;
+  const [oldDoc, oldSchema, oldADFStage,, /* ignoring dispatchAnalyticsEvent */oldSkipValidation, oldValidationOverrides] = lastArgs;
 
   // `areDocsEqual` may stringify the whole document, so it goes last and only runs once everything
   // cheaper has matched.
-  return newSchema === oldSchema && newADFStage === oldADFStage && newUseSpecValidator === oldUseSpecValidator && newSkipValidation === oldSkipValidation && areValidationOverridesEqual(newValidationOverrides, oldValidationOverrides) && areDocsEqual(newDoc, oldDoc);
+  return newSchema === oldSchema && newADFStage === oldADFStage && newSkipValidation === oldSkipValidation && areValidationOverridesEqual(newValidationOverrides, oldValidationOverrides) && areDocsEqual(newDoc, oldDoc);
 });
 
 // Ignored via go/ees005
@@ -228,18 +224,15 @@ const memoCreateNodeAndCheck = memoizeOne(_createNodeAndCheck, (newArgs, lastArg
   const [oldSchema, oldDoc] = lastArgs;
   return newSchema === oldSchema && areDocsEqual(newDoc, oldDoc);
 });
-export const renderDocument = (doc, serializer, schema = defaultSchema, adfStage, useSpecBasedValidator = false, rendererId = 'noid', dispatchAnalyticsEvent, unsupportedContentLevelsTracking, appearance, includeNodesCountInStats, skipValidation, validationOverrides) => {
+export const renderDocument = (doc, serializer, schema = defaultSchema, adfStage, rendererId = 'noid', dispatchAnalyticsEvent, unsupportedContentLevelsTracking, appearance, includeNodesCountInStats, skipValidation, validationOverrides) => {
   const stat = {
     sanitizeTime: 0
   };
-  if (fg('platform_editor_renderer_rm_usespecbasedvalidator')) {
-    useSpecBasedValidator = true;
-  }
   const {
     output: validDoc,
     time: sanitizeTime
   } = withStopwatch(() => {
-    return memoValidation(doc, schema, adfStage, useSpecBasedValidator, dispatchAnalyticsEvent, skipValidation, validationOverrides);
+    return memoValidation(doc, schema, adfStage, dispatchAnalyticsEvent, skipValidation, validationOverrides);
   });
 
   // save sanitize time to stats
@@ -268,7 +261,7 @@ export const renderDocument = (doc, serializer, schema = defaultSchema, adfStage
 
   // save serialize tree time to stats
   stat.serializeTime = serializeTime;
-  if (dispatchAnalyticsEvent && useSpecBasedValidator) {
+  if (dispatchAnalyticsEvent) {
     findAndTrackUnsupportedContentNodes(node, schema, dispatchAnalyticsEvent);
     if (unsupportedContentLevelsTracking !== null && unsupportedContentLevelsTracking !== void 0 && unsupportedContentLevelsTracking.enabled) {
       const documentData = {

package/dist/es2019/ui/Renderer/RendererStyleContainer.js

@@ -661,6 +661,17 @@ const headingWrapperInlineFlowStyles = css({
     marginTop: '1.59091em'
   }
 });
+const headingAnchorWrapperTargetSizeStyles = css({
+  '& .renderer-heading-wrapper > h1, & .renderer-heading-wrapper > h2, & .renderer-heading-wrapper > h3, & .renderer-heading-wrapper > h4, & .renderer-heading-wrapper > h5, & .renderer-heading-wrapper > h6': {
+    verticalAlign: 'middle'
+  },
+  [`& .renderer-heading-wrapper > .${HeadingAnchorWrapperClassName}`]: {
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    verticalAlign: 'middle'
+  }
+});
 const headingWithAlignmentStylesDuplicateAnchor = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
   '.fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)': {
@@ -2948,7 +2959,7 @@ export const RendererStyleContainer = props => {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- CSS custom properties for UGC font tokens
       '--ak-renderer-editor-font-small-text': editorUGCTokensRefreshed['editor.font.body.small']
     },
-    css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, headingAnchorButtonFocusVisibleStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max') && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
+    css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, headingAnchorButtonFocusVisibleStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max') && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, isExperimentEnabled('platform_editor_heading_link_target_size') && headingAnchorWrapperTargetSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && (expValEquals('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning

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

@@ -56,7 +56,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const TABLE_INFO_TIMEOUT = 10000;
 const RENDER_EVENT_SAMPLE_RATE = 0.1;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "141.0.6";
+const packageVersion = "142.0.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -494,7 +494,7 @@ export const RendererFunctionalComponent = props => {
       result,
       stat,
       pmDoc
-    } = renderDocument(props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, validationOverrides);
+    } = renderDocument(props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document, serializer, schema, props.adfStage, id, fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, validationOverrides);
     if (props.onComplete) {
       pendingOnCompleteStatRef.current = stat;
     }

package/dist/esm/react/nodes/heading-anchor-button.compiled.css

@@ -0,0 +1,16 @@
+._1dqoglyw{border-style:none}._12ji1r31{outline-color:currentColor}
+._12y31o36{outline-width:medium}
+._19bvidpf{padding-left:0}
+._1bah1h6o{justify-content:center}
+._1bsb1tcg{width:24px}
+._1e0c116y{display:inline-flex}
+._1qu2glyw{outline-style:none}
+._4cvr1h6o{align-items:center}
+._4t3i1tcg{height:24px}
+._80omtlke{cursor:pointer}
+._bfhk1j28{background-color:transparent}
+._ca0qidpf{padding-top:0}
+._n3tdidpf{padding-bottom:0}
+._s7n4nkob{vertical-align:middle}
+._u5f3idpf{padding-right:0}
+._vchhusvi{box-sizing:border-box}

package/dist/esm/react/nodes/heading-anchor-button.js

@@ -0,0 +1,15 @@
+/* heading-anchor-button.tsx generated by @compiled/babel-plugin v3.0.2 */
+import _extends from "@babel/runtime/helpers/extends";
+import "./heading-anchor-button.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var buttonStyles = null;
+
+/** Heading link button with a minimum 24px pointer target. */
+export default function HeadingAnchorButton(props) {
+  // eslint-disable-next-line react/jsx-props-no-spreading -- Forward the existing heading anchor's accessibility and event props.
+  return /*#__PURE__*/React.createElement("button", _extends({}, props, {
+    type: "button",
+    className: ax(["_12ji1r31 _1qu2glyw _12y31o36 _1dqoglyw _1e0c116y _vchhusvi _4cvr1h6o _1bah1h6o _1bsb1tcg _4t3i1tcg _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _s7n4nkob _bfhk1j28 _80omtlke"])
+  }));
+}

package/dist/esm/react/nodes/heading-anchor.js

@@ -26,13 +26,24 @@ import { isExperimentEnabled } from '@atlaskit/platform-feature-experiments/is-e
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { headingAnchorLinkMessages } from '../../messages';
+import HeadingAnchorButton from './heading-anchor-button';
 export var HeadingAnchorWrapperClassName = 'heading-anchor-wrapper';
+var headingAnchorWrapperTargetSizeStyles = css({
+  display: 'inline-flex',
+  boxSizing: 'border-box',
+  alignItems: 'center',
+  justifyContent: 'center',
+  width: '24px',
+  height: '24px',
+  verticalAlign: 'middle'
+});
 var CopyAnchorWrapperWithRef = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var children = props.children,
     rest = _objectWithoutProperties(props, _excluded);
   return jsx("span", _extends({}, rest, {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: HeadingAnchorWrapperClassName,
+    css: isExperimentEnabled('platform_editor_heading_link_target_size') ? headingAnchorWrapperTargetSizeStyles : undefined,
     ref: ref
   }), children);
 });
@@ -45,6 +56,11 @@ var copyAnchorButtonStyles = css({
   cursor: 'pointer',
   right: 0
 });
+var scaledLinkIconStyles = css({
+  display: 'inline-flex',
+  transform: 'scale(1.5)',
+  transformOrigin: 'center'
+});
 // Ignored via go/ees005
 // eslint-disable-next-line @repo/internal/react/no-class-components
 var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
@@ -123,6 +139,27 @@ var HeadingAnchor = /*#__PURE__*/function (_React$PureComponent) {
         heading: headingId
       }) : headingId;
       var tabIndex = expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? 0 : hideFromScreenReader ? undefined : -1;
+      if (isExperimentEnabled('platform_editor_heading_link_target_size')) {
+        return jsx(HeadingAnchorButton, {
+          "data-testid": "anchor-button",
+          id: _this.copyLinkId,
+          onMouseLeave: _this.resetMessage,
+          onBlur: _this.resetMessage,
+          onClick: _this.copyToClipboard,
+          "aria-hidden": hideFromScreenReader,
+          tabIndex: tabIndex,
+          "aria-label": hideFromScreenReader ? undefined : _this.state.tooltipMessage,
+          "aria-labelledby": hideFromScreenReader ? undefined : labelledBy,
+          type: "button"
+        }, jsx("span", {
+          css: scaledLinkIconStyles,
+          "data-testid": "scaled-link-icon"
+        }, jsx(LinkIcon, {
+          label: _this.getCopyAriaLabel(),
+          size: "medium",
+          color: _this.state.isClicked ? "var(--ds-icon-selected, #1868DB)" : "var(--ds-icon-subtle, #505258)"
+        })));
+      }
       return jsx("button", {
         "data-testid": "anchor-button",
         id: _this.copyLinkId,

package/dist/esm/render-document.js

@@ -7,7 +7,6 @@ import { defaultSchema } from '@atlaskit/adf-schema/schema-default';
 import { nativeEmbedsFallbackTransform, transformContainerNodes, transformMediaLinkMarks, transformNestedTablesIncomingDocument } from '@atlaskit/adf-utils/transforms';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { findAndTrackUnsupportedContentNodes, validateADFEntity } from '@atlaskit/editor-common/utils';
-import { getValidDocument } from '@atlaskit/editor-common/validator';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { PLATFORM } from './analytics/events';
@@ -27,37 +26,34 @@ var withStopwatch = function withStopwatch(cb) {
 
 /** Schema-variant escape hatches handed to the ADF validator. */
 
-var _validation = function _validation(doc, schema, adfStage, useSpecBasedValidator, dispatchAnalyticsEvent, skipValidation, validationOverrides) {
-  var result;
-  if (useSpecBasedValidator) {
-    // link mark on mediaSingle is deprecated, need to move link mark to child media node
-    // https://product-fabric.atlassian.net/browse/ED-14043
-    var _transformMediaLinkMa = transformMediaLinkMarks(doc),
-      transformedAdf = _transformMediaLinkMa.transformedAdf,
-      isTransformed = _transformMediaLinkMa.isTransformed;
-    if (isTransformed && dispatchAnalyticsEvent) {
-      dispatchAnalyticsEvent({
-        action: ACTION.MEDIA_LINK_TRANSFORMED,
-        actionSubject: ACTION_SUBJECT.RENDERER,
-        eventType: EVENT_TYPE.OPERATIONAL
-      });
-    }
-
-    // Forward `adfStage` only when a caller names one. Omitting it keeps stage-0 specs acceptable,
-    // which is what a renderer wants: stored documents can contain them, and wrapping such content
-    // as unsupported is worse than rendering it. A caller that declares `final` asks for full-ADF
-    // strictness and gets it. The legacy branch below reads the same value as a schema selector and
-    // so keeps its own `final` default.
-    result = skipValidation ? transformedAdf || doc : validateADFEntity(schema, transformedAdf || doc, dispatchAnalyticsEvent, validationOverrides, adfStage);
-  } else {
-    result = getValidDocument(doc, schema, adfStage !== null && adfStage !== void 0 ? adfStage : 'final');
+var _validation = function _validation(doc, schema, adfStage, dispatchAnalyticsEvent, skipValidation, validationOverrides) {
+  // link mark on mediaSingle is deprecated, need to move link mark to child media node
+  // https://product-fabric.atlassian.net/browse/ED-14043
+  var _transformMediaLinkMa = transformMediaLinkMarks(doc),
+    transformedAdf = _transformMediaLinkMa.transformedAdf,
+    isTransformed = _transformMediaLinkMa.isTransformed;
+  if (isTransformed && dispatchAnalyticsEvent) {
+    dispatchAnalyticsEvent({
+      action: ACTION.MEDIA_LINK_TRANSFORMED,
+      actionSubject: ACTION_SUBJECT.RENDERER,
+      eventType: EVENT_TYPE.OPERATIONAL
+    });
   }
-  if (!result) {
-    return result;
+
+  // Forward `adfStage` only when a caller names one. Omitting it keeps stage-0 specs acceptable,
+  // which is what a renderer wants: stored documents can contain them, and wrapping such content
+  // as unsupported is worse than rendering it. A caller that declares `final` asks for full-ADF
+  // strictness and gets it.
+  var result = skipValidation ? transformedAdf || doc : validateADFEntity(schema, transformedAdf || doc, dispatchAnalyticsEvent, validationOverrides, adfStage);
+
+  // The spec validator can return the original root object when malformed JSON has no node type.
+  // Reject it here, matching the legacy validator, before ProseMirror attempts to deserialize it.
+  if (!result || typeof result.type !== 'string' || result.type.length === 0) {
+    return null;
   }
 
   // ProseMirror always require a child under doc
-  if (result.type === 'doc' && useSpecBasedValidator) {
+  if (result.type === 'doc') {
     if (Array.isArray(result.content) && result.content.length === 0) {
       result.content.push({
         type: 'paragraph',
@@ -142,24 +138,22 @@ var _validation = function _validation(doc, schema, adfStage, useSpecBasedValida
   return result;
 };
 var memoValidation = memoizeOne(_validation, function (newArgs, lastArgs) {
-  var _newArgs = _slicedToArray(newArgs, 7),
+  var _newArgs = _slicedToArray(newArgs, 6),
     newDoc = _newArgs[0],
     newSchema = _newArgs[1],
     newADFStage = _newArgs[2],
-    newUseSpecValidator = _newArgs[3],
-    /* ignoring dispatchAnalyticsEvent */newSkipValidation = _newArgs[5],
-    newValidationOverrides = _newArgs[6];
-  var _lastArgs = _slicedToArray(lastArgs, 7),
+    /* ignoring dispatchAnalyticsEvent */newSkipValidation = _newArgs[4],
+    newValidationOverrides = _newArgs[5];
+  var _lastArgs = _slicedToArray(lastArgs, 6),
     oldDoc = _lastArgs[0],
     oldSchema = _lastArgs[1],
     oldADFStage = _lastArgs[2],
-    oldUseSpecValidator = _lastArgs[3],
-    /* ignoring dispatchAnalyticsEvent */oldSkipValidation = _lastArgs[5],
-    oldValidationOverrides = _lastArgs[6];
+    /* ignoring dispatchAnalyticsEvent */oldSkipValidation = _lastArgs[4],
+    oldValidationOverrides = _lastArgs[5];
 
   // `areDocsEqual` may stringify the whole document, so it goes last and only runs once everything
   // cheaper has matched.
-  return newSchema === oldSchema && newADFStage === oldADFStage && newUseSpecValidator === oldUseSpecValidator && newSkipValidation === oldSkipValidation && areValidationOverridesEqual(newValidationOverrides, oldValidationOverrides) && areDocsEqual(newDoc, oldDoc);
+  return newSchema === oldSchema && newADFStage === oldADFStage && newSkipValidation === oldSkipValidation && areValidationOverridesEqual(newValidationOverrides, oldValidationOverrides) && areDocsEqual(newDoc, oldDoc);
 });
 
 // Ignored via go/ees005
@@ -253,22 +247,18 @@ var memoCreateNodeAndCheck = memoizeOne(_createNodeAndCheck, function (newArgs,
 export var renderDocument = function renderDocument(doc, serializer) {
   var schema = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : defaultSchema;
   var adfStage = arguments.length > 3 ? arguments[3] : undefined;
-  var useSpecBasedValidator = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  var rendererId = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'noid';
-  var dispatchAnalyticsEvent = arguments.length > 6 ? arguments[6] : undefined;
-  var unsupportedContentLevelsTracking = arguments.length > 7 ? arguments[7] : undefined;
-  var appearance = arguments.length > 8 ? arguments[8] : undefined;
-  var includeNodesCountInStats = arguments.length > 9 ? arguments[9] : undefined;
-  var skipValidation = arguments.length > 10 ? arguments[10] : undefined;
-  var validationOverrides = arguments.length > 11 ? arguments[11] : undefined;
+  var rendererId = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'noid';
+  var dispatchAnalyticsEvent = arguments.length > 5 ? arguments[5] : undefined;
+  var unsupportedContentLevelsTracking = arguments.length > 6 ? arguments[6] : undefined;
+  var appearance = arguments.length > 7 ? arguments[7] : undefined;
+  var includeNodesCountInStats = arguments.length > 8 ? arguments[8] : undefined;
+  var skipValidation = arguments.length > 9 ? arguments[9] : undefined;
+  var validationOverrides = arguments.length > 10 ? arguments[10] : undefined;
   var stat = {
     sanitizeTime: 0
   };
-  if (fg('platform_editor_renderer_rm_usespecbasedvalidator')) {
-    useSpecBasedValidator = true;
-  }
   var _withStopwatch = withStopwatch(function () {
-      return memoValidation(doc, schema, adfStage, useSpecBasedValidator, dispatchAnalyticsEvent, skipValidation, validationOverrides);
+      return memoValidation(doc, schema, adfStage, dispatchAnalyticsEvent, skipValidation, validationOverrides);
     }),
     validDoc = _withStopwatch.output,
     sanitizeTime = _withStopwatch.time;
@@ -297,7 +287,7 @@ export var renderDocument = function renderDocument(doc, serializer) {
 
   // save serialize tree time to stats
   stat.serializeTime = serializeTime;
-  if (dispatchAnalyticsEvent && useSpecBasedValidator) {
+  if (dispatchAnalyticsEvent) {
     findAndTrackUnsupportedContentNodes(node, schema, dispatchAnalyticsEvent);
     if (unsupportedContentLevelsTracking !== null && unsupportedContentLevelsTracking !== void 0 && unsupportedContentLevelsTracking.enabled) {
       var documentData = {

package/dist/esm/ui/Renderer/RendererStyleContainer.js

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _css9, _$concat3, _$concat5;
+var _css0, _$concat3, _$concat5;
 /* eslint-disable @atlaskit/ui-styling-standard/no-important-styles, @atlaskit/ui-styling-standard/no-unsafe-selectors */
 /* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
 /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values */
@@ -547,6 +547,16 @@ var headingWrapperInlineFlowStyles = css(_defineProperty(_defineProperty(_define
   // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
   marginTop: '1.59091em'
 }));
+var headingAnchorWrapperTargetSizeStyles = css(_defineProperty({
+  '& .renderer-heading-wrapper > h1, & .renderer-heading-wrapper > h2, & .renderer-heading-wrapper > h3, & .renderer-heading-wrapper > h4, & .renderer-heading-wrapper > h5, & .renderer-heading-wrapper > h6': {
+    verticalAlign: 'middle'
+  }
+}, "& .renderer-heading-wrapper > .".concat(HeadingAnchorWrapperClassName), {
+  display: 'inline-flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  verticalAlign: 'middle'
+}));
 var headingWithAlignmentStylesDuplicateAnchor = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
   '.fabric-editor-block-mark.fabric-editor-alignment:not(:first-child)': {
@@ -637,13 +647,13 @@ var paragraphStylesUGCScaledMargin = css({
     marginBottom: 0
   }
 });
-var listsSharedStyles = css((_css9 = {
+var listsSharedStyles = css((_css0 = {
   /* =============== INDENTATION SPACING ========= */
   'ul, ol': {
     boxSizing: 'border-box',
     paddingLeft: "var(--ed--list--item-counter--padding, ".concat(listItemCounterPadding, "px)")
   }
-}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css9, "".concat(orderedListSelector, ", ").concat(bulletListSelector), {
+}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css0, "".concat(orderedListSelector, ", ").concat(bulletListSelector), {
   /*
   Ensures list item content adheres to the list's margin instead
   of filling the entire block row. This is important to allow
@@ -675,7 +685,7 @@ var listsSharedStyles = css((_css9 = {
   listStyleType: 'lower-alpha'
 }), 'ol[data-indent-level="3"], ol[data-indent-level="6"]', {
   listStyleType: 'lower-roman'
-}), _defineProperty(_defineProperty(_defineProperty(_css9, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
+}), _defineProperty(_defineProperty(_defineProperty(_css0, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
   listStyleType: 'disc'
 }), 'ul[data-indent-level="2"], ul[data-indent-level="5"]', {
   listStyleType: 'circle'
@@ -2306,7 +2316,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- CSS custom properties for UGC font tokens
       '--ak-renderer-editor-font-small-text': editorUGCTokensRefreshed['editor.font.body.small']
     },
-    css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, headingAnchorButtonFocusVisibleStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max') && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
+    css: [expValEquals('confluence_ttvc_inline_extensions', 'isEnabled', true) ? baseFontStyle : originalBaseFontLineHeight, baseStyles, fontSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingAnchorStyles : headingAnchorStylesDuplicateAnchor, headingAnchorButtonFocusVisibleStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? hideHeadingCopyLinkWrapperStyles : hideHeadingCopyLinkWrapperStylesDuplicateAnchor, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererFullWidthStyles : oldRendererFullWidthStyles), (appearance === 'full-width' || appearance === 'max') && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, appearance === 'max' && (expValEquals('platform_editor_remove_important_in_render_ext', 'isEnabled', true) ? rendererMaxWidthStyles : oldRendererMaxWidthStyles), rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, headingsSharedStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingWrapperInlineFlowStyles, isExperimentEnabled('platform_editor_heading_link_target_size') && headingAnchorWrapperTargetSizeStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? headingWithAlignmentStyles : headingWithAlignmentStylesDuplicateAnchor, ruleSharedStyles, contentMode === 'compact' && extensionStyle, contentMode === 'compact' ? paragraphStylesUGCScaledMargin : paragraphSharedStylesWithEditorUGC, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, listItemHiddenMarkerStyles, indentationSharedStyles, indentationSharedStylesWithMarginFix, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) ? blockMarksSharedStyles : blockMarksSharedStylesDuplicateAnchor, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, !expValEquals('platform_editor_lovability_text_bg_color', 'isEnabled', true) && highlightLinksUnsetStyles,
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
     textHighlightPaddingStyles, tasksAndDecisionsStyles, expValEquals('platform_editor_copy_link_a11y_inconsistency_fix', 'isEnabled', true) && headingPanelStyles, smartCardStyles, smartCardStylesAvatarFix, headerSmartCardStyles, smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop, fg('editor_inline_comments_on_inline_nodes') && (expValEquals('confluence_fe_renderer_inline_node_mark_color_fix', 'isEnabled', true) ? rendererAnnotationStyles : rendererAnnotationStylesOld),
     // eslint-disable-next-line @atlaskit/platform/no-preconditioning

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

@@ -61,7 +61,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var TABLE_INFO_TIMEOUT = 10000;
 var RENDER_EVENT_SAMPLE_RATE = 0.1;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "141.0.6";
+var packageVersion = "142.0.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -488,7 +488,7 @@ export var RendererFunctionalComponent = function RendererFunctionalComponent(pr
   try {
     var _rendererContext$feat, _props$media;
     var schema = getSchema(props.schema, props.adfStage);
-    var _renderDocument = renderDocument(props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document, serializer, schema, props.adfStage, props.useSpecBasedValidator, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, validationOverrides),
+    var _renderDocument = renderDocument(props.shouldRemoveEmptySpaceAroundContent ? removeEmptySpaceAroundContent(props.document) : props.document, serializer, schema, props.adfStage, id, _fireAnalyticsEvent, props.unsupportedContentLevelsTracking, props.appearance, props.includeNodesCountInStats, props.skipValidation, validationOverrides),
       result = _renderDocument.result,
       stat = _renderDocument.stat,
       pmDoc = _renderDocument.pmDoc;

package/dist/types/react/nodes/heading-anchor-button.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import type { ButtonHTMLAttributes, JSX } from 'react';
+/** Heading link button with a minimum 24px pointer target. */
+export default function HeadingAnchorButton(props: ButtonHTMLAttributes<HTMLButtonElement>): JSX.Element;

package/dist/types/render-document.d.ts

@@ -25,5 +25,5 @@ type ValidationOverrides = {
     allowNestedTables?: boolean;
     allowTableInPanel?: boolean;
 };
-export declare const renderDocument: <T>(doc: any, serializer: Serializer<T>, schema?: Schema, adfStage?: ADFStage, useSpecBasedValidator?: boolean, rendererId?: string, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, unsupportedContentLevelsTracking?: UnsupportedContentLevelsTracking, appearance?: RendererAppearance, includeNodesCountInStats?: boolean, skipValidation?: boolean, validationOverrides?: ValidationOverrides) => RenderOutput<T | null>;
+export declare const renderDocument: <T>(doc: any, serializer: Serializer<T>, schema?: Schema, adfStage?: ADFStage, rendererId?: string, dispatchAnalyticsEvent?: DispatchAnalyticsEvent, unsupportedContentLevelsTracking?: UnsupportedContentLevelsTracking, appearance?: RendererAppearance, includeNodesCountInStats?: boolean, skipValidation?: boolean, validationOverrides?: ValidationOverrides) => RenderOutput<T | null>;
 export {};

package/dist/types/ui/renderer-props.d.ts

@@ -230,7 +230,5 @@ export interface RendererProps {
     /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-26490 Internal documentation for deprecation (no external access)}  This prop has been marked stable and therefore replaced by the `textHighlighter` prop. Please use `textHighlighter` prop instead. */
     UNSTABLE_textHighlighter?: TextHighlighter;
     unsupportedContentLevelsTracking?: UnsupportedContentLevelsTracking;
-    /** @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-3649 Internal documentation for deprecation (no external access)} This prop will be removed and set as default enabled, as the same flag on the Editor is also now default enabled. */
-    useSpecBasedValidator?: boolean;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "141.0.7",
+	"version": "142.0.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -69,7 +69,7 @@
 		"@atlaskit/pragmatic-drag-and-drop": "^3.1.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
 		"@atlaskit/react-ufo": "^7.13.0",
-		"@atlaskit/smart-card": "^45.25.0",
+		"@atlaskit/smart-card": "^45.26.0",
 		"@atlaskit/status": "^5.12.0",
 		"@atlaskit/task-decision": "^21.10.0",
 		"@atlaskit/theme": "^28.2.0",
@@ -88,7 +88,7 @@
 		"uuid": "^11.1.1"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^123.5.0",
+		"@atlaskit/editor-common": "^123.7.0",
 		"@atlaskit/link-provider": "^5.7.0",
 		"@atlaskit/media-core": "^38.2.0",
 		"react": "^18.2.0 || ^19.2.0",
@@ -194,9 +194,6 @@
 			"type": "boolean",
 			"referenceOnly": true
 		},
-		"platform_editor_renderer_rm_usespecbasedvalidator": {
-			"type": "boolean"
-		},
 		"platform_editor_bordered_panel_nested_in_table": {
 			"type": "boolean"
 		},