@atlaskit/smart-card 34.7.0 → 34.9.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @atlaskit/smart-card
 
+## 34.9.0
+
+### Minor Changes
+
+- [#109430](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109430)
+  [`c6429aa44850a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c6429aa44850a) -
+  [ux] Adds support for Confluence Live Doc icons to @atlaskit/smart-card
+
+### Patch Changes
+
+- Updated dependencies
+
+## 34.8.0
+
+### Minor Changes
+
+- [#107356](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/107356)
+  [`af53ea9193631`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/af53ea9193631) -
+  Convert the rest of exported smart card to use compiledcss
+- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
+  [`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
+  Update `React` from v16 to v18
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 34.7.0
 
 ### Minor Changes

package/dist/cjs/constants.js

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

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

@@ -10,8 +10,10 @@ var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/document/
 var _2 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/generic/16"));
 var _3 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/presentation/16"));
 var _4 = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/spreadsheet/16"));
+var _pageLiveDoc = _interopRequireDefault(require("@atlaskit/icon-lab/core/page-live-doc"));
 var _5 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/blog/16"));
 var _pageDocumentFilled = _interopRequireDefault(require("@atlaskit/icon/core/migration/page--document-filled"));
+var _linkExtractors = require("@atlaskit/link-extractors");
 var _utils = require("../../../utils");
 var _prioritiseIcon = require("./prioritiseIcon");
 /**
@@ -45,10 +47,7 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
         testId: "blog-icon"
       });
     case 'schema:DigitalDocument':
-      return /*#__PURE__*/_react.default.createElement(_2.default, {
-        label: opts.title || 'file',
-        testId: "file-icon"
-      });
+      return digitalDocumentToIcon(opts);
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_.default, {
         label: opts.title || 'document',
@@ -76,4 +75,27 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
         testId: "document-icon"
       });
   }
+};
+
+/**
+ * Enables providers to represent `schema:DigitalDocument` in a manner which
+ * aligns with their customers when representing provider-specific types, which
+ * do not apply across multiple providers.
+ * @example Confluence digital documents represent 'live documents', specific to Confluence.
+ * @remark This mechanism will be superseded by backend-driven icon URLs as part
+ * of go/j/MODES-5864. Do not add more!
+ */
+var digitalDocumentToIcon = function digitalDocumentToIcon(opts) {
+  var _opts$provider;
+  if ((_opts$provider = opts.provider) !== null && _opts$provider !== void 0 && _opts$provider.id && (0, _linkExtractors.isConfluenceGenerator)(opts.provider.id)) {
+    return /*#__PURE__*/_react.default.createElement(_pageLiveDoc.default, {
+      label: "live-doc",
+      testId: "live-doc-icon"
+    });
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_2.default, {
+      label: opts.title || 'file',
+      testId: "file-icon"
+    });
+  }
 };

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

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

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

@@ -54,7 +54,7 @@ function chooseIcon(_ref2) {
     label: label,
     providerId: providerId,
     data: data
-  }) || (0, _extractDocumentTypeIcon.default)(type, label);
+  }) || (0, _extractDocumentTypeIcon.default)(type, label, providerId);
   return (0, _icon.prioritiseIcon)({
     fileFormatIcon: fileFormatIcon,
     documentTypeIcon: documentTypeIcon,

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

package/dist/cjs/utils/flexible.js

@@ -15,13 +15,13 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 isFlexibleUiCard = exports.isFlexibleUiCard = function isFlexibleUiCard(children) {
   if (children && _react.default.Children.toArray(children).some(function (child) {
-    return isFlexibleUiTitleBlock(child);
+    return _isFlexibleUiTitleBlock(child);
   })) {
     return true;
   }
   return false;
 };
-var isFlexibleUiBlock = exports.isFlexibleUiBlock = function isFlexibleUiBlock(node) {
+var _isFlexibleUiBlock = exports.isFlexibleUiBlock = function isFlexibleUiBlock(node) {
   var _node$type;
   if (!(0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
     return /*#__PURE__*/_react.default.isValidElement(node) && Object.values(Blocks).some(function (type) {
@@ -44,7 +44,7 @@ var isFlexibleUiBlock = exports.isFlexibleUiBlock = function isFlexibleUiBlock(n
         return;
       }
       if (typeof child.type !== 'string' && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.name) !== 'Style') {
-        isChildrenValid = isFlexibleUiBlock(child);
+        isChildrenValid = _isFlexibleUiBlock(child);
       }
     });
     return isChildrenValid;
@@ -56,7 +56,7 @@ var isFlexibleUiBlock = exports.isFlexibleUiBlock = function isFlexibleUiBlock(n
   }
   return false;
 };
-var isFlexibleUiElement = exports.isFlexibleUiElement = function isFlexibleUiElement(node) {
+var _isFlexibleUiElement = exports.isFlexibleUiElement = function isFlexibleUiElement(node) {
   var _node$type2;
   if (!(0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
     return /*#__PURE__*/_react.default.isValidElement(node) && Object.values(Elements).some(function (type) {
@@ -84,14 +84,14 @@ var isFlexibleUiElement = exports.isFlexibleUiElement = function isFlexibleUiEle
         return;
       }
       if (typeof child.type !== 'string' && ((_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.name) !== 'Style') {
-        isChildrenValid = isFlexibleUiElement(child);
+        isChildrenValid = _isFlexibleUiElement(child);
       }
     });
     return isChildrenValid;
   }
   return false;
 };
-var isFlexibleUiTitleBlock = exports.isFlexibleUiTitleBlock = function isFlexibleUiTitleBlock(node) {
+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;
@@ -115,14 +115,14 @@ var isFlexibleUiTitleBlock = exports.isFlexibleUiTitleBlock = function isFlexibl
         return;
       }
       if (typeof child.type !== 'string' && ((_child$type3 = child.type) === null || _child$type3 === void 0 ? void 0 : _child$type3.name) !== 'Style') {
-        isChildrenValid = isFlexibleUiTitleBlock(child);
+        isChildrenValid = _isFlexibleUiTitleBlock(child);
       }
     });
     return isChildrenValid;
   }
   return false;
 };
-var isFlexibleUiPreviewBlock = exports.isFlexibleUiPreviewBlock = function isFlexibleUiPreviewBlock(node) {
+var _isFlexibleUiPreviewBlock = exports.isFlexibleUiPreviewBlock = function isFlexibleUiPreviewBlock(node) {
   var _node$type4;
   if (!(0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
     return /*#__PURE__*/_react.default.isValidElement(node) && node.type === _blocks.PreviewBlock;
@@ -146,7 +146,7 @@ var isFlexibleUiPreviewBlock = exports.isFlexibleUiPreviewBlock = function isFle
         return;
       }
       if (typeof child.type !== 'string' && ((_child$type4 = child.type) === null || _child$type4 === void 0 ? void 0 : _child$type4.name) !== 'Style') {
-        isChildrenValid = isFlexibleUiPreviewBlock(child);
+        isChildrenValid = _isFlexibleUiPreviewBlock(child);
       }
     });
     return isChildrenValid;

package/dist/cjs/utils/index.js

@@ -337,8 +337,8 @@ var typeToIcon = {
 
 // prettier-ignore
 var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
-  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, {
+  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, {
     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)(_ref3, _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)(_ref4, _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)(_ref3, _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)(_ref4, _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)(_ref3, _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)(_ref4, _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,12 +703,23 @@ 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)(_ref3, _constants.IconType.Confluence, {
+  }), (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, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphConfluenceLiveDocument" */'@atlaskit/icon-lab/core/page-live-doc'));
       }).then(function (_ref) {
-        var ConfluenceIcon = _ref.ConfluenceIcon;
+        var LiveDocumentIcon = _ref.default;
+        return {
+          default: LiveDocumentIcon
+        };
+      });
+    }
+  }), _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;
         return {
           default: ConfluenceIcon
         };
@@ -718,8 +729,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 (_ref2) {
-        var JiraIcon = _ref2.JiraIcon;
+      }).then(function (_ref3) {
+        var JiraIcon = _ref3.JiraIcon;
         return {
           default: JiraIcon
         };
@@ -767,13 +778,13 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker'));
       });
     }
-  }), _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)(_ref4, _constants.IconType.PriorityCritical, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_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)(_ref3, _constants.IconType.PriorityHigh, {
+  }), _constants.IconType.PriorityHigh, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphHigh" */'@atlaskit/icon-priority/glyph/priority-high'));
@@ -827,13 +838,13 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/migration/question-circle--question'));
       });
     }
-  }), _constants.IconType.ProgrammingLanguage, {
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_ref4, _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'));
       });
     }
-  }), (0, _defineProperty2.default)((0, _defineProperty2.default)(_ref3, _constants.IconType.Subscriber, {
+  }), _constants.IconType.Subscriber, {
     default: function _default() {
       return Promise.resolve().then(function () {
         return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/migration/people-group--people'));
@@ -878,8 +889,8 @@ var sleep = exports.sleep = function sleep(ms) {
     return setTimeout(resolve, ms);
   });
 };
-var importWithRetry = exports.importWithRetry = /*#__PURE__*/function () {
-  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(importFn) {
+var _importWithRetry = exports.importWithRetry = /*#__PURE__*/function () {
+  var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(importFn) {
     var retries,
       interval,
       _args = arguments;
@@ -903,7 +914,7 @@ var importWithRetry = exports.importWithRetry = /*#__PURE__*/function () {
           _context.next = 13;
           return sleep(interval);
         case 13:
-          return _context.abrupt("return", importWithRetry(importFn, retries - 1, interval));
+          return _context.abrupt("return", _importWithRetry(importFn, retries - 1, interval));
         case 16:
           throw _context.t0;
         case 17:
@@ -913,11 +924,11 @@ var importWithRetry = exports.importWithRetry = /*#__PURE__*/function () {
     }, _callee, null, [[2, 8]]);
   }));
   return function importWithRetry(_x) {
-    return _ref4.apply(this, arguments);
+    return _ref5.apply(this, arguments);
   };
 }();
 var downloadUrl = exports.downloadUrl = /*#__PURE__*/function () {
-  var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(url) {
+  var _ref6 = (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) {
@@ -953,11 +964,11 @@ var downloadUrl = exports.downloadUrl = /*#__PURE__*/function () {
     }, _callee2);
   }));
   return function downloadUrl(_x2) {
-    return _ref5.apply(this, arguments);
+    return _ref6.apply(this, arguments);
   };
 }();
 var openUrl = exports.openUrl = /*#__PURE__*/function () {
-  var _ref6 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(url) {
+  var _ref7 = (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:
@@ -975,7 +986,7 @@ var openUrl = exports.openUrl = /*#__PURE__*/function () {
     }, _callee3);
   }));
   return function openUrl(_x3) {
-    return _ref6.apply(this, arguments);
+    return _ref7.apply(this, arguments);
   };
 }();
 

package/dist/cjs/view/BlockCard/views/styledOld.js

@@ -42,6 +42,7 @@ var footerBlockCss = exports.footerBlockCss = (0, _react.css)({
   '.actions-button-group': {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
     'button, button:hover, button:focus, button:active': {
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
       fontSize: '0.875rem'
     }
   }

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

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

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

@@ -216,7 +216,7 @@ var Thumbnail = exports.Thumbnail = (0, _react.forwardRef)(function (_ref9, __cm
       "--_13orr8u": (0, _runtime.ix)("url(".concat(__cmplp.src, ")"))
     }),
     ref: __cmplr,
-    className: (0, _runtime.ax)(["_2rko1sit _18s81cq1 _1bsbckbl _4t3ickbl _1aaxusic _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
+    className: (0, _runtime.ax)(["_2rko1sit _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
   }));
 });
 if (process.env.NODE_ENV !== 'production') {

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

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

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

@@ -91,7 +91,7 @@ var UnresolvedView = function UnresolvedView(_ref) {
     "data-testid": "".concat(testId, "-unresolved-container"),
     className: (0, _runtime.ax)(["_1e0c11p5 _4t3i1kw7"])
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _runtime.ax)(["_19pk1wug _2hwx1wug _otyr1wug _18u01wug _1yt4pxbi _zulpv47k _1e0c1txw _2lx21bp4 _1bah1h6o _y3gn1h6o _4cvr1h6o _p12f1kdj"])
+    className: (0, _runtime.ax)(["_19pk1wug _2hwx1wug _otyr1wug _18u01wug _zulpv47k _1e0c1txw _2lx21bp4 _1bah1h6o _y3gn1h6o _4cvr1h6o _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _p12f1kdj"])
   }, image, /*#__PURE__*/_react.default.createElement(_heading.default, {
     size: "large",
     testId: "".concat(testId, "-unresolved-title")

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

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

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

@@ -1,3 +1,4 @@
+/* action-button.tsx generated by @compiled/babel-plugin v0.36.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,30 +7,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("./action-button.compiled.css");
 var _react = _interopRequireWildcard(require("react"));
-var _primitives = require("@atlaskit/primitives");
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _utils = require("../../../utils");
 var _actionIcon = _interopRequireDefault(require("../action-icon"));
+var _actionButtonOld = _interopRequireDefault(require("./action-buttonOld"));
 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 buttonStyles = (0, _primitives.xcss)({
-  all: 'unset',
-  padding: 'space.050',
-  width: '100%',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.subtle.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.subtle.pressed'
-  }
-});
-var contentStyles = (0, _primitives.xcss)({
-  color: 'color.text',
-  font: "var(--ds-font-body-UNSAFE_small, normal 400 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
-});
-var ActionButton = function ActionButton(_ref) {
+var styles = {
+  button: "_kkk2n7od _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _irr3166n _1di61dty",
+  content: "_11c8qk37 _syaz1fxt"
+};
+var ActionButtonNew = function ActionButtonNew(_ref) {
   var content = _ref.content,
     iconOption = _ref.icon,
     isDisabled = _ref.isDisabled,
@@ -39,35 +34,40 @@ var ActionButton = function ActionButton(_ref) {
     spaceOption = _ref.space,
     testId = _ref.testId,
     tooltipProps = _ref.tooltipProps,
-    xcss = _ref.xcss;
+    style = _ref.style;
   var space = spaceOption !== null && spaceOption !== void 0 ? spaceOption : (0, _utils.getPrimitivesInlineSpaceBySize)(size);
   var onClick = (0, _react.useCallback)(function () {
     if (!isDisabled && !isLoading && onClickCallback) {
       onClickCallback();
     }
   }, [isDisabled, isLoading, onClickCallback]);
-  var icon = iconOption && isLoading ? /*#__PURE__*/_react.default.createElement(_actionIcon.default, {
+  var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(_actionIcon.default, {
     asStackItemIcon: true,
-    icon: /*#__PURE__*/_react.default.createElement(_spinner.default, {
+    icon: /*#__PURE__*/React.createElement(_spinner.default, {
       testId: "".concat(testId, "-loading")
     }),
     size: size
   }) : iconOption;
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage
-    _react.default.createElement(_primitives.Pressable, (0, _extends2.default)({
-      xcss: [buttonStyles, xcss]
-    }, tooltipProps, {
-      onClick: onClick,
-      testId: testId
-    }), /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-      alignBlock: "center",
-      grow: "fill",
-      space: space
-    }, icon, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-      xcss: contentStyles
-    }, content)))
-  );
+  return /*#__PURE__*/React.createElement(_compiled.Pressable, (0, _extends2.default)({
+    xcss: styles.button
+  }, tooltipProps, {
+    onClick: onClick,
+    testId: testId
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
+    ,
+    style: style
+  }), /*#__PURE__*/React.createElement(_compiled.Inline, {
+    alignBlock: "center",
+    grow: "fill",
+    space: space
+  }, icon, /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.content
+  }, content)));
+};
+var ActionButton = function ActionButton(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(ActionButtonNew, props);
+  }
+  return /*#__PURE__*/React.createElement(_actionButtonOld.default, props);
 };
 var _default = exports.default = ActionButton;