@atlaskit/smart-card 23.14.1 → 23.14.3

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

@@ -5,11 +5,10 @@ import { gs } from './utils';
 import { N300 } from '@atlaskit/theme/colors';
 export var Metadata = function Metadata(_ref) {
   var text = _ref.text,
-      icon = _ref.icon,
-      iconUrl = _ref.iconUrl,
-      tooltip = _ref.tooltip;
+    icon = _ref.icon,
+    iconUrl = _ref.iconUrl,
+    tooltip = _ref.tooltip;
   var metadataIcon = icon || null;
-
   if (!metadataIcon && iconUrl) {
     metadataIcon = jsx("img", {
       src: iconUrl,
@@ -19,7 +18,6 @@ export var Metadata = function Metadata(_ref) {
       }
     });
   }
-
   var metadata = jsx("div", {
     css: {
       display: 'flex',
@@ -34,12 +32,10 @@ export var Metadata = function Metadata(_ref) {
       marginLeft: '2px'
     }
   }, text));
-
   if (tooltip) {
     return jsx(Tooltip, {
       content: tooltip
     }, metadata);
   }
-
   return metadata;
 };

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

@@ -1,5 +1,4 @@
 import _extends from "@babel/runtime/helpers/extends";
-
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { Metadata } from './Metadata';
@@ -7,7 +6,7 @@ import { gs } from './utils';
 export var metadataListClassName = 'smart-link-metadata-list';
 export var MetadataList = function MetadataList(_ref) {
   var items = _ref.items,
-      testId = _ref.testId;
+    testId = _ref.testId;
   return jsx("div", {
     css: {
       display: 'flex',

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

@@ -3,16 +3,15 @@ import React, { useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '../../messages';
 import { CONTENT_URL_SECURITY_AND_PERMISSIONS } from '../../constants';
-
 /**
  * This component is used in unauthorized views of a smart link.
  * It represents the main text that provides a user with information on how to connect their account
  */
 var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
   var providerName = _ref.providerName,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'unauthorised-view-content' : _ref$testId,
-      analytics = _ref.analytics;
+    _ref$testId = _ref.testId,
+    testId = _ref$testId === void 0 ? 'unauthorised-view-content' : _ref$testId,
+    analytics = _ref.analytics;
   var handleLearnMoreClick = useCallback(function () {
     analytics === null || analytics === void 0 ? void 0 : analytics.ui.learnMoreClickedEvent();
   }, [analytics === null || analytics === void 0 ? void 0 : analytics.ui]);
@@ -27,5 +26,4 @@ var UnauthorisedViewContent = function UnauthorisedViewContent(_ref) {
     onClick: handleLearnMoreClick
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.learn_more_about_smart_links)));
 };
-
 export default UnauthorisedViewContent;

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

@@ -1,14 +1,11 @@
 import { gridSize, borderRadius } from '@atlaskit/theme/constants';
 import facepaint from 'facepaint';
-
 var gs = function gs(times) {
   return "".concat(gridSize() * times, "px");
 };
-
 var br = function br() {
   var times = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   return "".concat(borderRadius() * times, "px");
 };
-
 var mq = facepaint(['@media(min-width: 576px)']);
 export { gs, br, mq };

package/dist/types/extractors/block/index.d.ts

@@ -4,6 +4,6 @@ import { LinkPerson } from '@atlaskit/linking-common/extractors';
 import { ExtractBlockOpts } from './types';
 import { BlockCardResolvedViewProps } from '../../view/BlockCard';
 import { ActionProps } from '../../view/BlockCard/components/Action';
-export declare const extractBlockActions: (props: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, opts?: ExtractBlockOpts | undefined, platform?: JsonLd.Primitives.Platforms | undefined) => ActionProps[];
+export declare const extractBlockActions: (props: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, opts?: ExtractBlockOpts | undefined, platform?: JsonLd.Primitives.Platforms | undefined, meta?: JsonLd.Meta.BaseMeta | undefined) => ActionProps[];
 export declare const extractBlockUsers: (jsonLd: JsonLd.Data.BaseData) => LinkPerson[] | undefined;
 export declare const extractBlockProps: (jsonLd: JsonLd.Data.BaseData, meta?: JsonLd.Meta.BaseMeta | undefined, opts?: ExtractBlockOpts | undefined, renderers?: CardProviderRenderers | undefined, platform?: JsonLd.Primitives.Platforms | undefined) => BlockCardResolvedViewProps;

package/dist/types/extractors/common/actions/extractPreviewAction.d.ts

@@ -2,8 +2,9 @@ import { JsonLd } from 'json-ld-types';
 import { CardPlatform } from '../../../view/Card/types';
 import { BlockCardResolvedViewProps } from '../../../view/BlockCard';
 import { ExtractBlockOpts } from '../../block/types';
-export declare const extractPreviewAction: ({ extensionKey, viewProps, jsonLd, handleInvoke, testId, platform, origin, source, analytics, }: ExtractBlockOpts & {
+export declare const extractPreviewAction: ({ extensionKey, viewProps, jsonLd, handleInvoke, testId, platform, origin, source, analytics, meta, }: ExtractBlockOpts & {
     viewProps: BlockCardResolvedViewProps;
     jsonLd: JsonLd.Data.BaseData;
     platform?: JsonLd.Primitives.Platforms | undefined;
+    meta?: JsonLd.Meta.BaseMeta | undefined;
 }) => import("../../../view/BlockCard/components/Action").ActionProps | undefined;

package/dist/types/extractors/common/meta/extractIsSupportTheming.d.ts

@@ -0,0 +1,2 @@
+import { JsonLd } from 'json-ld-types';
+export declare const extractIsSupportTheming: (meta?: JsonLd.Meta.BaseMeta | undefined) => boolean;

package/dist/types/extractors/constants.d.ts

@@ -10,3 +10,4 @@ export declare const JIRA_SERVICE_REQUEST = "JiraServiceRequest";
 export declare const JIRA_CHANGE = "JiraChange";
 export declare const JIRA_PROBLEM = "JiraProblem";
 export declare const JIRA_CUSTOM_TASK_TYPE = "JiraCustomTaskType";
+export declare const PROVIDER_KEYS_WITH_THEMING: string[];

package/dist/types/state/flexible-ui-context/types.d.ts

@@ -193,6 +193,7 @@ export declare type PreviewActionData = {
     src?: string;
     title?: string;
     url?: string;
+    isSupportTheming?: boolean;
 };
 export declare type ViewActionData = {
     viewUrl?: string;

package/dist/types/view/BlockCard/actions/PreviewAction.d.ts

@@ -25,6 +25,7 @@ declare type PreviewInfo = {
     onOpenFailed?: (error: Error, errorInfo: ErrorInfo) => void;
     analytics: AnalyticsFacade;
     origin?: AnalyticsOrigin;
+    isSupportTheming?: boolean;
 };
 declare const _default: ({ details, ...rest }: PreviewInfo) => ActionProps;
 export default _default;

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

@@ -28,7 +28,9 @@ export interface ResolvedViewProps {
     showActions?: boolean;
     titlePrefix?: React.ReactNode;
     isTrusted?: boolean;
+    /** It determines whether a link source supports different design theme modes */
+    isSupportTheming?: boolean;
 }
 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.JSX.Element;
+export declare const ResolvedView: ({ icon, actions, thumbnail, context, title, titleTextColor, titlePrefix, isSelected, users, handleAvatarClick, handleMoreAvatarsClick, onClick, link, byline, lozenge, details, testId, showActions, isSupportTheming, }: ResolvedViewProps) => jsx.JSX.Element;

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

@@ -22,6 +22,7 @@ export interface EmbedCardResolvedViewProps {
     onClick?: (evt: React.MouseEvent) => void;
     /** For testing purposes only. */
     testId?: string;
+    isSupportTheming?: boolean;
     inheritDimensions?: boolean;
     /** Optional callback for when user dwells cursor over iframe - for analytics **/
     onIframeDwell?: (dwellTime: number, dwellPercentVisible: number) => void;

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

@@ -5,6 +5,7 @@ declare const _default: React.FC<{
     icon?: import("../common/Icon").IconProps | undefined;
     iframeName: string;
     isTrusted?: boolean | undefined;
+    isSupportTheming?: boolean | undefined;
     onClose: (context: import("./types").EmbedModalContext) => void;
     onDownloadActionClick?: (() => void) | undefined;
     onOpen?: ((context: import("./types").EmbedModalContext) => void) | undefined;

package/dist/types/view/EmbedModal/types.d.ts

@@ -14,6 +14,7 @@ export declare type EmbedModalProps = {
     icon?: IconProps;
     iframeName: string;
     isTrusted?: boolean;
+    isSupportTheming?: boolean;
     onClose: (context: EmbedModalContext) => void;
     onDownloadActionClick?: () => void;
     onOpen?: (context: EmbedModalContext) => void;

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

@@ -9,6 +9,7 @@ export declare type FlexibleEmbedProps = {
     src?: string;
     title?: string;
     url: string;
+    isSupportTheming?: boolean;
 };
 export interface PreviewFunctionProps extends EmbedModalProps {
     popupMountPointId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.14.1",
+  "version": "23.14.3",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -42,7 +42,7 @@
     "@atlaskit/popup": "^1.5.0",
     "@atlaskit/spinner": "^15.3.0",
     "@atlaskit/theme": "^12.2.0",
-    "@atlaskit/tokens": "^0.13.0",
+    "@atlaskit/tokens": "^1.0.0",
     "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/ufo": "^0.1.0",
     "@babel/runtime": "^7.0.0",