@atlaskit/editor-core 207.11.1 → 207.12.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 (19) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/ui/EditorContentContainer/EditorContentContainer.js +2 -2
  3. package/dist/cjs/ui/EditorContentContainer/styles/list.js +116 -15
  4. package/dist/cjs/ui/EditorContentContainer/styles/resizerStyles.js +54 -5
  5. package/dist/cjs/ui/EditorContentContainer/styles/telepointerStyles.js +207 -0
  6. package/dist/cjs/version-wrapper.js +1 -1
  7. package/dist/es2019/ui/EditorContentContainer/EditorContentContainer.js +7 -5
  8. package/dist/es2019/ui/EditorContentContainer/styles/list.js +117 -16
  9. package/dist/es2019/ui/EditorContentContainer/styles/resizerStyles.js +54 -5
  10. package/dist/es2019/ui/EditorContentContainer/styles/telepointerStyles.js +200 -0
  11. package/dist/es2019/version-wrapper.js +1 -1
  12. package/dist/esm/ui/EditorContentContainer/EditorContentContainer.js +3 -3
  13. package/dist/esm/ui/EditorContentContainer/styles/list.js +117 -16
  14. package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js +54 -5
  15. package/dist/esm/ui/EditorContentContainer/styles/telepointerStyles.js +200 -0
  16. package/dist/esm/version-wrapper.js +1 -1
  17. package/dist/types/ui/EditorContentContainer/styles/telepointerStyles.d.ts +3 -0
  18. package/dist/types-ts4.5/ui/EditorContentContainer/styles/telepointerStyles.d.ts +3 -0
  19. package/package.json +7 -11
package/dist/esm/ui/EditorContentContainer/styles/resizerStyles.js CHANGED
@@ -156,6 +156,57 @@ export var resizerStyles = css(_defineProperty(_defineProperty(_defineProperty(_
156
156
 
157
157
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles
158
158
  export var pragmaticResizerStyles = css({
159
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
160
+ '.fabric-editor-breakout-mark': {
161
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
162
+ '&:has([data-prosemirror-node-name="codeBlock"])': {
163
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
164
+ '> .pm-breakout-resize-handle-left': {
165
+ left: '-12px'
166
+ },
167
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
168
+ '> .pm-breakout-resize-handle-right': {
169
+ right: '-12px'
170
+ },
171
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
172
+ '> .pm-breakout-resize-handle': {
173
+ height: 'calc(100% - 12px)'
174
+ }
175
+ },
176
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
177
+ '&:has([data-prosemirror-node-name="expand"]), &:has([data-prosemirror-node-name="layoutSection"])': {
178
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
179
+ '> .pm-breakout-resize-handle-left': {
180
+ left: '-32px'
181
+ },
182
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
183
+ '> .pm-breakout-resize-handle-right': {
184
+ right: '-32px'
185
+ }
186
+ },
187
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
188
+ '&:has([data-prosemirror-node-name="expand"])': {
189
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
190
+ '> .pm-breakout-resize-handle': {
191
+ height: 'calc(100% - 4px)'
192
+ }
193
+ },
194
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
195
+ '&:has([data-prosemirror-node-name="layoutSection"])': {
196
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
197
+ '> .pm-breakout-resize-handle': {
198
+ height: 'calc(100% - 8px)'
199
+ }
200
+ },
201
+ // the first node in the document always has margin-top = 0
202
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
203
+ '&:has(.first-node-in-document)': {
204
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
205
+ '> .pm-breakout-resize-handle': {
206
+ height: '100%'
207
+ }
208
+ }
209
+ },
159
210
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
160
211
  '.pm-breakout-resize-handle': {
161
212
  position: 'relative',
@@ -164,7 +215,7 @@ export var pragmaticResizerStyles = css({
164
215
  justifyContent: 'center',
165
216
  height: '100%',
166
217
  width: 7,
167
- alignSelf: 'center',
218
+ alignSelf: 'end',
168
219
  gridRow: 1,
169
220
  gridColumn: 1,
170
221
  cursor: 'col-resize',
@@ -180,13 +231,11 @@ export var pragmaticResizerStyles = css({
180
231
  },
181
232
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
182
233
  '.pm-breakout-resize-handle-left': {
183
- justifySelf: 'start',
184
- left: -20
234
+ justifySelf: 'start'
185
235
  },
186
236
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
187
237
  '.pm-breakout-resize-handle-right': {
188
- justifySelf: 'end',
189
- right: -20
238
+ justifySelf: 'end'
190
239
  },
191
240
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
192
241
  '.pm-breakout-resize-handle-inner': {
package/dist/esm/ui/EditorContentContainer/styles/telepointerStyles.js ADDED
@@ -0,0 +1,200 @@
1
+ /* eslint-disable @atlaskit/ui-styling-standard/no-nested-selectors */
2
+ /* eslint-disable @atlaskit/ui-styling-standard/no-exported-styles */
3
+ /* eslint-disable @atlaskit/ui-styling-standard/use-compiled */
4
+ import { css, keyframes } from '@emotion/react';
5
+ var pulseIn = keyframes({
6
+ '0%, 100%': {
7
+ transform: 'scaleX(0)',
8
+ opacity: 0
9
+ },
10
+ '13%': {
11
+ transform: 'scaleX(1.4) scaleY(1.4)',
12
+ opacity: 1
13
+ },
14
+ '20%, 85%': {
15
+ transform: 'scaleX(1) scaleY(1)',
16
+ opacity: 1
17
+ }
18
+ });
19
+ var pulseOut = keyframes({
20
+ '0%, 90%, 100%': {
21
+ transform: 'scaleX(1)',
22
+ opacity: 1
23
+ },
24
+ '10%, 80%': {
25
+ transform: 'scaleX(0)',
26
+ opacity: 0
27
+ }
28
+ });
29
+ export var telepointerColorAndCommonStyle = css({
30
+ '.ProseMirror .telepointer': {
31
+ position: 'relative',
32
+ transition: 'opacity 200ms',
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
34
+ '&.telepointer-selection:not(.inlineNodeView)': {
35
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
36
+ lineHeight: 1.2,
37
+ pointerEvents: 'none',
38
+ userSelect: 'none'
39
+ },
40
+ '&.telepointer-dim': {
41
+ opacity: 0.2
42
+ },
43
+ '&.color-0': {
44
+ '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
45
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-red-bolder, #C9372C)"
46
+ },
47
+ '&.color-1': {
48
+ '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
49
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-blue-bolder, #0C66E4)"
50
+ },
51
+ '&.color-2': {
52
+ '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
53
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-green-bolder, #1F845A)"
54
+ },
55
+ '&.color-3': {
56
+ '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
57
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-yellow-bolder, #946F00)"
58
+ },
59
+ '&.color-4': {
60
+ '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
61
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-purple-bolder, #6E5DC6)"
62
+ },
63
+ '&.color-5': {
64
+ '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
65
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-magenta-bolder, #AE4787)"
66
+ },
67
+ '&.color-6': {
68
+ '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
69
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-teal-bolder, #227D9B)"
70
+ },
71
+ '&.color-7': {
72
+ '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
73
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-orange-bolder, #C25100)"
74
+ },
75
+ '&.color-8': {
76
+ '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
77
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-lime-bolder, #5B7F24)"
78
+ },
79
+ '&.color-9': {
80
+ '--telepointer-participant-text-color': "var(--ds-text-inverse, #FFFFFF)",
81
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-gray-bolder, #626F86)"
82
+ },
83
+ '&.color-10': {
84
+ '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #091E42)",
85
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-blue-subtle, #579DFF)"
86
+ },
87
+ '&.color-11': {
88
+ '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #091E42)",
89
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-red-subtle, #F87168)"
90
+ },
91
+ '&.color-12': {
92
+ '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #091E42)",
93
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-orange-subtle, #FEA362)"
94
+ },
95
+ '&.color-13': {
96
+ '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #091E42)",
97
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-yellow-subtle, #F5CD47)"
98
+ },
99
+ '&.color-14': {
100
+ '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #091E42)",
101
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-green-subtle, #4BCE97)"
102
+ },
103
+ '&.color-15': {
104
+ '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #091E42)",
105
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-teal-subtle, #6CC3E0)"
106
+ },
107
+ '&.color-16': {
108
+ '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #091E42)",
109
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-purple-subtle, #9F8FEF)"
110
+ },
111
+ '&.color-17': {
112
+ '--telepointer-participant-text-color': "var(--ds-text-accent-gray-bolder, #091E42)",
113
+ '--telepointer-participant-bg-color': "var(--ds-background-accent-magenta-subtle, #E774BB)"
114
+ },
115
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
116
+ 'html:not([data-color-mode=dark]) &': {
117
+ '--telepointer-participant-background-first-stop': '-850000%',
118
+ '--telepointer-participant-background-second-stop': '150000%'
119
+ },
120
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors
121
+ 'html[data-color-mode=dark] &': {
122
+ '--telepointer-participant-background-first-stop': '-800000%',
123
+ '--telepointer-participant-background-second-stop': '200000%'
124
+ },
125
+ '&[class*="color-"]': {
126
+ background: 'linear-gradient(to bottom, var(--telepointer-participant-bg-color) var(--telepointer-participant-background-first-stop), transparent var(--telepointer-participant-background-second-stop))',
127
+ '&::after': {
128
+ backgroundColor: 'var(--telepointer-participant-bg-color)',
129
+ color: 'var(--telepointer-participant-text-color)',
130
+ borderColor: 'var(--telepointer-participant-bg-color)'
131
+ }
132
+ }
133
+ }
134
+ });
135
+ export var telepointerStyle = css({
136
+ '.ProseMirror .telepointer': {
137
+ '&.telepointer-selection-badge': {
138
+ '.telepointer-initial, .telepointer-fullname': {
139
+ position: 'absolute',
140
+ display: 'block',
141
+ userSelect: 'none',
142
+ whiteSpace: 'pre',
143
+ top: -14,
144
+ left: 0,
145
+ font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
146
+ paddingLeft: "var(--ds-space-050, 4px)",
147
+ paddingRight: "var(--ds-space-050, 4px)",
148
+ color: "var(--ds-text-inverse, #FFFFFF)",
149
+ borderRadius: '0 2px 2px 0'
150
+ },
151
+ '.telepointer-initial': {
152
+ opacity: 1,
153
+ transition: 'opacity 0.15s ease-out'
154
+ },
155
+ '.telepointer-fullname': {
156
+ opacity: 0,
157
+ transform: 'scaleX(0)',
158
+ transformOrigin: 'top left',
159
+ transition: 'transform 0.15s ease-out, opacity 0.15s ease-out'
160
+ }
161
+ },
162
+ '&.telepointer-pulse-animate': {
163
+ '.telepointer-initial': {
164
+ animation: "".concat(pulseOut, " 2s ease-in-out")
165
+ },
166
+ '.telepointer-fullname': {
167
+ animation: "".concat(pulseIn, " 2s ease-in-out")
168
+ }
169
+ },
170
+ '&:hover': {
171
+ '.telepointer-initial': {
172
+ opacity: 0,
173
+ transitionDelay: '150ms'
174
+ },
175
+ '.telepointer-fullname': {
176
+ transform: 'scaleX(1)',
177
+ opacity: 1,
178
+ zIndex: 1
179
+ }
180
+ }
181
+ }
182
+ });
183
+ export var telepointerStyleWithInitialOnly = css({
184
+ '.ProseMirror .telepointer': {
185
+ '&.telepointer-selection-badge::after': {
186
+ content: 'attr(data-initial)',
187
+ position: 'absolute',
188
+ display: 'block',
189
+ top: -14,
190
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
191
+ fontSize: '0.5625rem',
192
+ padding: "var(--ds-space-025, 2px)",
193
+ color: "var(--ds-text-inverse, #FFFFFF)",
194
+ left: 0,
195
+ borderRadius: '2px 2px 2px 0',
196
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
197
+ lineHeight: 'initial'
198
+ }
199
+ }
200
+ });
package/dist/esm/version-wrapper.js CHANGED
@@ -1,2 +1,2 @@
1
1
  export var name = "@atlaskit/editor-core";
2
- export var version = "207.11.1";
2
+ export var version = "207.12.0";
package/dist/types/ui/EditorContentContainer/styles/telepointerStyles.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export declare const telepointerColorAndCommonStyle: import("@emotion/react").SerializedStyles;
2
+ export declare const telepointerStyle: import("@emotion/react").SerializedStyles;
3
+ export declare const telepointerStyleWithInitialOnly: import("@emotion/react").SerializedStyles;
package/dist/types-ts4.5/ui/EditorContentContainer/styles/telepointerStyles.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export declare const telepointerColorAndCommonStyle: import("@emotion/react").SerializedStyles;
2
+ export declare const telepointerStyle: import("@emotion/react").SerializedStyles;
3
+ export declare const telepointerStyleWithInitialOnly: import("@emotion/react").SerializedStyles;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-core",
3
- "version": "207.11.1",
3
+ "version": "207.12.0",
4
4
  "description": "A package contains Atlassian editor core functionality",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -46,15 +46,15 @@
46
46
  "@atlaskit/analytics-next-stable-react-context": "1.0.1",
47
47
  "@atlaskit/button": "^23.2.0",
48
48
  "@atlaskit/css": "^0.10.0",
49
- "@atlaskit/editor-common": "^105.11.0",
49
+ "@atlaskit/editor-common": "^106.0.0",
50
50
  "@atlaskit/editor-json-transformer": "^8.24.0",
51
51
  "@atlaskit/editor-performance-metrics": "^2.1.0",
52
52
  "@atlaskit/editor-plugin-quick-insert": "^2.5.0",
53
- "@atlaskit/editor-plugins": "^9.0.0",
53
+ "@atlaskit/editor-plugins": "^9.1.0",
54
54
  "@atlaskit/editor-prosemirror": "7.0.0",
55
55
  "@atlaskit/editor-shared-styles": "^3.4.0",
56
56
  "@atlaskit/emoji": "^69.2.0",
57
- "@atlaskit/icon": "^26.3.0",
57
+ "@atlaskit/icon": "^26.4.0",
58
58
  "@atlaskit/link": "^3.2.0",
59
59
  "@atlaskit/media-card": "^79.3.0",
60
60
  "@atlaskit/mention": "^24.2.0",
@@ -62,9 +62,9 @@
62
62
  "@atlaskit/platform-feature-flags-react": "^0.2.0",
63
63
  "@atlaskit/react-ufo": "^3.13.0",
64
64
  "@atlaskit/task-decision": "^19.2.0",
65
- "@atlaskit/tmp-editor-statsig": "^5.1.0",
65
+ "@atlaskit/tmp-editor-statsig": "^5.2.0",
66
66
  "@atlaskit/tokens": "^4.9.0",
67
- "@atlaskit/tooltip": "^20.1.0",
67
+ "@atlaskit/tooltip": "^20.2.0",
68
68
  "@atlaskit/width-detector": "^5.0.0",
69
69
  "@babel/runtime": "^7.0.0",
70
70
  "@emotion/react": "^11.7.1",
@@ -92,7 +92,7 @@
92
92
  "@atlaskit/analytics-listeners": "^9.0.0",
93
93
  "@atlaskit/collab-provider": "^10.16.0",
94
94
  "@atlaskit/editor-plugin-annotation": "^2.9.0",
95
- "@atlaskit/editor-plugin-card": "^6.3.0",
95
+ "@atlaskit/editor-plugin-card": "^6.4.0",
96
96
  "@atlaskit/editor-plugin-list": "^4.2.0",
97
97
  "@atlaskit/editor-plugin-paste": "^3.3.0",
98
98
  "@atlaskit/link-provider": "^3.1.0",
@@ -151,10 +151,6 @@
151
151
  "cc_complexit_fe_improve_node_validation": {
152
152
  "type": "boolean"
153
153
  },
154
- "platform_editor_scroll_into_view_tr_steps": {
155
- "type": "boolean",
156
- "referenceOnly": true
157
- },
158
154
  "platform_editor_reduce_scroll_jump_on_editor_start": {
159
155
  "type": "boolean"
160
156
  },