@atlaskit/smart-card 22.2.1 → 22.3.0

package/dist/esm/view/HoverCard/index.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { useCallback } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import { useSmartLinkAnalytics } from '../../state/analytics';

package/dist/esm/view/HoverCard/styled.js

@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import { loadingPlaceholderClassName } from '../../index';
 import { SmartLinkSize, SmartLinkTheme } from '../../constants';
 export var flexibleUiOptions = {

package/dist/esm/view/InlineCard/Icon.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import styled from '@emotion/styled';
-import { keyframes } from '@emotion/core';
+import { keyframes } from '@emotion/react';
 import { token } from '@atlaskit/tokens';
 var placeholderShimmer = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    background-position: -20px 0;\n  }\n\n  100% {\n    background-position: 20px 0;\n  }\n"]))); // TODO: Figure out a more scalable/responsive solution
 // for vertical alignment.

package/dist/esm/view/common/Byline.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { N300 } from '@atlaskit/theme/colors';
 import { token } from '@atlaskit/tokens';
 import { gs, mq } from './utils';

package/dist/esm/view/common/Icon.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import React from 'react';
 import ImageLoader from 'react-render-image';
 import LinkIcon from '@atlaskit/icon/glyph/link';

package/dist/esm/view/common/Metadata.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import Tooltip from '@atlaskit/tooltip';
 import { gs } from './utils';
 import { N300 } from '@atlaskit/theme/colors';

package/dist/esm/view/common/MetadataList.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { Metadata } from './Metadata';
 import { gs } from './utils';
 export var metadataListClassName = 'smart-link-metadata-list';

package/dist/esm/view/common/ModalHeader.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import { Fragment as F } from 'react';
 import { useModal } from '@atlaskit/modal-dialog';
 import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';

package/dist/types/view/BlockCard/components/Action.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { Appearance } from '@atlaskit/button/types';
 export interface ActionProps {
     id: string;
@@ -8,4 +10,4 @@ export interface ActionProps {
 }
 export declare type ActionState = 'init' | 'loading' | 'success' | 'failure';
 export declare const spinnerDelay = 1000;
-export declare const Action: ({ promise, text, buttonAppearance, id, }: ActionProps) => JSX.Element;
+export declare const Action: ({ promise, text, buttonAppearance, id, }: ActionProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/components/ActionList.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { ActionProps } from './Action';
 export interface ActionListProps {
     items: Array<ActionProps>;
 }
-export declare const ActionList: ({ items }: ActionListProps) => JSX.Element;
+export declare const ActionList: ({ items }: ActionListProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/components/CollaboratorList.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { AvatarClickEventHandler } from '@atlaskit/avatar';
 export interface Collaborator {
     src?: string;
@@ -10,4 +12,4 @@ export interface CollaboratorListProps {
     handleMoreAvatarsClick: React.MouseEventHandler;
     testId?: string;
 }
-export declare const CollaboratorList: ({ items, handleAvatarClick, handleMoreAvatarsClick, testId, }: CollaboratorListProps) => JSX.Element | null;
+export declare const CollaboratorList: ({ items, handleAvatarClick, handleMoreAvatarsClick, testId, }: CollaboratorListProps) => jsx.JSX.Element | null;

package/dist/types/view/BlockCard/components/Content.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface ContentProps {
     children: React.ReactNode;
     isCompact?: boolean;
 }
 export declare const blockCardContentClassName = "block-card-content";
-export declare const Content: ({ children, isCompact }: ContentProps) => JSX.Element;
+export declare const Content: ({ children, isCompact }: ContentProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/components/ContentFooter.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface ContentFooterProps {
     children: React.ReactNode;
     hasSpaceBetween?: boolean;
 }
 export declare const contentFooterClassName = "smart-link-content-footer";
-export declare const ContentFooter: ({ children, hasSpaceBetween, }: ContentFooterProps) => JSX.Element;
+export declare const ContentFooter: ({ children, hasSpaceBetween, }: ContentFooterProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/components/ContentHeader.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface ContentHeaderProps {
     onClick: React.MouseEventHandler;
     link: string;
     children: React.ReactNode;
 }
 export declare const blockCardContentHeaderClassName = "block-card-content-header";
-export declare const ContentHeader: ({ onClick, link, children, }: ContentHeaderProps) => JSX.Element;
+export declare const ContentHeader: ({ onClick, link, children, }: ContentHeaderProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/components/Emoji.d.ts

@@ -1,5 +1,7 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 export interface EmojiProps {
     emoji?: React.ReactNode;
 }
-export declare const Emoji: ({ emoji }: EmojiProps) => JSX.Element;
+export declare const Emoji: ({ emoji }: EmojiProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/components/Frame.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 export interface FrameProps {
     children?: React.ReactNode;
@@ -9,6 +11,6 @@ export interface FrameProps {
     className?: string;
     inheritDimensions?: boolean;
 }
-export declare const Frame: (props?: FrameProps) => JSX.Element;
-export declare const ExpandedFrame: ({ children, isSelected, isHoverable, testId, className, isFluidHeight, }: FrameProps) => JSX.Element;
-export declare const CompactFrame: ({ children, isHoverable, isSelected, testId, className, inheritDimensions, }: FrameProps) => JSX.Element;
+export declare const Frame: (props?: FrameProps) => jsx.JSX.Element;
+export declare const ExpandedFrame: ({ children, isSelected, isHoverable, testId, className, isFluidHeight, }: FrameProps) => jsx.JSX.Element;
+export declare const CompactFrame: ({ children, isHoverable, isSelected, testId, className, inheritDimensions, }: FrameProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/components/Link.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface LinkProps {
     url: string;
     testId?: string;
     className?: string;
 }
-export declare const Link: ({ url, testId, className }: LinkProps) => JSX.Element;
+export declare const Link: ({ url, testId, className }: LinkProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/components/Name.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface NameProps {
     name: React.ReactNode;
     isLeftPadded?: boolean;
@@ -7,4 +9,4 @@ export interface NameProps {
     textColor?: string;
 }
 export declare const blockCardContentHeaderNameClassName = "block-card-content-header-name";
-export declare const Name: ({ name, isLeftPadded, testId, textColor, }: NameProps) => JSX.Element;
+export declare const Name: ({ name, isLeftPadded, testId, textColor, }: NameProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/components/Provider.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface ProviderProps {
     name: string;
     icon?: React.ReactNode;
 }
-export declare const Provider: ({ name, icon }: ProviderProps) => JSX.Element;
+export declare const Provider: ({ name, icon }: ProviderProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/components/Thumbnail.d.ts

@@ -1,9 +1,10 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface ImageProps {
     src: string;
     color?: string;
     testId?: string;
 }
-export declare const Thumbnail: (props: ImageProps) => JSX.Element;
-export declare const ThumbnailDefault: ({ src, testId }: ImageProps) => JSX.Element;
-export declare const ThumbnailWithBackground: ({ src, color, testId }: ImageProps) => JSX.Element;
+export declare const Thumbnail: (props: ImageProps) => jsx.JSX.Element;
+export declare const ThumbnailDefault: ({ src, testId }: ImageProps) => jsx.JSX.Element;
+export declare const ThumbnailWithBackground: ({ src, color, testId }: ImageProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/components/UnresolvedText.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface UnresolvedTextProps {
     icon: React.ReactNode;
     text: React.ReactNode;
 }
-export declare const UnresolvedText: ({ icon, text }: UnresolvedTextProps) => JSX.Element;
+export declare const UnresolvedText: ({ icon, text }: UnresolvedTextProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/views/ErroredView.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface ErroredViewProps {
     link?: string;
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
@@ -9,4 +11,4 @@ export interface ErroredViewProps {
     inheritDimensions?: boolean;
 }
 export declare const blockCardErroredViewClassName = "block-card-errored-view";
-export declare const ErroredView: ({ isSelected, testId, link, onClick, onRetry, inheritDimensions, }: ErroredViewProps) => JSX.Element;
+export declare const ErroredView: ({ isSelected, testId, link, onClick, onRetry, inheritDimensions, }: ErroredViewProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/views/ForbiddenView.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { ActionProps } from '../components/Action';
 import { IconProps } from '../../common/Icon';
 import { RequestAccessContextProps } from '../../types';
@@ -18,4 +20,4 @@ export interface PermissionDeniedProps {
 }
 export declare const blockCardForbiddenViewClassName = "block-card-forbidden-view";
 export declare const blockCardForbiddenViewLinkClassName = "block-card-forbidden-view-link";
-export declare const ForbiddenView: ({ context, isSelected, actions, testId, showActions, link, onClick, requestAccessContext, }: PermissionDeniedProps) => JSX.Element;
+export declare const ForbiddenView: ({ context, isSelected, actions, testId, showActions, link, onClick, requestAccessContext, }: PermissionDeniedProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/views/NotFoundView.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 import { IconProps } from '../../common/Icon';
 export interface NotFoundProps {
@@ -12,4 +14,4 @@ export interface NotFoundProps {
     testId?: string;
 }
 export declare const blockCardNotFoundViewClassName = "block-card-not-found-view";
-export declare const NotFoundView: ({ context, isSelected, testId, link, onClick, }: NotFoundProps) => JSX.Element;
+export declare const NotFoundView: ({ context, isSelected, testId, link, onClick, }: NotFoundProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/views/ResolvedView.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { AvatarClickEventHandler } from '@atlaskit/avatar';
 import { Collaborator } from '../components/CollaboratorList';
 import { IconProps } from '../../common/Icon';
@@ -29,4 +31,4 @@ export interface ResolvedViewProps {
 }
 export declare const blockCardResolvedViewClassName = "block-card-resolved-view";
 export declare const blockCardResolvedViewByClassName = "block-card-resolved-view-by";
-export declare const ResolvedView: ({ icon, actions, thumbnail, context, title, titleTextColor, titlePrefix, isSelected, users, handleAvatarClick, handleMoreAvatarsClick, onClick, link, byline, lozenge, details, testId, showActions, }: ResolvedViewProps) => JSX.Element;
+export declare const ResolvedView: ({ icon, actions, thumbnail, context, title, titleTextColor, titlePrefix, isSelected, users, handleAvatarClick, handleMoreAvatarsClick, onClick, link, byline, lozenge, details, testId, showActions, }: ResolvedViewProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/views/ResolvingView.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface ResolvingProps {
     isSelected?: boolean;
     testId?: string;
     inheritDimensions?: boolean;
 }
 export declare const blockCardResolvingViewClassName = "block-card-resolving-view";
-export declare const ResolvingView: ({ isSelected, testId, inheritDimensions, }: ResolvingProps) => JSX.Element;
+export declare const ResolvingView: ({ isSelected, testId, inheritDimensions, }: ResolvingProps) => jsx.JSX.Element;

package/dist/types/view/BlockCard/views/UnauthorizedView.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { ActionProps } from '../components/Action';
 import { IconProps } from '../../common/Icon';
 export interface UnauthorizedViewProps {
@@ -14,4 +16,4 @@ export interface UnauthorizedViewProps {
     link?: string;
     onClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
 }
-export declare const UnauthorizedView: ({ context, isSelected, actions, testId, showActions, link, onClick, }: UnauthorizedViewProps) => JSX.Element;
+export declare const UnauthorizedView: ({ context, isSelected, actions, testId, showActions, link, onClick, }: UnauthorizedViewProps) => jsx.JSX.Element;

package/dist/types/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "appearance" | "testId" | "isSelected" | "inheritDimensions" | "id" | "placeholder" | "onError" | "onClick" | "analyticsContext" | "key" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "key" | "id" | "placeholder" | "onError" | "onClick" | "appearance" | "testId" | "analyticsContext" | "isSelected" | "inheritDimensions" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types/view/EmbedCard/views/ErroredView.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface ErroredViewProps {
     onRetry?: (val: any) => void;
     isSelected?: boolean;
     testId?: string;
     inheritDimensions?: boolean;
 }
-export declare const EmbedCardErroredView: ({ onRetry, isSelected, testId, inheritDimensions, }: ErroredViewProps) => JSX.Element;
+export declare const EmbedCardErroredView: ({ onRetry, isSelected, testId, inheritDimensions, }: ErroredViewProps) => jsx.JSX.Element;

package/dist/types/view/EmbedModal/components/link-info/styled.d.ts

@@ -1,4 +1,4 @@
-export declare const containerStyles: import("@emotion/utils").SerializedStyles;
-export declare const iconCss: import("@emotion/utils").SerializedStyles;
-export declare const titleCss: import("@emotion/utils").SerializedStyles;
-export declare const actionCss: import("@emotion/utils").SerializedStyles;
+export declare const containerStyles: import("@emotion/react").SerializedStyles;
+export declare const iconCss: import("@emotion/react").SerializedStyles;
+export declare const titleCss: import("@emotion/react").SerializedStyles;
+export declare const actionCss: import("@emotion/react").SerializedStyles;

package/dist/types/view/FlexibleCard/components/actions/action/types.d.ts

@@ -1,4 +1,4 @@
-import { SerializedStyles } from '@emotion/core';
+import { SerializedStyles } from '@emotion/react';
 import { SmartLinkSize } from '../../../../../constants';
 import { Appearance } from '@atlaskit/button/types';
 import { ReactChild } from 'react';

package/dist/types/view/FlexibleCard/components/blocks/element-group/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { SerializedStyles } from '@emotion/core';
+import { SerializedStyles } from '@emotion/react';
 import { ElementGroupProps } from './types';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 export declare const getElementGroupStyles: (direction: SmartLinkDirection, size: SmartLinkSize, align: SmartLinkAlignment, width: SmartLinkWidth) => SerializedStyles;

package/dist/types/view/FlexibleCard/components/blocks/element-group/types.d.ts

@@ -1,9 +1,9 @@
-import { Interpolation } from '@emotion/core';
+import { SerializedStyles } from '@emotion/react';
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkSize, SmartLinkWidth } from '../../../../../constants';
 export declare type ElementGroupProps = {
     align?: SmartLinkAlignment;
     direction?: SmartLinkDirection;
-    overrideCss?: Interpolation;
+    overrideCss?: SerializedStyles;
     size?: SmartLinkSize;
     width?: SmartLinkWidth;
     testId?: string;

package/dist/types/view/FlexibleCard/components/blocks/types.d.ts

@@ -1,5 +1,5 @@
 import { ActionName, ElementName, SmartLinkDirection, SmartLinkSize, SmartLinkStatus } from '../../../../constants';
-import { SerializedStyles } from '@emotion/core';
+import { SerializedStyles } from '@emotion/react';
 import { ActionProps } from '../actions/action/types';
 import { Ref } from 'react';
 export declare type BlockProps = {

package/dist/types/view/FlexibleCard/components/blocks/utils.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SerializedStyles } from '@emotion/core';
+import { SerializedStyles } from '@emotion/react';
 import { ActionItem, ElementItem } from './types';
 import { ElementName, SmartLinkDirection, SmartLinkSize } from '../../../../constants';
 import { Appearance } from '@atlaskit/button';

package/dist/types/view/FlexibleCard/components/container/index.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import React from 'react';
-import { SerializedStyles } from '@emotion/core';
+import { SerializedStyles } from '@emotion/react';
 import { SmartLinkSize } from '../../../../constants';
 import { ContainerProps } from './types';
 export declare const getContainerStyles: (size: SmartLinkSize, hideBackground: boolean, hideElevation: boolean, hidePadding: boolean, clickableContainer: boolean) => SerializedStyles;

package/dist/types/view/FlexibleCard/components/elements/types.d.ts

@@ -1,4 +1,4 @@
-import { SerializedStyles } from '@emotion/core';
+import { SerializedStyles } from '@emotion/react';
 import { ElementName, SmartLinkSize } from '../../../../constants';
 export declare type ElementProps = {
     /**

package/dist/types/view/FlexibleCard/components/utils.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SerializedStyles } from '@emotion/core';
+import { SerializedStyles } from '@emotion/react';
 import { Spacing } from '@atlaskit/button';
 import { SmartLinkSize } from '../../../constants';
 import { MessageProps } from './types';

package/dist/types/view/HoverCard/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { HoverCardProps } from './types';
-export declare const HoverCard: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").PropsWithChildren<HoverCardProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "id" | "analyticsContext" | "key"> & import("react").RefAttributes<any>>;
+export declare const HoverCard: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").PropsWithChildren<HoverCardProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "key" | "id" | "analyticsContext"> & import("react").RefAttributes<any>>;

package/dist/types/view/HoverCard/styled.d.ts

@@ -2,11 +2,11 @@ import { FlexibleUiOptions } from '../FlexibleCard/types';
 export declare const flexibleUiOptions: FlexibleUiOptions;
 export declare const CARD_WIDTH_REM = 24;
 export declare const CARD_GAP_PX = 10;
-export declare const HoverCardContainer: import("@emotion/utils").SerializedStyles;
-export declare const titleBlockCss: import("@emotion/utils").SerializedStyles;
-export declare const metadataBlockCss: import("@emotion/utils").SerializedStyles;
-export declare const footerBlockCss: import("@emotion/utils").SerializedStyles;
-export declare const loadingViewContainer: import("@emotion/utils").SerializedStyles;
-export declare const skeletonContainer: import("@emotion/utils").SerializedStyles;
-export declare const hiddenSnippetStyles: import("@emotion/utils").SerializedStyles;
-export declare const getTransitionStyles: (snippetHeight: number) => import("@emotion/utils").SerializedStyles;
+export declare const HoverCardContainer: import("@emotion/react").SerializedStyles;
+export declare const titleBlockCss: import("@emotion/react").SerializedStyles;
+export declare const metadataBlockCss: import("@emotion/react").SerializedStyles;
+export declare const footerBlockCss: import("@emotion/react").SerializedStyles;
+export declare const loadingViewContainer: import("@emotion/react").SerializedStyles;
+export declare const skeletonContainer: import("@emotion/react").SerializedStyles;
+export declare const hiddenSnippetStyles: import("@emotion/react").SerializedStyles;
+export declare const getTransitionStyles: (snippetHeight: number) => import("@emotion/react").SerializedStyles;

package/dist/types/view/InlineCard/ResolvingView/styled.d.ts

@@ -3,12 +3,12 @@ export declare const SpinnerWrapper: import("@emotion/styled-base").StyledCompon
     theme?: object | undefined;
 } & {
     children?: import("react").ReactNode;
-}, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+}, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Pick<Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
     theme?: object | undefined;
 } & {
     children?: import("react").ReactNode;
-}, "theme" | "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+}, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "theme" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+}, keyof import("react").HTMLAttributes<HTMLSpanElement> | "theme">, object>;

package/dist/types/view/common/Byline.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface BylineProps {
     text?: React.ReactNode;
     testId?: string;
     className?: string;
     children?: React.ReactNode;
 }
-export declare const Byline: ({ text, children, testId, className }: BylineProps) => JSX.Element;
+export declare const Byline: ({ text, children, testId, className }: BylineProps) => jsx.JSX.Element;

package/dist/types/view/common/Icon.d.ts

@@ -1,3 +1,5 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import React from 'react';
 export interface IconProps {
     url?: string;
@@ -6,4 +8,4 @@ export interface IconProps {
     testId?: string;
 }
 export declare const blockCardIconImageClassName = "block-card-icon-image";
-export declare const Icon: ({ url, icon, defaultIcon, testId, }: IconProps) => JSX.Element;
+export declare const Icon: ({ url, icon, defaultIcon, testId, }: IconProps) => jsx.JSX.Element;

package/dist/types/view/common/Metadata.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface MetadataProps {
     text: string;
     icon?: React.ReactNode;
     iconUrl?: string;
     tooltip?: string;
 }
-export declare const Metadata: ({ text, icon, iconUrl, tooltip }: MetadataProps) => JSX.Element;
+export declare const Metadata: ({ text, icon, iconUrl, tooltip }: MetadataProps) => jsx.JSX.Element;

package/dist/types/view/common/MetadataList.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { MetadataProps } from './Metadata';
 export interface MetadataListProps {
     items: MetadataProps[];
     testId?: string;
 }
 export declare const metadataListClassName = "smart-link-metadata-list";
-export declare const MetadataList: ({ items, testId }: MetadataListProps) => JSX.Element;
+export declare const MetadataList: ({ items, testId }: MetadataListProps) => jsx.JSX.Element;

package/dist/types/view/common/ModalHeader.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { ModalHeaderProps as HeaderComponentProps } from '@atlaskit/modal-dialog';
 import { IconProps } from './Icon';
 import { MetadataListProps } from './MetadataList';
@@ -14,4 +16,4 @@ export interface HeaderProps extends HeaderComponentProps {
     onViewActionClick?: () => void;
     onDownloadActionClick?: () => void;
 }
-export declare const Header: ({ title, label, metadata, icon, providerName, url, download, byline, onViewActionClick, onDownloadActionClick, }: HeaderProps) => JSX.Element;
+export declare const Header: ({ title, label, metadata, icon, providerName, url, download, byline, onViewActionClick, onDownloadActionClick, }: HeaderProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/BlockCard/components/Action.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { Appearance } from '@atlaskit/button/types';
 export interface ActionProps {
     id: string;
@@ -8,4 +10,4 @@ export interface ActionProps {
 }
 export declare type ActionState = 'init' | 'loading' | 'success' | 'failure';
 export declare const spinnerDelay = 1000;
-export declare const Action: ({ promise, text, buttonAppearance, id, }: ActionProps) => JSX.Element;
+export declare const Action: ({ promise, text, buttonAppearance, id, }: ActionProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/BlockCard/components/ActionList.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { ActionProps } from './Action';
 export interface ActionListProps {
     items: Array<ActionProps>;
 }
-export declare const ActionList: ({ items }: ActionListProps) => JSX.Element;
+export declare const ActionList: ({ items }: ActionListProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/BlockCard/components/CollaboratorList.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { AvatarClickEventHandler } from '@atlaskit/avatar';
 export interface Collaborator {
     src?: string;
@@ -10,4 +12,4 @@ export interface CollaboratorListProps {
     handleMoreAvatarsClick: React.MouseEventHandler;
     testId?: string;
 }
-export declare const CollaboratorList: ({ items, handleAvatarClick, handleMoreAvatarsClick, testId, }: CollaboratorListProps) => JSX.Element | null;
+export declare const CollaboratorList: ({ items, handleAvatarClick, handleMoreAvatarsClick, testId, }: CollaboratorListProps) => jsx.JSX.Element | null;

package/dist/types-ts4.0/view/BlockCard/components/Content.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface ContentProps {
     children: React.ReactNode;
     isCompact?: boolean;
 }
 export declare const blockCardContentClassName = "block-card-content";
-export declare const Content: ({ children, isCompact }: ContentProps) => JSX.Element;
+export declare const Content: ({ children, isCompact }: ContentProps) => jsx.JSX.Element;

package/dist/types-ts4.0/view/BlockCard/components/ContentFooter.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 export interface ContentFooterProps {
     children: React.ReactNode;
     hasSpaceBetween?: boolean;
 }
 export declare const contentFooterClassName = "smart-link-content-footer";
-export declare const ContentFooter: ({ children, hasSpaceBetween, }: ContentFooterProps) => JSX.Element;
+export declare const ContentFooter: ({ children, hasSpaceBetween, }: ContentFooterProps) => jsx.JSX.Element;