@atlaskit/smart-card 26.68.0 → 26.69.1

package/dist/es2019/messages.js

@@ -31,7 +31,7 @@ export const messages = defineMessages({
     description: 'Additional info about the content summarised by AI.'
   },
   ai_summarized_info_short: {
-    id: 'fabric.linking.ai_summarized_info_short.nonfinal',
+    id: 'fabric.linking.ai_summarized_info_short',
     defaultMessage: 'Content quality may vary',
     description: 'Additional info about the content summarised by AI.'
   },
@@ -186,7 +186,7 @@ export const messages = defineMessages({
     description: ''
   },
   copied_url_to_clipboard: {
-    id: 'fabric.linking.copied_url_to_clipboard.nonfinal',
+    id: 'fabric.linking.copied_url_to_clipboard',
     defaultMessage: 'Copied!',
     description: 'Url has been copied to the clipboard'
   },
@@ -221,37 +221,37 @@ export const messages = defineMessages({
     description: ''
   },
   download_description: {
-    id: 'fabric.linking.download_description.nonfinal',
+    id: 'fabric.linking.download_description',
     defaultMessage: 'Download this file into your local storage',
     description: 'Description on what Download does'
   },
   download_file: {
-    id: 'fabric.linking.download_file.nonfinal',
+    id: 'fabric.linking.download_file',
     defaultMessage: 'Download file',
     description: 'Allow a user to download a file'
   },
   ai_summary_action: {
-    id: 'fabric.linking.ai_summary_action.nonfinal',
+    id: 'fabric.linking.ai_summary_action',
     defaultMessage: 'Summarize with AI',
     description: 'Allow a user to summarize a link'
   },
   ai_summary_action_description: {
-    id: 'fabric.linking.ai_summary_action_description.nonfinal',
+    id: 'fabric.linking.ai_summary_action_description',
     defaultMessage: 'Summarize the content of this link using Atlassian Intelligence.',
     description: 'Description of what the summarize link with AI action does'
   },
   copy_summary_action: {
-    id: 'fabric.linking.copy_summary_action.nonfinal',
+    id: 'fabric.linking.copy_summary_action',
     defaultMessage: 'Copy summary',
     description: 'Allow a user to copy a generated summary'
   },
   copy_summary_action_description: {
-    id: 'fabric.linking.copy_summary_action.nonfinal',
+    id: 'fabric.linking.copy_summary_action_description',
     defaultMessage: 'Copy summary',
     description: 'Description of what the copy summary AI action does'
   },
   copied_summary_action_description: {
-    id: 'fabric.linking.copied_summary_action_description.nonfinal',
+    id: 'fabric.linking.copied_summary_action_description',
     defaultMessage: 'Copied summary to clipboard',
     description: 'Confirmation to the user that the summry has been copied'
   },
@@ -266,32 +266,32 @@ export const messages = defineMessages({
     description: 'Click to follow a project.'
   },
   follow_project_description: {
-    id: 'fabric.linking.follow_project_description.nonfinal',
+    id: 'fabric.linking.follow_project_description',
     defaultMessage: 'Follow to get notifications on this project',
     description: 'Description on what Follow does'
   },
   follow_project: {
-    id: 'fabric.linking.follow_project.nonfinal',
+    id: 'fabric.linking.follow_project',
     defaultMessage: 'Follow project',
     description: 'Click to follow a project.'
   },
   follow_project_error: {
-    id: 'fabric.linking.follow_project_error.nonfinal',
+    id: 'fabric.linking.follow_project_error',
     defaultMessage: 'We encountered an error while trying to follow the project. Check your connection or refresh the page and try again.',
     description: 'Shown when an unknown error occurs when following an Atlas project'
   },
   follow_goal_description: {
-    id: 'fabric.linking.follow_goal_description.nonfinal',
+    id: 'fabric.linking.follow_goal_description',
     defaultMessage: 'Follow this goal to get notifications on updates',
     description: 'Description on what Follow does'
   },
   follow_goal: {
-    id: 'fabric.linking.follow_goal.nonfinal',
+    id: 'fabric.linking.follow_goal',
     defaultMessage: 'Follow goal',
     description: 'Click to follow a project.'
   },
   follow_goal_error: {
-    id: 'fabric.linking.follow_goal_error.nonfinal',
+    id: 'fabric.linking.follow_goal_error',
     defaultMessage: 'We encountered an error while trying to follow the goal. Check your connection or refresh the page and try again.',
     description: 'Shown when an unknown error occurs when following an Atlas goal'
   },
@@ -366,7 +366,7 @@ export const messages = defineMessages({
     description: 'Indicates the person or entity that owns or maintains the resource.'
   },
   preview_description: {
-    id: 'fabric.linking.preview_description.nonfinal',
+    id: 'fabric.linking.preview_description',
     defaultMessage: 'Open a full screen preview of this link',
     description: 'Description on what Preview does'
   },
@@ -556,32 +556,32 @@ export const messages = defineMessages({
     description: 'Click to unfollow a project.'
   },
   unfollow_project_description: {
-    id: 'fabric.linking.unfollow_project_description.nonfinal',
+    id: 'fabric.linking.unfollow_project_description',
     defaultMessage: 'Unfollow to stop receiving project notifications',
     description: 'Description on what Unfollow does'
   },
   unfollow_project: {
-    id: 'fabric.linking.unfollow_project.nonfinal',
+    id: 'fabric.linking.unfollow_project',
     defaultMessage: 'Unfollow project',
     description: 'Click to unfollow a project.'
   },
   unfollow_project_error: {
-    id: 'fabric.linking.unfollow_project_error.nonfinal',
+    id: 'fabric.linking.unfollow_project_error',
     defaultMessage: 'We encountered an error while trying to unfollow the project. Check your connection or refresh the page and try again.',
     description: 'Shown when an unknown error occurs when unfollowing an Atlas project'
   },
   unfollow_goal_description: {
-    id: 'fabric.linking.unfollow_goal_description.nonfinal',
+    id: 'fabric.linking.unfollow_goal_description',
     defaultMessage: 'Unfollow to stop receiving notifications for this goal',
     description: 'Description on what Unfollow does'
   },
   unfollow_goal: {
-    id: 'fabric.linking.unfollow_goal.nonfinal',
+    id: 'fabric.linking.unfollow_goal',
     defaultMessage: 'Unfollow goal',
     description: 'Click to unfollow a project.'
   },
   unfollow_goal_error: {
-    id: 'fabric.linking.unfollow_goal_error.nonfinal',
+    id: 'fabric.linking.unfollow_goal_error',
     defaultMessage: 'We encountered an error while trying to unfollow the goal. Check your connection or refresh the page and try again.',
     description: 'Shown when an unknown error occurs when unfollowing an Atlas goal'
   },
@@ -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.68.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/actions/ai-summary-action/copy-summary-action.js

@@ -17,7 +17,7 @@ export function CopySummaryAction({
   const {
     fireEvent
   } = useAnalyticsEvents();
-  const [tooltipMessage, setTooltipMessage] = useState(messages.copy_summary_action);
+  const [tooltipMessage, setTooltipMessage] = useState(messages.copy_summary_action_description);
   const handleCopySummaryClick = useCallback(async () => {
     fireEvent('ui.button.clicked.copySummary', {});
     await navigator.clipboard.writeText(content !== null && content !== void 0 ? content : '');
@@ -31,6 +31,7 @@ export function CopySummaryAction({
     }),
     onClick: handleCopySummaryClick,
     testId: `${testId}-copy-summary-action`,
-    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, tooltipMessage)
+    tooltipMessage: /*#__PURE__*/React.createElement(FormattedMessage, tooltipMessage),
+    tooltipOnHide: () => setTooltipMessage(messages.copy_summary_action_description)
   }, props));
 }

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)"
 });

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

@@ -39,11 +39,13 @@ export const IconOverrides = `
 // - @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
 export const IconWrapper = styled.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
 export const EmojiWrapper = styled.span({
   display: 'inline-block',
   marginRight: "var(--ds-space-025, 2px)",
@@ -53,6 +55,7 @@ export const EmojiWrapper = styled.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
 export const IconTitleWrapper = styled.span({
   whiteSpace: 'pre-wrap',
   wordBreak: 'break-all',
@@ -61,11 +64,14 @@ export const IconTitleWrapper = styled.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
 export const LozengeWrapper = styled.span({
   display: 'inline-block',
   verticalAlign: '1px',
   margin: `0 ${"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
 export const RightIconPositionWrapper = styled.span({
   marginLeft: "var(--ds-space-025, 2px)",
   position: 'relative',
@@ -75,11 +81,14 @@ export const RightIconPositionWrapper = styled.span({
 // 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
 export const IconPositionWrapper = styled.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
 export const IconEmptyWrapper = styled.span({
   width: '14px',
   height: '100%',
@@ -90,4 +99,6 @@ export const IconEmptyWrapper = styled.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.
 export const TitleWrapperClassName = 'smart-link-title-wrapper';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const TitleWrapper = styled.span({});

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

@@ -29,9 +29,9 @@ export class InlineCardResolvingView extends React.Component {
       return /*#__PURE__*/React.createElement(Frame, {
         testId: testId,
         onClick: onClick,
-        isSelected: isSelected
+        isSelected: isSelected,
+        link: url
       }, /*#__PURE__*/React.createElement(IconAndTitleLayout, {
-        link: url,
         title: url,
         titleTextColor: titleTextColor
       }, /*#__PURE__*/React.createElement(SpinnerWrapper, {

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

@@ -1,5 +1,7 @@
 import styled from '@emotion/styled';
 import { IconTitleWrapper } from '../IconAndTitleLayout/styled';
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const SpinnerWrapper = styled(IconTitleWrapper)({
   verticalAlign: 'text-bottom',
   padding: '0px'

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

@@ -2,6 +2,7 @@ import styled from '@emotion/styled';
 import { B400, N200 } from '@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
 export const IconStyledButton = styled.span({
   '&&&': {
     textAlign: 'initial',
@@ -26,13 +27,19 @@ export const IconStyledButton = styled.span({
     }
   }
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const NoLinkAppearance = styled.span({
   color: `var(--ds-text-subtlest, ${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
 export const LowercaseAppearance = styled.span({
   textTransform: 'lowercase'
 });
+
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
 export const LinkAppearance = styled.a({
   color: `var(--ds-link, ${B400})`,
   '&:hover': {

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

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

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl-next';
+import Button from '@atlaskit/button/new';
+import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { messages } from '../../../messages';
+const RelatedLinksModal = ({
+  onClose,
+  showModal,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, {
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title_nonfinal))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    appearance: "primary",
+    onClick: onClose
+  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.close)))));
+};
+export default RelatedLinksModal;

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

@@ -0,0 +1 @@
+export {};