@atlaskit/editor-plugin-media 1.20.9 → 1.20.11

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-plugin-media
 
+## 1.20.11
+
+### Patch Changes
+
+- [#110390](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110390)
+  [`bead123202369`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/bead123202369) -
+  [ux] [ED-23642] Reordering the typeahead so that date, status, code block & info panel are above
+  the fold (in the top 5 results)
+- [#109353](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109353)
+  [`d932e2d76d8fc`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d932e2d76d8fc) -
+  Removed FF for Media resize
+- [#111045](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/111045)
+  [`2f693993423ec`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2f693993423ec) -
+  improve input latency of drag and drop experience and hide drag handle during resizing
+- Updated dependencies
+
+## 1.20.10
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.20.9
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -240,12 +240,13 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
     },
     pluginsOptions: {
       quickInsert: function quickInsert(_ref12) {
+        var _options$getEditorFea;
         var formatMessage = _ref12.formatMessage;
         return [{
           id: 'media',
           title: formatMessage(_messages.toolbarInsertBlockMessages.mediaFiles),
           description: formatMessage(_messages.toolbarInsertBlockMessages.mediaFilesDescription),
-          priority: 400,
+          priority: options !== null && options !== void 0 && (_options$getEditorFea = options.getEditorFeatureFlags) !== null && _options$getEditorFea !== void 0 && _options$getEditorFea.call(options).platformEditorTypeaheadImprovedRelevancy ? 600 : 400,
           keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
           icon: function icon() {
             return /*#__PURE__*/_react.default.createElement(_quickInsert.IconImages, null);

package/dist/cjs/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -32,6 +32,7 @@ var MAX_ALT_TEXT_LENGTH = exports.MAX_ALT_TEXT_LENGTH = 510; // double tweet len
 
 var supportTextStyles = (0, _react2.css)({
   color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
+  // 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)(12),
   padding: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-500, 40px)"),
   lineHeight: '20px',
@@ -39,6 +40,7 @@ var supportTextStyles = (0, _react2.css)({
   margin: 0
 });
 var containerStyles = (0, _react2.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: "".concat(CONTAINER_WIDTH_IN_PX, "px"),
   display: 'flex',
   flexDirection: 'column',

package/dist/cjs/pm-plugins/keymap.js

@@ -29,10 +29,8 @@ function keymapPlugin(options, editorAnalyticsAPI, editorSelectionAPI, widthPlug
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.insertNewLine.common, splitMediaGroup, list);
   (0, _keymaps.bindKeymapWithCommand)(_keymaps.enter.common, splitMediaGroup, list);
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience')) {
-    if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y-media-resizing_b5v0o')) {
-      (0, _keymaps.bindKeymapWithCommand)(_keymaps.increaseMediaSize.common, handleMediaIncrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
-      (0, _keymaps.bindKeymapWithCommand)(_keymaps.decreaseMediaSize.common, handleMediaDecrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
-    }
+    (0, _keymaps.bindKeymapWithCommand)(_keymaps.increaseMediaSize.common, handleMediaIncrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
+    (0, _keymaps.bindKeymapWithCommand)(_keymaps.decreaseMediaSize.common, handleMediaDecrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
   }
   if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
     (0, _keymaps.bindKeymapWithCommand)(_keymaps.activateVideoControls.common, focusPlayButton, list);

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

@@ -14,7 +14,7 @@ var _mediaSingle = require("@atlaskit/editor-common/media-single");
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject;
 /** @jsx jsx */
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 var placeholder = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tcolor: ", ";\n\twidth: 100%;\n\ttext-align: center;\n\tmargin-top: ", " !important;\n\tdisplay: block;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-100, 8px)");
 var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
   var onClick = _ref.onClick;

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

@@ -71,7 +71,9 @@ var ImageBorder = function ImageBorder(_ref) {
       className: _styles.DropdownMenuSharedCssClassName.SUBMENU
     }, (0, _react2.jsx)("div", {
       css: (0, _styles2.contextualMenuColorIcon)(color && (0, _editorPalette.hexToEditorBorderPaletteColor)(color))
-    }), isColorSubmenuOpen && (0, _react2.jsx)("div", {
+    }), isColorSubmenuOpen &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("div", {
       css: (0, _styles2.contextualSubMenu)(0),
       ref: handleSubMenuRef
     }, (0, _react2.jsx)(_uiColor.ColorPalette, {
@@ -99,7 +101,9 @@ var ImageBorder = function ImageBorder(_ref) {
       className: _styles.DropdownMenuSharedCssClassName.SUBMENU
     }, (0, _react2.jsx)("div", {
       css: _styles2.contextualMenuArrow
-    }), isSizeSubmenuOpen && (0, _react2.jsx)("div", {
+    }), isSizeSubmenuOpen &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("div", {
       css: (0, _styles2.contextualSubMenu)(1),
       ref: handleSubMenuRef
     }, borderSizeOptions.map(function (_ref2, idx) {
@@ -111,7 +115,9 @@ var ImageBorder = function ImageBorder(_ref) {
       }, (0, _react2.jsx)("span", {
         css: _styles2.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: (0, _styles2.buttonStyle)(value === size),
         "aria-label": name,
         role: "radio",
@@ -140,6 +146,7 @@ var ImageBorder = function ImageBorder(_ref) {
   var fitWidth = _styles2.menuItemDimensions.width;
   var fitHeight = items.length * (_styles2.menuItemDimensions.height + _styles2.itemSpacing);
   return (0, _react2.jsx)("div", null, (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: (0, _styles2.toolbarButtonWrapper)({
       enabled: enabled,
       isOpen: isOpen

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

@@ -28,6 +28,8 @@ var menuItemDimensions = exports.menuItemDimensions = {
 // TODO: Migrate away from gridSize
 // Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
 var itemSpacing = exports.itemSpacing = (0, _constants.gridSize)() / 2;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var contextualMenuArrow = exports.contextualMenuArrow = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: flex;\n\t&::after {\n\t\tcontent: '\u203A';\n\t\tmargin-left: ", ";\n\t\tline-height: 20px;\n\t\tcolor: ", ";\n\t}\n"])), "var(--ds-space-050, 4px)", "var(--ds-icon, ".concat(_colors.N90, ")"));
 var contextualMenuColorIcon = exports.contextualMenuColorIcon = function contextualMenuColorIcon(color) {
   return (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\t&::before {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tborder: 1px solid ", ";\n\t\tborder-radius: ", ";\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\t", "\n\t}\n"])), contextualMenuArrow, _uiColor.DEFAULT_BORDER_COLOR, "var(--ds-border-radius-100, 3px)", color && "background: ".concat(color));
@@ -40,6 +42,7 @@ var buttonStyle = exports.buttonStyle = function buttonStyle(selected) {
 };
 
 /* 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)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n\tborder: 1px solid transparent;\n\tmargin: ", ";\n\tfont-size: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: ", ";\n\tborder-radius: 6px;\n\t&:focus-within,\n\t&:focus,\n\t&:hover {\n\t\tborder-color: ", " !important;\n\t}\n"])), "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _colors.N50);
 var line = exports.line = function line(size, selected) {
   return (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\t&:before {\n\t\tcontent: '';\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\twidth: 12px;\n\t\theight: ", "px;\n\t\tbackground-color: ", ";\n\t\tborder-radius: 90px;\n\t\ttransform: translate(-50%, -50%) rotate(135deg);\n\t}\n"])), size, selected ? "var(--ds-icon-inverse, ".concat(_colors.N0, ")") : "var(--ds-icon, #44546F)");

package/dist/cjs/ui/Media/DropPlaceholder.js

@@ -16,11 +16,16 @@ var _media2 = require("../../nodeviews/mediaNodeView/media");
 /** @jsx jsx */
 
 var iconWrapperStyles = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: "var(--ds-icon-accent-blue, ".concat((0, _adfSchema.hexToRgba)(_colors.B400, 0.4) || _colors.B400, ")"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   background: "var(--ds-background-accent-blue-subtle, ".concat((0, _adfSchema.hexToRgba)(_colors.B300, 0.6) || _colors.B300, ")"),
+  // 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"),
   margin: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-050, 4px)", " ", "var(--ds-space-300, 24px)"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: "".concat(_media2.FILE_WIDTH, "px"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minHeight: "".concat(_media2.MEDIA_HEIGHT, "px"),
   display: 'flex',
   alignItems: 'center',
@@ -28,6 +33,7 @@ var iconWrapperStyles = (0, _react.css)({
 });
 var dropLineStyles = (0, _react.css)({
   background: "var(--ds-border-focused, ".concat(_colors.B200, ")"),
+  // 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"),
   margin: "var(--ds-space-025, 2px)".concat(" 0"),
   width: '100%',

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

@@ -121,65 +121,73 @@ var PixelEntry = exports.PixelEntry = function PixelEntry(_ref) {
       testId: _constants.PIXELENTRY_MIGRATION_BUTTON_TESTID
     }, formatMessage(_media.pixelEntryMessages.migrationButtonText)));
   }
-  return (0, _react2.jsx)("div", {
-    css: _styles.pixelEntryForm
-  }, (0, _react2.jsx)(_form.default, {
-    onSubmit: handleOnSubmit
-  }, function (_ref2) {
-    var formProps = _ref2.formProps;
-    return (0, _react2.jsx)("form", formProps, (0, _react2.jsx)("div", {
-      css: _styles.pixelSizingWrapper
-    }, (0, _react2.jsx)(_form.Field, {
-      key: "inputWidth",
-      name: "inputWidth",
-      defaultValue: computedWidth
-    }, function (_ref3) {
-      var fieldProps = _ref3.fieldProps;
-      return (0, _react2.jsx)(_tooltip.default, {
-        hideTooltipOnMouseDown: true,
-        content: formatMessage(_media.pixelEntryMessages.inputWidthTooltip, {
-          maxWidth: maxWidth
-        }),
-        position: "top"
-      }, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
-        css: [_styles.pixelSizingWidthInput, _styles.pixelSizingInput],
-        appearance: "none",
-        isCompact: true,
-        onChange: handleOnChange('inputWidth'),
-        pattern: "\\d*",
-        "aria-label": formatMessage(_media.pixelEntryMessages.inputWidthAriaLabel, {
-          maxWidth: maxWidth
-        })
-      })));
-    }), (0, _react2.jsx)("span", {
-      css: _styles.pixelSizingLabel
-    }, "x"), (0, _react2.jsx)(_form.Field, {
-      key: "inputHeight",
-      name: "inputHeight",
-      defaultValue: computedHeight
-    }, function (_ref4) {
-      var fieldProps = _ref4.fieldProps;
-      return (0, _react2.jsx)(_tooltip.default, {
-        hideTooltipOnMouseDown: true,
-        content: formatMessage(_media.pixelEntryMessages.inputHeightTooltip),
-        position: "top"
-      }, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
-        css: [_styles.pixelSizingHeightInput, _styles.pixelSizingInput],
-        appearance: "none",
-        isCompact: true,
-        onChange: handleOnChange('inputHeight'),
-        pattern: "\\d*",
-        "aria-label": formatMessage(_media.pixelEntryMessages.inputHeightAriaLabel)
-      })));
-    }), (0, _react2.jsx)(_button.default, {
-      css: _styles.pixelEntryHiddenSubmit,
-      type: "submit"
-    }, formatMessage(_media.pixelEntryMessages.submitButtonText))));
-  }));
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("div", {
+      css: _styles.pixelEntryForm
+    }, (0, _react2.jsx)(_form.default, {
+      onSubmit: handleOnSubmit
+    }, function (_ref2) {
+      var formProps = _ref2.formProps;
+      return (0, _react2.jsx)("form", formProps, (0, _react2.jsx)("div", {
+        css: _styles.pixelSizingWrapper
+      }, (0, _react2.jsx)(_form.Field, {
+        key: "inputWidth",
+        name: "inputWidth",
+        defaultValue: computedWidth
+      }, function (_ref3) {
+        var fieldProps = _ref3.fieldProps;
+        return (0, _react2.jsx)(_tooltip.default, {
+          hideTooltipOnMouseDown: true,
+          content: formatMessage(_media.pixelEntryMessages.inputWidthTooltip, {
+            maxWidth: maxWidth
+          }),
+          position: "top"
+        }, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+          css: [_styles.pixelSizingWidthInput, _styles.pixelSizingInput],
+          appearance: "none",
+          isCompact: true,
+          onChange: handleOnChange('inputWidth'),
+          pattern: "\\d*",
+          "aria-label": formatMessage(_media.pixelEntryMessages.inputWidthAriaLabel, {
+            maxWidth: maxWidth
+          })
+        })));
+      }), (0, _react2.jsx)("span", {
+        css: _styles.pixelSizingLabel
+      }, "x"), (0, _react2.jsx)(_form.Field, {
+        key: "inputHeight",
+        name: "inputHeight",
+        defaultValue: computedHeight
+      }, function (_ref4) {
+        var fieldProps = _ref4.fieldProps;
+        return (0, _react2.jsx)(_tooltip.default, {
+          hideTooltipOnMouseDown: true,
+          content: formatMessage(_media.pixelEntryMessages.inputHeightTooltip),
+          position: "top"
+        }, (0, _react2.jsx)(_textfield.default, (0, _extends2.default)({}, fieldProps, {
+          // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+          css: [_styles.pixelSizingHeightInput, _styles.pixelSizingInput],
+          appearance: "none",
+          isCompact: true,
+          onChange: handleOnChange('inputHeight'),
+          pattern: "\\d*",
+          "aria-label": formatMessage(_media.pixelEntryMessages.inputHeightAriaLabel)
+        })));
+      }), (0, _react2.jsx)(_button.default, {
+        css: _styles.pixelEntryHiddenSubmit,
+        type: "submit"
+      }, formatMessage(_media.pixelEntryMessages.submitButtonText))));
+    }))
+  );
 };
 var FullWidthDisplay = exports.FullWidthDisplay = function FullWidthDisplay(_ref5) {
   var formatMessage = _ref5.intl.formatMessage;
-  return (0, _react2.jsx)("div", {
-    css: _styles.pixelSizingFullWidthLabelStyles
-  }, (0, _react2.jsx)("span", null, formatMessage(_media.pixelEntryMessages.fullWidthLabel)));
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    (0, _react2.jsx)("div", {
+      css: _styles.pixelSizingFullWidthLabelStyles
+    }, (0, _react2.jsx)("span", null, formatMessage(_media.pixelEntryMessages.fullWidthLabel)))
+  );
 };

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

@@ -10,36 +10,48 @@ var _react = require("@emotion/react");
 var _templateObject;
 var PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH = 120;
 
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var pixelSizingWrapper = exports.pixelSizingWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tdisplay: grid;\n\tgrid-template-columns: 1fr 1em 1fr 0;\n\tgrid-template-rows: auto;\n\tgrid-template-areas: 'widthinput label heightinput submit';\n\twidth: ", "px;\n\ttext-align: center;\n\theight: ", ";\n\n\t// Atlaskit fieldset does not allow style override\n\t& > * {\n\t\tmargin-top: 0 !important;\n\t}\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var pixelEntryForm = exports.pixelEntryForm = (0, _react.css)({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   form: {
     width: '100%'
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var pixelSizingInput = exports.pixelSizingInput = (0, _react.css)({
   width: '100%',
   height: "var(--ds-space-300, 24px)",
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '& input': {
     textAlign: 'center'
   }
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var pixelSizingLabel = exports.pixelSizingLabel = (0, _react.css)({
   gridArea: 'label',
   lineHeight: "var(--ds-space-300, 24px)"
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var pixelSizingWidthInput = exports.pixelSizingWidthInput = (0, _react.css)({
   gridArea: 'widthinput'
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var pixelSizingHeightInput = exports.pixelSizingHeightInput = (0, _react.css)({
   gridArea: 'heightinput'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var pixelEntryHiddenSubmit = exports.pixelEntryHiddenSubmit = (0, _react.css)({
   gridArea: 'submit',
   visibility: 'hidden',
   width: 0,
   height: 0
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var pixelSizingFullWidthLabelStyles = exports.pixelSizingFullWidthLabelStyles = (0, _react.css)({
   minWidth: "".concat(PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "px"),
   height: "var(--ds-space-300, 24px)",

package/dist/cjs/ui/ResizableMediaSingle/ResizableMediaMigrationNotification.js

@@ -10,7 +10,9 @@ var _styles = require("./styles");
 
 var ResizableMediaMigrationNotification = exports.ResizableMediaMigrationNotification = function ResizableMediaMigrationNotification() {
   return (0, _react.jsx)("div", {
-    "data-testid": "resizable-media-migration-notification",
+    "data-testid": "resizable-media-migration-notification"
+    // 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.resizableMediaMigrationNotificationStyle]
   });
 };

package/dist/cjs/ui/ResizableMediaSingle/ResizableMediaSingleNext.js

@@ -123,6 +123,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
         dispatch = _this$props$view.dispatch;
       var tr = state.tr;
       tr.setMeta(_main.MEDIA_PLUGIN_IS_RESIZING_KEY, isResizing);
+      tr.setMeta('is-resizer-resizing', isResizing);
       return dispatch(tr);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateSizeInPluginState", (0, _throttle.default)(function (width) {
@@ -509,6 +510,7 @@ var ResizableMediaSingleNext = /*#__PURE__*/function (_React$Component) {
       // while is not resizing, we take 100% as min-width if the container width is less than the min-width
       var minViewWidth = isResizing ? minWidth : "min(".concat(minWidth, "px, 100%)");
       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: (0, _styled.wrapperStyle)({
           layout: layout,
           containerWidth: containerWidth || origWidth,

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

@@ -387,7 +387,9 @@ var ResizableMediaSingle = exports.default = /*#__PURE__*/function (_React$Compo
         };
       };
       return (0, _react2.jsx)("div", {
-        ref: this.saveWrapper,
+        ref: this.saveWrapper
+        // 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.wrapperStyle)({
           layout: layout,
           isResized: !!pctWidth,

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

@@ -11,10 +11,13 @@ 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; }
 var NOTIFICATION_SIZE = 8;
 var SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 var resizableMediaMigrationNotificationStyle = exports.resizableMediaMigrationNotificationStyle = (0, _react.css)({
   position: 'absolute',
   top: SPACE_FROM_EDGE,
   right: "calc(".concat("var(--ds-space-150, 12px)", " + ", SPACE_FROM_EDGE, ")"),
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   backgroundColor: "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"),
   borderRadius: "var(--ds-border-radius-circle, 50%)",
   width: "".concat(NOTIFICATION_SIZE, "px"),

package/dist/es2019/plugin.js

@@ -238,30 +238,33 @@ export const mediaPlugin = ({
     pluginsOptions: {
       quickInsert: ({
         formatMessage
-      }) => [{
-        id: 'media',
-        title: formatMessage(messages.mediaFiles),
-        description: formatMessage(messages.mediaFilesDescription),
-        priority: 400,
-        keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
-        icon: () => /*#__PURE__*/React.createElement(IconImages, null),
-        action(insert, state) {
-          var _api$analytics4;
-          const pluginState = pluginKey.getState(state);
-          pluginState === null || pluginState === void 0 ? void 0 : pluginState.showMediaPicker();
-          const tr = insert('');
-          api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions.attachAnalyticsEvent({
-            action: ACTION.OPENED,
-            actionSubject: ACTION_SUBJECT.PICKER,
-            actionSubjectId: ACTION_SUBJECT_ID.PICKER_CLOUD,
-            attributes: {
-              inputMethod: INPUT_METHOD.QUICK_INSERT
-            },
-            eventType: EVENT_TYPE.UI
-          })(tr);
-          return tr;
-        }
-      }],
+      }) => {
+        var _options$getEditorFea;
+        return [{
+          id: 'media',
+          title: formatMessage(messages.mediaFiles),
+          description: formatMessage(messages.mediaFilesDescription),
+          priority: options !== null && options !== void 0 && (_options$getEditorFea = options.getEditorFeatureFlags) !== null && _options$getEditorFea !== void 0 && _options$getEditorFea.call(options).platformEditorTypeaheadImprovedRelevancy ? 600 : 400,
+          keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
+          icon: () => /*#__PURE__*/React.createElement(IconImages, null),
+          action(insert, state) {
+            var _api$analytics4;
+            const pluginState = pluginKey.getState(state);
+            pluginState === null || pluginState === void 0 ? void 0 : pluginState.showMediaPicker();
+            const tr = insert('');
+            api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions.attachAnalyticsEvent({
+              action: ACTION.OPENED,
+              actionSubject: ACTION_SUBJECT.PICKER,
+              actionSubjectId: ACTION_SUBJECT_ID.PICKER_CLOUD,
+              attributes: {
+                inputMethod: INPUT_METHOD.QUICK_INSERT
+              },
+              eventType: EVENT_TYPE.UI
+            })(tr);
+            return tr;
+          }
+        }];
+      },
       floatingToolbar: (state, intl, providerFactory) => {
         var _api$editorViewMode, _api$editorViewMode$s;
         return floatingToolbar(state, intl, {

package/dist/es2019/pm-plugins/alt-text/ui/AltTextEdit.js

@@ -19,6 +19,7 @@ export const MAX_ALT_TEXT_LENGTH = 510; // double tweet length
 
 const supportTextStyles = css({
   color: `var(--ds-text-subtlest, ${N200})`,
+  // 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(12),
   padding: `${"var(--ds-space-150, 12px)"} ${"var(--ds-space-500, 40px)"}`,
   lineHeight: '20px',
@@ -26,6 +27,7 @@ const supportTextStyles = css({
   margin: 0
 });
 const containerStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: `${CONTAINER_WIDTH_IN_PX}px`,
   display: 'flex',
   flexDirection: 'column',

package/dist/es2019/pm-plugins/keymap.js

@@ -22,10 +22,8 @@ export function keymapPlugin(options, editorAnalyticsAPI, editorSelectionAPI, wi
   bindKeymapWithCommand(insertNewLine.common, splitMediaGroup, list);
   bindKeymapWithCommand(enter.common, splitMediaGroup, list);
   if (getBooleanFF('platform.editor.media.extended-resize-experience')) {
-    if (getBooleanFF('platform.editor.a11y-media-resizing_b5v0o')) {
-      bindKeymapWithCommand(increaseMediaSize.common, handleMediaIncrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
-      bindKeymapWithCommand(decreaseMediaSize.common, handleMediaDecrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
-    }
+    bindKeymapWithCommand(increaseMediaSize.common, handleMediaIncrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
+    bindKeymapWithCommand(decreaseMediaSize.common, handleMediaDecrease(editorAnalyticsAPI, widthPlugin, options, getIntl), list);
   }
   if (getBooleanFF('platform.editor.a11y_video_controls_keyboard_support_yhcxh')) {
     bindKeymapWithCommand(activateVideoControls.common, focusPlayButton, list);

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

@@ -5,7 +5,7 @@ import { FormattedMessage } from 'react-intl-next';
 import { captionMessages as messages } from '@atlaskit/editor-common/media';
 import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
 import { N200 } from '@atlaskit/theme/colors';
-// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
+// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
 const placeholder = css`
 	color: ${`var(--ds-text-subtlest, ${N200})`};
 	width: 100%;

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

@@ -56,7 +56,9 @@ const ImageBorder = ({
       className: DropdownMenuSharedCssClassName.SUBMENU
     }, jsx("div", {
       css: contextualMenuColorIcon(color && hexToEditorBorderPaletteColor(color))
-    }), isColorSubmenuOpen && jsx("div", {
+    }), isColorSubmenuOpen &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("div", {
       css: contextualSubMenu(0),
       ref: handleSubMenuRef
     }, jsx(ColorPalette, {
@@ -84,7 +86,9 @@ const ImageBorder = ({
       className: DropdownMenuSharedCssClassName.SUBMENU
     }, jsx("div", {
       css: contextualMenuArrow
-    }), isSizeSubmenuOpen && jsx("div", {
+    }), isSizeSubmenuOpen &&
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    jsx("div", {
       css: contextualSubMenu(1),
       ref: handleSubMenuRef
     }, borderSizeOptions.map(({
@@ -96,7 +100,9 @@ const ImageBorder = ({
     }, 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(value === size),
       "aria-label": name,
       role: "radio",
@@ -124,6 +130,7 @@ const ImageBorder = ({
   const fitWidth = menuItemDimensions.width;
   const fitHeight = items.length * (menuItemDimensions.height + itemSpacing);
   return jsx("div", null, 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: toolbarButtonWrapper({
       enabled,
       isOpen

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

@@ -16,6 +16,8 @@ export const menuItemDimensions = {
 // TODO: Migrate away from gridSize
 // Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
 export const itemSpacing = gridSize() / 2;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const contextualMenuArrow = css`
 	display: flex;
 	&::after {
@@ -63,6 +65,7 @@ export const buttonStyle = selected => css`
 `;
 
 /* 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;
 	margin: ${"var(--ds-space-025, 2px)"};

package/dist/es2019/ui/Media/DropPlaceholder.js

@@ -8,11 +8,16 @@ import { B200, B300, B400 } from '@atlaskit/theme/colors';
 import { borderRadius } from '@atlaskit/theme/constants';
 import { FILE_WIDTH, MEDIA_HEIGHT } from '../../nodeviews/mediaNodeView/media';
 const iconWrapperStyles = css({
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   color: `var(--ds-icon-accent-blue, ${hexToRgba(B400, 0.4) || B400})`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   background: `var(--ds-background-accent-blue-subtle, ${hexToRgba(B300, 0.6) || B300})`,
+  // 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`,
   margin: `${"var(--ds-space-075, 6px)"} ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-300, 24px)"}`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   width: `${FILE_WIDTH}px`,
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
   minHeight: `${MEDIA_HEIGHT}px`,
   display: 'flex',
   alignItems: 'center',
@@ -20,6 +25,7 @@ const iconWrapperStyles = css({
 });
 const dropLineStyles = css({
   background: `var(--ds-border-focused, ${B200})`,
+  // 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`,
   margin: `${"var(--ds-space-025, 2px)"} 0`,
   width: '100%',