@atlaskit/smart-card 43.20.0 → 43.20.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @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

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/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/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/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/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/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/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/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/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/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/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/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/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.20.0",
+	"version": "43.20.1",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -71,7 +71,7 @@
 		"@atlaskit/textfield": "^8.2.0",
 		"@atlaskit/theme": "^21.0.0",
 		"@atlaskit/tile": "^1.0.0",
-		"@atlaskit/tmp-editor-statsig": "^16.11.0",
+		"@atlaskit/tmp-editor-statsig": "^16.12.0",
 		"@atlaskit/tokens": "^9.1.0",
 		"@atlaskit/tooltip": "^20.12.0",
 		"@atlaskit/ufo": "^0.4.0",
@@ -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"