@atlaskit/smart-card 40.7.0 → 40.7.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 (31) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/utils/analytics/analytics.js +1 -1
  3. package/dist/cjs/view/FlexibleCard/components/common/image-icon/index.js +1 -2
  4. package/dist/cjs/view/InlineCard/ForbiddenView/index.compiled.css +0 -2
  5. package/dist/cjs/view/InlineCard/ForbiddenView/index.js +8 -22
  6. package/dist/cjs/view/InlineCard/IconAndTitleLayout/index.compiled.css +0 -4
  7. package/dist/cjs/view/InlineCard/IconAndTitleLayout/index.js +2 -25
  8. package/dist/cjs/view/InlineCard/ResolvedView/index.js +8 -19
  9. package/dist/cjs/view/LinkUrl/index.js +1 -1
  10. package/dist/cjs/view/RelatedLinksModal/components/RelatedLinksBaseModal.js +8 -4
  11. package/dist/es2019/utils/analytics/analytics.js +1 -1
  12. package/dist/es2019/view/FlexibleCard/components/common/image-icon/index.js +1 -2
  13. package/dist/es2019/view/InlineCard/ForbiddenView/index.compiled.css +0 -2
  14. package/dist/es2019/view/InlineCard/ForbiddenView/index.js +9 -23
  15. package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.compiled.css +0 -4
  16. package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.js +0 -22
  17. package/dist/es2019/view/InlineCard/ResolvedView/index.js +9 -20
  18. package/dist/es2019/view/LinkUrl/index.js +1 -1
  19. package/dist/es2019/view/RelatedLinksModal/components/RelatedLinksBaseModal.js +8 -4
  20. package/dist/esm/utils/analytics/analytics.js +1 -1
  21. package/dist/esm/view/FlexibleCard/components/common/image-icon/index.js +1 -2
  22. package/dist/esm/view/InlineCard/ForbiddenView/index.compiled.css +0 -2
  23. package/dist/esm/view/InlineCard/ForbiddenView/index.js +9 -23
  24. package/dist/esm/view/InlineCard/IconAndTitleLayout/index.compiled.css +0 -4
  25. package/dist/esm/view/InlineCard/IconAndTitleLayout/index.js +1 -24
  26. package/dist/esm/view/InlineCard/ResolvedView/index.js +9 -20
  27. package/dist/esm/view/LinkUrl/index.js +1 -1
  28. package/dist/esm/view/RelatedLinksModal/components/RelatedLinksBaseModal.js +8 -4
  29. package/dist/types/view/InlineCard/IconAndTitleLayout/index.d.ts +0 -1
  30. package/dist/types-ts4.5/view/InlineCard/IconAndTitleLayout/index.d.ts +0 -1
  31. package/package.json +5 -11
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/smart-card
2
2
 
3
+ ## 40.7.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#195804](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/195804)
8
+ [`203fd19c46105`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/203fd19c46105) -
9
+ NAVX-1055 cleaning up platform-linking-visual-refresh-inline-lozenge
10
+ - [#195804](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/195804)
11
+ [`567fff99a23f5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/567fff99a23f5) -
12
+ NAVX-1304 Remove `autofocus=false` from RelatedLinksModal for a11y
13
+ - Updated dependencies
14
+
3
15
  ## 40.7.0
4
16
 
5
17
  ### 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.6.2"
14
+ packageVersion: "40.7.0"
15
15
  };
16
16
  var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
17
17
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -13,7 +13,6 @@ var React = _react;
13
13
  var _runtime = require("@compiled/react/runtime");
14
14
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
15
  var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
16
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
16
  var _loadingSkeleton = require("../loading-skeleton");
18
17
  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); }
19
18
  var styles = {
@@ -43,7 +42,7 @@ var ImageIcon = function ImageIcon(_ref) {
43
42
  if (hasImageErrored) {
44
43
  return defaultIcon;
45
44
  }
46
- if (hideLoadingSkeleton && (0, _platformFeatureFlags.fg)('platform_fix_block_card_img_icon_vc')) {
45
+ if (hideLoadingSkeleton) {
47
46
  return /*#__PURE__*/React.createElement("img", {
48
47
  src: url,
49
48
  "data-testid": "".concat(testId, "-image"),
@@ -1,7 +1,5 @@
1
1
 
2
2
  ._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
3
- ._1e0cbu77{display:inline flex}
4
- ._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
5
3
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
6
4
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
7
5
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
@@ -14,7 +14,6 @@ var _react = _interopRequireDefault(require("react"));
14
14
  var _reactIntlNext = require("react-intl-next");
15
15
  var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
16
16
  var _lockFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/lock-filled"));
17
- var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
18
17
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
19
18
  var _compiled = require("@atlaskit/primitives/compiled");
20
19
  var _colors = require("@atlaskit/theme/colors");
@@ -25,9 +24,7 @@ var _inlineLozenge = _interopRequireDefault(require("../common/inline-lozenge"))
25
24
  var _Frame = require("../Frame");
26
25
  var _IconAndTitleLayout = require("../IconAndTitleLayout");
27
26
  var styles = {
28
- iconWrapper: "_2hwx1i6y _1e0cbu77",
29
- actionButtonLozengeStyleOld: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
30
- actionButtonLozengeStyleNew: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
27
+ actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
31
28
  };
32
29
  var fallbackForbiddenIcon = function fallbackForbiddenIcon() {
33
30
  return /*#__PURE__*/_react.default.createElement(_lockLocked.default, {
@@ -88,29 +85,18 @@ var InlineCardForbiddenView = exports.InlineCardForbiddenView = function InlineC
88
85
  }, renderForbiddenAccessMessage());
89
86
  }
90
87
  if (onAuthorise) {
91
- if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-inline-lozenge')) {
92
- return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
93
- xcss: styles.actionButtonLozengeStyleNew,
94
- onClick: handleRetry,
95
- style: {
96
- font: "inherit"
97
- },
98
- testId: "button-connect-other-account"
99
- }, /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, (0, _extends2.default)({
100
- appearance: "moved"
101
- }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
102
- isBold: true
103
- } : undefined), renderForbiddenAccessMessage()));
104
- }
105
- return /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
106
- xcss: styles.actionButtonLozengeStyleOld,
88
+ return /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
89
+ xcss: styles.actionButtonLozengeStyle,
107
90
  onClick: handleRetry,
91
+ style: {
92
+ font: "inherit"
93
+ },
108
94
  testId: "button-connect-other-account"
109
- }, /*#__PURE__*/_react.default.createElement(_lozenge.default, (0, _extends2.default)({
95
+ }, /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, (0, _extends2.default)({
110
96
  appearance: "moved"
111
97
  }, (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? {
112
98
  isBold: true
113
- } : undefined), renderForbiddenAccessMessage())));
99
+ } : undefined), renderForbiddenAccessMessage()));
114
100
  }
115
101
  return null;
116
102
  }, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);
@@ -5,9 +5,7 @@
5
5
  ._154i1ssb{top:50%}
6
6
  ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
7
7
  ._18u01b66{margin-left:var(--ds-space-050,4px)}
8
- ._18u0v77o{margin-left:var(--ds-space-025,2px)}
9
8
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
10
- ._19pkidpf{margin-top:0}
11
9
  ._1bsb1osq{width:100%}
12
10
  ._1bsb7vkz{width:1pc}
13
11
  ._1e0c116y{display:inline-flex}
@@ -23,9 +21,7 @@
23
21
  ._kqswstnw{position:absolute}
24
22
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
25
23
  ._o5721jtm{white-space:pre-wrap}
26
- ._otyridpf{margin-bottom:0}
27
24
  ._p12f7vkz{max-width:1pc}
28
- ._s7n4t94y{vertical-align:1px}
29
25
  ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
30
26
  ._syaz1y58{color:var(--ds-link,#0052cc)}
31
27
  ._t9ec1ooe{transform:translate(-50%,-50%)}
@@ -6,7 +6,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
6
6
  Object.defineProperty(exports, "__esModule", {
7
7
  value: true
8
8
  });
9
- exports.LozengeWrapper = exports.IconTitleWrapper = exports.IconAndTitleLayout = void 0;
9
+ exports.IconTitleWrapper = exports.IconAndTitleLayout = void 0;
10
10
  require("./index.compiled.css");
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _runtime = require("@compiled/react/runtime");
@@ -19,8 +19,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
19
19
  var _colors = require("@atlaskit/theme/colors");
20
20
  var _utils = require("../../../utils");
21
21
  var _Icon = require("../Icon");
22
- var _excluded = ["as", "style"],
23
- _excluded2 = ["as", "style"];
22
+ var _excluded = ["as", "style"];
24
23
  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
24
  var iconWrapperStyle = null;
26
25
  var iconImageStyle = null;
@@ -169,26 +168,4 @@ var IconTitleWrapper = exports.IconTitleWrapper = function IconTitleWrapper(prop
169
168
  as: "span",
170
169
  xcss: styles.iconTitleWrapperStyle
171
170
  }, props));
172
- };
173
-
174
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
175
- var LozengeWrapperOldVisualRefresh = (0, _react.forwardRef)(function (_ref3, __cmplr) {
176
- var _ref3$as = _ref3.as,
177
- C = _ref3$as === void 0 ? "span" : _ref3$as,
178
- __cmpls = _ref3.style,
179
- __cmplp = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
180
- return /*#__PURE__*/_react.default.createElement(C, (0, _extends2.default)({}, __cmplp, {
181
- style: __cmpls,
182
- ref: __cmplr,
183
- className: (0, _runtime.ax)(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o", __cmplp.className])
184
- }));
185
- });
186
-
187
- // Remove on platform-linking-visual-refresh-inline-lozenge cleanup
188
- if (process.env.NODE_ENV !== 'production') {
189
- LozengeWrapperOldVisualRefresh.displayName = 'LozengeWrapperOldVisualRefresh';
190
- }
191
- var LozengeWrapper = exports.LozengeWrapper = function LozengeWrapper(props) {
192
- // note: This is just to get the types to work due to compiled css weirdness.
193
- return /*#__PURE__*/_react.default.createElement(LozengeWrapperOldVisualRefresh, props);
194
171
  };
@@ -11,7 +11,6 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
11
11
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
12
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
13
  var _react = _interopRequireDefault(require("react"));
14
- var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
15
14
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
15
  var _HoverCard = require("../../HoverCard");
17
16
  var _inlineLozenge = _interopRequireDefault(require("../common/inline-lozenge"));
@@ -28,31 +27,21 @@ var InlineCardResolvedView = exports.InlineCardResolvedView = /*#__PURE__*/funct
28
27
  return (0, _createClass2.default)(InlineCardResolvedView, [{
29
28
  key: "renderLozenge",
30
29
  value: function renderLozenge() {
30
+ var _lozenge$style, _lozenge$style2;
31
31
  var lozenge = this.props.lozenge;
32
32
  if (!lozenge) {
33
33
  return null;
34
34
  }
35
35
  var appearance = lozenge.appearance || 'default';
36
- if ((0, _platformFeatureFlags.fg)('platform-linking-visual-refresh-inline-lozenge')) {
37
- var _lozenge$style, _lozenge$style2;
38
- return /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, {
39
- testId: "inline-card-resolved-view-lozenge",
40
- appearance: appearance,
41
- style: {
42
- backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
43
- color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
44
- },
45
- isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
46
- }, lozenge.text);
47
- }
48
- return /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
36
+ return /*#__PURE__*/_react.default.createElement(_inlineLozenge.default, {
49
37
  testId: "inline-card-resolved-view-lozenge",
50
- appearance: appearance
51
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
52
- ,
53
- style: lozenge.style,
38
+ appearance: appearance,
39
+ style: {
40
+ backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
41
+ color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
42
+ },
54
43
  isBold: (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
55
- }, lozenge.text));
44
+ }, lozenge.text);
56
45
  }
57
46
  }, {
58
47
  key: "render",
@@ -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.6.2",
22
+ packageVersion: "40.7.0",
23
23
  componentName: 'linkUrl'
24
24
  };
25
25
  var Anchor = (0, _click.withLinkClickedEvent)('a');
@@ -10,9 +10,11 @@ exports.default = void 0;
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
  var React = _react;
12
12
  var _runtime = require("@compiled/react/runtime");
13
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
14
  var _reactIntlNext = require("react-intl-next");
14
15
  var _new = _interopRequireDefault(require("@atlaskit/button/new"));
15
16
  var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
17
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
16
18
  var _useAnalyticsEvents2 = require("../../../common/analytics/generated/use-analytics-events");
17
19
  var _messages = require("../../../messages");
18
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); }
@@ -36,15 +38,17 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
36
38
  });
37
39
  onClose === null || onClose === void 0 || onClose();
38
40
  }, [fireEvent, onClose]);
39
- return /*#__PURE__*/React.createElement(_modalDialog.ModalTransition, null, showModal && /*#__PURE__*/React.createElement(_modalDialog.default, {
41
+ return /*#__PURE__*/React.createElement(_modalDialog.ModalTransition, null, showModal && /*#__PURE__*/React.createElement(_modalDialog.default, (0, _extends2.default)({
40
42
  testId: "related-links-modal",
41
43
  onClose: closeHandler,
42
- width: fixedWidth,
43
- autoFocus: false,
44
+ width: fixedWidth
45
+ }, (0, _platformFeatureFlags.fg)('navx-1304-related-links-remove-false-autofocus') ? {} : {
46
+ autoFocus: false
47
+ }, {
44
48
  shouldReturnFocus: false,
45
49
  onOpenComplete: openCompleteHandler,
46
50
  height: '504px'
47
- }, /*#__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, 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, {
48
52
  appearance: "primary",
49
53
  onClick: closeHandler
50
54
  }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.close)))));
@@ -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.6.2"
5
+ packageVersion: "40.7.0"
6
6
  };
7
7
  export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
8
8
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -4,7 +4,6 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { useEffect, useState } from 'react';
6
6
  import ImageLoader from 'react-render-image';
7
- import { fg } from '@atlaskit/platform-feature-flags';
8
7
  import { LoadingSkeleton } from '../loading-skeleton';
9
8
  const styles = {
10
9
  roundImg: "_2rko14q2"
@@ -29,7 +28,7 @@ const ImageIcon = ({
29
28
  if (hasImageErrored) {
30
29
  return defaultIcon;
31
30
  }
32
- if (hideLoadingSkeleton && fg('platform_fix_block_card_img_icon_vc')) {
31
+ if (hideLoadingSkeleton) {
33
32
  return /*#__PURE__*/React.createElement("img", {
34
33
  src: url,
35
34
  "data-testid": `${testId}-image`,
@@ -1,7 +1,5 @@
1
1
 
2
2
  ._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
3
- ._1e0cbu77{display:inline flex}
4
- ._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
5
3
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
6
4
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
7
5
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
@@ -6,7 +6,6 @@ import React from 'react';
6
6
  import { FormattedMessage } from 'react-intl-next';
7
7
  import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
8
8
  import LegacyLockIcon from '@atlaskit/icon/glyph/lock-filled';
9
- import Lozenge from '@atlaskit/lozenge';
10
9
  import { fg } from '@atlaskit/platform-feature-flags';
11
10
  import { Pressable } from '@atlaskit/primitives/compiled';
12
11
  import { N500 } from '@atlaskit/theme/colors';
@@ -15,11 +14,9 @@ import { HoverCard } from '../../HoverCard';
15
14
  import { ActionButton } from '../common/action-button';
16
15
  import InlineLozenge from '../common/inline-lozenge';
17
16
  import { Frame } from '../Frame';
18
- import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
17
+ import { IconAndTitleLayout } from '../IconAndTitleLayout';
19
18
  const styles = {
20
- iconWrapper: "_2hwx1i6y _1e0cbu77",
21
- actionButtonLozengeStyleOld: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
22
- actionButtonLozengeStyleNew: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
19
+ actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
23
20
  };
24
21
  const fallbackForbiddenIcon = () => {
25
22
  return /*#__PURE__*/React.createElement(LockLockedIcon, {
@@ -78,29 +75,18 @@ export const InlineCardForbiddenView = ({
78
75
  }, renderForbiddenAccessMessage());
79
76
  }
80
77
  if (onAuthorise) {
81
- if (fg('platform-linking-visual-refresh-inline-lozenge')) {
82
- return /*#__PURE__*/React.createElement(Pressable, {
83
- xcss: styles.actionButtonLozengeStyleNew,
84
- onClick: handleRetry,
85
- style: {
86
- font: `inherit`
87
- },
88
- testId: "button-connect-other-account"
89
- }, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
90
- appearance: "moved"
91
- }, fg('platform-component-visual-refresh') ? {
92
- isBold: true
93
- } : undefined), renderForbiddenAccessMessage()));
94
- }
95
- return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Pressable, {
96
- xcss: styles.actionButtonLozengeStyleOld,
78
+ return /*#__PURE__*/React.createElement(Pressable, {
79
+ xcss: styles.actionButtonLozengeStyle,
97
80
  onClick: handleRetry,
81
+ style: {
82
+ font: `inherit`
83
+ },
98
84
  testId: "button-connect-other-account"
99
- }, /*#__PURE__*/React.createElement(Lozenge, _extends({
85
+ }, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
100
86
  appearance: "moved"
101
87
  }, fg('platform-component-visual-refresh') ? {
102
88
  isBold: true
103
- } : undefined), renderForbiddenAccessMessage())));
89
+ } : undefined), renderForbiddenAccessMessage()));
104
90
  }
105
91
  return null;
106
92
  }, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);
@@ -5,9 +5,7 @@
5
5
  ._154i1ssb{top:50%}
6
6
  ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
7
7
  ._18u01b66{margin-left:var(--ds-space-050,4px)}
8
- ._18u0v77o{margin-left:var(--ds-space-025,2px)}
9
8
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
10
- ._19pkidpf{margin-top:0}
11
9
  ._1bsb1osq{width:100%}
12
10
  ._1bsb7vkz{width:1pc}
13
11
  ._1e0c116y{display:inline-flex}
@@ -23,9 +21,7 @@
23
21
  ._kqswstnw{position:absolute}
24
22
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
25
23
  ._o5721jtm{white-space:pre-wrap}
26
- ._otyridpf{margin-bottom:0}
27
24
  ._p12f7vkz{max-width:1pc}
28
- ._s7n4t94y{vertical-align:1px}
29
25
  ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
30
26
  ._syaz1y58{color:var(--ds-link,#0052cc)}
31
27
  ._t9ec1ooe{transform:translate(-50%,-50%)}
@@ -158,26 +158,4 @@ export const IconTitleWrapper = props => {
158
158
  as: "span",
159
159
  xcss: styles.iconTitleWrapperStyle
160
160
  }, props));
161
- };
162
-
163
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
164
- const LozengeWrapperOldVisualRefresh = forwardRef(({
165
- as: C = "span",
166
- style: __cmpls,
167
- ...__cmplp
168
- }, __cmplr) => {
169
- return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
170
- style: __cmpls,
171
- ref: __cmplr,
172
- className: ax(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o", __cmplp.className])
173
- }));
174
- });
175
-
176
- // Remove on platform-linking-visual-refresh-inline-lozenge cleanup
177
- if (process.env.NODE_ENV !== 'production') {
178
- LozengeWrapperOldVisualRefresh.displayName = 'LozengeWrapperOldVisualRefresh';
179
- }
180
- export const LozengeWrapper = props => {
181
- // note: This is just to get the types to work due to compiled css weirdness.
182
- return /*#__PURE__*/React.createElement(LozengeWrapperOldVisualRefresh, props);
183
161
  };
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
- import Lozenge from '@atlaskit/lozenge';
3
2
  import { fg } from '@atlaskit/platform-feature-flags';
4
3
  import { HoverCard } from '../../HoverCard';
5
4
  import InlineLozenge from '../common/inline-lozenge';
6
5
  import { Frame } from '../Frame';
7
- import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
6
+ import { IconAndTitleLayout } from '../IconAndTitleLayout';
8
7
  export class InlineCardResolvedView extends React.Component {
9
8
  renderLozenge() {
9
+ var _lozenge$style, _lozenge$style2;
10
10
  const {
11
11
  lozenge
12
12
  } = this.props;
@@ -14,26 +14,15 @@ export class InlineCardResolvedView extends React.Component {
14
14
  return null;
15
15
  }
16
16
  const appearance = lozenge.appearance || 'default';
17
- if (fg('platform-linking-visual-refresh-inline-lozenge')) {
18
- var _lozenge$style, _lozenge$style2;
19
- return /*#__PURE__*/React.createElement(InlineLozenge, {
20
- testId: "inline-card-resolved-view-lozenge",
21
- appearance: appearance,
22
- style: {
23
- backgroundColor: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
24
- color: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
25
- },
26
- isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
27
- }, lozenge.text);
28
- }
29
- return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
17
+ return /*#__PURE__*/React.createElement(InlineLozenge, {
30
18
  testId: "inline-card-resolved-view-lozenge",
31
- appearance: appearance
32
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
33
- ,
34
- style: lozenge.style,
19
+ appearance: appearance,
20
+ style: {
21
+ backgroundColor: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
22
+ color: lozenge === null || lozenge === void 0 ? void 0 : (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
23
+ },
35
24
  isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
36
- }, lozenge.text));
25
+ }, lozenge.text);
37
26
  }
38
27
  render() {
39
28
  const {
@@ -9,7 +9,7 @@ import LinkWarningModal from './LinkWarningModal';
9
9
  import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
10
10
  const PACKAGE_DATA = {
11
11
  packageName: "@atlaskit/smart-card",
12
- packageVersion: "40.6.2",
12
+ packageVersion: "40.7.0",
13
13
  componentName: 'linkUrl'
14
14
  };
15
15
  const Anchor = withLinkClickedEvent('a');
@@ -1,10 +1,12 @@
1
1
  /* RelatedLinksBaseModal.tsx generated by @compiled/babel-plugin v0.36.1 */
2
+ import _extends from "@babel/runtime/helpers/extends";
2
3
  import * as React from 'react';
3
4
  import { ax, ix } from "@compiled/react/runtime";
4
5
  import { useCallback, useRef } from 'react';
5
6
  import { FormattedMessage } from 'react-intl-next';
6
7
  import Button from '@atlaskit/button/new';
7
8
  import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
9
+ import { fg } from '@atlaskit/platform-feature-flags';
8
10
  import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
9
11
  import { messages } from '../../../messages';
10
12
  const fixedWidth = 'small'; // pre-defined 400px by Atlaskit
@@ -29,15 +31,17 @@ const RelatedLinksBaseModal = ({
29
31
  });
30
32
  onClose === null || onClose === void 0 ? void 0 : onClose();
31
33
  }, [fireEvent, onClose]);
32
- return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, {
34
+ return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, _extends({
33
35
  testId: "related-links-modal",
34
36
  onClose: closeHandler,
35
- width: fixedWidth,
36
- autoFocus: false,
37
+ width: fixedWidth
38
+ }, fg('navx-1304-related-links-remove-false-autofocus') ? {} : {
39
+ autoFocus: false
40
+ }, {
37
41
  shouldReturnFocus: false,
38
42
  onOpenComplete: openCompleteHandler,
39
43
  height: '504px'
40
- }, /*#__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, {
44
+ }), /*#__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, {
41
45
  appearance: "primary",
42
46
  onClick: closeHandler
43
47
  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.close)))));
@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
4
4
  export var context = {
5
5
  componentName: 'smart-cards',
6
6
  packageName: "@atlaskit/smart-card",
7
- packageVersion: "40.6.2"
7
+ packageVersion: "40.7.0"
8
8
  };
9
9
  export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
10
10
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -5,7 +5,6 @@ import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { useEffect, useState } from 'react';
7
7
  import ImageLoader from 'react-render-image';
8
- import { fg } from '@atlaskit/platform-feature-flags';
9
8
  import { LoadingSkeleton } from '../loading-skeleton';
10
9
  var styles = {
11
10
  roundImg: "_2rko14q2"
@@ -34,7 +33,7 @@ var ImageIcon = function ImageIcon(_ref) {
34
33
  if (hasImageErrored) {
35
34
  return defaultIcon;
36
35
  }
37
- if (hideLoadingSkeleton && fg('platform_fix_block_card_img_icon_vc')) {
36
+ if (hideLoadingSkeleton) {
38
37
  return /*#__PURE__*/React.createElement("img", {
39
38
  src: url,
40
39
  "data-testid": "".concat(testId, "-image"),
@@ -1,7 +1,5 @@
1
1
 
2
2
  ._2rkogqwt{border-radius:var(--ds-border-radius-050,2px)}._19bvze3t{padding-left:var(--ds-space-0,0)}
3
- ._1e0cbu77{display:inline flex}
4
- ._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
5
3
  ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
6
4
  ._ca0qze3t{padding-top:var(--ds-space-0,0)}
7
5
  ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
@@ -7,7 +7,6 @@ import React from 'react';
7
7
  import { FormattedMessage } from 'react-intl-next';
8
8
  import LockLockedIcon from '@atlaskit/icon/core/lock-locked';
9
9
  import LegacyLockIcon from '@atlaskit/icon/glyph/lock-filled';
10
- import Lozenge from '@atlaskit/lozenge';
11
10
  import { fg } from '@atlaskit/platform-feature-flags';
12
11
  import { Pressable } from '@atlaskit/primitives/compiled';
13
12
  import { N500 } from '@atlaskit/theme/colors';
@@ -16,11 +15,9 @@ import { HoverCard } from '../../HoverCard';
16
15
  import { ActionButton } from '../common/action-button';
17
16
  import InlineLozenge from '../common/inline-lozenge';
18
17
  import { Frame } from '../Frame';
19
- import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
18
+ import { IconAndTitleLayout } from '../IconAndTitleLayout';
20
19
  var styles = {
21
- iconWrapper: "_2hwx1i6y _1e0cbu77",
22
- actionButtonLozengeStyleOld: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t",
23
- actionButtonLozengeStyleNew: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
20
+ actionButtonLozengeStyle: "_2rkogqwt _bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _p12f1osq"
24
21
  };
25
22
  var fallbackForbiddenIcon = function fallbackForbiddenIcon() {
26
23
  return /*#__PURE__*/React.createElement(LockLockedIcon, {
@@ -81,29 +78,18 @@ export var InlineCardForbiddenView = function InlineCardForbiddenView(_ref) {
81
78
  }, renderForbiddenAccessMessage());
82
79
  }
83
80
  if (onAuthorise) {
84
- if (fg('platform-linking-visual-refresh-inline-lozenge')) {
85
- return /*#__PURE__*/React.createElement(Pressable, {
86
- xcss: styles.actionButtonLozengeStyleNew,
87
- onClick: handleRetry,
88
- style: {
89
- font: "inherit"
90
- },
91
- testId: "button-connect-other-account"
92
- }, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
93
- appearance: "moved"
94
- }, fg('platform-component-visual-refresh') ? {
95
- isBold: true
96
- } : undefined), renderForbiddenAccessMessage()));
97
- }
98
- return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Pressable, {
99
- xcss: styles.actionButtonLozengeStyleOld,
81
+ return /*#__PURE__*/React.createElement(Pressable, {
82
+ xcss: styles.actionButtonLozengeStyle,
100
83
  onClick: handleRetry,
84
+ style: {
85
+ font: "inherit"
86
+ },
101
87
  testId: "button-connect-other-account"
102
- }, /*#__PURE__*/React.createElement(Lozenge, _extends({
88
+ }, /*#__PURE__*/React.createElement(InlineLozenge, _extends({
103
89
  appearance: "moved"
104
90
  }, fg('platform-component-visual-refresh') ? {
105
91
  isBold: true
106
- } : undefined), renderForbiddenAccessMessage())));
92
+ } : undefined), renderForbiddenAccessMessage()));
107
93
  }
108
94
  return null;
109
95
  }, [handleRetry, hasRequestAccessContextMessage, onAuthorise, renderForbiddenAccessMessage, requestAccessContext === null || requestAccessContext === void 0 ? void 0 : requestAccessContext.accessType]);
@@ -5,9 +5,7 @@
5
5
  ._154i1ssb{top:50%}
6
6
  ._16d9qvcn{-webkit-box-decoration-break:clone;box-decoration-break:clone}
7
7
  ._18u01b66{margin-left:var(--ds-space-050,4px)}
8
- ._18u0v77o{margin-left:var(--ds-space-025,2px)}
9
8
  ._19bv1b66{padding-left:var(--ds-space-050,4px)}
10
- ._19pkidpf{margin-top:0}
11
9
  ._1bsb1osq{width:100%}
12
10
  ._1bsb7vkz{width:1pc}
13
11
  ._1e0c116y{display:inline-flex}
@@ -23,9 +21,7 @@
23
21
  ._kqswstnw{position:absolute}
24
22
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
25
23
  ._o5721jtm{white-space:pre-wrap}
26
- ._otyridpf{margin-bottom:0}
27
24
  ._p12f7vkz{max-width:1pc}
28
- ._s7n4t94y{vertical-align:1px}
29
25
  ._syaz131l{color:var(--ds-text-subtlest,#626f86)}
30
26
  ._syaz1y58{color:var(--ds-link,#0052cc)}
31
27
  ._t9ec1ooe{transform:translate(-50%,-50%)}
@@ -1,8 +1,7 @@
1
1
  /* index.tsx generated by @compiled/babel-plugin v0.36.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
- var _excluded = ["as", "style"],
5
- _excluded2 = ["as", "style"];
4
+ var _excluded = ["as", "style"];
6
5
  import "./index.compiled.css";
7
6
  import { forwardRef } from 'react';
8
7
  import { ax, ix } from "@compiled/react/runtime";
@@ -161,26 +160,4 @@ export var IconTitleWrapper = function IconTitleWrapper(props) {
161
160
  as: "span",
162
161
  xcss: styles.iconTitleWrapperStyle
163
162
  }, props));
164
- };
165
-
166
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
167
- var LozengeWrapperOldVisualRefresh = forwardRef(function (_ref3, __cmplr) {
168
- var _ref3$as = _ref3.as,
169
- C = _ref3$as === void 0 ? "span" : _ref3$as,
170
- __cmpls = _ref3.style,
171
- __cmplp = _objectWithoutProperties(_ref3, _excluded2);
172
- return /*#__PURE__*/React.createElement(C, _extends({}, __cmplp, {
173
- style: __cmpls,
174
- ref: __cmplr,
175
- className: ax(["_1e0c1o8l _s7n4t94y _19pkidpf _2hwx1b66 _otyridpf _18u0v77o", __cmplp.className])
176
- }));
177
- });
178
-
179
- // Remove on platform-linking-visual-refresh-inline-lozenge cleanup
180
- if (process.env.NODE_ENV !== 'production') {
181
- LozengeWrapperOldVisualRefresh.displayName = 'LozengeWrapperOldVisualRefresh';
182
- }
183
- export var LozengeWrapper = function LozengeWrapper(props) {
184
- // note: This is just to get the types to work due to compiled css weirdness.
185
- return /*#__PURE__*/React.createElement(LozengeWrapperOldVisualRefresh, props);
186
163
  };
@@ -6,12 +6,11 @@ import _inherits from "@babel/runtime/helpers/inherits";
6
6
  function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
7
7
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
8
8
  import React from 'react';
9
- import Lozenge from '@atlaskit/lozenge';
10
9
  import { fg } from '@atlaskit/platform-feature-flags';
11
10
  import { HoverCard } from '../../HoverCard';
12
11
  import InlineLozenge from '../common/inline-lozenge';
13
12
  import { Frame } from '../Frame';
14
- import { IconAndTitleLayout, LozengeWrapper } from '../IconAndTitleLayout';
13
+ import { IconAndTitleLayout } from '../IconAndTitleLayout';
15
14
  export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
16
15
  function InlineCardResolvedView() {
17
16
  _classCallCheck(this, InlineCardResolvedView);
@@ -21,31 +20,21 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
21
20
  return _createClass(InlineCardResolvedView, [{
22
21
  key: "renderLozenge",
23
22
  value: function renderLozenge() {
23
+ var _lozenge$style, _lozenge$style2;
24
24
  var lozenge = this.props.lozenge;
25
25
  if (!lozenge) {
26
26
  return null;
27
27
  }
28
28
  var appearance = lozenge.appearance || 'default';
29
- if (fg('platform-linking-visual-refresh-inline-lozenge')) {
30
- var _lozenge$style, _lozenge$style2;
31
- return /*#__PURE__*/React.createElement(InlineLozenge, {
32
- testId: "inline-card-resolved-view-lozenge",
33
- appearance: appearance,
34
- style: {
35
- backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
36
- color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
37
- },
38
- isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
39
- }, lozenge.text);
40
- }
41
- return /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
29
+ return /*#__PURE__*/React.createElement(InlineLozenge, {
42
30
  testId: "inline-card-resolved-view-lozenge",
43
- appearance: appearance
44
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
45
- ,
46
- style: lozenge.style,
31
+ appearance: appearance,
32
+ style: {
33
+ backgroundColor: lozenge === null || lozenge === void 0 || (_lozenge$style = lozenge.style) === null || _lozenge$style === void 0 ? void 0 : _lozenge$style.backgroundColor,
34
+ color: lozenge === null || lozenge === void 0 || (_lozenge$style2 = lozenge.style) === null || _lozenge$style2 === void 0 ? void 0 : _lozenge$style2.color
35
+ },
47
36
  isBold: fg('platform-component-visual-refresh') ? lozenge.isBold !== false : lozenge.isBold
48
- }, lozenge.text));
37
+ }, lozenge.text);
49
38
  }
50
39
  }, {
51
40
  key: "render",
@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
12
12
  import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
13
13
  var PACKAGE_DATA = {
14
14
  packageName: "@atlaskit/smart-card",
15
- packageVersion: "40.6.2",
15
+ packageVersion: "40.7.0",
16
16
  componentName: 'linkUrl'
17
17
  };
18
18
  var Anchor = withLinkClickedEvent('a');
@@ -1,10 +1,12 @@
1
1
  /* RelatedLinksBaseModal.tsx generated by @compiled/babel-plugin v0.36.1 */
2
+ import _extends from "@babel/runtime/helpers/extends";
2
3
  import * as React from 'react';
3
4
  import { ax, ix } from "@compiled/react/runtime";
4
5
  import { useCallback, useRef } from 'react';
5
6
  import { FormattedMessage } from 'react-intl-next';
6
7
  import Button from '@atlaskit/button/new';
7
8
  import Modal, { ModalBody, ModalFooter, ModalHeader, ModalTitle, ModalTransition } from '@atlaskit/modal-dialog';
9
+ import { fg } from '@atlaskit/platform-feature-flags';
8
10
  import { useAnalyticsEvents } from '../../../common/analytics/generated/use-analytics-events';
9
11
  import { messages } from '../../../messages';
10
12
  var fixedWidth = 'small'; // pre-defined 400px by Atlaskit
@@ -27,15 +29,17 @@ var RelatedLinksBaseModal = function RelatedLinksBaseModal(_ref) {
27
29
  });
28
30
  onClose === null || onClose === void 0 || onClose();
29
31
  }, [fireEvent, onClose]);
30
- return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, {
32
+ return /*#__PURE__*/React.createElement(ModalTransition, null, showModal && /*#__PURE__*/React.createElement(Modal, _extends({
31
33
  testId: "related-links-modal",
32
34
  onClose: closeHandler,
33
- width: fixedWidth,
34
- autoFocus: false,
35
+ width: fixedWidth
36
+ }, fg('navx-1304-related-links-remove-false-autofocus') ? {} : {
37
+ autoFocus: false
38
+ }, {
35
39
  shouldReturnFocus: false,
36
40
  onOpenComplete: openCompleteHandler,
37
41
  height: '504px'
38
- }, /*#__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, {
42
+ }), /*#__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, {
39
43
  appearance: "primary",
40
44
  onClick: closeHandler
41
45
  }, /*#__PURE__*/React.createElement(FormattedMessage, messages.close)))));
@@ -23,4 +23,3 @@ export interface IconAndTitleLayoutProps {
23
23
  }
24
24
  export declare const IconAndTitleLayout: ({ icon, emoji, defaultIcon, onClick, children, title, titleColor, titleTextColor, link, rightSide, testId, type, }: IconAndTitleLayoutProps) => JSX.Element;
25
25
  export declare const IconTitleWrapper: (props: ComponentPropsWithoutRef<typeof Box>) => JSX.Element;
26
- export declare const LozengeWrapper: (props: ComponentPropsWithoutRef<typeof Box>) => JSX.Element;
@@ -23,4 +23,3 @@ export interface IconAndTitleLayoutProps {
23
23
  }
24
24
  export declare const IconAndTitleLayout: ({ icon, emoji, defaultIcon, onClick, children, title, titleColor, titleTextColor, link, rightSide, testId, type, }: IconAndTitleLayoutProps) => JSX.Element;
25
25
  export declare const IconTitleWrapper: (props: ComponentPropsWithoutRef<typeof Box>) => JSX.Element;
26
- export declare const LozengeWrapper: (props: ComponentPropsWithoutRef<typeof Box>) => JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/smart-card",
3
- "version": "40.7.0",
3
+ "version": "40.7.1",
4
4
  "description": "Smart card component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
41
41
  "@atlaskit/icon": "^27.9.0",
42
42
  "@atlaskit/icon-file-type": "^7.0.0",
43
43
  "@atlaskit/icon-lab": "^5.3.0",
44
- "@atlaskit/icon-object": "^7.1.0",
44
+ "@atlaskit/icon-object": "^7.2.0",
45
45
  "@atlaskit/icon-priority": "^6.3.0",
46
46
  "@atlaskit/image": "^3.0.0",
47
47
  "@atlaskit/json-ld-types": "^1.4.0",
@@ -181,9 +181,6 @@
181
181
  "platform-smart-card-shift-key": {
182
182
  "type": "boolean"
183
183
  },
184
- "icon-object-migration": {
185
- "type": "boolean"
186
- },
187
184
  "confluence-issue-terminology-refresh": {
188
185
  "type": "boolean"
189
186
  },
@@ -193,9 +190,6 @@
193
190
  "platform_smart_links_controlled_dsp_export_view": {
194
191
  "type": "boolean"
195
192
  },
196
- "platform-linking-visual-refresh-inline-lozenge": {
197
- "type": "boolean"
198
- },
199
193
  "smart_links_noun_support": {
200
194
  "type": "boolean"
201
195
  },
@@ -217,9 +211,6 @@
217
211
  "prompt_whiteboard_competitor_link_gate": {
218
212
  "type": "boolean"
219
213
  },
220
- "platform_fix_block_card_img_icon_vc": {
221
- "type": "boolean"
222
- },
223
214
  "platform-linking-team-member-count-component": {
224
215
  "type": "boolean"
225
216
  },
@@ -246,6 +237,9 @@
246
237
  },
247
238
  "navx-1184-fix-smart-link-a11y-interactive-states": {
248
239
  "type": "boolean"
240
+ },
241
+ "navx-1304-related-links-remove-false-autofocus": {
242
+ "type": "boolean"
249
243
  }
250
244
  },
251
245
  "compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"