@atlaskit/media-card 79.0.0 → 79.0.1

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

@@ -1,27 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 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 _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _iconWrapperCompiled = require("./iconWrapper-compiled");
+var _iconWrapperEmotion = require("./iconWrapper-emotion");
 var IconWrapper = exports.IconWrapper = function IconWrapper(props) {
-  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);
+  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_iconWrapperCompiled.IconWrapper, props) : /*#__PURE__*/_react.default.createElement(_iconWrapperEmotion.IconWrapper, props);
 };

package/dist/cjs/card/ui/playButton/playButtonBackground-compiled.compiled.css

@@ -0,0 +1,7 @@
+
+._2rko1osq{border-radius:100%}._1bsb1ezv{width:var(--_zq1rrr)}
+._1oec1yx9{transition-duration:.1s}
+._4t3i1ezv{height:var(--_zq1rrr)}
+._bfhk1ypx{background-color:var(--_gra0m5)}
+._k8m0jofv{transition-property:width,height}
+._kqswstnw{position:absolute}

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

@@ -0,0 +1,27 @@
+/* playButtonBackground-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.PlayButtonBackground = void 0;
+require("./playButtonBackground-compiled.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _colors = require("@atlaskit/theme/colors");
+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 discSize = 48;
+var backgroundStyles = null;
+var PlayButtonBackground = exports.PlayButtonBackground = function PlayButtonBackground() {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_2rko1osq _k8m0jofv _1oec1yx9 _kqswstnw _1bsb1ezv _4t3i1ezv _bfhk1ypx", _styles.bkgClassName]),
+    style: {
+      "--_zq1rrr": (0, _runtime.ix)("".concat(discSize, "px")),
+      "--_gra0m5": (0, _runtime.ix)("var(--ds-background-neutral-bold, ".concat(_colors.N90A, ")"))
+    }
+  });
+};

package/dist/cjs/card/ui/playButton/playButtonBackground-emotion.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlayButtonBackground = 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 PlayButtonBackground = exports.PlayButtonBackground = function PlayButtonBackground() {
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+  return (0, _react.jsx)("div", {
+    css: _styles.backgroundStyles,
+    className: _styles.bkgClassName
+  });
+};

package/dist/cjs/card/ui/playButton/playButtonWrapper-compiled.compiled.css

@@ -0,0 +1,10 @@
+._154iidpf{top:0}
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._1ltvidpf{left:0}
+._4cvr1h6o{align-items:center}
+._4t3i1osq{height:100%}
+._kqswstnw{position:absolute}
+._syazw5hi{color:var(--_1qgzj18)}
+._vr2wstnw span{position:absolute}

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

@@ -0,0 +1,24 @@
+/* playButtonWrapper-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.PlayButtonWrapper = void 0;
+require("./playButtonWrapper-compiled.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _colors = require("@atlaskit/theme/colors");
+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 playButtonWrapperStyles = null;
+var PlayButtonWrapper = exports.PlayButtonWrapper = function PlayButtonWrapper(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)(["_kqswstnw _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _1e0c1txw _4cvr1h6o _1bah1h6o _syazw5hi _vr2wstnw", _styles.playButtonClassName]),
+    style: {
+      "--_1qgzj18": (0, _runtime.ix)("var(--ds-icon-inverse, ".concat(_colors.N0, ")"))
+    }
+  }, props.children);
+};

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PlayButtonWrapper = 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 PlayButtonWrapper = exports.PlayButtonWrapper = function PlayButtonWrapper(props) {
+  return (
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    (0, _react.jsx)("div", {
+      css: _styles.playButtonWrapperStyles,
+      className: _styles.playButtonClassName
+    }, props.children)
+  );
+};

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

@@ -1,23 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PlayButtonWrapper = 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 _playButtonWrapperCompiled = require("./playButtonWrapper-compiled");
+var _playButtonWrapperEmotion = require("./playButtonWrapper-emotion");
 var PlayButtonWrapper = exports.PlayButtonWrapper = function PlayButtonWrapper(props) {
-  return (
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    (0, _react.jsx)("div", {
-      css: _styles.playButtonWrapperStyles,
-      className: _styles.playButtonClassName
-    }, props.children)
-  );
+  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_playButtonWrapperCompiled.PlayButtonWrapper, props) : /*#__PURE__*/_react.default.createElement(_playButtonWrapperEmotion.PlayButtonWrapper, props);
 };

package/dist/cjs/card/ui/progressBar/styledBar-compiled.compiled.css

@@ -0,0 +1,13 @@
+
+._1yt4xh0m{padding:var(--_cw4itz)}
+._2rko1l7b{border-radius:3px}._18m915vq{overflow-y:hidden}
+._1bsb1b7y{width:var(--_1xe2l1p)}
+._1e0c1ule{display:block}
+._1ltv1ghs{left:2.5%}
+._1reo15vq{overflow-x:hidden}
+._4t3i12iw{height:var(--_15ce6z9)}
+._4t3i1osq{height:100%}
+._bfhk1p0d{background-color:#44546f}
+._bfhkrcrw{background-color:hsla(0,0%,100%,.8)}
+._kqswstnw{position:absolute}
+._vchhusvi{box-sizing:border-box}

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

@@ -0,0 +1,66 @@
+/* styledBar-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.StyledBar = void 0;
+exports.generateResponsiveStyles = generateResponsiveStyles;
+require("./styledBar-compiled.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 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 height = 3;
+var padding = 1;
+var width = 95; // %
+
+var smallSizeSettings = {
+  marginBottom: 4
+};
+var largeSizeSettings = {
+  marginBottom: 12
+};
+function generateResponsiveStyles(breakpoint, positionBottom, showOnTop) {
+  var multiplier = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  var setting = breakpoint === _common.Breakpoint.SMALL ? smallSizeSettings : largeSizeSettings;
+  var marginPositionBottom = _common.responsiveSettings[breakpoint].titleBox.verticalPadding;
+  var marginBottom = setting.marginBottom * multiplier + (positionBottom ? marginPositionBottom : (0, _common.getTitleBoxHeight)(breakpoint));
+  var spacing = "".concat(marginBottom, "px");
+  return showOnTop ? {
+    top: spacing
+  } : {
+    bottom: spacing
+  };
+}
+var styledBarStyles = null;
+var styleChild = null;
+var StyledBar = exports.StyledBar = function StyledBar(props) {
+  var progress = props.progress,
+    breakpoint = props.breakpoint,
+    positionBottom = props.positionBottom,
+    showOnTop = props.showOnTop;
+  return /*#__PURE__*/React.createElement("div", {
+    id: "styledBar",
+    role: "progressbar",
+    "aria-valuenow": progress,
+    className: (0, _runtime.ax)(["_1reo15vq _18m915vq _1yt4xh0m _2rko1l7b _kqswstnw _1bsb1b7y _1ltv1ghs _bfhkrcrw _4t3i12iw _vchhusvi"]),
+    style: _objectSpread(_objectSpread({}, generateResponsiveStyles(breakpoint, positionBottom, showOnTop)), {}, {
+      "--_1xe2l1p": (0, _runtime.ix)("".concat(width, "%")),
+      "--_15ce6z9": (0, _runtime.ix)("".concat(height + padding * 2, "px")),
+      "--_cw4itz": (0, _runtime.ix)("".concat(padding, "px"))
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: "".concat(progress, "%")
+    },
+    className: (0, _runtime.ax)(["_2rko1l7b _bfhk1p0d _1e0c1ule _4t3i1osq"])
+  }));
+};
+StyledBar.displayName = 'StyledProgressBar';

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

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledBar = 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 StyledBar = exports.StyledBar = function StyledBar(props) {
+  var progress = props.progress,
+    breakpoint = props.breakpoint,
+    positionBottom = props.positionBottom,
+    showOnTop = props.showOnTop;
+  return (0, _react.jsx)("div", {
+    id: "styledBar",
+    role: "progressbar",
+    "aria-valuenow": progress
+    // 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.styledBarStyles)({
+      progress: progress,
+      breakpoint: breakpoint,
+      positionBottom: positionBottom,
+      showOnTop: showOnTop
+    })
+  });
+};

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

@@ -1,33 +1,14 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledBar = 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 _styledBarCompiled = require("./styledBar-compiled");
+var _styledBarEmotion = require("./styledBar-emotion");
 var StyledBar = exports.StyledBar = function StyledBar(props) {
-  var progress = props.progress,
-    breakpoint = props.breakpoint,
-    positionBottom = props.positionBottom,
-    showOnTop = props.showOnTop;
-  return (0, _react.jsx)("div", {
-    id: "styledBar",
-    role: "progressbar",
-    "aria-valuenow": progress
-    // 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.styledBarStyles)({
-      progress: progress,
-      breakpoint: breakpoint,
-      positionBottom: positionBottom,
-      showOnTop: showOnTop
-    })
-  });
+  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_styledBarCompiled.StyledBar, props) : /*#__PURE__*/_react.default.createElement(_styledBarEmotion.StyledBar, props);
 };

package/dist/cjs/card/ui/tickBox/tickBoxWrapper-compiled.compiled.css

@@ -0,0 +1,18 @@
+._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._2rkov47k{border-radius:var(--ds-space-250,20px)}
+._v564ybtr{transition:all .3s}
+._154i1tpr{top:var(--ds-space-075,7px)}
+._1b941ule span{display:block}
+._1bsbdlk8{width:14px}
+._1bsbpxbi{width:var(--ds-space-200,1pc)}
+._1e0c11p5{display:grid}
+._1ltv1tpr{left:var(--ds-space-075,7px)}
+._1mcmdlk8 span svg{height:14px}
+._4cvr1h6o{align-items:center}
+._4t3idlk8{height:14px}
+._4t3ipxbi{height:var(--ds-space-200,1pc)}
+._6a6z1h6o{justify-items:center}
+._bfhkqre5{background-color:var(--_1flhvp0)}
+._kqswstnw{position:absolute}
+._syaz1j28{color:transparent}
+._syaz5w2r{color:var(--ds-icon-inverse,#fff)}

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

@@ -0,0 +1,30 @@
+/* tickBoxWrapper-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.TickBoxWrapper = void 0;
+require("./tickBoxWrapper-compiled.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _styles = require("./styles");
+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 selectedStyles = null;
+var oldWrapperStyes = null;
+var wrapperStyles = null;
+var TickBoxWrapper = exports.TickBoxWrapper = function TickBoxWrapper(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    id: "tickBoxWrapper",
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    className: (0, _runtime.ax)(["_11c81oud _2rkov47k _4cvr1h6o _6a6z1h6o _v564ybtr _1bsbpxbi _4t3ipxbi _kqswstnw _154i1tpr _1ltv1tpr _syaz1j28 _1e0c11p5 _1b941ule", !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && "_1bsbdlk8 _4t3idlk8 _1mcmdlk8", props.selected && "_bfhkqre5 _syaz5w2r", _styles.tickBoxClassName]),
+    style: {
+      "--_1flhvp0": (0, _runtime.ix)("var(--ds-icon-information, ".concat(_colors.B200, ")"))
+    }
+  }, props.children);
+};
+TickBoxWrapper.displayName = 'TickBoxWrapper';

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

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TickBoxWrapper = void 0;
+var _react = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _styles = require("./styles");
+var _styles2 = require("../styles");
+var _colors = require("@atlaskit/theme/colors");
+/**
+ * @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 getSelectedStyles = function getSelectedStyles(selected) {
+  return selected ? "background-color: ".concat("var(--ds-icon-information, ".concat(_colors.B200, ")"), ";\n      color: ", "var(--ds-icon-inverse, white)", ";") : "";
+};
+var oldWrapperStyes = (0, _react.css)({
+  width: '14px',
+  height: '14px',
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+  span: {
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+    svg: {
+      height: '14px'
+    }
+  }
+});
+var wrapperStyles = function wrapperStyles(selected) {
+  return (0, _react.css)(
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  _styles2.transition && (0, _styles2.transition)(), {
+    font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+    width: "var(--ds-space-200, 16px)",
+    height: "var(--ds-space-200, 16px)",
+    position: 'absolute',
+    top: "var(--ds-space-075, 7px)",
+    left: "var(--ds-space-075, 7px)",
+    borderRadius: "var(--ds-space-250, 20px)",
+    color: 'transparent',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
+    span: {
+      display: 'block'
+    },
+    display: 'grid',
+    placeItems: 'center'
+  },
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
+  getSelectedStyles(selected));
+};
+wrapperStyles.displayName = 'TickBoxWrapper';
+var TickBoxWrapper = exports.TickBoxWrapper = function TickBoxWrapper(props) {
+  return (0, _react.jsx)("div", {
+    id: "tickBoxWrapper",
+    css: [
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    wrapperStyles(props.selected), !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && oldWrapperStyes]
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
+    className: _styles.tickBoxClassName
+  }, props.children);
+};

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

@@ -1,67 +1,15 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TickBoxWrapper = void 0;
-var _react = require("@emotion/react");
+var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _styles = require("./styles");
-var _styles2 = require("../styles");
-var _colors = require("@atlaskit/theme/colors");
-/**
- * @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 getSelectedStyles = function getSelectedStyles(selected) {
-  return selected ? "background-color: ".concat("var(--ds-icon-information, ".concat(_colors.B200, ")"), ";\n      color: ", "var(--ds-icon-inverse, white)", ";") : "";
-};
-var oldWrapperStyes = (0, _react.css)({
-  width: '14px',
-  height: '14px',
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-  span: {
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    svg: {
-      height: '14px'
-    }
-  }
-});
-var wrapperStyles = function wrapperStyles(selected) {
-  return (0, _react.css)(
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  _styles2.transition && (0, _styles2.transition)(), {
-    font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-    width: "var(--ds-space-200, 16px)",
-    height: "var(--ds-space-200, 16px)",
-    position: 'absolute',
-    top: "var(--ds-space-075, 7px)",
-    left: "var(--ds-space-075, 7px)",
-    borderRadius: "var(--ds-space-250, 20px)",
-    color: 'transparent',
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-    span: {
-      display: 'block'
-    },
-    display: 'grid',
-    placeItems: 'center'
-  },
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  getSelectedStyles(selected));
-};
-wrapperStyles.displayName = 'TickBoxWrapper';
+var _tickBoxWrapperCompiled = require("./tickBoxWrapper-compiled");
+var _tickBoxWrapperEmotion = require("./tickBoxWrapper-emotion");
 var TickBoxWrapper = exports.TickBoxWrapper = function TickBoxWrapper(props) {
-  return (0, _react.jsx)("div", {
-    id: "tickBoxWrapper",
-    css: [
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    wrapperStyles(props.selected), !(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') && oldWrapperStyes]
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: _styles.tickBoxClassName
-  }, props.children);
-};
+  return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_tickBoxWrapperCompiled.TickBoxWrapper, props) : /*#__PURE__*/_react.default.createElement(_tickBoxWrapperEmotion.TickBoxWrapper, props);
+};
+TickBoxWrapper.displayName = 'TickBoxWrapper';

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

@@ -0,0 +1,35 @@
+
+._zulpv77o{gap:var(--ds-space-025,2px)}._184u1b66 span:nth-child(2){margin-right:var(--ds-space-050,4px)}
+._18m915vq{overflow-y:hidden}
+._19bv1crf{padding-left:9pt}
+._19bvftgi{padding-left:8px}
+._1bah1h6o{justify-content:center}
+._1bah1y6m{justify-content:flex-start}
+._1bsb1osq{width:100%}
+._1bto1l2s{text-overflow:ellipsis}
+._1e0c1txw{display:flex}
+._1nm41b66 span:nth-child(2){margin-left:var(--ds-space-050,4px)}
+._1reo15vq{overflow-x:hidden}
+._1xi21b66{right:var(--ds-space-050,4px)}
+._2lx21bp4{flex-direction:column}
+._4cvr1h6o{align-items:center}
+._4t3i14no{height:36px}
+._4t3i1wqb{height:60px}
+._80om1kw7{cursor:inherit}
+._94n51b66{bottom:var(--ds-space-050,4px)}
+._94n5idpf{bottom:0}
+._bfhkvuon{background-color:var(--ds-surface,#fff)}
+._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
+._ca0q1y44{padding-top:4px}
+._ca0qftgi{padding-top:8px}
+._e4kmnkob span{vertical-align:middle}
+._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
+._kqswstnw{position:absolute}
+._lcxvglyw{pointer-events:none}
+._n3td1y44{padding-bottom:4px}
+._n3tdftgi{padding-bottom:8px}
+._o5721q9c{white-space:nowrap}
+._syaz1o8f{color:var(--_ggxzyp)}
+._u5f319bv{padding-right:10px}
+._u5f31crf{padding-right:9pt}
+._u5f3ftgi{padding-right:8px}