@atlaskit/smart-card 36.13.2 → 36.15.0

package/dist/cjs/view/FlexibleCard/components/elements/icon/index.compiled.css

@@ -1,18 +1,9 @@
 ._11c8nbxd{font:var(--ds-font-heading-small,normal 600 1pc/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c8nf1z{font:var(--ds-font-heading-large,normal 500 24px/28px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._16jlidpf{flex-grow:0}
 ._18m915vq{overflow-y:hidden}
 ._18u0idpf{margin-left: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}
 ._19pkidpf{margin-top:0}
 ._1bah1h6o{justify-content:center}
-._1bsb1j6v{width:1rem}
-._1bsb1k8s{width:1.5rem}
-._1bsboqnp{width:.75rem}
-._1bsbviql{width:2rem}
 ._1btozryt{text-overflow:clip}
 ._1e0c1txw{display:flex}
 ._1e0ccj1k{display:-webkit-box}
@@ -20,74 +11,22 @@
 ._1kdcidpf span{margin-right:0}
 ._1m2uidpf span{padding-bottom:0}
 ._1nmz1hna{word-break:break-word}
-._1o9zidpf{flex-shrink:0}
 ._1oh2idpf span{padding-top:0}
 ._1reo15vq{overflow-x:hidden}
-._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}
 ._1ul91ns9{min-width:-moz-fit-content;min-width:fit-content}
-._1ul9oqnp{min-width:.75rem}
-._1ul9viql{min-width:2rem}
 ._1w2uidpf span{margin-left:0}
 ._1wpz1h6o{align-self:center}
 ._1wpz1y6m{align-self:flex-start}
-._1wyb1j6v{font-size:1rem}
-._1wyb1k8s{font-size:1.5rem}
-._1wyboqnp{font-size:.75rem}
-._1wybviql{font-size:2rem}
+._1xjx1osq span{height:100%}
 ._1yyjkb7n{-webkit-line-clamp:1}
 ._2hwxidpf{margin-right:0}
 ._3glyidpf span{margin-bottom:0}
 ._4cvr1h6o{align-items:center}
-._4t3i1j6v{height:1rem}
-._4t3i1k8s{height:1.5rem}
-._4t3ioqnp{height:.75rem}
-._4t3iviql{height:2rem}
-._5jw9idpf svg{padding-bottom:0}
-._7wy9idpf svg{padding-left:0}
 ._99ztidpf span{padding-right:0}
 ._9n9oidpf span{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}
+._e2oo1osq span{width:100%}
 ._e4km1q9y span{vertical-align:baseline}
-._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}
 ._otyridpf{margin-bottom:0}
-._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}
 ._sudpn7od{-webkit-box-orient:unset}
-._uhasidpf svg{padding-right:0}
-._vwz41j6v{line-height:1rem}
-._vwz41k8s{line-height:1.5rem}
-._vwz4oqnp{line-height:.75rem}
-._vwz4viql{line-height:2rem}
 ._y3gn1h6o{text-align:center}
-@supports not (-webkit-line-clamp:1){._102k1j6v{max-height:1rem}._102k1k8s{max-height:1.5rem}._102koqnp{max-height:.75rem}._102kptym{max-height:calc(var(--ds-space-200, 1pc)*1)}._102kviql{max-height:2rem}._102kz42d{max-height:calc(var(--ds-space-300, 24px)*1)}}
+@supports not (-webkit-line-clamp:1){._102kptym{max-height:calc(var(--ds-space-200, 1pc)*1)}._102kz42d{max-height:calc(var(--ds-space-300, 24px)*1)}}

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

@@ -33,35 +33,23 @@ var positionStyleMap = {
   center: "_1wpz1h6o",
   top: "_19pkidpf _2hwxidpf _otyridpf _18u0idpf _1wpz1y6m"
 };
-var iconStylesMapOld = {
-  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"
-};
-var customRenderStyleMapOld = {
-  xlarge: "_1reo15vq _18m915vq _1e0ccj1k _1nmz1hna _1yyjkb7n _vwz4viql _1wybviql _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kviql",
-  large: "_1reo15vq _18m915vq _1e0ccj1k _1nmz1hna _1yyjkb7n _vwz41k8s _1wyb1k8s _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102k1k8s",
-  medium: "_1reo15vq _18m915vq _1e0ccj1k _1nmz1hna _1yyjkb7n _vwz41j6v _1wyb1j6v _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102k1j6v",
-  small: "_1reo15vq _18m915vq _1e0ccj1k _1nmz1hna _1yyjkb7n _vwz4oqnp _1wyboqnp _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102koqnp"
-};
-var customRenderStyleMapNew = {
-  xlarge: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kz42d",
-  large: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kz42d",
-  medium: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kptym",
-  small: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _102kptym"
+var customRenderStyleMap = {
+  xlarge: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kz42d",
+  large: "_1reo15vq _18m915vq _11c8nf1z _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kz42d",
+  medium: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kptym",
+  small: "_1reo15vq _18m915vq _11c8nbxd _1e0ccj1k _1nmz1hna _1yyjkb7n _y3gn1h6o _1btozryt _sudpn7od _1ipkidpf _1kdcidpf _3glyidpf _1w2uidpf _1oh2idpf _99ztidpf _1m2uidpf _9n9oidpf _e4km1q9y _1xjx1osq _e2oo1osq _102kptym"
 };
 var renderAtlaskitIcon = function renderAtlaskitIcon(icon, testId) {
   var size = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : _constants.SmartLinkSize.Medium;
   if (icon) {
-    return /*#__PURE__*/React.createElement(_atlaskitIcon.default, (0, _extends2.default)({
+    return /*#__PURE__*/React.createElement(_atlaskitIcon.default, {
       icon: icon,
       testId: "".concat(testId, "-icon"),
       "aria-hidden": "true",
       label: "" // Since we already set aria-hidden="true", the label should be given an empty string
-    }, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && {
+      ,
       size: size
-    }));
+    });
   }
 };
 var renderDefaultIcon = function renderDefaultIcon(label, testId) {
@@ -79,8 +67,7 @@ var renderImageIcon = function renderImageIcon(defaultIcon, url, testId) {
     return /*#__PURE__*/React.createElement(_imageIcon.default, (0, _extends2.default)({
       defaultIcon: defaultIcon,
       testId: testId,
-      url: url
-    }, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && {
+      url: url,
       width: width,
       height: width
     }, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') && {
@@ -114,7 +101,7 @@ var Icon = function Icon(_ref) {
     appearance = _ref$appearance === void 0 ? 'square' : _ref$appearance;
   var element = (0, _react.useMemo)(function () {
     var defaultIcon = renderDefaultIcon(label, testId);
-    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? size : undefined, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') ? appearance : undefined) || renderAtlaskitIcon(icon, testId, (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? size : undefined) || defaultIcon;
+    return overrideIcon || (render === null || render === void 0 ? void 0 : render()) || renderImageIcon(defaultIcon, url, testId, size, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v2') ? appearance : undefined) || renderAtlaskitIcon(icon, testId, size) || defaultIcon;
   }, [label, testId, overrideIcon, render, url, size, appearance, icon]);
   var width = (0, _utils.getIconWidth)(size);
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') ? {} : (0, _defineProperty2.default)({}, 'data-fit-to-content', true), {
@@ -123,13 +110,13 @@ var Icon = function Icon(_ref) {
     "data-testid": testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
     ,
-    className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-v1') && styles.container, !(0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && iconStylesMapOld[size], positionStyleMap[position], render && !(0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && customRenderStyleMapOld[size], render && (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') && customRenderStyleMapNew[size], className])
-  }), (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(_compiled.Box, {
+    className: (0, _runtime.ax)([styles.container, positionStyleMap[position], render && customRenderStyleMap[size], className])
+  }), /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.iconWrapperStyle,
     style: {
       width: width,
       height: width
     }
-  }, element) : element);
+  }, element));
 };
 var _default = exports.default = Icon;

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

@@ -31,11 +31,15 @@ var Text = function Text(_ref) {
     name = _ref.name,
     className = _ref.className,
     _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId;
+    testId = _ref$testId === void 0 ? 'smart-element-text' : _ref$testId,
+    _ref$hideFormat = _ref.hideFormat,
+    hideFormat = _ref$hideFormat === void 0 ? false : _ref$hideFormat;
   if (!message && !content) {
     return null;
   }
   var dynamicCss = null;
+  var newContent = hideFormat && content ? content : (0, _utils.getFormattedMessage)(message) || content;
+  var oldContent = (0, _utils.getFormattedMessage)(message) || content;
   return /*#__PURE__*/React.createElement("span", {
     "data-separator": true,
     "data-smart-element": name,
@@ -48,6 +52,6 @@ var Text = function Text(_ref) {
       "--_1erfju8": (0, _runtime.ix)(maxLines),
       "--_ohw86c": (0, _runtime.ix)("calc(".concat(maxLines, " * 1rem)"))
     }
-  }, (0, _utils.getFormattedMessage)(message) || content);
+  }, (0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props') ? newContent : oldContent);
 };
 var _default = exports.default = Text;

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

@@ -238,6 +238,17 @@ var toDateTimeProps = function toDateTimeProps(type, dateString) {
   } : undefined;
 };
 var toFormattedTextProps = function toFormattedTextProps(descriptor, context) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    return context ? {
+      message: {
+        descriptor: descriptor,
+        values: {
+          context: context
+        }
+      },
+      content: context
+    } : undefined;
+  }
   return context ? {
     message: {
       descriptor: descriptor,

package/dist/cjs/view/FlexibleCard/components/utils.js

@@ -4,13 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sizeToButtonSpacing = exports.importIcon = exports.hasWhiteSpace = exports.getPrimitivesInlineSpaceBySize = exports.getMaxLines = exports.getMaxLineHeight = exports.getIconWidthOld = exports.getIconWidthNew = exports.getIconWidth = exports.getFormattedMessageAsString = exports.getFormattedMessage = void 0;
+exports.sizeToButtonSpacing = exports.importIcon = exports.hasWhiteSpace = exports.getPrimitivesInlineSpaceBySize = exports.getMaxLines = exports.getMaxLineHeight = exports.getIconWidth = exports.getFormattedMessageAsString = exports.getFormattedMessage = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _reactLoadable = _interopRequireDefault(require("react-loadable"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _constants = require("../../../constants");
 var sizeToButtonSpacing = exports.sizeToButtonSpacing = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.SmartLinkSize.Small, 'none'), _constants.SmartLinkSize.Medium, 'compact'), _constants.SmartLinkSize.Large, 'compact'), _constants.SmartLinkSize.XLarge, 'default');
 var getFormattedMessage = exports.getFormattedMessage = function getFormattedMessage(message) {
@@ -28,24 +27,7 @@ var getFormattedMessageAsString = exports.getFormattedMessageAsString = function
     context: context
   }) : '';
 };
-
-// TODO Delete when cleaning platform-smart-card-icon-migration
-var getIconWidthOld = exports.getIconWidthOld = function getIconWidthOld(size) {
-  switch (size) {
-    case _constants.SmartLinkSize.XLarge:
-      return '2rem';
-    case _constants.SmartLinkSize.Large:
-      return '1.5rem';
-    case _constants.SmartLinkSize.Medium:
-      return '1rem';
-    case _constants.SmartLinkSize.Small:
-    default:
-      return '.75rem';
-  }
-};
-
-// TODO Rename to getIconWidth when cleaning platform-smart-card-icon-migration
-var getIconWidthNew = exports.getIconWidthNew = function getIconWidthNew(size) {
+var getIconWidth = exports.getIconWidth = function getIconWidth(size) {
   switch (size) {
     case _constants.SmartLinkSize.XLarge:
     case _constants.SmartLinkSize.Large:
@@ -56,11 +38,6 @@ var getIconWidthNew = exports.getIconWidthNew = function getIconWidthNew(size) {
       return "var(--ds-space-200, 16px)";
   }
 };
-
-// TODO Delete when cleaning platform-smart-card-icon-migration
-var getIconWidth = exports.getIconWidth = function getIconWidth(size) {
-  return (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? getIconWidthNew(size) : getIconWidthOld(size);
-};
 var importIcon = exports.importIcon = function importIcon(importFn) {
   return (0, _reactLoadable.default)({
     loader: function loader() {

package/dist/cjs/view/FlexibleCard/external.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.toActionProps = exports.VoteCountElement = exports.ViewCountElement = exports.UnresolvedAction = exports.TitleElement = exports.TargetBranchElement = exports.SubscriberCountElement = exports.SubTasksProgressElement = exports.StoryPointsElement = exports.StateElement = exports.SourceBranchElement = exports.SnippetElement = exports.SentOnElement = exports.ReadTimeElement = exports.ReactCountElement = exports.ProviderElement = exports.ProgrammingLanguageElement = exports.PriorityElement = exports.PreviewElement = exports.PreviewAction = exports.OwnedByGroupElement = exports.OwnedByElement = exports.ModifiedOnElement = exports.ModifiedByElement = exports.LocationElement = exports.LinkIconElement = exports.LatestCommitElement = exports.FollowAction = exports.DueOnElement = exports.DownloadAction = exports.CustomAction = exports.CreatedOnElement = exports.CreatedByElement = exports.CopyLinkAction = exports.CommentCountElement = exports.CollaboratorGroupElement = exports.ChecklistProgressElement = exports.AuthorGroupElement = exports.AttachmentCountElement = exports.AssignedToGroupElement = exports.AssignedToElement = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _constants = require("../../constants");
 var _actions = require("./components/actions");
 var _elements = require("./components/elements");
 /**
@@ -52,8 +54,14 @@ var DueOnElement = exports.DueOnElement = function DueOnElement() {
 var LatestCommitElement = exports.LatestCommitElement = function LatestCommitElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.LatestCommit, null);
 };
-var LinkIconElement = exports.LinkIconElement = function LinkIconElement() {
-  return /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, null);
+var LinkIconElement = exports.LinkIconElement = function LinkIconElement(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(_elements.LinkIcon, {
+    size: (props === null || props === void 0 ? void 0 : props.iconTileSize) === 24 ? _constants.SmartLinkSize.Large : _constants.SmartLinkSize.Medium,
+    render: props === null || props === void 0 ? void 0 : props.render
+  });
 };
 var LocationElement = exports.LocationElement = function LocationElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.Location, null);
@@ -61,10 +69,20 @@ var LocationElement = exports.LocationElement = function LocationElement() {
 var ModifiedByElement = exports.ModifiedByElement = function ModifiedByElement() {
   return /*#__PURE__*/_react.default.createElement(_elements.ModifiedBy, null);
 };
-var ModifiedOnElement = exports.ModifiedOnElement = function ModifiedOnElement() {
+var ModifiedOnElement = exports.ModifiedOnElement = function ModifiedOnElement(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/_react.default.createElement(_elements.ModifiedOn, {
+      hideDatePrefix: props === null || props === void 0 ? void 0 : props.hideDatePrefix
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_elements.ModifiedOn, null);
 };
-var OwnedByElement = exports.OwnedByElement = function OwnedByElement() {
+var OwnedByElement = exports.OwnedByElement = function OwnedByElement(props) {
+  if ((0, _platformFeatureFlags.fg)('platform-linking-additional-flexible-element-props')) {
+    return /*#__PURE__*/_react.default.createElement(_elements.OwnedBy, {
+      hideFormat: props === null || props === void 0 ? void 0 : props.hidePrefix
+    });
+  }
   return /*#__PURE__*/_react.default.createElement(_elements.OwnedBy, null);
 };
 var OwnedByGroupElement = exports.OwnedByGroupElement = function OwnedByGroupElement() {

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -220,9 +220,10 @@ var HoverCardComponent = exports.HoverCardComponent = function HoverCardComponen
       onMouseMove: setMousePosition,
       onClick: onChildClick,
       onContextMenu: onContextMenuClick,
-      "data-testid": "hover-card-trigger-wrapper",
-      "aria-label": showLabel ? formatMessage(_messages.messages.more_information_about_this_work_item) : undefined
-    }, (0, _platformFeatureFlags.fg)('fix_a11y_violation_in_hover_card_trigger') ? {
+      "data-testid": "hover-card-trigger-wrapper"
+    }, !(0, _platformFeatureFlags.fg)('platform_bandicoots-smart-card-disable-aria') ? {
+      'aria-label': showLabel ? formatMessage(_messages.messages.more_information_about_this_work_item) : undefined
+    } : {}, (0, _platformFeatureFlags.fg)('fix_a11y_violation_in_hover_card_trigger') ? {
       role: 'button'
     } : {}), children));
   }, [children, initHideCard, initShowCard, onChildClick, onContextMenuClick, setMousePosition, formatMessage, showLabel]);

package/dist/cjs/view/InlineCard/ResolvedView/index.js

@@ -80,13 +80,14 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
         type: type
       })), this.renderLozenge());
       if (showHoverPreview && link) {
-        return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, {
+        return /*#__PURE__*/_react.default.createElement(_HoverCard.HoverCard, (0, _extends2.default)({
           id: id,
           url: link,
           actionOptions: actionOptions,
-          hoverPreviewOptions: hoverPreviewOptions,
+          hoverPreviewOptions: hoverPreviewOptions
+        }, !(0, _platformFeatureFlags.fg)('platform_bandicoots-smart-card-disable-aria') ? {
           showLabel: false
-        }, inlineCardResolvedView);
+        } : {}), inlineCardResolvedView);
       }
       return inlineCardResolvedView;
     }

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: "36.13.2",
+  packageVersion: "36.15.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/common/ui/icons/angle-brackets-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/source-code/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/source-code/24';
 import AngleBracketsIcon from '@atlaskit/icon/core/angle-brackets';
-import { renderIconTile } from './utils';
-const AngleBracketsIconWithColor = renderIconTile(AngleBracketsIcon, 'blueBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const AngleBracketsIconWithColor = renderIconTile(AngleBracketsIcon, 'blueBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 AngleBracketsIconWithColor.displayName = 'AngleBracketsIconWithColor';
 export default AngleBracketsIconWithColor;

package/dist/es2019/common/ui/icons/audio-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/audio/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/audio/24';
 import AudioIcon from '@atlaskit/icon/core/audio';
-import { renderIconTile } from './utils';
-const AudioIconWithColor = renderIconTile(AudioIcon, 'redBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const AudioIconWithColor = renderIconTile(AudioIcon, 'redBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 AudioIconWithColor.displayName = 'AudioIconWithColor';
 export default AudioIconWithColor;

package/dist/es2019/common/ui/icons/chart-bar-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/presentation/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/presentation/24';
 import ChartBarIcon from '@atlaskit/icon/core/chart-bar';
-import { renderIconTile } from './utils';
-const ChartBarIconWithColor = renderIconTile(ChartBarIcon, 'purpleBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const ChartBarIconWithColor = renderIconTile(ChartBarIcon, 'purpleBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 ChartBarIconWithColor.displayName = 'ChartBarIconWithColor';
 export default ChartBarIconWithColor;

package/dist/es2019/common/ui/icons/file-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/generic/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/generic/24';
 import FileIcon from '@atlaskit/icon/core/file';
-import { renderIconTile } from './utils';
-const FileIconWithColor = renderIconTile(FileIcon, 'grayBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const FileIconWithColor = renderIconTile(FileIcon, 'grayBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 FileIconWithColor.displayName = 'FileIconWithColor';
 export default FileIconWithColor;

package/dist/es2019/common/ui/icons/folder-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/folder/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/folder/24';
 import FolderClosedIcon from '@atlaskit/icon/core/folder-closed';
-import { renderIconTile } from './utils';
-const FolderClosedIconWithColor = renderIconTile(FolderClosedIcon, 'blueBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const FolderClosedIconWithColor = renderIconTile(FolderClosedIcon, 'blueBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 FolderClosedIconWithColor.displayName = 'FolderClosedIconWithColor';
 export default FolderClosedIconWithColor;

package/dist/es2019/common/ui/icons/image-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/image/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/image/24';
 import ImageIcon from '@atlaskit/icon/core/image';
-import { renderIconTile } from './utils';
-const ImageIconWithColor = renderIconTile(ImageIcon, 'yellowBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const ImageIconWithColor = renderIconTile(ImageIcon, 'yellowBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 ImageIconWithColor.displayName = 'ImageIconWithColor';
 export default ImageIconWithColor;

package/dist/es2019/common/ui/icons/list-bullet-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/spreadsheet/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/spreadsheet/24';
 import ListBulletedIcon from '@atlaskit/icon/core/list-bulleted';
-import { renderIconTile } from './utils';
-const ListBulletedIconWithColor = renderIconTile(ListBulletedIcon, 'greenBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const ListBulletedIconWithColor = renderIconTile(ListBulletedIcon, 'greenBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 ListBulletedIconWithColor.displayName = 'ListBulletedIconWithColor';
 export default ListBulletedIconWithColor;

package/dist/es2019/common/ui/icons/page-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/document/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/document/24';
 import PageIcon from '@atlaskit/icon/core/page';
-import { renderIconTile } from './utils';
-const PageIconWithColor = renderIconTile(PageIcon, 'blueBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const PageIconWithColor = renderIconTile(PageIcon, 'blueBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 PageIconWithColor.displayName = 'PageIconWithColor';
 export default PageIconWithColor;

package/dist/es2019/common/ui/icons/utils.js

@@ -33,7 +33,9 @@ export const renderIconTile = (Icon, appearance, LegacyIcon) => {
       icon: Icon,
       size: transformSmartLinkSizeToIconTileSize(size)
     }, props, {
-      LEGACY_fallbackComponent: LegacyIcon && /*#__PURE__*/React.createElement(LegacyIcon, props)
+      LEGACY_fallbackComponent: LegacyIcon && /*#__PURE__*/React.createElement(LegacyIcon, _extends({}, props, {
+        size: size
+      }))
     }));
   };
 };

package/dist/es2019/common/ui/icons/video-icon.js

@@ -1,6 +1,7 @@
 import LegacyIcon from '@atlaskit/icon-file-type/glyph/video/16';
+import LegacyIconLarge from '@atlaskit/icon-file-type/glyph/video/24';
 import VideoIcon from '@atlaskit/icon/core/video';
-import { renderIconTile } from './utils';
-const VideoIconWithColor = renderIconTile(VideoIcon, 'redBold', LegacyIcon);
+import { renderIconPerSize, renderIconTile } from './utils';
+const VideoIconWithColor = renderIconTile(VideoIcon, 'redBold', renderIconPerSize(LegacyIcon, LegacyIconLarge));
 VideoIconWithColor.displayName = 'VideoIconWithColor';
 export default VideoIconWithColor;

package/dist/es2019/messages.js

@@ -354,6 +354,9 @@ export const messages = defineMessages({
     defaultMessage: 'More actions',
     description: 'Allows the users to see more link actions'
   },
+  /**
+   * @deprecated remove when cleaning up FG platform_bandicoots-smart-card-disable-aria
+   */
   more_information_about_this_work_item: {
     id: 'fabric.linking.more_information_about_this_work_item',
     defaultMessage: 'More information about this work item',

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "36.13.2"
+  packageVersion: "36.15.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { SmartLinkSize } from '../../../../../../constants';
 import { LoadingSkeleton } from '../../../common/loading-skeleton';
-import { getIconWidthNew } from '../../../utils';
+import { getIconWidth } from '../../../utils';
 import Block from '../../block';
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
@@ -21,7 +21,7 @@ const TitleBlockResolvingView = ({
   const {
     size = SmartLinkSize.Medium
   } = blockProps;
-  const iconWidth = getIconWidthNew(size);
+  const iconWidth = getIconWidth(size);
   return /*#__PURE__*/React.createElement(Block, _extends({}, blockProps, {
     testId: `${testId}-resolving-view`
   }), !hideIcon && /*#__PURE__*/React.createElement("span", {