@atlaskit/media-card 78.15.4 → 78.16.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/media-card
 
+## 78.16.0
+
+### Minor Changes
+
+- [#179931](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179931)
+  [`9ecf438a10ba5`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9ecf438a10ba5) -
+  Disable Media downloads based on Product security policy. Option added to Media Client Config
+
+### Patch Changes
+
+- [#179934](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179934)
+  [`be121b1cf4f54`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/be121b1cf4f54) -
+  Internal changes to typography font family style definitions.
+- Updated dependencies
+
 ## 78.15.4
 
 ### Patch Changes

package/dist/cjs/card/actions.js

@@ -9,6 +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/migration/download"));
+var _mediaUi = require("@atlaskit/media-ui");
 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) {
@@ -23,14 +24,16 @@ function attachDetailsToActions(actions, details) {
     });
   });
 }
-var createDownloadAction = exports.createDownloadAction = function createDownloadAction(handler) {
-  return {
-    label: 'Download',
+var createDownloadAction = exports.createDownloadAction = function createDownloadAction(baseAction, formatMessage) {
+  var label = baseAction.isDisabled ? 'Download Disabled' : 'Download';
+  var tooltip = baseAction.isDisabled ? formatMessage(_mediaUi.messages.download_disabled_security_policy) : undefined;
+  return _objectSpread(_objectSpread({}, baseAction), {}, {
+    label: label,
+    tooltip: tooltip,
     icon: /*#__PURE__*/_react.default.createElement(_download.default, {
       color: "currentColor",
       spacing: "spacious",
       label: "Download"
-    }),
-    handler: handler
-  };
+    })
+  });
 };

package/dist/cjs/card/card.js

@@ -21,7 +21,7 @@ var _excluded = ["identifier"];
 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 packageName = "@atlaskit/media-card";
-var packageVersion = "78.15.4";
+var packageVersion = "78.16.0";
 var CardBase = exports.CardBase = function CardBase(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/card/fileCard.js

@@ -37,6 +37,7 @@ var _mediaFilePreview = require("@atlaskit/media-file-preview");
 var _actions = require("./actions");
 var _performance = require("./performance");
 var _dateOverrideContext = require("../dateOverrideContext");
+var _reactIntlNext = require("react-intl-next");
 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; }
 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; }
@@ -75,6 +76,8 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     videoControlsWrapperRef = _ref.videoControlsWrapperRef,
     viewerOptions = _ref.viewerOptions,
     includeHashForDuplicateFiles = _ref.includeHashForDuplicateFiles;
+  var _useIntl = (0, _reactIntlNext.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   //----------------------------------------------------------------//
@@ -246,7 +249,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
   }, [fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.status, metadata.id, metadata.mediaType, metadata.mimeType, metadata.size]);
   var computedActions = (0, _react.useMemo)(function () {
     if (finalStatus === 'failed-processing' || shouldEnableDownloadButton) {
-      var downloadHandler = /*#__PURE__*/function () {
+      var handler = /*#__PURE__*/function () {
         var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
           var _error;
           return _regenerator.default.wrap(function _callee$(_context) {
@@ -270,16 +273,19 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
             }
           }, _callee, null, [[0, 6]]);
         }));
-        return function downloadHandler() {
+        return function handler() {
           return _ref2.apply(this, arguments);
         };
       }();
-      var downloadAction = (0, _actions.createDownloadAction)(downloadHandler);
+      var downloadAction = (0, _actions.createDownloadAction)({
+        handler: handler,
+        isDisabled: mediaClient.config.enforceDataSecurityPolicy
+      }, formatMessage);
       return [downloadAction].concat((0, _toConsumableArray2.default)(actions !== null && actions !== void 0 ? actions : []));
     } else {
       return actions;
     }
-  }, [actions, identifier.collectionName, identifier.id, mediaClient.file, metadata.name, shouldEnableDownloadButton, finalStatus, createAnalyticsEvent, fileAttributes, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext, traceContext]);
+  }, [actions, identifier.collectionName, identifier.id, mediaClient.file, mediaClient.config.enforceDataSecurityPolicy, metadata.name, shouldEnableDownloadButton, finalStatus, createAnalyticsEvent, fileAttributes, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext, traceContext, formatMessage]);
 
   //----------------------------------------------------------------//
   //---------------------- Analytics  ------------------------------//

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 = "78.15.4";
+var packageVersion = "78.16.0";
 
 // @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/cardActionIconButton.js

@@ -8,6 +8,7 @@ exports.CardActionIconButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _analyticsNext = require("@atlaskit/analytics-next");
 var _cardActionButton = require("./cardActionButton");
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _analytics = require("../../../../utils/analytics");
 var CardActionIconButton = exports.CardActionIconButton = function CardActionIconButton(_ref) {
   var icon = _ref.icon,
@@ -16,7 +17,9 @@ var CardActionIconButton = exports.CardActionIconButton = function CardActionIco
     triggerColor = _ref.triggerColor,
     onClick = _ref.onClick,
     isPrimary = _ref.isPrimary,
-    variant = _ref.variant;
+    variant = _ref.variant,
+    isDisabled = _ref.isDisabled,
+    tooltip = _ref.tooltip;
   var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
 
@@ -38,7 +41,7 @@ var CardActionIconButton = exports.CardActionIconButton = function CardActionIco
     }, createAnalyticsEvent);
     onClick === null || onClick === void 0 || onClick(e);
   };
-  return /*#__PURE__*/_react.default.createElement(_cardActionButton.CardActionButton, {
+  var cardActionButton = /*#__PURE__*/_react.default.createElement(_cardActionButton.CardActionButton, {
     onClick: handleClick,
     onMouseDown: onMouseDown
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -47,6 +50,14 @@ var CardActionIconButton = exports.CardActionIconButton = function CardActionIco
       color: triggerColor
     },
     label: filename ? "".concat(filename, " \u2014 ").concat(label) : label,
-    variant: variant
+    variant: variant,
+    disabled: isDisabled
   }, icon);
+  var useTooltip = !!tooltip && false; // TODO: Tooltip breaks Button positioning
+
+  return useTooltip ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    content: tooltip,
+    position: "bottom",
+    tag: "span"
+  }, cardActionButton) : cardActionButton;
 };

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

@@ -25,7 +25,8 @@ var DropdownItemWithProps = function DropdownItemWithProps(props) {
 };
 var createDropdownItemWithAnalytics = function createDropdownItemWithAnalytics(action, index) {
   var label = action.label,
-    handler = action.handler;
+    handler = action.handler,
+    isDisabled = action.isDisabled;
   var DropdownItemWithAnalytics = (0, _analyticsNext.withAnalyticsEvents)({
     onClick: (0, _analytics.createAndFireMediaCardEvent)({
       eventType: 'ui',
@@ -39,7 +40,10 @@ var createDropdownItemWithAnalytics = function createDropdownItemWithAnalytics(a
   })(DropdownItemWithProps);
   return /*#__PURE__*/_react.default.createElement(DropdownItemWithAnalytics, {
     key: index,
-    onClick: handler
+    onClick: function onClick() {
+      return handler();
+    },
+    isDisabled: isDisabled
   }, label);
 };
 var CardActionsDropdownMenu = exports.CardActionsDropdownMenu = function CardActionsDropdownMenu(_ref) {

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

@@ -49,7 +49,9 @@ var CardActionsView = exports.CardActionsView = /*#__PURE__*/function (_Componen
         variant = _this$props.variant;
       var icon = action.icon,
         handler = action.handler,
-        label = action.label;
+        label = action.label,
+        isDisabled = action.isDisabled,
+        tooltip = action.tooltip;
       return (0, _react.jsx)(_cardActionIconButton.CardActionIconButton, {
         icon: icon,
         label: label,
@@ -59,7 +61,9 @@ var CardActionsView = exports.CardActionsView = /*#__PURE__*/function (_Componen
         onClick: function onClick() {
           return handler();
         },
-        variant: variant
+        variant: variant,
+        isDisabled: isDisabled,
+        tooltip: tooltip
       });
     }
   }, {

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

@@ -8,13 +8,12 @@ var _react = require("@emotion/react");
 var _colors = require("@atlaskit/theme/colors");
 var _mediaUi = require("@atlaskit/media-ui");
 var _styles = require("../../styles");
-var _constants = require("@atlaskit/theme/constants");
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var wrapperStyles = exports.wrapperStyles = (0, _react.css)({
   boxSizing: 'border-box',
-  fontFamily: (0, _constants.fontFamily)(),
+  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '*': {
     boxSizing: 'border-box'

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

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.wrapperStyles = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = require("@emotion/react");
-var _constants = require("@atlaskit/theme/constants");
 var _mediaUi = require("@atlaskit/media-ui");
 var _colors = require("@atlaskit/theme/colors");
 var _selection = require("@atlaskit/editor-shared-styles/selection");
@@ -26,6 +25,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", "\n\n\tbutton:focus + & {\n\t\toutline: solid 2px ", ";\n\t}\n"])), (0, _styles.transition)(), (0, _constants.fontFamily)(), (0, _styles.getWrapperDimensions)(dimensions, appearance), displayBackground && "background: ".concat("var(--ds-background-neutral, ".concat(_colors.N20, ")"), ";"), _mediaUi.borderRadius, (0, _styles.getCursorStyle)(mediaCardCursor), (0, _styles.getWrapperShadow)(disableOverlay, selected), (0, _styles.generateResponsiveStyles)(breakpoint), _selection.hideNativeBrowserTextSelectionStyles, (0, _styles.getClickablePlayButtonStyles)(isPlayButtonClickable), (0, _styles.getSelectableTickBoxStyles)(isTickBoxSelectable), _styles2.blanketClassName, _styles2.fixedBlanketStyles, _styles3.actionsBarClassName, _styles3.actionsBarClassName, _styles3.fixedActionBarStyles, shouldDisplayTooltip && "> div { width: 100%; height: 100%; }", "var(--ds-border-focused, ".concat(_colors.B100, ")"));
+  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", "\n\n\tbutton:focus + & {\n\t\toutline: solid 2px ", ";\n\t}\n"])), (0, _styles.transition)(), "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", (0, _styles.getWrapperDimensions)(dimensions, appearance), displayBackground && "background: ".concat("var(--ds-background-neutral, ".concat(_colors.N20, ")"), ";"), _mediaUi.borderRadius, (0, _styles.getCursorStyle)(mediaCardCursor), (0, _styles.getWrapperShadow)(disableOverlay, selected), (0, _styles.generateResponsiveStyles)(breakpoint), _selection.hideNativeBrowserTextSelectionStyles, (0, _styles.getClickablePlayButtonStyles)(isPlayButtonClickable), (0, _styles.getSelectableTickBoxStyles)(isTickBoxSelectable), _styles2.blanketClassName, _styles2.fixedBlanketStyles, _styles3.actionsBarClassName, _styles3.actionsBarClassName, _styles3.fixedActionBarStyles, shouldDisplayTooltip && "> div { width: 100%; height: 100%; }", "var(--ds-border-focused, ".concat(_colors.B100, ")"));
 };
 wrapperStyles.displayName = 'NewFileExperienceWrapper';

package/dist/cjs/inline/loader.js

@@ -117,7 +117,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "78.15.4",
+        packageName: "78.16.0",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/cjs/utils/ufoExperiences.js

@@ -15,7 +15,7 @@ var _mediaClient = require("@atlaskit/media-client");
 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 = "78.15.4";
+var packageVersion = "78.16.0";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/es2019/card/actions.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import DownloadIcon from '@atlaskit/icon/core/migration/download';
+import { messages } from '@atlaskit/media-ui';
 export function attachDetailsToActions(actions, details) {
   return actions.map(action => ({
     ...action,
@@ -11,12 +12,17 @@ export function attachDetailsToActions(actions, details) {
     }
   }));
 }
-export const createDownloadAction = handler => ({
-  label: 'Download',
-  icon: /*#__PURE__*/React.createElement(DownloadIcon, {
-    color: "currentColor",
-    spacing: "spacious",
-    label: "Download"
-  }),
-  handler
-});
+export const createDownloadAction = (baseAction, formatMessage) => {
+  const label = baseAction.isDisabled ? 'Download Disabled' : 'Download';
+  const tooltip = baseAction.isDisabled ? formatMessage(messages.download_disabled_security_policy) : undefined;
+  return {
+    ...baseAction,
+    label,
+    tooltip,
+    icon: /*#__PURE__*/React.createElement(DownloadIcon, {
+      color: "currentColor",
+      spacing: "spacious",
+      label: "Download"
+    })
+  };
+};

package/dist/es2019/card/card.js

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

package/dist/es2019/card/fileCard.js

@@ -25,6 +25,7 @@ import { createDownloadAction } from './actions';
 import { performanceNow } from './performance';
 import { useContext } from 'react';
 import { DateOverrideContext } from '../dateOverrideContext';
+import { useIntl } from 'react-intl-next';
 export const FileCard = ({
   appearance = 'auto',
   resizeMode = 'crop',
@@ -56,6 +57,9 @@ export const FileCard = ({
   viewerOptions,
   includeHashForDuplicateFiles
 }) => {
+  const {
+    formatMessage
+  } = useIntl();
   const {
     createAnalyticsEvent
   } = useAnalyticsEvents();
@@ -200,7 +204,7 @@ export const FileCard = ({
   }, [fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.status, metadata.id, metadata.mediaType, metadata.mimeType, metadata.size]);
   const computedActions = useMemo(() => {
     if (finalStatus === 'failed-processing' || shouldEnableDownloadButton) {
-      const downloadHandler = async () => {
+      const handler = async () => {
         try {
           await mediaClient.file.downloadBinary(identifier.id, metadata.name, identifier.collectionName, traceContext);
           fireDownloadSucceededEvent(createAnalyticsEvent, fileAttributes, traceContext, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext);
@@ -209,12 +213,15 @@ export const FileCard = ({
           fireDownloadFailedEvent(createAnalyticsEvent, fileAttributes, error, traceContext, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext);
         }
       };
-      const downloadAction = createDownloadAction(downloadHandler);
+      const downloadAction = createDownloadAction({
+        handler,
+        isDisabled: mediaClient.config.enforceDataSecurityPolicy
+      }, formatMessage);
       return [downloadAction, ...(actions !== null && actions !== void 0 ? actions : [])];
     } else {
       return actions;
     }
-  }, [actions, identifier.collectionName, identifier.id, mediaClient.file, metadata.name, shouldEnableDownloadButton, finalStatus, createAnalyticsEvent, fileAttributes, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext, traceContext]);
+  }, [actions, identifier.collectionName, identifier.id, mediaClient.file, mediaClient.config.enforceDataSecurityPolicy, metadata.name, shouldEnableDownloadButton, finalStatus, createAnalyticsEvent, fileAttributes, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext, traceContext, formatMessage]);
 
   //----------------------------------------------------------------//
   //---------------------- Analytics  ------------------------------//

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 = "78.15.4";
+const packageVersion = "78.16.0";
 
 // @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/cardActionIconButton.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { CardActionButton } from './cardActionButton';
+import Tooltip from '@atlaskit/tooltip';
 import { fireMediaCardEvent } from '../../../../utils/analytics';
 export const CardActionIconButton = ({
   icon,
@@ -9,7 +10,9 @@ export const CardActionIconButton = ({
   triggerColor,
   onClick,
   isPrimary,
-  variant
+  variant,
+  isDisabled,
+  tooltip
 }) => {
   const {
     createAnalyticsEvent
@@ -33,7 +36,7 @@ export const CardActionIconButton = ({
     }, createAnalyticsEvent);
     onClick === null || onClick === void 0 ? void 0 : onClick(e);
   };
-  return /*#__PURE__*/React.createElement(CardActionButton, {
+  const cardActionButton = /*#__PURE__*/React.createElement(CardActionButton, {
     onClick: handleClick,
     onMouseDown: onMouseDown
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -42,6 +45,14 @@ export const CardActionIconButton = ({
       color: triggerColor
     },
     label: filename ? `${filename} — ${label}` : label,
-    variant: variant
+    variant: variant,
+    disabled: isDisabled
   }, icon);
+  const useTooltip = !!tooltip && false; // TODO: Tooltip breaks Button positioning
+
+  return useTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+    content: tooltip,
+    position: "bottom",
+    tag: "span"
+  }, cardActionButton) : cardActionButton;
 };

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

@@ -13,7 +13,8 @@ const DropdownItemWithProps = props => /*#__PURE__*/React.createElement(Dropdown
 const createDropdownItemWithAnalytics = (action, index) => {
   const {
     label,
-    handler
+    handler,
+    isDisabled
   } = action;
   const DropdownItemWithAnalytics = withAnalyticsEvents({
     onClick: createAndFireMediaCardEvent({
@@ -28,7 +29,8 @@ const createDropdownItemWithAnalytics = (action, index) => {
   })(DropdownItemWithProps);
   return /*#__PURE__*/React.createElement(DropdownItemWithAnalytics, {
     key: index,
-    onClick: handler
+    onClick: () => handler(),
+    isDisabled: isDisabled
   }, label);
 };
 export const CardActionsDropdownMenu = ({

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

@@ -32,7 +32,9 @@ export class CardActionsView extends Component {
     const {
       icon,
       handler,
-      label
+      label,
+      isDisabled,
+      tooltip
     } = action;
     return jsx(CardActionIconButton, {
       icon: icon,
@@ -41,7 +43,9 @@ export class CardActionsView extends Component {
       isPrimary: isPrimary,
       triggerColor: triggerColor,
       onClick: () => handler(),
-      variant: variant
+      variant: variant,
+      isDisabled: isDisabled,
+      tooltip: tooltip
     });
   }
   renderOtherActionButtons(actions) {

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

@@ -3,12 +3,11 @@ import { css } from '@emotion/react';
 import { N500, N0 } from '@atlaskit/theme/colors';
 import { borderRadius, size, center } from '@atlaskit/media-ui';
 import { rgba } from '../../styles';
-import { fontFamily } from '@atlaskit/theme/constants';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const wrapperStyles = css({
   boxSizing: 'border-box',
-  fontFamily: fontFamily(),
+  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '*': {
     boxSizing: 'border-box'

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

@@ -1,6 +1,5 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
-import { fontFamily } from '@atlaskit/theme/constants';
 import { borderRadius } from '@atlaskit/media-ui';
 import { N20, B100 } from '@atlaskit/theme/colors';
 import { hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
@@ -26,7 +25,7 @@ export const wrapperStyles = ({
 		box-sizing: border-box;
 	}
 	position: relative;
-	font-family: ${fontFamily()};
+	font-family: ${"var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"};
 	${getWrapperDimensions(dimensions, appearance)}
 	${displayBackground && `background: ${`var(--ds-background-neutral, ${N20})`};`}
   ${borderRadius}

package/dist/es2019/inline/loader.js

@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "78.15.4",
+      packageName: "78.16.0",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -5,7 +5,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "78.15.4";
+const packageVersion = "78.16.0";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/esm/card/actions.js

@@ -3,6 +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/migration/download';
+import { messages } from '@atlaskit/media-ui';
 export function attachDetailsToActions(actions, details) {
   return actions.map(function (action) {
     return _objectSpread(_objectSpread({}, action), {}, {
@@ -15,14 +16,16 @@ export function attachDetailsToActions(actions, details) {
     });
   });
 }
-export var createDownloadAction = function createDownloadAction(handler) {
-  return {
-    label: 'Download',
+export var createDownloadAction = function createDownloadAction(baseAction, formatMessage) {
+  var label = baseAction.isDisabled ? 'Download Disabled' : 'Download';
+  var tooltip = baseAction.isDisabled ? formatMessage(messages.download_disabled_security_policy) : undefined;
+  return _objectSpread(_objectSpread({}, baseAction), {}, {
+    label: label,
+    tooltip: tooltip,
     icon: /*#__PURE__*/React.createElement(DownloadIcon, {
       color: "currentColor",
       spacing: "spacious",
       label: "Download"
-    }),
-    handler: handler
-  };
+    })
+  });
 };

package/dist/esm/card/card.js

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

package/dist/esm/card/fileCard.js

@@ -32,6 +32,7 @@ import { createDownloadAction } from './actions';
 import { performanceNow } from './performance';
 import { useContext } from 'react';
 import { DateOverrideContext } from '../dateOverrideContext';
+import { useIntl } from 'react-intl-next';
 export var FileCard = function FileCard(_ref) {
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'auto' : _ref$appearance,
@@ -66,6 +67,8 @@ export var FileCard = function FileCard(_ref) {
     videoControlsWrapperRef = _ref.videoControlsWrapperRef,
     viewerOptions = _ref.viewerOptions,
     includeHashForDuplicateFiles = _ref.includeHashForDuplicateFiles;
+  var _useIntl = useIntl(),
+    formatMessage = _useIntl.formatMessage;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
   //----------------------------------------------------------------//
@@ -237,7 +240,7 @@ export var FileCard = function FileCard(_ref) {
   }, [fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.status, metadata.id, metadata.mediaType, metadata.mimeType, metadata.size]);
   var computedActions = useMemo(function () {
     if (finalStatus === 'failed-processing' || shouldEnableDownloadButton) {
-      var downloadHandler = /*#__PURE__*/function () {
+      var handler = /*#__PURE__*/function () {
         var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
           var _error;
           return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -261,16 +264,19 @@ export var FileCard = function FileCard(_ref) {
             }
           }, _callee, null, [[0, 6]]);
         }));
-        return function downloadHandler() {
+        return function handler() {
           return _ref2.apply(this, arguments);
         };
       }();
-      var downloadAction = createDownloadAction(downloadHandler);
+      var downloadAction = createDownloadAction({
+        handler: handler,
+        isDisabled: mediaClient.config.enforceDataSecurityPolicy
+      }, formatMessage);
       return [downloadAction].concat(_toConsumableArray(actions !== null && actions !== void 0 ? actions : []));
     } else {
       return actions;
     }
-  }, [actions, identifier.collectionName, identifier.id, mediaClient.file, metadata.name, shouldEnableDownloadButton, finalStatus, createAnalyticsEvent, fileAttributes, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext, traceContext]);
+  }, [actions, identifier.collectionName, identifier.id, mediaClient.file, mediaClient.config.enforceDataSecurityPolicy, metadata.name, shouldEnableDownloadButton, finalStatus, createAnalyticsEvent, fileAttributes, fileStateValue === null || fileStateValue === void 0 ? void 0 : fileStateValue.metadataTraceContext, traceContext, formatMessage]);
 
   //----------------------------------------------------------------//
   //---------------------- Analytics  ------------------------------//

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 = "78.15.4";
+var packageVersion = "78.16.0";
 
 // @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/cardActionIconButton.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { CardActionButton } from './cardActionButton';
+import Tooltip from '@atlaskit/tooltip';
 import { fireMediaCardEvent } from '../../../../utils/analytics';
 export var CardActionIconButton = function CardActionIconButton(_ref) {
   var icon = _ref.icon,
@@ -9,7 +10,9 @@ export var CardActionIconButton = function CardActionIconButton(_ref) {
     triggerColor = _ref.triggerColor,
     onClick = _ref.onClick,
     isPrimary = _ref.isPrimary,
-    variant = _ref.variant;
+    variant = _ref.variant,
+    isDisabled = _ref.isDisabled,
+    tooltip = _ref.tooltip;
   var _useAnalyticsEvents = useAnalyticsEvents(),
     createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
 
@@ -31,7 +34,7 @@ export var CardActionIconButton = function CardActionIconButton(_ref) {
     }, createAnalyticsEvent);
     onClick === null || onClick === void 0 || onClick(e);
   };
-  return /*#__PURE__*/React.createElement(CardActionButton, {
+  var cardActionButton = /*#__PURE__*/React.createElement(CardActionButton, {
     onClick: handleClick,
     onMouseDown: onMouseDown
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
@@ -40,6 +43,14 @@ export var CardActionIconButton = function CardActionIconButton(_ref) {
       color: triggerColor
     },
     label: filename ? "".concat(filename, " \u2014 ").concat(label) : label,
-    variant: variant
+    variant: variant,
+    disabled: isDisabled
   }, icon);
+  var useTooltip = !!tooltip && false; // TODO: Tooltip breaks Button positioning
+
+  return useTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+    content: tooltip,
+    position: "bottom",
+    tag: "span"
+  }, cardActionButton) : cardActionButton;
 };

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

@@ -16,7 +16,8 @@ var DropdownItemWithProps = function DropdownItemWithProps(props) {
 };
 var createDropdownItemWithAnalytics = function createDropdownItemWithAnalytics(action, index) {
   var label = action.label,
-    handler = action.handler;
+    handler = action.handler,
+    isDisabled = action.isDisabled;
   var DropdownItemWithAnalytics = withAnalyticsEvents({
     onClick: createAndFireMediaCardEvent({
       eventType: 'ui',
@@ -30,7 +31,10 @@ var createDropdownItemWithAnalytics = function createDropdownItemWithAnalytics(a
   })(DropdownItemWithProps);
   return /*#__PURE__*/React.createElement(DropdownItemWithAnalytics, {
     key: index,
-    onClick: handler
+    onClick: function onClick() {
+      return handler();
+    },
+    isDisabled: isDisabled
   }, label);
 };
 export var CardActionsDropdownMenu = function CardActionsDropdownMenu(_ref) {

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

@@ -44,7 +44,9 @@ export var CardActionsView = /*#__PURE__*/function (_Component) {
         variant = _this$props.variant;
       var icon = action.icon,
         handler = action.handler,
-        label = action.label;
+        label = action.label,
+        isDisabled = action.isDisabled,
+        tooltip = action.tooltip;
       return jsx(CardActionIconButton, {
         icon: icon,
         label: label,
@@ -54,7 +56,9 @@ export var CardActionsView = /*#__PURE__*/function (_Component) {
         onClick: function onClick() {
           return handler();
         },
-        variant: variant
+        variant: variant,
+        isDisabled: isDisabled,
+        tooltip: tooltip
       });
     }
   }, {

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

@@ -3,12 +3,11 @@ import { css } from '@emotion/react';
 import { N500, N0 } from '@atlaskit/theme/colors';
 import { borderRadius, size, center } from '@atlaskit/media-ui';
 import { rgba } from '../../styles';
-import { fontFamily } from '@atlaskit/theme/constants';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var wrapperStyles = css({
   boxSizing: 'border-box',
-  fontFamily: fontFamily(),
+  fontFamily: "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
   '*': {
     boxSizing: 'border-box'

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

@@ -2,7 +2,6 @@ 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 { fontFamily } from '@atlaskit/theme/constants';
 import { borderRadius } from '@atlaskit/media-ui';
 import { N20, B100 } from '@atlaskit/theme/colors';
 import { hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
@@ -21,6 +20,6 @@ export var wrapperStyles = function wrapperStyles(_ref) {
     isTickBoxSelectable = _ref.isTickBoxSelectable,
     shouldDisplayTooltip = _ref.shouldDisplayTooltip,
     mediaCardCursor = _ref.mediaCardCursor;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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", "\n\n\tbutton:focus + & {\n\t\toutline: solid 2px ", ";\n\t}\n"])), transition(), fontFamily(), getWrapperDimensions(dimensions, appearance), displayBackground && "background: ".concat("var(--ds-background-neutral, ".concat(N20, ")"), ";"), borderRadius, getCursorStyle(mediaCardCursor), getWrapperShadow(disableOverlay, selected), generateResponsiveStyles(breakpoint), hideNativeBrowserTextSelectionStyles, getClickablePlayButtonStyles(isPlayButtonClickable), getSelectableTickBoxStyles(isTickBoxSelectable), blanketClassName, fixedBlanketStyles, actionsBarClassName, actionsBarClassName, fixedActionBarStyles, shouldDisplayTooltip && "> div { width: 100%; height: 100%; }", "var(--ds-border-focused, ".concat(B100, ")"));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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", "\n\n\tbutton:focus + & {\n\t\toutline: solid 2px ", ";\n\t}\n"])), transition(), "var(--ds-font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)", getWrapperDimensions(dimensions, appearance), displayBackground && "background: ".concat("var(--ds-background-neutral, ".concat(N20, ")"), ";"), borderRadius, getCursorStyle(mediaCardCursor), getWrapperShadow(disableOverlay, selected), generateResponsiveStyles(breakpoint), hideNativeBrowserTextSelectionStyles, getClickablePlayButtonStyles(isPlayButtonClickable), getSelectableTickBoxStyles(isTickBoxSelectable), blanketClassName, fixedBlanketStyles, actionsBarClassName, actionsBarClassName, fixedActionBarStyles, shouldDisplayTooltip && "> div { width: 100%; height: 100%; }", "var(--ds-border-focused, ".concat(B100, ")"));
 };
 wrapperStyles.displayName = 'NewFileExperienceWrapper';

package/dist/esm/inline/loader.js

@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "78.15.4",
+        packageName: "78.16.0",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -8,7 +8,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "78.15.4";
+var packageVersion = "78.16.0";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/types/card/actions.d.ts

@@ -1,14 +1,15 @@
 import { type FileItem, type FileDetails } from '@atlaskit/media-client';
 import { type ReactNode } from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
 export interface CardAction {
     label?: string;
     handler: CardEventHandler;
     icon?: ReactNode;
+    isDisabled?: boolean;
+    tooltip?: string;
 }
 export type CardEventHandler = (item?: FileItem, event?: Event) => void;
 export declare function attachDetailsToActions(actions: Array<CardAction>, details: FileDetails): Array<CardAction>;
-export declare const createDownloadAction: (handler: CardEventHandler) => {
-    label: string;
-    icon: JSX.Element;
-    handler: CardEventHandler;
-};
+type FormatMessageFn = (descriptor: MessageDescriptor) => string;
+export declare const createDownloadAction: (baseAction: CardAction, formatMessage: FormatMessageFn) => CardAction;
+export {};

package/dist/types/card/ui/actionsBar/cardActions/cardActionIconButton.d.ts

@@ -7,6 +7,8 @@ export type CardActionIconButtonProps = {
     readonly filename?: string;
     readonly variant?: CardActionIconButtonVariant;
     readonly triggerColor?: string;
+    readonly isDisabled?: boolean;
+    readonly tooltip?: string;
     readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 };
-export declare const CardActionIconButton: ({ icon, label, filename, triggerColor, onClick, isPrimary, variant, }: CardActionIconButtonProps) => JSX.Element;
+export declare const CardActionIconButton: ({ icon, label, filename, triggerColor, onClick, isPrimary, variant, isDisabled, tooltip, }: CardActionIconButtonProps) => JSX.Element;

package/dist/types/card/ui/actionsBar/cardActions/styles.d.ts

@@ -14,6 +14,7 @@ export type CardActionButtonOwnProps = {
     };
     onClick?: (event: React.MouseEvent<HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
     onMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
     children?: React.ReactNode;
 };
 export type CardActionButtonProps = CardActionButtonOwnProps & HTMLAttributes<HTMLButtonElement>;

package/dist/types-ts4.5/card/actions.d.ts

@@ -1,14 +1,15 @@
 import { type FileItem, type FileDetails } from '@atlaskit/media-client';
 import { type ReactNode } from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
 export interface CardAction {
     label?: string;
     handler: CardEventHandler;
     icon?: ReactNode;
+    isDisabled?: boolean;
+    tooltip?: string;
 }
 export type CardEventHandler = (item?: FileItem, event?: Event) => void;
 export declare function attachDetailsToActions(actions: Array<CardAction>, details: FileDetails): Array<CardAction>;
-export declare const createDownloadAction: (handler: CardEventHandler) => {
-    label: string;
-    icon: JSX.Element;
-    handler: CardEventHandler;
-};
+type FormatMessageFn = (descriptor: MessageDescriptor) => string;
+export declare const createDownloadAction: (baseAction: CardAction, formatMessage: FormatMessageFn) => CardAction;
+export {};

package/dist/types-ts4.5/card/ui/actionsBar/cardActions/cardActionIconButton.d.ts

@@ -7,6 +7,8 @@ export type CardActionIconButtonProps = {
     readonly filename?: string;
     readonly variant?: CardActionIconButtonVariant;
     readonly triggerColor?: string;
+    readonly isDisabled?: boolean;
+    readonly tooltip?: string;
     readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 };
-export declare const CardActionIconButton: ({ icon, label, filename, triggerColor, onClick, isPrimary, variant, }: CardActionIconButtonProps) => JSX.Element;
+export declare const CardActionIconButton: ({ icon, label, filename, triggerColor, onClick, isPrimary, variant, isDisabled, tooltip, }: CardActionIconButtonProps) => JSX.Element;

package/dist/types-ts4.5/card/ui/actionsBar/cardActions/styles.d.ts

@@ -14,6 +14,7 @@ export type CardActionButtonOwnProps = {
     };
     onClick?: (event: React.MouseEvent<HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
     onMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;
+    disabled?: boolean;
     children?: React.ReactNode;
 };
 export type CardActionButtonProps = CardActionButtonOwnProps & HTMLAttributes<HTMLButtonElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "78.15.4",
+	"version": "78.16.0",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -39,18 +39,18 @@
 		"@atlaskit/dropdown-menu": "^12.23.0",
 		"@atlaskit/editor-shared-styles": "^3.2.0",
 		"@atlaskit/icon": "^23.1.0",
-		"@atlaskit/media-client": "^28.5.0",
+		"@atlaskit/media-client": "^28.6.0",
 		"@atlaskit/media-client-react": "^2.4.0",
 		"@atlaskit/media-common": "^11.7.0",
 		"@atlaskit/media-file-preview": "^0.9.0",
-		"@atlaskit/media-ui": "^27.0.0",
-		"@atlaskit/media-viewer": "^49.4.0",
+		"@atlaskit/media-ui": "^27.1.0",
+		"@atlaskit/media-viewer": "^49.5.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/primitives": "^13.3.0",
 		"@atlaskit/react-ufo": "^2.5.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.4.0",
+		"@atlaskit/tokens": "^2.5.0",
 		"@atlaskit/tooltip": "^19.0.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/visually-hidden": "^1.5.0",
@@ -73,7 +73,7 @@
 		"@atlaskit/analytics-namespaced-context": "^6.12.0",
 		"@atlaskit/form": "^10.6.0",
 		"@atlaskit/inline-message": "^13.0.0",
-		"@atlaskit/media-core": "^34.3.0",
+		"@atlaskit/media-core": "^34.4.0",
 		"@atlaskit/media-picker": "^67.0.0",
 		"@atlaskit/media-state": "^1.2.0",
 		"@atlaskit/media-test-data": "^2.7.0",
@@ -81,7 +81,7 @@
 		"@atlaskit/radio": "^7.0.0",
 		"@atlaskit/range": "^8.0.0",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/toggle": "^13.4.0",
+		"@atlaskit/toggle": "^14.0.0",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/feature-flags-test-utils": "^0.2.0",
 		"@atlassian/ufo": "^0.4.0",