@atlaskit/renderer 120.4.9 → 120.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/ui/Renderer/RendererStyleContainer.js +44 -5
  3. package/dist/cjs/ui/Renderer/index.js +2 -2
  4. package/dist/es2019/ui/Renderer/RendererStyleContainer.js +42 -1
  5. package/dist/es2019/ui/Renderer/index.js +2 -2
  6. package/dist/esm/ui/Renderer/RendererStyleContainer.js +44 -5
  7. package/dist/esm/ui/Renderer/index.js +2 -2
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 120.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`14e7b85d72f07`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/14e7b85d72f07) -
8
+ EDITOR-1385 Setup platform_editor_ai_non_iw_adf_streaming experiment.
9
+
10
+ ### Patch Changes
11
+
12
+ - [`e223c8a081854`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e223c8a081854) -
13
+ EDITOR-1363 Add telepointer styles for Rovo behind platform_editor_ai_aifc experiment.
14
+ - Updated dependencies
15
+
3
16
  ## 120.4.9
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -25,7 +25,7 @@ var _table2 = require("@atlaskit/editor-common/table");
25
25
  var _lightWeightCodeBlock = require("../../react/nodes/codeBlock/components/lightWeightCodeBlock");
26
26
  var _ugcTokens = require("@atlaskit/editor-common/ugc-tokens");
27
27
  var _getBaseFontSize = require("./get-base-font-size");
28
- var _css, _css7;
28
+ var _css, _css8;
29
29
  /* eslint-disable @atlaskit/ui-styling-standard/no-important-styles */
30
30
  /* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
31
31
  /* 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
238
238
  backgroundColor: "var(--ds-background-brand-bold, #0C66E4)"
239
239
  }
240
240
  }));
241
+ var rovoTelepointerStyles = (0, _react.css)((0, _defineProperty2.default)({}, "#".concat(TELEPOINTER_ID), {
242
+ display: 'inline-block',
243
+ position: 'relative',
244
+ width: '1.5px',
245
+ height: '24px',
246
+ backgroundColor: "var(--ds-background-brand-bold, #0C66E4)",
247
+ marginLeft: "var(--ds-space-025, 2px)",
248
+ '&::after': {
249
+ content: '""',
250
+ position: 'absolute',
251
+ display: 'block',
252
+ top: 0,
253
+ left: 0,
254
+ width: '31.5px',
255
+ height: '15.5px',
256
+ borderRadius: "0px ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0px"),
257
+ background:
258
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography, @atlaskit/design-system/ensure-design-token-usage
259
+ '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)'
260
+ },
261
+ '&::before': {
262
+ content: '"Rovo"',
263
+ position: 'absolute',
264
+ fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
265
+ fontWeight: "var(--ds-font-weight-semibold, 600)",
266
+ color: "var(--ds-text-inverse, white)",
267
+ background: "var(--ds-text, #172B4D)",
268
+ top: 1,
269
+ left: 1,
270
+ borderRadius: "0px ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0px"),
271
+ zIndex: 1,
272
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
273
+ fontSize: '10px',
274
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
275
+ padding: '0.5px 2.5px',
276
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
277
+ lineHeight: 'initial'
278
+ }
279
+ }));
241
280
  var whitespaceSharedStyles = (0, _react.css)({
242
281
  wordWrap: 'break-word',
243
282
  whiteSpace: 'pre-wrap'
@@ -511,13 +550,13 @@ var paragraphSharedStyles = (0, _react.css)({
511
550
  letterSpacing: '-0.005em'
512
551
  }
513
552
  });
514
- var listsSharedStyles = (0, _react.css)((_css7 = {
553
+ var listsSharedStyles = (0, _react.css)((_css8 = {
515
554
  /* =============== INDENTATION SPACING ========= */
516
555
  'ul, ol': {
517
556
  boxSizing: 'border-box',
518
557
  paddingLeft: "var(--ed--list--item-counter--padding, ".concat(_styles.listItemCounterPadding, "px)")
519
558
  }
520
- }, (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), {
559
+ }, (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), {
521
560
  /*
522
561
  Ensures list item content adheres to the list's margin instead
523
562
  of filling the entire block row. This is important to allow
@@ -549,7 +588,7 @@ var listsSharedStyles = (0, _react.css)((_css7 = {
549
588
  listStyleType: 'lower-alpha'
550
589
  }), 'ol[data-indent-level="3"], ol[data-indent-level="6"]', {
551
590
  listStyleType: 'lower-roman'
552
- }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css7, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
591
+ }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_css8, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
553
592
  listStyleType: 'disc'
554
593
  }), 'ul[data-indent-level="2"], ul[data-indent-level="5"]', {
555
594
  listStyleType: 'circle'
@@ -1462,7 +1501,7 @@ var RendererStyleContainer = exports.RendererStyleContainer = function RendererS
1462
1501
  '--ak-renderer-editor-font-heading-h6': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.heading.h6')),
1463
1502
  '--ak-renderer-editor-font-normal-text': "".concat((0, _ugcTokens.editorUGCToken)('editor.font.body'))
1464
1503
  },
1465
- 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,
1504
+ 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,
1466
1505
  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
1467
1506
  (0, _platformFeatureFlags.fg)('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
1468
1507
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
package/dist/cjs/ui/Renderer/index.js CHANGED
@@ -63,7 +63,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
63
63
  var NORMAL_SEVERITY_THRESHOLD = exports.NORMAL_SEVERITY_THRESHOLD = 2000;
64
64
  var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
65
65
  var packageName = "@atlaskit/renderer";
66
- var packageVersion = "120.4.8";
66
+ var packageVersion = "120.4.9";
67
67
  var setAsQueryContainerStyles = (0, _react2.css)({
68
68
  containerName: 'ak-renderer-wrapper',
69
69
  containerType: 'inline-size'
@@ -600,7 +600,7 @@ var RendererWrapper = /*#__PURE__*/_react.default.memo(function (props) {
600
600
  * Telepointer changes will also cause a childList mutation, so we manually ignore it.
601
601
  * Telepointer changes are always a singular node-adds or node-removes.
602
602
  */
603
- 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);
603
+ 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);
604
604
  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)) {
605
605
  var _lastChild2 = _renderer.lastChild;
606
606
  if (_lastChild2) {
package/dist/es2019/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -312,6 +312,47 @@ const telepointerStyles = css({
312
312
  }
313
313
  }
314
314
  });
315
+ const rovoTelepointerStyles = css({
316
+ [`#${TELEPOINTER_ID}`]: {
317
+ display: 'inline-block',
318
+ position: 'relative',
319
+ width: '1.5px',
320
+ height: '24px',
321
+ backgroundColor: "var(--ds-background-brand-bold, #0C66E4)",
322
+ marginLeft: "var(--ds-space-025, 2px)",
323
+ '&::after': {
324
+ content: '""',
325
+ position: 'absolute',
326
+ display: 'block',
327
+ top: 0,
328
+ left: 0,
329
+ width: '31.5px',
330
+ height: '15.5px',
331
+ borderRadius: `0px ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0px`,
332
+ background:
333
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography, @atlaskit/design-system/ensure-design-token-usage
334
+ '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)'
335
+ },
336
+ '&::before': {
337
+ content: '"Rovo"',
338
+ position: 'absolute',
339
+ fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
340
+ fontWeight: "var(--ds-font-weight-semibold, 600)",
341
+ color: "var(--ds-text-inverse, white)",
342
+ background: "var(--ds-text, #172B4D)",
343
+ top: 1,
344
+ left: 1,
345
+ borderRadius: `0px ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0px`,
346
+ zIndex: 1,
347
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
348
+ fontSize: '10px',
349
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
350
+ padding: '0.5px 2.5px',
351
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
352
+ lineHeight: 'initial'
353
+ }
354
+ }
355
+ });
315
356
  const whitespaceSharedStyles = css({
316
357
  wordWrap: 'break-word',
317
358
  whiteSpace: 'pre-wrap'
@@ -1861,7 +1902,7 @@ export const RendererStyleContainer = props => {
1861
1902
  '--ak-renderer-editor-font-heading-h6': `${editorUGCToken('editor.font.heading.h6')}`,
1862
1903
  '--ak-renderer-editor-font-normal-text': `${editorUGCToken('editor.font.body')}`
1863
1904
  },
1864
- 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,
1905
+ 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,
1865
1906
  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
1866
1907
  fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
1867
1908
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
package/dist/es2019/ui/Renderer/index.js CHANGED
@@ -49,7 +49,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
49
49
  export const NORMAL_SEVERITY_THRESHOLD = 2000;
50
50
  export const DEGRADED_SEVERITY_THRESHOLD = 3000;
51
51
  const packageName = "@atlaskit/renderer";
52
- const packageVersion = "120.4.8";
52
+ const packageVersion = "120.4.9";
53
53
  const setAsQueryContainerStyles = css({
54
54
  containerName: 'ak-renderer-wrapper',
55
55
  containerType: 'inline-size'
@@ -586,7 +586,7 @@ const RendererWrapper = /*#__PURE__*/React.memo(props => {
586
586
  * Telepointer changes will also cause a childList mutation, so we manually ignore it.
587
587
  * Telepointer changes are always a singular node-adds or node-removes.
588
588
  */
589
- 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);
589
+ 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);
590
590
  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)) {
591
591
  const lastChild = renderer.lastChild;
592
592
  if (lastChild) {
package/dist/esm/ui/Renderer/RendererStyleContainer.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- var _css, _css7;
2
+ var _css, _css8;
3
3
  /* eslint-disable @atlaskit/ui-styling-standard/no-important-styles */
4
4
  /* eslint-disable @atlaskit/ui-styling-standard/no-imported-style-values */
5
5
  /* 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), {
231
231
  backgroundColor: "var(--ds-background-brand-bold, #0C66E4)"
232
232
  }
233
233
  }));
234
+ var rovoTelepointerStyles = css(_defineProperty({}, "#".concat(TELEPOINTER_ID), {
235
+ display: 'inline-block',
236
+ position: 'relative',
237
+ width: '1.5px',
238
+ height: '24px',
239
+ backgroundColor: "var(--ds-background-brand-bold, #0C66E4)",
240
+ marginLeft: "var(--ds-space-025, 2px)",
241
+ '&::after': {
242
+ content: '""',
243
+ position: 'absolute',
244
+ display: 'block',
245
+ top: 0,
246
+ left: 0,
247
+ width: '31.5px',
248
+ height: '15.5px',
249
+ borderRadius: "0px ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0px"),
250
+ background:
251
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography, @atlaskit/design-system/ensure-design-token-usage
252
+ '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)'
253
+ },
254
+ '&::before': {
255
+ content: '"Rovo"',
256
+ position: 'absolute',
257
+ fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
258
+ fontWeight: "var(--ds-font-weight-semibold, 600)",
259
+ color: "var(--ds-text-inverse, white)",
260
+ background: "var(--ds-text, #172B4D)",
261
+ top: 1,
262
+ left: 1,
263
+ borderRadius: "0px ".concat("var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0px"),
264
+ zIndex: 1,
265
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
266
+ fontSize: '10px',
267
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
268
+ padding: '0.5px 2.5px',
269
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
270
+ lineHeight: 'initial'
271
+ }
272
+ }));
234
273
  var whitespaceSharedStyles = css({
235
274
  wordWrap: 'break-word',
236
275
  whiteSpace: 'pre-wrap'
@@ -504,13 +543,13 @@ var paragraphSharedStyles = css({
504
543
  letterSpacing: '-0.005em'
505
544
  }
506
545
  });
507
- var listsSharedStyles = css((_css7 = {
546
+ var listsSharedStyles = css((_css8 = {
508
547
  /* =============== INDENTATION SPACING ========= */
509
548
  'ul, ol': {
510
549
  boxSizing: 'border-box',
511
550
  paddingLeft: "var(--ed--list--item-counter--padding, ".concat(listItemCounterPadding, "px)")
512
551
  }
513
- }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css7, "".concat(orderedListSelector, ", ").concat(bulletListSelector), {
552
+ }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_css8, "".concat(orderedListSelector, ", ").concat(bulletListSelector), {
514
553
  /*
515
554
  Ensures list item content adheres to the list's margin instead
516
555
  of filling the entire block row. This is important to allow
@@ -542,7 +581,7 @@ var listsSharedStyles = css((_css7 = {
542
581
  listStyleType: 'lower-alpha'
543
582
  }), 'ol[data-indent-level="3"], ol[data-indent-level="6"]', {
544
583
  listStyleType: 'lower-roman'
545
- }), _defineProperty(_defineProperty(_defineProperty(_css7, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
584
+ }), _defineProperty(_defineProperty(_defineProperty(_css8, 'ul[data-indent-level="1"], ul[data-indent-level="4"]', {
546
585
  listStyleType: 'disc'
547
586
  }), 'ul[data-indent-level="2"], ul[data-indent-level="5"]', {
548
587
  listStyleType: 'circle'
@@ -1455,7 +1494,7 @@ export var RendererStyleContainer = function RendererStyleContainer(props) {
1455
1494
  '--ak-renderer-editor-font-heading-h6': "".concat(editorUGCToken('editor.font.heading.h6')),
1456
1495
  '--ak-renderer-editor-font-normal-text': "".concat(editorUGCToken('editor.font.body'))
1457
1496
  },
1458
- 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,
1497
+ 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,
1459
1498
  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
1460
1499
  fg('editor_inline_comments_on_inline_nodes') && rendererAnnotationStyles,
1461
1500
  // eslint-disable-next-line @atlaskit/platform/no-preconditioning, @atlaskit/platform/ensure-feature-flag-prefix
package/dist/esm/ui/Renderer/index.js CHANGED
@@ -54,7 +54,7 @@ import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equ
54
54
  export var NORMAL_SEVERITY_THRESHOLD = 2000;
55
55
  export var DEGRADED_SEVERITY_THRESHOLD = 3000;
56
56
  var packageName = "@atlaskit/renderer";
57
- var packageVersion = "120.4.8";
57
+ var packageVersion = "120.4.9";
58
58
  var setAsQueryContainerStyles = css({
59
59
  containerName: 'ak-renderer-wrapper',
60
60
  containerType: 'inline-size'
@@ -591,7 +591,7 @@ var RendererWrapper = /*#__PURE__*/React.memo(function (props) {
591
591
  * Telepointer changes will also cause a childList mutation, so we manually ignore it.
592
592
  * Telepointer changes are always a singular node-adds or node-removes.
593
593
  */
594
- 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);
594
+ 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);
595
595
  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)) {
596
596
  var _lastChild2 = _renderer.lastChild;
597
597
  if (_lastChild2) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "120.4.9",
3
+ "version": "120.5.0",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -50,11 +50,11 @@
50
50
  "@atlaskit/platform-feature-flags": "^1.1.0",
51
51
  "@atlaskit/platform-feature-flags-react": "^0.2.0",
52
52
  "@atlaskit/react-ufo": "^4.4.0",
53
- "@atlaskit/smart-card": "^40.11.0",
53
+ "@atlaskit/smart-card": "^40.12.0",
54
54
  "@atlaskit/status": "^3.0.0",
55
55
  "@atlaskit/task-decision": "^19.2.0",
56
56
  "@atlaskit/theme": "^19.0.0",
57
- "@atlaskit/tmp-editor-statsig": "^11.3.0",
57
+ "@atlaskit/tmp-editor-statsig": "^11.5.0",
58
58
  "@atlaskit/tokens": "^6.0.0",
59
59
  "@atlaskit/tooltip": "^20.4.0",
60
60
  "@atlaskit/visually-hidden": "^3.0.0",
@@ -68,7 +68,7 @@
68
68
  "uuid": "^3.1.0"
69
69
  },
70
70
  "peerDependencies": {
71
- "@atlaskit/editor-common": "^107.26.0",
71
+ "@atlaskit/editor-common": "^107.28.0",
72
72
  "@atlaskit/link-provider": "^3.7.0",
73
73
  "@atlaskit/media-core": "^37.0.0",
74
74
  "react": "^18.2.0",