@atlaskit/editor-plugin-help-dialog 1.8.11 → 1.8.13

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 (13) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/ui/formatting.js +223 -130
  3. package/dist/cjs/ui/styles.js +1 -37
  4. package/dist/cjs/ui/utils.js +50 -22
  5. package/dist/es2019/ui/formatting.js +224 -131
  6. package/dist/es2019/ui/styles.js +0 -36
  7. package/dist/es2019/ui/utils.js +51 -23
  8. package/dist/esm/ui/formatting.js +224 -131
  9. package/dist/esm/ui/styles.js +0 -36
  10. package/dist/esm/ui/utils.js +51 -23
  11. package/dist/types/ui/styles.d.ts +0 -3
  12. package/dist/types-ts4.5/ui/styles.d.ts +0 -3
  13. package/package.json +5 -5
package/dist/esm/ui/formatting.js CHANGED
@@ -10,7 +10,35 @@ import { browser } from '@atlaskit/editor-common/browser';
10
10
  import { addInlineComment, addLink, alignCenter, alignLeft, alignRight, clearFormatting, decreaseMediaSize, focusTableResizer, focusToContextMenuTrigger, increaseMediaSize, insertRule, navToEditorToolbar, navToFloatingToolbar, pastePlainText, redo, setNormalText, toggleBlockQuote, toggleBold, toggleBulletList, toggleCode, toggleHeading1, toggleHeading2, toggleHeading3, toggleHeading4, toggleHeading5, toggleHeading6, toggleHighlightPalette, toggleItalic, toggleOrderedList, toggleStrikethrough, toggleSubscript, toggleSuperscript, toggleTaskItemCheckbox, toggleUnderline, undo } from '@atlaskit/editor-common/keymaps';
11
11
  import { alignmentMessages, annotationMessages, blockTypeMessages, listMessages, helpDialogMessages as messages, toolbarInsertBlockMessages, toolbarMessages, undoRedoMessages } from '@atlaskit/editor-common/messages';
12
12
  import { fg } from '@atlaskit/platform-feature-flags';
13
- import { codeLg, codeMd, codeSm, shortcutsArray } from './styles';
13
+ import { Box, xcss } from '@atlaskit/primitives';
14
+ import { shortcutsArray } from './styles';
15
+ var codeSm = xcss({
16
+ backgroundColor: 'color.background.neutral',
17
+ borderRadius: 'border.radius',
18
+ width: "var(--ds-space-300, 24px)",
19
+ display: 'inline-block',
20
+ height: "var(--ds-space-300, 24px)",
21
+ lineHeight: "var(--ds-space-300, 24px)",
22
+ textAlign: 'center'
23
+ });
24
+ var codeMd = xcss({
25
+ backgroundColor: 'color.background.neutral',
26
+ borderRadius: 'border.radius',
27
+ display: 'inline-block',
28
+ height: "var(--ds-space-300, 24px)",
29
+ lineHeight: "var(--ds-space-300, 24px)",
30
+ width: '50px',
31
+ textAlign: 'center'
32
+ });
33
+ var codeLg = xcss({
34
+ borderRadius: 'border.radius',
35
+ display: 'inline-block',
36
+ height: "var(--ds-space-300, 24px)",
37
+ lineHeight: "var(--ds-space-300, 24px)",
38
+ textAlign: 'center',
39
+ paddingInline: 'space.150',
40
+ backgroundColor: 'color.background.neutral'
41
+ });
14
42
  var navigationKeymaps = function navigationKeymaps(_ref) {
15
43
  var formatMessage = _ref.formatMessage;
16
44
  return [{
@@ -36,8 +64,9 @@ export var formatting = function formatting(_ref2) {
36
64
  return toggleBold;
37
65
  },
38
66
  autoFormatting: function autoFormatting() {
39
- return jsx("span", null, jsx("span", {
40
- css: codeLg
67
+ return jsx("span", null, jsx(Box, {
68
+ as: "span",
69
+ xcss: codeLg
41
70
  }, "**", jsx(FormattedMessage, toolbarMessages.bold), "**"));
42
71
  }
43
72
  }, {
@@ -47,8 +76,9 @@ export var formatting = function formatting(_ref2) {
47
76
  return toggleItalic;
48
77
  },
49
78
  autoFormatting: function autoFormatting() {
50
- return jsx("span", null, jsx("span", {
51
- css: codeLg
79
+ return jsx("span", null, jsx(Box, {
80
+ as: "span",
81
+ xcss: codeLg
52
82
  }, "*", jsx(FormattedMessage, toolbarMessages.italic), "*"));
53
83
  }
54
84
  }, {
@@ -64,8 +94,9 @@ export var formatting = function formatting(_ref2) {
64
94
  return toggleStrikethrough;
65
95
  },
66
96
  autoFormatting: function autoFormatting() {
67
- return jsx("span", null, jsx("span", {
68
- css: codeLg
97
+ return jsx("span", null, jsx(Box, {
98
+ as: "span",
99
+ xcss: codeLg
69
100
  }, "~~", jsx(FormattedMessage, toolbarMessages.strike), "~~"));
70
101
  }
71
102
  }, {
@@ -87,10 +118,12 @@ export var formatting = function formatting(_ref2) {
87
118
  return toggleHeading1;
88
119
  },
89
120
  autoFormatting: function autoFormatting() {
90
- return jsx("span", null, jsx("span", {
91
- css: codeSm
92
- }, "#"), " ", jsx("span", {
93
- css: codeLg
121
+ return jsx("span", null, jsx(Box, {
122
+ as: "span",
123
+ xcss: codeSm
124
+ }, "#"), ' ', jsx(Box, {
125
+ as: "span",
126
+ xcss: codeLg
94
127
  }, "Space"));
95
128
  }
96
129
  }, {
@@ -100,10 +133,12 @@ export var formatting = function formatting(_ref2) {
100
133
  return toggleHeading2;
101
134
  },
102
135
  autoFormatting: function autoFormatting() {
103
- return jsx("span", null, jsx("span", {
104
- css: codeLg
105
- }, "##"), " ", jsx("span", {
106
- css: codeLg
136
+ return jsx("span", null, jsx(Box, {
137
+ as: "span",
138
+ xcss: codeLg
139
+ }, "##"), ' ', jsx(Box, {
140
+ as: "span",
141
+ xcss: codeLg
107
142
  }, "Space"));
108
143
  }
109
144
  }, {
@@ -113,10 +148,12 @@ export var formatting = function formatting(_ref2) {
113
148
  return toggleHeading3;
114
149
  },
115
150
  autoFormatting: function autoFormatting() {
116
- return jsx("span", null, jsx("span", {
117
- css: codeLg
118
- }, "###"), " ", jsx("span", {
119
- css: codeLg
151
+ return jsx("span", null, jsx(Box, {
152
+ as: "span",
153
+ xcss: codeLg
154
+ }, "###"), ' ', jsx(Box, {
155
+ as: "span",
156
+ xcss: codeLg
120
157
  }, "Space"));
121
158
  }
122
159
  }, {
@@ -126,10 +163,12 @@ export var formatting = function formatting(_ref2) {
126
163
  return toggleHeading4;
127
164
  },
128
165
  autoFormatting: function autoFormatting() {
129
- return jsx("span", null, jsx("span", {
130
- css: codeLg
131
- }, "####"), " ", jsx("span", {
132
- css: codeLg
166
+ return jsx("span", null, jsx(Box, {
167
+ as: "span",
168
+ xcss: codeLg
169
+ }, "####"), ' ', jsx(Box, {
170
+ as: "span",
171
+ xcss: codeLg
133
172
  }, "Space"));
134
173
  }
135
174
  }, {
@@ -139,10 +178,12 @@ export var formatting = function formatting(_ref2) {
139
178
  return toggleHeading5;
140
179
  },
141
180
  autoFormatting: function autoFormatting() {
142
- return jsx("span", null, jsx("span", {
143
- css: codeLg
144
- }, "#####"), " ", jsx("span", {
145
- css: codeLg
181
+ return jsx("span", null, jsx(Box, {
182
+ as: "span",
183
+ xcss: codeLg
184
+ }, "#####"), ' ', jsx(Box, {
185
+ as: "span",
186
+ xcss: codeLg
146
187
  }, "Space"));
147
188
  }
148
189
  }, {
@@ -152,10 +193,12 @@ export var formatting = function formatting(_ref2) {
152
193
  return toggleHeading6;
153
194
  },
154
195
  autoFormatting: function autoFormatting() {
155
- return jsx("span", null, jsx("span", {
156
- css: codeLg
157
- }, "######"), " ", jsx("span", {
158
- css: codeLg
196
+ return jsx("span", null, jsx(Box, {
197
+ as: "span",
198
+ xcss: codeLg
199
+ }, "######"), ' ', jsx(Box, {
200
+ as: "span",
201
+ xcss: codeLg
159
202
  }, "Space"));
160
203
  }
161
204
  }, {
@@ -171,10 +214,12 @@ export var formatting = function formatting(_ref2) {
171
214
  return toggleOrderedList;
172
215
  },
173
216
  autoFormatting: function autoFormatting() {
174
- return jsx("span", null, jsx("span", {
175
- css: codeSm
176
- }, "1."), " ", jsx("span", {
177
- css: codeLg
217
+ return jsx("span", null, jsx(Box, {
218
+ as: "span",
219
+ xcss: codeSm
220
+ }, "1."), ' ', jsx(Box, {
221
+ as: "span",
222
+ xcss: codeLg
178
223
  }, "Space"));
179
224
  }
180
225
  }, {
@@ -184,10 +229,12 @@ export var formatting = function formatting(_ref2) {
184
229
  return toggleBulletList;
185
230
  },
186
231
  autoFormatting: function autoFormatting() {
187
- return jsx("span", null, jsx("span", {
188
- css: codeSm
189
- }, "*"), " ", jsx("span", {
190
- css: codeLg
232
+ return jsx("span", null, jsx(Box, {
233
+ as: "span",
234
+ xcss: codeSm
235
+ }, "*"), ' ', jsx(Box, {
236
+ as: "span",
237
+ xcss: codeLg
191
238
  }, "Space"));
192
239
  }
193
240
  }, {
@@ -197,18 +244,21 @@ export var formatting = function formatting(_ref2) {
197
244
  return toggleBlockQuote;
198
245
  },
199
246
  autoFormatting: function autoFormatting() {
200
- return jsx("span", null, jsx("span", {
201
- css: codeLg
202
- }, '>'), " ", jsx("span", {
203
- css: codeLg
247
+ return jsx("span", null, jsx(Box, {
248
+ as: "span",
249
+ xcss: codeLg
250
+ }, '>'), ' ', jsx(Box, {
251
+ as: "span",
252
+ xcss: codeLg
204
253
  }, "Space"));
205
254
  }
206
255
  }, {
207
256
  name: formatMessage(blockTypeMessages.codeblock),
208
257
  type: 'codeBlock',
209
258
  autoFormatting: function autoFormatting() {
210
- return jsx("span", null, jsx("span", {
211
- css: codeLg
259
+ return jsx("span", null, jsx(Box, {
260
+ as: "span",
261
+ xcss: codeLg
212
262
  }, "```"));
213
263
  }
214
264
  }, {
@@ -218,8 +268,9 @@ export var formatting = function formatting(_ref2) {
218
268
  return insertRule;
219
269
  },
220
270
  autoFormatting: function autoFormatting() {
221
- return jsx("span", null, jsx("span", {
222
- css: codeLg
271
+ return jsx("span", null, jsx(Box, {
272
+ as: "span",
273
+ xcss: codeLg
223
274
  }, "---"));
224
275
  }
225
276
  }, {
@@ -229,8 +280,9 @@ export var formatting = function formatting(_ref2) {
229
280
  return addLink;
230
281
  },
231
282
  autoFormatting: function autoFormatting() {
232
- return jsx("span", null, jsx("span", {
233
- css: codeLg
283
+ return jsx("span", null, jsx(Box, {
284
+ as: "span",
285
+ xcss: codeLg
234
286
  }, "[", jsx(FormattedMessage, toolbarInsertBlockMessages.link), "](http://a.com)"));
235
287
  }
236
288
  }, {
@@ -240,44 +292,51 @@ export var formatting = function formatting(_ref2) {
240
292
  return toggleCode;
241
293
  },
242
294
  autoFormatting: function autoFormatting() {
243
- return jsx("span", null, jsx("span", {
244
- css: codeLg
295
+ return jsx("span", null, jsx(Box, {
296
+ as: "span",
297
+ xcss: codeLg
245
298
  }, "`", jsx(FormattedMessage, toolbarMessages.code), "`"));
246
299
  }
247
300
  }, {
248
301
  name: formatMessage(toolbarInsertBlockMessages.action),
249
302
  type: 'taskItem',
250
303
  autoFormatting: function autoFormatting() {
251
- return jsx("span", null, jsx("span", {
252
- css: codeSm
253
- }, "[]"), " ", jsx("span", {
254
- css: codeLg
304
+ return jsx("span", null, jsx(Box, {
305
+ as: "span",
306
+ xcss: codeSm
307
+ }, "[]"), ' ', jsx(Box, {
308
+ as: "span",
309
+ xcss: codeLg
255
310
  }, "Space"));
256
311
  }
257
312
  }, {
258
313
  name: formatMessage(toolbarInsertBlockMessages.decision),
259
314
  type: 'decisionItem',
260
315
  autoFormatting: function autoFormatting() {
261
- return jsx("span", null, jsx("span", {
262
- css: codeSm
263
- }, "<>"), " ", jsx("span", {
264
- css: codeLg
316
+ return jsx("span", null, jsx(Box, {
317
+ as: "span",
318
+ xcss: codeSm
319
+ }, "<>"), ' ', jsx(Box, {
320
+ as: "span",
321
+ xcss: codeLg
265
322
  }, "Space"));
266
323
  }
267
324
  }, {
268
325
  name: formatMessage(toolbarInsertBlockMessages.emoji),
269
326
  type: 'emoji',
270
327
  autoFormatting: function autoFormatting() {
271
- return jsx("span", null, jsx("span", {
272
- css: codeLg
328
+ return jsx("span", null, jsx(Box, {
329
+ as: "span",
330
+ xcss: codeLg
273
331
  }, ":"));
274
332
  }
275
333
  }, {
276
334
  name: formatMessage(toolbarInsertBlockMessages.mention),
277
335
  type: 'mention',
278
336
  autoFormatting: function autoFormatting() {
279
- return jsx("span", null, jsx("span", {
280
- css: codeLg
337
+ return jsx("span", null, jsx(Box, {
338
+ as: "span",
339
+ xcss: codeLg
281
340
  }, "@"));
282
341
  }
283
342
  }, {
@@ -346,22 +405,30 @@ var otherFormatting = function otherFormatting(_ref3) {
346
405
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
347
406
  jsx("span", {
348
407
  css: shortcutsArray
349
- }, jsx("span", null, jsx("span", {
350
- css: browser.mac ? codeSm : codeMd
351
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
352
- css: codeMd
353
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
354
- css: codeMd
355
- }, "Shift"), ' + ', jsx("span", {
356
- css: codeSm
357
- }, "\u2190")), jsx("span", null, jsx("span", {
358
- css: browser.mac ? codeSm : codeMd
359
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
360
- css: codeMd
361
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
362
- css: codeMd
363
- }, "Shift"), ' + ', jsx("span", {
364
- css: codeSm
408
+ }, jsx("span", null, jsx(Box, {
409
+ as: "span",
410
+ xcss: browser.mac ? codeSm : codeMd
411
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx(Box, {
412
+ as: "span",
413
+ xcss: codeMd
414
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx(Box, {
415
+ as: "span",
416
+ xcss: codeMd
417
+ }, "Shift"), ' + ', jsx(Box, {
418
+ as: "span",
419
+ xcss: codeSm
420
+ }, "\u2190")), jsx("span", null, jsx(Box, {
421
+ as: "span",
422
+ xcss: browser.mac ? codeSm : codeMd
423
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx(Box, {
424
+ as: "span",
425
+ xcss: codeMd
426
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx(Box, {
427
+ as: "span",
428
+ xcss: codeMd
429
+ }, "Shift"), ' + ', jsx(Box, {
430
+ as: "span",
431
+ xcss: codeSm
365
432
  }, "\u2192")))
366
433
  );
367
434
  }
@@ -373,22 +440,30 @@ var otherFormatting = function otherFormatting(_ref3) {
373
440
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
374
441
  jsx("span", {
375
442
  css: shortcutsArray
376
- }, jsx("span", null, jsx("span", {
377
- css: browser.mac ? codeSm : codeMd
378
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
379
- css: codeMd
380
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
381
- css: codeMd
382
- }, "Shift"), ' + ', jsx("span", {
383
- css: codeSm
384
- }, "\u2191")), jsx("span", null, jsx("span", {
385
- css: browser.mac ? codeSm : codeMd
386
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
387
- css: codeMd
388
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
389
- css: codeMd
390
- }, "Shift"), ' + ', jsx("span", {
391
- css: codeSm
443
+ }, jsx("span", null, jsx(Box, {
444
+ as: "span",
445
+ xcss: browser.mac ? codeSm : codeMd
446
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx(Box, {
447
+ as: "span",
448
+ xcss: codeMd
449
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx(Box, {
450
+ as: "span",
451
+ xcss: codeMd
452
+ }, "Shift"), ' + ', jsx(Box, {
453
+ as: "span",
454
+ xcss: codeSm
455
+ }, "\u2191")), jsx("span", null, jsx(Box, {
456
+ as: "span",
457
+ xcss: browser.mac ? codeSm : codeMd
458
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx(Box, {
459
+ as: "span",
460
+ xcss: codeMd
461
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx(Box, {
462
+ as: "span",
463
+ xcss: codeMd
464
+ }, "Shift"), ' + ', jsx(Box, {
465
+ as: "span",
466
+ xcss: codeSm
392
467
  }, "\u2193")))
393
468
  );
394
469
  }
@@ -400,18 +475,24 @@ var otherFormatting = function otherFormatting(_ref3) {
400
475
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
401
476
  jsx("span", {
402
477
  css: shortcutsArray
403
- }, jsx("span", null, jsx("span", {
404
- css: browser.mac ? codeSm : codeMd
405
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
406
- css: codeMd
407
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
408
- css: codeSm
409
- }, "=")), jsx("span", null, jsx("span", {
410
- css: browser.mac ? codeSm : codeMd
411
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
412
- css: codeMd
413
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
414
- css: codeSm
478
+ }, jsx("span", null, jsx(Box, {
479
+ as: "span",
480
+ xcss: browser.mac ? codeSm : codeMd
481
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx(Box, {
482
+ as: "span",
483
+ xcss: codeMd
484
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx(Box, {
485
+ as: "span",
486
+ xcss: codeSm
487
+ }, "=")), jsx("span", null, jsx(Box, {
488
+ as: "span",
489
+ xcss: browser.mac ? codeSm : codeMd
490
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx(Box, {
491
+ as: "span",
492
+ xcss: codeMd
493
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx(Box, {
494
+ as: "span",
495
+ xcss: codeSm
415
496
  }, "-")))
416
497
  );
417
498
  }
@@ -423,18 +504,24 @@ var otherFormatting = function otherFormatting(_ref3) {
423
504
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
424
505
  jsx("span", {
425
506
  css: shortcutsArray
426
- }, jsx("span", null, jsx("span", {
427
- css: browser.mac ? codeSm : codeMd
428
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
429
- css: codeMd
430
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
431
- css: codeSm
432
- }, "]")), jsx("span", null, jsx("span", {
433
- css: browser.mac ? codeSm : codeMd
434
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
435
- css: codeMd
436
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
437
- css: codeSm
507
+ }, jsx("span", null, jsx(Box, {
508
+ as: "span",
509
+ xcss: browser.mac ? codeSm : codeMd
510
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx(Box, {
511
+ as: "span",
512
+ xcss: codeMd
513
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx(Box, {
514
+ as: "span",
515
+ xcss: codeSm
516
+ }, "]")), jsx("span", null, jsx(Box, {
517
+ as: "span",
518
+ xcss: browser.mac ? codeSm : codeMd
519
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx(Box, {
520
+ as: "span",
521
+ xcss: codeMd
522
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx(Box, {
523
+ as: "span",
524
+ xcss: codeSm
438
525
  }, "[")))
439
526
  );
440
527
  }
@@ -446,14 +533,18 @@ var otherFormatting = function otherFormatting(_ref3) {
446
533
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
447
534
  jsx("span", {
448
535
  css: shortcutsArray
449
- }, jsx("span", null, jsx("span", {
450
- css: browser.mac ? codeSm : codeMd
451
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx("span", {
452
- css: codeMd
453
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx("span", {
454
- css: codeMd
455
- }, "Shift"), ' + ', jsx("span", {
456
- css: codeSm
536
+ }, jsx("span", null, jsx(Box, {
537
+ as: "span",
538
+ xcss: browser.mac ? codeSm : codeMd
539
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', jsx(Box, {
540
+ as: "span",
541
+ xcss: codeMd
542
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', jsx(Box, {
543
+ as: "span",
544
+ xcss: codeMd
545
+ }, "Shift"), ' + ', jsx(Box, {
546
+ as: "span",
547
+ xcss: codeSm
457
548
  }, "C")))
458
549
  );
459
550
  }
@@ -505,8 +596,9 @@ var imageAutoFormat = {
505
596
  name: 'Image',
506
597
  type: 'image',
507
598
  autoFormatting: function autoFormatting() {
508
- return jsx("span", null, jsx("span", {
509
- css: codeLg
599
+ return jsx("span", null, jsx(Box, {
600
+ as: "span",
601
+ xcss: codeLg
510
602
  }, "![", jsx(FormattedMessage, messages.altText), "](http://www.image.com)"));
511
603
  }
512
604
  };
@@ -516,8 +608,9 @@ var quickInsertAutoFormat = function quickInsertAutoFormat(_ref7) {
516
608
  name: formatMessage(messages.quickInsert),
517
609
  type: 'quickInsert',
518
610
  autoFormatting: function autoFormatting() {
519
- return jsx("span", null, jsx("span", {
520
- css: codeLg
611
+ return jsx("span", null, jsx(Box, {
612
+ as: "span",
613
+ xcss: codeLg
521
614
  }, "/"));
522
615
  }
523
616
  };
package/dist/esm/ui/styles.js CHANGED
@@ -90,42 +90,6 @@ export var dialogHeader = {
90
90
  }
91
91
  };
92
92
 
93
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
94
- export var codeSm = css({
95
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
96
- backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
97
- borderRadius: "var(--ds-border-radius, 3px)",
98
- width: "var(--ds-space-300, 24px)",
99
- display: 'inline-block',
100
- height: "var(--ds-space-300, 24px)",
101
- lineHeight: '24px',
102
- textAlign: 'center'
103
- });
104
-
105
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
106
- export var codeMd = css({
107
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
108
- backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
109
- borderRadius: "var(--ds-border-radius, 3px)",
110
- display: 'inline-block',
111
- height: "var(--ds-space-300, 24px)",
112
- lineHeight: '24px',
113
- width: '50px',
114
- textAlign: 'center'
115
- });
116
-
117
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
118
- export var codeLg = css({
119
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
120
- backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
121
- borderRadius: "var(--ds-border-radius, 3px)",
122
- display: 'inline-block',
123
- height: "var(--ds-space-300, 24px)",
124
- lineHeight: "var(--ds-space-300, 24px)",
125
- padding: "0 ".concat("var(--ds-space-150, 12px)"),
126
- textAlign: 'center'
127
- });
128
-
129
93
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
130
94
  export var shortcutsArray = css({
131
95
  display: 'flex',