@atlaskit/media-card 74.1.7 → 74.1.8

package/dist/types/index.d.ts

@@ -1,77 +1,15 @@
-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 './actions';
-import { MediaViewerDataSource } from '@atlaskit/media-viewer';
-import { CardPreview, CardStatus, CardAppearance } from './types';
-import { MediaCardError } from './errors';
-import { CardDimensions } from './utils';
-export type { CardDimensions } from './utils';
+/**
+ * Entry Point: @atlaskit/media-card
+ * tsconfig.entry-points.json
+ */
 export type { NumericalCardDimensions } from '@atlaskit/media-common';
-export { Card, MediaInlineCard } from './root';
-export type { CardAction, CardEventHandler } from './actions';
-export type { CardStatus, CardAppearance, CardDimensionValue, CardPreview, } from './types';
-export declare type TitleBoxIcon = 'LockFilledIcon';
-export interface CardEvent {
-    event: MouseEvent<HTMLElement>;
-    mediaItemDetails?: FileDetails;
-}
-export interface SharedCardProps {
-    readonly disableOverlay?: boolean;
-    readonly resizeMode?: ImageResizeMode;
-    readonly featureFlags?: MediaFeatureFlags;
-    readonly appearance?: CardAppearance;
-    readonly dimensions?: CardDimensions;
-    readonly originalDimensions?: NumericalCardDimensions;
-    readonly actions?: Array<CardAction>;
-    readonly selectable?: boolean;
-    readonly selected?: boolean;
-    readonly alt?: string;
-    readonly testId?: string;
-    readonly titleBoxBgColor?: string;
-    readonly titleBoxIcon?: TitleBoxIcon;
-}
-export interface CardOnClickCallback {
-    (result: CardEvent, analyticsEvent?: UIAnalyticsEvent): void;
-}
-export interface CardEventProps {
-    readonly onClick?: CardOnClickCallback;
-    readonly onMouseEnter?: (result: CardEvent) => void;
-    /** Callback function to be called when video enters and exit fullscreen.
-     * `fullscreen = true` indicates video enters fullscreen
-     * `fullscreen = false` indicates video exits fullscreen
-     */
-    readonly onFullscreenChange?: (fullscreen: boolean) => void;
-}
-export interface CardProps extends SharedCardProps, CardEventProps {
-    readonly mediaClient: MediaClient;
-    readonly identifier: Identifier;
-    readonly isLazy?: boolean;
-    readonly useInlinePlayer?: boolean;
-    readonly shouldOpenMediaViewer?: boolean;
-    readonly mediaViewerDataSource?: MediaViewerDataSource;
-    readonly contextId?: string;
-    readonly shouldEnableDownloadButton?: boolean;
-    readonly ssr?: SSR;
-}
-export interface CardState {
-    status: CardStatus;
-    isCardVisible: boolean;
-    shouldAutoplay?: boolean;
-    isPlayingFile: boolean;
-    mediaViewerSelectedItem?: Identifier;
-    fileState?: FileState;
-    progress?: number;
-    cardPreview?: CardPreview;
-    error?: MediaCardError;
-    cardRef: HTMLDivElement | null;
-    isBannedLocalPreview: boolean;
-    previewDidRender: boolean;
-}
+export type { CardAction, CardEventHandler } from './card/actions';
+export type { CardStatus, CardAppearance, CardDimensionValue, CardPreview, TitleBoxIcon, CardEvent, SharedCardProps, CardOnClickCallback, CardProps, CardState, CardDimensions, } from './types';
+export { Card } from './card';
+export { MediaInlineCard } from './inline';
 export { CardLoading } from './utils/lightCards/cardLoading';
 export { CardError } from './utils/lightCards/cardError';
 export { defaultImageCardDimensions } from './utils/cardDimensions';
-export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './files/cardImageView/classnames';
-export { inlinePlayerClassName } from './root/styles';
-export { newFileExperienceClassName } from './root/card/cardConstants';
+export { fileCardImageViewSelector, fileCardImageViewSelectedSelector, } from './card/cardImageView/classnames';
+export { inlinePlayerClassName } from './card/styles/styles';
+export { newFileExperienceClassName } from './card/cardConstants';

package/dist/types/inline/index.d.ts

@@ -0,0 +1 @@
+export { default as MediaInlineCard } from './loader';

package/dist/types/types.d.ts

@@ -1,4 +1,14 @@
-import { CardDimensions } from './utils';
+/**
+ * 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 { MediaViewerDataSource } from '@atlaskit/media-viewer';
+import { MediaCardError } from './errors';
 export declare type CardStatus = 'uploading' | 'loading' | 'processing' | 'loading-preview' | 'complete' | 'error' | 'failed-processing';
 export declare type FilePreviewStatus = {
     hasFilesize: boolean;
@@ -23,3 +33,64 @@ export declare enum MediaCardCursor {
     Action = "pointer",
     NotReady = "wait"
 }
+export interface CardDimensions {
+    width?: CardDimensionValue;
+    height?: CardDimensionValue;
+}
+export declare type TitleBoxIcon = 'LockFilledIcon';
+export interface CardEvent {
+    event: MouseEvent<HTMLElement>;
+    mediaItemDetails?: FileDetails;
+}
+export interface SharedCardProps {
+    readonly disableOverlay?: boolean;
+    readonly resizeMode?: ImageResizeMode;
+    readonly featureFlags?: MediaFeatureFlags;
+    readonly appearance?: CardAppearance;
+    readonly dimensions?: CardDimensions;
+    readonly originalDimensions?: NumericalCardDimensions;
+    readonly actions?: Array<CardAction>;
+    readonly selectable?: boolean;
+    readonly selected?: boolean;
+    readonly alt?: string;
+    readonly testId?: string;
+    readonly titleBoxBgColor?: string;
+    readonly titleBoxIcon?: TitleBoxIcon;
+}
+export interface CardOnClickCallback {
+    (result: CardEvent, analyticsEvent?: UIAnalyticsEvent): void;
+}
+export interface CardEventProps {
+    readonly onClick?: CardOnClickCallback;
+    readonly onMouseEnter?: (result: CardEvent) => void;
+    /** Callback function to be called when video enters and exit fullscreen.
+     * `fullscreen = true` indicates video enters fullscreen
+     * `fullscreen = false` indicates video exits fullscreen
+     */
+    readonly onFullscreenChange?: (fullscreen: boolean) => void;
+}
+export interface CardProps extends SharedCardProps, CardEventProps {
+    readonly mediaClient: MediaClient;
+    readonly identifier: Identifier;
+    readonly isLazy?: boolean;
+    readonly useInlinePlayer?: boolean;
+    readonly shouldOpenMediaViewer?: boolean;
+    readonly mediaViewerDataSource?: MediaViewerDataSource;
+    readonly contextId?: string;
+    readonly shouldEnableDownloadButton?: boolean;
+    readonly ssr?: SSR;
+}
+export interface CardState {
+    status: CardStatus;
+    isCardVisible: boolean;
+    shouldAutoplay?: boolean;
+    isPlayingFile: boolean;
+    mediaViewerSelectedItem?: Identifier;
+    fileState?: FileState;
+    progress?: number;
+    cardPreview?: CardPreview;
+    error?: MediaCardError;
+    cardRef: HTMLDivElement | null;
+    isBannedLocalPreview: boolean;
+    previewDidRender: boolean;
+}

package/dist/types/utils/analytics.d.ts

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

package/dist/types/utils/breakpoint.d.ts

@@ -1,4 +1,4 @@
-import { CardDimensionValue } from '../';
+import { CardDimensionValue } from '../types';
 export declare type BreakpointSizeValue = 'small' | 'medium' | 'large' | 'xlarge';
 export declare const breakpointSize: (width: CardDimensionValue, sizes?: any) => BreakpointSizeValue;
 export interface BreakpointProps {

package/dist/types/utils/cardActions/cardActionButton.d.ts

@@ -1,4 +1,3 @@
-/**@jsx jsx */
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { CardActionButtonOwnProps } from './styles';
-export declare const CardActionButton: (props: CardActionButtonOwnProps) => jsx.JSX.Element;
+export declare const CardActionButton: import("react").ForwardRefExoticComponent<CardActionButtonOwnProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/utils/cardActions/cardActionsDropdownMenu.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { CardAction } from '../../actions';
+import { CardAction } from '../../card/actions';
 import { CardActionIconButtonVariant } from './styles';
 export declare type CardActionsDropdownMenuProps = {
     readonly actions: CardAction[];

package/dist/types/utils/cardActions/cardActionsView.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'react';
-import { CardAction } from '../../actions';
+import { CardAction } from '../../card/actions';
 import { CardActionIconButtonVariant } from './styles';
 export interface CardActionsViewProps {
     readonly actions: CardAction[];

package/dist/types/utils/cardDimensions.d.ts

@@ -1,8 +1,4 @@
-import { CardAppearance, CardDimensionValue } from '../types';
-export interface CardDimensions {
-    width?: CardDimensionValue;
-    height?: CardDimensionValue;
-}
+import { CardAppearance, CardDimensions } from '../types';
 export declare const defaultSmallCardDimensions: {
     width: string;
     height: number;

package/dist/types/utils/dimensionComparer.d.ts

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

package/dist/types/utils/getDataURIDimension.d.ts

@@ -1,4 +1,4 @@
-import { CardDimensions } from './cardDimensions';
+import { CardDimensions } from '../types';
 import { ElementDimension } from './getElementDimension';
 import { NumericalCardDimensions } from '@atlaskit/media-common';
 export declare type getDataURIDimensionOptions = {

package/dist/types/utils/index.d.ts

@@ -12,4 +12,3 @@ export { isValidPercentageUnit } from './isValidPercentageUnit';
 export { getElementDimension } from './getElementDimension';
 export type { ElementDimension } from './getElementDimension';
 export { containsPixelUnit } from './containsPixelUnit';
-export type { CardDimensions } from './cardDimensions';

package/dist/types/utils/lightCards/getDimensionsWithDefault.d.ts

@@ -1,2 +1,2 @@
-import { CardDimensions } from '../..';
+import { CardDimensions } from '../../types';
 export declare const getDimensionsWithDefault: (dimensions?: CardDimensions) => CardDimensions;

package/dist/types/utils/lightCards/styles.d.ts

@@ -1,4 +1,4 @@
 import { WrapperProps } from './types';
-export declare const blinkLoadingAnimation: import("@emotion/react").Keyframes;
+export declare const blinkLoadingAnimation: import("@emotion/serialize").Keyframes;
 export declare const wrapperStyles: ({ dimensions, theme }: WrapperProps) => import("@emotion/react").SerializedStyles;
 export declare const animatedWrapperStyles: (props: WrapperProps) => import("@emotion/react").SerializedStyles;

package/dist/types/utils/lightCards/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardDimensions } from '../../utils/cardDimensions';
+import { CardDimensions } from '../../types';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
 import { GlobalThemeTokens } from '@atlaskit/theme/components';
 export interface StaticCardProps {

package/dist/types/utils/objectURLCache.d.ts

@@ -1,4 +1,4 @@
-import { CardPreview } from '../';
+import { CardPreview } from '../types';
 export declare const PREVIEW_CACHE_LRU_SIZE = 50;
 export declare class ObjectURLCache {
     private readonly cache;

package/dist/types/utils/shouldDisplayImageThumbnail.d.ts

@@ -1,3 +1,3 @@
 import { MediaItemType, MediaType } from '@atlaskit/media-client';
-import { CardStatus } from '..';
+import { CardStatus } from '../types';
 export declare const shouldDisplayImageThumbnail: (cardStatus: CardStatus, mediaItemType: MediaItemType, dataURI?: string | undefined, mediaType?: MediaType | undefined, mimeType?: string | undefined) => boolean;

package/dist/types/utils/ufoExperiences.d.ts

@@ -1,4 +1,4 @@
-import { CardStatus } from '../../src';
+import { CardStatus } from '../types';
 import { FileAttributes } from '@atlaskit/media-common';
 import { SSRStatus } from './analytics';
 import { MediaCardError } from '../errors';

package/dist/{types/root/card/index.d.ts → types-ts4.0/card/card.d.ts}

@@ -2,7 +2,8 @@ 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, CardProps, CardState, CardStatus } from '../..';
+import { CardAction } from './actions';
+import { CardProps, CardState, CardStatus } from '../types';
 export declare type CardBaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
 export declare class CardBase extends Component<CardBaseProps, CardState> {
     private internalOccurrenceKey;

package/dist/types-ts4.0/{root/card → card}/cardAnalytics.d.ts

@@ -1,8 +1,8 @@
 import { FileAttributes, PerformanceAttributes } from '@atlaskit/media-common';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { SSRStatus } from '../../utils/analytics';
-import { CardStatus } from '../..';
-import { MediaCardError } from './../../errors';
+import { SSRStatus } from '../utils/analytics';
+import { CardStatus } from '../types';
+import { MediaCardError } from '../errors';
 export declare const fireOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, status: CardStatus, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes, ssrReliability: SSRStatus, error?: MediaCardError) => void;
 export declare const fireCommencedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileAttributes: FileAttributes, performanceAttributes: PerformanceAttributes) => void;
 export declare const fireCopiedEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, fileId: string, cardRef: HTMLDivElement) => void;

package/dist/types-ts4.0/{files → card}/cardImageView/cardOverlay/index.d.ts

@@ -2,8 +2,8 @@
 import { jsx } from '@emotion/react';
 import { MouseEvent, Component, ReactNode } from 'react';
 import { MediaType } from '@atlaskit/media-client';
-import { CardAction, CardEventHandler } from '../../../actions';
-import { CardStatus } from '../../../index';
+import { CardAction, CardEventHandler } from '../../actions';
+import { CardStatus } from '../../../types';
 export interface CardOverlayProps {
     readonly cardStatus: CardStatus;
     mediaType?: MediaType;

package/dist/{types/root → types-ts4.0/card/cardImageView}/cardViewWrapper.d.ts

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

package/dist/{types/files/cardImageView/index.d.ts → types-ts4.0/card/cardImageView/fileCardImageView.d.ts}

@@ -2,9 +2,8 @@
 import { jsx } from '@emotion/react';
 import { Component, ReactNode } from 'react';
 import { MediaItemType, MediaType, ImageResizeMode } from '@atlaskit/media-client';
-import { CardDimensions, CardStatus } from '../../index';
-import { CardAction } from '../../actions';
-import { CardPreview } from '../..';
+import { CardStatus, CardPreview, CardDimensions } from '../../types';
+import { CardAction } from '../actions';
 export interface FileCardImageViewProps {
     readonly mediaName?: string;
     readonly mediaType?: MediaType;

package/dist/types-ts4.0/card/cardImageView/index.d.ts

@@ -0,0 +1,2 @@
+export { FileCardImageView } from './fileCardImageView';
+export type { FileCardImageViewProps } from './fileCardImageView';

package/dist/types-ts4.0/{files → card}/cardImageView/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { GlobalThemeTokens } from '@atlaskit/theme/components';
-import { CardStatus } from '../../index';
+import { CardStatus } from '../../types';
 export interface WrapperProps {
     disableOverlay?: boolean;
     selectable?: boolean;

package/dist/{types/root → types-ts4.0}/card/cardLoader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { WithMediaClientConfigProps } from '@atlaskit/media-client';
-import type { CardBaseProps } from '.';
+import type { CardBaseProps } from './card';
 export declare type CardWithMediaClientConfigProps = WithMediaClientConfigProps<CardBaseProps>;
 declare const CardLoader: React.FC<CardWithMediaClientConfigProps>;
 export default CardLoader;

package/dist/types-ts4.0/{root/card → card}/cardState.d.ts

@@ -1,5 +1,5 @@
 import { FileState } from '@atlaskit/media-client';
 import { MediaFeatureFlags } from '@atlaskit/media-common';
-import { CardState } from '../..';
+import { CardState } from '../types';
 export declare const createStateUpdater: (newState: Partial<CardState>) => (prevState: CardState) => Pick<CardState, keyof CardState>;
 export declare const getCardStateFromFileState: (fileState: FileState, isBannedLocalPreview: boolean, featureFlags?: MediaFeatureFlags | undefined) => Partial<CardState>;

package/dist/types-ts4.0/{root → card}/cardView.d.ts

@@ -4,9 +4,9 @@ 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 '../index';
+import { SharedCardProps, CardStatus } from '../types';
 import { MediaCardError } from '../errors';
-import { CardPreview } from '..';
+import { CardPreview } from '../types';
 import { MediaCardCursor } from '../types';
 export interface CardViewOwnProps extends SharedCardProps {
     readonly status: CardStatus;

package/dist/types-ts4.0/{root/card → 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 { ObjectURLCache } from '../../utils/objectURLCache';
+import { CardPreview } from '../../types';
 declare type Mode = ImageResizeMode | undefined;
 export declare const getCacheKey: (id: string, mode: Mode) => string;
 export interface CardPreviewCache {

package/dist/types-ts4.0/{root/card → card}/getCardPreview/filePreviewStatus.d.ts

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

package/dist/types-ts4.0/{root/card → card}/getCardPreview/helpers.d.ts

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

package/dist/types-ts4.0/{root/card → card/getCardPreview}/imageRefetchingAnalytics.d.ts

@@ -1,5 +1,5 @@
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardDimensions } from '../../utils';
+import { CardDimensions } from '../../types';
 import { CardPreviewAttributes } from '../../utils/analytics';
 declare type cardAction = 'cache-hit' | 'remote-success';
 export declare const fireImageFetchingOperationalEvent: (createAnalyticsEvent: CreateUIAnalyticsEvent, action: cardAction, cardPreviewAttributes: CardPreviewAttributes) => void;

package/dist/{types/root → types-ts4.0}/card/getCardPreview/index.d.ts

@@ -2,9 +2,9 @@ import { MediaClient, FilePreview, FileState, MediaStoreGetFileImageParams, Medi
 import { MediaFeatureFlags, SSR } from '@atlaskit/media-common';
 import { ImageResizeMode } from '@atlaskit/media-client';
 import { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardDimensions } from '../../../utils/cardDimensions';
-import { MediaCardError } from '../../../errors';
-import { CardStatus, CardPreview } from '../../../types';
+import { CardDimensions } from '../../types';
+import { MediaCardError } from '../../errors';
+import { CardStatus, 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-ts4.0/{root/card → card}/getCardStatus.d.ts

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

package/dist/types-ts4.0/card/index.d.ts

@@ -0,0 +1 @@
+export { default as Card } from './cardLoader';

package/dist/types-ts4.0/{root → card}/inlinePlayer.d.ts

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

package/dist/types-ts4.0/card/styles/animations.d.ts

@@ -0,0 +1 @@
+export declare const spin: import("@emotion/serialize").Keyframes;

package/dist/types-ts4.0/{styles → card/styles}/mixins.d.ts

@@ -1,4 +1,4 @@
-import { CardAppearance } from '../index';
+import { CardAppearance } from '../../types';
 export declare const centerX = "\n  display: flex;\n  justify-content: center;\n";
 export declare const antialiased = "\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n";
 export declare const centerSelfY = "\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n";
@@ -14,8 +14,8 @@ export interface WithAppearanceProps {
     appearance?: CardAppearance;
 }
 export declare const withAppearance: (styleMap: {
-    image?: string | undefined;
     auto?: string | undefined;
-    horizontal?: string | undefined;
+    image?: string | undefined;
     square?: string | undefined;
+    horizontal?: string | undefined;
 }) => ({ appearance }: WithAppearanceProps) => string;

package/dist/types-ts4.0/{root → card/styles}/styles.d.ts

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

package/dist/{types/root → types-ts4.0/card}/types.d.ts

@@ -1,6 +1,6 @@
 import React, { MouseEvent, ReactElement, RefObject } from 'react';
 import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardDimensions } from '../';
+import { CardDimensions } from '../types';
 import { BreakpointSizeValue } from '../utils/breakpoint';
 export interface WrapperProps {
     testId?: string;

package/dist/{types/root → types-ts4.0/card}/ui/actionsBar/types.d.ts

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

package/dist/types-ts4.0/{root → card}/ui/imageRenderer/imageRenderer.d.ts

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

package/dist/types-ts4.0/{root → card}/ui/newFileExperience/types.d.ts

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