@atlaskit/smart-card 43.17.7 → 43.18.0
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.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/EmbedCard/views/not-found-view/not-found-svg/index.js +4 -4
- package/dist/cjs/view/EmbedModal/components/link-info/index.js +13 -2
- package/dist/cjs/view/FlexibleCard/components/actions/action/action-icon/index.compiled.css +1 -84
- package/dist/cjs/view/FlexibleCard/components/actions/action/action-icon/index.js +2 -33
- package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js +1 -3
- package/dist/cjs/view/FlexibleCard/components/actions/action/index.js +0 -3
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/EmbedCard/views/not-found-view/not-found-svg/index.js +4 -4
- package/dist/es2019/view/EmbedModal/components/link-info/index.js +13 -2
- package/dist/es2019/view/FlexibleCard/components/actions/action/action-icon/index.compiled.css +1 -84
- package/dist/es2019/view/FlexibleCard/components/actions/action/action-icon/index.js +1 -32
- package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js +1 -3
- package/dist/es2019/view/FlexibleCard/components/actions/action/index.js +0 -3
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/EmbedCard/views/not-found-view/not-found-svg/index.js +4 -4
- package/dist/esm/view/EmbedModal/components/link-info/index.js +13 -2
- package/dist/esm/view/FlexibleCard/components/actions/action/action-icon/index.compiled.css +1 -84
- package/dist/esm/view/FlexibleCard/components/actions/action/action-icon/index.js +2 -33
- package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js +1 -3
- package/dist/esm/view/FlexibleCard/components/actions/action/index.js +0 -3
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/types/view/FlexibleCard/components/actions/action/action-icon/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/actions/action/action-icon/types.d.ts +0 -4
- package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-icon/index.d.ts +1 -1
- package/dist/types-ts4.5/view/FlexibleCard/components/actions/action/action-icon/types.d.ts +0 -4
- package/package.json +8 -8
- package/dist/cjs/__tests__/vr-tests/__snapshots__/inline-card/inline-card-when-selected--default--jfp-magma-platform-lozenge-jump-fix-false.png +0 -3
- package/dist/es2019/__tests__/vr-tests/__snapshots__/inline-card/inline-card-when-selected--default--jfp-magma-platform-lozenge-jump-fix-false.png +0 -3
- package/dist/esm/__tests__/vr-tests/__snapshots__/inline-card/inline-card-when-selected--default--jfp-magma-platform-lozenge-jump-fix-false.png +0 -3
- /package/dist/cjs/__tests__/vr-tests/__snapshots__/inline-card/{inline-card-when-selected--default--jfp-magma-platform-lozenge-jump-fix-true.png → inline-card-when-selected--default.png} +0 -0
- /package/dist/es2019/__tests__/vr-tests/__snapshots__/inline-card/{inline-card-when-selected--default--jfp-magma-platform-lozenge-jump-fix-true.png → inline-card-when-selected--default.png} +0 -0
- /package/dist/esm/__tests__/vr-tests/__snapshots__/inline-card/{inline-card-when-selected--default--jfp-magma-platform-lozenge-jump-fix-true.png → inline-card-when-selected--default.png} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 43.18.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`00e69e0b7c839`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/00e69e0b7c839) -
|
|
8
|
+
Clean up and removal of the `platform-visual-refresh-icons` feature flag.
|
|
9
|
+
|
|
10
|
+
### Patch Changes
|
|
11
|
+
|
|
12
|
+
- [`7697f2dbc4508`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7697f2dbc4508) -
|
|
13
|
+
NAVX-2816 fixing the heading levels for smart links
|
|
14
|
+
- [`b64d6ea53b75e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b64d6ea53b75e) -
|
|
15
|
+
NAVX-2867 cleaning up navx-2825-eslint-translation-fix-linking-platform
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 43.17.7
|
|
4
19
|
|
|
5
20
|
### Patch 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: "43.17.
|
|
14
|
+
packageVersion: "43.17.7"
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.NotFoundSVG = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _reactIntlNext = require("react-intl-next");
|
|
10
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
11
10
|
var NotFoundSVG = exports.NotFoundSVG = function NotFoundSVG() {
|
|
12
11
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
13
12
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -46,9 +45,10 @@ var NotFoundSVG = exports.NotFoundSVG = function NotFoundSVG() {
|
|
|
46
45
|
offset: "0.69",
|
|
47
46
|
stopColor: "#fff",
|
|
48
47
|
stopOpacity: "0.1"
|
|
49
|
-
}))), /*#__PURE__*/_react.default.createElement("title", null,
|
|
50
|
-
defaultMessage: "Search error"
|
|
51
|
-
|
|
48
|
+
}))), /*#__PURE__*/_react.default.createElement("title", null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, {
|
|
49
|
+
defaultMessage: "Search error",
|
|
50
|
+
id: "smart-card.not-found-svg.title"
|
|
51
|
+
})), /*#__PURE__*/_react.default.createElement("g", {
|
|
52
52
|
id: "Layer_2",
|
|
53
53
|
"data-name": "Layer 2"
|
|
54
54
|
}, /*#__PURE__*/_react.default.createElement("g", {
|
|
@@ -120,7 +120,12 @@ var LinkInfo = function LinkInfo(_ref) {
|
|
|
120
120
|
className: (0, _runtime.ax)(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
|
|
121
121
|
}, /*#__PURE__*/_react.default.createElement(_Icon.Icon, icon)), /*#__PURE__*/_react.default.createElement("div", {
|
|
122
122
|
className: (0, _runtime.ax)(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
|
|
123
|
-
}, /*#__PURE__*/_react.default.createElement(_heading.default, {
|
|
123
|
+
}, (0, _platformFeatureFlags.fg)('navx-2816-a11y-fix-smart-links-headings') ? /*#__PURE__*/_react.default.createElement(_heading.default, {
|
|
124
|
+
as: "h2",
|
|
125
|
+
size: "small",
|
|
126
|
+
color: "color.text",
|
|
127
|
+
testId: "".concat(testId, "-title")
|
|
128
|
+
}, title) : /*#__PURE__*/_react.default.createElement(_heading.default, {
|
|
124
129
|
size: "small",
|
|
125
130
|
color: "color.text",
|
|
126
131
|
testId: "".concat(testId, "-title")
|
|
@@ -217,7 +222,13 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
|
|
|
217
222
|
className: (0, _runtime.ax)(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
|
|
218
223
|
}, /*#__PURE__*/_react.default.createElement(_Icon.Icon, icon)), /*#__PURE__*/_react.default.createElement("div", {
|
|
219
224
|
className: (0, _runtime.ax)(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
|
|
220
|
-
}, /*#__PURE__*/_react.default.createElement(_heading.default, {
|
|
225
|
+
}, (0, _platformFeatureFlags.fg)('navx-2816-a11y-fix-smart-links-headings') ? /*#__PURE__*/_react.default.createElement(_heading.default, {
|
|
226
|
+
as: "h2",
|
|
227
|
+
size: "small",
|
|
228
|
+
color: "color.text",
|
|
229
|
+
ref: focusRef,
|
|
230
|
+
testId: "".concat(testId, "-title")
|
|
231
|
+
}, title) : /*#__PURE__*/_react.default.createElement(_heading.default, {
|
|
221
232
|
size: "small",
|
|
222
233
|
color: "color.text",
|
|
223
234
|
ref: focusRef,
|
|
@@ -1,84 +1 @@
|
|
|
1
|
-
.
|
|
2
|
-
._15iz1k8s span{min-height:1.5rem}
|
|
3
|
-
._15izgktf span{min-height:20px}
|
|
4
|
-
._16jlidpf{flex-grow:0}
|
|
5
|
-
._17521j6v svg{height:1rem}
|
|
6
|
-
._17521k8s svg{height:1.5rem}
|
|
7
|
-
._1752gktf svg{height:20px}
|
|
8
|
-
._19bvv77o{padding-left:var(--ds-space-025,2px)}
|
|
9
|
-
._19l31j6v img{max-height:1rem}
|
|
10
|
-
._19l31k8s img{max-height:1.5rem}
|
|
11
|
-
._19l3gktf img{max-height:20px}
|
|
12
|
-
._1bsb1j6v{width:1rem}
|
|
13
|
-
._1bsb1k8s{width:1.5rem}
|
|
14
|
-
._1bsbgktf{width:20px}
|
|
15
|
-
._1e0c1o8l{display:inline-block}
|
|
16
|
-
._1o9zidpf{flex-shrink:0}
|
|
17
|
-
._1pr21j6v span{max-height:1rem}
|
|
18
|
-
._1pr21k8s span{max-height:1.5rem}
|
|
19
|
-
._1pr2gktf span{max-height:20px}
|
|
20
|
-
._1rg21j6v img{min-width:1rem}
|
|
21
|
-
._1rg21k8s img{min-width:1.5rem}
|
|
22
|
-
._1rg2gktf img{min-width:20px}
|
|
23
|
-
._1tke1j6v{min-height:1rem}
|
|
24
|
-
._1tke1k8s{min-height:1.5rem}
|
|
25
|
-
._1tkegktf{min-height:20px}
|
|
26
|
-
._1u5t1j6v svg{max-height:1rem}
|
|
27
|
-
._1u5t1k8s svg{max-height:1.5rem}
|
|
28
|
-
._1u5tgktf svg{max-height:20px}
|
|
29
|
-
._1ul91j6v{min-width:1rem}
|
|
30
|
-
._1ul91k8s{min-width:1.5rem}
|
|
31
|
-
._1ul9gktf{min-width:20px}
|
|
32
|
-
._1xjx1j6v span{height:1rem}
|
|
33
|
-
._1xjx1k8s span{height:1.5rem}
|
|
34
|
-
._1xjxgktf span{height:20px}
|
|
35
|
-
._4t3i1j6v{height:1rem}
|
|
36
|
-
._4t3i1k8s{height:1.5rem}
|
|
37
|
-
._4t3igktf{height:20px}
|
|
38
|
-
._4x201j6v svg{max-width:1rem}
|
|
39
|
-
._4x201k8s svg{max-width:1.5rem}
|
|
40
|
-
._4x20gktf svg{max-width:20px}
|
|
41
|
-
._5jw9idpf svg{padding-bottom:0}
|
|
42
|
-
._7wy9idpf svg{padding-left:0}
|
|
43
|
-
._b8nk1j6v span{max-width:1rem}
|
|
44
|
-
._b8nk1k8s span{max-width:1.5rem}
|
|
45
|
-
._b8nkgktf span{max-width:20px}
|
|
46
|
-
._bna71j6v img{height:1rem}
|
|
47
|
-
._bna71k8s img{height:1.5rem}
|
|
48
|
-
._bna7gktf img{height:20px}
|
|
49
|
-
._c71l1j6v{max-height:1rem}
|
|
50
|
-
._c71l1k8s{max-height:1.5rem}
|
|
51
|
-
._c71lgktf{max-height:20px}
|
|
52
|
-
._ca0qv77o{padding-top:var(--ds-space-025,2px)}
|
|
53
|
-
._e2oo1j6v span{width:1rem}
|
|
54
|
-
._e2oo1k8s span{width:1.5rem}
|
|
55
|
-
._e2oogktf span{width:20px}
|
|
56
|
-
._erub1j6v svg{min-height:1rem}
|
|
57
|
-
._erub1k8s svg{min-height:1.5rem}
|
|
58
|
-
._erubgktf svg{min-height:20px}
|
|
59
|
-
._i0dl1wug{flex-basis:auto}
|
|
60
|
-
._i2i3idpf svg{padding-top:0}
|
|
61
|
-
._mezj1j6v img{width:1rem}
|
|
62
|
-
._mezj1k8s img{width:1.5rem}
|
|
63
|
-
._mezjgktf img{width:20px}
|
|
64
|
-
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
65
|
-
._p12f1j6v{max-width:1rem}
|
|
66
|
-
._p12f1k8s{max-width:1.5rem}
|
|
67
|
-
._p12fgktf{max-width:20px}
|
|
68
|
-
._q7cv1j6v span{min-width:1rem}
|
|
69
|
-
._q7cv1k8s span{min-width:1.5rem}
|
|
70
|
-
._q7cvgktf span{min-width:20px}
|
|
71
|
-
._qci81j6v img{min-height:1rem}
|
|
72
|
-
._qci81k8s img{min-height:1.5rem}
|
|
73
|
-
._qci8gktf img{min-height:20px}
|
|
74
|
-
._rtys1j6v img{max-width:1rem}
|
|
75
|
-
._rtys1k8s img{max-width:1.5rem}
|
|
76
|
-
._rtysgktf img{max-width:20px}
|
|
77
|
-
._u5f3v77o{padding-right:var(--ds-space-025,2px)}
|
|
78
|
-
._uhasidpf svg{padding-right:0}
|
|
79
|
-
._w8l51j6v svg{width:1rem}
|
|
80
|
-
._w8l51k8s svg{width:1.5rem}
|
|
81
|
-
._w8l5gktf svg{width:20px}
|
|
82
|
-
._xwbj1j6v svg{min-width:1rem}
|
|
83
|
-
._xwbj1k8s svg{min-width:1.5rem}
|
|
84
|
-
._xwbjgktf svg{min-width:20px}
|
|
1
|
+
._1e0c1o8l{display:inline-block}
|
|
@@ -9,42 +9,11 @@ exports.default = void 0;
|
|
|
9
9
|
require("./index.compiled.css");
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
|
-
var _constants = require("../../../../../../constants");
|
|
14
12
|
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
|
-
var getIconWidth = function getIconWidth(size) {
|
|
16
|
-
switch (size) {
|
|
17
|
-
case _constants.SmartLinkSize.XLarge:
|
|
18
|
-
case _constants.SmartLinkSize.Large:
|
|
19
|
-
return '1.5rem';
|
|
20
|
-
case _constants.SmartLinkSize.Medium:
|
|
21
|
-
case _constants.SmartLinkSize.Small:
|
|
22
|
-
default:
|
|
23
|
-
return '1rem';
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
// TODO: Remove on fg cleanup: platform-visual-refresh-icons
|
|
28
|
-
var iconSizeStyleMap = {
|
|
29
|
-
'1.5rem': "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1k8s _1tke1k8s _c71l1k8s _1bsb1k8s _1ul91k8s _p12f1k8s _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71k8s _1xjx1k8s _17521k8s _qci81k8s _15iz1k8s _erub1k8s _19l31k8s _1pr21k8s _1u5t1k8s _mezj1k8s _e2oo1k8s _w8l51k8s _1rg21k8s _q7cv1k8s _xwbj1k8s _rtys1k8s _b8nk1k8s _4x201k8s",
|
|
30
|
-
'1rem': "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1j6v _1tke1j6v _c71l1j6v _1bsb1j6v _1ul91j6v _p12f1j6v _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71j6v _1xjx1j6v _17521j6v _qci81j6v _15iz1j6v _erub1j6v _19l31j6v _1pr21j6v _1u5t1j6v _mezj1j6v _e2oo1j6v _w8l51j6v _1rg21j6v _q7cv1j6v _xwbj1j6v _rtys1j6v _b8nk1j6v _4x201j6v",
|
|
31
|
-
'20px': "_16jlidpf _1o9zidpf _i0dl1wug _4t3igktf _1tkegktf _c71lgktf _1bsbgktf _1ul9gktf _p12fgktf _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna7gktf _1xjxgktf _1752gktf _qci8gktf _15izgktf _erubgktf _19l3gktf _1pr2gktf _1u5tgktf _mezjgktf _e2oogktf _w8l5gktf _1rg2gktf _q7cvgktf _xwbjgktf _rtysgktf _b8nkgktf _4x20gktf"
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
// TODO: Remove on fg cleanup: platform-visual-refresh-icons
|
|
35
|
-
var stackItemIconStylesOld = null;
|
|
36
13
|
var stackItemIconStylesCompiled = null;
|
|
37
14
|
var ActionIcon = function ActionIcon(_ref) {
|
|
38
|
-
var
|
|
39
|
-
|
|
40
|
-
icon = _ref.icon,
|
|
41
|
-
asStackItemIcon = _ref.asStackItemIcon;
|
|
42
|
-
if (!(0, _platformFeatureFlags.fg)('platform-visual-refresh-icons')) {
|
|
43
|
-
return /*#__PURE__*/React.createElement("span", {
|
|
44
|
-
"data-testid": "".concat(testId, "-icon"),
|
|
45
|
-
className: (0, _runtime.ax)([asStackItemIcon && "_1e0c1o8l _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o", asStackItemIcon && iconSizeStyleMap['20px'], !asStackItemIcon && iconSizeStyleMap[getIconWidth(size)]])
|
|
46
|
-
}, icon);
|
|
47
|
-
}
|
|
15
|
+
var testId = _ref.testId,
|
|
16
|
+
icon = _ref.icon;
|
|
48
17
|
return /*#__PURE__*/React.createElement("span", {
|
|
49
18
|
"data-testid": "".concat(testId, "-icon"),
|
|
50
19
|
className: (0, _runtime.ax)(["_1e0c1o8l"])
|
package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js
CHANGED
|
@@ -40,11 +40,9 @@ var ActionButton = function ActionButton(_ref) {
|
|
|
40
40
|
}
|
|
41
41
|
}, [isDisabled, isLoading, onClickCallback]);
|
|
42
42
|
var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(_actionIcon.default, {
|
|
43
|
-
asStackItemIcon: true,
|
|
44
43
|
icon: /*#__PURE__*/React.createElement(_spinner.default, {
|
|
45
44
|
testId: "".concat(testId, "-loading")
|
|
46
|
-
})
|
|
47
|
-
size: size
|
|
45
|
+
})
|
|
48
46
|
}) : iconOption;
|
|
49
47
|
return /*#__PURE__*/React.createElement(_compiled.Pressable, (0, _extends2.default)({
|
|
50
48
|
xcss: (0, _css.cx)(styles.button)
|
|
@@ -49,10 +49,7 @@ var Action = function Action(_ref) {
|
|
|
49
49
|
var isStackItem = as === 'stack-item';
|
|
50
50
|
var isDropdownItem = as === 'dropdown-item' || asDropDownItem;
|
|
51
51
|
var actionIcon = icon ? /*#__PURE__*/_react.default.createElement(_actionIcon.default, {
|
|
52
|
-
asStackItemIcon: isStackItem,
|
|
53
|
-
isDisabled: isDisabled,
|
|
54
52
|
icon: icon,
|
|
55
|
-
size: size,
|
|
56
53
|
testId: testId
|
|
57
54
|
}) : undefined;
|
|
58
55
|
var iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;
|
|
@@ -22,7 +22,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
|
|
|
22
22
|
_excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
|
|
23
23
|
var PACKAGE_DATA = {
|
|
24
24
|
packageName: "@atlaskit/smart-card",
|
|
25
|
-
packageVersion: "43.17.
|
|
25
|
+
packageVersion: "43.17.7",
|
|
26
26
|
componentName: 'linkUrl'
|
|
27
27
|
};
|
|
28
28
|
var Anchor = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -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: "43.17.
|
|
5
|
+
packageVersion: "43.17.7"
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FormattedMessage } from 'react-intl-next';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
export const NotFoundSVG = () => /*#__PURE__*/React.createElement("svg", {
|
|
5
4
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6
5
|
xmlnsXlink: "http://www.w3.org/1999/xlink",
|
|
@@ -38,9 +37,10 @@ export const NotFoundSVG = () => /*#__PURE__*/React.createElement("svg", {
|
|
|
38
37
|
offset: "0.69",
|
|
39
38
|
stopColor: "#fff",
|
|
40
39
|
stopOpacity: "0.1"
|
|
41
|
-
}))), /*#__PURE__*/React.createElement("title", null,
|
|
42
|
-
defaultMessage: "Search error"
|
|
43
|
-
|
|
40
|
+
}))), /*#__PURE__*/React.createElement("title", null, /*#__PURE__*/React.createElement(FormattedMessage, {
|
|
41
|
+
defaultMessage: "Search error",
|
|
42
|
+
id: "smart-card.not-found-svg.title"
|
|
43
|
+
})), /*#__PURE__*/React.createElement("g", {
|
|
44
44
|
id: "Layer_2",
|
|
45
45
|
"data-name": "Layer 2"
|
|
46
46
|
}, /*#__PURE__*/React.createElement("g", {
|
|
@@ -108,7 +108,12 @@ const LinkInfo = ({
|
|
|
108
108
|
className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
|
|
109
109
|
}, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
|
|
110
110
|
className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
|
|
111
|
-
}, /*#__PURE__*/React.createElement(Heading, {
|
|
111
|
+
}, fg('navx-2816-a11y-fix-smart-links-headings') ? /*#__PURE__*/React.createElement(Heading, {
|
|
112
|
+
as: "h2",
|
|
113
|
+
size: "small",
|
|
114
|
+
color: "color.text",
|
|
115
|
+
testId: `${testId}-title`
|
|
116
|
+
}, title) : /*#__PURE__*/React.createElement(Heading, {
|
|
112
117
|
size: "small",
|
|
113
118
|
color: "color.text",
|
|
114
119
|
testId: `${testId}-title`
|
|
@@ -200,7 +205,13 @@ const LinkInfoNew = ({
|
|
|
200
205
|
className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
|
|
201
206
|
}, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
|
|
202
207
|
className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
|
|
203
|
-
}, /*#__PURE__*/React.createElement(Heading, {
|
|
208
|
+
}, fg('navx-2816-a11y-fix-smart-links-headings') ? /*#__PURE__*/React.createElement(Heading, {
|
|
209
|
+
as: "h2",
|
|
210
|
+
size: "small",
|
|
211
|
+
color: "color.text",
|
|
212
|
+
ref: focusRef,
|
|
213
|
+
testId: `${testId}-title`
|
|
214
|
+
}, title) : /*#__PURE__*/React.createElement(Heading, {
|
|
204
215
|
size: "small",
|
|
205
216
|
color: "color.text",
|
|
206
217
|
ref: focusRef,
|
package/dist/es2019/view/FlexibleCard/components/actions/action/action-icon/index.compiled.css
CHANGED
|
@@ -1,84 +1 @@
|
|
|
1
|
-
.
|
|
2
|
-
._15iz1k8s span{min-height:1.5rem}
|
|
3
|
-
._15izgktf span{min-height:20px}
|
|
4
|
-
._16jlidpf{flex-grow:0}
|
|
5
|
-
._17521j6v svg{height:1rem}
|
|
6
|
-
._17521k8s svg{height:1.5rem}
|
|
7
|
-
._1752gktf svg{height:20px}
|
|
8
|
-
._19bvv77o{padding-left:var(--ds-space-025,2px)}
|
|
9
|
-
._19l31j6v img{max-height:1rem}
|
|
10
|
-
._19l31k8s img{max-height:1.5rem}
|
|
11
|
-
._19l3gktf img{max-height:20px}
|
|
12
|
-
._1bsb1j6v{width:1rem}
|
|
13
|
-
._1bsb1k8s{width:1.5rem}
|
|
14
|
-
._1bsbgktf{width:20px}
|
|
15
|
-
._1e0c1o8l{display:inline-block}
|
|
16
|
-
._1o9zidpf{flex-shrink:0}
|
|
17
|
-
._1pr21j6v span{max-height:1rem}
|
|
18
|
-
._1pr21k8s span{max-height:1.5rem}
|
|
19
|
-
._1pr2gktf span{max-height:20px}
|
|
20
|
-
._1rg21j6v img{min-width:1rem}
|
|
21
|
-
._1rg21k8s img{min-width:1.5rem}
|
|
22
|
-
._1rg2gktf img{min-width:20px}
|
|
23
|
-
._1tke1j6v{min-height:1rem}
|
|
24
|
-
._1tke1k8s{min-height:1.5rem}
|
|
25
|
-
._1tkegktf{min-height:20px}
|
|
26
|
-
._1u5t1j6v svg{max-height:1rem}
|
|
27
|
-
._1u5t1k8s svg{max-height:1.5rem}
|
|
28
|
-
._1u5tgktf svg{max-height:20px}
|
|
29
|
-
._1ul91j6v{min-width:1rem}
|
|
30
|
-
._1ul91k8s{min-width:1.5rem}
|
|
31
|
-
._1ul9gktf{min-width:20px}
|
|
32
|
-
._1xjx1j6v span{height:1rem}
|
|
33
|
-
._1xjx1k8s span{height:1.5rem}
|
|
34
|
-
._1xjxgktf span{height:20px}
|
|
35
|
-
._4t3i1j6v{height:1rem}
|
|
36
|
-
._4t3i1k8s{height:1.5rem}
|
|
37
|
-
._4t3igktf{height:20px}
|
|
38
|
-
._4x201j6v svg{max-width:1rem}
|
|
39
|
-
._4x201k8s svg{max-width:1.5rem}
|
|
40
|
-
._4x20gktf svg{max-width:20px}
|
|
41
|
-
._5jw9idpf svg{padding-bottom:0}
|
|
42
|
-
._7wy9idpf svg{padding-left:0}
|
|
43
|
-
._b8nk1j6v span{max-width:1rem}
|
|
44
|
-
._b8nk1k8s span{max-width:1.5rem}
|
|
45
|
-
._b8nkgktf span{max-width:20px}
|
|
46
|
-
._bna71j6v img{height:1rem}
|
|
47
|
-
._bna71k8s img{height:1.5rem}
|
|
48
|
-
._bna7gktf img{height:20px}
|
|
49
|
-
._c71l1j6v{max-height:1rem}
|
|
50
|
-
._c71l1k8s{max-height:1.5rem}
|
|
51
|
-
._c71lgktf{max-height:20px}
|
|
52
|
-
._ca0qv77o{padding-top:var(--ds-space-025,2px)}
|
|
53
|
-
._e2oo1j6v span{width:1rem}
|
|
54
|
-
._e2oo1k8s span{width:1.5rem}
|
|
55
|
-
._e2oogktf span{width:20px}
|
|
56
|
-
._erub1j6v svg{min-height:1rem}
|
|
57
|
-
._erub1k8s svg{min-height:1.5rem}
|
|
58
|
-
._erubgktf svg{min-height:20px}
|
|
59
|
-
._i0dl1wug{flex-basis:auto}
|
|
60
|
-
._i2i3idpf svg{padding-top:0}
|
|
61
|
-
._mezj1j6v img{width:1rem}
|
|
62
|
-
._mezj1k8s img{width:1.5rem}
|
|
63
|
-
._mezjgktf img{width:20px}
|
|
64
|
-
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
65
|
-
._p12f1j6v{max-width:1rem}
|
|
66
|
-
._p12f1k8s{max-width:1.5rem}
|
|
67
|
-
._p12fgktf{max-width:20px}
|
|
68
|
-
._q7cv1j6v span{min-width:1rem}
|
|
69
|
-
._q7cv1k8s span{min-width:1.5rem}
|
|
70
|
-
._q7cvgktf span{min-width:20px}
|
|
71
|
-
._qci81j6v img{min-height:1rem}
|
|
72
|
-
._qci81k8s img{min-height:1.5rem}
|
|
73
|
-
._qci8gktf img{min-height:20px}
|
|
74
|
-
._rtys1j6v img{max-width:1rem}
|
|
75
|
-
._rtys1k8s img{max-width:1.5rem}
|
|
76
|
-
._rtysgktf img{max-width:20px}
|
|
77
|
-
._u5f3v77o{padding-right:var(--ds-space-025,2px)}
|
|
78
|
-
._uhasidpf svg{padding-right:0}
|
|
79
|
-
._w8l51j6v svg{width:1rem}
|
|
80
|
-
._w8l51k8s svg{width:1.5rem}
|
|
81
|
-
._w8l5gktf svg{width:20px}
|
|
82
|
-
._xwbj1j6v svg{min-width:1rem}
|
|
83
|
-
._xwbj1k8s svg{min-width:1.5rem}
|
|
84
|
-
._xwbjgktf svg{min-width:20px}
|
|
1
|
+
._1e0c1o8l{display:inline-block}
|
|
@@ -2,42 +2,11 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
|
-
import { SmartLinkSize } from '../../../../../../constants';
|
|
7
|
-
const getIconWidth = size => {
|
|
8
|
-
switch (size) {
|
|
9
|
-
case SmartLinkSize.XLarge:
|
|
10
|
-
case SmartLinkSize.Large:
|
|
11
|
-
return '1.5rem';
|
|
12
|
-
case SmartLinkSize.Medium:
|
|
13
|
-
case SmartLinkSize.Small:
|
|
14
|
-
default:
|
|
15
|
-
return '1rem';
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
// TODO: Remove on fg cleanup: platform-visual-refresh-icons
|
|
20
|
-
const iconSizeStyleMap = {
|
|
21
|
-
'1.5rem': "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1k8s _1tke1k8s _c71l1k8s _1bsb1k8s _1ul91k8s _p12f1k8s _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71k8s _1xjx1k8s _17521k8s _qci81k8s _15iz1k8s _erub1k8s _19l31k8s _1pr21k8s _1u5t1k8s _mezj1k8s _e2oo1k8s _w8l51k8s _1rg21k8s _q7cv1k8s _xwbj1k8s _rtys1k8s _b8nk1k8s _4x201k8s",
|
|
22
|
-
'1rem': "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1j6v _1tke1j6v _c71l1j6v _1bsb1j6v _1ul91j6v _p12f1j6v _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71j6v _1xjx1j6v _17521j6v _qci81j6v _15iz1j6v _erub1j6v _19l31j6v _1pr21j6v _1u5t1j6v _mezj1j6v _e2oo1j6v _w8l51j6v _1rg21j6v _q7cv1j6v _xwbj1j6v _rtys1j6v _b8nk1j6v _4x201j6v",
|
|
23
|
-
'20px': "_16jlidpf _1o9zidpf _i0dl1wug _4t3igktf _1tkegktf _c71lgktf _1bsbgktf _1ul9gktf _p12fgktf _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna7gktf _1xjxgktf _1752gktf _qci8gktf _15izgktf _erubgktf _19l3gktf _1pr2gktf _1u5tgktf _mezjgktf _e2oogktf _w8l5gktf _1rg2gktf _q7cvgktf _xwbjgktf _rtysgktf _b8nkgktf _4x20gktf"
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
// TODO: Remove on fg cleanup: platform-visual-refresh-icons
|
|
27
|
-
const stackItemIconStylesOld = null;
|
|
28
5
|
const stackItemIconStylesCompiled = null;
|
|
29
6
|
const ActionIcon = ({
|
|
30
|
-
size,
|
|
31
7
|
testId,
|
|
32
|
-
icon
|
|
33
|
-
asStackItemIcon
|
|
8
|
+
icon
|
|
34
9
|
}) => {
|
|
35
|
-
if (!fg('platform-visual-refresh-icons')) {
|
|
36
|
-
return /*#__PURE__*/React.createElement("span", {
|
|
37
|
-
"data-testid": `${testId}-icon`,
|
|
38
|
-
className: ax([asStackItemIcon && "_1e0c1o8l _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o", asStackItemIcon && iconSizeStyleMap['20px'], !asStackItemIcon && iconSizeStyleMap[getIconWidth(size)]])
|
|
39
|
-
}, icon);
|
|
40
|
-
}
|
|
41
10
|
return /*#__PURE__*/React.createElement("span", {
|
|
42
11
|
"data-testid": `${testId}-icon`,
|
|
43
12
|
className: ax(["_1e0c1o8l"])
|
package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js
CHANGED
|
@@ -32,11 +32,9 @@ const ActionButton = ({
|
|
|
32
32
|
}
|
|
33
33
|
}, [isDisabled, isLoading, onClickCallback]);
|
|
34
34
|
const icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
|
|
35
|
-
asStackItemIcon: true,
|
|
36
35
|
icon: /*#__PURE__*/React.createElement(Spinner, {
|
|
37
36
|
testId: `${testId}-loading`
|
|
38
|
-
})
|
|
39
|
-
size: size
|
|
37
|
+
})
|
|
40
38
|
}) : iconOption;
|
|
41
39
|
return /*#__PURE__*/React.createElement(Pressable, _extends({
|
|
42
40
|
xcss: cx(styles.button)
|
|
@@ -38,10 +38,7 @@ const Action = ({
|
|
|
38
38
|
const isStackItem = as === 'stack-item';
|
|
39
39
|
const isDropdownItem = as === 'dropdown-item' || asDropDownItem;
|
|
40
40
|
const actionIcon = icon ? /*#__PURE__*/React.createElement(ActionIcon, {
|
|
41
|
-
asStackItemIcon: isStackItem,
|
|
42
|
-
isDisabled: isDisabled,
|
|
43
41
|
icon: icon,
|
|
44
|
-
size: size,
|
|
45
42
|
testId: testId
|
|
46
43
|
}) : undefined;
|
|
47
44
|
const iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;
|
|
@@ -12,7 +12,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
12
12
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
13
13
|
const PACKAGE_DATA = {
|
|
14
14
|
packageName: "@atlaskit/smart-card",
|
|
15
|
-
packageVersion: "43.17.
|
|
15
|
+
packageVersion: "43.17.7",
|
|
16
16
|
componentName: 'linkUrl'
|
|
17
17
|
};
|
|
18
18
|
const Anchor = withLinkClickedEvent('a');
|
|
@@ -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: "43.17.
|
|
7
|
+
packageVersion: "43.17.7"
|
|
8
8
|
};
|
|
9
9
|
export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
10
10
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { FormattedMessage } from 'react-intl-next';
|
|
3
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
export var NotFoundSVG = function NotFoundSVG() {
|
|
5
4
|
return /*#__PURE__*/React.createElement("svg", {
|
|
6
5
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -39,9 +38,10 @@ export var NotFoundSVG = function NotFoundSVG() {
|
|
|
39
38
|
offset: "0.69",
|
|
40
39
|
stopColor: "#fff",
|
|
41
40
|
stopOpacity: "0.1"
|
|
42
|
-
}))), /*#__PURE__*/React.createElement("title", null,
|
|
43
|
-
defaultMessage: "Search error"
|
|
44
|
-
|
|
41
|
+
}))), /*#__PURE__*/React.createElement("title", null, /*#__PURE__*/React.createElement(FormattedMessage, {
|
|
42
|
+
defaultMessage: "Search error",
|
|
43
|
+
id: "smart-card.not-found-svg.title"
|
|
44
|
+
})), /*#__PURE__*/React.createElement("g", {
|
|
45
45
|
id: "Layer_2",
|
|
46
46
|
"data-name": "Layer 2"
|
|
47
47
|
}, /*#__PURE__*/React.createElement("g", {
|
|
@@ -111,7 +111,12 @@ var LinkInfo = function LinkInfo(_ref) {
|
|
|
111
111
|
className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
|
|
112
112
|
}, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
|
|
113
113
|
className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
|
|
114
|
-
}, /*#__PURE__*/React.createElement(Heading, {
|
|
114
|
+
}, fg('navx-2816-a11y-fix-smart-links-headings') ? /*#__PURE__*/React.createElement(Heading, {
|
|
115
|
+
as: "h2",
|
|
116
|
+
size: "small",
|
|
117
|
+
color: "color.text",
|
|
118
|
+
testId: "".concat(testId, "-title")
|
|
119
|
+
}, title) : /*#__PURE__*/React.createElement(Heading, {
|
|
115
120
|
size: "small",
|
|
116
121
|
color: "color.text",
|
|
117
122
|
testId: "".concat(testId, "-title")
|
|
@@ -208,7 +213,13 @@ var LinkInfoNew = function LinkInfoNew(_ref2) {
|
|
|
208
213
|
className: ax(["_4t3i1tcg _gire1tcg _yrry1tcg _1bnm1tcg _bna71tcg _1xjx1tcg _17521tcg _1tke1tcg _x9xj1tcg _v5981tcg _z15s1tcg _qci81tcg _15iz1tcg _erub1tcg _c71l1tcg _1q121tcg _2s1x1tcg _1rh41tcg _19l31tcg _1pr21tcg _1u5t1tcg _1bsb1tcg _1xyl1tcg _1h1b1tcg _prfw1tcg _mezj1tcg _e2oo1tcg _w8l51tcg _1ul91tcg _1ekg1tcg _jbhf1tcg _11hh1tcg _1rg21tcg _q7cv1tcg _xwbj1tcg _p12f1tcg _1mj01tcg _1r9c1tcg _1xch1tcg _rtys1tcg _b8nk1tcg _4x201tcg"])
|
|
209
214
|
}, /*#__PURE__*/React.createElement(Icon, icon)), /*#__PURE__*/React.createElement("div", {
|
|
210
215
|
className: ax(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
|
|
211
|
-
}, /*#__PURE__*/React.createElement(Heading, {
|
|
216
|
+
}, fg('navx-2816-a11y-fix-smart-links-headings') ? /*#__PURE__*/React.createElement(Heading, {
|
|
217
|
+
as: "h2",
|
|
218
|
+
size: "small",
|
|
219
|
+
color: "color.text",
|
|
220
|
+
ref: focusRef,
|
|
221
|
+
testId: "".concat(testId, "-title")
|
|
222
|
+
}, title) : /*#__PURE__*/React.createElement(Heading, {
|
|
212
223
|
size: "small",
|
|
213
224
|
color: "color.text",
|
|
214
225
|
ref: focusRef,
|
|
@@ -1,84 +1 @@
|
|
|
1
|
-
.
|
|
2
|
-
._15iz1k8s span{min-height:1.5rem}
|
|
3
|
-
._15izgktf span{min-height:20px}
|
|
4
|
-
._16jlidpf{flex-grow:0}
|
|
5
|
-
._17521j6v svg{height:1rem}
|
|
6
|
-
._17521k8s svg{height:1.5rem}
|
|
7
|
-
._1752gktf svg{height:20px}
|
|
8
|
-
._19bvv77o{padding-left:var(--ds-space-025,2px)}
|
|
9
|
-
._19l31j6v img{max-height:1rem}
|
|
10
|
-
._19l31k8s img{max-height:1.5rem}
|
|
11
|
-
._19l3gktf img{max-height:20px}
|
|
12
|
-
._1bsb1j6v{width:1rem}
|
|
13
|
-
._1bsb1k8s{width:1.5rem}
|
|
14
|
-
._1bsbgktf{width:20px}
|
|
15
|
-
._1e0c1o8l{display:inline-block}
|
|
16
|
-
._1o9zidpf{flex-shrink:0}
|
|
17
|
-
._1pr21j6v span{max-height:1rem}
|
|
18
|
-
._1pr21k8s span{max-height:1.5rem}
|
|
19
|
-
._1pr2gktf span{max-height:20px}
|
|
20
|
-
._1rg21j6v img{min-width:1rem}
|
|
21
|
-
._1rg21k8s img{min-width:1.5rem}
|
|
22
|
-
._1rg2gktf img{min-width:20px}
|
|
23
|
-
._1tke1j6v{min-height:1rem}
|
|
24
|
-
._1tke1k8s{min-height:1.5rem}
|
|
25
|
-
._1tkegktf{min-height:20px}
|
|
26
|
-
._1u5t1j6v svg{max-height:1rem}
|
|
27
|
-
._1u5t1k8s svg{max-height:1.5rem}
|
|
28
|
-
._1u5tgktf svg{max-height:20px}
|
|
29
|
-
._1ul91j6v{min-width:1rem}
|
|
30
|
-
._1ul91k8s{min-width:1.5rem}
|
|
31
|
-
._1ul9gktf{min-width:20px}
|
|
32
|
-
._1xjx1j6v span{height:1rem}
|
|
33
|
-
._1xjx1k8s span{height:1.5rem}
|
|
34
|
-
._1xjxgktf span{height:20px}
|
|
35
|
-
._4t3i1j6v{height:1rem}
|
|
36
|
-
._4t3i1k8s{height:1.5rem}
|
|
37
|
-
._4t3igktf{height:20px}
|
|
38
|
-
._4x201j6v svg{max-width:1rem}
|
|
39
|
-
._4x201k8s svg{max-width:1.5rem}
|
|
40
|
-
._4x20gktf svg{max-width:20px}
|
|
41
|
-
._5jw9idpf svg{padding-bottom:0}
|
|
42
|
-
._7wy9idpf svg{padding-left:0}
|
|
43
|
-
._b8nk1j6v span{max-width:1rem}
|
|
44
|
-
._b8nk1k8s span{max-width:1.5rem}
|
|
45
|
-
._b8nkgktf span{max-width:20px}
|
|
46
|
-
._bna71j6v img{height:1rem}
|
|
47
|
-
._bna71k8s img{height:1.5rem}
|
|
48
|
-
._bna7gktf img{height:20px}
|
|
49
|
-
._c71l1j6v{max-height:1rem}
|
|
50
|
-
._c71l1k8s{max-height:1.5rem}
|
|
51
|
-
._c71lgktf{max-height:20px}
|
|
52
|
-
._ca0qv77o{padding-top:var(--ds-space-025,2px)}
|
|
53
|
-
._e2oo1j6v span{width:1rem}
|
|
54
|
-
._e2oo1k8s span{width:1.5rem}
|
|
55
|
-
._e2oogktf span{width:20px}
|
|
56
|
-
._erub1j6v svg{min-height:1rem}
|
|
57
|
-
._erub1k8s svg{min-height:1.5rem}
|
|
58
|
-
._erubgktf svg{min-height:20px}
|
|
59
|
-
._i0dl1wug{flex-basis:auto}
|
|
60
|
-
._i2i3idpf svg{padding-top:0}
|
|
61
|
-
._mezj1j6v img{width:1rem}
|
|
62
|
-
._mezj1k8s img{width:1.5rem}
|
|
63
|
-
._mezjgktf img{width:20px}
|
|
64
|
-
._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
|
|
65
|
-
._p12f1j6v{max-width:1rem}
|
|
66
|
-
._p12f1k8s{max-width:1.5rem}
|
|
67
|
-
._p12fgktf{max-width:20px}
|
|
68
|
-
._q7cv1j6v span{min-width:1rem}
|
|
69
|
-
._q7cv1k8s span{min-width:1.5rem}
|
|
70
|
-
._q7cvgktf span{min-width:20px}
|
|
71
|
-
._qci81j6v img{min-height:1rem}
|
|
72
|
-
._qci81k8s img{min-height:1.5rem}
|
|
73
|
-
._qci8gktf img{min-height:20px}
|
|
74
|
-
._rtys1j6v img{max-width:1rem}
|
|
75
|
-
._rtys1k8s img{max-width:1.5rem}
|
|
76
|
-
._rtysgktf img{max-width:20px}
|
|
77
|
-
._u5f3v77o{padding-right:var(--ds-space-025,2px)}
|
|
78
|
-
._uhasidpf svg{padding-right:0}
|
|
79
|
-
._w8l51j6v svg{width:1rem}
|
|
80
|
-
._w8l51k8s svg{width:1.5rem}
|
|
81
|
-
._w8l5gktf svg{width:20px}
|
|
82
|
-
._xwbj1j6v svg{min-width:1rem}
|
|
83
|
-
._xwbj1k8s svg{min-width:1.5rem}
|
|
84
|
-
._xwbjgktf svg{min-width:20px}
|
|
1
|
+
._1e0c1o8l{display:inline-block}
|
|
@@ -2,41 +2,10 @@
|
|
|
2
2
|
import "./index.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
5
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
6
|
-
import { SmartLinkSize } from '../../../../../../constants';
|
|
7
|
-
var getIconWidth = function getIconWidth(size) {
|
|
8
|
-
switch (size) {
|
|
9
|
-
case SmartLinkSize.XLarge:
|
|
10
|
-
case SmartLinkSize.Large:
|
|
11
|
-
return '1.5rem';
|
|
12
|
-
case SmartLinkSize.Medium:
|
|
13
|
-
case SmartLinkSize.Small:
|
|
14
|
-
default:
|
|
15
|
-
return '1rem';
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
// TODO: Remove on fg cleanup: platform-visual-refresh-icons
|
|
20
|
-
var iconSizeStyleMap = {
|
|
21
|
-
'1.5rem': "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1k8s _1tke1k8s _c71l1k8s _1bsb1k8s _1ul91k8s _p12f1k8s _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71k8s _1xjx1k8s _17521k8s _qci81k8s _15iz1k8s _erub1k8s _19l31k8s _1pr21k8s _1u5t1k8s _mezj1k8s _e2oo1k8s _w8l51k8s _1rg21k8s _q7cv1k8s _xwbj1k8s _rtys1k8s _b8nk1k8s _4x201k8s",
|
|
22
|
-
'1rem': "_16jlidpf _1o9zidpf _i0dl1wug _4t3i1j6v _1tke1j6v _c71l1j6v _1bsb1j6v _1ul91j6v _p12f1j6v _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna71j6v _1xjx1j6v _17521j6v _qci81j6v _15iz1j6v _erub1j6v _19l31j6v _1pr21j6v _1u5t1j6v _mezj1j6v _e2oo1j6v _w8l51j6v _1rg21j6v _q7cv1j6v _xwbj1j6v _rtys1j6v _b8nk1j6v _4x201j6v",
|
|
23
|
-
'20px': "_16jlidpf _1o9zidpf _i0dl1wug _4t3igktf _1tkegktf _c71lgktf _1bsbgktf _1ul9gktf _p12fgktf _i2i3idpf _uhasidpf _5jw9idpf _7wy9idpf _bna7gktf _1xjxgktf _1752gktf _qci8gktf _15izgktf _erubgktf _19l3gktf _1pr2gktf _1u5tgktf _mezjgktf _e2oogktf _w8l5gktf _1rg2gktf _q7cvgktf _xwbjgktf _rtysgktf _b8nkgktf _4x20gktf"
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
// TODO: Remove on fg cleanup: platform-visual-refresh-icons
|
|
27
|
-
var stackItemIconStylesOld = null;
|
|
28
5
|
var stackItemIconStylesCompiled = null;
|
|
29
6
|
var ActionIcon = function ActionIcon(_ref) {
|
|
30
|
-
var
|
|
31
|
-
|
|
32
|
-
icon = _ref.icon,
|
|
33
|
-
asStackItemIcon = _ref.asStackItemIcon;
|
|
34
|
-
if (!fg('platform-visual-refresh-icons')) {
|
|
35
|
-
return /*#__PURE__*/React.createElement("span", {
|
|
36
|
-
"data-testid": "".concat(testId, "-icon"),
|
|
37
|
-
className: ax([asStackItemIcon && "_1e0c1o8l _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o", asStackItemIcon && iconSizeStyleMap['20px'], !asStackItemIcon && iconSizeStyleMap[getIconWidth(size)]])
|
|
38
|
-
}, icon);
|
|
39
|
-
}
|
|
7
|
+
var testId = _ref.testId,
|
|
8
|
+
icon = _ref.icon;
|
|
40
9
|
return /*#__PURE__*/React.createElement("span", {
|
|
41
10
|
"data-testid": "".concat(testId, "-icon"),
|
|
42
11
|
className: ax(["_1e0c1o8l"])
|
package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js
CHANGED
|
@@ -31,11 +31,9 @@ var ActionButton = function ActionButton(_ref) {
|
|
|
31
31
|
}
|
|
32
32
|
}, [isDisabled, isLoading, onClickCallback]);
|
|
33
33
|
var icon = iconOption && isLoading ? /*#__PURE__*/React.createElement(ActionIcon, {
|
|
34
|
-
asStackItemIcon: true,
|
|
35
34
|
icon: /*#__PURE__*/React.createElement(Spinner, {
|
|
36
35
|
testId: "".concat(testId, "-loading")
|
|
37
|
-
})
|
|
38
|
-
size: size
|
|
36
|
+
})
|
|
39
37
|
}) : iconOption;
|
|
40
38
|
return /*#__PURE__*/React.createElement(Pressable, _extends({
|
|
41
39
|
xcss: cx(styles.button)
|
|
@@ -42,10 +42,7 @@ var Action = function Action(_ref) {
|
|
|
42
42
|
var isStackItem = as === 'stack-item';
|
|
43
43
|
var isDropdownItem = as === 'dropdown-item' || asDropDownItem;
|
|
44
44
|
var actionIcon = icon ? /*#__PURE__*/React.createElement(ActionIcon, {
|
|
45
|
-
asStackItemIcon: isStackItem,
|
|
46
|
-
isDisabled: isDisabled,
|
|
47
45
|
icon: icon,
|
|
48
|
-
size: size,
|
|
49
46
|
testId: testId
|
|
50
47
|
}) : undefined;
|
|
51
48
|
var iconBefore = icon && iconPosition === 'before' ? actionIcon : undefined;
|
|
@@ -15,7 +15,7 @@ import LinkWarningModal from './LinkWarningModal';
|
|
|
15
15
|
import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
|
|
16
16
|
var PACKAGE_DATA = {
|
|
17
17
|
packageName: "@atlaskit/smart-card",
|
|
18
|
-
packageVersion: "43.17.
|
|
18
|
+
packageVersion: "43.17.7",
|
|
19
19
|
componentName: 'linkUrl'
|
|
20
20
|
};
|
|
21
21
|
var Anchor = withLinkClickedEvent('a');
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import type { ReactChild } from 'react';
|
|
2
|
-
import type { SmartLinkSize } from '../../../../../../constants';
|
|
3
2
|
export type ActionIconProps = {
|
|
4
|
-
asStackItemIcon?: boolean;
|
|
5
3
|
icon?: ReactChild;
|
|
6
|
-
isDisabled?: boolean;
|
|
7
|
-
size?: SmartLinkSize;
|
|
8
4
|
testId?: string;
|
|
9
5
|
};
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import type { ReactChild } from 'react';
|
|
2
|
-
import type { SmartLinkSize } from '../../../../../../constants';
|
|
3
2
|
export type ActionIconProps = {
|
|
4
|
-
asStackItemIcon?: boolean;
|
|
5
3
|
icon?: ReactChild;
|
|
6
|
-
isDisabled?: boolean;
|
|
7
|
-
size?: SmartLinkSize;
|
|
8
4
|
testId?: string;
|
|
9
5
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/smart-card",
|
|
3
|
-
"version": "43.
|
|
3
|
+
"version": "43.18.0",
|
|
4
4
|
"description": "Smart card component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -34,9 +34,9 @@
|
|
|
34
34
|
"@atlaskit/avatar-group": "^12.4.0",
|
|
35
35
|
"@atlaskit/badge": "^18.3.0",
|
|
36
36
|
"@atlaskit/button": "^23.9.0",
|
|
37
|
-
"@atlaskit/checkbox": "^17.
|
|
37
|
+
"@atlaskit/checkbox": "^17.3.0",
|
|
38
38
|
"@atlaskit/css": "^0.19.0",
|
|
39
|
-
"@atlaskit/dropdown-menu": "^16.
|
|
39
|
+
"@atlaskit/dropdown-menu": "^16.4.0",
|
|
40
40
|
"@atlaskit/embedded-confluence": "^4.3.0",
|
|
41
41
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
42
42
|
"@atlaskit/form": "^15.2.0",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"@atlaskit/icon-priority": "^6.3.0",
|
|
49
49
|
"@atlaskit/image": "^3.0.0",
|
|
50
50
|
"@atlaskit/json-ld-types": "^1.4.0",
|
|
51
|
-
"@atlaskit/link": "^3.
|
|
51
|
+
"@atlaskit/link": "^3.3.0",
|
|
52
52
|
"@atlaskit/link-analytics": "^11.0.0",
|
|
53
53
|
"@atlaskit/link-client-extension": "^6.0.0",
|
|
54
54
|
"@atlaskit/link-extractors": "^2.4.0",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"@atlaskit/outbound-auth-flow-client": "^3.4.0",
|
|
63
63
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
64
64
|
"@atlaskit/platform-feature-flags-react": "^0.4.0",
|
|
65
|
-
"@atlaskit/popup": "^4.
|
|
65
|
+
"@atlaskit/popup": "^4.10.0",
|
|
66
66
|
"@atlaskit/primitives": "^17.0.0",
|
|
67
67
|
"@atlaskit/section-message": "^8.11.0",
|
|
68
68
|
"@atlaskit/select": "^21.6.0",
|
|
@@ -231,14 +231,14 @@
|
|
|
231
231
|
"platform_navx_sl_a11y_embed_modal": {
|
|
232
232
|
"type": "boolean"
|
|
233
233
|
},
|
|
234
|
-
"navx-2825-eslint-translation-fix-linking-platform": {
|
|
235
|
-
"type": "boolean"
|
|
236
|
-
},
|
|
237
234
|
"platform_navx_send_context_to_ugs_for_rel_links": {
|
|
238
235
|
"type": "boolean"
|
|
239
236
|
},
|
|
240
237
|
"navx-2827-eslint-object-translation-smart-links": {
|
|
241
238
|
"type": "boolean"
|
|
239
|
+
},
|
|
240
|
+
"navx-2816-a11y-fix-smart-links-headings": {
|
|
241
|
+
"type": "boolean"
|
|
242
242
|
}
|
|
243
243
|
},
|
|
244
244
|
"compassUnitTestMetricSourceId": "ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:metric-source/c5751cc6-3513-4070-9deb-af31e86aed34/f74ef1bc-7240-4aac-9dc8-9dc43b502089"
|
|
File without changes
|
|
File without changes
|