@atlaskit/media-card 81.8.2 → 81.8.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/media-card
 
+## 81.8.4
+
+### Patch Changes
+
+- Updated dependencies
+
+## 81.8.3
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 81.8.2
 
 ### Patch Changes

package/dist/cjs/card/actions.js

@@ -9,7 +9,7 @@ exports.createDownloadAction = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
-var _mediaUi = require("@atlaskit/media-ui");
+var _messages = require("@atlaskit/media-ui/messages");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function attachDetailsToActions(actions, details) {
@@ -27,7 +27,7 @@ function attachDetailsToActions(actions, details) {
 var createDownloadAction = exports.createDownloadAction = function createDownloadAction(baseAction, formatMessage) {
   var isDisabled = baseAction.isDisabled;
   var label = isDisabled ? 'Download Disabled' : 'Download';
-  var tooltip = isDisabled ? formatMessage(_mediaUi.messages.download_disabled_security_policy) : undefined;
+  var tooltip = isDisabled ? formatMessage(_messages.messages.download_disabled_security_policy) : undefined;
   return _objectSpread(_objectSpread({}, baseAction), {}, {
     label: label,
     tooltip: tooltip,

package/dist/cjs/card/card.js

@@ -20,7 +20,7 @@ var _label = _interopRequireDefault(require("@atlaskit/react-ufo/label"));
 var _excluded = ["identifier"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.8.1";
+var packageVersion = "81.8.3";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/card/cardView.js

@@ -16,7 +16,7 @@ var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip"));
 var _useCallbackRef = require("use-callback-ref");
-var _mediaUi = require("@atlaskit/media-ui");
+var _messages = require("@atlaskit/media-ui/messages");
 var _analytics = require("../utils/analytics");
 var _imageRenderer = require("./ui/imageRenderer");
 var _titleBox = require("./ui/titleBox/titleBox");
@@ -195,10 +195,10 @@ var CardViewBase = exports.CardViewBase = function CardViewBase(_ref) {
         var _traceTooltipVariant;
         if ((0, _errors.isUploadError)(error)) {
           _iconMessage = /*#__PURE__*/_react.default.createElement(_iconMessage2.FailedToUpload, null);
-          _customTitleMessage = _mediaUi.messages.failed_to_upload;
+          _customTitleMessage = _messages.messages.failed_to_upload;
         } else if ((0, _isNetworkError.isNetworkError)(error) && (0, _fg.fg)('media_card_failed_messaging_ui_revamp')) {
           _iconMessage = /*#__PURE__*/_react.default.createElement(_iconMessage2.CheckInternetConnection, null);
-          _customTitleMessage = _mediaUi.messages.check_internet_connection;
+          _customTitleMessage = _messages.messages.check_internet_connection;
         } else if (!metadata) {
           _iconMessage = /*#__PURE__*/_react.default.createElement(_iconMessage2.FailedToLoad, null);
           _traceTooltipVariant = 'failed-to-load';

package/dist/cjs/card/inlinePlayer.js

@@ -12,7 +12,9 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _mediaClient = require("@atlaskit/media-client");
-var _mediaUi = require("@atlaskit/media-ui");
+var _customMediaPlayer = require("@atlaskit/media-ui/customMediaPlayer");
+var _mediaPlayer = require("@atlaskit/media-ui/mediaPlayer");
+var _inactivityDetector = require("@atlaskit/media-ui/inactivityDetector");
 var _utils = require("../utils");
 var _cardLoading = require("../utils/lightCards/cardLoading");
 var _progressBar = require("./ui/progressBar/progressBar");
@@ -208,8 +210,8 @@ var InlinePlayerBase = exports.InlinePlayerBase = function InlinePlayerBase(_ref
     onClick: onClick,
     innerRef: forwardRef || undefined,
     dimensions: dimensions
-  }, /*#__PURE__*/_react.default.createElement(_mediaUi.InactivityDetector, null, function (checkMouseMovement, controlsAreVisible) {
-    return (0, _fg.fg)('platform_media_video_captions') ? /*#__PURE__*/_react.default.createElement(_mediaUi.MediaPlayer, {
+  }, /*#__PURE__*/_react.default.createElement(_inactivityDetector.InactivityDetector, null, function (checkMouseMovement, controlsAreVisible) {
+    return (0, _fg.fg)('platform_media_video_captions') ? /*#__PURE__*/_react.default.createElement(_mediaPlayer.MediaPlayer, {
       identifier: identifier,
       type: "video",
       src: fileSrc,
@@ -235,7 +237,7 @@ var InlinePlayerBase = exports.InlinePlayerBase = function InlinePlayerBase(_ref
       poster: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
       videoControlsWrapperRef: videoControlsWrapperRef,
       areControlsVisible: controlsAreVisible
-    }) : /*#__PURE__*/_react.default.createElement(_mediaUi.CustomMediaPlayer, {
+    }) : /*#__PURE__*/_react.default.createElement(_customMediaPlayer.CustomMediaPlayer, {
       type: "video",
       src: fileSrc,
       onFullscreenChange: onFullscreenChange,

package/dist/cjs/card/media-card-analytics-error-boundary.js

@@ -87,7 +87,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.8.1";
+var packageVersion = "81.8.3";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/card/ui/actionsBar/cardActions/styles.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.cardActionButtonStyles = exports.CardActionIconButtonVariant = void 0;
 var _react = require("@emotion/react");
-var _mediaUi = require("@atlaskit/media-ui");
+var _mixins = require("@atlaskit/media-ui/mixins");
+var _size = require("@atlaskit/media-ui/size");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var CardActionIconButtonVariant = exports.CardActionIconButtonVariant = /*#__PURE__*/function (CardActionIconButtonVariant) {
   CardActionIconButtonVariant["default"] = "default";
@@ -22,11 +23,11 @@ var cardActionButtonStyles = exports.cardActionButtonStyles = function cardActio
     border: 'none'
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  _mediaUi.center,
+  _mixins.center,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  _mediaUi.borderRadius,
+  _mixins.borderRadius,
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  (0, _mediaUi.size)(26), {
+  (0, _size.size)(26), {
     color: "var(--ds-icon, #292A2E)",
     '&:hover': {
       cursor: 'pointer'

package/dist/cjs/card/ui/iconMessage/index.js

@@ -8,7 +8,7 @@ exports.PreviewUnavailable = exports.IconMessage = exports.FailedToUpload = expo
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _iconMessageWrapper = require("./iconMessageWrapper");
-var _mediaUi = require("@atlaskit/media-ui");
+var _messages = require("@atlaskit/media-ui/messages");
 var _reactIntl = require("react-intl");
 var IconMessage = exports.IconMessage = function IconMessage(_ref) {
   var messageDescriptor = _ref.messageDescriptor,
@@ -21,27 +21,27 @@ var IconMessage = exports.IconMessage = function IconMessage(_ref) {
 var CreatingPreview = exports.CreatingPreview = function CreatingPreview(_ref2) {
   var disableAnimation = _ref2.disableAnimation;
   return /*#__PURE__*/_react.default.createElement(IconMessage, {
-    messageDescriptor: _mediaUi.messages.creating_preview,
+    messageDescriptor: _messages.messages.creating_preview,
     animated: !disableAnimation
   });
 };
 var PreviewUnavailable = exports.PreviewUnavailable = function PreviewUnavailable(props) {
   return /*#__PURE__*/_react.default.createElement(IconMessage, (0, _extends2.default)({}, props, {
-    messageDescriptor: _mediaUi.messages.preview_unavailable
+    messageDescriptor: _messages.messages.preview_unavailable
   }));
 };
 var FailedToLoad = exports.FailedToLoad = function FailedToLoad(props) {
   return /*#__PURE__*/_react.default.createElement(IconMessage, (0, _extends2.default)({}, props, {
-    messageDescriptor: _mediaUi.messages.failed_to_load
+    messageDescriptor: _messages.messages.failed_to_load
   }));
 };
 var FailedToUpload = exports.FailedToUpload = function FailedToUpload(props) {
   return /*#__PURE__*/_react.default.createElement(IconMessage, (0, _extends2.default)({}, props, {
-    messageDescriptor: _mediaUi.messages.failed_to_upload
+    messageDescriptor: _messages.messages.failed_to_upload
   }));
 };
 var CheckInternetConnection = exports.CheckInternetConnection = function CheckInternetConnection(props) {
   return /*#__PURE__*/_react.default.createElement(IconMessage, (0, _extends2.default)({}, props, {
-    messageDescriptor: _mediaUi.messages.check_internet_connection
+    messageDescriptor: _messages.messages.check_internet_connection
   }));
 };

package/dist/cjs/card/ui/imageRenderer/imageRenderer.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ImageRenderer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _mediaUi = require("@atlaskit/media-ui");
+var _mediaImage = require("@atlaskit/media-ui/mediaImage");
 var _resizeModeToMediaImageProps = require("./resizeModeToMediaImageProps");
 var _useCurrentValueRef = require("../../../utils/useCurrentValueRef");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -36,7 +36,7 @@ var ImageRenderer = exports.ImageRenderer = function ImageRenderer(_ref) {
   var onError = function onError() {
     onImageError && cardPreview && onImageError(cardPreview);
   };
-  return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaImage, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_mediaImage.MediaImage, (0, _extends2.default)({
     dataURI: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
     alt: alt,
     previewOrientation: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.orientation,

package/dist/cjs/card/ui/openMediaViewerButton/openMediaViewerButton.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
-var _mediaUi = require("@atlaskit/media-ui");
+var _messages = require("@atlaskit/media-ui/messages");
 var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden/visually-hidden"));
@@ -22,10 +22,10 @@ var OpenMediaViewerButton = function OpenMediaViewerButton(_ref) {
   return /*#__PURE__*/_react.default.createElement(_visuallyHidden.default, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, (0, _extends2.default)({
     ref: innerRef
   }, props, (0, _fg.fg)('create_modernization_ga_fixes_drop_2') ? {
-    'aria-label': intl.formatMessage(_mediaUi.messages.open_file_in_viewer_aria_label, {
+    'aria-label': intl.formatMessage(_messages.messages.open_file_in_viewer_aria_label, {
       name: fileName
     })
-  } : {}), intl.formatMessage(_mediaUi.messages.open_file_in_viewer, {
+  } : {}), intl.formatMessage(_messages.messages.open_file_in_viewer, {
     name: fileName
   })));
 };

package/dist/cjs/card/ui/progressBar/styles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.generateResponsiveStyles = generateResponsiveStyles;
 exports.styledBarStyles = void 0;
 var _react = require("@emotion/react");
-var _mediaUi = require("@atlaskit/media-ui");
+var _mixins = require("@atlaskit/media-ui/mixins");
 var _styles = require("../styles");
 var _common = require("../common");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -36,7 +36,7 @@ var getStyledBarStylesBasedOnProps = function getStyledBarStylesBasedOnProps(_re
     breakpoint = _ref.breakpoint,
     positionBottom = _ref.positionBottom,
     showOnTop = _ref.showOnTop;
-  return "\n".concat(_mediaUi.borderRadius, "\noverflow: hidden;\nposition: absolute;\nwidth: ").concat(width, "%;\nleft: ").concat(left, "%;\nbackground-color: ").concat((0, _styles.rgba)('#FFFFFF', 0.8), ";\nheight: ").concat(height + padding * 2, "px;\npadding: ").concat(padding, "px;\nbox-sizing: border-box;\n\n::before {\n  content: '';\n  width: ").concat(progress, "%;\n  height: 100%;\n  background-color: #44546F;\n  ").concat(_mediaUi.borderRadius, "\n  display: block;\n}\n").concat(generateResponsiveStyles(breakpoint, positionBottom, showOnTop), "\n");
+  return "\n".concat(_mixins.borderRadius, "\noverflow: hidden;\nposition: absolute;\nwidth: ").concat(width, "%;\nleft: ").concat(left, "%;\nbackground-color: ").concat((0, _styles.rgba)('#FFFFFF', 0.8), ";\nheight: ").concat(height + padding * 2, "px;\npadding: ").concat(padding, "px;\nbox-sizing: border-box;\n\n::before {\n  content: '';\n  width: ").concat(progress, "%;\n  height: 100%;\n  background-color: #44546F;\n  ").concat(_mixins.borderRadius, "\n  display: block;\n}\n").concat(generateResponsiveStyles(breakpoint, positionBottom, showOnTop), "\n");
 };
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 

package/dist/cjs/card/ui/titleBox/failedTitleBox.js

@@ -11,13 +11,13 @@ var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _statusWarning = _interopRequireDefault(require("@atlaskit/icon/core/status-warning"));
-var _mediaUi = require("@atlaskit/media-ui");
+var _messages = require("@atlaskit/media-ui/messages");
 var _titleBoxComponents = require("./titleBoxComponents");
 var errorMessageWrapperStyles = null;
 var FailedTitleBox = exports.FailedTitleBox = function FailedTitleBox(_ref) {
   var breakpoint = _ref.breakpoint,
     _ref$customMessage = _ref.customMessage,
-    customMessage = _ref$customMessage === void 0 ? _mediaUi.messages.failed_to_load : _ref$customMessage;
+    customMessage = _ref$customMessage === void 0 ? _messages.messages.failed_to_load : _ref$customMessage;
   return /*#__PURE__*/_react.default.createElement(_titleBoxComponents.TitleBoxWrapper, {
     breakpoint: breakpoint
   }, /*#__PURE__*/_react.default.createElement(_titleBoxComponents.ErrorMessageWrapper, null, /*#__PURE__*/_react.default.createElement(_statusWarning.default, {

package/dist/cjs/card/ui/titleBox/titleBox.js

@@ -8,7 +8,7 @@ exports.TitleBox = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntl = require("react-intl");
 var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
-var _truncateText = require("@atlaskit/media-ui/truncateText");
+var _truncate = require("@atlaskit/media-ui/truncateText/truncate");
 var _formatDate = require("@atlaskit/media-ui/formatDate");
 var _titleBoxComponents = require("./titleBoxComponents");
 var placeholderText = ' ';
@@ -29,7 +29,7 @@ var TitleBox = exports.TitleBox = (0, _reactIntl.injectIntl)(function (_ref) {
     titleBoxBgColor: titleBoxBgColor
   }, /*#__PURE__*/_react.default.createElement(_titleBoxComponents.TitleBoxHeader, {
     hasIconOverlap: !!titleBoxIcon && !createdAt
-  }, /*#__PURE__*/_react.default.createElement(_truncateText.Truncate, {
+  }, /*#__PURE__*/_react.default.createElement(_truncate.Truncate, {
     text: name !== null && name !== void 0 ? name : placeholderText
   })), /*#__PURE__*/_react.default.createElement(_titleBoxComponents.TitleBoxFooter, {
     hasIconOverlap: !!titleBoxIcon

package/dist/cjs/card/ui/wrapper/styles.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.wrapperStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _mediaUi = require("@atlaskit/media-ui");
+var _mixins = require("@atlaskit/media-ui/mixins");
 var _selection = require("@atlaskit/editor-shared-styles/selection");
 var _styles = require("../styles");
 var _styles2 = require("../blanket/styles");
@@ -24,6 +24,6 @@ var wrapperStyles = exports.wrapperStyles = function wrapperStyles(_ref) {
     isTickBoxSelectable = _ref.isTickBoxSelectable,
     shouldDisplayTooltip = _ref.shouldDisplayTooltip,
     mediaCardCursor = _ref.mediaCardCursor;
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\tbox-sizing: border-box;\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\tposition: relative;\n\tfont-family: ", ";\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\n\t/* We use classnames from here exceptionally to be able to handle styles when the Card is on hover */\n  ", "\n  ", "\n  &:hover .", " {\n\t\t", "\n\t}\n\t&:hover .", ", &:focus-within .", " {\n\t\t", "\n\t}\n\n\t/* Tooltip does not support percentage dimensions. We enforce them here.\n\t   Guard skips top-layer elements (eg tooltip, modal); ':where()' keeps specificity unchanged. */\n\t", "\n\n\tbutton:focus + & {\n\t\toutline: solid 2px ", ";\n\t}\n"])), (0, _styles.transition)(), "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", (0, _styles.getWrapperDimensions)(dimensions, appearance), displayBackground && "background: ".concat("var(--ds-background-neutral, #0515240F)", ";"), _mediaUi.borderRadius, (0, _styles.getCursorStyle)(mediaCardCursor), (0, _styles.getWrapperShadow)(disableOverlay, selected), (0, _styles.generateResponsiveStyles)(breakpoint), selected ? _selection.hideNativeBrowserTextSelectionStyles : '', (0, _styles.getClickablePlayButtonStyles)(isPlayButtonClickable), (0, _styles.getSelectableTickBoxStyles)(isTickBoxSelectable), _styles2.blanketClassName, _styles2.fixedBlanketStyles, _styles3.actionsBarClassName, _styles3.actionsBarClassName, _styles3.fixedActionBarStyles, shouldDisplayTooltip && "> div:not(:where([popover], dialog)) { width: 100%; height: 100%; }", "var(--ds-border-focused, #4688EC)");
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t", "\n\tbox-sizing: border-box;\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\tposition: relative;\n\tfont-family: ", ";\n\t", "\n\t", "\n  ", "\n  ", "\n  ", "\n  ", ";\n\t", "\n\n\t/* We use classnames from here exceptionally to be able to handle styles when the Card is on hover */\n  ", "\n  ", "\n  &:hover .", " {\n\t\t", "\n\t}\n\t&:hover .", ", &:focus-within .", " {\n\t\t", "\n\t}\n\n\t/* Tooltip does not support percentage dimensions. We enforce them here.\n\t   Guard skips top-layer elements (eg tooltip, modal); ':where()' keeps specificity unchanged. */\n\t", "\n\n\tbutton:focus + & {\n\t\toutline: solid 2px ", ";\n\t}\n"])), (0, _styles.transition)(), "var(--ds-font-family-body, \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)", (0, _styles.getWrapperDimensions)(dimensions, appearance), displayBackground && "background: ".concat("var(--ds-background-neutral, #0515240F)", ";"), _mixins.borderRadius, (0, _styles.getCursorStyle)(mediaCardCursor), (0, _styles.getWrapperShadow)(disableOverlay, selected), (0, _styles.generateResponsiveStyles)(breakpoint), selected ? _selection.hideNativeBrowserTextSelectionStyles : '', (0, _styles.getClickablePlayButtonStyles)(isPlayButtonClickable), (0, _styles.getSelectableTickBoxStyles)(isTickBoxSelectable), _styles2.blanketClassName, _styles2.fixedBlanketStyles, _styles3.actionsBarClassName, _styles3.actionsBarClassName, _styles3.fixedActionBarStyles, shouldDisplayTooltip && "> div:not(:where([popover], dialog)) { width: 100%; height: 100%; }", "var(--ds-border-focused, #4688EC)");
 };
 wrapperStyles.displayName = 'NewFileExperienceWrapper';

package/dist/cjs/inline/loader.js

@@ -16,7 +16,7 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _mediaUi = require("@atlaskit/media-ui");
+var _LoadingView = require("@atlaskit/media-ui/LoadingView");
 var _AnalyticsContext = _interopRequireDefault(require("@atlaskit/analytics-next/AnalyticsContext"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -116,12 +116,12 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "81.8.1",
+        packageName: "81.8.3",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };
       if (!MediaInlineCard || !ErrorBoundary) {
-        return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadingView, {
+        return /*#__PURE__*/_react.default.createElement(_LoadingView.MediaInlineCardLoadingView, {
           message: ""
         });
       }

package/dist/cjs/inline/mediaInlineCard.js

@@ -9,7 +9,10 @@ exports.MediaInlineCardInternal = exports.MediaInlineCard = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _useAnalyticsEvents2 = require("@atlaskit/analytics-next/useAnalyticsEvents");
 var _mediaClient = require("@atlaskit/media-client");
-var _mediaUi = require("@atlaskit/media-ui");
+var _ErroredView = require("@atlaskit/media-ui/ErroredView");
+var _LoadedView = require("@atlaskit/media-ui/LoadedView");
+var _LoadingView = require("@atlaskit/media-ui/LoadingView");
+var _messages = require("@atlaskit/media-ui/messages");
 var _formatDate = require("@atlaskit/media-ui/formatDate");
 var _mimeTypeIcon = require("@atlaskit/media-ui/mime-type-icon");
 var _mediaViewer = require("@atlaskit/media-viewer");
@@ -164,10 +167,10 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
     }
   }, [fileState, fallbackMediaNameFetcher]);
   if (subscribeError) {
-    var errorMessage = (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading' ? _mediaUi.messages.failed_to_upload : _mediaUi.messages.couldnt_load_file;
+    var errorMessage = (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading' ? _messages.messages.failed_to_upload : _messages.messages.couldnt_load_file;
     var errorReason = (fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading' ? 'upload' : 'metadata-fetch';
     fireFailedOperationalEvent(new _errors.MediaCardError(errorReason, subscribeError));
-    return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardErroredView, {
+    return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ErroredView.MediaInlineCardErroredView, {
       innerRef: copyNodeRef,
       message: (intl || defaultIntl).formatMessage(errorMessage),
       isSelected: isSelected,
@@ -177,9 +180,9 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
   if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'error') {
     var error = new _errors.MediaCardError('error-file-state', (0, _mediaClient.toCommonMediaClientError)(fileState));
     fireFailedOperationalEvent(error);
-    return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardErroredView, {
+    return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ErroredView.MediaInlineCardErroredView, {
       innerRef: copyNodeRef,
-      message: (intl || defaultIntl).formatMessage(_mediaUi.messages.couldnt_load_file),
+      message: (intl || defaultIntl).formatMessage(_messages.messages.couldnt_load_file),
       isSelected: isSelected,
       onClick: onMediaInlineCardClick
     }), renderMediaViewer()));
@@ -189,9 +192,9 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
   if (fileState && !fileState.name) {
     if (fallbackMediaNameFetcher && !fallbackMediaNameFetchFailed && !fallbackMediaName && (0, _expValEquals.expValEquals)('platform_editor_media_name_fallback', 'isEnabled', true)) {
       // Fetch not yet attempted or in flight — show loading
-      return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadingView, {
+      return /*#__PURE__*/_react.default.createElement(_LoadingView.MediaInlineCardLoadingView, {
         innerRef: copyNodeRef,
-        message: (intl || defaultIntl).formatMessage(_mediaUi.messages.loading_file),
+        message: (intl || defaultIntl).formatMessage(_messages.messages.loading_file),
         isSelected: isSelected
       });
     }
@@ -201,25 +204,25 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
         id: fileState.id
       }));
       fireFailedOperationalEvent(_error);
-      return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardErroredView, {
+      return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ErroredView.MediaInlineCardErroredView, {
         innerRef: copyNodeRef,
-        message: (intl || defaultIntl).formatMessage(_mediaUi.messages.couldnt_load_file),
+        message: (intl || defaultIntl).formatMessage(_messages.messages.couldnt_load_file),
         isSelected: isSelected,
         onClick: onMediaInlineCardClick
       }), renderMediaViewer()));
     }
   }
   if ((fileState === null || fileState === void 0 ? void 0 : fileState.status) === 'uploading') {
-    return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadingView, {
+    return /*#__PURE__*/_react.default.createElement(_LoadingView.MediaInlineCardLoadingView, {
       innerRef: copyNodeRef,
       message: fileState.name,
       isSelected: isSelected
     });
   }
   if (!fileState) {
-    return /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadingView, {
+    return /*#__PURE__*/_react.default.createElement(_LoadingView.MediaInlineCardLoadingView, {
       innerRef: copyNodeRef,
-      message: (intl || defaultIntl).formatMessage(_mediaUi.messages.loading_file),
+      message: (intl || defaultIntl).formatMessage(_messages.messages.loading_file),
       isSelected: isSelected
     });
   }
@@ -256,7 +259,7 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
       position: "bottom",
       content: formattedDate,
       tag: "span"
-    }, /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadedView, {
+    }, /*#__PURE__*/_react.default.createElement(_LoadedView.MediaInlineCardLoadedView, {
       innerRef: copyNodeRef,
       icon: linkIcon,
       title: name,
@@ -264,7 +267,7 @@ var MediaInlineCardInternal = exports.MediaInlineCardInternal = function MediaIn
       isSelected: isSelected
     })), renderMediaViewer()));
   } else {
-    return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mediaUi.MediaInlineCardLoadedView, {
+    return renderContent( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_LoadedView.MediaInlineCardLoadedView, {
       innerRef: copyNodeRef,
       icon: linkIcon,
       title: name,

package/dist/cjs/utils/analytics/analytics.js

@@ -10,7 +10,7 @@ exports.getRenderSucceededEventPayload = exports.getRenderFailedFileStatusPayloa
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mediaClient = require("@atlaskit/media-client");
 var _analytics = require("@atlaskit/media-common/analytics");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _createAndFireEvents = _interopRequireDefault(require("@atlaskit/analytics-next/createAndFireEvents"));
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getFileAttributes = exports.getFileAttributes = function getFileAttributes(metadata, fileStatus) {
@@ -274,5 +274,5 @@ function fireMediaCardEvent(payload, createAnalyticsEvent) {
   }
 }
 var createAndFireMediaCardEvent = exports.createAndFireMediaCardEvent = function createAndFireMediaCardEvent(payload) {
-  return (0, _analyticsNext.createAndFireEvent)(_analytics.ANALYTICS_MEDIA_CHANNEL)((0, _analytics.sanitiseAnalyticsPayload)(payload));
+  return (0, _createAndFireEvents.default)(_analytics.ANALYTICS_MEDIA_CHANNEL)((0, _analytics.sanitiseAnalyticsPayload)(payload));
 };

package/dist/cjs/utils/lightCards/styles.js

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.wrapperStyles = void 0;
 var _react = require("@emotion/react");
-var _mediaUi = require("@atlaskit/media-ui");
+var _mixins = require("@atlaskit/media-ui/mixins");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 var wrapperStyles = exports.wrapperStyles = function wrapperStyles(_ref) {
   var dimensions = _ref.dimensions;
   return (0, _react.css)(
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  _mediaUi.center, {
+  _mixins.center, {
     position: 'relative',
     background: "var(--ds-surface-sunken, #F8F8F8)",
     color: "var(--ds-icon, #292A2E)"
   },
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  _mediaUi.borderRadius, {
+  _mixins.borderRadius, {
     maxHeight: '100%',
     maxWidth: '100%',
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

package/dist/cjs/utils/ufoExperiences.js

@@ -22,7 +22,7 @@ var _globalScope = require("./globalScope/globalScope");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.8.1";
+var packageVersion = "81.8.3";
 var SAMPLE_RATE = 0.05;
 
 /**

package/dist/es2019/card/actions.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import DownloadIcon from '@atlaskit/icon/core/download';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 export function attachDetailsToActions(actions, details) {
   return actions.map(action => ({
     ...action,

package/dist/es2019/card/card.js

@@ -9,7 +9,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import UFOLabel from '@atlaskit/react-ufo/label';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "81.8.1";
+const packageVersion = "81.8.3";
 export const CardBase = ({
   identifier,
   ...otherProps

package/dist/es2019/card/cardView.js

@@ -6,7 +6,7 @@ import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
 import SpinnerIcon from '@atlaskit/spinner/spinner';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { useMergeRefs } from 'use-callback-ref';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { createAndFireMediaCardEvent } from '../utils/analytics';
 import { ImageRenderer } from './ui/imageRenderer';
 import { TitleBox } from './ui/titleBox/titleBox';

package/dist/es2019/card/inlinePlayer.js

@@ -1,7 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useRef, useState, useEffect, useCallback } from 'react';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
-import { CustomMediaPlayer, MediaPlayer, InactivityDetector } from '@atlaskit/media-ui';
+import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
+import { MediaPlayer } from '@atlaskit/media-ui/mediaPlayer';
+import { InactivityDetector } from '@atlaskit/media-ui/inactivityDetector';
 import { defaultImageCardDimensions } from '../utils';
 import { CardLoading } from '../utils/lightCards/cardLoading';
 import { ProgressBar } from './ui/progressBar/progressBar';

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "81.8.1";
+const packageVersion = "81.8.3";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/es2019/card/ui/actionsBar/cardActions/styles.js

@@ -1,6 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { borderRadius, size, center } from '@atlaskit/media-ui';
+import { borderRadius, center } from '@atlaskit/media-ui/mixins';
+import { size } from '@atlaskit/media-ui/size';
 export let CardActionIconButtonVariant = /*#__PURE__*/function (CardActionIconButtonVariant) {
   CardActionIconButtonVariant["default"] = "default";
   CardActionIconButtonVariant["filled"] = "filled";

package/dist/es2019/card/ui/iconMessage/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { IconMessageWrapper } from './iconMessageWrapper';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { FormattedMessage } from 'react-intl';
 export const IconMessage = ({
   messageDescriptor,

package/dist/es2019/card/ui/imageRenderer/imageRenderer.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
-import { MediaImage } from '@atlaskit/media-ui';
+import { MediaImage } from '@atlaskit/media-ui/mediaImage';
 import { resizeModeToMediaImageProps } from './resizeModeToMediaImageProps';
 import { useCurrentValueRef } from '../../../utils/useCurrentValueRef';
 export const ImageRenderer = ({

package/dist/es2019/card/ui/openMediaViewerButton/openMediaViewerButton.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { injectIntl, IntlProvider, useIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';

package/dist/es2019/card/ui/progressBar/styles.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { borderRadius } from '@atlaskit/media-ui';
+import { borderRadius } from '@atlaskit/media-ui/mixins';
 import { rgba } from '../styles';
 import { Breakpoint, getTitleBoxHeight, responsiveSettings } from '../common';
 const height = 3;

package/dist/es2019/card/ui/titleBox/failedTitleBox.js

@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import EditorWarningIcon from '@atlaskit/icon/core/status-warning';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { ErrorMessageWrapper, TitleBoxWrapper } from './titleBoxComponents';
 const errorMessageWrapperStyles = null;
 export const FailedTitleBox = ({

package/dist/es2019/card/ui/titleBox/titleBox.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import LockFilledIcon from '@atlaskit/icon/core/lock-locked';
-import { Truncate } from '@atlaskit/media-ui/truncateText';
+import { Truncate } from '@atlaskit/media-ui/truncateText/truncate';
 import { formatDate } from '@atlaskit/media-ui/formatDate';
 import { TitleBoxWrapper, TitleBoxFooter, TitleBoxHeader, TitleBoxIcon } from './titleBoxComponents';
 const placeholderText = ' ';

package/dist/es2019/card/ui/wrapper/styles.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { borderRadius } from '@atlaskit/media-ui';
+import { borderRadius } from '@atlaskit/media-ui/mixins';
 import { hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
 import { transition } from '../styles';
 import { fixedBlanketStyles, blanketClassName } from '../blanket/styles';

package/dist/es2019/inline/loader.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
-import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
+import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
 import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
 export default class MediaInlineCardLoader extends React.PureComponent {
   constructor(...args) {
@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "81.8.1",
+      packageName: "81.8.3",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/inline/mediaInlineCard.js

@@ -1,6 +1,9 @@
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { FileFetcherError, toCommonMediaClientError } from '@atlaskit/media-client';
-import { MediaInlineCardErroredView, MediaInlineCardLoadedView, MediaInlineCardLoadingView, messages } from '@atlaskit/media-ui';
+import { MediaInlineCardErroredView } from '@atlaskit/media-ui/ErroredView';
+import { MediaInlineCardLoadedView } from '@atlaskit/media-ui/LoadedView';
+import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
+import { messages } from '@atlaskit/media-ui/messages';
 import { formatDate } from '@atlaskit/media-ui/formatDate';
 import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
 import { MediaViewer } from '@atlaskit/media-viewer';

package/dist/es2019/utils/analytics/analytics.js

@@ -1,6 +1,6 @@
 import { isCommonMediaClientError } from '@atlaskit/media-client';
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
-import { createAndFireEvent } from '@atlaskit/analytics-next';
+import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
 export const getFileAttributes = (metadata, fileStatus) => ({
   fileMediatype: metadata.mediaType,
   fileMimetype: metadata.mimeType,

package/dist/es2019/utils/lightCards/styles.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { center, borderRadius } from '@atlaskit/media-ui';
+import { center, borderRadius } from '@atlaskit/media-ui/mixins';
 export const wrapperStyles = ({
   dimensions
 }) => css(

package/dist/es2019/utils/ufoExperiences.js

@@ -11,7 +11,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { getMediaGlobalScope } from './globalScope/globalScope';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "81.8.1";
+const packageVersion = "81.8.3";
 const SAMPLE_RATE = 0.05;
 
 /**

package/dist/esm/card/actions.js

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import DownloadIcon from '@atlaskit/icon/core/download';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 export function attachDetailsToActions(actions, details) {
   return actions.map(function (action) {
     return _objectSpread(_objectSpread({}, action), {}, {

package/dist/esm/card/card.js

@@ -11,7 +11,7 @@ import { startResourceObserver, setAnalyticsContext } from '../utils/mediaPerfor
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import UFOLabel from '@atlaskit/react-ufo/label';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.8.1";
+var packageVersion = "81.8.3";
 export var CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/cardView.js

@@ -10,7 +10,7 @@ import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
 import SpinnerIcon from '@atlaskit/spinner/spinner';
 import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { useMergeRefs } from 'use-callback-ref';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { createAndFireMediaCardEvent } from '../utils/analytics';
 import { ImageRenderer } from './ui/imageRenderer';
 import { TitleBox } from './ui/titleBox/titleBox';

package/dist/esm/card/inlinePlayer.js

@@ -4,7 +4,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useRef, useState, useEffect, useCallback } from 'react';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
-import { CustomMediaPlayer, MediaPlayer, InactivityDetector } from '@atlaskit/media-ui';
+import { CustomMediaPlayer } from '@atlaskit/media-ui/customMediaPlayer';
+import { MediaPlayer } from '@atlaskit/media-ui/mediaPlayer';
+import { InactivityDetector } from '@atlaskit/media-ui/inactivityDetector';
 import { defaultImageCardDimensions } from '../utils';
 import { CardLoading } from '../utils/lightCards/cardLoading';
 import { ProgressBar } from './ui/progressBar/progressBar';

package/dist/esm/card/media-card-analytics-error-boundary.js

@@ -80,7 +80,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.8.1";
+var packageVersion = "81.8.3";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

package/dist/esm/card/ui/actionsBar/cardActions/styles.js

@@ -1,6 +1,7 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { borderRadius, size, center } from '@atlaskit/media-ui';
+import { borderRadius, center } from '@atlaskit/media-ui/mixins';
+import { size } from '@atlaskit/media-ui/size';
 export var CardActionIconButtonVariant = /*#__PURE__*/function (CardActionIconButtonVariant) {
   CardActionIconButtonVariant["default"] = "default";
   CardActionIconButtonVariant["filled"] = "filled";

package/dist/esm/card/ui/iconMessage/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { IconMessageWrapper } from './iconMessageWrapper';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { FormattedMessage } from 'react-intl';
 export var IconMessage = function IconMessage(_ref) {
   var messageDescriptor = _ref.messageDescriptor,

package/dist/esm/card/ui/imageRenderer/imageRenderer.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useEffect } from 'react';
-import { MediaImage } from '@atlaskit/media-ui';
+import { MediaImage } from '@atlaskit/media-ui/mediaImage';
 import { resizeModeToMediaImageProps } from './resizeModeToMediaImageProps';
 import { useCurrentValueRef } from '../../../utils/useCurrentValueRef';
 export var ImageRenderer = function ImageRenderer(_ref) {

package/dist/esm/card/ui/openMediaViewerButton/openMediaViewerButton.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["fileName", "innerRef"];
 import React from 'react';
 import { injectIntl, IntlProvider, useIntl } from 'react-intl';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Pressable } from '@atlaskit/primitives/compiled';
 import VisuallyHidden from '@atlaskit/visually-hidden/visually-hidden';

package/dist/esm/card/ui/progressBar/styles.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { borderRadius } from '@atlaskit/media-ui';
+import { borderRadius } from '@atlaskit/media-ui/mixins';
 import { rgba } from '../styles';
 import { Breakpoint, getTitleBoxHeight, responsiveSettings } from '../common';
 var height = 3;

package/dist/esm/card/ui/titleBox/failedTitleBox.js

@@ -4,7 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 import EditorWarningIcon from '@atlaskit/icon/core/status-warning';
-import { messages } from '@atlaskit/media-ui';
+import { messages } from '@atlaskit/media-ui/messages';
 import { ErrorMessageWrapper, TitleBoxWrapper } from './titleBoxComponents';
 var errorMessageWrapperStyles = null;
 export var FailedTitleBox = function FailedTitleBox(_ref) {

package/dist/esm/card/ui/titleBox/titleBox.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import LockFilledIcon from '@atlaskit/icon/core/lock-locked';
-import { Truncate } from '@atlaskit/media-ui/truncateText';
+import { Truncate } from '@atlaskit/media-ui/truncateText/truncate';
 import { formatDate } from '@atlaskit/media-ui/formatDate';
 import { TitleBoxWrapper, TitleBoxFooter, TitleBoxHeader, TitleBoxIcon } from './titleBoxComponents';
 var placeholderText = ' ';

package/dist/esm/card/ui/wrapper/styles.js

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { borderRadius } from '@atlaskit/media-ui';
+import { borderRadius } from '@atlaskit/media-ui/mixins';
 import { hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
 import { transition } from '../styles';
 import { fixedBlanketStyles, blanketClassName } from '../blanket/styles';

package/dist/esm/inline/loader.js

@@ -10,7 +10,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
-import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
+import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
 import AnalyticsContext from '@atlaskit/analytics-next/AnalyticsContext';
 var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
   function MediaInlineCardLoader() {
@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "81.8.1",
+        packageName: "81.8.3",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/inline/mediaInlineCard.js

@@ -1,7 +1,10 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { FileFetcherError, toCommonMediaClientError } from '@atlaskit/media-client';
-import { MediaInlineCardErroredView, MediaInlineCardLoadedView, MediaInlineCardLoadingView, messages } from '@atlaskit/media-ui';
+import { MediaInlineCardErroredView } from '@atlaskit/media-ui/ErroredView';
+import { MediaInlineCardLoadedView } from '@atlaskit/media-ui/LoadedView';
+import { MediaInlineCardLoadingView } from '@atlaskit/media-ui/LoadingView';
+import { messages } from '@atlaskit/media-ui/messages';
 import { formatDate } from '@atlaskit/media-ui/formatDate';
 import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
 import { MediaViewer } from '@atlaskit/media-viewer';

package/dist/esm/utils/analytics/analytics.js

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { isCommonMediaClientError } from '@atlaskit/media-client';
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
-import { createAndFireEvent } from '@atlaskit/analytics-next';
+import createAndFireEvent from '@atlaskit/analytics-next/createAndFireEvents';
 export var getFileAttributes = function getFileAttributes(metadata, fileStatus) {
   return {
     fileMediatype: metadata.mediaType,

package/dist/esm/utils/lightCards/styles.js

@@ -1,6 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { center, borderRadius } from '@atlaskit/media-ui';
+import { center, borderRadius } from '@atlaskit/media-ui/mixins';
 export var wrapperStyles = function wrapperStyles(_ref) {
   var dimensions = _ref.dimensions;
   return css(

package/dist/esm/utils/ufoExperiences.js

@@ -15,7 +15,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
 import { getMediaGlobalScope } from './globalScope/globalScope';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "81.8.1";
+var packageVersion = "81.8.3";
 var SAMPLE_RATE = 0.05;
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "81.8.2",
+	"version": "81.8.4",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^12.3.0",
+		"@atlaskit/analytics-next": "^12.4.0",
 		"@atlaskit/dropdown-menu": "^18.2.0",
 		"@atlaskit/editor-shared-styles": "^4.0.0",
 		"@atlaskit/icon": "^37.5.0",
@@ -39,7 +39,7 @@
 		"@atlaskit/media-client": "^37.5.0",
 		"@atlaskit/media-client-react": "^6.2.0",
 		"@atlaskit/media-common": "^14.5.0",
-		"@atlaskit/media-file-preview": "^1.2.0",
+		"@atlaskit/media-file-preview": "^1.3.0",
 		"@atlaskit/media-state": "^3.1.0",
 		"@atlaskit/media-svg": "^3.2.0",
 		"@atlaskit/media-ui": "^30.13.0",
@@ -52,7 +52,7 @@
 		"@atlaskit/section-message": "^10.1.0",
 		"@atlaskit/spinner": "^20.3.0",
 		"@atlaskit/theme": "^28.1.0",
-		"@atlaskit/tmp-editor-statsig": "^161.0.0",
+		"@atlaskit/tmp-editor-statsig": "^163.0.0",
 		"@atlaskit/tokens": "^16.8.0",
 		"@atlaskit/tooltip": "^24.2.0",
 		"@atlaskit/ufo": "^1.0.0",
@@ -86,7 +86,7 @@
 		"@atlaskit/media-test-helpers": "^42.3.0",
 		"@atlaskit/radio": "^10.1.0",
 		"@atlaskit/range": "^12.1.0",
-		"@atlaskit/select": "^22.9.0",
+		"@atlaskit/select": "^22.10.0",
 		"@atlaskit/ssr": "workspace:^",
 		"@atlaskit/toggle": "^17.2.0",
 		"@atlassian/a11y-jest-testing": "^0.17.0",