@atlaskit/smart-card 40.15.2 → 40.17.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @atlaskit/smart-card
 
+## 40.17.0
+
+### Minor Changes
+
+- [`6ce6f7249075d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6ce6f7249075d) -
+  [ux] NAVX-1483 using the ADS modal built in hasCloseButton for LP components to adhere to a11y
+
+### Patch Changes
+
+- [`d28c4180ae756`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d28c4180ae756) -
+  Internal changes to how border radius is applied.
+- [`fe80630362c42`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fe80630362c42) -
+  NAVX-1379 Cleaning up navx-1184-fix-smart-link-a-11-y-interactive-states
+- Updated dependencies
+
+## 40.16.0
+
+### Minor Changes
+
+- [`38a07e571c534`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/38a07e571c534) -
+  CNS-19292: Adds a "preview size" option to action options prop on Smart Card. This allows users of
+  Smart Card to define a size of the modal that will be opened when a Preview Action is clicked.
+
+  Usage:
+
+  ```TSX
+  // Both of these accept a EmbedModalSize enum "small" or "large".
+  // To enable "small" modal when preview action is clicked.
+  <Card actionOptions={{previewAction: {size: "small"}, hide: false}}/>
+  // To enable "large" (default) modal when preview action is clicked.
+  <Card actionOptions={{previewAction: {size: "large"}, hide: false}}/>
+  ```
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 40.15.2
 
 ### Patch Changes

package/dist/cjs/extractors/action/extract-invoke-preview-action.js

@@ -8,6 +8,7 @@ exports.extractInvokePreviewAction = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _linkExtractors = require("@atlaskit/link-extractors");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _index = require("../../index");
 var _helpers = require("../../state/helpers");
@@ -48,7 +49,7 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
       invokeAction: {
         actionFn: function () {
           var _actionFn = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-            var _extractSmartLinkProv, _extractSmartLinkEmbe;
+            var _extractSmartLinkProv, _extractSmartLinkEmbe, _actionOptions$previe;
             return _regenerator.default.wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
@@ -80,7 +81,8 @@ var extractInvokePreviewAction = exports.extractInvokePreviewAction = function e
                     origin: origin,
                     src: (_extractSmartLinkEmbe = (0, _linkExtractors.extractSmartLinkEmbed)(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src,
                     title: (0, _linkExtractors.extractSmartLinkTitle)(response),
-                    url: url
+                    url: url,
+                    size: (0, _platformFeatureFlags.fg)('platform_linking_enable_card_preview_action_size') ? actionOptions === null || actionOptions === void 0 || (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size : undefined
                   });
                 case 6:
                 case "end":

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development"
+  packageVersion: "40.16.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.compiled.css

@@ -1,2 +1,2 @@
-._1g96pd34>div{border-radius:var(--ds-border-radius-200,8px)}
+._1g961mok>div{border-radius:var(--ds-radius-large,8px)}
 ._1qo3n8v0>div{border:var(--_vzvmm2)}

package/dist/cjs/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.js

@@ -15,7 +15,7 @@ var flexibleBlockCardStyle = null;
 var withFlexibleUIBlockCardStyle = exports.withFlexibleUIBlockCardStyle = function withFlexibleUIBlockCardStyle(FlexibleBlockCardView) {
   return function (props) {
     return /*#__PURE__*/React.createElement("div", {
-      className: (0, _runtime.ax)(["_1g96pd34 _1qo3n8v0"]),
+      className: (0, _runtime.ax)(["_1g961mok _1qo3n8v0"]),
       style: {
         "--_vzvmm2": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")))
       }

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

@@ -14,4 +14,10 @@ var CardAction = exports.CardAction = /*#__PURE__*/function (CardAction) {
   CardAction["AISummaryAction"] = "AISummaryAction";
   CardAction["AutomationAction"] = "AutomationAction";
   return CardAction;
-}({});
+}({});
+/**
+ * A CardActionOptions object contains the configuration for the actions available on the card.
+ */
+/**
+ * Determines which actions are visible on the card.
+ */

package/dist/cjs/view/EmbedModal/components/link-info/index.js

@@ -20,6 +20,8 @@ var _linkExternalShortcut = _interopRequireDefault(require("@atlaskit/icon/core/
 var _download2 = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
 var _vidFullScreenOff = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-full-screen-off"));
 var _modalDialog = require("@atlaskit/modal-dialog");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _messages = require("../../../../messages");
 var _Icon = require("../../../common/Icon");
 var _constants = require("../../constants");
@@ -127,7 +129,16 @@ var LinkInfo = function LinkInfo(_ref) {
     "aria-hidden": true
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
-  }, downloadButton, urlButton, sizeButton, /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
+  }, downloadButton, urlButton, sizeButton, (0, _platformFeatureFlags.fg)('navx-1483-a11y-close-button-in-modal-updates') ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
+    hideTooltipOnClick: true,
+    tag: "span",
+    testId: "".concat(testId, "-close-tooltip")
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.CloseButton, {
+    onClick: onClose,
+    label: _messages.messages.preview_close.defaultMessage,
+    testId: "".concat(testId, "-close-button")
+  })) : /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
     content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
     icon: function icon() {
       return /*#__PURE__*/_react.default.createElement(_cross.default, {

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/main.js

@@ -12,6 +12,7 @@ var _reactMagneticDi = require("react-magnetic-di");
 var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _form = _interopRequireWildcard(require("@atlaskit/form"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = _interopRequireDefault(require("../common/messages"));
 var _types = require("../common/types");
 var _main = _interopRequireDefault(require("./boolean-prompt/main"));
@@ -120,7 +121,9 @@ var UserInputForm = function UserInputForm(props) {
   }, function (_ref4) {
     var formProps = _ref4.formProps,
       submitting = _ref4.submitting;
-    return /*#__PURE__*/_react.default.createElement("form", formProps, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, rule.name)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, _messages.default.inputRequiredForAction.defaultMessage, /*#__PURE__*/_react.default.createElement(_form.FormSection, null, userInputPrompts.map(generateUserInputForm))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
+    return /*#__PURE__*/_react.default.createElement("form", formProps, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, {
+      hasCloseButton: (0, _platformFeatureFlags.fg)('navx-1483-a11y-close-button-in-modal-updates')
+    }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, null, rule.name)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, _messages.default.inputRequiredForAction.defaultMessage, /*#__PURE__*/_react.default.createElement(_form.FormSection, null, userInputPrompts.map(generateUserInputForm))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
       appearance: "subtle",
       onClick: handleClose,
       isDisabled: submitting

package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -14,6 +14,7 @@ var _reactIntlNext = require("react-intl-next");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _manualTriggerIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/manual-trigger-icon"));
 var _modalDialog = require("@atlaskit/modal-dialog");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _colors = require("@atlaskit/theme/colors");
 var _menuContext = require("../../menu-context");
@@ -40,7 +41,9 @@ var AutomationModalHeader = exports.AutomationModalHeader = function AutomationM
   var _useModal = (0, _modalDialog.useModal)(),
     titleId = _useModal.titleId;
   var showDescription = initialised && rules.length > 0 && !!modalDescription;
-  return /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/React.createElement(_compiled.Stack, null, /*#__PURE__*/React.createElement(_compiled.Inline, {
+  return /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, {
+    hasCloseButton: (0, _platformFeatureFlags.fg)('navx-1483-a11y-close-button-in-modal-updates')
+  }, /*#__PURE__*/React.createElement(_compiled.Stack, null, /*#__PURE__*/React.createElement(_compiled.Inline, {
     alignBlock: "center"
   }, /*#__PURE__*/React.createElement(_compiled.Box, {
     xcss: styles.iconStyle

package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js

@@ -68,17 +68,10 @@ var LozengeActionError = function LozengeActionError(_ref) {
       }
     }, typeof errorMessage === 'string' ? errorMessage : (0, _utils.getFormattedMessage)(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
       className: (0, _runtime.ax)([styles.linkStyles])
-    }, (0, _platformFeatureFlags.fg)('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(_compiled.Pressable, {
+    }, /*#__PURE__*/React.createElement(_compiled.Pressable, {
       testId: "".concat(testId, "-open-embed"),
       onClick: handlePreviewOpen,
       xcss: styles.openIssueInJiraStyles
-    }, (0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jiraIssueTermRefresh) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jira)) :
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/design-system/no-html-anchor, jsx-a11y/anchor-is-valid, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    React.createElement("a", {
-      target: "_blank",
-      "data-testid": "".concat(testId, "-open-embed"),
-      onClick: handlePreviewOpen
     }, (0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jiraIssueTermRefresh) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jira))) : null);
   }, [errorMessage, handlePreviewOpen, isPreviewAvailable, testId, dynamicCss]);
   return /*#__PURE__*/React.createElement("span", {

package/dist/cjs/view/HoverCard/components/ContentContainer.compiled.css

@@ -1,5 +1,5 @@
 ._11q7glyw{background:none}
-._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._189eidpf{border-width:0}
 ._16qsie2t{box-shadow:var(--ds-shadow-overlay,0 8px 9pt rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.31))}
 ._1bsby0ve{width:var(--_1rzblqv)}

package/dist/cjs/view/HoverCard/components/ContentContainer.js

@@ -42,7 +42,7 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   }, [status]);
   var container = /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: (0, _runtime.ax)(["_11q7glyw _189eidpf _vchhusvi _1bsby0ve _9spsglyw", !isAIEnabled && "_2rkopd34 _bfhk1bhr _16qsie2t", _HoverCardContent.hoverCardClassName]),
+    className: (0, _runtime.ax)(["_11q7glyw _189eidpf _vchhusvi _1bsby0ve _9spsglyw", !isAIEnabled && "_2rko1mok _bfhk1bhr _16qsie2t", _HoverCardContent.hoverCardClassName]),
     "data-testid": testId
   }, props, {
     style: {

package/dist/cjs/view/HoverCard/components/ImagePreview.js

@@ -34,8 +34,8 @@ var ImagePreview = function ImagePreview(_ref) {
       var _previewBlockRef$curr;
       var previewHeight = (_previewBlockRef$curr = previewBlockRef.current) === null || _previewBlockRef$curr === void 0 ? void 0 : _previewBlockRef$curr.getBoundingClientRect().height;
       setDynamicStyles(_objectSpread({
-        borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
-        borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
+        borderTopLeftRadius: "var(--ds-radius-large, 8px)",
+        borderTopRightRadius: "var(--ds-radius-large, 8px)",
         marginBottom: "var(--ds-space-100, 8px)"
       }, previewHeight ? {
         height: "".concat(previewHeight, "px")

package/dist/cjs/view/HoverCard/components/views/forbidden/index.compiled.css

@@ -1,10 +1,10 @@
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._13lipd34{border-top-left-radius:var(--ds-border-radius-200,8px)}
+._13li1mok{border-top-left-radius:var(--ds-radius-large,8px)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bah1h6o{justify-content:center}
 ._1e0c1nu9{display:inline}
 ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
-._qrwqpd34{border-top-right-radius:var(--ds-border-radius-200,8px)}
+._qrwq1mok{border-top-right-radius:var(--ds-radius-large,8px)}
 ._y3gn1h6o{text-align:center}

package/dist/cjs/view/HoverCard/components/views/forbidden/index.js

@@ -55,7 +55,7 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   }), /*#__PURE__*/React.createElement(_blocks.PreviewBlock, {
     ignoreContainerPadding: true,
     testId: testId,
-    className: (0, _runtime.ax)(["_13lipd34 _qrwqpd34 _otyru2gc"])
+    className: (0, _runtime.ax)(["_13li1mok _qrwq1mok _otyru2gc"])
   }), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
     testId: "".concat(testId, "-title"),
     className: (0, _runtime.ax)(["_1bah1h6o _k48p1pd9 _19pku2gc"])

package/dist/cjs/view/LinkUrl/LinkWarningModal/index.js

@@ -15,6 +15,7 @@ var _reactIntlNext = require("react-intl-next");
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
 var _link = _interopRequireDefault(require("@atlaskit/link"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _messages = require("../../../messages");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var breakWordsCss = null;
@@ -28,7 +29,9 @@ var WarningModal = function WarningModal(props) {
   var content = /*#__PURE__*/React.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(_modalDialog.default, {
     onClose: onClose,
     testId: "link-with-safety-warning"
-  }, /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, {
+  }, /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, {
+    hasCloseButton: (0, _platformFeatureFlags.fg)('navx-1483-a11y-close-button-in-modal-updates')
+  }, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, {
     appearance: "warning"
   }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.check_this_link))), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/React.createElement("div", {
     className: (0, _runtime.ax)(["_o5726vc6 _1nmz9jpi"])

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

@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "0.0.0-development",
+  packageVersion: "40.16.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

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

@@ -48,7 +48,9 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
     shouldReturnFocus: false,
     onOpenComplete: openCompleteHandler,
     height: '504px'
-  }), /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_modal_title))), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, children), /*#__PURE__*/React.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/React.createElement(_new.default, {
+  }), /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, {
+    hasCloseButton: (0, _platformFeatureFlags.fg)('navx-1483-a11y-close-button-in-modal-updates')
+  }, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, null, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.related_links_modal_title))), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, children), /*#__PURE__*/React.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/React.createElement(_new.default, {
     appearance: "primary",
     onClick: closeHandler
   }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.close)))));

package/dist/cjs/view/common/ai-prism/index.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._v5649spz{transition:box-shadow .5s ease}
 ._v564fs5d{transition:opacity .5s ease}._16qs1aef{box-shadow:0 8px 9pt rgba(9,30,66,0),0 0 1px rgba(9,30,66,0)}
 ._16qsie2t{box-shadow:var(--ds-shadow-overlay,0 8px 9pt rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.31))}

package/dist/cjs/view/common/ai-prism/index.js

@@ -40,7 +40,7 @@ var AIPrism = function AIPrism(_ref) {
     testId: testId,
     className: (0, _runtime.ax)([animatedSvgContainerStyles[isVisible ? 'true' : 'false']])
   }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _runtime.ax)(["_2rkopd34 _bfhk1bhr _16qsie2t", "_v5649spz", isVisible && "_16qs1aef"])
+    className: (0, _runtime.ax)(["_2rko1mok _bfhk1bhr _16qsie2t", "_v5649spz", isVisible && "_16qs1aef"])
   }, children));
 };
 var _default = exports.default = AIPrism;

package/dist/cjs/view/common/stop-propagation/index.js

@@ -9,7 +9,6 @@ exports.StopPropagation = void 0;
 require("./index.compiled.css");
 var _runtime = require("@compiled/react/runtime");
 var _react = _interopRequireWildcard(require("react"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _compiled = require("@atlaskit/primitives/compiled");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
@@ -21,11 +20,8 @@ var StopPropagation = exports.StopPropagation = function StopPropagation(_ref) {
     // Prevent click event inside modal from bubble up
     e.stopPropagation();
   }, []);
-  return (0, _platformFeatureFlags.fg)('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
+  return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
     xcss: styles.pressable,
     onClick: onClick
-  }, children) : /*#__PURE__*/_react.default.createElement("span", {
-    onClick: onClick,
-    className: (0, _runtime.ax)([styles.pressable])
   }, children);
 };

package/dist/es2019/extractors/action/extract-invoke-preview-action.js

@@ -1,4 +1,5 @@
 import { extractPreview as extractPreviewData, extractSmartLinkAri, extractSmartLinkEmbed, extractSmartLinkProvider, extractSmartLinkTitle, extractSmartLinkUrl } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ActionName, CardAction } from '../../index';
 import { getExtensionKey } from '../../state/helpers';
@@ -48,7 +49,7 @@ export const extractInvokePreviewAction = param => {
               iconUrl: undefined
             });
           } else {
-            var _extractSmartLinkProv, _extractSmartLinkEmbe;
+            var _extractSmartLinkProv, _extractSmartLinkEmbe, _actionOptions$previe;
             await openEmbedModal({
               fireEvent,
               extensionKey,
@@ -63,7 +64,8 @@ export const extractInvokePreviewAction = param => {
               origin,
               src: (_extractSmartLinkEmbe = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src,
               title: extractSmartLinkTitle(response),
-              url
+              url,
+              size: fg('platform_linking_enable_card_preview_action_size') ? actionOptions === null || actionOptions === void 0 ? void 0 : (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size : undefined
             });
           }
         },

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

package/dist/es2019/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.compiled.css

@@ -1,2 +1,2 @@
-._1g96pd34>div{border-radius:var(--ds-border-radius-200,8px)}
+._1g961mok>div{border-radius:var(--ds-radius-large,8px)}
 ._1qo3h6cr>div{border:1px solid var(--ds-border,#dfe1e6)}

package/dist/es2019/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.js

@@ -6,6 +6,6 @@ import { N40 } from '@atlaskit/theme/colors';
 const flexibleBlockCardStyle = null;
 export const withFlexibleUIBlockCardStyle = FlexibleBlockCardView => props => {
   return /*#__PURE__*/React.createElement("div", {
-    className: ax(["_1g96pd34 _1qo3h6cr"])
+    className: ax(["_1g961mok _1qo3h6cr"])
   }, /*#__PURE__*/React.createElement(FlexibleBlockCardView, props));
 };

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

@@ -8,4 +8,12 @@ export let CardAction = /*#__PURE__*/function (CardAction) {
   CardAction["AISummaryAction"] = "AISummaryAction";
   CardAction["AutomationAction"] = "AutomationAction";
   return CardAction;
-}({});
+}({});
+
+/**
+ * A CardActionOptions object contains the configuration for the actions available on the card.
+ */
+
+/**
+ * Determines which actions are visible on the card.
+ */

package/dist/es2019/view/EmbedModal/components/link-info/index.js

@@ -11,7 +11,9 @@ import VidFullScreenOnIcon from '@atlaskit/icon/core/migration/fullscreen-enter-
 import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import DownloadIconLegacy from '@atlaskit/icon/glyph/download';
 import VidFullScreenOffIcon from '@atlaskit/icon/glyph/vid-full-screen-off';
-import { useModal } from '@atlaskit/modal-dialog';
+import { CloseButton, useModal } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
+import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../../../../messages';
 import { Icon } from '../../../common/Icon';
 import { MAX_MODAL_SIZE } from '../../constants';
@@ -114,7 +116,16 @@ const LinkInfo = ({
     "aria-hidden": true
   })), /*#__PURE__*/React.createElement("div", {
     className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
-  }, downloadButton, urlButton, sizeButton, /*#__PURE__*/React.createElement(LinkInfoButton, {
+  }, downloadButton, urlButton, sizeButton, fg('navx-1483-a11y-close-button-in-modal-updates') ? /*#__PURE__*/React.createElement(Tooltip, {
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
+    hideTooltipOnClick: true,
+    tag: "span",
+    testId: `${testId}-close-tooltip`
+  }, /*#__PURE__*/React.createElement(CloseButton, {
+    onClick: onClose,
+    label: messages.preview_close.defaultMessage,
+    testId: `${testId}-close-button`
+  })) : /*#__PURE__*/React.createElement(LinkInfoButton, {
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
     icon: () => /*#__PURE__*/React.createElement(CrossIcon, {
       label: messages.preview_close.defaultMessage,

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/main.js

@@ -3,6 +3,7 @@ import { di } from 'react-magnetic-di';
 import Button from '@atlaskit/button/new';
 import Form, { ErrorMessage, FormSection } from '@atlaskit/form';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import messages from '../common/messages';
 import { UserInputType } from '../common/types';
 import BooleanInputPrompt from './boolean-prompt/main';
@@ -112,7 +113,9 @@ const UserInputForm = props => {
   }, ({
     formProps,
     submitting
-  }) => /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, rule.name)), /*#__PURE__*/React.createElement(ModalBody, null, messages.inputRequiredForAction.defaultMessage, /*#__PURE__*/React.createElement(FormSection, null, userInputPrompts.map(generateUserInputForm))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }) => /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(ModalHeader, {
+    hasCloseButton: fg('navx-1483-a11y-close-button-in-modal-updates')
+  }, /*#__PURE__*/React.createElement(ModalTitle, null, rule.name)), /*#__PURE__*/React.createElement(ModalBody, null, messages.inputRequiredForAction.defaultMessage, /*#__PURE__*/React.createElement(FormSection, null, userInputPrompts.map(generateUserInputForm))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "subtle",
     onClick: handleClose,
     isDisabled: submitting

package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -6,6 +6,7 @@ import { defineMessages, useIntl } from 'react-intl-next';
 import Heading from '@atlaskit/heading';
 import LegacyManualTriggerIcon from '@atlaskit/legacy-custom-icons/manual-trigger-icon';
 import { ModalHeader, useModal } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { G50 } from '@atlaskit/theme/colors';
 import { useAutomationMenu } from '../../menu-context';
@@ -35,7 +36,9 @@ export const AutomationModalHeader = ({
     titleId
   } = useModal();
   const showDescription = initialised && rules.length > 0 && !!modalDescription;
-  return /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
+  return /*#__PURE__*/React.createElement(ModalHeader, {
+    hasCloseButton: fg('navx-1483-a11y-close-button-in-modal-updates')
+  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center"
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.iconStyle

package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js

@@ -59,17 +59,10 @@ const LozengeActionError = ({
       }
     }, typeof errorMessage === 'string' ? errorMessage : getFormattedMessage(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
       className: ax([styles.linkStyles])
-    }, fg('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(Pressable, {
+    }, /*#__PURE__*/React.createElement(Pressable, {
       testId: `${testId}-open-embed`,
       onClick: handlePreviewOpen,
       xcss: styles.openIssueInJiraStyles
-    }, fg('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jiraIssueTermRefresh) : /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jira)) :
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/design-system/no-html-anchor, jsx-a11y/anchor-is-valid, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    React.createElement("a", {
-      target: "_blank",
-      "data-testid": `${testId}-open-embed`,
-      onClick: handlePreviewOpen
     }, fg('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jiraIssueTermRefresh) : /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jira))) : null);
   }, [errorMessage, handlePreviewOpen, isPreviewAvailable, testId, dynamicCss]);
   return /*#__PURE__*/React.createElement("span", {

package/dist/es2019/view/HoverCard/components/ContentContainer.compiled.css

@@ -1,5 +1,5 @@
 ._11q7glyw{background:none}
-._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._189eidpf{border-width:0}
 ._16qsie2t{box-shadow:var(--ds-shadow-overlay,0 8px 9pt rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.31))}
 ._1bsb1f23{width:25rem}

package/dist/es2019/view/HoverCard/components/ContentContainer.js

@@ -29,7 +29,7 @@ const ConnectedAIPrismContainer = ({
   }, [status]);
   const container = /*#__PURE__*/React.createElement("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_11q7glyw _189eidpf _vchhusvi _1bsb1f23 _9spsglyw", !isAIEnabled && "_2rkopd34 _bfhk1bhr _16qsie2t", hoverCardClassName]),
+    className: ax(["_11q7glyw _189eidpf _vchhusvi _1bsb1f23 _9spsglyw", !isAIEnabled && "_2rko1mok _bfhk1bhr _16qsie2t", hoverCardClassName]),
     "data-testid": testId
   }, props), children);
   return isAIEnabled ? /*#__PURE__*/React.createElement(AIPrism, {

package/dist/es2019/view/HoverCard/components/ImagePreview.js

@@ -16,8 +16,8 @@ const ImagePreview = ({
       var _previewBlockRef$curr;
       const previewHeight = (_previewBlockRef$curr = previewBlockRef.current) === null || _previewBlockRef$curr === void 0 ? void 0 : _previewBlockRef$curr.getBoundingClientRect().height;
       setDynamicStyles({
-        borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
-        borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
+        borderTopLeftRadius: "var(--ds-radius-large, 8px)",
+        borderTopRightRadius: "var(--ds-radius-large, 8px)",
         marginBottom: "var(--ds-space-100, 8px)",
         ...(previewHeight ? {
           height: `${previewHeight}px`

package/dist/es2019/view/HoverCard/components/views/forbidden/index.compiled.css

@@ -1,10 +1,10 @@
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._13lipd34{border-top-left-radius:var(--ds-border-radius-200,8px)}
+._13li1mok{border-top-left-radius:var(--ds-radius-large,8px)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bah1h6o{justify-content:center}
 ._1e0c1nu9{display:inline}
 ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
-._qrwqpd34{border-top-right-radius:var(--ds-border-radius-200,8px)}
+._qrwq1mok{border-top-right-radius:var(--ds-radius-large,8px)}
 ._y3gn1h6o{text-align:center}

package/dist/es2019/view/HoverCard/components/views/forbidden/index.js

@@ -50,7 +50,7 @@ const HoverCardForbiddenView = ({
   }), /*#__PURE__*/React.createElement(PreviewBlock, {
     ignoreContainerPadding: true,
     testId: testId,
-    className: ax(["_13lipd34 _qrwqpd34 _otyru2gc"])
+    className: ax(["_13li1mok _qrwq1mok _otyru2gc"])
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: `${testId}-title`,
     className: ax(["_1bah1h6o _k48p1pd9 _19pku2gc"])

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

@@ -7,6 +7,7 @@ import { FormattedMessage, injectIntl, IntlProvider } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import Link from '@atlaskit/link';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../../messages';
 const breakWordsCss = null;
 const WarningModal = props => {
@@ -21,7 +22,9 @@ const WarningModal = props => {
   const content = /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose,
     testId: "link-with-safety-warning"
-  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, {
+  }, /*#__PURE__*/React.createElement(ModalHeader, {
+    hasCloseButton: fg('navx-1483-a11y-close-button-in-modal-updates')
+  }, /*#__PURE__*/React.createElement(ModalTitle, {
     appearance: "warning"
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.check_this_link))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
     className: ax(["_o5726vc6 _1nmz9jpi"])

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

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

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

@@ -41,7 +41,9 @@ const RelatedLinksBaseModal = ({
     shouldReturnFocus: false,
     onOpenComplete: openCompleteHandler,
     height: '504px'
-  }), /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(ModalHeader, {
+    hasCloseButton: fg('navx-1483-a11y-close-button-in-modal-updates')
+  }, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     onClick: closeHandler
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.close)))));

package/dist/es2019/view/common/ai-prism/index.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._v5649spz{transition:box-shadow .5s ease}
 ._v564fs5d{transition:opacity .5s ease}._16qs1aef{box-shadow:0 8px 9pt rgba(9,30,66,0),0 0 1px rgba(9,30,66,0)}
 ._16qsie2t{box-shadow:var(--ds-shadow-overlay,0 8px 9pt rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.31))}

package/dist/es2019/view/common/ai-prism/index.js

@@ -30,7 +30,7 @@ const AIPrism = ({
     testId: testId,
     className: ax([animatedSvgContainerStyles[isVisible ? 'true' : 'false']])
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rkopd34 _bfhk1bhr _16qsie2t", "_v5649spz", isVisible && "_16qs1aef"])
+    className: ax(["_2rko1mok _bfhk1bhr _16qsie2t", "_v5649spz", isVisible && "_16qs1aef"])
   }, children));
 };
 export default AIPrism;

package/dist/es2019/view/common/stop-propagation/index.js

@@ -2,7 +2,6 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 const styles = {
   pressable: "_c71lidpf _p12fidpf _kqswstnw"
@@ -14,11 +13,8 @@ export const StopPropagation = ({
     // Prevent click event inside modal from bubble up
     e.stopPropagation();
   }, []);
-  return fg('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/React.createElement(Pressable, {
     xcss: styles.pressable,
     onClick: onClick
-  }, children) : /*#__PURE__*/React.createElement("span", {
-    onClick: onClick,
-    className: ax([styles.pressable])
   }, children);
 };

package/dist/esm/extractors/action/extract-invoke-preview-action.js

@@ -1,6 +1,7 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { extractPreview as extractPreviewData, extractSmartLinkAri, extractSmartLinkEmbed, extractSmartLinkProvider, extractSmartLinkTitle, extractSmartLinkUrl } from '@atlaskit/link-extractors';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ActionName, CardAction } from '../../index';
 import { getExtensionKey } from '../../state/helpers';
@@ -41,7 +42,7 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
       invokeAction: {
         actionFn: function () {
           var _actionFn = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-            var _extractSmartLinkProv, _extractSmartLinkEmbe;
+            var _extractSmartLinkProv, _extractSmartLinkEmbe, _actionOptions$previe;
             return _regeneratorRuntime.wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
@@ -73,7 +74,8 @@ export var extractInvokePreviewAction = function extractInvokePreviewAction(para
                     origin: origin,
                     src: (_extractSmartLinkEmbe = extractSmartLinkEmbed(response)) === null || _extractSmartLinkEmbe === void 0 ? void 0 : _extractSmartLinkEmbe.src,
                     title: extractSmartLinkTitle(response),
-                    url: url
+                    url: url,
+                    size: fg('platform_linking_enable_card_preview_action_size') ? actionOptions === null || actionOptions === void 0 || (_actionOptions$previe = actionOptions.previewAction) === null || _actionOptions$previe === void 0 ? void 0 : _actionOptions$previe.size : undefined
                   });
                 case 6:
                 case "end":

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

package/dist/esm/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.compiled.css

@@ -1,2 +1,2 @@
-._1g96pd34>div{border-radius:var(--ds-border-radius-200,8px)}
+._1g961mok>div{border-radius:var(--ds-radius-large,8px)}
 ._1qo3n8v0>div{border:var(--_vzvmm2)}

package/dist/esm/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.js

@@ -7,7 +7,7 @@ var flexibleBlockCardStyle = null;
 export var withFlexibleUIBlockCardStyle = function withFlexibleUIBlockCardStyle(FlexibleBlockCardView) {
   return function (props) {
     return /*#__PURE__*/React.createElement("div", {
-      className: ax(["_1g96pd34 _1qo3n8v0"]),
+      className: ax(["_1g961mok _1qo3n8v0"]),
       style: {
         "--_vzvmm2": ix("1px solid ".concat("var(--ds-border, ".concat(N40, ")")))
       }

package/dist/esm/view/Card/types.js

@@ -8,4 +8,12 @@ export var CardAction = /*#__PURE__*/function (CardAction) {
   CardAction["AISummaryAction"] = "AISummaryAction";
   CardAction["AutomationAction"] = "AutomationAction";
   return CardAction;
-}({});
+}({});
+
+/**
+ * A CardActionOptions object contains the configuration for the actions available on the card.
+ */
+
+/**
+ * Determines which actions are visible on the card.
+ */

package/dist/esm/view/EmbedModal/components/link-info/index.js

@@ -11,7 +11,9 @@ import VidFullScreenOnIcon from '@atlaskit/icon/core/migration/fullscreen-enter-
 import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
 import DownloadIconLegacy from '@atlaskit/icon/glyph/download';
 import VidFullScreenOffIcon from '@atlaskit/icon/glyph/vid-full-screen-off';
-import { useModal } from '@atlaskit/modal-dialog';
+import { CloseButton, useModal } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
+import Tooltip from '@atlaskit/tooltip';
 import { messages } from '../../../../messages';
 import { Icon } from '../../../common/Icon';
 import { MAX_MODAL_SIZE } from '../../constants';
@@ -118,7 +120,16 @@ var LinkInfo = function LinkInfo(_ref) {
     "aria-hidden": true
   })), /*#__PURE__*/React.createElement("div", {
     className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
-  }, downloadButton, urlButton, sizeButton, /*#__PURE__*/React.createElement(LinkInfoButton, {
+  }, downloadButton, urlButton, sizeButton, fg('navx-1483-a11y-close-button-in-modal-updates') ? /*#__PURE__*/React.createElement(Tooltip, {
+    content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
+    hideTooltipOnClick: true,
+    tag: "span",
+    testId: "".concat(testId, "-close-tooltip")
+  }, /*#__PURE__*/React.createElement(CloseButton, {
+    onClick: onClose,
+    label: messages.preview_close.defaultMessage,
+    testId: "".concat(testId, "-close-button")
+  })) : /*#__PURE__*/React.createElement(LinkInfoButton, {
     content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
     icon: function icon() {
       return /*#__PURE__*/React.createElement(CrossIcon, {

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/main.js

@@ -4,6 +4,7 @@ import { di } from 'react-magnetic-di';
 import Button from '@atlaskit/button/new';
 import Form, { ErrorMessage, FormSection } from '@atlaskit/form';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import messages from '../common/messages';
 import { UserInputType } from '../common/types';
 import BooleanInputPrompt from './boolean-prompt/main';
@@ -111,7 +112,9 @@ var UserInputForm = function UserInputForm(props) {
   }, function (_ref4) {
     var formProps = _ref4.formProps,
       submitting = _ref4.submitting;
-    return /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, rule.name)), /*#__PURE__*/React.createElement(ModalBody, null, messages.inputRequiredForAction.defaultMessage, /*#__PURE__*/React.createElement(FormSection, null, userInputPrompts.map(generateUserInputForm))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+    return /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(ModalHeader, {
+      hasCloseButton: fg('navx-1483-a11y-close-button-in-modal-updates')
+    }, /*#__PURE__*/React.createElement(ModalTitle, null, rule.name)), /*#__PURE__*/React.createElement(ModalBody, null, messages.inputRequiredForAction.defaultMessage, /*#__PURE__*/React.createElement(FormSection, null, userInputPrompts.map(generateUserInputForm))), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
       appearance: "subtle",
       onClick: handleClose,
       isDisabled: submitting

package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js

@@ -6,6 +6,7 @@ import { defineMessages, useIntl } from 'react-intl-next';
 import Heading from '@atlaskit/heading';
 import LegacyManualTriggerIcon from '@atlaskit/legacy-custom-icons/manual-trigger-icon';
 import { ModalHeader, useModal } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
 import { G50 } from '@atlaskit/theme/colors';
 import { useAutomationMenu } from '../../menu-context';
@@ -31,7 +32,9 @@ export var AutomationModalHeader = function AutomationModalHeader(_ref) {
   var _useModal = useModal(),
     titleId = _useModal.titleId;
   var showDescription = initialised && rules.length > 0 && !!modalDescription;
-  return /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
+  return /*#__PURE__*/React.createElement(ModalHeader, {
+    hasCloseButton: fg('navx-1483-a11y-close-button-in-modal-updates')
+  }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
     alignBlock: "center"
   }, /*#__PURE__*/React.createElement(Box, {
     xcss: styles.iconStyle

package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js

@@ -59,17 +59,10 @@ var LozengeActionError = function LozengeActionError(_ref) {
       }
     }, typeof errorMessage === 'string' ? errorMessage : getFormattedMessage(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
       className: ax([styles.linkStyles])
-    }, fg('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(Pressable, {
+    }, /*#__PURE__*/React.createElement(Pressable, {
       testId: "".concat(testId, "-open-embed"),
       onClick: handlePreviewOpen,
       xcss: styles.openIssueInJiraStyles
-    }, fg('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jiraIssueTermRefresh) : /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jira)) :
-    /*#__PURE__*/
-    // eslint-disable-next-line @atlaskit/design-system/no-html-anchor, jsx-a11y/anchor-is-valid, jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    React.createElement("a", {
-      target: "_blank",
-      "data-testid": "".concat(testId, "-open-embed"),
-      onClick: handlePreviewOpen
     }, fg('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jiraIssueTermRefresh) : /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jira))) : null);
   }, [errorMessage, handlePreviewOpen, isPreviewAvailable, testId, dynamicCss]);
   return /*#__PURE__*/React.createElement("span", {

package/dist/esm/view/HoverCard/components/ContentContainer.compiled.css

@@ -1,5 +1,5 @@
 ._11q7glyw{background:none}
-._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._189eidpf{border-width:0}
 ._16qsie2t{box-shadow:var(--ds-shadow-overlay,0 8px 9pt rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.31))}
 ._1bsby0ve{width:var(--_1rzblqv)}

package/dist/esm/view/HoverCard/components/ContentContainer.js

@@ -33,7 +33,7 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
   }, [status]);
   var container = /*#__PURE__*/React.createElement("div", _extends({
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-    className: ax(["_11q7glyw _189eidpf _vchhusvi _1bsby0ve _9spsglyw", !isAIEnabled && "_2rkopd34 _bfhk1bhr _16qsie2t", hoverCardClassName]),
+    className: ax(["_11q7glyw _189eidpf _vchhusvi _1bsby0ve _9spsglyw", !isAIEnabled && "_2rko1mok _bfhk1bhr _16qsie2t", hoverCardClassName]),
     "data-testid": testId
   }, props, {
     style: {

package/dist/esm/view/HoverCard/components/ImagePreview.js

@@ -25,8 +25,8 @@ var ImagePreview = function ImagePreview(_ref) {
       var _previewBlockRef$curr;
       var previewHeight = (_previewBlockRef$curr = previewBlockRef.current) === null || _previewBlockRef$curr === void 0 ? void 0 : _previewBlockRef$curr.getBoundingClientRect().height;
       setDynamicStyles(_objectSpread({
-        borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
-        borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
+        borderTopLeftRadius: "var(--ds-radius-large, 8px)",
+        borderTopRightRadius: "var(--ds-radius-large, 8px)",
         marginBottom: "var(--ds-space-100, 8px)"
       }, previewHeight ? {
         height: "".concat(previewHeight, "px")

package/dist/esm/view/HoverCard/components/views/forbidden/index.compiled.css

@@ -1,10 +1,10 @@
 ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
-._13lipd34{border-top-left-radius:var(--ds-border-radius-200,8px)}
+._13li1mok{border-top-left-radius:var(--ds-radius-large,8px)}
 ._19pku2gc{margin-top:var(--ds-space-100,8px)}
 ._19pkze3t{margin-top:var(--ds-space-0,0)}
 ._1bah1h6o{justify-content:center}
 ._1e0c1nu9{display:inline}
 ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
 ._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
-._qrwqpd34{border-top-right-radius:var(--ds-border-radius-200,8px)}
+._qrwq1mok{border-top-right-radius:var(--ds-radius-large,8px)}
 ._y3gn1h6o{text-align:center}

package/dist/esm/view/HoverCard/components/views/forbidden/index.js

@@ -46,7 +46,7 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
   }), /*#__PURE__*/React.createElement(PreviewBlock, {
     ignoreContainerPadding: true,
     testId: testId,
-    className: ax(["_13lipd34 _qrwqpd34 _otyru2gc"])
+    className: ax(["_13li1mok _qrwq1mok _otyru2gc"])
   }), /*#__PURE__*/React.createElement(CustomBlock, {
     testId: "".concat(testId, "-title"),
     className: ax(["_1bah1h6o _k48p1pd9 _19pku2gc"])

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

@@ -7,6 +7,7 @@ import { FormattedMessage, injectIntl, IntlProvider } from 'react-intl-next';
 import Button from '@atlaskit/button/standard-button';
 import Link from '@atlaskit/link';
 import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { messages } from '../../../messages';
 var breakWordsCss = null;
 var WarningModal = function WarningModal(props) {
@@ -19,7 +20,9 @@ var WarningModal = function WarningModal(props) {
   var content = /*#__PURE__*/React.createElement(ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose,
     testId: "link-with-safety-warning"
-  }, /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, {
+  }, /*#__PURE__*/React.createElement(ModalHeader, {
+    hasCloseButton: fg('navx-1483-a11y-close-button-in-modal-updates')
+  }, /*#__PURE__*/React.createElement(ModalTitle, {
     appearance: "warning"
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.check_this_link))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
     className: ax(["_o5726vc6 _1nmz9jpi"])

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

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

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

@@ -39,7 +39,9 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
     shouldReturnFocus: false,
     onOpenComplete: openCompleteHandler,
     height: '504px'
-  }), /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(ModalHeader, {
+    hasCloseButton: fg('navx-1483-a11y-close-button-in-modal-updates')
+  }, /*#__PURE__*/React.createElement(ModalTitle, null, /*#__PURE__*/React.createElement(FormattedMessage, messages.related_links_modal_title))), /*#__PURE__*/React.createElement(ModalBody, null, children), /*#__PURE__*/React.createElement(ModalFooter, null, /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     onClick: closeHandler
   }, /*#__PURE__*/React.createElement(FormattedMessage, messages.close)))));

package/dist/esm/view/common/ai-prism/index.compiled.css

@@ -1,5 +1,5 @@
 
-._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
+._2rko1mok{border-radius:var(--ds-radius-large,8px)}
 ._v5649spz{transition:box-shadow .5s ease}
 ._v564fs5d{transition:opacity .5s ease}._16qs1aef{box-shadow:0 8px 9pt rgba(9,30,66,0),0 0 1px rgba(9,30,66,0)}
 ._16qsie2t{box-shadow:var(--ds-shadow-overlay,0 8px 9pt rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.31))}

package/dist/esm/view/common/ai-prism/index.js

@@ -31,7 +31,7 @@ var AIPrism = function AIPrism(_ref) {
     testId: testId,
     className: ax([animatedSvgContainerStyles[isVisible ? 'true' : 'false']])
   }, /*#__PURE__*/React.createElement("div", {
-    className: ax(["_2rkopd34 _bfhk1bhr _16qsie2t", "_v5649spz", isVisible && "_16qs1aef"])
+    className: ax(["_2rko1mok _bfhk1bhr _16qsie2t", "_v5649spz", isVisible && "_16qs1aef"])
   }, children));
 };
 export default AIPrism;

package/dist/esm/view/common/stop-propagation/index.js

@@ -2,7 +2,6 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { Pressable } from '@atlaskit/primitives/compiled';
 var styles = {
   pressable: "_c71lidpf _p12fidpf _kqswstnw"
@@ -13,11 +12,8 @@ export var StopPropagation = function StopPropagation(_ref) {
     // Prevent click event inside modal from bubble up
     e.stopPropagation();
   }, []);
-  return fg('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(Pressable, {
+  return /*#__PURE__*/React.createElement(Pressable, {
     xcss: styles.pressable,
     onClick: onClick
-  }, children) : /*#__PURE__*/React.createElement("span", {
-    onClick: onClick,
-    className: ax([styles.pressable])
   }, children);
 };

package/dist/types/view/Card/types.d.ts

@@ -2,6 +2,7 @@ import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type CardPlatform } from '@atlaskit/link-extractors';
 import { type CardAppearance } from '@atlaskit/linking-common';
 import { type FrameStyle } from '../EmbedCard/types';
+import type { EmbedModalSize } from '../EmbedModal/types';
 import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type HoverPreviewOptions } from '../HoverCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
@@ -23,7 +24,24 @@ export declare enum CardAction {
     AISummaryAction = "AISummaryAction",
     AutomationAction = "AutomationAction"
 }
-export type CardActionOptions = {
+/**
+ * A CardActionOptions object contains the configuration for the actions available on the card.
+ */
+export type CardActionOptions = CardActionVisibilityOptions & {
+    /**
+     * Contains configuration for the preview action.
+     */
+    previewAction?: {
+        /**
+         * Determines the size of the preview modal when the preview action is clicked.
+         */
+        size?: EmbedModalSize;
+    };
+};
+/**
+ * Determines which actions are visible on the card.
+ */
+export type CardActionVisibilityOptions = {
     hide: true;
 } | {
     exclude?: Array<CardAction>;

package/dist/types-ts4.5/view/Card/types.d.ts

@@ -2,6 +2,7 @@ import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import { type CardPlatform } from '@atlaskit/link-extractors';
 import { type CardAppearance } from '@atlaskit/linking-common';
 import { type FrameStyle } from '../EmbedCard/types';
+import type { EmbedModalSize } from '../EmbedModal/types';
 import { type FlexibleUiOptions } from '../FlexibleCard/types';
 import { type HoverPreviewOptions } from '../HoverCard/types';
 import { type InlinePreloaderStyle, type OnErrorCallback } from '../types';
@@ -23,7 +24,24 @@ export declare enum CardAction {
     AISummaryAction = "AISummaryAction",
     AutomationAction = "AutomationAction"
 }
-export type CardActionOptions = {
+/**
+ * A CardActionOptions object contains the configuration for the actions available on the card.
+ */
+export type CardActionOptions = CardActionVisibilityOptions & {
+    /**
+     * Contains configuration for the preview action.
+     */
+    previewAction?: {
+        /**
+         * Determines the size of the preview modal when the preview action is clicked.
+         */
+        size?: EmbedModalSize;
+    };
+};
+/**
+ * Determines which actions are visible on the card.
+ */
+export type CardActionVisibilityOptions = {
     hide: true;
 } | {
     exclude?: Array<CardAction>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "40.15.2",
+	"version": "40.17.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -36,7 +36,7 @@
 		"@atlaskit/css": "^0.12.0",
 		"@atlaskit/dropdown-menu": "^16.3.0",
 		"@atlaskit/feature-gate-js-client": "^5.5.0",
-		"@atlaskit/form": "^12.2.0",
+		"@atlaskit/form": "^12.4.0",
 		"@atlaskit/frontend-utilities": "^3.1.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/icon": "^28.1.0",
@@ -68,7 +68,7 @@
 		"@atlaskit/textarea": "^8.0.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tmp-editor-statsig": "^11.11.0",
+		"@atlaskit/tmp-editor-statsig": "^12.0.0",
 		"@atlaskit/tokens": "^6.1.0",
 		"@atlaskit/tooltip": "^20.4.0",
 		"@atlaskit/ufo": "^0.4.0",
@@ -166,6 +166,9 @@
 		".": "./src/index.ts"
 	},
 	"platform-feature-flags": {
+		"platform_linking_enable_card_preview_action_size": {
+			"type": "boolean"
+		},
 		"platform-visual-refresh-icons": {
 			"type": "boolean"
 		},
@@ -214,9 +217,6 @@
 		"platform_editor_inline_card_selected_state_fix": {
 			"type": "boolean"
 		},
-		"navx-1184-fix-smart-link-a11y-interactive-states": {
-			"type": "boolean"
-		},
 		"navx-1304-related-links-remove-false-autofocus": {
 			"type": "boolean"
 		},
@@ -228,6 +228,9 @@
 		},
 		"ptc-enable-embed-team-smart-links": {
 			"type": "boolean"
+		},
+		"navx-1483-a11y-close-button-in-modal-updates": {
+			"type": "boolean"
 		}
 	},
 	"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"