@atlaskit/editor-plugin-help-dialog 1.2.5 → 1.2.6

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 +9 -0
  2. package/dist/cjs/ui/ModalContent.js +17 -9
  3. package/dist/cjs/ui/ModalFooter.js +10 -7
  4. package/dist/cjs/ui/ModalHeader.js +21 -16
  5. package/dist/cjs/ui/formatting.js +138 -111
  6. package/dist/cjs/ui/styles.js +35 -0
  7. package/dist/cjs/ui/utils.js +52 -34
  8. package/dist/es2019/ui/ModalContent.js +9 -3
  9. package/dist/es2019/ui/ModalFooter.js +3 -1
  10. package/dist/es2019/ui/ModalHeader.js +21 -16
  11. package/dist/es2019/ui/formatting.js +27 -9
  12. package/dist/es2019/ui/styles.js +35 -0
  13. package/dist/es2019/ui/utils.js +52 -34
  14. package/dist/esm/ui/ModalContent.js +17 -9
  15. package/dist/esm/ui/ModalFooter.js +10 -7
  16. package/dist/esm/ui/ModalHeader.js +21 -16
  17. package/dist/esm/ui/formatting.js +139 -112
  18. package/dist/esm/ui/styles.js +35 -0
  19. package/dist/esm/ui/utils.js +52 -34
  20. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/editor-plugin-help-dialog
2
2
 
3
+ ## 1.2.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [#107302](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107302)
8
+ [`c08367b1ada17`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c08367b1ada17) -
9
+ [ux] [ED-23162] Added keyboard shortcut to toggle highlight palette
10
+ - Updated dependencies
11
+
3
12
  ## 1.2.5
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/ui/ModalContent.js CHANGED
@@ -36,19 +36,25 @@ var ModalContent = exports.ModalContent = function ModalContent(_ref) {
36
36
  var keymap = form.keymap && form.keymap();
37
37
  return keymap && keymap[_utils.browser.mac ? 'mac' : 'windows'];
38
38
  }).map(function (form) {
39
- return (0, _react2.jsx)("li", {
40
- css: _styles.row,
41
- key: "textFormatting-".concat(form.name)
42
- }, (0, _react2.jsx)("span", null, form.name), (0, _utils2.getComponentFromKeymap)(form.keymap()));
39
+ return (
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
41
+ (0, _react2.jsx)("li", {
42
+ css: _styles.row,
43
+ key: "textFormatting-".concat(form.name)
44
+ }, (0, _react2.jsx)("span", null, form.name), (0, _utils2.getComponentFromKeymap)(form.keymap()))
45
+ );
43
46
  }), formatting.filter(function (form) {
44
47
  return _utils2.shortcutNamesWithoutKeymap.indexOf(form.type) !== -1;
45
48
  }).filter(function (form) {
46
49
  return form.autoFormatting;
47
50
  }).map(function (form) {
48
- return (0, _react2.jsx)("li", {
49
- css: _styles.row,
50
- key: "autoFormatting-".concat(form.name)
51
- }, (0, _react2.jsx)("span", null, form.name), form.autoFormatting());
51
+ return (
52
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
53
+ (0, _react2.jsx)("li", {
54
+ css: _styles.row,
55
+ key: "autoFormatting-".concat(form.name)
56
+ }, (0, _react2.jsx)("span", null, form.name), form.autoFormatting())
57
+ );
52
58
  }))), (0, _react2.jsx)("div", {
53
59
  css: _styles.line
54
60
  }), (0, _react2.jsx)("div", {
@@ -58,7 +64,9 @@ var ModalContent = exports.ModalContent = function ModalContent(_ref) {
58
64
  }, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.helpDialogMessages.markdown)), (0, _react2.jsx)("ul", null, formatting.filter(function (form) {
59
65
  return _utils2.shortcutNamesWithoutKeymap.indexOf(form.type) === -1;
60
66
  }).map(function (form) {
61
- return form.autoFormatting && (0, _react2.jsx)("li", {
67
+ return form.autoFormatting &&
68
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
69
+ (0, _react2.jsx)("li", {
62
70
  key: "autoFormatting-".concat(form.name),
63
71
  css: _styles.row
64
72
  }, (0, _react2.jsx)("span", null, form.name), form.autoFormatting());
package/dist/cjs/ui/ModalFooter.js CHANGED
@@ -15,12 +15,15 @@ var _utils = require("./utils");
15
15
  /** @jsx jsx */
16
16
 
17
17
  var ModalFooter = function ModalFooter() {
18
- return (0, _react.jsx)("div", {
19
- css: _styles.footer
20
- }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.helpDialogMessages.helpDialogTips, {
21
- values: {
22
- keyMap: (0, _utils.getComponentFromKeymap)(_keymaps.openHelp)
23
- }
24
- })));
18
+ return (
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
20
+ (0, _react.jsx)("div", {
21
+ css: _styles.footer
22
+ }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, _messages.helpDialogMessages.helpDialogTips, {
23
+ values: {
24
+ keyMap: (0, _utils.getComponentFromKeymap)(_keymaps.openHelp)
25
+ }
26
+ })))
27
+ );
25
28
  };
26
29
  var _default = exports.default = ModalFooter;
package/dist/cjs/ui/ModalHeader.js CHANGED
@@ -16,21 +16,26 @@ var _styles = require("./styles");
16
16
  var ModalHeader = (0, _reactIntlNext.injectIntl)(function (_ref) {
17
17
  var formatMessage = _ref.intl.formatMessage,
18
18
  onClose = _ref.onClose;
19
- return (0, _react.jsx)("div", {
20
- css: _styles.header
21
- }, (0, _react.jsx)("h1", {
22
- css: _styles.dialogHeader
23
- }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.helpDialogMessages.editorHelp)), (0, _react.jsx)("div", null, (0, _react.jsx)(_uiMenu.ToolbarButton
24
- // @ts-expect-error modal onClose handler requires second parameter of UIAnalyticsEvent, which we don't want to pass
25
- , {
26
- onClick: onClose,
27
- title: formatMessage(_messages.helpDialogMessages.closeHelpDialog),
28
- spacing: "compact",
29
- iconBefore: (0, _react.jsx)(_cross.default, {
30
- label: formatMessage(_messages.helpDialogMessages.closeHelpDialog),
31
- size: "medium"
32
- }),
33
- css: _styles.toolbarButton
34
- })));
19
+ return (
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
21
+ (0, _react.jsx)("div", {
22
+ css: _styles.header
23
+ }, (0, _react.jsx)("h1", {
24
+ css: _styles.dialogHeader
25
+ }, (0, _react.jsx)(_reactIntlNext.FormattedMessage, _messages.helpDialogMessages.editorHelp)), (0, _react.jsx)("div", null, (0, _react.jsx)(_uiMenu.ToolbarButton
26
+ // @ts-expect-error modal onClose handler requires second parameter of UIAnalyticsEvent, which we don't want to pass
27
+ , {
28
+ onClick: onClose,
29
+ title: formatMessage(_messages.helpDialogMessages.closeHelpDialog),
30
+ spacing: "compact",
31
+ iconBefore: (0, _react.jsx)(_cross.default, {
32
+ label: formatMessage(_messages.helpDialogMessages.closeHelpDialog),
33
+ size: "medium"
34
+ })
35
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
36
+ ,
37
+ css: _styles.toolbarButton
38
+ })))
39
+ );
35
40
  });
36
41
  var _default = exports.default = ModalHeader;
package/dist/cjs/ui/formatting.js CHANGED
@@ -346,147 +346,174 @@ var otherFormatting = function otherFormatting(_ref3) {
346
346
  name: formatMessage(_messages.helpDialogMessages.selectTableRow),
347
347
  type: 'table',
348
348
  autoFormatting: function autoFormatting() {
349
- return (0, _react.jsx)("span", {
350
- css: _styles.shortcutsArray
351
- }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
352
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
353
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
354
- css: _styles.codeMd
355
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
356
- css: _styles.codeMd
357
- }, "Shift"), ' + ', (0, _react.jsx)("span", {
358
- css: _styles.codeSm
359
- }, "\u2190")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
360
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
361
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
362
- css: _styles.codeMd
363
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
364
- css: _styles.codeMd
365
- }, "Shift"), ' + ', (0, _react.jsx)("span", {
366
- css: _styles.codeSm
367
- }, "\u2192")));
349
+ return (
350
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
351
+ (0, _react.jsx)("span", {
352
+ css: _styles.shortcutsArray
353
+ }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
354
+ css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
355
+ }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
356
+ css: _styles.codeMd
357
+ }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
358
+ css: _styles.codeMd
359
+ }, "Shift"), ' + ', (0, _react.jsx)("span", {
360
+ css: _styles.codeSm
361
+ }, "\u2190")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
362
+ css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
363
+ }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
364
+ css: _styles.codeMd
365
+ }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
366
+ css: _styles.codeMd
367
+ }, "Shift"), ' + ', (0, _react.jsx)("span", {
368
+ css: _styles.codeSm
369
+ }, "\u2192")))
370
+ );
368
371
  }
369
372
  }, {
370
373
  name: formatMessage(_messages.helpDialogMessages.selectTableColumn),
371
374
  type: 'table',
372
375
  autoFormatting: function autoFormatting() {
373
- return (0, _react.jsx)("span", {
374
- css: _styles.shortcutsArray
375
- }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
376
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
377
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
378
- css: _styles.codeMd
379
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
380
- css: _styles.codeMd
381
- }, "Shift"), ' + ', (0, _react.jsx)("span", {
382
- css: _styles.codeSm
383
- }, "\u2191")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
384
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
385
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
386
- css: _styles.codeMd
387
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
388
- css: _styles.codeMd
389
- }, "Shift"), ' + ', (0, _react.jsx)("span", {
390
- css: _styles.codeSm
391
- }, "\u2193")));
376
+ return (
377
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
378
+ (0, _react.jsx)("span", {
379
+ css: _styles.shortcutsArray
380
+ }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
381
+ css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
382
+ }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
383
+ css: _styles.codeMd
384
+ }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
385
+ css: _styles.codeMd
386
+ }, "Shift"), ' + ', (0, _react.jsx)("span", {
387
+ css: _styles.codeSm
388
+ }, "\u2191")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
389
+ css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
390
+ }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
391
+ css: _styles.codeMd
392
+ }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
393
+ css: _styles.codeMd
394
+ }, "Shift"), ' + ', (0, _react.jsx)("span", {
395
+ css: _styles.codeSm
396
+ }, "\u2193")))
397
+ );
392
398
  }
393
399
  }].concat((0, _toConsumableArray2.default)((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-help-dialog-shortcut-keys-position_aghfg') ? [{
394
400
  name: formatMessage(_messages.helpDialogMessages.InsertTableColumn),
395
401
  type: 'table',
396
402
  autoFormatting: function autoFormatting() {
397
- return (0, _react.jsx)("span", {
398
- css: _styles.shortcutsArray
399
- }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
400
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
401
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
402
- css: _styles.codeMd
403
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
404
- css: _styles.codeSm
405
- }, "=")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
406
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
407
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
408
- css: _styles.codeMd
409
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
410
- css: _styles.codeSm
411
- }, "-")));
403
+ return (
404
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
405
+ (0, _react.jsx)("span", {
406
+ css: _styles.shortcutsArray
407
+ }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
408
+ css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
409
+ }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
410
+ css: _styles.codeMd
411
+ }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
412
+ css: _styles.codeSm
413
+ }, "=")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
414
+ css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
415
+ }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
416
+ css: _styles.codeMd
417
+ }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
418
+ css: _styles.codeSm
419
+ }, "-")))
420
+ );
412
421
  }
413
422
  }, {
414
423
  name: formatMessage(_messages.helpDialogMessages.InsertTableRow),
415
424
  type: 'table',
416
425
  autoFormatting: function autoFormatting() {
417
- return (0, _react.jsx)("span", {
418
- css: _styles.shortcutsArray
419
- }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
420
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
421
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
422
- css: _styles.codeMd
423
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
424
- css: _styles.codeSm
425
- }, "]")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
426
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
427
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
428
- css: _styles.codeMd
429
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
430
- css: _styles.codeSm
431
- }, "[")));
426
+ return (
427
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
428
+ (0, _react.jsx)("span", {
429
+ css: _styles.shortcutsArray
430
+ }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
431
+ css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
432
+ }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
433
+ css: _styles.codeMd
434
+ }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
435
+ css: _styles.codeSm
436
+ }, "]")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
437
+ css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
438
+ }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
439
+ css: _styles.codeMd
440
+ }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
441
+ css: _styles.codeSm
442
+ }, "[")))
443
+ );
432
444
  }
433
445
  }] : [{
434
446
  name: formatMessage(_messages.helpDialogMessages.InsertTableColumn),
435
447
  type: 'table',
436
448
  autoFormatting: function autoFormatting() {
437
- return (0, _react.jsx)("span", {
438
- css: _styles.shortcutsArray
439
- }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
440
- css: _styles.codeSm
441
- }, _utils.browser.mac ? '⌃' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
442
- css: _styles.codeMd
443
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
444
- css: _styles.codeSm
445
- }, "\u2192")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
446
- css: _styles.codeSm
447
- }, _utils.browser.mac ? '⌃' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
448
- css: _styles.codeMd
449
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
450
- css: _styles.codeSm
451
- }, "\u2190")));
449
+ return (
450
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
451
+ (0, _react.jsx)("span", {
452
+ css: _styles.shortcutsArray
453
+ }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
454
+ css: _styles.codeSm
455
+ }, _utils.browser.mac ? '⌃' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
456
+ css: _styles.codeMd
457
+ }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
458
+ css: _styles.codeSm
459
+ }, "\u2192")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
460
+ css: _styles.codeSm
461
+ }, _utils.browser.mac ? '⌃' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
462
+ css: _styles.codeMd
463
+ }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
464
+ css: _styles.codeSm
465
+ }, "\u2190")))
466
+ );
452
467
  }
453
468
  }, {
454
469
  name: formatMessage(_messages.helpDialogMessages.InsertTableRow),
455
470
  type: 'table',
456
471
  autoFormatting: function autoFormatting() {
457
- return (0, _react.jsx)("span", {
458
- css: _styles.shortcutsArray
459
- }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
460
- css: _styles.codeSm
461
- }, _utils.browser.mac ? '⌃' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
462
- css: _styles.codeMd
463
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
464
- css: _styles.codeSm
465
- }, "\u2193")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
466
- css: _styles.codeSm
467
- }, _utils.browser.mac ? '⌃' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
468
- css: _styles.codeMd
469
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
470
- css: _styles.codeSm
471
- }, "\u2191")));
472
+ return (
473
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
474
+ (0, _react.jsx)("span", {
475
+ css: _styles.shortcutsArray
476
+ }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
477
+ css: _styles.codeSm
478
+ }, _utils.browser.mac ? '⌃' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
479
+ css: _styles.codeMd
480
+ }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
481
+ css: _styles.codeSm
482
+ }, "\u2193")), (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
483
+ css: _styles.codeSm
484
+ }, _utils.browser.mac ? '⌃' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
485
+ css: _styles.codeMd
486
+ }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
487
+ css: _styles.codeSm
488
+ }, "\u2191")))
489
+ );
472
490
  }
473
491
  }]), (0, _toConsumableArray2.default)((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-column-resizing_emcvz') ? [{
474
492
  name: formatMessage(_messages.helpDialogMessages.selectColumnResize),
475
493
  type: 'table',
476
494
  autoFormatting: function autoFormatting() {
477
- return (0, _react.jsx)("span", {
478
- css: _styles.shortcutsArray
479
- }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
480
- css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
481
- }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
482
- css: _styles.codeMd
483
- }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
484
- css: _styles.codeMd
485
- }, "Shift"), ' + ', (0, _react.jsx)("span", {
486
- css: _styles.codeSm
487
- }, "C")));
488
- }
489
- }] : []));
495
+ return (
496
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
497
+ (0, _react.jsx)("span", {
498
+ css: _styles.shortcutsArray
499
+ }, (0, _react.jsx)("span", null, (0, _react.jsx)("span", {
500
+ css: _utils.browser.mac ? _styles.codeSm : _styles.codeMd
501
+ }, _utils.browser.mac ? '⌘' : 'Ctrl'), ' + ', (0, _react.jsx)("span", {
502
+ css: _styles.codeMd
503
+ }, _utils.browser.mac ? 'Opt' : 'Alt'), ' + ', (0, _react.jsx)("span", {
504
+ css: _styles.codeMd
505
+ }, "Shift"), ' + ', (0, _react.jsx)("span", {
506
+ css: _styles.codeSm
507
+ }, "C")))
508
+ );
509
+ }
510
+ }] : []), [{
511
+ name: formatMessage(_messages.helpDialogMessages.highlightColor),
512
+ type: 'highlight',
513
+ keymap: function keymap() {
514
+ return _keymaps.toggleHighlightPalette;
515
+ }
516
+ }]);
490
517
  };
491
518
  var resizeInformationFormatting = function resizeInformationFormatting(_ref4) {
492
519
  var formatMessage = _ref4.formatMessage;
package/dist/cjs/ui/styles.js CHANGED
@@ -11,36 +11,52 @@ var _colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
11
11
  var colors = _colors;
12
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
14
15
  var header = exports.header = (0, _react.css)({
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
15
17
  zIndex: _editorSharedStyles.akEditorUnitZIndex,
16
18
  minHeight: "var(--ds-space-300, 24px)",
17
19
  padding: "var(--ds-space-250, 20px)".concat(" ", "var(--ds-space-500, 40px)"),
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
18
21
  fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(24),
19
22
  display: 'flex',
20
23
  justifyContent: 'space-between',
21
24
  alignItems: 'center',
22
25
  boxShadow: "'none'",
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
23
27
  color: "var(--ds-text, ".concat(colors.N400, ")"),
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
24
29
  backgroundColor: "var(--ds-background-neutral-subtle, ".concat(colors.N0, ")"),
25
30
  borderRadius: "var(--ds-border-radius, 3px)"
26
31
  });
32
+
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
27
34
  var footer = exports.footer = (0, _react.css)({
35
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
28
36
  zIndex: _editorSharedStyles.akEditorUnitZIndex,
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
29
38
  fontSize: (0, _editorSharedStyles.relativeFontSizeToBase16)(14),
30
39
  lineHeight: "var(--ds-space-250, 20px)",
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
31
41
  color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
32
42
  padding: "var(--ds-space-300, 24px)",
33
43
  textAlign: 'right',
34
44
  boxShadow: "'none'"
35
45
  });
46
+
47
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
36
48
  var contentWrapper = exports.contentWrapper = (0, _react.css)({
37
49
  padding: "var(--ds-space-250, 20px)".concat(" ", "var(--ds-space-500, 40px)"),
38
50
  borderBottomRightRadius: "var(--ds-border-radius, 3px)",
39
51
  overflow: 'auto',
40
52
  position: 'relative',
53
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
41
54
  color: "var(--ds-text-subtle, ".concat(colors.N400, ")"),
55
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
42
56
  backgroundColor: "var(--ds-background-neutral-subtle, ".concat(colors.N0, ")")
43
57
  });
58
+
59
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
44
60
  var line = exports.line = (0, _react.css)({
45
61
  background: "var(--ds-background-neutral-subtle, #fff)",
46
62
  content: "''",
@@ -53,6 +69,8 @@ var line = exports.line = (0, _react.css)({
53
69
  width: '100%',
54
70
  minWidth: '604px'
55
71
  });
72
+
73
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
56
74
  var content = exports.content = (0, _react.css)({
57
75
  minWidth: '524px',
58
76
  width: '100%',
@@ -66,6 +84,8 @@ var column = exports.column = {
66
84
  padding: 0
67
85
  }
68
86
  };
87
+
88
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
69
89
  var row = exports.row = (0, _react.css)({
70
90
  margin: "var(--ds-space-250, 20px)".concat(" 0"),
71
91
  display: 'flex',
@@ -89,7 +109,10 @@ var title = exports.title = {
89
109
  lineHeight: 1.42857142857143
90
110
  }
91
111
  };
112
+
113
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
92
114
  var codeSm = exports.codeSm = (0, _react.css)({
115
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
93
116
  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
94
117
  borderRadius: "var(--ds-border-radius, 3px)",
95
118
  width: "var(--ds-space-300, 24px)",
@@ -98,7 +121,10 @@ var codeSm = exports.codeSm = (0, _react.css)({
98
121
  lineHeight: '24px',
99
122
  textAlign: 'center'
100
123
  });
124
+
125
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
101
126
  var codeMd = exports.codeMd = (0, _react.css)({
127
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
102
128
  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
103
129
  borderRadius: "var(--ds-border-radius, 3px)",
104
130
  display: 'inline-block',
@@ -107,7 +133,10 @@ var codeMd = exports.codeMd = (0, _react.css)({
107
133
  width: '50px',
108
134
  textAlign: 'center'
109
135
  });
136
+
137
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
110
138
  var codeLg = exports.codeLg = (0, _react.css)({
139
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
111
140
  backgroundColor: "var(--ds-background-neutral, ".concat(colors.N20, ")"),
112
141
  borderRadius: "var(--ds-border-radius, 3px)",
113
142
  display: 'inline-block',
@@ -116,15 +145,21 @@ var codeLg = exports.codeLg = (0, _react.css)({
116
145
  padding: "0 ".concat("var(--ds-space-150, 12px)"),
117
146
  textAlign: 'center'
118
147
  });
148
+
149
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
119
150
  var shortcutsArray = exports.shortcutsArray = (0, _react.css)({
120
151
  display: 'flex',
121
152
  flexDirection: 'column',
122
153
  flexShrink: 0,
123
154
  gap: "var(--ds-space-150, 12px)"
124
155
  });
156
+
157
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
125
158
  var componentFromKeymapWrapperStyles = exports.componentFromKeymapWrapperStyles = (0, _react.css)({
126
159
  flexShrink: 0
127
160
  });
161
+
162
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
128
163
  var toolbarButton = exports.toolbarButton = (0, _react.css)({
129
164
  '&:focus': {
130
165
  outline: "2px solid ".concat("var(--ds-border-focused, ".concat(_colors.B300, ")")),