@atlaskit/media-card 79.6.1 → 79.6.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "79.6.1",
+	"version": "79.6.3",
 	"description": "Includes all media card related components, CardView, CardViewSmall, Card...",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -33,13 +33,13 @@
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.1.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
-		"@atlaskit/editor-shared-styles": "^3.8.0",
+		"@atlaskit/editor-shared-styles": "^3.9.0",
 		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/media-client": "^35.5.0",
+		"@atlaskit/media-client": "^35.6.0",
 		"@atlaskit/media-client-react": "^4.1.0",
 		"@atlaskit/media-common": "^12.3.0",
-		"@atlaskit/media-file-preview": "^0.11.0",
+		"@atlaskit/media-file-preview": "^0.12.0",
 		"@atlaskit/media-svg": "^2.1.0",
 		"@atlaskit/media-ui": "^28.7.0",
 		"@atlaskit/media-viewer": "^52.4.0",
@@ -114,9 +114,6 @@
 		"platform_media_cdn_single_host": {
 			"type": "boolean"
 		},
-		"platform_media_compiled": {
-			"type": "boolean"
-		},
 		"platform_editor_ssr_media": {
 			"type": "boolean"
 		},

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

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.InlinePlayerWrapper = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-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"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var InlinePlayerWrapper = exports.InlinePlayerWrapper = function InlinePlayerWrapper(props) {
-  var testId = props.testId,
-    selected = props.selected,
-    dimensions = props.dimensions,
-    onClick = props.onClick,
-    innerRef = props.innerRef;
-  return (
-    // eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
-    (0, _react.jsx)("div", (0, _extends2.default)({
-      id: "inlinePlayerWrapper",
-      "data-testid": testId
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: _inlinePlayerWrapperStyles.inlinePlayerClassName
-      // 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, _inlinePlayerWrapperStyles.inlinePlayerWrapperStyles)({
-        selected: selected,
-        dimensions: dimensions
-      }),
-      onClick: onClick,
-      ref: innerRef
-    }, _vcMedia.VcMediaWrapperProps), (0, _react.jsx)(_customData.default, {
-      data: {
-        hasMediaComponent: true
-      }
-    }), props.children)
-  );
-};

package/dist/cjs/card/svgView/svgImage-emotion.js

@@ -1,101 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SvgView = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("@emotion/react");
-var _react2 = _interopRequireWildcard(require("react"));
-var _errors = require("../../errors");
-var _helpers = require("./helpers");
-var _mediaSvg = require("@atlaskit/media-svg");
-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; } /**
- * @jsxRuntime classic
- * @jsx jsx
- */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-var getErrorReason = function getErrorReason(svgReason) {
-  switch (svgReason) {
-    case 'img-error':
-      return 'svg-img-error';
-    case 'binary-fetch':
-      return 'svg-binary-fetch';
-    case 'blob-to-datauri':
-      return 'svg-blob-to-datauri';
-    default:
-      return 'svg-unknown-error';
-  }
-};
-var svgRendererStyles = (0, _react.css)({
-  objectFit: 'contain',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  backgroundColor: 'white' // This background color is for transparency
-});
-var svgRendererMaxDimensionStyles = (0, _react.css)({
-  maxWidth: '100%',
-  maxHeight: '100%'
-});
-var SvgView = exports.SvgView = function SvgView(_ref) {
-  var identifier = _ref.identifier,
-    resizeMode = _ref.resizeMode,
-    onLoad = _ref.onLoad,
-    onError = _ref.onError,
-    wrapperRef = _ref.wrapperRef,
-    alt = _ref.alt;
-  var _useState = (0, _react2.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    didSvgRender = _useState2[0],
-    setDidSvgRender = _useState2[1];
-  var _useState3 = (0, _react2.useState)({}),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    svgDimensions = _useState4[0],
-    setSvgDimensions = _useState4[1];
-  var imgRef = (0, _react2.useRef)(null);
-  var calculateDimensions = (0, _react2.useCallback)(function (targetImgElem) {
-    if (!wrapperRef.current || !targetImgElem) {
-      return;
-    }
-    setSvgDimensions((0, _helpers.calculateSvgDimensions)(targetImgElem, wrapperRef.current, resizeMode));
-  }, [resizeMode, wrapperRef]);
-  var onSvgLoad = function onSvgLoad(evt) {
-    calculateDimensions(evt.currentTarget);
-    setDidSvgRender(true);
-    onLoad === null || onLoad === void 0 || onLoad();
-  };
-  var onSvgError = function onSvgError(err) {
-    var error = new _errors.MediaCardError(getErrorReason(err.primaryReason), err.secondaryError);
-    onError === null || onError === void 0 || onError(error);
-  };
-  (0, _react2.useEffect)(function () {
-    if (imgRef.current) {
-      calculateDimensions(imgRef.current);
-    }
-  }, [imgRef, calculateDimensions]);
-  var _useResolveSvg = (0, _mediaSvg.useResolveSvg)(identifier, onSvgError),
-    svgUrl = _useResolveSvg.svgUrl,
-    source = _useResolveSvg.source;
-  var width = svgDimensions.width,
-    height = svgDimensions.height;
-  return svgUrl && source ? (0, _react.jsx)("img", {
-    "data-testid": 'media-card-svg',
-    "data-fileid": identifier.id,
-    "data-filecollection": identifier.collectionName,
-    "data-source": source,
-    src: svgUrl,
-    alt: alt,
-    css: [svgRendererStyles, !width && !height && svgRendererMaxDimensionStyles],
-    style: _objectSpread({
-      visibility: didSvgRender ? 'visible' : 'hidden'
-    }, svgDimensions),
-    onLoad: onSvgLoad,
-    onError: function onError() {
-      onSvgError(new _mediaSvg.MediaSVGError('img-error'));
-    },
-    ref: imgRef
-  }) : null;
-};

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

@@ -1,33 +0,0 @@
-"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 @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/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/cardActions/cardActionButton-emotion.js

@@ -1,35 +0,0 @@
-"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/blanket/blanket-emotion.js

@@ -1,25 +0,0 @@
-"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/iconMessage/iconMessageWrapper-emotion.js

@@ -1,51 +0,0 @@
-"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/iconWrapper/iconWrapper-emotion.js

@@ -1,27 +0,0 @@
-"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);
-};

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

@@ -1,21 +0,0 @@
-"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-emotion.js

@@ -1,23 +0,0 @@
-"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/progressBar/styledBar-emotion.js

@@ -1,35 +0,0 @@
-"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,
-    ariaLabel = props.ariaLabel;
-  return (0, _react.jsx)("div", {
-    id: "styledBar",
-    role: "progressbar",
-    "aria-valuenow": progress,
-    "aria-label": ariaLabel
-    // 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/tickBox/tickBoxWrapper-emotion.js

@@ -1,67 +0,0 @@
-"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, \"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/titleBox/titleBoxComponents-emotion.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TitleBoxWrapper = exports.TitleBoxIcon = exports.TitleBoxHeader = exports.TitleBoxFooter = exports.ErrorMessageWrapper = void 0;
-var _react = require("@emotion/react");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _styles = require("./styles");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var TitleBoxWrapper = exports.TitleBoxWrapper = function TitleBoxWrapper(props) {
-  var breakpoint = props.breakpoint,
-    titleBoxBgColor = props.titleBoxBgColor,
-    hidden = props.hidden;
-  return (0, _react.jsx)("div", {
-    id: "titleBoxWrapper",
-    "data-testid": "media-title-box"
-    // 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.titleBoxWrapperStyles)({
-      breakpoint: breakpoint,
-      display: hidden ? 'none' : 'flex',
-      titleBoxBgColor: titleBoxBgColor
-    })
-  }, props.children);
-};
-var TitleBoxHeader = exports.TitleBoxHeader = function TitleBoxHeader(props) {
-  var hasIconOverlap = props.hasIconOverlap;
-  return (0, _react.jsx)("div", {
-    id: "titleBoxHeader",
-    "data-testid": "title-box-header"
-    // 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.titleBoxHeaderStyles)({
-      hasIconOverlap: hasIconOverlap
-    })
-  }, props.children);
-};
-var TitleBoxFooter = exports.TitleBoxFooter = function TitleBoxFooter(props) {
-  var hasIconOverlap = props.hasIconOverlap;
-  return (0, _react.jsx)("div", {
-    id: "titleBoxFooter",
-    "data-testid": "title-box-footer"
-    // 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.titleBoxFooterStyles)({
-      hasIconOverlap: hasIconOverlap
-    })
-  }, props.children);
-};
-var TitleBoxIcon = exports.TitleBoxIcon = function TitleBoxIcon(props) {
-  return (0, _react.jsx)("div", {
-    id: "titleBoxIcon",
-    "data-testid": "title-box-icon",
-    css: (0, _platformFeatureFlags.fg)('platform-visual-refresh-icons') ?
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    _styles.newTitleBoxIconStyles :
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-    _styles.titleBoxIconStyles
-  }, props.children);
-};
-var ErrorMessageWrapper = exports.ErrorMessageWrapper = function ErrorMessageWrapper(props) {
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-  return (0, _react.jsx)("div", {
-    css: _styles.errorMessageWrapperStyles
-  }, props.children);
-};