@atlaskit/teams-public 3.4.1 → 3.5.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 (20) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/cjs/common/ui/container-icon/index.js +15 -55
  3. package/dist/cjs/common/ui/loom-avatar/main.compiled.css +0 -10
  4. package/dist/cjs/common/ui/loom-avatar/main.js +9 -23
  5. package/dist/cjs/common/utils/get-container-properties.compiled.css +1 -3
  6. package/dist/cjs/common/utils/get-container-properties.js +6 -34
  7. package/dist/es2019/common/ui/container-icon/index.js +15 -53
  8. package/dist/es2019/common/ui/loom-avatar/main.compiled.css +0 -10
  9. package/dist/es2019/common/ui/loom-avatar/main.js +9 -23
  10. package/dist/es2019/common/utils/get-container-properties.compiled.css +1 -3
  11. package/dist/es2019/common/utils/get-container-properties.js +6 -34
  12. package/dist/esm/common/ui/container-icon/index.js +15 -55
  13. package/dist/esm/common/ui/loom-avatar/main.compiled.css +0 -10
  14. package/dist/esm/common/ui/loom-avatar/main.js +9 -23
  15. package/dist/esm/common/utils/get-container-properties.compiled.css +1 -3
  16. package/dist/esm/common/utils/get-container-properties.js +6 -34
  17. package/package.json +5 -8
  18. package/dist/cjs/common/ui/container-icon/index.compiled.css +0 -4
  19. package/dist/es2019/common/ui/container-icon/index.compiled.css +0 -4
  20. package/dist/esm/common/ui/container-icon/index.compiled.css +0 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/teams-public
2
2
 
3
+ ## 3.5.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`ae9a4c6484afa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ae9a4c6484afa) -
8
+ Update i18n NPM package versions for people-and-teams,identity (Group 8)
9
+
10
+ ### Patch Changes
11
+
12
+ - [`9cb91ac8b93c9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/9cb91ac8b93c9) -
13
+ Remove the released `enable_teams_t26_design_drop_core_experiences` gate and make the T26 core
14
+ experience designs permanent.
15
+
3
16
  ## 3.4.1
4
17
 
5
18
  ### Patch Changes
package/dist/cjs/common/ui/container-icon/index.js CHANGED
@@ -1,4 +1,3 @@
1
- /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
2
1
  "use strict";
3
2
 
4
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -7,29 +6,19 @@ Object.defineProperty(exports, "__esModule", {
7
6
  value: true
8
7
  });
9
8
  exports.ContainerIcon = void 0;
10
- require("./index.compiled.css");
11
- var _runtime = require("@compiled/react/runtime");
12
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
10
  var _react = _interopRequireWildcard(require("react"));
14
- var _avatar = _interopRequireDefault(require("@atlaskit/avatar/avatar"));
15
- var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
16
- var _css = require("@atlaskit/css");
17
11
  var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
18
- var _fg = require("@atlaskit/platform-feature-flags/fg");
19
12
  var _box = require("@atlaskit/primitives/compiled/box");
20
13
  var _tile = _interopRequireDefault(require("@atlaskit/tile/tile"));
21
14
  var _main = require("../loom-avatar/main");
22
15
  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); }
23
- var styles = {
24
- linkIconWrapperSmall: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o"
25
- };
26
16
  var ContainerIcon = exports.ContainerIcon = function ContainerIcon(_ref) {
27
17
  var containerType = _ref.containerType,
28
18
  title = _ref.title,
29
19
  containerIcon = _ref.containerIcon,
30
20
  _ref$size = _ref.size,
31
21
  size = _ref$size === void 0 ? 'medium' : _ref$size;
32
- var isMedium = size === 'medium';
33
22
  var _React$useState = _react.default.useState(false),
34
23
  _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
35
24
  remoteIconFailed = _React$useState2[0],
@@ -47,56 +36,27 @@ var ContainerIcon = exports.ContainerIcon = function ContainerIcon(_ref) {
47
36
 
48
37
  // This is a fallback icon for WebLink if the containerIcon is not present
49
38
  if (containerType === 'WebLink' && !containerIcon || remoteIconFailed) {
50
- if ((0, _fg.fg)('enable_teams_t26_design_drop_core_experiences')) {
51
- return /*#__PURE__*/_react.default.createElement(_tile.default, {
52
- label: "",
53
- size: size,
54
- testId: "linked-container-WebLink-new-icon",
55
- hasBorder: true
56
- }, /*#__PURE__*/_react.default.createElement(_link.default, {
57
- label: ""
58
- }));
59
- }
60
- return /*#__PURE__*/_react.default.createElement(_box.Box, {
61
- xcss: (0, _css.cx)(!isMedium && styles.linkIconWrapperSmall)
62
- }, /*#__PURE__*/_react.default.createElement(_button.default, {
63
- label: "",
64
- spacing: isMedium ? 'default' : 'compact',
65
- appearance: "default",
66
- "aria-hidden": "true" // Keeping this to be double sure icon isn't going to be focused
67
- ,
68
- tabIndex: -1 // This is to prevent the icon from being focused
69
- ,
70
- testId: "linked-container-WebLink-new-icon",
71
- icon: function icon() {
72
- return /*#__PURE__*/_react.default.createElement(_link.default, {
73
- label: "",
74
- size: isMedium ? 'medium' : 'small'
75
- });
76
- }
77
- }));
78
- }
79
- if ((0, _fg.fg)('enable_teams_t26_design_drop_core_experiences')) {
80
39
  return /*#__PURE__*/_react.default.createElement(_tile.default, {
81
40
  label: "",
82
41
  size: size,
83
42
  testId: "linked-container-WebLink-new-icon",
84
- isInset: false,
85
- backgroundColor: "transparent"
86
- }, /*#__PURE__*/_react.default.createElement(_box.Box, {
87
- as: "img",
88
- src: containerIcon,
89
- alt: title,
90
- onError: function onError() {
91
- setRemoteIconFailed(true);
92
- }
43
+ hasBorder: true
44
+ }, /*#__PURE__*/_react.default.createElement(_link.default, {
45
+ label: ""
93
46
  }));
94
47
  }
95
- return /*#__PURE__*/_react.default.createElement(_avatar.default, {
96
- appearance: "square",
97
- borderColor: "transparent",
48
+ return /*#__PURE__*/_react.default.createElement(_tile.default, {
49
+ label: "",
98
50
  size: size,
51
+ testId: "linked-container-".concat(containerType, "-icon"),
52
+ isInset: false,
53
+ backgroundColor: "transparent"
54
+ }, /*#__PURE__*/_react.default.createElement(_box.Box, {
55
+ as: "img",
99
56
  src: containerIcon,
100
- testId: "linked-container-".concat(containerType, "-icon")
101
- });
57
+ alt: title,
58
+ onError: function onError() {
59
+ setRemoteIconFailed(true);
60
+ }
61
+ }));
102
62
  };
package/dist/cjs/common/ui/loom-avatar/main.compiled.css CHANGED
@@ -1,22 +1,12 @@
1
1
  ._11c81af2{font:var(--ds-font-heading-medium,normal 653 20px/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._11c81qyo{font:var(--ds-font-heading-xsmall,normal 653 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
3
  ._2rkol0p1{border-radius:var(--ds-radius-tile,25%)}
5
4
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
6
- ._18zrv77o{padding-inline:var(--ds-space-025,2px)}
7
5
  ._1dqonqa1{border-style:solid}
8
6
  ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
9
- ._18u0v77o{margin-left:var(--ds-space-025,2px)}
10
- ._19pkv77o{margin-top:var(--ds-space-025,2px)}
11
7
  ._1bah1h6o{justify-content:center}
12
8
  ._1bsb1osq{width:100%}
13
- ._1bsbzwfg{width:2pc}
14
9
  ._1e0c1txw{display:flex}
15
- ._1ul9qslr{min-width:22px}
16
- ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
17
10
  ._4cvr1h6o{align-items:center}
18
11
  ._4t3i1osq{height:100%}
19
- ._4t3iqslr{height:22px}
20
- ._4t3izwfg{height:2pc}
21
- ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
22
12
  ._vchhusvi{box-sizing:border-box}
package/dist/cjs/common/ui/loom-avatar/main.js CHANGED
@@ -11,7 +11,6 @@ require("./main.compiled.css");
11
11
  var React = _interopRequireWildcard(require("react"));
12
12
  var _runtime = require("@compiled/react/runtime");
13
13
  var _css = require("@atlaskit/css");
14
- var _fg = require("@atlaskit/platform-feature-flags/fg");
15
14
  var _box = require("@atlaskit/primitives/compiled/box");
16
15
  var _tile = _interopRequireDefault(require("@atlaskit/tile/tile"));
17
16
  var _getAvatarText = require("./getAvatarText");
@@ -25,9 +24,6 @@ var typographyByAvatarSize = {
25
24
  var styles = {
26
25
  loomAvatar: "_2rkol0p1 _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _4cvr1h6o _1bah1h6o _vchhusvi _1bsb1osq _4t3i1osq"
27
26
  };
28
- var boxStyle = null;
29
- var smallBoxStyle = null;
30
- var largeBoxStyle = null;
31
27
  function LoomSpaceAvatar(_ref) {
32
28
  var _ref$spaceName = _ref.spaceName,
33
29
  spaceName = _ref$spaceName === void 0 ? '' : _ref$spaceName,
@@ -38,26 +34,16 @@ function LoomSpaceAvatar(_ref) {
38
34
  var avatarText = (0, _getAvatarText.getAvatarText)(spaceName);
39
35
  var containerColor = (0, _pickContainerColor.pickContainerColor)(spaceName);
40
36
  var textColor = (0, _pickTextColor.pickTextColor)(spaceName);
41
- if ((0, _fg.fg)('enable_teams_t26_design_drop_core_experiences')) {
42
- return /*#__PURE__*/React.createElement(_tile.default, {
43
- size: size,
44
- label: "",
45
- isInset: false,
46
- testId: testId
47
- }, /*#__PURE__*/React.createElement(_box.Box, {
48
- xcss: (0, _css.cx)(styles.loomAvatar, typographyByAvatarSize[size]),
49
- style: {
50
- backgroundColor: containerColor,
51
- color: textColor
52
- }
53
- }, avatarText));
54
- }
55
- return /*#__PURE__*/React.createElement("div", {
37
+ return /*#__PURE__*/React.createElement(_tile.default, {
38
+ size: size,
39
+ label: "",
40
+ isInset: false,
41
+ testId: testId
42
+ }, /*#__PURE__*/React.createElement(_box.Box, {
43
+ xcss: (0, _css.cx)(styles.loomAvatar, typographyByAvatarSize[size]),
56
44
  style: {
57
45
  backgroundColor: containerColor,
58
46
  color: textColor
59
- },
60
- "data-testid": testId,
61
- className: (0, _runtime.ax)(["_2rko12b0 _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _4cvr1h6o _1bah1h6o", size === 'small' ? "_11c81qyo _4t3iqslr _1ul9qslr _19pkv77o _2hwxv77o _otyrv77o _18u0v77o" : "_11c81af2 _18zrv77o _4t3izwfg _1bsbzwfg"])
62
- }, avatarText);
47
+ }
48
+ }, avatarText));
63
49
  }
package/dist/cjs/common/utils/get-container-properties.compiled.css CHANGED
@@ -1,7 +1,5 @@
1
1
  ._2rko1eiz{border-radius:var(--ds-radius-small,6px)}
2
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
- ._195gidpf{margin-inline:0}
4
- ._1mouidpf{margin-block:0}._12ji1l7x{outline-color:var(--ds-border,#0b120e24)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._12ji1l7x{outline-color:var(--ds-border,#0b120e24)}
5
3
  ._18u0v77o{margin-left:var(--ds-space-025,2px)}
6
4
  ._19pkv77o{margin-top:var(--ds-space-025,2px)}
7
5
  ._1bah1h6o{justify-content:center}
package/dist/cjs/common/utils/get-container-properties.js CHANGED
@@ -15,9 +15,7 @@ var _css = require("@atlaskit/css");
15
15
  var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
16
16
  var _linkExternal = _interopRequireDefault(require("@atlaskit/icon/core/link-external"));
17
17
  var _image = _interopRequireDefault(require("@atlaskit/image"));
18
- var _fg = require("@atlaskit/platform-feature-flags/fg");
19
18
  var _box = require("@atlaskit/primitives/compiled/box");
20
- var _flex = require("@atlaskit/primitives/compiled/flex");
21
19
  var _text = require("@atlaskit/primitives/compiled/text");
22
20
  var _tile = _interopRequireDefault(require("@atlaskit/tile/tile"));
23
21
  var _ConfluenceIcon = _interopRequireDefault(require("../assets/ConfluenceIcon.svg"));
@@ -28,10 +26,7 @@ var _LoomIcon = _interopRequireDefault(require("../assets/LoomIcon.svg"));
28
26
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
29
27
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
30
28
  var styles = {
31
- avatarWrapper: "_1bsb1tcg _4t3i1tcg",
32
29
  avatarMargin: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
33
- smallAvatarWrapper: "_1bsb7vkz _4t3i7vkz",
34
- smallAvatarMargin: "_195gidpf _1mouidpf",
35
30
  linkIconWrapper: "_2rkofajl _1bsb7vkz _4t3i7vkz _1e0c1txw _4cvr1h6o _1bah1h6o _12ji1l7x _1qu2nqa1",
36
31
  linkAvatarWrapper: "_2rko1eiz _1bsb1tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _bfhki8nm",
37
32
  profileCardWebLinkIconWrapper: "_1bsb7vkz _4t3i7vkz _1e0c1txw _4cvr1h6o _1bah1h6o"
@@ -116,18 +111,12 @@ var getJiraContainerProperties = function getJiraContainerProperties(_ref2) {
116
111
  name = _ref3.name;
117
112
  var baseProperties = {
118
113
  description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.jiraProjectDescription),
119
- icon: (0, _fg.fg)('enable_teams_t26_design_drop_core_experiences') ? /*#__PURE__*/_react.default.createElement(ContainerIconWrapper, {
114
+ icon: /*#__PURE__*/_react.default.createElement(ContainerIconWrapper, {
120
115
  iconSize: iconSize
121
116
  }, /*#__PURE__*/_react.default.createElement(_image.default, {
122
117
  src: getJiraIcon(subType),
123
118
  alt: "",
124
119
  testId: "jira-project-container-icon"
125
- })) : /*#__PURE__*/_react.default.createElement(_flex.Flex, {
126
- xcss: (0, _css.cx)(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
127
- }, /*#__PURE__*/_react.default.createElement(_image.default, {
128
- src: getJiraIcon(subType),
129
- alt: "",
130
- testId: "jira-project-container-icon"
131
120
  })),
132
121
  title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.addJiraProject),
133
122
  containerTypeText: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.spaceContainerTextOverride)
@@ -157,17 +146,13 @@ var getWebLinkContainerProperties = function getWebLinkContainerProperties(_ref4
157
146
  }, /*#__PURE__*/_react.default.createElement(_link.default, {
158
147
  label: "",
159
148
  size: "medium"
160
- })) : isDisplayedOnProfileCard ? (0, _fg.fg)('enable_teams_t26_design_drop_core_experiences') ? /*#__PURE__*/_react.default.createElement(_box.Box, {
149
+ })) : isDisplayedOnProfileCard ? /*#__PURE__*/_react.default.createElement(_box.Box, {
161
150
  xcss: styles.profileCardWebLinkIconWrapper
162
151
  }, /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
163
152
  label: "",
164
153
  size: "small",
165
154
  testId: "team-link-card-external-link-icon"
166
- })) : /*#__PURE__*/_react.default.createElement(_linkExternal.default, {
167
- label: "",
168
- size: "small",
169
- testId: "team-link-card-external-link-icon"
170
- }) : /*#__PURE__*/_react.default.createElement(_box.Box, {
155
+ })) : /*#__PURE__*/_react.default.createElement(_box.Box, {
171
156
  xcss: styles.linkIconWrapper,
172
157
  testId: "team-link-card-globe-icon"
173
158
  }, /*#__PURE__*/_react.default.createElement(_link.default, {
@@ -181,27 +166,20 @@ var getWebLinkContainerProperties = function getWebLinkContainerProperties(_ref4
181
166
  var getContainerProperties = exports.getContainerProperties = function getContainerProperties(_ref5) {
182
167
  var containerType = _ref5.containerType,
183
168
  _ref5$iconSize = _ref5.iconSize,
184
- iconSize = _ref5$iconSize === void 0 ? (0, _fg.fg)('enable_teams_t26_design_drop_core_experiences') ? 'small' : 'medium' : _ref5$iconSize,
169
+ iconSize = _ref5$iconSize === void 0 ? 'small' : _ref5$iconSize,
185
170
  containerTypeProperties = _ref5.containerTypeProperties,
186
171
  isEmptyContainer = _ref5.isEmptyContainer,
187
172
  isDisplayedOnProfileCard = _ref5.isDisplayedOnProfileCard;
188
- var isT26DesignDropCoreExperiencesEnabled = (0, _fg.fg)('enable_teams_t26_design_drop_core_experiences');
189
173
  switch (containerType) {
190
174
  case 'ConfluenceSpace':
191
175
  return {
192
176
  description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.confluenceContainerDescription),
193
- icon: isT26DesignDropCoreExperiencesEnabled ? /*#__PURE__*/_react.default.createElement(ContainerIconWrapper, {
177
+ icon: /*#__PURE__*/_react.default.createElement(ContainerIconWrapper, {
194
178
  iconSize: iconSize
195
179
  }, /*#__PURE__*/_react.default.createElement(_image.default, {
196
180
  src: _ConfluenceIcon.default,
197
181
  alt: "",
198
182
  testId: "confluence-space-container-icon"
199
- })) : /*#__PURE__*/_react.default.createElement(_flex.Flex, {
200
- xcss: (0, _css.cx)(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
201
- }, /*#__PURE__*/_react.default.createElement(_image.default, {
202
- src: _ConfluenceIcon.default,
203
- alt: "",
204
- testId: "confluence-space-container-icon"
205
183
  })),
206
184
  title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.addConfluenceContainerTitle),
207
185
  containerTypeText: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.spaceContainerTextOverride)
@@ -209,18 +187,12 @@ var getContainerProperties = exports.getContainerProperties = function getContai
209
187
  case 'LoomSpace':
210
188
  return {
211
189
  description: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.loomSpaceDescription),
212
- icon: isT26DesignDropCoreExperiencesEnabled ? /*#__PURE__*/_react.default.createElement(ContainerIconWrapper, {
190
+ icon: /*#__PURE__*/_react.default.createElement(ContainerIconWrapper, {
213
191
  iconSize: iconSize
214
192
  }, /*#__PURE__*/_react.default.createElement(_image.default, {
215
193
  src: _LoomIcon.default,
216
194
  alt: "",
217
195
  testId: "loom-space-container-icon"
218
- })) : /*#__PURE__*/_react.default.createElement(_flex.Flex, {
219
- xcss: (0, _css.cx)(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
220
- }, /*#__PURE__*/_react.default.createElement(_image.default, {
221
- src: _LoomIcon.default,
222
- alt: "",
223
- testId: "loom-space-container-icon"
224
196
  })),
225
197
  title: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.addLoomSpace),
226
198
  containerTypeText: /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, messages.spaceContainerTextOverride)
package/dist/es2019/common/ui/container-icon/index.js CHANGED
@@ -1,25 +1,14 @@
1
- /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
2
- import "./index.compiled.css";
3
- import { ax, ix } from "@compiled/react/runtime";
4
1
  import React, { useEffect } from 'react';
5
- import Avatar from '@atlaskit/avatar/avatar';
6
- import IconButton from '@atlaskit/button/icon/button';
7
- import { cx } from '@atlaskit/css';
8
2
  import LinkIcon from '@atlaskit/icon/core/link';
9
- import { fg } from '@atlaskit/platform-feature-flags/fg';
10
3
  import { Box } from '@atlaskit/primitives/compiled/box';
11
4
  import Tile from '@atlaskit/tile/tile';
12
5
  import { LoomSpaceAvatar } from '../loom-avatar/main';
13
- const styles = {
14
- linkIconWrapperSmall: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o"
15
- };
16
6
  export const ContainerIcon = ({
17
7
  containerType,
18
8
  title,
19
9
  containerIcon,
20
10
  size = 'medium'
21
11
  }) => {
22
- const isMedium = size === 'medium';
23
12
  const [remoteIconFailed, setRemoteIconFailed] = React.useState(false);
24
13
  useEffect(() => {
25
14
  setRemoteIconFailed(false);
@@ -34,54 +23,27 @@ export const ContainerIcon = ({
34
23
 
35
24
  // This is a fallback icon for WebLink if the containerIcon is not present
36
25
  if (containerType === 'WebLink' && !containerIcon || remoteIconFailed) {
37
- if (fg('enable_teams_t26_design_drop_core_experiences')) {
38
- return /*#__PURE__*/React.createElement(Tile, {
39
- label: "",
40
- size: size,
41
- testId: "linked-container-WebLink-new-icon",
42
- hasBorder: true
43
- }, /*#__PURE__*/React.createElement(LinkIcon, {
44
- label: ""
45
- }));
46
- }
47
- return /*#__PURE__*/React.createElement(Box, {
48
- xcss: cx(!isMedium && styles.linkIconWrapperSmall)
49
- }, /*#__PURE__*/React.createElement(IconButton, {
50
- label: "",
51
- spacing: isMedium ? 'default' : 'compact',
52
- appearance: "default",
53
- "aria-hidden": "true" // Keeping this to be double sure icon isn't going to be focused
54
- ,
55
- tabIndex: -1 // This is to prevent the icon from being focused
56
- ,
57
- testId: "linked-container-WebLink-new-icon",
58
- icon: () => /*#__PURE__*/React.createElement(LinkIcon, {
59
- label: "",
60
- size: isMedium ? 'medium' : 'small'
61
- })
62
- }));
63
- }
64
- if (fg('enable_teams_t26_design_drop_core_experiences')) {
65
26
  return /*#__PURE__*/React.createElement(Tile, {
66
27
  label: "",
67
28
  size: size,
68
29
  testId: "linked-container-WebLink-new-icon",
69
- isInset: false,
70
- backgroundColor: "transparent"
71
- }, /*#__PURE__*/React.createElement(Box, {
72
- as: "img",
73
- src: containerIcon,
74
- alt: title,
75
- onError: () => {
76
- setRemoteIconFailed(true);
77
- }
30
+ hasBorder: true
31
+ }, /*#__PURE__*/React.createElement(LinkIcon, {
32
+ label: ""
78
33
  }));
79
34
  }
80
- return /*#__PURE__*/React.createElement(Avatar, {
81
- appearance: "square",
82
- borderColor: "transparent",
35
+ return /*#__PURE__*/React.createElement(Tile, {
36
+ label: "",
83
37
  size: size,
38
+ testId: `linked-container-${containerType}-icon`,
39
+ isInset: false,
40
+ backgroundColor: "transparent"
41
+ }, /*#__PURE__*/React.createElement(Box, {
42
+ as: "img",
84
43
  src: containerIcon,
85
- testId: `linked-container-${containerType}-icon`
86
- });
44
+ alt: title,
45
+ onError: () => {
46
+ setRemoteIconFailed(true);
47
+ }
48
+ }));
87
49
  };
package/dist/es2019/common/ui/loom-avatar/main.compiled.css CHANGED
@@ -1,22 +1,12 @@
1
1
  ._11c81af2{font:var(--ds-font-heading-medium,normal 653 20px/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._11c81qyo{font:var(--ds-font-heading-xsmall,normal 653 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
3
  ._2rkol0p1{border-radius:var(--ds-radius-tile,25%)}
5
4
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
6
- ._18zrv77o{padding-inline:var(--ds-space-025,2px)}
7
5
  ._1dqonqa1{border-style:solid}
8
6
  ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
9
- ._18u0v77o{margin-left:var(--ds-space-025,2px)}
10
- ._19pkv77o{margin-top:var(--ds-space-025,2px)}
11
7
  ._1bah1h6o{justify-content:center}
12
8
  ._1bsb1osq{width:100%}
13
- ._1bsbzwfg{width:2pc}
14
9
  ._1e0c1txw{display:flex}
15
- ._1ul9qslr{min-width:22px}
16
- ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
17
10
  ._4cvr1h6o{align-items:center}
18
11
  ._4t3i1osq{height:100%}
19
- ._4t3iqslr{height:22px}
20
- ._4t3izwfg{height:2pc}
21
- ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
22
12
  ._vchhusvi{box-sizing:border-box}
package/dist/es2019/common/ui/loom-avatar/main.js CHANGED
@@ -3,7 +3,6 @@ import "./main.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { cx } from '@atlaskit/css';
6
- import { fg } from '@atlaskit/platform-feature-flags/fg';
7
6
  import { Box } from '@atlaskit/primitives/compiled/box';
8
7
  import Tile from '@atlaskit/tile/tile';
9
8
  import { getAvatarText } from './getAvatarText';
@@ -16,9 +15,6 @@ const typographyByAvatarSize = {
16
15
  const styles = {
17
16
  loomAvatar: "_2rkol0p1 _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _4cvr1h6o _1bah1h6o _vchhusvi _1bsb1osq _4t3i1osq"
18
17
  };
19
- const boxStyle = null;
20
- const smallBoxStyle = null;
21
- const largeBoxStyle = null;
22
18
  export function LoomSpaceAvatar({
23
19
  spaceName = '',
24
20
  size = 'small',
@@ -27,26 +23,16 @@ export function LoomSpaceAvatar({
27
23
  const avatarText = getAvatarText(spaceName);
28
24
  const containerColor = pickContainerColor(spaceName);
29
25
  const textColor = pickTextColor(spaceName);
30
- if (fg('enable_teams_t26_design_drop_core_experiences')) {
31
- return /*#__PURE__*/React.createElement(Tile, {
32
- size: size,
33
- label: "",
34
- isInset: false,
35
- testId: testId
36
- }, /*#__PURE__*/React.createElement(Box, {
37
- xcss: cx(styles.loomAvatar, typographyByAvatarSize[size]),
38
- style: {
39
- backgroundColor: containerColor,
40
- color: textColor
41
- }
42
- }, avatarText));
43
- }
44
- return /*#__PURE__*/React.createElement("div", {
26
+ return /*#__PURE__*/React.createElement(Tile, {
27
+ size: size,
28
+ label: "",
29
+ isInset: false,
30
+ testId: testId
31
+ }, /*#__PURE__*/React.createElement(Box, {
32
+ xcss: cx(styles.loomAvatar, typographyByAvatarSize[size]),
45
33
  style: {
46
34
  backgroundColor: containerColor,
47
35
  color: textColor
48
- },
49
- "data-testid": testId,
50
- className: ax(["_2rko12b0 _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _4cvr1h6o _1bah1h6o", size === 'small' ? "_11c81qyo _4t3iqslr _1ul9qslr _19pkv77o _2hwxv77o _otyrv77o _18u0v77o" : "_11c81af2 _18zrv77o _4t3izwfg _1bsbzwfg"])
51
- }, avatarText);
36
+ }
37
+ }, avatarText));
52
38
  }
package/dist/es2019/common/utils/get-container-properties.compiled.css CHANGED
@@ -1,7 +1,5 @@
1
1
  ._2rko1eiz{border-radius:var(--ds-radius-small,6px)}
2
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
- ._195gidpf{margin-inline:0}
4
- ._1mouidpf{margin-block:0}._12ji1l7x{outline-color:var(--ds-border,#0b120e24)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._12ji1l7x{outline-color:var(--ds-border,#0b120e24)}
5
3
  ._18u0v77o{margin-left:var(--ds-space-025,2px)}
6
4
  ._19pkv77o{margin-top:var(--ds-space-025,2px)}
7
5
  ._1bah1h6o{justify-content:center}
package/dist/es2019/common/utils/get-container-properties.js CHANGED
@@ -7,9 +7,7 @@ import { cx } from '@atlaskit/css';
7
7
  import LinkIcon from '@atlaskit/icon/core/link';
8
8
  import LinkExternalIcon from '@atlaskit/icon/core/link-external';
9
9
  import Image from '@atlaskit/image';
10
- import { fg } from '@atlaskit/platform-feature-flags/fg';
11
10
  import { Box } from '@atlaskit/primitives/compiled/box';
12
- import { Flex } from '@atlaskit/primitives/compiled/flex';
13
11
  import { Text } from '@atlaskit/primitives/compiled/text';
14
12
  import Tile from '@atlaskit/tile/tile';
15
13
  import ConfluenceIcon from '../assets/ConfluenceIcon.svg';
@@ -18,10 +16,7 @@ import JiraProjectDiscovery from '../assets/JiraProjectDiscovery.svg';
18
16
  import JiraServiceManagement from '../assets/JiraServiceManagement.svg';
19
17
  import LoomIcon from '../assets/LoomIcon.svg';
20
18
  const styles = {
21
- avatarWrapper: "_1bsb1tcg _4t3i1tcg",
22
19
  avatarMargin: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
23
- smallAvatarWrapper: "_1bsb7vkz _4t3i7vkz",
24
- smallAvatarMargin: "_195gidpf _1mouidpf",
25
20
  linkIconWrapper: "_2rkofajl _1bsb7vkz _4t3i7vkz _1e0c1txw _4cvr1h6o _1bah1h6o _12ji1l7x _1qu2nqa1",
26
21
  linkAvatarWrapper: "_2rko1eiz _1bsb1tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _bfhki8nm",
27
22
  profileCardWebLinkIconWrapper: "_1bsb7vkz _4t3i7vkz _1e0c1txw _4cvr1h6o _1bah1h6o"
@@ -108,18 +103,12 @@ const getJiraContainerProperties = ({
108
103
  } = containerTypeProperties || {};
109
104
  const baseProperties = {
110
105
  description: /*#__PURE__*/React.createElement(FormattedMessage, messages.jiraProjectDescription),
111
- icon: fg('enable_teams_t26_design_drop_core_experiences') ? /*#__PURE__*/React.createElement(ContainerIconWrapper, {
106
+ icon: /*#__PURE__*/React.createElement(ContainerIconWrapper, {
112
107
  iconSize: iconSize
113
108
  }, /*#__PURE__*/React.createElement(Image, {
114
109
  src: getJiraIcon(subType),
115
110
  alt: "",
116
111
  testId: "jira-project-container-icon"
117
- })) : /*#__PURE__*/React.createElement(Flex, {
118
- xcss: cx(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
119
- }, /*#__PURE__*/React.createElement(Image, {
120
- src: getJiraIcon(subType),
121
- alt: "",
122
- testId: "jira-project-container-icon"
123
112
  })),
124
113
  title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addJiraProject),
125
114
  containerTypeText: /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerTextOverride)
@@ -151,17 +140,13 @@ const getWebLinkContainerProperties = ({
151
140
  }, /*#__PURE__*/React.createElement(LinkIcon, {
152
141
  label: "",
153
142
  size: "medium"
154
- })) : isDisplayedOnProfileCard ? fg('enable_teams_t26_design_drop_core_experiences') ? /*#__PURE__*/React.createElement(Box, {
143
+ })) : isDisplayedOnProfileCard ? /*#__PURE__*/React.createElement(Box, {
155
144
  xcss: styles.profileCardWebLinkIconWrapper
156
145
  }, /*#__PURE__*/React.createElement(LinkExternalIcon, {
157
146
  label: "",
158
147
  size: "small",
159
148
  testId: "team-link-card-external-link-icon"
160
- })) : /*#__PURE__*/React.createElement(LinkExternalIcon, {
161
- label: "",
162
- size: "small",
163
- testId: "team-link-card-external-link-icon"
164
- }) : /*#__PURE__*/React.createElement(Box, {
149
+ })) : /*#__PURE__*/React.createElement(Box, {
165
150
  xcss: styles.linkIconWrapper,
166
151
  testId: "team-link-card-globe-icon"
167
152
  }, /*#__PURE__*/React.createElement(LinkIcon, {
@@ -174,28 +159,21 @@ const getWebLinkContainerProperties = ({
174
159
  };
175
160
  export const getContainerProperties = ({
176
161
  containerType,
177
- iconSize = fg('enable_teams_t26_design_drop_core_experiences') ? 'small' : 'medium',
162
+ iconSize = 'small',
178
163
  containerTypeProperties,
179
164
  isEmptyContainer,
180
165
  isDisplayedOnProfileCard
181
166
  }) => {
182
- const isT26DesignDropCoreExperiencesEnabled = fg('enable_teams_t26_design_drop_core_experiences');
183
167
  switch (containerType) {
184
168
  case 'ConfluenceSpace':
185
169
  return {
186
170
  description: /*#__PURE__*/React.createElement(FormattedMessage, messages.confluenceContainerDescription),
187
- icon: isT26DesignDropCoreExperiencesEnabled ? /*#__PURE__*/React.createElement(ContainerIconWrapper, {
171
+ icon: /*#__PURE__*/React.createElement(ContainerIconWrapper, {
188
172
  iconSize: iconSize
189
173
  }, /*#__PURE__*/React.createElement(Image, {
190
174
  src: ConfluenceIcon,
191
175
  alt: "",
192
176
  testId: "confluence-space-container-icon"
193
- })) : /*#__PURE__*/React.createElement(Flex, {
194
- xcss: cx(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
195
- }, /*#__PURE__*/React.createElement(Image, {
196
- src: ConfluenceIcon,
197
- alt: "",
198
- testId: "confluence-space-container-icon"
199
177
  })),
200
178
  title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addConfluenceContainerTitle),
201
179
  containerTypeText: /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerTextOverride)
@@ -203,18 +181,12 @@ export const getContainerProperties = ({
203
181
  case 'LoomSpace':
204
182
  return {
205
183
  description: /*#__PURE__*/React.createElement(FormattedMessage, messages.loomSpaceDescription),
206
- icon: isT26DesignDropCoreExperiencesEnabled ? /*#__PURE__*/React.createElement(ContainerIconWrapper, {
184
+ icon: /*#__PURE__*/React.createElement(ContainerIconWrapper, {
207
185
  iconSize: iconSize
208
186
  }, /*#__PURE__*/React.createElement(Image, {
209
187
  src: LoomIcon,
210
188
  alt: "",
211
189
  testId: "loom-space-container-icon"
212
- })) : /*#__PURE__*/React.createElement(Flex, {
213
- xcss: cx(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
214
- }, /*#__PURE__*/React.createElement(Image, {
215
- src: LoomIcon,
216
- alt: "",
217
- testId: "loom-space-container-icon"
218
190
  })),
219
191
  title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addLoomSpace),
220
192
  containerTypeText: /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerTextOverride)
package/dist/esm/common/ui/container-icon/index.js CHANGED
@@ -1,26 +1,15 @@
1
- /* index.tsx generated by @compiled/babel-plugin v3.0.2 */
2
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
- import "./index.compiled.css";
4
- import { ax, ix } from "@compiled/react/runtime";
5
2
  import React, { useEffect } from 'react';
6
- import Avatar from '@atlaskit/avatar/avatar';
7
- import IconButton from '@atlaskit/button/icon/button';
8
- import { cx } from '@atlaskit/css';
9
3
  import LinkIcon from '@atlaskit/icon/core/link';
10
- import { fg } from '@atlaskit/platform-feature-flags/fg';
11
4
  import { Box } from '@atlaskit/primitives/compiled/box';
12
5
  import Tile from '@atlaskit/tile/tile';
13
6
  import { LoomSpaceAvatar } from '../loom-avatar/main';
14
- var styles = {
15
- linkIconWrapperSmall: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o"
16
- };
17
7
  export var ContainerIcon = function ContainerIcon(_ref) {
18
8
  var containerType = _ref.containerType,
19
9
  title = _ref.title,
20
10
  containerIcon = _ref.containerIcon,
21
11
  _ref$size = _ref.size,
22
12
  size = _ref$size === void 0 ? 'medium' : _ref$size;
23
- var isMedium = size === 'medium';
24
13
  var _React$useState = React.useState(false),
25
14
  _React$useState2 = _slicedToArray(_React$useState, 2),
26
15
  remoteIconFailed = _React$useState2[0],
@@ -38,56 +27,27 @@ export var ContainerIcon = function ContainerIcon(_ref) {
38
27
 
39
28
  // This is a fallback icon for WebLink if the containerIcon is not present
40
29
  if (containerType === 'WebLink' && !containerIcon || remoteIconFailed) {
41
- if (fg('enable_teams_t26_design_drop_core_experiences')) {
42
- return /*#__PURE__*/React.createElement(Tile, {
43
- label: "",
44
- size: size,
45
- testId: "linked-container-WebLink-new-icon",
46
- hasBorder: true
47
- }, /*#__PURE__*/React.createElement(LinkIcon, {
48
- label: ""
49
- }));
50
- }
51
- return /*#__PURE__*/React.createElement(Box, {
52
- xcss: cx(!isMedium && styles.linkIconWrapperSmall)
53
- }, /*#__PURE__*/React.createElement(IconButton, {
54
- label: "",
55
- spacing: isMedium ? 'default' : 'compact',
56
- appearance: "default",
57
- "aria-hidden": "true" // Keeping this to be double sure icon isn't going to be focused
58
- ,
59
- tabIndex: -1 // This is to prevent the icon from being focused
60
- ,
61
- testId: "linked-container-WebLink-new-icon",
62
- icon: function icon() {
63
- return /*#__PURE__*/React.createElement(LinkIcon, {
64
- label: "",
65
- size: isMedium ? 'medium' : 'small'
66
- });
67
- }
68
- }));
69
- }
70
- if (fg('enable_teams_t26_design_drop_core_experiences')) {
71
30
  return /*#__PURE__*/React.createElement(Tile, {
72
31
  label: "",
73
32
  size: size,
74
33
  testId: "linked-container-WebLink-new-icon",
75
- isInset: false,
76
- backgroundColor: "transparent"
77
- }, /*#__PURE__*/React.createElement(Box, {
78
- as: "img",
79
- src: containerIcon,
80
- alt: title,
81
- onError: function onError() {
82
- setRemoteIconFailed(true);
83
- }
34
+ hasBorder: true
35
+ }, /*#__PURE__*/React.createElement(LinkIcon, {
36
+ label: ""
84
37
  }));
85
38
  }
86
- return /*#__PURE__*/React.createElement(Avatar, {
87
- appearance: "square",
88
- borderColor: "transparent",
39
+ return /*#__PURE__*/React.createElement(Tile, {
40
+ label: "",
89
41
  size: size,
42
+ testId: "linked-container-".concat(containerType, "-icon"),
43
+ isInset: false,
44
+ backgroundColor: "transparent"
45
+ }, /*#__PURE__*/React.createElement(Box, {
46
+ as: "img",
90
47
  src: containerIcon,
91
- testId: "linked-container-".concat(containerType, "-icon")
92
- });
48
+ alt: title,
49
+ onError: function onError() {
50
+ setRemoteIconFailed(true);
51
+ }
52
+ }));
93
53
  };
package/dist/esm/common/ui/loom-avatar/main.compiled.css CHANGED
@@ -1,22 +1,12 @@
1
1
  ._11c81af2{font:var(--ds-font-heading-medium,normal 653 20px/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._11c81qyo{font:var(--ds-font-heading-xsmall,normal 653 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
- ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
4
3
  ._2rkol0p1{border-radius:var(--ds-radius-tile,25%)}
5
4
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
6
- ._18zrv77o{padding-inline:var(--ds-space-025,2px)}
7
5
  ._1dqonqa1{border-style:solid}
8
6
  ._1h6d1l7x{border-color:var(--ds-border,#0b120e24)}
9
- ._18u0v77o{margin-left:var(--ds-space-025,2px)}
10
- ._19pkv77o{margin-top:var(--ds-space-025,2px)}
11
7
  ._1bah1h6o{justify-content:center}
12
8
  ._1bsb1osq{width:100%}
13
- ._1bsbzwfg{width:2pc}
14
9
  ._1e0c1txw{display:flex}
15
- ._1ul9qslr{min-width:22px}
16
- ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
17
10
  ._4cvr1h6o{align-items:center}
18
11
  ._4t3i1osq{height:100%}
19
- ._4t3iqslr{height:22px}
20
- ._4t3izwfg{height:2pc}
21
- ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
22
12
  ._vchhusvi{box-sizing:border-box}
package/dist/esm/common/ui/loom-avatar/main.js CHANGED
@@ -3,7 +3,6 @@ import "./main.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { cx } from '@atlaskit/css';
6
- import { fg } from '@atlaskit/platform-feature-flags/fg';
7
6
  import { Box } from '@atlaskit/primitives/compiled/box';
8
7
  import Tile from '@atlaskit/tile/tile';
9
8
  import { getAvatarText } from './getAvatarText';
@@ -16,9 +15,6 @@ var typographyByAvatarSize = {
16
15
  var styles = {
17
16
  loomAvatar: "_2rkol0p1 _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _4cvr1h6o _1bah1h6o _vchhusvi _1bsb1osq _4t3i1osq"
18
17
  };
19
- var boxStyle = null;
20
- var smallBoxStyle = null;
21
- var largeBoxStyle = null;
22
18
  export function LoomSpaceAvatar(_ref) {
23
19
  var _ref$spaceName = _ref.spaceName,
24
20
  spaceName = _ref$spaceName === void 0 ? '' : _ref$spaceName,
@@ -29,26 +25,16 @@ export function LoomSpaceAvatar(_ref) {
29
25
  var avatarText = getAvatarText(spaceName);
30
26
  var containerColor = pickContainerColor(spaceName);
31
27
  var textColor = pickTextColor(spaceName);
32
- if (fg('enable_teams_t26_design_drop_core_experiences')) {
33
- return /*#__PURE__*/React.createElement(Tile, {
34
- size: size,
35
- label: "",
36
- isInset: false,
37
- testId: testId
38
- }, /*#__PURE__*/React.createElement(Box, {
39
- xcss: cx(styles.loomAvatar, typographyByAvatarSize[size]),
40
- style: {
41
- backgroundColor: containerColor,
42
- color: textColor
43
- }
44
- }, avatarText));
45
- }
46
- return /*#__PURE__*/React.createElement("div", {
28
+ return /*#__PURE__*/React.createElement(Tile, {
29
+ size: size,
30
+ label: "",
31
+ isInset: false,
32
+ testId: testId
33
+ }, /*#__PURE__*/React.createElement(Box, {
34
+ xcss: cx(styles.loomAvatar, typographyByAvatarSize[size]),
47
35
  style: {
48
36
  backgroundColor: containerColor,
49
37
  color: textColor
50
- },
51
- "data-testid": testId,
52
- className: ax(["_2rko12b0 _189ee4h9 _1dqonqa1 _1h6d1l7x _1e0c1txw _4cvr1h6o _1bah1h6o", size === 'small' ? "_11c81qyo _4t3iqslr _1ul9qslr _19pkv77o _2hwxv77o _otyrv77o _18u0v77o" : "_11c81af2 _18zrv77o _4t3izwfg _1bsbzwfg"])
53
- }, avatarText);
38
+ }
39
+ }, avatarText));
54
40
  }
package/dist/esm/common/utils/get-container-properties.compiled.css CHANGED
@@ -1,7 +1,5 @@
1
1
  ._2rko1eiz{border-radius:var(--ds-radius-small,6px)}
2
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}
3
- ._195gidpf{margin-inline:0}
4
- ._1mouidpf{margin-block:0}._12ji1l7x{outline-color:var(--ds-border,#0b120e24)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._12ji1l7x{outline-color:var(--ds-border,#0b120e24)}
5
3
  ._18u0v77o{margin-left:var(--ds-space-025,2px)}
6
4
  ._19pkv77o{margin-top:var(--ds-space-025,2px)}
7
5
  ._1bah1h6o{justify-content:center}
package/dist/esm/common/utils/get-container-properties.js CHANGED
@@ -10,9 +10,7 @@ import { cx } from '@atlaskit/css';
10
10
  import LinkIcon from '@atlaskit/icon/core/link';
11
11
  import LinkExternalIcon from '@atlaskit/icon/core/link-external';
12
12
  import Image from '@atlaskit/image';
13
- import { fg } from '@atlaskit/platform-feature-flags/fg';
14
13
  import { Box } from '@atlaskit/primitives/compiled/box';
15
- import { Flex } from '@atlaskit/primitives/compiled/flex';
16
14
  import { Text } from '@atlaskit/primitives/compiled/text';
17
15
  import Tile from '@atlaskit/tile/tile';
18
16
  import ConfluenceIcon from '../assets/ConfluenceIcon.svg';
@@ -21,10 +19,7 @@ import JiraProjectDiscovery from '../assets/JiraProjectDiscovery.svg';
21
19
  import JiraServiceManagement from '../assets/JiraServiceManagement.svg';
22
20
  import LoomIcon from '../assets/LoomIcon.svg';
23
21
  var styles = {
24
- avatarWrapper: "_1bsb1tcg _4t3i1tcg",
25
22
  avatarMargin: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
26
- smallAvatarWrapper: "_1bsb7vkz _4t3i7vkz",
27
- smallAvatarMargin: "_195gidpf _1mouidpf",
28
23
  linkIconWrapper: "_2rkofajl _1bsb7vkz _4t3i7vkz _1e0c1txw _4cvr1h6o _1bah1h6o _12ji1l7x _1qu2nqa1",
29
24
  linkAvatarWrapper: "_2rko1eiz _1bsb1tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _bfhki8nm",
30
25
  profileCardWebLinkIconWrapper: "_1bsb7vkz _4t3i7vkz _1e0c1txw _4cvr1h6o _1bah1h6o"
@@ -109,18 +104,12 @@ var getJiraContainerProperties = function getJiraContainerProperties(_ref2) {
109
104
  name = _ref3.name;
110
105
  var baseProperties = {
111
106
  description: /*#__PURE__*/React.createElement(FormattedMessage, messages.jiraProjectDescription),
112
- icon: fg('enable_teams_t26_design_drop_core_experiences') ? /*#__PURE__*/React.createElement(ContainerIconWrapper, {
107
+ icon: /*#__PURE__*/React.createElement(ContainerIconWrapper, {
113
108
  iconSize: iconSize
114
109
  }, /*#__PURE__*/React.createElement(Image, {
115
110
  src: getJiraIcon(subType),
116
111
  alt: "",
117
112
  testId: "jira-project-container-icon"
118
- })) : /*#__PURE__*/React.createElement(Flex, {
119
- xcss: cx(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
120
- }, /*#__PURE__*/React.createElement(Image, {
121
- src: getJiraIcon(subType),
122
- alt: "",
123
- testId: "jira-project-container-icon"
124
113
  })),
125
114
  title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addJiraProject),
126
115
  containerTypeText: /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerTextOverride)
@@ -150,17 +139,13 @@ var getWebLinkContainerProperties = function getWebLinkContainerProperties(_ref4
150
139
  }, /*#__PURE__*/React.createElement(LinkIcon, {
151
140
  label: "",
152
141
  size: "medium"
153
- })) : isDisplayedOnProfileCard ? fg('enable_teams_t26_design_drop_core_experiences') ? /*#__PURE__*/React.createElement(Box, {
142
+ })) : isDisplayedOnProfileCard ? /*#__PURE__*/React.createElement(Box, {
154
143
  xcss: styles.profileCardWebLinkIconWrapper
155
144
  }, /*#__PURE__*/React.createElement(LinkExternalIcon, {
156
145
  label: "",
157
146
  size: "small",
158
147
  testId: "team-link-card-external-link-icon"
159
- })) : /*#__PURE__*/React.createElement(LinkExternalIcon, {
160
- label: "",
161
- size: "small",
162
- testId: "team-link-card-external-link-icon"
163
- }) : /*#__PURE__*/React.createElement(Box, {
148
+ })) : /*#__PURE__*/React.createElement(Box, {
164
149
  xcss: styles.linkIconWrapper,
165
150
  testId: "team-link-card-globe-icon"
166
151
  }, /*#__PURE__*/React.createElement(LinkIcon, {
@@ -174,27 +159,20 @@ var getWebLinkContainerProperties = function getWebLinkContainerProperties(_ref4
174
159
  export var getContainerProperties = function getContainerProperties(_ref5) {
175
160
  var containerType = _ref5.containerType,
176
161
  _ref5$iconSize = _ref5.iconSize,
177
- iconSize = _ref5$iconSize === void 0 ? fg('enable_teams_t26_design_drop_core_experiences') ? 'small' : 'medium' : _ref5$iconSize,
162
+ iconSize = _ref5$iconSize === void 0 ? 'small' : _ref5$iconSize,
178
163
  containerTypeProperties = _ref5.containerTypeProperties,
179
164
  isEmptyContainer = _ref5.isEmptyContainer,
180
165
  isDisplayedOnProfileCard = _ref5.isDisplayedOnProfileCard;
181
- var isT26DesignDropCoreExperiencesEnabled = fg('enable_teams_t26_design_drop_core_experiences');
182
166
  switch (containerType) {
183
167
  case 'ConfluenceSpace':
184
168
  return {
185
169
  description: /*#__PURE__*/React.createElement(FormattedMessage, messages.confluenceContainerDescription),
186
- icon: isT26DesignDropCoreExperiencesEnabled ? /*#__PURE__*/React.createElement(ContainerIconWrapper, {
170
+ icon: /*#__PURE__*/React.createElement(ContainerIconWrapper, {
187
171
  iconSize: iconSize
188
172
  }, /*#__PURE__*/React.createElement(Image, {
189
173
  src: ConfluenceIcon,
190
174
  alt: "",
191
175
  testId: "confluence-space-container-icon"
192
- })) : /*#__PURE__*/React.createElement(Flex, {
193
- xcss: cx(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
194
- }, /*#__PURE__*/React.createElement(Image, {
195
- src: ConfluenceIcon,
196
- alt: "",
197
- testId: "confluence-space-container-icon"
198
176
  })),
199
177
  title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addConfluenceContainerTitle),
200
178
  containerTypeText: /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerTextOverride)
@@ -202,18 +180,12 @@ export var getContainerProperties = function getContainerProperties(_ref5) {
202
180
  case 'LoomSpace':
203
181
  return {
204
182
  description: /*#__PURE__*/React.createElement(FormattedMessage, messages.loomSpaceDescription),
205
- icon: isT26DesignDropCoreExperiencesEnabled ? /*#__PURE__*/React.createElement(ContainerIconWrapper, {
183
+ icon: /*#__PURE__*/React.createElement(ContainerIconWrapper, {
206
184
  iconSize: iconSize
207
185
  }, /*#__PURE__*/React.createElement(Image, {
208
186
  src: LoomIcon,
209
187
  alt: "",
210
188
  testId: "loom-space-container-icon"
211
- })) : /*#__PURE__*/React.createElement(Flex, {
212
- xcss: cx(iconSize === 'small' ? styles.smallAvatarWrapper : styles.avatarWrapper, iconSize === 'small' ? styles.smallAvatarMargin : styles.avatarMargin)
213
- }, /*#__PURE__*/React.createElement(Image, {
214
- src: LoomIcon,
215
- alt: "",
216
- testId: "loom-space-container-icon"
217
189
  })),
218
190
  title: /*#__PURE__*/React.createElement(FormattedMessage, messages.addLoomSpace),
219
191
  containerTypeText: /*#__PURE__*/React.createElement(FormattedMessage, messages.spaceContainerTextOverride)
package/package.json CHANGED
@@ -23,7 +23,7 @@
23
23
  ],
24
24
  "atlaskit:src": "src/index.ts",
25
25
  "dependencies": {
26
- "@atlaskit/afm-i18n-platform-people-and-teams-teams-public": "2.263.0",
26
+ "@atlaskit/afm-i18n-platform-people-and-teams-teams-public": "2.284.0",
27
27
  "@atlaskit/analytics-next": "^12.6.0",
28
28
  "@atlaskit/avatar": "^30.0.0",
29
29
  "@atlaskit/button": "^25.4.0",
@@ -34,10 +34,10 @@
34
34
  "@atlaskit/icon": "^38.0.0",
35
35
  "@atlaskit/image": "^5.2.0",
36
36
  "@atlaskit/link": "^5.1.0",
37
- "@atlaskit/modal-dialog": "^17.0.0",
37
+ "@atlaskit/modal-dialog": "^17.1.0",
38
38
  "@atlaskit/people-teams-ui-public": "^5.2.0",
39
39
  "@atlaskit/platform-feature-flags": "^2.2.0",
40
- "@atlaskit/primitives": "^22.5.0",
40
+ "@atlaskit/primitives": "^22.6.0",
41
41
  "@atlaskit/react-compiler-gating": "^0.2.0",
42
42
  "@atlaskit/skeleton": "^4.4.0",
43
43
  "@atlaskit/teams-app-internal-analytics": "^2.4.0",
@@ -68,7 +68,7 @@
68
68
  "@atlassian/feature-flags-test-utils": "^1.3.0",
69
69
  "@atlassian/ptc-test-utils": "^0.16.0",
70
70
  "@atlassian/teams-app-internal-playground": "^2.10.0",
71
- "@atlassian/testing-library": "^0.11.0",
71
+ "@atlassian/testing-library": "^0.12.0",
72
72
  "@atlassian/workbench": "workspace:^",
73
73
  "@testing-library/react": "^16.3.0",
74
74
  "@testing-library/user-event": "^14.4.3",
@@ -77,7 +77,7 @@
77
77
  "react-intl": "^7.0.0"
78
78
  },
79
79
  "name": "@atlaskit/teams-public",
80
- "version": "3.4.1",
80
+ "version": "3.5.0",
81
81
  "description": "Public components related to teams",
82
82
  "author": "Atlassian Pty Ltd",
83
83
  "license": "Apache-2.0",
@@ -95,9 +95,6 @@
95
95
  "workforce_optimization_team_modal_update": {
96
96
  "type": "boolean"
97
97
  },
98
- "enable_teams_t26_design_drop_core_experiences": {
99
- "type": "boolean"
100
- },
101
98
  "teams_a11y_20261005": {
102
99
  "type": "boolean"
103
100
  }
package/dist/cjs/common/ui/container-icon/index.compiled.css DELETED
@@ -1,4 +0,0 @@
1
- ._18u0v77o{margin-left:var(--ds-space-025,2px)}
2
- ._19pkv77o{margin-top:var(--ds-space-025,2px)}
3
- ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
4
- ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
package/dist/es2019/common/ui/container-icon/index.compiled.css DELETED
@@ -1,4 +0,0 @@
1
- ._18u0v77o{margin-left:var(--ds-space-025,2px)}
2
- ._19pkv77o{margin-top:var(--ds-space-025,2px)}
3
- ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
4
- ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
package/dist/esm/common/ui/container-icon/index.compiled.css DELETED
@@ -1,4 +0,0 @@
1
- ._18u0v77o{margin-left:var(--ds-space-025,2px)}
2
- ._19pkv77o{margin-top:var(--ds-space-025,2px)}
3
- ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
4
- ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}