@atlaskit/editor-plugin-media 1.22.4 → 1.22.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/cjs/plugin.js +1 -2
  3. package/dist/cjs/ui/ImageBorder/styles.js +2 -2
  4. package/dist/cjs/ui/PixelEntry/styles.js +8 -8
  5. package/dist/cjs/ui/ResizableMediaSingle/styles.js +1 -1
  6. package/dist/es2019/plugin.js +24 -27
  7. package/dist/es2019/ui/ImageBorder/styles.js +2 -2
  8. package/dist/es2019/ui/PixelEntry/styles.js +8 -8
  9. package/dist/es2019/ui/ResizableMediaSingle/styles.js +1 -1
  10. package/dist/esm/plugin.js +1 -2
  11. package/dist/esm/ui/ImageBorder/styles.js +2 -2
  12. package/dist/esm/ui/PixelEntry/styles.js +8 -8
  13. package/dist/esm/ui/ResizableMediaSingle/styles.js +1 -1
  14. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 1.22.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d9b562bd66f8e`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d9b562bd66f8e) -
8
+ [ux] [ED-23947] restoring the original order of the typeahead menu so that actions, media,
9
+ mentions and emojis are above the fold (in the top 5 results). this change is a major because it
10
+ removes the `getEditorFeatureFlags prop` for plugins. if any consumers who have adopted these
11
+ changes to the public API, they should remove them on their side too.
12
+ - Updated dependencies
13
+
3
14
  ## 1.22.4
4
15
 
5
16
  ### Patch Changes
package/dist/cjs/plugin.js CHANGED
@@ -240,13 +240,12 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
240
240
  },
241
241
  pluginsOptions: {
242
242
  quickInsert: function quickInsert(_ref12) {
243
- var _options$getEditorFea;
244
243
  var formatMessage = _ref12.formatMessage;
245
244
  return [{
246
245
  id: 'media',
247
246
  title: formatMessage(_messages.toolbarInsertBlockMessages.mediaFiles),
248
247
  description: formatMessage(_messages.toolbarInsertBlockMessages.mediaFilesDescription),
249
- priority: options !== null && options !== void 0 && (_options$getEditorFea = options.getEditorFeatureFlags) !== null && _options$getEditorFea !== void 0 && _options$getEditorFea.call(options).platformEditorTypeaheadImprovedRelevancy ? 600 : 400,
248
+ priority: 400,
250
249
  keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
251
250
  icon: function icon() {
252
251
  return /*#__PURE__*/_react.default.createElement(_quickInsert.IconImages, null);
package/dist/cjs/ui/ImageBorder/styles.js CHANGED
@@ -30,7 +30,7 @@ var menuItemDimensions = exports.menuItemDimensions = {
30
30
  // Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
31
31
  var itemSpacing = exports.itemSpacing = (0, _constants.gridSize)() / 2;
32
32
 
33
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
33
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
34
34
  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, ")"));
35
35
  var contextualMenuColorIcon = exports.contextualMenuColorIcon = function contextualMenuColorIcon(color) {
36
36
  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));
@@ -43,7 +43,7 @@ var buttonStyle = exports.buttonStyle = function buttonStyle(selected) {
43
43
  };
44
44
 
45
45
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
46
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
47
47
  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);
48
48
  var line = exports.line = function line(size, selected) {
49
49
  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/PixelEntry/styles.js CHANGED
@@ -10,9 +10,9 @@ var _react = require("@emotion/react");
10
10
  var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
11
11
  var PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH = 120;
12
12
 
13
- // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
13
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
14
14
  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)");
15
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
16
16
  var pixelEntryForm = exports.pixelEntryForm = (0, _react.css)({
17
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
18
18
  form: {
@@ -20,7 +20,7 @@ var pixelEntryForm = exports.pixelEntryForm = (0, _react.css)({
20
20
  }
21
21
  });
22
22
 
23
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
24
24
  var pixelSizingInput = exports.pixelSizingInput = (0, _react.css)({
25
25
  width: '100%',
26
26
  height: "var(--ds-space-300, 24px)",
@@ -29,21 +29,21 @@ var pixelSizingInput = exports.pixelSizingInput = (0, _react.css)({
29
29
  textAlign: 'center'
30
30
  }
31
31
  });
32
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
33
33
  var pixelSizingLabel = exports.pixelSizingLabel = (0, _react.css)({
34
34
  gridArea: 'label',
35
35
  lineHeight: "var(--ds-space-300, 24px)"
36
36
  });
37
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
38
38
  var pixelSizingWidthInput = exports.pixelSizingWidthInput = (0, _react.css)({
39
39
  gridArea: 'widthinput'
40
40
  });
41
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
41
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
42
42
  var pixelSizingHeightInput = exports.pixelSizingHeightInput = (0, _react.css)({
43
43
  gridArea: 'heightinput'
44
44
  });
45
45
 
46
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
47
47
  var pixelEntryHiddenSubmit = exports.pixelEntryHiddenSubmit = (0, _react.css)({
48
48
  gridArea: 'submit',
49
49
  visibility: 'hidden',
@@ -51,7 +51,7 @@ var pixelEntryHiddenSubmit = exports.pixelEntryHiddenSubmit = (0, _react.css)({
51
51
  height: 0
52
52
  });
53
53
 
54
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
54
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
55
55
  var pixelSizingFullWidthLabelStyles = exports.pixelSizingFullWidthLabelStyles = (0, _react.css)({
56
56
  minWidth: "".concat(PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "px"),
57
57
  height: "var(--ds-space-300, 24px)",
package/dist/cjs/ui/ResizableMediaSingle/styles.js CHANGED
@@ -14,7 +14,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
14
14
  var NOTIFICATION_SIZE = 8;
15
15
  var SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
16
16
 
17
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
18
18
  var resizableMediaMigrationNotificationStyle = exports.resizableMediaMigrationNotificationStyle = (0, _react.css)({
19
19
  position: 'absolute',
20
20
  top: SPACE_FROM_EDGE,
package/dist/es2019/plugin.js CHANGED
@@ -238,33 +238,30 @@ export const mediaPlugin = ({
238
238
  pluginsOptions: {
239
239
  quickInsert: ({
240
240
  formatMessage
241
- }) => {
242
- var _options$getEditorFea;
243
- return [{
244
- id: 'media',
245
- title: formatMessage(messages.mediaFiles),
246
- description: formatMessage(messages.mediaFilesDescription),
247
- priority: options !== null && options !== void 0 && (_options$getEditorFea = options.getEditorFeatureFlags) !== null && _options$getEditorFea !== void 0 && _options$getEditorFea.call(options).platformEditorTypeaheadImprovedRelevancy ? 600 : 400,
248
- keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
249
- icon: () => /*#__PURE__*/React.createElement(IconImages, null),
250
- action(insert, state) {
251
- var _api$analytics4;
252
- const pluginState = pluginKey.getState(state);
253
- pluginState === null || pluginState === void 0 ? void 0 : pluginState.showMediaPicker();
254
- const tr = insert('');
255
- api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions.attachAnalyticsEvent({
256
- action: ACTION.OPENED,
257
- actionSubject: ACTION_SUBJECT.PICKER,
258
- actionSubjectId: ACTION_SUBJECT_ID.PICKER_CLOUD,
259
- attributes: {
260
- inputMethod: INPUT_METHOD.QUICK_INSERT
261
- },
262
- eventType: EVENT_TYPE.UI
263
- })(tr);
264
- return tr;
265
- }
266
- }];
267
- },
241
+ }) => [{
242
+ id: 'media',
243
+ title: formatMessage(messages.mediaFiles),
244
+ description: formatMessage(messages.mediaFilesDescription),
245
+ priority: 400,
246
+ keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
247
+ icon: () => /*#__PURE__*/React.createElement(IconImages, null),
248
+ action(insert, state) {
249
+ var _api$analytics4;
250
+ const pluginState = pluginKey.getState(state);
251
+ pluginState === null || pluginState === void 0 ? void 0 : pluginState.showMediaPicker();
252
+ const tr = insert('');
253
+ api === null || api === void 0 ? void 0 : (_api$analytics4 = api.analytics) === null || _api$analytics4 === void 0 ? void 0 : _api$analytics4.actions.attachAnalyticsEvent({
254
+ action: ACTION.OPENED,
255
+ actionSubject: ACTION_SUBJECT.PICKER,
256
+ actionSubjectId: ACTION_SUBJECT_ID.PICKER_CLOUD,
257
+ attributes: {
258
+ inputMethod: INPUT_METHOD.QUICK_INSERT
259
+ },
260
+ eventType: EVENT_TYPE.UI
261
+ })(tr);
262
+ return tr;
263
+ }
264
+ }],
268
265
  floatingToolbar: (state, intl, providerFactory) => {
269
266
  var _api$editorViewMode, _api$editorViewMode$s;
270
267
  return floatingToolbar(state, intl, {
package/dist/es2019/ui/ImageBorder/styles.js CHANGED
@@ -18,7 +18,7 @@ export const menuItemDimensions = {
18
18
  // Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
19
19
  export const itemSpacing = gridSize() / 2;
20
20
 
21
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
22
22
  export const contextualMenuArrow = css`
23
23
  display: flex;
24
24
  &::after {
@@ -66,7 +66,7 @@ export const buttonStyle = selected => css`
66
66
  `;
67
67
 
68
68
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
69
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
69
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
70
70
  export const buttonWrapperStyle = css`
71
71
  border: 1px solid transparent;
72
72
  margin: ${"var(--ds-space-025, 2px)"};
package/dist/es2019/ui/PixelEntry/styles.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import { css } from '@emotion/react';
3
3
  const PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH = 120;
4
4
 
5
- // 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
5
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
6
6
  export const pixelSizingWrapper = css`
7
7
  display: grid;
8
8
  grid-template-columns: 1fr 1em 1fr 0;
@@ -17,7 +17,7 @@ export const pixelSizingWrapper = css`
17
17
  margin-top: 0 !important;
18
18
  }
19
19
  `;
20
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
21
21
  export const pixelEntryForm = css({
22
22
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
23
23
  form: {
@@ -25,7 +25,7 @@ export const pixelEntryForm = css({
25
25
  }
26
26
  });
27
27
 
28
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
29
29
  export const pixelSizingInput = css({
30
30
  width: '100%',
31
31
  height: "var(--ds-space-300, 24px)",
@@ -34,21 +34,21 @@ export const pixelSizingInput = css({
34
34
  textAlign: 'center'
35
35
  }
36
36
  });
37
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
37
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
38
38
  export const pixelSizingLabel = css({
39
39
  gridArea: 'label',
40
40
  lineHeight: "var(--ds-space-300, 24px)"
41
41
  });
42
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
42
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
43
43
  export const pixelSizingWidthInput = css({
44
44
  gridArea: 'widthinput'
45
45
  });
46
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
47
47
  export const pixelSizingHeightInput = css({
48
48
  gridArea: 'heightinput'
49
49
  });
50
50
 
51
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
52
52
  export const pixelEntryHiddenSubmit = css({
53
53
  gridArea: 'submit',
54
54
  visibility: 'hidden',
@@ -56,7 +56,7 @@ export const pixelEntryHiddenSubmit = css({
56
56
  height: 0
57
57
  });
58
58
 
59
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
59
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
60
60
  export const pixelSizingFullWidthLabelStyles = css({
61
61
  minWidth: `${PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH}px`,
62
62
  height: "var(--ds-space-300, 24px)",
package/dist/es2019/ui/ResizableMediaSingle/styles.js CHANGED
@@ -4,7 +4,7 @@ import * as colors from '@atlaskit/theme/colors';
4
4
  const NOTIFICATION_SIZE = 8;
5
5
  const SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
6
6
 
7
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
8
8
  export const resizableMediaMigrationNotificationStyle = css({
9
9
  position: 'absolute',
10
10
  top: SPACE_FROM_EDGE,
package/dist/esm/plugin.js CHANGED
@@ -229,13 +229,12 @@ export var mediaPlugin = function mediaPlugin(_ref2) {
229
229
  },
230
230
  pluginsOptions: {
231
231
  quickInsert: function quickInsert(_ref12) {
232
- var _options$getEditorFea;
233
232
  var formatMessage = _ref12.formatMessage;
234
233
  return [{
235
234
  id: 'media',
236
235
  title: formatMessage(messages.mediaFiles),
237
236
  description: formatMessage(messages.mediaFilesDescription),
238
- priority: options !== null && options !== void 0 && (_options$getEditorFea = options.getEditorFeatureFlags) !== null && _options$getEditorFea !== void 0 && _options$getEditorFea.call(options).platformEditorTypeaheadImprovedRelevancy ? 600 : 400,
237
+ priority: 400,
239
238
  keywords: ['attachment', 'gif', 'media', 'picture', 'image', 'video'],
240
239
  icon: function icon() {
241
240
  return /*#__PURE__*/React.createElement(IconImages, null);
package/dist/esm/ui/ImageBorder/styles.js CHANGED
@@ -20,7 +20,7 @@ export var menuItemDimensions = {
20
20
  // Recommendation: Replace directly with 4 due to itemSpacing being used in calculations
21
21
  export var itemSpacing = gridSize() / 2;
22
22
 
23
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
24
24
  export var contextualMenuArrow = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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(N90, ")"));
25
25
  export var contextualMenuColorIcon = function contextualMenuColorIcon(color) {
26
26
  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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, DEFAULT_BORDER_COLOR, "var(--ds-border-radius-100, 3px)", color && "background: ".concat(color));
@@ -33,7 +33,7 @@ export var buttonStyle = function buttonStyle(selected) {
33
33
  };
34
34
 
35
35
  /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
36
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
37
37
  export var buttonWrapperStyle = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\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)", N50);
38
38
  export var line = function line(size, selected) {
39
39
  return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\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(N0, ")") : "var(--ds-icon, #44546F)");
package/dist/esm/ui/PixelEntry/styles.js CHANGED
@@ -4,9 +4,9 @@ var _templateObject;
4
4
  import { css } from '@emotion/react';
5
5
  var PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH = 120;
6
6
 
7
- // 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
7
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
8
8
  export var pixelSizingWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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)");
9
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
10
10
  export var pixelEntryForm = css({
11
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
12
12
  form: {
@@ -14,7 +14,7 @@ export var pixelEntryForm = css({
14
14
  }
15
15
  });
16
16
 
17
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
18
18
  export var pixelSizingInput = css({
19
19
  width: '100%',
20
20
  height: "var(--ds-space-300, 24px)",
@@ -23,21 +23,21 @@ export var pixelSizingInput = css({
23
23
  textAlign: 'center'
24
24
  }
25
25
  });
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
27
27
  export var pixelSizingLabel = css({
28
28
  gridArea: 'label',
29
29
  lineHeight: "var(--ds-space-300, 24px)"
30
30
  });
31
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
32
32
  export var pixelSizingWidthInput = css({
33
33
  gridArea: 'widthinput'
34
34
  });
35
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
35
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
36
36
  export var pixelSizingHeightInput = css({
37
37
  gridArea: 'heightinput'
38
38
  });
39
39
 
40
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
41
41
  export var pixelEntryHiddenSubmit = css({
42
42
  gridArea: 'submit',
43
43
  visibility: 'hidden',
@@ -45,7 +45,7 @@ export var pixelEntryHiddenSubmit = css({
45
45
  height: 0
46
46
  });
47
47
 
48
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
48
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
49
49
  export var pixelSizingFullWidthLabelStyles = css({
50
50
  minWidth: "".concat(PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "px"),
51
51
  height: "var(--ds-space-300, 24px)",
package/dist/esm/ui/ResizableMediaSingle/styles.js CHANGED
@@ -4,7 +4,7 @@ import * as colors from '@atlaskit/theme/colors';
4
4
  var NOTIFICATION_SIZE = 8;
5
5
  var SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
6
6
 
7
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
8
8
  export var resizableMediaMigrationNotificationStyle = css({
9
9
  position: 'absolute',
10
10
  top: SPACE_FROM_EDGE,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "1.22.4",
3
+ "version": "1.22.5",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -36,11 +36,11 @@
36
36
  "@atlaskit/adf-schema": "^39.0.3",
37
37
  "@atlaskit/analytics-namespaced-context": "^6.10.0",
38
38
  "@atlaskit/analytics-next": "^9.3.0",
39
- "@atlaskit/button": "^18.0.0",
40
- "@atlaskit/editor-common": "^83.5.0",
39
+ "@atlaskit/button": "^18.1.0",
40
+ "@atlaskit/editor-common": "^84.0.0",
41
41
  "@atlaskit/editor-palette": "1.6.0",
42
42
  "@atlaskit/editor-plugin-analytics": "^1.4.0",
43
- "@atlaskit/editor-plugin-annotation": "1.14.0",
43
+ "@atlaskit/editor-plugin-annotation": "1.14.1",
44
44
  "@atlaskit/editor-plugin-decorations": "^1.1.0",
45
45
  "@atlaskit/editor-plugin-editor-disabled": "^1.1.0",
46
46
  "@atlaskit/editor-plugin-editor-viewmode": "^2.0.0",