@atlaskit/media-card 79.6.1 → 79.6.3

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

@@ -1,106 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.UnhandledErrorCard = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-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("react");
-var _react2 = require("@emotion/react");
-var _statusWarningEditorWarning = _interopRequireDefault(require("@atlaskit/icon/core/migration/status-warning--editor-warning"));
-var _colors = require("@atlaskit/theme/colors");
-var _mediaUi = require("@atlaskit/media-ui");
-var _utils = require("../../../utils");
-var _contentLoadingErrorMessage = require("./contentLoadingErrorMessage");
-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
-var isPercentage = function isPercentage(value) {
-  return /^\d+(\.\d+)?%$/.test(value);
-};
-var shouldShowText = function shouldShowText(_ref) {
-  var width = _ref.width,
-    height = _ref.height;
-  if (isPercentage(width) || isPercentage(height)) {
-    return false;
-  }
-  return parseInt(width, 10) >= 240 && parseInt(height, 10) >= 90;
-};
-var normalizeDimension = function normalizeDimension(value, defaultValue) {
-  var sValue = value.toString();
-  return isPercentage(sValue) ? sValue : isNaN(parseInt(sValue, 10)) ? defaultValue + 'px' : parseInt(sValue, 10) + 'px';
-};
-var getConvertedDimension = function getConvertedDimension(dimensions) {
-  var _dimensions$width = dimensions.width,
-    width = _dimensions$width === void 0 ? _utils.defaultImageCardDimensions.width : _dimensions$width,
-    _dimensions$height = dimensions.height,
-    height = _dimensions$height === void 0 ? _utils.defaultImageCardDimensions.height : _dimensions$height;
-  return {
-    width: normalizeDimension(width, _utils.defaultImageCardDimensions.width),
-    height: normalizeDimension(height, _utils.defaultImageCardDimensions.height)
-  };
-};
-var wrapperStyles = function wrapperStyles() {
-  var dimensions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _utils.defaultImageCardDimensions;
-  try {
-    return (0, _react2.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
-    _mediaUi.center,
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    _mediaUi.borderRadius, {
-      background: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
-      color: "var(--ds-text-subtle, ".concat(_colors.N800, ")"),
-      maxHeight: '100%',
-      maxWidth: '100%'
-    },
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-    getConvertedDimension(dimensions), {
-      display: 'flex',
-      flexDirection: 'column',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      p: {
-        font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
-        textAlign: 'center'
-      }
-    });
-  } catch (e) {
-    return null;
-  }
-};
-var UnhandledErrorCard = exports.UnhandledErrorCard = /*#__PURE__*/function (_Component) {
-  function UnhandledErrorCard() {
-    (0, _classCallCheck2.default)(this, UnhandledErrorCard);
-    return _callSuper(this, UnhandledErrorCard, arguments);
-  }
-  (0, _inherits2.default)(UnhandledErrorCard, _Component);
-  return (0, _createClass2.default)(UnhandledErrorCard, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        dimensions = _this$props.dimensions,
-        onClick = _this$props.onClick;
-      var isErrorHidden = !shouldShowText(getConvertedDimension(dimensions !== null && dimensions !== void 0 ? dimensions : _utils.defaultImageCardDimensions));
-      return (
-        // eslint-disable-next-line @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlaskit/design-system/consistent-css-prop-usage, @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/no-static-element-interactions -- Ignored via go/DSP-18766
-        (0, _react2.jsx)("div", {
-          css: wrapperStyles(dimensions),
-          onClick: onClick
-        }, (0, _react2.jsx)(_statusWarningEditorWarning.default, {
-          label: "Error",
-          color: "var(--ds-icon-warning, ".concat(_colors.Y500, ")"),
-          LEGACY_size: "medium",
-          spacing: "spacious"
-        }), (0, _react2.jsx)(_contentLoadingErrorMessage.ContentLoadingErrorMessage, {
-          isHidden: isErrorHidden
-        }))
-      );
-    }
-  }]);
-}(_react.Component);

package/dist/cjs/card/ui/wrapper/imageContainer-emotion.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageContainer = void 0;
-var _react = require("@emotion/react");
-var _classnames = require("../../classnames");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var imageContainerStyles = (0, _react.css)({
-  display: 'flex',
-  position: 'relative',
-  maxWidth: '100%',
-  width: '100%',
-  height: '100%',
-  maxHeight: '100%',
-  overflow: 'hidden',
-  borderRadius: "var(--ds-radius-small, 3px)"
-});
-var imageContainerCenterStyles = (0, _react.css)({
-  flexDirection: 'column',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-var ImageContainer = exports.ImageContainer = function ImageContainer(_ref) {
-  var children = _ref.children,
-    mediaName = _ref.mediaName,
-    status = _ref.status,
-    progress = _ref.progress,
-    selected = _ref.selected,
-    source = _ref.source,
-    centerElements = _ref.centerElements;
-  return (0, _react.jsx)("div", {
-    css: [imageContainerStyles, centerElements && imageContainerCenterStyles],
-    "data-testid": _classnames.fileCardImageViewSelector
-    /**
-     * This wrapper MUST add the classname in order to allow the editor to prevent bubbling up the click event.
-     * See the method isInteractiveElement in source platform/packages/editor/renderer/src/ui/Renderer/click-to-edit.ts
-     * Also, many other consumer tests rely on this selector.
-     */
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: _classnames.fileCardImageViewSelector,
-    "data-test-media-name": mediaName,
-    "data-test-status": status,
-    "data-test-progress": progress,
-    "data-test-selected": selected,
-    "data-test-source": source
-  }, children);
-};

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

@@ -1,68 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = require("@emotion/react");
-var _cardConstants = require("../../cardConstants");
-var _styles = require("./styles");
-var _vcMedia = require("@atlaskit/react-ufo/vc-media");
-var _customData = _interopRequireDefault(require("@atlaskit/react-ufo/custom-data"));
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var Wrapper = exports.Wrapper = function Wrapper(props) {
-  var testId = props.testId,
-    dimensions = props.dimensions,
-    appearance = props.appearance,
-    onClick = props.onClick,
-    onMouseEnter = props.onMouseEnter,
-    innerRef = props.innerRef,
-    breakpoint = props.breakpoint,
-    mediaCardCursor = props.mediaCardCursor,
-    disableOverlay = props.disableOverlay,
-    selected = props.selected,
-    displayBackground = props.displayBackground,
-    isPlayButtonClickable = props.isPlayButtonClickable,
-    isTickBoxSelectable = props.isTickBoxSelectable,
-    shouldDisplayTooltip = props.shouldDisplayTooltip;
-  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: "newFileExperienceWrapper"
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: _cardConstants.newFileExperienceClassName,
-      "data-testid": testId
-      // 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)({
-        breakpoint: breakpoint,
-        dimensions: dimensions,
-        appearance: appearance,
-        disableOverlay: disableOverlay,
-        displayBackground: displayBackground,
-        selected: selected,
-        isPlayButtonClickable: isPlayButtonClickable,
-        isTickBoxSelectable: isTickBoxSelectable,
-        shouldDisplayTooltip: shouldDisplayTooltip,
-        mediaCardCursor: mediaCardCursor
-      }),
-      ref: innerRef,
-      onClick: onClick
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseEnter: onMouseEnter
-    }, _vcMedia.VcMediaWrapperProps), (0, _react.jsx)(_customData.default, {
-      data: {
-        hasMediaComponent: true
-      }
-    }), props.children)
-  );
-};

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

@@ -1,41 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { inlinePlayerWrapperStyles, inlinePlayerClassName } from './inlinePlayerWrapperStyles';
-import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
-import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-export const InlinePlayerWrapper = props => {
-  const {
-    testId,
-    selected,
-    dimensions,
-    onClick,
-    innerRef
-  } = 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
-    jsx("div", _extends({
-      id: "inlinePlayerWrapper",
-      "data-testid": testId
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: 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: inlinePlayerWrapperStyles({
-        selected,
-        dimensions
-      }),
-      onClick: onClick,
-      ref: innerRef
-    }, VcMediaWrapperProps), jsx(UFOCustomData, {
-      data: {
-        hasMediaComponent: true
-      }
-    }), props.children)
-  );
-};

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

@@ -1,90 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx, css } from '@emotion/react';
-import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { MediaCardError } from '../../errors';
-import { calculateSvgDimensions } from './helpers';
-import { useResolveSvg, MediaSVGError } from '@atlaskit/media-svg';
-const 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';
-  }
-};
-const svgRendererStyles = css({
-  objectFit: 'contain',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  backgroundColor: 'white' // This background color is for transparency
-});
-const svgRendererMaxDimensionStyles = css({
-  maxWidth: '100%',
-  maxHeight: '100%'
-});
-export const SvgView = ({
-  identifier,
-  resizeMode,
-  onLoad,
-  onError,
-  wrapperRef,
-  alt
-}) => {
-  const [didSvgRender, setDidSvgRender] = useState(false);
-  const [svgDimensions, setSvgDimensions] = useState({});
-  const imgRef = useRef(null);
-  const calculateDimensions = useCallback(targetImgElem => {
-    if (!wrapperRef.current || !targetImgElem) {
-      return;
-    }
-    setSvgDimensions(calculateSvgDimensions(targetImgElem, wrapperRef.current, resizeMode));
-  }, [resizeMode, wrapperRef]);
-  const onSvgLoad = evt => {
-    calculateDimensions(evt.currentTarget);
-    setDidSvgRender(true);
-    onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-  };
-  const onSvgError = err => {
-    const error = new MediaCardError(getErrorReason(err.primaryReason), err.secondaryError);
-    onError === null || onError === void 0 ? void 0 : onError(error);
-  };
-  useEffect(() => {
-    if (imgRef.current) {
-      calculateDimensions(imgRef.current);
-    }
-  }, [imgRef, calculateDimensions]);
-  const {
-    svgUrl,
-    source
-  } = useResolveSvg(identifier, onSvgError);
-  const {
-    width,
-    height
-  } = svgDimensions;
-  return svgUrl && source ? 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: {
-      visibility: didSvgRender ? 'visible' : 'hidden',
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-      ...svgDimensions
-    },
-    onLoad: onSvgLoad,
-    onError: () => {
-      onSvgError(new MediaSVGError('img-error'));
-    },
-    ref: imgRef
-  }) : null;
-};

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

@@ -1,26 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { wrapperStyles, actionsBarClassName } from './styles';
-export const 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
-    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: wrapperStyles(props.isFixed)
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: actionsBarClassName,
-      onClick: event => {
-        event.stopPropagation();
-        event.preventDefault();
-      }
-    }, props.children)
-  );
-};

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

@@ -1,28 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { forwardRef } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { cardActionButtonStyles } from './styles';
-export const CardActionButton = /*#__PURE__*/forwardRef((props, ref) => {
-  return jsx("button", _extends({}, 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: cardActionButtonStyles(props)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
-    ,
-    style: {
-      ...props.style,
-      cursor: props.disabled ? 'not-allowed' : 'default'
-    },
-    onClick: props.onClick,
-    onMouseDown: props.onMouseDown,
-    ref: ref
-  }), props.children);
-});

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

@@ -1,20 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { blanketStyles, blanketClassName } from './styles';
-export const Blanket = props => {
-  const {
-    isFixed
-  } = props;
-  return 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: blanketStyles(isFixed)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: blanketClassName,
-    "data-testid": "media-card-blanket"
-  });
-};

package/dist/es2019/card/ui/iconMessage/iconMessageWrapper-emotion.js

@@ -1,46 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { keyframes } from '@emotion/react';
-const breatheAnimation = keyframes({
-  '0%': {
-    opacity: 1
-  },
-  '50%': {
-    opacity: 0.3
-  },
-  '100%': {
-    opacity: 1
-  }
-});
-const animatedStyles = css({
-  animationName: breatheAnimation,
-  animationDuration: '3.5s',
-  animationTimingFunction: 'ease-in-out',
-  animationIterationCount: 'infinite'
-});
-const baseStyles = 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)"
-});
-export const IconMessageWrapper = props => {
-  const {
-    animated
-  } = props;
-  return jsx("div", {
-    id: "iconMessageWrapper",
-    css: [baseStyles, animated && animatedStyles]
-  }, props.children);
-};

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

@@ -1,22 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { iconWrapperStyles } from './styles';
-export const IconWrapper = props => {
-  const {
-    breakpoint,
-    hasTitleBox
-  } = props;
-  return 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: iconWrapperStyles({
-      breakpoint,
-      hasTitleBox
-    })
-  }, props.children);
-};

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

@@ -1,14 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { backgroundStyles, bkgClassName } from './styles';
-export const 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 jsx("div", {
-    css: backgroundStyles,
-    className: bkgClassName
-  });
-};

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

@@ -1,16 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { playButtonClassName, playButtonWrapperStyles } from './styles';
-export const 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
-    jsx("div", {
-      css: playButtonWrapperStyles,
-      className: playButtonClassName
-    }, props.children)
-  );
-};

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

@@ -1,30 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { styledBarStyles } from './styles';
-export const StyledBar = props => {
-  const {
-    progress,
-    breakpoint,
-    positionBottom,
-    showOnTop,
-    ariaLabel
-  } = props;
-  return 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: styledBarStyles({
-      progress,
-      breakpoint,
-      positionBottom,
-      showOnTop
-    })
-  });
-};

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

@@ -1,57 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { tickBoxClassName } from './styles';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-import { transition } from '../styles';
-import { B200 } from '@atlaskit/theme/colors';
-const getSelectedStyles = selected => selected ? `background-color: ${`var(--ds-icon-information, ${B200})`};
-      color: ${"var(--ds-icon-inverse, white)"};` : ``;
-const oldWrapperStyes = 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'
-    }
-  }
-});
-const wrapperStyles = selected => 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
-transition && 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';
-export const TickBoxWrapper = props => {
-  return jsx("div", {
-    id: "tickBoxWrapper",
-    css: [
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-    wrapperStyles(props.selected), !fg('platform-visual-refresh-icons') && oldWrapperStyes]
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    ,
-    className: tickBoxClassName
-  }, props.children);
-};