@atlaskit/editor-common 82.3.0 → 82.5.0

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

@@ -69,16 +69,21 @@ var expandIconWrapperStyle = function expandIconWrapperStyle() {
     '&:hover': {
       background: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30A, ")")
     },
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     svg: {
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       transition: "transform 0.2s ".concat(_editorSharedStyles.akEditorSwoopCubicBezier)
     }
   });
 };
 var expandIconWrapperExpandedStyle = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   svg: {
     transform: 'rotate(90deg)'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var expandLayoutWrapperStyle = exports.expandLayoutWrapperStyle = (0, _react2.css)({
   width: "var(--ds-space-300, 24px)",
   height: "var(--ds-space-300, 24px)"
@@ -100,16 +105,20 @@ var containerStyles = function containerStyles(styleProps) {
   // Only only these margins if the expand isn't editable
   // and is the root level expand.
   var marginHorizontal = styleProps['data-node-type'] === 'expand' ? "-".concat(_editorSharedStyles.akLayoutGutterOffset, "px") : 0;
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   var margin = "".concat(marginTop, " ").concat(marginHorizontal, " ").concat(marginBottom);
   return function () {
     return (0, _react2.css)({
       borderWidth: '1px',
       borderStyle: 'solid',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,
       borderRadius: BORDER_RADIUS,
       minHeight: '25px',
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       background: !expanded ? EXPAND_COLLAPSED_BACKGROUND : EXPAND_SELECTED_BACKGROUND,
       margin: margin,
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       transition: "background 0.3s ".concat(_editorSharedStyles.akEditorSwoopCubicBezier, ", border-color 0.3s ").concat(_editorSharedStyles.akEditorSwoopCubicBezier),
       padding: "var(--ds-space-100, 8px)",
       '&:hover': {
@@ -119,6 +128,7 @@ var containerStyles = function containerStyles(styleProps) {
         border: "1px solid ".concat("var(--ds-border, ".concat(_colors.N50A, ")")),
         background: EXPAND_SELECTED_BACKGROUND
       },
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
       'td > :not(style):first-child, td > style:first-child + *': {
         marginTop: 0
       }
@@ -136,7 +146,9 @@ var titleInputStyles = function titleInputStyles() {
   return (0, _react2.css)({
     outline: 'none',
     border: 'none',
+    // 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)()),
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     lineHeight: _editorSharedStyles.akEditorLineHeight,
     fontWeight: 'normal',
     color: "var(--ds-text-subtlest, ".concat(_colors.N200A, ")"),
@@ -158,6 +170,7 @@ var titleContainerStyles = function titleContainerStyles() {
     alignItems: 'flex-start',
     background: 'none',
     border: 'none',
+    // 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)()),
     width: '100%',
     color: "var(--ds-text-subtle, ".concat(_colors.N300A, ")"),

package/dist/cjs/ui/FloatingToolbar/Button.js

@@ -34,6 +34,7 @@ var _default = exports.default = function _default(_ref) {
     children = _ref.children,
     className = _ref.className,
     tooltipContent = _ref.tooltipContent,
+    tooltipStyle = _ref.tooltipStyle,
     testId = _ref.testId,
     _ref$hideTooltipOnCli = _ref.hideTooltipOnClick,
     hideTooltipOnClick = _ref$hideTooltipOnCli === void 0 ? true : _ref$hideTooltipOnCli,
@@ -54,6 +55,7 @@ var _default = exports.default = function _default(_ref) {
   // Only fallback to title for tooltip if title is not shown
   , {
     content: tooltipContent || (iconOnly ? title : undefined),
+    component: tooltipStyle,
     hideTooltipOnClick: hideTooltipOnClick,
     position: "top"
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -67,7 +67,7 @@ function FunctionalComponentColor(props) {
       border: "1px solid ".concat(borderColor)
     },
     autoFocus: autoFocus
-  }, isSelected && (0, _react2.jsx)(_done.default, {
+  }, !decorator && isSelected && (0, _react2.jsx)(_done.default, {
     primaryColor: checkMarkColor,
     label: ""
   }), decorator)));
@@ -114,7 +114,9 @@ var ClassComponentColor = /*#__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",
@@ -138,5 +140,10 @@ var ClassComponentColor = /*#__PURE__*/function (_PureComponent) {
   }]);
   return ClassComponentColor;
 }(_react.PureComponent);
-var Color = (0, _platformFeatureFlags.getBooleanFF)('platform.editor.transparent-diagonal-decorator') ? FunctionalComponentColor : ClassComponentColor;
+var Color = function Color(props) {
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.transparent-diagonal-decorator')) {
+    return (0, _react2.jsx)(FunctionalComponentColor, props);
+  }
+  return (0, _react2.jsx)(ClassComponentColor, props);
+};
 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/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
       ,

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/es2019/analytics/types/element-events.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/analytics/types/enums.js

@@ -9,6 +9,7 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["ACTIVATED"] = "activated";
   ACTION["ADDED"] = "added";
   ACTION["BROWSER_FREEZE"] = "browserFreeze";
+  ACTION["CANCELLED"] = "cancelled";
   ACTION["CAUGHT_DOM_ERROR"] = "caughtDomError";
   ACTION["CHANGED_BACKGROUND_COLOR"] = "changedBackgroundColor";
   ACTION["CHANGED_ICON"] = "changedIcon";
@@ -34,6 +35,7 @@ export let ACTION = /*#__PURE__*/function (ACTION) {
   ACTION["DISMISSED"] = "dismissed";
   ACTION["DISPATCHED_INVALID_TRANSACTION"] = "dispatchedInvalidTransaction";
   ACTION["DISPATCHED_VALID_TRANSACTION"] = "dispatchedValidTransaction";
+  ACTION["DRAGGED"] = "dragged";
   ACTION["EDITED"] = "edited";
   ACTION["EDITOR_CRASHED"] = "unhandledErrorCaught";
   ACTION["EDITOR_CRASHED_ADDITIONAL_INFORMATION"] = "unhandledErrorCaughtAdditionalInfov2";
@@ -148,6 +150,7 @@ export let INPUT_METHOD = /*#__PURE__*/function (INPUT_METHOD) {
   INPUT_METHOD["CONFIG_PANEL"] = "configPanel";
   INPUT_METHOD["CONTEXT_MENU"] = "contextMenu";
   INPUT_METHOD["DRAG_AND_DROP"] = "dragAndDrop";
+  INPUT_METHOD["DRAG"] = "drag";
   INPUT_METHOD["EXTERNAL"] = "external";
   INPUT_METHOD["EXTENSION_API"] = "extensionApi";
   INPUT_METHOD["FLOATING_TB"] = "floatingToolbar";
@@ -225,6 +228,9 @@ export let ACTION_SUBJECT = /*#__PURE__*/function (ACTION_SUBJECT) {
   ACTION_SUBJECT["LOOM"] = "loom";
   ACTION_SUBJECT["MULTI_BODIED_EXTENSION"] = "multiBodiedExtension";
   ACTION_SUBJECT["BODIED_EXTENSION"] = "bodiedExtension";
+  ACTION_SUBJECT["DROP_TARGET"] = "dropTarget";
+  ACTION_SUBJECT["DRAG"] = "drag";
+  ACTION_SUBJECT["ELEMENT"] = "element";
   return ACTION_SUBJECT;
 }({});
 export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
@@ -254,6 +260,8 @@ export let ACTION_SUBJECT_ID = /*#__PURE__*/function (ACTION_SUBJECT_ID) {
   ACTION_SUBJECT_ID["DECISION"] = "decision";
   ACTION_SUBJECT_ID["DIVIDER"] = "divider";
   ACTION_SUBJECT_ID["EDIT_LINK"] = "editLink";
+  ACTION_SUBJECT_ID["ELEMENT_DRAG_HANDLE"] = "elementDragHandle";
+  ACTION_SUBJECT_ID["ELEMENT_DROP_TARGET"] = "elementDropTarget";
   ACTION_SUBJECT_ID["EMBEDS"] = "embeds";
   ACTION_SUBJECT_ID["EMOJI"] = "emoji";
   ACTION_SUBJECT_ID["EXPAND"] = "expand";

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
     }