@atlaskit/editor-common 82.3.0 → 82.5.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 (275) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/cjs/analytics/types/element-events.js +5 -0
  3. package/dist/cjs/analytics/types/enums.js +8 -0
  4. package/dist/cjs/collab/index.js +1 -1
  5. package/dist/cjs/element-browser/ViewMore.js +1 -0
  6. package/dist/cjs/element-browser/components/CategoryList.js +2 -0
  7. package/dist/cjs/element-browser/components/ElementList/ElementList.js +19 -1
  8. package/dist/cjs/element-browser/components/ElementSearch.js +56 -42
  9. package/dist/cjs/element-browser/components/StatelessElementBrowser.js +18 -0
  10. package/dist/cjs/extensibility/Extension/Extension/index.js +6 -2
  11. package/dist/cjs/extensibility/Extension/Extension/styles.js +20 -0
  12. package/dist/cjs/extensibility/Extension/InlineExtension/index.js +3 -1
  13. package/dist/cjs/extensibility/Extension/InlineExtension/styles.js +8 -0
  14. package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
  15. package/dist/cjs/extensibility/Extension/Lozenge/LozengeComponent.js +20 -15
  16. package/dist/cjs/extensibility/Extension/Lozenge/index.js +1 -0
  17. package/dist/cjs/extensibility/Extension/styles.js +13 -0
  18. package/dist/cjs/extensibility/ExtensionNodeWrapper.js +2 -0
  19. package/dist/cjs/extensibility/MultiBodiedExtension/index.js +20 -4
  20. package/dist/cjs/extensibility/MultiBodiedExtension/styles.js +12 -0
  21. package/dist/cjs/extensions/module-helpers.js +4 -0
  22. package/dist/cjs/keymaps/index.js +2 -1
  23. package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
  24. package/dist/cjs/link/LinkSearch/LinkSearchList.js +2 -0
  25. package/dist/cjs/link/LinkSearch/LinkSearchListItem.js +9 -0
  26. package/dist/cjs/link/LinkSearch/ToolbarComponents.js +7 -0
  27. package/dist/cjs/media-inline/inline-image-wrapper.js +9 -1
  28. package/dist/cjs/media-inline/styles.js +12 -1
  29. package/dist/cjs/media-inline/views/frame.js +7 -4
  30. package/dist/cjs/media-inline/views/icon-wrapper.js +1 -0
  31. package/dist/cjs/media-inline/views/wrapper.js +1 -0
  32. package/dist/cjs/media-single/CommentBadge.js +5 -1
  33. package/dist/cjs/messages/help-dialog.js +5 -0
  34. package/dist/cjs/monitoring/error.js +1 -1
  35. package/dist/cjs/rank.js +1 -1
  36. package/dist/cjs/selection/gap-cursor/styles.js +1 -1
  37. package/dist/cjs/styles/shared/annotation.js +6 -0
  38. package/dist/cjs/styles/shared/background-color.js +4 -0
  39. package/dist/cjs/styles/shared/block-marks.js +1 -0
  40. package/dist/cjs/styles/shared/blockquote.js +8 -1
  41. package/dist/cjs/styles/shared/code-block.js +2 -0
  42. package/dist/cjs/styles/shared/code-mark.js +1 -0
  43. package/dist/cjs/styles/shared/column-layout.js +6 -1
  44. package/dist/cjs/styles/shared/date.js +2 -0
  45. package/dist/cjs/styles/shared/embedCard.js +8 -0
  46. package/dist/cjs/styles/shared/expand.js +1 -0
  47. package/dist/cjs/styles/shared/grid.js +7 -0
  48. package/dist/cjs/styles/shared/headings.js +6 -0
  49. package/dist/cjs/styles/shared/indentation.js +8 -0
  50. package/dist/cjs/styles/shared/link.js +4 -1
  51. package/dist/cjs/styles/shared/lists.js +1 -1
  52. package/dist/cjs/styles/shared/media-single.js +8 -1
  53. package/dist/cjs/styles/shared/paragraph.js +4 -1
  54. package/dist/cjs/styles/shared/plugins.js +8 -0
  55. package/dist/cjs/styles/shared/resizer.js +1 -1
  56. package/dist/cjs/styles/shared/rule.js +2 -1
  57. package/dist/cjs/styles/shared/shadow.js +4 -1
  58. package/dist/cjs/styles/shared/smartCard.js +1 -1
  59. package/dist/cjs/styles/shared/tableCell.js +1 -0
  60. package/dist/cjs/styles/shared/task-decision.js +2 -0
  61. package/dist/cjs/styles/shared/text-color.js +3 -0
  62. package/dist/cjs/styles/shared/unsupported-content.js +1 -1
  63. package/dist/cjs/styles/shared/whitespace.js +3 -1
  64. package/dist/cjs/table/SortingIcon.js +2 -2
  65. package/dist/cjs/ui/DropList/index.js +5 -1
  66. package/dist/cjs/ui/Expand/index.js +13 -0
  67. package/dist/cjs/ui/FloatingToolbar/Button.js +2 -0
  68. package/dist/cjs/ui/MediaSingle/index.js +3 -1
  69. package/dist/cjs/ui/MediaSingle/link.js +1 -0
  70. package/dist/cjs/ui/MediaSingle/styled.js +6 -3
  71. package/dist/cjs/ui/Messages/index.js +12 -7
  72. package/dist/cjs/ui/MultiBodiedExtension/index.js +24 -0
  73. package/dist/cjs/ui/PanelTextInput/index.js +1 -0
  74. package/dist/cjs/ui/PanelTextInput/styles.js +6 -0
  75. package/dist/cjs/ui/Popup/index.js +1 -0
  76. package/dist/cjs/ui/UnsupportedBlock/index.js +2 -0
  77. package/dist/cjs/ui/UnsupportedInline/index.js +2 -0
  78. package/dist/cjs/ui/clear-next-sibling-margin-top.js +6 -2
  79. package/dist/cjs/ui-color/ColorPalette/Color/index.js +10 -3
  80. package/dist/cjs/ui-color/ColorPalette/Color/styles.js +3 -0
  81. package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
  82. package/dist/cjs/ui-color/ColorPalette/index.js +1 -0
  83. package/dist/cjs/ui-color/ColorPalette/styles.js +1 -0
  84. package/dist/cjs/ui-menu/ColorPickerButton/index.js +7 -0
  85. package/dist/cjs/ui-menu/DropdownMenu/index.js +1 -0
  86. package/dist/es2019/analytics/types/element-events.js +1 -0
  87. package/dist/es2019/analytics/types/enums.js +8 -0
  88. package/dist/es2019/collab/index.js +1 -1
  89. package/dist/es2019/element-browser/ViewMore.js +1 -0
  90. package/dist/es2019/element-browser/components/CategoryList.js +3 -0
  91. package/dist/es2019/element-browser/components/ElementList/ElementList.js +19 -1
  92. package/dist/es2019/element-browser/components/ElementSearch.js +56 -42
  93. package/dist/es2019/element-browser/components/StatelessElementBrowser.js +18 -0
  94. package/dist/es2019/extensibility/Extension/Extension/index.js +6 -2
  95. package/dist/es2019/extensibility/Extension/Extension/styles.js +20 -0
  96. package/dist/es2019/extensibility/Extension/InlineExtension/index.js +3 -1
  97. package/dist/es2019/extensibility/Extension/InlineExtension/styles.js +9 -0
  98. package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
  99. package/dist/es2019/extensibility/Extension/Lozenge/LozengeComponent.js +19 -14
  100. package/dist/es2019/extensibility/Extension/Lozenge/index.js +1 -0
  101. package/dist/es2019/extensibility/Extension/styles.js +14 -0
  102. package/dist/es2019/extensibility/ExtensionNodeWrapper.js +2 -0
  103. package/dist/es2019/extensibility/MultiBodiedExtension/index.js +21 -5
  104. package/dist/es2019/extensibility/MultiBodiedExtension/styles.js +12 -0
  105. package/dist/es2019/extensions/module-helpers.js +4 -0
  106. package/dist/es2019/keymaps/index.js +1 -0
  107. package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
  108. package/dist/es2019/link/LinkSearch/LinkSearchList.js +2 -0
  109. package/dist/es2019/link/LinkSearch/LinkSearchListItem.js +9 -0
  110. package/dist/es2019/link/LinkSearch/ToolbarComponents.js +8 -0
  111. package/dist/es2019/media-inline/inline-image-wrapper.js +9 -1
  112. package/dist/es2019/media-inline/styles.js +12 -1
  113. package/dist/es2019/media-inline/views/frame.js +3 -1
  114. package/dist/es2019/media-inline/views/icon-wrapper.js +1 -0
  115. package/dist/es2019/media-inline/views/wrapper.js +1 -0
  116. package/dist/es2019/media-single/CommentBadge.js +5 -1
  117. package/dist/es2019/messages/help-dialog.js +5 -0
  118. package/dist/es2019/monitoring/error.js +1 -1
  119. package/dist/es2019/rank.js +1 -1
  120. package/dist/es2019/selection/gap-cursor/styles.js +1 -1
  121. package/dist/es2019/styles/shared/annotation.js +6 -0
  122. package/dist/es2019/styles/shared/background-color.js +5 -0
  123. package/dist/es2019/styles/shared/block-marks.js +2 -0
  124. package/dist/es2019/styles/shared/blockquote.js +8 -1
  125. package/dist/es2019/styles/shared/code-block.js +2 -0
  126. package/dist/es2019/styles/shared/code-mark.js +2 -0
  127. package/dist/es2019/styles/shared/column-layout.js +6 -0
  128. package/dist/es2019/styles/shared/date.js +3 -0
  129. package/dist/es2019/styles/shared/embedCard.js +8 -0
  130. package/dist/es2019/styles/shared/expand.js +1 -0
  131. package/dist/es2019/styles/shared/grid.js +7 -0
  132. package/dist/es2019/styles/shared/headings.js +12 -0
  133. package/dist/es2019/styles/shared/indentation.js +9 -0
  134. package/dist/es2019/styles/shared/link.js +3 -0
  135. package/dist/es2019/styles/shared/lists.js +1 -1
  136. package/dist/es2019/styles/shared/media-single.js +15 -0
  137. package/dist/es2019/styles/shared/panel.js +1 -0
  138. package/dist/es2019/styles/shared/paragraph.js +4 -1
  139. package/dist/es2019/styles/shared/plugins.js +8 -0
  140. package/dist/es2019/styles/shared/resizer.js +1 -1
  141. package/dist/es2019/styles/shared/rule.js +2 -1
  142. package/dist/es2019/styles/shared/shadow.js +9 -0
  143. package/dist/es2019/styles/shared/smartCard.js +1 -1
  144. package/dist/es2019/styles/shared/tableCell.js +1 -0
  145. package/dist/es2019/styles/shared/task-decision.js +2 -0
  146. package/dist/es2019/styles/shared/text-color.js +4 -0
  147. package/dist/es2019/styles/shared/unsupported-content.js +1 -1
  148. package/dist/es2019/styles/shared/whitespace.js +2 -0
  149. package/dist/es2019/table/SortingIcon.js +2 -2
  150. package/dist/es2019/ui/DropList/index.js +5 -1
  151. package/dist/es2019/ui/Expand/index.js +13 -0
  152. package/dist/es2019/ui/FloatingToolbar/Button.js +2 -0
  153. package/dist/es2019/ui/MediaSingle/index.js +3 -1
  154. package/dist/es2019/ui/MediaSingle/link.js +2 -0
  155. package/dist/es2019/ui/MediaSingle/styled.js +3 -1
  156. package/dist/es2019/ui/Messages/index.js +5 -1
  157. package/dist/es2019/ui/MultiBodiedExtension/index.js +24 -0
  158. package/dist/es2019/ui/PanelTextInput/index.js +1 -0
  159. package/dist/es2019/ui/PanelTextInput/styles.js +6 -0
  160. package/dist/es2019/ui/Popup/index.js +1 -0
  161. package/dist/es2019/ui/UnsupportedBlock/index.js +2 -0
  162. package/dist/es2019/ui/UnsupportedInline/index.js +2 -0
  163. package/dist/es2019/ui/clear-next-sibling-margin-top.js +7 -2
  164. package/dist/es2019/ui-color/ColorPalette/Color/index.js +10 -3
  165. package/dist/es2019/ui-color/ColorPalette/Color/styles.js +3 -0
  166. package/dist/es2019/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
  167. package/dist/es2019/ui-color/ColorPalette/index.js +1 -0
  168. package/dist/es2019/ui-color/ColorPalette/styles.js +1 -0
  169. package/dist/es2019/ui-menu/ColorPickerButton/index.js +7 -0
  170. package/dist/es2019/ui-menu/DropdownMenu/index.js +1 -0
  171. package/dist/esm/analytics/types/element-events.js +1 -0
  172. package/dist/esm/analytics/types/enums.js +8 -0
  173. package/dist/esm/collab/index.js +1 -1
  174. package/dist/esm/element-browser/ViewMore.js +1 -0
  175. package/dist/esm/element-browser/components/CategoryList.js +2 -0
  176. package/dist/esm/element-browser/components/ElementList/ElementList.js +19 -1
  177. package/dist/esm/element-browser/components/ElementSearch.js +56 -42
  178. package/dist/esm/element-browser/components/StatelessElementBrowser.js +18 -0
  179. package/dist/esm/extensibility/Extension/Extension/index.js +6 -2
  180. package/dist/esm/extensibility/Extension/Extension/styles.js +20 -0
  181. package/dist/esm/extensibility/Extension/InlineExtension/index.js +3 -1
  182. package/dist/esm/extensibility/Extension/InlineExtension/styles.js +9 -0
  183. package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
  184. package/dist/esm/extensibility/Extension/Lozenge/LozengeComponent.js +20 -15
  185. package/dist/esm/extensibility/Extension/Lozenge/index.js +1 -0
  186. package/dist/esm/extensibility/Extension/styles.js +14 -0
  187. package/dist/esm/extensibility/ExtensionNodeWrapper.js +2 -0
  188. package/dist/esm/extensibility/MultiBodiedExtension/index.js +20 -4
  189. package/dist/esm/extensibility/MultiBodiedExtension/styles.js +12 -0
  190. package/dist/esm/extensions/module-helpers.js +4 -0
  191. package/dist/esm/keymaps/index.js +1 -0
  192. package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
  193. package/dist/esm/link/LinkSearch/LinkSearchList.js +2 -0
  194. package/dist/esm/link/LinkSearch/LinkSearchListItem.js +9 -0
  195. package/dist/esm/link/LinkSearch/ToolbarComponents.js +8 -0
  196. package/dist/esm/media-inline/inline-image-wrapper.js +9 -1
  197. package/dist/esm/media-inline/styles.js +12 -1
  198. package/dist/esm/media-inline/views/frame.js +7 -4
  199. package/dist/esm/media-inline/views/icon-wrapper.js +1 -0
  200. package/dist/esm/media-inline/views/wrapper.js +1 -0
  201. package/dist/esm/media-single/CommentBadge.js +5 -1
  202. package/dist/esm/messages/help-dialog.js +5 -0
  203. package/dist/esm/monitoring/error.js +1 -1
  204. package/dist/esm/rank.js +1 -1
  205. package/dist/esm/selection/gap-cursor/styles.js +1 -1
  206. package/dist/esm/styles/shared/annotation.js +6 -0
  207. package/dist/esm/styles/shared/background-color.js +5 -0
  208. package/dist/esm/styles/shared/block-marks.js +2 -0
  209. package/dist/esm/styles/shared/blockquote.js +8 -1
  210. package/dist/esm/styles/shared/code-block.js +2 -0
  211. package/dist/esm/styles/shared/code-mark.js +1 -0
  212. package/dist/esm/styles/shared/column-layout.js +5 -0
  213. package/dist/esm/styles/shared/date.js +2 -0
  214. package/dist/esm/styles/shared/embedCard.js +8 -0
  215. package/dist/esm/styles/shared/expand.js +1 -0
  216. package/dist/esm/styles/shared/grid.js +7 -0
  217. package/dist/esm/styles/shared/headings.js +6 -0
  218. package/dist/esm/styles/shared/indentation.js +9 -0
  219. package/dist/esm/styles/shared/link.js +3 -0
  220. package/dist/esm/styles/shared/lists.js +1 -1
  221. package/dist/esm/styles/shared/media-single.js +7 -0
  222. package/dist/esm/styles/shared/paragraph.js +4 -1
  223. package/dist/esm/styles/shared/plugins.js +8 -0
  224. package/dist/esm/styles/shared/resizer.js +1 -1
  225. package/dist/esm/styles/shared/rule.js +2 -1
  226. package/dist/esm/styles/shared/shadow.js +3 -0
  227. package/dist/esm/styles/shared/smartCard.js +1 -1
  228. package/dist/esm/styles/shared/tableCell.js +1 -0
  229. package/dist/esm/styles/shared/task-decision.js +2 -0
  230. package/dist/esm/styles/shared/text-color.js +4 -0
  231. package/dist/esm/styles/shared/unsupported-content.js +1 -1
  232. package/dist/esm/styles/shared/whitespace.js +2 -0
  233. package/dist/esm/table/SortingIcon.js +2 -2
  234. package/dist/esm/ui/DropList/index.js +5 -1
  235. package/dist/esm/ui/Expand/index.js +13 -0
  236. package/dist/esm/ui/FloatingToolbar/Button.js +2 -0
  237. package/dist/esm/ui/MediaSingle/index.js +3 -1
  238. package/dist/esm/ui/MediaSingle/link.js +2 -0
  239. package/dist/esm/ui/MediaSingle/styled.js +6 -3
  240. package/dist/esm/ui/Messages/index.js +12 -7
  241. package/dist/esm/ui/MultiBodiedExtension/index.js +24 -0
  242. package/dist/esm/ui/PanelTextInput/index.js +1 -0
  243. package/dist/esm/ui/PanelTextInput/styles.js +6 -0
  244. package/dist/esm/ui/Popup/index.js +1 -0
  245. package/dist/esm/ui/UnsupportedBlock/index.js +2 -0
  246. package/dist/esm/ui/UnsupportedInline/index.js +2 -0
  247. package/dist/esm/ui/clear-next-sibling-margin-top.js +6 -2
  248. package/dist/esm/ui-color/ColorPalette/Color/index.js +10 -3
  249. package/dist/esm/ui-color/ColorPalette/Color/styles.js +3 -0
  250. package/dist/esm/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
  251. package/dist/esm/ui-color/ColorPalette/index.js +1 -0
  252. package/dist/esm/ui-color/ColorPalette/styles.js +1 -0
  253. package/dist/esm/ui-menu/ColorPickerButton/index.js +7 -0
  254. package/dist/esm/ui-menu/DropdownMenu/index.js +1 -0
  255. package/dist/types/analytics/types/element-events.d.ts +10 -0
  256. package/dist/types/analytics/types/enums.d.ts +9 -1
  257. package/dist/types/analytics/types/events.d.ts +2 -1
  258. package/dist/types/analytics/types/highlight-events.d.ts +4 -2
  259. package/dist/types/analytics/types/index.d.ts +1 -0
  260. package/dist/types/extensions/types/extension-manifest-toolbar-item.d.ts +17 -2
  261. package/dist/types/keymaps/index.d.ts +1 -0
  262. package/dist/types/messages/help-dialog.d.ts +5 -0
  263. package/dist/types/ui/FloatingToolbar/Button.d.ts +2 -1
  264. package/dist/types/ui-color/ColorPalette/Color/index.d.ts +2 -8
  265. package/dist/types-ts4.5/analytics/types/element-events.d.ts +10 -0
  266. package/dist/types-ts4.5/analytics/types/enums.d.ts +9 -1
  267. package/dist/types-ts4.5/analytics/types/events.d.ts +2 -1
  268. package/dist/types-ts4.5/analytics/types/highlight-events.d.ts +4 -2
  269. package/dist/types-ts4.5/analytics/types/index.d.ts +1 -0
  270. package/dist/types-ts4.5/extensions/types/extension-manifest-toolbar-item.d.ts +17 -2
  271. package/dist/types-ts4.5/keymaps/index.d.ts +1 -0
  272. package/dist/types-ts4.5/messages/help-dialog.d.ts +5 -0
  273. package/dist/types-ts4.5/ui/FloatingToolbar/Button.d.ts +2 -1
  274. package/dist/types-ts4.5/ui-color/ColorPalette/Color/index.d.ts +2 -8
  275. package/package.json +1 -1
@@ -13,8 +13,17 @@ import { WithPluginState } from '../../with-plugin-state';
13
13
  import ExtensionLozenge from '../Extension/Lozenge';
14
14
  import { useMultiBodiedExtensionActions } from './action-api';
15
15
  import { mbeExtensionWrapperCSSStyles, overlayStyles } from './styles';
16
- const getContainerCssExtendedStyles = (activeChildIndex, showMacroInteractionDesignUpdates) => css(sharedMultiBodiedExtensionStyles.mbeExtensionContainer, {
17
- [`.multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1})`]: css(sharedMultiBodiedExtensionStyles.extensionFrameContent, showMacroInteractionDesignUpdates && removeMarginsAndBorder)
16
+ const getContainerCssExtendedStyles = (activeChildIndex, showMacroInteractionDesignUpdates) =>
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
18
+ css(sharedMultiBodiedExtensionStyles.mbeExtensionContainer, {
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
20
+ [`.multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1
21
+ // 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
+ })`]: css(
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
24
+ sharedMultiBodiedExtensionStyles.extensionFrameContent,
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
26
+ showMacroInteractionDesignUpdates && removeMarginsAndBorder)
18
27
  });
19
28
  const imageStyles = css({
20
29
  maxHeight: '24px',
@@ -146,7 +155,9 @@ const MultiBodiedExtensionWithWidth = ({
146
155
  isBodiedMacro: true
147
156
  }), jsx("div", {
148
157
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
149
- className: wrapperClassNames,
158
+ className: wrapperClassNames
159
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
160
+ ,
150
161
  css: mbeExtensionWrapperCSSStyles,
151
162
  "data-testid": "multiBodiedExtension--wrapper"
152
163
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -155,6 +166,7 @@ const MultiBodiedExtensionWithWidth = ({
155
166
  onMouseEnter: () => handleMouseEvent(true),
156
167
  onMouseLeave: () => handleMouseEvent(false)
157
168
  }, jsx("div", {
169
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
158
170
  css: overlayStyles
159
171
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
160
172
  ,
@@ -162,13 +174,17 @@ const MultiBodiedExtensionWithWidth = ({
162
174
  "data-testid": "multiBodiedExtension--overlay"
163
175
  }), getWrapperTitleContent(imageData, title, showMacroInteractionDesignUpdates), jsx("div", {
164
176
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
165
- className: containerClassNames,
177
+ className: containerClassNames
178
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
179
+ ,
166
180
  css: getContainerCssExtendedStyles(activeChildIndex, showMacroInteractionDesignUpdates),
167
181
  "data-testid": "multiBodiedExtension--container",
168
182
  "data-active-child-index": activeChildIndex
169
183
  }, jsx("nav", {
170
184
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
171
- className: navigationClassNames,
185
+ className: navigationClassNames
186
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
187
+ ,
172
188
  css: sharedMultiBodiedExtensionStyles.mbeNavigation,
173
189
  "data-testid": "multiBodiedExtension-navigation"
174
190
  }, extensionHandlerResult), jsx("article", {
@@ -3,7 +3,9 @@ import { N30, N500 } from '@atlaskit/theme/colors';
3
3
  import { wrapperDefault } from '../Extension/styles';
4
4
 
5
5
  // Wrapper the extension title and extensionContainer
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
6
7
  export const mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
9
  '&.with-margin-styles': {
8
10
  marginTop: 0,
9
11
  marginLeft: "var(--ds-space-negative-150, -12px)",
@@ -12,26 +14,35 @@ export const mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
12
14
  cursor: 'pointer',
13
15
  marginTop: "var(--ds-space-250, 24px)",
14
16
  marginBottom: "var(--ds-space-200, 16px)",
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
15
18
  '.extension-title': {
16
19
  display: 'flex',
17
20
  alignItems: 'center',
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
18
22
  lineHeight: '16px !important',
19
23
  marginBottom: "var(--ds-space-100, 8px)",
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
20
25
  marginLeft: `${"var(--ds-space-050, 4px)"} !important`,
21
26
  marginRight: "var(--ds-space-100, 8px)",
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
22
28
  paddingTop: `${"var(--ds-space-100, 8px)"} !important`
23
29
  },
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
24
31
  '&.with-border': {
25
32
  boxShadow: `0 0 0 1px ${`var(--ds-border, ${N30})`}`
26
33
  },
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
27
35
  '&.with-hover-border': {
28
36
  boxShadow: `0 0 0 1px ${`var(--ds-border-input, ${N500})`}`
29
37
  },
38
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
30
39
  '&.with-padding-background-styles': {
31
40
  padding: "var(--ds-space-100, 8px)",
32
41
  background: 'transparent'
33
42
  }
34
43
  });
44
+
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
35
46
  export const overlayStyles = css({
36
47
  borderRadius: "var(--ds-border-radius, 3px)",
37
48
  position: 'absolute',
@@ -41,6 +52,7 @@ export const overlayStyles = css({
41
52
  pointerEvents: 'none',
42
53
  transition: 'opacity 0.3s',
43
54
  zIndex: 1,
55
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
44
56
  '&.with-margin': {
45
57
  margin: "var(--ds-space-negative-100, -8px)"
46
58
  }
@@ -62,8 +62,10 @@ const logError = (msg, ...args) => {
62
62
  const toolbarItemToButtonConfig = (toolbarItem, parentKey) => {
63
63
  const {
64
64
  tooltip,
65
+ tooltipStyle,
65
66
  key,
66
67
  label,
68
+ ariaLabel,
67
69
  icon,
68
70
  action,
69
71
  disabled
@@ -102,7 +104,9 @@ const toolbarItemToButtonConfig = (toolbarItem, parentKey) => {
102
104
  }
103
105
  return {
104
106
  key: itemKey,
107
+ ariaLabel,
105
108
  tooltip,
109
+ tooltipStyle,
106
110
  action,
107
111
  disabled,
108
112
  ...labelAndIcon
@@ -92,6 +92,7 @@ export const selectTable = makeKeyMapWithCommon('Select table', 'Mod-a');
92
92
  export const increaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mod-Alt-]');
93
93
  export const decreaseMediaSize = makeKeyMapWithCommon('increase image size', 'Mod-Alt-[');
94
94
  export const activateVideoControls = makeKeyMapWithCommon('Activate controls panel on video', 'Shift-F10');
95
+ export const toggleHighlightPalette = makeKeyMapWithCommon('Toggle Highlight Palette', 'Mod-Alt-b');
95
96
  const arrowKeysMap = {
96
97
  // for reference: https://wincent.com/wiki/Unicode_representations_of_modifier_keys
97
98
  ARROWLEFT: '\u2190',
@@ -25,6 +25,7 @@ import { filterUniqueItems, mapContentTypeToIcon, sha1, wordCount } from './util
25
25
  * Visible only to screenreaders. Use when there is a need
26
26
  * to provide more context to a non-sighted user.
27
27
  */
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
28
29
  export const visuallyHiddenStyles = css({
29
30
  clip: 'rect(1px, 1px, 1px, 1px)',
30
31
  clipPath: 'inset(50%)',
@@ -686,6 +687,7 @@ export class HyperlinkLinkAddToolbar extends PureComponent {
686
687
  className: "recent-list",
687
688
  "data-testid": "hyperlink-add-toolbar"
688
689
  }, jsx("div", {
690
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
689
691
  css: [container, !!activityProvider && containerWithProvider, containerPadding],
690
692
  ref: this.wrapperRef
691
693
  }, jsx("label", {
@@ -14,6 +14,8 @@ const spinnerContainer = css({
14
14
  minHeight: '80px',
15
15
  marginTop: "var(--ds-space-400, 32px)"
16
16
  });
17
+
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
17
19
  export const linkSearchList = css({
18
20
  padding: 0,
19
21
  listStyle: 'none'
@@ -11,6 +11,7 @@ import { N20, N300, N800 } from '@atlaskit/theme/colors';
11
11
  import { fontSizeSmall } from '@atlaskit/theme/constants';
12
12
  import { getCorrectAltByIconUrl } from './listItemAlts';
13
13
  import { transformTimeStamp } from './transformTimeStamp';
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
  export const container = css({
15
16
  backgroundColor: 'transparent',
16
17
  padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-150, 12px)"}`,
@@ -18,12 +19,16 @@ export const container = css({
18
19
  display: 'flex',
19
20
  marginTop: 0
20
21
  });
22
+
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
21
24
  export const containerSelected = css({
22
25
  backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N20})`
23
26
  });
24
27
  const nameWrapper = css({
25
28
  overflow: 'hidden'
26
29
  });
30
+
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
27
32
  export const nameStyle = css({
28
33
  color: `var(--ds-text, ${N800})`,
29
34
  overflow: 'hidden',
@@ -31,15 +36,19 @@ export const nameStyle = css({
31
36
  whiteSpace: 'nowrap',
32
37
  lineHeight: '20px'
33
38
  });
39
+
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
34
41
  export const containerName = css({
35
42
  color: `var(--ds-text-subtlest, ${N300})`,
36
43
  lineHeight: '14px',
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
37
45
  fontSize: relativeFontSizeToBase16(fontSizeSmall())
38
46
  });
39
47
  const iconStyle = css({
40
48
  minWidth: '16px',
41
49
  marginTop: "var(--ds-space-050, 4px)",
42
50
  marginRight: "var(--ds-space-150, 12px)",
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
43
52
  img: {
44
53
  maxWidth: '16px'
45
54
  }
@@ -1,19 +1,27 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { RECENT_SEARCH_WIDTH_IN_PX, RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX } from '../../ui';
3
+
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
3
5
  export const inputWrapper = css({
4
6
  display: 'flex',
5
7
  lineHeight: 0,
6
8
  padding: `${"var(--ds-space-075, 6px)"} 0`,
7
9
  alignItems: 'center'
8
10
  });
11
+
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
9
13
  export const container = css({
10
14
  display: 'flex',
11
15
  flexDirection: 'column',
12
16
  overflow: 'auto',
13
17
  padding: 0,
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
14
19
  width: `${RECENT_SEARCH_WIDTH_WITHOUT_ITEMS_IN_PX}px`,
15
20
  lineHeight: 'initial'
16
21
  });
22
+
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
17
24
  export const containerWithProvider = css({
25
+ // 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
26
  width: `${RECENT_SEARCH_WIDTH_IN_PX}px`
19
27
  });
@@ -42,7 +42,15 @@ export const InlineImageWrapper = ({
42
42
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
43
43
  ,
44
44
  className: INLINE_IMAGE_WRAPPER_CLASS_NAME,
45
- css: [wrapperStyle, borderSize && borderColor && borderStyle, isSelected && selectedStyle, isInteractive && interactiveStyle],
45
+ css: [
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
47
+ wrapperStyle,
48
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
49
+ borderSize && borderColor && borderStyle,
50
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
51
+ isSelected && selectedStyle,
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
+ isInteractive && interactiveStyle],
46
54
  "data-testid": "inline-image-wrapper",
47
55
  onClick: onClick
48
56
  }, htmlAttrs), jsx("span", {
@@ -26,7 +26,7 @@ const inlineImageHeight = (height, margin = 0) => css`
26
26
  * shift in top and bottom and size adjustments to make up for lack of 1to1 size
27
27
  * mapping
28
28
  */
29
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Nested and dynamic css calls are violations, needs manual remediation
29
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766, Nested and dynamic css calls are violations, needs manual remediation
30
30
  export const mediaInlineImageStyles = css`
31
31
  // p, h3, and action items
32
32
  .${INLINE_IMAGE_WRAPPER_CLASS_NAME} {
@@ -58,6 +58,8 @@ export const mediaInlineImageStyles = css`
58
58
  ${inlineImageHeight(referenceHeights['h6'], -2)}
59
59
  }
60
60
  `;
61
+
62
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
61
63
  export const wrapperStyle = css({
62
64
  display: 'inline-flex',
63
65
  justifyContent: 'center',
@@ -65,21 +67,30 @@ export const wrapperStyle = css({
65
67
  verticalAlign: 'middle',
66
68
  overflow: 'hidden',
67
69
  borderRadius: `${"var(--ds-border-radius, 3px)"}`,
70
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
68
71
  aspectRatio: `var(${INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY}, ${DEFAULT_INLINE_IMAGE_ASPECT_RATIO})`,
69
72
  maxWidth: '100%'
70
73
  });
74
+
75
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
71
76
  export const selectedStyle = css({
72
77
  cursor: 'pointer',
73
78
  boxShadow: `0 0 0 1px ${`var(--ds-border-selected, ${B300})`}`,
74
79
  outline: 'none'
75
80
  });
81
+
82
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
76
83
  export const interactiveStyle = css({
77
84
  cursor: 'pointer'
78
85
  });
86
+
87
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
79
88
  export const borderStyle = css({
80
89
  borderColor: `var(${INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY})`,
81
90
  borderStyle: 'solid',
91
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
82
92
  borderRadius: `calc(var(${INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY}, ${DEFAULT_INLINE_IMAGE_BORDER_SIZE}) * 2px)`,
93
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
83
94
  borderWidth: `calc(var(${INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY}, ${DEFAULT_INLINE_IMAGE_BORDER_SIZE}) * 1px)`,
84
95
  boxSizing: `border-box`
85
96
  });
@@ -5,7 +5,9 @@ import { wrapperStyle } from './wrapper';
5
5
  export const Frame = ({
6
6
  children,
7
7
  testId
8
- }) => jsx("span", {
8
+ }) =>
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
10
+ jsx("span", {
9
11
  css: wrapperStyle,
10
12
  "data-testid": testId
11
13
  }, children);
@@ -2,6 +2,7 @@
2
2
  import { css, jsx } from '@emotion/react';
3
3
  const wrapperStyle = css({
4
4
  display: 'flex',
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
5
6
  'span > svg': {
6
7
  verticalAlign: 'top'
7
8
  }
@@ -1,5 +1,6 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { N30A, N40A, N900 } from '@atlaskit/theme/colors';
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
3
4
  export const wrapperStyle = css({
4
5
  display: 'inline-flex',
5
6
  width: '100%',
@@ -14,9 +14,11 @@ const commentBadgeWrapper = css({
14
14
  right: '2px',
15
15
  top: '2px',
16
16
  borderRadius: '3px',
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
  zIndex: akEditorUnitZIndex * 10
18
19
  });
19
20
  const commentBadgeEditorOverrides = (commentsOnMediaBugFixEnabled, badgeOffsetRight) => css({
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
20
22
  right: commentsOnMediaBugFixEnabled ? badgeOffsetRight : '14px',
21
23
  zIndex: layers.card()
22
24
  });
@@ -66,7 +68,9 @@ export const CommentBadge = ({
66
68
  }
67
69
  }, [status]);
68
70
  return jsx("div", {
69
- css: badgeOffsetRight ? [commentBadgeWrapper, commentBadgeEditorOverrides(commentsOnMediaBugFixEnabled, badgeOffsetRight)] : commentBadgeWrapper
71
+ css: badgeOffsetRight ? [commentBadgeWrapper,
72
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
73
+ commentBadgeEditorOverrides(commentsOnMediaBugFixEnabled, badgeOffsetRight)] : commentBadgeWrapper
70
74
  // This is needed so that mediaWrapperStyle in editor/editor-common/src/ui/MediaSingle/styled.tsx
71
75
  // can target the correct div
72
76
  ,
@@ -85,5 +85,10 @@ export const helpDialogMessages = defineMessages({
85
85
  id: 'fabric.editor.quickInsert',
86
86
  defaultMessage: 'Quick insert',
87
87
  description: 'Name of a feature, which let you insert items quickly.'
88
+ },
89
+ highlightColor: {
90
+ id: 'fabric.editor.highlightColor',
91
+ defaultMessage: 'Toggle highlight color palette',
92
+ description: 'Keyboard shortcut to toggle highlight color palette.'
88
93
  }
89
94
  });
@@ -1,7 +1,7 @@
1
1
  import { isFedRamp } from './environment';
2
2
  const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
3
3
  const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
4
- const packageVersion = "82.3.0";
4
+ const packageVersion = "82.5.0";
5
5
  const sanitiseSentryEvents = (data, _hint) => {
6
6
  // Remove URL as it has UGC
7
7
  // TODO: Sanitise the URL instead of just removing it
@@ -5,7 +5,7 @@ export const rankEditorPlugins = {
5
5
  // Needs to be before indentation to handle tab into input field
6
6
  'dateKeymap',
7
7
  // This should be always after `typeAheadKeymap` & `emojiKeymap`
8
- 'indentationKeymap', 'textColor', 'highlight', 'alignmentPlugin', 'listInputRule', 'listKeymap', 'codeBlock', 'codeBlockIDEKeyBindings', 'codeBlockKeyMap', 'textFormatting', 'textFormattingCursor', 'textFormattingInputRule', 'textFormattingSmartRule', 'textFormattingClear', 'textFormattingKeymap',
8
+ 'indentationKeymap', 'textColor', 'highlight', 'highlightKeymap', 'alignmentPlugin', 'listInputRule', 'listKeymap', 'codeBlock', 'codeBlockIDEKeyBindings', 'codeBlockKeyMap', 'textFormatting', 'textFormattingCursor', 'textFormattingInputRule', 'textFormattingSmartRule', 'textFormattingClear', 'textFormattingKeymap',
9
9
  // task/decisions keymap needs to be above table keymap so can indent actions in a table
10
10
  'tasksAndDecisionsKeyMap',
11
11
  // expand and table keymaps need to be above selection keymap to add their custom selection behaviour:
@@ -13,7 +13,7 @@ const prosemirrorwidget = '.ProseMirror-widget';
13
13
  const wrapLeft = '[layout="wrap-left"]';
14
14
  const wrapRight = '[layout="wrap-right"]';
15
15
 
16
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- This needs manual remediation, it autofixes seemingly safely, but the code style and readability is destroyed.
16
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-keyframes, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766, This needs manual remediation, it autofixes seemingly safely, but the code style and readability is destroyed.
17
17
  export const gapCursorStyles = css`
18
18
  /* =============== GAP CURSOR ================== */
19
19
  .ProseMirror {
@@ -24,6 +24,7 @@ export const AnnotationSharedCSSByState = () => {
24
24
  boxShadow: `var(--ds-shadow-overlay, ${`1px 2px 3px ${N60A}, -1px 2px 3px ${N60A}`})`,
25
25
  cursor: 'pointer',
26
26
  padding: '1.5px 0',
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
27
28
  '&:has(.card)': {
28
29
  padding: '4.5px 0 3px 0'
29
30
  }
@@ -33,6 +34,7 @@ export const AnnotationSharedCSSByState = () => {
33
34
  borderBottom: `2px solid ${`var(--ds-border-accent-yellow, ${Y200a})`}`,
34
35
  cursor: 'pointer',
35
36
  padding: '1.5px 0',
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
36
38
  '&:has(.card)': {
37
39
  padding: '4.5px 0 3px 0'
38
40
  }
@@ -45,9 +47,11 @@ export const AnnotationSharedCSSByState = () => {
45
47
  borderBottom: `2px solid ${`var(--ds-border-accent-yellow, ${Y300})`}`,
46
48
  boxShadow: `var(--ds-shadow-overlay, ${`1px 2px 3px ${N60A}, -1px 2px 3px ${N60A}`})`,
47
49
  cursor: 'pointer',
50
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
48
51
  '&:has(.card)': {
49
52
  fontSize: '1.5rem',
50
53
  lineHeight: '1.2rem',
54
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
51
55
  '& > *': {
52
56
  fontSize: '16px'
53
57
  }
@@ -57,9 +61,11 @@ export const AnnotationSharedCSSByState = () => {
57
61
  background: `var(--ds-background-accent-yellow-subtlest, ${Yellow100})`,
58
62
  borderBottom: `2px solid ${`var(--ds-border-accent-yellow, ${Y200a})`}`,
59
63
  cursor: 'pointer',
64
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
60
65
  '&:has(.card)': {
61
66
  fontSize: '1.5rem',
62
67
  lineHeight: '1.2rem',
68
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
63
69
  '& > *': {
64
70
  fontSize: '16px'
65
71
  }
@@ -1,11 +1,16 @@
1
1
  import { css } from '@emotion/react';
2
+
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
2
4
  export const backgroundColorStyles = css({
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
3
6
  '.fabric-background-color-mark': {
4
7
  backgroundColor: 'var(--custom-palette-color, inherit)'
5
8
  },
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
6
10
  'a .fabric-background-color-mark': {
7
11
  backgroundColor: 'unset'
8
12
  },
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
9
14
  '.fabric-background-color-mark .ak-editor-annotation': {
10
15
  backgroundColor: 'unset'
11
16
  }
@@ -1,5 +1,7 @@
1
1
  /* eslint-disable @atlaskit/design-system/no-css-tagged-template-expression -- Perfectly safe to auto-fix, but leaving it up to the team to remediate as the readability only gets worse with autofixing */
2
2
  import { css } from '@emotion/react';
3
+
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
3
5
  export const blockMarksSharedStyles = css`
4
6
  /**
5
7
  * We need to remove margin-top from first item
@@ -1,18 +1,23 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { akEditorBlockquoteBorderColor, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
3
4
  export const blockquoteSharedStyles = css({
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
4
6
  '& blockquote': {
5
7
  boxSizing: 'border-box',
6
8
  color: 'inherit',
7
9
  paddingLeft: "var(--ds-space-200, 16px)",
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
8
11
  borderLeft: `2px solid ${`var(--ds-border, ${akEditorBlockquoteBorderColor})`}`,
9
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
12
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
10
13
  margin: `${blockNodesVerticalMargin} 0 0 0`,
11
14
  marginRight: 0,
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
12
16
  "[dir='rtl'] &": {
13
17
  paddingLeft: 0,
14
18
  paddingRight: "var(--ds-space-200, 16px)"
15
19
  },
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
16
21
  '&:first-child': {
17
22
  marginTop: 0
18
23
  },
@@ -22,9 +27,11 @@ export const blockquoteSharedStyles = css({
22
27
  '&::after': {
23
28
  content: 'none'
24
29
  },
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
25
31
  '& p': {
26
32
  display: 'block'
27
33
  },
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
28
35
  '& table, & table:last-child': {
29
36
  display: 'inline-table'
30
37
  }
@@ -121,6 +121,8 @@ export const codeBlockSharedStyles = () => css`
121
121
  }
122
122
  }
123
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
124
126
  export const codeBlockInListSafariFix = css`
125
127
  ::before {
126
128
  content: ' ';
@@ -3,8 +3,10 @@ import { getCodeStyles } from '@atlaskit/code/inline';
3
3
  import { N30A } from '@atlaskit/theme/colors';
4
4
  export const codeMarkSharedStyles = () => {
5
5
  return css({
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
6
7
  '.code': {
7
8
  '--ds--code--bg-color': `var(--ds-background-neutral, ${N30A})`,
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
8
10
  ...getCodeStyles()
9
11
  }
10
12
  });
@@ -1,20 +1,26 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
3
3
  const columnLayoutSharedStyle = css({
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
4
5
  '[data-layout-section]': {
5
6
  position: 'relative',
6
7
  display: 'flex',
7
8
  flexDirection: 'row',
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
8
10
  '& > *': {
9
11
  flex: 1,
10
12
  minWidth: 0
11
13
  },
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
12
15
  '& > .unsupportedBlockView-content-wrap': {
13
16
  minWidth: 'initial'
14
17
  },
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
15
19
  [`@media screen and (max-width: ${gridMediumMaxWidth}px)`]: {
16
20
  flexDirection: 'column'
17
21
  }
18
22
  }
19
23
  });
24
+
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
20
26
  export { columnLayoutSharedStyle };
@@ -3,7 +3,10 @@ export const DateSharedCssClassName = {
3
3
  DATE_WRAPPER: `date-lozenger-container`,
4
4
  DATE_CONTAINER: 'dateView-content-wrap'
5
5
  };
6
+
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
6
8
  export const dateSharedStyle = css({
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
7
10
  [`.${DateSharedCssClassName.DATE_WRAPPER} span`]: {
8
11
  whiteSpace: 'unset'
9
12
  }
@@ -1,20 +1,28 @@
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 const embedCardStyles = css({
4
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
3
5
  '.ProseMirror': {
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
4
7
  ".embedCardView-content-wrap[layout^='wrap-']": {
5
8
  maxWidth: '100%'
6
9
  },
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
11
  ".embedCardView-content-wrap[layout='wrap-left']": {
8
12
  float: 'left'
9
13
  },
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
10
15
  ".embedCardView-content-wrap[layout='wrap-right']": {
11
16
  float: 'right'
12
17
  },
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
13
19
  ".embedCardView-content-wrap[layout='wrap-right'] + .embedCardView-content-wrap[layout='wrap-left']": {
14
20
  clear: 'both'
15
21
  }
16
22
  }
17
23
  });
24
+
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
18
26
  export const embedSpacingStyles = css({
19
27
  margin: `0 ${"var(--ds-space-150, 12px)"}`
20
28
  });
@@ -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 const expandIconWrapperStyle = css({
3
4
  marginLeft: "var(--ds-space-negative-100, -8px)"
4
5
  });