npm - @atlaskit/media-card - Versions diffs - 79.5.11 → 79.5.12 - Mend

@atlaskit/media-card 79.5.11 → 79.5.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,13 @@
 # @atlaskit/media-card
+## 79.5.12
+### Patch Changes
+- [`2e35d308c4205`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2e35d308c4205) -
+  FG cleanup - platform_media_add_ufo_custom_data
+- Updated dependencies
 ## 79.5.11
 ### Patch Changes

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

@@ -1,15 +1,17 @@
 ._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-._eq43dz6n:after{border:var(--_1i8hmas)}._11fnglyw:after{pointer-events:none}
-._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
+._eq43d7lc:after{border:var(--ds-border-width,1px) solid var(--ds-border-selected,#0c66e4)}._11fnglyw:after{pointer-events:none}
+._14r11j28::-moz-selection{background-color:transparent}
 ._15l2idpf:after{top:0}
 ._18m915vq{overflow-y:hidden}
 ._18postnw:after{position:absolute}
 ._1bsb1ez3{width:var(--_og9e1j)}
-._1p1y1j28::selection, ._1rk81j28 ::selection{background-color:transparent}
+._1np21j28 ::-moz-selection{background-color:transparent}
+._1p1y1j28::selection{background-color:transparent}
 ._1qdg1osq:after{height:100%}
 ._1reo15vq{overflow-x:hidden}
+._1rk81j28 ::selection{background-color:transparent}
 ._1y2k1osq video{width:100%}
 ._4t3i1amq{height:var(--_1wtike8)}
 ._631ousvi:after{box-sizing:border-box}

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

@@ -1,4 +1,4 @@
-/* inlinePlayerWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* inlinePlayerWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -15,7 +15,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _getDimensionsWithDefault = require("../utils/lightCards/getDimensionsWithDefault");
 var _vcMedia = require("@atlaskit/react-ufo/vc-media");
 var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 hideNativeBrowserTextSelectionStyles = null;
 var selectedBorderStyle = null;
@@ -43,14 +42,14 @@ 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 && "_eq43dz6n", 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 && "_eq43d7lc", inlinePlayerClassName]),
     onClick: onClick,
     ref: innerRef
   }, _vcMedia.VcMediaWrapperProps, {
-    style: (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, LOCAL_WIDTH_VARIABLE, (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).width || '100%'), LOCAL_HEIGHT_VARIABLE, (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).height || 'auto'), "--_og9e1j", (0, _runtime.ix)("var(".concat(LOCAL_WIDTH_VARIABLE, ")"))), "--_1wtike8", (0, _runtime.ix)("var(".concat(LOCAL_HEIGHT_VARIABLE, ")"))), "--_1i8hmas", (0, _runtime.ix)("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-selected, #0C66E4)")))
-  }), (0, _platformFeatureFlags.fg)('platform_media_add_ufo_custom_data') ? /*#__PURE__*/React.createElement(_customData.default, {
+    style: (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, LOCAL_WIDTH_VARIABLE, (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).width || '100%'), LOCAL_HEIGHT_VARIABLE, (0, _getDimensionsWithDefault.getDimensionsWithDefault)(dimensions).height || 'auto'), "--_og9e1j", (0, _runtime.ix)("var(".concat(LOCAL_WIDTH_VARIABLE, ")"))), "--_1wtike8", (0, _runtime.ix)("var(".concat(LOCAL_HEIGHT_VARIABLE, ")")))
+  }), /*#__PURE__*/React.createElement(_customData.default, {
     data: {
       hasMediaComponent: true
     }
-  }) : null, props.children);
+  }), props.children);
 };

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

@@ -10,7 +10,6 @@ var _react = require("@emotion/react");
 var _inlinePlayerWrapperStyles = require("./inlinePlayerWrapperStyles");
 var _vcMedia = require("@atlaskit/react-ufo/vc-media");
 var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -39,10 +38,10 @@ var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWra
       }),
       onClick: onClick,
       ref: innerRef
-    }, _vcMedia.VcMediaWrapperProps), (0, _platformFeatureFlags.fg)('platform_media_add_ufo_custom_data') ? (0, _react.jsx)(_customData.default, {
+    }, _vcMedia.VcMediaWrapperProps), (0, _react.jsx)(_customData.default, {
       data: {
         hasMediaComponent: true
       }
-    }) : null, props.children)
+    }), props.children)
   );
 };

package/dist/cjs/card/svgView/svgImage-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* svgImage-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* svgImage-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/card/ui/actionsBar/actionsBarWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* actionsBarWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* actionsBarWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* cardActionButton-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* cardActionButton-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/card/ui/blanket/blanket-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* blanket-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* blanket-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -1,4 +1,4 @@
-/* iconMessageWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* iconMessageWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/card/ui/iconWrapper/iconWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* iconWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* iconWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -1,4 +1,4 @@
-/* imageRendererV2.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* imageRendererV2.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -75,11 +75,11 @@ var ImageRenderer = exports.ImageRenderer = function ImageRenderer(_ref) {
       setResolvedDimensions((0, _helpers.calculateDimensions)(imgRef.current, wrapperRef.current, resizeMode));
     }
   }, [resizeMode, wrapperRef]);
-  return cardPreview ? /*#__PURE__*/_react.default.createElement(_wrapper.ImageRendererWrapper, null, (0, _platformFeatureFlags.fg)('platform_media_add_ufo_custom_data') ? /*#__PURE__*/_react.default.createElement(_customData.default, {
+  return cardPreview ? /*#__PURE__*/_react.default.createElement(_wrapper.ImageRendererWrapper, null, /*#__PURE__*/_react.default.createElement(_customData.default, {
     data: {
       hasMediaComponent: true
     }
-  }) : null, /*#__PURE__*/_react.default.createElement("img", {
+  }), /*#__PURE__*/_react.default.createElement("img", {
     ref: imgRef,
     "data-testid": testId,
     "data-fileid": (0, _mediaClient.isFileIdentifier)(identifier) ? identifier.id : null,

package/dist/cjs/card/ui/imageRenderer/wrapper.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* wrapper.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* wrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/card/ui/playButton/playButtonBackground-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* playButtonBackground-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* playButtonBackground-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/card/ui/playButton/playButtonWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* playButtonWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* playButtonWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _typeof = require("@babel/runtime/helpers/typeof");

package/dist/cjs/card/ui/progressBar/styledBar-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* styledBar-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styledBar-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/card/ui/tickBox/tickBoxWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* tickBoxWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tickBoxWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -1,4 +1,4 @@
-/* titleBoxComponents-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* titleBoxComponents-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -1,4 +1,4 @@
-/* unhandledErrorCard-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* unhandledErrorCard-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/card/ui/wrapper/imageContainer-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* imageContainer-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* imageContainer-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _typeof = require("@babel/runtime/helpers/typeof");

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

@@ -1,26 +1,29 @@
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-button:focus+._1hlm1x42{outline:var(--_z3oznn)}._10pb1osq>div{height:100%}
-._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
+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}
 ._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))}
 ._19zy8vuz:hover .media-card-play-button .play-icon-background{height:56px}
-._1bsb1ez3{width:var(--_og9e1j)}
-._1p1y1j28::selection, ._1rk81j28 ::selection{background-color:transparent}
+._1bsb1qmm{width:var(--media-wrapper-width)}
+._1np21j28 ::-moz-selection{background-color:transparent}
+._1ntskb7n:hover .media-card-actions-bar{opacity:1}
+._1p1y1j28::selection{background-color:transparent}
+._1rk81j28 ::selection{background-color:transparent}
 ._1rquusvi *{box-sizing:border-box}
 ._1xp5rcbj:hover .media-card-tickbox{color:var(--_13xf2t5)}
 ._1y898vuz:hover .media-card-play-button .play-icon-background{width:56px}
 ._1yf91flm:hover .media-card-tickbox{background-color:var(--_mt8cm6)}
-._4t3i1amq{height:var(--_1wtike8)}
+._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%}
 ._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._eg54326j:hover .media-card-blanket{background-color:var(--_1ox8nit)}
+._eg54rvv2:hover .media-card-blanket{background-color:var(--ds-blanket,rgba(9,30,66,.48))}
 ._kqswh2mm{position:relative}
-._mts3kb7n:focus-within .media-card-actions-bar, ._1ntskb7n:hover .media-card-actions-bar{opacity:1}
+._mts3kb7n:focus-within .media-card-actions-bar{opacity:1}
 ._p12f1osq{max-width:100%}
 ._vchhusvi{box-sizing:border-box}

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

@@ -1,4 +1,4 @@
-/* wrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* wrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -17,14 +17,15 @@ var _vcMedia = require("@atlaskit/react-ufo/vc-media");
 var _colors = require("@atlaskit/theme/colors");
 var _cardDimensions = require("../../../utils/cardDimensions");
 var _getCSSUnitValue = require("../../../utils/getCSSUnitValue");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
 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 wrapperStyles = null;
+var wrapperStyles = {
+  default: "_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n _1hlmjc5g _1rquusvi _eg54rvv2 _mts3kb7n _1ntskb7n"
+};
 var backgroundStyle = null;
 var cursorStyleMap = {
   pointer: "_80omtlke",
@@ -78,25 +79,21 @@ 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)(["_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1hlm1x42 _1rquusvi _eg54326j _mts3kb7n _1ntskb7n", 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", mediaCardCursor && cursorStyleMap[mediaCardCursor], 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,
     onMouseEnter: onMouseEnter
   }, _vcMedia.VcMediaWrapperProps, {
     style: _objectSpread(_objectSpread({}, _objectSpread((0, _defineProperty2.default)((0, _defineProperty2.default)({}, LOCAL_WIDTH_VARIABLE, width), LOCAL_HEIGHT_VARIABLE, height), getResponsiveStyles(breakpoint))), {}, {
-      "--_og9e1j": (0, _runtime.ix)("var(".concat(LOCAL_WIDTH_VARIABLE, ")")),
-      "--_1wtike8": (0, _runtime.ix)("var(".concat(LOCAL_HEIGHT_VARIABLE, ")")),
-      "--_1ox8nit": (0, _runtime.ix)("var(--ds-blanket, ".concat(_colors.N90A, ")")),
-      "--_z3oznn": (0, _runtime.ix)("solid ".concat("var(--ds-border-width-focused, 2px)", " ", "var(--ds-border-focused, ".concat(_colors.B100, ")"))),
       "--_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, ")"))
     })
-  }), (0, _platformFeatureFlags.fg)('platform_media_add_ufo_custom_data') ? /*#__PURE__*/React.createElement(_customData.default, {
+  }), /*#__PURE__*/React.createElement(_customData.default, {
     data: {
       hasMediaComponent: true
     }
-  }) : null, props.children);
+  }), props.children);
 };
 Wrapper.displayName = 'NewFileExperienceWrapper';

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

@@ -11,7 +11,6 @@ var _cardConstants = require("../../cardConstants");
 var _styles = require("./styles");
 var _vcMedia = require("@atlaskit/react-ufo/vc-media");
 var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 /**
  * @jsxRuntime classic
  * @jsx jsx
@@ -58,10 +57,10 @@ var Wrapper = exports.Wrapper = function Wrapper(props) {
       ref: innerRef,
       onClick: onClick,
       onMouseEnter: onMouseEnter
-    }, _vcMedia.VcMediaWrapperProps), (0, _platformFeatureFlags.fg)('platform_media_add_ufo_custom_data') ? (0, _react.jsx)(_customData.default, {
+    }, _vcMedia.VcMediaWrapperProps), (0, _react.jsx)(_customData.default, {
       data: {
         hasMediaComponent: true
       }
-    }) : null, props.children)
+    }), props.children)
   );
 };

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

@@ -2,14 +2,16 @@
 ._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}
-._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
+._14r11j28::-moz-selection{background-color:transparent}
 ._15l2idpf:after{top:0}
 ._18m915vq{overflow-y:hidden}
 ._18postnw:after{position:absolute}
 ._1bsbbj0z{width:var(--media-inline-player-wrapper-width)}
-._1p1y1j28::selection, ._1rk81j28 ::selection{background-color:transparent}
+._1np21j28 ::-moz-selection{background-color:transparent}
+._1p1y1j28::selection{background-color:transparent}
 ._1qdg1osq:after{height:100%}
 ._1reo15vq{overflow-x:hidden}
+._1rk81j28 ::selection{background-color:transparent}
 ._1y2k1osq video{width:100%}
 ._4t3io1dg{height:var(--media-inline-player-wrapper-height)}
 ._631ousvi:after{box-sizing:border-box}

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

@@ -1,4 +1,4 @@
-/* inlinePlayerWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* inlinePlayerWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./inlinePlayerWrapper-compiled.compiled.css";
 import * as React from 'react';
@@ -6,7 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import { getDimensionsWithDefault } from '../utils/lightCards/getDimensionsWithDefault';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-import { fg } from '@atlaskit/platform-feature-flags';
 const hideNativeBrowserTextSelectionStyles = null;
 const selectedBorderStyle = null;
@@ -42,9 +41,9 @@ export const InlinePlayerWrapper = props => {
     },
     onClick: onClick,
     ref: innerRef
-  }, VcMediaWrapperProps), fg('platform_media_add_ufo_custom_data') ? /*#__PURE__*/React.createElement(UFOCustomData, {
+  }, VcMediaWrapperProps), /*#__PURE__*/React.createElement(UFOCustomData, {
     data: {
       hasMediaComponent: true
     }
-  }) : null, props.children);
+  }), props.children);
 };

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

@@ -8,7 +8,6 @@ import { jsx } from '@emotion/react';
 import { inlinePlayerWrapperStyles, inlinePlayerClassName } from './inlinePlayerWrapperStyles';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const InlinePlayerWrapper = props => {
   const {
     testId,
@@ -33,10 +32,10 @@ export const InlinePlayerWrapper = props => {
       }),
       onClick: onClick,
       ref: innerRef
-    }, VcMediaWrapperProps), fg('platform_media_add_ufo_custom_data') ? jsx(UFOCustomData, {
+    }, VcMediaWrapperProps), jsx(UFOCustomData, {
       data: {
         hasMediaComponent: true
       }
-    }) : null, props.children)
+    }), props.children)
   );
 };

package/dist/es2019/card/svgView/svgImage-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* svgImage-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* svgImage-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./svgImage-compiled.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useState, useRef, useEffect, useCallback } from 'react';

package/dist/es2019/card/ui/actionsBar/actionsBarWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* actionsBarWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* actionsBarWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./actionsBarWrapper-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/card/ui/actionsBar/cardActions/cardActionButton-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* cardActionButton-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* cardActionButton-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./cardActionButton-compiled.compiled.css";
 import * as React from 'react';

package/dist/es2019/card/ui/blanket/blanket-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* blanket-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* blanket-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./blanket-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* iconMessageWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* iconMessageWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./iconMessageWrapper-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/card/ui/iconWrapper/iconWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* iconWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* iconWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./iconWrapper-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* imageRendererV2.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* imageRendererV2.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./imageRendererV2.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useState, useRef, useEffect, useLayoutEffect } from 'react';
@@ -55,11 +55,11 @@ export const ImageRenderer = ({
       setResolvedDimensions(calculateDimensions(imgRef.current, wrapperRef.current, resizeMode));
     }
   }, [resizeMode, wrapperRef]);
-  return cardPreview ? /*#__PURE__*/React.createElement(ImageRendererWrapper, null, fg('platform_media_add_ufo_custom_data') ? /*#__PURE__*/React.createElement(UFOCustomData, {
+  return cardPreview ? /*#__PURE__*/React.createElement(ImageRendererWrapper, null, /*#__PURE__*/React.createElement(UFOCustomData, {
     data: {
       hasMediaComponent: true
     }
-  }) : null, /*#__PURE__*/React.createElement("img", {
+  }), /*#__PURE__*/React.createElement("img", {
     ref: imgRef,
     "data-testid": testId,
     "data-fileid": isFileIdentifier(identifier) ? identifier.id : null,

package/dist/es2019/card/ui/imageRenderer/wrapper.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* wrapper.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* wrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./wrapper.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/card/ui/playButton/playButtonBackground-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* playButtonBackground-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* playButtonBackground-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./playButtonBackground-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/card/ui/playButton/playButtonWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* playButtonWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* playButtonWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./playButtonWrapper-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/card/ui/progressBar/styledBar-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* styledBar-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styledBar-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./styledBar-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/card/ui/tickBox/tickBoxWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* tickBoxWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tickBoxWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./tickBoxWrapper-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/card/ui/titleBox/titleBoxComponents-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* titleBoxComponents-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* titleBoxComponents-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./titleBoxComponents-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* unhandledErrorCard-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* unhandledErrorCard-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./unhandledErrorCard-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/card/ui/wrapper/imageContainer-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* imageContainer-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* imageContainer-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./imageContainer-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,13 +1,16 @@
 ._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, ._1np21j28 ::-moz-selection{background-color:transparent}
+._14r11j28::-moz-selection{background-color:transparent}
 ._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))}
 ._19zy8vuz:hover .media-card-play-button .play-icon-background{height:56px}
 ._1bsb1qmm{width:var(--media-wrapper-width)}
-._1p1y1j28::selection, ._1rk81j28 ::selection{background-color:transparent}
+._1np21j28 ::-moz-selection{background-color:transparent}
+._1ntskb7n:hover .media-card-actions-bar{opacity:1}
+._1p1y1j28::selection{background-color:transparent}
+._1rk81j28 ::selection{background-color:transparent}
 ._1rquusvi *{box-sizing:border-box}
 ._1xp5kufk:hover .media-card-tickbox{color:var(--ds-icon-subtle,#7a869a)}
 ._1y898vuz:hover .media-card-play-button .play-icon-background{width:56px}
@@ -21,6 +24,6 @@ button:focus+._1hlmjc5g{outline:solid var(--ds-border-width-focused,2px) var(--d
 ._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._eg54rvv2:hover .media-card-blanket{background-color:var(--ds-blanket,rgba(9,30,66,.48))}
 ._kqswh2mm{position:relative}
-._mts3kb7n:focus-within .media-card-actions-bar, ._1ntskb7n:hover .media-card-actions-bar{opacity:1}
+._mts3kb7n:focus-within .media-card-actions-bar{opacity:1}
 ._p12f1osq{max-width:100%}
 ._vchhusvi{box-sizing:border-box}

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

@@ -1,4 +1,4 @@
-/* wrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* wrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./wrapper-compiled.compiled.css";
 import * as React from 'react';
@@ -8,11 +8,12 @@ import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import { N0, N100, N20, N60A, N90A, B100 } from '@atlaskit/theme/colors';
 import { getDefaultCardDimensions } from '../../../utils/cardDimensions';
 import { getCSSUnitValue } from '../../../utils/getCSSUnitValue';
-import { fg } from '@atlaskit/platform-feature-flags';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
 const LOCAL_WIDTH_VARIABLE = '--media-wrapper-width';
 const LOCAL_HEIGHT_VARIABLE = '--media-wrapper-height';
-const wrapperStyles = null;
+const wrapperStyles = {
+  default: "_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n _1hlmjc5g _1rquusvi _eg54rvv2 _mts3kb7n _1ntskb7n"
+};
 const backgroundStyle = null;
 const cursorStyleMap = {
   pointer: "_80omtlke",
@@ -74,7 +75,7 @@ export const Wrapper = props => {
     id: "newFileExperienceWrapper"
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
-    className: ax(["_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n _1hlmjc5g _1rquusvi _eg54rvv2 _mts3kb7n _1ntskb7n", 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", mediaCardCursor && cursorStyleMap[mediaCardCursor], 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,
@@ -85,10 +86,10 @@ export const Wrapper = props => {
     ref: innerRef,
     onClick: onClick,
     onMouseEnter: onMouseEnter
-  }, VcMediaWrapperProps), fg('platform_media_add_ufo_custom_data') ? /*#__PURE__*/React.createElement(UFOCustomData, {
+  }, VcMediaWrapperProps), /*#__PURE__*/React.createElement(UFOCustomData, {
     data: {
       hasMediaComponent: true
     }
-  }) : null, props.children);
+  }), props.children);
 };
 Wrapper.displayName = 'NewFileExperienceWrapper';

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

@@ -9,7 +9,6 @@ import { newFileExperienceClassName } from '../../cardConstants';
 import { wrapperStyles } from './styles';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-import { fg } from '@atlaskit/platform-feature-flags';
 export const Wrapper = props => {
   const {
     testId,
@@ -52,10 +51,10 @@ export const Wrapper = props => {
       ref: innerRef,
       onClick: onClick,
       onMouseEnter: onMouseEnter
-    }, VcMediaWrapperProps), fg('platform_media_add_ufo_custom_data') ? jsx(UFOCustomData, {
+    }, VcMediaWrapperProps), jsx(UFOCustomData, {
       data: {
         hasMediaComponent: true
       }
-    }) : null, props.children)
+    }), props.children)
   );
 };

package/dist/esm/card/inlinePlayerWrapper-compiled.compiled.css CHANGED Viewed

@@ -1,15 +1,17 @@
 ._14mjfajl:after{border-radius:var(--ds-radius-small,3px)}
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-._eq43dz6n:after{border:var(--_1i8hmas)}._11fnglyw:after{pointer-events:none}
-._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
+._eq43d7lc:after{border:var(--ds-border-width,1px) solid var(--ds-border-selected,#0c66e4)}._11fnglyw:after{pointer-events:none}
+._14r11j28::-moz-selection{background-color:transparent}
 ._15l2idpf:after{top:0}
 ._18m915vq{overflow-y:hidden}
 ._18postnw:after{position:absolute}
 ._1bsb1ez3{width:var(--_og9e1j)}
-._1p1y1j28::selection, ._1rk81j28 ::selection{background-color:transparent}
+._1np21j28 ::-moz-selection{background-color:transparent}
+._1p1y1j28::selection{background-color:transparent}
 ._1qdg1osq:after{height:100%}
 ._1reo15vq{overflow-x:hidden}
+._1rk81j28 ::selection{background-color:transparent}
 ._1y2k1osq video{width:100%}
 ._4t3i1amq{height:var(--_1wtike8)}
 ._631ousvi:after{box-sizing:border-box}

package/dist/esm/card/inlinePlayerWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* inlinePlayerWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* inlinePlayerWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./inlinePlayerWrapper-compiled.compiled.css";
@@ -7,7 +7,6 @@ import { ax, ix } from "@compiled/react/runtime";
 import { getDimensionsWithDefault } from '../utils/lightCards/getDimensionsWithDefault';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-import { fg } from '@atlaskit/platform-feature-flags';
 var hideNativeBrowserTextSelectionStyles = null;
 var selectedBorderStyle = null;
@@ -34,14 +33,14 @@ export var InlinePlayerWrapper = function 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 _1bsb1ez3 _4t3i1amq _1y2k1osq _z18o1osq", selected && "_1p1y1j28 _1rk81j28 _14r11j28 _1np21j28", "_14mjfajl _aetrb3bt _z0ai1osq _1qdg1osq _18postnw _15l2idpf _631ousvi _11fnglyw", selected && "_eq43dz6n", inlinePlayerClassName]),
+    className: 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]),
     onClick: onClick,
     ref: innerRef
   }, VcMediaWrapperProps, {
-    style: _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, LOCAL_WIDTH_VARIABLE, getDimensionsWithDefault(dimensions).width || '100%'), LOCAL_HEIGHT_VARIABLE, getDimensionsWithDefault(dimensions).height || 'auto'), "--_og9e1j", ix("var(".concat(LOCAL_WIDTH_VARIABLE, ")"))), "--_1wtike8", ix("var(".concat(LOCAL_HEIGHT_VARIABLE, ")"))), "--_1i8hmas", ix("var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-selected, #0C66E4)")))
-  }), fg('platform_media_add_ufo_custom_data') ? /*#__PURE__*/React.createElement(UFOCustomData, {
+    style: _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, LOCAL_WIDTH_VARIABLE, getDimensionsWithDefault(dimensions).width || '100%'), LOCAL_HEIGHT_VARIABLE, getDimensionsWithDefault(dimensions).height || 'auto'), "--_og9e1j", ix("var(".concat(LOCAL_WIDTH_VARIABLE, ")"))), "--_1wtike8", ix("var(".concat(LOCAL_HEIGHT_VARIABLE, ")")))
+  }), /*#__PURE__*/React.createElement(UFOCustomData, {
     data: {
       hasMediaComponent: true
     }
-  }) : null, props.children);
+  }), props.children);
 };

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

@@ -8,7 +8,6 @@ import { jsx } from '@emotion/react';
 import { inlinePlayerWrapperStyles, inlinePlayerClassName } from './inlinePlayerWrapperStyles';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
   var testId = props.testId,
     selected = props.selected,
@@ -31,10 +30,10 @@ export var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
       }),
       onClick: onClick,
       ref: innerRef
-    }, VcMediaWrapperProps), fg('platform_media_add_ufo_custom_data') ? jsx(UFOCustomData, {
+    }, VcMediaWrapperProps), jsx(UFOCustomData, {
       data: {
         hasMediaComponent: true
       }
-    }) : null, props.children)
+    }), props.children)
   );
 };

package/dist/esm/card/svgView/svgImage-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* svgImage-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* svgImage-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./svgImage-compiled.compiled.css";

package/dist/esm/card/ui/actionsBar/actionsBarWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* actionsBarWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* actionsBarWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./actionsBarWrapper-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/card/ui/actionsBar/cardActions/cardActionButton-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* cardActionButton-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* cardActionButton-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./cardActionButton-compiled.compiled.css";

package/dist/esm/card/ui/blanket/blanket-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* blanket-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* blanket-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./blanket-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/card/ui/iconMessage/iconMessageWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* iconMessageWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* iconMessageWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./iconMessageWrapper-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/card/ui/iconWrapper/iconWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* iconWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* iconWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./iconWrapper-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,4 +1,4 @@
-/* imageRendererV2.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* imageRendererV2.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "./imageRendererV2.compiled.css";
@@ -66,11 +66,11 @@ export var ImageRenderer = function ImageRenderer(_ref) {
       setResolvedDimensions(calculateDimensions(imgRef.current, wrapperRef.current, resizeMode));
     }
   }, [resizeMode, wrapperRef]);
-  return cardPreview ? /*#__PURE__*/React.createElement(ImageRendererWrapper, null, fg('platform_media_add_ufo_custom_data') ? /*#__PURE__*/React.createElement(UFOCustomData, {
+  return cardPreview ? /*#__PURE__*/React.createElement(ImageRendererWrapper, null, /*#__PURE__*/React.createElement(UFOCustomData, {
     data: {
       hasMediaComponent: true
     }
-  }) : null, /*#__PURE__*/React.createElement("img", {
+  }), /*#__PURE__*/React.createElement("img", {
     ref: imgRef,
     "data-testid": testId,
     "data-fileid": isFileIdentifier(identifier) ? identifier.id : null,

package/dist/esm/card/ui/imageRenderer/wrapper.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* wrapper.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* wrapper.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./wrapper.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/card/ui/playButton/playButtonBackground-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* playButtonBackground-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* playButtonBackground-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./playButtonBackground-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/card/ui/playButton/playButtonWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* playButtonWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* playButtonWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./playButtonWrapper-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/card/ui/progressBar/styledBar-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* styledBar-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* styledBar-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./styledBar-compiled.compiled.css";
 import * as React from 'react';

package/dist/esm/card/ui/tickBox/tickBoxWrapper-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* tickBoxWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* tickBoxWrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./tickBoxWrapper-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/card/ui/titleBox/titleBoxComponents-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* titleBoxComponents-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* titleBoxComponents-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./titleBoxComponents-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/card/ui/unhandledErrorCard/unhandledErrorCard-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* unhandledErrorCard-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* unhandledErrorCard-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";

package/dist/esm/card/ui/wrapper/imageContainer-compiled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* imageContainer-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* imageContainer-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./imageContainer-compiled.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

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

@@ -1,26 +1,29 @@
 ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
-button:focus+._1hlm1x42{outline:var(--_z3oznn)}._10pb1osq>div{height:100%}
-._14r11j28::-moz-selection, ._1np21j28 ::-moz-selection{background-color:transparent}
+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}
 ._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))}
 ._19zy8vuz:hover .media-card-play-button .play-icon-background{height:56px}
-._1bsb1ez3{width:var(--_og9e1j)}
-._1p1y1j28::selection, ._1rk81j28 ::selection{background-color:transparent}
+._1bsb1qmm{width:var(--media-wrapper-width)}
+._1np21j28 ::-moz-selection{background-color:transparent}
+._1ntskb7n:hover .media-card-actions-bar{opacity:1}
+._1p1y1j28::selection{background-color:transparent}
+._1rk81j28 ::selection{background-color:transparent}
 ._1rquusvi *{box-sizing:border-box}
 ._1xp5rcbj:hover .media-card-tickbox{color:var(--_13xf2t5)}
 ._1y898vuz:hover .media-card-play-button .play-icon-background{width:56px}
 ._1yf91flm:hover .media-card-tickbox{background-color:var(--_mt8cm6)}
-._4t3i1amq{height:var(--_1wtike8)}
+._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%}
 ._ect41gqc{font-family:var(--ds-font-family-body,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._eg54326j:hover .media-card-blanket{background-color:var(--_1ox8nit)}
+._eg54rvv2:hover .media-card-blanket{background-color:var(--ds-blanket,rgba(9,30,66,.48))}
 ._kqswh2mm{position:relative}
-._mts3kb7n:focus-within .media-card-actions-bar, ._1ntskb7n:hover .media-card-actions-bar{opacity:1}
+._mts3kb7n:focus-within .media-card-actions-bar{opacity:1}
 ._p12f1osq{max-width:100%}
 ._vchhusvi{box-sizing:border-box}

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

@@ -1,4 +1,4 @@
-/* wrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* wrapper-compiled.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./wrapper-compiled.compiled.css";
@@ -11,11 +11,12 @@ import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import { N0, N100, N20, N60A, N90A, B100 } from '@atlaskit/theme/colors';
 import { getDefaultCardDimensions } from '../../../utils/cardDimensions';
 import { getCSSUnitValue } from '../../../utils/getCSSUnitValue';
-import { fg } from '@atlaskit/platform-feature-flags';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
 var LOCAL_WIDTH_VARIABLE = '--media-wrapper-width';
 var LOCAL_HEIGHT_VARIABLE = '--media-wrapper-height';
-var wrapperStyles = null;
+var wrapperStyles = {
+  default: "_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1qmm _4t3ine4n _1hlmjc5g _1rquusvi _eg54rvv2 _mts3kb7n _1ntskb7n"
+};
 var backgroundStyle = null;
 var cursorStyleMap = {
   pointer: "_80omtlke",
@@ -69,25 +70,21 @@ 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(["_2rkofajl _vchhusvi _kqswh2mm _ect41gqc _p12f1osq _c71l1osq _1bsb1ez3 _4t3i1amq _1hlm1x42 _1rquusvi _eg54326j _mts3kb7n _1ntskb7n", 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", mediaCardCursor && cursorStyleMap[mediaCardCursor], 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,
     onMouseEnter: onMouseEnter
   }, VcMediaWrapperProps, {
     style: _objectSpread(_objectSpread({}, _objectSpread(_defineProperty(_defineProperty({}, LOCAL_WIDTH_VARIABLE, width), LOCAL_HEIGHT_VARIABLE, height), getResponsiveStyles(breakpoint))), {}, {
-      "--_og9e1j": ix("var(".concat(LOCAL_WIDTH_VARIABLE, ")")),
-      "--_1wtike8": ix("var(".concat(LOCAL_HEIGHT_VARIABLE, ")")),
-      "--_1ox8nit": ix("var(--ds-blanket, ".concat(N90A, ")")),
-      "--_z3oznn": ix("solid ".concat("var(--ds-border-width-focused, 2px)", " ", "var(--ds-border-focused, ".concat(B100, ")"))),
       "--_1jkcdu5": ix("var(--ds-background-neutral, ".concat(N20, ")")),
       "--_mt8cm6": ix("var(--ds-background-input, ".concat(N0, ")")),
       "--_13xf2t5": ix("var(--ds-icon-subtle, ".concat(N100, ")"))
     })
-  }), fg('platform_media_add_ufo_custom_data') ? /*#__PURE__*/React.createElement(UFOCustomData, {
+  }), /*#__PURE__*/React.createElement(UFOCustomData, {
     data: {
       hasMediaComponent: true
     }
-  }) : null, props.children);
+  }), props.children);
 };
 Wrapper.displayName = 'NewFileExperienceWrapper';

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

@@ -9,7 +9,6 @@ import { newFileExperienceClassName } from '../../cardConstants';
 import { wrapperStyles } from './styles';
 import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
 import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var Wrapper = function Wrapper(props) {
   var testId = props.testId,
     dimensions = props.dimensions,
@@ -50,10 +49,10 @@ export var Wrapper = function Wrapper(props) {
       ref: innerRef,
       onClick: onClick,
       onMouseEnter: onMouseEnter
-    }, VcMediaWrapperProps), fg('platform_media_add_ufo_custom_data') ? jsx(UFOCustomData, {
+    }, VcMediaWrapperProps), jsx(UFOCustomData, {
       data: {
         hasMediaComponent: true
       }
-    }) : null, props.children)
+    }), props.children)
   );
 };

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.5.11",
+	"version": "79.5.12",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -34,7 +34,7 @@
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
-		"@atlaskit/icon": "^28.2.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/media-client": "^35.3.0",
 		"@atlaskit/media-client-react": "^4.1.0",
@@ -44,8 +44,8 @@
 		"@atlaskit/media-ui": "^28.7.0",
 		"@atlaskit/media-viewer": "^52.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.14.0",
-		"@atlaskit/react-ufo": "^4.7.0",
+		"@atlaskit/primitives": "^14.15.0",
+		"@atlaskit/react-ufo": "^4.10.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tokens": "^6.3.0",
@@ -71,7 +71,7 @@
 		"@af/integration-testing": "workspace:^",
 		"@atlaskit/analytics-listeners": "^9.0.0",
 		"@atlaskit/analytics-namespaced-context": "^7.0.0",
-		"@atlaskit/form": "^12.6.0",
+		"@atlaskit/form": "^14.0.0",
 		"@atlaskit/inline-message": "^15.3.0",
 		"@atlaskit/media-core": "^37.0.0",
 		"@atlaskit/media-picker": "^70.0.0",
@@ -102,9 +102,6 @@
 		"platform-filecard-ufo-trace": {
 			"type": "boolean"
 		},
-		"platform_media_add_ufo_custom_data": {
-			"type": "boolean"
-		},
 		"platform.media-card-performance-observer_a803k": {
 			"type": "boolean"
 		},