@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
@@ -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 var inputWrapper = css({
4
6
  display: 'flex',
5
7
  lineHeight: 0,
6
8
  padding: "var(--ds-space-075, 6px)".concat(" 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 var 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: "".concat(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 var 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: "".concat(RECENT_SEARCH_WIDTH_IN_PX, "px")
19
27
  });
@@ -38,7 +38,15 @@ export var InlineImageWrapper = function InlineImageWrapper(_ref) {
38
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
39
39
  ,
40
40
  className: INLINE_IMAGE_WRAPPER_CLASS_NAME,
41
- css: [wrapperStyle, borderSize && borderColor && borderStyle, isSelected && selectedStyle, isInteractive && interactiveStyle],
41
+ css: [
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
43
+ wrapperStyle,
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
45
+ borderSize && borderColor && borderStyle,
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
+ isSelected && selectedStyle,
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
+ isInteractive && interactiveStyle],
42
50
  "data-testid": "inline-image-wrapper",
43
51
  onClick: onClick
44
52
  }, htmlAttrs), jsx("span", {
@@ -21,8 +21,10 @@ var inlineImageHeight = function inlineImageHeight(height) {
21
21
  * shift in top and bottom and size adjustments to make up for lack of 1to1 size
22
22
  * mapping
23
23
  */
24
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Nested and dynamic css calls are violations, needs manual remediation
24
+ // 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
25
25
  export var mediaInlineImageStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t// p, h3, and action items\n\t.", " {\n\t\theight: ", "px;\n\t\ttransform: translateY(-2px);\n\t}\n\n\th1 {\n\t\t", "\n\t}\n\n\th2 {\n\t\t", "\n\t}\n\n\th3 {\n\t\t", "\n\t}\n\n\th4 {\n\t\t", "\n\t}\n\n\th5 {\n\t\t", "\n\t}\n\n\th6 {\n\t\t", "\n\t}\n"])), INLINE_IMAGE_WRAPPER_CLASS_NAME, referenceHeights['p'], inlineImageHeight(referenceHeights['h1'], -3), inlineImageHeight(referenceHeights['h2'], -3), inlineImageHeight(referenceHeights['h3'], -2), inlineImageHeight(referenceHeights['h4'], -2), inlineImageHeight(referenceHeights['h5'], -2), inlineImageHeight(referenceHeights['h6'], -2));
26
+
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
26
28
  export var wrapperStyle = css({
27
29
  display: 'inline-flex',
28
30
  justifyContent: 'center',
@@ -30,21 +32,30 @@ export var wrapperStyle = css({
30
32
  verticalAlign: 'middle',
31
33
  overflow: 'hidden',
32
34
  borderRadius: "var(--ds-border-radius, 3px)",
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
33
36
  aspectRatio: "var(".concat(INLINE_IMAGE_ASPECT_RATIO_CSS_VAR_KEY, ", ").concat(DEFAULT_INLINE_IMAGE_ASPECT_RATIO, ")"),
34
37
  maxWidth: '100%'
35
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
36
41
  export var selectedStyle = css({
37
42
  cursor: 'pointer',
38
43
  boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, ".concat(B300, ")")),
39
44
  outline: 'none'
40
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
41
48
  export var interactiveStyle = css({
42
49
  cursor: 'pointer'
43
50
  });
51
+
52
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
44
53
  export var borderStyle = css({
45
54
  borderColor: "var(".concat(INLINE_IMAGE_BORDER_COLOR_CSS_VAR_KEY, ")"),
46
55
  borderStyle: 'solid',
56
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
47
57
  borderRadius: "calc(var(".concat(INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY, ", ").concat(DEFAULT_INLINE_IMAGE_BORDER_SIZE, ") * 2px)"),
58
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
48
59
  borderWidth: "calc(var(".concat(INLINE_IMAGE_BORDER_SIZE_CSS_VAR_KEY, ", ").concat(DEFAULT_INLINE_IMAGE_BORDER_SIZE, ") * 1px)"),
49
60
  boxSizing: "border-box"
50
61
  });
@@ -5,8 +5,11 @@ import { wrapperStyle } from './wrapper';
5
5
  export var Frame = function Frame(_ref) {
6
6
  var children = _ref.children,
7
7
  testId = _ref.testId;
8
- return jsx("span", {
9
- css: wrapperStyle,
10
- "data-testid": testId
11
- }, children);
8
+ return (
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", {
11
+ css: wrapperStyle,
12
+ "data-testid": testId
13
+ }, children)
14
+ );
12
15
  };
@@ -2,6 +2,7 @@
2
2
  import { css, jsx } from '@emotion/react';
3
3
  var 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 var wrapperStyle = css({
4
5
  display: 'inline-flex',
5
6
  width: '100%',
@@ -15,10 +15,12 @@ var commentBadgeWrapper = css({
15
15
  right: '2px',
16
16
  top: '2px',
17
17
  borderRadius: '3px',
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
  zIndex: akEditorUnitZIndex * 10
19
20
  });
20
21
  var commentBadgeEditorOverrides = function commentBadgeEditorOverrides(commentsOnMediaBugFixEnabled, badgeOffsetRight) {
21
22
  return css({
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
22
24
  right: commentsOnMediaBugFixEnabled ? badgeOffsetRight : '14px',
23
25
  zIndex: layers.card()
24
26
  });
@@ -72,7 +74,9 @@ export var CommentBadge = function CommentBadge(_ref) {
72
74
  }
73
75
  }, [status]);
74
76
  return jsx("div", {
75
- css: badgeOffsetRight ? [commentBadgeWrapper, commentBadgeEditorOverrides(commentsOnMediaBugFixEnabled, badgeOffsetRight)] : commentBadgeWrapper
77
+ css: badgeOffsetRight ? [commentBadgeWrapper,
78
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
79
+ commentBadgeEditorOverrides(commentsOnMediaBugFixEnabled, badgeOffsetRight)] : commentBadgeWrapper
76
80
  // This is needed so that mediaWrapperStyle in editor/editor-common/src/ui/MediaSingle/styled.tsx
77
81
  // can target the correct div
78
82
  ,
@@ -85,5 +85,10 @@ export var 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
  });
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
7
7
  import { isFedRamp } from './environment';
8
8
  var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
9
9
  var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
10
- var packageVersion = "82.3.0";
10
+ var packageVersion = "82.5.0";
11
11
  var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
12
12
  // Remove URL as it has UGC
13
13
  // TODO: Sanitise the URL instead of just removing it
package/dist/esm/rank.js CHANGED
@@ -5,7 +5,7 @@ export var 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:
@@ -15,5 +15,5 @@ var prosemirrorwidget = '.ProseMirror-widget';
15
15
  var wrapLeft = '[layout="wrap-left"]';
16
16
  var wrapRight = '[layout="wrap-right"]';
17
17
 
18
- // 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.
18
+ // 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.
19
19
  export var gapCursorStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t/* =============== GAP CURSOR ================== */\n\t.ProseMirror {\n\t\t&.", " {\n\t\t\tcaret-color: transparent;\n\t\t}\n\n\t\t", " {\n\t\t\tdisplay: none;\n\t\t\tpointer-events: none;\n\t\t\tposition: relative;\n\n\t\t\t& span {\n\t\t\t\tcaret-color: transparent;\n\t\t\t\tposition: absolute;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t& span::after {\n\t\t\t\tanimation: 1s ", " step-end infinite;\n\t\t\t\tborder-left: 1px solid;\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\theight: 100%;\n\t\t\t}\n\t\t\t&.-left span::after {\n\t\t\t\tleft: ", ";\n\t\t\t}\n\t\t\t&.-right span::after {\n\t\t\t\tright: ", ";\n\t\t\t}\n\t\t\t& span[layout='full-width'],\n\t\t\t& span[layout='wide'],\n\t\t\t& span[layout='fixed-width'] {\n\t\t\t\tmargin-left: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t}\n\t\t\t&", " {\n\t\t\t\tfloat: right;\n\t\t\t}\n\n\t\t\t/* fix vertical alignment of gap cursor */\n\t\t\t&:first-of-type + ul,\n\t\t\t&:first-of-type + span + ul,\n\t\t\t&:first-of-type + ol,\n\t\t\t&:first-of-type + span + ol,\n\t\t\t&:first-of-type + pre,\n\t\t\t&:first-of-type + span + pre,\n\t\t\t&:first-of-type + blockquote,\n\t\t\t&:first-of-type + span + blockquote {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\t\t&.ProseMirror-focused ", " {\n\t\t\tdisplay: block;\n\t\t\tborder-color: transparent;\n\t\t}\n\t}\n\n\t/* This hack below is for two images aligned side by side */\n\t", "", " + span + ", ",\n ", "", " + span + ", ",\n ", " + ", " + ", ",\n ", " + ", " + span + ", ",\n ", " + ", " + ", ",\n ", " + ", " + span + ", ",\n ", " + ", " + ", ",\n ", " + ", " + span ", ",\n ", " + ", " + ", ",\n ", " + ", " + span + ", ",\n ", " + ", " {\n\t\tclear: none;\n\t}\n\n\t", " + ", " + ", " > div,\n ", " + ", " + span + ", " > div,\n ", " + ", " + ", " > div,\n ", " + ", " + span + ", " > div,\n ", " + ", " + ", " > div,\n ", " + ", " + span + ", " > div,\n ", " + ", " + ", " > div,\n ", " + ", " + span + ", " > div {\n\t\tmargin-right: 0;\n\t\tmargin-left: 0;\n\t\tmargin-bottom: 0;\n\t}\n\n\t", " + ", ",\n ", " + ", " {\n\t\tfloat: left;\n\t}\n\n\t", " + ", " + span + ", "::after,\n ", " + ", " + span + ", "::after,\n ", " + ", " + ", "::after,\n ", " + ", " + span + ", "::after,\n ", " + ", " + ", "::after,\n ", " + ", " + span + ", "::after {\n\t\tvisibility: hidden;\n\t\tdisplay: block;\n\t\tfont-size: 0;\n\t\tcontent: ' ';\n\t\tclear: both;\n\t\theight: 0;\n\t}\n\n\t", " + ", " + ", " + *,\n ", " + ", " + ", " + span + *,\n ", " + ", " + ", " + *,\n ", " + ", " + ", " + span + *,\n ", " + ", " + span + ", " + *,\n ", " + ", " + span + ", " + *,\n ", " + ", " + span + ", " + *,\n ", " + ", " + span + ", " + *,\n ", " + ", " + ", " + * > *,\n ", " + ", " + ", " + span + * > *,\n ", " + ", " + ", " + * > *,\n ", " + ", " + ", " + span + * > *,\n ", " + ", " + span + ", " + * > *,\n ", " + ", " + span + ", " + * > *,\n ", " + ", " + span + ", " + * > *,\n ", " + ", " + span + ", " + * > *,\n ", " + ", " + *,\n ", " + ", " + span + * {\n\t\tmargin-top: 0;\n\t}\n"])), hideCaretModifier, gapCursor, gapCursorBlink, "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", wrapRight, gapCursor, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapRight, wrapLeft, gapCursor, wrapRight, gapCursor, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, wrapRight, gapCursor, wrapLeft, wrapLeft, gapCursor, wrapRight, wrapRight, gapCursor, wrapLeft, gapCursor, wrapLeft, wrapRight, gapCursor, wrapRight, wrapLeft, prosemirrorwidget, gapCursor, prosemirrorwidget, gapCursor);
@@ -26,6 +26,7 @@ export var AnnotationSharedCSSByState = function AnnotationSharedCSSByState() {
26
26
  boxShadow: "var(--ds-shadow-overlay, ".concat("1px 2px 3px ".concat(N60A, ", -1px 2px 3px ").concat(N60A), ")"),
27
27
  cursor: 'pointer',
28
28
  padding: '1.5px 0',
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
29
30
  '&:has(.card)': {
30
31
  padding: '4.5px 0 3px 0'
31
32
  }
@@ -35,6 +36,7 @@ export var AnnotationSharedCSSByState = function AnnotationSharedCSSByState() {
35
36
  borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, ".concat(Y200a, ")")),
36
37
  cursor: 'pointer',
37
38
  padding: '1.5px 0',
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
38
40
  '&:has(.card)': {
39
41
  padding: '4.5px 0 3px 0'
40
42
  }
@@ -47,9 +49,11 @@ export var AnnotationSharedCSSByState = function AnnotationSharedCSSByState() {
47
49
  borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, ".concat(Y300, ")")),
48
50
  boxShadow: "var(--ds-shadow-overlay, ".concat("1px 2px 3px ".concat(N60A, ", -1px 2px 3px ").concat(N60A), ")"),
49
51
  cursor: 'pointer',
52
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
50
53
  '&:has(.card)': {
51
54
  fontSize: '1.5rem',
52
55
  lineHeight: '1.2rem',
56
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
53
57
  '& > *': {
54
58
  fontSize: '16px'
55
59
  }
@@ -59,9 +63,11 @@ export var AnnotationSharedCSSByState = function AnnotationSharedCSSByState() {
59
63
  background: "var(--ds-background-accent-yellow-subtlest, ".concat(Yellow100, ")"),
60
64
  borderBottom: "2px solid ".concat("var(--ds-border-accent-yellow, ".concat(Y200a, ")")),
61
65
  cursor: 'pointer',
66
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
62
67
  '&:has(.card)': {
63
68
  fontSize: '1.5rem',
64
69
  lineHeight: '1.2rem',
70
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
65
71
  '& > *': {
66
72
  fontSize: '16px'
67
73
  }
@@ -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 var 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
  }
@@ -2,4 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
  var _templateObject;
3
3
  /* 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 */
4
4
  import { css } from '@emotion/react';
5
+
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
7
  export var blockMarksSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t/**\n * We need to remove margin-top from first item\n * inside doc, tableCell, tableHeader, blockquote, etc.\n */\n\t*:not(.fabric-editor-block-mark) >,\n /* For nested block marks apart from those with indentation mark */\n *:not(.fabric-editor-block-mark) >\n div.fabric-editor-block-mark:first-of-type\n /* Do not remove the margin top for nodes inside indentation marks */\n :not(.fabric-editor-indentation-mark)\n /* Do not remove the margin top for nodes inside alignment marks */\n :not(.fabric-editor-alignment),\n // If first element inside a block node has alignment mark, then remove the margin-top\n .fabric-editor-alignment:first-of-type:first-child,\n // If first document element has indentation mark remove margin-top\n .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child {\n\t\tp,\n\t\th1,\n\t\th2,\n\t\th3,\n\t\th4,\n\t\th5,\n\t\th6,\n\t\t.heading-wrapper {\n\t\t\t:first-child:not(style),\n\t\t\tstyle:first-child + * {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\t}\n"])));
@@ -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 var 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 ".concat("var(--ds-border, ".concat(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: "".concat(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 var 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
  }
@@ -19,4 +19,6 @@ export var codeBlockSharedStyles = function codeBlockSharedStyles() {
19
19
  leftCoverWidth: "var(--ds-space-300, 24px)"
20
20
  }), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", CodeBlockSharedCssClassName.CODEBLOCK_LINE_NUMBER_GUTTER, "var(--ds-background-neutral, ".concat(N30, ")"), "var(--ds-space-100, 8px)", "var(--ds-text-subtlest, ".concat(N400, ")"), relativeFontSizeToBase16(fontSize()), CodeBlockSharedCssClassName.CODEBLOCK_CONTENT, "var(--ds-text, ".concat(N800, ")"), "var(--ds-border-radius, 3px)", "var(--ds-space-100, 8px)", relativeFontSizeToBase16(fontSize()));
21
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
22
24
  export var codeBlockInListSafariFix = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\t::before {\n\t\tcontent: ' ';\n\t\tline-height: ", ";\n\t}\n\n\t> p:first-child,\n\t> .code-block:first-child,\n\t> .ProseMirror-gapcursor:first-child + .code-block {\n\t\tmargin-top: -", "em !important;\n\t}\n"])), akEditorLineHeight, akEditorLineHeight);
@@ -6,6 +6,7 @@ import { getCodeStyles } from '@atlaskit/code/inline';
6
6
  import { N30A } from '@atlaskit/theme/colors';
7
7
  export var codeMarkSharedStyles = function codeMarkSharedStyles() {
8
8
  return css({
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
9
10
  '.code': _objectSpread({
10
11
  '--ds--code--bg-color': "var(--ds-background-neutral, ".concat(N30A, ")")
11
12
  }, getCodeStyles())
@@ -2,14 +2,17 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import { css } from '@emotion/react';
3
3
  import { gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
4
4
  var columnLayoutSharedStyle = css({
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
5
6
  '[data-layout-section]': _defineProperty({
6
7
  position: 'relative',
7
8
  display: 'flex',
8
9
  flexDirection: 'row',
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
9
11
  '& > *': {
10
12
  flex: 1,
11
13
  minWidth: 0
12
14
  },
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
13
16
  '& > .unsupportedBlockView-content-wrap': {
14
17
  minWidth: 'initial'
15
18
  }
@@ -17,4 +20,6 @@ var columnLayoutSharedStyle = css({
17
20
  flexDirection: 'column'
18
21
  })
19
22
  });
23
+
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
20
25
  export { columnLayoutSharedStyle };
@@ -4,6 +4,8 @@ export var DateSharedCssClassName = {
4
4
  DATE_WRAPPER: "date-lozenger-container",
5
5
  DATE_CONTAINER: 'dateView-content-wrap'
6
6
  };
7
+
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
7
9
  export var dateSharedStyle = css(_defineProperty({}, ".".concat(DateSharedCssClassName.DATE_WRAPPER, " span"), {
8
10
  whiteSpace: 'unset'
9
11
  }));
@@ -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 var 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 var embedSpacingStyles = css({
19
27
  margin: "0 ".concat("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 var expandIconWrapperStyle = css({
3
4
  marginLeft: "var(--ds-space-negative-100, -8px)"
4
5
  });
@@ -2,20 +2,26 @@ import { css } from '@emotion/react';
2
2
  import { akEditorGridLineZIndex } from '@atlaskit/editor-shared-styles';
3
3
  import { B200, N30A } from '@atlaskit/theme/colors';
4
4
  export var GRID_GUTTER = 12;
5
+
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
7
  export var gridStyles = css({
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
6
9
  '.gridParent': {
7
10
  width: "calc(100% + ".concat(GRID_GUTTER * 2, "px)"),
8
11
  marginLeft: "var(--ds-space-negative-150, -12px)",
9
12
  marginRight: "var(--ds-space-negative-150, -12px)",
10
13
  transform: 'scale(1)',
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
11
15
  zIndex: akEditorGridLineZIndex
12
16
  },
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
13
18
  '.gridContainer': {
14
19
  position: 'fixed',
15
20
  height: '100vh',
16
21
  width: '100%',
17
22
  pointerEvents: 'none'
18
23
  },
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
19
25
  '.gridLine': {
20
26
  borderLeft: "1px solid ".concat("var(--ds-border, ".concat(N30A, ")")),
21
27
  display: 'inline-block',
@@ -26,6 +32,7 @@ export var gridStyles = css({
26
32
  transition: 'border-color 0.15s linear',
27
33
  zIndex: 0
28
34
  },
35
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
29
36
  '.highlight': {
30
37
  borderLeft: "1px solid ".concat("var(--ds-border-focused, ".concat(B200, ")"))
31
38
  }
@@ -9,25 +9,31 @@ import { h100, h300, h400, h500, h600, h700 } from '@atlaskit/theme/typography';
9
9
  // text sizing prototype: http://proto/fabricrender/
10
10
  export var headingsSharedStyles = function headingsSharedStyles() {
11
11
  return css({
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
12
13
  '& h1': _objectSpread(_objectSpread({}, h700()), {}, {
13
14
  marginBottom: 0,
14
15
  marginTop: '1.667em'
15
16
  }),
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
16
18
  '& h2': _objectSpread(_objectSpread({}, h600()), {}, {
17
19
  marginTop: '1.8em',
18
20
  marginBottom: 0
19
21
  }),
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
20
23
  '& h3': _objectSpread(_objectSpread({}, h500()), {}, {
21
24
  marginTop: '2em',
22
25
  marginBottom: 0
23
26
  }),
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
24
28
  '& h4': _objectSpread(_objectSpread({}, h400()), {}, {
25
29
  marginTop: '1.357em'
26
30
  }),
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
27
32
  '& h5': _objectSpread(_objectSpread({}, h300()), {}, {
28
33
  marginTop: '1.667em',
29
34
  textTransform: 'none'
30
35
  }),
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
31
37
  '& h6': _objectSpread(_objectSpread({}, h100()), {}, {
32
38
  marginTop: '1.455em',
33
39
  textTransform: 'none'
@@ -1,22 +1,31 @@
1
1
  /* eslint-disable @atlaskit/design-system/use-tokens-space */
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 var indentationSharedStyles = css({
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
4
7
  '.fabric-editor-indentation-mark': {
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
5
9
  "&[data-level='1']": {
6
10
  marginLeft: '30px'
7
11
  },
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
8
13
  "&[data-level='2']": {
9
14
  marginLeft: '60px'
10
15
  },
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
11
17
  "&[data-level='3']": {
12
18
  marginLeft: '90px'
13
19
  },
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
14
21
  "&[data-level='4']": {
15
22
  marginLeft: '120px'
16
23
  },
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
17
25
  "&[data-level='5']": {
18
26
  marginLeft: '150px'
19
27
  },
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
20
29
  "&[data-level='6']": {
21
30
  marginLeft: '180px'
22
31
  }
@@ -1,7 +1,10 @@
1
1
  import { css } from '@emotion/react';
2
2
  var linkSharedStyle = css({
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
3
4
  'a.blockLink': {
4
5
  display: 'block'
5
6
  }
6
7
  });
8
+
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
7
10
  export { linkSharedStyle };
@@ -43,5 +43,5 @@ export function getOrderedListInlineStyles(itemCounterDigitsSize, styleFormat) {
43
43
  return style;
44
44
  }
45
45
 
46
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- There is some "flow-root" hack that is not actually valid css. Do note, this might not even work in Compiled (or Emotion) due to the way tagged template expressions are parsed…
46
+ // 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, There is some "flow-root" hack that is not actually valid css. Do note, this might not even work in Compiled (or Emotion) due to the way tagged template expressions are parsed…
47
47
  export var listsSharedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t/* =============== INDENTATION SPACING ========= */\n\n\tul,\n\tol {\n\t\tbox-sizing: border-box;\n\t\tpadding-left: var(", ", ", "px);\n\n\t\t/*\n Firefox does not handle empty block element inside li tag.\n If there is not block element inside li tag,\n then firefox sets inherited height to li\n However, if there is any block element and if it's empty\n (or has empty inline element) then\n firefox sets li tag height to zero.\n More details at\n https://product-fabric.atlassian.net/wiki/spaces/~455502413/pages/3149365890/ED-14110+Investigation\n */\n\t\tli p:empty,\n\t\tli p > span:empty {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", ", ", " {\n\t\t/*\n Ensures list item content adheres to the list's margin instead\n of filling the entire block row. This is important to allow\n clicking interactive elements which are floated next to a list.\n\n For some history and context on this block, see PRs related to tickets.:\n @see ED-6551 - original issue.\n @see ED-7015 - follow up issue.\n @see ED-7447 - flow-root change.\n\n We use 'display: table' (old clear fix / new block formatting context hack)\n for older browsers and 'flow-root' for modern browsers.\n\n @see https://css-tricks.com/display-flow-root/\n */\n\t\t// For older browsers the do not support flow-root.\n\t\t/* stylelint-disable declaration-block-no-duplicate-properties */\n\t\tdisplay: table;\n\t\tdisplay: flow-root;\n\t\t/* stylelint-enable declaration-block-no-duplicate-properties */\n\t}\n\n\t/* =============== INDENTATION AESTHETICS ========= */\n\n\t/**\n We support nested lists up to six levels deep.\n **/\n\n\t/* LEGACY LISTS */\n\n\tul,\n\tul ul ul ul {\n\t\tlist-style-type: disc;\n\t}\n\n\tul ul,\n\tul ul ul ul ul {\n\t\tlist-style-type: circle;\n\t}\n\n\tul ul ul,\n\tul ul ul ul ul ul {\n\t\tlist-style-type: square;\n\t}\n\n\tol,\n\tol ol ol ol {\n\t\tlist-style-type: decimal;\n\t}\n\tol ol,\n\tol ol ol ol ol {\n\t\tlist-style-type: lower-alpha;\n\t}\n\tol ol ol,\n\tol ol ol ol ol ol {\n\t\tlist-style-type: lower-roman;\n\t}\n\n\t/* PREDICTABLE LISTS */\n\n\tol[data-indent-level='1'],\n\tol[data-indent-level='4'] {\n\t\tlist-style-type: decimal;\n\t}\n\n\tol[data-indent-level='2'],\n\tol[data-indent-level='5'] {\n\t\tlist-style-type: lower-alpha;\n\t}\n\n\tol[data-indent-level='3'],\n\tol[data-indent-level='6'] {\n\t\tlist-style-type: lower-roman;\n\t}\n\n\tul[data-indent-level='1'],\n\tul[data-indent-level='4'] {\n\t\tlist-style-type: disc;\n\t}\n\n\tul[data-indent-level='2'],\n\tul[data-indent-level='5'] {\n\t\tlist-style-type: circle;\n\t}\n\n\tul[data-indent-level='3'],\n\tul[data-indent-level='6'] {\n\t\tlist-style-type: square;\n\t}\n"])), CSS_VAR_NAMES.ITEM_COUNTER_PADDING, listItemCounterPadding, browser.gecko ? 'display: inline-block;' : '', orderedListSelector, bulletListSelector);
@@ -10,9 +10,11 @@ var mediaSingleSharedStyle = css((_css = {}, _defineProperty(_css, "li .".concat
10
10
  display: 'block',
11
11
  height: 0
12
12
  }), _defineProperty(_css, '&.ua-firefox', {
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
13
14
  '.mediaSingleView-content-wrap': {
14
15
  userSelect: 'none'
15
16
  },
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
16
18
  '.captionView-content-wrap': {
17
19
  userSelect: 'text'
18
20
  }
@@ -22,8 +24,10 @@ var mediaSingleSharedStyle = css((_css = {}, _defineProperty(_css, "li .".concat
22
24
  marginTop: "var(--ds-space-150, 12px)",
23
25
  marginBottom: "var(--ds-space-150, 12px)",
24
26
  clear: 'both',
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
25
28
  '&.image-wrap-left, &.image-wrap-right': {
26
29
  clear: 'none',
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
27
31
  '&:first-child': {
28
32
  marginTop: "var(--ds-space-150, 12px)"
29
33
  }
@@ -34,10 +38,13 @@ var mediaSingleSharedStyle = css((_css = {}, _defineProperty(_css, "li .".concat
34
38
  marginRight: 0,
35
39
  marginLeft: 0
36
40
  }), _defineProperty(_css, "@media all and (max-width: ".concat(wrappedMediaBreakoutPoint, "px)"), {
41
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
37
42
  "div.mediaSingleView-content-wrap[layout='wrap-left'], div.mediaSingleView-content-wrap[data-layout='wrap-left'], div.mediaSingleView-content-wrap[layout='wrap-right'], div.mediaSingleView-content-wrap[data-layout='wrap-right']": {
38
43
  float: 'none',
39
44
  overflow: 'auto',
40
45
  margin: "var(--ds-space-150, 12px)".concat(" 0")
41
46
  }
42
47
  }), _css));
48
+
49
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
43
50
  export { mediaSingleSharedStyle, richMediaClassName };
@@ -2,12 +2,15 @@ import { css } from '@emotion/react';
2
2
  import { akEditorLineHeight, blockNodesVerticalMargin } from '@atlaskit/editor-shared-styles';
3
3
 
4
4
  // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
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 paragraphSharedStyles = css({
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
6
8
  '& p': {
7
9
  fontSize: '1em',
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
8
11
  lineHeight: akEditorLineHeight,
9
12
  fontWeight: 'normal',
10
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
13
+ // 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
11
14
  marginTop: blockNodesVerticalMargin,
12
15
  marginBottom: 0,
13
16
  letterSpacing: '-0.005em'