@atlaskit/smart-card 18.0.13 → 18.0.16

package/dist/esm/view/InlineCard/ErroredView/index.js

@@ -12,6 +12,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import { R300 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 import ErrorIcon from '@atlaskit/icon/glyph/error';
 import Button from '@atlaskit/button/custom-theme-button';
 import { Frame } from '../Frame';
@@ -85,7 +86,7 @@ export var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
         icon: icon || /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(ErrorIcon, {
           label: "error",
           size: "small",
-          primaryColor: R300
+          primaryColor: token('color.icon.danger', R300)
         })),
         title: this.renderMessage()
       }));

package/dist/esm/view/InlineCard/ForbiddenView/index.js

@@ -13,6 +13,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import { R400, N500 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import Button from '@atlaskit/button/custom-theme-button';
 import { Frame } from '../Frame';
@@ -24,7 +25,7 @@ import { IconStyledButton, LowercaseAppearance, LinkAppearance } from '../styled
 var FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",
   size: "small",
-  primaryColor: R400
+  primaryColor: token('color.icon.danger', R400)
 }));
 export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
   _inherits(InlineCardForbiddenView, _React$Component);
@@ -113,7 +114,7 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
         icon: icon ? icon : FallbackForbiddenIcon,
         title: this.renderMessage(),
-        titleColor: N500
+        titleColor: token('color.text.subtle', N500)
       }));
     }
   }]);

package/dist/esm/view/InlineCard/Frame/styled.js

@@ -3,24 +3,24 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
 var _templateObject;
 
 import styled from '@emotion/styled';
-import { B100, B400, B50, N20 } from '@atlaskit/theme/colors';
+import { B100, B400, B50, DN40A, DN50A, N20, N40A, N50A } from '@atlaskit/theme/colors';
 import { borderRadius as akBorderRadius } from '@atlaskit/theme/constants';
-import { e100 } from '@atlaskit/theme/elevation';
 import { themed } from '@atlaskit/theme/components';
+import { token } from '@atlaskit/tokens';
 import { TitleWrapperClassName } from '../IconAndTitleLayout/styled';
 var BACKGROUND_COLOR_DARK = '#262B31';
-var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat(B100, ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n");
+var selected = "\n  cursor: pointer;\n  box-shadow: 0 0 0 2px ".concat(token('color.border.selected', B100), ";\n  outline: none;\n  user-select: none;\n  &, :hover, :focus, :active {\n    text-decoration: none;\n  }\n");
 
 var isInteractive = function isInteractive(_ref) {
   var isInteractive = _ref.isInteractive;
 
   if (isInteractive) {
     return "\n      cursor: pointer;\n      :hover {\n        background-color: ".concat(themed({
-      light: N20,
-      dark: BACKGROUND_COLOR_DARK
+      light: token('color.background.neutral.subtle.hovered', N20),
+      dark: token('color.background.neutral.subtle.hovered', BACKGROUND_COLOR_DARK)
     }), ";\n        text-decoration: none;\n      }\n      :active {\n        background-color: ").concat(themed({
-      light: B50,
-      dark: BACKGROUND_COLOR_DARK
+      light: token('color.background.selected', B50),
+      dark: token('color.background.selected', BACKGROUND_COLOR_DARK)
     }), ";\n        text-decoration: none;\n      }\n      :focus {\n        ").concat(selected, "\n        text-decoration: none;\n      }\n    ");
   } else {
     return '';
@@ -55,18 +55,21 @@ var withoutHover = function withoutHover(_ref3) {
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
 
 
-export var Wrapper = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  line-height: 16px;\n  padding: 1px 0.24em 2px 0.24em;\n  ", "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ", "px;\n  color: ", ";\n  background-color: ", ";\n  ", ";\n  ", "\n  ", ";\n  ", "\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n\n  &:hover span.", " {\n    text-decoration: ", ";\n  }\n"])), function (props) {
+export var Wrapper = styled.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  line-height: 16px;\n  padding: 1px 0.24em 2px 0.24em;\n  ", "\n  display: inline;\n  box-decoration-break: clone;\n  border-radius: ", "px;\n  color: ", ";\n  background-color: ", ";\n  ", "\n  ", "\n  ", ";\n  ", "\n  transition: 0.1s all ease-in-out;\n  -moz-user-select: none;\n\n  &:hover span.", " {\n    text-decoration: ", ";\n  }\n"])), function (props) {
   return props.withoutBackground ? "padding-left: 0; margin-left:-2px;" : '';
 }, akBorderRadius(), themed({
-  light: B400,
-  dark: '#4794FF'
+  light: token('color.link', B400),
+  dark: token('color.link', '#4794FF')
 }), function (props) {
   return props.withoutBackground ? '' : themed({
-    light: 'white',
-    dark: BACKGROUND_COLOR_DARK
+    light: token('elevation.surface.raised', 'white'),
+    dark: token('elevation.surface.raised', 'BACKGROUND_COLOR_DARK')
   });
 }, function (props) {
-  return props.withoutBackground ? '' : e100();
+  return props.withoutBackground ? '' : themed({
+    light: "box-shadow: ".concat(token('elevation.shadow.raised', "0 1px 1px ".concat(N50A, ", 0 0 1px 1px ").concat(N40A)), ";"),
+    dark: "box-shadow: ".concat(token('elevation.shadow.raised', "0 1px 1px ".concat(DN50A, ", 0 0 1px 1px ").concat(DN40A)), ";")
+  });
 }, function (props) {
   return isInteractive(props);
 }, function (props) {

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

@@ -4,6 +4,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 import styled from '@emotion/styled';
 import { keyframes } from '@emotion/core';
+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.
 // Current rationale: vertically positioned at the top of
@@ -15,4 +16,4 @@ export var Icon = styled.img(_templateObject2 || (_templateObject2 = _taggedTemp
 // TODO: Replace this override with proper AtlasKit solution.
 
 export var AKIconWrapper = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-right: -2px;\n"])));
-export var Shimmer = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  height: 14px;\n  width: 14px;\n  margin-right: 4px;\n  border-radius: 2px;\n  user-select: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n\n  background: #f6f7f8;\n  background-image: linear-gradient(\n    to right,\n    #f6f7f8 0%,\n    #edeef1 20%,\n    #f6f7f8 40%,\n    #f6f7f8 100%\n  );\n  background-repeat: no-repeat;\n  background-size: 40px 14px;\n  display: inline-block;\n\n  animation-duration: 1s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n"])), placeholderShimmer);
+export var Shimmer = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  height: 14px;\n  width: 14px;\n  margin-right: 4px;\n  border-radius: 2px;\n  user-select: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  background: ", ";\n  // TODO: https://product-fabric.atlassian.net/browse/DSP-4236\n  background-image: linear-gradient(\n    to right,\n    ", " 0%,\n    ", " 20%,\n    ", " 40%,\n    ", "100%\n  );\n  background-repeat: no-repeat;\n  background-size: 40px 14px;\n  display: inline-block;\n\n  animation-duration: 1s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-name: ", ";\n  animation-timing-function: linear;\n"])), token('color.skeleton.subtle', '#f6f7f8'), token('color.skeleton.subtle', '#f6f7f8'), token('color.skeleton', '#edeef1'), token('color.skeleton.subtle', '#f6f7f8'), token('color.skeleton.subtle', '#f6f7f8'), placeholderShimmer);

package/dist/esm/view/InlineCard/UnauthorisedView/index.js

@@ -13,6 +13,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 import Button from '@atlaskit/button/custom-theme-button';
 import LockIcon from '@atlaskit/icon/glyph/lock-filled';
 import { N500, R400 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import { messages } from '@atlaskit/media-ui/messages';
@@ -23,7 +24,7 @@ import { IconStyledButton, LinkAppearance } from '../styled';
 var FallbackUnauthorizedIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",
   size: "small",
-  primaryColor: R400
+  primaryColor: token('color.icon.danger', R400)
 }));
 export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component) {
   _inherits(InlineCardUnauthorizedView, _React$Component);
@@ -83,7 +84,7 @@ export var InlineCardUnauthorizedView = /*#__PURE__*/function (_React$Component)
       }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
         icon: icon ? icon : FallbackUnauthorizedIcon,
         title: this.renderMessage(),
-        titleColor: N500
+        titleColor: token('color.text.subtle', N500)
       }));
     }
   }]);

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

@@ -5,16 +5,17 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import styled from '@emotion/styled';
 import { B400, N200 } from '@atlaskit/theme/colors';
 import { themed } from '@atlaskit/theme/components';
+import { token } from '@atlaskit/tokens';
 var LINK_COLOR_DARK = '#4794FF'; // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
 
 export var IconStyledButton = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: initial !important;\n  display: inline !important;\n\n  &:hover {\n    /* Remove the text-decoration to match other inline card hover states */\n    text-decoration: none !important;\n  }\n\n  > span {\n    display: inline;\n    > span {\n      overflow: initial;\n      text-overflow: initial;\n      white-space: initial;\n    }\n  }\n"])));
 export var NoLinkAppearance = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), themed({
-  light: N200,
-  dark: LINK_COLOR_DARK
+  light: token('color.text.subtlest', N200),
+  dark: token('color.text.subtlest', LINK_COLOR_DARK)
 }));
 export var LowercaseAppearance = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  text-transform: lowercase;\n"])));
 export var LinkAppearance = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), themed({
-  light: B400,
-  dark: LINK_COLOR_DARK
+  light: token('color.link', B400),
+  dark: token('color.link', LINK_COLOR_DARK)
 }));

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

@@ -1,6 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/core';
 import { N300 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 import { gs, mq } from './utils';
 export var Byline = function Byline(_ref) {
   var text = _ref.text,
@@ -11,7 +12,7 @@ export var Byline = function Byline(_ref) {
     css: mq({
       fontSize: gs(1.5),
       lineHeight: gs(2.5),
-      color: "".concat(N300),
+      color: "".concat(token('color.text.subtlest', N300)),
       fontWeight: 'normal',
       marginTop: gs(0.5),
       // Spec: only allow two lines MAX to be shown.

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

@@ -3,6 +3,7 @@ import { jsx } from '@emotion/core';
 import Tooltip from '@atlaskit/tooltip';
 import { gs } from './utils';
 import { N300 } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 export var Metadata = function Metadata(_ref) {
   var text = _ref.text,
       icon = _ref.icon,
@@ -29,7 +30,7 @@ export var Metadata = function Metadata(_ref) {
   }, metadataIcon, jsx("span", {
     css: {
       fontSize: gs(1.5),
-      color: "".concat(N300),
+      color: "".concat(token('color.text.subtlest', N300)),
       marginRight: gs(0.5),
       marginLeft: '2px'
     }

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

@@ -6,6 +6,7 @@ import EditorCloseIcon from '@atlaskit/icon/glyph/editor/close';
 import ShortcutIcon from '@atlaskit/icon/glyph/shortcut';
 import Button from '@atlaskit/button/custom-theme-button';
 import { N100, N30A } from '@atlaskit/theme/colors';
+import { token } from '@atlaskit/tokens';
 import { FormattedMessage } from 'react-intl-next';
 import { gs } from './utils';
 import { Icon } from './Icon';
@@ -42,7 +43,7 @@ export var Header = function Header(_ref) {
       display: 'flex',
       justifyContent: 'space-between',
       alignItems: 'baseline',
-      borderBottom: "1px solid ".concat(N30A)
+      borderBottom: "1px solid ".concat(token('color.border', N30A))
     }
   }, jsx("div", {
     css: {
@@ -59,7 +60,7 @@ export var Header = function Header(_ref) {
     }
   }, jsx("h3", null, title), jsx("div", {
     css: {
-      color: N100
+      color: token('color.text.subtlest', N100)
     }
   }, metadata.items.length && jsx(MetadataList, {
     items: metadata.items

package/dist/types/client/errors.d.ts

@@ -1,8 +1,9 @@
+import { ErrorType } from './types/responses';
 export declare type APIErrorKind = 'fatal' | 'auth' | 'error' | 'fallback';
 export declare class APIError extends Error {
     readonly kind: APIErrorKind;
     readonly hostname: string;
     readonly message: string;
-    readonly type?: "ResolveBadRequestError" | "ResolveAuthError" | "ResolveUnsupportedError" | "ResolveFailedError" | "ResolveTimeoutError" | "InternalServerError" | "UnexpectedError" | undefined;
-    constructor(kind: APIErrorKind, hostname: string, message: string, type?: "ResolveBadRequestError" | "ResolveAuthError" | "ResolveUnsupportedError" | "ResolveFailedError" | "ResolveTimeoutError" | "InternalServerError" | "UnexpectedError" | undefined);
+    readonly type?: ErrorType | undefined;
+    constructor(kind: APIErrorKind, hostname: string, message: string, type?: ErrorType | undefined);
 }

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

@@ -4,6 +4,6 @@ import { ExtractBlockOpts } from './types';
 import { CardProviderRenderers } from '../../state/context/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?: "web" | "mobile" | undefined) => ActionProps[];
+export declare const extractBlockActions: (props: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, opts?: ExtractBlockOpts | undefined, platform?: JsonLd.Primitives.Platforms | 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?: "web" | "mobile" | undefined) => BlockCardResolvedViewProps;
+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/__mocks__/jsonld.d.ts

@@ -27,11 +27,11 @@ export declare const TEST_ASSIGN_ACTION: JsonLd.Data.BaseData['schema:potentialA
 export declare const TEST_NO_ID_ACTION: JsonLd.Data.BaseData['schema:potentialAction'];
 export declare const TEST_DOCUMENT_WITH_ACTIONS: {
     'schema:potentialAction': any[];
-    '@type': "Collection" | "Document" | "schema:BlogPosting" | "schema:TextDigitalDocument" | "schema:DigitalDocument" | "schema:PresentationDigitalDocument" | "schema:SpreadsheetDigitalDocument" | "atlassian:UndefinedLink" | ("Object" | "Document")[] | ("Object" | "Collection" | "Document" | "schema:BlogPosting" | "schema:TextDigitalDocument" | "schema:DigitalDocument" | "schema:PresentationDigitalDocument" | "schema:SpreadsheetDigitalDocument" | "atlassian:UndefinedLink")[] | ("Document" | "schema:DigitalDocument")[];
+    '@type': "Collection" | "Document" | "schema:BlogPosting" | "schema:TextDigitalDocument" | "schema:DigitalDocument" | "schema:PresentationDigitalDocument" | "schema:SpreadsheetDigitalDocument" | "atlassian:UndefinedLink" | ("Object" | "Document")[] | (JsonLd.Data.DocumentChildType | JsonLd.Data.DocumentParentType)[] | ("Document" | "schema:DigitalDocument")[];
     'schema:fileFormat'?: string | undefined;
     'atlassian:fileSize'?: number | undefined;
     'schema:dateCreated'?: string | undefined;
-    'atlassian:updatedBy'?: string | JsonLd.Primitives.LinkModel | JsonLd.Primitives.Person<any> | undefined;
+    'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | undefined;
     'schema:commentCount'?: number | undefined;
     'atlassian:isDeleted'?: boolean | undefined;
     'atlassian:dateViewed'?: string | undefined;
@@ -44,38 +44,28 @@ export declare const TEST_DOCUMENT_WITH_ACTIONS: {
     'atlassian:visitUrl'?: string | undefined;
     'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;
     '@id'?: string | undefined;
-    attachment?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    attributedTo?: (string & {
-        actor?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    }) | (JsonLd.Primitives.Object<any> & {
-        actor?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    }) | (JsonLd.Primitives.LinkModel & {
-        actor?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    }) | ((string & {
-        actor?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    }) | (JsonLd.Primitives.Object<any> & {
-        actor?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    }) | (JsonLd.Primitives.LinkModel & {
-        actor?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    }))[] | undefined;
-    audience?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    bcc?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    bto?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    cc?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    context?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | undefined;
-    generator?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | undefined;
-    icon?: string | JsonLd.Primitives.LinkModel | JsonLd.Primitives.Image | undefined;
-    image?: string | JsonLd.Primitives.LinkModel | JsonLd.Primitives.Image | undefined;
-    inReplyTo?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    location?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    oneOf?: (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    anyOf?: (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    closed?: string | boolean | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | undefined;
-    preview?: string | (JsonLd.Primitives.Object<any> & JsonLd.Primitives.PreviewExtension) | (JsonLd.Primitives.LinkModel & JsonLd.Primitives.PreviewExtension) | undefined;
+    attachment?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    attributedTo?: JsonLd.Primitives.Property<(JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link) & {
+        actor?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    }> | undefined;
+    audience?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    bcc?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    bto?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    cc?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    context?: JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link | undefined;
+    generator?: JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link | undefined;
+    icon?: JsonLd.Primitives.Link | JsonLd.Primitives.Image | undefined;
+    image?: JsonLd.Primitives.Link | JsonLd.Primitives.Image | undefined;
+    inReplyTo?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    location?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    oneOf?: (JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link)[] | undefined;
+    anyOf?: (JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link)[] | undefined;
+    closed?: boolean | JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link | undefined;
+    preview?: string | ((JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel) & JsonLd.Primitives.PreviewExtension) | undefined;
     replies?: JsonLd.Primitives.Collection<any> | undefined;
-    tag?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    to?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    url?: string | JsonLd.Primitives.LinkModel | JsonLd.Primitives.Link[] | undefined;
+    tag?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    to?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    url?: JsonLd.Primitives.Property<JsonLd.Primitives.Link> | undefined;
     content?: string | undefined;
     contentMap?: Record<string, string> | undefined;
     name?: string | undefined;
@@ -92,14 +82,14 @@ export declare const TEST_DOCUMENT_WITH_ACTIONS: {
 export declare const PREVIEW: JsonLd.Data.BaseData['preview'];
 export declare const TEST_DOCUMENT_WITH_PREVIEW: {
     preview: JsonLd.Primitives.LinkModel & JsonLd.Primitives.PreviewExtension;
-    '@type': "Collection" | "Document" | "schema:BlogPosting" | "schema:TextDigitalDocument" | "schema:DigitalDocument" | "schema:PresentationDigitalDocument" | "schema:SpreadsheetDigitalDocument" | "atlassian:UndefinedLink" | ("Object" | "Document")[] | ("Object" | "Collection" | "Document" | "schema:BlogPosting" | "schema:TextDigitalDocument" | "schema:DigitalDocument" | "schema:PresentationDigitalDocument" | "schema:SpreadsheetDigitalDocument" | "atlassian:UndefinedLink")[] | ("Document" | "schema:DigitalDocument")[];
+    '@type': "Collection" | "Document" | "schema:BlogPosting" | "schema:TextDigitalDocument" | "schema:DigitalDocument" | "schema:PresentationDigitalDocument" | "schema:SpreadsheetDigitalDocument" | "atlassian:UndefinedLink" | ("Object" | "Document")[] | (JsonLd.Data.DocumentChildType | JsonLd.Data.DocumentParentType)[] | ("Document" | "schema:DigitalDocument")[];
     'schema:fileFormat'?: string | undefined;
     'atlassian:fileSize'?: number | undefined;
     'schema:dateCreated'?: string | undefined;
-    'atlassian:updatedBy'?: string | JsonLd.Primitives.LinkModel | JsonLd.Primitives.Person<any> | undefined;
+    'atlassian:updatedBy'?: JsonLd.Primitives.Link | JsonLd.Primitives.Person<any> | undefined;
     'schema:commentCount'?: number | undefined;
     'atlassian:isDeleted'?: boolean | undefined;
-    'schema:potentialAction'?: import("schema-dts").DeleteAction | import("schema-dts").ViewAction | import("schema-dts").DownloadAction | import("schema-dts").WatchAction | import("schema-dts").CommentAction | import("schema-dts").ShareAction | JsonLd.Data.DocumentAction[] | undefined;
+    'schema:potentialAction'?: JsonLd.Primitives.Property<JsonLd.Data.DocumentAction> | undefined;
     'atlassian:dateViewed'?: string | undefined;
     'atlassian:reactCount'?: number | undefined;
     'atlassian:state'?: string | undefined;
@@ -110,37 +100,27 @@ export declare const TEST_DOCUMENT_WITH_PREVIEW: {
     'atlassian:visitUrl'?: string | undefined;
     'atlassian:titlePrefix'?: JsonLd.Data.TitlePrefix | undefined;
     '@id'?: string | undefined;
-    attachment?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    attributedTo?: (string & {
-        actor?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    }) | (JsonLd.Primitives.Object<any> & {
-        actor?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    }) | (JsonLd.Primitives.LinkModel & {
-        actor?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    }) | ((string & {
-        actor?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    }) | (JsonLd.Primitives.Object<any> & {
-        actor?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    }) | (JsonLd.Primitives.LinkModel & {
-        actor?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    }))[] | undefined;
-    audience?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    bcc?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    bto?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    cc?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    context?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | undefined;
-    generator?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | undefined;
-    icon?: string | JsonLd.Primitives.LinkModel | JsonLd.Primitives.Image | undefined;
-    image?: string | JsonLd.Primitives.LinkModel | JsonLd.Primitives.Image | undefined;
-    inReplyTo?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    location?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    oneOf?: (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    anyOf?: (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    closed?: string | boolean | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | undefined;
+    attachment?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    attributedTo?: JsonLd.Primitives.Property<(JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link) & {
+        actor?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    }> | undefined;
+    audience?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    bcc?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    bto?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    cc?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    context?: JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link | undefined;
+    generator?: JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link | undefined;
+    icon?: JsonLd.Primitives.Link | JsonLd.Primitives.Image | undefined;
+    image?: JsonLd.Primitives.Link | JsonLd.Primitives.Image | undefined;
+    inReplyTo?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    location?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    oneOf?: (JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link)[] | undefined;
+    anyOf?: (JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link)[] | undefined;
+    closed?: boolean | JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link | undefined;
     replies?: JsonLd.Primitives.Collection<any> | undefined;
-    tag?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    to?: string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel | (string | JsonLd.Primitives.Object<any> | JsonLd.Primitives.LinkModel)[] | undefined;
-    url?: string | JsonLd.Primitives.LinkModel | JsonLd.Primitives.Link[] | undefined;
+    tag?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    to?: JsonLd.Primitives.Property<JsonLd.Primitives.Object<any> | JsonLd.Primitives.Link> | undefined;
+    url?: JsonLd.Primitives.Property<JsonLd.Primitives.Link> | undefined;
     content?: string | undefined;
     contentMap?: Record<string, string> | undefined;
     name?: string | undefined;

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

@@ -2,4 +2,4 @@ import { JsonLd } from 'json-ld-types';
 import { InvokeHandler } from '../../../model/invoke-handler';
 import { AnalyticsHandler } from '../../../utils/types';
 import { BlockCardResolvedViewProps } from '../../../view/BlockCard';
-export declare const extractPreviewAction: (extensionKey: string | undefined, viewProps: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, handleInvoke: InvokeHandler, handleAnalytics: AnalyticsHandler, testId?: string | undefined, platform?: "web" | "mobile" | undefined) => import("../../../view/BlockCard/components/Action").ActionProps | undefined;
+export declare const extractPreviewAction: (extensionKey: string | undefined, viewProps: BlockCardResolvedViewProps, jsonLd: JsonLd.Data.BaseData, handleInvoke: InvokeHandler, handleAnalytics: AnalyticsHandler, testId?: string | undefined, platform?: JsonLd.Primitives.Platforms | undefined) => import("../../../view/BlockCard/components/Action").ActionProps | undefined;

package/dist/types/extractors/common/title-prefix/extractTitlePrefix.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
 import { JsonLd } from 'json-ld-types';
 import { CardProviderRenderers } from '../../../state/context/types';
-export declare const extractTitlePrefix: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers | undefined, type?: "embed" | "block" | "inline" | undefined) => string | React.ReactNode | undefined;
+import { CardAppearance } from '../../../view/Card';
+export declare const extractTitlePrefix: (jsonLd: JsonLd.Data.BaseData, renderers?: CardProviderRenderers | undefined, type?: CardAppearance | undefined) => string | React.ReactNode | undefined;

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

@@ -1,3 +1,3 @@
 import { JsonLd } from 'json-ld-types';
 import { EmbedCardResolvedViewProps } from '../../view/EmbedCard/views/ResolvedView';
-export declare const extractEmbedProps: (jsonLd: JsonLd.Data.BaseData, meta?: JsonLd.Meta.BaseMeta | undefined, platform?: "web" | "mobile" | undefined) => EmbedCardResolvedViewProps;
+export declare const extractEmbedProps: (jsonLd: JsonLd.Data.BaseData, meta?: JsonLd.Meta.BaseMeta | undefined, platform?: JsonLd.Primitives.Platforms | undefined) => EmbedCardResolvedViewProps;

package/dist/types/extractors/flexible/icon/extract-url-icon.d.ts

@@ -1,4 +1,4 @@
 import { JsonLd } from 'json-ld-types';
 import { IconDescriptor } from './types';
-declare const extractUrlIcon: (icon?: string | JsonLd.Primitives.LinkModel | JsonLd.Primitives.Image | undefined, label?: string | undefined) => IconDescriptor | undefined;
+declare const extractUrlIcon: (icon?: JsonLd.Primitives.Link | JsonLd.Primitives.Image | undefined, label?: string | undefined) => IconDescriptor | undefined;
 export default extractUrlIcon;

package/dist/types/state/analytics/useSmartLinkAnalytics.d.ts

@@ -1,5 +1,6 @@
 import { AnalyticsHandler } from '../../utils/types';
 import { CardInnerAppearance } from '../../view/Card/types';
+import { PreviewDisplay, PreviewInvokeMethod } from '../../view/HoverCard/types';
 import { CardType } from '../store/types';
 import { APIError } from '../../client/errors';
 import { InvokeType } from '../../model/invoke-opts';
@@ -9,8 +10,11 @@ export declare const useSmartLinkAnalytics: (dispatchAnalytics: AnalyticsHandler
         authAlternateAccountEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
         cardClickedEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined, isModifierKeyPressed?: boolean | undefined) => void;
         actionClickedEvent: (id: string, extensionKey: string, actionType: string, display: CardInnerAppearance, invokeType: InvokeType) => void;
+        hoverCardOpenLinkClickedEvent: (previewDisplay: PreviewDisplay, definitionId?: string | undefined, extensionKey?: string | undefined, previewInvokeMethod?: PreviewInvokeMethod | undefined) => void;
         closedAuthEvent: (display: CardInnerAppearance, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
         renderSuccessEvent: (display: CardInnerAppearance, id: string, definitionId?: string | undefined, extensionKey?: string | undefined) => void;
+        hoverCardViewedEvent: (hoverDisplay: PreviewDisplay, definitionId?: string | undefined, extensionKey?: string | undefined, previewInvokeMethod?: PreviewInvokeMethod | undefined) => void;
+        hoverCardDismissedEvent: (hoverDisplay: PreviewDisplay, hoverTime: number, definitionId?: string | undefined, extensionKey?: string | undefined, previewInvokeMethod?: PreviewInvokeMethod | undefined) => void;
     };
     operational: {
         resolvedEvent: (id: string, definitionId?: string | undefined, extensionKey?: string | undefined, resourceType?: string | undefined) => void;

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

@@ -1,4 +1,8 @@
 /// <reference types="react" />
 import { FlexibleUiDataContext } from './types';
+/**
+ * This provides the data that will be used by Smart Links Flexible UI to populate it's
+ * underlying elements.
+ */
 export declare const FlexibleUiContext: import("react").Context<FlexibleUiDataContext | undefined>;
 export declare const useFlexibleUiContext: () => FlexibleUiDataContext | undefined;

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

@@ -1,26 +1,128 @@
 import { LinkLozenge } from '../../extractors/common/lozenge/types';
 import { LinkPerson } from '../../extractors/common/person/types';
 import { IconType, MediaType } from '../../constants';
+/**
+ * This provides the data that will be used by Smart Links Flexible UI to populate it's
+ * underlying elements.
+ */
 export declare type FlexibleUiDataContext = {
+    /**
+     * An array containing data used to populate the AuthorGroup element.
+     * @see AvatarGroup
+     */
     authorGroup?: LinkPerson[];
+    /**
+     * An array containing a @type {LinkPerson} used to populate the CollaboratorGroup element.
+     * @see CollaboratorGroup
+     */
     collaboratorGroup?: LinkPerson[];
+    /**
+     * Contains the number of comments of the linked resource.
+     * @type number
+     * @see CommentCount
+     */
     commentCount?: number;
+    /**
+     * Contains the number of views of the linked resource.
+     * @type number
+     * @see ViewCount
+     */
     viewCount?: number;
+    /**
+     * Contains the number of react of the linked resource.
+     * @type number
+     * @see ReactCount
+     */
     reactCount?: number;
+    /**
+     * Contains the number of votes of the linked resource.
+     * @type number
+     * @see VoteCount
+     */
     voteCount?: number;
+    /**
+     * Contains the name of the entity that created the resource.
+     * @type string
+     * @see CreatedBy
+     */
     createdBy?: string;
+    /**
+     * Contains the ISO timestamp of when the resource was created.
+     * @type string - ISO Timestamp
+     * @see CreatedOn
+     */
     createdOn?: string;
+    /**
+     * Contains the favicon of the resource.
+     * @type Icon
+     * @see LinkIcon
+     */
     linkIcon?: Icon;
+    /**
+     * Contains the name of the entity that last modified the resource.
+     * @type string
+     * @see ModifiedBy
+     */
     modifiedBy?: string;
+    /**
+     * Contains the ISO timestamp of when the resource was last modified.
+     * @type string - ISO Timestamp
+     * @see ModifiedOn
+     */
     modifiedOn?: string;
+    /**
+     * Contains the preview (typically the thumbnail) of the resource.
+     * @type Media
+     * @see Preview
+     */
     preview?: Media;
+    /**
+     * Contains the priority icon of the resource.
+     * @type Icon
+     * @see Priority
+     */
     priority?: Icon;
+    /**
+     * Contains the programming language of the resource.
+     * @type string
+     * @see ProgrammingLanguage
+     */
     programmingLanguage?: string;
+    /**
+     * Contains the snippet of the resource.
+     * @type string
+     * @see Snippet
+     */
     snippet?: string;
+    /**
+     * Contains the number of subscribers of the linked resource.
+     * @type number
+     * @see SubscriberCount
+     */
     subscriberCount?: number;
+    /**
+     * Contains the number of subscribers of the linked resource.
+     * @type number
+     * @see SubscriberCount
+     */
     state?: LinkLozenge;
+    /**
+     * Contains the Title of the linked resource.
+     * @type string
+     * @see Title
+     */
     title?: string;
+    /**
+     * Contains the url of the linked resource.
+     * @type string
+     * @see Title
+     */
     url?: string;
+    /**
+     * Contains the provider icon of the linked resource.
+     * @type Icon
+     * @see Provider
+     */
     provider?: Icon;
 };
 export declare type Icon = {