@atlaskit/editor-plugin-media 1.15.4 → 1.16.0

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 (16) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/ui/CaptionPlaceholder/index.js +1 -0
  3. package/dist/cjs/ui/MediaLinkingToolbar.js +13 -7
  4. package/dist/cjs/ui/PixelEntry/styles.js +38 -8
  5. package/dist/cjs/ui/ResizableMediaSingle/styles.js +10 -4
  6. package/dist/es2019/ui/CaptionPlaceholder/index.js +1 -0
  7. package/dist/es2019/ui/MediaLinkingToolbar.js +12 -14
  8. package/dist/es2019/ui/PixelEntry/styles.js +35 -33
  9. package/dist/es2019/ui/ResizableMediaSingle/styles.js +10 -10
  10. package/dist/esm/ui/CaptionPlaceholder/index.js +1 -0
  11. package/dist/esm/ui/MediaLinkingToolbar.js +12 -4
  12. package/dist/esm/ui/PixelEntry/styles.js +38 -8
  13. package/dist/esm/ui/ResizableMediaSingle/styles.js +10 -3
  14. package/dist/types/pm-plugins/alt-text/ui/AltTextEdit.d.ts +1 -1
  15. package/dist/types-ts4.5/pm-plugins/alt-text/ui/AltTextEdit.d.ts +1 -1
  16. package/package.json +20 -20
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/editor-plugin-media
2
2
 
3
+ ## 1.16.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#91934](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/91934) [`b76a78c6a199`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b76a78c6a199) - bumped editor-prosemirror version to 4.0.0
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies
12
+
13
+ ## 1.15.5
14
+
15
+ ### Patch Changes
16
+
17
+ - [#92426](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92426) [`32c76c7c225c`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/32c76c7c225c) - Bump adf-schema to 35.9.2 to support table alignment options
18
+ - Updated dependencies
19
+
3
20
  ## 1.15.4
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/ui/CaptionPlaceholder/index.js CHANGED
@@ -14,6 +14,7 @@ var _mediaSingle = require("@atlaskit/editor-common/media-single");
14
14
  var _colors = require("@atlaskit/theme/colors");
15
15
  var _templateObject;
16
16
  /** @jsx jsx */
17
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
17
18
  var placeholder = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n width: 100%;\n text-align: center;\n margin-top: ", " !important;\n display: block;\n"])), "var(--ds-text-subtlest, ".concat(_colors.N200, ")"), "var(--ds-space-100, 8px)");
18
19
  var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
19
20
  var onClick = _ref.onClick;
package/dist/cjs/ui/MediaLinkingToolbar.js CHANGED
@@ -13,7 +13,6 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
13
13
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
14
14
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
15
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
16
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
17
16
  var _react = _interopRequireWildcard(require("react"));
18
17
  var _react2 = require("@emotion/react");
19
18
  var _analytics = require("@atlaskit/editor-common/analytics");
@@ -25,15 +24,22 @@ var _utils = require("@atlaskit/editor-common/utils");
25
24
  var _chevronLeftLarge = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-left-large"));
26
25
  var _unlink = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/unlink"));
27
26
  var _colors = require("@atlaskit/theme/colors");
28
- var _templateObject, _templateObject2;
29
- /** @jsx jsx */
30
- // Common Translations will live here
31
27
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
32
28
  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; }
33
29
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
34
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
35
- var validationWrapper = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n line-height: 0;\n padding: ", " ", "\n ", " 0;\n margin: 0 ", " 0 ", ";\n border-top: 1px solid ", ";\n align-items: start;\n display: flex;\n flex-direction: column;\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-400, 32px)", "var(--ds-border-danger, ".concat(_colors.R400, ")"));
36
- var buttonWrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n padding: ", " ", "\n ", " 0px;\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)");
30
+ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** @jsx jsx */ // Common Translations will live here
31
+ var validationWrapper = (0, _react2.css)({
32
+ lineHeight: 0,
33
+ padding: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-300, 24px)", " ", "var(--ds-space-150, 12px)", " 0"),
34
+ margin: "0 ".concat("var(--ds-space-050, 4px)", " 0 ", "var(--ds-space-400, 32px)"),
35
+ borderTop: "1px solid ".concat("var(--ds-border-danger, ".concat(_colors.R400, ")")),
36
+ alignItems: 'start',
37
+ display: 'flex',
38
+ flexDirection: 'column'
39
+ });
40
+ var buttonWrapper = (0, _react2.css)({
41
+ padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-050, 4px)", " 0px")
42
+ });
37
43
 
38
44
  // eslint-disable-next-line @repo/internal/react/no-class-components
39
45
  var LinkAddToolbar = exports.LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
package/dist/cjs/ui/PixelEntry/styles.js CHANGED
@@ -7,13 +7,43 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.pixelSizingWrapper = exports.pixelSizingWidthInput = exports.pixelSizingLabel = exports.pixelSizingInput = exports.pixelSizingHeightInput = exports.pixelSizingFullWidthLabelStyles = exports.pixelEntryHiddenSubmit = exports.pixelEntryForm = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _react = require("@emotion/react");
10
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
10
+ var _templateObject;
11
11
  var PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH = 120;
12
+
13
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
12
14
  var pixelSizingWrapper = exports.pixelSizingWrapper = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: grid;\n grid-template-columns: 1fr 1em 1fr 0;\n grid-template-rows: auto;\n grid-template-areas: 'widthinput label heightinput submit';\n width: ", "px;\n text-align: center;\n height: ", ";\n\n // Atlaskit fieldset does not allow style override\n & > * {\n margin-top: 0 !important;\n }\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");
13
- var pixelEntryForm = exports.pixelEntryForm = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n form {\n width: 100%;\n }\n"])));
14
- var pixelSizingInput = exports.pixelSizingInput = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n height: ", ";\n & input {\n text-align: center;\n }\n"])), "var(--ds-space-300, 24px)");
15
- var pixelSizingLabel = exports.pixelSizingLabel = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n grid-area: label;\n line-height: ", ";\n"])), "var(--ds-space-300, 24px)");
16
- var pixelSizingWidthInput = exports.pixelSizingWidthInput = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n grid-area: widthinput;\n"])));
17
- var pixelSizingHeightInput = exports.pixelSizingHeightInput = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n grid-area: heightinput;\n"])));
18
- var pixelEntryHiddenSubmit = exports.pixelEntryHiddenSubmit = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n grid-area: submit;\n visibility: hidden;\n width: 0;\n height: 0;\n"])));
19
- var pixelSizingFullWidthLabelStyles = exports.pixelSizingFullWidthLabelStyles = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n min-width: ", "px;\n height: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");
15
+ var pixelEntryForm = exports.pixelEntryForm = (0, _react.css)({
16
+ form: {
17
+ width: '100%'
18
+ }
19
+ });
20
+ var pixelSizingInput = exports.pixelSizingInput = (0, _react.css)({
21
+ width: '100%',
22
+ height: "var(--ds-space-300, 24px)",
23
+ '& input': {
24
+ textAlign: 'center'
25
+ }
26
+ });
27
+ var pixelSizingLabel = exports.pixelSizingLabel = (0, _react.css)({
28
+ gridArea: 'label',
29
+ lineHeight: "var(--ds-space-300, 24px)"
30
+ });
31
+ var pixelSizingWidthInput = exports.pixelSizingWidthInput = (0, _react.css)({
32
+ gridArea: 'widthinput'
33
+ });
34
+ var pixelSizingHeightInput = exports.pixelSizingHeightInput = (0, _react.css)({
35
+ gridArea: 'heightinput'
36
+ });
37
+ var pixelEntryHiddenSubmit = exports.pixelEntryHiddenSubmit = (0, _react.css)({
38
+ gridArea: 'submit',
39
+ visibility: 'hidden',
40
+ width: 0,
41
+ height: 0
42
+ });
43
+ var pixelSizingFullWidthLabelStyles = exports.pixelSizingFullWidthLabelStyles = (0, _react.css)({
44
+ minWidth: "".concat(PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "px"),
45
+ height: "var(--ds-space-300, 24px)",
46
+ display: 'flex',
47
+ justifyContent: 'center',
48
+ alignItems: 'center'
49
+ });
package/dist/cjs/ui/ResizableMediaSingle/styles.js CHANGED
@@ -1,17 +1,23 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
3
  var _typeof = require("@babel/runtime/helpers/typeof");
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.resizableMediaMigrationNotificationStyle = void 0;
9
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
10
8
  var _react = require("@emotion/react");
11
9
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
12
- var _templateObject;
13
10
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
11
  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; }
15
12
  var NOTIFICATION_SIZE = 8;
16
13
  var SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
17
- var resizableMediaMigrationNotificationStyle = exports.resizableMediaMigrationNotificationStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n position: absolute;\n top: ", ";\n right: calc(", " + ", ");\n background-color: ", ";\n border-radius: ", ";\n width: ", "px;\n height: ", "px;\n pointer-events: none;\n"])), SPACE_FROM_EDGE, "var(--ds-space-150, 12px)", SPACE_FROM_EDGE, "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"), "var(--ds-border-radius-circle, 50%)", NOTIFICATION_SIZE, NOTIFICATION_SIZE);
14
+ var resizableMediaMigrationNotificationStyle = exports.resizableMediaMigrationNotificationStyle = (0, _react.css)({
15
+ position: 'absolute',
16
+ top: SPACE_FROM_EDGE,
17
+ right: "calc(".concat("var(--ds-space-150, 12px)", " + ", SPACE_FROM_EDGE, ")"),
18
+ backgroundColor: "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"),
19
+ borderRadius: "var(--ds-border-radius-circle, 50%)",
20
+ width: "".concat(NOTIFICATION_SIZE, "px"),
21
+ height: "".concat(NOTIFICATION_SIZE, "px"),
22
+ pointerEvents: 'none'
23
+ });
package/dist/es2019/ui/CaptionPlaceholder/index.js CHANGED
@@ -5,6 +5,7 @@ import { FormattedMessage } from 'react-intl-next';
5
5
  import { captionMessages as messages } from '@atlaskit/editor-common/media';
6
6
  import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
7
7
  import { N200 } from '@atlaskit/theme/colors';
8
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
8
9
  const placeholder = css`
9
10
  color: ${`var(--ds-text-subtlest, ${N200})`};
10
11
  width: 100%;
package/dist/es2019/ui/MediaLinkingToolbar.js CHANGED
@@ -14,20 +14,18 @@ import { normalizeUrl } from '@atlaskit/editor-common/utils';
14
14
  import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
15
15
  import EditorUnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
16
16
  import { R400 } from '@atlaskit/theme/colors';
17
- const validationWrapper = css`
18
- line-height: 0;
19
- padding: ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-300, 24px)"}
20
- ${"var(--ds-space-150, 12px)"} 0;
21
- margin: 0 ${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-400, 32px)"};
22
- border-top: 1px solid ${`var(--ds-border-danger, ${R400})`};
23
- align-items: start;
24
- display: flex;
25
- flex-direction: column;
26
- `;
27
- const buttonWrapper = css`
28
- padding: ${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}
29
- ${"var(--ds-space-050, 4px)"} 0px;
30
- `;
17
+ const validationWrapper = css({
18
+ lineHeight: 0,
19
+ padding: `${"var(--ds-space-150, 12px)"} ${"var(--ds-space-300, 24px)"} ${"var(--ds-space-150, 12px)"} 0`,
20
+ margin: `0 ${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-400, 32px)"}`,
21
+ borderTop: `1px solid ${`var(--ds-border-danger, ${R400})`}`,
22
+ alignItems: 'start',
23
+ display: 'flex',
24
+ flexDirection: 'column'
25
+ });
26
+ const buttonWrapper = css({
27
+ padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"} ${"var(--ds-space-050, 4px)"} 0px`
28
+ });
31
29
 
32
30
  // eslint-disable-next-line @repo/internal/react/no-class-components
33
31
  export class LinkAddToolbar extends React.PureComponent {
package/dist/es2019/ui/PixelEntry/styles.js CHANGED
@@ -1,5 +1,7 @@
1
1
  import { css } from '@emotion/react';
2
2
  const PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH = 120;
3
+
4
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
3
5
  export const pixelSizingWrapper = css`
4
6
  display: grid;
5
7
  grid-template-columns: 1fr 1em 1fr 0;
@@ -14,38 +16,38 @@ export const pixelSizingWrapper = css`
14
16
  margin-top: 0 !important;
15
17
  }
16
18
  `;
17
- export const pixelEntryForm = css`
18
- form {
19
- width: 100%;
19
+ export const pixelEntryForm = css({
20
+ form: {
21
+ width: '100%'
20
22
  }
21
- `;
22
- export const pixelSizingInput = css`
23
- width: 100%;
24
- height: ${"var(--ds-space-300, 24px)"};
25
- & input {
26
- text-align: center;
23
+ });
24
+ export const pixelSizingInput = css({
25
+ width: '100%',
26
+ height: "var(--ds-space-300, 24px)",
27
+ '& input': {
28
+ textAlign: 'center'
27
29
  }
28
- `;
29
- export const pixelSizingLabel = css`
30
- grid-area: label;
31
- line-height: ${"var(--ds-space-300, 24px)"};
32
- `;
33
- export const pixelSizingWidthInput = css`
34
- grid-area: widthinput;
35
- `;
36
- export const pixelSizingHeightInput = css`
37
- grid-area: heightinput;
38
- `;
39
- export const pixelEntryHiddenSubmit = css`
40
- grid-area: submit;
41
- visibility: hidden;
42
- width: 0;
43
- height: 0;
44
- `;
45
- export const pixelSizingFullWidthLabelStyles = css`
46
- min-width: ${PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH}px;
47
- height: ${"var(--ds-space-300, 24px)"};
48
- display: flex;
49
- justify-content: center;
50
- align-items: center;
51
- `;
30
+ });
31
+ export const pixelSizingLabel = css({
32
+ gridArea: 'label',
33
+ lineHeight: "var(--ds-space-300, 24px)"
34
+ });
35
+ export const pixelSizingWidthInput = css({
36
+ gridArea: 'widthinput'
37
+ });
38
+ export const pixelSizingHeightInput = css({
39
+ gridArea: 'heightinput'
40
+ });
41
+ export const pixelEntryHiddenSubmit = css({
42
+ gridArea: 'submit',
43
+ visibility: 'hidden',
44
+ width: 0,
45
+ height: 0
46
+ });
47
+ export const pixelSizingFullWidthLabelStyles = css({
48
+ minWidth: `${PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH}px`,
49
+ height: "var(--ds-space-300, 24px)",
50
+ display: 'flex',
51
+ justifyContent: 'center',
52
+ alignItems: 'center'
53
+ });
package/dist/es2019/ui/ResizableMediaSingle/styles.js CHANGED
@@ -2,13 +2,13 @@ import { css } from '@emotion/react';
2
2
  import * as colors from '@atlaskit/theme/colors';
3
3
  const NOTIFICATION_SIZE = 8;
4
4
  const SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
5
- export const resizableMediaMigrationNotificationStyle = css`
6
- position: absolute;
7
- top: ${SPACE_FROM_EDGE};
8
- right: calc(${"var(--ds-space-150, 12px)"} + ${SPACE_FROM_EDGE});
9
- background-color: ${`var(--ds-background-warning-bold, ${colors.Y300})`};
10
- border-radius: ${"var(--ds-border-radius-circle, 50%)"};
11
- width: ${NOTIFICATION_SIZE}px;
12
- height: ${NOTIFICATION_SIZE}px;
13
- pointer-events: none;
14
- `;
5
+ export const resizableMediaMigrationNotificationStyle = css({
6
+ position: 'absolute',
7
+ top: SPACE_FROM_EDGE,
8
+ right: `calc(${"var(--ds-space-150, 12px)"} + ${SPACE_FROM_EDGE})`,
9
+ backgroundColor: `var(--ds-background-warning-bold, ${colors.Y300})`,
10
+ borderRadius: "var(--ds-border-radius-circle, 50%)",
11
+ width: `${NOTIFICATION_SIZE}px`,
12
+ height: `${NOTIFICATION_SIZE}px`,
13
+ pointerEvents: 'none'
14
+ });
package/dist/esm/ui/CaptionPlaceholder/index.js CHANGED
@@ -7,6 +7,7 @@ import { FormattedMessage } from 'react-intl-next';
7
7
  import { captionMessages as messages } from '@atlaskit/editor-common/media';
8
8
  import { CAPTION_PLACEHOLDER_ID } from '@atlaskit/editor-common/media-single';
9
9
  import { N200 } from '@atlaskit/theme/colors';
10
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
10
11
  var placeholder = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n width: 100%;\n text-align: center;\n margin-top: ", " !important;\n display: block;\n"])), "var(--ds-text-subtlest, ".concat(N200, ")"), "var(--ds-space-100, 8px)");
11
12
  export default /*#__PURE__*/React.forwardRef(function (_ref, ref) {
12
13
  var onClick = _ref.onClick;
package/dist/esm/ui/MediaLinkingToolbar.js CHANGED
@@ -5,8 +5,6 @@ import _inherits from "@babel/runtime/helpers/inherits";
5
5
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
6
6
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
7
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
8
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
9
- var _templateObject, _templateObject2;
10
8
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
11
9
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
12
10
  /** @jsx jsx */
@@ -24,8 +22,18 @@ import { normalizeUrl } from '@atlaskit/editor-common/utils';
24
22
  import ChevronLeftLargeIcon from '@atlaskit/icon/glyph/chevron-left-large';
25
23
  import EditorUnlinkIcon from '@atlaskit/icon/glyph/editor/unlink';
26
24
  import { R400 } from '@atlaskit/theme/colors';
27
- var validationWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n line-height: 0;\n padding: ", " ", "\n ", " 0;\n margin: 0 ", " 0 ", ";\n border-top: 1px solid ", ";\n align-items: start;\n display: flex;\n flex-direction: column;\n"])), "var(--ds-space-150, 12px)", "var(--ds-space-300, 24px)", "var(--ds-space-150, 12px)", "var(--ds-space-050, 4px)", "var(--ds-space-400, 32px)", "var(--ds-border-danger, ".concat(R400, ")"));
28
- var buttonWrapper = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: ", " ", "\n ", " 0px;\n"])), "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)");
25
+ var validationWrapper = css({
26
+ lineHeight: 0,
27
+ padding: "var(--ds-space-150, 12px)".concat(" ", "var(--ds-space-300, 24px)", " ", "var(--ds-space-150, 12px)", " 0"),
28
+ margin: "0 ".concat("var(--ds-space-050, 4px)", " 0 ", "var(--ds-space-400, 32px)"),
29
+ borderTop: "1px solid ".concat("var(--ds-border-danger, ".concat(R400, ")")),
30
+ alignItems: 'start',
31
+ display: 'flex',
32
+ flexDirection: 'column'
33
+ });
34
+ var buttonWrapper = css({
35
+ padding: "var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)", " ", "var(--ds-space-050, 4px)", " 0px")
36
+ });
29
37
 
30
38
  // eslint-disable-next-line @repo/internal/react/no-class-components
31
39
  export var LinkAddToolbar = /*#__PURE__*/function (_React$PureComponent) {
package/dist/esm/ui/PixelEntry/styles.js CHANGED
@@ -1,12 +1,42 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
2
+ var _templateObject;
3
3
  import { css } from '@emotion/react';
4
4
  var PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH = 120;
5
+
6
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
5
7
  export var pixelSizingWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: grid;\n grid-template-columns: 1fr 1em 1fr 0;\n grid-template-rows: auto;\n grid-template-areas: 'widthinput label heightinput submit';\n width: ", "px;\n text-align: center;\n height: ", ";\n\n // Atlaskit fieldset does not allow style override\n & > * {\n margin-top: 0 !important;\n }\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");
6
- export var pixelEntryForm = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n form {\n width: 100%;\n }\n"])));
7
- export var pixelSizingInput = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 100%;\n height: ", ";\n & input {\n text-align: center;\n }\n"])), "var(--ds-space-300, 24px)");
8
- export var pixelSizingLabel = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n grid-area: label;\n line-height: ", ";\n"])), "var(--ds-space-300, 24px)");
9
- export var pixelSizingWidthInput = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n grid-area: widthinput;\n"])));
10
- export var pixelSizingHeightInput = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n grid-area: heightinput;\n"])));
11
- export var pixelEntryHiddenSubmit = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n grid-area: submit;\n visibility: hidden;\n width: 0;\n height: 0;\n"])));
12
- export var pixelSizingFullWidthLabelStyles = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n min-width: ", "px;\n height: ", ";\n display: flex;\n justify-content: center;\n align-items: center;\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");
8
+ export var pixelEntryForm = css({
9
+ form: {
10
+ width: '100%'
11
+ }
12
+ });
13
+ export var pixelSizingInput = css({
14
+ width: '100%',
15
+ height: "var(--ds-space-300, 24px)",
16
+ '& input': {
17
+ textAlign: 'center'
18
+ }
19
+ });
20
+ export var pixelSizingLabel = css({
21
+ gridArea: 'label',
22
+ lineHeight: "var(--ds-space-300, 24px)"
23
+ });
24
+ export var pixelSizingWidthInput = css({
25
+ gridArea: 'widthinput'
26
+ });
27
+ export var pixelSizingHeightInput = css({
28
+ gridArea: 'heightinput'
29
+ });
30
+ export var pixelEntryHiddenSubmit = css({
31
+ gridArea: 'submit',
32
+ visibility: 'hidden',
33
+ width: 0,
34
+ height: 0
35
+ });
36
+ export var pixelSizingFullWidthLabelStyles = css({
37
+ minWidth: "".concat(PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "px"),
38
+ height: "var(--ds-space-300, 24px)",
39
+ display: 'flex',
40
+ justifyContent: 'center',
41
+ alignItems: 'center'
42
+ });
package/dist/esm/ui/ResizableMediaSingle/styles.js CHANGED
@@ -1,7 +1,14 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject;
3
1
  import { css } from '@emotion/react';
4
2
  import * as colors from '@atlaskit/theme/colors';
5
3
  var NOTIFICATION_SIZE = 8;
6
4
  var SPACE_FROM_EDGE = "var(--ds-space-100, 8px)";
7
- export var resizableMediaMigrationNotificationStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: absolute;\n top: ", ";\n right: calc(", " + ", ");\n background-color: ", ";\n border-radius: ", ";\n width: ", "px;\n height: ", "px;\n pointer-events: none;\n"])), SPACE_FROM_EDGE, "var(--ds-space-150, 12px)", SPACE_FROM_EDGE, "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"), "var(--ds-border-radius-circle, 50%)", NOTIFICATION_SIZE, NOTIFICATION_SIZE);
5
+ export var resizableMediaMigrationNotificationStyle = css({
6
+ position: 'absolute',
7
+ top: SPACE_FROM_EDGE,
8
+ right: "calc(".concat("var(--ds-space-150, 12px)", " + ", SPACE_FROM_EDGE, ")"),
9
+ backgroundColor: "var(--ds-background-warning-bold, ".concat(colors.Y300, ")"),
10
+ borderRadius: "var(--ds-border-radius-circle, 50%)",
11
+ width: "".concat(NOTIFICATION_SIZE, "px"),
12
+ height: "".concat(NOTIFICATION_SIZE, "px"),
13
+ pointerEvents: 'none'
14
+ });
package/dist/types/pm-plugins/alt-text/ui/AltTextEdit.d.ts CHANGED
@@ -39,5 +39,5 @@ export declare class AltTextEditComponent extends React.Component<Props, AltText
39
39
  private handleOnBlur;
40
40
  private handleClearText;
41
41
  }
42
- declare const _default: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<Props>>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
42
+ declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<Props>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
43
43
  export default _default;
package/dist/types-ts4.5/pm-plugins/alt-text/ui/AltTextEdit.d.ts CHANGED
@@ -39,5 +39,5 @@ export declare class AltTextEditComponent extends React.Component<Props, AltText
39
39
  private handleOnBlur;
40
40
  private handleClearText;
41
41
  }
42
- declare const _default: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<Props>>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
42
+ declare const _default: React.ForwardRefExoticComponent<Omit<import("react-intl-next").WithIntlProps<Props>, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;
43
43
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-media",
3
- "version": "1.15.4",
3
+ "version": "1.16.0",
4
4
  "description": "Media plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -33,27 +33,27 @@
33
33
  "./types": "./src/types.ts"
34
34
  },
35
35
  "dependencies": {
36
- "@atlaskit/adf-schema": "^35.9.0",
36
+ "@atlaskit/adf-schema": "^35.9.2",
37
37
  "@atlaskit/analytics-namespaced-context": "^6.9.0",
38
- "@atlaskit/analytics-next": "^9.2.0",
39
- "@atlaskit/button": "^17.12.0",
40
- "@atlaskit/editor-common": "^78.29.0",
38
+ "@atlaskit/analytics-next": "^9.3.0",
39
+ "@atlaskit/button": "^17.14.0",
40
+ "@atlaskit/editor-common": "^78.31.0",
41
41
  "@atlaskit/editor-palette": "1.5.3",
42
- "@atlaskit/editor-plugin-analytics": "^1.0.0",
43
- "@atlaskit/editor-plugin-annotation": "1.5.10",
44
- "@atlaskit/editor-plugin-decorations": "^1.0.0",
45
- "@atlaskit/editor-plugin-editor-disabled": "^1.0.0",
46
- "@atlaskit/editor-plugin-editor-viewmode": "^1.0.0",
47
- "@atlaskit/editor-plugin-floating-toolbar": "^1.2.0",
48
- "@atlaskit/editor-plugin-focus": "^1.1.0",
49
- "@atlaskit/editor-plugin-grid": "^1.0.0",
50
- "@atlaskit/editor-plugin-guideline": "^1.0.0",
51
- "@atlaskit/editor-plugin-selection": "^1.1.0",
52
- "@atlaskit/editor-plugin-width": "^1.0.0",
53
- "@atlaskit/editor-prosemirror": "3.0.0",
42
+ "@atlaskit/editor-plugin-analytics": "^1.1.0",
43
+ "@atlaskit/editor-plugin-annotation": "1.6.0",
44
+ "@atlaskit/editor-plugin-decorations": "^1.1.0",
45
+ "@atlaskit/editor-plugin-editor-disabled": "^1.1.0",
46
+ "@atlaskit/editor-plugin-editor-viewmode": "^1.1.0",
47
+ "@atlaskit/editor-plugin-floating-toolbar": "^1.3.0",
48
+ "@atlaskit/editor-plugin-focus": "^1.2.0",
49
+ "@atlaskit/editor-plugin-grid": "^1.1.0",
50
+ "@atlaskit/editor-plugin-guideline": "^1.1.0",
51
+ "@atlaskit/editor-plugin-selection": "^1.2.0",
52
+ "@atlaskit/editor-plugin-width": "^1.1.0",
53
+ "@atlaskit/editor-prosemirror": "4.0.0",
54
54
  "@atlaskit/editor-shared-styles": "^2.9.0",
55
- "@atlaskit/editor-tables": "^2.6.0",
56
- "@atlaskit/form": "^9.2.0",
55
+ "@atlaskit/editor-tables": "^2.7.0",
56
+ "@atlaskit/form": "^9.3.0",
57
57
  "@atlaskit/icon": "^22.1.0",
58
58
  "@atlaskit/media-card": "^77.11.0",
59
59
  "@atlaskit/media-client": "^26.3.0",
@@ -61,7 +61,7 @@
61
61
  "@atlaskit/media-common": "^11.1.0",
62
62
  "@atlaskit/media-filmstrip": "^47.0.0",
63
63
  "@atlaskit/media-picker": "^66.4.0",
64
- "@atlaskit/media-ui": "^25.7.0",
64
+ "@atlaskit/media-ui": "^25.9.0",
65
65
  "@atlaskit/media-viewer": "^48.4.0",
66
66
  "@atlaskit/platform-feature-flags": "^0.2.0",
67
67
  "@atlaskit/primitives": "^5.5.0",