@atlaskit/editor-common 82.2.2 → 82.4.0

package/dist/es2019/ui/MultiBodiedExtension/index.js

@@ -3,26 +3,35 @@
 import { css } from '@emotion/react';
 // Wraps the navigation bar and extensionFrames
 const mbeExtensionContainer = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   background: 'transparent !important',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   'padding:': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     left: `${"var(--ds-space-100, 8px)"} !important`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     right: `${"var(--ds-space-100, 8px)"} !important`
   },
   paddingBottom: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.remove-padding': {
     paddingBottom: 0
   },
   position: 'relative',
   verticalAlign: 'middle',
   cursor: 'pointer',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.multiBodiedExtension-handler-result': {
     marginLeft: "var(--ds-space-100, 8px)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   ".multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'], .multiBodiedExtension--frames > [data-extension-frame='true']": {
     display: 'none',
     background: "var(--ds-surface, white)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.multiBodiedExtension-content-dom-wrapper, .multiBodiedExtension--frames': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     "[data-extension-frame='true'] > :not(style):first-child, [data-extension-frame='true'] > style:first-child + *": {
       marginTop: 0
     }
@@ -33,18 +42,22 @@ const mbeNavigation = css({
   borderTopRightRadius: "var(--ds-border-radius, 3px)",
   userSelect: 'none',
   WebkitUserModify: 'read-only',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   borderBottom: 'none !important',
   background: "var(--ds-surface, white)",
   marginLeft: "var(--ds-space-100, 8px)",
   marginRight: "var(--ds-space-100, 8px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.remove-margins': {
     margin: "var(--ds-space-negative-100, -8px)"
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '&.remove-border': {
     border: 'none'
   }
 });
 const extensionFrameContent = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   padding: `${"var(--ds-space-100, 8px)"} !important`,
   display: 'block',
   minHeight: '100px',
@@ -54,22 +67,33 @@ const extensionFrameContent = css({
   marginLeft: "var(--ds-space-100, 8px)",
   marginRight: "var(--ds-space-100, 8px)",
   cursor: 'initial',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.pm-table-with-controls': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     marginLeft: `${"var(--ds-space-150, 12px)"} !important`,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     paddingRight: `${"var(--ds-space-150, 12px)"} !important`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.bodiedExtensionView-content-wrap': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     marginTop: `${"var(--ds-space-150, 12px)"} !important`
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.extensionView-content-wrap': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     marginTop: `${"var(--ds-space-100, 8px)"} !important`
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const removeMarginsAndBorder = css({
   marginLeft: 0,
   marginRight: 0,
   border: 'none'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const sharedMultiBodiedExtensionStyles = {
   mbeExtensionContainer,
   mbeNavigation,

package/dist/es2019/ui/PanelTextInput/index.js

@@ -107,6 +107,7 @@ export default class PanelTextInput extends PureComponent {
       value
     } = this.state;
     return jsx("input", {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       css: [panelTextInput, width !== undefined && panelTextInputWithCustomWidth(width)],
       role: role,
       "aria-autocomplete": ariaAutoComplete ? 'list' : undefined,

package/dist/es2019/ui/PanelTextInput/styles.js

@@ -2,7 +2,9 @@ import { css } from '@emotion/react';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { B100, N100, N30, N400 } from '@atlaskit/theme/colors';
 // Normal .className gets overridden by input[type=text] hence this hack to produce input.className
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const panelTextInput = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   'input&': {
     background: 'transparent',
     border: `2px solid ${`var(--ds-border, ${N30})`}`,
@@ -10,11 +12,13 @@ export const panelTextInput = css({
     boxSizing: 'content-box',
     color: `var(--ds-text-subtle, ${N400})`,
     flexGrow: 1,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     fontSize: relativeFontSizeToBase16(13),
     lineHeight: '20px',
     padding: `${"var(--ds-space-075, 6px)"} ${"var(--ds-space-400, 32px)"} ${"var(--ds-space-075, 6px)"} ${"var(--ds-space-100, 8px)"}`,
     minWidth: '145px',
     /* Hides IE10+ built-in [x] clear input button */
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     '&::-ms-clear': {
       display: 'none'
     },
@@ -28,7 +32,9 @@ export const panelTextInput = css({
   }
 });
 export const panelTextInputWithCustomWidth = width => css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   'input&': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: `${width}px`
   }
 });

package/dist/es2019/ui/Popup/index.js

@@ -255,6 +255,7 @@ export default class Popup extends React.Component {
       style: {
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         position: 'absolute',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
         zIndex: this.props.zIndex || akEditorFloatingPanelZIndex,
         // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         ...position,

package/dist/es2019/ui/UnsupportedBlock/index.js

@@ -14,10 +14,12 @@ import { getUnsupportedContent } from '../unsupported-content-helper';
 const blockNodeStyle = css({
   background: `var(--ds-background-disabled, ${N30})`,
   border: `1px dashed ${`var(--ds-border-disabled, ${N50})`}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: `${borderRadius()}px`,
   boxSizing: 'border-box',
   cursor: 'default',
   display: 'flex',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: relativeFontSizeToBase16(fontSize()),
   margin: `${"var(--ds-space-100, 8px)"} 0`,
   minHeight: '24px',

package/dist/es2019/ui/UnsupportedInline/index.js

@@ -15,10 +15,12 @@ const inlineNodeStyle = css({
   alignItems: 'center',
   background: `var(--ds-background-disabled, ${N30})`,
   border: `1px dashed ${`var(--ds-border-disabled, ${N50})`}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: `${borderRadius()}px`,
   boxSizing: 'border-box',
   cursor: 'default',
   display: 'inline-flex',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: relativeFontSizeToBase16(fontSize()),
   margin: `0 ${"var(--ds-space-025, 2px)"}`,
   minHeight: '24px',

package/dist/es2019/ui/clear-next-sibling-margin-top.js

@@ -2,17 +2,22 @@ import { css } from '@emotion/react';
 
 // We use !important to ensure next sibling gets the margin reset no matter what
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const clearNextSiblingMarginTopStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& + *': {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     marginTop: '0 !important'
   }
 });
 const textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
 const nextSiblingBlockMarkContentSelectors = textElements.map(elem => `+ .fabric-editor-block-mark > ${elem}`).join(',');
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const clearNextSiblingBlockMarkMarginTopStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   [`${nextSiblingBlockMarkContentSelectors}`]: {
-    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview
+    // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     marginTop: '0 !important'
   }
 });

package/dist/es2019/ui-color/ColorPalette/Color/index.js

@@ -3,10 +3,69 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React, { PureComponent } from 'react';
 import { jsx } from '@emotion/react';
 import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { N0 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { buttonStyle, buttonWrapperStyle } from './styles';
-class Color extends PureComponent {
+function FunctionalComponentColor(props) {
+  const {
+    autoFocus,
+    tabIndex,
+    value,
+    label,
+    isSelected,
+    borderColor,
+    /** this is not new usage - old code extracted from editor-core */
+    /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+    checkMarkColor = N0,
+    /**
+     * When hexToPaletteColor prop is set,
+     * it will be used to get background color style based on
+     * value (which will be hexcode) prop
+     */
+    hexToPaletteColor,
+    decorator
+  } = props;
+  const colorStyle = hexToPaletteColor ? hexToPaletteColor(value) : value;
+  const onMouseDown = e => {
+    e.preventDefault();
+  };
+  const onClick = e => {
+    const {
+      onClick,
+      value,
+      label
+    } = props;
+    e.preventDefault();
+    onClick(value, label);
+  };
+  return jsx(Tooltip, {
+    content: label
+  }, jsx("span", {
+    css: buttonWrapperStyle
+  }, jsx("button", {
+    type: "button",
+    css: buttonStyle,
+    "aria-label": label,
+    role: "radio",
+    "aria-checked": isSelected,
+    onClick: onClick,
+    onMouseDown: onMouseDown,
+    tabIndex: tabIndex
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: `${isSelected ? 'selected' : ''}`,
+    style: {
+      backgroundColor: colorStyle || 'transparent',
+      border: `1px solid ${borderColor}`
+    },
+    autoFocus: autoFocus
+  }, !decorator && isSelected && jsx(EditorDoneIcon, {
+    primaryColor: checkMarkColor,
+    label: ""
+  }), decorator)));
+}
+class ClassComponentColor extends PureComponent {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "onMouseDown", e => {
@@ -46,7 +105,9 @@ class Color extends PureComponent {
     }, jsx("span", {
       css: buttonWrapperStyle
     }, jsx("button", {
-      type: "button",
+      type: "button"
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+      ,
       css: buttonStyle,
       "aria-label": label,
       role: "radio",
@@ -68,4 +129,5 @@ class Color extends PureComponent {
     }))));
   }
 }
+const Color = getBooleanFF('platform.editor.transparent-diagonal-decorator') ? FunctionalComponentColor : ClassComponentColor;
 export default Color;

package/dist/es2019/ui-color/ColorPalette/Color/styles.js

@@ -2,6 +2,7 @@ import { css } from '@emotion/react';
 import { N0, N50, N900 } from '@atlaskit/theme/colors';
 /** this is not new usage - old code extracted from editor-core */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const buttonStyle = css({
   height: '26px',
   width: '26px',
@@ -16,6 +17,7 @@ export const buttonStyle = css({
 
 /** this is not new usage - old code extracted from editor-core */
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const buttonWrapperStyle = css({
   border: '1px solid transparent',
   fontSize: 0,
@@ -24,6 +26,7 @@ export const buttonWrapperStyle = css({
   padding: "var(--ds-space-025, 2px)",
   borderRadius: '6px',
   '&:focus-within, &:focus, &:hover': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     borderColor: `${`var(--ds-border, ${N50})`} !important`
   }
 });

package/dist/es2019/ui-color/ColorPalette/Palettes/highlightColorPalette.js

@@ -1,15 +1,50 @@
+/** @jsx jsx */
+
+import { jsx } from '@emotion/react';
 import { backgroundColorPalette } from '@atlaskit/adf-schema';
+import Icon from '@atlaskit/icon';
+import { useThemeObserver } from '@atlaskit/tokens';
 import { DEFAULT_BORDER_COLOR } from './common';
 import getColorMessage from './getColorMessage';
 import paletteMessages from './paletteMessages';
 import { mapPaletteColor } from './textColorPalette';
 export const REMOVE_HIGHLIGHT_COLOR = '#00000000';
+const DiagonalLineGlyph = () => jsx("svg", {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, jsx("rect", {
+  width: "24",
+  height: "24",
+  fill: "white",
+  fillOpacity: "0.01"
+}), jsx("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M17.2038 7.70388C17.5955 8.09565 17.5941 8.73128 17.2005 9.12127L9.1213 17.1277C8.73027 17.5152 8.09958 17.5138 7.71031 17.1245C7.31854 16.7328 7.31997 16.0971 7.71351 15.7071L15.7928 7.70069C16.1838 7.31318 16.8145 7.31461 17.2038 7.70388Z",
+  fill: "currentColor",
+  fillOpacity: "0.5"
+}));
+export const EditorDiagonalLineIcon = () => {
+  const {
+    colorMode
+  } = useThemeObserver();
+  const primaryColor = colorMode === 'dark' ? "var(--ds-background-accent-gray-bolder, #626F86)" : "var(--ds-background-accent-gray-subtle, #8590A2)";
+  return jsx(Icon, {
+    glyph: DiagonalLineGlyph,
+    label: "",
+    primaryColor: primaryColor
+  });
+};
 export const highlightColorPalette = [{
   value: REMOVE_HIGHLIGHT_COLOR,
   label: 'No color',
   // Mostly informative, only used for analytics
   border: DEFAULT_BORDER_COLOR,
-  message: getColorMessage(paletteMessages, 'no-color')
+  message: getColorMessage(paletteMessages, 'no-color'),
+  decorator: jsx(EditorDiagonalLineIcon, null)
 }];
 backgroundColorPalette.forEach((label, color) => {
   highlightColorPalette.push(mapPaletteColor(label, color));

package/dist/es2019/ui-color/ColorPalette/Palettes/paletteMessages.js

@@ -123,7 +123,7 @@ export default defineMessages({
   // Colors only used in highlight palette
   'no-color': {
     id: 'fabric.theme.no-color',
-    defaultMessage: 'Remove highlight',
+    defaultMessage: 'No highlight',
     description: 'Tooltip for the no color option in the highlight color palette in the main editor toolbar'
   },
   lime: {

package/dist/es2019/ui-color/ColorPalette/index.js

@@ -57,6 +57,7 @@ const ColorPalette = props => {
     return getColorsPerRowFromPalette(palette, cols);
   }, [palette, cols]);
   return jsx(React.Fragment, null, colorsPerRow.map(row => jsx("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
     css: colorPaletteWrapper
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
@@ -67,7 +68,8 @@ const ColorPalette = props => {
     value,
     label,
     border,
-    message
+    message,
+    decorator
   }) => {
     if (paletteColorTooltipMessages) {
       if (tokenTheme === 'dark') {
@@ -85,7 +87,8 @@ const ColorPalette = props => {
       onClick: onClick,
       isSelected: value === selectedColor,
       checkMarkColor: getCheckMarkColor(value, useIconToken),
-      hexToPaletteColor: hexToPaletteColor
+      hexToPaletteColor: hexToPaletteColor,
+      decorator: decorator
     });
   }))));
 };

package/dist/es2019/ui-color/ColorPalette/styles.js

@@ -1,4 +1,5 @@
 import { css } from '@emotion/react';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const colorPaletteWrapper = css({
   padding: `0 ${"var(--ds-space-100, 8px)"}`,
   /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */

package/dist/es2019/ui-menu/ColorPickerButton/index.js

@@ -24,6 +24,7 @@ const colorPickerExpandContainer = css({
 // Control the size of color picker buttons and preview
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4134
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const colorPickerWrapper = () => css({
   borderRadius: "var(--ds-border-radius, 3px)",
   backgroundColor: `var(--ds-surface-overlay, ${N0})`,
@@ -155,17 +156,23 @@ const ColorPickerButton = props => {
     return css({
       padding: `${"var(--ds-space-075, 6px)"} 10px`,
       backgroundColor: "var(--ds-background-neutral-subtle, transparent)",
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       height: `${!!((_props$size = props.size) !== null && _props$size !== void 0 && _props$size.height) ? 'inherit' : ''}`,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
       '&:before': {
         display: 'flex',
         justifyContent: 'center',
         alignItems: 'center',
         alignSelf: 'center',
         content: "''",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         border: `1px solid ${DEFAULT_BORDER_COLOR}`,
         borderRadius: "var(--ds-border-radius, 3px)",
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         backgroundColor: currentColor || 'transparent',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         width: ((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.width) || '14px',
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
         height: ((_props$size3 = props.size) === null || _props$size3 === void 0 ? void 0 : _props$size3.height) || '14px',
         padding: 0,
         margin: `0px ${"var(--ds-space-025, 2px)"}`

package/dist/es2019/ui-menu/DropdownMenu/index.js

@@ -18,6 +18,7 @@ import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 import { ArrowKeyNavigationType } from '../ArrowKeyNavigationProvider/types';
 const wrapper = css({
   /* tooltip in ToolbarButton is display:block */
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& > div > div': {
     display: 'flex'
   }

package/dist/es2019/utils/annotation/index.js

@@ -101,4 +101,26 @@ export function containsAnyAnnotations(slice, state) {
     });
   });
   return hasAnnotation;
+}
+
+/**
+ * This returns a list of node names that are inline nodes in the range.
+ */
+export function getRangeInlineNodeNames({
+  doc,
+  pos
+}) {
+  if (!getBooleanFF('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    return undefined;
+  }
+  let nodeNames = new Set();
+  doc.nodesBetween(pos.from, pos.to, node => {
+    if (node.isInline) {
+      nodeNames.add(node.type.name);
+    }
+  });
+
+  // We sort the list alphabetically to make human consumption of the list easier (in tools like the analytics extension)
+  const sortedNames = [...nodeNames].sort();
+  return sortedNames;
 }

package/dist/es2019/utils/index.js

@@ -2,7 +2,7 @@ import { hasParentNodeOfType } from '@atlaskit/editor-prosemirror/utils';
 import { hasDocAsParent } from './document';
 import { isEmptyParagraph } from './editor-core-utils';
 export { shouldAutoLinkifyMatch } from './should-auto-linkify-tld';
-export { canApplyAnnotationOnRange, containsAnyAnnotations, getAnnotationIdsFromRange, hasAnnotationMark } from './annotation';
+export { canApplyAnnotationOnRange, containsAnyAnnotations, getAnnotationIdsFromRange, hasAnnotationMark, getRangeInlineNodeNames } from './annotation';
 export { getExtensionLozengeData } from './macro';
 export { default as browser } from './browser';
 export { default as ErrorReporter } from './error-reporter';

package/dist/esm/collab/index.js

@@ -137,7 +137,7 @@ export var TELEPOINTER_DIM_CLASS = 'telepointer-dim';
 
 // ED-22557: Safely convert to object styling
 // Disable top: -14px since it is necessary to align to cursor
-// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css
+// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage/preview, @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/no-exported-css, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var telepointerStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t.ProseMirror .telepointer {\n\t\tposition: relative;\n\t\ttransition: opacity 200ms;\n\n\t\t&.telepointer-selection {\n\t\t\tline-height: 1.2;\n\t\t\tpointer-events: none;\n\t\t\tuser-select: none;\n\t\t}\n\n\t\t&.telepointer-selection-badge::after {\n\t\t\tcontent: attr(data-initial);\n\t\t\tposition: absolute;\n\t\t\tdisplay: block;\n\t\t\ttop: -14px;\n\t\t\tfont-size: ", ";\n\t\t\tpadding: ", ";\n\t\t\tcolor: ", ";\n\t\t\tleft: 0px;\n\t\t\tborder-radius: 2px 2px 2px 0;\n\t\t\tline-height: initial;\n\t\t}\n\n\t\t&.", " {\n\t\t\topacity: 0.2;\n\t\t}\n\n\t\t", ";\n\t}\n"])), relativeFontSizeToBase16(9), "var(--ds-space-025, 2px)", "var(--ds-text-inverse, #FFFFFF)", TELEPOINTER_DIM_CLASS, avatarColors.map(function (color, index) {
   return telepointerColorStyle(color, index);
 }));

package/dist/esm/element-browser/ViewMore.js

@@ -30,6 +30,7 @@ export var ViewMore = function ViewMore(_ref) {
     "aria-describedby": item.title,
     "data-testid": "view-more-elements-item"
     // @ts-ignore Overriding Menu styles is not supported
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     ,
     css: css({
       padding: "0px ".concat("var(--ds-space-150, 12px)")

package/dist/esm/element-browser/components/CategoryList.js

@@ -181,9 +181,11 @@ function CategoryListItem(_ref2) {
   }, category.title));
 }
 var buttonWrapper = css(_defineProperty({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   height: "".concat(GRID_SIZE * 4, "px"),
   margin: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-050, 4px)", " ", "var(--ds-space-050, 4px)", " 0")
 }, "@media (min-width: ".concat(DEVICE_BREAKPOINT_NUMBERS.medium, "px)"), {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
   ':not(:last-child)': {
     marginBottom: 0
   }

package/dist/esm/element-browser/components/ElementList/ElementList.js

@@ -28,16 +28,20 @@ import EmptyState from './EmptyState';
 import { getColumnCount, getScrollbarWidth } from './utils';
 export var ICON_HEIGHT = 40;
 export var ICON_WIDTH = 40;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var itemIcon = css({
   width: "".concat(ICON_WIDTH, "px"),
   height: "".concat(ICON_HEIGHT, "px"),
   overflow: 'hidden',
   border: "1px solid ".concat("var(--ds-border, rgba(223, 225, 229, 0.5))"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   borderRadius: "".concat(borderRadius(), "px"),
   boxSizing: 'border-box',
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   div: {
     width: "".concat(ICON_WIDTH, "px"),
     height: "".concat(ICON_HEIGHT, "px")
@@ -170,8 +174,11 @@ function ElementList(_ref) {
         columnIndex: columnIndex,
         parent: parent
       }, jsx("div", {
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
         style: style,
-        key: key,
+        key: key
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766 -- Ignored via go/DSP-18766
+        ,
         className: "element-item-wrapper",
         css: elementItemWrapper,
         onKeyDown: getBooleanFF('platform.editor.a11y-focus-order-for-element-browser-categories_ztiw1') ? function (e) {
@@ -374,21 +381,28 @@ var elementItemsWrapper = css({
   justifyContent: 'flex-start',
   overflow: 'hidden',
   padding: "var(--ds-space-025, 2px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.ReactVirtualized__Collection, .ReactVirtualized__Grid': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
     borderRadius: '3px',
     outline: 'none',
     '&:focus': {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       boxShadow: "0 0 0 ".concat(ELEMENT_LIST_PADDING, "px ", "var(--ds-border-focused, ".concat(B100, ")"))
     }
   },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '.ReactVirtualized__Collection__innerScrollContainer, .ReactVirtualized__Grid__innerScrollContainer': {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
     "div[class='element-item-wrapper']:last-child": {
       paddingBottom: "var(--ds-space-050, 4px)"
     }
   }
 });
 var elementItemWrapper = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   div: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     button: {
       minHeight: '75px',
       alignItems: 'flex-start',
@@ -415,8 +429,11 @@ var multilineStyle = css({
   WebkitLineClamp: 2,
   WebkitBoxOrient: 'vertical'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var itemDescription = css(multilineStyle, {
   overflow: 'hidden',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   fontSize: relativeFontSizeToBase16(11.67),
   color: "var(--ds-text-subtle, ".concat(N200, ")"),
   marginTop: "var(--ds-space-025, 2px)"
@@ -441,6 +458,7 @@ var itemAfter = css({
   marginBottom: "var(--ds-space-negative-025, -2px)"
 });
 var itemIconStyle = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   img: {
     height: '40px',
     width: '40px',