@atlaskit/smart-card 34.3.0 → 34.4.0

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/TitleBlockResolvedViewOld.js

@@ -0,0 +1,53 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
+import React from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css } from '@emotion/react';
+import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkWidth } from '../../../../../../constants';
+import { LinkIcon } from '../../../elements';
+import Block from '../../block';
+import ElementGroup from '../../element-group';
+import { renderElementItems } from '../../utils';
+/**
+ * This renders a fully resolved TitleBlock.
+ * This should render when a Smart Link returns a valid response.
+ * @see TitleBlock
+ */
+var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
+  var actionGroup = _ref.actionGroup,
+    _ref$metadata = _ref.metadata,
+    metadata = _ref$metadata === void 0 ? [] : _ref$metadata,
+    position = _ref.position,
+    _ref$subtitle = _ref.subtitle,
+    subtitle = _ref$subtitle === void 0 ? [] : _ref$subtitle,
+    testId = _ref.testId,
+    text = _ref.text,
+    icon = _ref.icon,
+    title = _ref.title,
+    metadataPosition = _ref.metadataPosition,
+    hideIcon = _ref.hideIcon,
+    blockProps = _objectWithoutProperties(_ref, _excluded);
+  var metadataElements = renderElementItems(metadata);
+  var subtitleElements = renderElementItems(subtitle);
+  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
+    testId: "".concat(testId, "-resolved-view")
+  }), !hideIcon && /*#__PURE__*/React.createElement(LinkIcon, {
+    overrideIcon: icon,
+    position: position
+  }), /*#__PURE__*/React.createElement(ElementGroup, {
+    direction: SmartLinkDirection.Vertical,
+    width: SmartLinkWidth.Flexible,
+    overrideCss: css({
+      gap: "var(--ds-space-050, 0.25rem)"
+    })
+  }, title, subtitleElements && /*#__PURE__*/React.createElement(ElementGroup, {
+    direction: SmartLinkDirection.Horizontal
+  }, subtitleElements)), metadataElements && /*#__PURE__*/React.createElement(ElementGroup, {
+    direction: SmartLinkDirection.Horizontal,
+    align: SmartLinkAlignment.Right,
+    position: metadataPosition !== null && metadataPosition !== void 0 ? metadataPosition : SmartLinkPosition.Center
+  }, metadataElements), actionGroup);
+};
+export default TitleBlockResolvedView;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolved/index.compiled.css

@@ -0,0 +1 @@
+._zulppdf9{gap:var(--ds-space-050,.25rem)}

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

@@ -1,21 +1,24 @@
+/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
-import React from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { SmartLinkAlignment, SmartLinkDirection, SmartLinkPosition, SmartLinkWidth } from '../../../../../../constants';
 import { LinkIcon } from '../../../elements';
 import Block from '../../block';
-import ElementGroup from '../../element-group';
+import { ElementGroupNew as ElementGroup } from '../../element-group';
 import { renderElementItems } from '../../utils';
+import TitleBlockResolvedViewOld from './TitleBlockResolvedViewOld';
+var style = null;
+
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.
  * @see TitleBlock
  */
-var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
+var TitleBlockResolvedViewNew = function TitleBlockResolvedViewNew(_ref) {
   var actionGroup = _ref.actionGroup,
     _ref$metadata = _ref.metadata,
     metadata = _ref$metadata === void 0 ? [] : _ref$metadata,
@@ -39,15 +42,16 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
   }), /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Vertical,
     width: SmartLinkWidth.Flexible,
-    overrideCss: css({
-      gap: "var(--ds-space-050, 0.25rem)"
-    })
+    size: blockProps.size,
+    className: ax(["_zulppdf9"])
   }, title, subtitleElements && /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Horizontal
   }, subtitleElements)), metadataElements && /*#__PURE__*/React.createElement(ElementGroup, {
     direction: SmartLinkDirection.Horizontal,
     align: SmartLinkAlignment.Right,
-    position: metadataPosition !== null && metadataPosition !== void 0 ? metadataPosition : SmartLinkPosition.Center
+    position: metadataPosition !== null && metadataPosition !== void 0 ? metadataPosition : SmartLinkPosition.Center,
+    size: blockProps.size
   }, metadataElements), actionGroup);
 };
-export default TitleBlockResolvedView;
+export default TitleBlockResolvedViewOld;
+export { TitleBlockResolvedViewNew };

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolving/TitleBlockResolvingViewOld.js

@@ -0,0 +1,42 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { SmartLinkSize } from '../../../../../../constants';
+import LoadingSkeleton from '../../../common/loading-skeleton';
+import { getIconSizeStyles, getIconWidth } from '../../../utils';
+import Block from '../../block';
+/**
+ * This represents a TitleBlock for a Smart Link that is currently waiting
+ * for a request to finish.
+ * This should render when a Smart Link has sent a request.
+ * @see TitleBlock
+ */
+var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
+  var actionGroup = _ref.actionGroup,
+    testId = _ref.testId,
+    title = _ref.title,
+    hideIcon = _ref.hideIcon,
+    blockProps = _objectWithoutProperties(_ref, _excluded);
+  var _blockProps$size = blockProps.size,
+    size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
+  var iconWidth = getIconWidth(size);
+  var iconStyles = getIconSizeStyles(iconWidth);
+  return jsx(Block, _extends({}, blockProps, {
+    testId: "".concat(testId, "-resolving-view")
+  }), !hideIcon &&
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+  jsx("span", {
+    css: iconStyles,
+    "data-testid": "".concat(testId, "-icon")
+  }, jsx(LoadingSkeleton, {
+    testId: "".concat(testId, "-icon-loading")
+  })), title, actionGroup);
+};
+export default TitleBlockResolvingView;

package/dist/esm/view/FlexibleCard/components/blocks/title-block/resolving/index.compiled.css

@@ -0,0 +1,55 @@
+._16jlidpf{flex-grow:0}
+._19l31j6v img, ._1pr21j6v span, ._1u5t1j6v svg{max-height:1rem}
+._19l31k8s img, ._1pr21k8s span, ._1u5t1k8s svg{max-height:1.5rem}
+._19l3oqnp img, ._1pr2oqnp span, ._1u5toqnp svg{max-height:.75rem}
+._19l3viql img, ._1pr2viql span, ._1u5tviql svg{max-height:2rem}
+._1bsb1j6v{width:1rem}
+._1bsb1k8s{width:1.5rem}
+._1bsboqnp{width:.75rem}
+._1bsbviql{width:2rem}
+._1o9zidpf{flex-shrink:0}
+._1rg21j6v img, ._q7cv1j6v span, ._xwbj1j6v svg{min-width:1rem}
+._1rg21k8s img, ._q7cv1k8s span, ._xwbj1k8s svg{min-width:1.5rem}
+._1rg2oqnp img, ._q7cvoqnp span, ._xwbjoqnp svg{min-width:.75rem}
+._1rg2viql img, ._q7cvviql span, ._xwbjviql svg{min-width:2rem}
+._1tke1j6v{min-height:1rem}
+._1tke1k8s{min-height:1.5rem}
+._1tkeoqnp{min-height:.75rem}
+._1tkeviql{min-height:2rem}
+._1ul91j6v{min-width:1rem}
+._1ul91k8s{min-width:1.5rem}
+._1ul9oqnp{min-width:.75rem}
+._1ul9viql{min-width:2rem}
+._4t3i1j6v{height:1rem}
+._4t3i1k8s{height:1.5rem}
+._4t3ioqnp{height:.75rem}
+._4t3iviql{height:2rem}
+._5jw9idpf svg{padding-bottom:0}
+._7wy9idpf svg{padding-left:0}
+._bna71j6v img, ._1xjx1j6v span, ._17521j6v svg{height:1rem}
+._bna71k8s img, ._1xjx1k8s span, ._17521k8s svg{height:1.5rem}
+._bna7oqnp img, ._1xjxoqnp span, ._1752oqnp svg{height:.75rem}
+._bna7viql img, ._1xjxviql span, ._1752viql svg{height:2rem}
+._c71l1j6v{max-height:1rem}
+._c71l1k8s{max-height:1.5rem}
+._c71loqnp{max-height:.75rem}
+._c71lviql{max-height:2rem}
+._i0dl1wug{flex-basis:auto}
+._i2i3idpf svg{padding-top:0}
+._mezj1j6v img, ._e2oo1j6v span, ._w8l51j6v svg{width:1rem}
+._mezj1k8s img, ._e2oo1k8s span, ._w8l51k8s svg{width:1.5rem}
+._mezjoqnp img, ._e2oooqnp span, ._w8l5oqnp svg{width:.75rem}
+._mezjviql img, ._e2ooviql span, ._w8l5viql svg{width:2rem}
+._p12f1j6v{max-width:1rem}
+._p12f1k8s{max-width:1.5rem}
+._p12foqnp{max-width:.75rem}
+._p12fviql{max-width:2rem}
+._qci81j6v img, ._15iz1j6v span, ._erub1j6v svg{min-height:1rem}
+._qci81k8s img, ._15iz1k8s span, ._erub1k8s svg{min-height:1.5rem}
+._qci8oqnp img, ._15izoqnp span, ._eruboqnp svg{min-height:.75rem}
+._qci8viql img, ._15izviql span, ._erubviql svg{min-height:2rem}
+._rtys1j6v img, ._b8nk1j6v span, ._4x201j6v svg{max-width:1rem}
+._rtys1k8s img, ._b8nk1k8s span, ._4x201k8s svg{max-width:1.5rem}
+._rtysoqnp img, ._b8nkoqnp span, ._4x20oqnp svg{max-width:.75rem}
+._rtysviql img, ._b8nkviql span, ._4x20viql svg{max-width:2rem}
+._uhasidpf svg{padding-right:0}

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

@@ -1,24 +1,29 @@
+/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["actionGroup", "testId", "title", "hideIcon"];
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
 import { SmartLinkSize } from '../../../../../../constants';
 import LoadingSkeleton from '../../../common/loading-skeleton';
-import { getIconSizeStyles, getIconWidth } from '../../../utils';
 import Block from '../../block';
+import TitleBlockResolvingViewOld from './TitleBlockResolvingViewOld';
+var iconStyle = {
+  'xlarge': "_16jlidpf _1o9zidpf _i0dl1wug _4t3iviql _1tkeviql _c71lviql _1bsbviql _1ul9viql _p12fviql _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna7viql _1xjxviql _1752viql _qci8viql _15izviql _erubviql _19l3viql _1pr2viql _1u5tviql _mezjviql _e2ooviql _w8l5viql _1rg2viql _q7cvviql _xwbjviql _rtysviql _b8nkviql _4x20viql",
+  'large': "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1k8s _1tke1k8s _c71l1k8s _1bsb1k8s _1ul91k8s _p12f1k8s _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71k8s _1xjx1k8s _17521k8s _qci81k8s _15iz1k8s _erub1k8s _19l31k8s _1pr21k8s _1u5t1k8s _mezj1k8s _e2oo1k8s _w8l51k8s _1rg21k8s _q7cv1k8s _xwbj1k8s _rtys1k8s _b8nk1k8s _4x201k8s",
+  'medium': "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1j6v _1tke1j6v _c71l1j6v _1bsb1j6v _1ul91j6v _p12f1j6v _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71j6v _1xjx1j6v _17521j6v _qci81j6v _15iz1j6v _erub1j6v _19l31j6v _1pr21j6v _1u5t1j6v _mezj1j6v _e2oo1j6v _w8l51j6v _1rg21j6v _q7cv1j6v _xwbj1j6v _rtys1j6v _b8nk1j6v _4x201j6v",
+  'small': "_16jlidpf _1o9zidpf _i0dl1wug _4t3ioqnp _1tkeoqnp _c71loqnp _1bsboqnp _1ul9oqnp _p12foqnp _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna7oqnp _1xjxoqnp _1752oqnp _qci8oqnp _15izoqnp _eruboqnp _19l3oqnp _1pr2oqnp _1u5toqnp _mezjoqnp _e2oooqnp _w8l5oqnp _1rg2oqnp _q7cvoqnp _xwbjoqnp _rtysoqnp _b8nkoqnp _4x20oqnp"
+};
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
  * for a request to finish.
  * This should render when a Smart Link has sent a request.
  * @see TitleBlock
  */
-var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
+var TitleBlockResolvingViewNew = function TitleBlockResolvingViewNew(_ref) {
   var actionGroup = _ref.actionGroup,
     testId = _ref.testId,
     title = _ref.title,
@@ -26,17 +31,14 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
     blockProps = _objectWithoutProperties(_ref, _excluded);
   var _blockProps$size = blockProps.size,
     size = _blockProps$size === void 0 ? SmartLinkSize.Medium : _blockProps$size;
-  var iconWidth = getIconWidth(size);
-  var iconStyles = getIconSizeStyles(iconWidth);
-  return jsx(Block, _extends({}, blockProps, {
+  return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
-  }), !hideIcon &&
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  jsx("span", {
-    css: iconStyles,
-    "data-testid": "".concat(testId, "-icon")
-  }, jsx(LoadingSkeleton, {
+  }), !hideIcon && /*#__PURE__*/React.createElement("span", {
+    "data-testid": "".concat(testId, "-icon"),
+    className: ax([iconStyle[size]])
+  }, /*#__PURE__*/React.createElement(LoadingSkeleton, {
     testId: "".concat(testId, "-icon-loading")
   })), title, actionGroup);
 };
-export default TitleBlockResolvingView;
+export default TitleBlockResolvingViewOld;
+export { TitleBlockResolvingViewNew };

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

@@ -1,14 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _importIconMapper;
+var _importIconMapperOld;
 import React from 'react';
 import Loadable from 'react-loadable';
 import DocumentIcon from '@atlaskit/icon-file-type/glyph/document/16';
 import BlogIcon from '@atlaskit/icon-object/glyph/blog/16';
 import { ConfluenceIcon, JiraIcon } from '@atlaskit/logo';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { R400 } from '@atlaskit/theme/colors';
 import { IconType } from '../../../../../constants';
+import { getLazyIcons } from '../../../../../utils';
 // prettier-ignore
-var importIconMapper = (_importIconMapper = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapper, IconType.Archive, function () {
+var importIconMapperOld = (_importIconMapperOld = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.Archive, function () {
   return import( /* webpackChunkName: "glyphArchive" */'@atlaskit/icon-file-type/glyph/archive/16');
 }), IconType.Audio, function () {
   return import( /* webpackChunkName: "glyphAudio" */'@atlaskit/icon-file-type/glyph/audio/16');
@@ -28,7 +30,7 @@ var importIconMapper = (_importIconMapper = {}, _defineProperty(_defineProperty(
   return import( /* webpackChunkName: "glyphGoogleDocs" */'@atlaskit/icon-file-type/glyph/google-doc/16');
 }), IconType.GoogleForms, function () {
   return import( /* webpackChunkName: "glyphGoogleForms" */'@atlaskit/icon-file-type/glyph/google-form/16');
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapper, IconType.GoogleSheets, function () {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.GoogleSheets, function () {
   return import( /* webpackChunkName: "glyphGoogleSheets" */'@atlaskit/icon-file-type/glyph/google-sheet/16');
 }), IconType.GoogleSlides, function () {
   return import( /* webpackChunkName: "glyphGoogleSlides" */'@atlaskit/icon-file-type/glyph/google-slide/16');
@@ -48,7 +50,7 @@ var importIconMapper = (_importIconMapper = {}, _defineProperty(_defineProperty(
   return import( /* webpackChunkName: "glyphSketch" */'@atlaskit/icon-file-type/glyph/sketch/16');
 }), IconType.Spreadsheet, function () {
   return import( /* webpackChunkName: "glyphSpreadsheet" */'@atlaskit/icon-file-type/glyph/spreadsheet/16');
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapper, IconType.Template, function () {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.Template, function () {
   return import( /* webpackChunkName: "glyphTemplate" */'@atlaskit/icon/glyph/document-filled');
 }), IconType.Video, function () {
   return import( /* webpackChunkName: "glyphVideo" */'@atlaskit/icon-file-type/glyph/video/16');
@@ -68,7 +70,7 @@ var importIconMapper = (_importIconMapper = {}, _defineProperty(_defineProperty(
   return import( /* webpackChunkName: "glyphChange" */'@atlaskit/icon-object/glyph/changes/16');
 }), IconType.Epic, function () {
   return import( /* webpackChunkName: "glyphEpic" */'@atlaskit/icon-object/glyph/epic/16');
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapper, IconType.Incident, function () {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.Incident, function () {
   return import( /* webpackChunkName: "glyphIncident" */'@atlaskit/icon-object/glyph/incident/16');
 }), IconType.Problem, function () {
   return import( /* webpackChunkName: "glyphProblem" */'@atlaskit/icon-object/glyph/problem/16');
@@ -98,7 +100,7 @@ var importIconMapper = (_importIconMapper = {}, _defineProperty(_defineProperty(
   return import( /* webpackChunkName: "glyphDefault" */'@atlaskit/icon/glyph/link');
 }), IconType.Error, function () {
   return import( /* webpackChunkName: "glyphError" */'@atlaskit/icon/glyph/error');
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapper, IconType.Forbidden, function () {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.Forbidden, function () {
   return import( /* webpackChunkName: "glyphForbidden" */'@atlaskit/icon/glyph/lock-filled');
 }), IconType.Attachment, function () {
   return import( /* webpackChunkName: "glyphAttachment" */'@atlaskit/icon/glyph/attachment');
@@ -118,7 +120,7 @@ var importIconMapper = (_importIconMapper = {}, _defineProperty(_defineProperty(
   return import( /* webpackChunkName: "glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical');
 }), IconType.PriorityHigh, function () {
   return import( /* webpackChunkName: "glyphHigh" */'@atlaskit/icon-priority/glyph/priority-high');
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapper, IconType.PriorityHighest, function () {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_importIconMapperOld, IconType.PriorityHighest, function () {
   return import( /* webpackChunkName: "glyphHighest" */'@atlaskit/icon-priority/glyph/priority-highest');
 }), IconType.PriorityLow, function () {
   return import( /* webpackChunkName: "glyphLow" */'@atlaskit/icon-priority/glyph/priority-low');
@@ -138,11 +140,14 @@ var importIconMapper = (_importIconMapper = {}, _defineProperty(_defineProperty(
   return import( /* webpackChunkName: "glyphProgrammingLanguage" */'@atlaskit/icon/glyph/code');
 }), IconType.Subscriber, function () {
   return import( /* webpackChunkName: "glyphSubscriber" */'@atlaskit/icon/glyph/people');
-}), _defineProperty(_importIconMapper, IconType.SubTasksProgress, function () {
+}), _defineProperty(_importIconMapperOld, IconType.SubTasksProgress, function () {
   return import( /* webpackChunkName: "glyphSubtaskProgress" */'@atlaskit/icon/glyph/subtask');
 }));
 var getIconImportFn = function getIconImportFn(icon) {
-  return importIconMapper[icon];
+  if (fg('platform-smart-card-icon-migration')) {
+    return getLazyIcons()[icon];
+  }
+  return importIconMapperOld[icon];
 };
 var importIcon = function importIcon(importFn) {
   return Loadable({

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

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

package/dist/esm/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -1,18 +1,12 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-import { useCallback, useRef } from 'react';
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
+import React, { useCallback, useRef } from 'react';
 import { FormattedMessage } from 'react-intl-next';
 import Button from '@atlaskit/button/new';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { Box, xcss } from '@atlaskit/primitives';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
+import RelatedLinksBaseModalOld from "./RelatedLinksBaseModalOld";
 var fixedWidth = 'small'; // pre-defined 400px by Atlaskit
 
 var boxStyles = xcss({
@@ -36,18 +30,25 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
     });
     onClose === null || onClose === void 0 || onClose();
   }, [fireEvent, onClose]);
-  return jsx(ModalTransition, null, showModal && jsx(Modal, {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, {
     testId: "related-links-modal",
     onClose: closeHandler,
     width: fixedWidth,
     autoFocus: false,
     shouldReturnFocus: false,
     onOpenComplete: openCompleteHandler
-  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(FormattedMessage, messages.related_links_modal_title))), jsx(ModalBody, null, jsx(Box, {
+  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Box, {
     xcss: boxStyles
-  }, children)), jsx(ModalFooter, null, jsx(Button, {
+  }, children)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     onClick: closeHandler
-  }, jsx(FormattedMessage, messages.close)))));
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.close)))));
+};
+var RelatedLinksBaseModalExported = function RelatedLinksBaseModalExported(props) {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(RelatedLinksBaseModal, props);
+  } else {
+    return /*#__PURE__*/React.createElement(RelatedLinksBaseModalOld, props);
+  }
 };
-export default RelatedLinksBaseModal;
+export default RelatedLinksBaseModalExported;

package/dist/esm/view/RelatedLinksModal/components/RelatedLinksBaseModalOld.js

@@ -0,0 +1,53 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+import { useCallback, useRef } from 'react';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
+import Button from '@atlaskit/button/new';
+import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { Box, xcss } from '@atlaskit/primitives';
+import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
+import { messages } from '../../../messages';
+var fixedWidth = 'small'; // pre-defined 400px by Atlaskit
+
+var boxStyles = xcss({
+  height: '396px' // Specified by the designer as this will display 5 incoming links and 2 outgoing links
+});
+var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
+  var onClose = _ref.onClose,
+    showModal = _ref.showModal,
+    children = _ref.children;
+  var _useAnalyticsEvents = useAnalyticsEvents(),
+    fireEvent = _useAnalyticsEvents.fireEvent;
+  var modalOpenTimeRef = useRef(Date.now());
+  var openCompleteHandler = useCallback(function (el) {
+    el.focus();
+    modalOpenTimeRef.current = Date.now();
+    fireEvent('ui.modal.opened.relatedLinks', {});
+  }, [fireEvent]);
+  var closeHandler = useCallback(function () {
+    fireEvent('ui.modal.closed.relatedLinks', {
+      dwellTime: Date.now() - modalOpenTimeRef.current
+    });
+    onClose === null || onClose === void 0 || onClose();
+  }, [fireEvent, onClose]);
+  return jsx(ModalTransition, null, showModal && jsx(Modal, {
+    testId: "related-links-modal",
+    onClose: closeHandler,
+    width: fixedWidth,
+    autoFocus: false,
+    shouldReturnFocus: false,
+    onOpenComplete: openCompleteHandler
+  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(FormattedMessage, messages.related_links_modal_title))), jsx(ModalBody, null, jsx(Box, {
+    xcss: boxStyles
+  }, children)), jsx(ModalFooter, null, jsx(Button, {
+    appearance: "primary",
+    onClick: closeHandler
+  }, jsx(FormattedMessage, messages.close)))));
+};
+export default RelatedLinksBaseModal;

package/dist/esm/view/RelatedLinksModal/components/related-link-item/RelatedLinkItemOld.js

@@ -0,0 +1,54 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { css, jsx } from '@emotion/react';
+import { Box, xcss } from '@atlaskit/primitives';
+import { Card, ElementName, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, TitleBlock } from '../../../../index';
+var hoverStyles = xcss({
+  ':hover': {
+    backgroundColor: 'color.background.input.hovered',
+    borderRadius: 'border.radius.100',
+    marginInline: 'space.negative.100',
+    paddingInline: 'space.100'
+  }
+});
+var relatedLinkItemStyles = css({
+  paddingTop: "var(--ds-space-100, 8px)",
+  paddingBottom: "var(--ds-space-100, 8px)",
+  gap: "var(--ds-space-150, 12px)",
+  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+});
+var RelatedLinkItem = function RelatedLinkItem(_ref) {
+  var url = _ref.url,
+    testId = _ref.testId;
+  var subtitle = [{
+    name: ElementName.Provider,
+    hideIcon: true
+  }];
+  var ui = {
+    hideElevation: true,
+    hidePadding: true,
+    hideBackground: true,
+    theme: SmartLinkTheme.Black,
+    clickableContainer: true,
+    size: SmartLinkSize.Large
+  };
+  return jsx(Box, {
+    testId: testId,
+    xcss: hoverStyles
+  }, jsx(Card, {
+    appearance: "block",
+    ui: ui,
+    url: url
+  }, jsx(TitleBlock, {
+    maxLines: 1,
+    hideTitleTooltip: true,
+    position: SmartLinkPosition.Center,
+    subtitle: subtitle,
+    overrideCss: relatedLinkItemStyles,
+    anchorTarget: "_blank"
+  })));
+};
+export default RelatedLinkItem;

package/dist/esm/view/RelatedLinksModal/components/related-link-item/index.js

@@ -1,24 +1,19 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, xcss } from '@atlaskit/primitives';
 import { Card, ElementName, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, TitleBlock } from '../../../../index';
+import RelatedLinkItemOld from './RelatedLinkItemOld';
 var hoverStyles = xcss({
   ':hover': {
     backgroundColor: 'color.background.input.hovered',
     borderRadius: 'border.radius.100',
     marginInline: 'space.negative.100',
     paddingInline: 'space.100'
-  }
-});
-var relatedLinkItemStyles = css({
-  paddingTop: "var(--ds-space-100, 8px)",
-  paddingBottom: "var(--ds-space-100, 8px)",
-  gap: "var(--ds-space-150, 12px)",
-  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+  },
+  paddingTop: 'space.100',
+  paddingBottom: 'space.100',
+  gap: 'space.150',
+  font: 'font.body.small'
 });
 var RelatedLinkItem = function RelatedLinkItem(_ref) {
   var url = _ref.url,
@@ -35,20 +30,26 @@ var RelatedLinkItem = function RelatedLinkItem(_ref) {
     clickableContainer: true,
     size: SmartLinkSize.Large
   };
-  return jsx(Box, {
+  return /*#__PURE__*/React.createElement(Box, {
     testId: testId,
     xcss: hoverStyles
-  }, jsx(Card, {
+  }, /*#__PURE__*/React.createElement(Card, {
     appearance: "block",
     ui: ui,
     url: url
-  }, jsx(TitleBlock, {
+  }, /*#__PURE__*/React.createElement(TitleBlock, {
     maxLines: 1,
     hideTitleTooltip: true,
     position: SmartLinkPosition.Center,
     subtitle: subtitle,
-    overrideCss: relatedLinkItemStyles,
     anchorTarget: "_blank"
   })));
 };
-export default RelatedLinkItem;
+var RelatedLinkItemExported = function RelatedLinkItemExported(props) {
+  if (fg('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(RelatedLinkItem, props);
+  } else {
+    return /*#__PURE__*/React.createElement(RelatedLinkItemOld, props);
+  }
+};
+export default RelatedLinkItemExported;

package/dist/esm/view/RelatedLinksModal/components/related-links-list/RelatedLinksListOld.js

@@ -0,0 +1,43 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { FormattedMessage } from 'react-intl-next';
+import { Box, Stack, xcss } from '@atlaskit/primitives';
+import { messages } from '../../../../messages';
+import RelatedLinkItem from '../related-link-item';
+var RelatedLinksList = function RelatedLinksList(_ref) {
+  var urls = _ref.urls,
+    title = _ref.title,
+    testId = _ref.testId;
+  return jsx(Stack, {
+    testId: testId
+  }, jsx(Box, {
+    paddingBlockStart: "space.050"
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+    ,
+    xcss: xcss({
+      font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
+      // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
+      textTransform: 'uppercase'
+    })
+  }, jsx(FormattedMessage, title)), urls.length > 0 && jsx(Box, null, urls.map(function (url, idx) {
+    return jsx(Stack, {
+      key: "".concat(idx, "-").concat(url)
+    }, jsx(RelatedLinkItem, {
+      url: url,
+      testId: "".concat(testId, "-item-").concat(idx)
+    }));
+  })), urls.length === 0 &&
+  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+  jsx(Box, {
+    paddingBlock: "space.100",
+    xcss: xcss({
+      font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
+    })
+  }, jsx(FormattedMessage, messages.related_links_not_found)));
+};
+export default RelatedLinksList;