@atlaskit/editor-core 217.7.1 → 217.8.1

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 217.8.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 217.8.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [`d9e33431d0d37`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d9e33431d0d37) -
14
+ [ux] EDITOR-5603 update editor status with team 26 lozenge styles
15
+
16
+ ### Patch Changes
17
+
18
+ - Updated dependencies
19
+
3
20
  ## 217.7.1
4
21
 
5
22
  ### Patch Changes
@@ -340,7 +340,9 @@ var EditorContentContainer = /*#__PURE__*/_react.default.forwardRef(function (pr
340
340
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
341
341
  _tasksAndDecisionsStyles.decisionIconWithVisualRefresh,
342
342
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
343
- _statusStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
343
+ _statusStyles.statusStyles, (0, _platformFeatureFlags.fg)('platform-dst-lozenge-tag-badge-visual-uplifts') ?
344
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
345
+ _statusStyles.statusStylesTeam26 : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _expValEqualsNoExposure.expValEqualsNoExposure)('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
344
346
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
345
347
  _statusStyles.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match :
346
348
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match = exports.statusStylesMixin_without_fg_platform_component_visual_refresh = exports.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match = exports.statusStylesMixin_fg_platform_component_visual_refresh = exports.statusStyles = exports.statusDangerStyles = void 0;
6
+ exports.statusStylesTeam26 = exports.statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match = exports.statusStylesMixin_without_fg_platform_component_visual_refresh = exports.statusStylesMixin_fg_platform_component_visual_refresh_with_search_match = exports.statusStylesMixin_fg_platform_component_visual_refresh = exports.statusStyles = exports.statusDangerStyles = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  /* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
9
9
 
@@ -321,4 +321,156 @@ var statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_m
321
321
  '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
322
322
  color: "var(--ds-text-success, #4C6B1F)"
323
323
  }
324
+ });
325
+
326
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
327
+ var statusStylesTeam26 = exports.statusStylesTeam26 = (0, _react.css)({
328
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
329
+ '[data-prosemirror-node-name="status"] .lozenge-wrapper': {
330
+ paddingBlockStart: "var(--ds-space-025, 2px)",
331
+ paddingBlockEnd: "var(--ds-space-025, 2px)",
332
+ paddingInlineStart: "var(--ds-space-050, 4px)",
333
+ paddingInlineEnd: "var(--ds-space-050, 4px)",
334
+ alignItems: 'center',
335
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
336
+ borderRadius: "var(--ds-radius-small, 4px)",
337
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
338
+ height: '1.25rem',
339
+ border: "solid ".concat("var(--ds-border-width, 1px)", " transparent")
340
+ },
341
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
342
+ '[data-prosemirror-node-name="status"] .lozenge-text': {
343
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
344
+ textTransform: 'none',
345
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
346
+ font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
347
+ },
348
+ /* Border, background and text colors
349
+ * These colors are copied from @atlaskit/lozenge
350
+ * DST is currently using oklch with different light and dark lightness factors
351
+ * and suggest using hex colors until the design tokens are added
352
+ */
353
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
354
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
355
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
356
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
357
+ 'html:not([data-color-mode=dark]) &': {
358
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
359
+ borderColor: '#CACBCF'
360
+ },
361
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
362
+ 'html[data-color-mode=dark] &': {
363
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
364
+ borderColor: '#63666B'
365
+ }
366
+ },
367
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
368
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
369
+ color: "var(--ds-text, #292A2E)"
370
+ },
371
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
372
+ '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
373
+ backgroundColor: "var(--ds-background-discovery-subtler, #EED7FC)",
374
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
375
+ 'html:not([data-color-mode=dark]) &': {
376
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
377
+ borderColor: '#D8A0F7'
378
+ },
379
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
380
+ 'html[data-color-mode=dark] &': {
381
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
382
+ borderColor: '#803FA5'
383
+ }
384
+ },
385
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
386
+ '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
387
+ color: "var(--ds-text-discovery-bolder, #48245D)"
388
+ },
389
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
390
+ '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
391
+ backgroundColor: "var(--ds-background-information-subtler, #CFE1FD)",
392
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
393
+ 'html:not([data-color-mode=dark]) &': {
394
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
395
+ borderColor: '#8FB8F6'
396
+ },
397
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
398
+ 'html[data-color-mode=dark] &': {
399
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
400
+ borderColor: '#1558BC'
401
+ }
402
+ },
403
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
404
+ '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
405
+ color: "var(--ds-text-information-bolder, #123263)"
406
+ },
407
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
408
+ '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
409
+ backgroundColor: "var(--ds-background-danger-subtler, #FFD5D2)",
410
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
411
+ 'html:not([data-color-mode=dark]) &': {
412
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
413
+ borderColor: '#FD9891'
414
+ },
415
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
416
+ 'html[data-color-mode=dark] &': {
417
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
418
+ borderColor: '#AE2E24'
419
+ }
420
+ },
421
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
422
+ '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
423
+ color: "var(--ds-text-danger-bolder, #5D1F1A)"
424
+ },
425
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
426
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
427
+ backgroundColor: "var(--ds-background-warning-subtler, #FCE4A6)",
428
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
429
+ 'html:not([data-color-mode=dark]) &': {
430
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
431
+ borderColor: '#FBC828'
432
+ },
433
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
434
+ 'html[data-color-mode=dark] &': {
435
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
436
+ borderColor: '#9E4C00'
437
+ }
438
+ },
439
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
440
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
441
+ color: "var(--ds-text-warning-bolder, #693200)"
442
+ },
443
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
444
+ '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
445
+ backgroundColor: "var(--ds-background-success-subtler, #D3F1A7)",
446
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
447
+ 'html:not([data-color-mode=dark]) &': {
448
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
449
+ borderColor: '#B3DF72'
450
+ },
451
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
452
+ 'html[data-color-mode=dark] &': {
453
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
454
+ borderColor: '#4C6B1F'
455
+ }
456
+ },
457
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
458
+ '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
459
+ color: "var(--ds-text-success-bolder, #37471F)"
460
+ },
461
+ /* Find and Replace Styles */
462
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
463
+ '.statusView-content-wrap:not(.search-match-block)': {
464
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
465
+ '&.ak-editor-selected-node .status-lozenge-span > span': {
466
+ boxShadow: "0 0 0 2px ".concat("var(--ds-border-selected, #1868DB)")
467
+ }
468
+ },
469
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
470
+ '.danger': {
471
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
472
+ '.statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span > span': {
473
+ boxShadow: "0 0 0 2px ".concat("var(--ds-border-danger, #E2483D)")
474
+ }
475
+ }
324
476
  });
@@ -5,4 +5,4 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.version = exports.name = void 0;
7
7
  var name = exports.name = "@atlaskit/editor-core";
8
- var version = exports.version = "0.0.0-development";
8
+ var version = exports.version = "217.8.1";
@@ -57,7 +57,7 @@ import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeSty
57
57
  import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
58
58
  import { shadowStyles } from './styles/shadowStyles';
59
59
  import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, showDiffDeletedNodeStylesNew, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
60
- import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
60
+ import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
61
61
  import { syncBlockStyles, syncBlockFirstNodeStyles, syncBlockOverflowStyles } from './styles/syncBlockStyles';
62
62
  import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes } from './styles/tableStyles';
63
63
  import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemCheckboxStylesWithBlockTaskItem, taskItemNextCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
@@ -336,7 +336,9 @@ const EditorContentContainer = /*#__PURE__*/React.forwardRef((props, ref) => {
336
336
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
337
337
  decisionIconWithVisualRefresh,
338
338
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
339
- statusStyles, fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
339
+ statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ?
340
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
341
+ statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
340
342
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
341
343
  statusStylesMixin_fg_platform_component_visual_refresh_with_search_match :
342
344
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -314,4 +314,156 @@ export const statusStylesMixin_without_fg_platform_component_visual_refresh_with
314
314
  '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
315
315
  color: "var(--ds-text-success, #4C6B1F)"
316
316
  }
317
+ });
318
+
319
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
320
+ export const statusStylesTeam26 = css({
321
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
322
+ '[data-prosemirror-node-name="status"] .lozenge-wrapper': {
323
+ paddingBlockStart: "var(--ds-space-025, 2px)",
324
+ paddingBlockEnd: "var(--ds-space-025, 2px)",
325
+ paddingInlineStart: "var(--ds-space-050, 4px)",
326
+ paddingInlineEnd: "var(--ds-space-050, 4px)",
327
+ alignItems: 'center',
328
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
329
+ borderRadius: "var(--ds-radius-small, 4px)",
330
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
331
+ height: '1.25rem',
332
+ border: `solid ${"var(--ds-border-width, 1px)"} transparent`
333
+ },
334
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
335
+ '[data-prosemirror-node-name="status"] .lozenge-text': {
336
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
337
+ textTransform: 'none',
338
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
339
+ font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
340
+ },
341
+ /* Border, background and text colors
342
+ * These colors are copied from @atlaskit/lozenge
343
+ * DST is currently using oklch with different light and dark lightness factors
344
+ * and suggest using hex colors until the design tokens are added
345
+ */
346
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
347
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
348
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
349
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
350
+ 'html:not([data-color-mode=dark]) &': {
351
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
352
+ borderColor: '#CACBCF'
353
+ },
354
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
355
+ 'html[data-color-mode=dark] &': {
356
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
357
+ borderColor: '#63666B'
358
+ }
359
+ },
360
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
361
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
362
+ color: "var(--ds-text, #292A2E)"
363
+ },
364
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
365
+ '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
366
+ backgroundColor: "var(--ds-background-discovery-subtler, #EED7FC)",
367
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
368
+ 'html:not([data-color-mode=dark]) &': {
369
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
370
+ borderColor: '#D8A0F7'
371
+ },
372
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
373
+ 'html[data-color-mode=dark] &': {
374
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
375
+ borderColor: '#803FA5'
376
+ }
377
+ },
378
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
379
+ '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
380
+ color: "var(--ds-text-discovery-bolder, #48245D)"
381
+ },
382
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
383
+ '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
384
+ backgroundColor: "var(--ds-background-information-subtler, #CFE1FD)",
385
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
386
+ 'html:not([data-color-mode=dark]) &': {
387
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
388
+ borderColor: '#8FB8F6'
389
+ },
390
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
391
+ 'html[data-color-mode=dark] &': {
392
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
393
+ borderColor: '#1558BC'
394
+ }
395
+ },
396
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
397
+ '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
398
+ color: "var(--ds-text-information-bolder, #123263)"
399
+ },
400
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
401
+ '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
402
+ backgroundColor: "var(--ds-background-danger-subtler, #FFD5D2)",
403
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
404
+ 'html:not([data-color-mode=dark]) &': {
405
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
406
+ borderColor: '#FD9891'
407
+ },
408
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
409
+ 'html[data-color-mode=dark] &': {
410
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
411
+ borderColor: '#AE2E24'
412
+ }
413
+ },
414
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
415
+ '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
416
+ color: "var(--ds-text-danger-bolder, #5D1F1A)"
417
+ },
418
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
419
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
420
+ backgroundColor: "var(--ds-background-warning-subtler, #FCE4A6)",
421
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
422
+ 'html:not([data-color-mode=dark]) &': {
423
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
424
+ borderColor: '#FBC828'
425
+ },
426
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
427
+ 'html[data-color-mode=dark] &': {
428
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
429
+ borderColor: '#9E4C00'
430
+ }
431
+ },
432
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
433
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
434
+ color: "var(--ds-text-warning-bolder, #693200)"
435
+ },
436
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
437
+ '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
438
+ backgroundColor: "var(--ds-background-success-subtler, #D3F1A7)",
439
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
440
+ 'html:not([data-color-mode=dark]) &': {
441
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
442
+ borderColor: '#B3DF72'
443
+ },
444
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
445
+ 'html[data-color-mode=dark] &': {
446
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
447
+ borderColor: '#4C6B1F'
448
+ }
449
+ },
450
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
451
+ '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
452
+ color: "var(--ds-text-success-bolder, #37471F)"
453
+ },
454
+ /* Find and Replace Styles */
455
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
456
+ '.statusView-content-wrap:not(.search-match-block)': {
457
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
458
+ '&.ak-editor-selected-node .status-lozenge-span > span': {
459
+ boxShadow: `0 0 0 2px ${"var(--ds-border-selected, #1868DB)"}`
460
+ }
461
+ },
462
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
463
+ '.danger': {
464
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
465
+ '.statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span > span': {
466
+ boxShadow: `0 0 0 2px ${"var(--ds-border-danger, #E2483D)"}`
467
+ }
468
+ }
317
469
  });
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "0.0.0-development";
2
+ export const version = "217.8.1";
@@ -58,7 +58,7 @@ import { hideCursorWhenHideSelectionStyles, hideSelectionStyles, selectedNodeSty
58
58
  import { selectionToolbarAnimationStyles } from './styles/selectionToolbarStyles';
59
59
  import { shadowStyles } from './styles/shadowStyles';
60
60
  import { editorControlsSmartCardStyles, linkingVisualRefreshV1Styles, showDiffDeletedNodeStyles, showDiffDeletedNodeStylesNew, smartCardDiffStyles, smartCardStyles, smartCardStylesWithSearchMatch, smartCardStylesWithSearchMatchAndBlockMenuDangerStyles, smartCardStylesWithSearchMatchAndPreviewPanelResponsiveness, smartLinksInLivePagesStyles } from './styles/smartCardStyles';
61
- import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match } from './styles/statusStyles';
61
+ import { statusDangerStyles, statusStyles, statusStylesMixin_fg_platform_component_visual_refresh, statusStylesMixin_fg_platform_component_visual_refresh_with_search_match, statusStylesMixin_without_fg_platform_component_visual_refresh, statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match, statusStylesTeam26 } from './styles/statusStyles';
62
62
  import { syncBlockStyles, syncBlockFirstNodeStyles, syncBlockOverflowStyles } from './styles/syncBlockStyles';
63
63
  import { tableCommentEditorStyles, tableContainerStyles, tableEmptyRowStyles, tableLayoutFixes } from './styles/tableStyles';
64
64
  import { decisionDangerStyles, decisionIconWithVisualRefresh, decisionStyles, getDenseTasksAndDecisionsStyles, taskItemCheckboxStyles, taskItemCheckboxStylesWithBlockTaskItem, taskItemNextCheckboxStyles, taskItemStyles, taskItemStylesWithBlockTaskItem, tasksAndDecisionsStyles } from './styles/tasksAndDecisionsStyles';
@@ -332,7 +332,9 @@ var EditorContentContainer = /*#__PURE__*/React.forwardRef(function (props, ref)
332
332
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
333
333
  decisionIconWithVisualRefresh,
334
334
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
335
- statusStyles, fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
335
+ statusStyles, fg('platform-dst-lozenge-tag-badge-visual-uplifts') ?
336
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
337
+ statusStylesTeam26 : fg('platform-component-visual-refresh') ? expValEqualsNoExposure('platform_editor_find_and_replace_improvements', 'isEnabled', true) ?
336
338
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
337
339
  statusStylesMixin_fg_platform_component_visual_refresh_with_search_match :
338
340
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values
@@ -314,4 +314,156 @@ export var statusStylesMixin_without_fg_platform_component_visual_refresh_with_s
314
314
  '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
315
315
  color: "var(--ds-text-success, #4C6B1F)"
316
316
  }
317
+ });
318
+
319
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
320
+ export var statusStylesTeam26 = css({
321
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
322
+ '[data-prosemirror-node-name="status"] .lozenge-wrapper': {
323
+ paddingBlockStart: "var(--ds-space-025, 2px)",
324
+ paddingBlockEnd: "var(--ds-space-025, 2px)",
325
+ paddingInlineStart: "var(--ds-space-050, 4px)",
326
+ paddingInlineEnd: "var(--ds-space-050, 4px)",
327
+ alignItems: 'center',
328
+ // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
329
+ borderRadius: "var(--ds-radius-small, 4px)",
330
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
331
+ height: '1.25rem',
332
+ border: "solid ".concat("var(--ds-border-width, 1px)", " transparent")
333
+ },
334
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
335
+ '[data-prosemirror-node-name="status"] .lozenge-text': {
336
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
337
+ textTransform: 'none',
338
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
339
+ font: "var(--ds-font-body-small, normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)"
340
+ },
341
+ /* Border, background and text colors
342
+ * These colors are copied from @atlaskit/lozenge
343
+ * DST is currently using oklch with different light and dark lightness factors
344
+ * and suggest using hex colors until the design tokens are added
345
+ */
346
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
347
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] > .lozenge-wrapper': {
348
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
349
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
350
+ 'html:not([data-color-mode=dark]) &': {
351
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
352
+ borderColor: '#CACBCF'
353
+ },
354
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
355
+ 'html[data-color-mode=dark] &': {
356
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
357
+ borderColor: '#63666B'
358
+ }
359
+ },
360
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
361
+ '[data-prosemirror-node-name="status"] > [data-color=neutral] .lozenge-text': {
362
+ color: "var(--ds-text, #292A2E)"
363
+ },
364
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
365
+ '[data-prosemirror-node-name="status"] > [data-color=purple] > .lozenge-wrapper': {
366
+ backgroundColor: "var(--ds-background-discovery-subtler, #EED7FC)",
367
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
368
+ 'html:not([data-color-mode=dark]) &': {
369
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
370
+ borderColor: '#D8A0F7'
371
+ },
372
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
373
+ 'html[data-color-mode=dark] &': {
374
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
375
+ borderColor: '#803FA5'
376
+ }
377
+ },
378
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
379
+ '[data-prosemirror-node-name="status"] > [data-color=purple] .lozenge-text': {
380
+ color: "var(--ds-text-discovery-bolder, #48245D)"
381
+ },
382
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
383
+ '[data-prosemirror-node-name="status"] > [data-color=blue] > .lozenge-wrapper': {
384
+ backgroundColor: "var(--ds-background-information-subtler, #CFE1FD)",
385
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
386
+ 'html:not([data-color-mode=dark]) &': {
387
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
388
+ borderColor: '#8FB8F6'
389
+ },
390
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
391
+ 'html[data-color-mode=dark] &': {
392
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
393
+ borderColor: '#1558BC'
394
+ }
395
+ },
396
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
397
+ '[data-prosemirror-node-name="status"] > [data-color=blue] .lozenge-text': {
398
+ color: "var(--ds-text-information-bolder, #123263)"
399
+ },
400
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
401
+ '[data-prosemirror-node-name="status"] > [data-color=red] > .lozenge-wrapper': {
402
+ backgroundColor: "var(--ds-background-danger-subtler, #FFD5D2)",
403
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
404
+ 'html:not([data-color-mode=dark]) &': {
405
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
406
+ borderColor: '#FD9891'
407
+ },
408
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
409
+ 'html[data-color-mode=dark] &': {
410
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
411
+ borderColor: '#AE2E24'
412
+ }
413
+ },
414
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
415
+ '[data-prosemirror-node-name="status"] > [data-color=red] .lozenge-text': {
416
+ color: "var(--ds-text-danger-bolder, #5D1F1A)"
417
+ },
418
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
419
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] > .lozenge-wrapper': {
420
+ backgroundColor: "var(--ds-background-warning-subtler, #FCE4A6)",
421
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
422
+ 'html:not([data-color-mode=dark]) &': {
423
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
424
+ borderColor: '#FBC828'
425
+ },
426
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
427
+ 'html[data-color-mode=dark] &': {
428
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
429
+ borderColor: '#9E4C00'
430
+ }
431
+ },
432
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
433
+ '[data-prosemirror-node-name="status"] > [data-color=yellow] .lozenge-text': {
434
+ color: "var(--ds-text-warning-bolder, #693200)"
435
+ },
436
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
437
+ '[data-prosemirror-node-name="status"] > [data-color=green] > .lozenge-wrapper': {
438
+ backgroundColor: "var(--ds-background-success-subtler, #D3F1A7)",
439
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
440
+ 'html:not([data-color-mode=dark]) &': {
441
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
442
+ borderColor: '#B3DF72'
443
+ },
444
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
445
+ 'html[data-color-mode=dark] &': {
446
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
447
+ borderColor: '#4C6B1F'
448
+ }
449
+ },
450
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
451
+ '[data-prosemirror-node-name="status"] > [data-color=green] .lozenge-text': {
452
+ color: "var(--ds-text-success-bolder, #37471F)"
453
+ },
454
+ /* Find and Replace Styles */
455
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
456
+ '.statusView-content-wrap:not(.search-match-block)': {
457
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
458
+ '&.ak-editor-selected-node .status-lozenge-span > span': {
459
+ boxShadow: "0 0 0 2px ".concat("var(--ds-border-selected, #1868DB)")
460
+ }
461
+ },
462
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
463
+ '.danger': {
464
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
465
+ '.statusView-content-wrap:not(.search-match-block).ak-editor-selected-node .status-lozenge-span > span': {
466
+ boxShadow: "0 0 0 2px ".concat("var(--ds-border-danger, #E2483D)")
467
+ }
468
+ }
317
469
  });
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "0.0.0-development";
2
+ export var version = "217.8.1";
@@ -5,3 +5,4 @@ export declare const statusStylesMixin_fg_platform_component_visual_refresh_with
5
5
  export declare const statusDangerStyles: SerializedStyles;
6
6
  export declare const statusStylesMixin_without_fg_platform_component_visual_refresh: SerializedStyles;
7
7
  export declare const statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match: SerializedStyles;
8
+ export declare const statusStylesTeam26: SerializedStyles;
@@ -5,3 +5,4 @@ export declare const statusStylesMixin_fg_platform_component_visual_refresh_with
5
5
  export declare const statusDangerStyles: SerializedStyles;
6
6
  export declare const statusStylesMixin_without_fg_platform_component_visual_refresh: SerializedStyles;
7
7
  export declare const statusStylesMixin_without_fg_platform_component_visual_refresh_with_search_match: SerializedStyles;
8
+ export declare const statusStylesTeam26: SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "217.7.1",
3
+ "version": "217.8.1",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -64,9 +64,9 @@
64
64
  "@atlaskit/mention": "^24.6.0",
65
65
  "@atlaskit/platform-feature-flags": "^1.1.0",
66
66
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
67
- "@atlaskit/react-ufo": "^5.6.0",
67
+ "@atlaskit/react-ufo": "^5.7.0",
68
68
  "@atlaskit/task-decision": "^19.3.0",
69
- "@atlaskit/tmp-editor-statsig": "^48.2.0",
69
+ "@atlaskit/tmp-editor-statsig": "^49.0.0",
70
70
  "@atlaskit/tokens": "^11.4.0",
71
71
  "@atlaskit/tooltip": "^21.0.0",
72
72
  "@atlaskit/width-detector": "^5.0.0",
@@ -83,7 +83,7 @@
83
83
  "uuid": "^3.1.0"
84
84
  },
85
85
  "peerDependencies": {
86
- "@atlaskit/editor-common": "^112.12.0",
86
+ "@atlaskit/editor-common": "^112.13.0",
87
87
  "@atlaskit/link-provider": "^4.3.0",
88
88
  "@atlaskit/media-core": "^37.0.0",
89
89
  "react": "^18.2.0",
@@ -96,18 +96,18 @@
96
96
  "@af/visual-regression": "workspace:^",
97
97
  "@atlaskit/adf-utils": "^19.27.0",
98
98
  "@atlaskit/analytics-listeners": "^10.0.0",
99
- "@atlaskit/collab-provider": "^16.1.0",
99
+ "@atlaskit/collab-provider": "^16.2.0",
100
100
  "@atlaskit/editor-plugin-annotation": "^8.0.0",
101
101
  "@atlaskit/editor-plugin-card": "^13.1.0",
102
- "@atlaskit/editor-plugin-list": "^10.1.0",
103
- "@atlaskit/editor-plugin-paste": "^9.0.0",
102
+ "@atlaskit/editor-plugin-list": "^10.2.0",
103
+ "@atlaskit/editor-plugin-paste": "^9.1.0",
104
104
  "@atlaskit/link-provider": "^4.3.0",
105
105
  "@atlaskit/logo": "^19.10.0",
106
106
  "@atlaskit/media-core": "^37.0.0",
107
107
  "@atlaskit/media-integration-test-helpers": "workspace:^",
108
108
  "@atlaskit/media-test-helpers": "^40.0.0",
109
109
  "@atlaskit/modal-dialog": "^14.13.0",
110
- "@atlaskit/renderer": "^128.4.0",
110
+ "@atlaskit/renderer": "^128.6.0",
111
111
  "@atlaskit/section-message": "^8.12.0",
112
112
  "@atlaskit/synchrony-test-helpers": "workspace:^",
113
113
  "@atlaskit/toggle": "^15.2.0",
@@ -308,6 +308,9 @@
308
308
  },
309
309
  "platform_editor_breakout_in_universal_preset": {
310
310
  "type": "boolean"
311
+ },
312
+ "platform-dst-lozenge-tag-badge-visual-uplifts": {
313
+ "type": "boolean"
311
314
  }
312
315
  },
313
316
  "stricter": {