@atlaskit/smart-card 34.8.0 → 34.10.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.
Files changed (89) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/cjs/constants.js +1 -0
  3. package/dist/cjs/extractors/common/icon/extractIconFromDocument.js +26 -4
  4. package/dist/cjs/extractors/flexible/icon/extract-document-type-icon.js +28 -5
  5. package/dist/cjs/extractors/flexible/icon/extract-jsonld-data-icon.js +1 -1
  6. package/dist/cjs/messages.js +20 -0
  7. package/dist/cjs/utils/analytics/analytics.js +1 -1
  8. package/dist/cjs/utils/flexible.js +9 -9
  9. package/dist/cjs/utils/index.js +33 -22
  10. package/dist/cjs/view/EmbedCard/components/styled.compiled.css +4 -1
  11. package/dist/cjs/view/EmbedCard/components/styled.js +1 -1
  12. package/dist/cjs/view/EmbedCard/views/unresolved-view/index.compiled.css +4 -1
  13. package/dist/cjs/view/EmbedCard/views/unresolved-view/index.js +1 -1
  14. package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css +4 -1
  15. package/dist/cjs/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js +1 -1
  16. package/dist/cjs/view/FlexibleCard/components/blocks/action-block/action-footer/index.compiled.css +3 -1
  17. package/dist/cjs/view/FlexibleCard/components/blocks/action-block/action-footer/index.js +1 -1
  18. package/dist/cjs/view/FlexibleCard/components/common/atlaskit-icon/index.js +25 -16
  19. package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js +2 -1
  20. package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js +1 -1
  21. package/dist/cjs/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/types.js +3 -0
  22. package/dist/cjs/view/FlexibleCard/utils.js +3 -2
  23. package/dist/cjs/view/InlineCard/ForbiddenView/index.compiled.css +5 -2
  24. package/dist/cjs/view/InlineCard/ForbiddenView/index.js +1 -1
  25. package/dist/cjs/view/LinkUrl/index.js +1 -1
  26. package/dist/cjs/view/common/ai-prism/ai-glowing-border/index.compiled.css +5 -2
  27. package/dist/cjs/view/common/ai-prism/ai-glowing-border/index.js +1 -1
  28. package/dist/es2019/constants.js +1 -0
  29. package/dist/es2019/extractors/common/icon/extractIconFromDocument.js +26 -4
  30. package/dist/es2019/extractors/flexible/icon/extract-document-type-icon.js +28 -5
  31. package/dist/es2019/extractors/flexible/icon/extract-jsonld-data-icon.js +1 -1
  32. package/dist/es2019/messages.js +20 -0
  33. package/dist/es2019/utils/analytics/analytics.js +1 -1
  34. package/dist/es2019/utils/index.js +8 -0
  35. package/dist/es2019/view/EmbedCard/components/styled.compiled.css +4 -1
  36. package/dist/es2019/view/EmbedCard/components/styled.js +1 -1
  37. package/dist/es2019/view/EmbedCard/views/unresolved-view/index.compiled.css +4 -1
  38. package/dist/es2019/view/EmbedCard/views/unresolved-view/index.js +1 -1
  39. package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css +4 -1
  40. package/dist/es2019/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js +1 -1
  41. package/dist/es2019/view/FlexibleCard/components/blocks/action-block/action-footer/index.compiled.css +3 -1
  42. package/dist/es2019/view/FlexibleCard/components/blocks/action-block/action-footer/index.js +1 -1
  43. package/dist/es2019/view/FlexibleCard/components/common/atlaskit-icon/index.js +6 -0
  44. package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js +2 -1
  45. package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js +1 -1
  46. package/dist/es2019/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/types.js +3 -0
  47. package/dist/es2019/view/FlexibleCard/utils.js +3 -2
  48. package/dist/es2019/view/InlineCard/ForbiddenView/index.compiled.css +5 -2
  49. package/dist/es2019/view/InlineCard/ForbiddenView/index.js +1 -1
  50. package/dist/es2019/view/LinkUrl/index.js +1 -1
  51. package/dist/es2019/view/common/ai-prism/ai-glowing-border/index.compiled.css +5 -2
  52. package/dist/es2019/view/common/ai-prism/ai-glowing-border/index.js +1 -1
  53. package/dist/esm/constants.js +1 -0
  54. package/dist/esm/extractors/common/icon/extractIconFromDocument.js +26 -4
  55. package/dist/esm/extractors/flexible/icon/extract-document-type-icon.js +28 -5
  56. package/dist/esm/extractors/flexible/icon/extract-jsonld-data-icon.js +1 -1
  57. package/dist/esm/messages.js +20 -0
  58. package/dist/esm/utils/analytics/analytics.js +1 -1
  59. package/dist/esm/utils/flexible.js +13 -9
  60. package/dist/esm/utils/index.js +32 -22
  61. package/dist/esm/view/EmbedCard/components/styled.compiled.css +4 -1
  62. package/dist/esm/view/EmbedCard/components/styled.js +1 -1
  63. package/dist/esm/view/EmbedCard/views/unresolved-view/index.compiled.css +4 -1
  64. package/dist/esm/view/EmbedCard/views/unresolved-view/index.js +1 -1
  65. package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.compiled.css +4 -1
  66. package/dist/esm/view/FlexibleCard/components/actions/action/action-stack-item/action-button.js +1 -1
  67. package/dist/esm/view/FlexibleCard/components/blocks/action-block/action-footer/index.compiled.css +3 -1
  68. package/dist/esm/view/FlexibleCard/components/blocks/action-block/action-footer/index.js +1 -1
  69. package/dist/esm/view/FlexibleCard/components/common/atlaskit-icon/index.js +23 -16
  70. package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.js +2 -1
  71. package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.js +1 -1
  72. package/dist/esm/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/types.js +3 -0
  73. package/dist/esm/view/FlexibleCard/utils.js +3 -2
  74. package/dist/esm/view/InlineCard/ForbiddenView/index.compiled.css +5 -2
  75. package/dist/esm/view/InlineCard/ForbiddenView/index.js +1 -1
  76. package/dist/esm/view/LinkUrl/index.js +1 -1
  77. package/dist/esm/view/common/ai-prism/ai-glowing-border/index.compiled.css +5 -2
  78. package/dist/esm/view/common/ai-prism/ai-glowing-border/index.js +1 -1
  79. package/dist/types/constants.d.ts +1 -0
  80. package/dist/types/extractors/common/icon/prioritiseIcon.d.ts +5 -0
  81. package/dist/types/extractors/flexible/icon/extract-document-type-icon.d.ts +16 -1
  82. package/dist/types/messages.d.ts +1 -1
  83. package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/types.d.ts +3 -0
  84. package/dist/types-ts4.5/constants.d.ts +1 -0
  85. package/dist/types-ts4.5/extractors/common/icon/prioritiseIcon.d.ts +5 -0
  86. package/dist/types-ts4.5/extractors/flexible/icon/extract-document-type-icon.d.ts +16 -1
  87. package/dist/types-ts4.5/messages.d.ts +1 -1
  88. package/dist/types-ts4.5/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/types.d.ts +3 -0
  89. package/package.json +7 -3
@@ -167,11 +167,20 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
167
167
  return Promise.resolve().then(function () {
168
168
  return _interopRequireWildcard(require( /* webpackChunkName: "glyphTask" */'@atlaskit/icon-object/glyph/task/16'));
169
169
  });
170
+ }), _constants.IconType.LiveDocument, function () {
171
+ return Promise.resolve().then(function () {
172
+ return _interopRequireWildcard(require( /* webpackChunkName: "glyphConfluenceLiveDocument" */'@atlaskit/icon-lab/core/page-live-doc'));
173
+ }).then(function (_ref) {
174
+ var LiveDocumentIcon = _ref.default;
175
+ return {
176
+ default: LiveDocumentIcon
177
+ };
178
+ });
170
179
  }), _constants.IconType.Confluence, function () {
171
180
  return Promise.resolve().then(function () {
172
181
  return _interopRequireWildcard(require( /* webpackChunkName: "glyphConfluence" */'@atlaskit/logo/confluence-icon'));
173
- }).then(function (_ref) {
174
- var ConfluenceIcon = _ref.ConfluenceIcon;
182
+ }).then(function (_ref2) {
183
+ var ConfluenceIcon = _ref2.ConfluenceIcon;
175
184
  return {
176
185
  default: ConfluenceIcon
177
186
  };
@@ -179,8 +188,8 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
179
188
  }), _constants.IconType.Jira, function () {
180
189
  return Promise.resolve().then(function () {
181
190
  return _interopRequireWildcard(require( /* webpackChunkName: "glyphJira" */'@atlaskit/logo/jira-icon'));
182
- }).then(function (_ref2) {
183
- var JiraIcon = _ref2.JiraIcon;
191
+ }).then(function (_ref3) {
192
+ var JiraIcon = _ref3.JiraIcon;
184
193
  return {
185
194
  default: JiraIcon
186
195
  };
@@ -189,11 +198,11 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
189
198
  return Promise.resolve().then(function () {
190
199
  return _interopRequireWildcard(require( /* webpackChunkName: "glyphDefault" */'@atlaskit/icon/glyph/link'));
191
200
  });
192
- }), _constants.IconType.Error, function () {
201
+ }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.Error, function () {
193
202
  return Promise.resolve().then(function () {
194
203
  return _interopRequireWildcard(require( /* webpackChunkName: "glyphError" */'@atlaskit/icon/glyph/error'));
195
204
  });
196
- }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.Forbidden, function () {
205
+ }), _constants.IconType.Forbidden, function () {
197
206
  return Promise.resolve().then(function () {
198
207
  return _interopRequireWildcard(require( /* webpackChunkName: "glyphForbidden" */'@atlaskit/icon/glyph/lock-filled'));
199
208
  });
@@ -229,11 +238,11 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
229
238
  return Promise.resolve().then(function () {
230
239
  return _interopRequireWildcard(require( /* webpackChunkName: "glyphCritical" */'@atlaskit/icon-priority/glyph/priority-critical'));
231
240
  });
232
- }), _constants.IconType.PriorityHigh, function () {
241
+ }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.PriorityHigh, function () {
233
242
  return Promise.resolve().then(function () {
234
243
  return _interopRequireWildcard(require( /* webpackChunkName: "glyphHigh" */'@atlaskit/icon-priority/glyph/priority-high'));
235
244
  });
236
- }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.PriorityHighest, function () {
245
+ }), _constants.IconType.PriorityHighest, function () {
237
246
  return Promise.resolve().then(function () {
238
247
  return _interopRequireWildcard(require( /* webpackChunkName: "glyphHighest" */'@atlaskit/icon-priority/glyph/priority-highest'));
239
248
  });
@@ -269,11 +278,11 @@ var importIconMapperOld = (_importIconMapperOld = {}, (0, _defineProperty2.defau
269
278
  return Promise.resolve().then(function () {
270
279
  return _interopRequireWildcard(require( /* webpackChunkName: "glyphProgrammingLanguage" */'@atlaskit/icon/glyph/code'));
271
280
  });
272
- }), _constants.IconType.Subscriber, function () {
281
+ }), (0, _defineProperty2.default)((0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.Subscriber, function () {
273
282
  return Promise.resolve().then(function () {
274
283
  return _interopRequireWildcard(require( /* webpackChunkName: "glyphSubscriber" */'@atlaskit/icon/glyph/people'));
275
284
  });
276
- }), (0, _defineProperty2.default)(_importIconMapperOld, _constants.IconType.SubTasksProgress, function () {
285
+ }), _constants.IconType.SubTasksProgress, function () {
277
286
  return Promise.resolve().then(function () {
278
287
  return _interopRequireWildcard(require( /* webpackChunkName: "glyphSubtaskProgress" */'@atlaskit/icon/glyph/subtask'));
279
288
  });
@@ -300,12 +309,12 @@ var importIcon = function importIcon(importFn) {
300
309
  }
301
310
  }); // Because we're using dynamic loading here, TS will not be able to infer the type.
302
311
  };
303
- var AtlaskitIcon = function AtlaskitIcon(_ref3) {
304
- var icon = _ref3.icon,
305
- label = _ref3.label,
306
- testId = _ref3.testId,
307
- _ref3$size = _ref3.size,
308
- size = _ref3$size === void 0 ? _constants.SmartLinkSize.Medium : _ref3$size;
312
+ var AtlaskitIcon = function AtlaskitIcon(_ref4) {
313
+ var icon = _ref4.icon,
314
+ label = _ref4.label,
315
+ testId = _ref4.testId,
316
+ _ref4$size = _ref4.size,
317
+ size = _ref4$size === void 0 ? _constants.SmartLinkSize.Medium : _ref4$size;
309
318
  var DocumentIcon = (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? _pageIcon.default : _.default;
310
319
  var BlogIcon = (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? _blogIcon.default : _2.default;
311
320
 
@@ -12,6 +12,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
12
12
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
13
  var _react = _interopRequireWildcard(require("react"));
14
14
  var _dropdownMenu = _interopRequireDefault(require("@atlaskit/dropdown-menu"));
15
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
16
  var _useAnalyticsEvents2 = require("../../../../../../common/analytics/generated/use-analytics-events");
16
17
  var _extractLozengeActionItems = _interopRequireDefault(require("../../../../../../extractors/action/extract-lozenge-action-items"));
17
18
  var _useInvoke = _interopRequireDefault(require("../../../../../../state/hooks/use-invoke"));
@@ -113,7 +114,7 @@ var LozengeAction = function LozengeAction(_ref) {
113
114
  setIsLoaded(true);
114
115
  if ((validItems === null || validItems === void 0 ? void 0 : validItems.length) === 0) {
115
116
  fireEvent('track.smartLinkQuickAction.failed', _lozengeActionAnalytics.permissionLoadErrorAnalyticsPayload);
116
- setErrorMessage(_types.LozengeActionErrorMessages.noData);
117
+ setErrorMessage((0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? _types.LozengeActionErrorMessages.noDataIssueTermRefresh : _types.LozengeActionErrorMessages.noData);
117
118
  setIsLoaded(false);
118
119
  }
119
120
  _context.next = 21;
@@ -73,7 +73,7 @@ var LozengeActionErrorNew = function LozengeActionErrorNew(_ref) {
73
73
  target: "_blank",
74
74
  "data-testid": "".concat(testId, "-open-embed"),
75
75
  onClick: handlePreviewOpen
76
- }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jira))) : null);
76
+ }, (0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jiraIssueTermRefresh) : /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _messages.messages.open_issue_in_jira))) : null);
77
77
  }, [errorMessage, handlePreviewOpen, isPreviewAvailable, testId, dynamicCss]);
78
78
  return /*#__PURE__*/React.createElement("span", {
79
79
  "data-testid": "".concat(testId, "-error-item-group"),
@@ -9,6 +9,9 @@ var LozengeActionErrorMessages = exports.LozengeActionErrorMessages = {
9
9
  noData: {
10
10
  descriptor: _messages.messages['status_change_permission_error']
11
11
  },
12
+ noDataIssueTermRefresh: {
13
+ descriptor: _messages.messages['status_change_permission_errorIssueTermRefresh']
14
+ },
12
15
  unknown: {
13
16
  descriptor: _messages.messages['status_change_load_error']
14
17
  },
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.getRetryOptions = exports.getContextByStatus = void 0;
8
8
  var _linkExtractors = require("@atlaskit/link-extractors");
9
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
9
10
  var _constants = require("../../constants");
10
11
  var _context = require("../../extractors/common/context");
11
12
  var _flexible = _interopRequireDefault(require("../../extractors/flexible"));
@@ -52,9 +53,9 @@ var getForbiddenMessageKey = function getForbiddenMessageKey(meta) {
52
53
  var accessType = meta === null || meta === void 0 || (_meta$requestAccess = meta.requestAccess) === null || _meta$requestAccess === void 0 ? void 0 : _meta$requestAccess.accessType;
53
54
  switch (accessType) {
54
55
  case 'DIRECT_ACCESS':
55
- return 'join_to_view';
56
+ return (0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? 'join_to_viewIssueTermRefresh' : 'join_to_view';
56
57
  case 'REQUEST_ACCESS':
57
- return 'request_access_to_view';
58
+ return (0, _platformFeatureFlags.fg)('confluence-issue-terminology-refresh') ? 'request_access_to_viewIssueTermRefresh' : 'request_access_to_view';
58
59
  case 'PENDING_REQUEST_EXISTS':
59
60
  return 'pending_request';
60
61
  case 'FORBIDDEN':
@@ -1,3 +1,6 @@
1
- ._1yt4ze3t{padding:var(--ds-space-0,0)}
1
+ ._19bvze3t{padding-left:var(--ds-space-0,0)}
2
2
  ._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
3
- ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
3
+ ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
4
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
5
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
6
+ ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
@@ -30,7 +30,7 @@ var _withFrameStyleControl = _interopRequireDefault(require("../utils/withFrameS
30
30
  var _InlineCardForbiddenViewOld = require("./InlineCardForbiddenViewOld");
31
31
  var styles = {
32
32
  iconWrapper: "_2hwx1i6y",
33
- actionButtonLozengeStyle: "_1yt4ze3t _bfhksm61"
33
+ actionButtonLozengeStyle: "_bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"
34
34
  };
35
35
  var fallbackForbiddenIcon = function fallbackForbiddenIcon() {
36
36
  return (0, _platformFeatureFlags.fg)('platform-smart-card-icon-migration') ? /*#__PURE__*/_react.default.createElement(_compiled.Box, {
@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
20
20
  _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
21
21
  var PACKAGE_DATA = {
22
22
  packageName: "@atlaskit/smart-card",
23
- packageVersion: "34.8.0",
23
+ packageVersion: "34.10.0",
24
24
  componentName: 'linkUrl'
25
25
  };
26
26
  var Anchor = (0, _click.withLinkClickedEvent)('a');
@@ -1,7 +1,10 @@
1
1
 
2
- ._1yt4v77o{padding:var(--ds-space-025,2px)}
3
2
  ._2rkoftgi{border-radius:8px}._16jlkb7n{flex-grow:1}
3
+ ._19bvv77o{padding-left:var(--ds-space-025,2px)}
4
4
  ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
5
5
  ._1e0c1txw{display:flex}
6
6
  ._1pbykb7n{z-index:1}
7
- ._kqswh2mm{position:relative}
7
+ ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
8
+ ._kqswh2mm{position:relative}
9
+ ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
10
+ ._u5f3v77o{padding-right:var(--ds-space-025,2px)}
@@ -33,7 +33,7 @@ var AIGlowingBorderNew = function AIGlowingBorderNew(_ref) {
33
33
  className = _ref.className;
34
34
  return /*#__PURE__*/React.createElement("div", {
35
35
  "data-testid": testId,
36
- className: (0, _runtime.ax)(["_1yt4v77o _1e0c1txw _kqswh2mm _1bsb1ns9"])
36
+ className: (0, _runtime.ax)(["_1e0c1txw _kqswh2mm _ca0qv77o _u5f3v77o _n3tdv77o _19bvv77o _1bsb1ns9"])
37
37
  }, /*#__PURE__*/React.createElement(_animatedSvgContainer.default, {
38
38
  palette: palette,
39
39
  isMoving: isMoving,
@@ -203,6 +203,7 @@ export let IconType = /*#__PURE__*/function (IconType) {
203
203
  IconType["Story"] = "Jira:Story";
204
204
  IconType["SubTask"] = "Jira:SubTask";
205
205
  IconType["Task"] = "Jira:Task";
206
+ IconType["LiveDocument"] = "Confluence:LiveDocument";
206
207
  IconType["Confluence"] = "Provider:Confluence";
207
208
  IconType["Jira"] = "Provider:Jira";
208
209
  IconType["Default"] = "Default";
@@ -3,8 +3,10 @@ import DocumentIcon from '@atlaskit/icon-file-type/glyph/document/16';
3
3
  import FileIcon from '@atlaskit/icon-file-type/glyph/generic/16';
4
4
  import PresentationIcon from '@atlaskit/icon-file-type/glyph/presentation/16';
5
5
  import SpreadsheetIcon from '@atlaskit/icon-file-type/glyph/spreadsheet/16';
6
+ import LiveDocumentIcon from '@atlaskit/icon-lab/core/page-live-doc';
6
7
  import BlogIcon from '@atlaskit/icon-object/glyph/blog/16';
7
8
  import DocumentFilledIcon from '@atlaskit/icon/core/migration/page--document-filled';
9
+ import { isConfluenceGenerator } from '@atlaskit/link-extractors';
8
10
  import { getIconForFileType } from '../../../utils';
9
11
  import { prioritiseIcon } from './prioritiseIcon';
10
12
  /**
@@ -38,10 +40,7 @@ const documentTypeToIcon = (type, opts) => {
38
40
  testId: "blog-icon"
39
41
  });
40
42
  case 'schema:DigitalDocument':
41
- return /*#__PURE__*/React.createElement(FileIcon, {
42
- label: opts.title || 'file',
43
- testId: "file-icon"
44
- });
43
+ return digitalDocumentToIcon(opts);
45
44
  case 'schema:TextDigitalDocument':
46
45
  return /*#__PURE__*/React.createElement(DocumentIcon, {
47
46
  label: opts.title || 'document',
@@ -69,4 +68,27 @@ const documentTypeToIcon = (type, opts) => {
69
68
  testId: "document-icon"
70
69
  });
71
70
  }
71
+ };
72
+
73
+ /**
74
+ * Enables providers to represent `schema:DigitalDocument` in a manner which
75
+ * aligns with their customers when representing provider-specific types, which
76
+ * do not apply across multiple providers.
77
+ * @example Confluence digital documents represent 'live documents', specific to Confluence.
78
+ * @remark This mechanism will be superseded by backend-driven icon URLs as part
79
+ * of go/j/MODES-5864. Do not add more!
80
+ */
81
+ const digitalDocumentToIcon = opts => {
82
+ var _opts$provider;
83
+ if ((_opts$provider = opts.provider) !== null && _opts$provider !== void 0 && _opts$provider.id && isConfluenceGenerator(opts.provider.id)) {
84
+ return /*#__PURE__*/React.createElement(LiveDocumentIcon, {
85
+ label: "live-doc",
86
+ testId: "live-doc-icon"
87
+ });
88
+ } else {
89
+ return /*#__PURE__*/React.createElement(FileIcon, {
90
+ label: opts.title || 'file',
91
+ testId: "file-icon"
92
+ });
93
+ }
72
94
  };
@@ -1,5 +1,21 @@
1
+ import { isConfluenceGenerator } from '@atlaskit/link-extractors';
1
2
  import { IconType } from '../../../constants';
2
- const extractDocumentTypeIcon = (documentType, label) => {
3
+ /**
4
+ * Computes the relevant icon for a document type.
5
+ *
6
+ * @remark Note that document icons can vary based on the provider. E.g., a
7
+ * provider may choose to re-use one of these document types in their domain,
8
+ * but offer a different SVG icon on the frontend (to map to this type in their
9
+ * domain). See `schema:digitalDocument` for an example of this behaviour. This
10
+ * mechanism will be superseded by backend-driven icon URLs as part of
11
+ * go/j/MODES-5864. Do not add more!
12
+ *
13
+ * @param documentType JSON-LD document type
14
+ * @param label human-readable label to be displayed on the icon
15
+ * @param providerId JSON-LD provider (generator ID)
16
+ * @returns an icon descriptor representing the document type
17
+ */
18
+ const extractDocumentTypeIcon = (documentType, label, providerId) => {
3
19
  switch (documentType) {
4
20
  case 'schema:BlogPosting':
5
21
  return {
@@ -7,10 +23,17 @@ const extractDocumentTypeIcon = (documentType, label) => {
7
23
  label: label || 'Blog'
8
24
  };
9
25
  case 'schema:DigitalDocument':
10
- return {
11
- icon: IconType.File,
12
- label: label || 'File'
13
- };
26
+ if (providerId && isConfluenceGenerator(providerId)) {
27
+ return {
28
+ icon: IconType.LiveDocument,
29
+ label: label || 'Live Document'
30
+ };
31
+ } else {
32
+ return {
33
+ icon: IconType.File,
34
+ label: label || 'File'
35
+ };
36
+ }
14
37
  case 'schema:TextDigitalDocument':
15
38
  return {
16
39
  icon: IconType.Document,
@@ -45,7 +45,7 @@ function chooseIcon({
45
45
  label,
46
46
  providerId,
47
47
  data
48
- }) || extractDocumentTypeIcon(type, label);
48
+ }) || extractDocumentTypeIcon(type, label, providerId);
49
49
  return prioritiseIcon({
50
50
  fileFormatIcon,
51
51
  documentTypeIcon,
@@ -734,5 +734,25 @@ export const messages = defineMessages({
734
734
  id: 'fabric.linking.related_links_modal_unavailable_message',
735
735
  defaultMessage: "We didn't find any links to show here. We continuously review and add recent links for updated pages or other content types.",
736
736
  description: 'Informs the user that related links were not found but may be available in the future'
737
+ },
738
+ join_to_viewIssueTermRefresh: {
739
+ id: 'fabric.linking.join_to_view-issue-term-refresh',
740
+ defaultMessage: "Join {context} to view this work item",
741
+ description: 'Allows the user join the product or service immediately'
742
+ },
743
+ open_issue_in_jiraIssueTermRefresh: {
744
+ id: 'fabric.linking.open_issue_in_jira-issue-term-refresh',
745
+ defaultMessage: "Open work item in Jira",
746
+ description: 'Click to open link in Jira'
747
+ },
748
+ request_access_to_viewIssueTermRefresh: {
749
+ id: 'fabric.linking.request_access_to_view-issue-term-refresh',
750
+ defaultMessage: "Request access to {context} to view this work item",
751
+ description: 'Allows the user to request access to a product or service'
752
+ },
753
+ status_change_permission_errorIssueTermRefresh: {
754
+ id: 'fabric.linking.status_change_permission_error-issue-term-refresh',
755
+ defaultMessage: "You don’t have permission to transition this work item. ",
756
+ description: 'Informs the user that they do not have enough permissions to update a status'
737
757
  }
738
758
  });
@@ -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: "34.8.0"
5
+ packageVersion: "34.10.0"
6
6
  };
7
7
  export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
8
8
  TrackQuickActionType["StatusUpdate"] = "StatusUpdate";
@@ -256,6 +256,14 @@ export const getLazyIcons = () => {
256
256
  default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/icon-object/glyph/task/16'),
257
257
  large: () => import( /* webpackChunkName: "@atlaskit-internal_glyphTask" */'@atlaskit/icon-object/glyph/task/24')
258
258
  },
259
+ // Confluence icons
260
+ [IconType.LiveDocument]: {
261
+ default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphConfluenceLiveDocument" */'@atlaskit/icon-lab/core/page-live-doc').then(({
262
+ default: LiveDocumentIcon
263
+ }) => ({
264
+ default: LiveDocumentIcon
265
+ }))
266
+ },
259
267
  // Provider icons
260
268
  [IconType.Confluence]: {
261
269
  default: () => import( /* webpackChunkName: "@atlaskit-internal_glyphConfluence" */'@atlaskit/logo/confluence-icon').then(({
@@ -1,6 +1,5 @@
1
1
  ._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
2
2
  ._14mjpd34:after{border-radius:var(--ds-border-radius-200,8px)}
3
- ._18s81cq1{margin:var(--ds-space-050,4px) 0 var(--ds-space-150,9pt) var(--ds-space-150,9pt)}
4
3
  ._18s81xf9{margin:0 var(--ds-space-100,8px) var(--ds-space-100,8px)}
5
4
  ._19ith6cr{border:1px solid var(--ds-border,#dfe1e6)}
6
5
  ._1u3rh6cr:hover:after{border:1px solid var(--ds-border,#dfe1e6)}
@@ -19,10 +18,12 @@
19
18
  ._18m91wug{overflow-y:auto}
20
19
  ._18postnw:after{position:absolute}
21
20
  ._18u01wug{margin-left:auto}
21
+ ._18u0utpp{margin-left:var(--ds-space-150,9pt)}
22
22
  ._19do1kw7:after{left:inherit}
23
23
  ._19doidpf:after{left:0}
24
24
  ._19dox0bf:after{left:var(--ds-space-negative-100,-8px)}
25
25
  ._19pk19bv{margin-top:10px}
26
+ ._19pk1b66{margin-top:var(--ds-space-050,4px)}
26
27
  ._19pkidpf{margin-top:0}
27
28
  ._1aaxusic{float:right}
28
29
  ._1bsb176v{width:125px}
@@ -48,6 +49,7 @@
48
49
  ._1ul91pd6{min-width:var(--_10q0298)}
49
50
  ._2hwx1b66{margin-right:var(--ds-space-050,4px)}
50
51
  ._2hwx1wug{margin-right:auto}
52
+ ._2hwxidpf{margin-right:0}
51
53
  ._2lx21bp4{flex-direction:column}
52
54
  ._4cvr1h6o{align-items:center}
53
55
  ._4t3i17ym{height:var(--_rcxkve)}
@@ -74,6 +76,7 @@
74
76
  ._kqswstnw{position:absolute}
75
77
  ._o5721q9c{white-space:nowrap}
76
78
  ._otyridpf{margin-bottom:0}
79
+ ._otyrutpp{margin-bottom:var(--ds-space-150,9pt)}
77
80
  ._p12f1ayu{max-width:var(--_1et2rhb)}
78
81
  ._rd9b1wug >.embed-preview>div{margin-right:auto}
79
82
  ._syaz1rc1{color:var(--ds-text-subtlest,#5e6c84)}
@@ -203,7 +203,7 @@ export const Thumbnail = forwardRef(({
203
203
  "--_13orr8u": ix(`url(${__cmplp.src})`)
204
204
  },
205
205
  ref: __cmplr,
206
- className: ax(["_2rko1sit _18s81cq1 _1bsbckbl _4t3ickbl _1aaxusic _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
206
+ className: ax(["_2rko1sit _1bsbckbl _4t3ickbl _1aaxusic _19pk1b66 _2hwxidpf _otyrutpp _18u0utpp _bfhkqrzy _1lrw1dfr _1itk2pcs", __cmplp.className])
207
207
  }));
208
208
  });
209
209
  if (process.env.NODE_ENV !== 'production') {
@@ -1,7 +1,7 @@
1
1
  ._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
2
- ._1yt4pxbi{padding:var(--ds-space-200,1pc)}
3
2
  ._zulpv47k{gap:var(--ds-space-250,20px)}
4
3
  ._18u01wug{margin-left:auto}
4
+ ._19bvpxbi{padding-left:var(--ds-space-200,1pc)}
5
5
  ._19pk1wug{margin-top:auto}
6
6
  ._1bah1h6o{justify-content:center}
7
7
  ._1bsbmgvx{width:180px}
@@ -13,7 +13,10 @@
13
13
  ._4t3i1kw7{height:inherit}
14
14
  ._4t3i68cl{height:90pt}
15
15
  ._5ral1f51{object-fit:contain}
16
+ ._ca0qpxbi{padding-top:var(--ds-space-200,1pc)}
17
+ ._n3tdpxbi{padding-bottom:var(--ds-space-200,1pc)}
16
18
  ._otyr1wug{margin-bottom:auto}
17
19
  ._p12f1kdj{max-width:25pc}
18
20
  ._rsufaqso{object-position:center center}
21
+ ._u5f3pxbi{padding-right:var(--ds-space-200,1pc)}
19
22
  ._y3gn1h6o{text-align:center}
@@ -82,7 +82,7 @@ const UnresolvedView = ({
82
82
  "data-testid": `${testId}-unresolved-container`,
83
83
  className: ax(["_1e0c11p5 _4t3i1kw7"])
84
84
  }, /*#__PURE__*/React.createElement("div", {
85
- className: ax(["_19pk1wug _2hwx1wug _otyr1wug _18u01wug _1yt4pxbi _zulpv47k _1e0c1txw _2lx21bp4 _1bah1h6o _y3gn1h6o _4cvr1h6o _p12f1kdj"])
85
+ className: ax(["_19pk1wug _2hwx1wug _otyr1wug _18u01wug _zulpv47k _1e0c1txw _2lx21bp4 _1bah1h6o _y3gn1h6o _4cvr1h6o _ca0qpxbi _u5f3pxbi _n3tdpxbi _19bvpxbi _p12f1kdj"])
86
86
  }, image, /*#__PURE__*/React.createElement(Heading, {
87
87
  size: "large",
88
88
  testId: `${testId}-unresolved-title`
@@ -1,7 +1,10 @@
1
1
 
2
2
  ._kkk2n7od{all:unset}._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
3
- ._1yt41b66{padding:var(--ds-space-050,4px)}
3
+ ._19bv1b66{padding-left:var(--ds-space-050,4px)}
4
4
  ._1bsb1osq{width:100%}
5
+ ._ca0q1b66{padding-top:var(--ds-space-050,4px)}
6
+ ._n3td1b66{padding-bottom:var(--ds-space-050,4px)}
5
7
  ._syaz1fxt{color:var(--ds-text,#172b4d)}
8
+ ._u5f31b66{padding-right:var(--ds-space-050,4px)}
6
9
  ._irr3166n:hover{background-color:var(--ds-background-neutral-subtle-hovered,#091e420f)}
7
10
  ._1di61dty:active{background-color:var(--ds-background-neutral-subtle-pressed,#091e4224)}
@@ -11,7 +11,7 @@ import { getPrimitivesInlineSpaceBySize } from '../../../utils';
11
11
  import ActionIcon from '../action-icon';
12
12
  import ActionButtonOld from './action-buttonOld';
13
13
  const styles = {
14
- button: "_kkk2n7od _1yt41b66 _1bsb1osq _irr3166n _1di61dty",
14
+ button: "_kkk2n7od _ca0q1b66 _u5f31b66 _n3td1b66 _19bv1b66 _1bsb1osq _irr3166n _1di61dty",
15
15
  content: "_11c8qk37 _syaz1fxt"
16
16
  };
17
17
  const ActionButtonNew = ({
@@ -1,10 +1,12 @@
1
1
 
2
2
  ._kkk2n7od{all:unset}._11c8qk37{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
3
- ._18s8u2gc{margin:var(--ds-space-100,8px)}
4
3
  ._1yt412x7{padding:var(--ds-space-075,6px)}
5
4
  ._2rkoglpi{border-radius:var(--ds-border-radius,4px)}
6
5
  ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
6
+ ._18u0u2gc{margin-left:var(--ds-space-100,8px)}
7
+ ._19pku2gc{margin-top:var(--ds-space-100,8px)}
7
8
  ._1bsb1osq{width:100%}
9
+ ._2hwxu2gc{margin-right:var(--ds-space-100,8px)}
8
10
  ._bfhk1gly{background-color:var(--ds-background-danger,#ffeceb)}
9
11
  ._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
10
12
  ._fiawglyw:empty{display:none}
@@ -37,7 +37,7 @@ const ActionFooterNew = ({
37
37
  }
38
38
  return /*#__PURE__*/React.createElement("div", {
39
39
  "data-testId": `${testId}-footer`,
40
- className: ax(["_kkk2n7od _2rkoglpi _18s8u2gc _1yt412x7 _18zru2gc _otyrze3t _vwz4gktf _1bsb1osq _fiawglyw", message.appearance === 'error' && "_bfhk1gly"])
40
+ className: ax(["_kkk2n7od _2rkoglpi _1yt412x7 _18zru2gc _19pku2gc _2hwxu2gc _otyrze3t _18u0u2gc _vwz4gktf _1bsb1osq _fiawglyw", message.appearance === 'error' && "_bfhk1gly"])
41
41
  }, /*#__PURE__*/React.createElement(MotionWrapper, {
42
42
  isFadeIn: true,
43
43
  show: true,
@@ -50,6 +50,12 @@ const importIconMapperOld = {
50
50
  [IconType.Story]: () => import( /* webpackChunkName: "glyphStory" */'@atlaskit/icon-object/glyph/story/16'),
51
51
  [IconType.SubTask]: () => import( /* webpackChunkName: "glyphSubTask" */'@atlaskit/icon-object/glyph/subtask/16'),
52
52
  [IconType.Task]: () => import( /* webpackChunkName: "glyphTask" */'@atlaskit/icon-object/glyph/task/16'),
53
+ // Confluence icons
54
+ [IconType.LiveDocument]: () => import( /* webpackChunkName: "glyphConfluenceLiveDocument" */'@atlaskit/icon-lab/core/page-live-doc').then(({
55
+ default: LiveDocumentIcon
56
+ }) => ({
57
+ default: LiveDocumentIcon
58
+ })),
53
59
  // Provider icons
54
60
  [IconType.Confluence]: () => import( /* webpackChunkName: "glyphConfluence" */'@atlaskit/logo/confluence-icon').then(({
55
61
  ConfluenceIcon
@@ -1,6 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useCallback, useEffect, useMemo, useState } from 'react';
3
3
  import DropdownMenu from '@atlaskit/dropdown-menu';
4
+ import { fg } from '@atlaskit/platform-feature-flags';
4
5
  import { useAnalyticsEvents } from '../../../../../../common/analytics/generated/use-analytics-events';
5
6
  import extractLozengeActionItems from '../../../../../../extractors/action/extract-lozenge-action-items';
6
7
  import useInvoke from '../../../../../../state/hooks/use-invoke';
@@ -66,7 +67,7 @@ const LozengeAction = ({
66
67
  setIsLoaded(true);
67
68
  if ((validItems === null || validItems === void 0 ? void 0 : validItems.length) === 0) {
68
69
  fireEvent('track.smartLinkQuickAction.failed', permissionLoadErrorAnalyticsPayload);
69
- setErrorMessage(LozengeActionErrorMessages.noData);
70
+ setErrorMessage(fg('confluence-issue-terminology-refresh') ? LozengeActionErrorMessages.noDataIssueTermRefresh : LozengeActionErrorMessages.noData);
70
71
  setIsLoaded(false);
71
72
  }
72
73
  } catch (err) {
@@ -60,7 +60,7 @@ const LozengeActionErrorNew = ({
60
60
  target: "_blank",
61
61
  "data-testid": `${testId}-open-embed`,
62
62
  onClick: handlePreviewOpen
63
- }, /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jira))) : null);
63
+ }, fg('confluence-issue-terminology-refresh') ? /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jiraIssueTermRefresh) : /*#__PURE__*/React.createElement(FormattedMessage, messages.open_issue_in_jira))) : null);
64
64
  }, [errorMessage, handlePreviewOpen, isPreviewAvailable, testId, dynamicCss]);
65
65
  return /*#__PURE__*/React.createElement("span", {
66
66
  "data-testid": `${testId}-error-item-group`,
@@ -3,6 +3,9 @@ export const LozengeActionErrorMessages = {
3
3
  noData: {
4
4
  descriptor: messages['status_change_permission_error']
5
5
  },
6
+ noDataIssueTermRefresh: {
7
+ descriptor: messages['status_change_permission_errorIssueTermRefresh']
8
+ },
6
9
  unknown: {
7
10
  descriptor: messages['status_change_load_error']
8
11
  },
@@ -1,4 +1,5 @@
1
1
  import { extractProvider } from '@atlaskit/link-extractors';
2
+ import { fg } from '@atlaskit/platform-feature-flags';
2
3
  import { SmartLinkStatus } from '../../constants';
3
4
  import { extractRequestAccessContextImproved } from '../../extractors/common/context';
4
5
  import extractFlexibleUiContext from '../../extractors/flexible';
@@ -46,9 +47,9 @@ const getForbiddenMessageKey = meta => {
46
47
  const accessType = meta === null || meta === void 0 ? void 0 : (_meta$requestAccess = meta.requestAccess) === null || _meta$requestAccess === void 0 ? void 0 : _meta$requestAccess.accessType;
47
48
  switch (accessType) {
48
49
  case 'DIRECT_ACCESS':
49
- return 'join_to_view';
50
+ return fg('confluence-issue-terminology-refresh') ? 'join_to_viewIssueTermRefresh' : 'join_to_view';
50
51
  case 'REQUEST_ACCESS':
51
- return 'request_access_to_view';
52
+ return fg('confluence-issue-terminology-refresh') ? 'request_access_to_viewIssueTermRefresh' : 'request_access_to_view';
52
53
  case 'PENDING_REQUEST_EXISTS':
53
54
  return 'pending_request';
54
55
  case 'FORBIDDEN':
@@ -1,3 +1,6 @@
1
- ._1yt4ze3t{padding:var(--ds-space-0,0)}
1
+ ._19bvze3t{padding-left:var(--ds-space-0,0)}
2
2
  ._2hwx1i6y{margin-right:var(--ds-space-negative-025,-2px)}
3
- ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
3
+ ._bfhksm61{background-color:var(--ds-background-neutral-subtle,#00000000)}
4
+ ._ca0qze3t{padding-top:var(--ds-space-0,0)}
5
+ ._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
6
+ ._u5f3ze3t{padding-right:var(--ds-space-0,0)}
@@ -22,7 +22,7 @@ import withFrameStyleControl from '../utils/withFrameStyleControl';
22
22
  import { InlineCardForbiddenViewOld } from './InlineCardForbiddenViewOld';
23
23
  const styles = {
24
24
  iconWrapper: "_2hwx1i6y",
25
- actionButtonLozengeStyle: "_1yt4ze3t _bfhksm61"
25
+ actionButtonLozengeStyle: "_bfhksm61 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t"
26
26
  };
27
27
  const fallbackForbiddenIcon = () => {
28
28
  return fg('platform-smart-card-icon-migration') ? /*#__PURE__*/React.createElement(Box, {
@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
10
10
  import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
11
11
  const PACKAGE_DATA = {
12
12
  packageName: "@atlaskit/smart-card",
13
- packageVersion: "34.8.0",
13
+ packageVersion: "34.10.0",
14
14
  componentName: 'linkUrl'
15
15
  };
16
16
  const Anchor = withLinkClickedEvent('a');
@@ -1,7 +1,10 @@
1
1
 
2
- ._1yt4v77o{padding:var(--ds-space-025,2px)}
3
2
  ._2rkoftgi{border-radius:8px}._16jlkb7n{flex-grow:1}
3
+ ._19bvv77o{padding-left:var(--ds-space-025,2px)}
4
4
  ._1bsb1ns9{width:-moz-fit-content;width:fit-content}
5
5
  ._1e0c1txw{display:flex}
6
6
  ._1pbykb7n{z-index:1}
7
- ._kqswh2mm{position:relative}
7
+ ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
8
+ ._kqswh2mm{position:relative}
9
+ ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
10
+ ._u5f3v77o{padding-right:var(--ds-space-025,2px)}