@atlaskit/smart-card 17.0.0 → 17.0.1

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

@@ -0,0 +1,244 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactLoadable = _interopRequireDefault(require("react-loadable"));
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _constants = require("../../../../../../constants");
+
+var _importIconMapper;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// prettier-ignore
+var importIconMapper = (_importIconMapper = {}, (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Archive, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/archive/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Audio, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/audio/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Blog, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/blog/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Code, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/source-code/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Document, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/document/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Executable, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/executable/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.File, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/generic/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Folder, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/folder/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Generic, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/generic/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.GIF, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/gif/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.GoogleDocs, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/google-doc/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.GoogleForms, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/google-form/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.GoogleSheets, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/google-sheet/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.GoogleSlides, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/google-slide/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Image, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/image/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.MSExcel, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/excel-spreadsheet/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.MSPowerpoint, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/powerpoint-presentation/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.MSWord, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/word-document/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.PDF, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/pdf-document/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Presentation, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/presentation/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Sketch, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/sketch/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Spreadsheet, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/spreadsheet/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Template, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon/glyph/document-filled'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Video, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-file-type/glyph/video/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Branch, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/branch/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Commit, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/commit/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Project, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon/glyph/people-group'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.PullRequest, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/pull-request/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Repo, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/code/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Bug, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/bug/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Change, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/changes/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Epic, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/epic/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Incident, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/incident/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Problem, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/problem/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.ServiceRequest, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/issue/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Story, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/story/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.SubTask, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/subtask/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Task, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/icon-object/glyph/task/16'));
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Confluence, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@atlaskit/logo/confluence-icon'));
+  }).then(function (_ref) {
+    var ConfluenceIcon = _ref.ConfluenceIcon;
+    return {
+      default: ConfluenceIcon
+    };
+  });
+}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Jira, function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('@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 (0, _reactLoadable.default)({
+    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 === _constants.IconType.Confluence || icon === _constants.IconType.Jira ? /*#__PURE__*/_react.default.createElement(ImportedIcon, {
+    textColor: _colors.N700,
+    iconColor: _colors.B200,
+    iconGradientStart: _colors.B400,
+    iconGradientStop: _colors.B200
+  }) : /*#__PURE__*/_react.default.createElement(ImportedIcon, {
+    label: label,
+    testId: testId
+  });
+  return importedIcon;
+};
+
+var _default = AtlaskitIcon;
+exports.default = _default;

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

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _core = require("@emotion/core");
+
+var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
+
+/** @jsx jsx */
+var ImageIcon = function ImageIcon(_ref) {
+  var defaultIcon = _ref.defaultIcon,
+      testId = _ref.testId,
+      url = _ref.url;
+  return (0, _core.jsx)(_reactRenderImage.default, {
+    src: url,
+    loaded: (0, _core.jsx)("img", {
+      src: url,
+      "data-testid": "".concat(testId, "-image")
+    }),
+    errored: defaultIcon
+  });
+};
+
+var _default = ImageIcon;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/elements/icon/image-icon/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/FlexibleCard/components/elements/icon/index.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _link = _interopRequireDefault(require("@atlaskit/icon/glyph/link"));
+
+var _core = require("@emotion/core");
+
+var _constants = require("../../../../../constants");
+
+var _atlaskitIcon = _interopRequireDefault(require("./atlaskit-icon"));
+
+var _imageIcon = _interopRequireDefault(require("./image-icon"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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) { (0, _defineProperty2.default)(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; }
+
+var getDimensionStyles = function getDimensionStyles(value) {
+  return {
+    maxHeight: value,
+    maxWidth: value,
+    minHeight: value,
+    minWidth: value,
+    height: value,
+    width: value
+  };
+};
+
+var getSizeStyles = function getSizeStyles(size) {
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+      return getDimensionStyles('1.75rem');
+
+    case _constants.SmartLinkSize.Large:
+      return getDimensionStyles('1.5rem');
+
+    case _constants.SmartLinkSize.Medium:
+      return getDimensionStyles('1rem');
+
+    case _constants.SmartLinkSize.Small:
+    default:
+      return getDimensionStyles('.75rem');
+  }
+};
+
+var getMargin = function getMargin(size) {
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+      return '0.12em 0 0 0';
+
+    case _constants.SmartLinkSize.Large:
+      return '0';
+
+    case _constants.SmartLinkSize.Medium:
+      return '0';
+
+    case _constants.SmartLinkSize.Small:
+    default:
+      return '-.05em 0 0 0';
+  }
+};
+
+var getIconStyles = function getIconStyles(size) {
+  var styles = getSizeStyles(size);
+  return (0, _core.css)(_objectSpread(_objectSpread({
+    flex: '0 0 auto',
+    alignSelf: 'flex-start',
+    margin: getMargin(size)
+  }, styles), {}, {
+    '[class$="-Icon"],[class$="-Wrapper"]': _objectSpread(_objectSpread({}, styles), {}, {
+      '> svg': _objectSpread(_objectSpread({}, styles), {}, {
+        padding: 0
+      })
+    }),
+    '& > img': styles
+  }));
+};
+
+var renderAtlaskitIcon = function renderAtlaskitIcon(icon, label, testId) {
+  if (icon) {
+    return (0, _core.jsx)(_atlaskitIcon.default, {
+      icon: icon,
+      label: label,
+      testId: "".concat(testId, "-icon")
+    });
+  }
+};
+
+var renderDefaultIcon = function renderDefaultIcon(label, testId) {
+  return (0, _core.jsx)(_link.default, {
+    label: label,
+    testId: "".concat(testId, "-default")
+  });
+};
+
+var renderImageIcon = function renderImageIcon(defaultIcon, icon, url, testId) {
+  if (url) {
+    return (0, _core.jsx)(_imageIcon.default, {
+      defaultIcon: defaultIcon,
+      testId: testId,
+      url: url
+    });
+  }
+};
+
+var Icon = function Icon(_ref) {
+  var icon = _ref.icon,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? 'Link' : _ref$label,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-element-icon' : _ref$testId,
+      url = _ref.url;
+  var element = (0, _react.useMemo)(function () {
+    var defaultIcon = renderDefaultIcon(label, testId);
+    return renderImageIcon(defaultIcon, icon, url, testId) || renderAtlaskitIcon(icon, label, testId) || defaultIcon;
+  }, [icon, label, testId, url]);
+  var styles = getIconStyles(size);
+  return (0, _core.jsx)("div", {
+    css: styles,
+    "data-smart-element-icon": true,
+    "data-testid": testId
+  }, element);
+};
+
+var _default = Icon;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/elements/icon/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/FlexibleCard/components/elements/link/index.js

@@ -0,0 +1,135 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _colors = require("@atlaskit/theme/colors");
+
+var _typography = require("@atlaskit/theme/typography");
+
+var _tokens = require("@atlaskit/tokens");
+
+var _core = require("@emotion/core");
+
+var _constants = require("../../../../../constants");
+
+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) { (0, _defineProperty2.default)(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; }
+
+var DEFAULT_MAX_LINES = 2;
+var MAXIMUM_MAX_LINES = 2;
+var MINIMUM_MAX_LINES = 1;
+
+var getSizeStyles = function getSizeStyles(size) {
+  var overrides = {
+    marginTop: 'unset'
+  };
+
+  switch (size) {
+    case _constants.SmartLinkSize.XLarge:
+      return _objectSpread(_objectSpread({}, (0, _typography.h800)()), overrides);
+
+    case _constants.SmartLinkSize.Large:
+      return _objectSpread(_objectSpread({}, (0, _typography.h600)()), overrides);
+
+    case _constants.SmartLinkSize.Medium:
+      return _objectSpread(_objectSpread({}, (0, _typography.h400)()), overrides);
+
+    case _constants.SmartLinkSize.Small:
+    default:
+      return _objectSpread(_objectSpread({}, (0, _typography.h200)()), overrides);
+  }
+};
+
+var getThemeStyles = function getThemeStyles(theme) {
+  switch (theme) {
+    case _constants.SmartLinkTheme.Black:
+      return {
+        color: (0, _tokens.token)('color.text.subtle', _colors.N800),
+        fontWeight: 500,
+        ':active': {
+          color: (0, _tokens.token)('color.text', _colors.N900)
+        },
+        ':hover': {
+          color: (0, _tokens.token)('color.text.subtle', _colors.N800),
+          textDecoration: 'underline'
+        }
+      };
+
+    case _constants.SmartLinkTheme.Link:
+    default:
+      return {
+        color: (0, _tokens.token)('color.link', _colors.B400),
+        ':active': {
+          color: (0, _tokens.token)('color.link.pressed', _colors.B500)
+        },
+        ':hover': {
+          color: (0, _tokens.token)('color.link', _colors.B400),
+          textDecoration: 'underline'
+        }
+      };
+  }
+};
+
+var getTruncateStyles = function getTruncateStyles(maxLines) {
+  var lineHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 16;
+  return {
+    display: '-webkit-box',
+    flex: '1 1 auto',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    wordBreak: 'break-word',
+    WebkitLineClamp: maxLines,
+    WebkitBoxOrient: 'vertical',
+    // Fallback options.
+    maxHeight: "".concat((maxLines * lineHeight).toFixed(3), "em")
+  };
+};
+
+var getStyles = function getStyles(size, theme, maxLines) {
+  var sizeStyles = getSizeStyles(size);
+  return (0, _core.css)(_objectSpread(_objectSpread(_objectSpread({}, sizeStyles), getTruncateStyles(maxLines, sizeStyles === null || sizeStyles === void 0 ? void 0 : sizeStyles.lineHeight)), getThemeStyles(theme)));
+};
+
+var getMaxLines = function getMaxLines(maxLines) {
+  if (maxLines > MAXIMUM_MAX_LINES) {
+    return DEFAULT_MAX_LINES;
+  }
+
+  if (maxLines < MINIMUM_MAX_LINES) {
+    return MINIMUM_MAX_LINES;
+  }
+
+  return maxLines;
+};
+
+var Link = function Link(_ref) {
+  var _ref$maxLines = _ref.maxLines,
+      maxLines = _ref$maxLines === void 0 ? DEFAULT_MAX_LINES : _ref$maxLines,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? _constants.SmartLinkSize.Medium : _ref$size,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'smart-element-link' : _ref$testId,
+      text = _ref.text,
+      _ref$theme = _ref.theme,
+      theme = _ref$theme === void 0 ? _constants.SmartLinkTheme.Link : _ref$theme,
+      url = _ref.url;
+  return (0, _core.jsx)("a", {
+    css: getStyles(size, theme, getMaxLines(maxLines)),
+    href: url,
+    "data-smart-element-link": true,
+    "data-testid": testId
+  }, text);
+};
+
+var _default = Link;
+exports.default = _default;

package/dist/cjs/view/FlexibleCard/components/elements/link/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/view/FlexibleCard/components/elements/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/es2019/constants.js

@@ -0,0 +1,67 @@
+export let SmartLinkDirection;
+
+(function (SmartLinkDirection) {
+  SmartLinkDirection["Horizontal"] = "Horizontal";
+  SmartLinkDirection["Vertical"] = "Vertical";
+})(SmartLinkDirection || (SmartLinkDirection = {}));
+
+export let SmartLinkSize;
+
+(function (SmartLinkSize) {
+  SmartLinkSize["XLarge"] = "xlarge";
+  SmartLinkSize["Large"] = "large";
+  SmartLinkSize["Medium"] = "medium";
+  SmartLinkSize["Small"] = "small";
+})(SmartLinkSize || (SmartLinkSize = {}));
+
+export let SmartLinkTheme;
+
+(function (SmartLinkTheme) {
+  SmartLinkTheme["Black"] = "Black";
+  SmartLinkTheme["Link"] = "Link";
+})(SmartLinkTheme || (SmartLinkTheme = {}));
+
+export let 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/es2019/extractors/flexible/index.js

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