@atlaskit/media-card 77.12.1 → 77.12.2

package/dist/esm/card/ui/wrapper/wrapper.js

@@ -1,4 +1,5 @@
 /**@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';
@@ -22,7 +23,9 @@ export var Wrapper = function Wrapper(props) {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     ,
     className: newFileExperienceClassName,
-    "data-testid": testId,
+    "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: breakpoint,
       dimensions: dimensions,

package/dist/esm/card/v2/cardV2.js

@@ -9,7 +9,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.12.1";
+var packageVersion = "77.12.2";
 export var CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/v2/cardViewV2.js

@@ -3,6 +3,7 @@ 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; }
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React, { useEffect, useState, useRef } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/esm/card/v2/cardviews/cardViewWrapper.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["cardPreview", "testId", "dimensions", "appearance", "metadata", "selected", "selectable", "actions", "breakpoint", "disableOverlay", "titleBoxBgColor", "titleBoxIcon", "shouldHideTooltip", "children", "onClick", "onMouseEnter", "mediaCardCursor", "customBlanket", "customTitleBox", "progressBar", "shouldOpenMediaViewer", "openMediaViewerButtonRef", "overriddenCreationDate"];
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React from 'react';
 import Tooltip from '@atlaskit/tooltip';

package/dist/esm/card/v2/cardviews/errorCardView.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useRef } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/esm/card/v2/cardviews/iconCardView.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useEffect, useRef } from 'react';
 import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';

package/dist/esm/card/v2/cardviews/imageCardView.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useEffect, useRef } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/esm/card/v2/cardviews/index.js

@@ -1,6 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React, { useEffect, useState, useRef } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/esm/card/v2/cardviews/loadingCardView.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useEffect, useRef } from 'react';
 import SpinnerIcon from '@atlaskit/spinner';

package/dist/esm/card/v2/cardviews/processingCardView.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useEffect, useRef } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/esm/card/v2/cardviews/videoCardView.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { useEffect, useRef } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/esm/card/v2/svgView/svgView.js

@@ -1,5 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /** @jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React, { useState, useRef } from 'react';
 import { withAnalyticsEvents } from '@atlaskit/analytics-next';

package/dist/esm/inline/loader.js

@@ -103,7 +103,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "77.12.1",
+        packageName: "77.12.2",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/lightCards/errorIcon/index.js

@@ -7,6 +7,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**@jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Component } from 'react';
 import WarningIcon from '@atlaskit/icon/glyph/editor/warning';
@@ -22,12 +23,15 @@ export var ErrorIcon = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var size = this.props.size;
-      return jsx("div", {
-        css: errorIconWrapperStyles
-      }, jsx(WarningIcon, {
-        label: "Error",
-        size: size
-      }));
+      return (
+        // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+        jsx("div", {
+          css: errorIconWrapperStyles
+        }, jsx(WarningIcon, {
+          label: "Error",
+          size: size
+        }))
+      );
     }
   }]);
   return ErrorIcon;

package/dist/esm/utils/lightCards/errorIcon/styles.js

@@ -1,4 +1,7 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export var errorIconWrapperStyles = css({
   display: 'flex',
   color: "var(--ds-icon-warning, #ff991f)"

package/dist/esm/utils/lightCards/lightCardWrappers.js

@@ -1,11 +1,15 @@
 import _extends from "@babel/runtime/helpers/extends";
 /**@jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { wrapperStyles } from './styles';
 export var Wrapper = function Wrapper(props) {
-  return jsx("div", _extends({
-    css: wrapperStyles({
-      dimensions: props.dimensions
-    })
-  }, props), props.children);
+  return (
+    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+    jsx("div", _extends({
+      css: wrapperStyles({
+        dimensions: props.dimensions
+      })
+    }, props), props.children)
+  );
 };

package/dist/esm/utils/lightCards/styles.js

@@ -1,15 +1,22 @@
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 import { center, borderRadius } from '@atlaskit/media-ui';
 import { N20, N50 } from '@atlaskit/theme/colors';
 export var wrapperStyles = function wrapperStyles(_ref) {
   var dimensions = _ref.dimensions;
-  return css(center, {
+  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, {
     background: "var(--ds-background-neutral, ".concat(N20, ")"),
     color: "var(--ds-icon, ".concat(N50, ")")
-  }, borderRadius, {
+  },
+  // 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, {
     maxHeight: '100%',
     maxWidth: '100%',
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     width: dimensions.width,
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
     height: dimensions.height
   });
 };

package/dist/esm/utils/ufoExperiences.js

@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.12.1";
+var packageVersion = "77.12.2";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/types/card/ui/openMediaViewerButton/openMediaViewerButton.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
-export declare const visuallyHiddenStyles: import("@emotion/react").SerializedStyles;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     fileName: string;
     innerRef: React.Ref<HTMLButtonElement>;

package/dist/types-ts4.5/card/ui/openMediaViewerButton/openMediaViewerButton.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { type WrappedComponentProps } from 'react-intl-next';
-export declare const visuallyHiddenStyles: import("@emotion/react").SerializedStyles;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     fileName: string;
     innerRef: React.Ref<HTMLButtonElement>;

package/example-helpers/cardViewWrapper.tsx

@@ -1,4 +1,5 @@
 /**@jsx jsx */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import { Box, xcss } from '@atlaskit/primitives';
 
@@ -26,6 +27,7 @@ const largeStyles = xcss({
 
 const cardWrapperStyles = ({ small, displayInline }: CardViewWrapperProps) =>
 	xcss({
+		// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 		display: displayInlineStyles(displayInline),
 		marginBlock: 'space.200',
 		marginInline: 'space.250',

package/example-helpers/styles.ts

@@ -1,21 +1,26 @@
 import { token } from '@atlaskit/tokens';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css } from '@emotion/react';
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const editableCardOptionsStyles = css({
 	padding: token('space.250', '20px'),
 	borderBottom: `1px solid ${token('color.border', '#ccc')}`,
 	maxWidth: '700px',
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const sliderWrapperStyles = css({
 	display: 'flex',
 	width: '50%',
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
 	'> *': {
 		flex: 1,
 		margin: token('space.100', '8px'),
 	},
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const editableCardContentStyles = css({
 	padding: token('space.250', '20px'),
 	border: '2px dashed',
@@ -28,20 +33,24 @@ export const editableCardContentStyles = css({
 	boxSizing: 'border-box',
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const optionsWrapperStyles = css({
 	display: 'flex',
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
 	'> *': {
 		flex: 1,
 		margin: token('space.100', '8px'),
 	},
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const cardDimensionsWrapperStyles = css({
 	margin: `${token('space.100', '8px')} ${token('space.100', '8px')} ${token(
 		'space.250',
 		'20px',
 	)} ${token('space.100', '8px')}`,
 	display: 'flex',
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
 	'> div': {
 		border: `1px solid ${token('color.border.bold', 'black')}`,
 		margin: token('space.075', '6px'),
@@ -50,13 +59,16 @@ export const cardDimensionsWrapperStyles = css({
 	},
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const flexWrapperStyles = css({
 	display: 'flex',
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const cardPreviewWrapperStyles = css({
 	flex: 1,
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const cardWrapperStyles = css({
 	border: `1px solid ${token('color.border.bold', 'black')}`,
 	padding: token('space.150', '12px'),
@@ -68,45 +80,55 @@ export const cardWrapperStyles = css({
 	display: 'inline-block',
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const cardFlowHeaderStyles = css({
 	margin: `${token('space.250', '20px')} auto`,
 	padding: `${token('space.150', '12px')} ${token('space.0', '0px')}`,
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const externalIdentifierWrapperStyles = css({
 	display: 'flex',
 	justifyContent: 'space-around',
 	margin: `${token('space.0', '0px')} auto`,
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
 	h2: {
 		marginBottom: token('space.150', '12px'),
 	},
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const unhandledErrorCardWrapperStyles = css({
 	padding: token('space.250', '20px'),
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
 	'> div:first-child': {
 		display: 'flex',
 		marginBottom: token('space.250', '20px'),
 	},
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
 	label: {
 		marginRight: token('space.250', '20px'),
 	},
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const inlineCardVideoWrapperItemStyles = css({
 	padding: token('space.150', '12px'),
 	border: `1px solid ${token('color.border.bold', 'black')}`,
 	margin: token('space.150', '12px'),
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const mediaViewerExampleColumnStyles = css({
 	flex: 1,
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const mediaViewerExampleWrapperStyles = css({
 	display: 'flex',
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const mediaInlineWrapperStyles = css({
 	display: 'flex',
 	alignItems: 'center',
@@ -114,8 +136,10 @@ export const mediaInlineWrapperStyles = css({
 	margin: token('space.1000', '80px'),
 });
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
 export const mediaInlineTableStyles = css({
 	width: '800px',
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
 	'tr, td': {
 		border: `1px solid ${token('color.border', '#ddd')}`,
 	},

package/example-helpers/svg-helpers/cardContainer.tsx

@@ -1,10 +1,13 @@
 /** @jsx jsx */
 import React from 'react';
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 
 export const CardBox = ({ title, children }: { title: string; children: React.ReactNode }) => (
+	// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 	<div style={{ marginBottom: '10px' }}>
+		{/* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */}
 		<h3 style={{ textAlign: 'center' }}>{title}</h3>
 		{children}
 	</div>
@@ -13,9 +16,13 @@ export const CardBox = ({ title, children }: { title: string; children: React.Re
 export const CardRow = ({ children }: { children: React.ReactNode }) => (
 	<div
 		style={{
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 			display: 'flex',
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 			flexWrap: 'wrap',
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 			gap: '10px',
+			// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
 			marginBottom: '10px',
 		}}
 	>

package/example-helpers/svg-helpers/svgContainer.tsx

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
 
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 
 import { Box, xcss } from '@atlaskit/primitives';