@atlaskit/editor-common 82.2.2 → 82.4.0

package/dist/cjs/ui/MediaSingle/index.js

@@ -90,7 +90,9 @@ function MediaSingle(_ref) {
     media = _children[0],
     caption = _children[1];
   return (0, _react2.jsx)("div", (0, _extends2.default)({
-    ref: handleMediaSingleRef,
+    ref: handleMediaSingleRef
+    // 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: (0, _styled.MediaSingleDimensionHelper)({
       width: width,
       layout: layout,

package/dist/cjs/ui/MediaSingle/link.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mediaLinkStyle = void 0;
 var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var mediaLinkStyle = exports.mediaLinkStyle = (0, _react.css)({
   position: 'absolute',
   background: 'transparent',

package/dist/cjs/ui/MediaSingle/styled.js

@@ -185,9 +185,12 @@ var mediaWrapperStyle = exports.mediaWrapperStyle = function mediaWrapperStyle(p
 var MediaWrapper = exports.MediaWrapper = function MediaWrapper(_ref3) {
   var children = _ref3.children,
     rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
-  return (0, _react2.jsx)("div", {
-    css: mediaWrapperStyle(rest)
-  }, children);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("div", {
+      css: mediaWrapperStyle(rest)
+    }, children)
+  );
 };
 MediaWrapper.displayName = 'WrapperMediaSingle';
 

package/dist/cjs/ui/Messages/index.js

@@ -18,14 +18,19 @@ var errorColor = (0, _react.css)({
 var validColor = (0, _react.css)({
   color: "var(--ds-text-success, ".concat(_colors.G400, ")")
 });
+
+// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var messageStyle = function messageStyle() {
-  return (0, _react.css)((0, _typography.h200)(), {
-    fontWeight: 'normal',
-    color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
-    marginTop: "var(--ds-space-050, 4px)",
-    display: 'flex',
-    justifyContent: 'baseline'
-  });
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+    (0, _react.css)((0, _typography.h200)(), {
+      fontWeight: 'normal',
+      color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
+      marginTop: "var(--ds-space-050, 4px)",
+      display: 'flex',
+      justifyContent: 'baseline'
+    })
+  );
 };
 var iconWrapperStyle = (0, _react.css)({
   display: 'flex',

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

@@ -9,26 +9,35 @@ var _react = require("@emotion/react");
 
 // Wraps the navigation bar and extensionFrames
 var mbeExtensionContainer = (0, _react.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)".concat(" !important"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     right: "var(--ds-space-100, 8px)".concat(" !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
     }
@@ -39,18 +48,22 @@ var mbeNavigation = (0, _react.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'
   }
 });
 var extensionFrameContent = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
   padding: "var(--ds-space-100, 8px)".concat(" !important"),
   display: 'block',
   minHeight: '100px',
@@ -60,22 +73,33 @@ var extensionFrameContent = (0, _react.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)".concat(" !important"),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
     paddingRight: "var(--ds-space-150, 12px)".concat(" !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)".concat(" !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)".concat(" !important")
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var removeMarginsAndBorder = exports.removeMarginsAndBorder = (0, _react.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
 var sharedMultiBodiedExtensionStyles = exports.sharedMultiBodiedExtensionStyles = {
   mbeExtensionContainer: mbeExtensionContainer,
   mbeNavigation: mbeNavigation,

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

@@ -124,6 +124,7 @@ var PanelTextInput = exports.default = /*#__PURE__*/function (_PureComponent) {
         inputId = _this$props2.inputId;
       var value = this.state.value;
       return (0, _react2.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: [_styles.panelTextInput, width !== undefined && (0, _styles.panelTextInputWithCustomWidth)(width)],
         role: role,
         "aria-autocomplete": ariaAutoComplete ? 'list' : undefined,

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

@@ -8,7 +8,9 @@ var _react = require("@emotion/react");
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _colors = require("@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
 var panelTextInput = exports.panelTextInput = (0, _react.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 ".concat("var(--ds-border, ".concat(_colors.N30, ")")),
@@ -16,11 +18,13 @@ var panelTextInput = exports.panelTextInput = (0, _react.css)({
     boxSizing: 'content-box',
     color: "var(--ds-text-subtle, ".concat(_colors.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: (0, _editorSharedStyles.relativeFontSizeToBase16)(13),
     lineHeight: '20px',
     padding: "var(--ds-space-075, 6px)".concat(" ", "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'
     },
@@ -35,7 +39,9 @@ var panelTextInput = exports.panelTextInput = (0, _react.css)({
 });
 var panelTextInputWithCustomWidth = exports.panelTextInputWithCustomWidth = function panelTextInputWithCustomWidth(width) {
   return (0, _react.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: "".concat(width, "px")
     }
   });

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

@@ -300,6 +300,7 @@ var Popup = exports.default = /*#__PURE__*/function (_React$Component) {
         style: _objectSpread(_objectSpread({
           // 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 || _editorSharedStyles.akEditorFloatingPanelZIndex
         }, position), this.props.style),
         "aria-label": ariaLabel,

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

@@ -25,10 +25,12 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var blockNodeStyle = (0, _react2.css)({
   background: "var(--ds-background-disabled, ".concat(_colors.N30, ")"),
   border: "1px dashed ".concat("var(--ds-border-disabled, ".concat(_colors.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: "".concat((0, _constants.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: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
   margin: "var(--ds-space-100, 8px)".concat(" 0"),
   minHeight: '24px',

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

@@ -26,10 +26,12 @@ var inlineNodeStyle = (0, _react2.css)({
   alignItems: 'center',
   background: "var(--ds-background-disabled, ".concat(_colors.N30, ")"),
   border: "1px dashed ".concat("var(--ds-border-disabled, ".concat(_colors.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: "".concat((0, _constants.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: (0, _editorSharedStyles.relativeFontSizeToBase16)((0, _constants.fontSize)()),
   margin: "0 ".concat("var(--ds-space-025, 2px)"),
   minHeight: '24px',

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

@@ -9,9 +9,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("@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
 var clearNextSiblingMarginTopStyle = exports.clearNextSiblingMarginTopStyle = (0, _react.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'
   }
 });
@@ -19,7 +21,9 @@ var textElements = ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
 var nextSiblingBlockMarkContentSelectors = textElements.map(function (elem) {
   return "+ .fabric-editor-block-mark > ".concat(elem);
 }).join(',');
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var clearNextSiblingBlockMarkMarginTopStyle = exports.clearNextSiblingBlockMarkMarginTopStyle = (0, _react.css)((0, _defineProperty2.default)({}, "".concat(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/cjs/ui-color/ColorPalette/Color/index.js

@@ -16,6 +16,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
 var _done = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/done"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _styles = require("./styles");
@@ -23,12 +24,60 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */
-var Color = /*#__PURE__*/function (_PureComponent) {
-  (0, _inherits2.default)(Color, _PureComponent);
-  var _super = _createSuper(Color);
-  function Color() {
+function FunctionalComponentColor(props) {
+  var autoFocus = props.autoFocus,
+    tabIndex = props.tabIndex,
+    value = props.value,
+    label = props.label,
+    isSelected = props.isSelected,
+    borderColor = props.borderColor,
+    _props$checkMarkColor = props.checkMarkColor,
+    checkMarkColor = _props$checkMarkColor === void 0 ? _colors.N0 : _props$checkMarkColor,
+    hexToPaletteColor = props.hexToPaletteColor,
+    decorator = props.decorator;
+  var colorStyle = hexToPaletteColor ? hexToPaletteColor(value) : value;
+  var onMouseDown = function onMouseDown(e) {
+    e.preventDefault();
+  };
+  var onClick = function onClick(e) {
+    var onClick = props.onClick,
+      value = props.value,
+      label = props.label;
+    e.preventDefault();
+    onClick(value, label);
+  };
+  return (0, _react2.jsx)(_tooltip.default, {
+    content: label
+  }, (0, _react2.jsx)("span", {
+    css: _styles.buttonWrapperStyle
+  }, (0, _react2.jsx)("button", {
+    type: "button",
+    css: _styles.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: "".concat(isSelected ? 'selected' : ''),
+    style: {
+      backgroundColor: colorStyle || 'transparent',
+      border: "1px solid ".concat(borderColor)
+    },
+    autoFocus: autoFocus
+  }, !decorator && isSelected && (0, _react2.jsx)(_done.default, {
+    primaryColor: checkMarkColor,
+    label: ""
+  }), decorator)));
+}
+var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(ClassComponentColor, _PureComponent);
+  var _super = _createSuper(ClassComponentColor);
+  function ClassComponentColor() {
     var _this;
-    (0, _classCallCheck2.default)(this, Color);
+    (0, _classCallCheck2.default)(this, ClassComponentColor);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -46,7 +95,7 @@ var Color = /*#__PURE__*/function (_PureComponent) {
     });
     return _this;
   }
-  (0, _createClass2.default)(Color, [{
+  (0, _createClass2.default)(ClassComponentColor, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
@@ -65,7 +114,9 @@ var Color = /*#__PURE__*/function (_PureComponent) {
       }, (0, _react2.jsx)("span", {
         css: _styles.buttonWrapperStyle
       }, (0, _react2.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: _styles.buttonStyle,
         "aria-label": label,
         role: "radio",
@@ -87,6 +138,7 @@ var Color = /*#__PURE__*/function (_PureComponent) {
       }))));
     }
   }]);
-  return Color;
+  return ClassComponentColor;
 }(_react.PureComponent);
+var Color = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.transparent-diagonal-decorator') ? FunctionalComponentColor : ClassComponentColor;
 var _default = exports.default = Color;

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

@@ -8,6 +8,7 @@ var _react = require("@emotion/react");
 var _colors = require("@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
 var buttonStyle = exports.buttonStyle = (0, _react.css)({
   height: '26px',
   width: '26px',
@@ -22,6 +23,7 @@ var buttonStyle = exports.buttonStyle = (0, _react.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
 var buttonWrapperStyle = exports.buttonWrapperStyle = (0, _react.css)({
   border: '1px solid transparent',
   fontSize: 0,
@@ -30,6 +32,7 @@ var buttonWrapperStyle = exports.buttonWrapperStyle = (0, _react.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: "".concat("var(--ds-border, ".concat(_colors.N50, ")"), " !important")
   }
 });

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

@@ -4,19 +4,55 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.highlightColorPalette = exports.REMOVE_HIGHLIGHT_COLOR = void 0;
+exports.highlightColorPalette = exports.REMOVE_HIGHLIGHT_COLOR = exports.EditorDiagonalLineIcon = void 0;
+var _react = require("@emotion/react");
 var _adfSchema = require("@atlaskit/adf-schema");
+var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+var _tokens = require("@atlaskit/tokens");
 var _common = require("./common");
 var _getColorMessage = _interopRequireDefault(require("./getColorMessage"));
 var _paletteMessages = _interopRequireDefault(require("./paletteMessages"));
 var _textColorPalette = require("./textColorPalette");
+/** @jsx jsx */
+
 var REMOVE_HIGHLIGHT_COLOR = exports.REMOVE_HIGHLIGHT_COLOR = '#00000000';
+var DiagonalLineGlyph = function DiagonalLineGlyph() {
+  return (0, _react.jsx)("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, (0, _react.jsx)("rect", {
+    width: "24",
+    height: "24",
+    fill: "white",
+    fillOpacity: "0.01"
+  }), (0, _react.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"
+  }));
+};
+var EditorDiagonalLineIcon = exports.EditorDiagonalLineIcon = function EditorDiagonalLineIcon() {
+  var _useThemeObserver = (0, _tokens.useThemeObserver)(),
+    colorMode = _useThemeObserver.colorMode;
+  var primaryColor = colorMode === 'dark' ? "var(--ds-background-accent-gray-bolder, #626F86)" : "var(--ds-background-accent-gray-subtle, #8590A2)";
+  return (0, _react.jsx)(_icon.default, {
+    glyph: DiagonalLineGlyph,
+    label: "",
+    primaryColor: primaryColor
+  });
+};
 var highlightColorPalette = exports.highlightColorPalette = [{
   value: REMOVE_HIGHLIGHT_COLOR,
   label: 'No color',
   // Mostly informative, only used for analytics
   border: _common.DEFAULT_BORDER_COLOR,
-  message: (0, _getColorMessage.default)(_paletteMessages.default, 'no-color')
+  message: (0, _getColorMessage.default)(_paletteMessages.default, 'no-color'),
+  decorator: (0, _react.jsx)(EditorDiagonalLineIcon, null)
 }];
 _adfSchema.backgroundColorPalette.forEach(function (label, color) {
   highlightColorPalette.push((0, _textColorPalette.mapPaletteColor)(label, color));

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

@@ -129,7 +129,7 @@ var _default = exports.default = (0, _reactIntlNext.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/cjs/ui-color/ColorPalette/index.js

@@ -62,6 +62,7 @@ var ColorPalette = function ColorPalette(props) {
   }, [palette, cols]);
   return (0, _react2.jsx)(_react.default.Fragment, null, colorsPerRow.map(function (row) {
     return (0, _react2.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: _styles.colorPaletteWrapper
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       ,
@@ -72,7 +73,8 @@ var ColorPalette = function ColorPalette(props) {
       var value = _ref.value,
         label = _ref.label,
         border = _ref.border,
-        message = _ref.message;
+        message = _ref.message,
+        decorator = _ref.decorator;
       if (paletteColorTooltipMessages) {
         if (tokenTheme === 'dark') {
           message = (0, _getColorMessage.default)(paletteColorTooltipMessages.dark, value.toUpperCase());
@@ -89,7 +91,8 @@ var ColorPalette = function ColorPalette(props) {
         onClick: onClick,
         isSelected: value === selectedColor,
         checkMarkColor: getCheckMarkColor(value, useIconToken),
-        hexToPaletteColor: hexToPaletteColor
+        hexToPaletteColor: hexToPaletteColor,
+        decorator: decorator
       });
     }));
   }));

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.colorPaletteWrapper = void 0;
 var _react = require("@emotion/react");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var colorPaletteWrapper = exports.colorPaletteWrapper = (0, _react.css)({
   padding: "0 ".concat("var(--ds-space-100, 8px)"),
   /* Firefox bug fix: https://product-fabric.atlassian.net/browse/ED-1789 */

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

@@ -32,6 +32,7 @@ var colorPickerExpandContainer = (0, _react2.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
 var colorPickerWrapper = function colorPickerWrapper() {
   return (0, _react2.css)({
     borderRadius: "var(--ds-border-radius, 3px)",
@@ -175,17 +176,23 @@ var ColorPickerButton = function ColorPickerButton(props) {
     return (0, _react2.css)({
       padding: "var(--ds-space-075, 6px)".concat(" 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: "".concat(!!((_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 ".concat(_uiColor.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 ".concat("var(--ds-space-025, 2px)")

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

@@ -44,6 +44,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var wrapper = (0, _react2.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/cjs/utils/annotation/index.js

@@ -1,12 +1,15 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.canApplyAnnotationOnRange = void 0;
 exports.containsAnyAnnotations = containsAnyAnnotations;
 exports.getAnnotationIdsFromRange = void 0;
+exports.getRangeInlineNodeNames = getRangeInlineNodeNames;
 exports.hasAnnotationMark = hasAnnotationMark;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var canApplyAnnotationOnRange = exports.canApplyAnnotationOnRange = function canApplyAnnotationOnRange(rangeSelection, doc, schema) {
   var from = rangeSelection.from,
@@ -98,4 +101,25 @@ function containsAnyAnnotations(slice, state) {
     });
   });
   return hasAnnotation;
+}
+
+/**
+ * This returns a list of node names that are inline nodes in the range.
+ */
+function getRangeInlineNodeNames(_ref) {
+  var doc = _ref.doc,
+    pos = _ref.pos;
+  if (!(0, _platformFeatureFlags.getBooleanFF)('platform.editor.allow-inline-comments-for-inline-nodes-round-2_ctuxz')) {
+    return undefined;
+  }
+  var nodeNames = new Set();
+  doc.nodesBetween(pos.from, pos.to, function (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)
+  var sortedNames = (0, _toConsumableArray2.default)(nodeNames).sort();
+  return sortedNames;
 }

package/dist/cjs/utils/index.js

@@ -498,6 +498,12 @@ Object.defineProperty(exports, "getPropsDifference", {
     return _compareProps.getPropsDifference;
   }
 });
+Object.defineProperty(exports, "getRangeInlineNodeNames", {
+  enumerable: true,
+  get: function get() {
+    return _annotation.getRangeInlineNodeNames;
+  }
+});
 Object.defineProperty(exports, "getResponseEndTime", {
   enumerable: true,
   get: function get() {

package/dist/es2019/collab/index.js

@@ -145,7 +145,7 @@ export const 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 const telepointerStyle = css`
 	.ProseMirror .telepointer {
 		position: relative;

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

@@ -31,6 +31,7 @@ export const ViewMore = ({
     "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 ${"var(--ds-space-150, 12px)"}`

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

@@ -178,9 +178,12 @@ function CategoryListItem({
   }, category.title));
 }
 const buttonWrapper = css({
+  // 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: `${GRID_SIZE * 4}px`,
   margin: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-050, 4px)"} 0`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   [`@media (min-width: ${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
     }