@atlaskit/media-ui 27.3.0 → 27.3.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/media-ui
 
+## 27.3.2
+
+### Patch Changes
+
+- [#107798](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107798)
+  [`6f9d0367cb933`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6f9d0367cb933) -
+  Updated DSP Enforcement Message
+- Updated dependencies
+
+## 27.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 27.3.0
 
 ### Minor Changes

package/dist/cjs/MediaInlineCard/IconAndTitleLayout/styled-compiled.compiled.css

@@ -1,9 +1,10 @@
-
-._1esr1qcg>span{padding:var(--_1yxkslj)}._15x0stnw>*>span>svg{position:absolute}
+._15x0stnw>*>span>svg{position:absolute}
 ._17047vkz>*>span{height:1pc}
 ._18lx1ooe>span>svg{transform:translate(-50%,-50%)}
 ._18u0v77o{margin-left:var(--ds-space-025,2px)}
+._1at8v77o>span{padding-top:var(--ds-space-025,2px)}
 ._1bsbdlk8{width:14px}
+._1cjov77o>span{padding-bottom:var(--ds-space-025,2px)}
 ._1e0c1o8l{display:inline-block}
 ._1f027vkz>span{height:1pc}
 ._1fqgstnw>span>svg{position:absolute}
@@ -12,6 +13,7 @@
 ._1msp1b66>span{margin-left:var(--ds-space-050,4px)}
 ._1nmz9jpi{word-break:break-all}
 ._1tr81ssb>*>span>svg{left:50%}
+._1yg6idpf>span{padding-left:0}
 ._1yg7idpf>*>span{left:0}
 ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
 ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
@@ -19,6 +21,7 @@
 ._4d7tstnw>span{position:absolute}
 ._4t3i1osq{height:100%}
 ._d1gw1ssb>span>svg{top:50%}
+._hjaqidpf>span{padding-right:0}
 ._iibfdlk8>*>span{width:14px}
 ._k9fw1ssb>*>span>svg{top:50%}
 ._kqswh2mm{position:relative}

package/dist/cjs/MediaInlineCard/IconAndTitleLayout/styled-compiled.js

@@ -73,10 +73,7 @@ var LozengeWrapper = exports.LozengeWrapper = function LozengeWrapper(_ref4) {
   var children = _ref4.children,
     props = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
   return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)(["_1e0c1o8l _s7n4t94y _1esr1qcg _1msp1b66"]),
-    style: {
-      "--_1yxkslj": (0, _runtime.ix)("var(--ds-space-025, 2px)".concat(" 0 ", "var(--ds-space-025, 2px)", " 0"))
-    }
+    className: (0, _runtime.ax)(["_1e0c1o8l _s7n4t94y _1msp1b66 _1at8v77o _hjaqidpf _1cjov77o _1yg6idpf"])
   }), children);
 };
 var lozengeBlockWrapperStyles = null;
@@ -86,10 +83,7 @@ var LozengeBlockWrapper = exports.LozengeBlockWrapper = function LozengeBlockWra
   var children = _ref5.children,
     props = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
   return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)(["_1esr1qcg _1msp1b66"]),
-    style: {
-      "--_1yxkslj": (0, _runtime.ix)("var(--ds-space-025, 2px)".concat(" 0 ", "var(--ds-space-025, 2px)", " 0"))
-    }
+    className: (0, _runtime.ax)(["_1msp1b66 _1at8v77o _hjaqidpf _1cjov77o _1yg6idpf"])
   }), children);
 };
 var rightIconPositionWrapperStyles = null;

package/dist/cjs/abuseModal/abuseModal.js

@@ -6,12 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AbuseModal = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
 var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--cross"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
 var _primitives = require("@atlaskit/primitives");
+var _messages = require("../messages");
 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); }
 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 && {}.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 gridStyles = (0, _primitives.xcss)({
@@ -23,27 +24,13 @@ var closeContainerStyles = (0, _primitives.xcss)({
 var titleContainerStyles = (0, _primitives.xcss)({
   gridArea: 'title'
 });
-var AbuseModal = exports.AbuseModal = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var onConfirm = _ref.onConfirm,
-    shouldMount = _ref.shouldMount;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var closeModal = (0, _react.useCallback)(function () {
-    return setIsOpen(false);
-  }, []);
-  var confirm = (0, _react.useCallback)(function () {
-    onConfirm === null || onConfirm === void 0 || onConfirm();
-    closeModal();
-  }, [onConfirm, closeModal]);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return function () {
-      return setIsOpen(true);
-    };
-  }, []);
-  return !shouldMount ? null : /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
-    onClose: closeModal,
+var AbuseModal = exports.AbuseModal = (0, _reactIntlNext.injectIntl)(function (_ref) {
+  var isOpen = _ref.isOpen,
+    onConfirm = _ref.onConfirm,
+    onClose = _ref.onClose,
+    formatMessage = _ref.intl.formatMessage;
+  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
+    onClose: onClose,
     testId: "mediaAbuseModal"
   }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_primitives.Grid, {
     gap: "space.200",
@@ -56,17 +43,17 @@ var AbuseModal = exports.AbuseModal = /*#__PURE__*/(0, _react.forwardRef)(functi
     appearance: "subtle",
     icon: _closeCross.default,
     label: "Close Modal",
-    onClick: closeModal
+    onClick: onClose
   })), /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
     xcss: titleContainerStyles,
     justifyContent: "start"
   }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
     appearance: "warning"
-  }, "Warning")))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, "This file has been labelled as abusive. Please proceed with caution."), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
+  }, formatMessage(_messages.messages.abuse_modal_title))))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, formatMessage(_messages.messages.abuse_modal_body)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "subtle",
-    onClick: closeModal
-  }, "Cancel"), /*#__PURE__*/_react.default.createElement(_new.default, {
+    onClick: onClose
+  }, formatMessage(_messages.messages.cancel)), /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "warning",
-    onClick: confirm
-  }, "Proceed with download"))));
+    onClick: onConfirm
+  }, formatMessage(_messages.messages.abuse_modal_submit)))));
 });

package/dist/cjs/customMediaPlayer/index.js

@@ -16,7 +16,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
   return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props) : /*#__PURE__*/_react.default.createElement(_indexEmotion.CustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "27.3.0";
+var packageVersion = "27.3.2";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/customMediaPlayer/styled-compiled.compiled.css

@@ -2,7 +2,6 @@
 ._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
 ._19itglyw{border:none}
 ._1a37q36z{outline:var(--_k4vj5w)}
-._1yt4necs{padding:var(--_5sw9gb)}
 ._2rko14y2{border-radius:5px}
 ._2rko1b66{border-radius:var(--ds-space-050,4px)}
 ._2rko1kw7{border-radius:inherit}
@@ -24,6 +23,7 @@
 ._1838glyw input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}
 ._18m915vq{overflow-y:hidden}
 ._18u0utpp{margin-left:var(--ds-space-150,9pt)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._1a96a6sd input[type=range]::-moz-range-progress{background-color:#9fadbc}
 ._1az8glyw input[type=range]::-webkit-slider-thumb{--webkit-appearance:none}
 ._1bsb1osq{width:100%}
@@ -69,12 +69,14 @@
 ._bfhk7g9i{background-color:#05c}
 ._bfhk9ucv{background-color:#596773}
 ._bfhku67f{background-color:#fff}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._d32vqb75 button{color:#ef5c48!important}
 ._dey49ucv input[type=range]::-moz-range-track{background-color:#596773}
 ._iofsa6sd input[type=range]::-webkit-slider-runnable-track{--track-fg:#9fadbc}
 ._kqswh2mm{position:relative}
 ._kqswstnw{position:absolute}
 ._lcxvglyw{pointer-events:none}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._o5721q9c{white-space:nowrap}
 ._p12f1osq{max-width:100%}
 ._rs6wdlk8 input[type=range]::-moz-range-thumb{height:14px}
@@ -87,6 +89,7 @@
 ._tzy4idpf{opacity:0}
 ._tzy4kb7n{opacity:1}
 ._u2q4a6sd input[type=range]::-moz-range-thumb{background-color:#9fadbc}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
 ._13y6o43e:focus-within{transition:width .3s ease-out}
 ._195p1w81:focus-within{width:150px}

package/dist/cjs/customMediaPlayer/styled-compiled.js

@@ -167,12 +167,8 @@ var CurrentTimeTooltip = exports.CurrentTimeTooltip = function CurrentTimeToolti
     props = (0, _objectWithoutProperties2.default)(_ref14, _excluded14);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _runtime.ax)(["_11c8qk37 _1yt4necs _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
-  }, props, {
-    style: {
-      "--_5sw9gb": (0, _runtime.ix)("var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"))
-    }
-  }), children);
+    className: (0, _runtime.ax)(["_11c8qk37 _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
+  }, props), children);
 };
 var timeRangeWrapperStyles = null;
 var TimeRangeWrapper = exports.TimeRangeWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref15, ref) {

package/dist/cjs/messages.js

@@ -543,7 +543,7 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
   },
   download_disabled_security_policy: {
     id: 'fabric.media.download_disabled_security_policy',
-    defaultMessage: 'Downloads have been disabled due to security policy',
+    defaultMessage: "Download is blocked by your organization's security policy.",
     description: ''
   },
   unknown: {
@@ -730,5 +730,20 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.media.video_seeker_label_assistive_text',
     defaultMessage: 'Seek slider',
     description: 'Video time seek slider aria-label'
+  },
+  abuse_modal_body: {
+    id: 'fabric.media.abuse_modal_body',
+    defaultMessage: 'For your security, our system automatically scans all uploaded files. The file you are about to download potentially contains malicious content',
+    description: 'Abuse Modal Body Message'
+  },
+  abuse_modal_title: {
+    id: 'fabric.media.abuse_modal_title',
+    defaultMessage: 'Warning',
+    description: 'Abuse Modal Title'
+  },
+  abuse_modal_submit: {
+    id: 'fabric.media.abuse_modal_submit',
+    defaultMessage: 'Proceed with download',
+    description: 'Abuse Modal Submit button caption'
   }
 });

package/dist/es2019/MediaInlineCard/IconAndTitleLayout/styled-compiled.compiled.css

@@ -1,9 +1,10 @@
-
-._1esr1ocd>span{padding:var(--ds-space-025,2px) 0 var(--ds-space-025,2px) 0}._15x0stnw>*>span>svg{position:absolute}
+._15x0stnw>*>span>svg{position:absolute}
 ._17047vkz>*>span{height:1pc}
 ._18lx1ooe>span>svg{transform:translate(-50%,-50%)}
 ._18u0v77o{margin-left:var(--ds-space-025,2px)}
+._1at8v77o>span{padding-top:var(--ds-space-025,2px)}
 ._1bsbdlk8{width:14px}
+._1cjov77o>span{padding-bottom:var(--ds-space-025,2px)}
 ._1e0c1o8l{display:inline-block}
 ._1f027vkz>span{height:1pc}
 ._1fqgstnw>span>svg{position:absolute}
@@ -12,6 +13,7 @@
 ._1msp1b66>span{margin-left:var(--ds-space-050,4px)}
 ._1nmz9jpi{word-break:break-all}
 ._1tr81ssb>*>span>svg{left:50%}
+._1yg6idpf>span{padding-left:0}
 ._1yg7idpf>*>span{left:0}
 ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
 ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
@@ -19,6 +21,7 @@
 ._4d7tstnw>span{position:absolute}
 ._4t3i1osq{height:100%}
 ._d1gw1ssb>span>svg{top:50%}
+._hjaqidpf>span{padding-right:0}
 ._iibfdlk8>*>span{width:14px}
 ._k9fw1ssb>*>span>svg{top:50%}
 ._kqswh2mm{position:relative}

package/dist/es2019/MediaInlineCard/IconAndTitleLayout/styled-compiled.js

@@ -51,7 +51,7 @@ export const LozengeWrapper = ({
   children,
   ...props
 }) => /*#__PURE__*/React.createElement("span", _extends({}, props, {
-  className: ax(["_1e0c1o8l _s7n4t94y _1esr1ocd _1msp1b66"])
+  className: ax(["_1e0c1o8l _s7n4t94y _1msp1b66 _1at8v77o _hjaqidpf _1cjov77o _1yg6idpf"])
 }), children);
 const lozengeBlockWrapperStyles = null;
 
@@ -60,7 +60,7 @@ export const LozengeBlockWrapper = ({
   children,
   ...props
 }) => /*#__PURE__*/React.createElement("span", _extends({}, props, {
-  className: ax(["_1esr1ocd _1msp1b66"])
+  className: ax(["_1msp1b66 _1at8v77o _hjaqidpf _1cjov77o _1yg6idpf"])
 }), children);
 const rightIconPositionWrapperStyles = null;
 export const RightIconPositionWrapper = ({

package/dist/es2019/abuseModal/abuseModal.js

@@ -1,8 +1,10 @@
-import React, { useCallback, useState, useImperativeHandle, forwardRef } from 'react';
+import React from 'react';
+import { injectIntl } from 'react-intl-next';
 import Button, { IconButton } from '@atlaskit/button/new';
 import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { Flex, Grid, xcss } from '@atlaskit/primitives';
+import { messages } from '../messages';
 const gridStyles = xcss({
   width: '100%'
 });
@@ -12,21 +14,16 @@ const closeContainerStyles = xcss({
 const titleContainerStyles = xcss({
   gridArea: 'title'
 });
-export const AbuseModal = /*#__PURE__*/forwardRef(({
+export const AbuseModal = injectIntl(({
+  isOpen,
   onConfirm,
-  shouldMount
-}, ref) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const closeModal = useCallback(() => setIsOpen(false), []);
-  const confirm = useCallback(() => {
-    onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
-    closeModal();
-  }, [onConfirm, closeModal]);
-  useImperativeHandle(ref, () => {
-    return () => setIsOpen(true);
-  }, []);
-  return !shouldMount ? null : /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(Modal, {
-    onClose: closeModal,
+  onClose,
+  intl: {
+    formatMessage
+  }
+}) => {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(Modal, {
+    onClose: onClose,
     testId: "mediaAbuseModal"
   }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(Grid, {
     gap: "space.200",
@@ -39,17 +36,17 @@ export const AbuseModal = /*#__PURE__*/forwardRef(({
     appearance: "subtle",
     icon: CrossIcon,
     label: "Close Modal",
-    onClick: closeModal
+    onClick: onClose
   })), /*#__PURE__*/React.createElement(Flex, {
     xcss: titleContainerStyles,
     justifyContent: "start"
   }, /*#__PURE__*/React.createElement(ModalTitle, {
     appearance: "warning"
-  }, "Warning")))), /*#__PURE__*/React.createElement(ModalBody, null, "This file has been labelled as abusive. Please proceed with caution."), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }, formatMessage(messages.abuse_modal_title))))), /*#__PURE__*/React.createElement(ModalBody, null, formatMessage(messages.abuse_modal_body)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
-    onClick: closeModal
-  }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
+    onClick: onClose
+  }, formatMessage(messages.cancel)), /*#__PURE__*/React.createElement(Button, {
     appearance: "warning",
-    onClick: confirm
-  }, "Proceed with download"))));
+    onClick: onConfirm
+  }, formatMessage(messages.abuse_modal_submit)))));
 });

package/dist/es2019/customMediaPlayer/index.js

@@ -7,7 +7,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common';
 export const CustomMediaPlayerBase = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props) : /*#__PURE__*/React.createElement(EmotionCustomMediaPlayerBase, props);
 const packageName = "@atlaskit/media-ui";
-const packageVersion = "27.3.0";
+const packageVersion = "27.3.2";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 export const CustomMediaPlayer = withMediaAnalyticsContext({

package/dist/es2019/customMediaPlayer/styled-compiled.compiled.css

@@ -2,7 +2,6 @@
 ._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
 ._19itglyw{border:none}
 ._1a371rek{outline:2px solid var(--ds-border-focused,#85b8ff)}
-._1yt418iy{padding:var(--ds-space-050,4px) var(--ds-space-100,8px)}
 ._2rko14y2{border-radius:5px}
 ._2rko1b66{border-radius:var(--ds-space-050,4px)}
 ._2rko1kw7{border-radius:inherit}
@@ -24,6 +23,7 @@
 ._1838glyw input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}
 ._18m915vq{overflow-y:hidden}
 ._18u0utpp{margin-left:var(--ds-space-150,9pt)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._1a96a6sd input[type=range]::-moz-range-progress{background-color:#9fadbc}
 ._1az8glyw input[type=range]::-webkit-slider-thumb{--webkit-appearance:none}
 ._1bsb1osq{width:100%}
@@ -69,12 +69,14 @@
 ._bfhk7g9i{background-color:#05c}
 ._bfhk9ucv{background-color:#596773}
 ._bfhku67f{background-color:#fff}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._d32vqb75 button{color:#ef5c48!important}
 ._dey49ucv input[type=range]::-moz-range-track{background-color:#596773}
 ._iofsa6sd input[type=range]::-webkit-slider-runnable-track{--track-fg:#9fadbc}
 ._kqswh2mm{position:relative}
 ._kqswstnw{position:absolute}
 ._lcxvglyw{pointer-events:none}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._o5721q9c{white-space:nowrap}
 ._p12f1osq{max-width:100%}
 ._rs6wdlk8 input[type=range]::-moz-range-thumb{height:14px}
@@ -87,6 +89,7 @@
 ._tzy4idpf{opacity:0}
 ._tzy4kb7n{opacity:1}
 ._u2q4a6sd input[type=range]::-moz-range-thumb{background-color:#9fadbc}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
 ._13y6o43e:focus-within{transition:width .3s ease-out}
 ._195p1w81:focus-within{width:150px}

package/dist/es2019/customMediaPlayer/styled-compiled.js

@@ -132,7 +132,7 @@ export const CurrentTimeTooltip = ({
   ...props
 }) => /*#__PURE__*/React.createElement("div", _extends({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-  className: ax(["_11c8qk37 _1yt418iy _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
+  className: ax(["_11c8qk37 _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
 }, props), children);
 const timeRangeWrapperStyles = null;
 export const TimeRangeWrapper = /*#__PURE__*/forwardRef(({

package/dist/es2019/messages.js

@@ -537,7 +537,7 @@ export const messages = defineMessages({
   },
   download_disabled_security_policy: {
     id: 'fabric.media.download_disabled_security_policy',
-    defaultMessage: 'Downloads have been disabled due to security policy',
+    defaultMessage: "Download is blocked by your organization's security policy.",
     description: ''
   },
   unknown: {
@@ -724,5 +724,20 @@ export const messages = defineMessages({
     id: 'fabric.media.video_seeker_label_assistive_text',
     defaultMessage: 'Seek slider',
     description: 'Video time seek slider aria-label'
+  },
+  abuse_modal_body: {
+    id: 'fabric.media.abuse_modal_body',
+    defaultMessage: 'For your security, our system automatically scans all uploaded files. The file you are about to download potentially contains malicious content',
+    description: 'Abuse Modal Body Message'
+  },
+  abuse_modal_title: {
+    id: 'fabric.media.abuse_modal_title',
+    defaultMessage: 'Warning',
+    description: 'Abuse Modal Title'
+  },
+  abuse_modal_submit: {
+    id: 'fabric.media.abuse_modal_submit',
+    defaultMessage: 'Proceed with download',
+    description: 'Abuse Modal Submit button caption'
   }
 });

package/dist/esm/MediaInlineCard/IconAndTitleLayout/styled-compiled.compiled.css

@@ -1,9 +1,10 @@
-
-._1esr1qcg>span{padding:var(--_1yxkslj)}._15x0stnw>*>span>svg{position:absolute}
+._15x0stnw>*>span>svg{position:absolute}
 ._17047vkz>*>span{height:1pc}
 ._18lx1ooe>span>svg{transform:translate(-50%,-50%)}
 ._18u0v77o{margin-left:var(--ds-space-025,2px)}
+._1at8v77o>span{padding-top:var(--ds-space-025,2px)}
 ._1bsbdlk8{width:14px}
+._1cjov77o>span{padding-bottom:var(--ds-space-025,2px)}
 ._1e0c1o8l{display:inline-block}
 ._1f027vkz>span{height:1pc}
 ._1fqgstnw>span>svg{position:absolute}
@@ -12,6 +13,7 @@
 ._1msp1b66>span{margin-left:var(--ds-space-050,4px)}
 ._1nmz9jpi{word-break:break-all}
 ._1tr81ssb>*>span>svg{left:50%}
+._1yg6idpf>span{padding-left:0}
 ._1yg7idpf>*>span{left:0}
 ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
 ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
@@ -19,6 +21,7 @@
 ._4d7tstnw>span{position:absolute}
 ._4t3i1osq{height:100%}
 ._d1gw1ssb>span>svg{top:50%}
+._hjaqidpf>span{padding-right:0}
 ._iibfdlk8>*>span{width:14px}
 ._k9fw1ssb>*>span>svg{top:50%}
 ._kqswh2mm{position:relative}

package/dist/esm/MediaInlineCard/IconAndTitleLayout/styled-compiled.js

@@ -63,10 +63,7 @@ export var LozengeWrapper = function LozengeWrapper(_ref4) {
   var children = _ref4.children,
     props = _objectWithoutProperties(_ref4, _excluded4);
   return /*#__PURE__*/React.createElement("span", _extends({}, props, {
-    className: ax(["_1e0c1o8l _s7n4t94y _1esr1qcg _1msp1b66"]),
-    style: {
-      "--_1yxkslj": ix("var(--ds-space-025, 2px)".concat(" 0 ", "var(--ds-space-025, 2px)", " 0"))
-    }
+    className: ax(["_1e0c1o8l _s7n4t94y _1msp1b66 _1at8v77o _hjaqidpf _1cjov77o _1yg6idpf"])
   }), children);
 };
 var lozengeBlockWrapperStyles = null;
@@ -76,10 +73,7 @@ export var LozengeBlockWrapper = function LozengeBlockWrapper(_ref5) {
   var children = _ref5.children,
     props = _objectWithoutProperties(_ref5, _excluded5);
   return /*#__PURE__*/React.createElement("span", _extends({}, props, {
-    className: ax(["_1esr1qcg _1msp1b66"]),
-    style: {
-      "--_1yxkslj": ix("var(--ds-space-025, 2px)".concat(" 0 ", "var(--ds-space-025, 2px)", " 0"))
-    }
+    className: ax(["_1msp1b66 _1at8v77o _hjaqidpf _1cjov77o _1yg6idpf"])
   }), children);
 };
 var rightIconPositionWrapperStyles = null;

package/dist/esm/abuseModal/abuseModal.js

@@ -1,9 +1,10 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useCallback, useState, useImperativeHandle, forwardRef } from 'react';
+import React from 'react';
+import { injectIntl } from 'react-intl-next';
 import Button, { IconButton } from '@atlaskit/button/new';
 import CrossIcon from '@atlaskit/icon/core/migration/close--cross';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
 import { Flex, Grid, xcss } from '@atlaskit/primitives';
+import { messages } from '../messages';
 var gridStyles = xcss({
   width: '100%'
 });
@@ -13,27 +14,13 @@ var closeContainerStyles = xcss({
 var titleContainerStyles = xcss({
   gridArea: 'title'
 });
-export var AbuseModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var onConfirm = _ref.onConfirm,
-    shouldMount = _ref.shouldMount;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var closeModal = useCallback(function () {
-    return setIsOpen(false);
-  }, []);
-  var confirm = useCallback(function () {
-    onConfirm === null || onConfirm === void 0 || onConfirm();
-    closeModal();
-  }, [onConfirm, closeModal]);
-  useImperativeHandle(ref, function () {
-    return function () {
-      return setIsOpen(true);
-    };
-  }, []);
-  return !shouldMount ? null : /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(Modal, {
-    onClose: closeModal,
+export var AbuseModal = injectIntl(function (_ref) {
+  var isOpen = _ref.isOpen,
+    onConfirm = _ref.onConfirm,
+    onClose = _ref.onClose,
+    formatMessage = _ref.intl.formatMessage;
+  return /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(Modal, {
+    onClose: onClose,
     testId: "mediaAbuseModal"
   }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(Grid, {
     gap: "space.200",
@@ -46,17 +33,17 @@ export var AbuseModal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     appearance: "subtle",
     icon: CrossIcon,
     label: "Close Modal",
-    onClick: closeModal
+    onClick: onClose
   })), /*#__PURE__*/React.createElement(Flex, {
     xcss: titleContainerStyles,
     justifyContent: "start"
   }, /*#__PURE__*/React.createElement(ModalTitle, {
     appearance: "warning"
-  }, "Warning")))), /*#__PURE__*/React.createElement(ModalBody, null, "This file has been labelled as abusive. Please proceed with caution."), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }, formatMessage(messages.abuse_modal_title))))), /*#__PURE__*/React.createElement(ModalBody, null, formatMessage(messages.abuse_modal_body)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
-    onClick: closeModal
-  }, "Cancel"), /*#__PURE__*/React.createElement(Button, {
+    onClick: onClose
+  }, formatMessage(messages.cancel)), /*#__PURE__*/React.createElement(Button, {
     appearance: "warning",
-    onClick: confirm
-  }, "Proceed with download"))));
+    onClick: onConfirm
+  }, formatMessage(messages.abuse_modal_submit)))));
 });

package/dist/esm/customMediaPlayer/index.js

@@ -9,7 +9,7 @@ export var CustomMediaPlayerBase = function CustomMediaPlayerBase(props) {
   return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledCustomMediaPlayerBase, props) : /*#__PURE__*/React.createElement(EmotionCustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "27.3.0";
+var packageVersion = "27.3.2";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 export var CustomMediaPlayer = withMediaAnalyticsContext({

package/dist/esm/customMediaPlayer/styled-compiled.compiled.css

@@ -2,7 +2,6 @@
 ._11q7acks{background:linear-gradient(0deg,#101214,rgba(14,22,36,0))}
 ._19itglyw{border:none}
 ._1a37q36z{outline:var(--_k4vj5w)}
-._1yt4necs{padding:var(--_5sw9gb)}
 ._2rko14y2{border-radius:5px}
 ._2rko1b66{border-radius:var(--ds-space-050,4px)}
 ._2rko1kw7{border-radius:inherit}
@@ -24,6 +23,7 @@
 ._1838glyw input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none}
 ._18m915vq{overflow-y:hidden}
 ._18u0utpp{margin-left:var(--ds-space-150,9pt)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
 ._1a96a6sd input[type=range]::-moz-range-progress{background-color:#9fadbc}
 ._1az8glyw input[type=range]::-webkit-slider-thumb{--webkit-appearance:none}
 ._1bsb1osq{width:100%}
@@ -69,12 +69,14 @@
 ._bfhk7g9i{background-color:#05c}
 ._bfhk9ucv{background-color:#596773}
 ._bfhku67f{background-color:#fff}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
 ._d32vqb75 button{color:#ef5c48!important}
 ._dey49ucv input[type=range]::-moz-range-track{background-color:#596773}
 ._iofsa6sd input[type=range]::-webkit-slider-runnable-track{--track-fg:#9fadbc}
 ._kqswh2mm{position:relative}
 ._kqswstnw{position:absolute}
 ._lcxvglyw{pointer-events:none}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._o5721q9c{white-space:nowrap}
 ._p12f1osq{max-width:100%}
 ._rs6wdlk8 input[type=range]::-moz-range-thumb{height:14px}
@@ -87,6 +89,7 @@
 ._tzy4idpf{opacity:0}
 ._tzy4kb7n{opacity:1}
 ._u2q4a6sd input[type=range]::-moz-range-thumb{background-color:#9fadbc}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
 ._13y6o43e:focus-within{transition:width .3s ease-out}
 ._195p1w81:focus-within{width:150px}

package/dist/esm/customMediaPlayer/styled-compiled.js

@@ -158,12 +158,8 @@ export var CurrentTimeTooltip = function CurrentTimeTooltip(_ref14) {
     props = _objectWithoutProperties(_ref14, _excluded14);
   return /*#__PURE__*/React.createElement("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_11c8qk37 _1yt4necs _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
-  }, props, {
-    style: {
-      "--_5sw9gb": ix("var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"))
-    }
-  }), children);
+    className: ax(["_11c8qk37 _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _ca0q1b66 _u5f3u2gc _n3td1b66 _19bvu2gc _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
+  }, props), children);
 };
 var timeRangeWrapperStyles = null;
 export var TimeRangeWrapper = /*#__PURE__*/forwardRef(function (_ref15, ref) {

package/dist/esm/messages.js

@@ -537,7 +537,7 @@ export var messages = defineMessages({
   },
   download_disabled_security_policy: {
     id: 'fabric.media.download_disabled_security_policy',
-    defaultMessage: 'Downloads have been disabled due to security policy',
+    defaultMessage: "Download is blocked by your organization's security policy.",
     description: ''
   },
   unknown: {
@@ -724,5 +724,20 @@ export var messages = defineMessages({
     id: 'fabric.media.video_seeker_label_assistive_text',
     defaultMessage: 'Seek slider',
     description: 'Video time seek slider aria-label'
+  },
+  abuse_modal_body: {
+    id: 'fabric.media.abuse_modal_body',
+    defaultMessage: 'For your security, our system automatically scans all uploaded files. The file you are about to download potentially contains malicious content',
+    description: 'Abuse Modal Body Message'
+  },
+  abuse_modal_title: {
+    id: 'fabric.media.abuse_modal_title',
+    defaultMessage: 'Warning',
+    description: 'Abuse Modal Title'
+  },
+  abuse_modal_submit: {
+    id: 'fabric.media.abuse_modal_submit',
+    defaultMessage: 'Proceed with download',
+    description: 'Abuse Modal Submit button caption'
   }
 });

package/dist/types/abuseModal/abuseModal.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
+import { type WrappedComponentProps } from 'react-intl-next';
 export type AbuseModalProps = {
-    onConfirm?: () => void;
-    onClose?: () => void;
-    shouldMount: boolean;
+    isOpen: boolean;
+    onConfirm: () => void;
+    onClose: () => void;
+};
+export declare const AbuseModal: React.FC<import("react-intl-next").WithIntlProps<AbuseModalProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<AbuseModalProps & WrappedComponentProps>;
 };
-export declare const AbuseModal: React.ForwardRefExoticComponent<AbuseModalProps & React.RefAttributes<() => void>>;

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'request_access_description' | 'click_to_join_description' | 'request_access_pending_description' | 'click_to_join' | 'request_access' | 'request_access_pending' | 'forbidden_description' | 'request_denied_description';
-export type MessageKey = 'retry' | 'failed_to_load' | 'failed_to_upload' | 'recent_uploads' | 'upload_file' | 'drag_and_drop_your_files' | 'drag_and_drop_your_files_and_folders' | 'drop_your_files' | 'upload' | 'cancel' | 'search_all_gifs' | 'cant_retrieve_gifs' | 'cant_retrieve_files' | 'check_your_network' | 'try_again' | 'try_another_account' | 'no_gifs_found' | 'no_gifs_found_suggestion' | 'load_more_gifs' | 'add_account' | 'unlink_account' | 'upload_file_from' | 'connect_to' | 'connect_account_description' | 'connect_link_account' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'invalid_permissions' | 'invalid_permissions_description' | 'select_an_avatar' | 'upload_an_avatar' | 'or_select_default_avatars' | 'select_an_avatar_from_all_defaults' | 'show_more_avatars_btn_label' | 'loading' | 'loading_file' | 'save' | 'or' | 'upload_photo' | 'default_avatars' | 'avatar_picker_back_btn_label' | 'drag_and_drop_images_here' | 'alt_text' | 'alt_text_description' | 'image_url_invalid_error' | 'image_format_invalid_error' | 'image_size_too_large_error' | 'something_went_wrong' | 'might_be_a_hiccup' | 'couldnt_generate_preview' | 'couldnt_generate_encrypted_entry_preview' | 'cant_preview_file_type' | 'item_not_found_in_list' | 'not_found_title' | 'not_found_description' | 'no_pdf_artifacts' | 'password_protected_pdf' | 'password' | 'enter_password' | 'incorrect_password' | 'submit' | 'give_feedback' | 'try_downloading_file' | 'webgl_warning_description' | 'unable_to_annotate_image' | 'learn_more' | 'accounts' | 'actions' | 'error_hint_retry' | 'error_hint_critical' | 'close' | 'could_not_load_editor' | 'could_not_save_image' | 'could_not_load_link' | 'annotate' | 'annotate_tool_arrow' | 'annotate_tool_text' | 'annotate_tool_shape' | 'annotate_tool_brush' | 'annotate_tool_blur' | 'annotate_tool_line_thickness' | 'annotate_tool_color' | 'annotate_confirmation_close_anyway' | 'annotate_confirmation_heading' | 'annotate_confirmation_content' | 'drop_your_files_here' | 'share_files_instantly' | 'insert_files' | 'zoom_out' | 'zoom_in' | 'remove_image' | 'play' | 'pause' | 'disable_fullscreen' | 'enable_fullscreen' | 'error_loading_file' | 'error_generating_preview' | 'download' | 'download_disabled_security_policy' | 'unknown' | 'document' | 'audio' | 'video' | 'image' | 'archive' | 'email' | 'text' | 'displayThumbnail' | 'search' | 'view' | 'viewIn' | 'viewOriginal' | 'changeView' | 'playbackSpeed' | 'skipBackward' | 'skipForward' | 'volumeMuteButtonAria' | 'volumeLevelControlAria' | 'playbackDefaultSpeed' | 'preview' | 'preview_unavailable' | 'creating_preview' | 'couldnt_load_file' | 'error_429' | 'close_and_reopen' | 'viewer_rateLimited' | 'zip_entry_load_fail' | 'file_image_is_selected' | 'file_video_is_selected' | 'file_audio_is_selected' | 'file_doc_is_selected' | 'file_archive_is_selected' | 'file_unknown_is_selected' | 'open_file_in_viewer' | 'video_seeker_assistive_text_time_value' | 'video_seeker_label_assistive_text' | RequestAccessMessageKey;
+export type MessageKey = 'retry' | 'failed_to_load' | 'failed_to_upload' | 'recent_uploads' | 'upload_file' | 'drag_and_drop_your_files' | 'drag_and_drop_your_files_and_folders' | 'drop_your_files' | 'upload' | 'cancel' | 'search_all_gifs' | 'cant_retrieve_gifs' | 'cant_retrieve_files' | 'check_your_network' | 'try_again' | 'try_another_account' | 'no_gifs_found' | 'no_gifs_found_suggestion' | 'load_more_gifs' | 'add_account' | 'unlink_account' | 'upload_file_from' | 'connect_to' | 'connect_account_description' | 'connect_link_account' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'invalid_permissions' | 'invalid_permissions_description' | 'select_an_avatar' | 'upload_an_avatar' | 'or_select_default_avatars' | 'select_an_avatar_from_all_defaults' | 'show_more_avatars_btn_label' | 'loading' | 'loading_file' | 'save' | 'or' | 'upload_photo' | 'default_avatars' | 'avatar_picker_back_btn_label' | 'drag_and_drop_images_here' | 'alt_text' | 'alt_text_description' | 'image_url_invalid_error' | 'image_format_invalid_error' | 'image_size_too_large_error' | 'something_went_wrong' | 'might_be_a_hiccup' | 'couldnt_generate_preview' | 'couldnt_generate_encrypted_entry_preview' | 'cant_preview_file_type' | 'item_not_found_in_list' | 'not_found_title' | 'not_found_description' | 'no_pdf_artifacts' | 'password_protected_pdf' | 'password' | 'enter_password' | 'incorrect_password' | 'submit' | 'give_feedback' | 'try_downloading_file' | 'webgl_warning_description' | 'unable_to_annotate_image' | 'learn_more' | 'accounts' | 'actions' | 'error_hint_retry' | 'error_hint_critical' | 'close' | 'could_not_load_editor' | 'could_not_save_image' | 'could_not_load_link' | 'annotate' | 'annotate_tool_arrow' | 'annotate_tool_text' | 'annotate_tool_shape' | 'annotate_tool_brush' | 'annotate_tool_blur' | 'annotate_tool_line_thickness' | 'annotate_tool_color' | 'annotate_confirmation_close_anyway' | 'annotate_confirmation_heading' | 'annotate_confirmation_content' | 'drop_your_files_here' | 'share_files_instantly' | 'insert_files' | 'zoom_out' | 'zoom_in' | 'remove_image' | 'play' | 'pause' | 'disable_fullscreen' | 'enable_fullscreen' | 'error_loading_file' | 'error_generating_preview' | 'download' | 'download_disabled_security_policy' | 'unknown' | 'document' | 'audio' | 'video' | 'image' | 'archive' | 'email' | 'text' | 'displayThumbnail' | 'search' | 'view' | 'viewIn' | 'viewOriginal' | 'changeView' | 'playbackSpeed' | 'skipBackward' | 'skipForward' | 'volumeMuteButtonAria' | 'volumeLevelControlAria' | 'playbackDefaultSpeed' | 'preview' | 'preview_unavailable' | 'creating_preview' | 'couldnt_load_file' | 'error_429' | 'close_and_reopen' | 'viewer_rateLimited' | 'zip_entry_load_fail' | 'file_image_is_selected' | 'file_video_is_selected' | 'file_audio_is_selected' | 'file_doc_is_selected' | 'file_archive_is_selected' | 'file_unknown_is_selected' | 'open_file_in_viewer' | 'video_seeker_assistive_text_time_value' | 'video_seeker_label_assistive_text' | 'abuse_modal_body' | 'abuse_modal_title' | 'abuse_modal_submit' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/abuseModal/abuseModal.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
+import { type WrappedComponentProps } from 'react-intl-next';
 export type AbuseModalProps = {
-    onConfirm?: () => void;
-    onClose?: () => void;
-    shouldMount: boolean;
+    isOpen: boolean;
+    onConfirm: () => void;
+    onClose: () => void;
+};
+export declare const AbuseModal: React.FC<import("react-intl-next").WithIntlProps<AbuseModalProps & WrappedComponentProps>> & {
+    WrappedComponent: React.ComponentType<AbuseModalProps & WrappedComponentProps>;
 };
-export declare const AbuseModal: React.ForwardRefExoticComponent<AbuseModalProps & React.RefAttributes<() => void>>;

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'request_access_description' | 'click_to_join_description' | 'request_access_pending_description' | 'click_to_join' | 'request_access' | 'request_access_pending' | 'forbidden_description' | 'request_denied_description';
-export type MessageKey = 'retry' | 'failed_to_load' | 'failed_to_upload' | 'recent_uploads' | 'upload_file' | 'drag_and_drop_your_files' | 'drag_and_drop_your_files_and_folders' | 'drop_your_files' | 'upload' | 'cancel' | 'search_all_gifs' | 'cant_retrieve_gifs' | 'cant_retrieve_files' | 'check_your_network' | 'try_again' | 'try_another_account' | 'no_gifs_found' | 'no_gifs_found_suggestion' | 'load_more_gifs' | 'add_account' | 'unlink_account' | 'upload_file_from' | 'connect_to' | 'connect_account_description' | 'connect_link_account' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'invalid_permissions' | 'invalid_permissions_description' | 'select_an_avatar' | 'upload_an_avatar' | 'or_select_default_avatars' | 'select_an_avatar_from_all_defaults' | 'show_more_avatars_btn_label' | 'loading' | 'loading_file' | 'save' | 'or' | 'upload_photo' | 'default_avatars' | 'avatar_picker_back_btn_label' | 'drag_and_drop_images_here' | 'alt_text' | 'alt_text_description' | 'image_url_invalid_error' | 'image_format_invalid_error' | 'image_size_too_large_error' | 'something_went_wrong' | 'might_be_a_hiccup' | 'couldnt_generate_preview' | 'couldnt_generate_encrypted_entry_preview' | 'cant_preview_file_type' | 'item_not_found_in_list' | 'not_found_title' | 'not_found_description' | 'no_pdf_artifacts' | 'password_protected_pdf' | 'password' | 'enter_password' | 'incorrect_password' | 'submit' | 'give_feedback' | 'try_downloading_file' | 'webgl_warning_description' | 'unable_to_annotate_image' | 'learn_more' | 'accounts' | 'actions' | 'error_hint_retry' | 'error_hint_critical' | 'close' | 'could_not_load_editor' | 'could_not_save_image' | 'could_not_load_link' | 'annotate' | 'annotate_tool_arrow' | 'annotate_tool_text' | 'annotate_tool_shape' | 'annotate_tool_brush' | 'annotate_tool_blur' | 'annotate_tool_line_thickness' | 'annotate_tool_color' | 'annotate_confirmation_close_anyway' | 'annotate_confirmation_heading' | 'annotate_confirmation_content' | 'drop_your_files_here' | 'share_files_instantly' | 'insert_files' | 'zoom_out' | 'zoom_in' | 'remove_image' | 'play' | 'pause' | 'disable_fullscreen' | 'enable_fullscreen' | 'error_loading_file' | 'error_generating_preview' | 'download' | 'download_disabled_security_policy' | 'unknown' | 'document' | 'audio' | 'video' | 'image' | 'archive' | 'email' | 'text' | 'displayThumbnail' | 'search' | 'view' | 'viewIn' | 'viewOriginal' | 'changeView' | 'playbackSpeed' | 'skipBackward' | 'skipForward' | 'volumeMuteButtonAria' | 'volumeLevelControlAria' | 'playbackDefaultSpeed' | 'preview' | 'preview_unavailable' | 'creating_preview' | 'couldnt_load_file' | 'error_429' | 'close_and_reopen' | 'viewer_rateLimited' | 'zip_entry_load_fail' | 'file_image_is_selected' | 'file_video_is_selected' | 'file_audio_is_selected' | 'file_doc_is_selected' | 'file_archive_is_selected' | 'file_unknown_is_selected' | 'open_file_in_viewer' | 'video_seeker_assistive_text_time_value' | 'video_seeker_label_assistive_text' | RequestAccessMessageKey;
+export type MessageKey = 'retry' | 'failed_to_load' | 'failed_to_upload' | 'recent_uploads' | 'upload_file' | 'drag_and_drop_your_files' | 'drag_and_drop_your_files_and_folders' | 'drop_your_files' | 'upload' | 'cancel' | 'search_all_gifs' | 'cant_retrieve_gifs' | 'cant_retrieve_files' | 'check_your_network' | 'try_again' | 'try_another_account' | 'no_gifs_found' | 'no_gifs_found_suggestion' | 'load_more_gifs' | 'add_account' | 'unlink_account' | 'upload_file_from' | 'connect_to' | 'connect_account_description' | 'connect_link_account' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'invalid_permissions' | 'invalid_permissions_description' | 'select_an_avatar' | 'upload_an_avatar' | 'or_select_default_avatars' | 'select_an_avatar_from_all_defaults' | 'show_more_avatars_btn_label' | 'loading' | 'loading_file' | 'save' | 'or' | 'upload_photo' | 'default_avatars' | 'avatar_picker_back_btn_label' | 'drag_and_drop_images_here' | 'alt_text' | 'alt_text_description' | 'image_url_invalid_error' | 'image_format_invalid_error' | 'image_size_too_large_error' | 'something_went_wrong' | 'might_be_a_hiccup' | 'couldnt_generate_preview' | 'couldnt_generate_encrypted_entry_preview' | 'cant_preview_file_type' | 'item_not_found_in_list' | 'not_found_title' | 'not_found_description' | 'no_pdf_artifacts' | 'password_protected_pdf' | 'password' | 'enter_password' | 'incorrect_password' | 'submit' | 'give_feedback' | 'try_downloading_file' | 'webgl_warning_description' | 'unable_to_annotate_image' | 'learn_more' | 'accounts' | 'actions' | 'error_hint_retry' | 'error_hint_critical' | 'close' | 'could_not_load_editor' | 'could_not_save_image' | 'could_not_load_link' | 'annotate' | 'annotate_tool_arrow' | 'annotate_tool_text' | 'annotate_tool_shape' | 'annotate_tool_brush' | 'annotate_tool_blur' | 'annotate_tool_line_thickness' | 'annotate_tool_color' | 'annotate_confirmation_close_anyway' | 'annotate_confirmation_heading' | 'annotate_confirmation_content' | 'drop_your_files_here' | 'share_files_instantly' | 'insert_files' | 'zoom_out' | 'zoom_in' | 'remove_image' | 'play' | 'pause' | 'disable_fullscreen' | 'enable_fullscreen' | 'error_loading_file' | 'error_generating_preview' | 'download' | 'download_disabled_security_policy' | 'unknown' | 'document' | 'audio' | 'video' | 'image' | 'archive' | 'email' | 'text' | 'displayThumbnail' | 'search' | 'view' | 'viewIn' | 'viewOriginal' | 'changeView' | 'playbackSpeed' | 'skipBackward' | 'skipForward' | 'volumeMuteButtonAria' | 'volumeLevelControlAria' | 'playbackDefaultSpeed' | 'preview' | 'preview_unavailable' | 'creating_preview' | 'couldnt_load_file' | 'error_429' | 'close_and_reopen' | 'viewer_rateLimited' | 'zip_entry_load_fail' | 'file_image_is_selected' | 'file_video_is_selected' | 'file_audio_is_selected' | 'file_doc_is_selected' | 'file_archive_is_selected' | 'file_unknown_is_selected' | 'open_file_in_viewer' | 'video_seeker_assistive_text_time_value' | 'video_seeker_label_assistive_text' | 'abuse_modal_body' | 'abuse_modal_title' | 'abuse_modal_submit' | RequestAccessMessageKey;
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-ui",
-	"version": "27.3.0",
+	"version": "27.3.2",
 	"description": "Includes common components and utilities used by other media packages",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -28,7 +28,7 @@
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/code": "^15.6.0",
 		"@atlaskit/css": "^0.7.0",
-		"@atlaskit/icon": "^23.2.0",
+		"@atlaskit/icon": "^23.4.0",
 		"@atlaskit/icon-file-type": "^6.8.0",
 		"@atlaskit/legacy-custom-icons": "^0.20.0",
 		"@atlaskit/locale": "^2.8.0",
@@ -38,9 +38,9 @@
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/range": "^8.0.0",
 		"@atlaskit/select": "^18.9.0",
-		"@atlaskit/spinner": "^16.3.0",
+		"@atlaskit/spinner": "^17.0.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.5.0",
+		"@atlaskit/tokens": "^3.2.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@atlaskit/width-detector": "^4.3.0",
 		"@babel/runtime": "^7.0.0",