@atlaskit/media-card 77.11.2 → 77.12.0

package/dist/types-ts4.5/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-ts4.5/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;
@@ -8,6 +8,5 @@ export declare const getWrapperShadow: (disableOverlay: boolean, selected: boole
 export declare const getCursorStyle: (cursor: MediaCardCursor | undefined) => string;
 export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => "" | "\n    &:hover .media-card-play-button {\n      \n  .play-icon-background {\n    width: 56px;\n    height: 56px;\n  }\n\n    }\n  ";
 export declare const getSelectableTickBoxStyles: (isTickBoxSelectable: boolean) => string;
-export declare const cardImageContainerStyles: import("@emotion/react").SerializedStyles;
 export declare const transition: (propertyName?: string) => string;
 export declare const rgba: (hex: any, opacity: any) => string;

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/card/ui/titleBox/styles.d.ts

@@ -1,4 +1,4 @@
-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;

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

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FormattedDateProps, TitleBoxProps } from './types';
+import { type FormattedDateProps, type TitleBoxProps } from './types';
 export declare const FormattedDate: React.ComponentType<FormattedDateProps>;
 export declare const TitleBox: ({ name, createdAt, breakpoint, titleBoxBgColor, titleBoxIcon, }: TitleBoxProps) => JSX.Element;

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

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { TitleBoxFooterProps, TitleBoxHeaderProps, TitleBoxWrapperProps } from './types';
+import { type TitleBoxFooterProps, type TitleBoxHeaderProps, type TitleBoxWrapperProps } from './types';
 export declare const TitleBoxWrapper: (props: TitleBoxWrapperProps) => jsx.JSX.Element;
 export declare const TitleBoxHeader: (props: TitleBoxHeaderProps) => jsx.JSX.Element;
 export declare const TitleBoxFooter: (props: TitleBoxFooterProps) => jsx.JSX.Element;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { MessageDescriptor } from 'react-intl-next';
-import { Breakpoint } from '../common';
-import { TitleBoxIcon as TitleBoxIconType } from '../../../types';
+import { type MessageDescriptor } from 'react-intl-next';
+import { type Breakpoint } from '../common';
+import { type TitleBoxIcon as TitleBoxIconType } from '../../../types';
 export type TitleBoxProps = {
     name: string;
     breakpoint: Breakpoint;

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

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
-import { UnhandledErrorCardProps } from './types';
+import { type UnhandledErrorCardProps } from './types';
 export declare class UnhandledErrorCard extends Component<UnhandledErrorCardProps, {}> {
     render(): jsx.JSX.Element;
 }

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardDimensions } from '../../../types';
+import { type CardDimensions } from '../../../types';
 export interface UnhandledErrorCardProps {
     dimensions?: CardDimensions;
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+type ImageContainerProps = {
+    children: React.ReactNode;
+    centerElements?: boolean;
+    testId: string;
+    mediaName?: string;
+    status?: string;
+    progress?: number;
+    selected?: boolean;
+    source?: string;
+};
+export declare const ImageContainer: ({ children, testId, mediaName, status, progress, selected, source, centerElements, }: ImageContainerProps) => jsx.JSX.Element;
+export {};

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

@@ -1 +1,2 @@
 export { Wrapper } from './wrapper';
+export { ImageContainer } from './imageContainer';

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

@@ -1,4 +1,4 @@
-import { WrapperProps } from './types';
+import { type WrapperProps } from './types';
 export declare const wrapperStyles: {
     ({ breakpoint, dimensions, appearance, disableOverlay, displayBackground, selected, isPlayButtonClickable, isTickBoxSelectable, shouldDisplayTooltip, mediaCardCursor, }: WrapperProps): import("@emotion/react").SerializedStyles;
     displayName: string;

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

@@ -1,8 +1,9 @@
-import React, { MouseEvent } from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardDimensions, CardAppearance } from '../../../types';
-import { Breakpoint } from '../common';
-import { MediaCardCursor } from '../../../types';
+import { type MouseEvent } from 'react';
+import type React from 'react';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type CardDimensions, type CardAppearance } from '../../../types';
+import { type Breakpoint } from '../common';
+import { type MediaCardCursor } from '../../../types';
 export interface WrapperProps {
     testId?: string;
     breakpoint: Breakpoint;

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

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

package/dist/types-ts4.5/card/useBreakpoint.d.ts

@@ -1,3 +1,3 @@
-import { Breakpoint } from './ui/common';
-import { CardDimensionValue } from '../types';
+import { type Breakpoint } from './ui/common';
+import { type CardDimensionValue } from '../types';
 export declare const useBreakpoint: (dimensionWidth: CardDimensionValue | undefined, divRef: React.RefObject<HTMLDivElement>) => Breakpoint;

package/dist/types-ts4.5/card/v2/cardV2.d.ts

@@ -1,7 +1,7 @@
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { CardProps } from '../../types';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type CardProps } from '../../types';
 export type CardV2BaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
 export declare const CardV2Base: ({ identifier, ...otherProps }: CardV2BaseProps & WrappedComponentProps) => JSX.Element;
 export declare const CardV2: React.ComponentType<CardV2BaseProps>;

package/dist/types-ts4.5/card/v2/cardV2Loader.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { CardWithMediaClientConfigProps } from '../types';
+import { type CardWithMediaClientConfigProps } from '../types';
 declare const CardLoader: React.FC<CardWithMediaClientConfigProps>;
 export default CardLoader;

package/dist/types-ts4.5/card/v2/cardViewV2.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, ImageResizeMode } from '@atlaskit/media-client';
-import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardStatus, MediaCardCursor, CardDimensions, TitleBoxIcon } from '../../types';
-import { MediaFilePreview } from '@atlaskit/media-file-preview';
-import { CardAction } from '../actions';
-import { MediaCardError } from '../../errors';
+import React, { type MouseEvent } from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
+import { type MediaItemType, type FileDetails, type ImageResizeMode } from '@atlaskit/media-client';
+import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type CardStatus, type MediaCardCursor, type CardDimensions, type TitleBoxIcon } from '../../types';
+import { type MediaFilePreview } from '@atlaskit/media-file-preview';
+import { type CardAction } from '../actions';
+import { type MediaCardError } from '../../errors';
 export interface CardViewV2Props {
     readonly disableOverlay?: boolean;
     readonly resizeMode?: ImageResizeMode;
@@ -38,6 +38,7 @@ export interface CardViewV2Props {
     readonly forceSyncDisplay?: boolean;
     disableAnimation?: boolean;
     shouldHideTooltip?: boolean;
+    overriddenCreationDate?: number;
 }
 export type CardViewV2BaseProps = CardViewV2Props & WithAnalyticsEventsProps;
 export interface RenderConfigByStatusV2 {
@@ -54,5 +55,5 @@ export interface RenderConfigByStatusV2 {
     renderTickBox?: boolean;
     customTitleMessage?: MessageDescriptor;
 }
-export declare const CardViewV2Base: ({ innerRef, onImageLoad, onImageError, dimensions, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, openMediaViewerButtonRef, shouldOpenMediaViewer, }: CardViewV2BaseProps) => jsx.JSX.Element;
+export declare const CardViewV2Base: ({ innerRef, onImageLoad, onImageError, dimensions, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, openMediaViewerButtonRef, shouldOpenMediaViewer, overriddenCreationDate, }: CardViewV2BaseProps) => jsx.JSX.Element;
 export declare const CardViewV2: React.ForwardRefExoticComponent<Omit<CardViewV2Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types-ts4.5/card/v2/cardWithMediaClientV2.d.ts

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

package/dist/types-ts4.5/card/v2/cardviews/cardViewWrapper.d.ts

@@ -1,10 +1,10 @@
-import React, { MouseEvent, ReactNode } from 'react';
-import { FileDetails } from '@atlaskit/media-client';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardAppearance, CardDimensions, MediaCardCursor, TitleBoxIcon } from '../../../types';
-import { CardAction } from '../../actions';
-import { Breakpoint } from '../../ui/common';
-import { MediaFilePreview } from '@atlaskit/media-file-preview';
+import React, { type MouseEvent, type ReactNode } from 'react';
+import { type FileDetails } from '@atlaskit/media-client';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type CardAppearance, type CardDimensions, type MediaCardCursor, type TitleBoxIcon } from '../../../types';
+import { type CardAction } from '../../actions';
+import { type Breakpoint } from '../../ui/common';
+import { type MediaFilePreview } from '@atlaskit/media-file-preview';
 export type SharedCardViewProps = {
     readonly cardPreview?: MediaFilePreview;
     readonly testId?: string;
@@ -23,6 +23,7 @@ export type SharedCardViewProps = {
     readonly titleBoxIcon?: TitleBoxIcon;
     readonly mediaCardCursor?: MediaCardCursor;
     readonly shouldHideTooltip?: boolean;
+    overriddenCreationDate?: number;
 };
 export type CardViewWrapperProps = SharedCardViewProps & {
     children: React.ReactNode;

package/dist/types-ts4.5/card/v2/cardviews/errorCardView.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileDetails } from '@atlaskit/media-client';
-import { SharedCardViewProps } from './cardViewWrapper';
-import { MediaCardError } from '../../../errors';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type FileDetails } from '@atlaskit/media-client';
+import { type SharedCardViewProps } from './cardViewWrapper';
+import { type MediaCardError } from '../../../errors';
 export type ErrorCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     metadata?: FileDetails;
     disableAnimation?: boolean;

package/dist/types-ts4.5/card/v2/cardviews/iconCardView.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileDetails } from '@atlaskit/media-client';
-import { SharedCardViewProps } from './cardViewWrapper';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type FileDetails } from '@atlaskit/media-client';
+import { type SharedCardViewProps } from './cardViewWrapper';
 import type { CardStatus } from '../../../types';
 export type IconCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     status: CardStatus;

package/dist/types-ts4.5/card/v2/cardviews/imageCardView.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { ImageResizeMode } from '@atlaskit/media-client';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileDetails } from '@atlaskit/media-client';
+import { type ImageResizeMode } from '@atlaskit/media-client';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type FileDetails } from '@atlaskit/media-client';
 import type { CardPreview, CardStatus } from '../../../types';
-import { SharedCardViewProps } from './cardViewWrapper';
+import { type SharedCardViewProps } from './cardViewWrapper';
 export type ImageCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     status: CardStatus;
     cardPreview: CardPreview;

package/dist/types-ts4.5/card/v2/cardviews/index.d.ts

@@ -1,12 +1,12 @@
 /** @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, MediaCardCursor } from '../../../types';
-import { MediaCardError } from '../../../errors';
-import { MediaFilePreview } from '@atlaskit/media-file-preview';
+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, type MediaCardCursor } from '../../../types';
+import { type MediaCardError } from '../../../errors';
+import { type MediaFilePreview } from '@atlaskit/media-file-preview';
 export interface CardViewsOwnProps extends SharedCardProps {
     readonly status: CardStatus;
     readonly mediaItemType: MediaItemType;
@@ -27,6 +27,7 @@ export interface CardViewsOwnProps extends SharedCardProps {
     shouldHideTooltip?: boolean;
     readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
     readonly shouldOpenMediaViewer?: boolean;
+    overriddenCreationDate?: number;
 }
 export type CardViewV2Props = CardViewsOwnProps & WithAnalyticsEventsProps;
 export interface RenderConfigByStatusV2 {
@@ -43,5 +44,5 @@ export interface RenderConfigByStatusV2 {
     renderTickBox?: boolean;
     customTitleMessage?: MessageDescriptor;
 }
-export declare const CardViewsBase: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, shouldOpenMediaViewer, openMediaViewerButtonRef, }: CardViewV2Props) => jsx.JSX.Element;
+export declare const CardViewsBase: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, shouldOpenMediaViewer, openMediaViewerButtonRef, overriddenCreationDate, }: CardViewV2Props) => jsx.JSX.Element;
 export declare const CardViews: React.ForwardRefExoticComponent<Omit<CardViewsOwnProps & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types-ts4.5/card/v2/cardviews/loadingCardView.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileDetails } from '@atlaskit/media-client';
-import { SharedCardViewProps } from './cardViewWrapper';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type FileDetails } from '@atlaskit/media-client';
+import { type SharedCardViewProps } from './cardViewWrapper';
 export type LoadingCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     metadata?: FileDetails;
     disableAnimation?: boolean;

package/dist/types-ts4.5/card/v2/cardviews/processingCardView.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { SharedCardViewProps } from './cardViewWrapper';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type SharedCardViewProps } from './cardViewWrapper';
 export type ProcessingCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     disableAnimation?: boolean;
     readonly innerRef?: (instance: HTMLDivElement | null) => void;

package/dist/types-ts4.5/card/v2/cardviews/videoCardView.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { ImageResizeMode } from '@atlaskit/media-client';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileDetails } from '@atlaskit/media-client';
+import { type ImageResizeMode } from '@atlaskit/media-client';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type FileDetails } from '@atlaskit/media-client';
 import type { CardPreview, CardStatus } from '../../../types';
-import { SharedCardViewProps } from './cardViewWrapper';
+import { type SharedCardViewProps } from './cardViewWrapper';
 export type VideoCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     status: CardStatus;
     cardPreview: CardPreview;

package/dist/types-ts4.5/card/v2/externalImageCard.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { ExternalImageIdentifier, Identifier, MediaClient } from '@atlaskit/media-client';
-import { CardEventProps, SharedCardProps } from '../../types';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type ExternalImageIdentifier, type Identifier, type MediaClient } from '@atlaskit/media-client';
+import { type CardEventProps, type SharedCardProps } from '../../types';
 export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
     readonly mediaClient: MediaClient;
     readonly identifier: ExternalImageIdentifier;

package/dist/types-ts4.5/card/v2/fileCard.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileIdentifier, Identifier, ImageResizeMode } from '@atlaskit/media-client';
-import { MediaFeatureFlags, NumericalCardDimensions, SSR } from '@atlaskit/media-common';
-import { CardAppearance, CardDimensions, CardEventProps, TitleBoxIcon } from '../../types';
-import { CardAction } from '../actions';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atlaskit/media-client';
+import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
+import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../../types';
+import { type CardAction } from '../actions';
 export interface FileCardProps extends CardEventProps {
     /** Overlay the media file. */
     readonly disableOverlay?: boolean;

package/dist/types-ts4.5/card/v2/inlinePlayerV2.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { FileIdentifier, FileState, MediaFileArtifacts } from '@atlaskit/media-client';
-import { NumericalCardDimensions } from '@atlaskit/media-common';
-import { CardDimensions } from '../../types';
-import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type FileIdentifier, type FileState, type MediaFileArtifacts } 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-ts4.5/card/v2/svgView/helpers.d.ts

@@ -0,0 +1,3 @@
+import { type ImageResizeMode } from '@atlaskit/media-client';
+import { type MediaSvgProps } from '@atlaskit/media-svg';
+export declare const calculateSvgDimensions: (img: HTMLImageElement, resizeMode?: ImageResizeMode) => MediaSvgProps['dimensions'];

package/dist/types-ts4.5/card/v2/svgView/index.d.ts

@@ -0,0 +1 @@
+export { SvgView } from './svgView';

package/dist/types-ts4.5/card/v2/svgView/svgView.d.ts

@@ -0,0 +1,31 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React, { type MouseEvent } from 'react';
+import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
+import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type CardStatus, type MediaCardCursor, type CardDimensions } from '../../../types';
+import { type MediaFilePreview } from '@atlaskit/media-file-preview';
+export declare const convertResizeMode: (resizeMode?: ImageResizeMode) => React.CSSProperties['objectFit'];
+export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+export interface SvgViewBaseOwnProps {
+    readonly testId?: string;
+    identifier: FileIdentifier;
+    readonly status: CardStatus;
+    readonly dimensions: CardDimensions;
+    readonly onClick?: OnClickFn;
+    readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
+    readonly selected?: boolean;
+    readonly fileName?: string;
+    readonly cardPreview?: MediaFilePreview;
+    readonly mediaCardCursor?: MediaCardCursor;
+    readonly progress?: number;
+    readonly alt?: string;
+    readonly resizeMode?: ImageResizeMode;
+    readonly onImageLoad?: (cardPreview: MediaFilePreview) => void;
+    readonly onImageError?: (cardPreview: MediaFilePreview) => void;
+    readonly shouldOpenMediaViewer?: boolean;
+    readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
+}
+export type SvgViewProps = SvgViewBaseOwnProps & WithAnalyticsEventsProps;
+export declare const SvgViewBase: ({ identifier, dimensions, onClick, onMouseEnter, testId, status, selected, fileName, cardPreview, mediaCardCursor, progress, alt, resizeMode, shouldOpenMediaViewer, openMediaViewerButtonRef, }: SvgViewProps) => jsx.JSX.Element;
+export declare const SvgView: React.ForwardRefExoticComponent<Omit<SvgViewBaseOwnProps & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types-ts4.5/errors.d.ts

@@ -1,5 +1,5 @@
-import { MediaClientErrorReason } from '@atlaskit/media-client';
-import { CardPreview } from './types';
+import { type MediaClientErrorReason } from '@atlaskit/media-client';
+import { type CardPreview } from './types';
 import { MediaFileStateError } from '@atlaskit/media-client-react';
 /**
  * Primary reason is logged through Data Portal.

package/dist/types-ts4.5/inline/loader.d.ts

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from 'react';
-import { WithMediaClientConfigProps } from '@atlaskit/media-client-react';
-import { MediaInlineCardProps } from './mediaInlineCard';
+import React, { type PropsWithChildren } from 'react';
+import { type WithMediaClientConfigProps } from '@atlaskit/media-client-react';
+import { type MediaInlineCardProps } from './mediaInlineCard';
 export type MediaInlineCardWithMediaClientConfigProps = WithMediaClientConfigProps<MediaInlineCardProps>;
 type MediaInlineCardWithMediaClientConfigComponent = React.ComponentType<MediaInlineCardWithMediaClientConfigProps>;
 type ErrorBoundaryComponent = React.ComponentType<PropsWithChildren<{

package/dist/types-ts4.5/inline/mediaInlineAnalyticsErrorBoundary.d.ts

@@ -1,6 +1,6 @@
-import React, { PropsWithChildren } from 'react';
-import { MediaFeatureFlags } from '@atlaskit/media-common';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import React, { type PropsWithChildren } from 'react';
+import { type MediaFeatureFlags } from '@atlaskit/media-common';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 export type MediaInlineAnalyticsErrorBoundaryProps = PropsWithChildren<{
     isSelected?: boolean;
     data?: {

package/dist/types-ts4.5/inline/mediaInlineCard.d.ts

@@ -1,7 +1,7 @@
-import { FileIdentifier, Identifier, MediaClient } from '@atlaskit/media-client';
-import React, { FC } from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { InlineCardOnClickCallback } from '../types';
+import { type FileIdentifier, type Identifier, type MediaClient } from '@atlaskit/media-client';
+import React, { type FC } from 'react';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type InlineCardOnClickCallback } from '../types';
 export interface MediaInlineCardProps {
     identifier: FileIdentifier;
     mediaClient: MediaClient;

package/dist/types-ts4.5/inline/mediaInlineCardAnalytics.d.ts

@@ -1,5 +1,5 @@
-import { FileState } from '@atlaskit/media-client';
-import { RenderInlineCardFailedEventPayload, RenderInlineCardSucceededEventPayload } from '../utils/analytics';
+import { type FileState } from '@atlaskit/media-client';
+import { type RenderInlineCardFailedEventPayload, type RenderInlineCardSucceededEventPayload } from '../utils/analytics';
 import { MediaCardError } from '../errors';
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 export declare const getSucceededStatusPayload: (fileState?: FileState) => RenderInlineCardSucceededEventPayload;

package/dist/types-ts4.5/types.d.ts

@@ -2,12 +2,12 @@
  * Entry Point: @atlaskit/media-card/types
  * tsconfig.entry-points.json
  */
-import { MouseEvent } from 'react';
-import { FileDetails, MediaClient, Identifier, ImageResizeMode, FileState } from '@atlaskit/media-client';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { MediaFeatureFlags, NumericalCardDimensions, SSR } from '@atlaskit/media-common';
-import { CardAction } from './card/actions';
-import { MediaCardError } from './errors';
+import { type MouseEvent } from 'react';
+import { type FileDetails, type MediaClient, type Identifier, type ImageResizeMode, type FileState } from '@atlaskit/media-client';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
+import { type CardAction } from './card/actions';
+import { type MediaCardError } from './errors';
 export type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
 export type FilePreviewStatus = {
     hasFilesize: boolean;

package/dist/types-ts4.5/utils/analytics/analytics.d.ts

@@ -1,8 +1,8 @@
-import { FileDetails, FileStatus, MediaClientErrorReason, RequestMetadata } from '@atlaskit/media-client';
-import { FileAttributes, PerformanceAttributes, OperationalEventPayload, UIEventPayload, WithFileAttributes, WithPerformanceAttributes, SuccessAttributes, FailureAttributes, ScreenEventPayload, ScreenAttributes, MediaTraceContext, WithTraceContext } from '@atlaskit/media-common/analytics';
-import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { MediaCardError, MediaCardErrorPrimaryReason } from '../../errors';
-import { CardPreviewSource, CardDimensions, CardStatus } from '../../types';
+import { type FileDetails, type FileStatus, type MediaClientErrorReason, type RequestMetadata } from '@atlaskit/media-client';
+import { type FileAttributes, type PerformanceAttributes, type OperationalEventPayload, type UIEventPayload, type WithFileAttributes, type WithPerformanceAttributes, type SuccessAttributes, type FailureAttributes, type ScreenEventPayload, type ScreenAttributes, type MediaTraceContext, type WithTraceContext } from '@atlaskit/media-common/analytics';
+import { type CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type MediaCardError, type MediaCardErrorPrimaryReason } from '../../errors';
+import { type CardPreviewSource, type CardDimensions, type CardStatus } from '../../types';
 export type CardPreviewAttributes = {
     fileId: string;
     prevDimensions: CardDimensions | undefined;

package/dist/types-ts4.5/utils/cardDimensions.d.ts

@@ -1,4 +1,4 @@
-import { CardAppearance, CardDimensions } from '../types';
+import { type CardAppearance, type CardDimensions } from '../types';
 export declare const defaultImageCardDimensions: {
     width: number;
     height: number;

package/dist/types-ts4.5/utils/dimensionComparer.d.ts

@@ -1,3 +1,3 @@
-import { CardDimensionValue, CardDimensions } from '../types';
+import { type CardDimensionValue, type CardDimensions } from '../types';
 export declare const canCompareDimension: (current?: CardDimensionValue, next?: CardDimensionValue) => boolean;
 export declare const isBigger: (current?: CardDimensions, next?: CardDimensions) => boolean;

package/dist/types-ts4.5/utils/getDataURIDimension.d.ts

@@ -1,6 +1,6 @@
-import { CardDimensions } from '../types';
-import { ElementDimension } from './getElementDimension';
-import { NumericalCardDimensions } from '@atlaskit/media-common';
+import { type CardDimensions } from '../types';
+import { type ElementDimension } from './getElementDimension';
+import { type NumericalCardDimensions } from '@atlaskit/media-common';
 /**
  * ************************************************
  * For Card v1

package/dist/types-ts4.5/utils/getMediaCardCursor.d.ts

@@ -1,5 +1,5 @@
 import { MediaCardCursor } from '../types';
-import { MediaType } from '@atlaskit/media-client';
+import { type MediaType } from '@atlaskit/media-client';
 /**
  * When the returned value is undefined, we'd expect the media card to take the parent's cursor style.
  */

package/dist/types-ts4.5/utils/globalScope/getSSRData.d.ts

@@ -1,3 +1,3 @@
 import type { MediaCardSsrData } from './types';
-import { FileIdentifier } from '@atlaskit/media-client';
+import { type FileIdentifier } from '@atlaskit/media-client';
 export declare const getSSRData: (identifier: FileIdentifier) => MediaCardSsrData | undefined;

package/dist/types-ts4.5/utils/globalScope/globalScope.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-import { FileIdentifier } from '@atlaskit/media-client';
-import { NumericalCardDimensions } from '@atlaskit/media-common';
-import { MediaCardErrorInfo } from '../../utils/analytics';
-import { MediaCardSsr } from './types';
+import type React from 'react';
+import { type FileIdentifier } from '@atlaskit/media-client';
+import { type NumericalCardDimensions } from '@atlaskit/media-common';
+import { type MediaCardErrorInfo } from '../../utils/analytics';
+import { type MediaCardSsr } from './types';
 export declare const GLOBAL_MEDIA_CARD_SSR = "mediaCardSsr";
 export declare const GLOBAL_MEDIA_NAMESPACE = "__MEDIA_INTERNAL";
 export type MediaGlobalScope = {