@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,8 +1,10 @@
1
1
  import { css } from '@emotion/react';
2
2
  import { N30 } 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 buttonGroupStyle = css({
4
5
  display: 'inline-flex',
5
6
  alignItems: 'center',
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
6
8
  '& > div': {
7
9
  display: 'flex'
8
10
  }
@@ -10,6 +12,7 @@ export var buttonGroupStyle = css({
10
12
 
11
13
  // This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
12
14
  // If you make change here, change in above file as well.
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
13
16
  export var separatorStyles = css({
14
17
  background: "var(--ds-border, ".concat(N30, ")"),
15
18
  width: '1px',
@@ -21,18 +24,23 @@ export var separatorStyles = css({
21
24
 
22
25
  // This style is copied to packages/editor/editor-plugin-ai/src/ui/components/AtlassianIntelligenceToolbarButton/styles.tsx
23
26
  // If you make change here, change in above file as well.
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
24
28
  export var wrapperStyle = css({
25
29
  display: 'flex',
26
30
  alignItems: 'center',
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
27
32
  '> div, > span': {
28
33
  display: 'flex'
29
34
  },
35
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
30
36
  '> div > div': {
31
37
  display: 'flex'
32
38
  },
33
39
  marginLeft: 0,
34
40
  minWidth: 'auto'
35
41
  });
42
+
43
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
36
44
  export var triggerWrapperStyles = css({
37
45
  display: 'flex'
38
46
  });
@@ -20,5 +20,5 @@ var akEditorSelectedNodeClassName = 'ak-editor-selected-node';
20
20
  export var handleWrapperClass = 'resizer-handle-wrapper';
21
21
  export var resizerHandleZIndex = 1;
22
22
 
23
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Seems perfectly safe to autofix, but comments would be lost…
23
+ // 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, Seems perfectly safe to autofix, but comments would be lost…
24
24
  export var resizerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\twill-change: width;\n\n\t\t&:hover,\n\t\t&.display-handle {\n\t\t\t& > .", " > .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&.is-resizing {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&.", " {\n\t\t\t& .", " {\n\t\t\t\ttransition: none;\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tdisplay: flex;\n\t\tvisibility: hidden;\n\t\topacity: 0;\n\t\tflex-direction: column;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 7px;\n\t\ttransition:\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t/*\n NOTE: The below style is targeted at the div element added by the tooltip. We don't have any means of injecting styles\n into the tooltip\n */\n\t\t& div[role='presentation'] {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin-top: ", ";\n\t\t\twhite-space: normal;\n\t\t}\n\n\t\t/*\n Handle Positions\n */\n\t\t&.left {\n\t\t\talign-items: flex-start;\n\t\t}\n\t\t&.right {\n\t\t\talign-items: flex-end;\n\t\t}\n\n\t\t/*\n Handle Sizing\n */\n\t\t&.small {\n\t\t\t& .", " {\n\t\t\t\theight: 43px;\n\t\t\t}\n\t\t}\n\t\t&.medium {\n\t\t\t& .", " {\n\t\t\t\theight: 64px;\n\t\t\t}\n\t\t}\n\t\t&.large {\n\t\t\t& .", " {\n\t\t\t\theight: 96px;\n\t\t\t}\n\t\t}\n\n\t\t/*\n Handle Alignment\n */\n\t\t&.sticky {\n\t\t\t& .", " {\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\t& .", " {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\n\t\t\t& .", " {\n\t\t\t\tvisibility: visible;\n\t\t\t\topacity: 0.5;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tcontent: ' ';\n\t\tdisplay: flex;\n\t\twidth: 3px;\n\t\tmargin: 0 ", ";\n\t\theight: 64px;\n\t\ttransition: background-color 0.2s;\n\t\tborder-radius: 6px;\n\t\tborder: 0;\n\t\tpadding: 0;\n\t\tz-index: 2;\n\t\toutline: none;\n\t\tmin-height: 24px;\n\t\tbackground: ", ";\n\n\t\t&:hover {\n\t\t\tcursor: col-resize;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground: ", ";\n\n\t\t\t&::after {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: ", ";\n\t\t\t\tright: ", ";\n\t\t\t\tbottom: ", ";\n\t\t\t\tleft: ", ";\n\t\t\t\tborder: 2px solid ", ";\n\t\t\t\tborder-radius: inherit;\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tvisibility: hidden;\n\t\tposition: absolute;\n\t\twidth: 7px;\n\t\theight: calc(100% - 40px);\n\t\tborder-radius: 4px;\n\t\topacity: 0;\n\t\ttransition:\n\t\t\tbackground-color 0.2s,\n\t\t\tvisibility 0.2s,\n\t\t\topacity 0.2s;\n\n\t\t&.none {\n\t\t\tbackground: none;\n\t\t}\n\n\t\t&.shadow {\n\t\t\tbackground: ", ";\n\t\t}\n\n\t\t&.full-height {\n\t\t\tbackground: ", ";\n\t\t\theight: 100%;\n\t\t\tmin-height: 36px;\n\t\t}\n\t}\n\n\t.", " {\n\t\t& .", " {\n\t\t\tbackground: ", ";\n\t\t}\n\t}\n\n\t.", " {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\twidth: 100%;\n\n\t\t&.", " {\n\t\t\tpadding: 0 ", ";\n\t\t\tleft: ", ";\n\t\t}\n\t}\n\n\t// This below style is here to make sure the image width is correct when nested in a table\n\ttable .", ", table .", ".", " {\n\t\tpadding: unset;\n\t\tleft: unset;\n\t}\n"])), resizerItemClassName, handleWrapperClass, resizerHandleClassName, resizerHandleThumbClassName, "var(--ds-border-focused, ".concat(B200, ")"), resizerDangerClassName, resizerHandleThumbClassName, "var(--ds-icon-danger, ".concat(akEditorDeleteIconColor, ")"), resizerHandleClassName, "var(--ds-space-negative-200, -16px)", resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, resizerHandleThumbClassName, "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", resizerHandleThumbClassName, "var(--ds-border-focused, ".concat(B200, ")"), resizerHandleTrackClassName, resizerHandleThumbClassName, "var(--ds-space-025, 2px)", "var(--ds-border, ".concat(N60, ")"), "var(--ds-border-selected, #0C66E4)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-space-negative-050, -4px)", "var(--ds-border-focused, #388BFF)", resizerHandleTrackClassName, "var(--ds-background-selected, ".concat(B50, ")"), "var(--ds-background-selected, ".concat(B50, ")"), akEditorSelectedNodeClassName, resizerHandleThumbClassName, "var(--ds-border-focused, ".concat(B200, ")"), resizerHoverZoneClassName, resizerExtendedZone, "var(--ds-space-150, 12px)", "var(--ds-space-negative-150, -12px)", resizerHoverZoneClassName, resizerHoverZoneClassName, resizerExtendedZone);
@@ -4,10 +4,11 @@ import { N30A } from '@atlaskit/theme/colors';
4
4
  // @see typography spreadsheet: https://docs.google.com/spreadsheets/d/1iYusRGCT4PoPfvxbJ8NrgjtfFgXLm5lpDWXzjua1W2E/edit#gid=93913128
5
5
  export var ruleSharedStyles = function ruleSharedStyles() {
6
6
  return css({
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
8
  '& hr': {
8
9
  border: 'none',
9
10
  backgroundColor: "var(--ds-border, ".concat(N30A, ")"),
10
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
11
+ // 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
12
  margin: "".concat(akEditorLineHeight, "em 0"),
12
13
  height: '2px',
13
14
  borderRadius: '1px'
@@ -27,6 +27,7 @@ var shadowSharedStyle = css((_css = {}, _defineProperty(_css, "& .".concat(shado
27
27
  display: 'none',
28
28
  position: 'absolute',
29
29
  pointerEvents: 'none',
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
30
31
  zIndex: akEditorShadowZIndex,
31
32
  width: "".concat(shadowWidth, "px"),
32
33
  content: "''",
@@ -52,4 +53,6 @@ var shadowSharedStyle = css((_css = {}, _defineProperty(_css, "& .".concat(shado
52
53
  width: '0px',
53
54
  minWidth: '0px'
54
55
  }), _css));
56
+
57
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
55
58
  export { shadowSharedStyle };
@@ -9,5 +9,5 @@ import { SmartCardSharedCssClassName } from './smart-card';
9
9
  export var DATASOURCE_INNER_CONTAINER_CLASSNAME = 'datasourceView-content-inner-wrap';
10
10
  export var FLOATING_TOOLBAR_LINKPICKER_CLASSNAME = 'card-floating-toolbar--link-picker';
11
11
 
12
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Seems safe to autofix with a fix to `getSelectionStyles`
12
+ // 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
13
13
  export var smartCardStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.", " {\n\t\tmax-width: calc(100% - 20px);\n\t\tvertical-align: top;\n\t\tword-break: break-all;\n\t\t", "\n\t\t.card {\n\t\t\tpadding-left: ", ";\n\t\t\tpadding-right: ", ";\n\t\t\tpadding-top: 0.5em;\n\t\t\tpadding-bottom: 0.5em;\n\t\t\tmargin-bottom: -0.5em;\n\n\t\t\t.", " > a:focus {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > a {\n\t\t\t", "\n\t\t}\n\t\t.", " > a {\n\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > a {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t\t/* EDM-1717: box-shadow Safari fix start */\n\t\t\t\tz-index: 2;\n\t\t\t\t/* EDM-1717: box-shadow Safari fix end */\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&.", " .", " > div {\n\t\t\t", "\n\t\t\tborder-radius: ", ";\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " > div {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.", ".", " {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\n\t\t.", " {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: ", ";\n\t\t\tborder-radius: ", ";\n\t\t\tborder: 1px solid ", ";\n\t\t}\n\n\t\t&.", " {\n\t\t\t.", " {\n\t\t\t\t", "\n\t\t\t}\n\t\t}\n\n\t\t&.danger {\n\t\t\t.", " {\n\t\t\t\tbox-shadow: 0 0 0 1px ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\t.", " > div {\n\t\t\tcursor: pointer;\n\t\t\t&::after {\n\t\t\t\ttransition: box-shadow 0s;\n\t\t\t}\n\t\t}\n\n\t\t&.", " .", " > div::after {\n\t\t\t", "\n\t\t}\n\n\t\t&.danger {\n\t\t\t.media-card-frame::after {\n\t\t\t\tbox-shadow: 0 0 0 1px ", " !important;\n\t\t\t\tbackground: ", " !important;\n\t\t\t}\n\t\t\t.richMedia-resize-handle-right::after,\n\t\t\t.richMedia-resize-handle-left::after {\n\t\t\t\tbackground: ", ";\n\t\t\t}\n\t\t}\n\t}\n\n\t.", " {\n\t\tpadding: 0;\n\t}\n"])), SmartCardSharedCssClassName.INLINE_CARD_CONTAINER, getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes') ? ".card-with-comment {\n background: ".concat("var(--ds-background-accent-yellow-subtler, ".concat(Y75, ")"), ";\n border-bottom: 2px solid ", "var(--ds-border-accent-yellow, ".concat(Y300, ")"), ";\n box-shadow: ", "var(--ds-shadow-overlay, ".concat("1px 2px 3px ".concat(N60A, ", -1px 2px 3px ").concat(N60A), ")"), ";\n }") : '', "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), SmartCardSharedCssClassName.LOADER_WRAPPER, SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-radius-200, 8px)", SmartCardSharedCssClassName.LOADER_WRAPPER, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.DATASOURCE_CONTAINER, SmartCardSharedCssClassName.BLOCK_CARD_CONTAINER, DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-background-neutral-subtle, ".concat(N0, ")"), "var(--ds-border-radius-200, 8px)", "var(--ds-border, ".concat(N40, ")"), akEditorSelectedNodeClassName, DATASOURCE_INNER_CONTAINER_CLASSNAME, getSelectionStyles([SelectionStyle.BoxShadow]), DATASOURCE_INNER_CONTAINER_CLASSNAME, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), SmartCardSharedCssClassName.EMBED_CARD_CONTAINER, SmartCardSharedCssClassName.LOADER_WRAPPER, akEditorSelectedNodeClassName, SmartCardSharedCssClassName.LOADER_WRAPPER, getSelectionStyles([SelectionStyle.BoxShadow]), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-background-danger, ".concat(akEditorDeleteBackground, ")"), "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), FLOATING_TOOLBAR_LINKPICKER_CLASSNAME);
@@ -17,6 +17,7 @@ var mapBackgroundColors = function mapBackgroundColors() {
17
17
  });
18
18
  return cssString;
19
19
  };
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
20
21
  export var tableCellBackgroundStyleOverride = function tableCellBackgroundStyleOverride() {
21
22
  return css(mapBackgroundColors());
22
23
  };
@@ -8,4 +8,6 @@ export var TaskDecisionSharedCssClassName = {
8
8
  TASK_CONTAINER: 'taskItemView-content-wrap',
9
9
  TASK_ITEM: 'task-item'
10
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
11
13
  export var tasksAndDecisionsStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror {\n\t\t.taskItemView-content-wrap,\n\t\t.", " {\n\t\t\tposition: relative;\n\t\t\tmin-width: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t.", " {\n\t\t\tspan[contenteditable='false'] {\n\t\t\t\theight: ", "em;\n\t\t\t}\n\t\t}\n\n\t\t.", " {\n\t\t\tline-height: ", ";\n\t\t}\n\t}\n\n\tdiv[data-task-local-id] {\n\t\tspan[contenteditable='false'] {\n\t\t\theight: ", "em;\n\t\t}\n\t\tspan[contenteditable='false'] + div {\n\t\t\tline-height: ", "em;\n\t\t}\n\t}\n\n\tdiv[data-task-list-local-id] {\n\t\tmargin: ", " 0 0 0;\n\t}\n\n\tdiv[data-task-list-local-id] {\n\t\t// If task item is not first in the list then set margin top to 4px.\n\t\tdiv + div {\n\t\t\tmargin-top: ", ";\n\t\t}\n\t}\n\n\t// If task list is not first in the document then set margin top to 4px.\n\tdiv[data-task-list-local-id] div[data-task-list-local-id] {\n\t\tmargin-top: ", ";\n\t\tmargin-left: ", ";\n\t}\n\n\t/* When action list is inside panel */\n\t.ak-editor-panel__content {\n\t\t> div[data-task-list-local-id]:first-child {\n\t\t\tmargin: 0 0 0 0 !important;\n\t\t}\n\t}\n"])), TaskDecisionSharedCssClassName.DECISION_CONTAINER, akEditorTableCellMinWidth, TaskDecisionSharedCssClassName.DECISION_CONTAINER, TaskDecisionSharedCssClassName.TASK_CONTAINER, akEditorLineHeight, TaskDecisionSharedCssClassName.TASK_ITEM, akEditorLineHeight, akEditorLineHeight, akEditorLineHeight, "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-050, 4px)", "var(--ds-space-300, 24px)");
@@ -1,8 +1,12 @@
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 textColorStyles = css({
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
3
6
  '.fabric-text-color-mark': {
4
7
  color: '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-text-color-mark': {
7
11
  color: 'unset'
8
12
  }
@@ -9,5 +9,5 @@ export var UnsupportedSharedCssClassName = {
9
9
  var inlineUnsupportedSelector = ".".concat(UnsupportedSharedCssClassName.INLINE_CONTAINER, " > span:nth-of-type(2)");
10
10
  var blockUnsupportedSelector = ".".concat(UnsupportedSharedCssClassName.BLOCK_CONTAINER, " > div");
11
11
 
12
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Nested `getSelectionStyles` would need a rebuild to autofix
12
+ // 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
13
13
  export var unsupportedStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t", ", ", " {\n\t\tcursor: pointer;\n\t}\n\n\t.", "", ",\n\t\t.", "", " {\n\t\t", "\n\t}\n\n\t.danger {\n\t\t.", "", ",\n\t\t\t.", "", " {\n\t\t\tborder: ", "px solid\n\t\t\t\t", ";\n\t\t\tbackground-color: ", ";\n\t\t}\n\t}\n"])), blockUnsupportedSelector, inlineUnsupportedSelector, akEditorSelectedNodeClassName, blockUnsupportedSelector, akEditorSelectedNodeClassName, inlineUnsupportedSelector, getSelectionStyles([SelectionStyle.Background, SelectionStyle.Border]), akEditorSelectedNodeClassName, blockUnsupportedSelector, akEditorSelectedNodeClassName, inlineUnsupportedSelector, akEditorSelectedBorderSize, "var(--ds-border-danger, ".concat(akEditorDeleteBorder, ")"), "var(--ds-blanket-danger, ".concat(akEditorDeleteBackgroundWithOpacity, ")"));
@@ -3,4 +3,6 @@ var whitespaceSharedStyles = css({
3
3
  wordWrap: 'break-word',
4
4
  whiteSpace: 'pre-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 { whitespaceSharedStyles };
@@ -16,10 +16,10 @@ export var StatusClassNames = /*#__PURE__*/function (StatusClassNames) {
16
16
  return StatusClassNames;
17
17
  }({});
18
18
 
19
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
19
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
20
20
  var buttonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: absolute;\n\tdisplay: flex;\n\theight: 28px;\n\twidth: 28px;\n\tmargin: ", ";\n\tright: 0;\n\ttop: 0;\n\tborder: 2px solid ", ";\n\tborder-radius: ", ";\n\tbackground-color: ", ";\n\tjustify-content: center;\n\talign-items: center;\n\tcursor: pointer;\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n\n\t&.", "__not-allowed {\n\t\tcursor: not-allowed;\n\t}\n"])), "var(--ds-space-075, 6px)", "var(--ds-border, #fff)", "var(--ds-border-radius-100, 4px)", "var(--ds-surface-overlay, ".concat(N20, ")"), "var(--ds-surface-overlay-hovered, ".concat(N30, ")"), "var(--ds-surface-overlay-pressed, rgba(179, 212, 255, 0.6))", SORTABLE_COLUMN_ICON_CLASSNAME);
21
21
 
22
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
22
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
23
23
  var iconWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\twidth: 8px;\n\theight: 12px;\n\ttransition: transform 0.3s cubic-bezier(0.15, 1, 0.3, 1);\n\ttransform-origin: 50% 50%;\n\tdisplay: flex;\n\tjustify-content: center;\n\n\t&.", " {\n\t\ttransform: rotate(-180deg);\n\t}\n\n\t&.", "-inactive {\n\t\topacity: 0.7;\n\t}\n"])), StatusClassNames.DESC, SORTABLE_COLUMN_ICON_CLASSNAME);
24
24
 
25
25
  // The icon is created with CSS due to the following Firefox issue: https://product-fabric.atlassian.net/browse/ED-8001
@@ -15,7 +15,7 @@ import { createAndFireEvent, withAnalyticsContext, withAnalyticsEvents } from '@
15
15
  import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
16
16
  import Layer from '../Layer';
17
17
  var packageName = "@atlaskit/editor-common";
18
- var packageVersion = "82.3.0";
18
+ var packageVersion = "82.5.0";
19
19
  var halfFocusRing = 1;
20
20
  var dropOffset = '0, 8';
21
21
  var DropList = /*#__PURE__*/function (_Component) {
@@ -29,7 +29,9 @@ var DropList = /*#__PURE__*/function (_Component) {
29
29
  }
30
30
  _this = _super.call.apply(_super, [this].concat(args));
31
31
  _defineProperty(_assertThisInitialized(_this), "wrapperStyles", css({
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
32
33
  display: _this.props.shouldFitContainer ? 'block' : 'inline-flex',
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
33
35
  flex: _this.props.shouldFitContainer ? '1 1 auto' : undefined,
34
36
  transitionDuration: '0.2s',
35
37
  transition: 'box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)'
@@ -37,7 +39,9 @@ var DropList = /*#__PURE__*/function (_Component) {
37
39
  _defineProperty(_assertThisInitialized(_this), "triggerStyles", css({
38
40
  transitionDuration: '0.2s',
39
41
  transition: 'box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38)',
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
40
43
  display: _this.props.shouldFitContainer ? 'block' : 'inline-flex',
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
41
45
  boxSizing: _this.props.shouldFitContainer ? 'border-box' : undefined
42
46
  }));
43
47
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
@@ -60,16 +60,21 @@ var expandIconWrapperStyle = function expandIconWrapperStyle() {
60
60
  '&:hover': {
61
61
  background: "var(--ds-background-neutral-subtle-hovered, ".concat(N30A, ")")
62
62
  },
63
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
63
64
  svg: {
65
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
64
66
  transition: "transform 0.2s ".concat(akEditorSwoopCubicBezier)
65
67
  }
66
68
  });
67
69
  };
68
70
  var expandIconWrapperExpandedStyle = css({
71
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
69
72
  svg: {
70
73
  transform: 'rotate(90deg)'
71
74
  }
72
75
  });
76
+
77
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
73
78
  export var expandLayoutWrapperStyle = css({
74
79
  width: "var(--ds-space-300, 24px)",
75
80
  height: "var(--ds-space-300, 24px)"
@@ -91,16 +96,20 @@ var containerStyles = function containerStyles(styleProps) {
91
96
  // Only only these margins if the expand isn't editable
92
97
  // and is the root level expand.
93
98
  var marginHorizontal = styleProps['data-node-type'] === 'expand' ? "-".concat(akLayoutGutterOffset, "px") : 0;
99
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
94
100
  var margin = "".concat(marginTop, " ").concat(marginHorizontal, " ").concat(marginBottom);
95
101
  return function () {
96
102
  return css({
97
103
  borderWidth: '1px',
98
104
  borderStyle: 'solid',
105
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
99
106
  borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,
100
107
  borderRadius: BORDER_RADIUS,
101
108
  minHeight: '25px',
109
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
102
110
  background: !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND,
103
111
  margin: margin,
112
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
104
113
  transition: "background 0.3s ".concat(akEditorSwoopCubicBezier, ", border-color 0.3s ").concat(akEditorSwoopCubicBezier),
105
114
  padding: "var(--ds-space-100, 8px)",
106
115
  '&:hover': {
@@ -110,6 +119,7 @@ var containerStyles = function containerStyles(styleProps) {
110
119
  border: "1px solid ".concat("var(--ds-border, ".concat(N50A, ")")),
111
120
  background: EXPAND_SELECTED_BACKGROUND
112
121
  },
122
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
113
123
  'td > :not(style):first-child, td > style:first-child + *': {
114
124
  marginTop: 0
115
125
  }
@@ -127,7 +137,9 @@ var titleInputStyles = function titleInputStyles() {
127
137
  return css({
128
138
  outline: 'none',
129
139
  border: 'none',
140
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
130
141
  fontSize: relativeFontSizeToBase16(fontSize()),
142
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
131
143
  lineHeight: akEditorLineHeight,
132
144
  fontWeight: 'normal',
133
145
  color: "var(--ds-text-subtlest, ".concat(N200A, ")"),
@@ -149,6 +161,7 @@ var titleContainerStyles = function titleContainerStyles() {
149
161
  alignItems: 'flex-start',
150
162
  background: 'none',
151
163
  border: 'none',
164
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
152
165
  fontSize: relativeFontSizeToBase16(fontSize()),
153
166
  width: '100%',
154
167
  color: "var(--ds-text-subtle, ".concat(N300A, ")"),
@@ -27,6 +27,7 @@ export default (function (_ref) {
27
27
  children = _ref.children,
28
28
  className = _ref.className,
29
29
  tooltipContent = _ref.tooltipContent,
30
+ tooltipStyle = _ref.tooltipStyle,
30
31
  testId = _ref.testId,
31
32
  _ref$hideTooltipOnCli = _ref.hideTooltipOnClick,
32
33
  hideTooltipOnClick = _ref$hideTooltipOnCli === void 0 ? true : _ref$hideTooltipOnCli,
@@ -47,6 +48,7 @@ export default (function (_ref) {
47
48
  // Only fallback to title for tooltip if title is not shown
48
49
  , {
49
50
  content: tooltipContent || (iconOnly ? title : undefined),
51
+ component: tooltipStyle,
50
52
  hideTooltipOnClick: hideTooltipOnClick,
51
53
  position: "top"
52
54
  }, /*#__PURE__*/React.createElement("div", {
@@ -82,7 +82,9 @@ export default function MediaSingle(_ref) {
82
82
  media = _children[0],
83
83
  caption = _children[1];
84
84
  return jsx("div", _extends({
85
- ref: handleMediaSingleRef,
85
+ ref: handleMediaSingleRef
86
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
87
+ ,
86
88
  css: MediaSingleDimensionHelper({
87
89
  width: width,
88
90
  layout: layout,
@@ -1,4 +1,6 @@
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 mediaLinkStyle = css({
3
5
  position: 'absolute',
4
6
  background: 'transparent',
@@ -175,9 +175,12 @@ export var mediaWrapperStyle = function mediaWrapperStyle(props) {
175
175
  export var MediaWrapper = function MediaWrapper(_ref3) {
176
176
  var children = _ref3.children,
177
177
  rest = _objectWithoutProperties(_ref3, _excluded);
178
- return jsx("div", {
179
- css: mediaWrapperStyle(rest)
180
- }, children);
178
+ return (
179
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
180
+ jsx("div", {
181
+ css: mediaWrapperStyle(rest)
182
+ }, children)
183
+ );
181
184
  };
182
185
  MediaWrapper.displayName = 'WrapperMediaSingle';
183
186
 
@@ -11,14 +11,19 @@ var errorColor = css({
11
11
  var validColor = css({
12
12
  color: "var(--ds-text-success, ".concat(G400, ")")
13
13
  });
14
+
15
+ // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
14
16
  var messageStyle = function messageStyle() {
15
- return css(h200(), {
16
- fontWeight: 'normal',
17
- color: "var(--ds-text-subtlest, ".concat(N200, ")"),
18
- marginTop: "var(--ds-space-050, 4px)",
19
- display: 'flex',
20
- justifyContent: 'baseline'
21
- });
17
+ return (
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
19
+ css(h200(), {
20
+ fontWeight: 'normal',
21
+ color: "var(--ds-text-subtlest, ".concat(N200, ")"),
22
+ marginTop: "var(--ds-space-050, 4px)",
23
+ display: 'flex',
24
+ justifyContent: 'baseline'
25
+ })
26
+ );
22
27
  };
23
28
  var iconWrapperStyle = css({
24
29
  display: 'flex',
@@ -3,26 +3,35 @@
3
3
  import { css } from '@emotion/react';
4
4
  // Wraps the navigation bar and extensionFrames
5
5
  var mbeExtensionContainer = css({
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
6
7
  background: 'transparent !important',
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
7
9
  'padding:': {
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
8
11
  left: "var(--ds-space-100, 8px)".concat(" !important"),
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
9
13
  right: "var(--ds-space-100, 8px)".concat(" !important")
10
14
  },
11
15
  paddingBottom: "var(--ds-space-100, 8px)",
16
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
12
17
  '&.remove-padding': {
13
18
  paddingBottom: 0
14
19
  },
15
20
  position: 'relative',
16
21
  verticalAlign: 'middle',
17
22
  cursor: 'pointer',
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
18
24
  '.multiBodiedExtension-handler-result': {
19
25
  marginLeft: "var(--ds-space-100, 8px)"
20
26
  },
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
21
28
  ".multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'], .multiBodiedExtension--frames > [data-extension-frame='true']": {
22
29
  display: 'none',
23
30
  background: "var(--ds-surface, white)"
24
31
  },
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
25
33
  '.multiBodiedExtension-content-dom-wrapper, .multiBodiedExtension--frames': {
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
26
35
  "[data-extension-frame='true'] > :not(style):first-child, [data-extension-frame='true'] > style:first-child + *": {
27
36
  marginTop: 0
28
37
  }
@@ -33,18 +42,22 @@ var mbeNavigation = css({
33
42
  borderTopRightRadius: "var(--ds-border-radius, 3px)",
34
43
  userSelect: 'none',
35
44
  WebkitUserModify: 'read-only',
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
36
46
  borderBottom: 'none !important',
37
47
  background: "var(--ds-surface, white)",
38
48
  marginLeft: "var(--ds-space-100, 8px)",
39
49
  marginRight: "var(--ds-space-100, 8px)",
50
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
40
51
  '&.remove-margins': {
41
52
  margin: "var(--ds-space-negative-100, -8px)"
42
53
  },
54
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
43
55
  '&.remove-border': {
44
56
  border: 'none'
45
57
  }
46
58
  });
47
59
  var extensionFrameContent = css({
60
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
48
61
  padding: "var(--ds-space-100, 8px)".concat(" !important"),
49
62
  display: 'block',
50
63
  minHeight: '100px',
@@ -54,22 +67,33 @@ var extensionFrameContent = css({
54
67
  marginLeft: "var(--ds-space-100, 8px)",
55
68
  marginRight: "var(--ds-space-100, 8px)",
56
69
  cursor: 'initial',
70
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
57
71
  '.pm-table-with-controls': {
72
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
58
73
  marginLeft: "var(--ds-space-150, 12px)".concat(" !important"),
74
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
59
75
  paddingRight: "var(--ds-space-150, 12px)".concat(" !important")
60
76
  },
77
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
61
78
  '.bodiedExtensionView-content-wrap': {
79
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
62
80
  marginTop: "var(--ds-space-150, 12px)".concat(" !important")
63
81
  },
82
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
64
83
  '.extensionView-content-wrap': {
84
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
65
85
  marginTop: "var(--ds-space-100, 8px)".concat(" !important")
66
86
  }
67
87
  });
88
+
89
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
68
90
  export var removeMarginsAndBorder = css({
69
91
  marginLeft: 0,
70
92
  marginRight: 0,
71
93
  border: 'none'
72
94
  });
95
+
96
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
73
97
  export var sharedMultiBodiedExtensionStyles = {
74
98
  mbeExtensionContainer: mbeExtensionContainer,
75
99
  mbeNavigation: mbeNavigation,
@@ -119,6 +119,7 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
119
119
  inputId = _this$props2.inputId;
120
120
  var value = this.state.value;
121
121
  return jsx("input", {
122
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
122
123
  css: [panelTextInput, width !== undefined && panelTextInputWithCustomWidth(width)],
123
124
  role: role,
124
125
  "aria-autocomplete": ariaAutoComplete ? 'list' : undefined,
@@ -2,7 +2,9 @@ import { css } from '@emotion/react';
2
2
  import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
3
3
  import { B100, N100, N30, N400 } from '@atlaskit/theme/colors';
4
4
  // Normal .className gets overridden by input[type=text] hence this hack to produce input.className
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
6
  export var panelTextInput = css({
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
6
8
  'input&': {
7
9
  background: 'transparent',
8
10
  border: "2px solid ".concat("var(--ds-border, ".concat(N30, ")")),
@@ -10,11 +12,13 @@ export var panelTextInput = css({
10
12
  boxSizing: 'content-box',
11
13
  color: "var(--ds-text-subtle, ".concat(N400, ")"),
12
14
  flexGrow: 1,
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
13
16
  fontSize: relativeFontSizeToBase16(13),
14
17
  lineHeight: '20px',
15
18
  padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-400, 32px)", " ", "var(--ds-space-075, 6px)", " ", "var(--ds-space-100, 8px)"),
16
19
  minWidth: '145px',
17
20
  /* Hides IE10+ built-in [x] clear input button */
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
18
22
  '&::-ms-clear': {
19
23
  display: 'none'
20
24
  },
@@ -29,7 +33,9 @@ export var panelTextInput = css({
29
33
  });
30
34
  export var panelTextInputWithCustomWidth = function panelTextInputWithCustomWidth(width) {
31
35
  return css({
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
32
37
  'input&': {
38
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
33
39
  width: "".concat(width, "px")
34
40
  }
35
41
  });
@@ -287,6 +287,7 @@ var Popup = /*#__PURE__*/function (_React$Component) {
287
287
  style: _objectSpread(_objectSpread({
288
288
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
289
289
  position: 'absolute',
290
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
290
291
  zIndex: this.props.zIndex || akEditorFloatingPanelZIndex
291
292
  }, position), this.props.style),
292
293
  "aria-label": ariaLabel,
@@ -14,10 +14,12 @@ import { getUnsupportedContent } from '../unsupported-content-helper';
14
14
  var blockNodeStyle = css({
15
15
  background: "var(--ds-background-disabled, ".concat(N30, ")"),
16
16
  border: "1px dashed ".concat("var(--ds-border-disabled, ".concat(N50, ")")),
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
17
18
  borderRadius: "".concat(borderRadius(), "px"),
18
19
  boxSizing: 'border-box',
19
20
  cursor: 'default',
20
21
  display: 'flex',
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
21
23
  fontSize: relativeFontSizeToBase16(fontSize()),
22
24
  margin: "var(--ds-space-100, 8px)".concat(" 0"),
23
25
  minHeight: '24px',
@@ -15,10 +15,12 @@ var inlineNodeStyle = css({
15
15
  alignItems: 'center',
16
16
  background: "var(--ds-background-disabled, ".concat(N30, ")"),
17
17
  border: "1px dashed ".concat("var(--ds-border-disabled, ".concat(N50, ")")),
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
18
19
  borderRadius: "".concat(borderRadius(), "px"),
19
20
  boxSizing: 'border-box',
20
21
  cursor: 'default',
21
22
  display: 'inline-flex',
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
22
24
  fontSize: relativeFontSizeToBase16(fontSize()),
23
25
  margin: "0 ".concat("var(--ds-space-025, 2px)"),
24
26
  minHeight: '24px',
@@ -3,9 +3,11 @@ import { css } from '@emotion/react';
3
3
 
4
4
  // We use !important to ensure next sibling gets the margin reset no matter what
5
5
 
6
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
6
7
  export var clearNextSiblingMarginTopStyle = css({
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
7
9
  '& + *': {
8
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
10
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
9
11
  marginTop: '0 !important'
10
12
  }
11
13
  });
@@ -13,7 +15,9 @@ var textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
13
15
  var nextSiblingBlockMarkContentSelectors = textElements.map(function (elem) {
14
16
  return "+ .fabric-editor-block-mark > ".concat(elem);
15
17
  }).join(',');
18
+
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
16
20
  export var clearNextSiblingBlockMarkMarginTopStyle = css(_defineProperty({}, "".concat(nextSiblingBlockMarkContentSelectors), {
17
- // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
21
+ // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
18
22
  marginTop: '0 !important'
19
23
  }));
@@ -58,7 +58,7 @@ function FunctionalComponentColor(props) {
58
58
  border: "1px solid ".concat(borderColor)
59
59
  },
60
60
  autoFocus: autoFocus
61
- }, isSelected && jsx(EditorDoneIcon, {
61
+ }, !decorator && isSelected && jsx(EditorDoneIcon, {
62
62
  primaryColor: checkMarkColor,
63
63
  label: ""
64
64
  }), decorator)));
@@ -105,7 +105,9 @@ var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
105
105
  }, jsx("span", {
106
106
  css: buttonWrapperStyle
107
107
  }, jsx("button", {
108
- type: "button",
108
+ type: "button"
109
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
110
+ ,
109
111
  css: buttonStyle,
110
112
  "aria-label": label,
111
113
  role: "radio",
@@ -129,5 +131,10 @@ var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
129
131
  }]);
130
132
  return ClassComponentColor;
131
133
  }(PureComponent);
132
- var Color = getBooleanFF('platform.editor.transparent-diagonal-decorator') ? FunctionalComponentColor : ClassComponentColor;
134
+ var Color = function Color(props) {
135
+ if (getBooleanFF('platform.editor.transparent-diagonal-decorator')) {
136
+ return jsx(FunctionalComponentColor, props);
137
+ }
138
+ return jsx(ClassComponentColor, props);
139
+ };
133
140
  export default Color;
@@ -2,6 +2,7 @@ import { css } from '@emotion/react';
2
2
  import { N0, N50, N900 } from '@atlaskit/theme/colors';
3
3
  /** this is not new usage - old code extracted from editor-core */
4
4
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
6
  export var buttonStyle = css({
6
7
  height: '26px',
7
8
  width: '26px',
@@ -16,6 +17,7 @@ export var buttonStyle = css({
16
17
 
17
18
  /** this is not new usage - old code extracted from editor-core */
18
19
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
19
21
  export var buttonWrapperStyle = css({
20
22
  border: '1px solid transparent',
21
23
  fontSize: 0,
@@ -24,6 +26,7 @@ export var buttonWrapperStyle = css({
24
26
  padding: "var(--ds-space-025, 2px)",
25
27
  borderRadius: '6px',
26
28
  '&:focus-within, &:focus, &:hover': {
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
27
30
  borderColor: "".concat("var(--ds-border, ".concat(N50, ")"), " !important")
28
31
  }
29
32
  });