@atlaskit/smart-card 44.3.24 → 44.5.0

package/dist/es2019/common/analytics/generated/create-event-payload.js

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::f914fb83fac56e7154ef460866628f7d>>
+ * @codegen <<SignedSource::268e746266cde1271e40a794eb774cf3>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 
@@ -11,17 +11,17 @@ const createEventPayload = (eventKey, ...[attributes]) => {
   const [eventType, actionSubject, action, actionSubjectId] = eventKey.split('.');
   if (eventType === 'screen') {
     return {
-      eventType,
+      eventType: eventType,
       name: actionSubject,
       action: 'viewed',
       attributes: attributes
     };
   }
   return {
-    eventType,
-    actionSubject,
-    action,
-    actionSubjectId,
+    eventType: eventType,
+    actionSubject: actionSubject,
+    action: action,
+    actionSubjectId: actionSubjectId,
     attributes: attributes
   };
 };

package/dist/es2019/common/analytics/generated/use-analytics-events.js

@@ -3,7 +3,7 @@
  *
  * Generates Typescript types for analytics events from analytics.spec.yaml
  *
- * @codegen <<SignedSource::676f76a2e45920437adc8c35a9af8b37>>
+ * @codegen <<SignedSource::ac0d75fa9e8d43c947e88f47ba1267aa>>
  * @codegenCommand yarn workspace @atlassian/analytics-tooling run analytics:codegen smart-card
  */
 import { useCallback } from 'react';
@@ -19,6 +19,6 @@ export const useAnalyticsEvents = () => {
     event.fire(EVENT_CHANNEL);
   }, [createAnalyticsEvent]);
   return {
-    fireEvent
+    fireEvent: fireEvent
   };
 };

package/dist/es2019/messages.js

@@ -103,7 +103,7 @@ export const messages = defineMessages({
   beta: {
     id: 'fabric.linking.beta',
     defaultMessage: 'Beta',
-    description: 'Indicates a beta phase of the feature.'
+    description: 'Text shown in a lozenge badge on a smart link or card to indicate the feature is currently in beta.'
   },
   cannot_connect: {
     id: 'fabric.linking.cannot_connect',
@@ -128,12 +128,12 @@ export const messages = defineMessages({
   close: {
     id: 'fabric.linking.close',
     defaultMessage: 'Close',
-    description: 'Close the current screen or modal.'
+    description: 'Label for a button or icon that closes the currently open modal dialog or overlay screen.'
   },
   check_this_link: {
     id: 'fabric.linking.check_this_link',
     defaultMessage: 'Check this link',
-    description: 'Link safety warning modal header'
+    description: 'Heading shown at the top of the link safety warning modal, prompting the user to verify a potentially unsafe link before proceeding.'
   },
   compass_applied_components_count: {
     id: 'compass.applied_components_count.non-final',
@@ -188,7 +188,7 @@ export const messages = defineMessages({
   continue: {
     id: 'fabric.linking.continue',
     defaultMessage: 'Continue',
-    description: 'Continue to the next step.'
+    description: 'Label for a button that advances the user to the next step, e.g. in the link safety warning modal flow.'
   },
   copy_url_to_clipboard: {
     id: 'fabric.linking.copy_url_to_clipboard',
@@ -198,7 +198,7 @@ export const messages = defineMessages({
   copied_url_to_clipboard: {
     id: 'fabric.linking.copied_url_to_clipboard',
     defaultMessage: 'Copied!',
-    description: 'Url has been copied to the clipboard'
+    description: 'Confirmation text shown briefly after the user copies a URL to the clipboard using the copy link action.'
   },
   could_not_load_link: {
     id: 'fabric.linking.couldnt_load_link',
@@ -223,27 +223,27 @@ export const messages = defineMessages({
   delete: {
     id: 'fabric.linking.delete',
     defaultMessage: 'Delete',
-    description: 'Allow a user to delete a link'
+    description: 'Label for the delete action in a smart link or card action menu, allowing the user to remove the linked item.'
   },
   download: {
     id: 'fabric.linking.download',
     defaultMessage: 'Download',
-    description: 'Action to download the resource.'
+    description: 'Label for the download action in a smart link or card action menu, initiating a file download.'
   },
   download_description: {
     id: 'fabric.linking.download_description',
     defaultMessage: 'Download this file into your local storage',
-    description: 'Description on what Download does'
+    description: "Tooltip or description text for the download action, explaining it saves the file to the user's local storage."
   },
   download_file: {
     id: 'fabric.linking.download_file',
     defaultMessage: 'Download file',
-    description: 'Allow a user to download a file'
+    description: 'Label for the download file action in a smart link or card action menu, allowing the user to save the linked file locally.'
   },
   ai_summary_action: {
     id: 'fabric.linking.ai_summary_action',
     defaultMessage: 'Summarize with AI',
-    description: 'Allow a user to summarize a link'
+    description: 'Label for the AI summarize action in a smart link or hover card action menu, allowing the user to generate an AI summary of the linked content.'
   },
   ai_summary_action_description: {
     id: 'fabric.linking.ai_summary_action_description',
@@ -268,22 +268,22 @@ export const messages = defineMessages({
   edit: {
     id: 'fabric.linking.edit',
     defaultMessage: 'Edit',
-    description: 'Allow a user to edit a link'
+    description: 'Label for the edit action in a smart link or card action menu, allowing the user to modify the linked item.'
   },
   follow: {
     id: 'fabric.linking.follow',
     defaultMessage: 'Follow',
-    description: 'Click to follow a project.'
+    description: 'Label for the follow button on a smart link card, allowing the user to subscribe to updates for the linked project or resource.'
   },
   follow_project_description: {
     id: 'fabric.linking.follow_project_description',
     defaultMessage: 'Follow to get notifications on this project',
-    description: 'Description on what Follow does'
+    description: 'Tooltip or description text for the follow project button, explaining that clicking it enables notifications for the project.'
   },
   follow_project: {
     id: 'fabric.linking.follow_project',
     defaultMessage: 'Follow project',
-    description: 'Click to follow a project.'
+    description: 'Label for the follow project button on a smart link card, allowing the user to subscribe to updates for the linked Atlassian project.'
   },
   follow_project_error: {
     id: 'fabric.linking.follow_project_error',
@@ -293,12 +293,12 @@ export const messages = defineMessages({
   follow_goal_description: {
     id: 'fabric.linking.follow_goal_description',
     defaultMessage: 'Follow this goal to get notifications on updates',
-    description: 'Description on what Follow does'
+    description: 'Tooltip or description text for the follow goal button, explaining that clicking it enables notifications for updates to the goal.'
   },
   follow_goal: {
     id: 'fabric.linking.follow_goal',
     defaultMessage: 'Follow goal',
-    description: 'Click to follow a project.'
+    description: 'Label for the follow goal button on a smart link card, allowing the user to subscribe to updates for the linked Atlas goal.'
   },
   follow_goal_error: {
     id: 'fabric.linking.follow_goal_error',
@@ -308,7 +308,7 @@ export const messages = defineMessages({
   go_back: {
     id: 'fabric.linking.go_back',
     defaultMessage: 'Go back',
-    description: 'go back'
+    description: 'Label for a navigation button that returns the user to the previous step or screen in a modal flow.'
   },
   invalid_permissions: {
     id: 'fabric.linking.invalid_permissions',
@@ -363,12 +363,12 @@ export const messages = defineMessages({
   open_issue_in_jira: {
     id: 'fabric.linking.open_issue_in_jira',
     defaultMessage: 'Open issue in Jira',
-    description: 'Click to open link in Jira'
+    description: 'Label for the action button on a smart link card that opens the linked Jira issue in Jira.'
   },
   open_link_in_a_new_tab: {
     id: 'fabric.linking.open_link_in_a_new_tab',
     defaultMessage: 'Open link in a new tab',
-    description: 'Click to open link in a new tab'
+    description: 'Label for the action button on a smart link card that opens the linked resource in a new browser tab.'
   },
   owned_by: {
     id: 'fabric.linking.owned_by',
@@ -383,7 +383,7 @@ export const messages = defineMessages({
   preview_description: {
     id: 'fabric.linking.preview_description',
     defaultMessage: 'Open a full screen preview of this link',
-    description: 'Description on what Preview does'
+    description: 'Tooltip or description text for the preview action on a smart link card, explaining it opens a full-screen embed preview of the linked content.'
   },
   preview_improved: {
     id: 'fabric.linking.preview_improved',
@@ -403,7 +403,7 @@ export const messages = defineMessages({
   preview_close: {
     id: 'fabric.linking.preview_close',
     defaultMessage: 'Close preview',
-    description: 'Click to close embed preview modal.'
+    description: 'Label for the button that closes the embed preview modal dialog on a smart link card.'
   },
   preview_max_size: {
     id: 'fabric.linking.preview_max_size',
@@ -418,57 +418,57 @@ export const messages = defineMessages({
   priority_blocker: {
     id: 'fabric.linking.priority_blocker',
     defaultMessage: 'Blocker',
-    description: 'Indicated priority as blocker'
+    description: 'Label for a priority badge on a Jira issue smart link card indicating the issue has Blocker priority.'
   },
   priority_critical: {
     id: 'fabric.linking.priority_critical',
     defaultMessage: 'Critical',
-    description: 'Indicated priority as critical'
+    description: 'Label for a priority badge on a Jira issue smart link card indicating the issue has Critical priority.'
   },
   priority_high: {
     id: 'fabric.linking.priority_high',
     defaultMessage: 'High',
-    description: 'Indicated priority as high'
+    description: 'Label for a priority badge on a Jira issue smart link card indicating the issue has High priority.'
   },
   priority_highest: {
     id: 'fabric.linking.priority_highest',
     defaultMessage: 'Highest',
-    description: 'Indicated priority as highest'
+    description: 'Label for a priority badge on a Jira issue smart link card indicating the issue has Highest priority.'
   },
   priority_low: {
     id: 'fabric.linking.priority_low',
     defaultMessage: 'Low',
-    description: 'Indicated priority as low'
+    description: 'Label for a priority badge on a Jira issue smart link card indicating the issue has Low priority.'
   },
   priority_lowest: {
     id: 'fabric.linking.priority_lowest',
     defaultMessage: 'Lowest',
-    description: 'Indicated priority as lowest'
+    description: 'Label for a priority badge on a Jira issue smart link card indicating the issue has Lowest priority.'
   },
   priority_major: {
     id: 'fabric.linking.priority_major',
     defaultMessage: 'Major',
-    description: 'Indicated priority as major'
+    description: 'Label for a priority badge on a Jira issue smart link card indicating the issue has Major priority.'
   },
   priority_medium: {
     id: 'fabric.linking.priority_medium',
     defaultMessage: 'Medium',
-    description: 'Indicated priority as medium'
+    description: 'Label for a priority badge on a Jira issue smart link card indicating the issue has Medium priority.'
   },
   priority_minor: {
     id: 'fabric.linking.priority_minor',
     defaultMessage: 'Minor',
-    description: 'Indicated priority as minor'
+    description: 'Label for a priority badge on a Jira issue smart link card indicating the issue has Minor priority.'
   },
   priority_trivial: {
     id: 'fabric.linking.priority_trivial',
     defaultMessage: 'Trivial',
-    description: 'Indicated priority as trivial'
+    description: 'Label for a priority badge on a Jira issue smart link card indicating the issue has Trivial priority.'
   },
   priority_undefined: {
     id: 'fabric.linking.priority_undefined',
     defaultMessage: 'Undefined',
-    description: 'Indicated priority as unknown'
+    description: 'Label for a priority badge on a Jira issue smart link card when the priority level is not defined or unknown.'
   },
   forbidden_access: {
     id: 'fabric.linking.forbidden_access',
@@ -483,7 +483,7 @@ export const messages = defineMessages({
   read_time: {
     id: 'fabric.linking.read_time',
     defaultMessage: '{context} min read',
-    description: 'Estimated time to read this resource'
+    description: 'Text shown on a smart link card displaying the estimated reading time. The placeholder {context} is substituted with the number of minutes.'
   },
   restricted_link: {
     id: 'fabric.linking.restricted_link',
@@ -503,12 +503,12 @@ export const messages = defineMessages({
   retry: {
     id: 'fabric.linking.retry',
     defaultMessage: 'Retry',
-    description: 'Allows user to perform an action again'
+    description: 'Label for a retry button shown on a smart link card after an error, allowing the user to attempt the failed action again.'
   },
   save: {
     id: 'fabric.linking.save',
     defaultMessage: 'Save',
-    description: 'Just the "save" word'
+    description: "Label for a save button on a smart link card or action, confirming and persisting the user's changes."
   },
   sent_on_relative: {
     id: 'fabric.linking.sent_on_relative',
@@ -538,7 +538,7 @@ export const messages = defineMessages({
   try_again: {
     id: 'fabric.linking.try_again',
     defaultMessage: 'Try again',
-    description: 'Allow the user to try an action again'
+    description: 'Label for a button shown on a smart link error state, prompting the user to retry the failed load or action.'
   },
   try_another_account: {
     id: 'fabric.linking.try_another_account',
@@ -548,7 +548,7 @@ export const messages = defineMessages({
   link_safety_warning_message: {
     id: 'fabric.linking.link_safety_warning_message',
     defaultMessage: 'The link {unsafeLinkText} is taking you to a different site, <a>actual link here</a>',
-    description: 'Link safety check warning message'
+    description: 'Warning message shown in the link safety modal. The placeholder {unsafeLinkText} is substituted with the suspicious link text, and <a> wraps the actual destination URL.'
   },
   unauthorised_account_description: {
     id: 'fabric.linking.unauthorised_account_description',
@@ -583,17 +583,17 @@ export const messages = defineMessages({
   unfollow: {
     id: 'fabric.linking.unfollow',
     defaultMessage: 'Unfollow',
-    description: 'Click to unfollow a project.'
+    description: 'Label for the unfollow button on a smart link card, allowing the user to stop receiving updates for the linked project or resource.'
   },
   unfollow_project_description: {
     id: 'fabric.linking.unfollow_project_description',
     defaultMessage: 'Unfollow to stop receiving project notifications',
-    description: 'Description on what Unfollow does'
+    description: 'Tooltip or description for the unfollow project button, explaining that clicking it stops project update notifications.'
   },
   unfollow_project: {
     id: 'fabric.linking.unfollow_project',
     defaultMessage: 'Unfollow project',
-    description: 'Click to unfollow a project.'
+    description: 'Label for the unfollow project button on a smart link card, allowing the user to stop following the linked Atlassian project.'
   },
   unfollow_project_error: {
     id: 'fabric.linking.unfollow_project_error',
@@ -603,12 +603,12 @@ export const messages = defineMessages({
   unfollow_goal_description: {
     id: 'fabric.linking.unfollow_goal_description',
     defaultMessage: 'Unfollow to stop receiving notifications for this goal',
-    description: 'Description on what Unfollow does'
+    description: 'Tooltip or description for the unfollow goal button, explaining that clicking it stops notifications for the linked Atlas goal.'
   },
   unfollow_goal: {
     id: 'fabric.linking.unfollow_goal',
     defaultMessage: 'Unfollow goal',
-    description: 'Click to unfollow a project.'
+    description: 'Label for the unfollow goal button on a smart link card, allowing the user to stop following the linked Atlas goal.'
   },
   unfollow_goal_error: {
     id: 'fabric.linking.unfollow_goal_error',
@@ -718,7 +718,7 @@ export const messages = defineMessages({
   generic_error_message: {
     id: 'fabric.linking.generic_error_message',
     defaultMessage: 'An error occurred',
-    description: 'A generic error message to the user'
+    description: 'Generic error message shown on a smart link card when an unspecified error occurs and no more specific message is available.'
   },
   related_links_modal_title: {
     id: 'fabric.linking.related_links_modal_title',
@@ -753,12 +753,12 @@ export const messages = defineMessages({
   related_links_modal_error_title: {
     id: 'fabric.linking.related_links_modal_error_title',
     defaultMessage: `We're having trouble loading related links`,
-    description: 'Title for related links error'
+    description: 'Heading shown in the related links modal when related links fail to load due to a network or server 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'
+    description: 'Heading shown in the related links modal when no related links are available for the current resource.'
   },
   related_links_modal_error_description: {
     id: 'fabric.linking.related_links_modal_error_description',
@@ -778,7 +778,7 @@ export const messages = defineMessages({
   open_issue_in_jiraIssueTermRefresh: {
     id: 'fabric.linking.open_issue_in_jira-issue-term-refresh',
     defaultMessage: 'Open work item in Jira',
-    description: 'Click to open link in Jira'
+    description: 'Label for the action button on a smart link card that opens the linked Jira work item in Jira (issue term refresh variant).'
   },
   request_access_to_viewIssueTermRefresh: {
     id: 'fabric.linking.request_access_to_view-issue-term-refresh',
@@ -793,7 +793,7 @@ export const messages = defineMessages({
   team_members_count: {
     id: 'fabric.linking.team_members_count',
     defaultMessage: '{context} members',
-    description: 'Indicates the count of team member'
+    description: 'Text shown on a smart link card displaying the number of members in a team. The placeholder {context} is substituted with the member count.'
   },
   user_attributes: {
     id: 'fabric.linking.user_attributes',
@@ -804,7 +804,7 @@ export const messages = defineMessages({
   follow_project_descriptionGalaxia: {
     id: 'fabric.linking.follow_project_description-galaxia',
     defaultMessage: 'Follow to get notifications on this space',
-    description: 'Description on what Follow does'
+    description: 'Tooltip or description for the follow space button (Galaxia variant), explaining that clicking it enables notifications for the Confluence space.'
   },
   follow_project_errorGalaxia: {
     id: 'fabric.linking.follow_project_error-galaxia',
@@ -814,7 +814,7 @@ export const messages = defineMessages({
   unfollow_project_descriptionGalaxia: {
     id: 'fabric.linking.unfollow_project_description-galaxia',
     defaultMessage: 'Unfollow to stop receiving space notifications',
-    description: 'Description on what Unfollow does'
+    description: 'Tooltip or description for the unfollow space button (Galaxia variant), explaining that clicking it stops notifications for the Confluence space.'
   },
   unfollow_project_errorGalaxia: {
     id: 'fabric.linking.unfollow_project_error-galaxia',
@@ -1001,6 +1001,16 @@ export const messages = defineMessages({
     defaultMessage: '<p>Look at this <a>{url}</a> and list any open questions, unresolved decisions, or asks that still need follow‑up. Group them by owner if possible and keep it concise.</p>',
     description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
   },
+  rovo_prompt_button_key_highlights: {
+    id: 'fabric.linking.rovo_prompt_button_find_open_questions.non-final',
+    defaultMessage: `Key highlights`,
+    description: 'The name of the action to send prompt message to Rovo Chat in relation to current Smart Link'
+  },
+  rovo_prompt_message_key_highlights: {
+    id: 'fabric.linking.rovo_prompt_message_find_open_questions.non-final',
+    defaultMessage: '<p>Based on this <a>{url}</a> and the page or ticket I’m currently viewing, highlight the parts of the linked content that are most relevant to this work. Explain briefly why each part is relevant.</p>',
+    description: 'The prompt message to send to Rovo Chat. {url} refers to Smart Link that the user triggers this action from. (Please make sure all html tags remain the same.)'
+  },
   rovo_chat_action_section_header: {
     id: 'fabric.linking.rovo_chat_action_section_header.non-final',
     defaultMessage: 'Ask Rovo',

package/dist/es2019/preloadLazyCardWithUrlContent.js

@@ -0,0 +1,2 @@
+// Intent-time preload for the LazyCardWithUrlContent chunk; chunk name mirrors `view/CardWithUrl/loader.tsx`.
+export const preloadLazyCardWithUrlContent = () => import( /* webpackChunkName: "@atlaskit-internal_smartcard-urlcardcontent" */'./view/CardWithUrl/component-lazy/index');

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card" || '',
-  packageVersion: "44.3.23" || ''
+  packageVersion: "44.4.0" || ''
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

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

@@ -6,7 +6,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useMemo, useState } from 'react';
 import { browser } from '@atlaskit/linking-common/user-agent';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { ActionName, ElementName, SmartLinkPosition } from '../../../constants';
+import { ActionName, CardDisplay, ElementName, SmartLinkPosition } from '../../../constants';
 import extractRovoChatAction from '../../../extractors/flexible/actions/extract-rovo-chat-action';
 import { getExtensionKey } from '../../../state/helpers';
 import useRovoConfig from '../../../state/hooks/use-rovo-config';
@@ -64,7 +64,7 @@ const ResolvedView = ({
   const prompts = useMemo(() => {
     if (fg('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
       var _cardState$details, _cardState$details$da;
-      const defaultPrompts = [RovoChatPromptKey.HIGHLIGHT_RELEVANT_CONTENT, RovoChatPromptKey.ASK_ROVO_ANYTHING];
+      const defaultPrompts = [RovoChatPromptKey.KEY_HIGHLIGHTS];
       const linkType = (_cardState$details = cardState.details) === null || _cardState$details === void 0 ? void 0 : (_cardState$details$da = _cardState$details.data) === null || _cardState$details$da === void 0 ? void 0 : _cardState$details$da['@type'];
       if (extensionKey === 'slack-object-provider') {
         return [RovoChatPromptKey.FIND_OPEN_QUESTIONS, ...defaultPrompts];
@@ -79,25 +79,32 @@ const ResolvedView = ({
     }
     return [];
   }, [cardState === null || cardState === void 0 ? void 0 : (_cardState$details2 = cardState.details) === null || _cardState$details2 === void 0 ? void 0 : _cardState$details2.data, extensionKey]);
-  const footerActions = useMemo(() => showRovoResolvedView && fg('platform_sl_3p_auth_rovo_block_card_kill_switch') ? [{
-    name: ActionName.RovoChatAction,
-    prompts: prompts
-  }, {
-    name: ActionName.FollowAction,
-    hideIcon: true
-  }, {
-    name: ActionName.DownloadAction,
-    hideIcon: true
-  }] : [{
-    name: ActionName.FollowAction,
-    hideIcon: true
-  }, {
-    name: ActionName.PreviewAction,
-    hideIcon: true
-  }, {
-    name: ActionName.DownloadAction,
-    hideIcon: true
-  }], [showRovoResolvedView, prompts]);
+  const footerActions = useMemo(() => {
+    if (showRovoResolvedView && fg('platform_sl_3p_auth_rovo_block_card_kill_switch')) {
+      return [{
+        name: ActionName.RovoChatAction,
+        prompts: prompts,
+        iconSize: 'small',
+        cardAppearance: CardDisplay.Block
+      }, {
+        name: ActionName.FollowAction,
+        iconSize: 'small'
+      }, {
+        name: ActionName.DownloadAction,
+        iconSize: 'small'
+      }];
+    }
+    return [{
+      name: ActionName.FollowAction,
+      hideIcon: true
+    }, {
+      name: ActionName.PreviewAction,
+      hideIcon: true
+    }, {
+      name: ActionName.DownloadAction,
+      hideIcon: true
+    }];
+  }, [showRovoResolvedView, prompts]);
   const uiOptions = FlexibleCardUiOptions;
   uiOptions.enableSnippetRenderer = true;
   uiOptions.hideLoadingSkeleton = hideIconLoadingSkeleton;
@@ -134,6 +141,7 @@ const ResolvedView = ({
     }
   })) : null, /*#__PURE__*/React.createElement(FooterBlock, {
     actions: footerActions,
+    isPreviewBlockErrored: isPreviewBlockErrored,
     className: ax(["_4t3i1k8s _1e0c1txw _1bah1yb4 _4cvresu3 _1wpz1fhb", safari && "_4t3i1osq"])
   }));
 };

package/dist/es2019/view/FlexibleCard/components/actions/action/action-button/index.compiled.css

@@ -1,4 +1,5 @@
 ._11c8wadc{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._13bowadc button{font:var(--ds-font-body-small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
 ._11lv1b66 button{padding-left:var(--ds-space-050,4px)}
 ._11lvidpf button{padding-left:0}
 ._11lvv77o button{padding-left:var(--ds-space-025,2px)}
@@ -12,10 +13,13 @@
 ._1gqnv77o button{padding-bottom:var(--ds-space-025,2px)}
 ._1i3bidpf button:active>span{margin-top:0}
 ._1l0qidpf button:hover>span{margin-right:0}
+._1q9t1wq8 button{font-weight:var(--ds-font-weight-medium,500)}
+._1rlg1g80 button{flex-wrap:wrap}
 ._1vtwidpf button:active>span{margin-left:0}
 ._3kh9idpf button:active>span{margin-bottom:0}
 ._4wlcidpf button:hover>span{margin-top:0}
 ._8pvjidpf button:hover>span{margin-bottom:0}
+._bdn61h6o button{align-content:center}
 ._i2vxidpf button:focus>span{margin-bottom:0}
 ._ijvwidpf button:focus>span{margin-left:0}
 ._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}

package/dist/es2019/view/FlexibleCard/components/actions/action/action-button/index.js

@@ -2,16 +2,21 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { forwardRef, useCallback, useMemo } from 'react';
+import { cx } from '@compiled/react';
 import { LoadingButton } from '@atlaskit/button';
 import Button, { IconButton, LinkButton, LinkIconButton } from '@atlaskit/button/new';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box } from '@atlaskit/primitives/compiled';
 import Tooltip from '@atlaskit/tooltip';
-import { SmartLinkSize } from '../../../../../../constants';
-import { useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
+import { ActionName, SmartLinkSize } from '../../../../../../constants';
+import { useFlexibleUiContext, useFlexibleUiOptionContext } from '../../../../../../state/flexible-ui-context';
 import { withOverrideCss } from '../../../common/with-override-css';
 import { sizeToButtonSpacing } from '../../../utils';
 const IconOnlyLarge = null;
 const SizeSmall = null;
+const styles = {
+  textSmall: "_13bowadc _1q9t1wq8 _1rlg1g80 _bdn61h6o"
+};
 const SizeSmallIconOnly = null;
 const SizeSmallNotIconOnly = null;
 const IconButtonAppearanceMap = {
@@ -49,7 +54,10 @@ const ActionButtonRefresh = /*#__PURE__*/forwardRef(({
   href,
   ariaLabel
 }, ref) => {
+  var _context$actions;
   const iconOnly = !content;
+  const context = useFlexibleUiContext();
+  const isRovoSupported = !!(context !== null && context !== void 0 && (_context$actions = context.actions) !== null && _context$actions !== void 0 && _context$actions[ActionName.RovoChatAction]) && fg('platform_sl_3p_auth_rovo_block_card_kill_switch');
   const onButtonClick = useCallback(handler => e => {
     e.preventDefault();
     handler();
@@ -124,7 +132,8 @@ const ActionButtonRefresh = /*#__PURE__*/forwardRef(({
   }, [appearance, ariaLabel, content, href, iconAfter, iconBefore, iconOnly, isDisabled, isLoading, onButtonClick, onClick, size, testId, tooltipMessage]);
   return /*#__PURE__*/React.createElement(Box, {
     testId: `${testId}-button-wrapper`,
-    ref: ref
+    ref: ref,
+    xcss: cx(isRovoSupported && size === SmartLinkSize.Small && styles.textSmall)
   }, button);
 });
 const ActionButtonRefreshWithOverrideCss = withOverrideCss(ActionButtonRefresh);

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css

@@ -6,7 +6,6 @@
 ._19bv1b66{padding-left:var(--ds-space-050,4px)}
 ._19bvv77o{padding-left:var(--ds-space-025,2px)}
 ._1bah1h6o{justify-content:center}
-._1bsb1ns9{width:-moz-fit-content;width:fit-content}
 ._1bsb1osq{width:100%}
 ._1bsb1tcg{width:24px}
 ._1e0c116y{display:inline-flex}
@@ -22,6 +21,5 @@
 ._u5f31b66{padding-right:var(--ds-space-050,4px)}
 ._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
 ._1ah31i6y:focus-visible{outline-offset:var(--ds-space-negative-025,-2px)}
-._4cvx1v1w:hover{border-color:var(--ds-border-focused,#4688ec)}
 ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
 ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}

package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js

@@ -15,7 +15,7 @@ import { getPrimitivesInlineSpaceBySize } from '../../../utils';
 import ActionIcon from '../action-icon';
 const styles = {
   button: "_bfhksm61 _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _1ah31i6y _irr31dpa _1di6fcek",
-  pillButton: "_2rko1qi0 _189ee4h9 _1dqonqa1 _1h6d1l7x _kqswh2mm _bfhksm61 _u5f3u2gc _19bvv77o _1bsb1ns9 _1ah31i6y _4cvx1v1w _irr31dpa _1di6fcek",
+  pillButton: "_2rko1qi0 _189ee4h9 _1dqonqa1 _1h6d1l7x _kqswh2mm _bfhksm61 _u5f3u2gc _19bvv77o _1bsb1osq _1ah31i6y _irr31dpa _1di6fcek",
   content: "_11c8wadc _syazi7uo",
   pillContent: "_11c8wadc _syazi7uo _o5721q9c",
   spinner: "_1bsb1tcg _4t3i1tcg _1e0c116y _4cvr1h6o _1bah1h6o"