@atlaskit/media-card 79.0.0 → 79.0.2

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

@@ -0,0 +1,29 @@
+/* actionsBarWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionsBarWrapper = void 0;
+require("./actionsBarWrapper-compiled.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _styles = require("./styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var wrapperStyles = null;
+var fixedActionBarStyle = null;
+var ActionsBarWrapper = exports.ActionsBarWrapper = function ActionsBarWrapper(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    id: "actionsBarWrapper",
+    "data-testId": "actionsBarWrapper",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: (0, _runtime.ax)(["_v564ybtr _2lx2vrvc _1n261q9c _zulpu2gc _kqswstnw _154iidpf _1xi2idpf _1e0c1txw _1bahusic _ca0qu2gc _n3tdu2gc _u5f3u2gc _19bvu2gc _tzy4idpf", props.isFixed && "_tzy4kb7n", _styles.actionsBarClassName]),
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+  }, props.children);
+};
+ActionsBarWrapper.displayName = 'ActionsBarWrapper';

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ActionsBarWrapper = void 0;
+var _react = require("@emotion/react");
+var _styles = require("./styles");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var ActionsBarWrapper = exports.ActionsBarWrapper = function ActionsBarWrapper(props) {
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    (0, _react.jsx)("div", {
+      id: "actionsBarWrapper",
+      "data-testId": "actionsBarWrapper"
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      ,
+      css: (0, _styles.wrapperStyles)(props.isFixed)
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: _styles.actionsBarClassName,
+      onClick: function onClick(event) {
+        event.stopPropagation();
+        event.preventDefault();
+      }
+    }, props.children)
+  );
+};

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

@@ -1,33 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ActionsBarWrapper = void 0;
-var _react = require("@emotion/react");
-var _styles = require("./styles");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+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 (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    (0, _react.jsx)("div", {
-      id: "actionsBarWrapper",
-      "data-testId": "actionsBarWrapper"
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ,
-      css: (0, _styles.wrapperStyles)(props.isFixed)
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: _styles.actionsBarClassName,
-      onClick: function onClick(event) {
-        event.stopPropagation();
-        event.preventDefault();
-      }
-    }, props.children)
-  );
+  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_actionsBarWrapperCompiled.ActionsBarWrapper, props) : /*#__PURE__*/_react.default.createElement(_actionsBarWrapperEmotion.ActionsBarWrapper, props);
 };

package/dist/cjs/card/ui/actionsBar/cardActions/cardActionButton-compiled.compiled.css

@@ -0,0 +1,13 @@
+._19itglyw{border:none}
+._2rko1sit{border-radius:var(--ds-border-radius,3px)}
+._1bah1h6o{justify-content:center}
+._1bsb1ou6{width:26px}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._4t3i1ou6{height:26px}
+._bfhk1pja{background-color:var(--ds-surface-overlay,hsla(0,0%,100%,.8))}
+._r06hglyw{-webkit-appearance:none;appearance:none}
+._syaz5lkc{color:var(--_1o4qw9f)}
+._d0altlke:hover{cursor:pointer}
+._irr3tl7t:hover{background-color:var(--ds-surface-overlay-hovered,hsla(0,0%,100%,.6))}
+._irr3x5l4:hover{background-color:var(--ds-background-neutral-subtle-hovered,rgba(9,30,66,.06))}

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

@@ -0,0 +1,41 @@
+/* cardActionButton-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardActionButton = void 0;
+require("./cardActionButton-compiled.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _colors = require("@atlaskit/theme/colors");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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; } // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var variantStyleMap = {
+  filled: "_bfhk1pja _irr3tl7t",
+  default: "_irr3x5l4"
+};
+var cardActionButtonStyles = null;
+var CardActionButton = exports.CardActionButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _props$variant;
+  return /*#__PURE__*/React.createElement("button", (0, _extends2.default)({}, props, {
+    id: "cardActionButton",
+    "data-testid": "media-card-primary-action",
+    "aria-label": props.label,
+    onClick: props.onClick,
+    onMouseDown: props.onMouseDown,
+    ref: ref,
+    className: (0, _runtime.ax)(["_19itglyw _2rko1sit _r06hglyw _1e0c1txw _4cvr1h6o _1bah1h6o _1bsb1ou6 _4t3i1ou6 _syaz5lkc _d0altlke", variantStyleMap[(_props$variant = props.variant) !== null && _props$variant !== void 0 ? _props$variant : 'default']]),
+    style: _objectSpread(_objectSpread({}, props.style), {}, {
+      cursor: props.disabled ? 'not-allowed' : 'default',
+      "--_1o4qw9f": (0, _runtime.ix)("var(--ds-icon, ".concat(_colors.N500, ")"))
+    })
+  }), props.children);
+});

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

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardActionButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = require("react");
+var _react2 = require("@emotion/react");
+var _styles = require("./styles");
+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; } /**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var CardActionButton = exports.CardActionButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  return (0, _react2.jsx)("button", (0, _extends2.default)({}, props, {
+    id: "cardActionButton",
+    "data-testid": "media-card-primary-action",
+    "aria-label": props.label
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
+    css: (0, _styles.cardActionButtonStyles)(props)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
+    style: _objectSpread(_objectSpread({}, props.style), {}, {
+      cursor: props.disabled ? 'not-allowed' : 'default'
+    }),
+    onClick: props.onClick,
+    onMouseDown: props.onMouseDown,
+    ref: ref
+  }), props.children);
+});

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

@@ -1,35 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CardActionButton = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
-var _styles = require("./styles");
-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; } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var _react = _interopRequireWildcard(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _cardActionButtonCompiled = require("./cardActionButton-compiled");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var CardActionButton = exports.CardActionButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return (0, _react2.jsx)("button", (0, _extends2.default)({}, props, {
-    id: "cardActionButton",
-    "data-testid": "media-card-primary-action",
-    "aria-label": props.label
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    ,
-    css: (0, _styles.cardActionButtonStyles)(props)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: _objectSpread(_objectSpread({}, props.style), {}, {
-      cursor: props.disabled ? 'not-allowed' : 'default'
-    }),
-    onClick: props.onClick,
-    onMouseDown: props.onMouseDown,
+  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_cardActionButtonCompiled.CardActionButton, (0, _extends2.default)({}, props, {
     ref: ref
-  }), props.children);
+  })) : /*#__PURE__*/_react.default.createElement(_cardActionButtonCompiled.CardActionButton, (0, _extends2.default)({}, props, {
+    ref: ref
+  }));
 });

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

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,15 +11,13 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = require("@emotion/react");
-var _react2 = require("react");
+var _react = _interopRequireWildcard(require("react"));
 var _cardActionIconButton = require("./cardActionIconButton");
 var _cardActionsDropdownMenu = require("./cardActionsDropdownMenu");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var CardActionsView = exports.CardActionsView = /*#__PURE__*/function (_Component) {
   function CardActionsView() {
     (0, _classCallCheck2.default)(this, CardActionsView);
@@ -34,7 +33,7 @@ var CardActionsView = exports.CardActionsView = /*#__PURE__*/function (_Componen
       }
       var primaryAction = actions.find(actionWithIcon);
       var otherActions = actions.filter(actionNotEqualTo(primaryAction));
-      return (0, _react.jsx)(_react2.Fragment, null, primaryAction ? this.renderActionIconButton(primaryAction, true) : null, this.renderOtherActionButtons(otherActions));
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, primaryAction ? this.renderActionIconButton(primaryAction, true) : null, this.renderOtherActionButtons(otherActions));
     }
   }, {
     key: "renderActionIconButton",
@@ -48,7 +47,7 @@ var CardActionsView = exports.CardActionsView = /*#__PURE__*/function (_Componen
         label = action.label,
         isDisabled = action.isDisabled,
         tooltip = action.tooltip;
-      return (0, _react.jsx)(_cardActionIconButton.CardActionIconButton, {
+      return /*#__PURE__*/_react.default.createElement(_cardActionIconButton.CardActionIconButton, {
         icon: icon,
         label: label,
         filename: filename,
@@ -77,7 +76,7 @@ var CardActionsView = exports.CardActionsView = /*#__PURE__*/function (_Componen
         if (firstActionWithIcon && otherActions.length === 0) {
           return this.renderActionIconButton(firstActionWithIcon, false);
         } else {
-          return (0, _react.jsx)(_cardActionsDropdownMenu.CardActionsDropdownMenu, {
+          return /*#__PURE__*/_react.default.createElement(_cardActionsDropdownMenu.CardActionsDropdownMenu, {
             actions: actions,
             triggerColor: triggerColor,
             onOpenChange: onToggle,
@@ -87,7 +86,7 @@ var CardActionsView = exports.CardActionsView = /*#__PURE__*/function (_Componen
       }
     }
   }]);
-}(_react2.Component);
+}(_react.Component);
 function actionWithIcon(action) {
   return !!action.icon;
 }

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

@@ -0,0 +1,9 @@
+
+._v564ybtr{transition:all .3s}._154iidpf{top:0}
+._1bsb1osq{width:100%}
+._1ltvidpf{left:0}
+._4t3i1osq{height:100%}
+._bfhk326j{background-color:var(--_1ox8nit)}
+._c71l1osq{max-height:100%}
+._kqswstnw{position:absolute}
+._p12f1osq{max-width:100%}

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

@@ -0,0 +1,30 @@
+/* blanket-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fixedBlanketStyles = exports.blanketClassName = exports.Blanket = void 0;
+require("./blanket-compiled.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _colors = require("@atlaskit/theme/colors");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var blanketClassName = exports.blanketClassName = 'media-card-blanket';
+var fixedBlanketStyles = exports.fixedBlanketStyles = "background-color: ".concat("var(--ds-blanket, ".concat(_colors.N90A, ")"), ";");
+var blanketStyles = null;
+var fixedBlanketStyle = null;
+var Blanket = exports.Blanket = function Blanket(props) {
+  var isFixed = props.isFixed;
+  return /*#__PURE__*/React.createElement("div", {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: (0, _runtime.ax)(["_v564ybtr _kqswstnw _1bsb1osq _4t3i1osq _c71l1osq _p12f1osq _1ltvidpf _154iidpf", isFixed && "_bfhk326j", blanketClassName]),
+    "data-testid": "media-card-blanket",
+    style: {
+      "--_1ox8nit": (0, _runtime.ix)("var(--ds-blanket, ".concat(_colors.N90A, ")"))
+    }
+  });
+};
+Blanket.displayName = 'Blanket';

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Blanket = void 0;
+var _react = require("@emotion/react");
+var _styles = require("./styles");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var Blanket = exports.Blanket = function Blanket(props) {
+  var isFixed = props.isFixed;
+  return (0, _react.jsx)("div", {
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    css: (0, _styles.blanketStyles)(isFixed)
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: _styles.blanketClassName,
+    "data-testid": "media-card-blanket"
+  });
+};

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

@@ -1,25 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Blanket = void 0;
-var _react = require("@emotion/react");
-var _styles = require("./styles");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
+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) {
-  var isFixed = props.isFixed;
-  return (0, _react.jsx)("div", {
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    css: (0, _styles.blanketStyles)(isFixed)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: _styles.blanketClassName,
-    "data-testid": "media-card-blanket"
-  });
+  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_blanketCompiled.Blanket, props) : /*#__PURE__*/_react.default.createElement(_blanketEmotion.Blanket, props);
 };

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

@@ -0,0 +1,14 @@
+
+._18zru2gc{padding-inline:var(--ds-space-100,8px)}
+._1rjc1b66{padding-block:var(--ds-space-050,4px)}._18m915vq{overflow-y:hidden}
+._1pgl1ytf{animation-timing-function:ease-in-out}
+._1reo15vq{overflow-x:hidden}
+._5sag1nwe{animation-duration:3.5s}
+._j7hqq7op{animation-name:k1o0pcpo}
+._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._otyr1d21{margin-bottom:-1em}
+._syaz1e9r{color:var(--ds-text-subtlest,#7a869a)}
+._tip812c5{animation-iteration-count:infinite}
+._tzy4kb7n{opacity:1}
+._y3gn1h6o{text-align:center}
+@keyframes k1o0pcpo{0%{opacity:1}50%{opacity:.3}to{opacity:1}}

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

@@ -0,0 +1,23 @@
+/* iconMessageWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconMessageWrapper = void 0;
+require("./iconMessageWrapper-compiled.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var breatheAnimation = null;
+var animatedStyles = null;
+var baseStyles = null;
+var IconMessageWrapper = exports.IconMessageWrapper = function IconMessageWrapper(props) {
+  var animated = props.animated;
+  return /*#__PURE__*/React.createElement("div", {
+    id: "iconMessageWrapper",
+    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-emotion.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconMessageWrapper = void 0;
+var _react = require("@emotion/react");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var breatheAnimation = (0, _react.keyframes)({
+  '0%': {
+    opacity: 1
+  },
+  '50%': {
+    opacity: 0.3
+  },
+  '100%': {
+    opacity: 1
+  }
+});
+var animatedStyles = (0, _react.css)({
+  animationName: breatheAnimation,
+  animationDuration: '3.5s',
+  animationTimingFunction: 'ease-in-out',
+  animationIterationCount: 'infinite'
+});
+var baseStyles = (0, _react.css)({
+  overflow: 'hidden',
+  opacity: 1,
+  fontWeight: "var(--ds-font-weight-medium, 500)",
+  color: "var(--ds-text-subtlest, #7A869A)",
+  textAlign: 'center',
+  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
+  marginBottom: '-1em',
+  // Needs pixel precision to align the icon at the center of the box
+  paddingBlock: "var(--ds-space-050, 4px)",
+  paddingInline: "var(--ds-space-100, 8px)"
+});
+var IconMessageWrapper = exports.IconMessageWrapper = function IconMessageWrapper(props) {
+  var animated = props.animated;
+  return (0, _react.jsx)("div", {
+    id: "iconMessageWrapper",
+    css: [baseStyles, animated && animatedStyles]
+  }, props.children);
+};

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

@@ -1,51 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.IconMessageWrapper = void 0;
-var _react = require("@emotion/react");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var breatheAnimation = (0, _react.keyframes)({
-  '0%': {
-    opacity: 1
-  },
-  '50%': {
-    opacity: 0.3
-  },
-  '100%': {
-    opacity: 1
-  }
-});
-var animatedStyles = (0, _react.css)({
-  animationName: breatheAnimation,
-  animationDuration: '3.5s',
-  animationTimingFunction: 'ease-in-out',
-  animationIterationCount: 'infinite'
-});
-var baseStyles = (0, _react.css)({
-  overflow: 'hidden',
-  opacity: 1,
-  fontWeight: "var(--ds-font-weight-medium, 500)",
-  color: "var(--ds-text-subtlest, #7A869A)",
-  textAlign: 'center',
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
-  marginBottom: '-1em',
-  // Needs pixel precision to align the icon at the center of the box
-  paddingBlock: "var(--ds-space-050, 4px)",
-  paddingInline: "var(--ds-space-100, 8px)"
-});
+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) {
-  var animated = props.animated;
-  return (0, _react.jsx)("div", {
-    id: "iconMessageWrapper",
-    css: [baseStyles, animated && animatedStyles]
-  }, props.children);
+  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_iconMessageWrapperCompiled.IconMessageWrapper, props) : /*#__PURE__*/_react.default.createElement(_iconMessageWrapperEmotion.IconMessageWrapper, props);
 };

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

@@ -0,0 +1,6 @@
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}
+._kqswstnw{position:absolute}

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

@@ -0,0 +1,38 @@
+/* iconWrapper-compiled.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconWrapper = void 0;
+exports.titleBoxHeight = titleBoxHeight;
+require("./iconWrapper-compiled.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _common = require("../common");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function titleBoxHeight(hasTitleBox, breakpoint) {
+  // there is no titlebox
+  if (!hasTitleBox) {
+    return "0px";
+  }
+
+  // calculate height of the titlebox
+  var marginBottom = (0, _common.getTitleBoxHeight)(breakpoint);
+  return "".concat(marginBottom, "px");
+}
+var iconWrapperStyles = null;
+var IconWrapper = exports.IconWrapper = function IconWrapper(props) {
+  var breakpoint = props.breakpoint,
+    hasTitleBox = props.hasTitleBox;
+  return /*#__PURE__*/React.createElement("div", {
+    id: "iconWrapper",
+    style: {
+      height: "calc(100% - ".concat(titleBoxHeight(hasTitleBox, breakpoint), ")")
+    },
+    className: (0, _runtime.ax)(["_kqswstnw _1bsb1osq _1e0c1txw _2lx21bp4 _1bah1h6o _4cvr1h6o"])
+  }, props.children);
+};
+IconWrapper.displayName = 'MediaIconWrapper';

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconWrapper = void 0;
+var _react = require("@emotion/react");
+var _styles = require("./styles");
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+
+var IconWrapper = exports.IconWrapper = function IconWrapper(props) {
+  var breakpoint = props.breakpoint,
+    hasTitleBox = props.hasTitleBox;
+  return (0, _react.jsx)("div", {
+    id: "iconWrapper"
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    ,
+    css: (0, _styles.iconWrapperStyles)({
+      breakpoint: breakpoint,
+      hasTitleBox: hasTitleBox
+    })
+  }, props.children);
+};