@atlaskit/media-ui 27.1.0 → 27.2.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/media-ui
 
+## 27.2.0
+
+### Minor Changes
+
+- [#98696](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/98696)
+  [`396ff0958321d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/396ff0958321d) -
+  Adding the ability to register copy intents to enable cross site / product copy and paste for
+  media by forwarding the ref from useCopyIntent / useFilePreview
+
 ## 27.1.0
 
 ### Minor Changes

package/dist/cjs/MediaInlineCard/ErroredView/index.js

@@ -42,11 +42,13 @@ var MediaInlineCardErroredView = exports.MediaInlineCardErroredView = /*#__PURE_
       var _this$props = this.props,
         onClick = _this$props.onClick,
         isSelected = _this$props.isSelected,
+        innerRef = _this$props.innerRef,
         _this$props$testId = _this$props.testId,
         testId = _this$props$testId === void 0 ? 'media-inline-card-errored-view' : _this$props$testId,
         icon = _this$props.icon;
       return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
         testId: testId,
+        innerRef: innerRef,
         onClick: onClick,
         isSelected: isSelected
       }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {

package/dist/cjs/MediaInlineCard/Frame/index.js

@@ -52,9 +52,11 @@ var Frame = exports.Frame = /*#__PURE__*/function (_React$Component) {
         isSelected = _this$props.isSelected,
         children = _this$props.children,
         onClick = _this$props.onClick,
+        innerRef = _this$props.innerRef,
         testId = _this$props.testId;
       var isInteractive = Boolean(onClick);
       return /*#__PURE__*/_react.default.createElement(_styled.Wrapper, {
+        ref: innerRef,
         isSelected: isSelected,
         tabIndex: isInteractive ? 0 : undefined,
         role: isInteractive ? 'button' : undefined,

package/dist/cjs/MediaInlineCard/Frame/styled-compiled.js

@@ -1,4 +1,4 @@
-/* styled-compiled.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* styled-compiled.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -39,7 +39,7 @@ var Wrapper = exports.Wrapper = function Wrapper(_ref) {
   return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({
     "data-testid": "frame-wrapper"
   }, props, {
-    className: (0, _runtime.ax)(["_vwz47vkz _1yt4ood9 _16d9qvcn _1e0c1nu9 _2rko1sit _syazovqm _bfhkfpvg _v56415x0 _1rkwglyw _80omtlke _irr3l5fl", isSelected && "_80omtlke _16qs1qst _12ji1r31 _1qu2glyw _12y31o36 _uiztglyw _1h6d1j28 _4bfu18uv _1nrm18uv _1a3b18uv _9oik18uv _1hmsglyw _c2waglyw _4fprglyw _1bnxglyw _ajmmnqa1 _1iohnqa1 _5goinqa1 _jf4cnqa1", !isSelected && "_uizt1kdv"]),
+    className: (0, _runtime.ax)(["_1yt4ood9 _2rko1sit _v56415x0 _vwz47vkz _16d9qvcn _1e0c1nu9 _syazovqm _bfhkfpvg _1rkwglyw _80omtlke _irr3l5fl", isSelected && "_12ji1r31 _1qu2glyw _12y31o36 _1h6d1j28 _80omtlke _16qs1qst _uiztglyw _4bfu18uv _1nrm18uv _1a3b18uv _9oik18uv _1hmsglyw _c2waglyw _4fprglyw _1bnxglyw _ajmmnqa1 _1iohnqa1 _5goinqa1 _jf4cnqa1", !isSelected && "_uizt1kdv"]),
     style: {
       "--_6un1n5": (0, _runtime.ix)("var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)", " ", "var(--ds-space-025, 2px)", " ", "var(--ds-space-050, 4px)")),
       "--_5xk3r4": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N900, ")")),

package/dist/cjs/MediaInlineCard/Frame/styled.js

@@ -5,10 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Wrapper = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _styledEmotion = require("./styled-emotion");
 var _styledCompiled = require("./styled-compiled");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var Wrapper = exports.Wrapper = function Wrapper(props) {
-  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_styledCompiled.Wrapper, props) : /*#__PURE__*/_react.default.createElement(_styledEmotion.Wrapper, props);
-};
+var Wrapper = exports.Wrapper = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_styledCompiled.Wrapper, (0, _extends2.default)({}, props, {
+    ref: ref
+  })) : /*#__PURE__*/_react.default.createElement(_styledEmotion.Wrapper, (0, _extends2.default)({}, props, {
+    ref: ref
+  }));
+});

package/dist/cjs/MediaInlineCard/Icon-compiled.js

@@ -1,4 +1,4 @@
-/* Icon-compiled.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* Icon-compiled.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -28,7 +28,7 @@ var Icon = exports.Icon = function Icon(_ref) {
   return /*#__PURE__*/React.createElement("img", (0, _extends2.default)({
     alt: alt || ''
   }, props, {
-    className: (0, _runtime.ax)(["_4t3idlk8 _1bsbdlk8 _2hwx1b66 _2rkoyh40 _uiztglyw _kqswstnw _154i1ssb _1ltv1ssb _t9ec1ooe"])
+    className: (0, _runtime.ax)(["_2rkoyh40 _4t3idlk8 _1bsbdlk8 _2hwx1b66 _uiztglyw _kqswstnw _154i1ssb _1ltv1ssb _t9ec1ooe"])
   }));
 };
 

package/dist/cjs/MediaInlineCard/IconAndTitleLayout/styled-compiled.js

@@ -1,4 +1,4 @@
-/* styled-compiled.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* styled-compiled.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -73,7 +73,7 @@ var LozengeWrapper = exports.LozengeWrapper = function LozengeWrapper(_ref4) {
   var children = _ref4.children,
     props = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
   return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)(["_1e0c1o8l _s7n4t94y _1msp1b66 _1esr1qcg"]),
+    className: (0, _runtime.ax)(["_1e0c1o8l _s7n4t94y _1esr1qcg _1msp1b66"]),
     style: {
       "--_1yxkslj": (0, _runtime.ix)("var(--ds-space-025, 2px)".concat(" 0 ", "var(--ds-space-025, 2px)", " 0"))
     }
@@ -86,7 +86,7 @@ var LozengeBlockWrapper = exports.LozengeBlockWrapper = function LozengeBlockWra
   var children = _ref5.children,
     props = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
   return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)(["_1msp1b66 _1esr1qcg"]),
+    className: (0, _runtime.ax)(["_1esr1qcg _1msp1b66"]),
     style: {
       "--_1yxkslj": (0, _runtime.ix)("var(--ds-space-025, 2px)".concat(" 0 ", "var(--ds-space-025, 2px)", " 0"))
     }

package/dist/cjs/MediaInlineCard/LoadedView/index.js

@@ -32,8 +32,10 @@ var MediaInlineCardLoadedView = exports.MediaInlineCardLoadedView = /*#__PURE__*
         icon = _this$props.icon,
         _this$props$testId = _this$props.testId,
         testId = _this$props$testId === void 0 ? 'media-inline-card-loaded-view' : _this$props$testId,
-        titlePrefix = _this$props.titlePrefix;
+        titlePrefix = _this$props.titlePrefix,
+        innerRef = _this$props.innerRef;
       return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+        innerRef: innerRef,
         testId: testId,
         isSelected: isSelected,
         onClick: onClick

package/dist/cjs/MediaInlineCard/LoadingView/index.js

@@ -32,10 +32,12 @@ var MediaInlineCardLoadingView = exports.MediaInlineCardLoadingView = /*#__PURE_
         onClick = _this$props.onClick,
         isSelected = _this$props.isSelected,
         inlinePreloaderStyle = _this$props.inlinePreloaderStyle,
+        innerRef = _this$props.innerRef,
         _this$props$testId = _this$props.testId,
         testId = _this$props$testId === void 0 ? 'media-inline-card-loading-view' : _this$props$testId;
       if (inlinePreloaderStyle === 'on-right-without-skeleton') {
         return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+          innerRef: innerRef,
           testId: testId,
           onClick: onClick,
           isSelected: isSelected
@@ -46,6 +48,7 @@ var MediaInlineCardLoadingView = exports.MediaInlineCardLoadingView = /*#__PURE_
         })))));
       } else {
         return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
+          innerRef: innerRef,
           testId: testId,
           onClick: onClick,
           isSelected: isSelected

package/dist/cjs/MediaInlineCard/LoadingView/styled-compiled.js

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

package/dist/cjs/MediaInlineCard/styled-compiled.js

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

package/dist/cjs/customMediaPlayer/index-compiled.js

@@ -1,4 +1,4 @@
-/* index-compiled.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* index-compiled.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -71,7 +71,7 @@ var videoWrapperStyles = {
   root: "_1bsb1osq _4t3i1osq"
 };
 var timeWrapperStyles = {
-  root: "_19pkze3t _195gv47k _otyr1jfw"
+  root: "_195gv47k _19pkze3t _otyr1jfw"
 };
 var spinnerWrapperStyles = {
   root: "_kqswstnw _154ize3t _1ltvze3t _1bsb1osq _4t3i1osq"

package/dist/cjs/customMediaPlayer/index.js

@@ -16,7 +16,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
   return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props) : /*#__PURE__*/_react.default.createElement(_indexEmotion.CustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "27.1.0";
+var packageVersion = "27.2.0";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/customMediaPlayer/playPauseBlanket-compiled.js

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

package/dist/cjs/customMediaPlayer/styled-compiled.js

@@ -1,4 +1,4 @@
-/* styled-compiled.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* styled-compiled.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -39,7 +39,7 @@ var VolumeWrapper = exports.VolumeWrapper = function VolumeWrapper(_ref) {
     children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)(["_1e0c1txw _1bsbldb6 _1reo15vq _18m915vq _v5641rb3 _4cvr1h6o _94n5ze3t _1ltv1jfw", showSlider && "_195p1w81 _13y6o43e _1chp1w81 _o7kso43e _m7bd1w81 _1gglo43e"])
+    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _v5641rb3 _1e0c1txw _1bsbldb6 _4cvr1h6o _94n5ze3t _1ltv1jfw", showSlider && "_13y6o43e _195p1w81 _o7kso43e _1chp1w81 _1gglo43e _m7bd1w81"])
   }), children);
 };
 var currentTimeStyles = null;
@@ -57,7 +57,7 @@ var TimeLine = exports.TimeLine = /*#__PURE__*/(0, _react.forwardRef)(function (
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)(["_1bsb1osq _4t3iyh40 _1lww9cwz _v5641eho _bfhk9ucv _2rko14y2 _kqswh2mm"])
+    className: (0, _runtime.ax)(["_v5641eho _2rko14y2 _1bsb1osq _4t3iyh40 _1lww9cwz _bfhk9ucv _kqswh2mm"])
   }), children);
 });
 var currentTimeLineStyles = null;
@@ -65,7 +65,7 @@ var CurrentTimeLine = exports.CurrentTimeLine = function CurrentTimeLine(_ref4)
   var children = _ref4.children,
     props = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)(["_bfhk7g9i _2rko1kw7 _4t3i1kw7 _kqswstnw _154ize3t _p12f1osq"])
+    className: (0, _runtime.ax)(["_2rko1kw7 _bfhk7g9i _4t3i1kw7 _kqswstnw _154ize3t _p12f1osq"])
   }), children);
 };
 var thumbStyles = null;
@@ -73,7 +73,7 @@ var Thumb = exports.Thumb = function Thumb(_ref5) {
   var children = _ref5.children,
     props = (0, _objectWithoutProperties2.default)(_ref5, _excluded5);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)(["_lcxvglyw _1bsbdlk8 _4t3idlk8 _2rko1osq _bfhku67f _189et94y _1dqonqa1 _1h6d16fc _kqswstnw _1xi2idpf _154iv77o _t9ec17tb _v5641eho _1lww9cwz"])
+    className: (0, _runtime.ax)(["_2rko1osq _v5641eho _189et94y _1dqonqa1 _1h6d16fc _lcxvglyw _1bsbdlk8 _4t3idlk8 _bfhku67f _kqswstnw _1xi2idpf _154iv77o _t9ec17tb _1lww9cwz"])
   }), children);
 };
 var currentTimeLineThumbStyles = null;
@@ -83,7 +83,7 @@ var CurrentTimeLineThumb = exports.CurrentTimeLineThumb = /*#__PURE__*/(0, _reac
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)(["_kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _19itglyw _4t3ik7ql _1bsbk7ql _lcxvglyw _2rko1osq _tzy4idpf _1a37q36z _1cwgv77o _1h7hkb7n"]),
+    className: (0, _runtime.ax)(["_19itglyw _2rko1osq _1a37q36z _kqswstnw _1e0c1ule _1xi2idpf _154i1ssb _t9ec1tul _bfhk7g9i _4t3ik7ql _1bsbk7ql _lcxvglyw _tzy4idpf _1cwgv77o _1h7hkb7n"]),
     style: {
       "--_k4vj5w": (0, _runtime.ix)("2px solid ".concat("var(--ds-border-focused, #85B8FF)"))
     }
@@ -94,7 +94,7 @@ var BufferedTime = exports.BufferedTime = function BufferedTime(_ref7) {
   var children = _ref7.children,
     props = (0, _objectWithoutProperties2.default)(_ref7, _excluded7);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)(["_bfhk1ncv _4t3i1kw7 _2rko1kw7 _1bsbidpf"])
+    className: (0, _runtime.ax)(["_2rko1kw7 _bfhk1ncv _4t3i1kw7 _1bsbidpf"])
   }), children);
 };
 var leftControlsStyles = null;
@@ -123,7 +123,7 @@ var ControlsWrapper = exports.ControlsWrapper = /*#__PURE__*/(0, _react.forwardR
     ref: ref
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)(["_94n5idpf _1ltvidpf _1bsb1osq _4t3i1wug _11q7acks _kqswstnw", controlsHidden && "_1mygkb7n", (0, _getControlsWrapperClassName.getControlsWrapperClassName)(controlsHidden)])
+    className: (0, _runtime.ax)(["_11q7acks _94n5idpf _1ltvidpf _1bsb1osq _4t3i1wug _kqswstnw", controlsHidden && "_1mygkb7n", (0, _getControlsWrapperClassName.getControlsWrapperClassName)(controlsHidden)])
   }, props), children);
 });
 var volumeToggleWrapperStyles = null;
@@ -151,7 +151,7 @@ var MutedIndicator = exports.MutedIndicator = function MutedIndicator(_ref13) {
     children = _ref13.children,
     props = (0, _objectWithoutProperties2.default)(_ref13, _excluded13);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, props, {
-    className: (0, _runtime.ax)(["_1bsb1pa9 _4t3iyh40 _kqswstnw _154iu2gc _1ltvu2gc _1pbycs5v _bfhk18rw _t9ec17wz _tzy4idpf _lcxvglyw", isMuted && "_tzy4kb7n"])
+    className: (0, _runtime.ax)(["_bfhk18rw _1bsb1pa9 _4t3iyh40 _kqswstnw _154iu2gc _1ltvu2gc _1pbycs5v _t9ec17wz _tzy4idpf _lcxvglyw", isMuted && "_tzy4kb7n"])
   }), children);
 };
 var currentTimeTooltipStyles = null;
@@ -167,7 +167,7 @@ var CurrentTimeTooltip = exports.CurrentTimeTooltip = function CurrentTimeToolti
     props = (0, _objectWithoutProperties2.default)(_ref14, _excluded14);
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _runtime.ax)(["_kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _11c8qk37 _1yt4necs _2rko1b66 _1ltv1ssb _t9eczr6s _v564g17y _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
+    className: (0, _runtime.ax)(["_11c8qk37 _1yt4necs _2rko1b66 _v564g17y _kqswstnw _uiztglyw _154iukr8 _bfhk39qu _syaz1pcz _1ltv1ssb _t9eczr6s _1nmz16rz", isDragging && "_tzy4kb7n", !isDragging && "_tzy4idpf", timeLineThumbIsHover && "_tzy4kb7n", timeLineThumbIsFocus && "_tzy4kb7n", "current-time-tooltip"])
   }, props, {
     style: {
       "--_5sw9gb": (0, _runtime.ix)("var(--ds-space-050, 4px)".concat(" ", "var(--ds-space-100, 8px)"))
@@ -181,6 +181,6 @@ var TimeRangeWrapper = exports.TimeRangeWrapper = /*#__PURE__*/(0, _react.forwar
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _4t3iqslr _80omtlke _1bsb1osq _1az8glyw _1838glyw _1qcea6sd _4i4mdlk8 _9cyhdlk8 _14lz1lpd _1w9uglyw _7cve9ucv _iofsa6sd _1a96a6sd _dey49ucv _u2q4a6sd _17dfdlk8 _rs6wdlk8"])
+    className: (0, _runtime.ax)(["_1e0c1txw _4cvr1h6o _4t3iqslr _80omtlke _1bsb1osq _1qcea6sd _1az8glyw _1838glyw _4i4mdlk8 _9cyhdlk8 _14lz1lpd _u2q4a6sd _17dfdlk8 _rs6wdlk8 _1w9uglyw _7cve9ucv _iofsa6sd _1a96a6sd _dey49ucv"])
   }), children);
 });

package/dist/cjs/ellipsify-compiled.js

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

package/dist/cjs/inactivityDetector/styled-compiled.js

@@ -1,4 +1,4 @@
-/* styled-compiled.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* styled-compiled.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -26,6 +26,6 @@ var InactivityDetectorWrapper = exports.InactivityDetectorWrapper = /*#__PURE__*
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
     ref: ref
   }, props, {
-    className: (0, _runtime.ax)(["_1bsb1osq _4t3i1osq _1e0c1txw _16jlkb7n _1o9zkb7n _i0dlf1ug _1reoewfl _18m9ewfl _4cvr1h6o _1bah1h6o _kqswh2mm _1vqgg17y", controlsAreVisible && "_bq91kb7n", !controlsAreVisible && "_bq91idpf"])
+    className: (0, _runtime.ax)(["_16jlkb7n _1o9zkb7n _i0dlf1ug _1reoewfl _18m9ewfl _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _kqswh2mm _1vqgg17y", controlsAreVisible && "_bq91kb7n", !controlsAreVisible && "_bq91idpf"])
   }), children);
 });

package/dist/cjs/media-type-icon-compiled.js

@@ -1,4 +1,4 @@
-/* media-type-icon-compiled.tsx generated by @compiled/babel-plugin v0.32.2 */
+/* media-type-icon-compiled.tsx generated by @compiled/babel-plugin v0.33.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");