@atlaskit/smart-card 28.3.0 → 28.4.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/smart-card
 
+## 28.4.0
+
+### Minor Changes
+
+- [#147041](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/147041)
+  [`d0989d8277f3f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d0989d8277f3f) -
+  Clean up inline icon size FF
+
+## 28.3.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.3.0
 
 ### Minor Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -22,7 +22,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "28.3.0"
+  packageVersion: "28.4.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/InlineCard/Icon.js

@@ -4,10 +4,9 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Shimmer = exports.IconResized = exports.Icon = exports.AKIconWrapper = void 0;
+exports.Shimmer = exports.Icon = exports.AKIconWrapper = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _linkingCommon = require("@atlaskit/linking-common");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _react = _interopRequireDefault(require("react"));
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
@@ -18,19 +17,6 @@ var _react = _interopRequireDefault(require("react"));
 // to position it with appropriate whitespace from the top.
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var Icon = exports.Icon = _styled.default.img({
-  height: '14px',
-  width: '14px',
-  marginRight: "var(--ds-space-050, 4px)",
-  borderRadius: '2px',
-  userSelect: 'none',
-  position: 'absolute',
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var IconResized = exports.IconResized = _styled.default.img({
   height: '16px',
   width: '16px',
   marginRight: "var(--ds-space-050, 4px)",
@@ -61,8 +47,8 @@ var Shimmer = exports.Shimmer = function Shimmer(_ref) {
     marginRight: "var(--ds-space-050, 4px)"
   };
   return /*#__PURE__*/_react.default.createElement(_linkingCommon.SpanSkeleton, {
-    width: (0, _platformFeatureFlags.fg)('linking-platform-increase-inline-card-icon-size') ? 16 : 14,
-    height: (0, _platformFeatureFlags.fg)('linking-platform-increase-inline-card-icon-size') ? 16 : 14,
+    width: 16,
+    height: 16,
     borderRadius: 2,
     testId: testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

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

@@ -18,7 +18,6 @@ var _Icon = require("../Icon");
 var _styled = require("./styled");
 var _link = _interopRequireDefault(require("@atlaskit/icon/core/migration/link"));
 var _styled2 = require("../styled");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var IconAndTitleLayout = exports.IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
@@ -59,12 +58,12 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = /*#__PURE__*/function (_Re
         icon = _this$props.icon,
         emoji = _this$props.emoji;
       if (emoji) {
-        return (0, _platformFeatureFlags.fg)('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/_react.default.createElement(_styled.EmojiWrapperResized, null, emoji) : /*#__PURE__*/_react.default.createElement(_styled.EmojiWrapper, null, emoji);
+        return /*#__PURE__*/_react.default.createElement(_styled.EmojiWrapper, null, emoji);
       }
       if (!icon || typeof icon === 'string') {
         return null;
       }
-      return (0, _platformFeatureFlags.fg)('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/_react.default.createElement(_styled.IconWrapperResized, null, icon) : /*#__PURE__*/_react.default.createElement(_styled.IconWrapper, null, icon);
+      return /*#__PURE__*/_react.default.createElement(_styled.IconWrapper, null, icon);
     }
   }, {
     key: "renderImageIcon",
@@ -73,22 +72,15 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = /*#__PURE__*/function (_Re
       if (!url || typeof url !== 'string') {
         return null;
       }
-      var icon = (0, _platformFeatureFlags.fg)('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/_react.default.createElement(_Icon.IconResized
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      , {
-        className: "smart-link-icon",
-        src: url,
-        "data-testid": "".concat(testId, "-image")
-      }) : /*#__PURE__*/_react.default.createElement(_Icon.Icon
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      , {
-        className: "smart-link-icon",
-        src: url,
-        "data-testid": "".concat(testId, "-image")
-      });
       return /*#__PURE__*/_react.default.createElement(_reactRenderImage.default, {
         src: url,
-        loaded: icon,
+        loaded: /*#__PURE__*/_react.default.createElement(_Icon.Icon
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        , {
+          className: "smart-link-icon",
+          src: url,
+          "data-testid": "".concat(testId, "-image")
+        }),
         errored: errored,
         loading: /*#__PURE__*/_react.default.createElement(_Icon.Shimmer, {
           testId: "".concat(testId, "-loading")
@@ -102,14 +94,7 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = /*#__PURE__*/function (_Re
       if (defaultIcon) {
         return /*#__PURE__*/_react.default.createElement(_styled.IconWrapper, null, defaultIcon);
       }
-      return (0, _platformFeatureFlags.fg)('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/_react.default.createElement(_styled.IconWrapperResized, {
-        "data-testid": "".concat(testId, "-default")
-      }, /*#__PURE__*/_react.default.createElement(_link.default, {
-        label: "link",
-        LEGACY_size: "small",
-        testId: "".concat(testId, "-default"),
-        color: "currentColor"
-      })) : /*#__PURE__*/_react.default.createElement(_styled.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_link.default, {
+      return /*#__PURE__*/_react.default.createElement(_styled.IconWrapper, null, /*#__PURE__*/_react.default.createElement(_link.default, {
         label: "link",
         LEGACY_size: "small",
         testId: "".concat(testId, "-default"),
@@ -143,12 +128,11 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = /*#__PURE__*/function (_Re
         rightSide = _this$props2.rightSide,
         _this$props2$testId = _this$props2.testId,
         testId = _this$props2$testId === void 0 ? 'inline-card-icon-and-title' : _this$props2$testId;
-      var iconPart = (0, _platformFeatureFlags.fg)('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/_react.default.createElement(_styled.IconPositionWrapper, {
+      var titlePart = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconPositionWrapper, {
         "data-testid": "icon-position-wrapper"
-      }, children || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconEmptyWrapperResized, {
+      }, children || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconEmptyWrapper, {
         "data-testid": "icon-empty-wrapper"
-      }), this.renderIcon(testId))) : /*#__PURE__*/_react.default.createElement(_styled.IconPositionWrapper, null, children || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconEmptyWrapper, null), this.renderIcon(testId)));
-      var titlePart = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconPart, /*#__PURE__*/_react.default.createElement(_styled.TitleWrapper
+      }), this.renderIcon(testId))), /*#__PURE__*/_react.default.createElement(_styled.TitleWrapper
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       , {
         style: {

package/dist/cjs/view/InlineCard/IconAndTitleLayout/styled.js

@@ -4,51 +4,34 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TitleWrapperClassName = exports.TitleWrapper = exports.RightIconPositionWrapper = exports.LozengeWrapper = exports.IconWrapperResized = exports.IconWrapper = exports.IconTitleWrapper = exports.IconPositionWrapper = exports.IconOverridesResized = exports.IconOverrides = exports.IconObjectOverridesResized = exports.IconObjectOverrides = exports.IconEmptyWrapperResized = exports.IconEmptyWrapper = exports.EmojiWrapperResized = exports.EmojiWrapper = void 0;
+exports.TitleWrapperClassName = exports.TitleWrapper = exports.RightIconPositionWrapper = exports.LozengeWrapper = exports.IconWrapper = exports.IconTitleWrapper = exports.IconPositionWrapper = exports.IconOverrides = exports.IconObjectOverrides = exports.IconEmptyWrapper = exports.EmojiWrapper = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-// TODO: remove this override behaviour for @atlaskit/icon-object
-// Replace with IconObjectOverridesResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
-var IconObjectOverrides = exports.IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-
-// TODO: remove this override behaviour for @atlaskit/icon
-// Replace with IconOverridesResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
-var IconOverrides = exports.IconOverrides = "\n\n  & > * > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-
 // Wraps all icons represented in Inline Links. Icons have three sources/types:
 // - JSON-LD: from the generator.icon property coming back from ORS.
 // - @atlaskit/icon: for lock icons, unauthorized, etc.
 // - @atlaskit/icon-object: for object icons, e.g. repository, branch, etc.
 // NB: the first set of overrides style icons imported from @atlaskit/icon-object correctly.
 // NB: the second set of overrides style icons imported from @atlaskit/icon correctly.
-// Replace with IconWrapperResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var IconWrapper = exports.IconWrapper = _styled.default.span({
-  userSelect: 'none'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconOverrides,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconObjectOverrides);
 
 // TODO: remove this override behaviour for @atlaskit/icon-object
-var IconObjectOverridesResized = exports.IconObjectOverridesResized = "\n  & > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+var IconObjectOverrides = exports.IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
 
 // TODO: remove this override behaviour for @atlaskit/icon
-var IconOverridesResized = exports.IconOverridesResized = "\n  & > * > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+var IconOverrides = exports.IconOverrides = "\n  & > * > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var IconWrapperResized = exports.IconWrapperResized = _styled.default.span({
+var IconWrapper = exports.IconWrapper = _styled.default.span({
   userSelect: 'none'
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconOverridesResized,
+IconOverrides,
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconObjectOverridesResized);
+IconObjectOverrides);
 
 // Wraps all emoji in Inline Links similar to icon
-// Replace with EmojiWrapperResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var EmojiWrapper = exports.EmojiWrapper = _styled.default.span({
   display: 'inline-block',
@@ -60,17 +43,6 @@ IconOverrides,
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 IconObjectOverrides);
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var EmojiWrapperResized = exports.EmojiWrapperResized = _styled.default.span({
-  display: 'inline-block',
-  marginRight: "var(--ds-space-025, 2px)",
-  userSelect: 'none'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconOverridesResized,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconObjectOverridesResized);
-
 // The main 'wrapping' element, title of the content.
 // NB: `white-space` adds little whitespace before wrapping.
 // NB: `word-break` line breaks as soon as an overflow takes place.
@@ -107,17 +79,8 @@ var IconPositionWrapper = exports.IconPositionWrapper = _styled.default.span({
   display: 'inline-block'
 });
 
-// Replace with IconEmptyWrapperResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 var IconEmptyWrapper = exports.IconEmptyWrapper = _styled.default.span({
-  width: '14px',
-  height: '100%',
-  display: 'inline-block',
-  opacity: 0
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-var IconEmptyWrapperResized = exports.IconEmptyWrapperResized = _styled.default.span({
   width: '16px',
   height: '100%',
   display: 'inline-block',

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

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

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

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

package/dist/es2019/view/InlineCard/Icon.js

@@ -1,7 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { SpanSkeleton } from '@atlaskit/linking-common';
-import { fg } from '@atlaskit/platform-feature-flags';
 import React from 'react';
 
 // TODO: Figure out a more scalable/responsive solution
@@ -11,19 +10,6 @@ import React from 'react';
 // to position it with appropriate whitespace from the top.
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const Icon = styled.img({
-  height: '14px',
-  width: '14px',
-  marginRight: "var(--ds-space-050, 4px)",
-  borderRadius: '2px',
-  userSelect: 'none',
-  position: 'absolute',
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const IconResized = styled.img({
   height: '16px',
   width: '16px',
   marginRight: "var(--ds-space-050, 4px)",
@@ -55,8 +41,8 @@ export const Shimmer = ({
     marginRight: "var(--ds-space-050, 4px)"
   };
   return /*#__PURE__*/React.createElement(SpanSkeleton, {
-    width: fg('linking-platform-increase-inline-card-icon-size') ? 16 : 14,
-    height: fg('linking-platform-increase-inline-card-icon-size') ? 16 : 14,
+    width: 16,
+    height: 16,
     borderRadius: 2,
     testId: testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.js

@@ -1,11 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import ImageLoader from 'react-render-image';
-import { Icon, IconResized, Shimmer } from '../Icon';
-import { IconEmptyWrapper, IconPositionWrapper, IconTitleWrapper, IconWrapper, TitleWrapper, EmojiWrapper, TitleWrapperClassName, IconEmptyWrapperResized, IconWrapperResized, EmojiWrapperResized } from './styled';
+import { Icon, Shimmer } from '../Icon';
+import { IconEmptyWrapper, IconPositionWrapper, IconTitleWrapper, IconWrapper, TitleWrapper, EmojiWrapper, TitleWrapperClassName } from './styled';
 import LinkIcon from '@atlaskit/icon/core/migration/link';
 import { LinkAppearance, NoLinkAppearance } from '../styled';
-import { fg } from '@atlaskit/platform-feature-flags';
 export class IconAndTitleLayout extends React.Component {
   constructor(...args) {
     super(...args);
@@ -39,12 +38,12 @@ export class IconAndTitleLayout extends React.Component {
       emoji
     } = this.props;
     if (emoji) {
-      return fg('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/React.createElement(EmojiWrapperResized, null, emoji) : /*#__PURE__*/React.createElement(EmojiWrapper, null, emoji);
+      return /*#__PURE__*/React.createElement(EmojiWrapper, null, emoji);
     }
     if (!icon || typeof icon === 'string') {
       return null;
     }
-    return fg('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/React.createElement(IconWrapperResized, null, icon) : /*#__PURE__*/React.createElement(IconWrapper, null, icon);
+    return /*#__PURE__*/React.createElement(IconWrapper, null, icon);
   }
   renderImageIcon(errored, testId) {
     const {
@@ -53,22 +52,15 @@ export class IconAndTitleLayout extends React.Component {
     if (!url || typeof url !== 'string') {
       return null;
     }
-    const icon = fg('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/React.createElement(IconResized
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    , {
-      className: "smart-link-icon",
-      src: url,
-      "data-testid": `${testId}-image`
-    }) : /*#__PURE__*/React.createElement(Icon
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    , {
-      className: "smart-link-icon",
-      src: url,
-      "data-testid": `${testId}-image`
-    });
     return /*#__PURE__*/React.createElement(ImageLoader, {
       src: url,
-      loaded: icon,
+      loaded: /*#__PURE__*/React.createElement(Icon
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      , {
+        className: "smart-link-icon",
+        src: url,
+        "data-testid": `${testId}-image`
+      }),
       errored: errored,
       loading: /*#__PURE__*/React.createElement(Shimmer, {
         testId: `${testId}-loading`
@@ -82,14 +74,7 @@ export class IconAndTitleLayout extends React.Component {
     if (defaultIcon) {
       return /*#__PURE__*/React.createElement(IconWrapper, null, defaultIcon);
     }
-    return fg('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/React.createElement(IconWrapperResized, {
-      "data-testid": `${testId}-default`
-    }, /*#__PURE__*/React.createElement(LinkIcon, {
-      label: "link",
-      LEGACY_size: "small",
-      testId: `${testId}-default`,
-      color: "currentColor"
-    })) : /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(LinkIcon, {
+    return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(LinkIcon, {
       label: "link",
       LEGACY_size: "small",
       testId: `${testId}-default`,
@@ -119,12 +104,11 @@ export class IconAndTitleLayout extends React.Component {
       rightSide,
       testId = 'inline-card-icon-and-title'
     } = this.props;
-    const iconPart = fg('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/React.createElement(IconPositionWrapper, {
+    const titlePart = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconPositionWrapper, {
       "data-testid": "icon-position-wrapper"
-    }, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapperResized, {
+    }, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapper, {
       "data-testid": "icon-empty-wrapper"
-    }), this.renderIcon(testId))) : /*#__PURE__*/React.createElement(IconPositionWrapper, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapper, null), this.renderIcon(testId)));
-    const titlePart = /*#__PURE__*/React.createElement(React.Fragment, null, iconPart, /*#__PURE__*/React.createElement(TitleWrapper
+    }), this.renderIcon(testId))), /*#__PURE__*/React.createElement(TitleWrapper
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
     , {
       style: {

package/dist/es2019/view/InlineCard/IconAndTitleLayout/styled.js

@@ -1,60 +1,15 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
-// TODO: remove this override behaviour for @atlaskit/icon-object
-// Replace with IconObjectOverridesResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
-export const IconObjectOverrides = `
-  & > span {
-    height: 16px;
-    width: 14px;
-    position: absolute;
-    top: 3px;
-    left: 0;
-    line-height: 14px;
-    & > svg {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-`;
-
-// TODO: remove this override behaviour for @atlaskit/icon
-// Replace with IconOverridesResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
-export const IconOverrides = `
-
-  & > * > span {
-    height: 16px;
-    width: 14px;
-    position: absolute;
-    left: 0;
-    & > svg {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-  }
-`;
-
 // Wraps all icons represented in Inline Links. Icons have three sources/types:
 // - JSON-LD: from the generator.icon property coming back from ORS.
 // - @atlaskit/icon: for lock icons, unauthorized, etc.
 // - @atlaskit/icon-object: for object icons, e.g. repository, branch, etc.
 // NB: the first set of overrides style icons imported from @atlaskit/icon-object correctly.
 // NB: the second set of overrides style icons imported from @atlaskit/icon correctly.
-// Replace with IconWrapperResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const IconWrapper = styled.span({
-  userSelect: 'none'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconOverrides,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconObjectOverrides);
 
 // TODO: remove this override behaviour for @atlaskit/icon-object
-export const IconObjectOverridesResized = `
+export const IconObjectOverrides = `
   & > span {
     height: 16px;
     width: 16px;
@@ -71,7 +26,7 @@ export const IconObjectOverridesResized = `
 `;
 
 // TODO: remove this override behaviour for @atlaskit/icon
-export const IconOverridesResized = `
+export const IconOverrides = `
   & > * > span {
     height: 16px;
     width: 16px;
@@ -87,16 +42,15 @@ export const IconOverridesResized = `
 `;
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const IconWrapperResized = styled.span({
+export const IconWrapper = styled.span({
   userSelect: 'none'
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconOverridesResized,
+IconOverrides,
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconObjectOverridesResized);
+IconObjectOverrides);
 
 // Wraps all emoji in Inline Links similar to icon
-// Replace with EmojiWrapperResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const EmojiWrapper = styled.span({
   display: 'inline-block',
@@ -108,17 +62,6 @@ IconOverrides,
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 IconObjectOverrides);
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const EmojiWrapperResized = styled.span({
-  display: 'inline-block',
-  marginRight: "var(--ds-space-025, 2px)",
-  userSelect: 'none'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconOverridesResized,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconObjectOverridesResized);
-
 // The main 'wrapping' element, title of the content.
 // NB: `white-space` adds little whitespace before wrapping.
 // NB: `word-break` line breaks as soon as an overflow takes place.
@@ -155,17 +98,8 @@ export const IconPositionWrapper = styled.span({
   display: 'inline-block'
 });
 
-// Replace with IconEmptyWrapperResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export const IconEmptyWrapper = styled.span({
-  width: '14px',
-  height: '100%',
-  display: 'inline-block',
-  opacity: 0
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const IconEmptyWrapperResized = styled.span({
   width: '16px',
   height: '100%',
   display: 'inline-block',

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

@@ -7,7 +7,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "28.3.0",
+  packageVersion: "28.4.0",
   componentName: 'linkUrl'
 };
 const Link = withLinkClickedEvent('a');

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

@@ -15,7 +15,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "28.3.0"
+  packageVersion: "28.4.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/InlineCard/Icon.js

@@ -1,7 +1,6 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
 import { SpanSkeleton } from '@atlaskit/linking-common';
-import { fg } from '@atlaskit/platform-feature-flags';
 import React from 'react';
 
 // TODO: Figure out a more scalable/responsive solution
@@ -11,19 +10,6 @@ import React from 'react';
 // to position it with appropriate whitespace from the top.
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var Icon = styled.img({
-  height: '14px',
-  width: '14px',
-  marginRight: "var(--ds-space-050, 4px)",
-  borderRadius: '2px',
-  userSelect: 'none',
-  position: 'absolute',
-  top: '50%',
-  left: '50%',
-  transform: 'translate(-50%, -50%)'
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var IconResized = styled.img({
   height: '16px',
   width: '16px',
   marginRight: "var(--ds-space-050, 4px)",
@@ -54,8 +40,8 @@ export var Shimmer = function Shimmer(_ref) {
     marginRight: "var(--ds-space-050, 4px)"
   };
   return /*#__PURE__*/React.createElement(SpanSkeleton, {
-    width: fg('linking-platform-increase-inline-card-icon-size') ? 16 : 14,
-    height: fg('linking-platform-increase-inline-card-icon-size') ? 16 : 14,
+    width: 16,
+    height: 16,
     borderRadius: 2,
     testId: testId
     // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766

package/dist/esm/view/InlineCard/IconAndTitleLayout/index.js

@@ -9,11 +9,10 @@ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import ImageLoader from 'react-render-image';
-import { Icon, IconResized, Shimmer } from '../Icon';
-import { IconEmptyWrapper, IconPositionWrapper, IconTitleWrapper, IconWrapper, TitleWrapper, EmojiWrapper, TitleWrapperClassName, IconEmptyWrapperResized, IconWrapperResized, EmojiWrapperResized } from './styled';
+import { Icon, Shimmer } from '../Icon';
+import { IconEmptyWrapper, IconPositionWrapper, IconTitleWrapper, IconWrapper, TitleWrapper, EmojiWrapper, TitleWrapperClassName } from './styled';
 import LinkIcon from '@atlaskit/icon/core/migration/link';
 import { LinkAppearance, NoLinkAppearance } from '../styled';
-import { fg } from '@atlaskit/platform-feature-flags';
 export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
   _inherits(IconAndTitleLayout, _React$Component);
   var _super = _createSuper(IconAndTitleLayout);
@@ -52,12 +51,12 @@ export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
         icon = _this$props.icon,
         emoji = _this$props.emoji;
       if (emoji) {
-        return fg('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/React.createElement(EmojiWrapperResized, null, emoji) : /*#__PURE__*/React.createElement(EmojiWrapper, null, emoji);
+        return /*#__PURE__*/React.createElement(EmojiWrapper, null, emoji);
       }
       if (!icon || typeof icon === 'string') {
         return null;
       }
-      return fg('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/React.createElement(IconWrapperResized, null, icon) : /*#__PURE__*/React.createElement(IconWrapper, null, icon);
+      return /*#__PURE__*/React.createElement(IconWrapper, null, icon);
     }
   }, {
     key: "renderImageIcon",
@@ -66,22 +65,15 @@ export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
       if (!url || typeof url !== 'string') {
         return null;
       }
-      var icon = fg('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/React.createElement(IconResized
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      , {
-        className: "smart-link-icon",
-        src: url,
-        "data-testid": "".concat(testId, "-image")
-      }) : /*#__PURE__*/React.createElement(Icon
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      , {
-        className: "smart-link-icon",
-        src: url,
-        "data-testid": "".concat(testId, "-image")
-      });
       return /*#__PURE__*/React.createElement(ImageLoader, {
         src: url,
-        loaded: icon,
+        loaded: /*#__PURE__*/React.createElement(Icon
+        // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+        , {
+          className: "smart-link-icon",
+          src: url,
+          "data-testid": "".concat(testId, "-image")
+        }),
         errored: errored,
         loading: /*#__PURE__*/React.createElement(Shimmer, {
           testId: "".concat(testId, "-loading")
@@ -95,14 +87,7 @@ export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
       if (defaultIcon) {
         return /*#__PURE__*/React.createElement(IconWrapper, null, defaultIcon);
       }
-      return fg('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/React.createElement(IconWrapperResized, {
-        "data-testid": "".concat(testId, "-default")
-      }, /*#__PURE__*/React.createElement(LinkIcon, {
-        label: "link",
-        LEGACY_size: "small",
-        testId: "".concat(testId, "-default"),
-        color: "currentColor"
-      })) : /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(LinkIcon, {
+      return /*#__PURE__*/React.createElement(IconWrapper, null, /*#__PURE__*/React.createElement(LinkIcon, {
         label: "link",
         LEGACY_size: "small",
         testId: "".concat(testId, "-default"),
@@ -136,12 +121,11 @@ export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
         rightSide = _this$props2.rightSide,
         _this$props2$testId = _this$props2.testId,
         testId = _this$props2$testId === void 0 ? 'inline-card-icon-and-title' : _this$props2$testId;
-      var iconPart = fg('linking-platform-increase-inline-card-icon-size') ? /*#__PURE__*/React.createElement(IconPositionWrapper, {
+      var titlePart = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconPositionWrapper, {
         "data-testid": "icon-position-wrapper"
-      }, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapperResized, {
+      }, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapper, {
         "data-testid": "icon-empty-wrapper"
-      }), this.renderIcon(testId))) : /*#__PURE__*/React.createElement(IconPositionWrapper, null, children || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconEmptyWrapper, null), this.renderIcon(testId)));
-      var titlePart = /*#__PURE__*/React.createElement(React.Fragment, null, iconPart, /*#__PURE__*/React.createElement(TitleWrapper
+      }), this.renderIcon(testId))), /*#__PURE__*/React.createElement(TitleWrapper
       // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
       , {
         style: {

package/dist/esm/view/InlineCard/IconAndTitleLayout/styled.js

@@ -1,46 +1,29 @@
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import styled from '@emotion/styled';
-// TODO: remove this override behaviour for @atlaskit/icon-object
-// Replace with IconObjectOverridesResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
-export var IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-
-// TODO: remove this override behaviour for @atlaskit/icon
-// Replace with IconOverridesResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
-export var IconOverrides = "\n\n  & > * > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-
 // Wraps all icons represented in Inline Links. Icons have three sources/types:
 // - JSON-LD: from the generator.icon property coming back from ORS.
 // - @atlaskit/icon: for lock icons, unauthorized, etc.
 // - @atlaskit/icon-object: for object icons, e.g. repository, branch, etc.
 // NB: the first set of overrides style icons imported from @atlaskit/icon-object correctly.
 // NB: the second set of overrides style icons imported from @atlaskit/icon correctly.
-// Replace with IconWrapperResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var IconWrapper = styled.span({
-  userSelect: 'none'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconOverrides,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconObjectOverrides);
 
 // TODO: remove this override behaviour for @atlaskit/icon-object
-export var IconObjectOverridesResized = "\n  & > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+export var IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
 
 // TODO: remove this override behaviour for @atlaskit/icon
-export var IconOverridesResized = "\n  & > * > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+export var IconOverrides = "\n  & > * > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var IconWrapperResized = styled.span({
+export var IconWrapper = styled.span({
   userSelect: 'none'
 },
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconOverridesResized,
+IconOverrides,
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconObjectOverridesResized);
+IconObjectOverrides);
 
 // Wraps all emoji in Inline Links similar to icon
-// Replace with EmojiWrapperResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var EmojiWrapper = styled.span({
   display: 'inline-block',
@@ -52,17 +35,6 @@ IconOverrides,
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
 IconObjectOverrides);
 
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var EmojiWrapperResized = styled.span({
-  display: 'inline-block',
-  marginRight: "var(--ds-space-025, 2px)",
-  userSelect: 'none'
-},
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconOverridesResized,
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-IconObjectOverridesResized);
-
 // The main 'wrapping' element, title of the content.
 // NB: `white-space` adds little whitespace before wrapping.
 // NB: `word-break` line breaks as soon as an overflow takes place.
@@ -99,17 +71,8 @@ export var IconPositionWrapper = styled.span({
   display: 'inline-block'
 });
 
-// Replace with IconEmptyWrapperResized during linking-platform-increase-inline-card-icon-size cleanup (EDM=10529)
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
 export var IconEmptyWrapper = styled.span({
-  width: '14px',
-  height: '100%',
-  display: 'inline-block',
-  opacity: 0
-});
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export var IconEmptyWrapperResized = styled.span({
   width: '16px',
   height: '100%',
   display: 'inline-block',

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

@@ -10,7 +10,7 @@ import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-m
 import LinkWarningModal from './LinkWarningModal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "28.3.0",
+  packageVersion: "28.4.0",
   componentName: 'linkUrl'
 };
 var Link = withLinkClickedEvent('a');

package/dist/types/view/InlineCard/Icon.d.ts

@@ -3,10 +3,6 @@ export declare const Icon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const IconResized: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const AKIconWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: React.ElementType<any> | undefined;

package/dist/types/view/InlineCard/IconAndTitleLayout/styled.d.ts

@@ -1,24 +1,14 @@
 /// <reference types="react" />
-export declare const IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-export declare const IconOverrides = "\n\n  & > * > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+export declare const IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+export declare const IconOverrides = "\n  & > * > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
 export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const IconObjectOverridesResized = "\n  & > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-export declare const IconOverridesResized = "\n  & > * > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-export declare const IconWrapperResized: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const EmojiWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const EmojiWrapperResized: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const IconTitleWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -39,10 +29,6 @@ export declare const IconEmptyWrapper: import("@emotion/styled").StyledComponent
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const IconEmptyWrapperResized: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const TitleWrapperClassName = "smart-link-title-wrapper";
 export declare const TitleWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/dist/types-ts4.5/view/InlineCard/Icon.d.ts

@@ -3,10 +3,6 @@ export declare const Icon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: React.ElementType<any> | undefined;
 }, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const IconResized: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-}, React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
 export declare const AKIconWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: React.ElementType<any> | undefined;

package/dist/types-ts4.5/view/InlineCard/IconAndTitleLayout/styled.d.ts

@@ -1,24 +1,14 @@
 /// <reference types="react" />
-export declare const IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    line-height: 14px;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-export declare const IconOverrides = "\n\n  & > * > span {\n    height: 16px;\n    width: 14px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+export declare const IconObjectOverrides = "\n  & > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
+export declare const IconOverrides = "\n  & > * > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
 export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const IconObjectOverridesResized = "\n  & > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    top: 3px;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-export declare const IconOverridesResized = "\n  & > * > span {\n    height: 16px;\n    width: 16px;\n    position: absolute;\n    left: 0;\n    & > svg {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n    }\n  }\n";
-export declare const IconWrapperResized: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const EmojiWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const EmojiWrapperResized: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const IconTitleWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -39,10 +29,6 @@ export declare const IconEmptyWrapper: import("@emotion/styled").StyledComponent
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const IconEmptyWrapperResized: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const TitleWrapperClassName = "smart-link-title-wrapper";
 export declare const TitleWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "28.3.0",
+	"version": "28.4.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
 		"@atlaskit/form": "^10.5.0",
 		"@atlaskit/frontend-utilities": "^2.7.0",
 		"@atlaskit/heading": "^2.4.0",
-		"@atlaskit/icon": "^22.18.0",
+		"@atlaskit/icon": "^22.19.0",
 		"@atlaskit/icon-file-type": "^6.5.0",
 		"@atlaskit/icon-object": "^6.5.0",
 		"@atlaskit/icon-priority": "^6.3.0",
@@ -46,7 +46,7 @@
 		"@atlaskit/linking-common": "^5.11.0",
 		"@atlaskit/linking-types": "^9.0.0",
 		"@atlaskit/logo": "^14.3.0",
-		"@atlaskit/lozenge": "^11.10.0",
+		"@atlaskit/lozenge": "^11.11.0",
 		"@atlaskit/menu": "^2.12.0",
 		"@atlaskit/modal-dialog": "^12.17.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
@@ -59,7 +59,7 @@
 		"@atlaskit/textarea": "^5.6.0",
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^13.0.0",
-		"@atlaskit/tokens": "^1.61.0",
+		"@atlaskit/tokens": "^2.0.0",
 		"@atlaskit/tooltip": "^18.7.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@babel/runtime": "^7.0.0",
@@ -152,9 +152,6 @@
 	"platform-feature-flags": {
 		"platform.linking-platform.smart-card.enable-view-related-urls-action": {
 			"type": "boolean"
-		},
-		"linking-platform-increase-inline-card-icon-size": {
-			"type": "boolean"
 		}
 	}
 }