@atlaskit/smart-card 17.0.0 → 17.0.1

package/dist/esm/constants.js

@@ -0,0 +1,67 @@
+export var SmartLinkDirection;
+
+(function (SmartLinkDirection) {
+  SmartLinkDirection["Horizontal"] = "Horizontal";
+  SmartLinkDirection["Vertical"] = "Vertical";
+})(SmartLinkDirection || (SmartLinkDirection = {}));
+
+export var SmartLinkSize;
+
+(function (SmartLinkSize) {
+  SmartLinkSize["XLarge"] = "xlarge";
+  SmartLinkSize["Large"] = "large";
+  SmartLinkSize["Medium"] = "medium";
+  SmartLinkSize["Small"] = "small";
+})(SmartLinkSize || (SmartLinkSize = {}));
+
+export var SmartLinkTheme;
+
+(function (SmartLinkTheme) {
+  SmartLinkTheme["Black"] = "Black";
+  SmartLinkTheme["Link"] = "Link";
+})(SmartLinkTheme || (SmartLinkTheme = {}));
+
+export var IconType;
+
+(function (IconType) {
+  IconType["Archive"] = "FileType:Archive";
+  IconType["Audio"] = "FileType:Audio";
+  IconType["Blog"] = "FileType:Blog";
+  IconType["Code"] = "FileType:Code";
+  IconType["Document"] = "FileType:Document";
+  IconType["Executable"] = "FileType:Executable";
+  IconType["File"] = "FileType:File";
+  IconType["Folder"] = "FileType:Folder";
+  IconType["Generic"] = "FileType:Generic";
+  IconType["GIF"] = "FileType:GIF";
+  IconType["GoogleDocs"] = "FileType:GoogleDocs";
+  IconType["GoogleForms"] = "FileType:GoogleForms";
+  IconType["GoogleSheets"] = "FileType:GoogleSheets";
+  IconType["GoogleSlides"] = "FileType:GoogleSlides";
+  IconType["Image"] = "FileType.Image";
+  IconType["MSExcel"] = "FileType:Excel";
+  IconType["MSPowerpoint"] = "FileType:Powerpoint";
+  IconType["MSWord"] = "FileType:WordDocument";
+  IconType["PDF"] = "FileType:PDF";
+  IconType["Presentation"] = "FileType:Presentation";
+  IconType["Sketch"] = "FileType:Sketch";
+  IconType["Spreadsheet"] = "FileType:Spreadsheet";
+  IconType["Template"] = "FileType:Template";
+  IconType["Video"] = "FileType:Video";
+  IconType["Branch"] = "BitBucket:Branch";
+  IconType["Commit"] = "BitBucket:Commit";
+  IconType["Project"] = "BitBucket:Project";
+  IconType["PullRequest"] = "BitBucket:PullRequest";
+  IconType["Repo"] = "BitBucket:Repo";
+  IconType["Bug"] = "Jira:Bug";
+  IconType["Change"] = "Jira:Change";
+  IconType["Epic"] = "Jira:Epic";
+  IconType["Incident"] = "Jira:Incident";
+  IconType["Problem"] = "Jira:Problem";
+  IconType["ServiceRequest"] = "Jira:ServiceRequest";
+  IconType["Story"] = "Jira:Story";
+  IconType["SubTask"] = "Jira:SubTask";
+  IconType["Task"] = "Jira:Task";
+  IconType["Confluence"] = "Provider:Confluence";
+  IconType["Jira"] = "Provider:Jira";
+})(IconType || (IconType = {}));

package/dist/esm/extractors/block/index.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { extractLink, extractTitle, extractTitleTextColor, extractSummary } from '../common/primitives';
 import { extractLozenge } from '../common/lozenge';

package/dist/esm/extractors/common/actions/extractActions.js

@@ -1,9 +1,9 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { DownloadAction, ViewAction } from '@atlaskit/media-ui';
 

package/dist/esm/extractors/common/actions/extractPreviewAction.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { PreviewAction } from '@atlaskit/media-ui';
 import { uiRenderSuccessEvent, uiRenderFailedEvent } from '../../../utils/analytics';

package/dist/esm/extractors/common/context/extractAccessContext.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { ForbiddenAction, messages } from '@atlaskit/media-ui';
 export var extractRequestAccessContext = function extractRequestAccessContext(_ref) {

package/dist/esm/extractors/embed/index.js

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { extractLink, extractTitle } from '../common/primitives';
 import { extractProvider } from '../common/context';

package/dist/esm/extractors/flexible/index.js

@@ -0,0 +1,14 @@
+import { extractTitle } from '../common/primitives';
+
+var extractFlexibleUiContext = function extractFlexibleUiContext(response) {
+  if (!response) {
+    return undefined;
+  }
+
+  var data = response.data;
+  return {
+    title: extractTitle(data)
+  };
+};
+
+export default extractFlexibleUiContext;

package/dist/esm/state/flexible-ui-context/index.js

@@ -0,0 +1,5 @@
+import { useContext, createContext } from 'react';
+export var FlexibleUiContext = /*#__PURE__*/createContext(undefined);
+export var useFlexibleUiContext = function useFlexibleUiContext() {
+  return useContext(FlexibleUiContext);
+};

package/dist/esm/state/flexible-ui-context/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/state/reducers/index.js

@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 var _cardReducerMap;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import * as actions from '../actions/constants';
 import { getStatus } from '../helpers';

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

@@ -2,9 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { name as packageName, version as packageVersion } from '../../version.json';
 import { getMeasure } from '../performance';

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

@@ -1,8 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import { resolvedEvent, unresolvedEvent } from './analytics';
 import { getMeasure } from '../performance';

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "17.0.0",
+	"version": "17.0.1",
 	"sideEffects": false
 }

package/dist/esm/view/FlexibleCard/components/blocks/block/index.js

@@ -0,0 +1,74 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+/** @jsx jsx */
+import React from 'react';
+import { css, jsx } from '@emotion/core';
+import { SmartLinkDirection, SmartLinkSize } from '../../../../../constants';
+
+var getDirectionStyles = function getDirectionStyles(direction) {
+  switch (direction) {
+    case SmartLinkDirection.Vertical:
+      return {
+        flexDirection: 'column',
+        alignItems: 'flex-start'
+      };
+
+    case SmartLinkDirection.Horizontal:
+    default:
+      return {
+        flexDirection: 'row',
+        alignItems: 'center'
+      };
+  }
+};
+
+var getGapSize = function getGapSize(size) {
+  switch (size) {
+    case SmartLinkSize.XLarge:
+      return '1.25rem';
+
+    case SmartLinkSize.Large:
+      return '1rem';
+
+    case SmartLinkSize.Medium:
+      return '.5rem';
+
+    case SmartLinkSize.Small:
+    default:
+      return '.25rem';
+  }
+};
+
+export var getBlockStyles = function getBlockStyles(direction, size) {
+  return css(_objectSpread(_objectSpread({
+    display: 'flex',
+    gap: getGapSize(size),
+    lineHeight: '1rem',
+    minWidth: 0
+  }, getDirectionStyles(direction)), {}, {
+    '& > *': {
+      minWidth: 0
+    }
+  }));
+};
+
+var Block = function Block(_ref) {
+  var children = _ref.children,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? SmartLinkDirection.Horizontal : _ref$direction,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-block' : _ref$testId;
+  return jsx("div", {
+    css: getBlockStyles(direction, size),
+    "data-smart-block": true,
+    "data-testid": testId
+  }, children);
+};
+
+export default Block;

package/dist/esm/view/FlexibleCard/components/blocks/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/container/index.js

@@ -0,0 +1,102 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+/** @jsx jsx */
+import React from 'react';
+import { N0, N40A, N50A } from '@atlaskit/theme/colors';
+import { css, jsx } from '@emotion/core';
+import { SmartLinkSize } from '../../../../constants';
+import { token } from '@atlaskit/tokens';
+
+var getElevationStyles = function getElevationStyles() {
+  return {
+    border: "1px solid transparent",
+    borderRadius: '1.5px',
+    boxShadow: token('elevation.shadow.raised', "0 1px 1px ".concat(N50A, ", 0 0 1px 1px ").concat(N40A)),
+    margin: '2px'
+  };
+};
+
+var getGapSize = function getGapSize(size) {
+  switch (size) {
+    case SmartLinkSize.XLarge:
+      return '1.25rem';
+
+    case SmartLinkSize.Large:
+      return '1rem';
+
+    case SmartLinkSize.Medium:
+      return '.5rem';
+
+    case SmartLinkSize.Small:
+    default:
+      return '.25rem';
+  }
+};
+
+var getPaddingSize = function getPaddingSize(size) {
+  switch (size) {
+    case SmartLinkSize.XLarge:
+      return '1.5rem';
+
+    case SmartLinkSize.Large:
+      return '1.25rem';
+
+    case SmartLinkSize.Medium:
+      return '1rem';
+
+    case SmartLinkSize.Small:
+    default:
+      return '.5rem';
+  }
+};
+
+export var getContainerStyles = function getContainerStyles(size, hideBackground, hideElevation, hidePadding) {
+  var elevation = hideElevation ? {} : getElevationStyles();
+  return css(_objectSpread({
+    backgroundColor: hideBackground ? undefined : token('elevation.surface', N0),
+    display: 'flex',
+    gap: "".concat(getGapSize(size), " 0"),
+    flexDirection: 'column',
+    minWidth: 0,
+    overflow: 'hidden',
+    padding: hidePadding ? undefined : getPaddingSize(size)
+  }, elevation));
+};
+
+var renderChildren = function renderChildren(children, containerSize) {
+  return React.Children.map(children, function (child) {
+    if ( /*#__PURE__*/React.isValidElement(child)) {
+      var blockSize = child.props.size;
+      return /*#__PURE__*/React.cloneElement(child, {
+        size: blockSize || containerSize
+      });
+    }
+
+    return child;
+  });
+};
+
+var Container = function Container(_ref) {
+  var children = _ref.children,
+      _ref$hideBackground = _ref.hideBackground,
+      hideBackground = _ref$hideBackground === void 0 ? false : _ref$hideBackground,
+      _ref$hideElevation = _ref.hideElevation,
+      hideElevation = _ref$hideElevation === void 0 ? false : _ref$hideElevation,
+      _ref$hidePadding = _ref.hidePadding,
+      hidePadding = _ref$hidePadding === void 0 ? false : _ref$hidePadding,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-links-container' : _ref$testId;
+  return jsx("div", {
+    css: getContainerStyles(size, hideBackground, hideElevation, hidePadding),
+    "data-smart-link-container": true,
+    "data-testid": testId
+  }, renderChildren(children, size));
+};
+
+export default Container;

package/dist/esm/view/FlexibleCard/components/container/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,224 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+var _importIconMapper;
+
+import React from 'react';
+import Loadable from 'react-loadable';
+import { B200, B400, N700 } from '@atlaskit/theme/colors';
+import { IconType } from '../../../../../../constants';
+// prettier-ignore
+var importIconMapper = (_importIconMapper = {}, _defineProperty(_importIconMapper, IconType.Archive, function () {
+  return import(
+  /* webpackChunkName: "glyphArchive" */
+  '@atlaskit/icon-file-type/glyph/archive/16');
+}), _defineProperty(_importIconMapper, IconType.Audio, function () {
+  return import(
+  /* webpackChunkName: "glyphAudio" */
+  '@atlaskit/icon-file-type/glyph/audio/16');
+}), _defineProperty(_importIconMapper, IconType.Blog, function () {
+  return import(
+  /* webpackChunkName: "glyphBlog" */
+  '@atlaskit/icon-object/glyph/blog/16');
+}), _defineProperty(_importIconMapper, IconType.Code, function () {
+  return import(
+  /* webpackChunkName: "glyphCode" */
+  '@atlaskit/icon-file-type/glyph/source-code/16');
+}), _defineProperty(_importIconMapper, IconType.Document, function () {
+  return import(
+  /* webpackChunkName: "glyphDocument" */
+  '@atlaskit/icon-file-type/glyph/document/16');
+}), _defineProperty(_importIconMapper, IconType.Executable, function () {
+  return import(
+  /* webpackChunkName: "glyphExecutable" */
+  '@atlaskit/icon-file-type/glyph/executable/16');
+}), _defineProperty(_importIconMapper, IconType.File, function () {
+  return import(
+  /* webpackChunkName: "glyphFile" */
+  '@atlaskit/icon-file-type/glyph/generic/16');
+}), _defineProperty(_importIconMapper, IconType.Folder, function () {
+  return import(
+  /* webpackChunkName: "glyphFolder" */
+  '@atlaskit/icon-file-type/glyph/folder/16');
+}), _defineProperty(_importIconMapper, IconType.Generic, function () {
+  return import(
+  /* webpackChunkName: "glyphGeneric" */
+  '@atlaskit/icon-file-type/glyph/generic/16');
+}), _defineProperty(_importIconMapper, IconType.GIF, function () {
+  return import(
+  /* webpackChunkName: "glyphGIF" */
+  '@atlaskit/icon-file-type/glyph/gif/16');
+}), _defineProperty(_importIconMapper, IconType.GoogleDocs, function () {
+  return import(
+  /* webpackChunkName: "glyphGoogleDocs" */
+  '@atlaskit/icon-file-type/glyph/google-doc/16');
+}), _defineProperty(_importIconMapper, IconType.GoogleForms, function () {
+  return import(
+  /* webpackChunkName: "glyphGoogleForms" */
+  '@atlaskit/icon-file-type/glyph/google-form/16');
+}), _defineProperty(_importIconMapper, IconType.GoogleSheets, function () {
+  return import(
+  /* webpackChunkName: "glyphGoogleSheets" */
+  '@atlaskit/icon-file-type/glyph/google-sheet/16');
+}), _defineProperty(_importIconMapper, IconType.GoogleSlides, function () {
+  return import(
+  /* webpackChunkName: "glyphGoogleSlides" */
+  '@atlaskit/icon-file-type/glyph/google-slide/16');
+}), _defineProperty(_importIconMapper, IconType.Image, function () {
+  return import(
+  /* webpackChunkName: "glyphImage" */
+  '@atlaskit/icon-file-type/glyph/image/16');
+}), _defineProperty(_importIconMapper, IconType.MSExcel, function () {
+  return import(
+  /* webpackChunkName: "glyphMSExcel" */
+  '@atlaskit/icon-file-type/glyph/excel-spreadsheet/16');
+}), _defineProperty(_importIconMapper, IconType.MSPowerpoint, function () {
+  return import(
+  /* webpackChunkName: "glyphMSPowerpoint" */
+  '@atlaskit/icon-file-type/glyph/powerpoint-presentation/16');
+}), _defineProperty(_importIconMapper, IconType.MSWord, function () {
+  return import(
+  /* webpackChunkName: "glyphMSWord" */
+  '@atlaskit/icon-file-type/glyph/word-document/16');
+}), _defineProperty(_importIconMapper, IconType.PDF, function () {
+  return import(
+  /* webpackChunkName: "glyphPDF" */
+  '@atlaskit/icon-file-type/glyph/pdf-document/16');
+}), _defineProperty(_importIconMapper, IconType.Presentation, function () {
+  return import(
+  /* webpackChunkName: "glyphPresentation" */
+  '@atlaskit/icon-file-type/glyph/presentation/16');
+}), _defineProperty(_importIconMapper, IconType.Sketch, function () {
+  return import(
+  /* webpackChunkName: "glyphSketch" */
+  '@atlaskit/icon-file-type/glyph/sketch/16');
+}), _defineProperty(_importIconMapper, IconType.Spreadsheet, function () {
+  return import(
+  /* webpackChunkName: "glyphSpreadsheet" */
+  '@atlaskit/icon-file-type/glyph/spreadsheet/16');
+}), _defineProperty(_importIconMapper, IconType.Template, function () {
+  return import(
+  /* webpackChunkName: "glyphTemplate" */
+  '@atlaskit/icon/glyph/document-filled');
+}), _defineProperty(_importIconMapper, IconType.Video, function () {
+  return import(
+  /* webpackChunkName: "glyphVideo" */
+  '@atlaskit/icon-file-type/glyph/video/16');
+}), _defineProperty(_importIconMapper, IconType.Branch, function () {
+  return import(
+  /* webpackChunkName: "glyphBranch" */
+  '@atlaskit/icon-object/glyph/branch/16');
+}), _defineProperty(_importIconMapper, IconType.Commit, function () {
+  return import(
+  /* webpackChunkName: "glyphCommit" */
+  '@atlaskit/icon-object/glyph/commit/16');
+}), _defineProperty(_importIconMapper, IconType.Project, function () {
+  return import(
+  /* webpackChunkName: "glyphProject" */
+  '@atlaskit/icon/glyph/people-group');
+}), _defineProperty(_importIconMapper, IconType.PullRequest, function () {
+  return import(
+  /* webpackChunkName: "glyphPullRequest" */
+  '@atlaskit/icon-object/glyph/pull-request/16');
+}), _defineProperty(_importIconMapper, IconType.Repo, function () {
+  return import(
+  /* webpackChunkName: "glyphRepo" */
+  '@atlaskit/icon-object/glyph/code/16');
+}), _defineProperty(_importIconMapper, IconType.Bug, function () {
+  return import(
+  /* webpackChunkName: "glyphBug" */
+  '@atlaskit/icon-object/glyph/bug/16');
+}), _defineProperty(_importIconMapper, IconType.Change, function () {
+  return import(
+  /* webpackChunkName: "glyphChange" */
+  '@atlaskit/icon-object/glyph/changes/16');
+}), _defineProperty(_importIconMapper, IconType.Epic, function () {
+  return import(
+  /* webpackChunkName: "glyphEpic" */
+  '@atlaskit/icon-object/glyph/epic/16');
+}), _defineProperty(_importIconMapper, IconType.Incident, function () {
+  return import(
+  /* webpackChunkName: "glyphIncident" */
+  '@atlaskit/icon-object/glyph/incident/16');
+}), _defineProperty(_importIconMapper, IconType.Problem, function () {
+  return import(
+  /* webpackChunkName: "glyphProblem" */
+  '@atlaskit/icon-object/glyph/problem/16');
+}), _defineProperty(_importIconMapper, IconType.ServiceRequest, function () {
+  return import(
+  /* webpackChunkName: "glyphServiceRequest" */
+  '@atlaskit/icon-object/glyph/issue/16');
+}), _defineProperty(_importIconMapper, IconType.Story, function () {
+  return import(
+  /* webpackChunkName: "glyphStory" */
+  '@atlaskit/icon-object/glyph/story/16');
+}), _defineProperty(_importIconMapper, IconType.SubTask, function () {
+  return import(
+  /* webpackChunkName: "glyphSubTask" */
+  '@atlaskit/icon-object/glyph/subtask/16');
+}), _defineProperty(_importIconMapper, IconType.Task, function () {
+  return import(
+  /* webpackChunkName: "glyphTask" */
+  '@atlaskit/icon-object/glyph/task/16');
+}), _defineProperty(_importIconMapper, IconType.Confluence, function () {
+  return import(
+  /* webpackChunkName: "glyphConfluence" */
+  '@atlaskit/logo/confluence-icon').then(function (_ref) {
+    var ConfluenceIcon = _ref.ConfluenceIcon;
+    return {
+      default: ConfluenceIcon
+    };
+  });
+}), _defineProperty(_importIconMapper, IconType.Jira, function () {
+  return import(
+  /* webpackChunkName: "glyphJira" */
+  '@atlaskit/logo/jira-icon').then(function (_ref2) {
+    var JiraIcon = _ref2.JiraIcon;
+    return {
+      default: JiraIcon
+    };
+  });
+}), _importIconMapper);
+
+var getIconImportFn = function getIconImportFn(icon) {
+  return importIconMapper[icon];
+};
+
+var importIcon = function importIcon(importFn) {
+  return Loadable({
+    loader: function loader() {
+      return importFn().then(function (module) {
+        return module.default;
+      });
+    },
+    loading: function loading() {
+      return null;
+    }
+  }); // Because we're using dynamic loading here, TS will not be able to infer the type.
+};
+
+var AtlaskitIcon = function AtlaskitIcon(_ref3) {
+  var icon = _ref3.icon,
+      label = _ref3.label,
+      testId = _ref3.testId;
+  var importFn = getIconImportFn(icon);
+
+  if (!importFn) {
+    return null;
+  }
+
+  var ImportedIcon = importIcon(importFn); // Logo component has a different prop set from other icon components
+  // and yet to support the token system.
+
+  var importedIcon = icon === IconType.Confluence || icon === IconType.Jira ? /*#__PURE__*/React.createElement(ImportedIcon, {
+    textColor: N700,
+    iconColor: B200,
+    iconGradientStart: B400,
+    iconGradientStop: B200
+  }) : /*#__PURE__*/React.createElement(ImportedIcon, {
+    label: label,
+    testId: testId
+  });
+  return importedIcon;
+};
+
+export default AtlaskitIcon;

package/dist/esm/view/FlexibleCard/components/elements/icon/atlaskit-icon/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/view/FlexibleCard/components/elements/icon/image-icon/index.js

@@ -0,0 +1,20 @@
+/** @jsx jsx */
+import React from 'react';
+import { jsx } from '@emotion/core';
+import ImageLoader from 'react-render-image';
+
+var ImageIcon = function ImageIcon(_ref) {
+  var defaultIcon = _ref.defaultIcon,
+      testId = _ref.testId,
+      url = _ref.url;
+  return jsx(ImageLoader, {
+    src: url,
+    loaded: jsx("img", {
+      src: url,
+      "data-testid": "".concat(testId, "-image")
+    }),
+    errored: defaultIcon
+  });
+};
+
+export default ImageIcon;