@atlaskit/smart-card 40.16.0 → 40.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/cjs/utils/analytics/analytics.js +1 -1
  3. package/dist/cjs/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.compiled.css +1 -1
  4. package/dist/cjs/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.js +1 -1
  5. package/dist/cjs/view/EmbedCard/components/ErrorFrame.compiled.css +1 -1
  6. package/dist/cjs/view/EmbedCard/components/ErrorFrame.js +2 -2
  7. package/dist/cjs/view/EmbedCard/components/Frame.compiled.css +1 -1
  8. package/dist/cjs/view/EmbedCard/components/Frame.js +1 -1
  9. package/dist/cjs/view/EmbedModal/components/link-info/index.js +12 -1
  10. package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/main.js +4 -1
  11. package/dist/cjs/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js +4 -1
  12. package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.compiled.css +1 -1
  13. package/dist/cjs/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.js +1 -1
  14. package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js +1 -8
  15. package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.compiled.css +1 -1
  16. package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js +1 -1
  17. package/dist/cjs/view/HoverCard/components/ContentContainer.compiled.css +1 -1
  18. package/dist/cjs/view/HoverCard/components/ContentContainer.js +1 -1
  19. package/dist/cjs/view/HoverCard/components/ImagePreview.js +2 -2
  20. package/dist/cjs/view/HoverCard/components/views/forbidden/index.compiled.css +2 -2
  21. package/dist/cjs/view/HoverCard/components/views/forbidden/index.js +1 -1
  22. package/dist/cjs/view/InlineCard/Frame/styled.compiled.css +1 -1
  23. package/dist/cjs/view/InlineCard/Frame/styled.js +2 -2
  24. package/dist/cjs/view/LinkUrl/LinkWarningModal/index.js +4 -1
  25. package/dist/cjs/view/LinkUrl/index.js +1 -1
  26. package/dist/cjs/view/RelatedLinksModal/components/RelatedLinksBaseModal.js +3 -1
  27. package/dist/cjs/view/common/ai-prism/index.compiled.css +1 -1
  28. package/dist/cjs/view/common/ai-prism/index.js +1 -1
  29. package/dist/cjs/view/common/stop-propagation/index.js +1 -5
  30. package/dist/es2019/utils/analytics/analytics.js +1 -1
  31. package/dist/es2019/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.compiled.css +1 -1
  32. package/dist/es2019/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.js +1 -1
  33. package/dist/es2019/view/EmbedCard/components/ErrorFrame.compiled.css +1 -1
  34. package/dist/es2019/view/EmbedCard/components/ErrorFrame.js +2 -2
  35. package/dist/es2019/view/EmbedCard/components/Frame.compiled.css +1 -1
  36. package/dist/es2019/view/EmbedCard/components/Frame.js +1 -1
  37. package/dist/es2019/view/EmbedModal/components/link-info/index.js +13 -2
  38. package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/main.js +4 -1
  39. package/dist/es2019/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js +4 -1
  40. package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.compiled.css +1 -1
  41. package/dist/es2019/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.js +1 -1
  42. package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js +1 -8
  43. package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.compiled.css +1 -1
  44. package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js +1 -1
  45. package/dist/es2019/view/HoverCard/components/ContentContainer.compiled.css +1 -1
  46. package/dist/es2019/view/HoverCard/components/ContentContainer.js +1 -1
  47. package/dist/es2019/view/HoverCard/components/ImagePreview.js +2 -2
  48. package/dist/es2019/view/HoverCard/components/views/forbidden/index.compiled.css +2 -2
  49. package/dist/es2019/view/HoverCard/components/views/forbidden/index.js +1 -1
  50. package/dist/es2019/view/InlineCard/Frame/styled.compiled.css +1 -1
  51. package/dist/es2019/view/InlineCard/Frame/styled.js +2 -2
  52. package/dist/es2019/view/LinkUrl/LinkWarningModal/index.js +4 -1
  53. package/dist/es2019/view/LinkUrl/index.js +1 -1
  54. package/dist/es2019/view/RelatedLinksModal/components/RelatedLinksBaseModal.js +3 -1
  55. package/dist/es2019/view/common/ai-prism/index.compiled.css +1 -1
  56. package/dist/es2019/view/common/ai-prism/index.js +1 -1
  57. package/dist/es2019/view/common/stop-propagation/index.js +1 -5
  58. package/dist/esm/utils/analytics/analytics.js +1 -1
  59. package/dist/esm/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.compiled.css +1 -1
  60. package/dist/esm/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.js +1 -1
  61. package/dist/esm/view/EmbedCard/components/ErrorFrame.compiled.css +1 -1
  62. package/dist/esm/view/EmbedCard/components/ErrorFrame.js +2 -2
  63. package/dist/esm/view/EmbedCard/components/Frame.compiled.css +1 -1
  64. package/dist/esm/view/EmbedCard/components/Frame.js +1 -1
  65. package/dist/esm/view/EmbedModal/components/link-info/index.js +13 -2
  66. package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/manual-triggers-form/main.js +4 -1
  67. package/dist/esm/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.js +4 -1
  68. package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.compiled.css +1 -1
  69. package/dist/esm/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.js +1 -1
  70. package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-error/index.js +1 -8
  71. package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.compiled.css +1 -1
  72. package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js +1 -1
  73. package/dist/esm/view/HoverCard/components/ContentContainer.compiled.css +1 -1
  74. package/dist/esm/view/HoverCard/components/ContentContainer.js +1 -1
  75. package/dist/esm/view/HoverCard/components/ImagePreview.js +2 -2
  76. package/dist/esm/view/HoverCard/components/views/forbidden/index.compiled.css +2 -2
  77. package/dist/esm/view/HoverCard/components/views/forbidden/index.js +1 -1
  78. package/dist/esm/view/InlineCard/Frame/styled.compiled.css +1 -1
  79. package/dist/esm/view/InlineCard/Frame/styled.js +2 -2
  80. package/dist/esm/view/LinkUrl/LinkWarningModal/index.js +4 -1
  81. package/dist/esm/view/LinkUrl/index.js +1 -1
  82. package/dist/esm/view/RelatedLinksModal/components/RelatedLinksBaseModal.js +3 -1
  83. package/dist/esm/view/common/ai-prism/index.compiled.css +1 -1
  84. package/dist/esm/view/common/ai-prism/index.js +1 -1
  85. package/dist/esm/view/common/stop-propagation/index.js +1 -5
  86. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,28 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 40.17.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`e5001e144b74e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e5001e144b74e) -
8
+ Internal changes to how border radius is applied.
9
+ - Updated dependencies
10
+
11
+ ## 40.17.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [`6ce6f7249075d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6ce6f7249075d) -
16
+ [ux] NAVX-1483 using the ADS modal built in hasCloseButton for LP components to adhere to a11y
17
+
18
+ ### Patch Changes
19
+
20
+ - [`d28c4180ae756`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d28c4180ae756) -
21
+ Internal changes to how border radius is applied.
22
+ - [`fe80630362c42`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fe80630362c42) -
23
+ NAVX-1379 Cleaning up navx-1184-fix-smart-link-a-11-y-interactive-states
24
+ - Updated dependencies
25
+
3
26
  ## 40.16.0
4
27
 
5
28
  ### Minor Changes
@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
11
11
  var context = exports.context = {
12
12
  componentName: 'smart-cards',
13
13
  packageName: "@atlaskit/smart-card",
14
- packageVersion: "40.15.2"
14
+ packageVersion: "40.17.0"
15
15
  };
16
16
  var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
17
17
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -1,2 +1,2 @@
1
- ._1g96pd34>div{border-radius:var(--ds-border-radius-200,8px)}
1
+ ._1g961mok>div{border-radius:var(--ds-radius-large,8px)}
2
2
  ._1qo3n8v0>div{border:var(--_vzvmm2)}
@@ -15,7 +15,7 @@ var flexibleBlockCardStyle = null;
15
15
  var withFlexibleUIBlockCardStyle = exports.withFlexibleUIBlockCardStyle = function withFlexibleUIBlockCardStyle(FlexibleBlockCardView) {
16
16
  return function (props) {
17
17
  return /*#__PURE__*/React.createElement("div", {
18
- className: (0, _runtime.ax)(["_1g96pd34 _1qo3n8v0"]),
18
+ className: (0, _runtime.ax)(["_1g961mok _1qo3n8v0"]),
19
19
  style: {
20
20
  "--_vzvmm2": (0, _runtime.ix)("1px solid ".concat("var(--ds-border, ".concat(_colors.N40, ")")))
21
21
  }
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._2rko1lya{border-radius:1.5px}
3
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
3
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
4
4
  ._189eyh40{border-width:2px}
5
5
  ._1dqonqa1{border-style:solid}
6
6
  ._1h6d1j28{border-color:transparent}
@@ -37,7 +37,7 @@ var ExpandedFrame = exports.ExpandedFrame = function ExpandedFrame(_ref) {
37
37
  "data-testid": testId
38
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
39
39
  ,
40
- className: (0, _runtime.ax)(["_1bsb1osq _1e0c1txw", "_p12fukw8 _bfhkhp5a", isHoverable && "_irr3uh3c _d0altlke", isFluidHeight ? "_1tkeidpf" : "_1tke68cl", isSelected ? "_2rkosqtm _1h6d7a2i _1dqonqa1 _189eyh40" : "_2rko1lya _1h6d1j28 _1dqonqa1 _189eyh40", "_1reo15vq _18m915vq _1bah1yb4 _16qs1mq7", className]),
40
+ className: (0, _runtime.ax)(["_1bsb1osq _1e0c1txw", "_p12fukw8 _bfhkhp5a", isHoverable && "_irr3uh3c _d0altlke", isFluidHeight ? "_1tkeidpf" : "_1tke68cl", isSelected ? "_2rkofajl _1h6d7a2i _1dqonqa1 _189eyh40" : "_2rko1lya _1h6d1j28 _1dqonqa1 _189eyh40", "_1reo15vq _18m915vq _1bah1yb4 _16qs1mq7", className]),
41
41
  "data-trello-do-not-use-override": testId,
42
42
  style: {
43
43
  "--_1irqcwi": (0, _runtime.ix)("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N20A, ")")),
@@ -63,7 +63,7 @@ var CompactFrame = exports.CompactFrame = function CompactFrame(_ref2) {
63
63
  "data-testid": testId
64
64
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
65
65
  ,
66
- className: (0, _runtime.ax)(["_1bsb1osq _1e0c1txw", "_p12fukw8 _bfhkhp5a", isHoverable && "_irr3bfnf", isSelected && "_2rkosqtm _1h6d7a2i _1dqonqa1 _189eyh40", !isSelected && "_2rko1lya", "_1bah1h6o _4cvr1h6o _bfhkkq2v", inheritDimensions ? "_4t3i1osq" : "_4t3i1ylp", "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq", className]),
66
+ className: (0, _runtime.ax)(["_1bsb1osq _1e0c1txw", "_p12fukw8 _bfhkhp5a", isHoverable && "_irr3bfnf", isSelected && "_2rkofajl _1h6d7a2i _1dqonqa1 _189eyh40", !isSelected && "_2rko1lya", "_1bah1h6o _4cvr1h6o _bfhkkq2v", inheritDimensions ? "_4t3i1osq" : "_4t3i1ylp", "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq", className]),
67
67
  style: {
68
68
  "--_6j4ewu": (0, _runtime.ix)("var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")")),
69
69
  "--_d9gj9p": (0, _runtime.ix)("var(--ds-border-selected, ".concat(_colors.B200, ")")),
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._19itidpf{border:0}
3
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._154iidpf{top:0}
3
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._154iidpf{top:0}
4
4
  ._18m915vq{overflow-y:hidden}
5
5
  ._1bsb1osq{width:100%}
6
6
  ._1ltvidpf{left:0}
@@ -124,6 +124,6 @@ var Frame = exports.Frame = /*#__PURE__*/_react.default.forwardRef(function (_re
124
124
  },
125
125
  sandbox: (0, _utils.getIframeSandboxAttribute)(isTrusted),
126
126
  title: title,
127
- className: (0, _runtime.ax)(["_19itidpf _1reo15vq _18m915vq _2rkosqtm _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _kqswh2mm"])
127
+ className: (0, _runtime.ax)(["_19itidpf _1reo15vq _18m915vq _2rkofajl _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _kqswh2mm"])
128
128
  }));
129
129
  });
@@ -20,6 +20,8 @@ var _linkExternalShortcut = _interopRequireDefault(require("@atlaskit/icon/core/
20
20
  var _download2 = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
21
21
  var _vidFullScreenOff = _interopRequireDefault(require("@atlaskit/icon/glyph/vid-full-screen-off"));
22
22
  var _modalDialog = require("@atlaskit/modal-dialog");
23
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
24
+ var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
23
25
  var _messages = require("../../../../messages");
24
26
  var _Icon = require("../../../common/Icon");
25
27
  var _constants = require("../../constants");
@@ -127,7 +129,16 @@ var LinkInfo = function LinkInfo(_ref) {
127
129
  "aria-hidden": true
128
130
  })), /*#__PURE__*/_react.default.createElement("div", {
129
131
  className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
130
- }, downloadButton, urlButton, sizeButton, /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
132
+ }, downloadButton, urlButton, sizeButton, (0, _platformFeatureFlags.fg)('navx-1483-a11y-close-button-in-modal-updates') ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
133
+ content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
134
+ hideTooltipOnClick: true,
135
+ tag: "span",
136
+ testId: "".concat(testId, "-close-tooltip")
137
+ }, /*#__PURE__*/_react.default.createElement(_modalDialog.CloseButton, {
138
+ onClick: onClose,
139
+ label: _messages.messages.preview_close.defaultMessage,
140
+ testId: "".concat(testId, "-close-button")
141
+ })) : /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
131
142
  content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
132
143
  icon: function icon() {
133
144
  return /*#__PURE__*/_react.default.createElement(_cross.default, {
@@ -12,6 +12,7 @@ var _reactMagneticDi = require("react-magnetic-di");
12
12
  var _new = _interopRequireDefault(require("@atlaskit/button/new"));
13
13
  var _form = _interopRequireWildcard(require("@atlaskit/form"));
14
14
  var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
15
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
16
  var _messages = _interopRequireDefault(require("../common/messages"));
16
17
  var _types = require("../common/types");
17
18
  var _main = _interopRequireDefault(require("./boolean-prompt/main"));
@@ -120,7 +121,9 @@ var UserInputForm = function UserInputForm(props) {
120
121
  }, function (_ref4) {
121
122
  var formProps = _ref4.formProps,
122
123
  submitting = _ref4.submitting;
123
- 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, {
124
+ return /*#__PURE__*/_react.default.createElement("form", formProps, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, {
125
+ hasCloseButton: (0, _platformFeatureFlags.fg)('navx-1483-a11y-close-button-in-modal-updates')
126
+ }, /*#__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, {
124
127
  appearance: "subtle",
125
128
  onClick: handleClose,
126
129
  isDisabled: submitting
@@ -14,6 +14,7 @@ var _reactIntlNext = require("react-intl-next");
14
14
  var _heading = _interopRequireDefault(require("@atlaskit/heading"));
15
15
  var _manualTriggerIcon = _interopRequireDefault(require("@atlaskit/legacy-custom-icons/manual-trigger-icon"));
16
16
  var _modalDialog = require("@atlaskit/modal-dialog");
17
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
18
  var _compiled = require("@atlaskit/primitives/compiled");
18
19
  var _colors = require("@atlaskit/theme/colors");
19
20
  var _menuContext = require("../../menu-context");
@@ -40,7 +41,9 @@ var AutomationModalHeader = exports.AutomationModalHeader = function AutomationM
40
41
  var _useModal = (0, _modalDialog.useModal)(),
41
42
  titleId = _useModal.titleId;
42
43
  var showDescription = initialised && rules.length > 0 && !!modalDescription;
43
- return /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/React.createElement(_compiled.Stack, null, /*#__PURE__*/React.createElement(_compiled.Inline, {
44
+ return /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, {
45
+ hasCloseButton: (0, _platformFeatureFlags.fg)('navx-1483-a11y-close-button-in-modal-updates')
46
+ }, /*#__PURE__*/React.createElement(_compiled.Stack, null, /*#__PURE__*/React.createElement(_compiled.Inline, {
44
47
  alignBlock: "center"
45
48
  }, /*#__PURE__*/React.createElement(_compiled.Box, {
46
49
  xcss: styles.iconStyle
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._16qs10kv{box-shadow:var(--_zsb6fb)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs10kv{box-shadow:var(--_zsb6fb)}
3
3
  ._1e0c116y{display:inline-flex}
4
4
  ._1o511hrf{animation-fill-mode:both}
5
5
  ._1pgl1trn{animation-timing-function:cubic-bezier(.5,0,0,1)}
@@ -59,7 +59,7 @@ var FeatureDiscovery = function FeatureDiscovery(_ref) {
59
59
  if (!discovered) {
60
60
  return /*#__PURE__*/React.createElement("span", {
61
61
  "data-testid": "".concat(testId, "-discovery"),
62
- className: (0, _runtime.ax)(["_2rkosqtm _1e0c116y _16qs10kv _j7hq8j16 _5sagymdr _1pgl1trn _ju251doz _1o511hrf _tip8cs5v"]),
62
+ className: (0, _runtime.ax)(["_2rkofajl _1e0c116y _16qs10kv _j7hq8j16 _5sagymdr _1pgl1trn _ju251doz _1o511hrf _tip8cs5v"]),
63
63
  style: {
64
64
  "--_zsb6fb": (0, _runtime.ix)("0 0 0 0 ".concat("var(--ds-border-discovery, #8270DB)"))
65
65
  }
@@ -68,17 +68,10 @@ var LozengeActionError = function LozengeActionError(_ref) {
68
68
  }
69
69
  }, typeof errorMessage === 'string' ? errorMessage : (0, _utils.getFormattedMessage)(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
70
70
  className: (0, _runtime.ax)([styles.linkStyles])
71
- }, (0, _platformFeatureFlags.fg)('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(_compiled.Pressable, {
71
+ }, /*#__PURE__*/React.createElement(_compiled.Pressable, {
72
72
  testId: "".concat(testId, "-open-embed"),
73
73
  onClick: handlePreviewOpen,
74
74
  xcss: styles.openIssueInJiraStyles
75
- }, (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)) :
76
- /*#__PURE__*/
77
- // 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
78
- React.createElement("a", {
79
- target: "_blank",
80
- "data-testid": "".concat(testId, "-open-embed"),
81
- onClick: handlePreviewOpen
82
75
  }, (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);
83
76
  }, [errorMessage, handlePreviewOpen, isPreviewAvailable, testId, dynamicCss]);
84
77
  return /*#__PURE__*/React.createElement("span", {
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._kkk2n7od{all:unset}
3
- ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
3
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
4
  ._15vhn7od{font-variant:unset}
5
5
  ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
6
6
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
@@ -24,7 +24,7 @@ var _excluded = ["appearance", "isOpen", "testId", "text", "triggerRef"];
24
24
  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); }
25
25
  var styles = {
26
26
  chevronDown: "_18u012x7 _1e0c1txw",
27
- lozengeContainer: "_kkk2n7od _2rkoiti9 _1dqonqa1 _189ee4h9 _1h6d1j28 _bfhk1j28 _1e0c1txw _4cvr1h6o _4t3i7vkz",
27
+ lozengeContainer: "_kkk2n7od _2rko12b0 _1dqonqa1 _189ee4h9 _1h6d1j28 _bfhk1j28 _1e0c1txw _4cvr1h6o _4t3i7vkz",
28
28
  lozengeContainerSelected: "_1reo15vq _18m915vq _1h6d1p6i"
29
29
  };
30
30
  var triggerLozengeStyles = null;
@@ -1,5 +1,5 @@
1
1
  ._11q7glyw{background:none}
2
- ._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
2
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
3
  ._189eidpf{border-width:0}
4
4
  ._16qsie2t{box-shadow:var(--ds-shadow-overlay,0 8px 9pt rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.31))}
5
5
  ._1bsby0ve{width:var(--_1rzblqv)}
@@ -42,7 +42,7 @@ var ConnectedAIPrismContainer = function ConnectedAIPrismContainer(_ref) {
42
42
  }, [status]);
43
43
  var container = /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
44
44
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
45
- className: (0, _runtime.ax)(["_11q7glyw _189eidpf _vchhusvi _1bsby0ve _9spsglyw", !isAIEnabled && "_2rkopd34 _bfhk1bhr _16qsie2t", _HoverCardContent.hoverCardClassName]),
45
+ className: (0, _runtime.ax)(["_11q7glyw _189eidpf _vchhusvi _1bsby0ve _9spsglyw", !isAIEnabled && "_2rko1mok _bfhk1bhr _16qsie2t", _HoverCardContent.hoverCardClassName]),
46
46
  "data-testid": testId
47
47
  }, props, {
48
48
  style: {
@@ -34,8 +34,8 @@ var ImagePreview = function ImagePreview(_ref) {
34
34
  var _previewBlockRef$curr;
35
35
  var previewHeight = (_previewBlockRef$curr = previewBlockRef.current) === null || _previewBlockRef$curr === void 0 ? void 0 : _previewBlockRef$curr.getBoundingClientRect().height;
36
36
  setDynamicStyles(_objectSpread({
37
- borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
38
- borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
37
+ borderTopLeftRadius: "var(--ds-radius-large, 8px)",
38
+ borderTopRightRadius: "var(--ds-radius-large, 8px)",
39
39
  marginBottom: "var(--ds-space-100, 8px)"
40
40
  }, previewHeight ? {
41
41
  height: "".concat(previewHeight, "px")
@@ -1,10 +1,10 @@
1
1
  ._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)}
2
- ._13lipd34{border-top-left-radius:var(--ds-border-radius-200,8px)}
2
+ ._13li1mok{border-top-left-radius:var(--ds-radius-large,8px)}
3
3
  ._19pku2gc{margin-top:var(--ds-space-100,8px)}
4
4
  ._19pkze3t{margin-top:var(--ds-space-0,0)}
5
5
  ._1bah1h6o{justify-content:center}
6
6
  ._1e0c1nu9{display:inline}
7
7
  ._k48p1pd9{font-weight:var(--ds-font-weight-semibold,600)}
8
8
  ._otyru2gc{margin-bottom:var(--ds-space-100,8px)}
9
- ._qrwqpd34{border-top-right-radius:var(--ds-border-radius-200,8px)}
9
+ ._qrwq1mok{border-top-right-radius:var(--ds-radius-large,8px)}
10
10
  ._y3gn1h6o{text-align:center}
@@ -55,7 +55,7 @@ var HoverCardForbiddenView = function HoverCardForbiddenView(_ref) {
55
55
  }), /*#__PURE__*/React.createElement(_blocks.PreviewBlock, {
56
56
  ignoreContainerPadding: true,
57
57
  testId: testId,
58
- className: (0, _runtime.ax)(["_13lipd34 _qrwqpd34 _otyru2gc"])
58
+ className: (0, _runtime.ax)(["_13li1mok _qrwq1mok _otyru2gc"])
59
59
  }), /*#__PURE__*/React.createElement(_blocks.CustomBlock, {
60
60
  testId: "".concat(testId, "-title"),
61
61
  className: (0, _runtime.ax)(["_1bah1h6o _k48p1pd9 _19pku2gc"])
@@ -1,7 +1,7 @@
1
1
 
2
2
  ._19ith6cr{border:1px solid var(--ds-border,#dfe1e6)}
3
3
  ._1yt4x7n9{padding:var(--ds-space-025,2px) 0}
4
- ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
4
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
5
5
  ._v56415x0{transition:all .1s ease-in-out}
6
6
  ._1h6dmr28{border-color:var(--ds-border-accent-blue,#2684ff)}._12ji1r31{outline-color:currentColor}
7
7
  ._12y31o36{outline-width:medium}
@@ -27,7 +27,7 @@ var WrapperSpan = exports.WrapperSpan = /*#__PURE__*/(0, _react.forwardRef)(func
27
27
  return /*#__PURE__*/_react.default.createElement("span", (0, _extends2.default)({
28
28
  ref: ref
29
29
  }, props, {
30
- className: (0, _runtime.ax)(["_1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
30
+ className: (0, _runtime.ax)(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv"])
31
31
  }), props.children);
32
32
  });
33
33
  var WrapperAnchor = exports.WrapperAnchor = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
@@ -42,7 +42,7 @@ var WrapperAnchor = exports.WrapperAnchor = /*#__PURE__*/(0, _react.forwardRef)(
42
42
  href: href,
43
43
  ref: ref
44
44
  }, props, {
45
- className: (0, _runtime.ax)(["_1yt4x7n9 _2rkoiti9 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
45
+ className: (0, _runtime.ax)(["_1yt4x7n9 _2rko12b0 _v56415x0 _1e0c1nu9 _16d9qvcn _syaz1y58 _1rkwglyw _4cvxmr28", truncateInline && "_1reo15vq _18m915vq _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bto1l2s _1nmz9jpi _1e0c1abx _1yyjkb7n _sudp1e54 _nr8z1o8l _1voyv77o _3kwxidpf _jqg5v77o _6vwiidpf", withoutBackground ? "_19bvidpf _18u01i6y" : "_19ith6cr _bfhkhp5a _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _1nrm1r31 _c2waglyw _1iohnqa1", isHovered && "_1h6dmr28", isHovered && !withoutBackground && "_4bfu1r31 _1hmsglyw _ajmmnqa1", isSelected ? "_12ji1r31 _1qu2glyw _12y31o36 _80omtlke _16qscw00 _uiztglyw _1a3b1r31 _4fprglyw _5goinqa1 _9oik1r31 _1bnxglyw _jf4cnqa1 _bfw7h6cr _1nrm1r31 _c2waglyw _1iohnqa1" : "_uizt1kdv", isInteractive && "_nt751r31 _49pcglyw _1hvw1o36 _1372tlke _7ehicw00 _1j5pglyw _1di629zg"])
46
46
  }), props.children);
47
47
  });
48
48
  var baseWrapperStyles = null;
@@ -15,6 +15,7 @@ var _reactIntlNext = require("react-intl-next");
15
15
  var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
16
16
  var _link = _interopRequireDefault(require("@atlaskit/link"));
17
17
  var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
18
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
18
19
  var _messages = require("../../../messages");
19
20
  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); }
20
21
  var breakWordsCss = null;
@@ -28,7 +29,9 @@ var WarningModal = function WarningModal(props) {
28
29
  var content = /*#__PURE__*/React.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/React.createElement(_modalDialog.default, {
29
30
  onClose: onClose,
30
31
  testId: "link-with-safety-warning"
31
- }, /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, {
32
+ }, /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, {
33
+ hasCloseButton: (0, _platformFeatureFlags.fg)('navx-1483-a11y-close-button-in-modal-updates')
34
+ }, /*#__PURE__*/React.createElement(_modalDialog.ModalTitle, {
32
35
  appearance: "warning"
33
36
  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.check_this_link))), /*#__PURE__*/React.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/React.createElement("div", {
34
37
  className: (0, _runtime.ax)(["_o5726vc6 _1nmz9jpi"])
@@ -19,7 +19,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
19
19
  _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
20
20
  var PACKAGE_DATA = {
21
21
  packageName: "@atlaskit/smart-card",
22
- packageVersion: "40.15.2",
22
+ packageVersion: "40.17.0",
23
23
  componentName: 'linkUrl'
24
24
  };
25
25
  var Anchor = (0, _click.withLinkClickedEvent)('a');
@@ -48,7 +48,9 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
48
48
  shouldReturnFocus: false,
49
49
  onOpenComplete: openCompleteHandler,
50
50
  height: '504px'
51
- }), /*#__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, {
51
+ }), /*#__PURE__*/React.createElement(_modalDialog.ModalHeader, {
52
+ hasCloseButton: (0, _platformFeatureFlags.fg)('navx-1483-a11y-close-button-in-modal-updates')
53
+ }, /*#__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, {
52
54
  appearance: "primary",
53
55
  onClick: closeHandler
54
56
  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.close)))));
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
2
+ ._2rko1mok{border-radius:var(--ds-radius-large,8px)}
3
3
  ._v5649spz{transition:box-shadow .5s ease}
4
4
  ._v564fs5d{transition:opacity .5s ease}._16qs1aef{box-shadow:0 8px 9pt rgba(9,30,66,0),0 0 1px rgba(9,30,66,0)}
5
5
  ._16qsie2t{box-shadow:var(--ds-shadow-overlay,0 8px 9pt rgba(9,30,66,.15),0 0 1px rgba(9,30,66,.31))}
@@ -40,7 +40,7 @@ var AIPrism = function AIPrism(_ref) {
40
40
  testId: testId,
41
41
  className: (0, _runtime.ax)([animatedSvgContainerStyles[isVisible ? 'true' : 'false']])
42
42
  }, /*#__PURE__*/React.createElement("div", {
43
- className: (0, _runtime.ax)(["_2rkopd34 _bfhk1bhr _16qsie2t", "_v5649spz", isVisible && "_16qs1aef"])
43
+ className: (0, _runtime.ax)(["_2rko1mok _bfhk1bhr _16qsie2t", "_v5649spz", isVisible && "_16qs1aef"])
44
44
  }, children));
45
45
  };
46
46
  var _default = exports.default = AIPrism;
@@ -9,7 +9,6 @@ exports.StopPropagation = void 0;
9
9
  require("./index.compiled.css");
10
10
  var _runtime = require("@compiled/react/runtime");
11
11
  var _react = _interopRequireWildcard(require("react"));
12
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
13
12
  var _compiled = require("@atlaskit/primitives/compiled");
14
13
  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); }
15
14
  var styles = {
@@ -21,11 +20,8 @@ var StopPropagation = exports.StopPropagation = function StopPropagation(_ref) {
21
20
  // Prevent click event inside modal from bubble up
22
21
  e.stopPropagation();
23
22
  }, []);
24
- return (0, _platformFeatureFlags.fg)('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
23
+ return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
25
24
  xcss: styles.pressable,
26
25
  onClick: onClick
27
- }, children) : /*#__PURE__*/_react.default.createElement("span", {
28
- onClick: onClick,
29
- className: (0, _runtime.ax)([styles.pressable])
30
26
  }, children);
31
27
  };
@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
2
2
  export const context = {
3
3
  componentName: 'smart-cards',
4
4
  packageName: "@atlaskit/smart-card",
5
- packageVersion: "40.15.2"
5
+ packageVersion: "40.17.0"
6
6
  };
7
7
  export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
8
8
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -1,2 +1,2 @@
1
- ._1g96pd34>div{border-radius:var(--ds-border-radius-200,8px)}
1
+ ._1g961mok>div{border-radius:var(--ds-radius-large,8px)}
2
2
  ._1qo3h6cr>div{border:1px solid var(--ds-border,#dfe1e6)}
@@ -6,6 +6,6 @@ import { N40 } from '@atlaskit/theme/colors';
6
6
  const flexibleBlockCardStyle = null;
7
7
  export const withFlexibleUIBlockCardStyle = FlexibleBlockCardView => props => {
8
8
  return /*#__PURE__*/React.createElement("div", {
9
- className: ax(["_1g96pd34 _1qo3h6cr"])
9
+ className: ax(["_1g961mok _1qo3h6cr"])
10
10
  }, /*#__PURE__*/React.createElement(FlexibleBlockCardView, props));
11
11
  };
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._2rko1lya{border-radius:1.5px}
3
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}
3
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
4
4
  ._189eyh40{border-width:2px}
5
5
  ._1dqonqa1{border-style:solid}
6
6
  ._1h6d1can{border-color:var(--ds-border-selected,#2684ff)}
@@ -28,7 +28,7 @@ export const ExpandedFrame = ({
28
28
  "data-testid": testId
29
29
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
30
30
  ,
31
- className: ax(["_1bsb1osq _1e0c1txw", "_p12fukw8 _bfhkhp5a", isHoverable && "_irr3h3i3 _d0altlke", isFluidHeight ? "_1tkeidpf" : "_1tke68cl", isSelected ? "_2rkosqtm _1h6d1can _1dqonqa1 _189eyh40" : "_2rko1lya _1h6d1j28 _1dqonqa1 _189eyh40", "_1reo15vq _18m915vq _1bah1yb4 _16qsy59s", className]),
31
+ className: ax(["_1bsb1osq _1e0c1txw", "_p12fukw8 _bfhkhp5a", isHoverable && "_irr3h3i3 _d0altlke", isFluidHeight ? "_1tkeidpf" : "_1tke68cl", isSelected ? "_2rkofajl _1h6d1can _1dqonqa1 _189eyh40" : "_2rko1lya _1h6d1j28 _1dqonqa1 _189eyh40", "_1reo15vq _18m915vq _1bah1yb4 _16qsy59s", className]),
32
32
  "data-trello-do-not-use-override": testId
33
33
  }, children);
34
34
  };
@@ -50,6 +50,6 @@ export const CompactFrame = ({
50
50
  "data-testid": testId
51
51
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
52
52
  ,
53
- className: ax(["_1bsb1osq _1e0c1txw", "_p12fukw8 _bfhkhp5a", isHoverable && "_irr317ks", isSelected && "_2rkosqtm _1h6d1can _1dqonqa1 _189eyh40", !isSelected && "_2rko1lya", "_1bah1h6o _4cvr1h6o _bfhk1j54", inheritDimensions ? "_4t3i1osq" : "_4t3i1ylp", "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq", className])
53
+ className: ax(["_1bsb1osq _1e0c1txw", "_p12fukw8 _bfhkhp5a", isHoverable && "_irr317ks", isSelected && "_2rkofajl _1h6d1can _1dqonqa1 _189eyh40", !isSelected && "_2rko1lya", "_1bah1h6o _4cvr1h6o _bfhk1j54", inheritDimensions ? "_4t3i1osq" : "_4t3i1ylp", "_ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _1bsb1osq", className])
54
54
  }, children);
55
55
  };
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._19itidpf{border:0}
3
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._154iidpf{top:0}
3
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._154iidpf{top:0}
4
4
  ._18m915vq{overflow-y:hidden}
5
5
  ._1bsb1osq{width:100%}
6
6
  ._1ltvidpf{left:0}
@@ -96,6 +96,6 @@ export const Frame = /*#__PURE__*/React.forwardRef(({
96
96
  },
97
97
  sandbox: getIframeSandboxAttribute(isTrusted),
98
98
  title: title,
99
- className: ax(["_19itidpf _1reo15vq _18m915vq _2rkosqtm _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _kqswh2mm"])
99
+ className: ax(["_19itidpf _1reo15vq _18m915vq _2rkofajl _154iidpf _1ltvidpf _1bsb1osq _4t3i1osq _kqswh2mm"])
100
100
  }));
101
101
  });
@@ -11,7 +11,9 @@ import VidFullScreenOnIcon from '@atlaskit/icon/core/migration/fullscreen-enter-
11
11
  import ShortcutIcon from '@atlaskit/icon/core/migration/link-external--shortcut';
12
12
  import DownloadIconLegacy from '@atlaskit/icon/glyph/download';
13
13
  import VidFullScreenOffIcon from '@atlaskit/icon/glyph/vid-full-screen-off';
14
- import { useModal } from '@atlaskit/modal-dialog';
14
+ import { CloseButton, useModal } from '@atlaskit/modal-dialog';
15
+ import { fg } from '@atlaskit/platform-feature-flags';
16
+ import Tooltip from '@atlaskit/tooltip';
15
17
  import { messages } from '../../../../messages';
16
18
  import { Icon } from '../../../common/Icon';
17
19
  import { MAX_MODAL_SIZE } from '../../constants';
@@ -114,7 +116,16 @@ const LinkInfo = ({
114
116
  "aria-hidden": true
115
117
  })), /*#__PURE__*/React.createElement("div", {
116
118
  className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _1e0c1txw _3kllglyw"])
117
- }, downloadButton, urlButton, sizeButton, /*#__PURE__*/React.createElement(LinkInfoButton, {
119
+ }, downloadButton, urlButton, sizeButton, fg('navx-1483-a11y-close-button-in-modal-updates') ? /*#__PURE__*/React.createElement(Tooltip, {
120
+ content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
121
+ hideTooltipOnClick: true,
122
+ tag: "span",
123
+ testId: `${testId}-close-tooltip`
124
+ }, /*#__PURE__*/React.createElement(CloseButton, {
125
+ onClick: onClose,
126
+ label: messages.preview_close.defaultMessage,
127
+ testId: `${testId}-close-button`
128
+ })) : /*#__PURE__*/React.createElement(LinkInfoButton, {
118
129
  content: /*#__PURE__*/React.createElement(FormattedMessage, messages.preview_close),
119
130
  icon: () => /*#__PURE__*/React.createElement(CrossIcon, {
120
131
  label: messages.preview_close.defaultMessage,
@@ -3,6 +3,7 @@ import { di } from 'react-magnetic-di';
3
3
  import Button from '@atlaskit/button/new';
4
4
  import Form, { ErrorMessage, FormSection } from '@atlaskit/form';
5
5
  import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle } from '@atlaskit/modal-dialog';
6
+ import { fg } from '@atlaskit/platform-feature-flags';
6
7
  import messages from '../common/messages';
7
8
  import { UserInputType } from '../common/types';
8
9
  import BooleanInputPrompt from './boolean-prompt/main';
@@ -112,7 +113,9 @@ const UserInputForm = props => {
112
113
  }, ({
113
114
  formProps,
114
115
  submitting
115
- }) => /*#__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, {
116
+ }) => /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(ModalHeader, {
117
+ hasCloseButton: fg('navx-1483-a11y-close-button-in-modal-updates')
118
+ }, /*#__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, {
116
119
  appearance: "subtle",
117
120
  onClick: handleClose,
118
121
  isDisabled: submitting
@@ -6,6 +6,7 @@ import { defineMessages, useIntl } from 'react-intl-next';
6
6
  import Heading from '@atlaskit/heading';
7
7
  import LegacyManualTriggerIcon from '@atlaskit/legacy-custom-icons/manual-trigger-icon';
8
8
  import { ModalHeader, useModal } from '@atlaskit/modal-dialog';
9
+ import { fg } from '@atlaskit/platform-feature-flags';
9
10
  import { Box, Inline, Stack } from '@atlaskit/primitives/compiled';
10
11
  import { G50 } from '@atlaskit/theme/colors';
11
12
  import { useAutomationMenu } from '../../menu-context';
@@ -35,7 +36,9 @@ export const AutomationModalHeader = ({
35
36
  titleId
36
37
  } = useModal();
37
38
  const showDescription = initialised && rules.length > 0 && !!modalDescription;
38
- return /*#__PURE__*/React.createElement(ModalHeader, null, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
39
+ return /*#__PURE__*/React.createElement(ModalHeader, {
40
+ hasCloseButton: fg('navx-1483-a11y-close-button-in-modal-updates')
41
+ }, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Inline, {
39
42
  alignBlock: "center"
40
43
  }, /*#__PURE__*/React.createElement(Box, {
41
44
  xcss: styles.iconStyle
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkosqtm{border-radius:var(--ds-border-radius-100,3px)}._16qslqk2{box-shadow:0 0 0 0 var(--ds-border-discovery,#8270db)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qslqk2{box-shadow:0 0 0 0 var(--ds-border-discovery,#8270db)}
3
3
  ._1e0c116y{display:inline-flex}
4
4
  ._1o511hrf{animation-fill-mode:both}
5
5
  ._1pgl1trn{animation-timing-function:cubic-bezier(.5,0,0,1)}
@@ -50,7 +50,7 @@ const FeatureDiscovery = ({
50
50
  if (!discovered) {
51
51
  return /*#__PURE__*/React.createElement("span", {
52
52
  "data-testid": `${testId}-discovery`,
53
- className: ax(["_2rkosqtm _1e0c116y _16qslqk2 _j7hq8j16 _5sagymdr _1pgl1trn _ju251doz _1o511hrf _tip8cs5v"])
53
+ className: ax(["_2rkofajl _1e0c116y _16qslqk2 _j7hq8j16 _5sagymdr _1pgl1trn _ju251doz _1o511hrf _tip8cs5v"])
54
54
  }, children);
55
55
  }
56
56
  }, [children, discovered, testId]);
@@ -59,17 +59,10 @@ const LozengeActionError = ({
59
59
  }
60
60
  }, typeof errorMessage === 'string' ? errorMessage : getFormattedMessage(errorMessage))), isPreviewAvailable ? /*#__PURE__*/React.createElement("div", {
61
61
  className: ax([styles.linkStyles])
62
- }, fg('navx-1184-fix-smart-link-a11y-interactive-states') ? /*#__PURE__*/React.createElement(Pressable, {
62
+ }, /*#__PURE__*/React.createElement(Pressable, {
63
63
  testId: `${testId}-open-embed`,
64
64
  onClick: handlePreviewOpen,
65
65
  xcss: styles.openIssueInJiraStyles
66
- }, fg('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jiraIssueTermRefresh) : /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jira)) :
67
- /*#__PURE__*/
68
- // 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
69
- React.createElement("a", {
70
- target: "_blank",
71
- "data-testid": `${testId}-open-embed`,
72
- onClick: handlePreviewOpen
73
66
  }, fg('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jiraIssueTermRefresh) : /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jira))) : null);
74
67
  }, [errorMessage, handlePreviewOpen, isPreviewAvailable, testId, dynamicCss]);
75
68
  return /*#__PURE__*/React.createElement("span", {
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._kkk2n7od{all:unset}
3
- ._2rkoiti9{border-radius:var(--ds-border-radius-100,4px)}
3
+ ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
4
  ._15vhn7od{font-variant:unset}
5
5
  ._189e1bk5{border-width:var(--ds-border-width-outline,2px)}
6
6
  ._189ee4h9{border-width:var(--ds-border-width,1px)}