@atlaskit/smart-card 34.8.0 → 34.9.0

package/dist/cjs/view/LinkUrl/index.js

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.8.0",
+  packageVersion: "34.9.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/cjs/view/common/ai-prism/ai-glowing-border/index.compiled.css

@@ -1,7 +1,10 @@
 
-._1yt4v77o{padding:var(--ds-space-025,2px)}
 ._2rkoftgi{border-radius:8px}._16jlkb7n{flex-grow:1}
+._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
 ._1e0c1txw{display:flex}
 ._1pbykb7n{z-index:1}
-._kqswh2mm{position:relative}
+._ca0qv77o{padding-top:var(--ds-space-025,2px)}
+._kqswh2mm{position:relative}
+._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
+._u5f3v77o{padding-right:var(--ds-space-025,2px)}

package/dist/cjs/view/common/ai-prism/ai-glowing-border/index.js

@@ -33,7 +33,7 @@ var AIGlowingBorderNew = function AIGlowingBorderNew(_ref) {
     className = _ref.className;
   return /*#__PURE__*/React.createElement("div", {
     "data-testid": testId,
-    className: (0, _runtime.ax)(["_1yt4v77o _1e0c1txw _kqswh2mm _1bsb1ns9"])
+    className: (0, _runtime.ax)(["_1e0c1txw _kqswh2mm _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _1bsb1ns9"])
   }, /*#__PURE__*/React.createElement(_animatedSvgContainer.default, {
     palette: palette,
     isMoving: isMoving,

package/dist/es2019/constants.js

@@ -203,6 +203,7 @@ export let IconType = /*#__PURE__*/function (IconType) {
   IconType["Story"] = "Jira:Story";
   IconType["SubTask"] = "Jira:SubTask";
   IconType["Task"] = "Jira:Task";
+  IconType["LiveDocument"] = "Confluence:LiveDocument";
   IconType["Confluence"] = "Provider:Confluence";
   IconType["Jira"] = "Provider:Jira";
   IconType["Default"] = "Default";

package/dist/es2019/extractors/common/icon/extractIconFromDocument.js

@@ -3,8 +3,10 @@ import DocumentIcon from '@atlaskit/icon-file-type/glyph/document/16';
 import FileIcon from '@atlaskit/icon-file-type/glyph/generic/16';
 import PresentationIcon from '@atlaskit/icon-file-type/glyph/presentation/16';
 import SpreadsheetIcon from '@atlaskit/icon-file-type/glyph/spreadsheet/16';
+import LiveDocumentIcon from '@atlaskit/icon-lab/core/page-live-doc';
 import BlogIcon from '@atlaskit/icon-object/glyph/blog/16';
 import DocumentFilledIcon from '@atlaskit/icon/core/migration/page--document-filled';
+import { isConfluenceGenerator } from '@atlaskit/link-extractors';
 import { getIconForFileType } from '../../../utils';
 import { prioritiseIcon } from './prioritiseIcon';
 /**
@@ -38,10 +40,7 @@ const documentTypeToIcon = (type, opts) => {
         testId: "blog-icon"
       });
     case 'schema:DigitalDocument':
-      return /*#__PURE__*/React.createElement(FileIcon, {
-        label: opts.title || 'file',
-        testId: "file-icon"
-      });
+      return digitalDocumentToIcon(opts);
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
         label: opts.title || 'document',
@@ -69,4 +68,27 @@ const documentTypeToIcon = (type, opts) => {
         testId: "document-icon"
       });
   }
+};
+
+/**
+ * Enables providers to represent `schema:DigitalDocument` in a manner which
+ * aligns with their customers when representing provider-specific types, which
+ * do not apply across multiple providers.
+ * @example Confluence digital documents represent 'live documents', specific to Confluence.
+ * @remark This mechanism will be superseded by backend-driven icon URLs as part
+ * of go/j/MODES-5864. Do not add more!
+ */
+const digitalDocumentToIcon = opts => {
+  var _opts$provider;
+  if ((_opts$provider = opts.provider) !== null && _opts$provider !== void 0 && _opts$provider.id && isConfluenceGenerator(opts.provider.id)) {
+    return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
+      label: "live-doc",
+      testId: "live-doc-icon"
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(FileIcon, {
+      label: opts.title || 'file',
+      testId: "file-icon"
+    });
+  }
 };

package/dist/es2019/extractors/flexible/icon/extract-document-type-icon.js

@@ -1,5 +1,21 @@
+import { isConfluenceGenerator } from '@atlaskit/link-extractors';
 import { IconType } from '../../../constants';
-const extractDocumentTypeIcon = (documentType, label) => {
+/**
+ * Computes the relevant icon for a document type.
+ *
+ * @remark Note that document icons can vary based on the provider. E.g., a
+ * provider may choose to re-use one of these document types in their domain,
+ * but offer a different SVG icon on the frontend (to map to this type in their
+ * domain). See `schema:digitalDocument` for an example of this behaviour. This
+ * mechanism will be superseded by backend-driven icon URLs as part of
+ * go/j/MODES-5864. Do not add more!
+ *
+ * @param documentType JSON-LD document type
+ * @param label human-readable label to be displayed on the icon
+ * @param providerId JSON-LD provider (generator ID)
+ * @returns an icon descriptor representing the document type
+ */
+const extractDocumentTypeIcon = (documentType, label, providerId) => {
   switch (documentType) {
     case 'schema:BlogPosting':
       return {
@@ -7,10 +23,17 @@ const extractDocumentTypeIcon = (documentType, label) => {
         label: label || 'Blog'
       };
     case 'schema:DigitalDocument':
-      return {
-        icon: IconType.File,
-        label: label || 'File'
-      };
+      if (providerId && isConfluenceGenerator(providerId)) {
+        return {
+          icon: IconType.LiveDocument,
+          label: label || 'Live Document'
+        };
+      } else {
+        return {
+          icon: IconType.File,
+          label: label || 'File'
+        };
+      }
     case 'schema:TextDigitalDocument':
       return {
         icon: IconType.Document,

package/dist/es2019/extractors/flexible/icon/extract-jsonld-data-icon.js

@@ -45,7 +45,7 @@ function chooseIcon({
     label,
     providerId,
     data
-  }) || extractDocumentTypeIcon(type, label);
+  }) || extractDocumentTypeIcon(type, label, providerId);
   return prioritiseIcon({
     fileFormatIcon,
     documentTypeIcon,

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.8.0"
+  packageVersion: "34.9.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/index.js

@@ -256,6 +256,14 @@ export const getLazyIcons = () => {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/icon-object/glyph/task/16'),
       large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/icon-object/glyph/task/24')
     },
+    // Confluence icons
+    [IconType.LiveDocument]: {
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphConfluenceLiveDocument" */'@atlaskit/icon-lab/core/page-live-doc').then(({
+        default: LiveDocumentIcon
+      }) => ({
+        default: LiveDocumentIcon
+      }))
+    },
     // Provider icons
     [IconType.Confluence]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon').then(({

package/dist/es2019/view/EmbedCard/components/styled.compiled.css

@@ -1,6 +1,5 @@
 ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
 ._14mjpd34:after{border-radius:var(--ds-border-radius-200,8px)}
-._18s81cq1{margin:var(--ds-space-050,4px) 0 var(--ds-space-150,9pt) var(--ds-space-150,9pt)}
 ._18s81xf9{margin:0 var(--ds-space-100,8px) var(--ds-space-100,8px)}
 ._19ith6cr{border:1px solid var(--ds-border,#dfe1e6)}
 ._1u3rh6cr:hover:after{border:1px solid var(--ds-border,#dfe1e6)}
@@ -19,10 +18,12 @@
 ._18m91wug{overflow-y:auto}
 ._18postnw:after{position:absolute}
 ._18u01wug{margin-left:auto}
+._18u0utpp{margin-left:var(--ds-space-150,9pt)}
 ._19do1kw7:after{left:inherit}
 ._19doidpf:after{left:0}
 ._19dox0bf:after{left:var(--ds-space-negative-100,-8px)}
 ._19pk19bv{margin-top:10px}
+._19pk1b66{margin-top:var(--ds-space-050,4px)}
 ._19pkidpf{margin-top:0}
 ._1aaxusic{float:right}
 ._1bsb176v{width:125px}
@@ -48,6 +49,7 @@
 ._1ul91pd6{min-width:var(--_10q0298)}
 ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
 ._2hwx1wug{margin-right:auto}
+._2hwxidpf{margin-right:0}
 ._2lx21bp4{flex-direction:column}
 ._4cvr1h6o{align-items:center}
 ._4t3i17ym{height:var(--_rcxkve)}
@@ -74,6 +76,7 @@
 ._kqswstnw{position:absolute}
 ._o5721q9c{white-space:nowrap}
 ._otyridpf{margin-bottom:0}
+._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}
 ._p12f1ayu{max-width:var(--_1et2rhb)}
 ._rd9b1wug >.embed-preview>div{margin-right:auto}
 ._syaz1rc1{color:var(--ds-text-subtlest,#5e6c84)}

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -203,7 +203,7 @@ export const Thumbnail = forwardRef(({
       "--_13orr8u": ix(`url(${__cmplp.src})`)
     },
     ref: __cmplr,
-    className: ax(["_2rko1sit _18s81cq1 _1bsbckbl _4t3ickbl _1aaxusic _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
+    className: ax(["_2rko1sit _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

package/dist/es2019/view/EmbedCard/views/unresolved-view/index.compiled.css

@@ -1,7 +1,7 @@
 ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._1yt4pxbi{padding:var(--ds-space-200,1pc)}
 ._zulpv47k{gap:var(--ds-space-250,20px)}
 ._18u01wug{margin-left:auto}
+._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
 ._19pk1wug{margin-top:auto}
 ._1bah1h6o{justify-content:center}
 ._1bsbmgvx{width:180px}
@@ -13,7 +13,10 @@
 ._4t3i1kw7{height:inherit}
 ._4t3i68cl{height:90pt}
 ._5ral1f51{object-fit:contain}
+._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
+._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
 ._otyr1wug{margin-bottom:auto}
 ._p12f1kdj{max-width:25pc}
 ._rsufaqso{object-position:center center}
+._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
 ._y3gn1h6o{text-align:center}

package/dist/es2019/view/EmbedCard/views/unresolved-view/index.js

@@ -82,7 +82,7 @@ const UnresolvedView = ({
     "data-testid": `${testId}-unresolved-container`,
     className: ax(["_1e0c11p5 _4t3i1kw7"])
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_19pk1wug _2hwx1wug _otyr1wug _18u01wug _1yt4pxbi _zulpv47k _1e0c1txw _2lx21bp4 _1bah1h6o _y3gn1h6o _4cvr1h6o _p12f1kdj"])
+    className: ax(["_19pk1wug _2hwx1wug _otyr1wug _18u01wug _zulpv47k _1e0c1txw _2lx21bp4 _1bah1h6o _y3gn1h6o _4cvr1h6o _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _p12f1kdj"])
   }, image, /*#__PURE__*/React.createElement(Heading, {
     size: "large",
     testId: `${testId}-unresolved-title`

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css

@@ -1,7 +1,10 @@
 
 ._kkk2n7od{all:unset}._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._1yt41b66{padding:var(--ds-space-050,4px)}
+._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._1bsb1osq{width:100%}
+._ca0q1b66{padding-top:var(--ds-space-050,4px)}
+._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
 ._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f31b66{padding-right:var(--ds-space-050,4px)}
 ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
 ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -11,7 +11,7 @@ import { getPrimitivesInlineSpaceBySize } from '../../../utils';
 import ActionIcon from '../action-icon';
 import ActionButtonOld from './action-buttonOld';
 const styles = {
-  button: "_kkk2n7od _1yt41b66 _1bsb1osq _irr3166n _1di61dty",
+  button: "_kkk2n7od _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _irr3166n _1di61dty",
   content: "_11c8qk37 _syaz1fxt"
 };
 const ActionButtonNew = ({

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/action-footer/index.compiled.css

@@ -1,10 +1,12 @@
 
 ._kkk2n7od{all:unset}._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._18s8u2gc{margin:var(--ds-space-100,8px)}
 ._1yt412x7{padding:var(--ds-space-075,6px)}
 ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
 ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
+._18u0u2gc{margin-left:var(--ds-space-100,8px)}
+._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._1bsb1osq{width:100%}
+._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
 ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
 ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
 ._fiawglyw:empty{display:none}

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/action-footer/index.js

@@ -37,7 +37,7 @@ const ActionFooterNew = ({
   }
   return /*#__PURE__*/React.createElement("div", {
     "data-testId": `${testId}-footer`,
-    className: ax(["_kkk2n7od _2rkoglpi _18s8u2gc _1yt412x7 _18zru2gc _otyrze3t _vwz4gktf _1bsb1osq _fiawglyw", message.appearance === 'error' && "_bfhk1gly"])
+    className: ax(["_kkk2n7od _2rkoglpi _1yt412x7 _18zru2gc _19pku2gc _2hwxu2gc _otyrze3t _18u0u2gc _vwz4gktf _1bsb1osq _fiawglyw", message.appearance === 'error' && "_bfhk1gly"])
   }, /*#__PURE__*/React.createElement(MotionWrapper, {
     isFadeIn: true,
     show: true,

package/dist/es2019/view/FlexibleCard/components/common/atlaskit-icon/index.js

@@ -50,6 +50,12 @@ const importIconMapperOld = {
   [IconType.Story]: () => import( /* webpackChunkName: "glyphStory" */'@atlaskit/icon-object/glyph/story/16'),
   [IconType.SubTask]: () => import( /* webpackChunkName: "glyphSubTask" */'@atlaskit/icon-object/glyph/subtask/16'),
   [IconType.Task]: () => import( /* webpackChunkName: "glyphTask" */'@atlaskit/icon-object/glyph/task/16'),
+  // Confluence icons
+  [IconType.LiveDocument]: () => import( /* webpackChunkName: "glyphConfluenceLiveDocument" */'@atlaskit/icon-lab/core/page-live-doc').then(({
+    default: LiveDocumentIcon
+  }) => ({
+    default: LiveDocumentIcon
+  })),
   // Provider icons
   [IconType.Confluence]: () => import( /* webpackChunkName: "glyphConfluence" */'@atlaskit/logo/confluence-icon').then(({
     ConfluenceIcon

package/dist/es2019/view/InlineCard/ForbiddenView/index.compiled.css

@@ -1,3 +1,6 @@
-._1yt4ze3t{padding:var(--ds-space-0,0)}
+._19bvze3t{padding-left:var(--ds-space-0,0)}
 ._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
-._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}

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

@@ -22,7 +22,7 @@ import withFrameStyleControl from '../utils/withFrameStyleControl';
 import { InlineCardForbiddenViewOld } from './InlineCardForbiddenViewOld';
 const styles = {
   iconWrapper: "_2hwx1i6y",
-  actionButtonLozengeStyle: "_1yt4ze3t _bfhksm61"
+  actionButtonLozengeStyle: "_bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"
 };
 const fallbackForbiddenIcon = () => {
   return fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(Box, {

package/dist/es2019/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.8.0",
+  packageVersion: "34.9.0",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/es2019/view/common/ai-prism/ai-glowing-border/index.compiled.css

@@ -1,7 +1,10 @@
 
-._1yt4v77o{padding:var(--ds-space-025,2px)}
 ._2rkoftgi{border-radius:8px}._16jlkb7n{flex-grow:1}
+._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
 ._1e0c1txw{display:flex}
 ._1pbykb7n{z-index:1}
-._kqswh2mm{position:relative}
+._ca0qv77o{padding-top:var(--ds-space-025,2px)}
+._kqswh2mm{position:relative}
+._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
+._u5f3v77o{padding-right:var(--ds-space-025,2px)}

package/dist/es2019/view/common/ai-prism/ai-glowing-border/index.js

@@ -22,7 +22,7 @@ const AIGlowingBorderNew = ({
   className
 }) => /*#__PURE__*/React.createElement("div", {
   "data-testid": testId,
-  className: ax(["_1yt4v77o _1e0c1txw _kqswh2mm _1bsb1ns9"])
+  className: ax(["_1e0c1txw _kqswh2mm _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _1bsb1ns9"])
 }, /*#__PURE__*/React.createElement(AnimatedSvgContainer, {
   palette: palette,
   isMoving: isMoving,

package/dist/esm/constants.js

@@ -203,6 +203,7 @@ export var IconType = /*#__PURE__*/function (IconType) {
   IconType["Story"] = "Jira:Story";
   IconType["SubTask"] = "Jira:SubTask";
   IconType["Task"] = "Jira:Task";
+  IconType["LiveDocument"] = "Confluence:LiveDocument";
   IconType["Confluence"] = "Provider:Confluence";
   IconType["Jira"] = "Provider:Jira";
   IconType["Default"] = "Default";

package/dist/esm/extractors/common/icon/extractIconFromDocument.js

@@ -3,8 +3,10 @@ import DocumentIcon from '@atlaskit/icon-file-type/glyph/document/16';
 import FileIcon from '@atlaskit/icon-file-type/glyph/generic/16';
 import PresentationIcon from '@atlaskit/icon-file-type/glyph/presentation/16';
 import SpreadsheetIcon from '@atlaskit/icon-file-type/glyph/spreadsheet/16';
+import LiveDocumentIcon from '@atlaskit/icon-lab/core/page-live-doc';
 import BlogIcon from '@atlaskit/icon-object/glyph/blog/16';
 import DocumentFilledIcon from '@atlaskit/icon/core/migration/page--document-filled';
+import { isConfluenceGenerator } from '@atlaskit/link-extractors';
 import { getIconForFileType } from '../../../utils';
 import { prioritiseIcon } from './prioritiseIcon';
 /**
@@ -38,10 +40,7 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
         testId: "blog-icon"
       });
     case 'schema:DigitalDocument':
-      return /*#__PURE__*/React.createElement(FileIcon, {
-        label: opts.title || 'file',
-        testId: "file-icon"
-      });
+      return digitalDocumentToIcon(opts);
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
         label: opts.title || 'document',
@@ -69,4 +68,27 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
         testId: "document-icon"
       });
   }
+};
+
+/**
+ * Enables providers to represent `schema:DigitalDocument` in a manner which
+ * aligns with their customers when representing provider-specific types, which
+ * do not apply across multiple providers.
+ * @example Confluence digital documents represent 'live documents', specific to Confluence.
+ * @remark This mechanism will be superseded by backend-driven icon URLs as part
+ * of go/j/MODES-5864. Do not add more!
+ */
+var digitalDocumentToIcon = function digitalDocumentToIcon(opts) {
+  var _opts$provider;
+  if ((_opts$provider = opts.provider) !== null && _opts$provider !== void 0 && _opts$provider.id && isConfluenceGenerator(opts.provider.id)) {
+    return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
+      label: "live-doc",
+      testId: "live-doc-icon"
+    });
+  } else {
+    return /*#__PURE__*/React.createElement(FileIcon, {
+      label: opts.title || 'file',
+      testId: "file-icon"
+    });
+  }
 };

package/dist/esm/extractors/flexible/icon/extract-document-type-icon.js

@@ -1,5 +1,21 @@
+import { isConfluenceGenerator } from '@atlaskit/link-extractors';
 import { IconType } from '../../../constants';
-var extractDocumentTypeIcon = function extractDocumentTypeIcon(documentType, label) {
+/**
+ * Computes the relevant icon for a document type.
+ *
+ * @remark Note that document icons can vary based on the provider. E.g., a
+ * provider may choose to re-use one of these document types in their domain,
+ * but offer a different SVG icon on the frontend (to map to this type in their
+ * domain). See `schema:digitalDocument` for an example of this behaviour. This
+ * mechanism will be superseded by backend-driven icon URLs as part of
+ * go/j/MODES-5864. Do not add more!
+ *
+ * @param documentType JSON-LD document type
+ * @param label human-readable label to be displayed on the icon
+ * @param providerId JSON-LD provider (generator ID)
+ * @returns an icon descriptor representing the document type
+ */
+var extractDocumentTypeIcon = function extractDocumentTypeIcon(documentType, label, providerId) {
   switch (documentType) {
     case 'schema:BlogPosting':
       return {
@@ -7,10 +23,17 @@ var extractDocumentTypeIcon = function extractDocumentTypeIcon(documentType, lab
         label: label || 'Blog'
       };
     case 'schema:DigitalDocument':
-      return {
-        icon: IconType.File,
-        label: label || 'File'
-      };
+      if (providerId && isConfluenceGenerator(providerId)) {
+        return {
+          icon: IconType.LiveDocument,
+          label: label || 'Live Document'
+        };
+      } else {
+        return {
+          icon: IconType.File,
+          label: label || 'File'
+        };
+      }
     case 'schema:TextDigitalDocument':
       return {
         icon: IconType.Document,

package/dist/esm/extractors/flexible/icon/extract-jsonld-data-icon.js

@@ -47,7 +47,7 @@ function chooseIcon(_ref2) {
     label: label,
     providerId: providerId,
     data: data
-  }) || extractDocumentTypeIcon(type, label);
+  }) || extractDocumentTypeIcon(type, label, providerId);
   return prioritiseIcon({
     fileFormatIcon: fileFormatIcon,
     documentTypeIcon: documentTypeIcon,

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.8.0"
+  packageVersion: "34.9.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/utils/flexible.js

@@ -5,13 +5,13 @@ import { FooterBlock, PreviewBlock, TitleBlock } from '../view/FlexibleCard/comp
 import * as Elements from '../view/FlexibleCard/components/elements';
 export var isFlexibleUiCard = function isFlexibleUiCard(children) {
   if (children && React.Children.toArray(children).some(function (child) {
-    return isFlexibleUiTitleBlock(child);
+    return _isFlexibleUiTitleBlock(child);
   })) {
     return true;
   }
   return false;
 };
-export var isFlexibleUiBlock = function isFlexibleUiBlock(node) {
+var _isFlexibleUiBlock = function isFlexibleUiBlock(node) {
   var _node$type;
   if (!fg('bandicoots-compiled-migration-smartcard')) {
     return /*#__PURE__*/React.isValidElement(node) && Object.values(Blocks).some(function (type) {
@@ -34,7 +34,7 @@ export var isFlexibleUiBlock = function isFlexibleUiBlock(node) {
         return;
       }
       if (typeof child.type !== 'string' && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) !== 'Style') {
-        isChildrenValid = isFlexibleUiBlock(child);
+        isChildrenValid = _isFlexibleUiBlock(child);
       }
     });
     return isChildrenValid;
@@ -46,7 +46,8 @@ export var isFlexibleUiBlock = function isFlexibleUiBlock(node) {
   }
   return false;
 };
-export var isFlexibleUiElement = function isFlexibleUiElement(node) {
+export { _isFlexibleUiBlock as isFlexibleUiBlock };
+var _isFlexibleUiElement = function isFlexibleUiElement(node) {
   var _node$type2;
   if (!fg('bandicoots-compiled-migration-smartcard')) {
     return /*#__PURE__*/React.isValidElement(node) && Object.values(Elements).some(function (type) {
@@ -74,14 +75,15 @@ export var isFlexibleUiElement = function isFlexibleUiElement(node) {
         return;
       }
       if (typeof child.type !== 'string' && ((_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.name) !== 'Style') {
-        isChildrenValid = isFlexibleUiElement(child);
+        isChildrenValid = _isFlexibleUiElement(child);
       }
     });
     return isChildrenValid;
   }
   return false;
 };
-export var isFlexibleUiTitleBlock = function isFlexibleUiTitleBlock(node) {
+export { _isFlexibleUiElement as isFlexibleUiElement };
+var _isFlexibleUiTitleBlock = function isFlexibleUiTitleBlock(node) {
   var _node$type3;
   if (!fg('bandicoots-compiled-migration-smartcard')) {
     return /*#__PURE__*/React.isValidElement(node) && node.type === TitleBlock;
@@ -105,14 +107,15 @@ export var isFlexibleUiTitleBlock = function isFlexibleUiTitleBlock(node) {
         return;
       }
       if (typeof child.type !== 'string' && ((_child$type3 = child.type) === null || _child$type3 === void 0 ? void 0 : _child$type3.name) !== 'Style') {
-        isChildrenValid = isFlexibleUiTitleBlock(child);
+        isChildrenValid = _isFlexibleUiTitleBlock(child);
       }
     });
     return isChildrenValid;
   }
   return false;
 };
-export var isFlexibleUiPreviewBlock = function isFlexibleUiPreviewBlock(node) {
+export { _isFlexibleUiTitleBlock as isFlexibleUiTitleBlock };
+var _isFlexibleUiPreviewBlock = function isFlexibleUiPreviewBlock(node) {
   var _node$type4;
   if (!fg('bandicoots-compiled-migration-smartcard')) {
     return /*#__PURE__*/React.isValidElement(node) && node.type === PreviewBlock;
@@ -136,13 +139,14 @@ export var isFlexibleUiPreviewBlock = function isFlexibleUiPreviewBlock(node) {
         return;
       }
       if (typeof child.type !== 'string' && ((_child$type4 = child.type) === null || _child$type4 === void 0 ? void 0 : _child$type4.name) !== 'Style') {
-        isChildrenValid = isFlexibleUiPreviewBlock(child);
+        isChildrenValid = _isFlexibleUiPreviewBlock(child);
       }
     });
     return isChildrenValid;
   }
   return false;
 };
+export { _isFlexibleUiPreviewBlock as isFlexibleUiPreviewBlock };
 export var isFlexibleUiFooterBlock = function isFlexibleUiFooterBlock(node) {
   return /*#__PURE__*/React.isValidElement(node) && node.type === FooterBlock;
 };