@atlaskit/smart-card 22.2.0 → 22.3.0

package/dist/esm/view/FlexibleCard/components/elements/date-time/index.js

@@ -6,7 +6,7 @@ var _templateObject;
 /** @jsx jsx */
 import React from 'react';
 import { useIntl, FormattedMessage } from 'react-intl-next';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { getTruncateStyles } from '../../utils';
 import { tokens } from '../../../../../utils/token';
 import { selectUnit } from '@formatjs/intl-utils';

package/dist/esm/view/FlexibleCard/components/elements/icon/index.js

@@ -5,7 +5,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 /** @jsx jsx */
 import React, { useMemo } from 'react';
 import LinkIcon from '@atlaskit/icon/glyph/link';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { SmartLinkPosition, SmartLinkSize } from '../../../../../constants';
 import AtlaskitIcon from '../../common/atlaskit-icon';
 import ImageIcon from '../../common/image-icon';

package/dist/esm/view/FlexibleCard/components/elements/link/index.js

@@ -4,7 +4,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 /** @jsx jsx */
 import React, { useMemo } from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import Tooltip from '@atlaskit/tooltip';
 import { SmartLinkSize, SmartLinkTheme } from '../../../../../constants';
 import { getLinkLineHeight, getLinkSizeStyles, getTruncateStyles, hasWhiteSpace } from '../../utils';

package/dist/esm/view/FlexibleCard/components/elements/lozenge/index.js

@@ -4,7 +4,7 @@ var _templateObject;
 
 /** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import AtlaskitLozenge from '@atlaskit/lozenge';
 var styles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  line-height: inherit;\n"])));
 /**

package/dist/esm/view/FlexibleCard/components/elements/media/index.js

@@ -4,7 +4,7 @@ var _templateObject;
 
 /** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import ImageIcon from '../../common/image-icon';
 
 /**

package/dist/esm/view/FlexibleCard/components/elements/text/index.js

@@ -4,7 +4,7 @@ var _templateObject;
 
 /** @jsx jsx */
 import React from 'react';
-import { css, jsx } from '@emotion/core';
+import { css, jsx } from '@emotion/react';
 import { getFormattedMessage, getTruncateStyles } from '../../utils';
 import { tokens } from '../../../../../utils/token';
 

package/dist/esm/view/FlexibleCard/components/elements/utils.js

@@ -6,7 +6,7 @@ var _templateObject, _elementMappings;
 
 import React, { useContext } from 'react';
 import { FormattedDate } from 'react-intl-next';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import { ElementName, IconType } from '../../../../constants';
 import Icon from './icon';
 import Link from './link';

package/dist/esm/view/FlexibleCard/components/utils.js

@@ -5,7 +5,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _sizeToButtonSpacing, _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
 import React from 'react';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { SmartLinkSize } from '../../../constants';
 export var sizeToButtonSpacing = (_sizeToButtonSpacing = {}, _defineProperty(_sizeToButtonSpacing, SmartLinkSize.Small, 'none'), _defineProperty(_sizeToButtonSpacing, SmartLinkSize.Medium, 'compact'), _defineProperty(_sizeToButtonSpacing, SmartLinkSize.Large, 'compact'), _defineProperty(_sizeToButtonSpacing, SmartLinkSize.XLarge, 'default'), _sizeToButtonSpacing);

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 /** @jsx jsx */
 import Popup from '@atlaskit/popup';
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import React, { useCallback, useRef } from 'react';
 import { useSmartLinkActions } from '../../../state/hooks-external/useSmartLinkActions';
 import { useSmartLinkRenderers } from '../../../state/renderers';

package/dist/esm/view/HoverCard/components/HoverCardLoadingView.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { jsx } from '@emotion/core';
+import { jsx } from '@emotion/react';
 import React from 'react';
 import LoadingSkeleton from '../../FlexibleCard/components/common/loading-skeleton';
 import FlexibleCard from '../../FlexibleCard';

package/dist/esm/view/HoverCard/components/SnippetOrPreview.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 var _templateObject;
 
 import React, { useCallback, useState, useRef } from 'react';
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import extractPreview from '../../../extractors/flexible/extract-preview';
 import { PreviewBlock, SnippetBlock } from '../../FlexibleCard/components/blocks';
 import { getTransitionStyles } from '../styled';

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/extractors/common/__mocks__/jsonld.d.ts

@@ -142,7 +142,7 @@ export declare const TEST_DATA_WITH_LATEST_COMMIT_OBJ: {
     };
     '@context': JsonLd.Primitives.Context;
     '@type': JsonLd.Primitives.Property<JsonLd.Primitives.ObjectType>;
-    'schema:potentialAction'?: import("schema-dts").DeleteAction | import("schema-dts").ViewAction | import("schema-dts").DownloadAction | import("schema-dts").WatchAction | import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction | (import("schema-dts").DeleteAction | import("schema-dts").ViewAction | import("schema-dts").DownloadAction | import("schema-dts").WatchAction | import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction)[] | undefined;
+    'schema:potentialAction'?: import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").DeleteAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction | import("schema-dts").WatchAction | import("schema-dts").DownloadAction | import("schema-dts").ViewAction | (import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").DeleteAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction | import("schema-dts").WatchAction | import("schema-dts").DownloadAction | import("schema-dts").ViewAction)[] | undefined;
     'atlassian:downloadUrl'?: string | undefined;
     'atlassian:visitUrl'?: string | undefined;
     'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;
@@ -188,7 +188,7 @@ export declare const TEST_DATA_WITH_LATEST_COMMIT_TEXT: {
     'atlassian:latestCommit': string;
     '@context': JsonLd.Primitives.Context;
     '@type': JsonLd.Primitives.Property<JsonLd.Primitives.ObjectType>;
-    'schema:potentialAction'?: import("schema-dts").DeleteAction | import("schema-dts").ViewAction | import("schema-dts").DownloadAction | import("schema-dts").WatchAction | import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction | (import("schema-dts").DeleteAction | import("schema-dts").ViewAction | import("schema-dts").DownloadAction | import("schema-dts").WatchAction | import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction)[] | undefined;
+    'schema:potentialAction'?: import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").DeleteAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction | import("schema-dts").WatchAction | import("schema-dts").DownloadAction | import("schema-dts").ViewAction | (import("schema-dts").AssignAction | import("schema-dts").CommentAction | import("schema-dts").DeleteAction | import("schema-dts").ReplyAction | import("schema-dts").ShareAction | import("schema-dts").SubscribeAction | import("schema-dts").WatchAction | import("schema-dts").DownloadAction | import("schema-dts").ViewAction)[] | undefined;
     'atlassian:downloadUrl'?: string | undefined;
     'atlassian:visitUrl'?: string | undefined;
     'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;

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;