@atlaskit/editor-plugin-help-dialog 28.0.0 → 28.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/ui/ModalContent.js +3 -3
  3. package/dist/cjs/ui/formatting.js +72 -69
  4. package/dist/cjs/ui/utils.js +14 -11
  5. package/dist/es2019/ui/ModalContent.js +1 -1
  6. package/dist/es2019/ui/formatting.js +3 -1
  7. package/dist/es2019/ui/utils.js +3 -1
  8. package/dist/esm/ui/ModalContent.js +1 -1
  9. package/dist/esm/ui/formatting.js +3 -1
  10. package/dist/esm/ui/utils.js +3 -1
  11. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/editor-plugin-help-dialog
2
2
 
3
+ ## 28.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 28.0.0
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/ui/ModalContent.js CHANGED
@@ -11,7 +11,7 @@ var _reactIntl = require("react-intl");
11
11
  var _browser = require("@atlaskit/editor-common/browser");
12
12
  var _helpDialog = require("@atlaskit/editor-common/messages/help-dialog");
13
13
  var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
14
- var _compiled = require("@atlaskit/primitives/compiled");
14
+ var _text = require("@atlaskit/primitives/compiled/text");
15
15
  var _ModalFooter = _interopRequireDefault(require("./ModalFooter"));
16
16
  var _ModalHeader = _interopRequireDefault(require("./ModalHeader"));
17
17
  var _styles = require("./styles");
@@ -60,7 +60,7 @@ var ModalContent = exports.ModalContent = function ModalContent(_ref) {
60
60
  (0, _react2.jsx)("li", {
61
61
  css: _styles.row,
62
62
  key: "textFormatting-".concat(form.name)
63
- }, (0, _react2.jsx)(_compiled.Text, null, form.name), (0, _utils.getComponentFromKeymap)(keymap()))
63
+ }, (0, _react2.jsx)(_text.Text, null, form.name), (0, _utils.getComponentFromKeymap)(keymap()))
64
64
  );
65
65
  }), formatting.filter(function (form) {
66
66
  return _utils.shortcutNamesWithoutKeymap.indexOf(form.type) !== -1;
@@ -75,7 +75,7 @@ var ModalContent = exports.ModalContent = function ModalContent(_ref) {
75
75
  (0, _react2.jsx)("li", {
76
76
  css: _styles.row,
77
77
  key: "autoFormatting-".concat(form.name)
78
- }, (0, _react2.jsx)(_compiled.Text, null, form.name), autoFormatting())
78
+ }, (0, _react2.jsx)(_text.Text, null, form.name), autoFormatting())
79
79
  );
80
80
  }))), (0, _react2.jsx)("div", {
81
81
  css: _styles.line
package/dist/cjs/ui/formatting.js CHANGED
@@ -19,7 +19,8 @@ var _list = require("@atlaskit/editor-common/messages/list");
19
19
  var _table = require("@atlaskit/editor-common/messages/table");
20
20
  var _toolbar = require("@atlaskit/editor-common/messages/toolbar");
21
21
  var _undoRedo = require("@atlaskit/editor-common/messages/undo-redo");
22
- var _primitives = require("@atlaskit/primitives");
22
+ var _box = require("@atlaskit/primitives/box");
23
+ var _xcss = require("@atlaskit/primitives/xcss/xcss");
23
24
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
24
25
  var _styles = require("./styles");
25
26
  /**
@@ -30,7 +31,9 @@ var _styles = require("./styles");
30
31
 
31
32
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
32
33
 
33
- var codeSm = (0, _primitives.xcss)({
34
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
35
+
36
+ var codeSm = (0, _xcss.xcss)({
34
37
  backgroundColor: 'color.background.neutral',
35
38
  borderRadius: 'radius.small',
36
39
  width: "var(--ds-space-300, 24px)",
@@ -39,7 +42,7 @@ var codeSm = (0, _primitives.xcss)({
39
42
  lineHeight: "var(--ds-space-300, 24px)",
40
43
  textAlign: 'center'
41
44
  });
42
- var codeMd = (0, _primitives.xcss)({
45
+ var codeMd = (0, _xcss.xcss)({
43
46
  backgroundColor: 'color.background.neutral',
44
47
  borderRadius: 'radius.small',
45
48
  display: 'inline-block',
@@ -48,7 +51,7 @@ var codeMd = (0, _primitives.xcss)({
48
51
  width: '50px',
49
52
  textAlign: 'center'
50
53
  });
51
- var codeLg = (0, _primitives.xcss)({
54
+ var codeLg = (0, _xcss.xcss)({
52
55
  borderRadius: 'radius.small',
53
56
  display: 'inline-block',
54
57
  height: "var(--ds-space-300, 24px)",
@@ -82,7 +85,7 @@ var formatting = exports.formatting = function formatting(_ref2) {
82
85
  return _keymaps.toggleBold;
83
86
  },
84
87
  autoFormatting: function autoFormatting() {
85
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
88
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
86
89
  as: "span",
87
90
  xcss: codeLg
88
91
  }, "**", (0, _react.jsx)(_reactIntl.FormattedMessage
@@ -97,7 +100,7 @@ var formatting = exports.formatting = function formatting(_ref2) {
97
100
  return _keymaps.toggleItalic;
98
101
  },
99
102
  autoFormatting: function autoFormatting() {
100
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
103
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
101
104
  as: "span",
102
105
  xcss: codeLg
103
106
  }, "*", (0, _react.jsx)(_reactIntl.FormattedMessage
@@ -118,7 +121,7 @@ var formatting = exports.formatting = function formatting(_ref2) {
118
121
  return _keymaps.toggleStrikethrough;
119
122
  },
120
123
  autoFormatting: function autoFormatting() {
121
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
124
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
122
125
  as: "span",
123
126
  xcss: codeLg
124
127
  }, "~~", (0, _react.jsx)(_reactIntl.FormattedMessage
@@ -145,10 +148,10 @@ var formatting = exports.formatting = function formatting(_ref2) {
145
148
  return _keymaps.toggleHeading1;
146
149
  },
147
150
  autoFormatting: function autoFormatting() {
148
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
151
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
149
152
  as: "span",
150
153
  xcss: codeSm
151
- }, "#"), ' ', (0, _react.jsx)(_primitives.Box, {
154
+ }, "#"), ' ', (0, _react.jsx)(_box.Box, {
152
155
  as: "span",
153
156
  xcss: codeLg
154
157
  }, "Space"));
@@ -160,10 +163,10 @@ var formatting = exports.formatting = function formatting(_ref2) {
160
163
  return _keymaps.toggleHeading2;
161
164
  },
162
165
  autoFormatting: function autoFormatting() {
163
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
166
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
164
167
  as: "span",
165
168
  xcss: codeLg
166
- }, "##"), ' ', (0, _react.jsx)(_primitives.Box, {
169
+ }, "##"), ' ', (0, _react.jsx)(_box.Box, {
167
170
  as: "span",
168
171
  xcss: codeLg
169
172
  }, "Space"));
@@ -175,10 +178,10 @@ var formatting = exports.formatting = function formatting(_ref2) {
175
178
  return _keymaps.toggleHeading3;
176
179
  },
177
180
  autoFormatting: function autoFormatting() {
178
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
181
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
179
182
  as: "span",
180
183
  xcss: codeLg
181
- }, "###"), ' ', (0, _react.jsx)(_primitives.Box, {
184
+ }, "###"), ' ', (0, _react.jsx)(_box.Box, {
182
185
  as: "span",
183
186
  xcss: codeLg
184
187
  }, "Space"));
@@ -190,10 +193,10 @@ var formatting = exports.formatting = function formatting(_ref2) {
190
193
  return _keymaps.toggleHeading4;
191
194
  },
192
195
  autoFormatting: function autoFormatting() {
193
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
196
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
194
197
  as: "span",
195
198
  xcss: codeLg
196
- }, "####"), ' ', (0, _react.jsx)(_primitives.Box, {
199
+ }, "####"), ' ', (0, _react.jsx)(_box.Box, {
197
200
  as: "span",
198
201
  xcss: codeLg
199
202
  }, "Space"));
@@ -205,10 +208,10 @@ var formatting = exports.formatting = function formatting(_ref2) {
205
208
  return _keymaps.toggleHeading5;
206
209
  },
207
210
  autoFormatting: function autoFormatting() {
208
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
211
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
209
212
  as: "span",
210
213
  xcss: codeLg
211
- }, "#####"), ' ', (0, _react.jsx)(_primitives.Box, {
214
+ }, "#####"), ' ', (0, _react.jsx)(_box.Box, {
212
215
  as: "span",
213
216
  xcss: codeLg
214
217
  }, "Space"));
@@ -220,10 +223,10 @@ var formatting = exports.formatting = function formatting(_ref2) {
220
223
  return _keymaps.toggleHeading6;
221
224
  },
222
225
  autoFormatting: function autoFormatting() {
223
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
226
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
224
227
  as: "span",
225
228
  xcss: codeLg
226
- }, "######"), ' ', (0, _react.jsx)(_primitives.Box, {
229
+ }, "######"), ' ', (0, _react.jsx)(_box.Box, {
227
230
  as: "span",
228
231
  xcss: codeLg
229
232
  }, "Space"));
@@ -247,10 +250,10 @@ var formatting = exports.formatting = function formatting(_ref2) {
247
250
  return _keymaps.toggleOrderedList;
248
251
  },
249
252
  autoFormatting: function autoFormatting() {
250
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
253
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
251
254
  as: "span",
252
255
  xcss: codeSm
253
- }, "1."), ' ', (0, _react.jsx)(_primitives.Box, {
256
+ }, "1."), ' ', (0, _react.jsx)(_box.Box, {
254
257
  as: "span",
255
258
  xcss: codeLg
256
259
  }, "Space"));
@@ -262,10 +265,10 @@ var formatting = exports.formatting = function formatting(_ref2) {
262
265
  return _keymaps.toggleBulletList;
263
266
  },
264
267
  autoFormatting: function autoFormatting() {
265
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
268
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
266
269
  as: "span",
267
270
  xcss: codeSm
268
- }, "*"), ' ', (0, _react.jsx)(_primitives.Box, {
271
+ }, "*"), ' ', (0, _react.jsx)(_box.Box, {
269
272
  as: "span",
270
273
  xcss: codeLg
271
274
  }, "Space"));
@@ -277,10 +280,10 @@ var formatting = exports.formatting = function formatting(_ref2) {
277
280
  return _keymaps.toggleBlockQuote;
278
281
  },
279
282
  autoFormatting: function autoFormatting() {
280
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
283
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
281
284
  as: "span",
282
285
  xcss: codeLg
283
- }, '>'), ' ', (0, _react.jsx)(_primitives.Box, {
286
+ }, '>'), ' ', (0, _react.jsx)(_box.Box, {
284
287
  as: "span",
285
288
  xcss: codeLg
286
289
  }, "Space"));
@@ -289,7 +292,7 @@ var formatting = exports.formatting = function formatting(_ref2) {
289
292
  name: formatMessage(_blockType.messages.codeblock),
290
293
  type: 'codeBlock',
291
294
  autoFormatting: function autoFormatting() {
292
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
295
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
293
296
  as: "span",
294
297
  xcss: codeLg
295
298
  }, "```"));
@@ -301,7 +304,7 @@ var formatting = exports.formatting = function formatting(_ref2) {
301
304
  return _keymaps.insertRule;
302
305
  },
303
306
  autoFormatting: function autoFormatting() {
304
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
307
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
305
308
  as: "span",
306
309
  xcss: codeLg
307
310
  }, "---"));
@@ -313,7 +316,7 @@ var formatting = exports.formatting = function formatting(_ref2) {
313
316
  return _keymaps.addLink;
314
317
  },
315
318
  autoFormatting: function autoFormatting() {
316
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
319
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
317
320
  as: "span",
318
321
  xcss: codeLg
319
322
  }, "[", (0, _react.jsx)(_reactIntl.FormattedMessage
@@ -328,7 +331,7 @@ var formatting = exports.formatting = function formatting(_ref2) {
328
331
  return _keymaps.toggleCode;
329
332
  },
330
333
  autoFormatting: function autoFormatting() {
331
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
334
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
332
335
  as: "span",
333
336
  xcss: codeLg
334
337
  }, "`", (0, _react.jsx)(_reactIntl.FormattedMessage
@@ -340,10 +343,10 @@ var formatting = exports.formatting = function formatting(_ref2) {
340
343
  name: formatMessage(_insertBlock.toolbarInsertBlockMessages.action),
341
344
  type: 'taskItem',
342
345
  autoFormatting: function autoFormatting() {
343
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
346
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
344
347
  as: "span",
345
348
  xcss: codeSm
346
- }, "[]"), ' ', (0, _react.jsx)(_primitives.Box, {
349
+ }, "[]"), ' ', (0, _react.jsx)(_box.Box, {
347
350
  as: "span",
348
351
  xcss: codeLg
349
352
  }, "Space"));
@@ -352,10 +355,10 @@ var formatting = exports.formatting = function formatting(_ref2) {
352
355
  name: formatMessage(_insertBlock.toolbarInsertBlockMessages.decision),
353
356
  type: 'decisionItem',
354
357
  autoFormatting: function autoFormatting() {
355
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
358
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
356
359
  as: "span",
357
360
  xcss: codeSm
358
- }, "<>"), ' ', (0, _react.jsx)(_primitives.Box, {
361
+ }, "<>"), ' ', (0, _react.jsx)(_box.Box, {
359
362
  as: "span",
360
363
  xcss: codeLg
361
364
  }, "Space"));
@@ -364,7 +367,7 @@ var formatting = exports.formatting = function formatting(_ref2) {
364
367
  name: formatMessage(_insertBlock.toolbarInsertBlockMessages.emoji),
365
368
  type: 'emoji',
366
369
  autoFormatting: function autoFormatting() {
367
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
370
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
368
371
  as: "span",
369
372
  xcss: codeLg
370
373
  }, ":"));
@@ -373,7 +376,7 @@ var formatting = exports.formatting = function formatting(_ref2) {
373
376
  name: formatMessage(_insertBlock.toolbarInsertBlockMessages.mention),
374
377
  type: 'mention',
375
378
  autoFormatting: function autoFormatting() {
376
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
379
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
377
380
  as: "span",
378
381
  xcss: codeLg
379
382
  }, "@"));
@@ -455,28 +458,28 @@ var otherFormatting = function otherFormatting(_ref4) {
455
458
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
456
459
  (0, _react.jsx)("span", {
457
460
  css: _styles.shortcutsArray
458
- }, (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
461
+ }, (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
459
462
  as: "span",
460
463
  xcss: browser.mac ? codeSm : codeMd
461
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_primitives.Box, {
464
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_box.Box, {
462
465
  as: "span",
463
466
  xcss: codeMd
464
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_primitives.Box, {
467
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_box.Box, {
465
468
  as: "span",
466
469
  xcss: codeMd
467
- }, "Shift"), ' + ', (0, _react.jsx)(_primitives.Box, {
470
+ }, "Shift"), ' + ', (0, _react.jsx)(_box.Box, {
468
471
  as: "span",
469
472
  xcss: codeSm
470
- }, "\u2190")), (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
473
+ }, "\u2190")), (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
471
474
  as: "span",
472
475
  xcss: browser.mac ? codeSm : codeMd
473
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_primitives.Box, {
476
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_box.Box, {
474
477
  as: "span",
475
478
  xcss: codeMd
476
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_primitives.Box, {
479
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_box.Box, {
477
480
  as: "span",
478
481
  xcss: codeMd
479
- }, "Shift"), ' + ', (0, _react.jsx)(_primitives.Box, {
482
+ }, "Shift"), ' + ', (0, _react.jsx)(_box.Box, {
480
483
  as: "span",
481
484
  xcss: codeSm
482
485
  }, "\u2192")))
@@ -490,28 +493,28 @@ var otherFormatting = function otherFormatting(_ref4) {
490
493
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
491
494
  (0, _react.jsx)("span", {
492
495
  css: _styles.shortcutsArray
493
- }, (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
496
+ }, (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
494
497
  as: "span",
495
498
  xcss: browser.mac ? codeSm : codeMd
496
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_primitives.Box, {
499
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_box.Box, {
497
500
  as: "span",
498
501
  xcss: codeMd
499
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_primitives.Box, {
502
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_box.Box, {
500
503
  as: "span",
501
504
  xcss: codeMd
502
- }, "Shift"), ' + ', (0, _react.jsx)(_primitives.Box, {
505
+ }, "Shift"), ' + ', (0, _react.jsx)(_box.Box, {
503
506
  as: "span",
504
507
  xcss: codeSm
505
- }, "\u2191")), (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
508
+ }, "\u2191")), (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
506
509
  as: "span",
507
510
  xcss: browser.mac ? codeSm : codeMd
508
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_primitives.Box, {
511
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_box.Box, {
509
512
  as: "span",
510
513
  xcss: codeMd
511
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_primitives.Box, {
514
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_box.Box, {
512
515
  as: "span",
513
516
  xcss: codeMd
514
- }, "Shift"), ' + ', (0, _react.jsx)(_primitives.Box, {
517
+ }, "Shift"), ' + ', (0, _react.jsx)(_box.Box, {
515
518
  as: "span",
516
519
  xcss: codeSm
517
520
  }, "\u2193")))
@@ -525,22 +528,22 @@ var otherFormatting = function otherFormatting(_ref4) {
525
528
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
526
529
  (0, _react.jsx)("span", {
527
530
  css: _styles.shortcutsArray
528
- }, (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
531
+ }, (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
529
532
  as: "span",
530
533
  xcss: browser.mac ? codeSm : codeMd
531
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_primitives.Box, {
534
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_box.Box, {
532
535
  as: "span",
533
536
  xcss: codeMd
534
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_primitives.Box, {
537
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_box.Box, {
535
538
  as: "span",
536
539
  xcss: codeSm
537
- }, "=")), (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
540
+ }, "=")), (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
538
541
  as: "span",
539
542
  xcss: browser.mac ? codeSm : codeMd
540
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_primitives.Box, {
543
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_box.Box, {
541
544
  as: "span",
542
545
  xcss: codeMd
543
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_primitives.Box, {
546
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_box.Box, {
544
547
  as: "span",
545
548
  xcss: codeSm
546
549
  }, "-")))
@@ -554,22 +557,22 @@ var otherFormatting = function otherFormatting(_ref4) {
554
557
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
555
558
  (0, _react.jsx)("span", {
556
559
  css: _styles.shortcutsArray
557
- }, (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
560
+ }, (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
558
561
  as: "span",
559
562
  xcss: browser.mac ? codeSm : codeMd
560
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_primitives.Box, {
563
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_box.Box, {
561
564
  as: "span",
562
565
  xcss: codeMd
563
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_primitives.Box, {
566
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_box.Box, {
564
567
  as: "span",
565
568
  xcss: codeSm
566
- }, "]")), (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
569
+ }, "]")), (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
567
570
  as: "span",
568
571
  xcss: browser.mac ? codeSm : codeMd
569
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_primitives.Box, {
572
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_box.Box, {
570
573
  as: "span",
571
574
  xcss: codeMd
572
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_primitives.Box, {
575
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_box.Box, {
573
576
  as: "span",
574
577
  xcss: codeSm
575
578
  }, "[")))
@@ -583,16 +586,16 @@ var otherFormatting = function otherFormatting(_ref4) {
583
586
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
584
587
  (0, _react.jsx)("span", {
585
588
  css: _styles.shortcutsArray
586
- }, (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
589
+ }, (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
587
590
  as: "span",
588
591
  xcss: browser.mac ? codeSm : codeMd
589
- }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_primitives.Box, {
592
+ }, browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)(_box.Box, {
590
593
  as: "span",
591
594
  xcss: codeMd
592
- }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_primitives.Box, {
595
+ }, browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)(_box.Box, {
593
596
  as: "span",
594
597
  xcss: codeMd
595
- }, "Shift"), ' + ', (0, _react.jsx)(_primitives.Box, {
598
+ }, "Shift"), ' + ', (0, _react.jsx)(_box.Box, {
596
599
  as: "span",
597
600
  xcss: codeSm
598
601
  }, "C")))
@@ -712,7 +715,7 @@ var imageAutoFormat = {
712
715
  name: 'Image',
713
716
  type: 'image',
714
717
  autoFormatting: function autoFormatting() {
715
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
718
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
716
719
  as: "span",
717
720
  xcss: codeLg
718
721
  }, "![", (0, _react.jsx)(_reactIntl.FormattedMessage
@@ -727,7 +730,7 @@ var quickInsertAutoFormat = function quickInsertAutoFormat(_ref0) {
727
730
  name: formatMessage(_helpDialog.helpDialogMessages.quickInsert),
728
731
  type: 'quickInsert',
729
732
  autoFormatting: function autoFormatting() {
730
- return (0, _react.jsx)("span", null, (0, _react.jsx)(_primitives.Box, {
733
+ return (0, _react.jsx)("span", null, (0, _react.jsx)(_box.Box, {
731
734
  as: "span",
732
735
  xcss: codeLg
733
736
  }, "/"));
package/dist/cjs/ui/utils.js CHANGED
@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.shortcutNamesWithoutKeymap = exports.getComponentFromKeymap = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  var _browser = require("@atlaskit/editor-common/browser");
9
- var _primitives = require("@atlaskit/primitives");
9
+ var _box = require("@atlaskit/primitives/box");
10
+ var _xcss = require("@atlaskit/primitives/xcss/xcss");
10
11
  var _styles = require("./styles");
11
12
  /**
12
13
  * @jsxRuntime classic
@@ -16,7 +17,9 @@ var _styles = require("./styles");
16
17
 
17
18
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
18
19
 
19
- var codeLg = (0, _primitives.xcss)({
20
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
21
+
22
+ var codeLg = (0, _xcss.xcss)({
20
23
  borderRadius: 'radius.small',
21
24
  display: 'inline-block',
22
25
  height: "var(--ds-space-300, 24px)",
@@ -25,7 +28,7 @@ var codeLg = (0, _primitives.xcss)({
25
28
  paddingInline: 'space.150',
26
29
  backgroundColor: 'color.background.neutral'
27
30
  });
28
- var codeMd = (0, _primitives.xcss)({
31
+ var codeMd = (0, _xcss.xcss)({
29
32
  backgroundColor: 'color.background.neutral',
30
33
  borderRadius: 'radius.small',
31
34
  display: 'inline-block',
@@ -34,7 +37,7 @@ var codeMd = (0, _primitives.xcss)({
34
37
  width: '50px',
35
38
  textAlign: 'center'
36
39
  });
37
- var codeSm = (0, _primitives.xcss)({
40
+ var codeSm = (0, _xcss.xcss)({
38
41
  backgroundColor: 'color.background.neutral',
39
42
  borderRadius: 'radius.small',
40
43
  width: "var(--ds-space-300, 24px)",
@@ -71,7 +74,7 @@ var getComponentFromKeymap = exports.getComponentFromKeymap = function getCompon
71
74
  return (
72
75
  // Ignored via go/ees005
73
76
  // eslint-disable-next-line react/no-array-index-key
74
- (0, _react.jsx)(_primitives.Box, {
77
+ (0, _react.jsx)(_box.Box, {
75
78
  as: "span",
76
79
  key: "".concat(keyParts, "-").concat(index)
77
80
  }, ' + ')
@@ -80,7 +83,7 @@ var getComponentFromKeymap = exports.getComponentFromKeymap = function getCompon
80
83
  return (
81
84
  // Ignored via go/ees005
82
85
  // eslint-disable-next-line react/no-array-index-key
83
- (0, _react.jsx)(_primitives.Box, {
86
+ (0, _react.jsx)(_box.Box, {
84
87
  as: "span",
85
88
  xcss: codeSm,
86
89
  key: "".concat(keyParts, "-").concat(index)
@@ -91,7 +94,7 @@ var getComponentFromKeymap = exports.getComponentFromKeymap = function getCompon
91
94
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
92
95
  // Ignored via go/ees005
93
96
  // eslint-disable-next-line react/no-array-index-key
94
- (0, _react.jsx)(_primitives.Box, {
97
+ (0, _react.jsx)(_box.Box, {
95
98
  as: "span",
96
99
  xcss: codeMd,
97
100
  key: "".concat(keyParts, "-").concat(index)
@@ -102,14 +105,14 @@ var getComponentFromKeymap = exports.getComponentFromKeymap = function getCompon
102
105
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
103
106
  // Ignored via go/ees005
104
107
  // eslint-disable-next-line react/no-array-index-key
105
- (0, _react.jsx)(_primitives.Box, {
108
+ (0, _react.jsx)(_box.Box, {
106
109
  as: "span",
107
110
  xcss: codeLg,
108
111
  key: "".concat(keyParts, "-").concat(index)
109
112
  }, part)
110
113
  );
111
114
  } else if (part.toLowerCase() === 'enter') {
112
- return (0, _react.jsx)(_primitives.Box, {
115
+ return (0, _react.jsx)(_box.Box, {
113
116
  as: "span",
114
117
  "data-editor-help-dialog-enter-keymap": "true",
115
118
  xcss: codeSm
@@ -122,7 +125,7 @@ var getComponentFromKeymap = exports.getComponentFromKeymap = function getCompon
122
125
  return (
123
126
  // Ignored via go/ees005
124
127
  // eslint-disable-next-line react/no-array-index-key
125
- (0, _react.jsx)(_primitives.Box, {
128
+ (0, _react.jsx)(_box.Box, {
126
129
  as: "span",
127
130
  xcss: codeSm,
128
131
  key: "".concat(keyParts, "-").concat(index)
@@ -133,7 +136,7 @@ var getComponentFromKeymap = exports.getComponentFromKeymap = function getCompon
133
136
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
134
137
  // Ignored via go/ees005
135
138
  // eslint-disable-next-line react/no-array-index-key
136
- (0, _react.jsx)(_primitives.Box, {
139
+ (0, _react.jsx)(_box.Box, {
137
140
  as: "span",
138
141
  xcss: codeSm,
139
142
  key: "".concat(keyParts, "-").concat(index)
package/dist/es2019/ui/ModalContent.js CHANGED
@@ -11,7 +11,7 @@ import { FormattedMessage, useIntl } from 'react-intl';
11
11
  import { getBrowserInfo } from '@atlaskit/editor-common/browser';
12
12
  import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages/help-dialog';
13
13
  import Heading from '@atlaskit/heading/heading';
14
- import { Text } from '@atlaskit/primitives/compiled';
14
+ import { Text } from '@atlaskit/primitives/compiled/text';
15
15
  import ModalFooter from './ModalFooter';
16
16
  import ModalHeader from './ModalHeader';
17
17
  import { column, content, contentWrapper, line, row } from './styles';
package/dist/es2019/ui/formatting.js CHANGED
@@ -17,7 +17,9 @@ import { messages as tableMessages } from '@atlaskit/editor-common/messages/tabl
17
17
  import { toolbarMessages } from '@atlaskit/editor-common/messages/toolbar';
18
18
  import { messages as undoRedoMessages } from '@atlaskit/editor-common/messages/undo-redo';
19
19
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
20
- import { Box, xcss } from '@atlaskit/primitives';
20
+ import { Box } from '@atlaskit/primitives/box';
21
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
22
+ import { xcss } from '@atlaskit/primitives/xcss/xcss';
21
23
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
22
24
  import { shortcutsArray } from './styles';
23
25
  const codeSm = xcss({
package/dist/es2019/ui/utils.js CHANGED
@@ -6,7 +6,9 @@
6
6
  import { jsx } from '@emotion/react';
7
7
  import { getBrowserInfo } from '@atlaskit/editor-common/browser';
8
8
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
9
- import { Box, xcss } from '@atlaskit/primitives';
9
+ import { Box } from '@atlaskit/primitives/box';
10
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
11
+ import { xcss } from '@atlaskit/primitives/xcss/xcss';
10
12
  import { componentFromKeymapWrapperStyles } from './styles';
11
13
  const codeLg = xcss({
12
14
  borderRadius: 'radius.small',
package/dist/esm/ui/ModalContent.js CHANGED
@@ -11,7 +11,7 @@ import { FormattedMessage, useIntl } from 'react-intl';
11
11
  import { getBrowserInfo } from '@atlaskit/editor-common/browser';
12
12
  import { helpDialogMessages as messages } from '@atlaskit/editor-common/messages/help-dialog';
13
13
  import Heading from '@atlaskit/heading/heading';
14
- import { Text } from '@atlaskit/primitives/compiled';
14
+ import { Text } from '@atlaskit/primitives/compiled/text';
15
15
  import ModalFooter from './ModalFooter';
16
16
  import ModalHeader from './ModalHeader';
17
17
  import { column, content, contentWrapper, line, row } from './styles';
package/dist/esm/ui/formatting.js CHANGED
@@ -18,7 +18,9 @@ import { messages as tableMessages } from '@atlaskit/editor-common/messages/tabl
18
18
  import { toolbarMessages } from '@atlaskit/editor-common/messages/toolbar';
19
19
  import { messages as undoRedoMessages } from '@atlaskit/editor-common/messages/undo-redo';
20
20
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
21
- import { Box, xcss } from '@atlaskit/primitives';
21
+ import { Box } from '@atlaskit/primitives/box';
22
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
23
+ import { xcss } from '@atlaskit/primitives/xcss/xcss';
22
24
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
23
25
  import { shortcutsArray } from './styles';
24
26
  var codeSm = xcss({
package/dist/esm/ui/utils.js CHANGED
@@ -6,7 +6,9 @@
6
6
  import { jsx } from '@emotion/react';
7
7
  import { getBrowserInfo } from '@atlaskit/editor-common/browser';
8
8
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
9
- import { Box, xcss } from '@atlaskit/primitives';
9
+ import { Box } from '@atlaskit/primitives/box';
10
+ // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
11
+ import { xcss } from '@atlaskit/primitives/xcss/xcss';
10
12
  import { componentFromKeymapWrapperStyles } from './styles';
11
13
  var codeLg = xcss({
12
14
  borderRadius: 'radius.small',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-help-dialog",
3
- "version": "28.0.0",
3
+ "version": "28.0.1",
4
4
  "description": "Help Dialog plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -27,11 +27,11 @@
27
27
  "@atlaskit/editor-shared-styles": "^4.5.0",
28
28
  "@atlaskit/heading": "^8.0.0",
29
29
  "@atlaskit/icon": "^38.0.0",
30
- "@atlaskit/modal-dialog": "^17.0.0",
30
+ "@atlaskit/modal-dialog": "^17.1.0",
31
31
  "@atlaskit/platform-feature-experiments": "^0.3.0",
32
32
  "@atlaskit/platform-feature-flags": "^2.2.0",
33
33
  "@atlaskit/primitives": "^22.6.0",
34
- "@atlaskit/tmp-editor-statsig": "^240.0.0",
34
+ "@atlaskit/tmp-editor-statsig": "^241.0.0",
35
35
  "@atlaskit/tokens": "^20.6.0",
36
36
  "@atlaskit/tooltip": "^24.4.0",
37
37
  "@babel/runtime": "^7.0.0",