@atlaskit/smart-card 43.19.0 → 43.20.1

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/smart-card
 
+## 43.20.1
+
+### Patch Changes
+
+- [`aac6485a45d73`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/aac6485a45d73) -
+  NAVX-2815 adding correct role for icon button in preview modal
+
+## 43.20.0
+
+### Minor Changes
+
+- [`87b12e64ff750`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/87b12e64ff750) -
+  Removed usages of LEGACY icon props
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 43.19.0
 
 ### Minor Changes

package/dist/cjs/extractors/common/icon/extractIcon.js

@@ -52,7 +52,6 @@ function typeToIcon(type, opts) {
     case 'atlassian:Project':
       return /*#__PURE__*/_react.default.createElement(_peopleGroup.default, {
         label: opts.title || 'project',
-        LEGACY_size: "small",
         testId: "project-icon",
         color: "currentColor"
       });

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

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

package/dist/cjs/utils/index.js

@@ -143,31 +143,31 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
   }), _constants.IconType.Project, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphProject" */'@atlaskit/icon/core/migration/people-group'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphProject" */'@atlaskit/icon/core/people-group'));
       });
     }
   }), _constants.IconType.Template, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphTemplate" */'@atlaskit/icon/core/migration/file--document-filled'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphTemplate" */'@atlaskit/icon/core/file'));
       });
     }
   }), _constants.IconType.Forbidden, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphForbidden" */'@atlaskit/icon/core/migration/lock-locked--lock-filled'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphForbidden" */'@atlaskit/icon/core/lock-locked'));
       });
     }
   }), _constants.IconType.Default, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/migration/link'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/link'));
       });
     }
   }), _constants.IconType.Error, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/migration/status-error--error'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/status-error'));
       });
     }
   }), _constants.IconType.Archive, {
@@ -481,43 +481,43 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
   }), _constants.IconType.Attachment, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/attachment'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/attachment'));
       });
     }
   }), _constants.IconType.CheckItem, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/task'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/task'));
       });
     }
   }), _constants.IconType.Component, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/migration/component'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/component'));
       });
     }
   }), _constants.IconType.Comment, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/comment'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/comment'));
       });
     }
   }), _constants.IconType.View, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/eye-open--watch'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/eye-open'));
       });
     }
   }), _constants.IconType.React, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/thumbs-up--like'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/thumbs-up'));
       });
     }
   }), (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)(_ref3, _constants.IconType.Vote, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/arrow-up'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/arrow-up'));
       });
     }
   }), _constants.IconType.PriorityBlocker, {
@@ -583,25 +583,25 @@ var getLazyIcons = exports.getLazyIcons = function getLazyIcons() {
   }), _constants.IconType.PriorityUndefined, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/migration/question-circle--question'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/question-circle'));
       });
     }
   }), _constants.IconType.ProgrammingLanguage, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/migration/angle-brackets--code'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/angle-brackets'));
       });
     }
   }), _constants.IconType.Subscriber, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/migration/people-group--people'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/people-group'));
       });
     }
   }), _constants.IconType.SubTasksProgress, {
     default: function _default() {
       return Promise.resolve().then(function () {
-        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphSubtaskProgress" */'@atlaskit/icon/core/migration/subtasks--subtask'));
+        return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-internal_glyphSubtaskProgress" */'@atlaskit/icon/core/subtasks'));
       });
     }
   });

package/dist/cjs/view/BlockCard/views/ErroredView.js

@@ -36,7 +36,6 @@ var ErroredView = function ErroredView(_ref) {
   }), /*#__PURE__*/_react.default.createElement(_statusWarning.default, {
     label: "errored-warning-icon",
     color: "var(--ds-icon-warning, #E06C00)",
-    LEGACY_size: "small",
     testId: "".concat(testId, "-warning-icon")
   }), /*#__PURE__*/_react.default.createElement(_baseTextElement.default, {
     maxLines: 3,

package/dist/cjs/view/EmbedCard/views/ErroredView.js

@@ -34,7 +34,6 @@ var EmbedCardErroredView = exports.EmbedCardErroredView = function EmbedCardErro
     isSelected: isSelected,
     testId: testId
   }, /*#__PURE__*/React.createElement(_statusError.default, {
-    LEGACY_size: "small",
     color: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
     label: "error-icon"
   }), /*#__PURE__*/React.createElement(_compiled.Box, {

package/dist/cjs/view/EmbedCard/views/ResolvedView.js

@@ -41,7 +41,6 @@ var EmbedCardResolvedViewOld = /*#__PURE__*/_react.default.forwardRef(function (
   var linkGlyph = _react.default.useMemo(function () {
     return /*#__PURE__*/_react.default.createElement(_link.default, {
       label: "icon",
-      LEGACY_size: "small",
       testId: "embed-card-fallback-icon",
       color: "currentColor"
     });
@@ -115,7 +114,6 @@ var EmbedCardResolvedViewUpdated = /*#__PURE__*/_react.default.forwardRef(functi
   var linkGlyph = _react.default.useMemo(function () {
     return /*#__PURE__*/_react.default.createElement(_link.default, {
       label: "icon",
-      LEGACY_size: "small",
       testId: "embed-card-fallback-icon",
       color: "currentColor"
     });

package/dist/cjs/view/EmbedCard/views/unresolved-view/index.js

@@ -40,7 +40,6 @@ var UnresolvedView = function UnresolvedView(_ref) {
       src: typeof iconUrlOrElement === 'string' ? iconUrlOrElement : undefined,
       default: /*#__PURE__*/_react.default.createElement(_link.default, {
         label: "icon",
-        LEGACY_size: "small",
         testId: "embed-card-fallback-icon",
         color: "currentColor"
       })

package/dist/cjs/view/EmbedModal/components/link-info/index.js

@@ -81,7 +81,9 @@ var LinkInfo = function LinkInfo(_ref) {
         },
         label: _messages.messages.viewOriginal,
         onClick: onViewButtonClick,
-        testId: "".concat(testId, "-url")
+        testId: "".concat(testId, "-url"),
+        role: (0, _platformFeatureFlags.fg)('navx-2185-smart-link-preview-modal-icon-role') ? 'link' : '',
+        "aria-label": (0, _platformFeatureFlags.fg)('navx-2185-smart-link-preview-modal-icon-role') ? _messages.messages.viewOriginal : ''
       });
     }
   }, [onViewButtonClick, providerName, testId]);
@@ -188,7 +190,9 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
         },
         label: _messages.messages.viewOriginal,
         onClick: onViewButtonClick,
-        testId: "".concat(testId, "-url")
+        testId: "".concat(testId, "-url"),
+        role: (0, _platformFeatureFlags.fg)('navx-2185-smart-link-preview-modal-icon-role') ? 'link' : '',
+        "aria-label": (0, _platformFeatureFlags.fg)('navx-2185-smart-link-preview-modal-icon-role') ? _messages.messages.viewOriginal : ''
       });
     }
   }, [onViewButtonClick, providerName, testId]);

package/dist/cjs/view/EmbedModal/components/link-info/link-info-button/index.js

@@ -5,9 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _new = require("@atlaskit/button/new");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _useLinkClicked = require("../../../../../state/analytics/useLinkClicked");
 var LinkInfoButton = function LinkInfoButton(_ref) {
@@ -15,7 +17,8 @@ var LinkInfoButton = function LinkInfoButton(_ref) {
     icon = _ref.icon,
     label = _ref.label,
     onClick = _ref.onClick,
-    testId = _ref.testId;
+    testId = _ref.testId,
+    role = _ref.role;
   var onMouseDown = (0, _useLinkClicked.useMouseDownEvent)();
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
@@ -24,13 +27,15 @@ var LinkInfoButton = function LinkInfoButton(_ref) {
     hideTooltipOnClick: true,
     tag: "span",
     testId: "".concat(testId, "-tooltip")
-  }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_new.IconButton, (0, _extends2.default)({
     appearance: "subtle",
     icon: icon,
     label: formatMessage(label),
     onClick: onClick,
     onMouseDown: onMouseDown,
     testId: "".concat(testId, "-button")
-  }));
+  }, (0, _platformFeatureFlags.fg)('navx-2185-smart-link-preview-modal-icon-role') ? {
+    role: role
+  } : {})));
 };
 var _default = exports.default = LinkInfoButton;

package/dist/cjs/view/FlexibleCard/components/actions/copy-link-action/index.js

@@ -68,7 +68,6 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
     icon: /*#__PURE__*/_react.default.createElement(_link.default, {
       color: "currentColor",
       label: "copy url",
-      LEGACY_size: "medium",
       spacing: "spacious"
     }),
     onClick: onClick,

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

@@ -26,9 +26,7 @@ var getIcon = function getIcon(appearance) {
         color: "var(--ds-icon-danger, #C9372C)",
         spacing: "compact",
         label: "Error",
-        LEGACY_size: "small",
         testId: "action-error-icon",
-        LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)"),
         size: "small"
       });
     default:

package/dist/cjs/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -33,7 +33,6 @@ var AIFooterMetadata = exports.AIFooterMetadata = function AIFooterMetadata(_ref
   }, function (tooltipProps) {
     return /*#__PURE__*/_react.default.createElement(_compiled.Box, tooltipProps, /*#__PURE__*/_react.default.createElement(_info.InfoIcon, {
       label: "Information",
-      LEGACY_size: "small",
       color: "var(--ds-icon-subtle, #505258)"
     }));
   }), /*#__PURE__*/_react.default.createElement(_atlassianIntelligence.default, {

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

@@ -88,14 +88,12 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
       return /*#__PURE__*/_react.default.createElement(ImportedIcon, {
         label: label,
         testId: testId,
-        LEGACY_size: size === _constants.SmartLinkSize.Large || size === _constants.SmartLinkSize.XLarge ? 'medium' : 'small',
         color: "var(--ds-icon-danger, #C9372C)"
       });
     default:
       return /*#__PURE__*/_react.default.createElement(ImportedIcon, {
         label: label,
         testId: testId,
-        LEGACY_size: size === _constants.SmartLinkSize.Large || size === _constants.SmartLinkSize.XLarge ? 'medium' : 'small',
         size: size
       });
   }

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js

@@ -54,9 +54,7 @@ var LozengeActionError = function LozengeActionError(_ref) {
       className: (0, _runtime.ax)([styles.contentStyles])
     }, /*#__PURE__*/React.createElement(_statusError.default, {
       testId: "".concat(testId, "-icon"),
-      LEGACY_size: "medium",
       color: "var(--ds-icon-danger, ".concat(_colors.R500, ")"),
-      LEGACY_secondaryColor: "var(--ds-background-danger, ".concat(_colors.R50, ")"),
       label: 'error',
       spacing: "spacious"
     }), /*#__PURE__*/React.createElement("span", {

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js

@@ -104,8 +104,6 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     }, /*#__PURE__*/React.createElement(_chevronDown.default, {
       color: "currentColor",
       label: "options",
-      LEGACY_size: "medium",
-      LEGACY_margin: "-4px -8px -4px -7px",
       size: "small",
       "aria-hidden": true
     })))));

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

@@ -19,7 +19,6 @@ var fallbackIcon = function fallbackIcon() {
   return /*#__PURE__*/_react.default.createElement(_statusError.default, {
     color: "var(--ds-icon-danger, #C9372C)",
     label: "error",
-    LEGACY_size: "small",
     testId: "errored-view-default-icon"
   });
 };

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

@@ -111,7 +111,6 @@ var IconAndTitleLayout = exports.IconAndTitleLayout = function IconAndTitleLayou
   var renderIconPlaceholder = _react.default.useCallback(function (testId) {
     return defaultIcon || /*#__PURE__*/_react.default.createElement(_link.default, {
       label: "link",
-      LEGACY_size: "small",
       testId: "".concat(testId, "-default"),
       color: "currentColor"
     });

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

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

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

@@ -30,7 +30,6 @@ var Icon = exports.Icon = function Icon(_ref) {
     isFlexibleUi = _ref$isFlexibleUi === void 0 ? false : _ref$isFlexibleUi;
   var placeholder = defaultIcon || /*#__PURE__*/_react.default.createElement(_link.default, {
     label: "link",
-    LEGACY_size: "small",
     testId: "".concat(testId, "-default"),
     color: "currentColor"
   });

package/dist/es2019/extractors/common/icon/extractIcon.js

@@ -41,7 +41,6 @@ function typeToIcon(type, opts) {
     case 'atlassian:Project':
       return /*#__PURE__*/React.createElement(PeopleGroupIcon, {
         label: opts.title || 'project',
-        LEGACY_size: "small",
         testId: "project-icon",
         color: "currentColor"
       });

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: "43.18.1"
+  packageVersion: "43.20.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/utils/index.js

@@ -81,19 +81,19 @@ export const getLazyIcons = () => {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_video-icon" */'../common/ui/icons/video-icon')
     },
     [IconType.Project]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphProject" */'@atlaskit/icon/core/migration/people-group')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphProject" */'@atlaskit/icon/core/people-group')
     },
     [IconType.Template]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTemplate" */'@atlaskit/icon/core/migration/file--document-filled')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTemplate" */'@atlaskit/icon/core/file')
     },
     [IconType.Forbidden]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphForbidden" */'@atlaskit/icon/core/migration/lock-locked--lock-filled')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphForbidden" */'@atlaskit/icon/core/lock-locked')
     },
     [IconType.Default]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/migration/link')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/link')
     },
     [IconType.Error]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/migration/status-error--error')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/status-error')
     },
     [IconType.Archive]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphArchive" */'@atlaskit/icon-file-type/glyph/archive/16'),
@@ -219,25 +219,25 @@ export const getLazyIcons = () => {
     },
     // Badge icons
     [IconType.Attachment]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/attachment')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/attachment')
     },
     [IconType.CheckItem]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/task')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/task')
     },
     [IconType.Component]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/migration/component')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/component')
     },
     [IconType.Comment]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/comment')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/comment')
     },
     [IconType.View]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/eye-open--watch')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/eye-open')
     },
     [IconType.React]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/thumbs-up--like')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/thumbs-up')
     },
     [IconType.Vote]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/arrow-up')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/arrow-up')
     },
     [IconType.PriorityBlocker]: {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphBlocker" */'@atlaskit/icon-priority/glyph/priority-blocker')
@@ -270,16 +270,16 @@ export const getLazyIcons = () => {
       default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTrivial" */'@atlaskit/icon-priority/glyph/priority-trivial')
     },
     [IconType.PriorityUndefined]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/migration/question-circle--question')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/question-circle')
     },
     [IconType.ProgrammingLanguage]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/migration/angle-brackets--code')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/angle-brackets')
     },
     [IconType.Subscriber]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/migration/people-group--people')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/people-group')
     },
     [IconType.SubTasksProgress]: {
-      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubtaskProgress" */'@atlaskit/icon/core/migration/subtasks--subtask')
+      default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphSubtaskProgress" */'@atlaskit/icon/core/subtasks')
     }
   };
 };

package/dist/es2019/view/BlockCard/views/ErroredView.js

@@ -24,7 +24,6 @@ const ErroredView = ({
   }), /*#__PURE__*/React.createElement(WarningIcon, {
     label: "errored-warning-icon",
     color: "var(--ds-icon-warning, #E06C00)",
-    LEGACY_size: "small",
     testId: `${testId}-warning-icon`
   }), /*#__PURE__*/React.createElement(Text, {
     maxLines: 3,

package/dist/es2019/view/EmbedCard/views/ErroredView.js

@@ -23,7 +23,6 @@ export const EmbedCardErroredView = ({
   isSelected: isSelected,
   testId: testId
 }, /*#__PURE__*/React.createElement(ErrorIcon, {
-  LEGACY_size: "small",
   color: `var(--ds-icon-danger, ${R300})`,
   label: "error-icon"
 }), /*#__PURE__*/React.createElement(Box, {

package/dist/es2019/view/EmbedCard/views/ResolvedView.js

@@ -32,7 +32,6 @@ const EmbedCardResolvedViewOld = /*#__PURE__*/React.forwardRef(({
   const text = title || (context === null || context === void 0 ? void 0 : context.text);
   const linkGlyph = React.useMemo(() => /*#__PURE__*/React.createElement(LinkGlyph, {
     label: "icon",
-    LEGACY_size: "small",
     testId: "embed-card-fallback-icon",
     color: "currentColor"
   }), []);
@@ -104,7 +103,6 @@ const EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(({
   const text = title || (context === null || context === void 0 ? void 0 : context.text);
   const linkGlyph = React.useMemo(() => /*#__PURE__*/React.createElement(LinkGlyph, {
     label: "icon",
-    LEGACY_size: "small",
     testId: "embed-card-fallback-icon",
     color: "currentColor"
   }), []);

package/dist/es2019/view/EmbedCard/views/unresolved-view/index.js

@@ -32,7 +32,6 @@ const UnresolvedView = ({
       src: typeof iconUrlOrElement === 'string' ? iconUrlOrElement : undefined,
       default: /*#__PURE__*/React.createElement(LinkGlyph, {
         label: "icon",
-        LEGACY_size: "small",
         testId: "embed-card-fallback-icon",
         color: "currentColor"
       })

package/dist/es2019/view/EmbedModal/components/link-info/index.js

@@ -71,7 +71,9 @@ const LinkInfo = ({
         }),
         label: messages.viewOriginal,
         onClick: onViewButtonClick,
-        testId: `${testId}-url`
+        testId: `${testId}-url`,
+        role: fg('navx-2185-smart-link-preview-modal-icon-role') ? 'link' : '',
+        "aria-label": fg('navx-2185-smart-link-preview-modal-icon-role') ? messages.viewOriginal : ''
       });
     }
   }, [onViewButtonClick, providerName, testId]);
@@ -173,7 +175,9 @@ const LinkInfoNew = ({
         }),
         label: messages.viewOriginal,
         onClick: onViewButtonClick,
-        testId: `${testId}-url`
+        testId: `${testId}-url`,
+        role: fg('navx-2185-smart-link-preview-modal-icon-role') ? 'link' : '',
+        "aria-label": fg('navx-2185-smart-link-preview-modal-icon-role') ? messages.viewOriginal : ''
       });
     }
   }, [onViewButtonClick, providerName, testId]);

package/dist/es2019/view/EmbedModal/components/link-info/link-info-button/index.js

@@ -1,6 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 const LinkInfoButton = ({
@@ -8,7 +10,8 @@ const LinkInfoButton = ({
   icon,
   label,
   onClick,
-  testId
+  testId,
+  role
 }) => {
   const onMouseDown = useMouseDownEvent();
   const {
@@ -19,13 +22,15 @@ const LinkInfoButton = ({
     hideTooltipOnClick: true,
     tag: "span",
     testId: `${testId}-tooltip`
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/React.createElement(IconButton, _extends({
     appearance: "subtle",
     icon: icon,
     label: formatMessage(label),
     onClick: onClick,
     onMouseDown: onMouseDown,
     testId: `${testId}-button`
-  }));
+  }, fg('navx-2185-smart-link-preview-modal-icon-role') ? {
+    role
+  } : {})));
 };
 export default LinkInfoButton;

package/dist/es2019/view/FlexibleCard/components/actions/copy-link-action/index.js

@@ -34,7 +34,6 @@ const CopyLinkAction = ({
     icon: /*#__PURE__*/React.createElement(LinkIcon, {
       color: "currentColor",
       label: "copy url",
-      LEGACY_size: "medium",
       spacing: "spacious"
     }),
     onClick: onClick,

package/dist/es2019/view/FlexibleCard/components/blocks/action-block/action-footer/index.js

@@ -17,9 +17,7 @@ const getIcon = appearance => {
         color: "var(--ds-icon-danger, #C9372C)",
         spacing: "compact",
         label: "Error",
-        LEGACY_size: "small",
         testId: "action-error-icon",
-        LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"}`,
         size: "small"
       });
     default:

package/dist/es2019/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -29,7 +29,6 @@ export const AIFooterMetadata = ({
     position: "bottom"
   }, tooltipProps => /*#__PURE__*/React.createElement(Box, tooltipProps, /*#__PURE__*/React.createElement(InfoIcon, {
     label: "Information",
-    LEGACY_size: "small",
     color: "var(--ds-icon-subtle, #505258)"
   }))), /*#__PURE__*/React.createElement(AIIcon, {
     label: "AI",

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

@@ -75,14 +75,12 @@ const AtlaskitIcon = ({
       return /*#__PURE__*/React.createElement(ImportedIcon, {
         label: label,
         testId: testId,
-        LEGACY_size: size === SmartLinkSize.Large || size === SmartLinkSize.XLarge ? 'medium' : 'small',
         color: "var(--ds-icon-danger, #C9372C)"
       });
     default:
       return /*#__PURE__*/React.createElement(ImportedIcon, {
         label: label,
         testId: testId,
-        LEGACY_size: size === SmartLinkSize.Large || size === SmartLinkSize.XLarge ? 'medium' : 'small',
         size: size
       });
   }

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js

@@ -8,7 +8,7 @@ import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
-import { N800, R50, R500 } from '@atlaskit/theme/colors';
+import { N800, R500 } from '@atlaskit/theme/colors';
 import { useAnalyticsEvents } from '../../../../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../../../../messages';
 import useInvokeClientAction from '../../../../../../../../state/hooks/use-invoke-client-action';
@@ -46,9 +46,7 @@ const LozengeActionError = ({
       className: ax([styles.contentStyles])
     }, /*#__PURE__*/React.createElement(ErrorIcon, {
       testId: `${testId}-icon`,
-      LEGACY_size: "medium",
       color: `var(--ds-icon-danger, ${R500})`,
-      LEGACY_secondaryColor: `var(--ds-background-danger, ${R50})`,
       label: 'error',
       spacing: "spacious"
     }), /*#__PURE__*/React.createElement("span", {

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js

@@ -74,8 +74,6 @@ const LozengeActionTrigger = ({
     }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
       color: "currentColor",
       label: "options",
-      LEGACY_size: "medium",
-      LEGACY_margin: "-4px -8px -4px -7px",
       size: "small",
       "aria-hidden": true
     })))));

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

@@ -12,7 +12,6 @@ const fallbackIcon = () => {
   return /*#__PURE__*/React.createElement(ErrorIcon, {
     color: "var(--ds-icon-danger, #C9372C)",
     label: "error",
-    LEGACY_size: "small",
     testId: "errored-view-default-icon"
   });
 };

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

@@ -95,7 +95,6 @@ export const IconAndTitleLayout = ({
   const renderIconPlaceholder = React.useCallback(testId => {
     return defaultIcon || /*#__PURE__*/React.createElement(LinkIcon, {
       label: "link",
-      LEGACY_size: "small",
       testId: `${testId}-default`,
       color: "currentColor"
     });

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

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

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

@@ -22,7 +22,6 @@ export const Icon = ({
 }) => {
   const placeholder = defaultIcon || /*#__PURE__*/React.createElement(LinkIcon, {
     label: "link",
-    LEGACY_size: "small",
     testId: `${testId}-default`,
     color: "currentColor"
   });

package/dist/esm/extractors/common/icon/extractIcon.js

@@ -45,7 +45,6 @@ function typeToIcon(type, opts) {
     case 'atlassian:Project':
       return /*#__PURE__*/React.createElement(PeopleGroupIcon, {
         label: opts.title || 'project',
-        LEGACY_size: "small",
         testId: "project-icon",
         color: "currentColor"
       });

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

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

package/dist/esm/utils/index.js

@@ -111,23 +111,23 @@ export var getLazyIcons = function getLazyIcons() {
     }
   }), IconType.Project, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphProject" */'@atlaskit/icon/core/migration/people-group');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphProject" */'@atlaskit/icon/core/people-group');
     }
   }), IconType.Template, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphTemplate" */'@atlaskit/icon/core/migration/file--document-filled');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphTemplate" */'@atlaskit/icon/core/file');
     }
   }), IconType.Forbidden, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphForbidden" */'@atlaskit/icon/core/migration/lock-locked--lock-filled');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphForbidden" */'@atlaskit/icon/core/lock-locked');
     }
   }), IconType.Default, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/migration/link');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/link');
     }
   }), IconType.Error, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/migration/status-error--error');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphDefault" */'@atlaskit/icon/core/status-error');
     }
   }), IconType.Archive, {
     default: function _default() {
@@ -331,31 +331,31 @@ export var getLazyIcons = function getLazyIcons() {
     }
   }), IconType.Attachment, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/attachment');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/attachment');
     }
   }), IconType.CheckItem, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/migration/task');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphAttachment" */'@atlaskit/icon/core/task');
     }
   }), IconType.Component, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/migration/component');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphComponent" */'@atlaskit/icon/core/component');
     }
   }), IconType.Comment, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/comment');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/comment');
     }
   }), IconType.View, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/eye-open--watch');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/eye-open');
     }
   }), IconType.React, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/thumbs-up--like');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/thumbs-up');
     }
   }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref3, IconType.Vote, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/migration/arrow-up');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphComment" */'@atlaskit/icon/core/arrow-up');
     }
   }), IconType.PriorityBlocker, {
     default: function _default() {
@@ -399,19 +399,19 @@ export var getLazyIcons = function getLazyIcons() {
     }
   }), IconType.PriorityUndefined, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/migration/question-circle--question');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphUndefined" */'@atlaskit/icon/core/question-circle');
     }
   }), IconType.ProgrammingLanguage, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/migration/angle-brackets--code');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphProgrammingLanguage" */'@atlaskit/icon/core/angle-brackets');
     }
   }), IconType.Subscriber, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/migration/people-group--people');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphSubscriber" */'@atlaskit/icon/core/people-group');
     }
   }), IconType.SubTasksProgress, {
     default: function _default() {
-      return import( /* webpackChunkName: "@atlaskit-internal_glyphSubtaskProgress" */'@atlaskit/icon/core/migration/subtasks--subtask');
+      return import( /* webpackChunkName: "@atlaskit-internal_glyphSubtaskProgress" */'@atlaskit/icon/core/subtasks');
     }
   });
 };

package/dist/esm/view/BlockCard/views/ErroredView.js

@@ -28,7 +28,6 @@ var ErroredView = function ErroredView(_ref) {
   }), /*#__PURE__*/React.createElement(WarningIcon, {
     label: "errored-warning-icon",
     color: "var(--ds-icon-warning, #E06C00)",
-    LEGACY_size: "small",
     testId: "".concat(testId, "-warning-icon")
   }), /*#__PURE__*/React.createElement(Text, {
     maxLines: 3,

package/dist/esm/view/EmbedCard/views/ErroredView.js

@@ -25,7 +25,6 @@ export var EmbedCardErroredView = function EmbedCardErroredView(_ref) {
     isSelected: isSelected,
     testId: testId
   }, /*#__PURE__*/React.createElement(ErrorIcon, {
-    LEGACY_size: "small",
     color: "var(--ds-icon-danger, ".concat(R300, ")"),
     label: "error-icon"
   }), /*#__PURE__*/React.createElement(Box, {

package/dist/esm/view/EmbedCard/views/ResolvedView.js

@@ -34,7 +34,6 @@ var EmbedCardResolvedViewOld = /*#__PURE__*/React.forwardRef(function (_ref, emb
   var linkGlyph = React.useMemo(function () {
     return /*#__PURE__*/React.createElement(LinkGlyph, {
       label: "icon",
-      LEGACY_size: "small",
       testId: "embed-card-fallback-icon",
       color: "currentColor"
     });
@@ -108,7 +107,6 @@ var EmbedCardResolvedViewUpdated = /*#__PURE__*/React.forwardRef(function (_ref2
   var linkGlyph = React.useMemo(function () {
     return /*#__PURE__*/React.createElement(LinkGlyph, {
       label: "icon",
-      LEGACY_size: "small",
       testId: "embed-card-fallback-icon",
       color: "currentColor"
     });

package/dist/esm/view/EmbedCard/views/unresolved-view/index.js

@@ -31,7 +31,6 @@ var UnresolvedView = function UnresolvedView(_ref) {
       src: typeof iconUrlOrElement === 'string' ? iconUrlOrElement : undefined,
       default: /*#__PURE__*/React.createElement(LinkGlyph, {
         label: "icon",
-        LEGACY_size: "small",
         testId: "embed-card-fallback-icon",
         color: "currentColor"
       })

package/dist/esm/view/EmbedModal/components/link-info/index.js

@@ -72,7 +72,9 @@ var LinkInfo = function LinkInfo(_ref) {
         },
         label: messages.viewOriginal,
         onClick: onViewButtonClick,
-        testId: "".concat(testId, "-url")
+        testId: "".concat(testId, "-url"),
+        role: fg('navx-2185-smart-link-preview-modal-icon-role') ? 'link' : '',
+        "aria-label": fg('navx-2185-smart-link-preview-modal-icon-role') ? messages.viewOriginal : ''
       });
     }
   }, [onViewButtonClick, providerName, testId]);
@@ -179,7 +181,9 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
         },
         label: messages.viewOriginal,
         onClick: onViewButtonClick,
-        testId: "".concat(testId, "-url")
+        testId: "".concat(testId, "-url"),
+        role: fg('navx-2185-smart-link-preview-modal-icon-role') ? 'link' : '',
+        "aria-label": fg('navx-2185-smart-link-preview-modal-icon-role') ? messages.viewOriginal : ''
       });
     }
   }, [onViewButtonClick, providerName, testId]);

package/dist/esm/view/EmbedModal/components/link-info/link-info-button/index.js

@@ -1,6 +1,8 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useIntl } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Tooltip from '@atlaskit/tooltip';
 import { useMouseDownEvent } from '../../../../../state/analytics/useLinkClicked';
 var LinkInfoButton = function LinkInfoButton(_ref) {
@@ -8,7 +10,8 @@ var LinkInfoButton = function LinkInfoButton(_ref) {
     icon = _ref.icon,
     label = _ref.label,
     onClick = _ref.onClick,
-    testId = _ref.testId;
+    testId = _ref.testId,
+    role = _ref.role;
   var onMouseDown = useMouseDownEvent();
   var _useIntl = useIntl(),
     formatMessage = _useIntl.formatMessage;
@@ -17,13 +20,15 @@ var LinkInfoButton = function LinkInfoButton(_ref) {
     hideTooltipOnClick: true,
     tag: "span",
     testId: "".concat(testId, "-tooltip")
-  }, /*#__PURE__*/React.createElement(IconButton, {
+  }, /*#__PURE__*/React.createElement(IconButton, _extends({
     appearance: "subtle",
     icon: icon,
     label: formatMessage(label),
     onClick: onClick,
     onMouseDown: onMouseDown,
     testId: "".concat(testId, "-button")
-  }));
+  }, fg('navx-2185-smart-link-preview-modal-icon-role') ? {
+    role: role
+  } : {})));
 };
 export default LinkInfoButton;

package/dist/esm/view/FlexibleCard/components/actions/copy-link-action/index.js

@@ -59,7 +59,6 @@ var CopyLinkAction = function CopyLinkAction(_ref) {
     icon: /*#__PURE__*/React.createElement(LinkIcon, {
       color: "currentColor",
       label: "copy url",
-      LEGACY_size: "medium",
       spacing: "spacious"
     }),
     onClick: onClick,

package/dist/esm/view/FlexibleCard/components/blocks/action-block/action-footer/index.js

@@ -17,9 +17,7 @@ var getIcon = function getIcon(appearance) {
         color: "var(--ds-icon-danger, #C9372C)",
         spacing: "compact",
         label: "Error",
-        LEGACY_size: "small",
         testId: "action-error-icon",
-        LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)"),
         size: "small"
       });
     default:

package/dist/esm/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.js

@@ -26,7 +26,6 @@ export var AIFooterMetadata = function AIFooterMetadata(_ref) {
   }, function (tooltipProps) {
     return /*#__PURE__*/React.createElement(Box, tooltipProps, /*#__PURE__*/React.createElement(InfoIcon, {
       label: "Information",
-      LEGACY_size: "small",
       color: "var(--ds-icon-subtle, #505258)"
     }));
   }), /*#__PURE__*/React.createElement(AIIcon, {

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

@@ -81,14 +81,12 @@ var AtlaskitIcon = function AtlaskitIcon(_ref) {
       return /*#__PURE__*/React.createElement(ImportedIcon, {
         label: label,
         testId: testId,
-        LEGACY_size: size === SmartLinkSize.Large || size === SmartLinkSize.XLarge ? 'medium' : 'small',
         color: "var(--ds-icon-danger, #C9372C)"
       });
     default:
       return /*#__PURE__*/React.createElement(ImportedIcon, {
         label: label,
         testId: testId,
-        LEGACY_size: size === SmartLinkSize.Large || size === SmartLinkSize.XLarge ? 'medium' : 'small',
         size: size
       });
   }

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js

@@ -8,7 +8,7 @@ import { DropdownItem, DropdownItemGroup } from '@atlaskit/dropdown-menu';
 import ErrorIcon from '@atlaskit/icon/core/status-error';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
-import { N800, R50, R500 } from '@atlaskit/theme/colors';
+import { N800, R500 } from '@atlaskit/theme/colors';
 import { useAnalyticsEvents } from '../../../../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../../../../messages';
 import useInvokeClientAction from '../../../../../../../../state/hooks/use-invoke-client-action';
@@ -45,9 +45,7 @@ var LozengeActionError = function LozengeActionError(_ref) {
       className: ax([styles.contentStyles])
     }, /*#__PURE__*/React.createElement(ErrorIcon, {
       testId: "".concat(testId, "-icon"),
-      LEGACY_size: "medium",
       color: "var(--ds-icon-danger, ".concat(R500, ")"),
-      LEGACY_secondaryColor: "var(--ds-background-danger, ".concat(R50, ")"),
       label: 'error',
       spacing: "spacious"
     }), /*#__PURE__*/React.createElement("span", {

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js

@@ -96,8 +96,6 @@ var LozengeActionTrigger = function LozengeActionTrigger(_ref) {
     }, /*#__PURE__*/React.createElement(ChevronDownIcon, {
       color: "currentColor",
       label: "options",
-      LEGACY_size: "medium",
-      LEGACY_margin: "-4px -8px -4px -7px",
       size: "small",
       "aria-hidden": true
     })))));

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

@@ -12,7 +12,6 @@ var fallbackIcon = function fallbackIcon() {
   return /*#__PURE__*/React.createElement(ErrorIcon, {
     color: "var(--ds-icon-danger, #C9372C)",
     label: "error",
-    LEGACY_size: "small",
     testId: "errored-view-default-icon"
   });
 };

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

@@ -103,7 +103,6 @@ export var IconAndTitleLayout = function IconAndTitleLayout(_ref2) {
   var renderIconPlaceholder = React.useCallback(function (testId) {
     return defaultIcon || /*#__PURE__*/React.createElement(LinkIcon, {
       label: "link",
-      LEGACY_size: "small",
       testId: "".concat(testId, "-default"),
       color: "currentColor"
     });

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

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

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

@@ -23,7 +23,6 @@ export var Icon = function Icon(_ref) {
     isFlexibleUi = _ref$isFlexibleUi === void 0 ? false : _ref$isFlexibleUi;
   var placeholder = defaultIcon || /*#__PURE__*/React.createElement(LinkIcon, {
     label: "link",
-    LEGACY_size: "small",
     testId: "".concat(testId, "-default"),
     color: "currentColor"
   });

package/dist/types/view/EmbedModal/components/link-info/link-info-button/index.d.ts

@@ -6,7 +6,8 @@ export type LinkInfoButtonProps = {
     icon: IconProp;
     label: MessageDescriptor;
     onClick?: () => void;
+    role?: string;
     testId?: string;
 };
-declare const LinkInfoButton: ({ content, icon, label, onClick, testId, }: LinkInfoButtonProps) => React.JSX.Element;
+declare const LinkInfoButton: ({ content, icon, label, onClick, testId, role, }: LinkInfoButtonProps) => React.JSX.Element;
 export default LinkInfoButton;

package/dist/types-ts4.5/view/EmbedModal/components/link-info/link-info-button/index.d.ts

@@ -6,7 +6,8 @@ export type LinkInfoButtonProps = {
     icon: IconProp;
     label: MessageDescriptor;
     onClick?: () => void;
+    role?: string;
     testId?: string;
 };
-declare const LinkInfoButton: ({ content, icon, label, onClick, testId, }: LinkInfoButtonProps) => React.JSX.Element;
+declare const LinkInfoButton: ({ content, icon, label, onClick, testId, role, }: LinkInfoButtonProps) => React.JSX.Element;
 export default LinkInfoButton;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "43.19.0",
+	"version": "43.20.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
 		"@atlaskit/afm-i18n-platform-linking-platform-smart-card": "2.6.0",
 		"@atlaskit/analytics-gas-types": "^5.1.0",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/avatar": "^25.6.0",
+		"@atlaskit/avatar": "^25.7.0",
 		"@atlaskit/avatar-group": "^12.4.0",
 		"@atlaskit/badge": "^18.3.0",
 		"@atlaskit/button": "^23.9.0",
@@ -39,10 +39,10 @@
 		"@atlaskit/dropdown-menu": "^16.4.0",
 		"@atlaskit/embedded-confluence": "^4.3.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/form": "^15.2.0",
+		"@atlaskit/form": "^15.3.0",
 		"@atlaskit/frontend-utilities": "^3.2.0",
 		"@atlaskit/heading": "^5.2.0",
-		"@atlaskit/icon": "^29.3.0",
+		"@atlaskit/icon": "^29.4.0",
 		"@atlaskit/icon-file-type": "^7.0.0",
 		"@atlaskit/icon-object": "^7.4.0",
 		"@atlaskit/icon-priority": "^6.3.0",
@@ -62,18 +62,18 @@
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/platform-feature-flags-react": "^0.4.0",
-		"@atlaskit/popup": "^4.12.0",
+		"@atlaskit/popup": "^4.13.0",
 		"@atlaskit/primitives": "^17.0.0",
-		"@atlaskit/section-message": "^8.11.0",
+		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/select": "^21.6.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/textarea": "^8.2.0",
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.6.0",
+		"@atlaskit/tmp-editor-statsig": "^16.12.0",
 		"@atlaskit/tokens": "^9.1.0",
-		"@atlaskit/tooltip": "^20.11.0",
+		"@atlaskit/tooltip": "^20.12.0",
 		"@atlaskit/ufo": "^0.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6",
@@ -103,6 +103,7 @@
 		"@atlaskit/media-test-helpers": "^39.0.0",
 		"@atlaskit/react-ufo": "^4.16.0",
 		"@atlaskit/ssr": "workspace:^",
+		"@atlassian/a11y-jest-testing": "^0.6.0",
 		"@atlassian/analytics-tooling": "workspace:^",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
 		"@atlassian/gemini": "^1.28.0",
@@ -238,6 +239,9 @@
 		},
 		"navx-2816-a11y-fix-smart-links-headings": {
 			"type": "boolean"
+		},
+		"navx-2185-smart-link-preview-modal-icon-role": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"