@atlaskit/renderer 114.3.0 → 114.3.2

package/dist/esm/ui/Expand.js

@@ -2,7 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["expanded"];
+var _excluded = ["expanded"],
+  _excluded2 = ["expanded"];
 var _templateObject, _templateObject2, _templateObject3;
 /**
  * @jsxRuntime classic
@@ -14,7 +15,7 @@ import React, { useCallback, useRef } from 'react';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { clearNextSiblingMarginTopStyle, ExpandIconWrapper, ExpandLayoutWrapperWithRef, expandMessages, sharedExpandStyles, WidthProvider } from '@atlaskit/editor-common/ui';
-import { akEditorLineHeight, relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
+import { akEditorLineHeight, akEditorSwoopCubicBezier, akLayoutGutterOffset } from '@atlaskit/editor-shared-styles';
 import { default as ChevronRightIconLegacy } from '@atlaskit/icon/glyph/chevron-right';
 import ChevronRightIcon from '@atlaskit/icon/utility/chevron-right';
 import Tooltip from '@atlaskit/tooltip';
@@ -22,11 +23,12 @@ import _uniqueId from 'lodash/uniqueId';
 import { injectIntl } from 'react-intl-next';
 import { MODE, PLATFORM } from '../analytics/events';
 import { ActiveHeaderIdConsumer } from './active-header-id-provider';
+import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
 var titleStyles = css({
   outline: 'none',
   border: 'none',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: relativeFontSizeToBase16(14),
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+  fontSize: "".concat(14 / 16, "rem"),
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/use-tokens-typography -- Ignored via go/DSP-18766
   lineHeight: akEditorLineHeight,
   fontWeight: "var(--ds-font-weight-regular, 400)",
@@ -36,7 +38,92 @@ var titleStyles = css({
   padding: "0 0 0 ".concat("var(--ds-space-050, 4px)"),
   textAlign: 'left'
 });
-var Container = function Container(props) {
+var containerStyles = css({
+  borderWidth: '1px',
+  borderStyle: 'solid',
+  borderColor: 'transparent',
+  borderRadius: "var(--ds-border-radius-100, 4px)",
+  minHeight: '25px',
+  background: "var(--ds-background-neutral-subtle, 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
+  transition: "background 0.3s ".concat(akEditorSwoopCubicBezier, ", border-color 0.3s ").concat(akEditorSwoopCubicBezier),
+  padding: "var(--ds-space-0, 0px)",
+  paddingBottom: "var(--ds-space-0, 0px)",
+  marginTop: "var(--ds-space-050, 0.25rem)",
+  marginBottom: 0,
+  marginLeft: 0,
+  marginRight: 0,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
+  'td > :not(style):first-child, td > style:first-child + *': {
+    marginTop: 0
+  }
+});
+var containerStylesExpanded = css({
+  background: "var(--ds-surface, rgba(255, 255, 255, 0.6))",
+  paddingBottom: "var(--ds-space-100, 8px)",
+  borderColor: "var(--ds-border, #091E4224)"
+});
+var containerStylesFocused = css({
+  borderColor: "var(--ds-border-focused, #388BFF)"
+});
+var containerStylesDataNodeTypeExpand = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  marginLeft: "-".concat(akLayoutGutterOffset, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values
+  marginRight: "-".concat(akLayoutGutterOffset, "px")
+});
+var titleContainerStyles = css({
+  display: 'flex',
+  alignItems: 'flex-start',
+  background: 'none',
+  border: 'none',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+  fontSize: "".concat(14 / 16, "rem"),
+  width: '100%',
+  color: "var(--ds-text-subtle, #44546F)",
+  overflow: 'hidden',
+  cursor: 'pointer',
+  padding: "var(--ds-space-100, 8px)",
+  '&:focus': {
+    outline: 0
+  }
+});
+var titleContainerStylesExpanded = css({
+  paddingBottom: "var(--ds-space-0, 0px)"
+});
+var contentContainerStyles = css({
+  paddingTop: "var(--ds-space-0, 0px)",
+  marginLeft: "var(--ds-space-050, 4px)",
+  paddingRight: "var(--ds-space-200, 16px)",
+  paddingLeft: "var(--ds-space-400, 32px)",
+  display: 'flow-root',
+  visibility: 'hidden',
+  // The follow rules inside @supports block are added as a part of ED-8893
+  // The fix is targeting mobile bridge on iOS 12 or below,
+  // We should consider remove this fix when we no longer support iOS 12
+  '@supports not (display: flow-root)': {
+    width: '100%',
+    boxSizing: 'border-box'
+  }
+});
+var contentContainerStylesExpanded = css({
+  paddingTop: "var(--ds-space-100, 8px)",
+  visibility: 'visible'
+});
+var contentContainerStylesNotExpanded = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '.expand-content-wrapper, .nestedExpand-content-wrapper': {
+    /* We visually hide the content here to preserve the content during copy+paste */
+    /* Do not add text nowrap here because inline comment navigation depends on the location of the text */
+    width: '100%',
+    display: 'block',
+    height: 0,
+    overflow: 'hidden',
+    clip: 'rect(1px, 1px, 1px, 1px)',
+    userSelect: 'none'
+  }
+});
+var ContainerOld = function ContainerOld(props) {
   var paddingBottom = props.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)";
   var sharedContainerStyles = sharedExpandStyles.containerStyles(props);
 
@@ -52,7 +139,15 @@ var Container = function Container(props) {
     }, props), props.children)
   );
 };
-var TitleContainer = function TitleContainer(props) {
+var ContainerNew = function ContainerNew(props) {
+  return jsx("div", _extends({
+    css: [containerStyles, props['data-node-type'] === 'expand' && containerStylesDataNodeTypeExpand, props.expanded && containerStylesExpanded, props.focused && containerStylesFocused]
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+  }, props), props.children);
+};
+var Container = componentWithFG('platform_editor_emotion_refactor_renderer', ContainerNew, ContainerOld);
+var TitleContainerOld = function TitleContainerOld(props) {
   var paddingBottom = !props.expanded ? "var(--ds-space-100, 8px)" : "var(--ds-space-0, 0px)";
 
   // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
@@ -63,15 +158,29 @@ var TitleContainer = function TitleContainer(props) {
     buttonProps = _objectWithoutProperties(props, _excluded);
   return (
     // Ignored via go/ees005
-    // eslint-disable-next-line react/jsx-props-no-spreading, @atlaskit/design-system/consistent-css-prop-usage
+    // eslint-disable-next-line react/jsx-props-no-spreading, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/design-system/no-html-button
     jsx("button", _extends({
       type: "button",
       css: styles
     }, buttonProps), props.children)
   );
 };
+var TitleContainerNew = function TitleContainerNew(props) {
+  var expanded = props.expanded,
+    buttonProps = _objectWithoutProperties(props, _excluded2);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/no-html-button
+    jsx("button", _extends({
+      type: "button",
+      css: [titleContainerStyles, expanded && titleContainerStylesExpanded]
+      // Ignored via go/ees005
+      // eslint-disable-next-line react/jsx-props-no-spreading
+    }, buttonProps), props.children)
+  );
+};
+var TitleContainer = componentWithFG('platform_editor_emotion_refactor_renderer', TitleContainerNew, TitleContainerOld);
 TitleContainer.displayName = 'TitleContainerButton';
-var ContentContainer = function ContentContainer(props) {
+var ContentContainerOld = function ContentContainerOld(props) {
   var sharedContentStyles = sharedExpandStyles.contentStyles(props);
   var visibility = props.expanded ? 'visible' : 'hidden';
 
@@ -80,7 +189,6 @@ var ContentContainer = function ContentContainer(props) {
     return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\t\t", ";\n\t\tpadding-right: ", ";\n\t\tpadding-left: ", ";\n\t\tvisibility: ", ";\n\t"])), sharedContentStyles(), "var(--ds-space-200, 16px)", "var(--ds-space-400, 32px)", visibility);
   };
   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
     jsx("div", _extends({
@@ -88,6 +196,14 @@ var ContentContainer = function ContentContainer(props) {
     }, props), props.children)
   );
 };
+var ContentContainerNew = function ContentContainerNew(props) {
+  return jsx("div", _extends({
+    css: [contentContainerStyles, props.expanded && contentContainerStylesExpanded, !props.expanded && contentContainerStylesNotExpanded]
+    // Ignored via go/ees005
+    // eslint-disable-next-line react/jsx-props-no-spreading
+  }, props), props.children);
+};
+var ContentContainer = componentWithFG('platform_editor_emotion_refactor_renderer', ContentContainerNew, ContentContainerOld);
 function fireExpandToggleAnalytics(nodeType, expanded, fireAnalyticsEvent) {
   if (!fireAnalyticsEvent) {
     return;

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

@@ -57,7 +57,7 @@ import { removeEmptySpaceAroundContent } from './rendererHelper';
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "114.3.0";
+var packageVersion = "114.3.2";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size',

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

@@ -3,6 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
  * @jsxRuntime classic
  * @jsx jsx
  */
+
 import React, { Fragment } from 'react';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
@@ -14,6 +15,7 @@ import { dataAttributes } from './dom';
 import { AnnotationSharedCSSByState } from '@atlaskit/editor-common/styles';
 import { segmentText } from '../../../react/utils/segment-text';
 import { renderTextSegments } from '../../../react/utils/render-text-segments';
+import { fg } from '@atlaskit/platform-feature-flags';
 
 // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var markStyles = function markStyles() {
@@ -27,18 +29,37 @@ var markStyles = function markStyles() {
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   AnnotationSharedCSSByState().focus);
 };
+
+// Localized AnnotationSharedCSSByState().common and AnnotationSharedCSSByState().focus
+var markStylesNew = css({
+  color: 'inherit',
+  backgroundColor: 'unset',
+  WebkitTapHighlightColor: 'transparent',
+  borderBottom: '2px solid transparent',
+  cursor: 'pointer',
+  padding: '1px 0 2px',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&:has(.card), &:has([data-inline-card])': {
+    padding: '5px 0 3px 0'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&:has(.date-lozenger-container)': {
+    paddingTop: "var(--ds-space-025, 2px)"
+  },
+  background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
+  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
+  boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
+});
 export var AnnotationDraft = function AnnotationDraft(_ref) {
   var draftPosition = _ref.draftPosition,
     children = _ref.children;
-  return (
+  return jsx("mark", _extends({
+    "data-renderer-mark": true
     // Ignored via go/ees005
     // eslint-disable-next-line react/jsx-props-no-spreading
-    jsx("mark", _extends({
-      "data-renderer-mark": true
-    }, dataAttributes(draftPosition), {
-      css: markStyles
-    }), children)
-  );
+  }, dataAttributes(draftPosition), {
+    css: fg('platform_editor_emotion_refactor_renderer') ? markStylesNew : markStyles
+  }), children);
 };
 export var getAnnotationIndex = function getAnnotationIndex(annotationPosition, fragmentCount) {
   if (annotationPosition === InsertDraftPosition.START) {

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

@@ -1,5 +1,5 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 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; }
@@ -17,17 +17,65 @@ import { AnnotationMarkStates } from '@atlaskit/adf-schema';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { useIntl } from 'react-intl-next';
 import { inlineCommentMessages } from '../../../messages';
-
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- `AnnotationSharedCSSByState` is not object-safe
-var markStyles = function markStyles() {
+var markStylesOld = function markStylesOld() {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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"])), AnnotationMarkStates.ACTIVE, fg('editor_inline_comments_on_inline_nodes') ? AnnotationSharedCSSByState().common : '', AnnotationSharedCSSByState().blur, AnnotationSharedCSSByState().focus, fg('confluence-frontend-comments-panel') ? AnnotationSharedCSSByState().hover : '');
 };
+var markStylesNew = css(_defineProperty({
+  color: 'inherit',
+  backgroundColor: 'unset',
+  WebkitTapHighlightColor: 'transparent'
+}, "&[data-mark-annotation-state='".concat(AnnotationMarkStates.ACTIVE, "']"), {
+  // was from blur in AnnotationSharedCSSByState().blur
+  background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
+  borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, #B38600)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '&:focus, &[data-has-focus="true"]': {
+    background: "var(--ds-background-accent-yellow-subtler, #F8E6A0)",
+    borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, #B38600)"),
+    // TODO: DSP-4147 - Annotation shadow
+    boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)",
+    cursor: 'pointer'
+  }
+}));
+var markStylesNewWithInlineComments = css(_defineProperty({}, "&[data-mark-annotation-state='".concat(AnnotationMarkStates.ACTIVE, "']"), {
+  // was from common in AnnotationSharedCSSByState().common
+  borderBottom: '2px solid transparent',
+  cursor: 'pointer',
+  padding: '1px 0 2px',
+  // it was under fg(annotations_align_editor_and_renderer_styles) from AnnotationSharedCSSByState().common, assume it's on as already rolled out
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&:has(.card), &:has([data-inline-card])': {
+    padding: '5px 0 3px 0'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
+  '&:has(.date-lozenger-container)': {
+    paddingTop: "var(--ds-space-025, 2px)"
+  },
+  // was from blur in AnnotationSharedCSSByState().blur
+  background: "var(--ds-background-accent-yellow-subtlest, #FFF7D6)",
+  borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
+  '&:focus, &[data-has-focus="true"]': {
+    background: "var(--ds-background-accent-yellow-subtlest-pressed, #F5CD47)",
+    borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
+    boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
+  }
+}));
+var markStylesNewWithCommentsPanel = css(_defineProperty({}, "&[data-mark-annotation-state='".concat(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)",
+    borderBottomColor: "var(--ds-border-accent-yellow, #B38600)",
+    boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #091E4226, 0px 0px 1px #091E424f)"
+  }
+}));
 var isMobile = function isMobile() {
   // Ignored via go/ees005
   // eslint-disable-next-line require-unicode-regexp
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
 };
-var accessibilityStyles = function accessibilityStyles(startMarker, endMarker) {
+var accessibilityStylesOld = function accessibilityStylesOld(startMarker, endMarker) {
   return css({
     '&::before, &::after': {
       clipPath: 'inset(100%)',
@@ -48,6 +96,25 @@ var accessibilityStyles = function accessibilityStyles(startMarker, endMarker) {
     }
   });
 };
+var accessibilityStylesNew = 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: "' [var(--ak-renderer-annotation-startmarker)] '"
+  },
+  '&::after': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values
+    content: "' [var(--ak-renderer-annotation-endmarker)] '"
+  }
+});
 export var MarkComponent = function MarkComponent(_ref) {
   var annotationParentIds = _ref.annotationParentIds,
     children = _ref.children,
@@ -119,21 +186,32 @@ export var MarkComponent = function MarkComponent(_ref) {
   } : _objectSpread({
     'aria-details': annotationIds.join(', ')
   }, desktopAccessibilityAttributes);
-  var getAccessibilityStyles = function getAccessibilityStyles() {
+  var getAccessibilityStylesOld = function getAccessibilityStylesOld() {
     if (isMobile()) {
       return {};
     }
     if (state !== AnnotationMarkStates.RESOLVED) {
       var startMarker = intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerStart);
       var endMarker = intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerEnd);
-      return accessibilityStyles(startMarker, endMarker);
+      return accessibilityStylesOld(startMarker, endMarker);
     } else {
       return {};
     }
   };
+  if (fg('platform_editor_emotion_refactor_renderer')) {
+    return jsx(useBlockLevel ? 'div' : 'mark', _objectSpread(_objectSpread(_objectSpread(_defineProperty({
+      id: id
+    }, fg('editor_inline_comments_on_inline_nodes') ? 'onClickCapture' : 'onClick', onMarkClick), accessibility), overriddenData), !useBlockLevel && {
+      css: [markStylesNew, fg('editor_inline_comments_on_inline_nodes') && markStylesNewWithInlineComments, fg('confluence-frontend-comments-panel') && markStylesNewWithCommentsPanel, !isMobile() && accessibilityStylesNew],
+      style: {
+        '--ak-renderer-annotation-startmarker': intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerStart),
+        '--ak-renderer-annotation-endmarker': intl.formatMessage(inlineCommentMessages.contentRendererInlineCommentMarkerEnd)
+      }
+    }), children);
+  }
   return jsx(useBlockLevel ? 'div' : 'mark', _objectSpread(_objectSpread(_objectSpread(_defineProperty({
     id: id
   }, fg('editor_inline_comments_on_inline_nodes') ? 'onClickCapture' : 'onClick', onMarkClick), accessibility), overriddenData), !useBlockLevel && {
-    css: [markStyles, getAccessibilityStyles()]
+    css: [markStylesOld, getAccessibilityStylesOld()]
   }), children);
 };

package/dist/types/react/nodes/codeBlock/components/lightWeightCodeBlock.d.ts

@@ -7,6 +7,10 @@ import type { Props as CodeBlockProps } from '../codeBlock';
 export declare const LightWeightCodeBlockCssClassName: {
     CONTAINER: string;
 };
+/**
+ * @private
+ * @deprecated styles are moved to RendererStyleContainer
+ */
 export declare const getLightWeightCodeBlockStylesForRootRendererStyleSheet: () => import("@emotion/react").SerializedStyles;
-declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, "text" | "className" | "codeBidiWarningTooltipEnabled"> & React.RefAttributes<HTMLDivElement>>;
+declare const LightWeightCodeBlock: React.FC<Omit<Pick<CodeBlockProps, "text" | "className" | "codeBidiWarningTooltipEnabled"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default LightWeightCodeBlock;

package/dist/types/ui/annotations/draft/component.d.ts

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { Position } from '../types';

package/dist/types-ts4.5/react/nodes/codeBlock/components/lightWeightCodeBlock.d.ts

@@ -7,6 +7,10 @@ import type { Props as CodeBlockProps } from '../codeBlock';
 export declare const LightWeightCodeBlockCssClassName: {
     CONTAINER: string;
 };
+/**
+ * @private
+ * @deprecated styles are moved to RendererStyleContainer
+ */
 export declare const getLightWeightCodeBlockStylesForRootRendererStyleSheet: () => import("@emotion/react").SerializedStyles;
-declare const LightWeightCodeBlock: React.ForwardRefExoticComponent<Pick<CodeBlockProps, "text" | "className" | "codeBidiWarningTooltipEnabled"> & React.RefAttributes<HTMLDivElement>>;
+declare const LightWeightCodeBlock: React.FC<Omit<Pick<CodeBlockProps, "text" | "className" | "codeBidiWarningTooltipEnabled"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default LightWeightCodeBlock;

package/dist/types-ts4.5/ui/annotations/draft/component.d.ts

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
 import React from 'react';
 import { jsx } from '@emotion/react';
 import type { Position } from '../types';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "114.3.0",
+	"version": "114.3.2",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -31,7 +31,7 @@
 		"@atlaskit/analytics-next": "^11.0.0",
 		"@atlaskit/button": "^21.1.0",
 		"@atlaskit/code": "^16.0.0",
-		"@atlaskit/editor-common": "^102.7.0",
+		"@atlaskit/editor-common": "^102.8.0",
 		"@atlaskit/editor-json-transformer": "^8.24.0",
 		"@atlaskit/editor-palette": "^2.1.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
@@ -39,7 +39,7 @@
 		"@atlaskit/emoji": "^68.0.0",
 		"@atlaskit/feature-gate-js-client": "^4.26.0",
 		"@atlaskit/icon": "^25.0.0",
-		"@atlaskit/link-datasource": "^3.22.0",
+		"@atlaskit/link-datasource": "^4.0.0",
 		"@atlaskit/media-card": "^79.0.0",
 		"@atlaskit/media-client": "^32.0.0",
 		"@atlaskit/media-client-react": "^4.0.0",
@@ -48,12 +48,13 @@
 		"@atlaskit/media-ui": "^28.0.0",
 		"@atlaskit/media-viewer": "^52.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
+		"@atlaskit/platform-feature-flags-react": "^0.1.0",
 		"@atlaskit/react-ufo": "^3.4.0",
 		"@atlaskit/smart-card": "^35.2.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.1.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^3.6.0",
+		"@atlaskit/tmp-editor-statsig": "^4.0.0",
 		"@atlaskit/tokens": "^4.5.0",
 		"@atlaskit/tooltip": "^20.0.0",
 		"@atlaskit/visually-hidden": "^3.0.0",

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

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.uiMediaSingleLayoutStyles = exports.uiMediaSingleBaseStyles = void 0;
-var _react = require("@emotion/react");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var uiMediaSingleBaseStyles = exports.uiMediaSingleBaseStyles = (0, _react.css)({
-  transition: 'all 0.1s linear'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var uiMediaSingleLayoutStyles = exports.uiMediaSingleLayoutStyles = (0, _react.css)({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginLeft: '50%',
-  transform: 'translateX(-50%)'
-});

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

@@ -1,18 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const uiMediaSingleBaseStyles = css({
-  transition: 'all 0.1s linear'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const uiMediaSingleLayoutStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginLeft: '50%',
-  transform: 'translateX(-50%)'
-});

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

@@ -1,18 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var uiMediaSingleBaseStyles = css({
-  transition: 'all 0.1s linear'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var uiMediaSingleLayoutStyles = css({
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginLeft: '50%',
-  transform: 'translateX(-50%)'
-});

package/dist/types/react/nodes/mediaSingle/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const uiMediaSingleBaseStyles: import("@emotion/react").SerializedStyles;
-export declare const uiMediaSingleLayoutStyles: import("@emotion/react").SerializedStyles;

package/dist/types-ts4.5/react/nodes/mediaSingle/styles.d.ts

@@ -1,2 +0,0 @@
-export declare const uiMediaSingleBaseStyles: import("@emotion/react").SerializedStyles;
-export declare const uiMediaSingleLayoutStyles: import("@emotion/react").SerializedStyles;