@atlaskit/media-card 82.2.12 → 82.2.14

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-card
 
+## 82.2.14
+
+### Patch Changes
+
+- Updated dependencies
+
+## 82.2.13
+
+### Patch Changes
+
+- [`fb94245b198b4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fb94245b198b4) -
+  [BMPT-8317] Show transparent images on a white background in media card and media viewer, so the
+  dark background doesn't show through. Behind the `platform_media_white_bg_transparent_images`
+  feature gate.
+- Updated dependencies
+
 ## 82.2.12
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -8,7 +8,7 @@ var _reactIntl = require("react-intl");
 var _withMediaAnalyticsContext = require("@atlaskit/media-common/withMediaAnalyticsContext");
 var _CardWithPerformanceObserver = require("./CardWithPerformanceObserver");
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.2.11";
+var packageVersion = "82.2.13";
 var Card = exports.Card = (0, _withMediaAnalyticsContext.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/cardView.js

@@ -367,6 +367,7 @@ var CardViewBase = exports.CardViewBase = function CardViewBase(_ref) {
     forceSyncDisplay: forceSyncDisplay,
     identifier: identifier,
     wrapperRef: divRef,
+    useWhiteBackground: (0, _fg.fg)('platform_media_white_bg_transparent_images') && !backgroundColor,
     backgroundColor: backgroundColor
   }), renderPlayButton && /*#__PURE__*/_react.default.createElement(_iconWrapper.IconWrapper, {
     breakpoint: breakpoint,

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 = "82.2.11";
+var packageVersion = "82.2.13";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = (0, _withMediaAnalyticsContext.withMediaAnalyticsContext)({

package/dist/cjs/inline/loader.js

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

package/dist/cjs/utils/ufoExperiences.js

@@ -23,7 +23,7 @@ var _getMediaGlobalScope = require("./globalScope/getMediaGlobalScope");
 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 = "82.2.11";
+var packageVersion = "82.2.13";
 var SAMPLE_RATE = 0.05;
 
 /**

package/dist/es2019/card/card.js

@@ -2,7 +2,7 @@ import { injectIntl } from 'react-intl';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common/withMediaAnalyticsContext';
 import { CardWithPerformanceObserver } from './CardWithPerformanceObserver';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "82.2.11";
+const packageVersion = "82.2.13";
 export const Card = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/cardView.js

@@ -354,6 +354,7 @@ export const CardViewBase = ({
     forceSyncDisplay: forceSyncDisplay,
     identifier: identifier,
     wrapperRef: divRef,
+    useWhiteBackground: fg('platform_media_white_bg_transparent_images') && !backgroundColor,
     backgroundColor: backgroundColor
   }), renderPlayButton && /*#__PURE__*/React.createElement(IconWrapper, {
     breakpoint: breakpoint,

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 = "82.2.11";
+const packageVersion = "82.2.13";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

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: "82.2.11",
+      packageName: "82.2.13",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/ufoExperiences.js

@@ -12,7 +12,7 @@ import { extractErrorInfo } from './analytics/extractErrorInfo';
 import { getRenderErrorRequestMetadata } from './analytics/getRenderErrorRequestMetadata';
 import { getMediaGlobalScope } from './globalScope/getMediaGlobalScope';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "82.2.11";
+const packageVersion = "82.2.13";
 const SAMPLE_RATE = 0.05;
 
 /**

package/dist/esm/card/card.js

@@ -2,7 +2,7 @@ import { injectIntl } from 'react-intl';
 import { withMediaAnalyticsContext } from '@atlaskit/media-common/withMediaAnalyticsContext';
 import { CardWithPerformanceObserver } from './CardWithPerformanceObserver';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.2.11";
+var packageVersion = "82.2.13";
 export var Card = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/cardView.js

@@ -358,6 +358,7 @@ export var CardViewBase = function CardViewBase(_ref) {
     forceSyncDisplay: forceSyncDisplay,
     identifier: identifier,
     wrapperRef: divRef,
+    useWhiteBackground: fg('platform_media_white_bg_transparent_images') && !backgroundColor,
     backgroundColor: backgroundColor
   }), renderPlayButton && /*#__PURE__*/React.createElement(IconWrapper, {
     breakpoint: breakpoint,

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 = "82.2.11";
+var packageVersion = "82.2.13";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({

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: "82.2.11",
+        packageName: "82.2.13",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -16,7 +16,7 @@ import { extractErrorInfo } from './analytics/extractErrorInfo';
 import { getRenderErrorRequestMetadata } from './analytics/getRenderErrorRequestMetadata';
 import { getMediaGlobalScope } from './globalScope/getMediaGlobalScope';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "82.2.11";
+var packageVersion = "82.2.13";
 var SAMPLE_RATE = 0.05;
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "82.2.12",
+	"version": "82.2.14",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,7 +34,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^12.6.0",
-		"@atlaskit/dropdown-menu": "^21.0.0",
+		"@atlaskit/dropdown-menu": "^21.1.0",
 		"@atlaskit/editor-shared-styles": "^5.1.0",
 		"@atlaskit/icon": "^38.0.0",
 		"@atlaskit/interaction-context": "^4.1.0",
@@ -55,7 +55,7 @@
 		"@atlaskit/react-ufo": "^8.4.0",
 		"@atlaskit/section-message": "^10.2.0",
 		"@atlaskit/theme": "^28.2.0",
-		"@atlaskit/tmp-editor-statsig": "^258.0.0",
+		"@atlaskit/tmp-editor-statsig": "^259.0.0",
 		"@atlaskit/tokens": "^20.9.0",
 		"@atlaskit/tooltip": "^24.4.0",
 		"@atlaskit/ufo": "^2.0.0",
@@ -180,6 +180,9 @@
 		},
 		"platform-a11y-media-card-download-icon-decorative": {
 			"type": "boolean"
+		},
+		"platform_media_white_bg_transparent_images": {
+			"type": "boolean"
 		}
 	}
 }