@atlaskit/media-card 75.0.1 → 76.0.0

package/dist/esm/card/styles/styles.js

@@ -1,31 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
-import { css } from '@emotion/react';
-import { borderRadius } from '@atlaskit/theme/constants';
-import { getCSSUnitValue } from '../../utils/getCSSUnitValue';
-import { breakpointStyles } from '../../utils/breakpoint';
-import { getSelectedBorderStyle } from './getSelectedBorderStyle';
-import { getDimensionsWithDefault } from '../../utils/lightCards/getDimensionsWithDefault';
-export var inlinePlayerClassName = 'media-card-inline-player';
-var getWrapperHeight = function getWrapperHeight(dimensions) {
-  return dimensions && dimensions.height ? "height: ".concat(getCSSUnitValue(dimensions.height), "; max-height: 100%;") : '';
-};
-var getWrapperWidth = function getWrapperWidth(dimensions) {
-  return dimensions && dimensions.width ? "width: ".concat(getCSSUnitValue(dimensions.width), "; max-width: 100%;") : '';
-};
-export var wrapperStyles = function wrapperStyles(_ref) {
-  var dimensions = _ref.dimensions,
-    _ref$breakpointSize = _ref.breakpointSize,
-    breakpointSize = _ref$breakpointSize === void 0 ? 'medium' : _ref$breakpointSize,
-    shouldUsePointerCursor = _ref.shouldUsePointerCursor;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n      ", "\n  cursor: ", ";\n"])), breakpointStyles({
-    breakpointSize: breakpointSize
-  }), getWrapperHeight(dimensions), getWrapperWidth(dimensions), shouldUsePointerCursor ? 'pointer' : 'default');
-};
-wrapperStyles.displayName = 'CardViewWrapper';
-export var inlinePlayerWrapperStyles = function inlinePlayerWrapperStyles(_ref2) {
-  var dimensions = _ref2.dimensions,
-    selected = _ref2.selected;
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n  overflow: hidden;\n  border-radius: ", "px;\n  position: relative;\n  max-width: 100%;\n  max-height: 100%;\n\n  ", "\n\n  video {\n    width: 100%;\n    height: 100%;\n  }\n"])), getDimensionsWithDefault(dimensions).width || '100%', getDimensionsWithDefault(dimensions).height || 'auto', borderRadius(), getSelectedBorderStyle(selected));
-};
-inlinePlayerWrapperStyles.displayName = 'InlinePlayerWrapper';

package/dist/esm/card/ui/loadingRateLimited/styles.js

@@ -1,15 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import { css } from '@emotion/react';
-import { generateResponsiveStyles } from '../progressBar/styles';
-import { N300 } from '@atlaskit/theme/colors';
-export var loadingRateLimitedContainerStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n"])));
-export var warningIconWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n  justify-content: center;\n  display: flex;\n  /* Required to allow end users to select text in the error message */\n  cursor: auto;\n  user-select: text;\n  > svg {\n    width: 45px;\n  }\n"])));
-export var loadingRateLimitedTextWrapperStyles = function loadingRateLimitedTextWrapperStyles(_ref) {
-  var breakpoint = _ref.breakpoint,
-    positionBottom = _ref.positionBottom;
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: 10px;\n  overflow: hidden;\n  color: ", ";\n  display: block;\n  width: 100%;\n  text-align: center;\n  ", "\n"])), "var(--ds-text-subtlest, ".concat(N300, ")"), generateResponsiveStyles(breakpoint, positionBottom, false, 1));
-};
-loadingRateLimitedTextWrapperStyles.displayName = 'LoadingRateLimitedTextWrapper';
-export var couldntLoadWrapperStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-weight: 550;\n"])));
-export var errorWrapperStyles = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-weight: 350;\n"])));

package/dist/esm/utils/breakpoint.js

@@ -1,33 +0,0 @@
-import { size } from '@atlaskit/media-ui';
-export var breakpointSize = function breakpointSize(width) {
-  var sizes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : cardBreakpointSizes;
-  var value = parseInt("".concat(width), 10); // Normalize value
-  var keys = Object.keys(sizes);
-  var defaultValue = keys[0];
-  var breakpoint;
-  keys.forEach(function (label) {
-    if (value < sizes[label] && !breakpoint) {
-      breakpoint = label;
-    }
-  });
-  return breakpoint || defaultValue;
-};
-export var cardBreakpointSizes = {
-  small: 173,
-  medium: 225,
-  large: 300,
-  xlarge: Infinity
-};
-export var breakpointStyles = function breakpointStyles(_ref) {
-  var breakpointSize = _ref.breakpointSize;
-  switch (breakpointSize) {
-    case 'small':
-      return "\n        .title {\n          font-size: 12px;\n        }\n        .file-type-icon span {\n          // We need to use important here since we can't use the dimensions provided by the Icon component\n          ".concat(size('14px !important'), "\n        }\n      ");
-    case 'medium':
-      return "\n        .title {\n          font-size: 14px;\n        }\n        .file-type-icon span {\n          ".concat(size('16px !important'), "\n        }\n      ");
-    case 'large':
-      return "\n        .overlay {\n          padding: 24px;\n        }\n        .title {\n          font-size: 14px;\n        }\n        .file-size {\n          font-size: 14px;\n        }\n        .file-type-icon span {\n          ".concat(size('18px !important'), "\n        }\n      ");
-    case 'xlarge':
-      return "\n        border-radius: 2px;\n\n        .title {\n          font-size: 16px;\n        }\n\n        .file-size {\n          font-size: 14px;\n        }\n        \n        .wrapper, .img-wrapper {\n          border-radius: 2px;\n        }\n\n        .overlay {\n          padding: 24px;\n        }\n\n        .file-type-icon span {\n          ".concat(size('18px !important'), "\n        }\n      ");
-  }
-};

package/dist/esm/utils/fileIcon/index.js

@@ -1,47 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/**@jsx jsx */
-import { jsx } from '@emotion/react';
-import { Component } from 'react';
-import { MediaTypeIcon } from '@atlaskit/media-ui/media-type-icon';
-import { fileTypeIconStyles } from './styles';
-var fileTypeIconClass = 'file-type-icon';
-export var FileIcon = /*#__PURE__*/function (_Component) {
-  _inherits(FileIcon, _Component);
-  var _super = _createSuper(FileIcon);
-  function FileIcon() {
-    _classCallCheck(this, FileIcon);
-    return _super.apply(this, arguments);
-  }
-  _createClass(FileIcon, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        mediaType = _this$props.mediaType,
-        iconUrl = _this$props.iconUrl,
-        style = _this$props.style;
-      var type = mediaType || 'unknown';
-      var defaultIcon = jsx(MediaTypeIcon, {
-        type: mediaType,
-        size: "small",
-        className: fileTypeIconClass
-      });
-      var icon = iconUrl ? jsx("img", {
-        src: iconUrl,
-        className: "custom-icon",
-        alt: type
-      }) : defaultIcon;
-      return jsx("div", {
-        css: fileTypeIconStyles,
-        style: style,
-        className: fileTypeIconClass
-      }, icon);
-    }
-  }]);
-  return FileIcon;
-}(Component);

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

@@ -1,5 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-import { css } from '@emotion/react';
-import { size } from '@atlaskit/media-ui';
-export var fileTypeIconStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  float: left;\n  margin-right: 6px;\n  position: relative;\n  top: 1px;\n  img {\n    ", ";\n  }\n"])), size('12px !important'));

package/dist/esm/utils/getErrorMessage.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FormattedMessage } from 'react-intl-next';
-import { messages } from '@atlaskit/media-ui';
-export var getErrorMessage = function getErrorMessage(status) {
-  return status === 'error' && /*#__PURE__*/React.createElement(FormattedMessage, messages.failed_to_load);
-};

package/dist/esm/utils/progressBar/index.js

@@ -1,38 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-/**@jsx jsx */
-import { jsx } from '@emotion/react';
-import { Component } from 'react';
-import { progressWrapperStyles } from './styles';
-export var ProgressBar = /*#__PURE__*/function (_Component) {
-  _inherits(ProgressBar, _Component);
-  var _super = _createSuper(ProgressBar);
-  function ProgressBar() {
-    _classCallCheck(this, ProgressBar);
-    return _super.apply(this, arguments);
-  }
-  _createClass(ProgressBar, [{
-    key: "render",
-    value: function render() {
-      if (typeof this.props.progress !== 'number') {
-        return null;
-      }
-      var progress = Math.min(1, Math.max(0, this.props.progress));
-      var progressBarStyle = {
-        width: "".concat(progress * 100, "%")
-      };
-      return jsx("div", {
-        css: progressWrapperStyles
-      }, jsx("div", {
-        className: 'progressBar',
-        style: progressBarStyle
-      }));
-    }
-  }]);
-  return ProgressBar;
-}(Component);

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

@@ -1,6 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject;
-/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-import { css } from '@emotion/react';
-import { borderRadius } from '@atlaskit/media-ui';
-export var progressWrapperStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", " z-index: 30;\n  overflow: hidden;\n  background-color: rgba(255, 255, 255, 0.3);\n\n  .progressBar {\n    width: 0%;\n    height: 3px;\n    transition: width 0.25s ease-in;\n    background-color: white;\n  }\n"])), borderRadius);

package/dist/esm/utils/shouldDisplayImageThumbnail.js

@@ -1,10 +0,0 @@
-import { isMimeTypeSupportedByBrowser } from '@atlaskit/media-client';
-export var shouldDisplayImageThumbnail = function shouldDisplayImageThumbnail(cardStatus, mediaItemType, dataURI, mediaType, mimeType) {
-  if (mediaType === 'doc' || !mimeType && mediaItemType === 'file') {
-    return false;
-  }
-  if (dataURI) {
-    return mediaItemType === 'external-image' || mimeType && isMimeTypeSupportedByBrowser(mimeType) || cardStatus === 'complete' || cardStatus === 'loading-preview';
-  }
-  return false;
-};

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

@@ -1,6 +0,0 @@
-/**@jsx jsx */
-import { jsx } from '@emotion/react';
-import { WrapperProps } from './styles';
-export declare const CardImageViewWrapper: (props: WrapperProps) => jsx.JSX.Element;
-export declare const PlayIconWrapper: (props: any) => jsx.JSX.Element;
-export declare const ProgressBarWrapper: (props: any) => jsx.JSX.Element;

package/dist/types/card/cardImageView/cardOverlay/cardOverlayComponents.d.ts

@@ -1,8 +0,0 @@
-/**@jsx jsx */
-import { jsx } from '@emotion/react';
-import { OverlayProps } from './styles';
-export declare const Overlay: (props: OverlayProps) => jsx.JSX.Element;
-export declare const ErrorMessage: (props: any) => jsx.JSX.Element;
-export declare const AltWrapper: (props: any) => jsx.JSX.Element;
-export declare const TitleWrapper: (props: any) => jsx.JSX.Element;
-export declare const Metadata: (props: any) => jsx.JSX.Element;

package/dist/types/card/cardImageView/cardOverlay/index.d.ts

@@ -1,39 +0,0 @@
-/**@jsx jsx */
-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 '../../../types';
-export interface CardOverlayProps {
-    readonly cardStatus: CardStatus;
-    mediaType?: MediaType;
-    mediaName?: string;
-    subtitle?: string;
-    selectable?: boolean;
-    selected?: boolean;
-    persistent: boolean;
-    error?: ReactNode;
-    alt?: string;
-    noHover?: boolean;
-    actions?: Array<CardAction>;
-    icon?: string;
-}
-export interface CardOverlayState {
-    isMenuExpanded: boolean;
-}
-export declare class CardOverlay extends Component<CardOverlayProps, CardOverlayState> {
-    static defaultProps: {
-        actions: never[];
-        mediaName: string;
-    };
-    constructor(props: CardOverlayProps);
-    private get wrapperClassNames();
-    render(): jsx.JSX.Element;
-    errorLine(): false | "" | 0 | jsx.JSX.Element | null | undefined;
-    tickBox(): false | jsx.JSX.Element | undefined;
-    bottomLeftColumn(): jsx.JSX.Element | undefined;
-    onMenuToggle: (attrs: {
-        isOpen: boolean;
-    }) => void;
-    removeBtnClick(handler: CardEventHandler): (e: MouseEvent<HTMLDivElement, any>) => void;
-}

package/dist/types/card/cardImageView/cardOverlay/styles.d.ts

@@ -1,26 +0,0 @@
-/**
- * Everything about this file change is just wrong.
- * Mostly because we do bad things with classes.
- * This is all wrong and hopefully will be removed from existence with card v3,
- * so please don’t be too sad about all this!
- */
-/// <reference types="react" />
-import { GlobalThemeTokens } from '@atlaskit/theme/components';
-export interface OverlayProps {
-    hasError?: boolean;
-    noHover?: boolean;
-    className?: string;
-    children?: JSX.Element[];
-}
-export declare const tickBoxStyles: import("@emotion/react").SerializedStyles;
-export declare const overlayStyles: (props: OverlayProps) => import("@emotion/react").SerializedStyles;
-export declare const errorLineStyles: import("@emotion/react").SerializedStyles;
-export declare const leftColumnStyles: import("@emotion/react").SerializedStyles;
-export declare const topRowStyles: import("@emotion/react").SerializedStyles;
-export declare const bottomRowStyles: import("@emotion/react").SerializedStyles;
-export declare const rightColumnStyles: import("@emotion/react").SerializedStyles;
-export declare const errorMessageStyles: import("@emotion/react").SerializedStyles;
-export declare const altWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const titleWrapperStyles: (theme: GlobalThemeTokens) => import("@emotion/react").SerializedStyles;
-export declare const subtitleStyles: import("@emotion/react").SerializedStyles;
-export declare const metadataStyles: import("@emotion/react").SerializedStyles;

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

@@ -1,49 +0,0 @@
-/**@jsx jsx */
-import { jsx } from '@emotion/react';
-import { Component, ReactNode } from 'react';
-import { MediaItemType, MediaType, ImageResizeMode } from '@atlaskit/media-client';
-import { CardStatus, CardPreview, CardDimensions } from '../../types';
-import { CardAction } from '../actions';
-export interface FileCardImageViewProps {
-    readonly mediaName?: string;
-    readonly mediaType?: MediaType;
-    readonly mimeType?: string;
-    readonly fileSize?: string;
-    readonly dataURI?: string;
-    readonly alt?: string;
-    readonly progress?: number;
-    readonly status: CardStatus;
-    readonly mediaItemType: MediaItemType;
-    readonly dimensions?: CardDimensions;
-    readonly resizeMode?: ImageResizeMode;
-    readonly disableOverlay?: boolean;
-    readonly selectable?: boolean;
-    readonly selected?: boolean;
-    readonly error?: ReactNode;
-    readonly actions?: CardAction[];
-    readonly onDisplayImage?: () => void;
-    readonly previewOrientation?: number;
-    readonly onImageError?: (cardPreview: CardPreview) => void;
-    readonly onImageLoad?: (cardPreview: CardPreview) => void;
-    readonly cardPreview: CardPreview;
-}
-export declare class FileCardImageView extends Component<FileCardImageViewProps> {
-    private wasThumbnailDisplayed;
-    static defaultProps: Partial<FileCardImageViewProps>;
-    render(): jsx.JSX.Element;
-    private renderCardContents;
-    private renderLoadingContents;
-    private renderErrorContents;
-    private renderFailedContents;
-    private renderUploadingCardOverlay;
-    private renderPlayButton;
-    onImageLoad: () => void;
-    onImageError: () => void;
-    private renderMediaImage;
-    private renderProgressBar;
-    private renderSuccessCardContents;
-    private renderSuccessCardOverlay;
-    private get isFileCardImageReadyForDisplay();
-    private get isCropped();
-    private get isStretched();
-}

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

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

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

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { GlobalThemeTokens } from '@atlaskit/theme/components';
-import { CardStatus } from '../../types';
-export interface WrapperProps {
-    disableOverlay?: boolean;
-    selectable?: boolean;
-    selected?: boolean;
-    hasOnClick?: boolean;
-    mediaType?: string;
-    mediaName?: string;
-    progress?: number;
-    status?: CardStatus;
-    theme?: GlobalThemeTokens;
-    children?: JSX.Element | JSX.Element[];
-}
-export declare const wrapperStyles: (props: WrapperProps) => import("@emotion/react").SerializedStyles;
-export declare const playIconWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const playIconBackgroundStyles: import("@emotion/react").SerializedStyles;
-export declare const progressBarWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const overlayStyles: import("@emotion/react").SerializedStyles;
-export declare const titleStyles: import("@emotion/react").SerializedStyles;
-export declare const bodyStyles: import("@emotion/react").SerializedStyles;
-export declare const progressWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const cardActionsWrapperStyles: import("@emotion/react").SerializedStyles;

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

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

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

@@ -1 +0,0 @@
-export declare const defaultTransitionDuration = ".3s";

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

@@ -1,2 +0,0 @@
-export declare const easeOutCubic = "cubic-bezier(0.215, 0.61, 0.355, 1)";
-export declare const easeOutExpo = "cubic-bezier(0.19, 1, 0.22, 1)";

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

@@ -1,3 +0,0 @@
-export declare const getSelectedBorderStyle: ({ selected, }: {
-    selected?: boolean | undefined;
-}) => string;

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

@@ -1,8 +0,0 @@
-export { defaultTransitionDuration } from './config';
-export { antialiased, borderRadiusLeft, capitalize, centerSelf, centerSelfX, centerSelfY, centerX, hexToRgb, rgba, spaceAround, transition, withAppearance, } from './mixins';
-export type { WithAppearanceProps } from './mixins';
-export { easeOutCubic, easeOutExpo } from './easing';
-export { spin } from './animations';
-export declare const rootStyles: () => import("@emotion/react").SerializedStyles;
-export declare const cardShadow: string;
-export default rootStyles;

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

@@ -1,21 +0,0 @@
-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";
-export declare const centerSelfX = "\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n";
-export declare const centerSelf = "\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n";
-export declare const borderRadiusLeft: string;
-export declare const spaceAround = "\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n";
-export declare const transition: (propertyName?: string) => string;
-export declare const hexToRgb: (hex: any) => string | null;
-export declare const rgba: (hex: any, opacity: any) => string;
-export declare const capitalize = "\n  &::first-letter {\n    text-transform: uppercase;\n  }\n";
-export interface WithAppearanceProps {
-    appearance?: CardAppearance;
-}
-export declare const withAppearance: (styleMap: {
-    auto?: string | undefined;
-    image?: string | undefined;
-    square?: string | undefined;
-    horizontal?: string | undefined;
-}) => ({ appearance }: WithAppearanceProps) => string;

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

@@ -1,13 +0,0 @@
-import { Breakpoint } from '../common';
-export declare const loadingRateLimitedContainerStyles: import("@emotion/react").SerializedStyles;
-export declare const warningIconWrapperStyles: import("@emotion/react").SerializedStyles;
-export type StyledTextProps = {
-    breakpoint: Breakpoint;
-    positionBottom: boolean;
-};
-export declare const loadingRateLimitedTextWrapperStyles: {
-    ({ breakpoint, positionBottom, }: StyledTextProps): import("@emotion/react").SerializedStyles;
-    displayName: string;
-};
-export declare const couldntLoadWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const errorWrapperStyles: import("@emotion/react").SerializedStyles;

package/dist/types/card/ui/newFileExperience/newFileExperienceWrapper.d.ts

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

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

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

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

@@ -1,11 +0,0 @@
-import { CardDimensionValue } from '../types';
-export type BreakpointSizeValue = 'small' | 'medium' | 'large' | 'xlarge';
-export declare const breakpointSize: (width: CardDimensionValue, sizes?: any) => BreakpointSizeValue;
-export interface BreakpointProps {
-    breakpointSize: BreakpointSizeValue;
-}
-export type CardBreakpoint = {
-    [P in BreakpointSizeValue]?: number;
-};
-export declare const cardBreakpointSizes: CardBreakpoint;
-export declare const breakpointStyles: ({ breakpointSize }: BreakpointProps) => string;

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

@@ -1,12 +0,0 @@
-/**@jsx jsx */
-import { jsx } from '@emotion/react';
-import { Component } from 'react';
-import { MediaType } from '@atlaskit/media-client';
-export interface FileIconProps {
-    mediaType?: MediaType;
-    style?: any;
-    iconUrl?: string;
-}
-export declare class FileIcon extends Component<FileIconProps, {}> {
-    render(): jsx.JSX.Element;
-}

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

@@ -1 +0,0 @@
-export declare const fileTypeIconStyles: import("@emotion/react").SerializedStyles;

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const getErrorMessage: (status: string) => false | JSX.Element;

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

@@ -1,9 +0,0 @@
-/**@jsx jsx */
-import { jsx } from '@emotion/react';
-import { Component } from 'react';
-export interface ProgressBarProps {
-    progress?: number;
-}
-export declare class ProgressBar extends Component<ProgressBarProps, {}> {
-    render(): jsx.JSX.Element | null;
-}

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

@@ -1 +0,0 @@
-export declare const progressWrapperStyles: import("@emotion/react").SerializedStyles;

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

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

package/dist/types-ts4.5/card/cardImageView/cardImageViewWrapper.d.ts

@@ -1,6 +0,0 @@
-/**@jsx jsx */
-import { jsx } from '@emotion/react';
-import { WrapperProps } from './styles';
-export declare const CardImageViewWrapper: (props: WrapperProps) => jsx.JSX.Element;
-export declare const PlayIconWrapper: (props: any) => jsx.JSX.Element;
-export declare const ProgressBarWrapper: (props: any) => jsx.JSX.Element;

package/dist/types-ts4.5/card/cardImageView/cardOverlay/cardOverlayComponents.d.ts

@@ -1,8 +0,0 @@
-/**@jsx jsx */
-import { jsx } from '@emotion/react';
-import { OverlayProps } from './styles';
-export declare const Overlay: (props: OverlayProps) => jsx.JSX.Element;
-export declare const ErrorMessage: (props: any) => jsx.JSX.Element;
-export declare const AltWrapper: (props: any) => jsx.JSX.Element;
-export declare const TitleWrapper: (props: any) => jsx.JSX.Element;
-export declare const Metadata: (props: any) => jsx.JSX.Element;

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

@@ -1,39 +0,0 @@
-/**@jsx jsx */
-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 '../../../types';
-export interface CardOverlayProps {
-    readonly cardStatus: CardStatus;
-    mediaType?: MediaType;
-    mediaName?: string;
-    subtitle?: string;
-    selectable?: boolean;
-    selected?: boolean;
-    persistent: boolean;
-    error?: ReactNode;
-    alt?: string;
-    noHover?: boolean;
-    actions?: Array<CardAction>;
-    icon?: string;
-}
-export interface CardOverlayState {
-    isMenuExpanded: boolean;
-}
-export declare class CardOverlay extends Component<CardOverlayProps, CardOverlayState> {
-    static defaultProps: {
-        actions: never[];
-        mediaName: string;
-    };
-    constructor(props: CardOverlayProps);
-    private get wrapperClassNames();
-    render(): jsx.JSX.Element;
-    errorLine(): false | "" | 0 | jsx.JSX.Element | null | undefined;
-    tickBox(): false | jsx.JSX.Element | undefined;
-    bottomLeftColumn(): jsx.JSX.Element | undefined;
-    onMenuToggle: (attrs: {
-        isOpen: boolean;
-    }) => void;
-    removeBtnClick(handler: CardEventHandler): (e: MouseEvent<HTMLDivElement, any>) => void;
-}

package/dist/types-ts4.5/card/cardImageView/cardOverlay/styles.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-/**
- * Everything about this file change is just wrong.
- * Mostly because we do bad things with classes.
- * This is all wrong and hopefully will be removed from existence with card v3,
- * so please don’t be too sad about all this!
- */
-import { GlobalThemeTokens } from '@atlaskit/theme/components';
-export interface OverlayProps {
-    hasError?: boolean;
-    noHover?: boolean;
-    className?: string;
-    children?: JSX.Element[];
-}
-export declare const tickBoxStyles: import("@emotion/react").SerializedStyles;
-export declare const overlayStyles: (props: OverlayProps) => import("@emotion/react").SerializedStyles;
-export declare const errorLineStyles: import("@emotion/react").SerializedStyles;
-export declare const leftColumnStyles: import("@emotion/react").SerializedStyles;
-export declare const topRowStyles: import("@emotion/react").SerializedStyles;
-export declare const bottomRowStyles: import("@emotion/react").SerializedStyles;
-export declare const rightColumnStyles: import("@emotion/react").SerializedStyles;
-export declare const errorMessageStyles: import("@emotion/react").SerializedStyles;
-export declare const altWrapperStyles: import("@emotion/react").SerializedStyles;
-export declare const titleWrapperStyles: (theme: GlobalThemeTokens) => import("@emotion/react").SerializedStyles;
-export declare const subtitleStyles: import("@emotion/react").SerializedStyles;
-export declare const metadataStyles: import("@emotion/react").SerializedStyles;