@atlaskit/smart-card 34.10.4 → 34.10.6

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/smart-card
 
+## 34.10.6
+
+### Patch Changes
+
+- Updated dependencies
+
+## 34.10.5
+
+### Patch Changes
+
+- [#109069](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109069)
+  [`94a79aaaf7581`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/94a79aaaf7581) -
+  Fix an issue where the ui props in FlexibleCard container was not passed down to its children when
+  compiled styles is used.
+
 ## 34.10.4
 
 ### 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.4"
+  packageVersion: "34.10.6"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/utils/flexible.js

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isFlexibleUiTitleBlock = exports.isFlexibleUiPreviewBlock = exports.isFlexibleUiFooterBlock = exports.isFlexibleUiElement = exports.isFlexibleUiCard = exports.isFlexibleUiBlock = void 0;
+exports.isStyleCacheProvider = exports.isFlexibleUiTitleBlock = exports.isFlexibleUiPreviewBlock = exports.isFlexibleUiFooterBlock = exports.isFlexibleUiElement = exports.isFlexibleUiCard = exports.isFlexibleUiBlock = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _blocks = _interopRequireWildcard(require("../view/FlexibleCard/components/blocks"));
@@ -92,7 +92,6 @@ var _isFlexibleUiElement = exports.isFlexibleUiElement = function isFlexibleUiEl
   return false;
 };
 var _isFlexibleUiTitleBlock = exports.isFlexibleUiTitleBlock = function isFlexibleUiTitleBlock(node) {
-  var _node$type3;
   if (!(0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
     return /*#__PURE__*/_react.default.isValidElement(node) && node.type === _blocks.TitleBlock;
   }
@@ -102,7 +101,7 @@ var _isFlexibleUiTitleBlock = exports.isFlexibleUiTitleBlock = function isFlexib
   if (node.type === _blocks.TitleBlock) {
     return true;
   }
-  if (typeof node.type !== 'string' && ((_node$type3 = node.type) === null || _node$type3 === void 0 ? void 0 : _node$type3.name) === 'StyleCacheProvider' && node.props.children) {
+  if (isStyleCacheProvider(node)) {
     // Component wrapped with compiled at runtime, check for children
     var isChildrenValid = true;
     _react.default.Children.map(node.props.children, function (child) {
@@ -122,6 +121,10 @@ var _isFlexibleUiTitleBlock = exports.isFlexibleUiTitleBlock = function isFlexib
   }
   return false;
 };
+var isStyleCacheProvider = exports.isStyleCacheProvider = function isStyleCacheProvider(node) {
+  var _node$type3;
+  return typeof node.type !== 'string' && ((_node$type3 = node.type) === null || _node$type3 === void 0 ? void 0 : _node$type3.name) === 'StyleCacheProvider' && node.props.children;
+};
 var _isFlexibleUiPreviewBlock = exports.isFlexibleUiPreviewBlock = function isFlexibleUiPreviewBlock(node) {
   var _node$type4;
   if (!(0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {

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/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/FlexibleCard/components/container/index.js

@@ -1,6 +1,4 @@
 /* index.tsx generated by @compiled/babel-plugin v0.36.0 */
-/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
-/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -17,6 +15,8 @@ Object.defineProperty(exports, "getContainerStyles", {
 });
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactMagneticDi = require("react-magnetic-di");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
@@ -28,11 +28,16 @@ var _flexible = require("../../../../utils/flexible");
 var _hoverCardControl = _interopRequireDefault(require("./hover-card-control"));
 var _indexOld = _interopRequireWildcard(require("./indexOld"));
 var _layeredLink = _interopRequireDefault(require("./layered-link"));
-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 _excluded = ["containerSize"];
+/* eslint-disable @atlaskit/design-system/consistent-css-prop-usage */
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 /**
  * Eventually these exports should be removed on FF clean up bandicoots-compiled-migration-smartcard
  */
+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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getChildrenOptions = exports.getChildrenOptions = function getChildrenOptions(children, context) {
   var options = {};
   if ((0, _utils.isFlexUiPreviewPresent)(context)) {
@@ -55,18 +60,31 @@ var getChildrenOptions = exports.getChildrenOptions = function getChildrenOption
 var renderChildren = function renderChildren(children, containerSize, containerTheme, status, retry, onClick) {
   return _react.default.Children.map(children, function (child) {
     if ( /*#__PURE__*/_react.default.isValidElement(child) && (0, _flexible.isFlexibleUiBlock)(child)) {
-      var blockSize = child.props.size;
-      var size = blockSize || containerSize;
       if ((0, _flexible.isFlexibleUiTitleBlock)(child)) {
-        return /*#__PURE__*/_react.default.cloneElement(child, {
-          // @ts-expect-error
-          onClick: onClick,
-          retry: retry,
-          size: size,
-          status: status,
-          theme: containerTheme
-        });
+        if ((0, _flexible.isStyleCacheProvider)(child)) {
+          return updateChildren(child, {
+            onClick: onClick,
+            retry: retry,
+            containerSize: containerSize,
+            status: status,
+            theme: containerTheme
+          });
+        } else {
+          var _blockSize = child.props.size;
+          var _size = _blockSize || containerSize;
+          return /*#__PURE__*/_react.default.cloneElement(child, {
+            // @ts-expect-error
+            onClick: onClick,
+            retry: retry,
+            size: _size,
+            status: status,
+            theme: containerTheme
+          });
+        }
       }
+      var blockSize = child.props.size;
+      var size = blockSize || containerSize;
+
       // @ts-expect-error
       return /*#__PURE__*/_react.default.cloneElement(child, {
         size: size,
@@ -75,6 +93,25 @@ var renderChildren = function renderChildren(children, containerSize, containerT
     }
   });
 };
+var updateChildren = function updateChildren(node, _ref) {
+  var containerSize = _ref.containerSize,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var updatedChildren = _react.default.Children.map(node.props.children, function (child) {
+    if ( /*#__PURE__*/_react.default.isValidElement(child) && (0, _flexible.isFlexibleUiTitleBlock)(child)) {
+      var _ref2 = child.props,
+        blockSize = _ref2.size;
+      var size = blockSize || containerSize;
+      return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread({}, props), {}, {
+        size: size
+      }));
+    } else {
+      return child;
+    }
+  });
+  return /*#__PURE__*/_react.default.cloneElement(node, {
+    children: updatedChildren
+  });
+};
 var getTitleBlockProps = function getTitleBlockProps(children) {
   var block = _react.default.Children.toArray(children).find(function (child) {
     return (0, _flexible.isFlexibleUiTitleBlock)(child);
@@ -84,13 +121,13 @@ var getTitleBlockProps = function getTitleBlockProps(children) {
   }
 };
 var getLayeredLink = function getLayeredLink(testId, context, children, onClick) {
-  var _ref = context || {},
-    title = _ref.title,
-    _ref$url = _ref.url,
-    url = _ref$url === void 0 ? '' : _ref$url;
-  var _ref2 = getTitleBlockProps(children) || {},
-    target = _ref2.anchorTarget,
-    text = _ref2.text;
+  var _ref3 = context || {},
+    title = _ref3.title,
+    _ref3$url = _ref3.url,
+    url = _ref3$url === void 0 ? '' : _ref3$url;
+  var _ref4 = getTitleBlockProps(children) || {},
+    target = _ref4.anchorTarget,
+    text = _ref4.text;
   return /*#__PURE__*/_react.default.createElement(_layeredLink.default, {
     onClick: onClick,
     target: target,
@@ -218,29 +255,29 @@ var previewOnRightStyleMap = {
  * @internal
  * @see Block
  */
-var ContainerNew = function ContainerNew(_ref3) {
-  var children = _ref3.children,
-    _ref3$clickableContai = _ref3.clickableContainer,
-    clickableContainer = _ref3$clickableContai === void 0 ? false : _ref3$clickableContai,
-    _ref3$hideBackground = _ref3.hideBackground,
-    hideBackground = _ref3$hideBackground === void 0 ? false : _ref3$hideBackground,
-    _ref3$hideElevation = _ref3.hideElevation,
-    hideElevation = _ref3$hideElevation === void 0 ? false : _ref3$hideElevation,
-    _ref3$hidePadding = _ref3.hidePadding,
-    hidePadding = _ref3$hidePadding === void 0 ? false : _ref3$hidePadding,
-    onClick = _ref3.onClick,
-    retry = _ref3.retry,
-    _ref3$showHoverPrevie = _ref3.showHoverPreview,
-    showHoverPreview = _ref3$showHoverPrevie === void 0 ? false : _ref3$showHoverPrevie,
-    hoverPreviewOptions = _ref3.hoverPreviewOptions,
-    actionOptions = _ref3.actionOptions,
-    _ref3$size = _ref3.size,
-    size = _ref3$size === void 0 ? _constants.SmartLinkSize.Medium : _ref3$size,
-    status = _ref3.status,
-    _ref3$testId = _ref3.testId,
-    testId = _ref3$testId === void 0 ? 'smart-links-container' : _ref3$testId,
-    _ref3$theme = _ref3.theme,
-    theme = _ref3$theme === void 0 ? _constants.SmartLinkTheme.Link : _ref3$theme;
+var ContainerNew = function ContainerNew(_ref5) {
+  var children = _ref5.children,
+    _ref5$clickableContai = _ref5.clickableContainer,
+    clickableContainer = _ref5$clickableContai === void 0 ? false : _ref5$clickableContai,
+    _ref5$hideBackground = _ref5.hideBackground,
+    hideBackground = _ref5$hideBackground === void 0 ? false : _ref5$hideBackground,
+    _ref5$hideElevation = _ref5.hideElevation,
+    hideElevation = _ref5$hideElevation === void 0 ? false : _ref5$hideElevation,
+    _ref5$hidePadding = _ref5.hidePadding,
+    hidePadding = _ref5$hidePadding === void 0 ? false : _ref5$hidePadding,
+    onClick = _ref5.onClick,
+    retry = _ref5.retry,
+    _ref5$showHoverPrevie = _ref5.showHoverPreview,
+    showHoverPreview = _ref5$showHoverPrevie === void 0 ? false : _ref5$showHoverPrevie,
+    hoverPreviewOptions = _ref5.hoverPreviewOptions,
+    actionOptions = _ref5.actionOptions,
+    _ref5$size = _ref5.size,
+    size = _ref5$size === void 0 ? _constants.SmartLinkSize.Medium : _ref5$size,
+    status = _ref5.status,
+    _ref5$testId = _ref5.testId,
+    testId = _ref5$testId === void 0 ? 'smart-links-container' : _ref5$testId,
+    _ref5$theme = _ref5.theme,
+    theme = _ref5$theme === void 0 ? _constants.SmartLinkTheme.Link : _ref5$theme;
   var padding = hidePadding ? '0rem' : getPadding(size);
   var gap = getGap(size);
   var context = (0, _react.useContext)(_flexibleUiContext.FlexibleUiContext);

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

package/dist/es2019/utils/flexible.js

@@ -72,7 +72,6 @@ export const isFlexibleUiElement = node => {
   return false;
 };
 export const isFlexibleUiTitleBlock = node => {
-  var _node$type3;
   if (!fg('bandicoots-compiled-migration-smartcard')) {
     return /*#__PURE__*/React.isValidElement(node) && node.type === TitleBlock;
   }
@@ -82,7 +81,7 @@ export const isFlexibleUiTitleBlock = node => {
   if (node.type === TitleBlock) {
     return true;
   }
-  if (typeof node.type !== 'string' && ((_node$type3 = node.type) === null || _node$type3 === void 0 ? void 0 : _node$type3.name) === 'StyleCacheProvider' && node.props.children) {
+  if (isStyleCacheProvider(node)) {
     // Component wrapped with compiled at runtime, check for children
     let isChildrenValid = true;
     React.Children.map(node.props.children, child => {
@@ -102,6 +101,10 @@ export const isFlexibleUiTitleBlock = node => {
   }
   return false;
 };
+export const isStyleCacheProvider = node => {
+  var _node$type3;
+  return typeof node.type !== 'string' && ((_node$type3 = node.type) === null || _node$type3 === void 0 ? void 0 : _node$type3.name) === 'StyleCacheProvider' && node.props.children;
+};
 export const isFlexibleUiPreviewBlock = node => {
   var _node$type4;
   if (!fg('bandicoots-compiled-migration-smartcard')) {