@atlaskit/smart-card 36.2.6 → 36.3.0

package/dist/esm/view/RelatedLinksModal/components/related-link-item/index.js

@@ -2,13 +2,19 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags';
 import { SmartLinkStatus } from '../../../../constants';
 import { Card, ElementName, SmartLinkPosition, SmartLinkSize, SmartLinkTheme, TitleBlock } from '../../../../index';
+var hoverStyleOld = null;
 var hoverStyle = null;
+var baseStyle = null;
+var selectedStyle = null;
 var relatedLinkItemStyles = null;
 var RelatedLinkItem = function RelatedLinkItem(_ref) {
   var url = _ref.url,
-    testId = _ref.testId;
+    testId = _ref.testId,
+    isSelected = _ref.isSelected,
+    onFocus = _ref.onFocus;
   var subtitle = [{
     name: ElementName.Provider,
     hideIcon: true
@@ -19,11 +25,15 @@ var RelatedLinkItem = function RelatedLinkItem(_ref) {
     hideBackground: true,
     theme: SmartLinkTheme.Black,
     clickableContainer: true,
-    size: SmartLinkSize.Large
+    size: fg('platform-linking-visual-refresh-v2') ? SmartLinkSize.Medium : SmartLinkSize.Large
   };
   return /*#__PURE__*/React.createElement("div", {
     "data-testId": testId,
-    className: ax(["_8vu4iti9 _1mxox0bf _10swu2gc _irr31d5g"])
+    onFocus: onFocus,
+    className: ax([fg('platform-linking-visual-refresh-v2') && "_195gmgjw _18zrpxbi _1kl71vrj", fg('platform-linking-visual-refresh-v2') ? "_irr3166n _1di61dty" : "_8vu4iti9 _1mxox0bf _10swu2gc _irr31d5g", isSelected && fg('platform-linking-visual-refresh-v2') && "_1kl7nmxp _bfhkfg4m _irr3i1yw _1q5t1r31 _1ohyglyw _1r9x1o36 _1di619ru"]),
+    style: {
+      "--_nu2mv8": ix("2px solid ".concat("var(--ds-border-selected, #0C66E4)"))
+    }
   }, /*#__PURE__*/React.createElement(Card, {
     appearance: "block",
     ui: ui,
@@ -31,7 +41,7 @@ var RelatedLinkItem = function RelatedLinkItem(_ref) {
   }, /*#__PURE__*/React.createElement(TitleBlock, {
     maxLines: 1,
     hideTitleTooltip: true,
-    position: SmartLinkPosition.Center,
+    position: fg('platform-linking-visual-refresh-v2') ? SmartLinkPosition.Top : SmartLinkPosition.Center,
     subtitle: subtitle,
     anchorTarget: "_blank",
     size: ui.size,

package/dist/esm/view/RelatedLinksModal/components/related-links-list/index.compiled.css

@@ -1,4 +1,5 @@
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11c81vhk{font:var(--ds-font-heading-xxsmall,normal 600 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
-._1q511b66{padding-block-start:var(--ds-space-050,4px)}
+._1q511b66{padding-block-start:var(--ds-space-050,4px)}
+._syaz1gjq{color:var(--ds-text-subtle,#44546f)}

package/dist/esm/view/RelatedLinksModal/components/related-links-list/index.js

@@ -3,27 +3,41 @@ import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { FormattedMessage } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Stack } from '@atlaskit/primitives/compiled';
 import { messages } from '../../../../messages';
 import RelatedLinkItem from '../related-link-item';
 var styles = {
-  sectionTitle: "_11c81vhk _1q511b66",
+  sectionTitleOld: "_11c81vhk _1q511b66",
+  sectionTitle: "_11c81vhk _syaz1gjq _1q511b66",
   boxStyle: "_11c81o8v _1rjcu2gc"
 };
 var RelatedLinksList = function RelatedLinksList(_ref) {
   var urls = _ref.urls,
     title = _ref.title,
-    testId = _ref.testId;
+    testId = _ref.testId,
+    selected = _ref.selected,
+    handleSelectedUpdate = _ref.handleSelectedUpdate;
+  var TitleWrapper = function TitleWrapper(_ref2) {
+    var children = _ref2.children;
+    return fg('platform-linking-visual-refresh-v2') ? /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.sectionTitle
+    }, children) : /*#__PURE__*/React.createElement(Box, {
+      xcss: styles.sectionTitleOld
+    }, children);
+  };
   return /*#__PURE__*/React.createElement(Stack, {
     testId: testId
-  }, /*#__PURE__*/React.createElement(Box, {
-    xcss: styles.sectionTitle
-  }, /*#__PURE__*/React.createElement(FormattedMessage, title)), urls.length > 0 && /*#__PURE__*/React.createElement(Box, null, urls.map(function (url, idx) {
+  }, /*#__PURE__*/React.createElement(TitleWrapper, null, /*#__PURE__*/React.createElement(FormattedMessage, title)), urls.length > 0 && /*#__PURE__*/React.createElement(Box, null, urls.map(function (url, idx) {
     return /*#__PURE__*/React.createElement(Stack, {
       key: "".concat(idx, "-").concat(url)
     }, /*#__PURE__*/React.createElement(RelatedLinkItem, {
       url: url,
-      testId: "".concat(testId, "-item-").concat(idx)
+      testId: "".concat(testId, "-item-").concat(idx),
+      isSelected: selected === "".concat(idx, "-").concat(url),
+      onFocus: function onFocus() {
+        return handleSelectedUpdate && handleSelectedUpdate("".concat(idx, "-").concat(url));
+      }
     }));
   })), urls.length === 0 && /*#__PURE__*/React.createElement(Box, {
     xcss: styles.boxStyle

package/dist/esm/view/RelatedLinksModal/views/errored/error-svg/search-no-result/index.js

@@ -0,0 +1,11 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { RenderSVG } from '../../../../../common/render-svg';
+import Dark from './assets/dark.svg';
+import Light from './assets/light.svg';
+export var SpotSearchNoResult = function SpotSearchNoResult(props) {
+  return /*#__PURE__*/React.createElement(RenderSVG, _extends({
+    src: Light,
+    srcDark: Dark
+  }, props));
+};

package/dist/esm/view/RelatedLinksModal/views/errored/index.js

@@ -1,11 +1,19 @@
 import React from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
+import { fg } from "@atlaskit/platform-feature-flags";
+import { GenericErrorIcon } from "../../../../common/ui/icons/generic-error-icon";
 import { messages } from '../../../../messages';
 import { EmptyState } from '../../components/EmptyState';
 import { ErrorSVG } from './error-svg';
 var RelatedLinksErroredView = function RelatedLinksErroredView() {
   var intl = useIntl();
-  return /*#__PURE__*/React.createElement(EmptyState, {
+  return fg('platform-linking-visual-refresh-v2') ? /*#__PURE__*/React.createElement(EmptyState, {
+    renderImage: function renderImage() {
+      return /*#__PURE__*/React.createElement(GenericErrorIcon, null);
+    },
+    header: intl.formatMessage(messages.related_links_modal_error_title),
+    description: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_error_description)
+  }) : /*#__PURE__*/React.createElement(EmptyState, {
     renderImage: function renderImage() {
       return /*#__PURE__*/React.createElement(ErrorSVG, null);
     },

package/dist/esm/view/RelatedLinksModal/views/resolved/index.js

@@ -1,5 +1,7 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React from 'react';
 import { AnalyticsContext } from '@atlaskit/analytics-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Stack } from '@atlaskit/primitives/compiled';
 import { messages } from '../../../../messages';
 import RelatedLinksList from '../../components/related-links-list';
@@ -8,6 +10,13 @@ var RelatedLinksResolvedView = function RelatedLinksResolvedView(_ref) {
     incomingLinks = _ref$incomingLinks === void 0 ? [] : _ref$incomingLinks,
     _ref$outgoingLinks = _ref.outgoingLinks,
     outgoingLinks = _ref$outgoingLinks === void 0 ? [] : _ref$outgoingLinks;
+  var _React$useState = React.useState(''),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    selected = _React$useState2[0],
+    setSelected = _React$useState2[1];
+  var handleSelectedUpdate = function handleSelectedUpdate(selectedKey) {
+    setSelected(selectedKey);
+  };
   return /*#__PURE__*/React.createElement(Stack, {
     space: "space.150"
   }, /*#__PURE__*/React.createElement(AnalyticsContext, {
@@ -16,16 +25,20 @@ var RelatedLinksResolvedView = function RelatedLinksResolvedView(_ref) {
     }
   }, /*#__PURE__*/React.createElement(RelatedLinksList, {
     urls: incomingLinks,
-    title: messages.related_links_found_in,
-    testId: "incoming-related-links-list"
+    title: fg('platform-linking-visual-refresh-v2') ? messages.related_links_found_in_v2 : messages.related_links_found_in,
+    testId: "incoming-related-links-list",
+    selected: selected,
+    handleSelectedUpdate: handleSelectedUpdate
   })), /*#__PURE__*/React.createElement(AnalyticsContext, {
     data: {
       component: 'relatedLinksOutgoing'
     }
   }, /*#__PURE__*/React.createElement(RelatedLinksList, {
     urls: outgoingLinks,
-    title: messages.related_links_includes_links_to,
-    testId: "outgoing-related-links-list"
+    title: fg('platform-linking-visual-refresh-v2') ? messages.related_links_includes_links_to_v2 : messages.related_links_includes_links_to,
+    testId: "outgoing-related-links-list",
+    selected: selected,
+    handleSelectedUpdate: handleSelectedUpdate
   })));
 };
 export default RelatedLinksResolvedView;

package/dist/esm/view/RelatedLinksModal/views/unavailable/index.js

@@ -1,11 +1,22 @@
 import React from 'react';
 import { FormattedMessage, useIntl } from 'react-intl-next';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../../../messages';
 import { EmptyState } from '../../components/EmptyState';
+import { SpotSearchNoResult } from '../errored/error-svg/search-no-result';
 import { UnavailableSVG } from './unavailable-svg';
 var RelatedLinksUnavailableView = function RelatedLinksUnavailableView() {
   var intl = useIntl();
-  return /*#__PURE__*/React.createElement(EmptyState, {
+  return fg('platform-linking-visual-refresh-v2') ? /*#__PURE__*/React.createElement(EmptyState, {
+    renderImage: function renderImage() {
+      return /*#__PURE__*/React.createElement(SpotSearchNoResult, {
+        size: 'large',
+        alt: intl.formatMessage(messages.related_links_modal_unavailable_title)
+      });
+    },
+    header: intl.formatMessage(messages.related_links_modal_unavailable_title),
+    description: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_unavailable_description)
+  }) : /*#__PURE__*/React.createElement(EmptyState, {
     renderImage: function renderImage() {
       return /*#__PURE__*/React.createElement(UnavailableSVG, null);
     },

package/dist/esm/view/common/render-svg.compiled.css

@@ -0,0 +1,3 @@
+._1bsb1lit{width:10pc}
+._1bsb1wqb{width:60px}
+._1bsb53f4{width:75pt}

package/dist/esm/view/common/render-svg.js

@@ -0,0 +1,22 @@
+/* render-svg.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./render-svg.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import Image from '@atlaskit/image';
+var imageSizeStyles = {
+  xlarge: "_1bsb1lit",
+  large: "_1bsb53f4",
+  medium: "_1bsb1wqb"
+};
+export var RenderSVG = function RenderSVG(_ref) {
+  var alt = _ref.alt,
+    size = _ref.size,
+    src = _ref.src,
+    srcDark = _ref.srcDark;
+  return /*#__PURE__*/React.createElement(Image, {
+    src: src,
+    srcDark: srcDark,
+    alt: alt,
+    className: ax([size && imageSizeStyles[size]])
+  });
+};

package/dist/types/common/ui/icons/generic-error-icon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GenericErrorIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/types/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'more_information_about_this_work_item' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_header' | 'related_links_modal_error_message' | 'related_links_modal_unavailable_header' | 'related_links_modal_unavailable_message' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'status_change_permission_errorIssueTermRefresh';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'more_information_about_this_work_item' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_header' | 'related_links_modal_error_title' | 'related_links_modal_error_message' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_header' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_message' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_modal_title_v2' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_found_in_v2' | 'related_links_includes_links_to' | 'related_links_includes_links_to_v2' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'status_change_permission_errorIssueTermRefresh';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types/view/RelatedLinksModal/components/related-link-item/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type RelatedLinkItemProp } from '../types';
-declare const RelatedLinkItem: ({ url, testId }: RelatedLinkItemProp) => JSX.Element;
+declare const RelatedLinkItem: ({ url, testId, isSelected, onFocus }: RelatedLinkItemProp) => JSX.Element;
 export default RelatedLinkItem;

package/dist/types/view/RelatedLinksModal/components/related-links-list/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type RelatedLinksListProp } from '../types';
-declare const RelatedLinksList: ({ urls, title, testId }: RelatedLinksListProp) => JSX.Element;
+declare const RelatedLinksList: ({ urls, title, testId, selected, handleSelectedUpdate, }: RelatedLinksListProp) => JSX.Element;
 export default RelatedLinksList;

package/dist/types/view/RelatedLinksModal/components/types.d.ts

@@ -6,6 +6,8 @@ export type RelatedLinkItemProp = {
      */
     url: string;
     testId?: string;
+    isSelected?: boolean;
+    onFocus?: () => void;
 };
 export type RelatedLinksListProp = {
     /**
@@ -18,6 +20,8 @@ export type RelatedLinksListProp = {
      */
     urls: string[];
     testId?: string;
+    selected?: string;
+    handleSelectedUpdate?: (selectedKey: string) => void;
 };
 export type RelatedLinksBaseModalProps = {
     /**

package/dist/types/view/RelatedLinksModal/views/errored/error-svg/search-no-result/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RenderSVGProps } from '../../../../../common/render-svg';
+export declare const SpotSearchNoResult: (props: RenderSVGProps) => React.JSX.Element;

package/dist/types/view/common/render-svg.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+/// <reference types="react" />
+export type RenderSVGProps = {
+    size?: 'xlarge' | 'large' | 'medium';
+    alt: string;
+};
+type RenderSVGInternalProps = RenderSVGProps & {
+    src: string;
+    srcDark?: string;
+    className?: string;
+};
+export declare const RenderSVG: ({ alt, size, src, srcDark }: RenderSVGInternalProps) => JSX.Element;
+export {};

package/dist/types-ts4.5/common/ui/icons/generic-error-icon.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const GenericErrorIcon: (props: React.SVGProps<SVGSVGElement>) => JSX.Element;

package/dist/types-ts4.5/messages.d.ts

@@ -1,6 +1,6 @@
 import { type MessageDescriptor } from 'react-intl-next';
 export type RequestAccessMessageKey = 'click_to_join' | 'click_to_join_description' | 'forbidden_description' | 'request_access' | 'request_access_description' | 'request_access_pending' | 'request_access_pending_title' | 'request_access_pending_description' | 'request_denied_description' | 'default_no_access_title' | 'direct_access_title' | 'direct_access_description' | 'direct_access' | 'access_exists_description' | 'not_found_description' | 'not_found_title';
-export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'more_information_about_this_work_item' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_header' | 'related_links_modal_error_message' | 'related_links_modal_unavailable_header' | 'related_links_modal_unavailable_message' | 'related_links_modal_title' | 'related_links_view_related_urls' | 'related_links_found_in' | 'related_links_includes_links_to' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'status_change_permission_errorIssueTermRefresh';
+export type MessageKey = 'assigned_to' | 'ai_summarize' | 'ai_summarized' | 'ai_summarized_abbreviation' | 'ai_summarized_info' | 'ai_summarized_info_short' | 'ai_summarizing' | 'ai_summary_error_generic' | 'ai_summary_error_acceptable_use_violation' | 'ai_summary_error_hipaa_content_detected' | 'ai_summary_error_exceeding_context_length_error' | 'ai_summary_action' | 'ai_summary_action_description' | 'automation_action_title' | 'automation_action_tooltip' | 'automation_action_icon_label' | 'automation_action_confluence_page_modal_title' | 'automation_action_confluence_page_modal_description' | 'copy_summary_action' | 'copy_summary_action_description' | 'copied_summary_action_description' | 'beta' | 'cannot_find_link' | 'connect_link_account_card' | 'connect_link_account_card_name' | 'connect_link_account_card_description' | 'connect_unauthorised_account_action' | 'connect_unauthorised_account_description' | 'connect_unauthorised_account_description_no_provider' | 'continue' | 'copy_url_to_clipboard' | 'copied_url_to_clipboard' | 'could_not_load_link' | 'download' | 'download_description' | 'download_file' | 'follow' | 'follow_project_description' | 'follow_project' | 'follow_goal' | 'follow_goal_description' | 'follow_project_error' | 'follow_goal_error' | 'go_back' | 'invalid_permissions' | 'invalid_permissions_description' | 'join_to_view' | 'connect_link_account' | 'created_by' | 'created_on_relative' | 'created_on_absolute' | 'check_this_link' | 'delete' | 'edit' | 'learn_more_about_smart_links' | 'learn_more_about_connecting_account' | 'loading' | 'link_safety_warning_message' | 'modified_by' | 'modified_on_relative' | 'modified_on_absolute' | 'more_actions' | 'more_information_about_this_work_item' | 'not_found_title' | 'not_found_description' | 'open_issue_in_jira' | 'open_link_in_a_new_tab' | 'owned_by' | 'preview_description' | 'preview_improved' | 'preview_close' | 'preview_max_size' | 'preview_min_size' | 'priority_blocker' | 'priority_critical' | 'priority_high' | 'priority_highest' | 'priority_low' | 'priority_lowest' | 'priority_major' | 'priority_medium' | 'priority_minor' | 'priority_trivial' | 'priority_undefined' | 'forbidden_access' | 'pending_request' | 'read_time' | 'restricted_link' | 'request_access_to_view' | 'request_denied' | 'sent_on_relative' | 'sent_on_absolute' | 'status_change_load_error' | 'status_change_permission_error' | 'status_change_update_error' | 'try_again' | 'try_another_account' | 'unauthorised_account_description' | 'unauthorised_account_description_no_provider' | 'unauthorised_account_name' | 'unauthorised_account_name_no_provider' | 'unassigned' | 'unfollow' | 'unfollow_project_description' | 'unfollow_project' | 'unfollow_project_error' | 'unfollow_goal' | 'unfollow_goal_description' | 'unfollow_goal_error' | 'view' | 'viewIn' | 'viewOriginal' | 'actions' | 'add_account' | 'cancel' | 'close' | 'connect_to' | 'connect_account_description' | 'retry' | 'save' | 'unlink_account' | RequestAccessMessageKey | 'related' | 'generic_error_message' | 'related_links_modal_error_header' | 'related_links_modal_error_title' | 'related_links_modal_error_message' | 'related_links_modal_error_description' | 'related_links_modal_unavailable_header' | 'related_links_modal_unavailable_title' | 'related_links_modal_unavailable_message' | 'related_links_modal_unavailable_description' | 'related_links_modal_title' | 'related_links_modal_title_v2' | 'related_links_view_related_urls' | 'related_links_view_related_links' | 'related_links_found_in' | 'related_links_found_in_v2' | 'related_links_includes_links_to' | 'related_links_includes_links_to_v2' | 'related_links_not_found' | 'join_to_viewIssueTermRefresh' | 'open_issue_in_jiraIssueTermRefresh' | 'request_access_to_viewIssueTermRefresh' | 'status_change_permission_errorIssueTermRefresh';
 type Messages = {
     [K in MessageKey]: MessageDescriptor;
 };

package/dist/types-ts4.5/view/RelatedLinksModal/components/related-link-item/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type RelatedLinkItemProp } from '../types';
-declare const RelatedLinkItem: ({ url, testId }: RelatedLinkItemProp) => JSX.Element;
+declare const RelatedLinkItem: ({ url, testId, isSelected, onFocus }: RelatedLinkItemProp) => JSX.Element;
 export default RelatedLinkItem;

package/dist/types-ts4.5/view/RelatedLinksModal/components/related-links-list/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type RelatedLinksListProp } from '../types';
-declare const RelatedLinksList: ({ urls, title, testId }: RelatedLinksListProp) => JSX.Element;
+declare const RelatedLinksList: ({ urls, title, testId, selected, handleSelectedUpdate, }: RelatedLinksListProp) => JSX.Element;
 export default RelatedLinksList;

package/dist/types-ts4.5/view/RelatedLinksModal/components/types.d.ts

@@ -6,6 +6,8 @@ export type RelatedLinkItemProp = {
      */
     url: string;
     testId?: string;
+    isSelected?: boolean;
+    onFocus?: () => void;
 };
 export type RelatedLinksListProp = {
     /**
@@ -18,6 +20,8 @@ export type RelatedLinksListProp = {
      */
     urls: string[];
     testId?: string;
+    selected?: string;
+    handleSelectedUpdate?: (selectedKey: string) => void;
 };
 export type RelatedLinksBaseModalProps = {
     /**

package/dist/types-ts4.5/view/RelatedLinksModal/views/errored/error-svg/search-no-result/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RenderSVGProps } from '../../../../../common/render-svg';
+export declare const SpotSearchNoResult: (props: RenderSVGProps) => React.JSX.Element;

package/dist/types-ts4.5/view/common/render-svg.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+export type RenderSVGProps = {
+    size?: 'xlarge' | 'large' | 'medium';
+    alt: string;
+};
+type RenderSVGInternalProps = RenderSVGProps & {
+    src: string;
+    srcDark?: string;
+    className?: string;
+};
+export declare const RenderSVG: ({ alt, size, src, srcDark }: RenderSVGInternalProps) => JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "36.2.6",
+	"version": "36.3.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -44,7 +44,8 @@
 		"@atlaskit/icon-lab": "^4.6.0",
 		"@atlaskit/icon-object": "^7.0.0",
 		"@atlaskit/icon-priority": "^6.3.0",
-		"@atlaskit/json-ld-types": "^1.0.0",
+		"@atlaskit/image": "^3.0.0",
+		"@atlaskit/json-ld-types": "^1.1.0",
 		"@atlaskit/legacy-custom-icons": "^0.22.0",
 		"@atlaskit/link": "^3.1.0",
 		"@atlaskit/link-analytics": "^9.1.0",
@@ -58,10 +59,10 @@
 		"@atlaskit/modal-dialog": "^14.1.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/popup": "^3.0.0",
+		"@atlaskit/popup": "^4.0.0",
 		"@atlaskit/primitives": "^14.3.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/select": "^20.1.0",
+		"@atlaskit/select": "^20.2.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
@@ -93,7 +94,7 @@
 		"@af/integration-testing": "^0.5.0",
 		"@af/visual-regression": "^1.3.0",
 		"@atlaskit/analytics-listeners": "^9.0.0",
-		"@atlaskit/css-reset": "^7.1.0",
+		"@atlaskit/css-reset": "^7.2.0",
 		"@atlaskit/link-test-helpers": "^8.0.0",
 		"@atlaskit/media-test-helpers": "^35.0.0",
 		"@atlaskit/react-ufo": "^3.4.0",
@@ -210,6 +211,9 @@
 		},
 		"fix_a11y_violation_in_hover_card_trigger": {
 			"type": "boolean"
+		},
+		"platform-linking-visual-refresh-v2": {
+			"type": "boolean"
 		}
 	}
 }