@atlaskit/smart-card 36.2.5 → 36.2.7

package/dist/es2019/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/es2019/view/RelatedLinksModal/components/related-links-list/index.js

@@ -3,27 +3,38 @@ 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';
 const styles = {
-  sectionTitle: "_11c81vhk _1q511b66",
+  sectionTitleOld: "_11c81vhk _1q511b66",
+  sectionTitle: "_11c81vhk _syaz1gjq _1q511b66",
   boxStyle: "_11c81o8v _1rjcu2gc"
 };
 const RelatedLinksList = ({
   urls,
   title,
-  testId
+  testId,
+  selected,
+  handleSelectedUpdate
 }) => {
+  const TitleWrapper = ({
+    children
+  }) => 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((url, idx) => /*#__PURE__*/React.createElement(Stack, {
+  }, /*#__PURE__*/React.createElement(TitleWrapper, null, /*#__PURE__*/React.createElement(FormattedMessage, title)), urls.length > 0 && /*#__PURE__*/React.createElement(Box, null, urls.map((url, idx) => /*#__PURE__*/React.createElement(Stack, {
     key: `${idx}-${url}`
   }, /*#__PURE__*/React.createElement(RelatedLinkItem, {
     url: url,
-    testId: `${testId}-item-${idx}`
+    testId: `${testId}-item-${idx}`,
+    isSelected: selected === `${idx}-${url}`,
+    onFocus: () => handleSelectedUpdate && handleSelectedUpdate(`${idx}-${url}`)
   })))), urls.length === 0 && /*#__PURE__*/React.createElement(Box, {
     xcss: styles.boxStyle
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_not_found)));

package/dist/es2019/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 const SpotSearchNoResult = props => {
+  return /*#__PURE__*/React.createElement(RenderSVG, _extends({
+    src: Light,
+    srcDark: Dark
+  }, props));
+};

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

@@ -1,5 +1,6 @@
 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';
@@ -7,6 +8,10 @@ const RelatedLinksResolvedView = ({
   incomingLinks = [],
   outgoingLinks = []
 }) => {
+  const [selected, setSelected] = React.useState("");
+  const handleSelectedUpdate = selectedKey => {
+    setSelected(selectedKey);
+  };
   return /*#__PURE__*/React.createElement(Stack, {
     space: "space.150"
   }, /*#__PURE__*/React.createElement(AnalyticsContext, {
@@ -15,16 +20,20 @@ const RelatedLinksResolvedView = ({
     }
   }, /*#__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/es2019/view/RelatedLinksModal/views/unavailable/index.js

@@ -1,11 +1,20 @@
 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';
 const RelatedLinksUnavailableView = () => {
   const intl = useIntl();
-  return /*#__PURE__*/React.createElement(EmptyState, {
+  return fg('platform-linking-visual-refresh-v2') ? /*#__PURE__*/React.createElement(EmptyState, {
+    renderImage: () => /*#__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: () => /*#__PURE__*/React.createElement(UnavailableSVG, null),
     header: intl.formatMessage(messages.related_links_modal_unavailable_header),
     description: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_unavailable_message)

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

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

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

@@ -0,0 +1,23 @@
+/* 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';
+const imageSizeStyles = {
+  xlarge: "_1bsb1lit",
+  large: "_1bsb53f4",
+  medium: "_1bsb1wqb"
+};
+export const RenderSVG = ({
+  alt,
+  size,
+  src,
+  srcDark
+}) => {
+  return /*#__PURE__*/React.createElement(Image, {
+    src: src,
+    srcDark: srcDark,
+    alt: alt,
+    className: ax([size && imageSizeStyles[size]])
+  });
+};

package/dist/esm/i18n/cs.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Aktualizováno: {context}',
   'fabric.linking.modified_on_relative': 'Aktualizováno: {context}',
   'fabric.linking.more_actions': 'Další akce',
+  'fabric.linking.more_information_about_this_work_item': 'Další informace o tomto požadavku',
   'fabric.linking.no_access_title': 'Chcete-li si zobrazit tento obsah, připojte se k produktu {product}',
   'fabric.linking.not_found_description': 'Stránka neexistuje nebo se po přidání tohoto odkazu mohla změnit.',
   'fabric.linking.not_found_title': 'Tuto stránku {product} vám nemůžeme zobrazit',

package/dist/esm/i18n/da.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Opdateret {context}',
   'fabric.linking.modified_on_relative': 'Opdateret: {context}',
   'fabric.linking.more_actions': 'Flere handlinger',
+  'fabric.linking.more_information_about_this_work_item': 'Flere oplysninger om denne sag',
   'fabric.linking.no_access_title': 'Deltag i {product} for at se dette indhold',
   'fabric.linking.not_found_description': 'Siden findes ikke, eller den kan være ændret, efter at linket blev tilføjet.',
   'fabric.linking.not_found_title': 'Vi kan ikke vise dig denne {product}-side',

package/dist/esm/i18n/de.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Aktualisiert am: {context}',
   'fabric.linking.modified_on_relative': 'Aktualisiert: {context}',
   'fabric.linking.more_actions': 'Weitere Aktionen',
+  'fabric.linking.more_information_about_this_work_item': 'Weitere Informationen zu diesem Vorgang',
   'fabric.linking.no_access_title': 'Treten Sie {product} bei, um diesen Inhalt anzuzeigen',
   'fabric.linking.not_found_description': 'Die Seite existiert nicht oder sie hat sich möglicherweise geändert, nachdem dieser Link hinzugefügt wurde.',
   'fabric.linking.not_found_title': 'Diese {product}-Seite kann nicht angezeigt werden',

package/dist/esm/i18n/en.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Updated on {context}',
   'fabric.linking.modified_on_relative': 'Updated {context}',
   'fabric.linking.more_actions': 'More actions',
+  'fabric.linking.more_information_about_this_work_item': 'More information about this work item',
   'fabric.linking.no_access_title': 'Join {product} to view this content',
   'fabric.linking.not_found_description': "The page doesn't exist or it may have changed after this link was added.",
   'fabric.linking.not_found_title': "We can't show you this {product} page",

package/dist/esm/i18n/en_GB.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Updated on {context}',
   'fabric.linking.modified_on_relative': 'Updated {context}',
   'fabric.linking.more_actions': 'More actions',
+  'fabric.linking.more_information_about_this_work_item': 'More information about this work item',
   'fabric.linking.no_access_title': 'Join {product} to view this content',
   'fabric.linking.not_found_description': "The page doesn't exist or it may have changed after this link was added.",
   'fabric.linking.not_found_title': "We can't show you this {product} page",

package/dist/esm/i18n/en_ZZ.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': '⁣⁢Updated on {context}⁡⁠‌؜‌؜⁠⁠؜⁣⁤',
   'fabric.linking.modified_on_relative': '⁣⁢Updated {context}⁠‌؜‍‌؜‌؜⁠‌⁣⁤',
   'fabric.linking.more_actions': '⁣⁢More actions‌⁡‌‌‌‍⁠‍⁡؜‌⁣⁤',
+  'fabric.linking.more_information_about_this_work_item': '⁣⁢More information about this work item؜‍‍‍؜⁠‌‌⁡⁠‌⁣⁤',
   'fabric.linking.no_access_title': '⁣⁢Join {product} to view this content‌⁠‍⁠‌؜⁣⁤',
   'fabric.linking.not_found_description': "⁣⁢The page doesn't exist or it may have changed after this link was added.⁠‍؜‌‍‌‌⁣⁤",
   'fabric.linking.not_found_title': "⁣⁢We can't show you this {product} page؜⁡‌⁠‍⁡؜؜⁡‍‍‍‌⁣⁤",

package/dist/esm/i18n/es.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Fecha de actualización: {context}',
   'fabric.linking.modified_on_relative': 'Fecha de actualización: {context}',
   'fabric.linking.more_actions': 'Más acciones',
+  'fabric.linking.more_information_about_this_work_item': 'Más información sobre esta actividad',
   'fabric.linking.no_access_title': 'Únete a {product} para ver este contenido',
   'fabric.linking.not_found_description': 'La página no existe o puede haberse cambiado después de añadir este enlace.',
   'fabric.linking.not_found_title': 'No podemos mostrarte esta página de {product}',

package/dist/esm/i18n/fi.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Päivitetty {context}',
   'fabric.linking.modified_on_relative': 'Päivitetty {context}',
   'fabric.linking.more_actions': 'Lisää toimintoja',
+  'fabric.linking.more_information_about_this_work_item': 'Lisätietoja tästä työtehtävästä',
   'fabric.linking.no_access_title': 'Näytä tämä sisältö liittymällä {product}-palveluun',
   'fabric.linking.not_found_description': 'Sivua ei ole olemassa, tai sitä on saatettu muuttaa tämän linkin lisäämisen jälkeen.',
   'fabric.linking.not_found_title': 'Tätä {product}-sivua ei voida näyttää',

package/dist/esm/i18n/fr.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Mise à jour : {context}',
   'fabric.linking.modified_on_relative': 'Mise à jour : {context}',
   'fabric.linking.more_actions': "Plus d'actions",
+  'fabric.linking.more_information_about_this_work_item': 'En savoir plus sur ce ticket',
   'fabric.linking.no_access_title': 'Rejoignez {product} pour voir ce contenu',
   'fabric.linking.not_found_description': "La page n'existe pas ou elle a peut-être changé après l'ajout de ce lien.",
   'fabric.linking.not_found_title': "Impossible d'afficher cette page {product}",

package/dist/esm/i18n/hu.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Frissítve ekkor: {context}',
   'fabric.linking.modified_on_relative': 'Frissítve: {context}',
   'fabric.linking.more_actions': 'További műveletek',
+  'fabric.linking.more_information_about_this_work_item': 'További információ erről az ügyről',
   'fabric.linking.no_access_title': 'A tartalom megtekintéséhez csatlakozz: {product}',
   'fabric.linking.not_found_description': 'Az oldal nem létezik, vagy módosították a link hozzáadása óta.',
   'fabric.linking.not_found_title': 'Nem tudjuk megjeleníteni ezt a(z) {product}-oldalt',

package/dist/esm/i18n/it.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Aggiornato il {context}',
   'fabric.linking.modified_on_relative': 'Aggiornamento: {context}',
   'fabric.linking.more_actions': 'Altre azioni',
+  'fabric.linking.more_information_about_this_work_item': 'Ulteriori informazioni su questo ticket',
   'fabric.linking.no_access_title': 'Unisciti a {product} per visualizzare questo contenuto',
   'fabric.linking.not_found_description': "La pagina non esiste o potrebbe essere stata spostata dopo l'aggiunta di questo link.",
   'fabric.linking.not_found_title': 'Non possiamo mostrarti questa pagina {product}',

package/dist/esm/i18n/ja.js

@@ -90,7 +90,7 @@ export default {
   'fabric.linking.invalid_permissions': '制限付きコンテンツ',
   'fabric.linking.invalid_permissions_description': 'このプレビューを表示するには、アクセスをリクエストするか別のアカウントで試してください。',
   'fabric.linking.join_to_view': '{context}に参加してこの課題を見る',
-  'fabric.linking.join_to_view-issue-term-refresh': '{context}に参加してこの作業項目を見る',
+  'fabric.linking.join_to_view-issue-term-refresh': '{context} に参加してこの作業項目を見る',
   'fabric.linking.learn_more_about_connecting_account': 'アカウントをアトラシアン製品に接続する方法をご確認ください。',
   'fabric.linking.learn_more_about_smart_links': 'スマート リンクの詳細',
   'fabric.linking.link_safety_warning_message': 'リンク {unsafeLinkText} をクリックすると別のサイトが開きます。<a>実際のリンク先</a>',
@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': '更新日: {context}',
   'fabric.linking.modified_on_relative': '更新日: {context}',
   'fabric.linking.more_actions': 'その他のアクション',
+  'fabric.linking.more_information_about_this_work_item': 'この作業項目に関する詳細情報',
   'fabric.linking.no_access_title': '{product} に参加してこのコンテンツを閲覧する',
   'fabric.linking.not_found_description': 'ページが存在しないか、このリンクの追加後に変更された可能性があります。',
   'fabric.linking.not_found_title': 'この {product} のページは表示できません',
@@ -139,7 +140,7 @@ export default {
   'fabric.linking.request_access_pending_description': '{hostname} へのアクセス権のリクエストは管理者の承認待ちです。',
   'fabric.linking.request_access_pending_title': '{product} へのアクセス権は保留中です',
   'fabric.linking.request_access_to_view': 'この課題を表示するには、{context}へのアクセスをリクエストします。',
-  'fabric.linking.request_access_to_view-issue-term-refresh': 'この作業項目を表示するには、{context}へのアクセスをリクエストします。',
+  'fabric.linking.request_access_to_view-issue-term-refresh': 'この作業項目を表示するには、{context} へのアクセスをリクエストします。',
   'fabric.linking.request_denied': 'アクセス リクエストが拒否されました。',
   'fabric.linking.request_denied_description': '{hostname} の {product} ページを閲覧するリクエストが管理者によって承認されませんでした。',
   'fabric.linking.restricted_link': '制限されているリンクです、別のアカウントをお試しください。',

package/dist/esm/i18n/ko.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': '{context}에 업데이트',
   'fabric.linking.modified_on_relative': '{context}에 업데이트',
   'fabric.linking.more_actions': '추가 작업',
+  'fabric.linking.more_information_about_this_work_item': '이 업무 항목에 대한 추가 정보',
   'fabric.linking.no_access_title': '{product}에 참여하여 이 콘텐츠 보기',
   'fabric.linking.not_found_description': '페이지가 존재하지 않거나 이 링크를 추가한 후 변경되었을 수 있습니다.',
   'fabric.linking.not_found_title': '{product} 페이지를 표시할 수 없습니다',

package/dist/esm/i18n/nb.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Oppdatert {context}',
   'fabric.linking.modified_on_relative': 'Oppdatert {context}',
   'fabric.linking.more_actions': 'Flere handlinger',
+  'fabric.linking.more_information_about_this_work_item': 'Mer informasjon om denne arbeidsoppgaven',
   'fabric.linking.no_access_title': 'Bli med i {product} for å se dette innholdet',
   'fabric.linking.not_found_description': 'Siden finnes ikke, eller den kan ha blitt endret siden denne koblingen ble lagt til.',
   'fabric.linking.not_found_title': 'Vi kan ikke vise deg denne {product}-siden',

package/dist/esm/i18n/nl.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Bijgewerkt op {context}',
   'fabric.linking.modified_on_relative': 'Bijgewerkt: {context}',
   'fabric.linking.more_actions': 'Meer acties',
+  'fabric.linking.more_information_about_this_work_item': 'Meer informatie over dit werkitem',
   'fabric.linking.no_access_title': 'Word lid van {product} om deze inhoud te bekijken',
   'fabric.linking.not_found_description': 'Deze pagina bestaat niet of is mogelijk gewijzigd nadat deze link is toegevoegd.',
   'fabric.linking.not_found_title': 'We kunnen deze {product}-pagina niet weergeven',

package/dist/esm/i18n/pl.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Zaktualizowano {context}',
   'fabric.linking.modified_on_relative': 'Zaktualizowano {context}',
   'fabric.linking.more_actions': 'Więcej czynności',
+  'fabric.linking.more_information_about_this_work_item': 'Więcej informacji o tym zgłoszeniu',
   'fabric.linking.no_access_title': 'Dołącz do {product}, aby wyświetlić tę treść',
   'fabric.linking.not_found_description': 'Strona nie istnieje lub mogła ulec zmianie po dodaniu tego łącza.',
   'fabric.linking.not_found_title': 'Nie można wyświetlić tej strony {product}',

package/dist/esm/i18n/pt_BR.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Atualizado em {context}',
   'fabric.linking.modified_on_relative': 'Atualizado em {context}',
   'fabric.linking.more_actions': 'Mais ações',
+  'fabric.linking.more_information_about_this_work_item': 'Mais informações sobre este ticket',
   'fabric.linking.no_access_title': 'Entre no {product} para ver este conteúdo',
   'fabric.linking.not_found_description': 'A página não existe ou pode ter sido alterada depois que esse link foi adicionado.',
   'fabric.linking.not_found_title': 'Não é possível exibir esta página {product}',

package/dist/esm/i18n/ru.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Обновлено {context}',
   'fabric.linking.modified_on_relative': 'Обновлено: {context}',
   'fabric.linking.more_actions': 'Другие действия',
+  'fabric.linking.more_information_about_this_work_item': 'Дополнительные сведения о задаче',
   'fabric.linking.no_access_title': 'Присоединитесь к {product}, чтобы просмотреть контент',
   'fabric.linking.not_found_description': 'Страница не существует или была изменена после добавления ссылки.',
   'fabric.linking.not_found_title': 'Невозможно показать эту страницу {product}',

package/dist/esm/i18n/sv.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Uppdaterades {context}',
   'fabric.linking.modified_on_relative': 'Uppdaterades {context}',
   'fabric.linking.more_actions': 'Fler åtgärder',
+  'fabric.linking.more_information_about_this_work_item': 'Mer information om arbetsuppgiften',
   'fabric.linking.no_access_title': 'Anslut till {product} för att visa innehållet',
   'fabric.linking.not_found_description': 'Sidan finns inte eller så har den ändrats efter att den här länken lades till.',
   'fabric.linking.not_found_title': 'Vi kan inte visa dig den här {product}-sidan.',

package/dist/esm/i18n/th.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'อัปเดตแล้วเมื่อ {context}',
   'fabric.linking.modified_on_relative': 'อัปเดต {context} แล้ว',
   'fabric.linking.more_actions': 'การดำเนินการเพิ่มเติม',
+  'fabric.linking.more_information_about_this_work_item': 'ข้อมูลเพิ่มเติมเกี่ยวกับตั๋วนี้',
   'fabric.linking.no_access_title': 'เข้าร่วม {product} เพื่อดูเนื้อหานี้',
   'fabric.linking.not_found_description': 'หน้าข้อมูลนี้ไม่มีอยู่ หรืออาจมีการเปลี่ยนแปลงหลังจากมีการเพิ่มลิงก์นี้',
   'fabric.linking.not_found_title': 'เราไม่สามารถแสดงหน้า {product} นี้ให้คุณดูได้',

package/dist/esm/i18n/tr.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': '{context} tarihinde güncellendi',
   'fabric.linking.modified_on_relative': '{context} güncellendi',
   'fabric.linking.more_actions': 'Daha fazla işlem',
+  'fabric.linking.more_information_about_this_work_item': 'Bu bilet hakkında daha fazla bilgi',
   'fabric.linking.no_access_title': 'Bu içeriği görüntülemek için {product} ürününe katılın',
   'fabric.linking.not_found_description': 'Bu sayfa mevcut değil veya bu bağlantı eklendikten sonra değişmiş olabilir.',
   'fabric.linking.not_found_title': 'Bu {product} sayfası gösterilemiyor',

package/dist/esm/i18n/uk.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Оновлено {context}',
   'fabric.linking.modified_on_relative': 'Оновлено {context}',
   'fabric.linking.more_actions': 'Інші дії',
+  'fabric.linking.more_information_about_this_work_item': 'Докладніше про цей елемент завдання',
   'fabric.linking.no_access_title': 'Приєднайтеся до {product}, щоб переглянути цей вміст',
   'fabric.linking.not_found_description': 'Сторінка не існує або, можливо, змінилася після додавання цього посилання.',
   'fabric.linking.not_found_title': 'Не вдається відобразити цю сторінку {product}',

package/dist/esm/i18n/vi.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': 'Đã cập nhật trên {context}',
   'fabric.linking.modified_on_relative': 'Đã cập nhật {context}',
   'fabric.linking.more_actions': 'Hành động khác',
+  'fabric.linking.more_information_about_this_work_item': 'Thông tin khác về hạng mục công việc này',
   'fabric.linking.no_access_title': 'Tham gia {product} để xem nội dung này',
   'fabric.linking.not_found_description': 'Trang này không tồn tại hoặc có thể đã thay đổi sau khi liên kết này được thêm vào.',
   'fabric.linking.not_found_title': 'Chúng tôi không thể hiển thị cho bạn trang {product} này',

package/dist/esm/i18n/zh.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': '更新时间：{context}',
   'fabric.linking.modified_on_relative': '更新时间：{context}',
   'fabric.linking.more_actions': '更多操作',
+  'fabric.linking.more_information_about_this_work_item': '有关此工作项的更多信息',
   'fabric.linking.no_access_title': '加入 {product} 即可查看此内容',
   'fabric.linking.not_found_description': '该页面不存在或者在添加此链接后可能已发生更改。',
   'fabric.linking.not_found_title': '无法显示此 {product} 页面',

package/dist/esm/i18n/zh_TW.js

@@ -98,6 +98,7 @@ export default {
   'fabric.linking.modified_on_absolute': '更新於 {context}',
   'fabric.linking.modified_on_relative': '更新時間：{context}',
   'fabric.linking.more_actions': '更多動作',
+  'fabric.linking.more_information_about_this_work_item': '深入了解此工作項目',
   'fabric.linking.no_access_title': '加入 {product} 以檢視此內容',
   'fabric.linking.not_found_description': '該頁面不存在，或在新增此連結後可能已變更。',
   'fabric.linking.not_found_title': '我們無法向您顯示此 {product} 頁面',

package/dist/esm/messages.js

@@ -700,16 +700,31 @@ export var messages = defineMessages({
     defaultMessage: 'Recent links',
     description: 'Shown as the title for the related links modal'
   },
+  related_links_modal_title_v2: {
+    id: 'fabric.linking.related_links_modal_title_v2',
+    defaultMessage: 'Related links',
+    description: 'Shown as the title for the related links modal'
+  },
   related_links_view_related_urls: {
     id: 'fabric.linking.related_links_view_related_urls',
     defaultMessage: 'View recent links',
     description: 'Action to view related links to the given resource'
   },
+  related_links_view_related_links: {
+    id: 'fabric.linking.related_links_view_related_links',
+    defaultMessage: 'View related links',
+    description: 'Action to view related links to the given resource'
+  },
   related_links_found_in: {
     id: 'fabric.linking.related_links_found_in',
     defaultMessage: 'Found In',
     description: 'Informs the user of the resources are found in the given url'
   },
+  related_links_found_in_v2: {
+    id: 'fabric.linking.related_links_found_in_v2',
+    defaultMessage: 'Found in',
+    description: 'Informs the user of the resources are found in the given url'
+  },
   related_links_not_found: {
     id: 'fabric.linking.related_links_not_found',
     defaultMessage: "We didn't find any links to show here.",
@@ -720,16 +735,31 @@ export var messages = defineMessages({
     defaultMessage: 'Includes Links To',
     description: 'Informs the user of the resources the url links to'
   },
+  related_links_includes_links_to_v2: {
+    id: 'fabric.linking.related_links_includes_links_to_v2',
+    defaultMessage: 'Includes links to',
+    description: 'Informs the user of the resources the url links to'
+  },
   related_links_modal_error_header: {
     id: 'fabric.linking.related_links_modal_error_header',
     defaultMessage: 'Something went wrong',
     description: 'Title for related links error'
   },
+  related_links_modal_unavailable_title: {
+    id: 'fabric.linking.related_links_modal_unavailable_title',
+    defaultMessage: "We couldn't find any related links",
+    description: 'Title for related links error'
+  },
   related_links_modal_error_message: {
     id: 'fabric.linking.related_links_modal_error_message',
     defaultMessage: 'We ran into an issue trying to load recent links. Check your connection or refresh to try again.',
     description: 'Informs the user that there was a problem loading related links'
   },
+  related_links_modal_unavailable_description: {
+    id: 'fabric.linking.related_links_modal_unavailable_description',
+    defaultMessage: 'We continuously review and add related links for updated pages or other content types',
+    description: 'Informs the user that there was a problem loading related links'
+  },
   related_links_modal_unavailable_header: {
     id: 'fabric.linking.related_links_modal_unavailable_header',
     defaultMessage: 'No recent links',

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

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

package/dist/esm/view/FlexibleCard/components/actions/view-related-links-action/index.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["onClick"];
 import React, { lazy, useCallback } from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { fg } from "@atlaskit/platform-feature-flags";
 import { useAnalyticsEvents } from '../../../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../../../messages';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
@@ -36,7 +37,7 @@ var ViewRelatedLinksAction = function ViewRelatedLinksAction(_ref) {
     onClickCallback === null || onClickCallback === void 0 || onClickCallback();
   }, [actionData === null || actionData === void 0 ? void 0 : actionData.ari, fireEvent, modal, onClickCallback]);
   return actionData ? /*#__PURE__*/React.createElement(Action, _extends({
-    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_view_related_urls),
+    content: /*#__PURE__*/React.createElement(FormattedMessage, fg('platform-linking-visual-refresh-v2') ? messages.related_links_view_related_links : messages.related_links_view_related_urls),
     icon: /*#__PURE__*/React.createElement(RelatedLinksActionIcon, null),
     onClick: onClick,
     testId: "smart-action-view-related-links-action",

package/dist/esm/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.js

@@ -2,14 +2,20 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import ClockIcon from '@atlaskit/icon/core/clock';
 import ChildIssuesIcon from '@atlaskit/icon/core/migration/child-issues';
+import { fg } from '@atlaskit/platform-feature-flags';
 var rotateSvg = null;
 
 /**
  * ChildIssuesIcon but 180 degrees rotated
  */
 var RelatedLinksActionIcon = function RelatedLinksActionIcon() {
-  return /*#__PURE__*/React.createElement("span", {
+  return fg('platform-linking-visual-refresh-v2') ? /*#__PURE__*/React.createElement(ClockIcon, {
+    color: "currentColor",
+    spacing: "spacious",
+    label: "View related links..."
+  }) : /*#__PURE__*/React.createElement("span", {
     className: ax(["_t9ec1sub _1e0c1o8l"])
   }, /*#__PURE__*/React.createElement(ChildIssuesIcon, {
     color: "currentColor",

package/dist/esm/view/LinkUrl/LinkWarningModal/hooks/use-link-warning-modal.js

@@ -2,6 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState } from 'react';
 import { useAnalyticsEvents } from '@atlaskit/analytics-next';
 import { normalizeUrl } from '@atlaskit/linking-common/url';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ANALYTICS_CHANNEL } from '../../../../utils/analytics';
 var toUrl = function toUrl(url, base) {
   try {
@@ -72,6 +73,13 @@ export var useLinkWarningModal = function useLinkWarningModal() {
     if (!hrefUrl || !linkTextUrl) {
       return true;
     }
+    if (fg('do-not-show-link-mismatch-warning-for-same-origin')) {
+      var currentAtlassianProductOrigin = window.location.origin;
+      var isSafeToIgnoreNonOriginDifferences = (hrefUrl === null || hrefUrl === void 0 ? void 0 : hrefUrl.origin) === currentAtlassianProductOrigin && (linkTextUrl === null || linkTextUrl === void 0 ? void 0 : linkTextUrl.origin) === currentAtlassianProductOrigin;
+      if (isSafeToIgnoreNonOriginDifferences) {
+        return true;
+      }
+    }
     var httpProtocols = ['http:', 'https:'];
     var areProtocolsEquivalent;
     if (httpProtocols.includes(linkTextUrl.protocol) && httpProtocols.includes(hrefUrl.protocol)) {

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

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

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

@@ -6,6 +6,7 @@ import { useCallback, useRef } 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 { fg } from "@atlaskit/platform-feature-flags";
 import { Box } from '@atlaskit/primitives/compiled';
 import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
 import { messages } from '../../../messages';
@@ -38,8 +39,9 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
     width: fixedWidth,
     autoFocus: false,
     shouldReturnFocus: false,
-    onOpenComplete: openCompleteHandler
-  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement(Box, {
+    onOpenComplete: openCompleteHandler,
+    height: fg('platform-linking-visual-refresh-v2') ? '504px' : undefined
+  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, fg('platform-linking-visual-refresh-v2') ? messages.related_links_modal_title_v2 : messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, fg('platform-linking-visual-refresh-v2') ? children : /*#__PURE__*/React.createElement(Box, {
     xcss: styles.box
   }, children)), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",

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

@@ -1,8 +1,20 @@
 
 ._11c81o8v{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._zulputpp{gap:var(--ds-space-150,9pt)}
+._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
+._195gmgjw{margin-inline:var(--ds-space-negative-200,-1pc)}
+._1kl71vrj{border-left:2px solid transparent}
+._1kl7nmxp{border-left:var(--_nu2mv8)}
+._bfhkfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
 ._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
 ._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
 ._8vu4iti9:hover{border-radius:var(--ds-border-radius-100,4px)}._10swu2gc:hover{padding-inline:var(--ds-space-100,8px)}
 ._1mxox0bf:hover{margin-inline:var(--ds-space-negative-100,-8px)}
-._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
+._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
+._irr31d5g:hover{background-color:var(--ds-background-input-hovered,#f7f8f9)}
+._irr3i1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}
+._1di619ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
+._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
+._1ohyglyw:active{outline-style:none}
+._1q5t1r31:active{outline-color:currentColor}
+._1r9x1o36:active{outline-width:medium}