@atlaskit/editor-common 82.3.0 → 82.4.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 (249) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/collab/index.js +1 -1
  3. package/dist/cjs/element-browser/ViewMore.js +1 -0
  4. package/dist/cjs/element-browser/components/CategoryList.js +2 -0
  5. package/dist/cjs/element-browser/components/ElementList/ElementList.js +19 -1
  6. package/dist/cjs/element-browser/components/ElementSearch.js +56 -42
  7. package/dist/cjs/element-browser/components/StatelessElementBrowser.js +18 -0
  8. package/dist/cjs/extensibility/Extension/Extension/index.js +6 -2
  9. package/dist/cjs/extensibility/Extension/Extension/styles.js +20 -0
  10. package/dist/cjs/extensibility/Extension/InlineExtension/index.js +3 -1
  11. package/dist/cjs/extensibility/Extension/InlineExtension/styles.js +8 -0
  12. package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
  13. package/dist/cjs/extensibility/Extension/Lozenge/LozengeComponent.js +20 -15
  14. package/dist/cjs/extensibility/Extension/Lozenge/index.js +1 -0
  15. package/dist/cjs/extensibility/Extension/styles.js +13 -0
  16. package/dist/cjs/extensibility/ExtensionNodeWrapper.js +2 -0
  17. package/dist/cjs/extensibility/MultiBodiedExtension/index.js +20 -4
  18. package/dist/cjs/extensibility/MultiBodiedExtension/styles.js +12 -0
  19. package/dist/cjs/keymaps/index.js +2 -1
  20. package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
  21. package/dist/cjs/link/LinkSearch/LinkSearchList.js +2 -0
  22. package/dist/cjs/link/LinkSearch/LinkSearchListItem.js +9 -0
  23. package/dist/cjs/link/LinkSearch/ToolbarComponents.js +7 -0
  24. package/dist/cjs/media-inline/inline-image-wrapper.js +9 -1
  25. package/dist/cjs/media-inline/styles.js +12 -1
  26. package/dist/cjs/media-inline/views/frame.js +7 -4
  27. package/dist/cjs/media-inline/views/icon-wrapper.js +1 -0
  28. package/dist/cjs/media-inline/views/wrapper.js +1 -0
  29. package/dist/cjs/media-single/CommentBadge.js +5 -1
  30. package/dist/cjs/messages/help-dialog.js +5 -0
  31. package/dist/cjs/monitoring/error.js +1 -1
  32. package/dist/cjs/rank.js +1 -1
  33. package/dist/cjs/selection/gap-cursor/styles.js +1 -1
  34. package/dist/cjs/styles/shared/annotation.js +6 -0
  35. package/dist/cjs/styles/shared/background-color.js +4 -0
  36. package/dist/cjs/styles/shared/block-marks.js +1 -0
  37. package/dist/cjs/styles/shared/blockquote.js +8 -1
  38. package/dist/cjs/styles/shared/code-block.js +2 -0
  39. package/dist/cjs/styles/shared/code-mark.js +1 -0
  40. package/dist/cjs/styles/shared/column-layout.js +6 -1
  41. package/dist/cjs/styles/shared/date.js +2 -0
  42. package/dist/cjs/styles/shared/embedCard.js +8 -0
  43. package/dist/cjs/styles/shared/expand.js +1 -0
  44. package/dist/cjs/styles/shared/grid.js +7 -0
  45. package/dist/cjs/styles/shared/headings.js +6 -0
  46. package/dist/cjs/styles/shared/indentation.js +8 -0
  47. package/dist/cjs/styles/shared/link.js +4 -1
  48. package/dist/cjs/styles/shared/lists.js +1 -1
  49. package/dist/cjs/styles/shared/media-single.js +8 -1
  50. package/dist/cjs/styles/shared/paragraph.js +4 -1
  51. package/dist/cjs/styles/shared/plugins.js +8 -0
  52. package/dist/cjs/styles/shared/resizer.js +1 -1
  53. package/dist/cjs/styles/shared/rule.js +2 -1
  54. package/dist/cjs/styles/shared/shadow.js +4 -1
  55. package/dist/cjs/styles/shared/smartCard.js +1 -1
  56. package/dist/cjs/styles/shared/tableCell.js +1 -0
  57. package/dist/cjs/styles/shared/task-decision.js +2 -0
  58. package/dist/cjs/styles/shared/text-color.js +3 -0
  59. package/dist/cjs/styles/shared/unsupported-content.js +1 -1
  60. package/dist/cjs/styles/shared/whitespace.js +3 -1
  61. package/dist/cjs/table/SortingIcon.js +2 -2
  62. package/dist/cjs/ui/DropList/index.js +5 -1
  63. package/dist/cjs/ui/Expand/index.js +13 -0
  64. package/dist/cjs/ui/MediaSingle/index.js +3 -1
  65. package/dist/cjs/ui/MediaSingle/link.js +1 -0
  66. package/dist/cjs/ui/MediaSingle/styled.js +6 -3
  67. package/dist/cjs/ui/Messages/index.js +12 -7
  68. package/dist/cjs/ui/MultiBodiedExtension/index.js +24 -0
  69. package/dist/cjs/ui/PanelTextInput/index.js +1 -0
  70. package/dist/cjs/ui/PanelTextInput/styles.js +6 -0
  71. package/dist/cjs/ui/Popup/index.js +1 -0
  72. package/dist/cjs/ui/UnsupportedBlock/index.js +2 -0
  73. package/dist/cjs/ui/UnsupportedInline/index.js +2 -0
  74. package/dist/cjs/ui/clear-next-sibling-margin-top.js +6 -2
  75. package/dist/cjs/ui-color/ColorPalette/Color/index.js +4 -2
  76. package/dist/cjs/ui-color/ColorPalette/Color/styles.js +3 -0
  77. package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
  78. package/dist/cjs/ui-color/ColorPalette/index.js +1 -0
  79. package/dist/cjs/ui-color/ColorPalette/styles.js +1 -0
  80. package/dist/cjs/ui-menu/ColorPickerButton/index.js +7 -0
  81. package/dist/cjs/ui-menu/DropdownMenu/index.js +1 -0
  82. package/dist/es2019/collab/index.js +1 -1
  83. package/dist/es2019/element-browser/ViewMore.js +1 -0
  84. package/dist/es2019/element-browser/components/CategoryList.js +3 -0
  85. package/dist/es2019/element-browser/components/ElementList/ElementList.js +19 -1
  86. package/dist/es2019/element-browser/components/ElementSearch.js +56 -42
  87. package/dist/es2019/element-browser/components/StatelessElementBrowser.js +18 -0
  88. package/dist/es2019/extensibility/Extension/Extension/index.js +6 -2
  89. package/dist/es2019/extensibility/Extension/Extension/styles.js +20 -0
  90. package/dist/es2019/extensibility/Extension/InlineExtension/index.js +3 -1
  91. package/dist/es2019/extensibility/Extension/InlineExtension/styles.js +9 -0
  92. package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
  93. package/dist/es2019/extensibility/Extension/Lozenge/LozengeComponent.js +19 -14
  94. package/dist/es2019/extensibility/Extension/Lozenge/index.js +1 -0
  95. package/dist/es2019/extensibility/Extension/styles.js +14 -0
  96. package/dist/es2019/extensibility/ExtensionNodeWrapper.js +2 -0
  97. package/dist/es2019/extensibility/MultiBodiedExtension/index.js +21 -5
  98. package/dist/es2019/extensibility/MultiBodiedExtension/styles.js +12 -0
  99. package/dist/es2019/keymaps/index.js +1 -0
  100. package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
  101. package/dist/es2019/link/LinkSearch/LinkSearchList.js +2 -0
  102. package/dist/es2019/link/LinkSearch/LinkSearchListItem.js +9 -0
  103. package/dist/es2019/link/LinkSearch/ToolbarComponents.js +8 -0
  104. package/dist/es2019/media-inline/inline-image-wrapper.js +9 -1
  105. package/dist/es2019/media-inline/styles.js +12 -1
  106. package/dist/es2019/media-inline/views/frame.js +3 -1
  107. package/dist/es2019/media-inline/views/icon-wrapper.js +1 -0
  108. package/dist/es2019/media-inline/views/wrapper.js +1 -0
  109. package/dist/es2019/media-single/CommentBadge.js +5 -1
  110. package/dist/es2019/messages/help-dialog.js +5 -0
  111. package/dist/es2019/monitoring/error.js +1 -1
  112. package/dist/es2019/rank.js +1 -1
  113. package/dist/es2019/selection/gap-cursor/styles.js +1 -1
  114. package/dist/es2019/styles/shared/annotation.js +6 -0
  115. package/dist/es2019/styles/shared/background-color.js +5 -0
  116. package/dist/es2019/styles/shared/block-marks.js +2 -0
  117. package/dist/es2019/styles/shared/blockquote.js +8 -1
  118. package/dist/es2019/styles/shared/code-block.js +2 -0
  119. package/dist/es2019/styles/shared/code-mark.js +2 -0
  120. package/dist/es2019/styles/shared/column-layout.js +6 -0
  121. package/dist/es2019/styles/shared/date.js +3 -0
  122. package/dist/es2019/styles/shared/embedCard.js +8 -0
  123. package/dist/es2019/styles/shared/expand.js +1 -0
  124. package/dist/es2019/styles/shared/grid.js +7 -0
  125. package/dist/es2019/styles/shared/headings.js +12 -0
  126. package/dist/es2019/styles/shared/indentation.js +9 -0
  127. package/dist/es2019/styles/shared/link.js +3 -0
  128. package/dist/es2019/styles/shared/lists.js +1 -1
  129. package/dist/es2019/styles/shared/media-single.js +15 -0
  130. package/dist/es2019/styles/shared/panel.js +1 -0
  131. package/dist/es2019/styles/shared/paragraph.js +4 -1
  132. package/dist/es2019/styles/shared/plugins.js +8 -0
  133. package/dist/es2019/styles/shared/resizer.js +1 -1
  134. package/dist/es2019/styles/shared/rule.js +2 -1
  135. package/dist/es2019/styles/shared/shadow.js +9 -0
  136. package/dist/es2019/styles/shared/smartCard.js +1 -1
  137. package/dist/es2019/styles/shared/tableCell.js +1 -0
  138. package/dist/es2019/styles/shared/task-decision.js +2 -0
  139. package/dist/es2019/styles/shared/text-color.js +4 -0
  140. package/dist/es2019/styles/shared/unsupported-content.js +1 -1
  141. package/dist/es2019/styles/shared/whitespace.js +2 -0
  142. package/dist/es2019/table/SortingIcon.js +2 -2
  143. package/dist/es2019/ui/DropList/index.js +5 -1
  144. package/dist/es2019/ui/Expand/index.js +13 -0
  145. package/dist/es2019/ui/MediaSingle/index.js +3 -1
  146. package/dist/es2019/ui/MediaSingle/link.js +2 -0
  147. package/dist/es2019/ui/MediaSingle/styled.js +3 -1
  148. package/dist/es2019/ui/Messages/index.js +5 -1
  149. package/dist/es2019/ui/MultiBodiedExtension/index.js +24 -0
  150. package/dist/es2019/ui/PanelTextInput/index.js +1 -0
  151. package/dist/es2019/ui/PanelTextInput/styles.js +6 -0
  152. package/dist/es2019/ui/Popup/index.js +1 -0
  153. package/dist/es2019/ui/UnsupportedBlock/index.js +2 -0
  154. package/dist/es2019/ui/UnsupportedInline/index.js +2 -0
  155. package/dist/es2019/ui/clear-next-sibling-margin-top.js +7 -2
  156. package/dist/es2019/ui-color/ColorPalette/Color/index.js +4 -2
  157. package/dist/es2019/ui-color/ColorPalette/Color/styles.js +3 -0
  158. package/dist/es2019/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
  159. package/dist/es2019/ui-color/ColorPalette/index.js +1 -0
  160. package/dist/es2019/ui-color/ColorPalette/styles.js +1 -0
  161. package/dist/es2019/ui-menu/ColorPickerButton/index.js +7 -0
  162. package/dist/es2019/ui-menu/DropdownMenu/index.js +1 -0
  163. package/dist/esm/collab/index.js +1 -1
  164. package/dist/esm/element-browser/ViewMore.js +1 -0
  165. package/dist/esm/element-browser/components/CategoryList.js +2 -0
  166. package/dist/esm/element-browser/components/ElementList/ElementList.js +19 -1
  167. package/dist/esm/element-browser/components/ElementSearch.js +56 -42
  168. package/dist/esm/element-browser/components/StatelessElementBrowser.js +18 -0
  169. package/dist/esm/extensibility/Extension/Extension/index.js +6 -2
  170. package/dist/esm/extensibility/Extension/Extension/styles.js +20 -0
  171. package/dist/esm/extensibility/Extension/InlineExtension/index.js +3 -1
  172. package/dist/esm/extensibility/Extension/InlineExtension/styles.js +9 -0
  173. package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
  174. package/dist/esm/extensibility/Extension/Lozenge/LozengeComponent.js +20 -15
  175. package/dist/esm/extensibility/Extension/Lozenge/index.js +1 -0
  176. package/dist/esm/extensibility/Extension/styles.js +14 -0
  177. package/dist/esm/extensibility/ExtensionNodeWrapper.js +2 -0
  178. package/dist/esm/extensibility/MultiBodiedExtension/index.js +20 -4
  179. package/dist/esm/extensibility/MultiBodiedExtension/styles.js +12 -0
  180. package/dist/esm/keymaps/index.js +1 -0
  181. package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
  182. package/dist/esm/link/LinkSearch/LinkSearchList.js +2 -0
  183. package/dist/esm/link/LinkSearch/LinkSearchListItem.js +9 -0
  184. package/dist/esm/link/LinkSearch/ToolbarComponents.js +8 -0
  185. package/dist/esm/media-inline/inline-image-wrapper.js +9 -1
  186. package/dist/esm/media-inline/styles.js +12 -1
  187. package/dist/esm/media-inline/views/frame.js +7 -4
  188. package/dist/esm/media-inline/views/icon-wrapper.js +1 -0
  189. package/dist/esm/media-inline/views/wrapper.js +1 -0
  190. package/dist/esm/media-single/CommentBadge.js +5 -1
  191. package/dist/esm/messages/help-dialog.js +5 -0
  192. package/dist/esm/monitoring/error.js +1 -1
  193. package/dist/esm/rank.js +1 -1
  194. package/dist/esm/selection/gap-cursor/styles.js +1 -1
  195. package/dist/esm/styles/shared/annotation.js +6 -0
  196. package/dist/esm/styles/shared/background-color.js +5 -0
  197. package/dist/esm/styles/shared/block-marks.js +2 -0
  198. package/dist/esm/styles/shared/blockquote.js +8 -1
  199. package/dist/esm/styles/shared/code-block.js +2 -0
  200. package/dist/esm/styles/shared/code-mark.js +1 -0
  201. package/dist/esm/styles/shared/column-layout.js +5 -0
  202. package/dist/esm/styles/shared/date.js +2 -0
  203. package/dist/esm/styles/shared/embedCard.js +8 -0
  204. package/dist/esm/styles/shared/expand.js +1 -0
  205. package/dist/esm/styles/shared/grid.js +7 -0
  206. package/dist/esm/styles/shared/headings.js +6 -0
  207. package/dist/esm/styles/shared/indentation.js +9 -0
  208. package/dist/esm/styles/shared/link.js +3 -0
  209. package/dist/esm/styles/shared/lists.js +1 -1
  210. package/dist/esm/styles/shared/media-single.js +7 -0
  211. package/dist/esm/styles/shared/paragraph.js +4 -1
  212. package/dist/esm/styles/shared/plugins.js +8 -0
  213. package/dist/esm/styles/shared/resizer.js +1 -1
  214. package/dist/esm/styles/shared/rule.js +2 -1
  215. package/dist/esm/styles/shared/shadow.js +3 -0
  216. package/dist/esm/styles/shared/smartCard.js +1 -1
  217. package/dist/esm/styles/shared/tableCell.js +1 -0
  218. package/dist/esm/styles/shared/task-decision.js +2 -0
  219. package/dist/esm/styles/shared/text-color.js +4 -0
  220. package/dist/esm/styles/shared/unsupported-content.js +1 -1
  221. package/dist/esm/styles/shared/whitespace.js +2 -0
  222. package/dist/esm/table/SortingIcon.js +2 -2
  223. package/dist/esm/ui/DropList/index.js +5 -1
  224. package/dist/esm/ui/Expand/index.js +13 -0
  225. package/dist/esm/ui/MediaSingle/index.js +3 -1
  226. package/dist/esm/ui/MediaSingle/link.js +2 -0
  227. package/dist/esm/ui/MediaSingle/styled.js +6 -3
  228. package/dist/esm/ui/Messages/index.js +12 -7
  229. package/dist/esm/ui/MultiBodiedExtension/index.js +24 -0
  230. package/dist/esm/ui/PanelTextInput/index.js +1 -0
  231. package/dist/esm/ui/PanelTextInput/styles.js +6 -0
  232. package/dist/esm/ui/Popup/index.js +1 -0
  233. package/dist/esm/ui/UnsupportedBlock/index.js +2 -0
  234. package/dist/esm/ui/UnsupportedInline/index.js +2 -0
  235. package/dist/esm/ui/clear-next-sibling-margin-top.js +6 -2
  236. package/dist/esm/ui-color/ColorPalette/Color/index.js +4 -2
  237. package/dist/esm/ui-color/ColorPalette/Color/styles.js +3 -0
  238. package/dist/esm/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
  239. package/dist/esm/ui-color/ColorPalette/index.js +1 -0
  240. package/dist/esm/ui-color/ColorPalette/styles.js +1 -0
  241. package/dist/esm/ui-menu/ColorPickerButton/index.js +7 -0
  242. package/dist/esm/ui-menu/DropdownMenu/index.js +1 -0
  243. package/dist/types/analytics/types/highlight-events.d.ts +4 -2
  244. package/dist/types/keymaps/index.d.ts +1 -0
  245. package/dist/types/messages/help-dialog.d.ts +5 -0
  246. package/dist/types-ts4.5/analytics/types/highlight-events.d.ts +4 -2
  247. package/dist/types-ts4.5/keymaps/index.d.ts +1 -0
  248. package/dist/types-ts4.5/messages/help-dialog.d.ts +5 -0
  249. package/package.json +1 -1
@@ -3,26 +3,35 @@
3
3
  import { css } from '@emotion/react';
4
4
  // Wraps the navigation bar and extensionFrames
5
5
  var mbeExtensionContainer = css({
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
6
7
  background: 'transparent !important',
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
7
9
  'padding:': {
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
8
11
  left: "var(--ds-space-100, 8px)".concat(" !important"),
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
9
13
  right: "var(--ds-space-100, 8px)".concat(" !important")
10
14
  },
11
15
  paddingBottom: "var(--ds-space-100, 8px)",
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
12
17
  '&.remove-padding': {
13
18
  paddingBottom: 0
14
19
  },
15
20
  position: 'relative',
16
21
  verticalAlign: 'middle',
17
22
  cursor: 'pointer',
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
18
24
  '.multiBodiedExtension-handler-result': {
19
25
  marginLeft: "var(--ds-space-100, 8px)"
20
26
  },
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
21
28
  ".multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'], .multiBodiedExtension--frames > [data-extension-frame='true']": {
22
29
  display: 'none',
23
30
  background: "var(--ds-surface, white)"
24
31
  },
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
25
33
  '.multiBodiedExtension-content-dom-wrapper, .multiBodiedExtension--frames': {
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
26
35
  "[data-extension-frame='true'] > :not(style):first-child, [data-extension-frame='true'] > style:first-child + *": {
27
36
  marginTop: 0
28
37
  }
@@ -33,18 +42,22 @@ var mbeNavigation = css({
33
42
  borderTopRightRadius: "var(--ds-border-radius, 3px)",
34
43
  userSelect: 'none',
35
44
  WebkitUserModify: 'read-only',
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
36
46
  borderBottom: 'none !important',
37
47
  background: "var(--ds-surface, white)",
38
48
  marginLeft: "var(--ds-space-100, 8px)",
39
49
  marginRight: "var(--ds-space-100, 8px)",
50
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
40
51
  '&.remove-margins': {
41
52
  margin: "var(--ds-space-negative-100, -8px)"
42
53
  },
54
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
43
55
  '&.remove-border': {
44
56
  border: 'none'
45
57
  }
46
58
  });
47
59
  var extensionFrameContent = css({
60
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
48
61
  padding: "var(--ds-space-100, 8px)".concat(" !important"),
49
62
  display: 'block',
50
63
  minHeight: '100px',
@@ -54,22 +67,33 @@ var extensionFrameContent = css({
54
67
  marginLeft: "var(--ds-space-100, 8px)",
55
68
  marginRight: "var(--ds-space-100, 8px)",
56
69
  cursor: 'initial',
70
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
57
71
  '.pm-table-with-controls': {
72
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
58
73
  marginLeft: "var(--ds-space-150, 12px)".concat(" !important"),
74
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
59
75
  paddingRight: "var(--ds-space-150, 12px)".concat(" !important")
60
76
  },
77
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
61
78
  '.bodiedExtensionView-content-wrap': {
79
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
62
80
  marginTop: "var(--ds-space-150, 12px)".concat(" !important")
63
81
  },
82
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
64
83
  '.extensionView-content-wrap': {
84
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
65
85
  marginTop: "var(--ds-space-100, 8px)".concat(" !important")
66
86
  }
67
87
  });
88
+
89
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
68
90
  export var removeMarginsAndBorder = css({
69
91
  marginLeft: 0,
70
92
  marginRight: 0,
71
93
  border: 'none'
72
94
  });
95
+
96
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
73
97
  export var sharedMultiBodiedExtensionStyles = {
74
98
  mbeExtensionContainer: mbeExtensionContainer,
75
99
  mbeNavigation: mbeNavigation,
@@ -119,6 +119,7 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
119
119
  inputId = _this$props2.inputId;
120
120
  var value = this.state.value;
121
121
  return jsx("input", {
122
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
122
123
  css: [panelTextInput, width !== undefined && panelTextInputWithCustomWidth(width)],
123
124
  role: role,
124
125
  "aria-autocomplete": ariaAutoComplete ? 'list' : undefined,
@@ -2,7 +2,9 @@ import { css } from '@emotion/react';
2
2
  import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
3
3
  import { B100, N100, N30, N400 } from '@atlaskit/theme/colors';
4
4
  // Normal .className gets overridden by input[type=text] hence this hack to produce input.className
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
6
  export var panelTextInput = css({
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
6
8
  'input&': {
7
9
  background: 'transparent',
8
10
  border: "2px solid ".concat("var(--ds-border, ".concat(N30, ")")),
@@ -10,11 +12,13 @@ export var panelTextInput = css({
10
12
  boxSizing: 'content-box',
11
13
  color: "var(--ds-text-subtle, ".concat(N400, ")"),
12
14
  flexGrow: 1,
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
13
16
  fontSize: relativeFontSizeToBase16(13),
14
17
  lineHeight: '20px',
15
18
  padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-400, 32px)", " ", "var(--ds-space-075, 6px)", " ", "var(--ds-space-100, 8px)"),
16
19
  minWidth: '145px',
17
20
  /* Hides IE10+ built-in [x] clear input button */
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
18
22
  '&::-ms-clear': {
19
23
  display: 'none'
20
24
  },
@@ -29,7 +33,9 @@ export var panelTextInput = css({
29
33
  });
30
34
  export var panelTextInputWithCustomWidth = function panelTextInputWithCustomWidth(width) {
31
35
  return css({
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
32
37
  'input&': {
38
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
33
39
  width: "".concat(width, "px")
34
40
  }
35
41
  });
@@ -287,6 +287,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
287
287
  style: _objectSpread(_objectSpread({
288
288
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
289
289
  position: 'absolute',
290
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
290
291
  zIndex: this.props.zIndex || akEditorFloatingPanelZIndex
291
292
  }, position), this.props.style),
292
293
  "aria-label": ariaLabel,
@@ -14,10 +14,12 @@ import { getUnsupportedContent } from '../unsupported-content-helper';
14
14
  var blockNodeStyle = css({
15
15
  background: "var(--ds-background-disabled, ".concat(N30, ")"),
16
16
  border: "1px dashed ".concat("var(--ds-border-disabled, ".concat(N50, ")")),
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
17
18
  borderRadius: "".concat(borderRadius(), "px"),
18
19
  boxSizing: 'border-box',
19
20
  cursor: 'default',
20
21
  display: 'flex',
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
21
23
  fontSize: relativeFontSizeToBase16(fontSize()),
22
24
  margin: "var(--ds-space-100, 8px)".concat(" 0"),
23
25
  minHeight: '24px',
@@ -15,10 +15,12 @@ var inlineNodeStyle = css({
15
15
  alignItems: 'center',
16
16
  background: "var(--ds-background-disabled, ".concat(N30, ")"),
17
17
  border: "1px dashed ".concat("var(--ds-border-disabled, ".concat(N50, ")")),
18
+ // 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
19
  borderRadius: "".concat(borderRadius(), "px"),
19
20
  boxSizing: 'border-box',
20
21
  cursor: 'default',
21
22
  display: 'inline-flex',
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
22
24
  fontSize: relativeFontSizeToBase16(fontSize()),
23
25
  margin: "0 ".concat("var(--ds-space-025, 2px)"),
24
26
  minHeight: '24px',
@@ -3,9 +3,11 @@ import { css } from '@emotion/react';
3
3
 
4
4
  // We use !important to ensure next sibling gets the margin reset no matter what
5
5
 
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
6
7
  export var clearNextSiblingMarginTopStyle = css({
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
9
  '& + *': {
8
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
10
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
9
11
  marginTop: '0 !important'
10
12
  }
11
13
  });
@@ -13,7 +15,9 @@ var textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
13
15
  var nextSiblingBlockMarkContentSelectors = textElements.map(function (elem) {
14
16
  return "+ .fabric-editor-block-mark > ".concat(elem);
15
17
  }).join(',');
18
+
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
16
20
  export var clearNextSiblingBlockMarkMarginTopStyle = css(_defineProperty({}, "".concat(nextSiblingBlockMarkContentSelectors), {
17
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
21
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
18
22
  marginTop: '0 !important'
19
23
  }));
@@ -58,7 +58,7 @@ function FunctionalComponentColor(props) {
58
58
  border: "1px solid ".concat(borderColor)
59
59
  },
60
60
  autoFocus: autoFocus
61
- }, isSelected && jsx(EditorDoneIcon, {
61
+ }, !decorator && isSelected && jsx(EditorDoneIcon, {
62
62
  primaryColor: checkMarkColor,
63
63
  label: ""
64
64
  }), decorator)));
@@ -105,7 +105,9 @@ var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
105
105
  }, jsx("span", {
106
106
  css: buttonWrapperStyle
107
107
  }, jsx("button", {
108
- type: "button",
108
+ type: "button"
109
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
110
+ ,
109
111
  css: buttonStyle,
110
112
  "aria-label": label,
111
113
  role: "radio",
@@ -2,6 +2,7 @@ import { css } from '@emotion/react';
2
2
  import { N0, N50, N900 } from '@atlaskit/theme/colors';
3
3
  /** this is not new usage - old code extracted from editor-core */
4
4
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
6
  export var buttonStyle = css({
6
7
  height: '26px',
7
8
  width: '26px',
@@ -16,6 +17,7 @@ export var buttonStyle = css({
16
17
 
17
18
  /** this is not new usage - old code extracted from editor-core */
18
19
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
19
21
  export var buttonWrapperStyle = css({
20
22
  border: '1px solid transparent',
21
23
  fontSize: 0,
@@ -24,6 +26,7 @@ export var buttonWrapperStyle = css({
24
26
  padding: "var(--ds-space-025, 2px)",
25
27
  borderRadius: '6px',
26
28
  '&:focus-within, &:focus, &:hover': {
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
27
30
  borderColor: "".concat("var(--ds-border, ".concat(N50, ")"), " !important")
28
31
  }
29
32
  });
@@ -123,7 +123,7 @@ export default defineMessages({
123
123
  // Colors only used in highlight palette
124
124
  'no-color': {
125
125
  id: 'fabric.theme.no-color',
126
- defaultMessage: 'Remove highlight',
126
+ defaultMessage: 'No highlight',
127
127
  description: 'Tooltip for the no color option in the highlight color palette in the main editor toolbar'
128
128
  },
129
129
  lime: {
@@ -54,6 +54,7 @@ var ColorPalette = function ColorPalette(props) {
54
54
  }, [palette, cols]);
55
55
  return jsx(React.Fragment, null, colorsPerRow.map(function (row) {
56
56
  return jsx("div", {
57
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
57
58
  css: colorPaletteWrapper
58
59
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
59
60
  ,
@@ -1,4 +1,5 @@
1
1
  import { css } from '@emotion/react';
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
2
3
  export var colorPaletteWrapper = css({
3
4
  padding: "0 ".concat("var(--ds-space-100, 8px)"),
4
5
  /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */
@@ -25,6 +25,7 @@ var colorPickerExpandContainer = css({
25
25
  // Control the size of color picker buttons and preview
26
26
  // TODO: https://product-fabric.atlassian.net/browse/DSP-4134
27
27
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
28
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
28
29
  var colorPickerWrapper = function colorPickerWrapper() {
29
30
  return css({
30
31
  borderRadius: "var(--ds-border-radius, 3px)",
@@ -168,17 +169,23 @@ var ColorPickerButton = function ColorPickerButton(props) {
168
169
  return css({
169
170
  padding: "var(--ds-space-075, 6px)".concat(" 10px"),
170
171
  backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
172
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
171
173
  height: "".concat(!!((_props$size = props.size) !== null && _props$size !== void 0 && _props$size.height) ? 'inherit' : ''),
174
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
172
175
  '&:before': {
173
176
  display: 'flex',
174
177
  justifyContent: 'center',
175
178
  alignItems: 'center',
176
179
  alignSelf: 'center',
177
180
  content: "''",
181
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
178
182
  border: "1px solid ".concat(DEFAULT_BORDER_COLOR),
179
183
  borderRadius: "var(--ds-border-radius, 3px)",
184
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
180
185
  backgroundColor: currentColor || 'transparent',
186
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
181
187
  width: ((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.width) || '14px',
188
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
182
189
  height: ((_props$size3 = props.size) === null || _props$size3 === void 0 ? void 0 : _props$size3.height) || '14px',
183
190
  padding: 0,
184
191
  margin: "0px ".concat("var(--ds-space-025, 2px)")
@@ -34,6 +34,7 @@ import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
34
34
  import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
35
35
  var wrapper = css({
36
36
  /* tooltip in ToolbarButton is display:block */
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
37
38
  '& > div > div': {
38
39
  display: 'flex'
39
40
  }
@@ -1,6 +1,8 @@
1
- import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
1
+ import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
2
2
  import type { TrackAEP } from './utils';
3
- export type HighlightToolbarToggleAEP = TrackAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, undefined, undefined>;
3
+ export type HighlightToolbarToggleAEP = TrackAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, {
4
+ inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT;
5
+ }, undefined>;
4
6
  export type HighlightTextAEP = TrackAEP<ACTION.FORMATTED, ACTION_SUBJECT.TEXT, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, {
5
7
  newColor: string;
6
8
  previousColor: string;
@@ -89,6 +89,7 @@ export declare const selectTable: Keymap;
89
89
  export declare const increaseMediaSize: Keymap;
90
90
  export declare const decreaseMediaSize: Keymap;
91
91
  export declare const activateVideoControls: Keymap;
92
+ export declare const toggleHighlightPalette: Keymap;
92
93
  export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
93
94
  export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
94
95
  description?: string | React.ReactNode;
@@ -84,4 +84,9 @@ export declare const helpDialogMessages: {
84
84
  defaultMessage: string;
85
85
  description: string;
86
86
  };
87
+ highlightColor: {
88
+ id: string;
89
+ defaultMessage: string;
90
+ description: string;
91
+ };
87
92
  };
@@ -1,6 +1,8 @@
1
- import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID } from './enums';
1
+ import type { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, INPUT_METHOD } from './enums';
2
2
  import type { TrackAEP } from './utils';
3
- export type HighlightToolbarToggleAEP = TrackAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, undefined, undefined>;
3
+ export type HighlightToolbarToggleAEP = TrackAEP<ACTION.OPENED | ACTION.CLOSED, ACTION_SUBJECT.TOOLBAR, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, {
4
+ inputMethod: INPUT_METHOD.TOOLBAR | INPUT_METHOD.SHORTCUT;
5
+ }, undefined>;
4
6
  export type HighlightTextAEP = TrackAEP<ACTION.FORMATTED, ACTION_SUBJECT.TEXT, ACTION_SUBJECT_ID.FORMAT_BACKGROUND_COLOR, {
5
7
  newColor: string;
6
8
  previousColor: string;
@@ -89,6 +89,7 @@ export declare const selectTable: Keymap;
89
89
  export declare const increaseMediaSize: Keymap;
90
90
  export declare const decreaseMediaSize: Keymap;
91
91
  export declare const activateVideoControls: Keymap;
92
+ export declare const toggleHighlightPalette: Keymap;
92
93
  export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
93
94
  export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
94
95
  description?: string | React.ReactNode;
@@ -84,4 +84,9 @@ export declare const helpDialogMessages: {
84
84
  defaultMessage: string;
85
85
  description: string;
86
86
  };
87
+ highlightColor: {
88
+ id: string;
89
+ defaultMessage: string;
90
+ description: string;
91
+ };
87
92
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-common",
3
- "version": "82.3.0",
3
+ "version": "82.4.0",
4
4
  "description": "A package that contains common classes and components for editor and renderer",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"