@atlaskit/smart-card 34.2.2 → 34.4.0

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

@@ -0,0 +1,2 @@
+._1bfhidpf .actions-button-group{opacity:0}
+._wn5xkb7n:hover .actions-button-group, ._h157kb7n .actions-button-group:focus-within{opacity:1}

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,49 +7,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+require("./index.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _react2 = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../../../constants");
 var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
 var _elements = require("../../elements");
 var _actionGroup = _interopRequireDefault(require("../action-group"));
-var _errored = _interopRequireDefault(require("./errored"));
-var _resolved = _interopRequireDefault(require("./resolved"));
-var _resolving = _interopRequireDefault(require("./resolving"));
-var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "overrideCss", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon"]; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var _errored = require("./errored");
+var _resolved = require("./resolved");
+var _resolving = require("./resolving");
+var _TitleBlockOld = _interopRequireDefault(require("./TitleBlockOld"));
+var _excluded = ["actions", "anchorTarget", "hideTitleTooltip", "maxLines", "onActionMenuOpenChange", "onClick", "status", "showActionOnHover", "testId", "text", "icon", "theme", "hideRetry", "metadataPosition", "hideIcon", "className"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var getActionStyles = function getActionStyles(showOnHover, isOpen) {
-  if (showOnHover && !isOpen) {
-    return (0, _react2.css)({
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '.actions-button-group': {
-        opacity: 0
-      },
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
-      '&:hover .actions-button-group, .actions-button-group:focus-within': {
-        opacity: 1
-      }
-    });
-  }
-};
+var styles = null;
+var actionStyles = null;
 var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
   switch (status) {
     case _constants.SmartLinkStatus.Pending:
     case _constants.SmartLinkStatus.Resolving:
-      return _resolving.default;
+      return _resolving.TitleBlockResolvingViewNew;
     case _constants.SmartLinkStatus.Resolved:
-      return _resolved.default;
+      return _resolved.TitleBlockResolvedViewNew;
     case _constants.SmartLinkStatus.Unauthorized:
     case _constants.SmartLinkStatus.Forbidden:
     case _constants.SmartLinkStatus.NotFound:
     case _constants.SmartLinkStatus.Errored:
     case _constants.SmartLinkStatus.Fallback:
     default:
-      return _errored.default;
+      return _errored.TitleBlockErroredViewNew;
   }
 };
 
@@ -60,11 +53,11 @@ var getTitleBlockViewComponent = function getTitleBlockViewComponent(status) {
  * @public
  * @param {TitleBlockProps} TitleBlockProps
  * @see Block
- * @see TitleBlockResolvingView
- * @see TitleBlockResolvedView
- * @see TitleBlockErroredView
+ * @see TitleBlockResolvingViewNew
+ * @see TitleBlockResolvedViewNew
+ * @see TitleBlockErroredViewNew
  */
-var TitleBlock = function TitleBlock(_ref) {
+var TitleBlockNew = function TitleBlockNew(_ref) {
   var _ref$actions = _ref.actions,
     actions = _ref$actions === void 0 ? [] : _ref$actions,
     anchorTarget = _ref.anchorTarget,
@@ -72,7 +65,6 @@ var TitleBlock = function TitleBlock(_ref) {
     maxLines = _ref.maxLines,
     onActionMenuOpenChange = _ref.onActionMenuOpenChange,
     onClick = _ref.onClick,
-    overrideCss = _ref.overrideCss,
     _ref$status = _ref.status,
     status = _ref$status === void 0 ? _constants.SmartLinkStatus.Fallback : _ref$status,
     showActionOnHover = _ref.showActionOnHover,
@@ -85,6 +77,7 @@ var TitleBlock = function TitleBlock(_ref) {
     metadataPosition = _ref.metadataPosition,
     _ref$hideIcon = _ref.hideIcon,
     hideIcon = _ref$hideIcon === void 0 ? false : _ref$hideIcon,
+    className = _ref.className,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   if (hideRetry && props.retry) {
     delete props.retry;
@@ -101,19 +94,16 @@ var TitleBlock = function TitleBlock(_ref) {
       });
     }
   }, [onActionMenuOpenChange]);
-  var actionGroup = actions.length > 0 && /*#__PURE__*/_react.default.createElement(_actionGroup.default, {
+  var actionGroup = actions.length > 0 && /*#__PURE__*/React.createElement(_actionGroup.default, {
     items: actions,
     visibleButtonsNum: showActionOnHover ? 1 : 2,
     onDropdownOpenChange: onDropdownOpenChange
   });
-  var actionStyles = getActionStyles(showActionOnHover, actionDropdownOpen);
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  var combinedCss = (0, _react2.css)(actionStyles, overrideCss);
   var overrideText = !!text ? {
     text: text
   } : {};
   var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
-  var title = /*#__PURE__*/_react.default.createElement(_elements.Title, (0, _extends2.default)({
+  var title = /*#__PURE__*/React.createElement(_elements.Title, (0, _extends2.default)({
     hideTooltip: hideTitleTooltip,
     maxLines: maxLines,
     onClick: onClick,
@@ -122,14 +112,25 @@ var TitleBlock = function TitleBlock(_ref) {
     theme: theme
   }, overrideText));
   var Component = getTitleBlockViewComponent(status);
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, props, {
-    actionGroup: actionGroup,
-    overrideCss: combinedCss,
+  return /*#__PURE__*/React.createElement("div", {
+    className: (0, _runtime.ax)([showActionOnHover && !actionDropdownOpen && "_1bfhidpf _wn5xkb7n _h157kb7n"])
+  }, /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, props, {
+    actionGroup: actionGroup
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
+    ,
+    className: className,
     testId: testId,
     title: title,
     metadataPosition: metadataPosition,
     hideIcon: hideIcon,
     icon: icon
-  }));
+  })));
+};
+var TitleBlock = function TitleBlock(props) {
+  if ((0, _platformFeatureFlags.fg)('bandicoots-compiled-migration-smartcard')) {
+    return /*#__PURE__*/React.createElement(TitleBlockNew, props);
+  } else {
+    return /*#__PURE__*/React.createElement(_TitleBlockOld.default, props);
+  }
 };
 var _default = exports.default = TitleBlock;

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

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@emotion/react");
+var _constants = require("../../../../../../constants");
+var _elements = require("../../../elements");
+var _block = _interopRequireDefault(require("../../block"));
+var _elementGroup = _interopRequireDefault(require("../../element-group"));
+var _utils = require("../../utils");
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"]; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+/**
+ * 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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var metadataElements = (0, _utils.renderElementItems)(metadata);
+  var subtitleElements = (0, _utils.renderElementItems)(subtitle);
+  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+    testId: "".concat(testId, "-resolved-view")
+  }), !hideIcon && /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
+    overrideIcon: icon,
+    position: position
+  }), /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+    direction: _constants.SmartLinkDirection.Vertical,
+    width: _constants.SmartLinkWidth.Flexible,
+    overrideCss: (0, _react2.css)({
+      gap: "var(--ds-space-050, 0.25rem)"
+    })
+  }, title, subtitleElements && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+    direction: _constants.SmartLinkDirection.Horizontal
+  }, subtitleElements)), metadataElements && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+    direction: _constants.SmartLinkDirection.Horizontal,
+    align: _constants.SmartLinkAlignment.Right,
+    position: metadataPosition !== null && metadataPosition !== void 0 ? metadataPosition : _constants.SmartLinkPosition.Center
+  }, metadataElements), actionGroup);
+};
+var _default = exports.default = TitleBlockResolvedView;

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

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

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

@@ -1,26 +1,34 @@
+/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
 "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;
+exports.default = exports.TitleBlockResolvedViewNew = void 0;
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@emotion/react");
 var _constants = require("../../../../../../constants");
 var _elements = require("../../../elements");
 var _block = _interopRequireDefault(require("../../block"));
-var _elementGroup = _interopRequireDefault(require("../../element-group"));
+var _elementGroup = require("../../element-group");
 var _utils = require("../../utils");
-var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"]; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var _TitleBlockResolvedViewOld = _interopRequireDefault(require("./TitleBlockResolvedViewOld"));
+var _excluded = ["actionGroup", "metadata", "position", "subtitle", "testId", "text", "icon", "title", "metadataPosition", "hideIcon"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var 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 = exports.TitleBlockResolvedViewNew = function TitleBlockResolvedViewNew(_ref) {
   var actionGroup = _ref.actionGroup,
     _ref$metadata = _ref.metadata,
     metadata = _ref$metadata === void 0 ? [] : _ref$metadata,
@@ -36,23 +44,23 @@ var TitleBlockResolvedView = function TitleBlockResolvedView(_ref) {
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var metadataElements = (0, _utils.renderElementItems)(metadata);
   var subtitleElements = (0, _utils.renderElementItems)(subtitle);
-  return /*#__PURE__*/_react.default.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
+  return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolved-view")
-  }), !hideIcon && /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
+  }), !hideIcon && /*#__PURE__*/React.createElement(_elements.LinkIcon, {
     overrideIcon: icon,
     position: position
-  }), /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+  }), /*#__PURE__*/React.createElement(_elementGroup.ElementGroupNew, {
     direction: _constants.SmartLinkDirection.Vertical,
     width: _constants.SmartLinkWidth.Flexible,
-    overrideCss: (0, _react2.css)({
-      gap: "var(--ds-space-050, 0.25rem)"
-    })
-  }, title, subtitleElements && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+    size: blockProps.size,
+    className: (0, _runtime.ax)(["_zulppdf9"])
+  }, title, subtitleElements && /*#__PURE__*/React.createElement(_elementGroup.ElementGroupNew, {
     direction: _constants.SmartLinkDirection.Horizontal
-  }, subtitleElements)), metadataElements && /*#__PURE__*/_react.default.createElement(_elementGroup.default, {
+  }, subtitleElements)), metadataElements && /*#__PURE__*/React.createElement(_elementGroup.ElementGroupNew, {
     direction: _constants.SmartLinkDirection.Horizontal,
     align: _constants.SmartLinkAlignment.Right,
-    position: metadataPosition !== null && metadataPosition !== void 0 ? metadataPosition : _constants.SmartLinkPosition.Center
+    position: metadataPosition !== null && metadataPosition !== void 0 ? metadataPosition : _constants.SmartLinkPosition.Center,
+    size: blockProps.size
   }, metadataElements), actionGroup);
 };
-var _default = exports.default = TitleBlockResolvedView;
+var _default = exports.default = _TitleBlockResolvedViewOld.default;

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

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = require("@emotion/react");
+var _constants = require("../../../../../../constants");
+var _loadingSkeleton = _interopRequireDefault(require("../../../common/loading-skeleton"));
+var _utils = require("../../../utils");
+var _block = _interopRequireDefault(require("../../block"));
+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
+/**
+ * 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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _blockProps$size = blockProps.size,
+    size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
+  var iconWidth = (0, _utils.getIconWidth)(size);
+  var iconStyles = (0, _utils.getIconSizeStyles)(iconWidth);
+  return (0, _react.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
+    testId: "".concat(testId, "-resolving-view")
+  }), !hideIcon &&
+  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
+  (0, _react.jsx)("span", {
+    css: iconStyles,
+    "data-testid": "".concat(testId, "-icon")
+  }, (0, _react.jsx)(_loadingSkeleton.default, {
+    testId: "".concat(testId, "-icon-loading")
+  })), title, actionGroup);
+};
+var _default = exports.default = TitleBlockResolvingView;

package/dist/cjs/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/cjs/view/FlexibleCard/components/blocks/title-block/resolving/index.js

@@ -1,30 +1,38 @@
+/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
 "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;
+exports.default = exports.TitleBlockResolvingViewNew = void 0;
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = require("@emotion/react");
 var _constants = require("../../../../../../constants");
 var _loadingSkeleton = _interopRequireDefault(require("../../../common/loading-skeleton"));
-var _utils = require("../../../utils");
 var _block = _interopRequireDefault(require("../../block"));
+var _TitleBlockResolvingViewOld = _interopRequireDefault(require("./TitleBlockResolvingViewOld"));
 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
+/* eslint-disable @atlaskit/ui-styling-standard/no-unsafe-values */
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var 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 = exports.TitleBlockResolvingViewNew = function TitleBlockResolvingViewNew(_ref) {
   var actionGroup = _ref.actionGroup,
     testId = _ref.testId,
     title = _ref.title,
@@ -32,17 +40,13 @@ var TitleBlockResolvingView = function TitleBlockResolvingView(_ref) {
     blockProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _blockProps$size = blockProps.size,
     size = _blockProps$size === void 0 ? _constants.SmartLinkSize.Medium : _blockProps$size;
-  var iconWidth = (0, _utils.getIconWidth)(size);
-  var iconStyles = (0, _utils.getIconSizeStyles)(iconWidth);
-  return (0, _react.jsx)(_block.default, (0, _extends2.default)({}, blockProps, {
+  return /*#__PURE__*/React.createElement(_block.default, (0, _extends2.default)({}, blockProps, {
     testId: "".concat(testId, "-resolving-view")
-  }), !hideIcon &&
-  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
-  (0, _react.jsx)("span", {
-    css: iconStyles,
-    "data-testid": "".concat(testId, "-icon")
-  }, (0, _react.jsx)(_loadingSkeleton.default, {
+  }), !hideIcon && /*#__PURE__*/React.createElement("span", {
+    "data-testid": "".concat(testId, "-icon"),
+    className: (0, _runtime.ax)([iconStyle[size]])
+  }, /*#__PURE__*/React.createElement(_loadingSkeleton.default, {
     testId: "".concat(testId, "-icon-loading")
   })), title, actionGroup);
 };
-var _default = exports.default = TitleBlockResolvingView;
+var _default = exports.default = _TitleBlockResolvingViewOld.default;

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

@@ -12,13 +12,15 @@ var _reactLoadable = _interopRequireDefault(require("react-loadable"));
 var _ = _interopRequireDefault(require("@atlaskit/icon-file-type/glyph/document/16"));
 var _2 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/blog/16"));
 var _logo = require("@atlaskit/logo");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../../../../../constants");
-var _importIconMapper;
+var _utils = require("../../../../../utils");
+var _importIconMapperOld;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // prettier-ignore
-var importIconMapper = (_importIconMapper = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Archive, function () {
+var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.Archive, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphArchive" */'@atlaskit/icon-file-type/glyph/archive/16'));
   });
@@ -58,7 +60,7 @@ var importIconMapper = (_importIconMapper = {}, (0, _defineProperty2.default)((0
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphGoogleForms" */'@atlaskit/icon-file-type/glyph/google-form/16'));
   });
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapper, _constants.IconType.GoogleSheets, function () {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.GoogleSheets, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphGoogleSheets" */'@atlaskit/icon-file-type/glyph/google-sheet/16'));
   });
@@ -98,7 +100,7 @@ var importIconMapper = (_importIconMapper = {}, (0, _defineProperty2.default)((0
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphSpreadsheet" */'@atlaskit/icon-file-type/glyph/spreadsheet/16'));
   });
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Template, function () {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.Template, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphTemplate" */'@atlaskit/icon/glyph/document-filled'));
   });
@@ -138,7 +140,7 @@ var importIconMapper = (_importIconMapper = {}, (0, _defineProperty2.default)((0
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphEpic" */'@atlaskit/icon-object/glyph/epic/16'));
   });
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Incident, function () {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.Incident, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphIncident" */'@atlaskit/icon-object/glyph/incident/16'));
   });
@@ -188,7 +190,7 @@ var importIconMapper = (_importIconMapper = {}, (0, _defineProperty2.default)((0
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphError" */'@atlaskit/icon/glyph/error'));
   });
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapper, _constants.IconType.Forbidden, function () {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.Forbidden, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphForbidden" */'@atlaskit/icon/glyph/lock-filled'));
   });
@@ -228,7 +230,7 @@ var importIconMapper = (_importIconMapper = {}, (0, _defineProperty2.default)((0
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphHigh" */'@atlaskit/icon-priority/glyph/priority-high'));
   });
-}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapper, _constants.IconType.PriorityHighest, function () {
+}), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.PriorityHighest, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphHighest" */'@atlaskit/icon-priority/glyph/priority-highest'));
   });
@@ -268,13 +270,16 @@ var importIconMapper = (_importIconMapper = {}, (0, _defineProperty2.default)((0
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphSubscriber" */'@atlaskit/icon/glyph/people'));
   });
-}), (0, _defineProperty2.default)(_importIconMapper, _constants.IconType.SubTasksProgress, function () {
+}), (0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.SubTasksProgress, function () {
   return Promise.resolve().then(function () {
     return _interopRequireWildcard(require( /* webpackChunkName: "glyphSubtaskProgress" */'@atlaskit/icon/glyph/subtask'));
   });
 }));
 var getIconImportFn = function getIconImportFn(icon) {
-  return importIconMapper[icon];
+  if ((0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration')) {
+    return (0, _utils.getLazyIcons)()[icon];
+  }
+  return importIconMapperOld[icon];
 };
 var importIcon = function importIcon(importFn) {
   return (0, _reactLoadable.default)({

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

@@ -1,32 +1,27 @@
-/* index.tsx generated by @compiled/babel-plugin v0.35.0 */
 "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 React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
+var _react = _interopRequireDefault(require("react"));
 var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
 var _loadingSkeleton = _interopRequireDefault(require("../loading-skeleton"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var ImageIcon = function ImageIcon(_ref) {
   var defaultIcon = _ref.defaultIcon,
     testId = _ref.testId,
     url = _ref.url,
     onError = _ref.onError,
     onLoad = _ref.onLoad;
-  return /*#__PURE__*/React.createElement(_reactRenderImage.default, {
+  return /*#__PURE__*/_react.default.createElement(_reactRenderImage.default, {
     src: url,
-    loading: /*#__PURE__*/React.createElement(_loadingSkeleton.default, {
+    loading: /*#__PURE__*/_react.default.createElement(_loadingSkeleton.default, {
       testId: "".concat(testId, "-loading")
     })
     // eslint-disable-next-line jsx-a11y/alt-text
     ,
-    loaded: /*#__PURE__*/React.createElement("img", {
+    loaded: /*#__PURE__*/_react.default.createElement("img", {
       src: url,
       "data-testid": "".concat(testId, "-image")
     }),

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

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "34.2.2",
+  packageVersion: "34.4.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');