@atlaskit/renderer 114.11.1 → 114.12.0

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

@@ -14,10 +14,8 @@ var _context = require("../context");
 var _text = require("./text");
 var _position = require("./position");
 var _dom = require("./dom");
-var _styles = require("@atlaskit/editor-common/styles");
 var _segmentText = require("../../../react/utils/segment-text");
 var _renderTextSegments = require("../../../react/utils/render-text-segments");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 && {}.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; }
 /**
@@ -27,21 +25,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// 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'
-  },
-  // 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)().common,
-  // 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);
-};
-
 // Localized AnnotationSharedCSSByState().common and AnnotationSharedCSSByState().focus
-var markStylesNew = (0, _react2.css)({
+var markStyles = (0, _react2.css)({
   color: 'inherit',
   backgroundColor: 'unset',
   WebkitTapHighlightColor: 'transparent',
@@ -68,7 +53,7 @@ var AnnotationDraft = exports.AnnotationDraft = function AnnotationDraft(_ref) {
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, (0, _dom.dataAttributes)(draftPosition), {
-    css: (0, _platformFeatureFlags.fg)('platform_editor_emotion_refactor_renderer') ? markStylesNew : markStyles
+    css: markStyles
   }), children);
 };
 var getAnnotationIndex = exports.getAnnotationIndex = function getAnnotationIndex(annotationPosition, fragmentCount) {

package/dist/cjs/ui/annotations/element/mark.js

@@ -7,27 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.MarkComponent = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("react");
 var _react2 = require("@emotion/react");
-var _styles = require("@atlaskit/editor-common/styles");
 var _adfSchema = require("@atlaskit/adf-schema");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _reactIntlNext = require("react-intl-next");
 var _messages = require("../../../messages");
-var _templateObject;
-/**
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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; } /**
  * @jsxRuntime classic
  * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-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; }
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState` is not object-safe
-var markStylesOld = function markStylesOld() {
-  return (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: inherit;\n\tbackground-color: unset;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&[data-mark-annotation-state='", "'] {\n\t\t", "\n\t\t", "\n\n\t\t&:focus,\n\t\t\t&[data-has-focus='true'] {\n\t\t\t", "\n\t\t}\n\t\t&[data-is-hovered='true']:not([data-has-focus='true']) {\n\t\t\t", "\n\t\t}\n\t}\n"])), _adfSchema.AnnotationMarkStates.ACTIVE, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? (0, _styles.AnnotationSharedCSSByState)().common : '', (0, _styles.AnnotationSharedCSSByState)().blur, (0, _styles.AnnotationSharedCSSByState)().focus, (0, _platformFeatureFlags.fg)('confluence-frontend-comments-panel') ? (0, _styles.AnnotationSharedCSSByState)().hover : '');
-};
-var markStylesNew = (0, _react2.css)((0, _defineProperty2.default)({
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var markStyles = (0, _react2.css)((0, _defineProperty2.default)({
   color: 'inherit',
   backgroundColor: 'unset',
   WebkitTapHighlightColor: 'transparent'
@@ -65,7 +56,7 @@ var markStylesWithUpdatedShadow = (0, _react2.css)((0, _defineProperty2.default)
     boxShadow: "var(--ds-shadow-raised, 0px 1px 1px #091E4240, 0px 0px 1px #091E424f)"
   }
 }));
-var markStylesNewWithInlineComments = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(_adfSchema.AnnotationMarkStates.ACTIVE, "']"), {
+var markStylesWithInlineComments = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(_adfSchema.AnnotationMarkStates.ACTIVE, "']"), {
   // was from common in AnnotationSharedCSSByState().common
   borderBottom: '2px solid transparent',
   cursor: 'pointer',
@@ -89,7 +80,7 @@ var markStylesNewWithInlineComments = (0, _react2.css)((0, _defineProperty2.defa
     boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
   }
 }));
-var markStylesNewWithCommentsPanel = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(_adfSchema.AnnotationMarkStates.ACTIVE, "']"), {
+var markStylesWithCommentsPanel = (0, _react2.css)((0, _defineProperty2.default)({}, "&[data-mark-annotation-state='".concat(_adfSchema.AnnotationMarkStates.ACTIVE, "']"), {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
   '&[data-is-hovered="true"]:not([data-has-focus="true"])': {
     background: "var(--ds-background-accent-yellow-subtlest-hovered, #F8E6A0)",
@@ -102,28 +93,7 @@ var isMobile = function isMobile() {
   // eslint-disable-next-line require-unicode-regexp
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
 };
-var accessibilityStylesOld = function accessibilityStylesOld(startMarker, endMarker) {
-  return (0, _react2.css)({
-    '&::before, &::after': {
-      clipPath: 'inset(100%)',
-      clip: 'rect(1px, 1px, 1px, 1px)',
-      height: '1px',
-      overflow: 'hidden',
-      position: 'absolute',
-      whiteSpace: 'nowrap',
-      width: '1px'
-    },
-    '&::before': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-      content: "' [".concat(startMarker, "] '")
-    },
-    '&::after': {
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
-      content: "' [".concat(endMarker, "] '")
-    }
-  });
-};
-var accessibilityStylesNew = (0, _react2.css)({
+var accessibilityStyles = (0, _react2.css)({
   '&::before, &::after': {
     clipPath: 'inset(100%)',
     clip: 'rect(1px, 1px, 1px, 1px)',
@@ -213,32 +183,13 @@ var MarkComponent = exports.MarkComponent = function MarkComponent(_ref) {
   } : _objectSpread({
     'aria-details': annotationIds.join(', ')
   }, desktopAccessibilityAttributes);
-  var getAccessibilityStylesOld = function getAccessibilityStylesOld() {
-    if (isMobile()) {
-      return {};
-    }
-    if (state !== _adfSchema.AnnotationMarkStates.RESOLVED) {
-      var startMarker = intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerStart);
-      var endMarker = intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerEnd);
-      return accessibilityStylesOld(startMarker, endMarker);
-    } else {
-      return {};
-    }
-  };
-  if ((0, _platformFeatureFlags.fg)('platform_editor_emotion_refactor_renderer')) {
-    return (0, _react2.jsx)(useBlockLevel ? 'div' : 'mark', _objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)({
-      id: id
-    }, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? 'onClickCapture' : 'onClick', onMarkClick), accessibility), overriddenData), !useBlockLevel && {
-      css: [markStylesNew, (0, _platformFeatureFlags.fg)('platform_renderer_nested_annotation_styling') && markStylesLayeringFix, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && markStylesNewWithInlineComments, (0, _platformFeatureFlags.fg)('confluence-frontend-comments-panel') && markStylesNewWithCommentsPanel, !isMobile() && accessibilityStylesNew, markStylesWithUpdatedShadow],
-      style: {
-        '--ak-renderer-annotation-startmarker': intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerStart),
-        '--ak-renderer-annotation-endmarker': intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerEnd)
-      }
-    }), children);
-  }
   return (0, _react2.jsx)(useBlockLevel ? 'div' : 'mark', _objectSpread(_objectSpread(_objectSpread((0, _defineProperty2.default)({
     id: id
   }, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') ? 'onClickCapture' : 'onClick', onMarkClick), accessibility), overriddenData), !useBlockLevel && {
-    css: [markStylesOld, getAccessibilityStylesOld()]
+    css: [markStyles, (0, _platformFeatureFlags.fg)('platform_renderer_nested_annotation_styling') && markStylesLayeringFix, (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && markStylesWithInlineComments, (0, _platformFeatureFlags.fg)('confluence-frontend-comments-panel') && markStylesWithCommentsPanel, !isMobile() && accessibilityStyles, markStylesWithUpdatedShadow],
+    style: {
+      '--ak-renderer-annotation-startmarker': intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerStart),
+      '--ak-renderer-annotation-endmarker': intl.formatMessage(_messages.inlineCommentMessages.contentRendererInlineCommentMarkerEnd)
+    }
   }), children);
 };

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

@@ -5,23 +5,9 @@ import _extends from "@babel/runtime/helpers/extends";
  */
 import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+import { jsx } from '@emotion/react';
 import { alignmentPositionMap } from '@atlaskit/adf-schema';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
-const MarkWrapperOld = props => {
-  const styles = props['data-align'] ?
-  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression
-  css`
-				text-align: ${alignmentPositionMap[props['data-align']]};
-			` : '';
-  return jsx("div", _extends({
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    css: styles
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, props), props.children);
-};
-const MarkWrapperNew = props => {
+const MarkWrapper = props => {
   const dataAlign = props['data-align'] ? alignmentPositionMap[props['data-align']] : undefined;
   return jsx("div", _extends({
     style: {
@@ -31,7 +17,6 @@ const MarkWrapperNew = props => {
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, props), props.children);
 };
-const MarkWrapper = componentWithFG('platform_editor_emotion_refactor_renderer', MarkWrapperNew, MarkWrapperOld);
 export default function Alignment(props) {
   return jsx(MarkWrapper
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766

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

@@ -12,6 +12,8 @@ import { getCardClickHandler } from '../utils/getCardClickHandler';
 import InlineCard from './inlineCard';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
 import { DatasourceTableView } from '@atlaskit/link-datasource';
+import { CardSSR } from '@atlaskit/smart-card/ssr';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { N40 } from '@atlaskit/theme/colors';
 import { calcBreakoutWidth, canRenderDatasource } from '@atlaskit/editor-common/utils';
 const datasourceContainerStyle = css({
@@ -109,6 +111,27 @@ export default function BlockCard(props) {
       url: url
     });
   }
+  let cardComponent;
+  if (smartLinks !== null && smartLinks !== void 0 && smartLinks.ssr && url && fg('platform_ssr_smartlink_cards')) {
+    cardComponent = jsx(CardSSR, _extends({
+      appearance: "block",
+      platform: platform
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+    }, cardProps, {
+      url: url,
+      onError: onError
+    }));
+  } else {
+    cardComponent = jsx(Card, _extends({
+      appearance: "block",
+      platform: platform
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+    }, cardProps, {
+      onError: onError
+    }));
+  }
   return jsx(AnalyticsContext, {
     data: analyticsData
   }, jsx("div", {
@@ -121,12 +144,5 @@ export default function BlockCard(props) {
     unsupportedComponent: UnsupportedBlock
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-  }, cardProps), jsx(Card, _extends({
-    appearance: "block",
-    platform: platform
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading
-  }, cardProps, {
-    onError: onError
-  })))));
+  }, cardProps), cardComponent)));
 }

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

@@ -4,47 +4,10 @@
  */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
-import { overflowShadow, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { N20 } from '@atlaskit/theme/colors';
 import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import CodeBlockButtonContainer from './codeBlockButtonContainer';
-import { fg } from '@atlaskit/platform-feature-flags';
-
-// 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 codeBlockStyleOverridesOld = css`
-	tab-size: 4;
-	background-color: ${`var(--ds-surface-raised, ${N20})`};
-
-	&:hover {
-		button {
-			opacity: 1;
-		}
-	}
-
-	button {
-		opacity: 0;
-		transition: opacity 0.2s ease 0s;
-	}
-
-	${CodeBlockSharedCssClassName.DS_CODEBLOCK} {
-		font-size: ${relativeFontSizeToBase16(14)};
-		line-height: 1.5rem;
-		background-image: ${overflowShadow({
-  leftCoverWidth: "var(--ds-space-300, 24px)"
-})};
-		background-attachment: local, local, local, local, scroll, scroll, scroll, scroll;
-		background-position:
-			0 0,
-			0 0,
-			100% 0,
-			100% 0,
-			100% 0,
-			100% 0,
-			0 0,
-			0 0;
-	}
-`;
-const codeBlockStyleOverridesNew = css({
+const codeBlockStyleOverrides = css({
   tabSize: 4,
   backgroundColor: `var(--ds-surface-raised, ${N20})`,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
@@ -113,7 +76,7 @@ const CodeBlockContainer = ({
   return jsx("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: className,
-    css: fg('platform_editor_emotion_refactor_renderer') ? codeBlockStyleOverridesNew : codeBlockStyleOverridesOld
+    css: codeBlockStyleOverrides
   }, jsx(CodeBlockButtonContainer, {
     allowCopyToClipboard: allowCopyToClipboard,
     allowWrapCodeBlock: allowWrapCodeBlock,

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

@@ -9,11 +9,10 @@ import React, { forwardRef, useMemo } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { akEditorTableCellMinWidth, blockNodesVerticalMargin, overflowShadow } from '@atlaskit/editor-shared-styles';
-import { codeBlockSharedStyles, CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { CodeBlockSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { useBidiWarnings } from '../../../hooks/use-bidi-warnings';
 import { RendererCssClassName } from '../../../../consts';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
-const codeBlockSharedStylesNew = css({
+const codeBlockSharedStyles = css({
   [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPED}
 		> .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER}
 		> .${CodeBlockSharedCssClassName.CODEBLOCK_CONTENT}`]: {
@@ -145,14 +144,7 @@ const codeBlockSharedStylesNew = css({
     }
   }
 });
-
-// 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 lightWeightCodeBlockStylesOld = css`
-	.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER} {
-		cursor: text;
-	}
-`;
-const lightWeightCodeBlockStylesNew = css({
+const lightWeightCodeBlockStyles = css({
   [`.${CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER}`]: {
     cursor: 'text'
   }
@@ -181,43 +173,7 @@ export const getLightWeightCodeBlockStylesForRootRendererStyleSheet = () => {
 		}
 	`;
 };
-const LightWeightCodeBlockOld = /*#__PURE__*/forwardRef(({
-  text,
-  codeBidiWarningTooltipEnabled = true,
-  className
-}, ref) => {
-  const textRows = useMemo(() => (text !== null && text !== void 0 ? text : '').split('\n'), [text]);
-  const {
-    renderBidiWarnings
-  } = useBidiWarnings({
-    enableWarningTooltip: codeBidiWarningTooltipEnabled
-  });
-  const classNames = [LightWeightCodeBlockCssClassName.CONTAINER, className].join(' ');
-  return jsx("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: classNames,
-    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(), lightWeightCodeBlockStylesOld]
-  }, jsx("div", {
-    className: CodeBlockSharedCssClassName.CODEBLOCK_CONTAINER
-  }, jsx("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT_WRAPPER
-  }, jsx("div", {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER
-  }, textRows.map((_, index) =>
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/no-array-index-key
-  jsx("span", {
-    key: index
-  }))), jsx("div", {
-    className: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT
-  }, jsx("code", null, renderBidiWarnings(text))))));
-});
-const LightWeightCodeBlockNew = /*#__PURE__*/forwardRef(({
+const LightWeightCodeBlock = /*#__PURE__*/forwardRef(({
   text,
   codeBidiWarningTooltipEnabled = true,
   className
@@ -238,7 +194,7 @@ const LightWeightCodeBlockNew = /*#__PURE__*/forwardRef(({
     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: [codeBlockSharedStylesNew, lightWeightCodeBlockStylesNew],
+    css: [codeBlockSharedStyles, lightWeightCodeBlockStyles],
     style: {
       '--ak-renderer-codeblock-content-wrapper-bg-img': codeBlockBackgroundImage
     }
@@ -259,5 +215,4 @@ const LightWeightCodeBlockNew = /*#__PURE__*/forwardRef(({
     className: CodeBlockSharedCssClassName.CODEBLOCK_CONTENT
   }, jsx("code", null, renderBidiWarnings(text))))));
 });
-const LightWeightCodeBlock = componentWithFG('platform_editor_emotion_refactor_renderer', LightWeightCodeBlockNew, LightWeightCodeBlockOld);
 export default LightWeightCodeBlock;

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

@@ -5,11 +5,10 @@
 import React from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx, css } from '@emotion/react';
-import { WidthProvider, clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle } from '@atlaskit/editor-common/ui';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { WidthProvider } from '@atlaskit/editor-common/ui';
 
 // localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
-const clearNextSiblingMarginTopStyleNew = css({
+const clearNextSiblingMarginTopStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& + *': {
     // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
@@ -18,7 +17,7 @@ const clearNextSiblingMarginTopStyleNew = css({
 });
 
 // localized styles, was from clearNextSiblingBlockMarkMarginTopStyle in @atlaskit/editor-common/ui
-const clearNextSiblingBlockMarkMarginTopStyleNew = css({
+const clearNextSiblingBlockMarkMarginTopStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   [`+ .fabric-editor-block-mark > p,
 	  + .fabric-editor-block-mark > h1,
@@ -32,13 +31,6 @@ const clearNextSiblingBlockMarkMarginTopStyleNew = css({
     marginTop: '0 !important'
   }
 });
-
-// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-const layoutColumnClearMarginTopStyles = 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
-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
-clearNextSiblingBlockMarkMarginTopStyle);
 export default function LayoutSection(props) {
   return jsx("div", {
     "data-layout-column": true,
@@ -47,6 +39,6 @@ export default function LayoutSection(props) {
       flexBasis: `${props.width}%`
     }
   }, jsx(WidthProvider, null, jsx("div", {
-    css: fg('platform_editor_emotion_refactor_renderer') ? [clearNextSiblingMarginTopStyleNew, clearNextSiblingBlockMarkMarginTopStyleNew] : layoutColumnClearMarginTopStyles
+    css: [clearNextSiblingMarginTopStyle, clearNextSiblingBlockMarkMarginTopStyle]
   }), props.children));
 }

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

@@ -27,7 +27,6 @@ import { injectIntl } from 'react-intl-next';
 import { useInlineCommentsFilter } from '../../../ui/annotations/hooks/use-inline-comments-filter';
 import { useInlineCommentSubscriberContext } from '../../../ui/annotations/hooks/use-inline-comment-subscriber';
 import { AnnotationUpdateEvent } from '@atlaskit/editor-common/types';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 const linkStyle = css({
   position: 'absolute',
   background: 'transparent',
@@ -41,23 +40,14 @@ const linkStyle = css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
   height: '100% !important'
 });
-
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Ignored via go/DSP-18766
-const borderStyleOld = (color, width) => css`
-	position: absolute;
-	width: 100% !important;
-	height: 100% !important;
-	border-radius: ${width}px;
-	box-shadow: 0 0 0 ${width}px ${color};
-`;
-const borderStyleNew = css({
+const borderStyle = css({
   position: 'absolute',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
   width: '100% !important',
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles
   height: '100% !important'
 });
-const MediaBorderOld = ({
+const MediaBorder = ({
   mark,
   children
 }) => {
@@ -68,33 +58,11 @@ const MediaBorderOld = ({
   const borderColor = (_mark$attrs$color = mark === null || mark === void 0 ? void 0 : mark.attrs.color) !== null && _mark$attrs$color !== void 0 ? _mark$attrs$color : '';
   const borderWidth = (_mark$attrs$size = mark === null || mark === void 0 ? void 0 : mark.attrs.size) !== null && _mark$attrs$size !== void 0 ? _mark$attrs$size : 0;
   const paletteColorValue = hexToEditorBorderPaletteColor(borderColor) || borderColor;
-  return jsx("div", {
-    "data-mark-type": "border",
-    "data-color": borderColor,
-    "data-size": borderWidth
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    ,
-    css: borderStyleOld(paletteColorValue, borderWidth)
-  }, jsx(MediaBorderGapFiller, {
-    borderColor: borderColor
-  }), children);
-};
-const MediaBorderNew = ({
-  mark,
-  children
-}) => {
-  var _mark$attrs$color2, _mark$attrs$size2;
-  if (!mark) {
-    return jsx(Fragment, null, children);
-  }
-  const borderColor = (_mark$attrs$color2 = mark === null || mark === void 0 ? void 0 : mark.attrs.color) !== null && _mark$attrs$color2 !== void 0 ? _mark$attrs$color2 : '';
-  const borderWidth = (_mark$attrs$size2 = mark === null || mark === void 0 ? void 0 : mark.attrs.size) !== null && _mark$attrs$size2 !== void 0 ? _mark$attrs$size2 : 0;
-  const paletteColorValue = hexToEditorBorderPaletteColor(borderColor) || borderColor;
   return jsx("div", {
     "data-mark-type": "border",
     "data-color": borderColor,
     "data-size": borderWidth,
-    css: borderStyleNew,
+    css: borderStyle,
     style: {
       borderRadius: `${borderWidth}px`,
       boxShadow: `0 0 0 ${borderWidth}px ${paletteColorValue}`
@@ -103,7 +71,6 @@ const MediaBorderNew = ({
     borderColor: borderColor
   }), children);
 };
-const MediaBorder = componentWithFG('platform_editor_emotion_refactor_renderer', MediaBorderNew, MediaBorderOld);
 const MediaLink = ({
   mark,
   children,

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

@@ -8,13 +8,12 @@ import React from 'react';
 import { css, jsx } from '@emotion/react';
 import TipIcon from '@atlaskit/icon/core/migration/lightbulb--editor-hint';
 import { PanelType } from '@atlaskit/adf-schema';
-import { PanelSharedCssClassName, panelSharedStylesWithoutPrefix } from '@atlaskit/editor-common/panel';
+import { PanelSharedCssClassName } from '@atlaskit/editor-common/panel';
 import { hexToEditorBackgroundPaletteColor } from '@atlaskit/editor-palette';
 import EmojiIcon from '@atlaskit/icon/core/migration/emoji--editor-emoji';
 import EmojiItem from './emoji';
 import { PanelInfoIcon, PanelSuccessIcon, PanelNoteIcon, PanelWarningIcon, PanelErrorIcon } from '@atlaskit/editor-common/icons';
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
-import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 import { fg } from '@atlaskit/platform-feature-flags';
 // New custom icons are a little smaller than predefined icons.
 // To fix alignment issues with custom icons, vertical alignment is updated.
@@ -155,44 +154,7 @@ const panelCustomBackground = css({
     }
   }
 });
-const PanelStyledOld = ({
-  backgroundColor,
-  hasIcon,
-  ...props
-}) => {
-  // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- nested css mixins are violations
-  let styles = css`
-		&.${PanelSharedCssClassName.prefix} {
-			${panelSharedStylesWithoutPrefix()}
-
-			&[data-panel-type=${PanelType.CUSTOM}] {
-				${hasIcon ? '' : 'padding-left: 12px;padding-right: 12px;'}
-			}
-		}
-	`;
-  if (props['data-panel-type'] === PanelType.CUSTOM && backgroundColor) {
-    // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- nested css mixins are violations
-    styles = css`
-			&.${PanelSharedCssClassName.prefix} {
-				${panelSharedStylesWithoutPrefix()}
-			}
-
-			&[data-panel-type=${PanelType.CUSTOM}] {
-				background-color: ${hexToEditorBackgroundPaletteColor(backgroundColor) || backgroundColor};
-				${hasIcon ? '' : 'padding-left: 12px;padding-right: 12px;'}
-			}
-		`;
-  }
-  return (
-    // eslint-disable-next-line
-    // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    jsx("div", _extends({
-      css: styles
-    }, props), props.children)
-  );
-};
-const PanelStyledNew = ({
+const PanelStyled = ({
   backgroundColor,
   hasIcon,
   ...props
@@ -209,7 +171,6 @@ const PanelStyledNew = ({
     // eslint-disable-next-line react/jsx-props-no-spreading
   }, props), props.children);
 };
-const PanelStyled = componentWithFG('platform_editor_emotion_refactor_renderer', PanelStyledNew, PanelStyledOld);
 PanelStyled.displayName = 'PanelStyled';
 const panelIcons = {
   info: PanelInfoIcon,

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { tableCellBorderWidth, tableCellMinWidth } from '@atlaskit/editor-common/styles';
 import { akEditorTableNumberColumnWidth, akEditorTableLegacyCellMinWidth } from '@atlaskit/editor-shared-styles';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
@@ -190,7 +191,9 @@ export const Colgroup = props => {
   }
   return /*#__PURE__*/React.createElement("colgroup", null, isNumberColumnEnabled && /*#__PURE__*/React.createElement("col", {
     // 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: {
+    style: fg('platform-ssr-table-resize') ? undefined :
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
+    {
       width: akEditorTableNumberColumnWidth
     },
     "data-test-id": 'num'
@@ -200,6 +203,6 @@ export const Colgroup = props => {
   // eslint-disable-next-line react/no-array-index-key, @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
   React.createElement("col", {
     key: idx,
-    style: style
+    style: fg('platform-ssr-table-resize') ? undefined : style
   })));
 };