@atlaskit/media-card 79.5.12 → 79.5.14

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/media-card
 
+## 79.5.14
+
+### Patch Changes
+
+- [`eec573b4a7a6a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/eec573b4a7a6a) -
+  Moving the cursor styles from class based to inline styles to avoid VC offense and removing hidden
+  Titlebox hack implemented previously for VC removal
+- Updated dependencies
+
+## 79.5.13
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 79.5.12
 
 ### Patch Changes
@@ -921,7 +936,6 @@
 - [#141583](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/141583)
   [`ba6def6b9d3ce`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ba6def6b9d3ce) -
   Updated Media card and UI to avoid contributing to TTVC metrics
-
   - Media card will always render the `img`, even while it is still loading (in that case, the `img`
     will just be hidden). It will also use a custom loading spinner with no interaction context.
   - Media image will allow a null value for the image source. It will also always render the `img`
@@ -3014,7 +3028,6 @@
 - [#4749](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4749)
   [`ae50a98f18`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae50a98f18) - ED-9125
   ED-8837 Update styles for selected media cards
-
   - Use editor selection styles from @atlaskit/editor-shared-styles
   - Update UI for selected items in media group to no longer set blue background and tick in corner
   - No longer set set text selection over filename, filesize etc. for media group cards when
@@ -3616,7 +3629,6 @@
 
   Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
   [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
-
   - @atlaskit/docs@8.3.2
   - @atlaskit/analytics-next@6.3.5
   - @atlaskit/button@13.3.7
@@ -3801,7 +3813,6 @@
 
   ED-4359 fix focus being reset on remove mediagroup- Updated dependencies
   [768bac6d81](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/768bac6d81):
-
   - @atlaskit/analytics-next@6.3.2
 
 ## 66.1.0
@@ -3906,7 +3917,6 @@
   > remove deprecated "context" property from media components in favor of "mediaClientConfig"
 
   This affects all public media UI components:
-
   - Card
   - Filmstrip
   - SmartMediaEditor
@@ -4410,7 +4420,6 @@ withAnalyticsEvents<Props>()(Button);
 ### Patch Changes
 
 - [patch][0a313cd541](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0a313cd541):
-
   - rename AsyncCardState
 
 ## 63.1.2
@@ -4426,14 +4435,12 @@ withAnalyticsEvents<Props>()(Button);
 ## 63.1.1
 
 - [patch][b0ef06c685](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b0ef06c685):
-
   - This is just a safety release in case anything strange happened in in the previous one. See Pull
     Request #5942 for details
 
 ## 63.1.0
 
 - [minor][a02cbd46c0](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a02cbd46c0):
-
   - Now you can provide `MediaClientConfig` as `mediaClientConfig` prop to a Card as an alternative
     to Context. This is preferential, since Context prop will be dropped very soon.
 
@@ -4452,13 +4459,11 @@ withAnalyticsEvents<Props>()(Button);
 ## 63.0.4
 
 - [patch][b91590107b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b91590107b):
-
   - ED-6178 Fix media wrapper having a transparent background for images
 
 ## 63.0.3
 
 - [patch][a6f27f106a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a6f27f106a):
-
   - use componentDidMount in CardLoader to make it SSR hydrate friendly
 
 ## 63.0.2
@@ -4474,13 +4479,11 @@ withAnalyticsEvents<Props>()(Button);
 ## 63.0.1
 
 - [patch][cbc9ff5b6a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cbc9ff5b6a):
-
   - Fix support for exif orientation when dropping a picture
 
 ## 63.0.0
 
 - [major][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
-
   - Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
     this package, please ensure you use at least this version of react and react-dom.
 
@@ -4525,19 +4528,16 @@ withAnalyticsEvents<Props>()(Button);
 ## 60.0.6
 
 - [patch][d3cad2622e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d3cad2622e):
-
   - Removes babel-runtime in favour of @babel/runtime
 
 ## 60.0.5
 
 - [patch][8f17450f46](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/8f17450f46):
-
   - Fix media-card code split from 82kB to 10kB
 
 ## 60.0.4
 
 - [patch][0a4ccaafae](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0a4ccaafae):
-
   - Bump tslib
 
 ## 60.0.3
@@ -4561,7 +4561,6 @@ withAnalyticsEvents<Props>()(Button);
 ## 60.0.2
 
 - [patch][3f28e6443c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3f28e6443c):
-
   - @atlaskit/analytics-next-types is deprecated. Now you can use types for @atlaskit/analytics-next
     supplied from itself.
 
@@ -4589,7 +4588,6 @@ withAnalyticsEvents<Props>()(Button);
 ## 60.0.0
 
 - [major][0ff405bd0f](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0ff405bd0f):
-
   - Removed CardView and CardViewLoader from public APIs and replaced it with light-weight and
     stateless CardLoading and CardError components. Handling of external images is now done by Card
     component itself using ExternalImageIdentifier interface.
@@ -4634,13 +4632,11 @@ withAnalyticsEvents<Props>()(Button);
 ## 59.1.1
 
 - [patch][d13fad66df](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d13fad66df):
-
   - Enable esModuleInterop for typescript, this allows correct use of default exports
 
 ## 59.1.0
 
 - [minor][e1c1fa454a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/e1c1fa454a):
-
   - Support external image identifier in MediaViewer
 
 ## 59.0.0
@@ -4655,37 +4651,31 @@ withAnalyticsEvents<Props>()(Button);
 ## 58.0.1
 
 - [patch][106d046114](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/106d046114):
-
   - Fix issue with media-viewer opening in CC on inline video player controlls clicked
 
 ## 58.0.0
 
 - [major][9c316bd8aa](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9c316bd8aa):
-
   - Exported MediaImage component is removed from media-card and moved to @atlaskit/media-ui
 
 ## 57.0.3
 
 - [patch][d402fdb775](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d402fdb775):
-
   - FIX ED-6584: Keep card dataURI regardless of previus state
 
 ## 57.0.2
 
 - [patch][1bcaa1b991](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1bcaa1b991):
-
   - Add npmignore for index.ts to prevent some jest tests from resolving that instead of index.js
 
 ## 57.0.1
 
 - [patch][9192df506a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9192df506a):
-
   - Do not call given onClick if it's a video file and inline video player is enabled
 
 ## 57.0.0
 
 - [major][9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
-
   - Dropped ES5 distributables from the typescript packages
 
 - Updated dependencies
@@ -4721,14 +4711,12 @@ withAnalyticsEvents<Props>()(Button);
 ## 55.0.4
 
 - [patch][ff3f40bc38](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ff3f40bc38):
-
   - Fix remove from cache function, which fixes issue when user is deleting recent image in media
     picker
 
 ## 55.0.3
 
 - [patch][3591859b2f](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3591859b2f):
-
   - use ReactDOM.createPortal to render MediaViewer when shouldOpenMediaViewer=true
 
 ## 55.0.2
@@ -4756,13 +4744,11 @@ withAnalyticsEvents<Props>()(Button);
 ## 55.0.1
 
 - [patch][d18b085e2a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d18b085e2a):
-
   - Integrating truly upfront ID
 
 ## 55.0.0
 
 - [patch][6bd4c428e2](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/6bd4c428e2):
-
   - load image preview as soon representation is present instead of waiting for file status to be
     processed
 
@@ -4775,14 +4761,12 @@ withAnalyticsEvents<Props>()(Button);
 ## 54.1.0
 
 - [minor][eda74c4dce](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/eda74c4dce):
-
   - Add shouldOpenMediaViewer + mediaViewerDataSource optional props to Card api to simplify
     MediaViewer integration
 
 ## 54.0.0
 
 - [major][190c4b7bd3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/190c4b7bd3):
-
   - Remove Identifier type + related utilities and use the one from media-core
 
 - Updated dependencies
@@ -4794,26 +4778,22 @@ withAnalyticsEvents<Props>()(Button);
 ## 53.0.0
 
 - [major][46dfcfbeca](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/46dfcfbeca):
-
   - remove Link support from media-card
 
 ## 52.0.7
 
 - [patch][ab6ba14cd3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ab6ba14cd3):
-
   - Fix a bug where droping image with EXIF orientation >= 5 end up screwing up proportions for some
     of the cases
 
 ## 52.0.6
 
 - [patch][05c5bf7a93](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/05c5bf7a93):
-
   - Dont user pointer cursor for external images in Cards
 
 ## 52.0.5
 
 - [patch][c415876da9](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c415876da9):
-
   - add selected state to InlinePlayer in media-card
 
 ## 52.0.4
@@ -4826,19 +4806,16 @@ withAnalyticsEvents<Props>()(Button);
 ## 52.0.3
 
 - [patch][ef469cbb0b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ef469cbb0b):
-
   - MS-357 replaced @atlaskit/util-shared-styles from media components by @atlaskit/theme
 
 ## 52.0.2
 
 - [patch][0e164e542a](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0e164e542a):
-
   - MS-1465: Dont fetch file preview if we already have a local one
 
 ## 52.0.1
 
 - [patch][1d3e336534](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1d3e336534):
-
   - Show progress bar while file is uploading
 
 ## 52.0.0
@@ -4852,7 +4829,6 @@ withAnalyticsEvents<Props>()(Button);
 ## 51.0.3
 
 - [patch][a3f8e527aa](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/a3f8e527aa):
-
   - Take into account if image is on it's side according to orientation tag when deciding how to
     crop/fit and image
 
@@ -4882,7 +4858,6 @@ withAnalyticsEvents<Props>()(Button);
 ## 51.0.0
 
 - [patch][b1627a5837](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b1627a5837):
-
   - Enable inline video player in Editor and Renderer
 
 - Updated dependencies
@@ -4894,7 +4869,6 @@ withAnalyticsEvents<Props>()(Button);
 ## 50.0.0
 
 - [patch][5b1e270](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/5b1e270):
-
   - Minor bug fixes
 
 - Updated dependencies [dadef80](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/dadef80):
@@ -4912,7 +4886,6 @@ withAnalyticsEvents<Props>()(Button);
 ## 48.0.0
 
 - [minor][72d37fb](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/72d37fb):
-
   - Remove deprecated methods from media-core
   - Use context.collection methods in MediaViewer
   - Remove link support from media-card
@@ -4928,13 +4901,11 @@ withAnalyticsEvents<Props>()(Button);
 ## 47.0.0
 
 - [major][135ed00](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/135ed00):
-
   - remove "small" appearance from media-card
 
 ## 46.0.1
 
 - [patch][ca16fa9](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/ca16fa9):
-
   - Add SSR support to media components
 
 ## 46.0.0
@@ -4946,7 +4917,6 @@ withAnalyticsEvents<Props>()(Button);
 ## 45.0.0
 
 - [minor][b5ab1a5](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b5ab1a5):
-
   - Add stretch as a prop for CardContent and MediaImage; Convert new stretchy-fit resizeMode to
     stretch=true;
 
@@ -4957,13 +4927,11 @@ withAnalyticsEvents<Props>()(Button);
 ## 44.2.0
 
 - [minor][34369e4](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/34369e4):
-
   - ED-5888 Add dark mode for media-card
 
 ## 44.1.4
 
 - [patch][6f44079](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/6f44079):
-
   - ED-5612: make image preview display correctly after replacing Card props
 
 ## 44.1.3
@@ -4985,20 +4953,17 @@ withAnalyticsEvents<Props>()(Button);
 ## 44.1.2
 
 - [patch][676257b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/676257b):
-
   - Prepare/fix card to be displayed as video inline player in renderer/editor contexts
 
 ## 44.1.1
 
 - [patch][5de3574](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/5de3574):
-
   - CustomVideoPlayer is now CustomMediaPlayer and supports audio through type property. Media
     Viewer now uses custom audio player for audio everywhere except IE11.
 
 ## 44.1.0
 
 - [minor][c1ea81c](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/c1ea81c):
-
   - use custom video player for inline video in media-card
 
 ## 44.0.2
@@ -5039,7 +5004,6 @@ withAnalyticsEvents<Props>()(Button);
 ## 43.0.0
 
 - [minor][2c21466](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/2c21466):
-
   - Allow to inline play video files in media-card
 
 - Updated dependencies [2c21466](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/2c21466):
@@ -5049,25 +5013,21 @@ withAnalyticsEvents<Props>()(Button);
 ## 42.0.0
 
 - [major][04c7192](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/04c7192):
-
   - remove CardList component from media-card
 
 ## 41.4.0
 
 - [minor][abef80b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/abef80b):
-
   - ED-5527: apply max-width: 100% and pass container size to Card as dimension
 
 ## 41.3.0
 
 - [minor][4718333](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/4718333):
-
   - Add play icon for video files in MediaCard
 
 ## 41.2.0
 
 - [minor][439dde6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/439dde6" d):
-
   - rotate local image preview in cards based on the file orientation
 
 ## 41.1.2

package/compass.yml

@@ -13,16 +13,6 @@ fields:
   tier: 2
 labels:
   - atlassian-platform
-customFields:
-  - name: Dev Owner
-    type: user
-    value: null
-  - name: Product
-    type: text
-    value: null
-  - name: Test
-    type: text
-    value: null
 links:
   - name: ''
     type: REPOSITORY
@@ -41,7 +31,7 @@ links:
     url: 'https://atlassian.slack.com/archives/C05J5GNHPLN'
   - name: ''
     type: ON_CALL
-    url: 'https://hello.jira.atlassian.cloud/jira/ops/teams/og-be5b1a51-de22-4e74-9f81-727cf8b8a0cb/on-call'
+    url: 'https://atlassian.app.opsgenie.com/settings/schedule/detail/b62291ff-4029-4f26-b7fc-d75d46d7aebc'
   - name: ''
     type: PROJECT
     url: 'https://product-fabric.atlassian.net/jira/software/c/projects/BMPT/boards/5090'

package/dist/cjs/card/inlinePlayerWrapper-emotion.js

@@ -23,7 +23,7 @@ var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWra
     onClick = props.onClick,
     innerRef = props.innerRef;
   return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
     (0, _react.jsx)("div", (0, _extends2.default)({
       id: "inlinePlayerWrapper",
       "data-testid": testId

package/dist/cjs/card/ui/actionsBar/actionsBarWrapper-emotion.js

@@ -14,7 +14,7 @@ var _styles = require("./styles");
 
 var ActionsBarWrapper = exports.ActionsBarWrapper = function ActionsBarWrapper(props) {
   return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
     (0, _react.jsx)("div", {
       id: "actionsBarWrapper",
       "data-testId": "actionsBarWrapper"

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

@@ -87,6 +87,7 @@ var ImageRenderer = exports.ImageRenderer = function ImageRenderer(_ref) {
     "data-resizemode": resizeMode,
     "data-source": cardPreview.source,
     src: cardPreview.dataURI,
+    srcSet: cardPreview.srcSet,
     alt: alt,
     onLoad: onLoad,
     onError: onError,

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

@@ -25,7 +25,6 @@ var TitleBox = exports.TitleBox = (0, _reactIntlNext.injectIntl)(function (_ref)
     hidden = _ref.hidden,
     intl = _ref.intl;
   return /*#__PURE__*/_react.default.createElement(_titleBoxComponents.TitleBoxWrapper, {
-    hidden: hidden,
     breakpoint: breakpoint,
     titleBoxBgColor: titleBoxBgColor
   }, /*#__PURE__*/_react.default.createElement(_titleBoxComponents.TitleBoxHeader, {

package/dist/cjs/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js

@@ -88,7 +88,7 @@ var UnhandledErrorCard = exports.UnhandledErrorCard = /*#__PURE__*/function (_Co
         onClick = _this$props.onClick;
       var isErrorHidden = !shouldShowText(getConvertedDimension(dimensions !== null && dimensions !== void 0 ? dimensions : _utils.defaultImageCardDimensions));
       return (
-        // eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/design-system/consistent-css-prop-usage, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/design-system/consistent-css-prop-usage, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
         (0, _react2.jsx)("div", {
           css: wrapperStyles(dimensions),
           onClick: onClick

package/dist/cjs/card/ui/wrapper/wrapper-compiled.compiled.css

@@ -16,8 +16,6 @@ button:focus+._1hlmjc5g{outline:solid var(--ds-border-width-focused,2px) var(--d
 ._1y898vuz:hover .media-card-play-button .play-icon-background{width:56px}
 ._1yf91flm:hover .media-card-tickbox{background-color:var(--_mt8cm6)}
 ._4t3ine4n{height:var(--media-wrapper-height)}
-._80omtlke{cursor:pointer}
-._80omv00u{cursor:wait}
 ._9m3z1osq>div{width:100%}
 ._bfhklslw{background-color:var(--_1jkcdu5)}
 ._c71l1osq{max-height:100%}

package/dist/cjs/card/ui/wrapper/wrapper-compiled.js

@@ -27,10 +27,6 @@ var wrapperStyles = {
   default: "_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n _1hlmjc5g _1rquusvi _eg54rvv2 _mts3kb7n _1ntskb7n"
 };
 var backgroundStyle = null;
-var cursorStyleMap = {
-  pointer: "_80omtlke",
-  wait: "_80omv00u"
-};
 var shadowStyleMap = {
   withOverlay: "_16qs64c8",
   selected: "_16qs666x",
@@ -79,13 +75,15 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
     id: "newFileExperienceWrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: (0, _runtime.ax)([wrapperStyles.default, displayBackground && "_bfhklslw", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", _cardConstants.newFileExperienceClassName]),
+    className: (0, _runtime.ax)([wrapperStyles.default, displayBackground && "_bfhklslw", wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", _cardConstants.newFileExperienceClassName]),
     "data-testid": testId,
     ref: innerRef,
-    onClick: onClick,
+    onClick: onClick
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
     onMouseEnter: onMouseEnter
   }, _vcMedia.VcMediaWrapperProps, {
-    style: _objectSpread(_objectSpread({}, _objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)({}, LOCAL_WIDTH_VARIABLE, width), LOCAL_HEIGHT_VARIABLE, height), getResponsiveStyles(breakpoint))), {}, {
+    style: _objectSpread(_objectSpread({}, _objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, LOCAL_WIDTH_VARIABLE, width), LOCAL_HEIGHT_VARIABLE, height), "cusror", mediaCardCursor), getResponsiveStyles(breakpoint))), {}, {
       "--_1jkcdu5": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N20, ")")),
       "--_mt8cm6": (0, _runtime.ix)("var(--ds-background-input, ".concat(_colors.N0, ")")),
       "--_13xf2t5": (0, _runtime.ix)("var(--ds-icon-subtle, ".concat(_colors.N100, ")"))

package/dist/cjs/card/ui/wrapper/wrapper-emotion.js

@@ -33,7 +33,7 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
     isTickBoxSelectable = props.isTickBoxSelectable,
     shouldDisplayTooltip = props.shouldDisplayTooltip;
   return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
     (0, _react.jsx)("div", (0, _extends2.default)({
       id: "newFileExperienceWrapper"
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -55,7 +55,9 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
         mediaCardCursor: mediaCardCursor
       }),
       ref: innerRef,
-      onClick: onClick,
+      onClick: onClick
+      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+      ,
       onMouseEnter: onMouseEnter
     }, _vcMedia.VcMediaWrapperProps), (0, _react.jsx)(_customData.default, {
       data: {

package/dist/es2019/card/inlinePlayerWrapper-emotion.js

@@ -17,7 +17,7 @@ export const InlinePlayerWrapper = props => {
     innerRef
   } = props;
   return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
     jsx("div", _extends({
       id: "inlinePlayerWrapper",
       "data-testid": testId

package/dist/es2019/card/ui/actionsBar/actionsBarWrapper-emotion.js

@@ -7,7 +7,7 @@ import { jsx } from '@emotion/react';
 import { wrapperStyles, actionsBarClassName } from './styles';
 export const ActionsBarWrapper = props => {
   return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
     jsx("div", {
       id: "actionsBarWrapper",
       "data-testId": "actionsBarWrapper"

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

@@ -67,6 +67,7 @@ export const ImageRenderer = ({
     "data-resizemode": resizeMode,
     "data-source": cardPreview.source,
     src: cardPreview.dataURI,
+    srcSet: cardPreview.srcSet,
     alt: alt,
     onLoad: onLoad,
     onError: onError,

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

@@ -17,7 +17,6 @@ export const TitleBox = injectIntl(({
 }) => {
   var _intl$locale;
   return /*#__PURE__*/React.createElement(TitleBoxWrapper, {
-    hidden: hidden,
     breakpoint: breakpoint,
     titleBoxBgColor: titleBoxBgColor
   }, /*#__PURE__*/React.createElement(TitleBoxHeader, {

package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js

@@ -68,7 +68,7 @@ export class UnhandledErrorCard extends Component {
     } = this.props;
     const isErrorHidden = !shouldShowText(getConvertedDimension(dimensions !== null && dimensions !== void 0 ? dimensions : defaultImageCardDimensions));
     return (
-      // eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/design-system/consistent-css-prop-usage, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
+      // eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/design-system/consistent-css-prop-usage, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
       jsx("div", {
         css: wrapperStyles(dimensions),
         onClick: onClick

package/dist/es2019/card/ui/wrapper/wrapper-compiled.compiled.css

@@ -16,8 +16,6 @@ button:focus+._1hlmjc5g{outline:solid var(--ds-border-width-focused,2px) var(--d
 ._1y898vuz:hover .media-card-play-button .play-icon-background{width:56px}
 ._1yf91j9a:hover .media-card-tickbox{background-color:var(--ds-background-input,#fff)}
 ._4t3ine4n{height:var(--media-wrapper-height)}
-._80omtlke{cursor:pointer}
-._80omv00u{cursor:wait}
 ._9m3z1osq>div{width:100%}
 ._bfhk1s4m{background-color:var(--ds-background-neutral,#f4f5f7)}
 ._c71l1osq{max-height:100%}

package/dist/es2019/card/ui/wrapper/wrapper-compiled.js

@@ -15,10 +15,6 @@ const wrapperStyles = {
   default: "_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n _1hlmjc5g _1rquusvi _eg54rvv2 _mts3kb7n _1ntskb7n"
 };
 const backgroundStyle = null;
-const cursorStyleMap = {
-  pointer: "_80omtlke",
-  wait: "_80omv00u"
-};
 const shadowStyleMap = {
   withOverlay: "_16qs64c8",
   selected: "_16qs666x",
@@ -75,16 +71,19 @@ export const Wrapper = props => {
     id: "newFileExperienceWrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax([wrapperStyles.default, displayBackground && "_bfhk1s4m", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91j9a _1xp5kufk", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", newFileExperienceClassName]),
+    className: ax([wrapperStyles.default, displayBackground && "_bfhk1s4m", wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91j9a _1xp5kufk", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", newFileExperienceClassName]),
     "data-testid": testId,
     style: {
       [LOCAL_WIDTH_VARIABLE]: width,
       [LOCAL_HEIGHT_VARIABLE]: height,
+      cusror: mediaCardCursor,
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
       ...getResponsiveStyles(breakpoint)
     },
     ref: innerRef,
-    onClick: onClick,
+    onClick: onClick
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
     onMouseEnter: onMouseEnter
   }, VcMediaWrapperProps), /*#__PURE__*/React.createElement(UFOCustomData, {
     data: {

package/dist/es2019/card/ui/wrapper/wrapper-emotion.js

@@ -27,7 +27,7 @@ export const Wrapper = props => {
     shouldDisplayTooltip
   } = props;
   return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
     jsx("div", _extends({
       id: "newFileExperienceWrapper"
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -49,7 +49,9 @@ export const Wrapper = props => {
         mediaCardCursor
       }),
       ref: innerRef,
-      onClick: onClick,
+      onClick: onClick
+      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+      ,
       onMouseEnter: onMouseEnter
     }, VcMediaWrapperProps), jsx(UFOCustomData, {
       data: {

package/dist/esm/card/inlinePlayerWrapper-emotion.js

@@ -15,7 +15,7 @@ export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
     onClick = props.onClick,
     innerRef = props.innerRef;
   return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
     jsx("div", _extends({
       id: "inlinePlayerWrapper",
       "data-testid": testId

package/dist/esm/card/ui/actionsBar/actionsBarWrapper-emotion.js

@@ -7,7 +7,7 @@ import { jsx } from '@emotion/react';
 import { wrapperStyles, actionsBarClassName } from './styles';
 export var ActionsBarWrapper = function ActionsBarWrapper(props) {
   return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
     jsx("div", {
       id: "actionsBarWrapper",
       "data-testId": "actionsBarWrapper"

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

@@ -78,6 +78,7 @@ export var ImageRenderer = function ImageRenderer(_ref) {
     "data-resizemode": resizeMode,
     "data-source": cardPreview.source,
     src: cardPreview.dataURI,
+    srcSet: cardPreview.srcSet,
     alt: alt,
     onLoad: onLoad,
     onError: onError,

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

@@ -18,7 +18,6 @@ export var TitleBox = injectIntl(function (_ref) {
     hidden = _ref.hidden,
     intl = _ref.intl;
   return /*#__PURE__*/React.createElement(TitleBoxWrapper, {
-    hidden: hidden,
     breakpoint: breakpoint,
     titleBoxBgColor: titleBoxBgColor
   }, /*#__PURE__*/React.createElement(TitleBoxHeader, {

package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-emotion.js

@@ -83,7 +83,7 @@ export var UnhandledErrorCard = /*#__PURE__*/function (_Component) {
         onClick = _this$props.onClick;
       var isErrorHidden = !shouldShowText(getConvertedDimension(dimensions !== null && dimensions !== void 0 ? dimensions : defaultImageCardDimensions));
       return (
-        // eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/design-system/consistent-css-prop-usage, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- Ignored via go/DSP-18766
+        // eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/design-system/consistent-css-prop-usage, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
         jsx("div", {
           css: wrapperStyles(dimensions),
           onClick: onClick

package/dist/esm/card/ui/wrapper/wrapper-compiled.compiled.css

@@ -16,8 +16,6 @@ button:focus+._1hlmjc5g{outline:solid var(--ds-border-width-focused,2px) var(--d
 ._1y898vuz:hover .media-card-play-button .play-icon-background{width:56px}
 ._1yf91flm:hover .media-card-tickbox{background-color:var(--_mt8cm6)}
 ._4t3ine4n{height:var(--media-wrapper-height)}
-._80omtlke{cursor:pointer}
-._80omv00u{cursor:wait}
 ._9m3z1osq>div{width:100%}
 ._bfhklslw{background-color:var(--_1jkcdu5)}
 ._c71l1osq{max-height:100%}

package/dist/esm/card/ui/wrapper/wrapper-compiled.js

@@ -18,10 +18,6 @@ var wrapperStyles = {
   default: "_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n _1hlmjc5g _1rquusvi _eg54rvv2 _mts3kb7n _1ntskb7n"
 };
 var backgroundStyle = null;
-var cursorStyleMap = {
-  pointer: "_80omtlke",
-  wait: "_80omv00u"
-};
 var shadowStyleMap = {
   withOverlay: "_16qs64c8",
   selected: "_16qs666x",
@@ -70,13 +66,15 @@ export var Wrapper = function Wrapper(props) {
     id: "newFileExperienceWrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax([wrapperStyles.default, displayBackground && "_bfhklslw", mediaCardCursor && cursorStyleMap[mediaCardCursor], wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", newFileExperienceClassName]),
+    className: ax([wrapperStyles.default, displayBackground && "_bfhklslw", wrapperShadowKey && shadowStyleMap[wrapperShadowKey], selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", isPlayButtonClickable && "_1y898vuz _19zy8vuz", isTickBoxSelectable && "_1yf91flm _1xp5rcbj", shouldDisplayTooltip && "_9m3z1osq _10pb1osq", newFileExperienceClassName]),
     "data-testid": testId,
     ref: innerRef,
-    onClick: onClick,
+    onClick: onClick
+    // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+    ,
     onMouseEnter: onMouseEnter
   }, VcMediaWrapperProps, {
-    style: _objectSpread(_objectSpread({}, _objectSpread(_defineProperty(_defineProperty({}, LOCAL_WIDTH_VARIABLE, width), LOCAL_HEIGHT_VARIABLE, height), getResponsiveStyles(breakpoint))), {}, {
+    style: _objectSpread(_objectSpread({}, _objectSpread(_defineProperty(_defineProperty(_defineProperty({}, LOCAL_WIDTH_VARIABLE, width), LOCAL_HEIGHT_VARIABLE, height), "cusror", mediaCardCursor), getResponsiveStyles(breakpoint))), {}, {
       "--_1jkcdu5": ix("var(--ds-background-neutral, ".concat(N20, ")")),
       "--_mt8cm6": ix("var(--ds-background-input, ".concat(N0, ")")),
       "--_13xf2t5": ix("var(--ds-icon-subtle, ".concat(N100, ")"))

package/dist/esm/card/ui/wrapper/wrapper-emotion.js

@@ -25,7 +25,7 @@ export var Wrapper = function Wrapper(props) {
     isTickBoxSelectable = props.isTickBoxSelectable,
     shouldDisplayTooltip = props.shouldDisplayTooltip;
   return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions, @atlassian/a11y/interactive-element-not-keyboard-focusable
+    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
     jsx("div", _extends({
       id: "newFileExperienceWrapper"
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
@@ -47,7 +47,9 @@ export var Wrapper = function Wrapper(props) {
         mediaCardCursor: mediaCardCursor
       }),
       ref: innerRef,
-      onClick: onClick,
+      onClick: onClick
+      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
+      ,
       onMouseEnter: onMouseEnter
     }, VcMediaWrapperProps), jsx(UFOCustomData, {
       data: {

package/dist/types/types.d.ts

@@ -29,6 +29,7 @@ export interface CardPreview {
     orientation?: number;
     dimensions?: CardDimensions;
     source: CardPreviewSource;
+    srcSet?: string;
 }
 export declare const isSSRPreview: (preview: CardPreview) => boolean;
 export declare const isSSRServerPreview: (preview: CardPreview) => boolean;

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

@@ -29,6 +29,7 @@ export interface CardPreview {
     orientation?: number;
     dimensions?: CardDimensions;
     source: CardPreviewSource;
+    srcSet?: string;
 }
 export declare const isSSRPreview: (preview: CardPreview) => boolean;
 export declare const isSSRServerPreview: (preview: CardPreview) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.5.12",
+	"version": "79.5.14",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,10 +33,10 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/editor-shared-styles": "^3.6.0",
-		"@atlaskit/icon": "^28.3.0",
+		"@atlaskit/editor-shared-styles": "^3.7.0",
+		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/media-client": "^35.3.0",
+		"@atlaskit/media-client": "^35.5.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
 		"@atlaskit/media-file-preview": "^0.11.0",
@@ -44,16 +44,16 @@
 		"@atlaskit/media-ui": "^28.7.0",
 		"@atlaskit/media-viewer": "^52.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.15.0",
-		"@atlaskit/react-ufo": "^4.10.0",
+		"@atlaskit/primitives": "^15.0.0",
+		"@atlaskit/react-ufo": "^4.12.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
-		"@atlaskit/tokens": "^6.3.0",
-		"@atlaskit/tooltip": "^20.4.0",
+		"@atlaskit/tokens": "^6.5.0",
+		"@atlaskit/tooltip": "^20.5.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
-		"@compiled/react": "^0.18.3",
+		"@compiled/react": "^0.18.6",
 		"classnames": "^2.2.5",
 		"eventemitter2": "^4.1.0",
 		"lru_map": "^0.4.1",
@@ -69,9 +69,9 @@
 	},
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
-		"@atlaskit/analytics-listeners": "^9.0.0",
-		"@atlaskit/analytics-namespaced-context": "^7.0.0",
-		"@atlaskit/form": "^14.0.0",
+		"@atlaskit/analytics-listeners": "^9.1.0",
+		"@atlaskit/analytics-namespaced-context": "^7.1.0",
+		"@atlaskit/form": "^14.2.0",
 		"@atlaskit/inline-message": "^15.3.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-picker": "^70.0.0",