@atlaskit/media-card 79.6.1 → 79.6.3

package/dist/es2019/card/ui/titleBox/titleBoxComponents-emotion.js

@@ -1,71 +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 { errorMessageWrapperStyles, newTitleBoxIconStyles, titleBoxFooterStyles, titleBoxHeaderStyles, titleBoxIconStyles, titleBoxWrapperStyles } from './styles';
-export const TitleBoxWrapper = props => {
-  const {
-    breakpoint,
-    titleBoxBgColor,
-    hidden
-  } = props;
-  return 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: titleBoxWrapperStyles({
-      breakpoint: breakpoint,
-      display: hidden ? 'none' : 'flex',
-      titleBoxBgColor: titleBoxBgColor
-    })
-  }, props.children);
-};
-export const TitleBoxHeader = props => {
-  const {
-    hasIconOverlap
-  } = props;
-  return 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: titleBoxHeaderStyles({
-      hasIconOverlap
-    })
-  }, props.children);
-};
-export const TitleBoxFooter = props => {
-  const {
-    hasIconOverlap
-  } = props;
-  return 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: titleBoxFooterStyles({
-      hasIconOverlap
-    })
-  }, props.children);
-};
-export const TitleBoxIcon = props => {
-  return jsx("div", {
-    id: "titleBoxIcon",
-    "data-testid": "title-box-icon",
-    css: 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
-    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
-    titleBoxIconStyles
-  }, props.children);
-};
-export const 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 jsx("div", {
-    css: errorMessageWrapperStyles
-  }, props.children);
-};

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

@@ -1,85 +0,0 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { Component } from 'react';
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import WarningIcon from '@atlaskit/icon/core/migration/status-warning--editor-warning';
-import { N20, N800, Y500 } from '@atlaskit/theme/colors';
-import { center, borderRadius } from '@atlaskit/media-ui';
-import { defaultImageCardDimensions } from '../../../utils';
-import { ContentLoadingErrorMessage } from './contentLoadingErrorMessage';
-const isPercentage = value => /^\d+(\.\d+)?%$/.test(value);
-const shouldShowText = ({
-  width,
-  height
-}) => {
-  if (isPercentage(width) || isPercentage(height)) {
-    return false;
-  }
-  return parseInt(width, 10) >= 240 && parseInt(height, 10) >= 90;
-};
-const normalizeDimension = (value, defaultValue) => {
-  const sValue = value.toString();
-  return isPercentage(sValue) ? sValue : isNaN(parseInt(sValue, 10)) ? defaultValue + 'px' : parseInt(sValue, 10) + 'px';
-};
-const getConvertedDimension = dimensions => {
-  const {
-    width = defaultImageCardDimensions.width,
-    height = defaultImageCardDimensions.height
-  } = dimensions;
-  return {
-    width: normalizeDimension(width, defaultImageCardDimensions.width),
-    height: normalizeDimension(height, defaultImageCardDimensions.height)
-  };
-};
-const wrapperStyles = (dimensions = defaultImageCardDimensions) => {
-  try {
-    return 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
-    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
-    borderRadius, {
-      background: `var(--ds-background-neutral, ${N20})`,
-      color: `var(--ds-text-subtle, ${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;
-  }
-};
-export class UnhandledErrorCard extends Component {
-  render() {
-    const {
-      dimensions,
-      onClick
-    } = this.props;
-    const isErrorHidden = !shouldShowText(getConvertedDimension(dimensions !== null && dimensions !== void 0 ? dimensions : 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
-      jsx("div", {
-        css: wrapperStyles(dimensions),
-        onClick: onClick
-      }, jsx(WarningIcon, {
-        label: "Error",
-        color: `var(--ds-icon-warning, ${Y500})`,
-        LEGACY_size: "medium",
-        spacing: "spacious"
-      }), jsx(ContentLoadingErrorMessage, {
-        isHidden: isErrorHidden
-      }))
-    );
-  }
-}

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

@@ -1,47 +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 { fileCardImageViewSelector } from '../../classnames';
-const imageContainerStyles = css({
-  display: 'flex',
-  position: 'relative',
-  maxWidth: '100%',
-  width: '100%',
-  height: '100%',
-  maxHeight: '100%',
-  overflow: 'hidden',
-  borderRadius: "var(--ds-radius-small, 3px)"
-});
-const imageContainerCenterStyles = css({
-  flexDirection: 'column',
-  justifyContent: 'center',
-  alignItems: 'center'
-});
-export const ImageContainer = ({
-  children,
-  mediaName,
-  status,
-  progress,
-  selected,
-  source,
-  centerElements
-}) => jsx("div", {
-  css: [imageContainerStyles, centerElements && imageContainerCenterStyles],
-  "data-testid": 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: 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/es2019/card/ui/wrapper/wrapper-emotion.js

@@ -1,62 +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 { newFileExperienceClassName } from '../../cardConstants';
-import { wrapperStyles } from './styles';
-import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
-import UFOCustomData from '@atlaskit/react-ufo/custom-data';
-export const Wrapper = props => {
-  const {
-    testId,
-    dimensions,
-    appearance,
-    onClick,
-    onMouseEnter,
-    innerRef,
-    breakpoint,
-    mediaCardCursor,
-    disableOverlay,
-    selected,
-    displayBackground,
-    isPlayButtonClickable,
-    isTickBoxSelectable,
-    shouldDisplayTooltip
-  } = 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: "newFileExperienceWrapper"
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: 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: wrapperStyles({
-        breakpoint,
-        dimensions,
-        appearance,
-        disableOverlay,
-        displayBackground,
-        selected,
-        isPlayButtonClickable,
-        isTickBoxSelectable,
-        shouldDisplayTooltip,
-        mediaCardCursor
-      }),
-      ref: innerRef,
-      onClick: onClick
-      // eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
-      ,
-      onMouseEnter: onMouseEnter
-    }, VcMediaWrapperProps), jsx(UFOCustomData, {
-      data: {
-        hasMediaComponent: true
-      }
-    }), props.children)
-  );
-};

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

@@ -1,39 +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 var 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
-    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: selected,
-        dimensions: dimensions
-      }),
-      onClick: onClick,
-      ref: innerRef
-    }, VcMediaWrapperProps), jsx(UFOCustomData, {
-      data: {
-        hasMediaComponent: true
-      }
-    }), props.children)
-  );
-};

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

@@ -1,94 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-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) { _defineProperty(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
-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';
-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 = css({
-  objectFit: 'contain',
-  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
-  backgroundColor: 'white' // This background color is for transparency
-});
-var svgRendererMaxDimensionStyles = css({
-  maxWidth: '100%',
-  maxHeight: '100%'
-});
-export var 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 = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    didSvgRender = _useState2[0],
-    setDidSvgRender = _useState2[1];
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    svgDimensions = _useState4[0],
-    setSvgDimensions = _useState4[1];
-  var imgRef = useRef(null);
-  var calculateDimensions = useCallback(function (targetImgElem) {
-    if (!wrapperRef.current || !targetImgElem) {
-      return;
-    }
-    setSvgDimensions(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 MediaCardError(getErrorReason(err.primaryReason), err.secondaryError);
-    onError === null || onError === void 0 || onError(error);
-  };
-  useEffect(function () {
-    if (imgRef.current) {
-      calculateDimensions(imgRef.current);
-    }
-  }, [imgRef, calculateDimensions]);
-  var _useResolveSvg = useResolveSvg(identifier, onSvgError),
-    svgUrl = _useResolveSvg.svgUrl,
-    source = _useResolveSvg.source;
-  var width = svgDimensions.width,
-    height = svgDimensions.height;
-  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: _objectSpread({
-      visibility: didSvgRender ? 'visible' : 'hidden'
-    }, svgDimensions),
-    onLoad: onSvgLoad,
-    onError: function onError() {
-      onSvgError(new MediaSVGError('img-error'));
-    },
-    ref: imgRef
-  }) : null;
-};

package/dist/esm/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 var 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
-    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: function onClick(event) {
-        event.stopPropagation();
-        event.preventDefault();
-      }
-    }, props.children)
-  );
-};

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

@@ -1,30 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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) { _defineProperty(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
- */
-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 var CardActionButton = /*#__PURE__*/forwardRef(function (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: _objectSpread(_objectSpread({}, props.style), {}, {
-      cursor: props.disabled ? 'not-allowed' : 'default'
-    }),
-    onClick: props.onClick,
-    onMouseDown: props.onMouseDown,
-    ref: ref
-  }), props.children);
-});

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

@@ -1,18 +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 var Blanket = function Blanket(props) {
-  var isFixed = props.isFixed;
-  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/esm/card/ui/iconMessage/iconMessageWrapper-emotion.js

@@ -1,44 +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';
-var breatheAnimation = keyframes({
-  '0%': {
-    opacity: 1
-  },
-  '50%': {
-    opacity: 0.3
-  },
-  '100%': {
-    opacity: 1
-  }
-});
-var animatedStyles = css({
-  animationName: breatheAnimation,
-  animationDuration: '3.5s',
-  animationTimingFunction: 'ease-in-out',
-  animationIterationCount: 'infinite'
-});
-var 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 var IconMessageWrapper = function IconMessageWrapper(props) {
-  var animated = props.animated;
-  return jsx("div", {
-    id: "iconMessageWrapper",
-    css: [baseStyles, animated && animatedStyles]
-  }, props.children);
-};

package/dist/esm/card/ui/iconWrapper/iconWrapper-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 { iconWrapperStyles } from './styles';
-export var IconWrapper = function IconWrapper(props) {
-  var breakpoint = props.breakpoint,
-    hasTitleBox = props.hasTitleBox;
-  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: breakpoint,
-      hasTitleBox: hasTitleBox
-    })
-  }, props.children);
-};

package/dist/esm/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 var 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 jsx("div", {
-    css: backgroundStyles,
-    className: bkgClassName
-  });
-};

package/dist/esm/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 var 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
-    jsx("div", {
-      css: playButtonWrapperStyles,
-      className: playButtonClassName
-    }, props.children)
-  );
-};

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

@@ -1,28 +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 var StyledBar = function StyledBar(props) {
-  var progress = props.progress,
-    breakpoint = props.breakpoint,
-    positionBottom = props.positionBottom,
-    showOnTop = props.showOnTop,
-    ariaLabel = props.ariaLabel;
-  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: progress,
-      breakpoint: breakpoint,
-      positionBottom: positionBottom,
-      showOnTop: showOnTop
-    })
-  });
-};

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

@@ -1,60 +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';
-var getSelectedStyles = function getSelectedStyles(selected) {
-  return selected ? "background-color: ".concat("var(--ds-icon-information, ".concat(B200, ")"), ";\n      color: ", "var(--ds-icon-inverse, white)", ";") : "";
-};
-var 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'
-    }
-  }
-});
-var wrapperStyles = function wrapperStyles(selected) {
-  return 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 var TickBoxWrapper = function 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);
-};