@atlaskit/smart-card 34.10.5 → 34.10.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 34.10.7
+
+### Patch Changes
+
+- Updated dependencies
+
+## 34.10.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 34.10.5
 
 ### Patch Changes

package/dist/cjs/common/ui/icons/live-document-icon.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _pageLiveDoc = _interopRequireDefault(require("@atlaskit/icon-lab/core/page-live-doc"));
+var _utils = require("./utils");
+var LiveDocumentIconWithColor = (0, _utils.renderIconTile)(_pageLiveDoc.default, 'magentaBold');
+LiveDocumentIconWithColor.displayName = 'LiveDocumentIconWithColor';
+var _default = exports.default = LiveDocumentIconWithColor;

package/dist/cjs/common/ui/icons/utils.js

@@ -41,7 +41,7 @@ var renderIconTile = exports.renderIconTile = function renderIconTile(Icon, appe
       icon: Icon,
       size: transformSmartLinkSizeToIconTileSize(size)
     }, props, {
-      LEGACY_fallbackComponent: /*#__PURE__*/_react.default.createElement(LegacyIcon, props)
+      LEGACY_fallbackComponent: LegacyIcon && /*#__PURE__*/_react.default.createElement(LegacyIcon, props)
     }));
   };
 };

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extractIconFromDocument = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _icon = require("@atlaskit/icon");
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/document/16"));
 var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/generic/16"));
 var _3 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/presentation/16"));
@@ -142,8 +143,11 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
 var digitalDocumentToIcon = function digitalDocumentToIcon(opts) {
   var _opts$provider;
   if ((_opts$provider = opts.provider) !== null && _opts$provider !== void 0 && _opts$provider.id && (0, _linkExtractors.isConfluenceGenerator)(opts.provider.id)) {
-    return /*#__PURE__*/_react.default.createElement(_pageLiveDoc.default, {
+    return /*#__PURE__*/_react.default.createElement(_icon.IconTile, {
+      icon: _pageLiveDoc.default,
       label: "live-doc",
+      appearance: "magentaBold",
+      shape: "square",
       testId: "live-doc-icon"
     });
   } else {

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.10.5"
+  packageVersion: "34.10.7"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/index.js

@@ -337,8 +337,8 @@ var typeToIcon = {
 
 // prettier-ignore
 var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
-  var _ref4;
-  return _ref4 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.Document, {
+  var _ref3;
+  return _ref3 = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.Document, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon'));
@@ -398,7 +398,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_list-bullet-icon" */'../common/ui/icons/list-bullet-icon'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.Video, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.Video, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon'));
@@ -483,7 +483,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphGoogleForms" */'@atlaskit/icon-file-type/glyph/google-form/24'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.GoogleSheets, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.GoogleSheets, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphGoogleSheets" */'@atlaskit/icon-file-type/glyph/google-sheet/16'));
@@ -593,7 +593,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphPullRequest" */'@atlaskit/icon-object/glyph/pull-request/24'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.Repo, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.Repo, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphRepo" */'@atlaskit/icon-object/glyph/code/16'));
@@ -703,23 +703,18 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/icon-object/glyph/task/24'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.LiveDocument, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.LiveDocument, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphConfluenceLiveDocument" */'@atlaskit/icon-lab/core/page-live-doc'));
-      }).then(function (_ref) {
-        var LiveDocumentIcon = _ref.default;
-        return {
-          default: LiveDocumentIcon
-        };
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_live-document-icon" */'../common/ui/icons/live-document-icon'));
       });
     }
   }), _constants.IconType.Confluence, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon'));
-      }).then(function (_ref2) {
-        var ConfluenceIcon = _ref2.ConfluenceIcon;
+      }).then(function (_ref) {
+        var ConfluenceIcon = _ref.ConfluenceIcon;
         return {
           default: ConfluenceIcon
         };
@@ -729,8 +724,8 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphJira" */'@atlaskit/logo/jira-icon'));
-      }).then(function (_ref3) {
-        var JiraIcon = _ref3.JiraIcon;
+      }).then(function (_ref2) {
+        var JiraIcon = _ref2.JiraIcon;
         return {
           default: JiraIcon
         };
@@ -778,7 +773,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.PriorityCritical, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.PriorityCritical, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical'));
@@ -838,7 +833,7 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/migration/question-circle--question'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _constants.IconType.ProgrammingLanguage, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.ProgrammingLanguage, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/migration/angle-brackets--code'));
@@ -890,7 +885,7 @@ var sleep = exports.sleep = function sleep(ms) {
   });
 };
 var _importWithRetry = exports.importWithRetry = /*#__PURE__*/function () {
-  var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(importFn) {
+  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(importFn) {
     var retries,
       interval,
       _args = arguments;
@@ -924,11 +919,11 @@ var _importWithRetry = exports.importWithRetry = /*#__PURE__*/function () {
     }, _callee, null, [[2, 8]]);
   }));
   return function importWithRetry(_x) {
-    return _ref5.apply(this, arguments);
+    return _ref4.apply(this, arguments);
   };
 }();
 var downloadUrl = exports.downloadUrl = /*#__PURE__*/function () {
-  var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(url) {
+  var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(url) {
     var isIE11, isSafari, iframeName, link, iframe;
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -964,11 +959,11 @@ var downloadUrl = exports.downloadUrl = /*#__PURE__*/function () {
     }, _callee2);
   }));
   return function downloadUrl(_x2) {
-    return _ref6.apply(this, arguments);
+    return _ref5.apply(this, arguments);
   };
 }();
 var openUrl = exports.openUrl = /*#__PURE__*/function () {
-  var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(url) {
+  var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(url) {
     return _regenerator.default.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -986,7 +981,7 @@ var openUrl = exports.openUrl = /*#__PURE__*/function () {
     }, _callee3);
   }));
   return function openUrl(_x3) {
-    return _ref7.apply(this, arguments);
+    return _ref6.apply(this, arguments);
   };
 }();
 

package/dist/cjs/view/EmbedCard/views/ErroredView.compiled.css

@@ -1,13 +1,2 @@
-._11c81il0{font:var(--ds-font-heading-xsmall,normal 600 14px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._18m915vq{overflow-y:hidden}
-._18u01b66{margin-left:var(--ds-space-050,4px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
-._1bto1l2s{text-overflow:ellipsis}
-._1e0ccj1k{display:-webkit-box}
-._1reo15vq{overflow-x:hidden}
-._1yyjkb7n{-webkit-line-clamp:1}
-._2hwx1b66{margin-right:var(--ds-space-050,4px)}
-._c71l183y{max-height:21px}
-._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
-._sudp1e54{-webkit-box-orient:vertical}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}

package/dist/cjs/view/EmbedCard/views/ErroredView.js

@@ -22,7 +22,6 @@ var _ErroredViewOld = require("./ErroredViewOld");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var styles = {
-  messageStyles: "_11c81il0 _1reo15vq _18m915vq _k48pi7a9 _18u01b66 _2hwx1b66 _1e0ccj1k _1yyjkb7n _sudp1e54 _1bto1l2s _c71l183y",
   boxStyles: "_19bv1b66 _u5f31b66"
 };
 var EmbedCardErroredViewNew = function EmbedCardErroredViewNew(_ref) {
@@ -43,9 +42,7 @@ var EmbedCardErroredViewNew = function EmbedCardErroredViewNew(_ref) {
     label: "error-icon"
   }), /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.boxStyles
-  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
-    xcss: styles.messageStyles
-  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.could_not_load_link))), /*#__PURE__*/React.createElement(_button.default, {
+  }, /*#__PURE__*/React.createElement(_compiled.Inline, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.could_not_load_link))), /*#__PURE__*/React.createElement(_button.default, {
     testId: "err-view-retry",
     appearance: "link",
     spacing: "none",

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

@@ -16,6 +16,7 @@ var _logo = require("@atlaskit/logo");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _blogIcon = _interopRequireDefault(require("../../../../../common/ui/icons/blog-icon"));
+var _liveDocumentIcon = _interopRequireDefault(require("../../../../../common/ui/icons/live-document-icon"));
 var _pageIcon = _interopRequireDefault(require("../../../../../common/ui/icons/page-icon"));
 var _constants = require("../../../../../constants");
 var _utils = require("../../../../../utils");
@@ -167,20 +168,11 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphTask" */'@atlaskit/icon-object/glyph/task/16'));
   });
-}), _constants.IconType.LiveDocument, function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require( /* webpackChunkName: "glyphConfluenceLiveDocument" */'@atlaskit/icon-lab/core/page-live-doc'));
-  }).then(function (_ref) {
-    var LiveDocumentIcon = _ref.default;
-    return {
-      default: LiveDocumentIcon
-    };
-  });
 }), _constants.IconType.Confluence, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphConfluence" */'@atlaskit/logo/confluence-icon'));
-  }).then(function (_ref2) {
-    var ConfluenceIcon = _ref2.ConfluenceIcon;
+  }).then(function (_ref) {
+    var ConfluenceIcon = _ref.ConfluenceIcon;
     return {
       default: ConfluenceIcon
     };
@@ -188,8 +180,8 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
 }), _constants.IconType.Jira, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphJira" */'@atlaskit/logo/jira-icon'));
-  }).then(function (_ref3) {
-    var JiraIcon = _ref3.JiraIcon;
+  }).then(function (_ref2) {
+    var JiraIcon = _ref2.JiraIcon;
     return {
       default: JiraIcon
     };
@@ -198,11 +190,11 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphDefault" */'@atlaskit/icon/glyph/link'));
   });
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.Error, function () {
+}), _constants.IconType.Error, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphError" */'@atlaskit/icon/glyph/error'));
   });
-}), _constants.IconType.Forbidden, function () {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.Forbidden, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphForbidden" */'@atlaskit/icon/glyph/lock-filled'));
   });
@@ -238,11 +230,11 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical'));
   });
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.PriorityHigh, function () {
+}), _constants.IconType.PriorityHigh, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphHigh" */'@atlaskit/icon-priority/glyph/priority-high'));
   });
-}), _constants.IconType.PriorityHighest, function () {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.PriorityHighest, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphHighest" */'@atlaskit/icon-priority/glyph/priority-highest'));
   });
@@ -278,11 +270,11 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphProgrammingLanguage" */'@atlaskit/icon/glyph/code'));
   });
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.Subscriber, function () {
+}), _constants.IconType.Subscriber, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphSubscriber" */'@atlaskit/icon/glyph/people'));
   });
-}), _constants.IconType.SubTasksProgress, function () {
+}), (0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.SubTasksProgress, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphSubtaskProgress" */'@atlaskit/icon/glyph/subtask'));
   });
@@ -309,12 +301,12 @@ var importIcon = function importIcon(importFn) {
     }
   }); // Because we're using dynamic loading here, TS will not be able to infer the type.
 };
-var AtlaskitIcon = function AtlaskitIcon(_ref4) {
-  var icon = _ref4.icon,
-    label = _ref4.label,
-    testId = _ref4.testId,
-    _ref4$size = _ref4.size,
-    size = _ref4$size === void 0 ? _constants.SmartLinkSize.Medium : _ref4$size;
+var AtlaskitIcon = function AtlaskitIcon(_ref3) {
+  var icon = _ref3.icon,
+    label = _ref3.label,
+    testId = _ref3.testId,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? _constants.SmartLinkSize.Medium : _ref3$size;
   var DocumentIcon = (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? _pageIcon.default : _.default;
   var BlogIcon = (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? _blogIcon.default : _2.default;
 
@@ -334,6 +326,12 @@ var AtlaskitIcon = function AtlaskitIcon(_ref4) {
       }, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && {
         size: size
       }));
+    case _constants.IconType.LiveDocument:
+      return /*#__PURE__*/_react.default.createElement(_liveDocumentIcon.default, {
+        label: label || 'live-doc',
+        testId: testId,
+        size: size
+      });
   }
   var importFn = getIconImportFn(icon, size);
   if (!importFn) {

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.10.5",
+  packageVersion: "34.10.7",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/common/ui/icons/live-document-icon.js

@@ -0,0 +1,5 @@
+import LiveDocumentIcon from '@atlaskit/icon-lab/core/page-live-doc';
+import { renderIconTile } from './utils';
+const LiveDocumentIconWithColor = renderIconTile(LiveDocumentIcon, 'magentaBold');
+LiveDocumentIconWithColor.displayName = 'LiveDocumentIconWithColor';
+export default LiveDocumentIconWithColor;

package/dist/es2019/common/ui/icons/utils.js

@@ -33,7 +33,7 @@ export const renderIconTile = (Icon, appearance, LegacyIcon) => {
       icon: Icon,
       size: transformSmartLinkSizeToIconTileSize(size)
     }, props, {
-      LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(LegacyIcon, props)
+      LEGACY_fallbackComponent: LegacyIcon && /*#__PURE__*/React.createElement(LegacyIcon, props)
     }));
   };
 };

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IconTile } from '@atlaskit/icon';
 import DocumentIconOld from '@atlaskit/icon-file-type/glyph/document/16';
 import FileIconOld from '@atlaskit/icon-file-type/glyph/generic/16';
 import PresentationIconOld from '@atlaskit/icon-file-type/glyph/presentation/16';
@@ -136,8 +137,11 @@ const documentTypeToIcon = (type, opts) => {
 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, {
+    return /*#__PURE__*/React.createElement(IconTile, {
+      icon: LiveDocumentIcon,
       label: "live-doc",
+      appearance: "magentaBold",
+      shape: "square",
       testId: "live-doc-icon"
     });
   } else {

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.10.5"
+  packageVersion: "34.10.7"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/index.js

@@ -258,11 +258,7 @@ export const getLazyIcons = () => {
     },
     // Confluence icons
     [IconType.LiveDocument]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphConfluenceLiveDocument" */'@atlaskit/icon-lab/core/page-live-doc').then(({
-        default: LiveDocumentIcon
-      }) => ({
-        default: LiveDocumentIcon
-      }))
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_live-document-icon" */'../common/ui/icons/live-document-icon')
     },
     // Provider icons
     [IconType.Confluence]: {

package/dist/es2019/view/EmbedCard/views/ErroredView.compiled.css

@@ -1,13 +1,2 @@
-._11c81il0{font:var(--ds-font-heading-xsmall,normal 600 14px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._18m915vq{overflow-y:hidden}
-._18u01b66{margin-left:var(--ds-space-050,4px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
-._1bto1l2s{text-overflow:ellipsis}
-._1e0ccj1k{display:-webkit-box}
-._1reo15vq{overflow-x:hidden}
-._1yyjkb7n{-webkit-line-clamp:1}
-._2hwx1b66{margin-right:var(--ds-space-050,4px)}
-._c71l183y{max-height:21px}
-._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
-._sudp1e54{-webkit-box-orient:vertical}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}

package/dist/es2019/view/EmbedCard/views/ErroredView.js

@@ -12,7 +12,6 @@ import { messages } from '../../../messages';
 import { Frame } from '../components/ErrorFrame';
 import { EmbedCardErroredViewOld } from './ErroredViewOld';
 const styles = {
-  messageStyles: "_11c81il0 _1reo15vq _18m915vq _k48pi7a9 _18u01b66 _2hwx1b66 _1e0ccj1k _1yyjkb7n _sudp1e54 _1bto1l2s _c71l183y",
   boxStyles: "_19bv1b66 _u5f31b66"
 };
 const EmbedCardErroredViewNew = ({
@@ -31,9 +30,7 @@ const EmbedCardErroredViewNew = ({
   label: "error-icon"
 }), /*#__PURE__*/React.createElement(Box, {
   xcss: styles.boxStyles
-}, /*#__PURE__*/React.createElement(Inline, {
-  xcss: styles.messageStyles
-}, /*#__PURE__*/React.createElement(FormattedMessage, messages.could_not_load_link))), /*#__PURE__*/React.createElement(Button, {
+}, /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.could_not_load_link))), /*#__PURE__*/React.createElement(Button, {
   testId: "err-view-retry",
   appearance: "link",
   spacing: "none",

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

@@ -7,6 +7,7 @@ import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { R400 } from '@atlaskit/theme/colors';
 import BlogIconNew from '../../../../../common/ui/icons/blog-icon';
+import LiveDocumentIcon from '../../../../../common/ui/icons/live-document-icon';
 import DocumentIconNew from '../../../../../common/ui/icons/page-icon';
 import { IconType, SmartLinkSize } from '../../../../../constants';
 import { getLazyIcons, isIconSizeLarge } from '../../../../../utils';
@@ -50,12 +51,6 @@ 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
@@ -134,6 +129,12 @@ const AtlaskitIcon = ({
       }, fg('platform-smart-card-icon-migration') && {
         size
       }));
+    case IconType.LiveDocument:
+      return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
+        label: label || 'live-doc',
+        testId: testId,
+        size: size
+      });
   }
   const importFn = getIconImportFn(icon, size);
   if (!importFn) {

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.10.5",
+  packageVersion: "34.10.7",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/common/ui/icons/live-document-icon.js

@@ -0,0 +1,5 @@
+import LiveDocumentIcon from '@atlaskit/icon-lab/core/page-live-doc';
+import { renderIconTile } from './utils';
+var LiveDocumentIconWithColor = renderIconTile(LiveDocumentIcon, 'magentaBold');
+LiveDocumentIconWithColor.displayName = 'LiveDocumentIconWithColor';
+export default LiveDocumentIconWithColor;

package/dist/esm/common/ui/icons/utils.js

@@ -34,7 +34,7 @@ export var renderIconTile = function renderIconTile(Icon, appearance, LegacyIcon
       icon: Icon,
       size: transformSmartLinkSizeToIconTileSize(size)
     }, props, {
-      LEGACY_fallbackComponent: /*#__PURE__*/React.createElement(LegacyIcon, props)
+      LEGACY_fallbackComponent: LegacyIcon && /*#__PURE__*/React.createElement(LegacyIcon, props)
     }));
   };
 };

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IconTile } from '@atlaskit/icon';
 import DocumentIconOld from '@atlaskit/icon-file-type/glyph/document/16';
 import FileIconOld from '@atlaskit/icon-file-type/glyph/generic/16';
 import PresentationIconOld from '@atlaskit/icon-file-type/glyph/presentation/16';
@@ -136,8 +137,11 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
 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, {
+    return /*#__PURE__*/React.createElement(IconTile, {
+      icon: LiveDocumentIcon,
       label: "live-doc",
+      appearance: "magentaBold",
+      shape: "square",
       testId: "live-doc-icon"
     });
   } else {

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.10.5"
+  packageVersion: "34.10.7"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/utils/index.js

@@ -227,8 +227,8 @@ var typeToIcon = {
 
 // prettier-ignore
 export var getLazyIcons = function getLazyIcons() {
-  var _ref4;
-  return _ref4 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref4, IconType.Document, {
+  var _ref3;
+  return _ref3 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.Document, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_page-icon" */'../common/ui/icons/page-icon');
     }
@@ -268,7 +268,7 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_list-bullet-icon" */'../common/ui/icons/list-bullet-icon');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref4, IconType.Video, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.Video, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon');
     }
@@ -323,7 +323,7 @@ export var getLazyIcons = function getLazyIcons() {
     large: function large() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleForms" */'@atlaskit/icon-file-type/glyph/google-form/24');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref4, IconType.GoogleSheets, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.GoogleSheets, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphGoogleSheets" */'@atlaskit/icon-file-type/glyph/google-sheet/16');
     },
@@ -393,7 +393,7 @@ export var getLazyIcons = function getLazyIcons() {
     large: function large() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphPullRequest" */'@atlaskit/icon-object/glyph/pull-request/24');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref4, IconType.Repo, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.Repo, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphRepo" */'@atlaskit/icon-object/glyph/code/16');
     },
@@ -463,19 +463,14 @@ export var getLazyIcons = function getLazyIcons() {
     large: function large() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/icon-object/glyph/task/24');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref4, IconType.LiveDocument, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.LiveDocument, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphConfluenceLiveDocument" */'@atlaskit/icon-lab/core/page-live-doc').then(function (_ref) {
-        var LiveDocumentIcon = _ref.default;
-        return {
-          default: LiveDocumentIcon
-        };
-      });
+      return import( /* webpackChunkName: "@atlaskit-internal_live-document-icon" */'../common/ui/icons/live-document-icon');
     }
   }), IconType.Confluence, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon').then(function (_ref2) {
-        var ConfluenceIcon = _ref2.ConfluenceIcon;
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon').then(function (_ref) {
+        var ConfluenceIcon = _ref.ConfluenceIcon;
         return {
           default: ConfluenceIcon
         };
@@ -483,8 +478,8 @@ export var getLazyIcons = function getLazyIcons() {
     }
   }), IconType.Jira, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphJira" */'@atlaskit/logo/jira-icon').then(function (_ref3) {
-        var JiraIcon = _ref3.JiraIcon;
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphJira" */'@atlaskit/logo/jira-icon').then(function (_ref2) {
+        var JiraIcon = _ref2.JiraIcon;
         return {
           default: JiraIcon
         };
@@ -518,7 +513,7 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref4, IconType.PriorityCritical, {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.PriorityCritical, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical');
     }
@@ -558,7 +553,7 @@ export var getLazyIcons = function getLazyIcons() {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/migration/question-circle--question');
     }
-  }), _defineProperty(_defineProperty(_defineProperty(_ref4, IconType.ProgrammingLanguage, {
+  }), _defineProperty(_defineProperty(_defineProperty(_ref3, IconType.ProgrammingLanguage, {
     default: function _default() {
       return import( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/migration/angle-brackets--code');
     }
@@ -604,7 +599,7 @@ export var sleep = function sleep(ms) {
   });
 };
 var _importWithRetry = /*#__PURE__*/function () {
-  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(importFn) {
+  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(importFn) {
     var retries,
       interval,
       _args = arguments;
@@ -638,12 +633,12 @@ var _importWithRetry = /*#__PURE__*/function () {
     }, _callee, null, [[2, 8]]);
   }));
   return function importWithRetry(_x) {
-    return _ref5.apply(this, arguments);
+    return _ref4.apply(this, arguments);
   };
 }();
 export { _importWithRetry as importWithRetry };
 export var downloadUrl = /*#__PURE__*/function () {
-  var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(url) {
+  var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(url) {
     var isIE11, isSafari, iframeName, link, iframe;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
@@ -679,11 +674,11 @@ export var downloadUrl = /*#__PURE__*/function () {
     }, _callee2);
   }));
   return function downloadUrl(_x2) {
-    return _ref6.apply(this, arguments);
+    return _ref5.apply(this, arguments);
   };
 }();
 export var openUrl = /*#__PURE__*/function () {
-  var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(url) {
+  var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(url) {
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
       while (1) switch (_context3.prev = _context3.next) {
         case 0:
@@ -701,7 +696,7 @@ export var openUrl = /*#__PURE__*/function () {
     }, _callee3);
   }));
   return function openUrl(_x3) {
-    return _ref7.apply(this, arguments);
+    return _ref6.apply(this, arguments);
   };
 }();
 

package/dist/esm/view/EmbedCard/views/ErroredView.compiled.css

@@ -1,13 +1,2 @@
-._11c81il0{font:var(--ds-font-heading-xsmall,normal 600 14px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
-._18m915vq{overflow-y:hidden}
-._18u01b66{margin-left:var(--ds-space-050,4px)}
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
-._1bto1l2s{text-overflow:ellipsis}
-._1e0ccj1k{display:-webkit-box}
-._1reo15vq{overflow-x:hidden}
-._1yyjkb7n{-webkit-line-clamp:1}
-._2hwx1b66{margin-right:var(--ds-space-050,4px)}
-._c71l183y{max-height:21px}
-._k48pi7a9{font-weight:var(--ds-font-weight-regular,400)}
-._sudp1e54{-webkit-box-orient:vertical}
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}

package/dist/esm/view/EmbedCard/views/ErroredView.js

@@ -12,7 +12,6 @@ import { messages } from '../../../messages';
 import { Frame } from '../components/ErrorFrame';
 import { EmbedCardErroredViewOld } from './ErroredViewOld';
 var styles = {
-  messageStyles: "_11c81il0 _1reo15vq _18m915vq _k48pi7a9 _18u01b66 _2hwx1b66 _1e0ccj1k _1yyjkb7n _sudp1e54 _1bto1l2s _c71l183y",
   boxStyles: "_19bv1b66 _u5f31b66"
 };
 var EmbedCardErroredViewNew = function EmbedCardErroredViewNew(_ref) {
@@ -33,9 +32,7 @@ var EmbedCardErroredViewNew = function EmbedCardErroredViewNew(_ref) {
     label: "error-icon"
   }), /*#__PURE__*/React.createElement(Box, {
     xcss: styles.boxStyles
-  }, /*#__PURE__*/React.createElement(Inline, {
-    xcss: styles.messageStyles
-  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.could_not_load_link))), /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Inline, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.could_not_load_link))), /*#__PURE__*/React.createElement(Button, {
     testId: "err-view-retry",
     appearance: "link",
     spacing: "none",

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

@@ -9,6 +9,7 @@ import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { R400 } from '@atlaskit/theme/colors';
 import BlogIconNew from '../../../../../common/ui/icons/blog-icon';
+import LiveDocumentIcon from '../../../../../common/ui/icons/live-document-icon';
 import DocumentIconNew from '../../../../../common/ui/icons/page-icon';
 import { IconType, SmartLinkSize } from '../../../../../constants';
 import { getLazyIcons, isIconSizeLarge } from '../../../../../utils';
@@ -85,32 +86,25 @@ var importIconMapperOld = (_importIconMapperOld = {}, _defineProperty(_definePro
   return import( /* webpackChunkName: "glyphSubTask" */'@atlaskit/icon-object/glyph/subtask/16');
 }), IconType.Task, function () {
   return import( /* webpackChunkName: "glyphTask" */'@atlaskit/icon-object/glyph/task/16');
-}), IconType.LiveDocument, function () {
-  return import( /* webpackChunkName: "glyphConfluenceLiveDocument" */'@atlaskit/icon-lab/core/page-live-doc').then(function (_ref) {
-    var LiveDocumentIcon = _ref.default;
-    return {
-      default: LiveDocumentIcon
-    };
-  });
 }), IconType.Confluence, function () {
-  return import( /* webpackChunkName: "glyphConfluence" */'@atlaskit/logo/confluence-icon').then(function (_ref2) {
-    var ConfluenceIcon = _ref2.ConfluenceIcon;
+  return import( /* webpackChunkName: "glyphConfluence" */'@atlaskit/logo/confluence-icon').then(function (_ref) {
+    var ConfluenceIcon = _ref.ConfluenceIcon;
     return {
       default: ConfluenceIcon
     };
   });
 }), IconType.Jira, function () {
-  return import( /* webpackChunkName: "glyphJira" */'@atlaskit/logo/jira-icon').then(function (_ref3) {
-    var JiraIcon = _ref3.JiraIcon;
+  return import( /* webpackChunkName: "glyphJira" */'@atlaskit/logo/jira-icon').then(function (_ref2) {
+    var JiraIcon = _ref2.JiraIcon;
     return {
       default: JiraIcon
     };
   });
 }), IconType.Default, function () {
   return import( /* webpackChunkName: "glyphDefault" */'@atlaskit/icon/glyph/link');
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.Error, function () {
+}), IconType.Error, function () {
   return import( /* webpackChunkName: "glyphError" */'@atlaskit/icon/glyph/error');
-}), IconType.Forbidden, function () {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.Forbidden, function () {
   return import( /* webpackChunkName: "glyphForbidden" */'@atlaskit/icon/glyph/lock-filled');
 }), IconType.Attachment, function () {
   return import( /* webpackChunkName: "glyphAttachment" */'@atlaskit/icon/glyph/attachment');
@@ -128,9 +122,9 @@ var importIconMapperOld = (_importIconMapperOld = {}, _defineProperty(_definePro
   return import( /* webpackChunkName: "glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker');
 }), IconType.PriorityCritical, function () {
   return import( /* webpackChunkName: "glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical');
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.PriorityHigh, function () {
+}), IconType.PriorityHigh, function () {
   return import( /* webpackChunkName: "glyphHigh" */'@atlaskit/icon-priority/glyph/priority-high');
-}), IconType.PriorityHighest, function () {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.PriorityHighest, function () {
   return import( /* webpackChunkName: "glyphHighest" */'@atlaskit/icon-priority/glyph/priority-highest');
 }), IconType.PriorityLow, function () {
   return import( /* webpackChunkName: "glyphLow" */'@atlaskit/icon-priority/glyph/priority-low');
@@ -148,9 +142,9 @@ var importIconMapperOld = (_importIconMapperOld = {}, _defineProperty(_definePro
   return import( /* webpackChunkName: "glyphUndefined" */'@atlaskit/icon/glyph/question');
 }), IconType.ProgrammingLanguage, function () {
   return import( /* webpackChunkName: "glyphProgrammingLanguage" */'@atlaskit/icon/glyph/code');
-}), _defineProperty(_defineProperty(_importIconMapperOld, IconType.Subscriber, function () {
+}), IconType.Subscriber, function () {
   return import( /* webpackChunkName: "glyphSubscriber" */'@atlaskit/icon/glyph/people');
-}), IconType.SubTasksProgress, function () {
+}), _defineProperty(_importIconMapperOld, IconType.SubTasksProgress, function () {
   return import( /* webpackChunkName: "glyphSubtaskProgress" */'@atlaskit/icon/glyph/subtask');
 }));
 var getIconImportFn = function getIconImportFn(icon, size) {
@@ -175,12 +169,12 @@ var importIcon = function importIcon(importFn) {
     }
   }); // Because we're using dynamic loading here, TS will not be able to infer the type.
 };
-var AtlaskitIcon = function AtlaskitIcon(_ref4) {
-  var icon = _ref4.icon,
-    label = _ref4.label,
-    testId = _ref4.testId,
-    _ref4$size = _ref4.size,
-    size = _ref4$size === void 0 ? SmartLinkSize.Medium : _ref4$size;
+var AtlaskitIcon = function AtlaskitIcon(_ref3) {
+  var icon = _ref3.icon,
+    label = _ref3.label,
+    testId = _ref3.testId,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? SmartLinkSize.Medium : _ref3$size;
   var DocumentIcon = fg('platform-smart-card-icon-migration') ? DocumentIconNew : DocumentIconOld;
   var BlogIcon = fg('platform-smart-card-icon-migration') ? BlogIconNew : BlogIconOld;
 
@@ -200,6 +194,12 @@ var AtlaskitIcon = function AtlaskitIcon(_ref4) {
       }, fg('platform-smart-card-icon-migration') && {
         size: size
       }));
+    case IconType.LiveDocument:
+      return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
+        label: label || 'live-doc',
+        testId: testId,
+        size: size
+      });
   }
   var importFn = getIconImportFn(icon, size);
   if (!importFn) {

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

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

package/dist/types/common/ui/icons/live-document-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const LiveDocumentIconWithColor: import("react").FC<import("./types").AtlaskitIconTileProps>;
+export default LiveDocumentIconWithColor;

package/dist/types/common/ui/icons/utils.d.ts

@@ -11,5 +11,5 @@ export declare const renderIconPerSize: (IconSmall: ComponentType<IconProps>, Ic
     size?: SmartLinkSize;
 }>;
 type IconTileProps = ComponentPropsWithoutRef<typeof IconTile>;
-export declare const renderIconTile: (Icon: IconTileProps['icon'], appearance: IconTileProps['appearance'], LegacyIcon: ComponentType<Omit<AtlaskitIconTileProps, 'size'>>) => React.FC<AtlaskitIconTileProps>;
+export declare const renderIconTile: (Icon: IconTileProps['icon'], appearance: IconTileProps['appearance'], LegacyIcon?: ComponentType<Omit<AtlaskitIconTileProps, 'size'>>) => React.FC<AtlaskitIconTileProps>;
 export {};

package/dist/types-ts4.5/common/ui/icons/live-document-icon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const LiveDocumentIconWithColor: import("react").FC<import("./types").AtlaskitIconTileProps>;
+export default LiveDocumentIconWithColor;

package/dist/types-ts4.5/common/ui/icons/utils.d.ts

@@ -11,5 +11,5 @@ export declare const renderIconPerSize: (IconSmall: ComponentType<IconProps>, Ic
     size?: SmartLinkSize;
 }>;
 type IconTileProps = ComponentPropsWithoutRef<typeof IconTile>;
-export declare const renderIconTile: (Icon: IconTileProps['icon'], appearance: IconTileProps['appearance'], LegacyIcon: ComponentType<Omit<AtlaskitIconTileProps, 'size'>>) => React.FC<AtlaskitIconTileProps>;
+export declare const renderIconTile: (Icon: IconTileProps['icon'], appearance: IconTileProps['appearance'], LegacyIcon?: ComponentType<Omit<AtlaskitIconTileProps, 'size'>>) => React.FC<AtlaskitIconTileProps>;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "34.10.5",
+	"version": "34.10.7",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -58,13 +58,13 @@
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.0.0",
 		"@atlaskit/popup": "^1.31.0",
-		"@atlaskit/primitives": "^13.4.0",
+		"@atlaskit/primitives": "^13.5.0",
 		"@atlaskit/section-message": "^6.9.0",
 		"@atlaskit/select": "^18.10.0",
 		"@atlaskit/spinner": "^17.1.0",
-		"@atlaskit/textarea": "^5.8.0",
+		"@atlaskit/textarea": "^6.0.0",
 		"@atlaskit/textfield": "^6.8.0",
-		"@atlaskit/theme": "^14.1.0",
+		"@atlaskit/theme": "^15.0.0",
 		"@atlaskit/tokens": "^3.3.0",
 		"@atlaskit/tooltip": "^19.1.0",
 		"@atlaskit/ufo": "^0.3.0",
@@ -95,7 +95,7 @@
 		"@af/integration-testing": "*",
 		"@af/visual-regression": "*",
 		"@atlaskit/analytics-listeners": "^8.14.0",
-		"@atlaskit/css-reset": "^6.11.0",
+		"@atlaskit/css-reset": "^6.12.0",
 		"@atlaskit/link-test-helpers": "^7.6.0",
 		"@atlaskit/media-test-helpers": "^34.8.0",
 		"@atlaskit/react-ufo": "^2.14.0",