@atlaskit/smart-card 43.17.5 → 43.17.7
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 +19 -0
- package/dist/cjs/__tests__/vr-tests/__snapshots__/block-card/block-card-unauthorised-view-with-experiment--default--platform-sl-3p-unauth-paste-as-block-card-card-by-default-and-new-design.png +2 -2
- package/dist/cjs/__tests__/vr-tests/__snapshots__/card-ssr/block-card-ssr--default.png +2 -2
- package/dist/cjs/extractors/common/icon/extractIcon.js +1 -1
- package/dist/cjs/ssr.js +4 -12
- package/dist/cjs/utils/analytics/analytics.js +1 -1
- package/dist/cjs/view/EmbedCard/views/ResolvedView.js +1 -1
- package/dist/cjs/view/EmbedCard/views/unresolved-view/index.js +1 -1
- package/dist/cjs/view/EmbedModal/components/link-info/index.compiled.css +15 -1
- package/dist/cjs/view/EmbedModal/components/link-info/index.js +108 -1
- package/dist/cjs/view/EmbedModal/index.js +13 -4
- package/dist/cjs/view/FlexibleCard/components/actions/ai-summary-action/copy-summary-action.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/actions/copy-link-action/index.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/actions/delete-action/index.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/actions/download-action/index.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/actions/edit-action/index.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-icon-element/index.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js +1 -1
- package/dist/cjs/view/InlineCard/IconAndTitleLayout/index.js +1 -1
- package/dist/cjs/view/LinkUrl/index.js +1 -1
- package/dist/cjs/view/common/Icon.js +1 -1
- package/dist/es2019/__tests__/vr-tests/__snapshots__/block-card/block-card-unauthorised-view-with-experiment--default--platform-sl-3p-unauth-paste-as-block-card-card-by-default-and-new-design.png +2 -2
- package/dist/es2019/__tests__/vr-tests/__snapshots__/card-ssr/block-card-ssr--default.png +2 -2
- package/dist/es2019/extractors/common/icon/extractIcon.js +1 -1
- package/dist/es2019/ssr.js +4 -12
- package/dist/es2019/utils/analytics/analytics.js +1 -1
- package/dist/es2019/view/EmbedCard/views/ResolvedView.js +1 -1
- package/dist/es2019/view/EmbedCard/views/unresolved-view/index.js +1 -1
- package/dist/es2019/view/EmbedModal/components/link-info/index.compiled.css +15 -1
- package/dist/es2019/view/EmbedModal/components/link-info/index.js +103 -1
- package/dist/es2019/view/EmbedModal/index.js +13 -4
- package/dist/es2019/view/FlexibleCard/components/actions/ai-summary-action/copy-summary-action.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/actions/copy-link-action/index.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/actions/delete-action/index.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/actions/download-action/index.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/actions/edit-action/index.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-icon-element/index.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js +1 -1
- package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.js +1 -1
- package/dist/es2019/view/LinkUrl/index.js +1 -1
- package/dist/es2019/view/common/Icon.js +1 -1
- package/dist/esm/__tests__/vr-tests/__snapshots__/block-card/block-card-unauthorised-view-with-experiment--default--platform-sl-3p-unauth-paste-as-block-card-card-by-default-and-new-design.png +2 -2
- package/dist/esm/__tests__/vr-tests/__snapshots__/card-ssr/block-card-ssr--default.png +2 -2
- package/dist/esm/extractors/common/icon/extractIcon.js +1 -1
- package/dist/esm/ssr.js +4 -12
- package/dist/esm/utils/analytics/analytics.js +1 -1
- package/dist/esm/view/EmbedCard/views/ResolvedView.js +1 -1
- package/dist/esm/view/EmbedCard/views/unresolved-view/index.js +1 -1
- package/dist/esm/view/EmbedModal/components/link-info/index.compiled.css +15 -1
- package/dist/esm/view/EmbedModal/components/link-info/index.js +108 -1
- package/dist/esm/view/EmbedModal/index.js +13 -4
- package/dist/esm/view/FlexibleCard/components/actions/ai-summary-action/copy-summary-action.js +1 -1
- package/dist/esm/view/FlexibleCard/components/actions/copy-link-action/index.js +1 -1
- package/dist/esm/view/FlexibleCard/components/actions/delete-action/index.js +1 -1
- package/dist/esm/view/FlexibleCard/components/actions/download-action/index.js +1 -1
- package/dist/esm/view/FlexibleCard/components/actions/edit-action/index.js +1 -1
- package/dist/esm/view/FlexibleCard/components/elements/common/base-icon-element/index.js +1 -1
- package/dist/esm/view/FlexibleCard/components/elements/common/base-lozenge-element/lozenge-action/lozenge-action-trigger/index.js +1 -1
- package/dist/esm/view/InlineCard/IconAndTitleLayout/index.js +1 -1
- package/dist/esm/view/LinkUrl/index.js +1 -1
- package/dist/esm/view/common/Icon.js +1 -1
- package/dist/types/view/EmbedModal/components/link-info/index.d.ts +7 -2
- package/dist/types/view/EmbedModal/components/link-info/types.d.ts +2 -0
- package/dist/types-ts4.5/view/EmbedModal/components/link-info/index.d.ts +7 -2
- package/dist/types-ts4.5/view/EmbedModal/components/link-info/types.d.ts +2 -0
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/smart-card
|
|
2
2
|
|
|
3
|
+
## 43.17.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`9123fad528082`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9123fad528082) -
|
|
8
|
+
Icon entry point migration update
|
|
9
|
+
- [`e26f43c629062`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e26f43c629062) -
|
|
10
|
+
Clean up platform_editor_inline_card_selected_state_fix feature flag
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
13
|
+
## 43.17.6
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- [`d98bc05f882bd`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d98bc05f882bd) -
|
|
18
|
+
Fix a11y embed modal items should be in unordered list. Behind fg
|
|
19
|
+
platform_navx_sl_a11y_embed_modal
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
3
22
|
## 43.17.5
|
|
4
23
|
|
|
5
24
|
### Patch Changes
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
version https://git-lfs.github.com/spec/v1
|
|
2
|
-
oid sha256:
|
|
3
|
-
size
|
|
2
|
+
oid sha256:7539dc58765cc3a644800473955f56a8410e7750b326a8a043680cfe70263d8a
|
|
3
|
+
size 95118
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
version https://git-lfs.github.com/spec/v1
|
|
2
|
-
oid sha256:
|
|
3
|
-
size
|
|
2
|
+
oid sha256:913988a97d9d0de73709ab6a078ad6d16e6e8bad73a240669ad03dc7e3326fe9
|
|
3
|
+
size 2574
|
|
@@ -11,7 +11,7 @@ var _2 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/code/16"));
|
|
|
11
11
|
var _3 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/commit/16"));
|
|
12
12
|
var _4 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/pull-request/16"));
|
|
13
13
|
var _5 = _interopRequireDefault(require("@atlaskit/icon-object/glyph/task/16"));
|
|
14
|
-
var _peopleGroup = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
14
|
+
var _peopleGroup = _interopRequireDefault(require("@atlaskit/icon/core/people-group"));
|
|
15
15
|
var _linkExtractors = require("@atlaskit/link-extractors");
|
|
16
16
|
var _utils = require("../../../utils");
|
|
17
17
|
var _extractTaskType = require("../lozenge/extractTaskType");
|
package/dist/cjs/ssr.js
CHANGED
|
@@ -12,7 +12,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var _reactErrorBoundary = require("react-error-boundary");
|
|
13
13
|
var _uuid = _interopRequireDefault(require("uuid"));
|
|
14
14
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
15
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
16
15
|
var _analytics = require("./utils/analytics/analytics");
|
|
17
16
|
var _component = require("./view/CardWithUrl/component");
|
|
18
17
|
var _LoadingCardLink = require("./view/CardWithUrl/component-lazy/LoadingCardLink");
|
|
@@ -40,19 +39,12 @@ var CardSSR = exports.CardSSR = function CardSSR(props) {
|
|
|
40
39
|
}
|
|
41
40
|
return /*#__PURE__*/_react.default.createElement(_LoadingCardLink.LoadingCardLink, cardProps);
|
|
42
41
|
};
|
|
43
|
-
|
|
44
|
-
var Component = cardProps.appearance === 'inline' ? 'span' : 'div';
|
|
45
|
-
return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
|
|
46
|
-
data: _analytics.context
|
|
47
|
-
}, /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
|
|
48
|
-
FallbackComponent: errorBoundaryFallbackComponent
|
|
49
|
-
}, /*#__PURE__*/_react.default.createElement(Component, {
|
|
50
|
-
className: "loader-wrapper"
|
|
51
|
-
}, /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, cardProps))));
|
|
52
|
-
}
|
|
42
|
+
var Component = cardProps.appearance === 'inline' ? 'span' : 'div';
|
|
53
43
|
return /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsContext, {
|
|
54
44
|
data: _analytics.context
|
|
55
45
|
}, /*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
|
|
56
46
|
FallbackComponent: errorBoundaryFallbackComponent
|
|
57
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
47
|
+
}, /*#__PURE__*/_react.default.createElement(Component, {
|
|
48
|
+
className: "loader-wrapper"
|
|
49
|
+
}, /*#__PURE__*/_react.default.createElement(_component.CardWithUrlContent, cardProps))));
|
|
58
50
|
};
|
|
@@ -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.6"
|
|
15
15
|
};
|
|
16
16
|
var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
17
17
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.EmbedCardResolvedView = void 0;
|
|
8
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
var _link = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
10
|
+
var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
|
|
11
11
|
var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
|
|
12
12
|
var _tokens = require("@atlaskit/tokens");
|
|
13
13
|
var _utils = require("../../../utils");
|
|
@@ -11,7 +11,7 @@ require("./index.compiled.css");
|
|
|
11
11
|
var _runtime = require("@compiled/react/runtime");
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
13
|
var _heading = _interopRequireDefault(require("@atlaskit/heading"));
|
|
14
|
-
var _link = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
14
|
+
var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
|
|
15
15
|
var _ExpandedFrame = require("../../components/ExpandedFrame");
|
|
16
16
|
var _ImageIcon = require("../../components/ImageIcon");
|
|
17
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); }
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
|
|
2
|
+
._qtt8glyw{list-style:none}
|
|
2
3
|
._zulp1b66{gap:var(--ds-space-050,4px)}
|
|
3
4
|
._zulpu2gc{gap:var(--ds-space-100,8px)}._11hh1tcg [data-smart-element-icon] svg{min-width:24px}
|
|
4
5
|
._15iz1tcg span{min-height:24px}
|
|
5
6
|
._16jlidpf{flex-grow:0}
|
|
6
7
|
._16jlkb7n{flex-grow:1}
|
|
7
8
|
._17521tcg svg{height:24px}
|
|
9
|
+
._18u0ze3t{margin-left:var(--ds-space-0,0)}
|
|
8
10
|
._19bv1ejb{padding-left:var(--ds-space-300,24px)}
|
|
11
|
+
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
9
12
|
._19l31tcg img{max-height:24px}
|
|
13
|
+
._19pkidpf{margin-top:0}
|
|
14
|
+
._19pkze3t{margin-top:var(--ds-space-0,0)}
|
|
10
15
|
._1bah1h6o{justify-content:center}
|
|
11
16
|
._1bnm1tcg [data-smart-element-icon] svg{height:24px}
|
|
12
17
|
._1bsb1tcg{width:24px}
|
|
@@ -15,6 +20,7 @@
|
|
|
15
20
|
._1h1b1tcg [data-smart-element-icon] span{width:24px}
|
|
16
21
|
._1mj01tcg [data-smart-element-icon] img{max-width:24px}
|
|
17
22
|
._1o9zidpf{flex-shrink:0}
|
|
23
|
+
._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
|
|
18
24
|
._1pr21tcg span{max-height:24px}
|
|
19
25
|
._1q121tcg [data-smart-element-icon] img{max-height:24px}
|
|
20
26
|
._1r9c1tcg [data-smart-element-icon] span{max-width:24px}
|
|
@@ -27,14 +33,19 @@
|
|
|
27
33
|
._1xch1tcg [data-smart-element-icon] svg{max-width:24px}
|
|
28
34
|
._1xjx1tcg span{height:24px}
|
|
29
35
|
._1xyl1tcg [data-smart-element-icon] img{width:24px}
|
|
36
|
+
._2hwxze3t{margin-right:var(--ds-space-0,0)}
|
|
30
37
|
._2lx21bp4{flex-direction:column}
|
|
31
38
|
._2s1x1tcg [data-smart-element-icon] span{max-height:24px}
|
|
39
|
+
._4cvr1h6o{align-items:center}
|
|
32
40
|
._4t3i1tcg{height:24px}
|
|
33
41
|
._4x201tcg svg{max-width:24px}
|
|
42
|
+
._6rthze3t{margin-block-end:var(--ds-space-0,0)}
|
|
34
43
|
._b8nk1tcg span{max-width:24px}
|
|
35
44
|
._bna71tcg img{height:24px}
|
|
45
|
+
._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
|
|
36
46
|
._c71l1tcg{max-height:24px}
|
|
37
47
|
._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
|
|
48
|
+
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
38
49
|
._e2oo1tcg span{width:24px}
|
|
39
50
|
._erub1tcg svg{min-height:24px}
|
|
40
51
|
._gire1tcg [data-smart-element-icon] img{height:24px}
|
|
@@ -43,16 +54,19 @@
|
|
|
43
54
|
._jbhf1tcg [data-smart-element-icon] span{min-width:24px}
|
|
44
55
|
._mezj1tcg img{width:24px}
|
|
45
56
|
._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
|
|
57
|
+
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
58
|
+
._otyrze3t{margin-bottom:var(--ds-space-0,0)}
|
|
46
59
|
._p12f1tcg{max-width:24px}
|
|
47
60
|
._prfw1tcg [data-smart-element-icon] svg{width:24px}
|
|
48
61
|
._q7cv1tcg span{min-width:24px}
|
|
49
62
|
._qci81tcg img{min-height:24px}
|
|
50
63
|
._rtys1tcg img{max-width:24px}
|
|
51
64
|
._u5f31ejb{padding-right:var(--ds-space-300,24px)}
|
|
65
|
+
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
52
66
|
._v5981tcg [data-smart-element-icon] span{min-height:24px}
|
|
53
67
|
._w8l51tcg svg{width:24px}
|
|
54
68
|
._x9xj1tcg [data-smart-element-icon] img{min-height:24px}
|
|
55
69
|
._xwbj1tcg svg{min-width:24px}
|
|
56
70
|
._yrry1tcg [data-smart-element-icon] span{height:24px}
|
|
57
71
|
._z15s1tcg [data-smart-element-icon] svg{min-height:24px}
|
|
58
|
-
@media only screen and (max-width:980px){._3kllglyw .smart-link-resize-button{display:none}}
|
|
72
|
+
@media only screen and (max-width:980px){._1dt6glyw{display:none}._3kllglyw .smart-link-resize-button{display:none}}
|
|
@@ -18,6 +18,7 @@ var _fullscreenExit = _interopRequireDefault(require("@atlaskit/icon/core/fullsc
|
|
|
18
18
|
var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
|
|
19
19
|
var _modalDialog = require("@atlaskit/modal-dialog");
|
|
20
20
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
21
|
+
var _platformFeatureFlagsReact = require("@atlaskit/platform-feature-flags-react");
|
|
21
22
|
var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
|
|
22
23
|
var _messages = require("../../../../messages");
|
|
23
24
|
var _Icon = require("../../../common/Icon");
|
|
@@ -33,6 +34,9 @@ var iconSize = '24px';
|
|
|
33
34
|
var iconCss = null;
|
|
34
35
|
var titleCss = null;
|
|
35
36
|
var actionCss = null;
|
|
37
|
+
var buttonGroupCss = null;
|
|
38
|
+
var listItemCSS = null;
|
|
39
|
+
var resizeButtonCss = null;
|
|
36
40
|
var LinkInfo = function LinkInfo(_ref) {
|
|
37
41
|
var icon = _ref.icon,
|
|
38
42
|
providerName = _ref.providerName,
|
|
@@ -137,4 +141,107 @@ var LinkInfo = function LinkInfo(_ref) {
|
|
|
137
141
|
testId: testId
|
|
138
142
|
}))));
|
|
139
143
|
};
|
|
140
|
-
var
|
|
144
|
+
var LinkInfoNew = function LinkInfoNew(_ref2) {
|
|
145
|
+
var focusRef = _ref2.focusRef,
|
|
146
|
+
icon = _ref2.icon,
|
|
147
|
+
providerName = _ref2.providerName,
|
|
148
|
+
onDownloadButtonClick = _ref2.onDownloadButtonClick,
|
|
149
|
+
onResizeButtonClick = _ref2.onResizeButtonClick,
|
|
150
|
+
onViewButtonClick = _ref2.onViewButtonClick,
|
|
151
|
+
size = _ref2.size,
|
|
152
|
+
testId = _ref2.testId,
|
|
153
|
+
title = _ref2.title;
|
|
154
|
+
var _useModal2 = (0, _modalDialog.useModal)(),
|
|
155
|
+
onClose = _useModal2.onClose;
|
|
156
|
+
var _useIntl2 = (0, _reactIntlNext.useIntl)(),
|
|
157
|
+
formatMessage = _useIntl2.formatMessage;
|
|
158
|
+
var downloadButton = (0, _react.useMemo)(function () {
|
|
159
|
+
return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
|
|
160
|
+
content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.download),
|
|
161
|
+
icon: function icon() {
|
|
162
|
+
return /*#__PURE__*/_react.default.createElement(_download.default, {
|
|
163
|
+
label: "",
|
|
164
|
+
spacing: "spacious",
|
|
165
|
+
color: "currentColor"
|
|
166
|
+
});
|
|
167
|
+
},
|
|
168
|
+
label: _messages.messages.download,
|
|
169
|
+
onClick: onDownloadButtonClick,
|
|
170
|
+
testId: "".concat(testId, "-download")
|
|
171
|
+
});
|
|
172
|
+
}, [onDownloadButtonClick, testId]);
|
|
173
|
+
var urlButton = (0, _react.useMemo)(function () {
|
|
174
|
+
if (onViewButtonClick) {
|
|
175
|
+
var content = providerName ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.viewIn), " ", providerName) : /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.viewOriginal);
|
|
176
|
+
return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
|
|
177
|
+
content: content,
|
|
178
|
+
icon: function icon() {
|
|
179
|
+
return /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
|
|
180
|
+
label: "",
|
|
181
|
+
spacing: "spacious",
|
|
182
|
+
color: "currentColor"
|
|
183
|
+
});
|
|
184
|
+
},
|
|
185
|
+
label: _messages.messages.viewOriginal,
|
|
186
|
+
onClick: onViewButtonClick,
|
|
187
|
+
testId: "".concat(testId, "-url")
|
|
188
|
+
});
|
|
189
|
+
}
|
|
190
|
+
}, [onViewButtonClick, providerName, testId]);
|
|
191
|
+
var sizeButton = (0, _react.useMemo)(function () {
|
|
192
|
+
var isFullScreen = size === _constants.MAX_MODAL_SIZE;
|
|
193
|
+
var message = isFullScreen ? _messages.messages.preview_min_size : _messages.messages.preview_max_size;
|
|
194
|
+
var _icon2 = isFullScreen ? /*#__PURE__*/_react.default.createElement(_fullscreenExit.default, {
|
|
195
|
+
label: "",
|
|
196
|
+
spacing: "spacious",
|
|
197
|
+
color: "currentColor"
|
|
198
|
+
}) : /*#__PURE__*/_react.default.createElement(_fullscreenEnter.default, {
|
|
199
|
+
label: "",
|
|
200
|
+
spacing: "spacious",
|
|
201
|
+
color: "currentColor"
|
|
202
|
+
});
|
|
203
|
+
return /*#__PURE__*/_react.default.createElement(_linkInfoButton.default, {
|
|
204
|
+
content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, message),
|
|
205
|
+
icon: function icon() {
|
|
206
|
+
return _icon2;
|
|
207
|
+
},
|
|
208
|
+
label: message,
|
|
209
|
+
onClick: onResizeButtonClick,
|
|
210
|
+
testId: "".concat(testId, "-resize")
|
|
211
|
+
});
|
|
212
|
+
}, [onResizeButtonClick, size, testId]);
|
|
213
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
214
|
+
className: (0, _runtime.ax)(["_zulpu2gc _1e0c1txw _19bv1ejb _u5f31ejb _ca0q1ejb _n3tdpxbi _1wpz1fhb _4t3i1tcg"])
|
|
215
|
+
}, icon && /*#__PURE__*/_react.default.createElement("div", {
|
|
216
|
+
"data-testid": "".concat(testId, "-icon"),
|
|
217
|
+
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
|
+
}, /*#__PURE__*/_react.default.createElement(_Icon.Icon, icon)), /*#__PURE__*/_react.default.createElement("div", {
|
|
219
|
+
className: (0, _runtime.ax)(["_16jlkb7n _1o9zidpf _i0dlf1ug _1e0c1txw _2lx21bp4 _1bah1h6o _1wpz1fhb"])
|
|
220
|
+
}, /*#__PURE__*/_react.default.createElement(_heading.default, {
|
|
221
|
+
size: "small",
|
|
222
|
+
color: "color.text",
|
|
223
|
+
ref: focusRef,
|
|
224
|
+
testId: "".concat(testId, "-title")
|
|
225
|
+
}, title)), /*#__PURE__*/_react.default.createElement("ul", {
|
|
226
|
+
role: "list",
|
|
227
|
+
className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _zulp1b66 _qtt8glyw _1e0c1txw _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _1pfhze3t _6rthze3t _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _bozgze3t"])
|
|
228
|
+
}, onDownloadButtonClick && /*#__PURE__*/_react.default.createElement("li", {
|
|
229
|
+
className: (0, _runtime.ax)(["_4cvr1h6o _19pkidpf"])
|
|
230
|
+
}, downloadButton), /*#__PURE__*/_react.default.createElement("li", {
|
|
231
|
+
className: (0, _runtime.ax)(["_4cvr1h6o _19pkidpf"])
|
|
232
|
+
}, urlButton), /*#__PURE__*/_react.default.createElement("li", {
|
|
233
|
+
className: (0, _runtime.ax)(["_4cvr1h6o _19pkidpf", "_1dt6glyw"])
|
|
234
|
+
}, sizeButton), /*#__PURE__*/_react.default.createElement("li", {
|
|
235
|
+
className: (0, _runtime.ax)(["_4cvr1h6o _19pkidpf"])
|
|
236
|
+
}, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
237
|
+
content: /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.preview_close),
|
|
238
|
+
hideTooltipOnClick: true,
|
|
239
|
+
tag: "span",
|
|
240
|
+
testId: "".concat(testId, "-close-tooltip")
|
|
241
|
+
}, /*#__PURE__*/_react.default.createElement(_modalDialog.CloseButton, {
|
|
242
|
+
onClick: onClose,
|
|
243
|
+
label: formatMessage(_messages.messages.preview_close),
|
|
244
|
+
testId: testId
|
|
245
|
+
})))));
|
|
246
|
+
};
|
|
247
|
+
var _default = exports.default = (0, _platformFeatureFlagsReact.componentWithFG)('platform_navx_sl_a11y_embed_modal', LinkInfoNew, LinkInfo);
|
|
@@ -10,6 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
|
|
13
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
14
|
var _tokens = require("@atlaskit/tokens");
|
|
14
15
|
var _constants = require("../../constants");
|
|
15
16
|
var _useInvokeClientAction = _interopRequireDefault(require("../../state/hooks/use-invoke-client-action"));
|
|
@@ -60,6 +61,9 @@ var EmbedModal = function EmbedModal(_ref) {
|
|
|
60
61
|
width = _useState4[0],
|
|
61
62
|
setWidth = _useState4[1];
|
|
62
63
|
var openAt = (0, _react.useRef)();
|
|
64
|
+
var focusRef = (0, _platformFeatureFlags.fg)('platform_navx_sl_a11y_embed_modal') ?
|
|
65
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
66
|
+
(0, _react.useRef)(null) : undefined;
|
|
63
67
|
var invoke = (0, _useInvokeClientAction.default)({
|
|
64
68
|
fireEvent: fireEvent
|
|
65
69
|
});
|
|
@@ -103,7 +107,9 @@ var EmbedModal = function EmbedModal(_ref) {
|
|
|
103
107
|
if (previewUrl && isSupportTheming) {
|
|
104
108
|
previewUrl = (0, _utils.getPreviewUrlWithTheme)(previewUrl, themeState);
|
|
105
109
|
}
|
|
106
|
-
return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
|
|
110
|
+
return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, (0, _extends2.default)({}, (0, _platformFeatureFlags.fg)('platform_navx_sl_a11y_embed_modal') ? {
|
|
111
|
+
autoFocus: focusRef
|
|
112
|
+
} : undefined, {
|
|
107
113
|
height: "100%",
|
|
108
114
|
onClose: handleOnClose,
|
|
109
115
|
onCloseComplete: handleOnCloseComplete,
|
|
@@ -112,13 +118,16 @@ var EmbedModal = function EmbedModal(_ref) {
|
|
|
112
118
|
width: width,
|
|
113
119
|
label: title,
|
|
114
120
|
isBlanketHidden: isBlanketHidden
|
|
115
|
-
}, /*#__PURE__*/_react.default.createElement(_linkInfo.default, {
|
|
121
|
+
}), /*#__PURE__*/_react.default.createElement(_linkInfo.default, (0, _extends2.default)({
|
|
116
122
|
icon: linkIcon && {
|
|
117
123
|
icon: /*#__PURE__*/_react.default.createElement(_common.BaseIconElement, (0, _extends2.default)({}, linkIcon, {
|
|
118
124
|
size: _constants.SmartLinkSize.Large
|
|
119
125
|
})),
|
|
120
126
|
isFlexibleUi: true
|
|
121
|
-
}
|
|
127
|
+
}
|
|
128
|
+
}, (0, _platformFeatureFlags.fg)('platform_navx_sl_a11y_embed_modal') ? {
|
|
129
|
+
focusRef: focusRef
|
|
130
|
+
} : undefined, {
|
|
122
131
|
providerName: providerName,
|
|
123
132
|
onViewButtonClick: invokeViewAction ? handleOnViewActionClick : undefined,
|
|
124
133
|
onDownloadButtonClick: invokeDownloadAction ? handleOnDownloadActionClick : undefined,
|
|
@@ -126,7 +135,7 @@ var EmbedModal = function EmbedModal(_ref) {
|
|
|
126
135
|
size: width,
|
|
127
136
|
title: title,
|
|
128
137
|
testId: testId
|
|
129
|
-
}), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_embedContent.default, {
|
|
138
|
+
})), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, /*#__PURE__*/_react.default.createElement(_embedContent.default, {
|
|
130
139
|
isTrusted: isTrusted,
|
|
131
140
|
name: iframeName,
|
|
132
141
|
src: previewUrl,
|
package/dist/cjs/view/FlexibleCard/components/actions/ai-summary-action/copy-summary-action.js
CHANGED
|
@@ -13,7 +13,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
13
13
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
14
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
15
|
var _reactIntlNext = require("react-intl-next");
|
|
16
|
-
var _copy = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
16
|
+
var _copy = _interopRequireDefault(require("@atlaskit/icon/core/copy"));
|
|
17
17
|
var _useAnalyticsEvents2 = require("../../../../../common/analytics/generated/use-analytics-events");
|
|
18
18
|
var _messages = require("../../../../../messages");
|
|
19
19
|
var _action = _interopRequireDefault(require("../action"));
|
|
@@ -14,7 +14,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
14
14
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
15
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
16
16
|
var _reactIntlNext = require("react-intl-next");
|
|
17
|
-
var _link = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
17
|
+
var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
|
|
18
18
|
var _constants = require("../../../../../constants");
|
|
19
19
|
var _messages = require("../../../../../messages");
|
|
20
20
|
var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
|
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _reactIntlNext = require("react-intl-next");
|
|
11
|
-
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
11
|
+
var _cross = _interopRequireDefault(require("@atlaskit/icon/core/cross"));
|
|
12
12
|
var _messages = require("../../../../../messages");
|
|
13
13
|
var _action = _interopRequireDefault(require("../action"));
|
|
14
14
|
var DeleteAction = function DeleteAction(props) {
|
|
@@ -10,7 +10,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _reactIntlNext = require("react-intl-next");
|
|
13
|
-
var _download = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
13
|
+
var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
|
|
14
14
|
var _constants = require("../../../../../constants");
|
|
15
15
|
var _messages = require("../../../../../messages");
|
|
16
16
|
var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
|
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _reactIntlNext = require("react-intl-next");
|
|
11
|
-
var _edit = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
11
|
+
var _edit = _interopRequireDefault(require("@atlaskit/icon/core/edit"));
|
|
12
12
|
var _messages = require("../../../../../messages");
|
|
13
13
|
var _action = _interopRequireDefault(require("../action"));
|
|
14
14
|
var EditAction = function EditAction(props) {
|
|
@@ -13,7 +13,7 @@ var React = _react;
|
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
15
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
16
|
-
var _link = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
16
|
+
var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
|
|
17
17
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
18
18
|
var _tile = _interopRequireDefault(require("@atlaskit/tile"));
|
|
19
19
|
var _constants = require("../../../../../../constants");
|
|
@@ -16,7 +16,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
16
16
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
17
|
var _react2 = require("@compiled/react");
|
|
18
18
|
var _reactIntlNext = require("react-intl-next");
|
|
19
|
-
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
19
|
+
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
|
|
20
20
|
var _lozenge = _interopRequireDefault(require("@atlaskit/lozenge"));
|
|
21
21
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
22
22
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
@@ -15,7 +15,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
15
15
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
16
16
|
var _reactMagneticDi = require("react-magnetic-di");
|
|
17
17
|
var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
|
|
18
|
-
var _link = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
18
|
+
var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
|
|
19
19
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
20
20
|
var _colors = require("@atlaskit/theme/colors");
|
|
21
21
|
var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
|
|
@@ -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.6",
|
|
26
26
|
componentName: 'linkUrl'
|
|
27
27
|
};
|
|
28
28
|
var Anchor = (0, _click.withLinkClickedEvent)('a');
|
|
@@ -10,7 +10,7 @@ require("./Icon.compiled.css");
|
|
|
10
10
|
var _runtime = require("@compiled/react/runtime");
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _reactRenderImage = _interopRequireDefault(require("react-render-image"));
|
|
13
|
-
var _link = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
13
|
+
var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
|
|
14
14
|
/**
|
|
15
15
|
* Class name for selecting non-flexible block card icon image
|
|
16
16
|
*
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
version https://git-lfs.github.com/spec/v1
|
|
2
|
-
oid sha256:
|
|
3
|
-
size
|
|
2
|
+
oid sha256:7539dc58765cc3a644800473955f56a8410e7750b326a8a043680cfe70263d8a
|
|
3
|
+
size 95118
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
version https://git-lfs.github.com/spec/v1
|
|
2
|
-
oid sha256:
|
|
3
|
-
size
|
|
2
|
+
oid sha256:913988a97d9d0de73709ab6a078ad6d16e6e8bad73a240669ad03dc7e3326fe9
|
|
3
|
+
size 2574
|
|
@@ -4,7 +4,7 @@ import RepoIcon from '@atlaskit/icon-object/glyph/code/16';
|
|
|
4
4
|
import CommitIcon from '@atlaskit/icon-object/glyph/commit/16';
|
|
5
5
|
import PullRequestIcon from '@atlaskit/icon-object/glyph/pull-request/16';
|
|
6
6
|
import TaskIcon from '@atlaskit/icon-object/glyph/task/16';
|
|
7
|
-
import PeopleGroupIcon from '@atlaskit/icon/core/
|
|
7
|
+
import PeopleGroupIcon from '@atlaskit/icon/core/people-group';
|
|
8
8
|
import { extractProvider, extractTitle, extractUrlFromIconJsonLd } from '@atlaskit/link-extractors';
|
|
9
9
|
import { getIconForFileType } from '../../../utils';
|
|
10
10
|
import { extractTaskType } from '../lozenge/extractTaskType';
|
package/dist/es2019/ssr.js
CHANGED
|
@@ -3,7 +3,6 @@ import { ErrorBoundary } from 'react-error-boundary';
|
|
|
3
3
|
// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
|
|
4
4
|
import uuid from 'uuid';
|
|
5
5
|
import { AnalyticsContext } from '@atlaskit/analytics-next';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import { context } from './utils/analytics/analytics';
|
|
8
7
|
import { CardWithUrlContent } from './view/CardWithUrl/component';
|
|
9
8
|
import { LoadingCardLink } from './view/CardWithUrl/component-lazy/LoadingCardLink';
|
|
@@ -27,19 +26,12 @@ export const CardSSR = props => {
|
|
|
27
26
|
}
|
|
28
27
|
return /*#__PURE__*/React.createElement(LoadingCardLink, cardProps);
|
|
29
28
|
};
|
|
30
|
-
|
|
31
|
-
const Component = cardProps.appearance === 'inline' ? 'span' : 'div';
|
|
32
|
-
return /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
33
|
-
data: context
|
|
34
|
-
}, /*#__PURE__*/React.createElement(ErrorBoundary, {
|
|
35
|
-
FallbackComponent: errorBoundaryFallbackComponent
|
|
36
|
-
}, /*#__PURE__*/React.createElement(Component, {
|
|
37
|
-
className: "loader-wrapper"
|
|
38
|
-
}, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps))));
|
|
39
|
-
}
|
|
29
|
+
const Component = cardProps.appearance === 'inline' ? 'span' : 'div';
|
|
40
30
|
return /*#__PURE__*/React.createElement(AnalyticsContext, {
|
|
41
31
|
data: context
|
|
42
32
|
}, /*#__PURE__*/React.createElement(ErrorBoundary, {
|
|
43
33
|
FallbackComponent: errorBoundaryFallbackComponent
|
|
44
|
-
}, /*#__PURE__*/React.createElement(
|
|
34
|
+
}, /*#__PURE__*/React.createElement(Component, {
|
|
35
|
+
className: "loader-wrapper"
|
|
36
|
+
}, /*#__PURE__*/React.createElement(CardWithUrlContent, cardProps))));
|
|
45
37
|
};
|
|
@@ -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.6"
|
|
6
6
|
};
|
|
7
7
|
export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
|
|
8
8
|
TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import LinkGlyph from '@atlaskit/icon/core/
|
|
2
|
+
import LinkGlyph from '@atlaskit/icon/core/link';
|
|
3
3
|
import { componentWithFG } from '@atlaskit/platform-feature-flags-react';
|
|
4
4
|
import { useThemeObserver } from '@atlaskit/tokens';
|
|
5
5
|
import { getPreviewUrlWithTheme, isProfileType } from '../../../utils';
|
|
@@ -3,7 +3,7 @@ import "./index.compiled.css";
|
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useMemo } from 'react';
|
|
5
5
|
import Heading from '@atlaskit/heading';
|
|
6
|
-
import LinkGlyph from '@atlaskit/icon/core/
|
|
6
|
+
import LinkGlyph from '@atlaskit/icon/core/link';
|
|
7
7
|
import { ExpandedFrame } from '../../components/ExpandedFrame';
|
|
8
8
|
import { ImageIcon } from '../../components/ImageIcon';
|
|
9
9
|
const containerStyles = null;
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
|
|
2
|
+
._qtt8glyw{list-style:none}
|
|
2
3
|
._zulp1b66{gap:var(--ds-space-050,4px)}
|
|
3
4
|
._zulpu2gc{gap:var(--ds-space-100,8px)}._11hh1tcg [data-smart-element-icon] svg{min-width:24px}
|
|
4
5
|
._15iz1tcg span{min-height:24px}
|
|
5
6
|
._16jlidpf{flex-grow:0}
|
|
6
7
|
._16jlkb7n{flex-grow:1}
|
|
7
8
|
._17521tcg svg{height:24px}
|
|
9
|
+
._18u0ze3t{margin-left:var(--ds-space-0,0)}
|
|
8
10
|
._19bv1ejb{padding-left:var(--ds-space-300,24px)}
|
|
11
|
+
._19bvze3t{padding-left:var(--ds-space-0,0)}
|
|
9
12
|
._19l31tcg img{max-height:24px}
|
|
13
|
+
._19pkidpf{margin-top:0}
|
|
14
|
+
._19pkze3t{margin-top:var(--ds-space-0,0)}
|
|
10
15
|
._1bah1h6o{justify-content:center}
|
|
11
16
|
._1bnm1tcg [data-smart-element-icon] svg{height:24px}
|
|
12
17
|
._1bsb1tcg{width:24px}
|
|
@@ -15,6 +20,7 @@
|
|
|
15
20
|
._1h1b1tcg [data-smart-element-icon] span{width:24px}
|
|
16
21
|
._1mj01tcg [data-smart-element-icon] img{max-width:24px}
|
|
17
22
|
._1o9zidpf{flex-shrink:0}
|
|
23
|
+
._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
|
|
18
24
|
._1pr21tcg span{max-height:24px}
|
|
19
25
|
._1q121tcg [data-smart-element-icon] img{max-height:24px}
|
|
20
26
|
._1r9c1tcg [data-smart-element-icon] span{max-width:24px}
|
|
@@ -27,14 +33,19 @@
|
|
|
27
33
|
._1xch1tcg [data-smart-element-icon] svg{max-width:24px}
|
|
28
34
|
._1xjx1tcg span{height:24px}
|
|
29
35
|
._1xyl1tcg [data-smart-element-icon] img{width:24px}
|
|
36
|
+
._2hwxze3t{margin-right:var(--ds-space-0,0)}
|
|
30
37
|
._2lx21bp4{flex-direction:column}
|
|
31
38
|
._2s1x1tcg [data-smart-element-icon] span{max-height:24px}
|
|
39
|
+
._4cvr1h6o{align-items:center}
|
|
32
40
|
._4t3i1tcg{height:24px}
|
|
33
41
|
._4x201tcg svg{max-width:24px}
|
|
42
|
+
._6rthze3t{margin-block-end:var(--ds-space-0,0)}
|
|
34
43
|
._b8nk1tcg span{max-width:24px}
|
|
35
44
|
._bna71tcg img{height:24px}
|
|
45
|
+
._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
|
|
36
46
|
._c71l1tcg{max-height:24px}
|
|
37
47
|
._ca0q1ejb{padding-top:var(--ds-space-300,24px)}
|
|
48
|
+
._ca0qze3t{padding-top:var(--ds-space-0,0)}
|
|
38
49
|
._e2oo1tcg span{width:24px}
|
|
39
50
|
._erub1tcg svg{min-height:24px}
|
|
40
51
|
._gire1tcg [data-smart-element-icon] img{height:24px}
|
|
@@ -43,16 +54,19 @@
|
|
|
43
54
|
._jbhf1tcg [data-smart-element-icon] span{min-width:24px}
|
|
44
55
|
._mezj1tcg img{width:24px}
|
|
45
56
|
._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
|
|
57
|
+
._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
|
|
58
|
+
._otyrze3t{margin-bottom:var(--ds-space-0,0)}
|
|
46
59
|
._p12f1tcg{max-width:24px}
|
|
47
60
|
._prfw1tcg [data-smart-element-icon] svg{width:24px}
|
|
48
61
|
._q7cv1tcg span{min-width:24px}
|
|
49
62
|
._qci81tcg img{min-height:24px}
|
|
50
63
|
._rtys1tcg img{max-width:24px}
|
|
51
64
|
._u5f31ejb{padding-right:var(--ds-space-300,24px)}
|
|
65
|
+
._u5f3ze3t{padding-right:var(--ds-space-0,0)}
|
|
52
66
|
._v5981tcg [data-smart-element-icon] span{min-height:24px}
|
|
53
67
|
._w8l51tcg svg{width:24px}
|
|
54
68
|
._x9xj1tcg [data-smart-element-icon] img{min-height:24px}
|
|
55
69
|
._xwbj1tcg svg{min-width:24px}
|
|
56
70
|
._yrry1tcg [data-smart-element-icon] span{height:24px}
|
|
57
71
|
._z15s1tcg [data-smart-element-icon] svg{min-height:24px}
|
|
58
|
-
@media only screen and (max-width:980px){._3kllglyw .smart-link-resize-button{display:none}}
|
|
72
|
+
@media only screen and (max-width:980px){._1dt6glyw{display:none}._3kllglyw .smart-link-resize-button{display:none}}
|