@atlaskit/editor-core 217.7.0 → 217.8.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.
- package/CHANGELOG.md +19 -0
- package/dist/cjs/ui/Appearance/Comment/Toolbar.js +1 -1
- package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +3 -1
- package/dist/cjs/ui/EditorContentContainer/styles/statusStyles.js +153 -1
- package/dist/cjs/version-wrapper.js +1 -1
- package/dist/es2019/ui/Appearance/Comment/Toolbar.js +1 -1
- package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +4 -2
- package/dist/es2019/ui/EditorContentContainer/styles/statusStyles.js +152 -0
- package/dist/es2019/version-wrapper.js +1 -1
- package/dist/esm/ui/Appearance/Comment/Toolbar.js +1 -1
- package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +4 -2
- package/dist/esm/ui/EditorContentContainer/styles/statusStyles.js +152 -0
- package/dist/esm/version-wrapper.js +1 -1
- package/dist/types/ui/EditorContentContainer/styles/statusStyles.d.ts +1 -0
- package/dist/types-ts4.5/ui/EditorContentContainer/styles/statusStyles.d.ts +1 -0
- package/package.json +9 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/editor-core
|
|
2
2
|
|
|
3
|
+
## 217.8.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`d9e33431d0d37`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d9e33431d0d37) -
|
|
8
|
+
[ux] EDITOR-5603 update editor status with team 26 lozenge styles
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- Updated dependencies
|
|
13
|
+
|
|
14
|
+
## 217.7.1
|
|
15
|
+
|
|
16
|
+
### Patch Changes
|
|
17
|
+
|
|
18
|
+
- [`7ba3e1eb9de75`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7ba3e1eb9de75) -
|
|
19
|
+
[ux] Fix top border corners being cut off in comment boxes in Jira
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
3
22
|
## 217.7.0
|
|
4
23
|
|
|
5
24
|
### Minor Changes
|
|
@@ -111,7 +111,7 @@ var StickyToolbar = function StickyToolbar(props) {
|
|
|
111
111
|
return (
|
|
112
112
|
// eslint-disable-next-line @atlaskit/design-system/prefer-primitives
|
|
113
113
|
(0, _react2.jsx)("div", {
|
|
114
|
-
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding]
|
|
114
|
+
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, (0, _expValEquals.expValEquals)('platform_editor_fix_comment_border', 'isEnabled', true) && (0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, (0, _expValEquals.expValEquals)('platform_editor_fix_comment_border', 'isEnabled', true) && !(0, _expValEquals.expValEquals)('platform_editor_comment_editor_border_radius', 'isEnabled', true) && (0, _platformFeatureFlags.fg)('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle]
|
|
115
115
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
116
116
|
,
|
|
117
117
|
style: {
|
|
@@ -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-
|
|
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
|
});
|
|
@@ -105,7 +105,7 @@ const StickyToolbar = props => {
|
|
|
105
105
|
return (
|
|
106
106
|
// eslint-disable-next-line @atlaskit/design-system/prefer-primitives
|
|
107
107
|
jsx("div", {
|
|
108
|
-
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding]
|
|
108
|
+
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, expValEquals('platform_editor_fix_comment_border', 'isEnabled', true) && expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, expValEquals('platform_editor_fix_comment_border', 'isEnabled', true) && !expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle]
|
|
109
109
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
110
110
|
,
|
|
111
111
|
style: {
|
|
@@ -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-
|
|
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 = "217.
|
|
2
|
+
export const version = "217.7.1";
|
|
@@ -102,7 +102,7 @@ var StickyToolbar = function StickyToolbar(props) {
|
|
|
102
102
|
return (
|
|
103
103
|
// eslint-disable-next-line @atlaskit/design-system/prefer-primitives
|
|
104
104
|
jsx("div", {
|
|
105
|
-
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding]
|
|
105
|
+
css: [mainToolbarWrapperStyleNew, props.twoLineEditorToolbar && mainToolbarTwoLineStylesNew, mainToolbarWrapperStylesVisualRefresh, stickyToolbarWrapperStyleNew, props.isNewToolbarEnabled && mainToolbarWithPadding, expValEquals('platform_editor_fix_comment_border', 'isEnabled', true) && expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && mainToolbarRadius, expValEquals('platform_editor_fix_comment_border', 'isEnabled', true) && !expValEquals('platform_editor_comment_editor_border_radius', 'isEnabled', true) && fg('platform_editor_comments_border_radius') && mainToolbarWithRadiusStyle]
|
|
106
106
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
|
|
107
107
|
,
|
|
108
108
|
style: {
|
|
@@ -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-
|
|
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 = "217.
|
|
2
|
+
export var version = "217.7.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.
|
|
3
|
+
"version": "217.8.0",
|
|
4
4
|
"description": "A package contains Atlassian editor core functionality",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -64,10 +64,10 @@
|
|
|
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.
|
|
67
|
+
"@atlaskit/react-ufo": "^5.6.0",
|
|
68
68
|
"@atlaskit/task-decision": "^19.3.0",
|
|
69
|
-
"@atlaskit/tmp-editor-statsig": "^48.
|
|
70
|
-
"@atlaskit/tokens": "^11.
|
|
69
|
+
"@atlaskit/tmp-editor-statsig": "^48.2.0",
|
|
70
|
+
"@atlaskit/tokens": "^11.4.0",
|
|
71
71
|
"@atlaskit/tooltip": "^21.0.0",
|
|
72
72
|
"@atlaskit/width-detector": "^5.0.0",
|
|
73
73
|
"@babel/runtime": "^7.0.0",
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"uuid": "^3.1.0"
|
|
84
84
|
},
|
|
85
85
|
"peerDependencies": {
|
|
86
|
-
"@atlaskit/editor-common": "^112.
|
|
86
|
+
"@atlaskit/editor-common": "^112.12.0",
|
|
87
87
|
"@atlaskit/link-provider": "^4.3.0",
|
|
88
88
|
"@atlaskit/media-core": "^37.0.0",
|
|
89
89
|
"react": "^18.2.0",
|
|
@@ -107,7 +107,7 @@
|
|
|
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.
|
|
110
|
+
"@atlaskit/renderer": "^128.5.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": {
|