@atlaskit/smart-card 26.69.0 → 26.69.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/smart-card
 
+## 26.69.1
+
+### Patch Changes
+
+-   [#101914](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/101914)
+    [`d43b23ecd5e3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d43b23ecd5e3) -
+    Updating inline resolving view to not have invalid html structure
+-   [#101941](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/101941)
+    [`2d2d3941c769`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/2d2d3941c769) -
+    EDM-9966: create related-links-modal component in smart cards
+-   Updated dependencies
+
 ## 26.69.0
 
 ### Minor Changes

package/dist/cjs/messages.js

@@ -705,5 +705,10 @@ var messages = exports.messages = (0, _reactIntlNext.defineMessages)({
     id: 'fabric.linking.generic_error_message',
     defaultMessage: 'An error occurred',
     description: 'A generic error message to the user'
+  },
+  related_links_modal_title_nonfinal: {
+    id: 'fabric.linking.related_links_modal_title.nonfinal',
+    defaultMessage: 'Recent Links',
+    description: 'Shown as the title for the related links modal'
   }
 });

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: "26.69.0"
+  packageVersion: "26.69.1"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.LozengeBlockWrapper = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 // TODO: Replace overrides with proper AtlasKit solution.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LozengeBlockWrapper = exports.LozengeBlockWrapper = _styled.default.span({
   '& > span': {
     marginLeft: "var(--ds-space-050, 4px)"

package/dist/cjs/view/EmbedCard/components/styled.js

@@ -76,10 +76,12 @@ function visible(_ref7) {
   return frameStyle === 'show' ? visibleStyles : '';
 }
 
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LinkWrapper = exports.LinkWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", " &:hover {\n    text-decoration: none;\n  }\n"])), function (props) {
   return wrapperStyles(props);
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Wrapper = exports.Wrapper = _styled.default.div(function (props) {
   return wrapperStyles(props);
 }, {
@@ -89,6 +91,7 @@ var Wrapper = exports.Wrapper = _styled.default.div(function (props) {
   marginTop: '10px'
 });
 var embedHeaderHeight = exports.embedHeaderHeight = 32;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Header = exports.Header = _styled.default.div({
   height: "".concat(embedHeaderHeight, "px"),
   position: 'absolute',
@@ -103,6 +106,7 @@ var Header = exports.Header = _styled.default.div({
   var frameStyle = _ref8.frameStyle;
   return frameStyle === 'show' ? "\n        box-sizing: border-box;\n        padding: 0 ".concat("var(--ds-space-100, 8px)", ";\n      ") : '';
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var IconWrapper = exports.IconWrapper = _styled.default.div(borderRadius, csssize(16), function (_ref9) {
   var isPlaceholder = _ref9.isPlaceholder;
   if (isPlaceholder) {
@@ -113,6 +117,8 @@ var IconWrapper = exports.IconWrapper = _styled.default.div(borderRadius, csssiz
 }, {
   marginRight: "var(--ds-space-050, 4px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TextWrapper = exports.TextWrapper = _styled.default.div(function (_ref10) {
   var isPlaceholder = _ref10.isPlaceholder;
   if (isPlaceholder) {
@@ -125,13 +131,15 @@ var TextWrapper = exports.TextWrapper = _styled.default.div(function (_ref10) {
   fontSize: '12px',
   lineHeight: '16px'
 }, ellipsis('none'));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TooltipWrapper = exports.TooltipWrapper = _styled.default.div({
   overflow: 'hidden'
 });
 // NB: `overflow` is kept as `hidden` since
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Content = exports.Content = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  ", ";\n  border: 1px solid ", ";\n  background-color: ", ";\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  transition: box-shadow 0.3s;\n\n  > .calc-height > div > div {\n    left: unset !important;\n    width: unset !important;\n    height: unset !important;\n    position: initial !important;\n    padding-bottom: unset !important;\n  }\n  > .embed-preview > div {\n    margin: 0 auto;\n  }\n\n  ", "\n\n  ", "\n\n  ", "\n"])), contentBorderRadius, "var(--ds-border, ".concat(_colors.N40, ")"), "var(--ds-surface-raised, white)", function (_ref11) {
   var allowScrollBar = _ref11.allowScrollBar,
     removeOverflow = _ref11.removeOverflow;
@@ -146,6 +154,7 @@ var Content = exports.Content = _styled.default.div(_templateObject2 || (_templa
   var frameStyle = _ref13.frameStyle;
   return frameStyle === 'hide' ? 'height: 100%;' : "\n        height: calc(100% - ".concat("var(--ds-space-400, 32px)", ");\n        top: ", "var(--ds-space-400, 32px)", ";\n      ");
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Image = exports.Image = _styled.default.img(function (_ref14) {
   var size = _ref14.size;
   return csssize(size);
@@ -153,12 +162,16 @@ var Image = exports.Image = _styled.default.img(function (_ref14) {
   overflow: 'hidden'
 });
 var maxAvatarCount = exports.maxAvatarCount = 6;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ContentWrapper = exports.ContentWrapper = _styled.default.div({
   display: 'flex',
   flexDirection: 'row',
   boxSizing: 'border-box',
   padding: "var(--ds-space-100, 8px)".concat(" ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)", " ", "var(--ds-space-150, 12px)")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Title = exports.Title = _styled.default.div({
   color: "var(--ds-text, ".concat(colors.N900, ")"),
   fontSize: '16px',
@@ -167,6 +180,8 @@ var Title = exports.Title = _styled.default.div({
   maxHeight: "".concat(20 * 4, "px"),
   overflow: 'hidden'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Byline = exports.Byline = _styled.default.div({
   marginTop: "var(--ds-space-050, 4px)",
   color: "var(--ds-text-subtlest, ".concat(colors.N300, ")"),
@@ -174,6 +189,8 @@ var Byline = exports.Byline = _styled.default.div({
   fontWeight: 'normal',
   lineHeight: 16 / 12
 }, ellipsis('100%'));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Description = exports.Description = _styled.default.div({
   marginTop: "calc(".concat("var(--ds-space-100, 8px)", " - 1px)"),
   color: "var(--ds-text, ".concat(colors.N800, ")"),
@@ -183,9 +200,12 @@ var Description = exports.Description = _styled.default.div({
   maxHeight: "".concat(18 * 3, "px"),
   overflow: 'hidden'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ResolvedViewIconWrapper = exports.ResolvedViewIconWrapper = _styled.default.div({
   marginTop: "var(--ds-space-050, 4px)"
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Thumbnail = exports.Thumbnail = _styled.default.div(borderRadius, csssize(48), function (props) {
   return {
     float: 'right',
@@ -195,9 +215,13 @@ var Thumbnail = exports.Thumbnail = _styled.default.div(borderRadius, csssize(48
     backgroundSize: 'cover'
   };
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var UsersWrapper = exports.UsersWrapper = _styled.default.div({
   marginTop: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var ActionsWrapper = exports.ActionsWrapper = _styled.default.div({
   marginTop: "var(--ds-space-100, 8px)",
   textAlign: 'right',
@@ -208,6 +232,8 @@ var ActionsWrapper = exports.ActionsWrapper = _styled.default.div({
     marginLeft: "var(--ds-space-050, 4px)"
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var AlertWrapper = exports.AlertWrapper = _styled.default.div({
   position: 'absolute',
   top: 0,

package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-indicator-tooltip.js

@@ -13,6 +13,7 @@ var _tooltip = _interopRequireWildcard(require("@atlaskit/tooltip"));
 var _primitives = require("@atlaskit/primitives");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var AIIndicatorTooltipPrimitive = (0, _styled.default)(_tooltip.TooltipPrimitive)({
   borderRadius: "var(--ds-border-radius, 3px)",
   backgroundColor: "var(--ds-surface-raised, white)",

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

@@ -94,10 +94,14 @@ var baseWrapperStyles = function baseWrapperStyles(props) {
     MozUserSelect: 'none'
   }, props.isHovered ? hoveredWihBorderStyles(props) : undefined);
 };
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WrapperAnchor = exports.WrapperAnchor = _styled.default.a(function (props) {
   return _objectSpread(_objectSpread({}, baseWrapperStyles(props)), isInteractive(props));
 });
 WrapperAnchor.displayName = 'WrapperAnchor';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var WrapperSpan = exports.WrapperSpan = _styled.default.span(function (props) {
   return _objectSpread({}, baseWrapperStyles(props));
 });

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

@@ -13,6 +13,7 @@ var _react = _interopRequireDefault(require("react"));
 // Current rationale: vertically positioned at the top of
 // the smart card container (when set to 0). Offset this
 // to position it with appropriate whitespace from the top.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var Icon = exports.Icon = _styled.default.img({
   height: '14px',
   width: '14px',
@@ -28,6 +29,7 @@ var Icon = exports.Icon = _styled.default.img({
 // Used for 'untrue' icons which claim to be 16x16 but
 // are less than that in height/width.
 // TODO: Replace this override with proper AtlasKit solution.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var AKIconWrapper = exports.AKIconWrapper = _styled.default.span({
   marginRight: "var(--ds-space-negative-025, -2px)"
 });

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

@@ -17,11 +17,13 @@ var IconOverrides = exports.IconOverrides = "\n\n  & > * > span {\n    height: 1
 // - @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.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var IconWrapper = exports.IconWrapper = _styled.default.span({
   userSelect: 'none'
 }, IconOverrides, IconObjectOverrides);
 
 // Wraps all emoji in Inline Links similar to icon
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var EmojiWrapper = exports.EmojiWrapper = _styled.default.span({
   display: 'inline-block',
   marginRight: "var(--ds-space-025, 2px)",
@@ -31,6 +33,7 @@ var EmojiWrapper = exports.EmojiWrapper = _styled.default.span({
 // 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.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var IconTitleWrapper = exports.IconTitleWrapper = _styled.default.span({
   whiteSpace: 'pre-wrap',
   wordBreak: 'break-all',
@@ -39,11 +42,14 @@ var IconTitleWrapper = exports.IconTitleWrapper = _styled.default.span({
 });
 
 // TODO: Replace overrides with proper AtlasKit solution.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LozengeWrapper = exports.LozengeWrapper = _styled.default.span({
   display: 'inline-block',
   verticalAlign: '1px',
   margin: "0 ".concat("var(--ds-space-050, 4px)", " 0 ", "var(--ds-space-025, 2px)")
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var RightIconPositionWrapper = exports.RightIconPositionWrapper = _styled.default.span({
   marginLeft: "var(--ds-space-025, 2px)",
   position: 'relative',
@@ -53,11 +59,14 @@ var RightIconPositionWrapper = exports.RightIconPositionWrapper = _styled.defaul
 // The following components are used to absolutely position icons in the vertical center.
 // - IconPositionWrapper: the `relative` parent which has no height in itself.
 // - IconEmptyWrapper: the child which forces `IconPositionWrapper` to have a height.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var IconPositionWrapper = exports.IconPositionWrapper = _styled.default.span({
   marginRight: "var(--ds-space-050, 4px)",
   position: 'relative',
   display: 'inline-block'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var IconEmptyWrapper = exports.IconEmptyWrapper = _styled.default.span({
   width: '14px',
   height: '100%',
@@ -68,4 +77,6 @@ var IconEmptyWrapper = exports.IconEmptyWrapper = _styled.default.span({
 // With emotion it's not possible to use reference to `TitleWrapper` as part of a selector,
 // To achieve same result we use classname instead.
 var TitleWrapperClassName = exports.TitleWrapperClassName = 'smart-link-title-wrapper';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var TitleWrapper = exports.TitleWrapper = _styled.default.span({});

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

@@ -51,9 +51,9 @@ var InlineCardResolvingView = exports.InlineCardResolvingView = /*#__PURE__*/fun
         return /*#__PURE__*/_react.default.createElement(_Frame.Frame, {
           testId: testId,
           onClick: onClick,
-          isSelected: isSelected
+          isSelected: isSelected,
+          link: url
         }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
-          link: url,
           title: url,
           titleTextColor: titleTextColor
         }, /*#__PURE__*/_react.default.createElement(_styled.SpinnerWrapper, {

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SpinnerWrapper = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _styled2 = require("../IconAndTitleLayout/styled");
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var SpinnerWrapper = exports.SpinnerWrapper = (0, _styled.default)(_styled2.IconTitleWrapper)({
   verticalAlign: 'text-bottom',
   padding: '0px'

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

@@ -9,6 +9,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
 // By default buttons will hide overflow and ellipsis content instead of wrapping.
 // This basically turns the button back into inline content
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var IconStyledButton = exports.IconStyledButton = _styled.default.span({
   '&&&': {
     textAlign: 'initial',
@@ -33,13 +34,19 @@ var IconStyledButton = exports.IconStyledButton = _styled.default.span({
     }
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var NoLinkAppearance = exports.NoLinkAppearance = _styled.default.span({
   color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
   marginLeft: "var(--ds-space-050, 4px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LowercaseAppearance = exports.LowercaseAppearance = _styled.default.span({
   textTransform: 'lowercase'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 var LinkAppearance = exports.LinkAppearance = _styled.default.a({
   color: "var(--ds-link, ".concat(_colors.B400, ")"),
   '&:hover': {

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

package/dist/cjs/view/RelatedLinksModal/components/RelatedLinksBaseModal.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntlNext = require("react-intl-next");
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
+var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _messages = require("../../../messages");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var RelatedLinksModal = function RelatedLinksModal(_ref) {
+  var onClose = _ref.onClose,
+    showModal = _ref.showModal,
+    children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, showModal && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
+    onClose: onClose
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_modal_title_nonfinal))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, children), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
+    appearance: "primary",
+    onClick: onClose
+  }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.close)))));
+};
+var _default = exports.default = RelatedLinksModal;

package/dist/cjs/view/RelatedLinksModal/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/es2019/messages.js

@@ -699,5 +699,10 @@ export const messages = defineMessages({
     id: 'fabric.linking.generic_error_message',
     defaultMessage: 'An error occurred',
     description: 'A generic error message to the user'
+  },
+  related_links_modal_title_nonfinal: {
+    id: 'fabric.linking.related_links_modal_title.nonfinal',
+    defaultMessage: 'Recent Links',
+    description: 'Shown as the title for the related links modal'
   }
 });

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

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

@@ -1,5 +1,6 @@
 import styled from '@emotion/styled';
 // TODO: Replace overrides with proper AtlasKit solution.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const LozengeBlockWrapper = styled.span({
   '& > span': {
     marginLeft: "var(--ds-space-050, 4px)"

package/dist/es2019/view/EmbedCard/components/styled.js

@@ -136,12 +136,14 @@ function visible({
   return frameStyle === 'show' ? visibleStyles : '';
 }
 
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const LinkWrapper = styled.div`
   ${props => wrapperStyles(props)} &:hover {
     text-decoration: none;
   }
 `;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const Wrapper = styled.div(props => wrapperStyles(props), {
   // We are keeping this margin as a hardcoded variable as it is not a standard token size and needs
   // to be thoroughly checked with a designer so that we do not miss an unintended visual change
@@ -149,6 +151,7 @@ export const Wrapper = styled.div(props => wrapperStyles(props), {
   marginTop: '10px'
 });
 export const embedHeaderHeight = 32;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const Header = styled.div({
   height: `${embedHeaderHeight}px`,
   position: 'absolute',
@@ -165,6 +168,7 @@ export const Header = styled.div({
         box-sizing: border-box;
         padding: 0 ${"var(--ds-space-100, 8px)"};
       ` : '');
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const IconWrapper = styled.div(borderRadius, csssize(16), ({
   isPlaceholder
 }) => {
@@ -178,6 +182,8 @@ export const IconWrapper = styled.div(borderRadius, csssize(16), ({
 }, {
   marginRight: "var(--ds-space-050, 4px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const TextWrapper = styled.div(({
   isPlaceholder
 }) => {
@@ -196,13 +202,15 @@ export const TextWrapper = styled.div(({
   fontSize: '12px',
   lineHeight: '16px'
 }, ellipsis('none'));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const TooltipWrapper = styled.div({
   overflow: 'hidden'
 });
 // NB: `overflow` is kept as `hidden` since
 // the internal contents of the `iframe` should
 // manage scrolling behaviour.
-// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression
+// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const Content = styled.div`
   ${contentBorderRadius};
   border: 1px solid ${`var(--ds-border, ${N40})`};
@@ -247,18 +255,23 @@ export const Content = styled.div`
         top: ${"var(--ds-space-400, 32px)"};
       `}
 `;
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const Image = styled.img(({
   size
 }) => csssize(size), borderRadius, {
   overflow: 'hidden'
 });
 export const maxAvatarCount = 6;
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ContentWrapper = styled.div({
   display: 'flex',
   flexDirection: 'row',
   boxSizing: 'border-box',
   padding: `${"var(--ds-space-100, 8px)"} ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-150, 12px)"}`
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const Title = styled.div({
   color: `var(--ds-text, ${colors.N900})`,
   fontSize: '16px',
@@ -267,6 +280,8 @@ export const Title = styled.div({
   maxHeight: `${20 * 4}px`,
   overflow: 'hidden'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const Byline = styled.div({
   marginTop: "var(--ds-space-050, 4px)",
   color: `var(--ds-text-subtlest, ${colors.N300})`,
@@ -274,6 +289,8 @@ export const Byline = styled.div({
   fontWeight: 'normal',
   lineHeight: 16 / 12
 }, ellipsis('100%'));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const Description = styled.div({
   marginTop: `calc(${"var(--ds-space-100, 8px)"} - 1px)`,
   color: `var(--ds-text, ${colors.N800})`,
@@ -283,9 +300,12 @@ export const Description = styled.div({
   maxHeight: `${18 * 3}px`,
   overflow: 'hidden'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ResolvedViewIconWrapper = styled.div({
   marginTop: "var(--ds-space-050, 4px)"
 });
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const Thumbnail = styled.div(borderRadius, csssize(48), props => ({
   float: 'right',
   margin: `${"var(--ds-space-050, 4px)"} 0 ${"var(--ds-space-150, 12px)"} ${"var(--ds-space-150, 12px)"}`,
@@ -293,9 +313,13 @@ export const Thumbnail = styled.div(borderRadius, csssize(48), props => ({
   backgroundImage: `url(${props.src})`,
   backgroundSize: 'cover'
 }));
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const UsersWrapper = styled.div({
   marginTop: "var(--ds-space-100, 8px)"
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const ActionsWrapper = styled.div({
   marginTop: "var(--ds-space-100, 8px)",
   textAlign: 'right',
@@ -306,6 +330,8 @@ export const ActionsWrapper = styled.div({
     marginLeft: "var(--ds-space-050, 4px)"
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const AlertWrapper = styled.div({
   position: 'absolute',
   top: 0,

package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-indicator-tooltip.js

@@ -3,6 +3,7 @@ import React from 'react';
 import styled from '@emotion/styled';
 import Tooltip, { TooltipPrimitive } from '@atlaskit/tooltip';
 import { Box, xcss } from '@atlaskit/primitives';
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 const AIIndicatorTooltipPrimitive = styled(TooltipPrimitive)({
   borderRadius: "var(--ds-border-radius, 3px)",
   backgroundColor: "var(--ds-surface-raised, white)",

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

@@ -90,11 +90,15 @@ const baseWrapperStyles = props => ({
 
   ...(props.isHovered ? hoveredWihBorderStyles(props) : undefined)
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const WrapperAnchor = styled.a(props => ({
   ...baseWrapperStyles(props),
   ...isInteractive(props)
 }));
 WrapperAnchor.displayName = 'WrapperAnchor';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const WrapperSpan = styled.span(props => ({
   ...baseWrapperStyles(props)
 }));

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

@@ -7,6 +7,7 @@ import React from 'react';
 // Current rationale: vertically positioned at the top of
 // the smart card container (when set to 0). Offset this
 // to position it with appropriate whitespace from the top.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const Icon = styled.img({
   height: '14px',
   width: '14px',
@@ -22,6 +23,7 @@ export const Icon = styled.img({
 // Used for 'untrue' icons which claim to be 16x16 but
 // are less than that in height/width.
 // TODO: Replace this override with proper AtlasKit solution.
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const AKIconWrapper = styled.span({
   marginRight: "var(--ds-space-negative-025, -2px)"
 });