@atlaskit/editor-common 82.3.0 → 82.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (249) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/collab/index.js +1 -1
  3. package/dist/cjs/element-browser/ViewMore.js +1 -0
  4. package/dist/cjs/element-browser/components/CategoryList.js +2 -0
  5. package/dist/cjs/element-browser/components/ElementList/ElementList.js +19 -1
  6. package/dist/cjs/element-browser/components/ElementSearch.js +56 -42
  7. package/dist/cjs/element-browser/components/StatelessElementBrowser.js +18 -0
  8. package/dist/cjs/extensibility/Extension/Extension/index.js +6 -2
  9. package/dist/cjs/extensibility/Extension/Extension/styles.js +20 -0
  10. package/dist/cjs/extensibility/Extension/InlineExtension/index.js +3 -1
  11. package/dist/cjs/extensibility/Extension/InlineExtension/styles.js +8 -0
  12. package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
  13. package/dist/cjs/extensibility/Extension/Lozenge/LozengeComponent.js +20 -15
  14. package/dist/cjs/extensibility/Extension/Lozenge/index.js +1 -0
  15. package/dist/cjs/extensibility/Extension/styles.js +13 -0
  16. package/dist/cjs/extensibility/ExtensionNodeWrapper.js +2 -0
  17. package/dist/cjs/extensibility/MultiBodiedExtension/index.js +20 -4
  18. package/dist/cjs/extensibility/MultiBodiedExtension/styles.js +12 -0
  19. package/dist/cjs/keymaps/index.js +2 -1
  20. package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
  21. package/dist/cjs/link/LinkSearch/LinkSearchList.js +2 -0
  22. package/dist/cjs/link/LinkSearch/LinkSearchListItem.js +9 -0
  23. package/dist/cjs/link/LinkSearch/ToolbarComponents.js +7 -0
  24. package/dist/cjs/media-inline/inline-image-wrapper.js +9 -1
  25. package/dist/cjs/media-inline/styles.js +12 -1
  26. package/dist/cjs/media-inline/views/frame.js +7 -4
  27. package/dist/cjs/media-inline/views/icon-wrapper.js +1 -0
  28. package/dist/cjs/media-inline/views/wrapper.js +1 -0
  29. package/dist/cjs/media-single/CommentBadge.js +5 -1
  30. package/dist/cjs/messages/help-dialog.js +5 -0
  31. package/dist/cjs/monitoring/error.js +1 -1
  32. package/dist/cjs/rank.js +1 -1
  33. package/dist/cjs/selection/gap-cursor/styles.js +1 -1
  34. package/dist/cjs/styles/shared/annotation.js +6 -0
  35. package/dist/cjs/styles/shared/background-color.js +4 -0
  36. package/dist/cjs/styles/shared/block-marks.js +1 -0
  37. package/dist/cjs/styles/shared/blockquote.js +8 -1
  38. package/dist/cjs/styles/shared/code-block.js +2 -0
  39. package/dist/cjs/styles/shared/code-mark.js +1 -0
  40. package/dist/cjs/styles/shared/column-layout.js +6 -1
  41. package/dist/cjs/styles/shared/date.js +2 -0
  42. package/dist/cjs/styles/shared/embedCard.js +8 -0
  43. package/dist/cjs/styles/shared/expand.js +1 -0
  44. package/dist/cjs/styles/shared/grid.js +7 -0
  45. package/dist/cjs/styles/shared/headings.js +6 -0
  46. package/dist/cjs/styles/shared/indentation.js +8 -0
  47. package/dist/cjs/styles/shared/link.js +4 -1
  48. package/dist/cjs/styles/shared/lists.js +1 -1
  49. package/dist/cjs/styles/shared/media-single.js +8 -1
  50. package/dist/cjs/styles/shared/paragraph.js +4 -1
  51. package/dist/cjs/styles/shared/plugins.js +8 -0
  52. package/dist/cjs/styles/shared/resizer.js +1 -1
  53. package/dist/cjs/styles/shared/rule.js +2 -1
  54. package/dist/cjs/styles/shared/shadow.js +4 -1
  55. package/dist/cjs/styles/shared/smartCard.js +1 -1
  56. package/dist/cjs/styles/shared/tableCell.js +1 -0
  57. package/dist/cjs/styles/shared/task-decision.js +2 -0
  58. package/dist/cjs/styles/shared/text-color.js +3 -0
  59. package/dist/cjs/styles/shared/unsupported-content.js +1 -1
  60. package/dist/cjs/styles/shared/whitespace.js +3 -1
  61. package/dist/cjs/table/SortingIcon.js +2 -2
  62. package/dist/cjs/ui/DropList/index.js +5 -1
  63. package/dist/cjs/ui/Expand/index.js +13 -0
  64. package/dist/cjs/ui/MediaSingle/index.js +3 -1
  65. package/dist/cjs/ui/MediaSingle/link.js +1 -0
  66. package/dist/cjs/ui/MediaSingle/styled.js +6 -3
  67. package/dist/cjs/ui/Messages/index.js +12 -7
  68. package/dist/cjs/ui/MultiBodiedExtension/index.js +24 -0
  69. package/dist/cjs/ui/PanelTextInput/index.js +1 -0
  70. package/dist/cjs/ui/PanelTextInput/styles.js +6 -0
  71. package/dist/cjs/ui/Popup/index.js +1 -0
  72. package/dist/cjs/ui/UnsupportedBlock/index.js +2 -0
  73. package/dist/cjs/ui/UnsupportedInline/index.js +2 -0
  74. package/dist/cjs/ui/clear-next-sibling-margin-top.js +6 -2
  75. package/dist/cjs/ui-color/ColorPalette/Color/index.js +4 -2
  76. package/dist/cjs/ui-color/ColorPalette/Color/styles.js +3 -0
  77. package/dist/cjs/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
  78. package/dist/cjs/ui-color/ColorPalette/index.js +1 -0
  79. package/dist/cjs/ui-color/ColorPalette/styles.js +1 -0
  80. package/dist/cjs/ui-menu/ColorPickerButton/index.js +7 -0
  81. package/dist/cjs/ui-menu/DropdownMenu/index.js +1 -0
  82. package/dist/es2019/collab/index.js +1 -1
  83. package/dist/es2019/element-browser/ViewMore.js +1 -0
  84. package/dist/es2019/element-browser/components/CategoryList.js +3 -0
  85. package/dist/es2019/element-browser/components/ElementList/ElementList.js +19 -1
  86. package/dist/es2019/element-browser/components/ElementSearch.js +56 -42
  87. package/dist/es2019/element-browser/components/StatelessElementBrowser.js +18 -0
  88. package/dist/es2019/extensibility/Extension/Extension/index.js +6 -2
  89. package/dist/es2019/extensibility/Extension/Extension/styles.js +20 -0
  90. package/dist/es2019/extensibility/Extension/InlineExtension/index.js +3 -1
  91. package/dist/es2019/extensibility/Extension/InlineExtension/styles.js +9 -0
  92. package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
  93. package/dist/es2019/extensibility/Extension/Lozenge/LozengeComponent.js +19 -14
  94. package/dist/es2019/extensibility/Extension/Lozenge/index.js +1 -0
  95. package/dist/es2019/extensibility/Extension/styles.js +14 -0
  96. package/dist/es2019/extensibility/ExtensionNodeWrapper.js +2 -0
  97. package/dist/es2019/extensibility/MultiBodiedExtension/index.js +21 -5
  98. package/dist/es2019/extensibility/MultiBodiedExtension/styles.js +12 -0
  99. package/dist/es2019/keymaps/index.js +1 -0
  100. package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
  101. package/dist/es2019/link/LinkSearch/LinkSearchList.js +2 -0
  102. package/dist/es2019/link/LinkSearch/LinkSearchListItem.js +9 -0
  103. package/dist/es2019/link/LinkSearch/ToolbarComponents.js +8 -0
  104. package/dist/es2019/media-inline/inline-image-wrapper.js +9 -1
  105. package/dist/es2019/media-inline/styles.js +12 -1
  106. package/dist/es2019/media-inline/views/frame.js +3 -1
  107. package/dist/es2019/media-inline/views/icon-wrapper.js +1 -0
  108. package/dist/es2019/media-inline/views/wrapper.js +1 -0
  109. package/dist/es2019/media-single/CommentBadge.js +5 -1
  110. package/dist/es2019/messages/help-dialog.js +5 -0
  111. package/dist/es2019/monitoring/error.js +1 -1
  112. package/dist/es2019/rank.js +1 -1
  113. package/dist/es2019/selection/gap-cursor/styles.js +1 -1
  114. package/dist/es2019/styles/shared/annotation.js +6 -0
  115. package/dist/es2019/styles/shared/background-color.js +5 -0
  116. package/dist/es2019/styles/shared/block-marks.js +2 -0
  117. package/dist/es2019/styles/shared/blockquote.js +8 -1
  118. package/dist/es2019/styles/shared/code-block.js +2 -0
  119. package/dist/es2019/styles/shared/code-mark.js +2 -0
  120. package/dist/es2019/styles/shared/column-layout.js +6 -0
  121. package/dist/es2019/styles/shared/date.js +3 -0
  122. package/dist/es2019/styles/shared/embedCard.js +8 -0
  123. package/dist/es2019/styles/shared/expand.js +1 -0
  124. package/dist/es2019/styles/shared/grid.js +7 -0
  125. package/dist/es2019/styles/shared/headings.js +12 -0
  126. package/dist/es2019/styles/shared/indentation.js +9 -0
  127. package/dist/es2019/styles/shared/link.js +3 -0
  128. package/dist/es2019/styles/shared/lists.js +1 -1
  129. package/dist/es2019/styles/shared/media-single.js +15 -0
  130. package/dist/es2019/styles/shared/panel.js +1 -0
  131. package/dist/es2019/styles/shared/paragraph.js +4 -1
  132. package/dist/es2019/styles/shared/plugins.js +8 -0
  133. package/dist/es2019/styles/shared/resizer.js +1 -1
  134. package/dist/es2019/styles/shared/rule.js +2 -1
  135. package/dist/es2019/styles/shared/shadow.js +9 -0
  136. package/dist/es2019/styles/shared/smartCard.js +1 -1
  137. package/dist/es2019/styles/shared/tableCell.js +1 -0
  138. package/dist/es2019/styles/shared/task-decision.js +2 -0
  139. package/dist/es2019/styles/shared/text-color.js +4 -0
  140. package/dist/es2019/styles/shared/unsupported-content.js +1 -1
  141. package/dist/es2019/styles/shared/whitespace.js +2 -0
  142. package/dist/es2019/table/SortingIcon.js +2 -2
  143. package/dist/es2019/ui/DropList/index.js +5 -1
  144. package/dist/es2019/ui/Expand/index.js +13 -0
  145. package/dist/es2019/ui/MediaSingle/index.js +3 -1
  146. package/dist/es2019/ui/MediaSingle/link.js +2 -0
  147. package/dist/es2019/ui/MediaSingle/styled.js +3 -1
  148. package/dist/es2019/ui/Messages/index.js +5 -1
  149. package/dist/es2019/ui/MultiBodiedExtension/index.js +24 -0
  150. package/dist/es2019/ui/PanelTextInput/index.js +1 -0
  151. package/dist/es2019/ui/PanelTextInput/styles.js +6 -0
  152. package/dist/es2019/ui/Popup/index.js +1 -0
  153. package/dist/es2019/ui/UnsupportedBlock/index.js +2 -0
  154. package/dist/es2019/ui/UnsupportedInline/index.js +2 -0
  155. package/dist/es2019/ui/clear-next-sibling-margin-top.js +7 -2
  156. package/dist/es2019/ui-color/ColorPalette/Color/index.js +4 -2
  157. package/dist/es2019/ui-color/ColorPalette/Color/styles.js +3 -0
  158. package/dist/es2019/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
  159. package/dist/es2019/ui-color/ColorPalette/index.js +1 -0
  160. package/dist/es2019/ui-color/ColorPalette/styles.js +1 -0
  161. package/dist/es2019/ui-menu/ColorPickerButton/index.js +7 -0
  162. package/dist/es2019/ui-menu/DropdownMenu/index.js +1 -0
  163. package/dist/esm/collab/index.js +1 -1
  164. package/dist/esm/element-browser/ViewMore.js +1 -0
  165. package/dist/esm/element-browser/components/CategoryList.js +2 -0
  166. package/dist/esm/element-browser/components/ElementList/ElementList.js +19 -1
  167. package/dist/esm/element-browser/components/ElementSearch.js +56 -42
  168. package/dist/esm/element-browser/components/StatelessElementBrowser.js +18 -0
  169. package/dist/esm/extensibility/Extension/Extension/index.js +6 -2
  170. package/dist/esm/extensibility/Extension/Extension/styles.js +20 -0
  171. package/dist/esm/extensibility/Extension/InlineExtension/index.js +3 -1
  172. package/dist/esm/extensibility/Extension/InlineExtension/styles.js +9 -0
  173. package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +9 -1
  174. package/dist/esm/extensibility/Extension/Lozenge/LozengeComponent.js +20 -15
  175. package/dist/esm/extensibility/Extension/Lozenge/index.js +1 -0
  176. package/dist/esm/extensibility/Extension/styles.js +14 -0
  177. package/dist/esm/extensibility/ExtensionNodeWrapper.js +2 -0
  178. package/dist/esm/extensibility/MultiBodiedExtension/index.js +20 -4
  179. package/dist/esm/extensibility/MultiBodiedExtension/styles.js +12 -0
  180. package/dist/esm/keymaps/index.js +1 -0
  181. package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +2 -0
  182. package/dist/esm/link/LinkSearch/LinkSearchList.js +2 -0
  183. package/dist/esm/link/LinkSearch/LinkSearchListItem.js +9 -0
  184. package/dist/esm/link/LinkSearch/ToolbarComponents.js +8 -0
  185. package/dist/esm/media-inline/inline-image-wrapper.js +9 -1
  186. package/dist/esm/media-inline/styles.js +12 -1
  187. package/dist/esm/media-inline/views/frame.js +7 -4
  188. package/dist/esm/media-inline/views/icon-wrapper.js +1 -0
  189. package/dist/esm/media-inline/views/wrapper.js +1 -0
  190. package/dist/esm/media-single/CommentBadge.js +5 -1
  191. package/dist/esm/messages/help-dialog.js +5 -0
  192. package/dist/esm/monitoring/error.js +1 -1
  193. package/dist/esm/rank.js +1 -1
  194. package/dist/esm/selection/gap-cursor/styles.js +1 -1
  195. package/dist/esm/styles/shared/annotation.js +6 -0
  196. package/dist/esm/styles/shared/background-color.js +5 -0
  197. package/dist/esm/styles/shared/block-marks.js +2 -0
  198. package/dist/esm/styles/shared/blockquote.js +8 -1
  199. package/dist/esm/styles/shared/code-block.js +2 -0
  200. package/dist/esm/styles/shared/code-mark.js +1 -0
  201. package/dist/esm/styles/shared/column-layout.js +5 -0
  202. package/dist/esm/styles/shared/date.js +2 -0
  203. package/dist/esm/styles/shared/embedCard.js +8 -0
  204. package/dist/esm/styles/shared/expand.js +1 -0
  205. package/dist/esm/styles/shared/grid.js +7 -0
  206. package/dist/esm/styles/shared/headings.js +6 -0
  207. package/dist/esm/styles/shared/indentation.js +9 -0
  208. package/dist/esm/styles/shared/link.js +3 -0
  209. package/dist/esm/styles/shared/lists.js +1 -1
  210. package/dist/esm/styles/shared/media-single.js +7 -0
  211. package/dist/esm/styles/shared/paragraph.js +4 -1
  212. package/dist/esm/styles/shared/plugins.js +8 -0
  213. package/dist/esm/styles/shared/resizer.js +1 -1
  214. package/dist/esm/styles/shared/rule.js +2 -1
  215. package/dist/esm/styles/shared/shadow.js +3 -0
  216. package/dist/esm/styles/shared/smartCard.js +1 -1
  217. package/dist/esm/styles/shared/tableCell.js +1 -0
  218. package/dist/esm/styles/shared/task-decision.js +2 -0
  219. package/dist/esm/styles/shared/text-color.js +4 -0
  220. package/dist/esm/styles/shared/unsupported-content.js +1 -1
  221. package/dist/esm/styles/shared/whitespace.js +2 -0
  222. package/dist/esm/table/SortingIcon.js +2 -2
  223. package/dist/esm/ui/DropList/index.js +5 -1
  224. package/dist/esm/ui/Expand/index.js +13 -0
  225. package/dist/esm/ui/MediaSingle/index.js +3 -1
  226. package/dist/esm/ui/MediaSingle/link.js +2 -0
  227. package/dist/esm/ui/MediaSingle/styled.js +6 -3
  228. package/dist/esm/ui/Messages/index.js +12 -7
  229. package/dist/esm/ui/MultiBodiedExtension/index.js +24 -0
  230. package/dist/esm/ui/PanelTextInput/index.js +1 -0
  231. package/dist/esm/ui/PanelTextInput/styles.js +6 -0
  232. package/dist/esm/ui/Popup/index.js +1 -0
  233. package/dist/esm/ui/UnsupportedBlock/index.js +2 -0
  234. package/dist/esm/ui/UnsupportedInline/index.js +2 -0
  235. package/dist/esm/ui/clear-next-sibling-margin-top.js +6 -2
  236. package/dist/esm/ui-color/ColorPalette/Color/index.js +4 -2
  237. package/dist/esm/ui-color/ColorPalette/Color/styles.js +3 -0
  238. package/dist/esm/ui-color/ColorPalette/Palettes/paletteMessages.js +1 -1
  239. package/dist/esm/ui-color/ColorPalette/index.js +1 -0
  240. package/dist/esm/ui-color/ColorPalette/styles.js +1 -0
  241. package/dist/esm/ui-menu/ColorPickerButton/index.js +7 -0
  242. package/dist/esm/ui-menu/DropdownMenu/index.js +1 -0
  243. package/dist/types/analytics/types/highlight-events.d.ts +4 -2
  244. package/dist/types/keymaps/index.d.ts +1 -0
  245. package/dist/types/messages/help-dialog.d.ts +5 -0
  246. package/dist/types-ts4.5/analytics/types/highlight-events.d.ts +4 -2
  247. package/dist/types-ts4.5/keymaps/index.d.ts +1 -0
  248. package/dist/types-ts4.5/messages/help-dialog.d.ts +5 -0
  249. package/package.json +1 -1
@@ -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.4.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
  });
@@ -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 const 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 const 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% + ${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 ${`var(--ds-border, ${N30A})`}`,
21
27
  display: 'inline-block',
@@ -26,6 +32,7 @@ export const 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 ${`var(--ds-border-focused, ${B200})`}`
31
38
  }
@@ -5,31 +5,43 @@ import { h100, h300, h400, h500, h600, h700 } from '@atlaskit/theme/typography';
5
5
  // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
6
6
  // text sizing prototype: http://proto/fabricrender/
7
7
  export const headingsSharedStyles = () => css({
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
8
9
  '& h1': {
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
9
11
  ...h700(),
10
12
  marginBottom: 0,
11
13
  marginTop: '1.667em'
12
14
  },
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
13
16
  '& h2': {
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
14
18
  ...h600(),
15
19
  marginTop: '1.8em',
16
20
  marginBottom: 0
17
21
  },
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
18
23
  '& h3': {
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
19
25
  ...h500(),
20
26
  marginTop: '2em',
21
27
  marginBottom: 0
22
28
  },
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
23
30
  '& h4': {
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
24
32
  ...h400(),
25
33
  marginTop: '1.357em'
26
34
  },
35
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
27
36
  '& h5': {
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
28
38
  ...h300(),
29
39
  marginTop: '1.667em',
30
40
  textTransform: 'none'
31
41
  },
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
32
43
  '& h6': {
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
33
45
  ...h100(),
34
46
  marginTop: '1.455em',
35
47
  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 const 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
  const 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 };
@@ -34,7 +34,7 @@ export function getOrderedListInlineStyles(itemCounterDigitsSize, styleFormat) {
34
34
  return style;
35
35
  }
36
36
 
37
- // 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…
37
+ // 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…
38
38
  export const listsSharedStyles = css`
39
39
  /* =============== INDENTATION SPACING ========= */
40
40
 
@@ -2,45 +2,58 @@ import { css } from '@emotion/react';
2
2
  const richMediaClassName = 'rich-media-item';
3
3
  const wrappedMediaBreakoutPoint = 410;
4
4
  const mediaSingleSharedStyle = css({
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
5
6
  [`li .${richMediaClassName}`]: {
6
7
  margin: 0
7
8
  },
8
9
  // Hack for chrome to fix media single position inside a list when media is the first child
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
9
11
  '&.ua-chrome li > .mediaSingleView-content-wrap::before': {
10
12
  content: "''",
11
13
  display: 'block',
12
14
  height: 0
13
15
  },
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
14
17
  '&.ua-firefox': {
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
15
19
  '.mediaSingleView-content-wrap': {
16
20
  userSelect: 'none'
17
21
  },
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
18
23
  '.captionView-content-wrap': {
19
24
  userSelect: 'text'
20
25
  }
21
26
  },
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
22
28
  ".mediaSingleView-content-wrap[layout='center']": {
23
29
  clear: 'both'
24
30
  },
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
25
32
  [`table .${richMediaClassName}`]: {
26
33
  marginTop: "var(--ds-space-150, 12px)",
27
34
  marginBottom: "var(--ds-space-150, 12px)",
28
35
  clear: 'both',
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
29
37
  '&.image-wrap-left, &.image-wrap-right': {
30
38
  clear: 'none',
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
31
40
  '&:first-child': {
32
41
  marginTop: "var(--ds-space-150, 12px)"
33
42
  }
34
43
  }
35
44
  },
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
36
46
  [`.${richMediaClassName}.image-wrap-right + .${richMediaClassName}.image-wrap-left`]: {
37
47
  clear: 'both'
38
48
  },
49
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
39
50
  [`.${richMediaClassName}.image-wrap-left + .${richMediaClassName}.image-wrap-right, .${richMediaClassName}.image-wrap-right + .${richMediaClassName}.image-wrap-left, .${richMediaClassName}.image-wrap-left + .${richMediaClassName}.image-wrap-left, .${richMediaClassName}.image-wrap-right + .${richMediaClassName}.image-wrap-right`]: {
40
51
  marginRight: 0,
41
52
  marginLeft: 0
42
53
  },
54
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
43
55
  [`@media all and (max-width: ${wrappedMediaBreakoutPoint}px)`]: {
56
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
44
57
  "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']": {
45
58
  float: 'none',
46
59
  overflow: 'auto',
@@ -48,4 +61,6 @@ const mediaSingleSharedStyle = css({
48
61
  }
49
62
  }
50
63
  });
64
+
65
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
51
66
  export { mediaSingleSharedStyle, richMediaClassName };
@@ -252,5 +252,6 @@ export const panelSharedStylesWithoutPrefix = () => css`
252
252
  }
253
253
  `;
254
254
  export const panelSharedStyles = () => css({
255
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
255
256
  [`.${PanelSharedCssClassName.prefix}`]: panelSharedStylesWithoutPrefix()
256
257
  });
@@ -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 const 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'