@atlaskit/renderer 120.4.9 → 120.5.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/renderer
 
+## 120.5.1
+
+### Patch Changes
+
+- [`ffc3ef708967c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ffc3ef708967c) -
+  [ux] Adds an optional disablePreviewPanel prop on a smartcard to allow consumers opt out of
+  opening Preview Panel by default when a smartlink is clicked.
+- Updated dependencies
+
+## 120.5.0
+
+### Minor Changes
+
+- [`14e7b85d72f07`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/14e7b85d72f07) -
+  EDITOR-1385 Setup platform_editor_ai_non_iw_adf_streaming experiment.
+
+### Patch Changes
+
+- [`e223c8a081854`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e223c8a081854) -
+  EDITOR-1363 Add telepointer styles for Rovo behind platform_editor_ai_aifc experiment.
+- Updated dependencies
+
 ## 120.4.9
 
 ### Patch Changes

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

@@ -198,7 +198,8 @@ var InlineCard = function InlineCard(props) {
         setIsResolvedViewRendered(true);
       }
     },
-    onError: onError
+    onError: onError,
+    disablePreviewPanel: (0, _expValEquals.expValEquals)('platform_editor_preview_panel_linking_exp', 'isEnabled', true)
   }))), CompetitorPromptComponent)));
 };
 var _default = exports.default = (0, _SmartCardStorage.withSmartCardStorage)(InlineCard);

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

@@ -25,7 +25,7 @@ var _table2 = require("@atlaskit/editor-common/table");
 var _lightWeightCodeBlock = require("../../react/nodes/codeBlock/components/lightWeightCodeBlock");
 var _ugcTokens = require("@atlaskit/editor-common/ugc-tokens");
 var _getBaseFontSize = require("./get-base-font-size");
-var _css, _css7;
+var _css, _css8;
 /* eslint-disable @atlaskit/ui-styling-standard/no-important-styles */
 /* 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 */
@@ -238,6 +238,45 @@ var telepointerStyles = (0, _react.css)((0, _defineProperty2.default)({}, "#".co
     backgroundColor: "var(--ds-background-brand-bold, #0C66E4)"
   }
 }));
+var rovoTelepointerStyles = (0, _react.css)((0, _defineProperty2.default)({}, "#".concat(TELEPOINTER_ID), {
+  display: 'inline-block',
+  position: 'relative',
+  width: '1.5px',
+  height: '24px',
+  backgroundColor: "var(--ds-background-brand-bold, #0C66E4)",
+  marginLeft: "var(--ds-space-025, 2px)",
+  '&::after': {
+    content: '""',
+    position: 'absolute',
+    display: 'block',
+    top: 0,
+    left: 0,
+    width: '31.5px',
+    height: '15.5px',
+    borderRadius: "0px ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0px"),
+    background:
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography, @atlaskit/design-system/ensure-design-token-usage
+    'linear-gradient(to right, #1868db 0px, #1868db 1.5px, transparent 1.5px) 0 0 / 100% 100% no-repeat, conic-gradient(from 270deg at 50% 50%, #1868db 0deg, #1868db 115deg, #fca700 115deg, #fca700 180deg, #bf63f3 180deg, #bf63f3 310deg, #82b536 310deg, #82b536 359.96deg, #1868db 360deg)'
+  },
+  '&::before': {
+    content: '"Rovo"',
+    position: 'absolute',
+    fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+    fontWeight: "var(--ds-font-weight-semibold, 600)",
+    color: "var(--ds-text-inverse, white)",
+    background: "var(--ds-text, #172B4D)",
+    top: 1,
+    left: 1,
+    borderRadius: "0px ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0px"),
+    zIndex: 1,
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+    fontSize: '10px',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+    padding: '0.5px 2.5px',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+    lineHeight: 'initial'
+  }
+}));
 var whitespaceSharedStyles = (0, _react.css)({
   wordWrap: 'break-word',
   whiteSpace: 'pre-wrap'
@@ -511,13 +550,13 @@ var paragraphSharedStyles = (0, _react.css)({
     letterSpacing: '-0.005em'
   }
 });
-var listsSharedStyles = (0, _react.css)((_css7 = {
+var listsSharedStyles = (0, _react.css)((_css8 = {
   /* =============== 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)(_css7, "".concat(_adfSchema.orderedListSelector, ", ").concat(_adfSchema.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)(_css8, "".concat(_adfSchema.orderedListSelector, ", ").concat(_adfSchema.bulletListSelector), {
   /*
    Ensures list item content adheres to the list's margin instead
    of filling the entire block row. This is important to allow
@@ -549,7 +588,7 @@ var listsSharedStyles = (0, _react.css)((_css7 = {
   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)(_css7, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css8, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
   listStyleType: 'disc'
 }), 'ul[data-indent-level="2"], ul[data-indent-level="5"]', {
   listStyleType: 'circle'
@@ -1462,7 +1501,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
         '--ak-renderer-editor-font-heading-h6': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h6')),
         '--ak-renderer-editor-font-normal-text': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.body'))
       },
-      css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, telepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? paragraphSharedStylesWithEditorUGC : paragraphSharedStyles, listsSharedStyles, _browser.browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_linking_exp', 'isEnabled', true) && headerSmartCardStyles, (0, _platformFeatureFlags.fg)('smartcard_avatar_margin_fix') && smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop,
+      css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !(0, _table.isTableResizingEnabled)(appearance) && rendererFullWidthStylesForTableResizing, (0, _experiments.editorExperiment)('platform_editor_ai_aifc', false) && telepointerStyles, (0, _experiments.editorExperiment)('platform_editor_ai_aifc', true) && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor_typography_ugc') ? paragraphSharedStylesWithEditorUGC : paragraphSharedStyles, listsSharedStyles, _browser.browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, (0, _platformFeatureFlags.fg)('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_preview_panel_linking_exp', 'isEnabled', true) && headerSmartCardStyles, (0, _platformFeatureFlags.fg)('smartcard_avatar_margin_fix') && smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop,
       // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix

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

@@ -63,7 +63,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
 var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "120.4.8";
+var packageVersion = "120.5.0";
 var setAsQueryContainerStyles = (0, _react2.css)({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -600,7 +600,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
            * Telepointer changes will also cause a childList mutation, so we manually ignore it.
            * Telepointer changes are always a singular node-adds or node-removes.
            */
-          var isAdfStreamingEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_iw_adf_streaming', 'isEnabled', 'adf') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_iw_adf_streaming', 'isEnabled', 'adf_personalisation') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_ct_sg_adf_streaming', 'isEnabled', true);
+          var isAdfStreamingEnabled = (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf_personalisation') || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_ct_sg_adf_streaming', 'isEnabled', true) || (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_ai_non_iw_adf_streaming', 'isEnabled', true);
           if (isAdfStreamingEnabled && mutation.type === 'childList' && !(mutation.addedNodes.length === 1 && ((_mutation$addedNodes$ = mutation.addedNodes[0]) === null || _mutation$addedNodes$ === void 0 ? void 0 : _mutation$addedNodes$.id) === _style.TELEPOINTER_ID || mutation.removedNodes.length === 1 && ((_mutation$removedNode = mutation.removedNodes[0]) === null || _mutation$removedNode === void 0 ? void 0 : _mutation$removedNode.id) === _style.TELEPOINTER_ID)) {
             var _lastChild2 = _renderer.lastChild;
             if (_lastChild2) {

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

@@ -182,7 +182,8 @@ const InlineCard = props => {
         setIsResolvedViewRendered(true);
       }
     },
-    onError: onError
+    onError: onError,
+    disablePreviewPanel: expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true)
   }))), CompetitorPromptComponent)));
 };
 export default withSmartCardStorage(InlineCard);

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

@@ -312,6 +312,47 @@ const telepointerStyles = css({
     }
   }
 });
+const rovoTelepointerStyles = css({
+  [`#${TELEPOINTER_ID}`]: {
+    display: 'inline-block',
+    position: 'relative',
+    width: '1.5px',
+    height: '24px',
+    backgroundColor: "var(--ds-background-brand-bold, #0C66E4)",
+    marginLeft: "var(--ds-space-025, 2px)",
+    '&::after': {
+      content: '""',
+      position: 'absolute',
+      display: 'block',
+      top: 0,
+      left: 0,
+      width: '31.5px',
+      height: '15.5px',
+      borderRadius: `0px ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0px`,
+      background:
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography, @atlaskit/design-system/ensure-design-token-usage
+      'linear-gradient(to right, #1868db 0px, #1868db 1.5px, transparent 1.5px) 0 0 / 100% 100% no-repeat, conic-gradient(from 270deg at 50% 50%, #1868db 0deg, #1868db 115deg, #fca700 115deg, #fca700 180deg, #bf63f3 180deg, #bf63f3 310deg, #82b536 310deg, #82b536 359.96deg, #1868db 360deg)'
+    },
+    '&::before': {
+      content: '"Rovo"',
+      position: 'absolute',
+      fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+      fontWeight: "var(--ds-font-weight-semibold, 600)",
+      color: "var(--ds-text-inverse, white)",
+      background: "var(--ds-text, #172B4D)",
+      top: 1,
+      left: 1,
+      borderRadius: `0px ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0px`,
+      zIndex: 1,
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      fontSize: '10px',
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+      padding: '0.5px 2.5px',
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      lineHeight: 'initial'
+    }
+  }
+});
 const whitespaceSharedStyles = css({
   wordWrap: 'break-word',
   whiteSpace: 'pre-wrap'
@@ -1861,7 +1902,7 @@ export const RendererStyleContainer = props => {
         '--ak-renderer-editor-font-heading-h6': `${editorUGCToken('editor.font.heading.h6')}`,
         '--ak-renderer-editor-font-normal-text': `${editorUGCToken('editor.font.body')}`
       },
-      css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, telepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, fg('platform_editor_typography_ugc') ? paragraphSharedStylesWithEditorUGC : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, expValEqualsNoExposure('platform_editor_preview_panel_linking_exp', 'isEnabled', true) && headerSmartCardStyles, fg('smartcard_avatar_margin_fix') && smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop,
+      css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, editorExperiment('platform_editor_ai_aifc', false) && telepointerStyles, editorExperiment('platform_editor_ai_aifc', true) && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, fg('platform_editor_typography_ugc') ? paragraphSharedStylesWithEditorUGC : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, expValEqualsNoExposure('platform_editor_preview_panel_linking_exp', 'isEnabled', true) && headerSmartCardStyles, fg('smartcard_avatar_margin_fix') && smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop,
       // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix

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

@@ -49,7 +49,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export const NORMAL_SEVERITY_THRESHOLD = 2000;
 export const DEGRADED_SEVERITY_THRESHOLD = 3000;
 const packageName = "@atlaskit/renderer";
-const packageVersion = "120.4.8";
+const packageVersion = "120.5.0";
 const setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -586,7 +586,7 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
            * Telepointer changes will also cause a childList mutation, so we manually ignore it.
            * Telepointer changes are always a singular node-adds or node-removes.
            */
-          const isAdfStreamingEnabled = expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'isEnabled', 'adf') || expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'isEnabled', 'adf_personalisation') || expValEqualsNoExposure('platform_editor_ai_ct_sg_adf_streaming', 'isEnabled', true);
+          const isAdfStreamingEnabled = expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf') || expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf_personalisation') || expValEqualsNoExposure('platform_editor_ai_ct_sg_adf_streaming', 'isEnabled', true) || expValEqualsNoExposure('platform_editor_ai_non_iw_adf_streaming', 'isEnabled', true);
           if (isAdfStreamingEnabled && mutation.type === 'childList' && !(mutation.addedNodes.length === 1 && ((_mutation$addedNodes$ = mutation.addedNodes[0]) === null || _mutation$addedNodes$ === void 0 ? void 0 : _mutation$addedNodes$.id) === TELEPOINTER_ID || mutation.removedNodes.length === 1 && ((_mutation$removedNode = mutation.removedNodes[0]) === null || _mutation$removedNode === void 0 ? void 0 : _mutation$removedNode.id) === TELEPOINTER_ID)) {
             const lastChild = renderer.lastChild;
             if (lastChild) {

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

@@ -189,7 +189,8 @@ var InlineCard = function InlineCard(props) {
         setIsResolvedViewRendered(true);
       }
     },
-    onError: onError
+    onError: onError,
+    disablePreviewPanel: expValEquals('platform_editor_preview_panel_linking_exp', 'isEnabled', true)
   }))), CompetitorPromptComponent)));
 };
 export default withSmartCardStorage(InlineCard);

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

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _css, _css7;
+var _css, _css8;
 /* eslint-disable @atlaskit/ui-styling-standard/no-important-styles */
 /* 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 */
@@ -231,6 +231,45 @@ var telepointerStyles = css(_defineProperty({}, "#".concat(TELEPOINTER_ID), {
     backgroundColor: "var(--ds-background-brand-bold, #0C66E4)"
   }
 }));
+var rovoTelepointerStyles = css(_defineProperty({}, "#".concat(TELEPOINTER_ID), {
+  display: 'inline-block',
+  position: 'relative',
+  width: '1.5px',
+  height: '24px',
+  backgroundColor: "var(--ds-background-brand-bold, #0C66E4)",
+  marginLeft: "var(--ds-space-025, 2px)",
+  '&::after': {
+    content: '""',
+    position: 'absolute',
+    display: 'block',
+    top: 0,
+    left: 0,
+    width: '31.5px',
+    height: '15.5px',
+    borderRadius: "0px ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0px"),
+    background:
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography, @atlaskit/design-system/ensure-design-token-usage
+    'linear-gradient(to right, #1868db 0px, #1868db 1.5px, transparent 1.5px) 0 0 / 100% 100% no-repeat, conic-gradient(from 270deg at 50% 50%, #1868db 0deg, #1868db 115deg, #fca700 115deg, #fca700 180deg, #bf63f3 180deg, #bf63f3 310deg, #82b536 310deg, #82b536 359.96deg, #1868db 360deg)'
+  },
+  '&::before': {
+    content: '"Rovo"',
+    position: 'absolute',
+    fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
+    fontWeight: "var(--ds-font-weight-semibold, 600)",
+    color: "var(--ds-text-inverse, white)",
+    background: "var(--ds-text, #172B4D)",
+    top: 1,
+    left: 1,
+    borderRadius: "0px ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0px"),
+    zIndex: 1,
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+    fontSize: '10px',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+    padding: '0.5px 2.5px',
+    // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+    lineHeight: 'initial'
+  }
+}));
 var whitespaceSharedStyles = css({
   wordWrap: 'break-word',
   whiteSpace: 'pre-wrap'
@@ -504,13 +543,13 @@ var paragraphSharedStyles = css({
     letterSpacing: '-0.005em'
   }
 });
-var listsSharedStyles = css((_css7 = {
+var listsSharedStyles = css((_css8 = {
   /* =============== 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(_css7, "".concat(orderedListSelector, ", ").concat(bulletListSelector), {
+}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css8, "".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
@@ -542,7 +581,7 @@ var listsSharedStyles = css((_css7 = {
   listStyleType: 'lower-alpha'
 }), 'ol[data-indent-level="3"], ol[data-indent-level="6"]', {
   listStyleType: 'lower-roman'
-}), _defineProperty(_defineProperty(_defineProperty(_css7, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
+}), _defineProperty(_defineProperty(_defineProperty(_css8, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
   listStyleType: 'disc'
 }), 'ul[data-indent-level="2"], ul[data-indent-level="5"]', {
   listStyleType: 'circle'
@@ -1455,7 +1494,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
         '--ak-renderer-editor-font-heading-h6': "".concat(editorUGCToken('editor.font.heading.h6')),
         '--ak-renderer-editor-font-normal-text': "".concat(editorUGCToken('editor.font.body'))
       },
-      css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, telepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, fg('platform_editor_typography_ugc') ? paragraphSharedStylesWithEditorUGC : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, expValEqualsNoExposure('platform_editor_preview_panel_linking_exp', 'isEnabled', true) && headerSmartCardStyles, fg('smartcard_avatar_margin_fix') && smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop,
+      css: [baseStyles, hideHeadingCopyLinkWrapperStyles, appearance === 'full-page' && isPreviewPanelResponsivenessOn && rendererFullPageStylesWithReducedPadding, appearance === 'full-page' && !isPreviewPanelResponsivenessOn && rendererFullPageStyles, appearance === 'full-width' && rendererFullWidthStyles, appearance === 'full-width' && !isTableResizingEnabled(appearance) && rendererFullWidthStylesForTableResizing, editorExperiment('platform_editor_ai_aifc', false) && telepointerStyles, editorExperiment('platform_editor_ai_aifc', true) && rovoTelepointerStyles, whitespaceSharedStyles, blockquoteSharedStyles, fg('platform_editor_typography_ugc') ? headingsSharedStylesWithEditorUGC : headingsSharedStyles, headingWithAlignmentStyles, ruleSharedStyles, fg('platform_editor_typography_ugc') ? paragraphSharedStylesWithEditorUGC : paragraphSharedStyles, listsSharedStyles, browser.gecko && listsSharedStylesForGekko, indentationSharedStyles, fg('platform_editor__renderer_indentation_text_margin') && indentationSharedStylesWithMarginFix, blockMarksSharedStyles, codeMarkSharedStyles, shadowSharedStyle, dateSharedStyle, textColorStyles, backgroundColorStyles, tasksAndDecisionsStyles, smartCardStyles, smartCardStylesAvatarFix, expValEqualsNoExposure('platform_editor_preview_panel_linking_exp', 'isEnabled', true) && headerSmartCardStyles, fg('smartcard_avatar_margin_fix') && smartCardStylesAvatarMarginFix, smartCardStylesAvatarListZeroMarginTop,
       // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
       fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
       // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix

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

@@ -54,7 +54,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
 export var NORMAL_SEVERITY_THRESHOLD = 2000;
 export var DEGRADED_SEVERITY_THRESHOLD = 3000;
 var packageName = "@atlaskit/renderer";
-var packageVersion = "120.4.8";
+var packageVersion = "120.5.0";
 var setAsQueryContainerStyles = css({
   containerName: 'ak-renderer-wrapper',
   containerType: 'inline-size'
@@ -591,7 +591,7 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
            * Telepointer changes will also cause a childList mutation, so we manually ignore it.
            * Telepointer changes are always a singular node-adds or node-removes.
            */
-          var isAdfStreamingEnabled = expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'isEnabled', 'adf') || expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'isEnabled', 'adf_personalisation') || expValEqualsNoExposure('platform_editor_ai_ct_sg_adf_streaming', 'isEnabled', true);
+          var isAdfStreamingEnabled = expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf') || expValEqualsNoExposure('platform_editor_ai_iw_adf_streaming', 'cohort', 'adf_personalisation') || expValEqualsNoExposure('platform_editor_ai_ct_sg_adf_streaming', 'isEnabled', true) || expValEqualsNoExposure('platform_editor_ai_non_iw_adf_streaming', 'isEnabled', true);
           if (isAdfStreamingEnabled && mutation.type === 'childList' && !(mutation.addedNodes.length === 1 && ((_mutation$addedNodes$ = mutation.addedNodes[0]) === null || _mutation$addedNodes$ === void 0 ? void 0 : _mutation$addedNodes$.id) === TELEPOINTER_ID || mutation.removedNodes.length === 1 && ((_mutation$removedNode = mutation.removedNodes[0]) === null || _mutation$removedNode === void 0 ? void 0 : _mutation$removedNode.id) === TELEPOINTER_ID)) {
             var _lastChild2 = _renderer.lastChild;
             if (_lastChild2) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/renderer",
-	"version": "120.4.9",
+	"version": "120.5.1",
 	"description": "Renderer component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -50,11 +50,11 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.2.0",
 		"@atlaskit/react-ufo": "^4.4.0",
-		"@atlaskit/smart-card": "^40.11.0",
+		"@atlaskit/smart-card": "^40.13.0",
 		"@atlaskit/status": "^3.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/theme": "^19.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.3.0",
+		"@atlaskit/tmp-editor-statsig": "^11.5.0",
 		"@atlaskit/tokens": "^6.0.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
@@ -68,7 +68,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.26.0",
+		"@atlaskit/editor-common": "^107.28.0",
 		"@atlaskit/link-provider": "^3.7.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"react": "^18.2.0",
@@ -89,9 +89,8 @@
 		"@atlaskit/mention": "^24.2.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
 		"@atlaskit/navigation-next": "patch:@atlaskit/navigation-next@npm%3A9.0.17#~/.yarn/patches/@atlaskit-navigation-next-npm-9.0.17-d1445f2f74.patch",
-		"@atlaskit/profilecard": "^24.5.0",
+		"@atlaskit/profilecard": "^24.6.0",
 		"@atlaskit/util-data-test": "^18.1.0",
-		"@atlaskit/visual-regression": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
 		"@testing-library/react": "^13.4.0",
 		"@testing-library/react-hooks": "^8.0.1",