@atlaskit/media-card 79.6.1 → 79.6.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/media-card
 
+## 79.6.3
+
+### Patch Changes
+
+- [`93e3d7d5724d0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/93e3d7d5724d0) -
+  FG cleanup - platform_media_compiled
+- Updated dependencies
+
+## 79.6.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 79.6.1
 
 ### Patch Changes

package/dist/cjs/card/actions.js

@@ -32,7 +32,7 @@ var createDownloadAction = exports.createDownloadAction = function createDownloa
     label: label,
     tooltip: tooltip,
     icon: /*#__PURE__*/_react.default.createElement(_download.default, {
-      color: isDisabled ? "var(--ds-icon-disabled, #091E424F)" : 'currentColor',
+      color: isDisabled ? "var(--ds-icon-disabled, #080F214A)" : 'currentColor',
       spacing: "spacious",
       label: "Download"
     })

package/dist/cjs/card/card.js

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

package/dist/cjs/card/inlinePlayerWrapper-compiled.compiled.css

@@ -1,7 +1,7 @@
 
 ._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-._eq43d7lc:after{border:var(--ds-border-width,1px) solid var(--ds-border-selected,#0c66e4)}._11fnglyw:after{pointer-events:none}
+._eq43fyzg:after{border:var(--ds-border-width,1px) solid var(--ds-border-selected,#1868db)}._11fnglyw:after{pointer-events:none}
 ._14r11j28::-moz-selection{background-color:transparent}
 ._15l2idpf:after{top:0}
 ._18m915vq{overflow-y:hidden}

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

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.inlinePlayerClassName = exports.InlinePlayerWrapper = void 0;
+exports.inlinePlayerClassName = exports.LOCAL_WIDTH_VARIABLE = exports.LOCAL_HEIGHT_VARIABLE = exports.InlinePlayerWrapper = void 0;
 require("./inlinePlayerWrapper-compiled.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
@@ -25,8 +25,8 @@ var selectedBorderStyle = null;
  */
 var borderStyle = null;
 var inlinePlayerClassName = exports.inlinePlayerClassName = 'media-card-inline-player';
-var LOCAL_WIDTH_VARIABLE = '--media-inline-player-wrapper-width';
-var LOCAL_HEIGHT_VARIABLE = '--media-inline-player-wrapper-height';
+var LOCAL_WIDTH_VARIABLE = exports.LOCAL_WIDTH_VARIABLE = '--media-inline-player-wrapper-width';
+var LOCAL_HEIGHT_VARIABLE = exports.LOCAL_HEIGHT_VARIABLE = '--media-inline-player-wrapper-height';
 var inlinePlayerWrapperStyles = null;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -42,7 +42,7 @@ var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWra
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43d7lc", inlinePlayerClassName]),
+    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
     onClick: onClick,
     ref: innerRef
   }, _vcMedia.VcMediaWrapperProps, {

package/dist/cjs/card/inlinePlayerWrapper.js

@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.InlinePlayerWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _inlinePlayerWrapperCompiled = require("./inlinePlayerWrapper-compiled");
-var _inlinePlayerWrapperEmotion = require("./inlinePlayerWrapper-emotion");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWrapper(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_inlinePlayerWrapperCompiled.InlinePlayerWrapper, props) : /*#__PURE__*/_react.default.createElement(_inlinePlayerWrapperEmotion.InlinePlayerWrapper, props);
+  return /*#__PURE__*/_react.default.createElement(_inlinePlayerWrapperCompiled.InlinePlayerWrapper, props);
 };

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 = "0.0.0-development";
+var packageVersion = "79.6.2";
 
 // @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/svgView/svgView.js

@@ -8,8 +8,7 @@ exports.SvgView = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _svgImageCompiled = require("./svgImage-compiled");
-var _svgImageEmotion = require("./svgImage-emotion");
 var _svgViewV = require("./svgViewV2");
 var SvgView = exports.SvgView = function SvgView(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_card_image_render') ? /*#__PURE__*/_react.default.createElement(_svgViewV.SvgView, props) : (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_svgImageCompiled.SvgView, props) : /*#__PURE__*/_react.default.createElement(_svgImageEmotion.SvgView, props);
+  return (0, _platformFeatureFlags.fg)('platform_media_card_image_render') ? /*#__PURE__*/_react.default.createElement(_svgViewV.SvgView, props) : /*#__PURE__*/_react.default.createElement(_svgImageCompiled.SvgView, props);
 };

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

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ActionsBarWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _actionsBarWrapperCompiled = require("./actionsBarWrapper-compiled");
-var _actionsBarWrapperEmotion = require("./actionsBarWrapper-emotion");
 var ActionsBarWrapper = exports.ActionsBarWrapper = function ActionsBarWrapper(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_actionsBarWrapperCompiled.ActionsBarWrapper, props) : /*#__PURE__*/_react.default.createElement(_actionsBarWrapperEmotion.ActionsBarWrapper, props);
+  return /*#__PURE__*/_react.default.createElement(_actionsBarWrapperCompiled.ActionsBarWrapper, props);
 };

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

@@ -8,13 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.CardActionButton = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _cardActionButtonCompiled = require("./cardActionButton-compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var CardActionButton = exports.CardActionButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_cardActionButtonCompiled.CardActionButton, (0, _extends2.default)({}, props, {
-    ref: ref
-  })) : /*#__PURE__*/_react.default.createElement(_cardActionButtonCompiled.CardActionButton, (0, _extends2.default)({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_cardActionButtonCompiled.CardActionButton, (0, _extends2.default)({}, props, {
     ref: ref
   }));
 });

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

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Blanket = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _blanketCompiled = require("./blanket-compiled");
-var _blanketEmotion = require("./blanket-emotion");
 var Blanket = exports.Blanket = function Blanket(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_blanketCompiled.Blanket, props) : /*#__PURE__*/_react.default.createElement(_blanketEmotion.Blanket, props);
+  return /*#__PURE__*/_react.default.createElement(_blanketCompiled.Blanket, props);
 };

package/dist/cjs/card/ui/iconMessage/iconMessageWrapper-compiled.js

@@ -17,6 +17,7 @@ var IconMessageWrapper = exports.IconMessageWrapper = function IconMessageWrappe
   var animated = props.animated;
   return /*#__PURE__*/React.createElement("div", {
     id: "iconMessageWrapper",
+    "data-testid": "icon-message-wrapper",
     className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1rjc1b66 _18zru2gc _tzy4kb7n _k48p1wq8 _syaz1e9r _y3gn1h6o _otyr1d21", animated && "", animated && "_j7hqq7op _5sag1nwe _1pgl1ytf _tip812c5"])
   }, props.children);
 };

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

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IconMessageWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _iconMessageWrapperCompiled = require("./iconMessageWrapper-compiled");
-var _iconMessageWrapperEmotion = require("./iconMessageWrapper-emotion");
 var IconMessageWrapper = exports.IconMessageWrapper = function IconMessageWrapper(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_iconMessageWrapperCompiled.IconMessageWrapper, props) : /*#__PURE__*/_react.default.createElement(_iconMessageWrapperEmotion.IconMessageWrapper, props);
+  return /*#__PURE__*/_react.default.createElement(_iconMessageWrapperCompiled.IconMessageWrapper, props);
 };

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

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IconWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _iconWrapperCompiled = require("./iconWrapper-compiled");
-var _iconWrapperEmotion = require("./iconWrapper-emotion");
 var IconWrapper = exports.IconWrapper = function IconWrapper(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_iconWrapperCompiled.IconWrapper, props) : /*#__PURE__*/_react.default.createElement(_iconWrapperEmotion.IconWrapper, props);
+  return /*#__PURE__*/_react.default.createElement(_iconWrapperCompiled.IconWrapper, props);
 };

package/dist/cjs/card/ui/playButton/playButtonWrapper.js

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PlayButtonWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _playButtonWrapperCompiled = require("./playButtonWrapper-compiled");
-var _playButtonWrapperEmotion = require("./playButtonWrapper-emotion");
 var PlayButtonWrapper = exports.PlayButtonWrapper = function PlayButtonWrapper(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_playButtonWrapperCompiled.PlayButtonWrapper, props) : /*#__PURE__*/_react.default.createElement(_playButtonWrapperEmotion.PlayButtonWrapper, props);
+  return /*#__PURE__*/_react.default.createElement(_playButtonWrapperCompiled.PlayButtonWrapper, props);
 };

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

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledBar = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _styledBarCompiled = require("./styledBar-compiled");
-var _styledBarEmotion = require("./styledBar-emotion");
 var StyledBar = exports.StyledBar = function StyledBar(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_styledBarCompiled.StyledBar, props) : /*#__PURE__*/_react.default.createElement(_styledBarEmotion.StyledBar, props);
+  return /*#__PURE__*/_react.default.createElement(_styledBarCompiled.StyledBar, props);
 };

package/dist/cjs/card/ui/tickBox/tickBoxWrapper.js

@@ -6,10 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TickBoxWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tickBoxWrapperCompiled = require("./tickBoxWrapper-compiled");
-var _tickBoxWrapperEmotion = require("./tickBoxWrapper-emotion");
 var TickBoxWrapper = exports.TickBoxWrapper = function TickBoxWrapper(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_tickBoxWrapperCompiled.TickBoxWrapper, props) : /*#__PURE__*/_react.default.createElement(_tickBoxWrapperEmotion.TickBoxWrapper, props);
+  return /*#__PURE__*/_react.default.createElement(_tickBoxWrapperCompiled.TickBoxWrapper, props);
 };
 TickBoxWrapper.displayName = 'TickBoxWrapper';

package/dist/cjs/card/ui/titleBox/failedTitleBox.compiled.css

@@ -0,0 +1,3 @@
+._18u01b66{margin-left:var(--ds-space-050,4px)}
+._2hwx1b66{margin-right:var(--ds-space-050,4px)}
+._s7n4nkob{vertical-align:middle}

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

@@ -1,3 +1,4 @@
+/* failedTitleBox.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,12 +6,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FailedTitleBox = void 0;
+require("./failedTitleBox.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _statusWarningEditorWarning = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-warning--editor-warning"));
 var _mediaUi = require("@atlaskit/media-ui");
 var _colors = require("@atlaskit/theme/colors");
 var _titleBoxComponents = require("./titleBoxComponents");
+var errorMessageWrapperStyles = null;
 var FailedTitleBox = exports.FailedTitleBox = function FailedTitleBox(_ref) {
   var breakpoint = _ref.breakpoint,
     _ref$customMessage = _ref.customMessage,
@@ -23,5 +27,7 @@ var FailedTitleBox = exports.FailedTitleBox = function FailedTitleBox(_ref) {
     LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)"),
     color: "var(--ds-text-danger, ".concat(_colors.R300, ")"),
     size: "small"
-  }), /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, customMessage))));
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _runtime.ax)(["_s7n4nkob _18u01b66 _2hwx1b66"])
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, customMessage))));
 };

package/dist/cjs/card/ui/titleBox/titleBoxComponents-compiled.compiled.css

@@ -1,6 +1,5 @@
 
-._zulpv77o{gap:var(--ds-space-025,2px)}._184u1b66 span:nth-child(2){margin-right:var(--ds-space-050,4px)}
-._18m915vq{overflow-y:hidden}
+._zulpv77o{gap:var(--ds-space-025,2px)}._18m915vq{overflow-y:hidden}
 ._19bv1crf{padding-left:9pt}
 ._19bvftgi{padding-left:8px}
 ._1bah1h6o{justify-content:center}
@@ -8,7 +7,6 @@
 ._1bsb1osq{width:100%}
 ._1bto1l2s{text-overflow:ellipsis}
 ._1e0c1txw{display:flex}
-._1nm41b66 span:nth-child(2){margin-left:var(--ds-space-050,4px)}
 ._1reo15vq{overflow-x:hidden}
 ._1xi21b66{right:var(--ds-space-050,4px)}
 ._2lx21bp4{flex-direction:column}
@@ -22,7 +20,6 @@
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._ca0q1y44{padding-top:4px}
 ._ca0qftgi{padding-top:8px}
-._e4kmnkob span{vertical-align:middle}
 ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._kqswstnw{position:absolute}
 ._lcxvglyw{pointer-events:none}

package/dist/cjs/card/ui/titleBox/titleBoxComponents-compiled.js

@@ -82,6 +82,6 @@ var errorMessageWrapperStyles = null;
 var ErrorMessageWrapper = exports.ErrorMessageWrapper = function ErrorMessageWrapper(props) {
   // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
   return /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_zulpv77o _1e0c1txw _4cvr1h6o _1bah1y6m _bozgv77o _e4kmnkob _1nm41b66 _184u1b66"])
+    className: (0, _runtime.ax)(["_zulpv77o _1e0c1txw _4cvr1h6o _1bah1y6m _bozgv77o"])
   }, props.children);
 };

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

@@ -6,21 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TitleBoxWrapper = exports.TitleBoxIcon = exports.TitleBoxHeader = exports.TitleBoxFooter = exports.ErrorMessageWrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _titleBoxComponentsCompiled = require("./titleBoxComponents-compiled");
-var _titleBoxComponentsEmotion = require("./titleBoxComponents-emotion");
 var TitleBoxWrapper = exports.TitleBoxWrapper = function TitleBoxWrapper(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_titleBoxComponentsCompiled.TitleBoxWrapper, props) : /*#__PURE__*/_react.default.createElement(_titleBoxComponentsEmotion.TitleBoxWrapper, props);
+  return /*#__PURE__*/_react.default.createElement(_titleBoxComponentsCompiled.TitleBoxWrapper, props);
 };
 var TitleBoxHeader = exports.TitleBoxHeader = function TitleBoxHeader(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_titleBoxComponentsCompiled.TitleBoxHeader, props) : /*#__PURE__*/_react.default.createElement(_titleBoxComponentsEmotion.TitleBoxHeader, props);
+  return /*#__PURE__*/_react.default.createElement(_titleBoxComponentsCompiled.TitleBoxHeader, props);
 };
 var TitleBoxFooter = exports.TitleBoxFooter = function TitleBoxFooter(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_titleBoxComponentsCompiled.TitleBoxFooter, props) : /*#__PURE__*/_react.default.createElement(_titleBoxComponentsEmotion.TitleBoxFooter, props);
+  return /*#__PURE__*/_react.default.createElement(_titleBoxComponentsCompiled.TitleBoxFooter, props);
 };
 var TitleBoxIcon = exports.TitleBoxIcon = function TitleBoxIcon(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_titleBoxComponentsCompiled.TitleBoxIcon, props) : /*#__PURE__*/_react.default.createElement(_titleBoxComponentsEmotion.TitleBoxIcon, props);
+  return /*#__PURE__*/_react.default.createElement(_titleBoxComponentsCompiled.TitleBoxIcon, props);
 };
 var ErrorMessageWrapper = exports.ErrorMessageWrapper = function ErrorMessageWrapper(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_titleBoxComponentsCompiled.ErrorMessageWrapper, props) : /*#__PURE__*/_react.default.createElement(_titleBoxComponentsEmotion.ErrorMessageWrapper, props);
+  return /*#__PURE__*/_react.default.createElement(_titleBoxComponentsCompiled.ErrorMessageWrapper, props);
 };

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

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.UnhandledErrorCard = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _unhandledErrorCardCompiled = require("./unhandledErrorCard-compiled");
-var _unhandledErrorCardEmotion = require("./unhandledErrorCard-emotion");
 var UnhandledErrorCard = exports.UnhandledErrorCard = function UnhandledErrorCard(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_unhandledErrorCardCompiled.UnhandledErrorCard, props) : /*#__PURE__*/_react.default.createElement(_unhandledErrorCardEmotion.UnhandledErrorCard, props);
+  return /*#__PURE__*/_react.default.createElement(_unhandledErrorCardCompiled.UnhandledErrorCard, props);
 };

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

@@ -69,6 +69,7 @@ var UnhandledErrorCard = exports.UnhandledErrorCard = /*#__PURE__*/function (_Co
       var hideText = !shouldShowText(getConvertedDimension(dimensions));
       return /*#__PURE__*/React.createElement("div", {
         onClick: onClick,
+        "data-testid": "unhandled-error-card",
         className: (0, _runtime.ax)(["_2rkofajl _1e0c1txw _4cvr1h6o _1bah1h6o _bfhklslw _syaz1dfj _c71l1osq _p12f1osq _2lx21bp4 _1i7v2smr _31ku1h6o"]),
         style: _objectSpread(_objectSpread({}, convertedDimensions), {}, {
           "--_1jkcdu5": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N20, ")")),

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

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ImageContainer = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _imageContainerCompiled = require("./imageContainer-compiled");
 var ImageContainer = exports.ImageContainer = function ImageContainer(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_imageContainerCompiled.ImageContainer, props) : /*#__PURE__*/_react.default.createElement(_imageContainerCompiled.ImageContainer, props);
+  return /*#__PURE__*/_react.default.createElement(_imageContainerCompiled.ImageContainer, props);
 };

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

@@ -2,9 +2,9 @@
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
 button:focus+._1hlmjc5g{outline:solid var(--ds-border-width-focused,2px) var(--ds-border-focused,#4c9aff)}._10pb1osq>div{height:100%}
 ._14r11j28::-moz-selection{background-color:transparent}
+._16qs1pnc{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db),var(--ds-shadow-raised,0 1px 1px rgba(9,30,66,.31),0 0 1px 0 rgba(9,30,66,.31))}
 ._16qs64c8{box-shadow:var(--ds-shadow-raised,0 1px 1px rgba(9,30,66,.31),0 0 1px 0 rgba(9,30,66,.31))}
-._16qs666x{box-shadow:0 0 0 1px var(--ds-border-selected,#0c66e4)}
-._16qshzij{box-shadow:0 0 0 1px var(--ds-border-selected,#0c66e4),var(--ds-shadow-raised,0 1px 1px rgba(9,30,66,.31),0 0 1px 0 rgba(9,30,66,.31))}
+._16qsr4us{box-shadow:0 0 0 1px var(--ds-border-selected,#1868db)}
 ._19zy8vuz:hover .media-card-play-button .play-icon-background{height:56px}
 ._1bsb1qmm{width:var(--media-wrapper-width)}
 ._1np21j28 ::-moz-selection{background-color:transparent}

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

@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = void 0;
+exports.Wrapper = exports.LOCAL_WIDTH_VARIABLE = exports.LOCAL_HEIGHT_VARIABLE = void 0;
 require("./wrapper-compiled.compiled.css");
 var React = _interopRequireWildcard(require("react"));
 var _runtime = require("@compiled/react/runtime");
@@ -21,16 +21,16 @@ var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-dat
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 LOCAL_WIDTH_VARIABLE = '--media-wrapper-width';
-var LOCAL_HEIGHT_VARIABLE = '--media-wrapper-height';
+var LOCAL_WIDTH_VARIABLE = exports.LOCAL_WIDTH_VARIABLE = '--media-wrapper-width';
+var LOCAL_HEIGHT_VARIABLE = exports.LOCAL_HEIGHT_VARIABLE = '--media-wrapper-height';
 var wrapperStyles = {
   default: "_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n _1hlmjc5g _1rquusvi _eg54rvv2 _mts3kb7n _1ntskb7n"
 };
 var backgroundStyle = null;
 var shadowStyleMap = {
   withOverlay: "_16qs64c8",
-  selected: "_16qs666x",
-  selectedWithOverlay: "_16qshzij"
+  selected: "_16qsr4us",
+  selectedWithOverlay: "_16qs1pnc"
 };
 var getShadowKey = function getShadowKey(disableOverlay, selected) {
   if (!disableOverlay && selected) {

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

@@ -6,9 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Wrapper = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _wrapperCompiled = require("./wrapper-compiled");
-var _wrapperEmotion = require("./wrapper-emotion");
 var Wrapper = exports.Wrapper = function Wrapper(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_wrapperCompiled.Wrapper, props) : /*#__PURE__*/_react.default.createElement(_wrapperEmotion.Wrapper, props);
+  return /*#__PURE__*/_react.default.createElement(_wrapperCompiled.Wrapper, props);
 };

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: "0.0.0-development",
+        packageName: "79.6.2",
         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 = "0.0.0-development";
+var packageVersion = "79.6.2";
 var SAMPLE_RATE = 0.05;
 var concurrentExperience;
 var getExperience = function getExperience(id) {

package/dist/es2019/card/actions.js

@@ -23,7 +23,7 @@ export const createDownloadAction = (baseAction, formatMessage) => {
     label,
     tooltip,
     icon: /*#__PURE__*/React.createElement(DownloadIcon, {
-      color: isDisabled ? "var(--ds-icon-disabled, #091E424F)" : 'currentColor',
+      color: isDisabled ? "var(--ds-icon-disabled, #080F214A)" : '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 = "0.0.0-development";
+const packageVersion = "79.6.2";
 export const CardBase = ({
   identifier,
   ...otherProps

package/dist/es2019/card/inlinePlayerWrapper-compiled.compiled.css

@@ -1,7 +1,7 @@
 
 ._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-._eq43d7lc:after{border:var(--ds-border-width,1px) solid var(--ds-border-selected,#0c66e4)}._11fnglyw:after{pointer-events:none}
+._eq43fyzg:after{border:var(--ds-border-width,1px) solid var(--ds-border-selected,#1868db)}._11fnglyw:after{pointer-events:none}
 ._14r11j28::-moz-selection{background-color:transparent}
 ._15l2idpf:after{top:0}
 ._18m915vq{overflow-y:hidden}

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

@@ -15,8 +15,8 @@ const selectedBorderStyle = null;
  */
 const borderStyle = null;
 export const inlinePlayerClassName = 'media-card-inline-player';
-const LOCAL_WIDTH_VARIABLE = '--media-inline-player-wrapper-width';
-const LOCAL_HEIGHT_VARIABLE = '--media-inline-player-wrapper-height';
+export const LOCAL_WIDTH_VARIABLE = '--media-inline-player-wrapper-width';
+export const LOCAL_HEIGHT_VARIABLE = '--media-inline-player-wrapper-height';
 const inlinePlayerWrapperStyles = null;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -34,7 +34,7 @@ export const InlinePlayerWrapper = props => {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsbbj0z _4t3io1dg _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43d7lc", inlinePlayerClassName]),
+    className: ax(["_1reo15vq _18m915vq _2rkofajl _kqswh2mm _p12f1osq _c71l1osq _1bsbbj0z _4t3io1dg _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43fyzg", inlinePlayerClassName]),
     style: {
       [LOCAL_WIDTH_VARIABLE]: getDimensionsWithDefault(dimensions).width || '100%',
       [LOCAL_HEIGHT_VARIABLE]: getDimensionsWithDefault(dimensions).height || 'auto'

package/dist/es2019/card/inlinePlayerWrapper.js

@@ -1,7 +1,3 @@
 import React from 'react';
 import { InlinePlayerWrapper as CompiledInlinePlayerWrapper } from './inlinePlayerWrapper-compiled';
-import { InlinePlayerWrapper as EmotionInlinePlayerWrapper } from './inlinePlayerWrapper-emotion';
-import { fg } from '@atlaskit/platform-feature-flags';
-export const InlinePlayerWrapper = props => {
-  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledInlinePlayerWrapper, props) : /*#__PURE__*/React.createElement(EmotionInlinePlayerWrapper, props);
-};
+export const InlinePlayerWrapper = props => /*#__PURE__*/React.createElement(CompiledInlinePlayerWrapper, props);

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

package/dist/es2019/card/svgView/svgView.js

@@ -1,8 +1,7 @@
 import React from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { SvgView as SvgViewCompiled } from './svgImage-compiled';
-import { SvgView as SvgViewEmotion } from './svgImage-emotion';
 import { SvgView as SvgViewV2 } from './svgViewV2';
 export const SvgView = props => {
-  return fg('platform_media_card_image_render') ? /*#__PURE__*/React.createElement(SvgViewV2, props) : fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(SvgViewCompiled, props) : /*#__PURE__*/React.createElement(SvgViewEmotion, props);
+  return fg('platform_media_card_image_render') ? /*#__PURE__*/React.createElement(SvgViewV2, props) : /*#__PURE__*/React.createElement(SvgViewCompiled, props);
 };

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

@@ -1,5 +1,3 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { ActionsBarWrapper as CompiledActionsBarWrapper } from './actionsBarWrapper-compiled';
-import { ActionsBarWrapper as EmotionActionsBarWrapper } from './actionsBarWrapper-emotion';
-export const ActionsBarWrapper = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledActionsBarWrapper, props) : /*#__PURE__*/React.createElement(EmotionActionsBarWrapper, props);
+export const ActionsBarWrapper = props => /*#__PURE__*/React.createElement(CompiledActionsBarWrapper, props);

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

@@ -1,10 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { CardActionButton as CompiledCardActionButton } from './cardActionButton-compiled';
-import { CardActionButton as EmotionCardActionButton } from './cardActionButton-compiled';
-export const CardActionButton = /*#__PURE__*/forwardRef((props, ref) => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledCardActionButton, _extends({}, props, {
-  ref: ref
-})) : /*#__PURE__*/React.createElement(EmotionCardActionButton, _extends({}, props, {
+export const CardActionButton = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React.createElement(CompiledCardActionButton, _extends({}, props, {
   ref: ref
 })));

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

@@ -1,5 +1,3 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Blanket as CompiledBlanket } from './blanket-compiled';
-import { Blanket as EmotionBlanket } from './blanket-emotion';
-export const Blanket = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledBlanket, props) : /*#__PURE__*/React.createElement(EmotionBlanket, props);
+export const Blanket = props => /*#__PURE__*/React.createElement(CompiledBlanket, props);

package/dist/es2019/card/ui/iconMessage/iconMessageWrapper-compiled.js

@@ -11,6 +11,7 @@ export const IconMessageWrapper = props => {
   } = props;
   return /*#__PURE__*/React.createElement("div", {
     id: "iconMessageWrapper",
+    "data-testid": "icon-message-wrapper",
     className: ax(["_1reo15vq _18m915vq _1rjc1b66 _18zru2gc _tzy4kb7n _k48p1wq8 _syaz1e9r _y3gn1h6o _otyr1d21", animated && "", animated && "_j7hqq7op _5sag1nwe _1pgl1ytf _tip812c5"])
   }, props.children);
 };

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

@@ -1,5 +1,3 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { IconMessageWrapper as CompiledIconMessageWrapper } from './iconMessageWrapper-compiled';
-import { IconMessageWrapper as EmotionIconMessageWrapper } from './iconMessageWrapper-emotion';
-export const IconMessageWrapper = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledIconMessageWrapper, props) : /*#__PURE__*/React.createElement(EmotionIconMessageWrapper, props);
+export const IconMessageWrapper = props => /*#__PURE__*/React.createElement(CompiledIconMessageWrapper, props);

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

@@ -1,5 +1,3 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { IconWrapper as CompiledIconWrapper } from './iconWrapper-compiled';
-import { IconWrapper as EmotionIconWrapper } from './iconWrapper-emotion';
-export const IconWrapper = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledIconWrapper, props) : /*#__PURE__*/React.createElement(EmotionIconWrapper, props);
+export const IconWrapper = props => /*#__PURE__*/React.createElement(CompiledIconWrapper, props);

package/dist/es2019/card/ui/playButton/playButtonWrapper.js

@@ -1,5 +1,3 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { PlayButtonWrapper as CompiledPlayButtonWrapper } from './playButtonWrapper-compiled';
-import { PlayButtonWrapper as EmotionPlayButtonWrapper } from './playButtonWrapper-emotion';
-export const PlayButtonWrapper = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledPlayButtonWrapper, props) : /*#__PURE__*/React.createElement(EmotionPlayButtonWrapper, props);
+export const PlayButtonWrapper = props => /*#__PURE__*/React.createElement(CompiledPlayButtonWrapper, props);

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

@@ -1,5 +1,3 @@
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { StyledBar as CompiledStyledBar } from './styledBar-compiled';
-import { StyledBar as EmotionStyledBar } from './styledBar-emotion';
-export const StyledBar = props => fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledStyledBar, props) : /*#__PURE__*/React.createElement(EmotionStyledBar, props);
+export const StyledBar = props => /*#__PURE__*/React.createElement(CompiledStyledBar, props);