@atlaskit/media-card 77.11.1 → 77.11.3

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

@@ -57,7 +57,8 @@ export var CardViewV2Base = function CardViewV2Base(_ref) {
     disableAnimation = _ref.disableAnimation,
     _ref$openMediaViewerB = _ref.openMediaViewerButtonRef,
     openMediaViewerButtonRef = _ref$openMediaViewerB === void 0 ? null : _ref$openMediaViewerB,
-    shouldOpenMediaViewer = _ref.shouldOpenMediaViewer;
+    shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
+    overriddenCreationDate = _ref.overriddenCreationDate;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     didImageRender = _useState2[0],
@@ -201,7 +202,9 @@ export var CardViewV2Base = function CardViewV2Base(_ref) {
     createdAt = _ref5.createdAt;
   var actionsWithDetails = metadata && actions ? attachDetailsToActions(actions, metadata) : [];
   var contents = jsx(React.Fragment, null, jsx("div", {
-    css: cardImageContainerStyles,
+    css: cardImageContainerStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: fileCardImageViewSelector,
     "data-testid": fileCardImageViewSelector,
     "data-test-media-name": name,
@@ -240,7 +243,7 @@ export var CardViewV2Base = function CardViewV2Base(_ref) {
     isFixed: isFixedBlanket
   }), renderTitleBox && name && jsx(TitleBox, {
     name: name,
-    createdAt: createdAt,
+    createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
     breakpoint: breakpoint,
     titleBoxIcon: titleBoxIcon,
     titleBoxBgColor: titleBoxBgColor

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

@@ -1,6 +1,6 @@
 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"];
+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 */
 import { jsx } from '@emotion/react';
 import React from 'react';
@@ -39,6 +39,7 @@ export var CardViewWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref)
     shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
     _ref$openMediaViewerB = _ref.openMediaViewerButtonRef,
     openMediaViewerButtonRef = _ref$openMediaViewerB === void 0 ? null : _ref$openMediaViewerB,
+    overriddenCreationDate = _ref.overriddenCreationDate,
     props = _objectWithoutProperties(_ref, _excluded);
   var _ref2 = metadata || {},
     name = _ref2.name,
@@ -48,13 +49,15 @@ export var CardViewWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref)
   var defaultBlanket = !disableOverlay && jsx(Blanket, null);
   var defaultTitleBox = !disableOverlay && !!name && jsx(TitleBox, {
     name: name,
-    createdAt: createdAt,
+    createdAt: overriddenCreationDate !== null && overriddenCreationDate !== void 0 ? overriddenCreationDate : createdAt,
     breakpoint: breakpoint,
     titleBoxIcon: titleBoxIcon,
     titleBoxBgColor: titleBoxBgColor
   });
   var contents = jsx(React.Fragment, null, jsx("div", _extends({
-    css: cardImageContainerStyles,
+    css: cardImageContainerStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+    ,
     className: fileCardImageViewSelector,
     "data-testid": fileCardImageViewSelector,
     "data-test-media-name": name,

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

@@ -42,7 +42,8 @@ export var CardViewsBase = function CardViewsBase(_ref) {
     error = _ref.error,
     disableAnimation = _ref.disableAnimation,
     shouldOpenMediaViewer = _ref.shouldOpenMediaViewer,
-    openMediaViewerButtonRef = _ref.openMediaViewerButtonRef;
+    openMediaViewerButtonRef = _ref.openMediaViewerButtonRef,
+    overriddenCreationDate = _ref.overriddenCreationDate;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     didImageRender = _useState2[0],
@@ -101,7 +102,8 @@ export var CardViewsBase = function CardViewsBase(_ref) {
       mediaCardCursor: mediaCardCursor,
       innerRef: innerRef,
       shouldOpenMediaViewer: shouldOpenMediaViewer,
-      openMediaViewerButtonRef: openMediaViewerButtonRef
+      openMediaViewerButtonRef: openMediaViewerButtonRef,
+      overriddenCreationDate: overriddenCreationDate
     };
     switch (status) {
       case 'uploading':

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

@@ -29,6 +29,8 @@ import { CardViews } from './cardviews';
 import { InlinePlayerLazyV2 } from './inlinePlayerLazyV2';
 import { useFilePreview } from '@atlaskit/media-file-preview';
 import { performanceNow } from './performance';
+import { useContext } from 'react';
+import { DateOverrideContext } from '../../dateOverrideContext';
 var LoadedCardView = getBooleanFF('platform.media-experience.card-views-refactor_b91lr') ? CardViews : CardViewV2;
 export var FileCard = function FileCard(_ref) {
   var _ref$appearance = _ref.appearance,
@@ -103,6 +105,8 @@ export var FileCard = function FileCard(_ref) {
     return prevFileState;
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [fileState]);
+  var dateOverrides = useContext(DateOverrideContext);
+  var overridenDate = dateOverrides === null || dateOverrides === void 0 ? void 0 : dateOverrides[identifier.id];
 
   //----------------------------------------------------------------//
   //------------ State, Refs & Initial Values ----------------------//
@@ -554,7 +558,8 @@ export var FileCard = function FileCard(_ref) {
       nativeLazyLoad: nativeLazyLoad,
       forceSyncDisplay: forceSyncDisplay,
       mediaCardCursor: mediaCardCursor,
-      shouldHideTooltip: shouldHideTooltip
+      shouldHideTooltip: shouldHideTooltip,
+      overriddenCreationDate: overridenDate
     });
     return isLazyWithOverride ? /*#__PURE__*/React.createElement(ViewportDetector, {
       cardEl: cardElement,

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.11.1",
+        packageName: "77.11.3",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js

@@ -53,13 +53,17 @@ var ErrorBoundaryComponent = function ErrorBoundaryComponent(_ref) {
   }, isSelected ? _objectSpread({}, selectedStyle) : {
     userSelect: 'text'
   });
-  return /*#__PURE__*/React.createElement("span", {
-    style: style
-  }, /*#__PURE__*/React.createElement(WarningIcon, {
-    label: "error",
-    size: "small",
-    primaryColor: "var(--ds-icon-danger, ".concat(R300, ")")
-  }), message);
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    React.createElement("span", {
+      style: style
+    }, /*#__PURE__*/React.createElement(WarningIcon, {
+      label: "error",
+      size: "small",
+      primaryColor: "var(--ds-icon-danger, ".concat(R300, ")")
+    }), message)
+  );
 };
 var WrappedMediaInlineAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inherits(WrappedMediaInlineAnalyticsErrorBoundary, _React$Component);

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

@@ -1,4 +1,5 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 import { css } from '@emotion/react';
-export var errorIconWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  color: ", ";\n"])), "var(--ds-icon-warning, #ff991f)");
+export var errorIconWrapperStyles = css({
+  display: 'flex',
+  color: "var(--ds-icon-warning, #ff991f)"
+});

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

@@ -1,9 +1,15 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
 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(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  background: ", ";\n  color: ", ";\n  ", "\n  max-height: 100%;\n  max-width: 100%;\n  width: ", ";\n  height: ", ";\n"])), center, "var(--ds-background-neutral, ".concat(N20, ")"), "var(--ds-icon, ".concat(N50, ")"), borderRadius, dimensions.width, dimensions.height);
+  return css(center, {
+    background: "var(--ds-background-neutral, ".concat(N20, ")"),
+    color: "var(--ds-icon, ".concat(N50, ")")
+  }, borderRadius, {
+    maxHeight: '100%',
+    maxWidth: '100%',
+    width: dimensions.width,
+    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.11.1";
+var packageVersion = "77.11.3";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/types/card/actions.d.ts

@@ -1,5 +1,5 @@
-import { FileItem, FileDetails } from '@atlaskit/media-client';
-import { ReactNode } from 'react';
+import { type FileItem, type FileDetails } from '@atlaskit/media-client';
+import { type ReactNode } from 'react';
 export interface CardAction {
     label?: string;
     handler: CardEventHandler;

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

@@ -1,9 +1,9 @@
 import React, { Component } from 'react';
-import { UIAnalyticsEvent, WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileIdentifier, FileState, MediaSubscription } from '@atlaskit/media-client';
-import { WrappedComponentProps } from 'react-intl-next';
-import { CardAction } from './actions';
-import { CardProps, CardState, CardStatus } from '../types';
+import { type UIAnalyticsEvent, type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type FileIdentifier, type FileState, type MediaSubscription } from '@atlaskit/media-client';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type CardAction } from './actions';
+import { type CardProps, type CardState, type CardStatus } from '../types';
 export type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps> & {
     dateOverride?: number;
 };

package/dist/types/card/cardAnalytics.d.ts

@@ -1,7 +1,7 @@
-import { FileAttributes, MediaTraceContext, PerformanceAttributes } from '@atlaskit/media-common';
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { SSRStatus } from '../utils/analytics';
-import { CardStatus } from '../types';
+import { type FileAttributes, type MediaTraceContext, type PerformanceAttributes } from '@atlaskit/media-common';
+import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type SSRStatus } from '../utils/analytics';
+import { type CardStatus } from '../types';
 import { MediaCardError } from '../errors';
 export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, error: MediaCardError | undefined, traceContext: MediaTraceContext, metadataTraceContext?: MediaTraceContext) => void;
 export declare const fireCommencedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, traceContext: MediaTraceContext) => void;

package/dist/types/card/cardState.d.ts

@@ -1,5 +1,5 @@
-import { FileState } from '@atlaskit/media-client';
-import { CardState } from '../types';
+import { type FileState } from '@atlaskit/media-client';
+import { type CardState } from '../types';
 import { MediaCardError } from '../errors';
 /**
  * From docs: "Both state and props received by the updater function are guaranteed to be up-to-date.

package/dist/types/card/cardSwitcher.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { CardWithMediaClientConfigProps } from './types';
+import { type CardWithMediaClientConfigProps } from './types';
 declare function CardSwitcher(props: CardWithMediaClientConfigProps): JSX.Element;
 export default CardSwitcher;

package/dist/types/card/cardView.d.ts

@@ -1,13 +1,13 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import React, { MouseEvent } from 'react';
-import { MessageDescriptor } from 'react-intl-next';
-import { MediaItemType, FileDetails } from '@atlaskit/media-client';
-import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { SharedCardProps, CardStatus } from '../types';
-import { MediaCardError } from '../errors';
-import { CardPreview } from '../types';
-import { MediaCardCursor } from '../types';
+import React, { type MouseEvent } from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
+import { type MediaItemType, type FileDetails } from '@atlaskit/media-client';
+import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type SharedCardProps, type CardStatus } from '../types';
+import { type MediaCardError } from '../errors';
+import { type CardPreview } from '../types';
+import { type MediaCardCursor } from '../types';
 export interface CardViewOwnProps extends SharedCardProps {
     readonly status: CardStatus;
     readonly mediaItemType: MediaItemType;

package/dist/types/card/getCardPreview/cache.d.ts

@@ -1,6 +1,6 @@
-import { ImageResizeMode } from '@atlaskit/media-client';
-import { ObjectURLCache } from '../../utils/objectURLCache';
-import { CardPreview } from '../../types';
+import { type ImageResizeMode } from '@atlaskit/media-client';
+import { type ObjectURLCache } from '../../utils/objectURLCache';
+import { type CardPreview } from '../../types';
 type Mode = ImageResizeMode | undefined;
 export declare const getCacheKey: (id: string, mode: Mode) => string;
 export interface CardPreviewCache {

package/dist/types/card/getCardPreview/filePreviewStatus.d.ts

@@ -1,4 +1,4 @@
-import { CardStatus, FilePreviewStatus } from '../../types';
-import { FileState } from '@atlaskit/media-client';
+import { type CardStatus, type FilePreviewStatus } from '../../types';
+import { type FileState } from '@atlaskit/media-client';
 export declare const extractFilePreviewStatus: (fileState: FileState, isBannedLocalPreview: boolean) => FilePreviewStatus;
 export declare const isPreviewableStatus: (cardStatus: CardStatus, { isPreviewable, hasPreview, isSupportedByBrowser }: FilePreviewStatus) => boolean;

package/dist/types/card/getCardPreview/helpers.d.ts

@@ -1,6 +1,6 @@
-import { MediaClient, FilePreview, MediaStoreGetFileImageParams, MediaType } from '@atlaskit/media-client';
-import { MediaTraceContext } from '@atlaskit/media-common';
-import { CardPreview } from '../../types';
+import { type MediaClient, type FilePreview, type MediaStoreGetFileImageParams, type MediaType } from '@atlaskit/media-client';
+import { type MediaTraceContext } from '@atlaskit/media-common';
+import { type CardPreview } from '../../types';
 /**
  * This method tells the support for the media
  * types covered in getCardPreviewFromFilePreview

package/dist/types/card/getCardPreview/index.d.ts

@@ -1,9 +1,9 @@
-import { MediaClient, FilePreview, FileState, MediaStoreGetFileImageParams, MediaBlobUrlAttrs } from '@atlaskit/media-client';
-import { SSR, MediaTraceContext } from '@atlaskit/media-common';
-import { ImageResizeMode } from '@atlaskit/media-client';
-import { CardDimensions } from '../../types';
+import { type MediaClient, type FilePreview, type FileState, type MediaStoreGetFileImageParams, type MediaBlobUrlAttrs } from '@atlaskit/media-client';
+import { type SSR, type MediaTraceContext } from '@atlaskit/media-common';
+import { type ImageResizeMode } from '@atlaskit/media-client';
+import { type CardDimensions } from '../../types';
 import { MediaCardError } from '../../errors';
-import { CardStatus, CardPreview } from '../../types';
+import { type CardStatus, type CardPreview } from '../../types';
 export { getCardPreviewFromFilePreview, getCardPreviewFromBackend, isSupportedLocalPreview, } from './helpers';
 export { extractFilePreviewStatus } from './filePreviewStatus';
 export declare const getCardPreviewFromCache: (id: string, mode: ImageResizeMode | undefined) => CardPreview | undefined;

package/dist/types/card/getCardStatus.d.ts

@@ -1,4 +1,4 @@
-import { FileStatus } from '@atlaskit/media-client';
-import { CardStatus, FilePreviewStatus } from '../types';
+import { type FileStatus } from '@atlaskit/media-client';
+import { type CardStatus, type FilePreviewStatus } from '../types';
 export declare const isFinalCardStatus: (status: CardStatus) => boolean;
 export declare const getCardStatus: (fileStatus: FileStatus, { isPreviewable, hasPreview }: FilePreviewStatus) => CardStatus;

package/dist/types/card/inlinePlayer.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Component } from 'react';
-import { MediaClient, FileIdentifier, FileState, MediaFileArtifacts, MediaSubscription } from '@atlaskit/media-client';
-import { NumericalCardDimensions } from '@atlaskit/media-common';
-import { CardDimensions } from '../types';
-import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type MediaClient, type FileIdentifier, type FileState, type MediaFileArtifacts, type MediaSubscription } from '@atlaskit/media-client';
+import { type NumericalCardDimensions } from '@atlaskit/media-common';
+import { type CardDimensions } from '../types';
+import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { CardPreview } from '../types';
 export interface InlinePlayerOwnProps {
     identifier: FileIdentifier;

package/dist/types/card/inlinePlayerWrapper.d.ts

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { InlinePlayerWrapperProps } from './types';
+import { type InlinePlayerWrapperProps } from './types';
 export declare const InlinePlayerWrapper: (props: InlinePlayerWrapperProps) => jsx.JSX.Element;

package/dist/types/card/inlinePlayerWrapperStyles.d.ts

@@ -1,4 +1,4 @@
-import { InlinePlayerWrapperProps } from './types';
+import { type InlinePlayerWrapperProps } from './types';
 export declare const inlinePlayerClassName = "media-card-inline-player";
 export declare const inlinePlayerWrapperStyles: {
     ({ dimensions, selected, }: InlinePlayerWrapperProps): import("@emotion/react").SerializedStyles;

package/dist/types/card/media-card-analytics-error-boundary.d.ts

@@ -1,7 +1,7 @@
-import React, { PropsWithChildren } from 'react';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
-import { CardDimensions, CardOnClickCallback } from '../types';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import React, { type PropsWithChildren } from 'react';
+import { type MediaFeatureFlags } from '@atlaskit/media-common';
+import { type CardDimensions, type CardOnClickCallback } from '../types';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 export type MediaCardAnalyticsErrorBoundaryProps = PropsWithChildren<{
     dimensions?: CardDimensions;
     data?: {

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

@@ -1,8 +1,9 @@
-import React, { ReactElement, RefObject } from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type ReactElement, type RefObject } from 'react';
+import type React from 'react';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { WithMediaClientConfigProps } from '@atlaskit/media-client-react';
 import type { CardBaseProps } from './card';
-import { CardDimensions } from '../types';
+import { type CardDimensions } from '../types';
 export type InlinePlayerWrapperProps = {
     testId?: string;
     dimensions?: CardDimensions;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ActionsBarProps } from './types';
+import { type ActionsBarProps } from './types';
 export declare class ActionsBar extends React.Component<ActionsBarProps> {
     render(): JSX.Element | null;
 }

package/dist/types/card/ui/actionsBar/actionsBarWrapper.d.ts

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { ActionBarWrapperProps } from './types';
+import { type ActionBarWrapperProps } from './types';
 export declare const ActionsBarWrapper: (props: ActionBarWrapperProps) => jsx.JSX.Element;

package/dist/types/card/ui/actionsBar/cardActions/cardActionButton.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { CardActionButtonOwnProps } from './styles';
+import { type CardActionButtonOwnProps } from './styles';
 export declare const CardActionButton: import("react").ForwardRefExoticComponent<CardActionButtonOwnProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/card/ui/actionsBar/cardActions/cardActionIconButton.d.ts

@@ -1,5 +1,5 @@
-import { Component, ReactNode, MouseEvent } from 'react';
-import { CardActionIconButtonVariant } from './styles';
+import { Component, type ReactNode, type MouseEvent } from 'react';
+import { type CardActionIconButtonVariant } from './styles';
 export type CardActionIconButtonProps = {
     readonly icon: ReactNode;
     readonly label?: string;

package/dist/types/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'react';
-import { CardAction } from '../../../actions';
-import { CardActionIconButtonVariant } from './styles';
+import { type CardAction } from '../../../actions';
+import { type CardActionIconButtonVariant } from './styles';
 export type CardActionsDropdownMenuProps = {
     readonly actions: CardAction[];
     readonly triggerColor?: string;

package/dist/types/card/ui/actionsBar/cardActions/cardActionsView.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'react';
-import { CardAction } from '../../../actions';
-import { CardActionIconButtonVariant } from './styles';
+import { type CardAction } from '../../../actions';
+import { type CardActionIconButtonVariant } from './styles';
 export interface CardActionsViewProps {
     readonly actions: CardAction[];
     readonly filename?: string;

package/dist/types/card/ui/actionsBar/cardActions/styles.d.ts

@@ -1,5 +1,6 @@
-import React, { MouseEvent, HTMLAttributes } from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type MouseEvent, type HTMLAttributes } from 'react';
+import type React from 'react';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export declare const wrapperStyles: import("@emotion/react").SerializedStyles;
 export declare enum CardActionIconButtonVariant {
     default = "default",
@@ -16,4 +17,4 @@ export type CardActionButtonOwnProps = {
     children?: React.ReactNode;
 };
 export type CardActionButtonProps = CardActionButtonOwnProps & HTMLAttributes<HTMLButtonElement>;
-export declare const cardActionButtonStyles: ({ variant, }: CardActionButtonProps) => import("@emotion/react").SerializedStyles;
+export declare const cardActionButtonStyles: ({ variant }: CardActionButtonProps) => import("@emotion/react").SerializedStyles;

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { CardAction } from '../../actions';
+import { type ReactNode } from 'react';
+import { type CardAction } from '../../actions';
 export interface ActionsBarProps {
     actions: Array<CardAction>;
     filename?: string;

package/dist/types/card/ui/iconMessage/iconMessageWrapper.d.ts

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { IconMessageWrapperProps } from './types';
+import { type IconMessageWrapperProps } from './types';
 export declare const IconMessageWrapper: (props: IconMessageWrapperProps) => jsx.JSX.Element;

package/dist/types/card/ui/iconMessage/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InternalIconMessageProps, CreatingPreviewProps } from './types';
+import { type InternalIconMessageProps, type CreatingPreviewProps } from './types';
 export declare const IconMessage: React.FC<InternalIconMessageProps>;
 export declare const CreatingPreview: React.FC<CreatingPreviewProps>;
 export declare const PreviewUnavailable: React.FC;

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

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { MessageDescriptor } from 'react-intl-next';
+import { type ReactNode } from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
 export type InternalIconMessageProps = {
     messageDescriptor: MessageDescriptor;
     animated?: boolean;

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

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { IconWrapperProps } from './types';
+import { type IconWrapperProps } from './types';
 export declare const IconWrapper: (props: IconWrapperProps) => jsx.JSX.Element;

package/dist/types/card/ui/iconWrapper/styles.d.ts

@@ -1,5 +1,5 @@
-import { Breakpoint } from '../common';
-import { IconWrapperProps } from './types';
+import { type Breakpoint } from '../common';
+import { type IconWrapperProps } from './types';
 export declare function titleBoxHeight(hasTitleBox: boolean, breakpoint: Breakpoint): string;
 export declare const iconWrapperStyles: {
     ({ hasTitleBox, breakpoint, }: IconWrapperProps): import("@emotion/react").SerializedStyles;

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

@@ -1,4 +1,4 @@
-import { Breakpoint } from '../common';
+import { type Breakpoint } from '../common';
 export type IconWrapperProps = {
     hasTitleBox: boolean;
     breakpoint: Breakpoint;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { MediaType, ImageResizeMode } from '@atlaskit/media-client';
-import { CardPreview } from '../../../types';
+import { type MediaType, type ImageResizeMode } from '@atlaskit/media-client';
+import { type CardPreview } from '../../../types';
 export type ImageRendererProps = {
     readonly cardPreview: CardPreview;
     readonly mediaType: MediaType;

package/dist/types/card/ui/imageRenderer/resizeModeToMediaImageProps.d.ts

@@ -1,4 +1,4 @@
-import { ImageResizeMode } from '@atlaskit/media-client';
+import { type ImageResizeMode } from '@atlaskit/media-client';
 export declare function resizeModeToMediaImageProps(resizeMode?: ImageResizeMode): {
     crop: boolean;
     stretch: boolean;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
+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;

package/dist/types/card/ui/progressBar/styledBar.d.ts

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { StyledBarProps } from './types';
+import { type StyledBarProps } from './types';
 export declare const StyledBar: (props: StyledBarProps) => jsx.JSX.Element;

package/dist/types/card/ui/progressBar/styles.d.ts

@@ -1,5 +1,5 @@
 import { Breakpoint } from '../common';
-import { StyledBarProps } from './types';
+import { type StyledBarProps } from './types';
 export declare function generateResponsiveStyles(breakpoint: Breakpoint, positionBottom: boolean, showOnTop: boolean, multiplier?: number): string;
 export declare const styledBarStyles: {
     (props: StyledBarProps): import("@emotion/react").SerializedStyles;

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

@@ -1,4 +1,4 @@
-import { Breakpoint } from '../common';
+import { type Breakpoint } from '../common';
 export type StyledBarProps = {
     progress?: number;
     breakpoint: Breakpoint;

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

@@ -1,6 +1,6 @@
-import { CardDimensions, CardAppearance } from '../../types';
+import { type CardDimensions, type CardAppearance } from '../../types';
 import { Breakpoint } from './common';
-import { MediaCardCursor } from '../../types';
+import { type MediaCardCursor } from '../../types';
 export declare const calcBreakpointSize: (wrapperWidth?: number) => Breakpoint;
 export declare const generateResponsiveStyles: (breakpoint?: Breakpoint) => string;
 export declare const getWrapperDimensions: (dimensions?: CardDimensions, appearance?: CardAppearance) => string;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { TickBoxProps } from './types';
+import { type TickBoxProps } from './types';
 export declare const TickBox: ({ selected }: TickBoxProps) => JSX.Element;

package/dist/types/card/ui/tickBox/tickBoxWrapper.d.ts

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { TickBoxProps } from './types';
+import { type TickBoxProps } from './types';
 export declare const TickBoxWrapper: (props: TickBoxProps) => jsx.JSX.Element;

package/dist/types/card/ui/titleBox/failedTitleBox.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { FailedTitleBoxProps } from './types';
+import { type FailedTitleBoxProps } from './types';
 export declare const FailedTitleBox: React.FC<FailedTitleBoxProps>;

package/dist/types/card/ui/titleBox/styles.d.ts

@@ -1,14 +1,14 @@
-import { TitleBoxFooterProps, TitleBoxHeaderProps, TitleBoxWrapperProps } from './types';
+import { type TitleBoxFooterProps, type TitleBoxHeaderProps, type TitleBoxWrapperProps } from './types';
 export declare const titleBoxWrapperStyles: {
     ({ breakpoint, titleBoxBgColor, }: TitleBoxWrapperProps): import("@emotion/react").SerializedStyles;
     displayName: string;
 };
 export declare const titleBoxHeaderStyles: {
-    ({ hasIconOverlap, }: TitleBoxHeaderProps): import("@emotion/react").SerializedStyles;
+    ({ hasIconOverlap }: TitleBoxHeaderProps): import("@emotion/react").SerializedStyles;
     displayName: string;
 };
 export declare const titleBoxFooterStyles: {
-    ({ hasIconOverlap, }: TitleBoxFooterProps): import("@emotion/react").SerializedStyles;
+    ({ hasIconOverlap }: TitleBoxFooterProps): import("@emotion/react").SerializedStyles;
     displayName: string;
 };
 export declare const titleBoxIconStyles: import("@emotion/react").SerializedStyles;