@atlaskit/editor-core 219.2.2 → 219.3.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 (20) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/create-editor/messages.js +1 -1
  3. package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js +7 -8
  4. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +83 -1
  5. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js +16 -10
  6. package/dist/cjs/ui/ToolbarHelp/messages.js +1 -1
  7. package/dist/cjs/version-wrapper.js +1 -1
  8. package/dist/es2019/create-editor/messages.js +1 -1
  9. package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js +7 -8
  10. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +83 -1
  11. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js +16 -10
  12. package/dist/es2019/ui/ToolbarHelp/messages.js +1 -1
  13. package/dist/es2019/version-wrapper.js +1 -1
  14. package/dist/esm/create-editor/messages.js +1 -1
  15. package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js +7 -8
  16. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css +83 -1
  17. package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js +16 -10
  18. package/dist/esm/ui/ToolbarHelp/messages.js +1 -1
  19. package/dist/esm/version-wrapper.js +1 -1
  20. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @atlaskit/editor-core
2
2
 
3
+ ## 219.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`54ae29f5b3a2c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/54ae29f5b3a2c) -
8
+ Clean up feature gate platform_editor_primary_toolbar_early_exit - promote early exit behaviour
9
+ for empty primary toolbar as default
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 219.2.3
16
+
17
+ ### Patch Changes
18
+
19
+ - [`ff6c4af9ad231`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ff6c4af9ad231) -
20
+ migrate compiled css for placeholderStyles, dateStyles, selectionStyles
21
+ - Updated dependencies
22
+
3
23
  ## 219.2.2
4
24
 
5
25
  ### Patch Changes
package/dist/cjs/create-editor/messages.js CHANGED
@@ -14,6 +14,6 @@ var editorMessages = exports.editorMessages = (0, _reactIntl.defineMessages)({
14
14
  fullPageEditorAssistiveLabel: {
15
15
  id: 'fabric.editor.fullPageEditorAssistiveLabel',
16
16
  defaultMessage: 'Page editing area, start typing to enter text.',
17
- description: 'The aria-label for the full page editor'
17
+ description: 'The aria-label assigned to the full page editor content area, read by screen readers when a user focuses the editing region.'
18
18
  }
19
19
  });
package/dist/cjs/ui/Appearance/FullPage/FullPageToolbarNext.js CHANGED
@@ -110,14 +110,13 @@ var FullPageToolbarNext = exports.FullPageToolbarNext = function FullPageToolbar
110
110
  event.preventDefault();
111
111
  event.stopPropagation();
112
112
  }, [editorView]);
113
- if ((0, _expValEquals.expValEquals)('platform_editor_primary_toolbar_early_exit', 'isEnabled', true)) {
114
- // Remove entire primary toolbar region if:
115
- // - primary toolbar isn't registered
116
- // - no custom primary toolbar components to render
117
- // note: primary toolbar must render if toolbar docking preference is set to "controlled" to avoid SSR conflicts
118
- if (!shouldShowToolbarContainer(toolbar, customPrimaryToolbarComponents)) {
119
- return /*#__PURE__*/_react.default.createElement(ToolbarPortal, null, null);
120
- }
113
+
114
+ // Remove entire primary toolbar region if:
115
+ // - primary toolbar isn't registered
116
+ // - no custom primary toolbar components to render
117
+ // note: primary toolbar must render if toolbar docking preference is set to "controlled" to avoid SSR conflicts
118
+ if (!shouldShowToolbarContainer(toolbar, customPrimaryToolbarComponents)) {
119
+ return /*#__PURE__*/_react.default.createElement(ToolbarPortal, null, null);
121
120
  }
122
121
  if ((0, _expValEquals.expValEquals)('platform_editor_toolbar_two_stage_hydration', 'isEnabled', true)) {
123
122
  return /*#__PURE__*/_react.default.createElement(_contextPanel.ContextPanelConsumer, null, function (_ref6) {
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css CHANGED
@@ -1,34 +1,51 @@
1
1
 
2
+ ._17suinmh .ProseMirror .placeholder-decoration-fade-in{animation:kgnpaw5 .3s ease-out forwards}
2
3
  ._1cnzgx6n .ProseMirror hr{margin:var(--ds-space-300,24px) 0}
3
4
  ._1fi2t7zq .ProseMirror p{font:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
4
5
  ._1khk1mok:hover::-webkit-scrollbar-thumb{border-radius:var(--ds-radius-large,8px)}
5
6
  ._1n0xibhp .ProseMirror .ak-editor-annotation-blur{background:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
6
7
  ._1uh7swc3 .ProseMirror hr{padding:var(--ds-space-050,4px) 0}
8
+ ._3f391y8x [data-prosemirror-node-name=date] .date-lozenger-container span{transition:background .3s}
7
9
  ._3vafglyw .ProseMirror hr{border:none}
10
+ ._g4fm7g83 .ProseMirror-selectednode:empty{outline:2px solid var(--ds-border-focused,#4688ec)}
8
11
  ._kn991o1l .ProseMirror .ak-editor-annotation-draft{background:var(--ds-background-accent-yellow-subtlest-pressed,#efdd4e)}
9
12
  ._l0rkaetg .ProseMirror .ak-editor-annotation-hover{background:var(--ds-background-accent-yellow-subtlest-hovered,#f5e989)}
13
+ ._vkeh12b0 [data-prosemirror-node-name=date] .date-lozenger-container span{border-radius:var(--ds-radius-small,4px)}
10
14
  ._x53a1o1l .ProseMirror .ak-editor-annotation-focus{background:var(--ds-background-accent-yellow-subtlest-pressed,#efdd4e)}
11
15
  ._yhgjt94y .ProseMirror hr{border-radius:1px}
16
+ ._dgh21j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{border-color:transparent}
17
+ ._14gpj0fz .ProseMirror .ProseMirror-fake-text-cursor:after{border-right:1px solid var(--ds-border,#0b120e24)}
12
18
  ._1ibg1vrj .ProseMirror .ak-editor-annotation-focus{border-bottom:2px solid transparent}
13
19
  ._iwzr1vrj .ProseMirror .ak-editor-annotation-blur{border-bottom:2px solid transparent}
14
20
  ._u5bs1vrj .ProseMirror .ak-editor-annotation-draft{border-bottom:2px solid transparent}
15
21
  ._xkuf1vrj .ProseMirror .ak-editor-annotation-hover{border-bottom:2px solid transparent}._10h6v77o .ProseMirror .ak-editor-annotation-blur:has(.date-lozenger-container){padding-top:var(--ds-space-025,2px)}
16
22
  ._10zo1osq .ProseMirror>div[data-prosemirror-node-block] [data-prosemirror-node-block]{--ak-editor-max-container-width:100%}
23
+ ._1190v77o [data-prosemirror-node-name=date] .date-lozenger-container span{padding-bottom:var(--ds-space-025,2px)}
17
24
  ._11jf78tn .ProseMirror p{line-height:1.714}
18
25
  ._121i1r31 .ProseMirror{outline-color:currentColor}
19
26
  ._123b1aqn:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e)}
27
+ ._12te1q9c .ProseMirror mark[data-type-ahead-query=true]:has(.placeholder-decoration-wrap){white-space:nowrap}
20
28
  ._12vh1ntv .ProseMirror hr{background-clip:content-box}
29
+ ._12wvglyw .ProseMirror .placeholder-decoration .placeholder-android{-webkit-user-select:none;-ms-user-select:none;user-select:none}
30
+ ._13fl1vk5 [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red{background-color:var(--ds-background-accent-red-subtlest,#ffeceb)}
21
31
  ._14i5idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]+.mediaSingleView-content-wrap[layout^=wrap] .rich-media-item{margin-top:0}
32
+ ._14ijglyw .ProseMirror .placeholder-decoration{pointer-events:none}
33
+ ._14r215vq .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-y:hidden}
34
+ ._14uo1osq .ProseMirror .placeholder-decoration{width:100%}
35
+ ._15n6n7od .date-lozenger-container span{white-space:unset}
22
36
  ._15no1e5h .ProseMirror .embedCardView-content-wrap[layout=wrap-left]{float:left}
23
37
  ._15zti7a9 .ProseMirror p{font-weight:var(--ds-font-weight-regular,400)}
24
38
  ._1613yh40 .ProseMirror .ak-editor-annotation-draft{padding-bottom:2px}
25
39
  ._168dt7xp .ProseMirror .ak-editor-annotation-hover{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
40
+ ._16j6glyw .ProseMirror .placeholder-decoration{-webkit-user-select:none;-ms-user-select:none;user-select:none}
26
41
  ._16jlkb7n{flex-grow:1}
27
42
  ._172zidpf .ProseMirror .ak-editor-annotation-draft{padding-right:0}
43
+ ._177515s3 .ProseMirror span.pm-placeholder.ak-editor-selected-node{background-color:var(--ds-background-selected,#e9f2fe)}
28
44
  ._17clidpf .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-right:0}
29
45
  ._17qpt94y .ProseMirror .ak-editor-annotation-hover{padding-top:1px}
30
46
  ._18031hna .ProseMirror{word-wrap:break-word}
31
47
  ._181jdjp5 .ProseMirror p{letter-spacing:-.005em}
48
+ ._18et1nu9 .ProseMirror span.pm-placeholder__text{display:inline}
32
49
  ._18m915zi{overflow-y:scroll}
33
50
  ._18qq1jtm .ProseMirror{white-space:pre-wrap}
34
51
  ._197w1hrf .ProseMirror .embedCardView-content-wrap[layout=wrap-right]+.embedCardView-content-wrap[layout=wrap-left]{clear:both}
@@ -36,6 +53,8 @@
36
53
  ._19rk1uph .ProseMirror{--ak-editor-max-container-width:calc(100cqw - var(--ak-editor--large-gutter-padding))}
37
54
  ._19vz1wug .ProseMirror .ak-editor-annotation-draft{cursor:auto}
38
55
  ._19vztlke .ProseMirror .ak-editor-annotation-draft{cursor:pointer}
56
+ ._1a3o1j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span::-moz-selection{background-color:transparent}
57
+ ._1abn1q9c .ProseMirror p:has(.placeholder-decoration-hide-overflow){white-space:nowrap}
39
58
  ._1c0fidpf .ProseMirror .ak-editor-annotation-blur:has(.card){padding-left:0}
40
59
  ._1c20feiv .ProseMirror .ak-editor-annotation-hover{border-bottom-color:var(--ds-border-accent-yellow,#b38600)}
41
60
  ._1cr2idpf .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-left:0}
@@ -45,34 +64,47 @@
45
64
  ._1dyh1l7b .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-bottom:3px}
46
65
  ._1e0c1txw{display:flex}
47
66
  ._1edaidpf .ProseMirror .ak-editor-annotation-focus:has(.card){padding-right:0}
67
+ ._1enqh2mm .ProseMirror .ProseMirror-fake-text-selection{position:relative}
68
+ ._1eqh9lu1 [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red{color:var(--ds-text-accent-red,#ae2e24)}
69
+ ._1eui1o36 .ProseMirror .placeholder-decoration .placeholder-android{outline-width:medium}
70
+ ._1ex4r4us .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
48
71
  ._1f3widpf .ProseMirror .ak-editor-annotation-hover{padding-left:0}
72
+ ._1fkoglyw .ProseMirror-selectednode{outline-style:none}
49
73
  ._1fpfolhs{ms-overflow-style:-ms-autohiding-scrollbar}
50
74
  ._1fqx14y2 .ProseMirror .ak-editor-annotation-hover:has(.card){padding-top:5px}
51
75
  ._1g35idpf .ProseMirror .ak-editor-annotation-hover:has(.card){padding-right:0}
76
+ ._1gej1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node ::-moz-selection{background-color:transparent}
52
77
  ._1gpc1lj4 .fabric-editor--max-width-mode{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--max-width-layout-width))}
53
78
  ._1gvnmqba{--ak-editor--max-width-layout-width:4000px}
54
79
  ._1hbb14y2 .ProseMirror .ak-editor-annotation-draft:has(.card){padding-top:5px}
55
80
  ._1iod1o36 .ProseMirror hr.ak-editor-selected-node{outline-width:medium}
81
+ ._1jt6n7od [data-prosemirror-node-name=date] .date-lozenger-container span{cursor:unset}
56
82
  ._1jyp14y2 .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-top:5px}
57
83
  ._1k26yh40 .ProseMirror .ak-editor-annotation-blur{padding-bottom:2px}
84
+ ._1kx81j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span ::selection{background-color:transparent}
58
85
  ._1m2zidpf .ProseMirror .ak-editor-annotation-blur:has(.card){padding-right:0}
59
86
  ._1nl9idpf .ProseMirror .ak-editor-annotation-draft:has(.card){padding-right:0}
60
87
  ._1owy1l7b .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-bottom:3px}
61
88
  ._1p9g14y2 .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-top:5px}
62
89
  ._1pjt14y2 .ProseMirror .ak-editor-annotation-focus:has(.card){padding-top:5px}
90
+ ._1pzi1nu9 .ProseMirror .ProseMirror-fake-text-cursor:after{display:inline}
63
91
  ._1qihyh40 .ProseMirror .ak-editor-annotation-hover{padding-bottom:2px}
92
+ ._1qnc1rpy .ProseMirror span[data-placeholder]{color:var(--ds-text-subtlest,#6b6e76)}
64
93
  ._1s25t94y .ProseMirror .ak-editor-annotation-focus{padding-top:1px}
65
94
  ._1sn3idpf .ProseMirror [layout^=wrap-]:has(+.ProseMirror-gapcursor+[layout^=wrap-]) .rich-media-item{margin-right:0}
66
95
  ._1t0tidpf .ProseMirror .ak-editor-annotation-hover:has(.card){padding-left:0}
67
96
  ._1t8514y2 .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-top:5px}
68
97
  ._1tlp1x4e .ProseMirror p{font-size:1em}
69
98
  ._1ubhidpf .ProseMirror .ak-editor-annotation-blur{padding-right:0}
99
+ ._1ue41l2s .ProseMirror p:has(.placeholder-decoration-hide-overflow){text-overflow:ellipsis}
70
100
  ._1v9ev77o .ProseMirror .ak-editor-annotation-draft:has(.date-lozenger-container){padding-top:var(--ds-space-025,2px)}
71
101
  ._1vgtidpf .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-right:0}
72
102
  ._1vk21ex1{--ak-editor--large-gutter-padding:52px}
73
103
  ._1vk2t9kd{--ak-editor--large-gutter-padding:72px}
104
+ ._1vqj1r31 .ProseMirror-selectednode{outline-color:currentColor}
74
105
  ._1wys1l7b .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-bottom:3px}
75
106
  ._1x2nt94y .ProseMirror .ak-editor-annotation-blur{padding-top:1px}
107
+ ._1xbs1kdv .ProseMirror span.pm-placeholder__text[data-placeholder]:after{cursor:text}
76
108
  ._1xgk1l7b .ProseMirror .ak-editor-annotation-draft:has(.card){padding-bottom:3px}
77
109
  ._1xktidpf .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-left:0}
78
110
  ._1xm91l7b .ProseMirror .ak-editor-annotation-focus:has(.card){padding-bottom:3px}
@@ -80,19 +112,26 @@
80
112
  ._1xqtt94y .ProseMirror .ak-editor-annotation-draft{padding-top:1px}
81
113
  ._1xquh2mm .ProseMirror .embedCardView-content-wrap[layout^=wrap-]{position:relative}
82
114
  ._2lx21bp4{flex-direction:column}
115
+ ._2nre1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node::selection{background-color:transparent}
83
116
  ._3iqe18il .fabric-editor--full-width-mode{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--full-width-layout-width))}
84
117
  ._3nq8idpf .ProseMirror .ak-editor-annotation-draft:has(.card){padding-left:0}
118
+ ._3sy0i8nm [data-prosemirror-node-name=date] .date-lozenger-container span{background-color:var(--ds-background-neutral,#0515240f)}
85
119
  ._43nwglyw .ProseMirror hr.ak-editor-selected-node{outline-style:none}
86
120
  ._4q241osq .fabric-editor--max-width-mode{--ak-editor--breakout-fallback-width:100%}
87
121
  ._4t3i1osq{height:100%}
122
+ ._5h7k1rpy .ProseMirror span.pm-placeholder__text[data-placeholder]:after{color:var(--ds-text-subtlest,#6b6e76)}
88
123
  ._66yetlke .ProseMirror .ak-editor-annotation-blur{cursor:pointer}
124
+ ._67ch1nu9 .ProseMirror span.pm-placeholder{display:inline}
89
125
  ._6f0lidpf .ProseMirror .ak-editor-annotation-focus{padding-left:0}
126
+ ._6klsh2mm [data-prosemirror-node-name=date] .date-lozenger-container span{position:relative}
127
+ ._78lz1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node::-moz-selection{background-color:transparent}
90
128
  ._7kmy1l7b .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-bottom:3px}
91
129
  ._874g1l7x .ProseMirror hr{background-color:var(--ds-border,#0b120e24)}
92
130
  ._8grqv77o .ProseMirror .ak-editor-annotation-hover:has(.date-lozenger-container){padding-top:var(--ds-space-025,2px)}
93
131
  ._92g41l7b .ProseMirror .ak-editor-annotation-blur:has(.card){padding-bottom:3px}
94
132
  ._988v1osq .fabric-editor--full-width-mode{--ak-editor--breakout-fallback-width:100%}
95
133
  ._9neqidpf .ProseMirror .ak-editor-annotation-focus{padding-right:0}
134
+ ._9o1p1j28 .ProseMirror-hideselection ::-moz-selection{background-color:transparent}
96
135
  ._9onx14y2 .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-top:5px}
97
136
  ._9pd8q98m .ProseMirror hr.ak-editor-selected-node{background-color:var(--ds-border-selected,#1868db)}
98
137
  ._aaynsm61::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}
@@ -100,49 +139,92 @@
100
139
  ._ali2idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]+.ProseMirror-gapcursor+.mediaSingleView-content-wrap[layout^=wrap] .rich-media-item{margin-top:0}
101
140
  ._anrdukw8{--ak-editor--default-layout-width:760px}
102
141
  ._bxhh1osq .ProseMirror .embedCardView-content-wrap[layout^=wrap-]{max-width:100%}
142
+ ._bzatglyw .ProseMirror .placeholder-decoration .placeholder-android{pointer-events:none}
103
143
  ._dcmgglyw .ProseMirror{outline-style:none}
104
144
  ._dl0n1r31 .ProseMirror hr.ak-editor-selected-node{outline-color:currentColor}
105
145
  ._dnsrtlke .ProseMirror .ak-editor-annotation-focus{cursor:pointer}
106
146
  ._drnbtlke .ProseMirror .ak-editor-annotation-hover{cursor:pointer}
107
147
  ._du1kidpf .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-right:0}
108
148
  ._e519idpf .ProseMirror [layout^=wrap-]:has(+.ProseMirror-gapcursor+[layout^=wrap-]) .rich-media-item{margin-left:0}
149
+ ._eflqi7uo [data-prosemirror-node-name=date] .date-lozenger-container span{color:var(--ds-text,#292a2e)}
150
+ ._el4et94y [data-prosemirror-node-name=date] .date-lozenger-container span{margin-left:1px}
109
151
  ._fo6014dc{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--default-layout-width))}
152
+ ._fpn9stnw .ProseMirror .placeholder-decoration .placeholder-android{position:absolute}
153
+ ._ga7midpf .ProseMirror .ProseMirror-fake-text-cursor:after{top:0}
110
154
  ._ghwiidpf .ProseMirror .ak-editor-annotation-draft{padding-left:0}
155
+ ._gv641nu9 .ProseMirror span[data-placeholder]{display:inline}
156
+ ._h3z91q9c [data-prosemirror-node-name=date] .date-lozenger-container span{white-space:nowrap}
157
+ ._h9qo1r31 .ProseMirror .placeholder-decoration .placeholder-android{outline-color:currentColor}
111
158
  ._iqym1l7b .ProseMirror .ak-editor-annotation-hover:has(.card){padding-bottom:3px}
112
159
  ._j03f1qop{--ak-editor--breakout-wide-layout-width:905px}
113
160
  ._jaboglyw::-webkit-scrollbar-corner{display:none}
114
161
  ._jd6pidpf .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-right:0}
162
+ ._jtpj1nu9 .ProseMirror .ProseMirror-fake-text-selection{display:inline}
115
163
  ._jydlidpf .ProseMirror .ak-editor-annotation-hover{padding-right:0}
164
+ ._kf7b1b66 [data-prosemirror-node-name=date] .date-lozenger-container span{padding-left:var(--ds-space-050,4px)}
116
165
  ._km2cidpf .ProseMirror .ak-editor-annotation-focus:has(.card){padding-left:0}
117
166
  ._kqswh2mm{position:relative}
167
+ ._lgf9v77o [data-prosemirror-node-name=date] .date-lozenger-container span{padding-top:var(--ds-space-025,2px)}
168
+ ._lm211rpy .ProseMirror span.pm-placeholder__text{color:var(--ds-text-subtlest,#6b6e76)}
169
+ ._m1d5tlke .dateView-content-wrap .date-lozenger-container{cursor:pointer}
170
+ ._m3b01o36 .ProseMirror-selectednode{outline-width:medium}
171
+ ._mekn1rpy .ProseMirror span.pm-placeholder{color:var(--ds-text-subtlest,#6b6e76)}
172
+ ._munn4jg8 .dateView-content-wrap .date-lozenger-container{line-height:normal}
118
173
  ._n6a11fwx{--ak-editor--resizer-handle-spacing:12px}
174
+ ._nuih1j28 .ProseMirror-hideselection ::selection{background-color:transparent}
119
175
  ._nv9v1o36 .ProseMirror{outline-width:medium}
176
+ ._nyhtglyw .ProseMirror .ProseMirror-fake-text-selection{pointer-events:none}
120
177
  ._o1p8idpf .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-left:0}
121
178
  ._o5elfeiv .ProseMirror .ak-editor-annotation-draft{border-bottom-color:var(--ds-border-accent-yellow,#b38600)}
122
179
  ._o7dvt7xp .ProseMirror .ak-editor-annotation-draft{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
180
+ ._o7sybimv .dateView-content-wrap.ak-editor-selected-node.danger .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
123
181
  ._ojmct7xp .ProseMirror .ak-editor-annotation-focus{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
182
+ ._pa0l15vq .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-x:hidden}
124
183
  ._pg931osq{--ak-editor--breakout-min-width:100%}
125
184
  ._pi27grho .fabric-editor--full-width-mode{--ak-editor--breakout-min-width:0px}
185
+ ._pichgir2 .ProseMirror .ProseMirror-fake-text-selection{background-color:Highlight}
126
186
  ._poq41xs6 .ProseMirror p{margin-top:.75em}
127
187
  ._poq4oqnp .ProseMirror p{margin-top:.75rem}
128
188
  ._pru0idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]:has(+.mediaSingleView-content-wrap[layout^=wrap]) .rich-media-item{margin-top:0}
129
189
  ._pxl0idpf .ProseMirror [layout^=wrap-]:has(+[layout^=wrap-]) .rich-media-item{margin-left:0}
190
+ ._pzcb1b66 [data-prosemirror-node-name=date] .date-lozenger-container span{padding-right:var(--ds-space-050,4px)}
130
191
  ._q353idpf .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-left:0}
131
192
  ._qgb1tlke .ProseMirror hr{cursor:pointer}
132
193
  ._qmjbxjz2{--ak-editor--breakout-full-page-guttering-padding:calc(var(--ak-editor--large-gutter-padding)*2 + var(--ak-editor--default-gutter-padding))}
194
+ ._ra5tt94y [data-prosemirror-node-name=date] .date-lozenger-container span{margin-right:1px}
133
195
  ._rc9pyh40 .ProseMirror hr{height:2px}
196
+ ._rejjstnw .ProseMirror .ProseMirror-fake-text-cursor:after{position:absolute}
134
197
  ._ripsidpf .ProseMirror [layout^=wrap-]:has(+[layout^=wrap-]) .rich-media-item{margin-right:0}
198
+ ._rn5mbimv .danger .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
199
+ ._smxnglyw .ProseMirror .ProseMirror-fake-text-cursor{pointer-events:none}
135
200
  ._t7ab1vi7{--ak-editor--default-gutter-padding:32px}
201
+ ._tsrtidpf [data-prosemirror-node-name=date] .date-lozenger-container span{margin-bottom:0}
136
202
  ._u8en3mia .ProseMirror{font-size:var(--ak-editor-base-font-size)}
203
+ ._ug3m1nu9 .ProseMirror span.pm-placeholder__text[data-placeholder]:after{display:inline}
204
+ ._ups11rpy .ProseMirror .placeholder-decoration{color:var(--ds-text-subtlest,#6b6e76)}
205
+ ._uuop1j28 .ProseMirror-hideselection{caret-color:transparent}
137
206
  ._uw641q08{--ak-editor--full-width-layout-width:1800px}
207
+ ._ux32b3bt .ProseMirror .ProseMirror-fake-text-cursor:after{content:""}
208
+ ._v284h2mm .ProseMirror .ProseMirror-fake-text-cursor{position:relative}
138
209
  ._w0epidpf .ProseMirror .ak-editor-annotation-blur{padding-left:0}
139
210
  ._w33agrho .fabric-editor--max-width-mode{--ak-editor--breakout-min-width:0px}
211
+ ._wets1nu9 .ProseMirror .ProseMirror-fake-text-cursor{display:inline}
212
+ ._wg06idpf [data-prosemirror-node-name=date] .date-lozenger-container span{margin-top:0}
213
+ ._wgub1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node ::selection{background-color:transparent}
214
+ ._wi4l1j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span ::-moz-selection{background-color:transparent}
140
215
  ._wmhayh40 .ProseMirror .ak-editor-annotation-focus{padding-bottom:2px}
216
+ ._x07nrrda .ProseMirror span.pm-placeholder__text[data-placeholder]:after{content:attr(data-placeholder)}
217
+ ._x6bu11lh .ProseMirror .ProseMirror-fake-text-selection{color:HighlightText}
141
218
  ._x81614y2 .ProseMirror .ak-editor-annotation-blur:has(.card){padding-top:5px}
219
+ ._xi121j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span::selection{background-color:transparent}
220
+ ._y5fkglyw .ProseMirror .placeholder-decoration .placeholder-android{outline-style:none}
142
221
  ._z75ousic .ProseMirror .embedCardView-content-wrap[layout=wrap-right]{float:right}
143
222
  ._z9wpidpf .ProseMirror p{margin-bottom:0}
144
223
  ._zih31bqt .ProseMirror hr.ak-editor-selected-node.danger{background-color:var(--ds-border-danger,#e2483d)}
145
224
  ._zy25uj17{--ak-editor--breakout-fallback-width:calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))}
225
+ ._1b2hplhp [data-prosemirror-node-name=date] .date-lozenger-container span:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
146
226
  ._1ogl1ibz::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
227
+ ._jdyf1rtt [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red:hover{background-color:var(--ds-background-accent-red-subtler,#ffd5d2)}
147
228
  @container editor-area (max-width: 600px){._lh101tcg{--ak-editor--large-gutter-padding:24px}}
148
- @container editor-area (width >= 1266px){._1j8i1xb4 .ProseMirror{--ak-editor--breakout-wide-layout-width:1011px}}
229
+ @container editor-area (width >= 1266px){._1j8i1xb4 .ProseMirror{--ak-editor--breakout-wide-layout-width:1011px}}
230
+ @keyframes kgnpaw5{0%{opacity:0}to{opacity:1}}
package/dist/cjs/ui/EditorContentContainer/EditorContentContainer-compiled.js CHANGED
@@ -1,4 +1,6 @@
1
1
  /* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
2
+ /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
3
+ // eslint-disable-file @atlaskit/ui-styling-standard/no-nested-selectors
2
4
  "use strict";
3
5
 
4
6
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -38,6 +40,10 @@ var blockNodesVerticalMargin = '0.75rem';
38
40
  var scaledBlockNodesVerticalMargin = '0.75em';
39
41
  var editorAreaNonSmallDeviceContainerQuery = "@container editor-area (width >= ".concat(akEditorBreakpointForSmallDevice, ")");
40
42
  var editorAreaNarrowPageContainerQuery = "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)");
43
+ var placeholderFadeInKeyframes = null;
44
+ var hideNativeBrowserTextSelectionStyles = null;
45
+ var boxShadowSelectionStyles = null;
46
+ var dangerBorderStyles = null;
41
47
 
42
48
  /**
43
49
  * editorContentStyles is WIP to migrate styles from EditorContentContainer/styles
@@ -68,10 +74,10 @@ var editorContentStyles = {
68
74
  codeMarkStylesA11yFix: "",
69
75
  commentEditorStyles: "",
70
76
  cursorStyles: "",
71
- dangerDateStyles: "",
77
+ dangerDateStyles: "_o7sybimv",
72
78
  dangerRuleStyles: "_zih31bqt",
73
- dateStyles: "",
74
- dateVanillaStyles: "",
79
+ dateStyles: "_15n6n7od _munn4jg8 _m1d5tlke _dgh21j28 _1ex4r4us _1kx81j28 _xi121j28 _wi4l1j28 _1a3o1j28 _rn5mbimv",
80
+ dateVanillaStyles: "_vkeh12b0 _wg06idpf _ra5tt94y _tsrtidpf _el4et94y _3f391y8x _3sy0i8nm _eflqi7uo _lgf9v77o _pzcb1b66 _1190v77o _kf7b1b66 _6klsh2mm _h3z91q9c _1jt6n7od _13fl1vk5 _1eqh9lu1 _1b2hplhp _jdyf1rtt",
75
81
  decisionDangerStyles: "",
76
82
  decisionIconWithVisualRefresh: "",
77
83
  decisionStyles: "",
@@ -107,8 +113,8 @@ var editorContentStyles = {
107
113
  gapCursorStyles: "",
108
114
  gapCursorStylesVisibilityFix: "",
109
115
  gridStyles: "",
110
- hideCursorWhenHideSelectionStyles: "",
111
- hideSelectionStyles: "",
116
+ hideCursorWhenHideSelectionStyles: "_uuop1j28",
117
+ hideSelectionStyles: "_nuih1j28 _9o1p1j28",
112
118
  hyperLinkFloatingToolbarStyles: "",
113
119
  indentationStyles: "",
114
120
  InlineNodeViewSharedStyles: "",
@@ -164,10 +170,10 @@ var editorContentStyles = {
164
170
  paragraphStylesOldWithScaledMargin: "_1tlp1x4e _11jf78tn _15zti7a9 _poq41xs6 _z9wpidpf _181jdjp5",
165
171
  paragraphStylesUGCRefreshed: "_1fi2t7zq _poq4oqnp _z9wpidpf",
166
172
  paragraphStylesWithScaledMargin: "_1fi2t7zq _poq41xs6 _z9wpidpf",
167
- placeholderOverflowStyles: "",
168
- placeholderStyles: "",
169
- placeholderTextStyles: "",
170
- placeholderWrapStyles: "",
173
+ placeholderOverflowStyles: "_pa0l15vq _14r215vq _1abn1q9c _1ue41l2s",
174
+ placeholderStyles: "_17suinmh _h9qo1r31 _y5fkglyw _1eui1o36 _bzatglyw _12wvglyw _fpn9stnw _ups11rpy _14uo1osq _14ijglyw _16j6glyw",
175
+ placeholderTextStyles: "_1qnc1rpy _gv641nu9 _67ch1nu9 _mekn1rpy _18et1nu9 _lm211rpy _177515s3 _wgub1j28 _2nre1j28 _1gej1j28 _78lz1j28 _5h7k1rpy _1xbs1kdv _x07nrrda _ug3m1nu9 _14gpj0fz _ux32b3bt _1pzi1nu9 _ga7midpf _rejjstnw _wets1nu9 _smxnglyw _v284h2mm _jtpj1nu9 _nyhtglyw _1enqh2mm _pichgir2 _x6bu11lh",
176
+ placeholderWrapStyles: "_12te1q9c",
171
177
  pragmaticResizerStyles: "",
172
178
  pragmaticResizerStylesCodeBlockLegacy: "",
173
179
  pragmaticResizerStylesCodeBlockSyncedBlockPatch: "",
@@ -179,7 +185,7 @@ var editorContentStyles = {
179
185
  ruleStyles: "_3vafglyw _yhgjt94y _1uh7swc3 _1cnzgx6n _874g1l7x _rc9pyh40 _qgb1tlke _12vh1ntv _dl0n1r31 _43nwglyw _1iod1o36 _9pd8q98m",
180
186
  scaledEmojiStyles: "",
181
187
  scrollbarStyles: "_1fpfolhs _1khk1mok _123b1aqn _jaboglyw _aaynsm61 _1ogl1ibz",
182
- selectedNodeStyles: "",
188
+ selectedNodeStyles: "_1vqj1r31 _1fkoglyw _m3b01o36 _g4fm7g83",
183
189
  selectionToolbarAnimationStyles: "",
184
190
  shadowStyles: "",
185
191
  showDiffDeletedNodeStyles: "",
package/dist/cjs/ui/ToolbarHelp/messages.js CHANGED
@@ -9,6 +9,6 @@ var messages = exports.messages = (0, _reactIntl.defineMessages)({
9
9
  toolbarHelpTitle: {
10
10
  id: 'fabric.editor.headingLink.toolbarHelpTitle',
11
11
  defaultMessage: 'Open help dialog',
12
- description: 'a label for a button that provides help'
12
+ description: 'Label for the toolbar help button in the editor. When clicked, this button opens the help dialog.'
13
13
  }
14
14
  });
package/dist/cjs/version-wrapper.js CHANGED
@@ -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 = "219.2.1";
8
+ var version = exports.version = "219.2.3";
package/dist/es2019/create-editor/messages.js CHANGED
@@ -8,6 +8,6 @@ export const editorMessages = defineMessages({
8
8
  fullPageEditorAssistiveLabel: {
9
9
  id: 'fabric.editor.fullPageEditorAssistiveLabel',
10
10
  defaultMessage: 'Page editing area, start typing to enter text.',
11
- description: 'The aria-label for the full page editor'
11
+ description: 'The aria-label assigned to the full page editor content area, read by screen readers when a user focuses the editing region.'
12
12
  }
13
13
  });
package/dist/es2019/ui/Appearance/FullPage/FullPageToolbarNext.js CHANGED
@@ -104,14 +104,13 @@ export const FullPageToolbarNext = ({
104
104
  event.preventDefault();
105
105
  event.stopPropagation();
106
106
  }, [editorView]);
107
- if (expValEquals('platform_editor_primary_toolbar_early_exit', 'isEnabled', true)) {
108
- // Remove entire primary toolbar region if:
109
- // - primary toolbar isn't registered
110
- // - no custom primary toolbar components to render
111
- // note: primary toolbar must render if toolbar docking preference is set to "controlled" to avoid SSR conflicts
112
- if (!shouldShowToolbarContainer(toolbar, customPrimaryToolbarComponents)) {
113
- return /*#__PURE__*/React.createElement(ToolbarPortal, null, null);
114
- }
107
+
108
+ // Remove entire primary toolbar region if:
109
+ // - primary toolbar isn't registered
110
+ // - no custom primary toolbar components to render
111
+ // note: primary toolbar must render if toolbar docking preference is set to "controlled" to avoid SSR conflicts
112
+ if (!shouldShowToolbarContainer(toolbar, customPrimaryToolbarComponents)) {
113
+ return /*#__PURE__*/React.createElement(ToolbarPortal, null, null);
115
114
  }
116
115
  if (expValEquals('platform_editor_toolbar_two_stage_hydration', 'isEnabled', true)) {
117
116
  return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, ({
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css CHANGED
@@ -1,34 +1,51 @@
1
1
 
2
+ ._17suinmh .ProseMirror .placeholder-decoration-fade-in{animation:kgnpaw5 .3s ease-out forwards}
2
3
  ._1cnzgx6n .ProseMirror hr{margin:var(--ds-space-300,24px) 0}
3
4
  ._1fi2t7zq .ProseMirror p{font:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
4
5
  ._1khk1mok:hover::-webkit-scrollbar-thumb{border-radius:var(--ds-radius-large,8px)}
5
6
  ._1n0xibhp .ProseMirror .ak-editor-annotation-blur{background:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
6
7
  ._1uh7swc3 .ProseMirror hr{padding:var(--ds-space-050,4px) 0}
8
+ ._3f391y8x [data-prosemirror-node-name=date] .date-lozenger-container span{transition:background .3s}
7
9
  ._3vafglyw .ProseMirror hr{border:none}
10
+ ._g4fm7g83 .ProseMirror-selectednode:empty{outline:2px solid var(--ds-border-focused,#4688ec)}
8
11
  ._kn991o1l .ProseMirror .ak-editor-annotation-draft{background:var(--ds-background-accent-yellow-subtlest-pressed,#efdd4e)}
9
12
  ._l0rkaetg .ProseMirror .ak-editor-annotation-hover{background:var(--ds-background-accent-yellow-subtlest-hovered,#f5e989)}
13
+ ._vkeh12b0 [data-prosemirror-node-name=date] .date-lozenger-container span{border-radius:var(--ds-radius-small,4px)}
10
14
  ._x53a1o1l .ProseMirror .ak-editor-annotation-focus{background:var(--ds-background-accent-yellow-subtlest-pressed,#efdd4e)}
11
15
  ._yhgjt94y .ProseMirror hr{border-radius:1px}
16
+ ._dgh21j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{border-color:transparent}
17
+ ._14gpj0fz .ProseMirror .ProseMirror-fake-text-cursor:after{border-right:1px solid var(--ds-border,#0b120e24)}
12
18
  ._1ibg1vrj .ProseMirror .ak-editor-annotation-focus{border-bottom:2px solid transparent}
13
19
  ._iwzr1vrj .ProseMirror .ak-editor-annotation-blur{border-bottom:2px solid transparent}
14
20
  ._u5bs1vrj .ProseMirror .ak-editor-annotation-draft{border-bottom:2px solid transparent}
15
21
  ._xkuf1vrj .ProseMirror .ak-editor-annotation-hover{border-bottom:2px solid transparent}._10h6v77o .ProseMirror .ak-editor-annotation-blur:has(.date-lozenger-container){padding-top:var(--ds-space-025,2px)}
16
22
  ._10zo1osq .ProseMirror>div[data-prosemirror-node-block] [data-prosemirror-node-block]{--ak-editor-max-container-width:100%}
23
+ ._1190v77o [data-prosemirror-node-name=date] .date-lozenger-container span{padding-bottom:var(--ds-space-025,2px)}
17
24
  ._11jf78tn .ProseMirror p{line-height:1.714}
18
25
  ._121i1r31 .ProseMirror{outline-color:currentColor}
19
26
  ._123b1aqn:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e)}
27
+ ._12te1q9c .ProseMirror mark[data-type-ahead-query=true]:has(.placeholder-decoration-wrap){white-space:nowrap}
20
28
  ._12vh1ntv .ProseMirror hr{background-clip:content-box}
29
+ ._12wvglyw .ProseMirror .placeholder-decoration .placeholder-android{-webkit-user-select:none;-ms-user-select:none;user-select:none}
30
+ ._13fl1vk5 [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red{background-color:var(--ds-background-accent-red-subtlest,#ffeceb)}
21
31
  ._14i5idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]+.mediaSingleView-content-wrap[layout^=wrap] .rich-media-item{margin-top:0}
32
+ ._14ijglyw .ProseMirror .placeholder-decoration{pointer-events:none}
33
+ ._14r215vq .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-y:hidden}
34
+ ._14uo1osq .ProseMirror .placeholder-decoration{width:100%}
35
+ ._15n6n7od .date-lozenger-container span{white-space:unset}
22
36
  ._15no1e5h .ProseMirror .embedCardView-content-wrap[layout=wrap-left]{float:left}
23
37
  ._15zti7a9 .ProseMirror p{font-weight:var(--ds-font-weight-regular,400)}
24
38
  ._1613yh40 .ProseMirror .ak-editor-annotation-draft{padding-bottom:2px}
25
39
  ._168dt7xp .ProseMirror .ak-editor-annotation-hover{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
40
+ ._16j6glyw .ProseMirror .placeholder-decoration{-webkit-user-select:none;-ms-user-select:none;user-select:none}
26
41
  ._16jlkb7n{flex-grow:1}
27
42
  ._172zidpf .ProseMirror .ak-editor-annotation-draft{padding-right:0}
43
+ ._177515s3 .ProseMirror span.pm-placeholder.ak-editor-selected-node{background-color:var(--ds-background-selected,#e9f2fe)}
28
44
  ._17clidpf .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-right:0}
29
45
  ._17qpt94y .ProseMirror .ak-editor-annotation-hover{padding-top:1px}
30
46
  ._18031hna .ProseMirror{word-wrap:break-word}
31
47
  ._181jdjp5 .ProseMirror p{letter-spacing:-.005em}
48
+ ._18et1nu9 .ProseMirror span.pm-placeholder__text{display:inline}
32
49
  ._18m915zi{overflow-y:scroll}
33
50
  ._18qq1jtm .ProseMirror{white-space:pre-wrap}
34
51
  ._197w1hrf .ProseMirror .embedCardView-content-wrap[layout=wrap-right]+.embedCardView-content-wrap[layout=wrap-left]{clear:both}
@@ -36,6 +53,8 @@
36
53
  ._19rk1uph .ProseMirror{--ak-editor-max-container-width:calc(100cqw - var(--ak-editor--large-gutter-padding))}
37
54
  ._19vz1wug .ProseMirror .ak-editor-annotation-draft{cursor:auto}
38
55
  ._19vztlke .ProseMirror .ak-editor-annotation-draft{cursor:pointer}
56
+ ._1a3o1j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span::-moz-selection{background-color:transparent}
57
+ ._1abn1q9c .ProseMirror p:has(.placeholder-decoration-hide-overflow){white-space:nowrap}
39
58
  ._1c0fidpf .ProseMirror .ak-editor-annotation-blur:has(.card){padding-left:0}
40
59
  ._1c20feiv .ProseMirror .ak-editor-annotation-hover{border-bottom-color:var(--ds-border-accent-yellow,#b38600)}
41
60
  ._1cr2idpf .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-left:0}
@@ -45,34 +64,47 @@
45
64
  ._1dyh1l7b .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-bottom:3px}
46
65
  ._1e0c1txw{display:flex}
47
66
  ._1edaidpf .ProseMirror .ak-editor-annotation-focus:has(.card){padding-right:0}
67
+ ._1enqh2mm .ProseMirror .ProseMirror-fake-text-selection{position:relative}
68
+ ._1eqh9lu1 [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red{color:var(--ds-text-accent-red,#ae2e24)}
69
+ ._1eui1o36 .ProseMirror .placeholder-decoration .placeholder-android{outline-width:medium}
70
+ ._1ex4r4us .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
48
71
  ._1f3widpf .ProseMirror .ak-editor-annotation-hover{padding-left:0}
72
+ ._1fkoglyw .ProseMirror-selectednode{outline-style:none}
49
73
  ._1fpfolhs{ms-overflow-style:-ms-autohiding-scrollbar}
50
74
  ._1fqx14y2 .ProseMirror .ak-editor-annotation-hover:has(.card){padding-top:5px}
51
75
  ._1g35idpf .ProseMirror .ak-editor-annotation-hover:has(.card){padding-right:0}
76
+ ._1gej1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node ::-moz-selection{background-color:transparent}
52
77
  ._1gpc1lj4 .fabric-editor--max-width-mode{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--max-width-layout-width))}
53
78
  ._1gvnmqba{--ak-editor--max-width-layout-width:4000px}
54
79
  ._1hbb14y2 .ProseMirror .ak-editor-annotation-draft:has(.card){padding-top:5px}
55
80
  ._1iod1o36 .ProseMirror hr.ak-editor-selected-node{outline-width:medium}
81
+ ._1jt6n7od [data-prosemirror-node-name=date] .date-lozenger-container span{cursor:unset}
56
82
  ._1jyp14y2 .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-top:5px}
57
83
  ._1k26yh40 .ProseMirror .ak-editor-annotation-blur{padding-bottom:2px}
84
+ ._1kx81j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span ::selection{background-color:transparent}
58
85
  ._1m2zidpf .ProseMirror .ak-editor-annotation-blur:has(.card){padding-right:0}
59
86
  ._1nl9idpf .ProseMirror .ak-editor-annotation-draft:has(.card){padding-right:0}
60
87
  ._1owy1l7b .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-bottom:3px}
61
88
  ._1p9g14y2 .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-top:5px}
62
89
  ._1pjt14y2 .ProseMirror .ak-editor-annotation-focus:has(.card){padding-top:5px}
90
+ ._1pzi1nu9 .ProseMirror .ProseMirror-fake-text-cursor:after{display:inline}
63
91
  ._1qihyh40 .ProseMirror .ak-editor-annotation-hover{padding-bottom:2px}
92
+ ._1qnc1rpy .ProseMirror span[data-placeholder]{color:var(--ds-text-subtlest,#6b6e76)}
64
93
  ._1s25t94y .ProseMirror .ak-editor-annotation-focus{padding-top:1px}
65
94
  ._1sn3idpf .ProseMirror [layout^=wrap-]:has(+.ProseMirror-gapcursor+[layout^=wrap-]) .rich-media-item{margin-right:0}
66
95
  ._1t0tidpf .ProseMirror .ak-editor-annotation-hover:has(.card){padding-left:0}
67
96
  ._1t8514y2 .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-top:5px}
68
97
  ._1tlp1x4e .ProseMirror p{font-size:1em}
69
98
  ._1ubhidpf .ProseMirror .ak-editor-annotation-blur{padding-right:0}
99
+ ._1ue41l2s .ProseMirror p:has(.placeholder-decoration-hide-overflow){text-overflow:ellipsis}
70
100
  ._1v9ev77o .ProseMirror .ak-editor-annotation-draft:has(.date-lozenger-container){padding-top:var(--ds-space-025,2px)}
71
101
  ._1vgtidpf .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-right:0}
72
102
  ._1vk21ex1{--ak-editor--large-gutter-padding:52px}
73
103
  ._1vk2t9kd{--ak-editor--large-gutter-padding:72px}
104
+ ._1vqj1r31 .ProseMirror-selectednode{outline-color:currentColor}
74
105
  ._1wys1l7b .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-bottom:3px}
75
106
  ._1x2nt94y .ProseMirror .ak-editor-annotation-blur{padding-top:1px}
107
+ ._1xbs1kdv .ProseMirror span.pm-placeholder__text[data-placeholder]:after{cursor:text}
76
108
  ._1xgk1l7b .ProseMirror .ak-editor-annotation-draft:has(.card){padding-bottom:3px}
77
109
  ._1xktidpf .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-left:0}
78
110
  ._1xm91l7b .ProseMirror .ak-editor-annotation-focus:has(.card){padding-bottom:3px}
@@ -80,19 +112,26 @@
80
112
  ._1xqtt94y .ProseMirror .ak-editor-annotation-draft{padding-top:1px}
81
113
  ._1xquh2mm .ProseMirror .embedCardView-content-wrap[layout^=wrap-]{position:relative}
82
114
  ._2lx21bp4{flex-direction:column}
115
+ ._2nre1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node::selection{background-color:transparent}
83
116
  ._3iqe18il .fabric-editor--full-width-mode{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--full-width-layout-width))}
84
117
  ._3nq8idpf .ProseMirror .ak-editor-annotation-draft:has(.card){padding-left:0}
118
+ ._3sy0i8nm [data-prosemirror-node-name=date] .date-lozenger-container span{background-color:var(--ds-background-neutral,#0515240f)}
85
119
  ._43nwglyw .ProseMirror hr.ak-editor-selected-node{outline-style:none}
86
120
  ._4q241osq .fabric-editor--max-width-mode{--ak-editor--breakout-fallback-width:100%}
87
121
  ._4t3i1osq{height:100%}
122
+ ._5h7k1rpy .ProseMirror span.pm-placeholder__text[data-placeholder]:after{color:var(--ds-text-subtlest,#6b6e76)}
88
123
  ._66yetlke .ProseMirror .ak-editor-annotation-blur{cursor:pointer}
124
+ ._67ch1nu9 .ProseMirror span.pm-placeholder{display:inline}
89
125
  ._6f0lidpf .ProseMirror .ak-editor-annotation-focus{padding-left:0}
126
+ ._6klsh2mm [data-prosemirror-node-name=date] .date-lozenger-container span{position:relative}
127
+ ._78lz1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node::-moz-selection{background-color:transparent}
90
128
  ._7kmy1l7b .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-bottom:3px}
91
129
  ._874g1l7x .ProseMirror hr{background-color:var(--ds-border,#0b120e24)}
92
130
  ._8grqv77o .ProseMirror .ak-editor-annotation-hover:has(.date-lozenger-container){padding-top:var(--ds-space-025,2px)}
93
131
  ._92g41l7b .ProseMirror .ak-editor-annotation-blur:has(.card){padding-bottom:3px}
94
132
  ._988v1osq .fabric-editor--full-width-mode{--ak-editor--breakout-fallback-width:100%}
95
133
  ._9neqidpf .ProseMirror .ak-editor-annotation-focus{padding-right:0}
134
+ ._9o1p1j28 .ProseMirror-hideselection ::-moz-selection{background-color:transparent}
96
135
  ._9onx14y2 .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-top:5px}
97
136
  ._9pd8q98m .ProseMirror hr.ak-editor-selected-node{background-color:var(--ds-border-selected,#1868db)}
98
137
  ._aaynsm61::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}
@@ -100,49 +139,92 @@
100
139
  ._ali2idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]+.ProseMirror-gapcursor+.mediaSingleView-content-wrap[layout^=wrap] .rich-media-item{margin-top:0}
101
140
  ._anrdukw8{--ak-editor--default-layout-width:760px}
102
141
  ._bxhh1osq .ProseMirror .embedCardView-content-wrap[layout^=wrap-]{max-width:100%}
142
+ ._bzatglyw .ProseMirror .placeholder-decoration .placeholder-android{pointer-events:none}
103
143
  ._dcmgglyw .ProseMirror{outline-style:none}
104
144
  ._dl0n1r31 .ProseMirror hr.ak-editor-selected-node{outline-color:currentColor}
105
145
  ._dnsrtlke .ProseMirror .ak-editor-annotation-focus{cursor:pointer}
106
146
  ._drnbtlke .ProseMirror .ak-editor-annotation-hover{cursor:pointer}
107
147
  ._du1kidpf .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-right:0}
108
148
  ._e519idpf .ProseMirror [layout^=wrap-]:has(+.ProseMirror-gapcursor+[layout^=wrap-]) .rich-media-item{margin-left:0}
149
+ ._eflqi7uo [data-prosemirror-node-name=date] .date-lozenger-container span{color:var(--ds-text,#292a2e)}
150
+ ._el4et94y [data-prosemirror-node-name=date] .date-lozenger-container span{margin-left:1px}
109
151
  ._fo6014dc{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--default-layout-width))}
152
+ ._fpn9stnw .ProseMirror .placeholder-decoration .placeholder-android{position:absolute}
153
+ ._ga7midpf .ProseMirror .ProseMirror-fake-text-cursor:after{top:0}
110
154
  ._ghwiidpf .ProseMirror .ak-editor-annotation-draft{padding-left:0}
155
+ ._gv641nu9 .ProseMirror span[data-placeholder]{display:inline}
156
+ ._h3z91q9c [data-prosemirror-node-name=date] .date-lozenger-container span{white-space:nowrap}
157
+ ._h9qo1r31 .ProseMirror .placeholder-decoration .placeholder-android{outline-color:currentColor}
111
158
  ._iqym1l7b .ProseMirror .ak-editor-annotation-hover:has(.card){padding-bottom:3px}
112
159
  ._j03f1qop{--ak-editor--breakout-wide-layout-width:905px}
113
160
  ._jaboglyw::-webkit-scrollbar-corner{display:none}
114
161
  ._jd6pidpf .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-right:0}
162
+ ._jtpj1nu9 .ProseMirror .ProseMirror-fake-text-selection{display:inline}
115
163
  ._jydlidpf .ProseMirror .ak-editor-annotation-hover{padding-right:0}
164
+ ._kf7b1b66 [data-prosemirror-node-name=date] .date-lozenger-container span{padding-left:var(--ds-space-050,4px)}
116
165
  ._km2cidpf .ProseMirror .ak-editor-annotation-focus:has(.card){padding-left:0}
117
166
  ._kqswh2mm{position:relative}
167
+ ._lgf9v77o [data-prosemirror-node-name=date] .date-lozenger-container span{padding-top:var(--ds-space-025,2px)}
168
+ ._lm211rpy .ProseMirror span.pm-placeholder__text{color:var(--ds-text-subtlest,#6b6e76)}
169
+ ._m1d5tlke .dateView-content-wrap .date-lozenger-container{cursor:pointer}
170
+ ._m3b01o36 .ProseMirror-selectednode{outline-width:medium}
171
+ ._mekn1rpy .ProseMirror span.pm-placeholder{color:var(--ds-text-subtlest,#6b6e76)}
172
+ ._munn4jg8 .dateView-content-wrap .date-lozenger-container{line-height:normal}
118
173
  ._n6a11fwx{--ak-editor--resizer-handle-spacing:12px}
174
+ ._nuih1j28 .ProseMirror-hideselection ::selection{background-color:transparent}
119
175
  ._nv9v1o36 .ProseMirror{outline-width:medium}
176
+ ._nyhtglyw .ProseMirror .ProseMirror-fake-text-selection{pointer-events:none}
120
177
  ._o1p8idpf .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-left:0}
121
178
  ._o5elfeiv .ProseMirror .ak-editor-annotation-draft{border-bottom-color:var(--ds-border-accent-yellow,#b38600)}
122
179
  ._o7dvt7xp .ProseMirror .ak-editor-annotation-draft{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
180
+ ._o7sybimv .dateView-content-wrap.ak-editor-selected-node.danger .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
123
181
  ._ojmct7xp .ProseMirror .ak-editor-annotation-focus{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
182
+ ._pa0l15vq .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-x:hidden}
124
183
  ._pg931osq{--ak-editor--breakout-min-width:100%}
125
184
  ._pi27grho .fabric-editor--full-width-mode{--ak-editor--breakout-min-width:0px}
185
+ ._pichgir2 .ProseMirror .ProseMirror-fake-text-selection{background-color:Highlight}
126
186
  ._poq41xs6 .ProseMirror p{margin-top:.75em}
127
187
  ._poq4oqnp .ProseMirror p{margin-top:.75rem}
128
188
  ._pru0idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]:has(+.mediaSingleView-content-wrap[layout^=wrap]) .rich-media-item{margin-top:0}
129
189
  ._pxl0idpf .ProseMirror [layout^=wrap-]:has(+[layout^=wrap-]) .rich-media-item{margin-left:0}
190
+ ._pzcb1b66 [data-prosemirror-node-name=date] .date-lozenger-container span{padding-right:var(--ds-space-050,4px)}
130
191
  ._q353idpf .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-left:0}
131
192
  ._qgb1tlke .ProseMirror hr{cursor:pointer}
132
193
  ._qmjbxjz2{--ak-editor--breakout-full-page-guttering-padding:calc(var(--ak-editor--large-gutter-padding)*2 + var(--ak-editor--default-gutter-padding))}
194
+ ._ra5tt94y [data-prosemirror-node-name=date] .date-lozenger-container span{margin-right:1px}
133
195
  ._rc9pyh40 .ProseMirror hr{height:2px}
196
+ ._rejjstnw .ProseMirror .ProseMirror-fake-text-cursor:after{position:absolute}
134
197
  ._ripsidpf .ProseMirror [layout^=wrap-]:has(+[layout^=wrap-]) .rich-media-item{margin-right:0}
198
+ ._rn5mbimv .danger .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
199
+ ._smxnglyw .ProseMirror .ProseMirror-fake-text-cursor{pointer-events:none}
135
200
  ._t7ab1vi7{--ak-editor--default-gutter-padding:32px}
201
+ ._tsrtidpf [data-prosemirror-node-name=date] .date-lozenger-container span{margin-bottom:0}
136
202
  ._u8en3mia .ProseMirror{font-size:var(--ak-editor-base-font-size)}
203
+ ._ug3m1nu9 .ProseMirror span.pm-placeholder__text[data-placeholder]:after{display:inline}
204
+ ._ups11rpy .ProseMirror .placeholder-decoration{color:var(--ds-text-subtlest,#6b6e76)}
205
+ ._uuop1j28 .ProseMirror-hideselection{caret-color:transparent}
137
206
  ._uw641q08{--ak-editor--full-width-layout-width:1800px}
207
+ ._ux32b3bt .ProseMirror .ProseMirror-fake-text-cursor:after{content:""}
208
+ ._v284h2mm .ProseMirror .ProseMirror-fake-text-cursor{position:relative}
138
209
  ._w0epidpf .ProseMirror .ak-editor-annotation-blur{padding-left:0}
139
210
  ._w33agrho .fabric-editor--max-width-mode{--ak-editor--breakout-min-width:0px}
211
+ ._wets1nu9 .ProseMirror .ProseMirror-fake-text-cursor{display:inline}
212
+ ._wg06idpf [data-prosemirror-node-name=date] .date-lozenger-container span{margin-top:0}
213
+ ._wgub1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node ::selection{background-color:transparent}
214
+ ._wi4l1j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span ::-moz-selection{background-color:transparent}
140
215
  ._wmhayh40 .ProseMirror .ak-editor-annotation-focus{padding-bottom:2px}
216
+ ._x07nrrda .ProseMirror span.pm-placeholder__text[data-placeholder]:after{content:attr(data-placeholder)}
217
+ ._x6bu11lh .ProseMirror .ProseMirror-fake-text-selection{color:HighlightText}
141
218
  ._x81614y2 .ProseMirror .ak-editor-annotation-blur:has(.card){padding-top:5px}
219
+ ._xi121j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span::selection{background-color:transparent}
220
+ ._y5fkglyw .ProseMirror .placeholder-decoration .placeholder-android{outline-style:none}
142
221
  ._z75ousic .ProseMirror .embedCardView-content-wrap[layout=wrap-right]{float:right}
143
222
  ._z9wpidpf .ProseMirror p{margin-bottom:0}
144
223
  ._zih31bqt .ProseMirror hr.ak-editor-selected-node.danger{background-color:var(--ds-border-danger,#e2483d)}
145
224
  ._zy25uj17{--ak-editor--breakout-fallback-width:calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))}
225
+ ._1b2hplhp [data-prosemirror-node-name=date] .date-lozenger-container span:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
146
226
  ._1ogl1ibz::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
227
+ ._jdyf1rtt [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red:hover{background-color:var(--ds-background-accent-red-subtler,#ffd5d2)}
147
228
  @container editor-area (max-width: 600px){._lh101tcg{--ak-editor--large-gutter-padding:24px}}
148
- @container editor-area (width >= 1266px){._1j8i1xb4 .ProseMirror{--ak-editor--breakout-wide-layout-width:1011px}}
229
+ @container editor-area (width >= 1266px){._1j8i1xb4 .ProseMirror{--ak-editor--breakout-wide-layout-width:1011px}}
230
+ @keyframes kgnpaw5{0%{opacity:0}to{opacity:1}}
package/dist/es2019/ui/EditorContentContainer/EditorContentContainer-compiled.js CHANGED
@@ -1,4 +1,6 @@
1
1
  /* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
2
+ /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
3
+ // eslint-disable-file @atlaskit/ui-styling-standard/no-nested-selectors
2
4
  import "./EditorContentContainer-compiled.compiled.css";
3
5
  import { ax, ix } from "@compiled/react/runtime";
4
6
  import React from 'react';
@@ -33,6 +35,10 @@ const blockNodesVerticalMargin = '0.75rem';
33
35
  const scaledBlockNodesVerticalMargin = '0.75em';
34
36
  const editorAreaNonSmallDeviceContainerQuery = `@container editor-area (width >= ${akEditorBreakpointForSmallDevice})`;
35
37
  const editorAreaNarrowPageContainerQuery = `@container editor-area (max-width: ${akEditorFullPageNarrowBreakout}px)`;
38
+ const placeholderFadeInKeyframes = null;
39
+ const hideNativeBrowserTextSelectionStyles = null;
40
+ const boxShadowSelectionStyles = null;
41
+ const dangerBorderStyles = null;
36
42
 
37
43
  /**
38
44
  * editorContentStyles is WIP to migrate styles from EditorContentContainer/styles
@@ -63,10 +69,10 @@ const editorContentStyles = {
63
69
  codeMarkStylesA11yFix: "",
64
70
  commentEditorStyles: "",
65
71
  cursorStyles: "",
66
- dangerDateStyles: "",
72
+ dangerDateStyles: "_o7sybimv",
67
73
  dangerRuleStyles: "_zih31bqt",
68
- dateStyles: "",
69
- dateVanillaStyles: "",
74
+ dateStyles: "_15n6n7od _munn4jg8 _m1d5tlke _dgh21j28 _1ex4r4us _1kx81j28 _xi121j28 _wi4l1j28 _1a3o1j28 _rn5mbimv",
75
+ dateVanillaStyles: "_vkeh12b0 _wg06idpf _ra5tt94y _tsrtidpf _el4et94y _3f391y8x _3sy0i8nm _eflqi7uo _lgf9v77o _pzcb1b66 _1190v77o _kf7b1b66 _6klsh2mm _h3z91q9c _1jt6n7od _13fl1vk5 _1eqh9lu1 _1b2hplhp _jdyf1rtt",
70
76
  decisionDangerStyles: "",
71
77
  decisionIconWithVisualRefresh: "",
72
78
  decisionStyles: "",
@@ -102,8 +108,8 @@ const editorContentStyles = {
102
108
  gapCursorStyles: "",
103
109
  gapCursorStylesVisibilityFix: "",
104
110
  gridStyles: "",
105
- hideCursorWhenHideSelectionStyles: "",
106
- hideSelectionStyles: "",
111
+ hideCursorWhenHideSelectionStyles: "_uuop1j28",
112
+ hideSelectionStyles: "_nuih1j28 _9o1p1j28",
107
113
  hyperLinkFloatingToolbarStyles: "",
108
114
  indentationStyles: "",
109
115
  InlineNodeViewSharedStyles: "",
@@ -159,10 +165,10 @@ const editorContentStyles = {
159
165
  paragraphStylesOldWithScaledMargin: "_1tlp1x4e _11jf78tn _15zti7a9 _poq41xs6 _z9wpidpf _181jdjp5",
160
166
  paragraphStylesUGCRefreshed: "_1fi2t7zq _poq4oqnp _z9wpidpf",
161
167
  paragraphStylesWithScaledMargin: "_1fi2t7zq _poq41xs6 _z9wpidpf",
162
- placeholderOverflowStyles: "",
163
- placeholderStyles: "",
164
- placeholderTextStyles: "",
165
- placeholderWrapStyles: "",
168
+ placeholderOverflowStyles: "_pa0l15vq _14r215vq _1abn1q9c _1ue41l2s",
169
+ placeholderStyles: "_17suinmh _h9qo1r31 _y5fkglyw _1eui1o36 _bzatglyw _12wvglyw _fpn9stnw _ups11rpy _14uo1osq _14ijglyw _16j6glyw",
170
+ placeholderTextStyles: "_1qnc1rpy _gv641nu9 _67ch1nu9 _mekn1rpy _18et1nu9 _lm211rpy _177515s3 _wgub1j28 _2nre1j28 _1gej1j28 _78lz1j28 _5h7k1rpy _1xbs1kdv _x07nrrda _ug3m1nu9 _14gpj0fz _ux32b3bt _1pzi1nu9 _ga7midpf _rejjstnw _wets1nu9 _smxnglyw _v284h2mm _jtpj1nu9 _nyhtglyw _1enqh2mm _pichgir2 _x6bu11lh",
171
+ placeholderWrapStyles: "_12te1q9c",
166
172
  pragmaticResizerStyles: "",
167
173
  pragmaticResizerStylesCodeBlockLegacy: "",
168
174
  pragmaticResizerStylesCodeBlockSyncedBlockPatch: "",
@@ -174,7 +180,7 @@ const editorContentStyles = {
174
180
  ruleStyles: "_3vafglyw _yhgjt94y _1uh7swc3 _1cnzgx6n _874g1l7x _rc9pyh40 _qgb1tlke _12vh1ntv _dl0n1r31 _43nwglyw _1iod1o36 _9pd8q98m",
175
181
  scaledEmojiStyles: "",
176
182
  scrollbarStyles: "_1fpfolhs _1khk1mok _123b1aqn _jaboglyw _aaynsm61 _1ogl1ibz",
177
- selectedNodeStyles: "",
183
+ selectedNodeStyles: "_1vqj1r31 _1fkoglyw _m3b01o36 _g4fm7g83",
178
184
  selectionToolbarAnimationStyles: "",
179
185
  shadowStyles: "",
180
186
  showDiffDeletedNodeStyles: "",
package/dist/es2019/ui/ToolbarHelp/messages.js CHANGED
@@ -3,6 +3,6 @@ export const messages = defineMessages({
3
3
  toolbarHelpTitle: {
4
4
  id: 'fabric.editor.headingLink.toolbarHelpTitle',
5
5
  defaultMessage: 'Open help dialog',
6
- description: 'a label for a button that provides help'
6
+ description: 'Label for the toolbar help button in the editor. When clicked, this button opens the help dialog.'
7
7
  }
8
8
  });
package/dist/es2019/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export const name = "@atlaskit/editor-core";
2
- export const version = "219.2.1";
2
+ export const version = "219.2.3";
package/dist/esm/create-editor/messages.js CHANGED
@@ -8,6 +8,6 @@ export var editorMessages = defineMessages({
8
8
  fullPageEditorAssistiveLabel: {
9
9
  id: 'fabric.editor.fullPageEditorAssistiveLabel',
10
10
  defaultMessage: 'Page editing area, start typing to enter text.',
11
- description: 'The aria-label for the full page editor'
11
+ description: 'The aria-label assigned to the full page editor content area, read by screen readers when a user focuses the editing region.'
12
12
  }
13
13
  });
package/dist/esm/ui/Appearance/FullPage/FullPageToolbarNext.js CHANGED
@@ -101,14 +101,13 @@ export var FullPageToolbarNext = function FullPageToolbarNext(_ref4) {
101
101
  event.preventDefault();
102
102
  event.stopPropagation();
103
103
  }, [editorView]);
104
- if (expValEquals('platform_editor_primary_toolbar_early_exit', 'isEnabled', true)) {
105
- // Remove entire primary toolbar region if:
106
- // - primary toolbar isn't registered
107
- // - no custom primary toolbar components to render
108
- // note: primary toolbar must render if toolbar docking preference is set to "controlled" to avoid SSR conflicts
109
- if (!shouldShowToolbarContainer(toolbar, customPrimaryToolbarComponents)) {
110
- return /*#__PURE__*/React.createElement(ToolbarPortal, null, null);
111
- }
104
+
105
+ // Remove entire primary toolbar region if:
106
+ // - primary toolbar isn't registered
107
+ // - no custom primary toolbar components to render
108
+ // note: primary toolbar must render if toolbar docking preference is set to "controlled" to avoid SSR conflicts
109
+ if (!shouldShowToolbarContainer(toolbar, customPrimaryToolbarComponents)) {
110
+ return /*#__PURE__*/React.createElement(ToolbarPortal, null, null);
112
111
  }
113
112
  if (expValEquals('platform_editor_toolbar_two_stage_hydration', 'isEnabled', true)) {
114
113
  return /*#__PURE__*/React.createElement(ContextPanelConsumer, null, function (_ref6) {
package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.compiled.css CHANGED
@@ -1,34 +1,51 @@
1
1
 
2
+ ._17suinmh .ProseMirror .placeholder-decoration-fade-in{animation:kgnpaw5 .3s ease-out forwards}
2
3
  ._1cnzgx6n .ProseMirror hr{margin:var(--ds-space-300,24px) 0}
3
4
  ._1fi2t7zq .ProseMirror p{font:normal 400 1em/1.714 "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif}
4
5
  ._1khk1mok:hover::-webkit-scrollbar-thumb{border-radius:var(--ds-radius-large,8px)}
5
6
  ._1n0xibhp .ProseMirror .ak-editor-annotation-blur{background:var(--ds-background-accent-yellow-subtlest,#fef7c8)}
6
7
  ._1uh7swc3 .ProseMirror hr{padding:var(--ds-space-050,4px) 0}
8
+ ._3f391y8x [data-prosemirror-node-name=date] .date-lozenger-container span{transition:background .3s}
7
9
  ._3vafglyw .ProseMirror hr{border:none}
10
+ ._g4fm7g83 .ProseMirror-selectednode:empty{outline:2px solid var(--ds-border-focused,#4688ec)}
8
11
  ._kn991o1l .ProseMirror .ak-editor-annotation-draft{background:var(--ds-background-accent-yellow-subtlest-pressed,#efdd4e)}
9
12
  ._l0rkaetg .ProseMirror .ak-editor-annotation-hover{background:var(--ds-background-accent-yellow-subtlest-hovered,#f5e989)}
13
+ ._vkeh12b0 [data-prosemirror-node-name=date] .date-lozenger-container span{border-radius:var(--ds-radius-small,4px)}
10
14
  ._x53a1o1l .ProseMirror .ak-editor-annotation-focus{background:var(--ds-background-accent-yellow-subtlest-pressed,#efdd4e)}
11
15
  ._yhgjt94y .ProseMirror hr{border-radius:1px}
16
+ ._dgh21j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{border-color:transparent}
17
+ ._14gpj0fz .ProseMirror .ProseMirror-fake-text-cursor:after{border-right:1px solid var(--ds-border,#0b120e24)}
12
18
  ._1ibg1vrj .ProseMirror .ak-editor-annotation-focus{border-bottom:2px solid transparent}
13
19
  ._iwzr1vrj .ProseMirror .ak-editor-annotation-blur{border-bottom:2px solid transparent}
14
20
  ._u5bs1vrj .ProseMirror .ak-editor-annotation-draft{border-bottom:2px solid transparent}
15
21
  ._xkuf1vrj .ProseMirror .ak-editor-annotation-hover{border-bottom:2px solid transparent}._10h6v77o .ProseMirror .ak-editor-annotation-blur:has(.date-lozenger-container){padding-top:var(--ds-space-025,2px)}
16
22
  ._10zo1osq .ProseMirror>div[data-prosemirror-node-block] [data-prosemirror-node-block]{--ak-editor-max-container-width:100%}
23
+ ._1190v77o [data-prosemirror-node-name=date] .date-lozenger-container span{padding-bottom:var(--ds-space-025,2px)}
17
24
  ._11jf78tn .ProseMirror p{line-height:1.714}
18
25
  ._121i1r31 .ProseMirror{outline-color:currentColor}
19
26
  ._123b1aqn:hover::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-bold,#292a2e)}
27
+ ._12te1q9c .ProseMirror mark[data-type-ahead-query=true]:has(.placeholder-decoration-wrap){white-space:nowrap}
20
28
  ._12vh1ntv .ProseMirror hr{background-clip:content-box}
29
+ ._12wvglyw .ProseMirror .placeholder-decoration .placeholder-android{-webkit-user-select:none;-ms-user-select:none;user-select:none}
30
+ ._13fl1vk5 [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red{background-color:var(--ds-background-accent-red-subtlest,#ffeceb)}
21
31
  ._14i5idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]+.mediaSingleView-content-wrap[layout^=wrap] .rich-media-item{margin-top:0}
32
+ ._14ijglyw .ProseMirror .placeholder-decoration{pointer-events:none}
33
+ ._14r215vq .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-y:hidden}
34
+ ._14uo1osq .ProseMirror .placeholder-decoration{width:100%}
35
+ ._15n6n7od .date-lozenger-container span{white-space:unset}
22
36
  ._15no1e5h .ProseMirror .embedCardView-content-wrap[layout=wrap-left]{float:left}
23
37
  ._15zti7a9 .ProseMirror p{font-weight:var(--ds-font-weight-regular,400)}
24
38
  ._1613yh40 .ProseMirror .ak-editor-annotation-draft{padding-bottom:2px}
25
39
  ._168dt7xp .ProseMirror .ak-editor-annotation-hover{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
40
+ ._16j6glyw .ProseMirror .placeholder-decoration{-webkit-user-select:none;-ms-user-select:none;user-select:none}
26
41
  ._16jlkb7n{flex-grow:1}
27
42
  ._172zidpf .ProseMirror .ak-editor-annotation-draft{padding-right:0}
43
+ ._177515s3 .ProseMirror span.pm-placeholder.ak-editor-selected-node{background-color:var(--ds-background-selected,#e9f2fe)}
28
44
  ._17clidpf .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-right:0}
29
45
  ._17qpt94y .ProseMirror .ak-editor-annotation-hover{padding-top:1px}
30
46
  ._18031hna .ProseMirror{word-wrap:break-word}
31
47
  ._181jdjp5 .ProseMirror p{letter-spacing:-.005em}
48
+ ._18et1nu9 .ProseMirror span.pm-placeholder__text{display:inline}
32
49
  ._18m915zi{overflow-y:scroll}
33
50
  ._18qq1jtm .ProseMirror{white-space:pre-wrap}
34
51
  ._197w1hrf .ProseMirror .embedCardView-content-wrap[layout=wrap-right]+.embedCardView-content-wrap[layout=wrap-left]{clear:both}
@@ -36,6 +53,8 @@
36
53
  ._19rk1uph .ProseMirror{--ak-editor-max-container-width:calc(100cqw - var(--ak-editor--large-gutter-padding))}
37
54
  ._19vz1wug .ProseMirror .ak-editor-annotation-draft{cursor:auto}
38
55
  ._19vztlke .ProseMirror .ak-editor-annotation-draft{cursor:pointer}
56
+ ._1a3o1j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span::-moz-selection{background-color:transparent}
57
+ ._1abn1q9c .ProseMirror p:has(.placeholder-decoration-hide-overflow){white-space:nowrap}
39
58
  ._1c0fidpf .ProseMirror .ak-editor-annotation-blur:has(.card){padding-left:0}
40
59
  ._1c20feiv .ProseMirror .ak-editor-annotation-hover{border-bottom-color:var(--ds-border-accent-yellow,#b38600)}
41
60
  ._1cr2idpf .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-left:0}
@@ -45,34 +64,47 @@
45
64
  ._1dyh1l7b .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-bottom:3px}
46
65
  ._1e0c1txw{display:flex}
47
66
  ._1edaidpf .ProseMirror .ak-editor-annotation-focus:has(.card){padding-right:0}
67
+ ._1enqh2mm .ProseMirror .ProseMirror-fake-text-selection{position:relative}
68
+ ._1eqh9lu1 [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red{color:var(--ds-text-accent-red,#ae2e24)}
69
+ ._1eui1o36 .ProseMirror .placeholder-decoration .placeholder-android{outline-width:medium}
70
+ ._1ex4r4us .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
48
71
  ._1f3widpf .ProseMirror .ak-editor-annotation-hover{padding-left:0}
72
+ ._1fkoglyw .ProseMirror-selectednode{outline-style:none}
49
73
  ._1fpfolhs{ms-overflow-style:-ms-autohiding-scrollbar}
50
74
  ._1fqx14y2 .ProseMirror .ak-editor-annotation-hover:has(.card){padding-top:5px}
51
75
  ._1g35idpf .ProseMirror .ak-editor-annotation-hover:has(.card){padding-right:0}
76
+ ._1gej1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node ::-moz-selection{background-color:transparent}
52
77
  ._1gpc1lj4 .fabric-editor--max-width-mode{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--max-width-layout-width))}
53
78
  ._1gvnmqba{--ak-editor--max-width-layout-width:4000px}
54
79
  ._1hbb14y2 .ProseMirror .ak-editor-annotation-draft:has(.card){padding-top:5px}
55
80
  ._1iod1o36 .ProseMirror hr.ak-editor-selected-node{outline-width:medium}
81
+ ._1jt6n7od [data-prosemirror-node-name=date] .date-lozenger-container span{cursor:unset}
56
82
  ._1jyp14y2 .ProseMirror .ak-editor-annotation-hover:has([data-inline-card]){padding-top:5px}
57
83
  ._1k26yh40 .ProseMirror .ak-editor-annotation-blur{padding-bottom:2px}
84
+ ._1kx81j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span ::selection{background-color:transparent}
58
85
  ._1m2zidpf .ProseMirror .ak-editor-annotation-blur:has(.card){padding-right:0}
59
86
  ._1nl9idpf .ProseMirror .ak-editor-annotation-draft:has(.card){padding-right:0}
60
87
  ._1owy1l7b .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-bottom:3px}
61
88
  ._1p9g14y2 .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-top:5px}
62
89
  ._1pjt14y2 .ProseMirror .ak-editor-annotation-focus:has(.card){padding-top:5px}
90
+ ._1pzi1nu9 .ProseMirror .ProseMirror-fake-text-cursor:after{display:inline}
63
91
  ._1qihyh40 .ProseMirror .ak-editor-annotation-hover{padding-bottom:2px}
92
+ ._1qnc1rpy .ProseMirror span[data-placeholder]{color:var(--ds-text-subtlest,#6b6e76)}
64
93
  ._1s25t94y .ProseMirror .ak-editor-annotation-focus{padding-top:1px}
65
94
  ._1sn3idpf .ProseMirror [layout^=wrap-]:has(+.ProseMirror-gapcursor+[layout^=wrap-]) .rich-media-item{margin-right:0}
66
95
  ._1t0tidpf .ProseMirror .ak-editor-annotation-hover:has(.card){padding-left:0}
67
96
  ._1t8514y2 .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-top:5px}
68
97
  ._1tlp1x4e .ProseMirror p{font-size:1em}
69
98
  ._1ubhidpf .ProseMirror .ak-editor-annotation-blur{padding-right:0}
99
+ ._1ue41l2s .ProseMirror p:has(.placeholder-decoration-hide-overflow){text-overflow:ellipsis}
70
100
  ._1v9ev77o .ProseMirror .ak-editor-annotation-draft:has(.date-lozenger-container){padding-top:var(--ds-space-025,2px)}
71
101
  ._1vgtidpf .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-right:0}
72
102
  ._1vk21ex1{--ak-editor--large-gutter-padding:52px}
73
103
  ._1vk2t9kd{--ak-editor--large-gutter-padding:72px}
104
+ ._1vqj1r31 .ProseMirror-selectednode{outline-color:currentColor}
74
105
  ._1wys1l7b .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-bottom:3px}
75
106
  ._1x2nt94y .ProseMirror .ak-editor-annotation-blur{padding-top:1px}
107
+ ._1xbs1kdv .ProseMirror span.pm-placeholder__text[data-placeholder]:after{cursor:text}
76
108
  ._1xgk1l7b .ProseMirror .ak-editor-annotation-draft:has(.card){padding-bottom:3px}
77
109
  ._1xktidpf .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-left:0}
78
110
  ._1xm91l7b .ProseMirror .ak-editor-annotation-focus:has(.card){padding-bottom:3px}
@@ -80,19 +112,26 @@
80
112
  ._1xqtt94y .ProseMirror .ak-editor-annotation-draft{padding-top:1px}
81
113
  ._1xquh2mm .ProseMirror .embedCardView-content-wrap[layout^=wrap-]{position:relative}
82
114
  ._2lx21bp4{flex-direction:column}
115
+ ._2nre1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node::selection{background-color:transparent}
83
116
  ._3iqe18il .fabric-editor--full-width-mode{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--full-width-layout-width))}
84
117
  ._3nq8idpf .ProseMirror .ak-editor-annotation-draft:has(.card){padding-left:0}
118
+ ._3sy0i8nm [data-prosemirror-node-name=date] .date-lozenger-container span{background-color:var(--ds-background-neutral,#0515240f)}
85
119
  ._43nwglyw .ProseMirror hr.ak-editor-selected-node{outline-style:none}
86
120
  ._4q241osq .fabric-editor--max-width-mode{--ak-editor--breakout-fallback-width:100%}
87
121
  ._4t3i1osq{height:100%}
122
+ ._5h7k1rpy .ProseMirror span.pm-placeholder__text[data-placeholder]:after{color:var(--ds-text-subtlest,#6b6e76)}
88
123
  ._66yetlke .ProseMirror .ak-editor-annotation-blur{cursor:pointer}
124
+ ._67ch1nu9 .ProseMirror span.pm-placeholder{display:inline}
89
125
  ._6f0lidpf .ProseMirror .ak-editor-annotation-focus{padding-left:0}
126
+ ._6klsh2mm [data-prosemirror-node-name=date] .date-lozenger-container span{position:relative}
127
+ ._78lz1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node::-moz-selection{background-color:transparent}
90
128
  ._7kmy1l7b .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-bottom:3px}
91
129
  ._874g1l7x .ProseMirror hr{background-color:var(--ds-border,#0b120e24)}
92
130
  ._8grqv77o .ProseMirror .ak-editor-annotation-hover:has(.date-lozenger-container){padding-top:var(--ds-space-025,2px)}
93
131
  ._92g41l7b .ProseMirror .ak-editor-annotation-blur:has(.card){padding-bottom:3px}
94
132
  ._988v1osq .fabric-editor--full-width-mode{--ak-editor--breakout-fallback-width:100%}
95
133
  ._9neqidpf .ProseMirror .ak-editor-annotation-focus{padding-right:0}
134
+ ._9o1p1j28 .ProseMirror-hideselection ::-moz-selection{background-color:transparent}
96
135
  ._9onx14y2 .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-top:5px}
97
136
  ._9pd8q98m .ProseMirror hr.ak-editor-selected-node{background-color:var(--ds-border-selected,#1868db)}
98
137
  ._aaynsm61::-webkit-scrollbar-thumb{background-color:var(--ds-background-neutral-subtle,#00000000)}
@@ -100,49 +139,92 @@
100
139
  ._ali2idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]+.ProseMirror-gapcursor+.mediaSingleView-content-wrap[layout^=wrap] .rich-media-item{margin-top:0}
101
140
  ._anrdukw8{--ak-editor--default-layout-width:760px}
102
141
  ._bxhh1osq .ProseMirror .embedCardView-content-wrap[layout^=wrap-]{max-width:100%}
142
+ ._bzatglyw .ProseMirror .placeholder-decoration .placeholder-android{pointer-events:none}
103
143
  ._dcmgglyw .ProseMirror{outline-style:none}
104
144
  ._dl0n1r31 .ProseMirror hr.ak-editor-selected-node{outline-color:currentColor}
105
145
  ._dnsrtlke .ProseMirror .ak-editor-annotation-focus{cursor:pointer}
106
146
  ._drnbtlke .ProseMirror .ak-editor-annotation-hover{cursor:pointer}
107
147
  ._du1kidpf .ProseMirror .ak-editor-annotation-focus:has([data-inline-card]){padding-right:0}
108
148
  ._e519idpf .ProseMirror [layout^=wrap-]:has(+.ProseMirror-gapcursor+[layout^=wrap-]) .rich-media-item{margin-left:0}
149
+ ._eflqi7uo [data-prosemirror-node-name=date] .date-lozenger-container span{color:var(--ds-text,#292a2e)}
150
+ ._el4et94y [data-prosemirror-node-name=date] .date-lozenger-container span{margin-left:1px}
109
151
  ._fo6014dc{--ak-editor--line-length:min(calc(100cqw - var(--ak-editor--large-gutter-padding)*2),var(--ak-editor--default-layout-width))}
152
+ ._fpn9stnw .ProseMirror .placeholder-decoration .placeholder-android{position:absolute}
153
+ ._ga7midpf .ProseMirror .ProseMirror-fake-text-cursor:after{top:0}
110
154
  ._ghwiidpf .ProseMirror .ak-editor-annotation-draft{padding-left:0}
155
+ ._gv641nu9 .ProseMirror span[data-placeholder]{display:inline}
156
+ ._h3z91q9c [data-prosemirror-node-name=date] .date-lozenger-container span{white-space:nowrap}
157
+ ._h9qo1r31 .ProseMirror .placeholder-decoration .placeholder-android{outline-color:currentColor}
111
158
  ._iqym1l7b .ProseMirror .ak-editor-annotation-hover:has(.card){padding-bottom:3px}
112
159
  ._j03f1qop{--ak-editor--breakout-wide-layout-width:905px}
113
160
  ._jaboglyw::-webkit-scrollbar-corner{display:none}
114
161
  ._jd6pidpf .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-right:0}
162
+ ._jtpj1nu9 .ProseMirror .ProseMirror-fake-text-selection{display:inline}
115
163
  ._jydlidpf .ProseMirror .ak-editor-annotation-hover{padding-right:0}
164
+ ._kf7b1b66 [data-prosemirror-node-name=date] .date-lozenger-container span{padding-left:var(--ds-space-050,4px)}
116
165
  ._km2cidpf .ProseMirror .ak-editor-annotation-focus:has(.card){padding-left:0}
117
166
  ._kqswh2mm{position:relative}
167
+ ._lgf9v77o [data-prosemirror-node-name=date] .date-lozenger-container span{padding-top:var(--ds-space-025,2px)}
168
+ ._lm211rpy .ProseMirror span.pm-placeholder__text{color:var(--ds-text-subtlest,#6b6e76)}
169
+ ._m1d5tlke .dateView-content-wrap .date-lozenger-container{cursor:pointer}
170
+ ._m3b01o36 .ProseMirror-selectednode{outline-width:medium}
171
+ ._mekn1rpy .ProseMirror span.pm-placeholder{color:var(--ds-text-subtlest,#6b6e76)}
172
+ ._munn4jg8 .dateView-content-wrap .date-lozenger-container{line-height:normal}
118
173
  ._n6a11fwx{--ak-editor--resizer-handle-spacing:12px}
174
+ ._nuih1j28 .ProseMirror-hideselection ::selection{background-color:transparent}
119
175
  ._nv9v1o36 .ProseMirror{outline-width:medium}
176
+ ._nyhtglyw .ProseMirror .ProseMirror-fake-text-selection{pointer-events:none}
120
177
  ._o1p8idpf .ProseMirror .ak-editor-annotation-blur:has([data-inline-card]){padding-left:0}
121
178
  ._o5elfeiv .ProseMirror .ak-editor-annotation-draft{border-bottom-color:var(--ds-border-accent-yellow,#b38600)}
122
179
  ._o7dvt7xp .ProseMirror .ak-editor-annotation-draft{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
180
+ ._o7sybimv .dateView-content-wrap.ak-editor-selected-node.danger .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
123
181
  ._ojmct7xp .ProseMirror .ak-editor-annotation-focus{box-shadow:var(--ds-shadow-raised,0 1px 1px #1e1f2140,0 0 1px #1e1f214f)}
182
+ ._pa0l15vq .ProseMirror p:has(.placeholder-decoration-hide-overflow){overflow-x:hidden}
124
183
  ._pg931osq{--ak-editor--breakout-min-width:100%}
125
184
  ._pi27grho .fabric-editor--full-width-mode{--ak-editor--breakout-min-width:0px}
185
+ ._pichgir2 .ProseMirror .ProseMirror-fake-text-selection{background-color:Highlight}
126
186
  ._poq41xs6 .ProseMirror p{margin-top:.75em}
127
187
  ._poq4oqnp .ProseMirror p{margin-top:.75rem}
128
188
  ._pru0idpf .ProseMirror [data-layout-section] [data-layout-column]>div .mediaSingleView-content-wrap[layout^=wrap]:has(+.mediaSingleView-content-wrap[layout^=wrap]) .rich-media-item{margin-top:0}
129
189
  ._pxl0idpf .ProseMirror [layout^=wrap-]:has(+[layout^=wrap-]) .rich-media-item{margin-left:0}
190
+ ._pzcb1b66 [data-prosemirror-node-name=date] .date-lozenger-container span{padding-right:var(--ds-space-050,4px)}
130
191
  ._q353idpf .ProseMirror .ak-editor-annotation-draft:has([data-inline-card]){padding-left:0}
131
192
  ._qgb1tlke .ProseMirror hr{cursor:pointer}
132
193
  ._qmjbxjz2{--ak-editor--breakout-full-page-guttering-padding:calc(var(--ak-editor--large-gutter-padding)*2 + var(--ak-editor--default-gutter-padding))}
194
+ ._ra5tt94y [data-prosemirror-node-name=date] .date-lozenger-container span{margin-right:1px}
133
195
  ._rc9pyh40 .ProseMirror hr{height:2px}
196
+ ._rejjstnw .ProseMirror .ProseMirror-fake-text-cursor:after{position:absolute}
134
197
  ._ripsidpf .ProseMirror [layout^=wrap-]:has(+[layout^=wrap-]) .rich-media-item{margin-right:0}
198
+ ._rn5mbimv .danger .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span{box-shadow:0 0 0 1px var(--ds-border-danger,#e2483d)}
199
+ ._smxnglyw .ProseMirror .ProseMirror-fake-text-cursor{pointer-events:none}
135
200
  ._t7ab1vi7{--ak-editor--default-gutter-padding:32px}
201
+ ._tsrtidpf [data-prosemirror-node-name=date] .date-lozenger-container span{margin-bottom:0}
136
202
  ._u8en3mia .ProseMirror{font-size:var(--ak-editor-base-font-size)}
203
+ ._ug3m1nu9 .ProseMirror span.pm-placeholder__text[data-placeholder]:after{display:inline}
204
+ ._ups11rpy .ProseMirror .placeholder-decoration{color:var(--ds-text-subtlest,#6b6e76)}
205
+ ._uuop1j28 .ProseMirror-hideselection{caret-color:transparent}
137
206
  ._uw641q08{--ak-editor--full-width-layout-width:1800px}
207
+ ._ux32b3bt .ProseMirror .ProseMirror-fake-text-cursor:after{content:""}
208
+ ._v284h2mm .ProseMirror .ProseMirror-fake-text-cursor{position:relative}
138
209
  ._w0epidpf .ProseMirror .ak-editor-annotation-blur{padding-left:0}
139
210
  ._w33agrho .fabric-editor--max-width-mode{--ak-editor--breakout-min-width:0px}
211
+ ._wets1nu9 .ProseMirror .ProseMirror-fake-text-cursor{display:inline}
212
+ ._wg06idpf [data-prosemirror-node-name=date] .date-lozenger-container span{margin-top:0}
213
+ ._wgub1j28 .ProseMirror span.pm-placeholder.ak-editor-selected-node ::selection{background-color:transparent}
214
+ ._wi4l1j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span ::-moz-selection{background-color:transparent}
140
215
  ._wmhayh40 .ProseMirror .ak-editor-annotation-focus{padding-bottom:2px}
216
+ ._x07nrrda .ProseMirror span.pm-placeholder__text[data-placeholder]:after{content:attr(data-placeholder)}
217
+ ._x6bu11lh .ProseMirror .ProseMirror-fake-text-selection{color:HighlightText}
141
218
  ._x81614y2 .ProseMirror .ak-editor-annotation-blur:has(.card){padding-top:5px}
219
+ ._xi121j28 .dateView-content-wrap.ak-editor-selected-node .date-lozenger-container>span::selection{background-color:transparent}
220
+ ._y5fkglyw .ProseMirror .placeholder-decoration .placeholder-android{outline-style:none}
142
221
  ._z75ousic .ProseMirror .embedCardView-content-wrap[layout=wrap-right]{float:right}
143
222
  ._z9wpidpf .ProseMirror p{margin-bottom:0}
144
223
  ._zih31bqt .ProseMirror hr.ak-editor-selected-node.danger{background-color:var(--ds-border-danger,#e2483d)}
145
224
  ._zy25uj17{--ak-editor--breakout-fallback-width:calc(100cqw - var(--ak-editor--breakout-full-page-guttering-padding))}
225
+ ._1b2hplhp [data-prosemirror-node-name=date] .date-lozenger-container span:hover{background-color:var(--ds-background-neutral-hovered,#0b120e24)}
146
226
  ._1ogl1ibz::-webkit-scrollbar-thumb:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
227
+ ._jdyf1rtt [data-prosemirror-node-name=date] .date-lozenger-container span.date-node-color-red:hover{background-color:var(--ds-background-accent-red-subtler,#ffd5d2)}
147
228
  @container editor-area (max-width: 600px){._lh101tcg{--ak-editor--large-gutter-padding:24px}}
148
- @container editor-area (width >= 1266px){._1j8i1xb4 .ProseMirror{--ak-editor--breakout-wide-layout-width:1011px}}
229
+ @container editor-area (width >= 1266px){._1j8i1xb4 .ProseMirror{--ak-editor--breakout-wide-layout-width:1011px}}
230
+ @keyframes kgnpaw5{0%{opacity:0}to{opacity:1}}
package/dist/esm/ui/EditorContentContainer/EditorContentContainer-compiled.js CHANGED
@@ -1,4 +1,6 @@
1
1
  /* EditorContentContainer-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
2
+ /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
3
+ // eslint-disable-file @atlaskit/ui-styling-standard/no-nested-selectors
2
4
  import "./EditorContentContainer-compiled.compiled.css";
3
5
  import { ax, ix } from "@compiled/react/runtime";
4
6
  import React from 'react';
@@ -33,6 +35,10 @@ var blockNodesVerticalMargin = '0.75rem';
33
35
  var scaledBlockNodesVerticalMargin = '0.75em';
34
36
  var editorAreaNonSmallDeviceContainerQuery = "@container editor-area (width >= ".concat(akEditorBreakpointForSmallDevice, ")");
35
37
  var editorAreaNarrowPageContainerQuery = "@container editor-area (max-width: ".concat(akEditorFullPageNarrowBreakout, "px)");
38
+ var placeholderFadeInKeyframes = null;
39
+ var hideNativeBrowserTextSelectionStyles = null;
40
+ var boxShadowSelectionStyles = null;
41
+ var dangerBorderStyles = null;
36
42
 
37
43
  /**
38
44
  * editorContentStyles is WIP to migrate styles from EditorContentContainer/styles
@@ -63,10 +69,10 @@ var editorContentStyles = {
63
69
  codeMarkStylesA11yFix: "",
64
70
  commentEditorStyles: "",
65
71
  cursorStyles: "",
66
- dangerDateStyles: "",
72
+ dangerDateStyles: "_o7sybimv",
67
73
  dangerRuleStyles: "_zih31bqt",
68
- dateStyles: "",
69
- dateVanillaStyles: "",
74
+ dateStyles: "_15n6n7od _munn4jg8 _m1d5tlke _dgh21j28 _1ex4r4us _1kx81j28 _xi121j28 _wi4l1j28 _1a3o1j28 _rn5mbimv",
75
+ dateVanillaStyles: "_vkeh12b0 _wg06idpf _ra5tt94y _tsrtidpf _el4et94y _3f391y8x _3sy0i8nm _eflqi7uo _lgf9v77o _pzcb1b66 _1190v77o _kf7b1b66 _6klsh2mm _h3z91q9c _1jt6n7od _13fl1vk5 _1eqh9lu1 _1b2hplhp _jdyf1rtt",
70
76
  decisionDangerStyles: "",
71
77
  decisionIconWithVisualRefresh: "",
72
78
  decisionStyles: "",
@@ -102,8 +108,8 @@ var editorContentStyles = {
102
108
  gapCursorStyles: "",
103
109
  gapCursorStylesVisibilityFix: "",
104
110
  gridStyles: "",
105
- hideCursorWhenHideSelectionStyles: "",
106
- hideSelectionStyles: "",
111
+ hideCursorWhenHideSelectionStyles: "_uuop1j28",
112
+ hideSelectionStyles: "_nuih1j28 _9o1p1j28",
107
113
  hyperLinkFloatingToolbarStyles: "",
108
114
  indentationStyles: "",
109
115
  InlineNodeViewSharedStyles: "",
@@ -159,10 +165,10 @@ var editorContentStyles = {
159
165
  paragraphStylesOldWithScaledMargin: "_1tlp1x4e _11jf78tn _15zti7a9 _poq41xs6 _z9wpidpf _181jdjp5",
160
166
  paragraphStylesUGCRefreshed: "_1fi2t7zq _poq4oqnp _z9wpidpf",
161
167
  paragraphStylesWithScaledMargin: "_1fi2t7zq _poq41xs6 _z9wpidpf",
162
- placeholderOverflowStyles: "",
163
- placeholderStyles: "",
164
- placeholderTextStyles: "",
165
- placeholderWrapStyles: "",
168
+ placeholderOverflowStyles: "_pa0l15vq _14r215vq _1abn1q9c _1ue41l2s",
169
+ placeholderStyles: "_17suinmh _h9qo1r31 _y5fkglyw _1eui1o36 _bzatglyw _12wvglyw _fpn9stnw _ups11rpy _14uo1osq _14ijglyw _16j6glyw",
170
+ placeholderTextStyles: "_1qnc1rpy _gv641nu9 _67ch1nu9 _mekn1rpy _18et1nu9 _lm211rpy _177515s3 _wgub1j28 _2nre1j28 _1gej1j28 _78lz1j28 _5h7k1rpy _1xbs1kdv _x07nrrda _ug3m1nu9 _14gpj0fz _ux32b3bt _1pzi1nu9 _ga7midpf _rejjstnw _wets1nu9 _smxnglyw _v284h2mm _jtpj1nu9 _nyhtglyw _1enqh2mm _pichgir2 _x6bu11lh",
171
+ placeholderWrapStyles: "_12te1q9c",
166
172
  pragmaticResizerStyles: "",
167
173
  pragmaticResizerStylesCodeBlockLegacy: "",
168
174
  pragmaticResizerStylesCodeBlockSyncedBlockPatch: "",
@@ -174,7 +180,7 @@ var editorContentStyles = {
174
180
  ruleStyles: "_3vafglyw _yhgjt94y _1uh7swc3 _1cnzgx6n _874g1l7x _rc9pyh40 _qgb1tlke _12vh1ntv _dl0n1r31 _43nwglyw _1iod1o36 _9pd8q98m",
175
181
  scaledEmojiStyles: "",
176
182
  scrollbarStyles: "_1fpfolhs _1khk1mok _123b1aqn _jaboglyw _aaynsm61 _1ogl1ibz",
177
- selectedNodeStyles: "",
183
+ selectedNodeStyles: "_1vqj1r31 _1fkoglyw _m3b01o36 _g4fm7g83",
178
184
  selectionToolbarAnimationStyles: "",
179
185
  shadowStyles: "",
180
186
  showDiffDeletedNodeStyles: "",
package/dist/esm/ui/ToolbarHelp/messages.js CHANGED
@@ -3,6 +3,6 @@ export var messages = defineMessages({
3
3
  toolbarHelpTitle: {
4
4
  id: 'fabric.editor.headingLink.toolbarHelpTitle',
5
5
  defaultMessage: 'Open help dialog',
6
- description: 'a label for a button that provides help'
6
+ description: 'Label for the toolbar help button in the editor. When clicked, this button opens the help dialog.'
7
7
  }
8
8
  });
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "219.2.1";
2
+ export var version = "219.2.3";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "219.2.2",
3
+ "version": "219.3.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -57,7 +57,7 @@
57
57
  "@atlaskit/editor-performance-metrics": "^2.1.0",
58
58
  "@atlaskit/editor-plugin-connectivity": "^10.0.0",
59
59
  "@atlaskit/editor-plugin-quick-insert": "^10.2.0",
60
- "@atlaskit/editor-plugin-user-preferences": "^8.0.0",
60
+ "@atlaskit/editor-plugin-user-preferences": "^8.1.0",
61
61
  "@atlaskit/editor-plugins": "^13.1.0",
62
62
  "@atlaskit/editor-prosemirror": "^7.3.0",
63
63
  "@atlaskit/editor-shared-styles": "^3.10.0",
@@ -72,9 +72,9 @@
72
72
  "@atlaskit/mention": "^25.0.0",
73
73
  "@atlaskit/platform-feature-flags": "^1.1.0",
74
74
  "@atlaskit/platform-feature-flags-react": "^0.4.0",
75
- "@atlaskit/react-ufo": "^5.18.0",
75
+ "@atlaskit/react-ufo": "^5.19.0",
76
76
  "@atlaskit/task-decision": "^20.0.0",
77
- "@atlaskit/tmp-editor-statsig": "^74.7.0",
77
+ "@atlaskit/tmp-editor-statsig": "^75.0.0",
78
78
  "@atlaskit/tokens": "^13.0.0",
79
79
  "@atlaskit/tooltip": "^22.0.0",
80
80
  "@atlaskit/width-detector": "^5.1.0",
@@ -92,7 +92,7 @@
92
92
  "uuid": "^3.1.0"
93
93
  },
94
94
  "peerDependencies": {
95
- "@atlaskit/editor-common": "^114.18.0",
95
+ "@atlaskit/editor-common": "^114.19.0",
96
96
  "@atlaskit/link-provider": "^4.3.0",
97
97
  "@atlaskit/media-core": "^37.0.0",
98
98
  "react": "^18.2.0",
@@ -106,8 +106,8 @@
106
106
  "@atlaskit/adf-utils": "^19.29.0",
107
107
  "@atlaskit/analytics-listeners": "^10.0.0",
108
108
  "@atlaskit/collab-provider": "^18.1.0",
109
- "@atlaskit/editor-plugin-annotation": "^10.1.0",
110
- "@atlaskit/editor-plugin-card": "^16.4.0",
109
+ "@atlaskit/editor-plugin-annotation": "^10.2.0",
110
+ "@atlaskit/editor-plugin-card": "^16.5.0",
111
111
  "@atlaskit/editor-plugin-list": "^12.0.0",
112
112
  "@atlaskit/editor-plugin-paste": "^11.1.0",
113
113
  "@atlaskit/editor-test-helpers": "workspace:^",