@atlaskit/teams-public 0.62.0 → 0.62.2
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 +13 -0
- package/dist/cjs/common/ui/container-icon/index.js +7 -3
- package/dist/cjs/next/ui/team-containers/team-link-card/index.js +0 -1
- package/dist/es2019/common/ui/container-icon/index.js +7 -3
- package/dist/es2019/next/ui/team-containers/team-link-card/index.js +0 -1
- package/dist/esm/common/ui/container-icon/index.js +7 -3
- package/dist/esm/next/ui/team-containers/team-link-card/index.js +0 -1
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/teams-public
|
|
2
2
|
|
|
3
|
+
## 0.62.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`0c9c1550fefa7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0c9c1550fefa7) -
|
|
8
|
+
Linker a11y fixes- navigating via arrow keys in list, team card minor padding and ux fixes
|
|
9
|
+
|
|
10
|
+
## 0.62.1
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 0.62.0
|
|
4
17
|
|
|
5
18
|
### Minor Changes
|
|
@@ -11,6 +11,7 @@ var _runtime = require("@compiled/react/runtime");
|
|
|
11
11
|
var _react = _interopRequireDefault(require("react"));
|
|
12
12
|
var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
|
|
13
13
|
var _new = require("@atlaskit/button/new");
|
|
14
|
+
var _css = require("@atlaskit/css");
|
|
14
15
|
var _featureGateJsClient = _interopRequireDefault(require("@atlaskit/feature-gate-js-client"));
|
|
15
16
|
var _globe = _interopRequireDefault(require("@atlaskit/icon/core/globe"));
|
|
16
17
|
var _link = _interopRequireDefault(require("@atlaskit/icon/core/link"));
|
|
@@ -19,6 +20,7 @@ var _loomAvatar = require("../loom-avatar");
|
|
|
19
20
|
var styles = {
|
|
20
21
|
globeIconWrapperMedium: "_2rko1mok _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1 _bfhkqbzx",
|
|
21
22
|
globeIconWrapperSmall: "_2rkolb4i _1ul91tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _12jimuej _1qu2nqa1 _bfhkqbzx",
|
|
23
|
+
linkIconWrapperSmall: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
|
|
22
24
|
skeletonMedium: "_2rko1mok _bfhkn82g _1bsb1u1b _4t3i1u1b",
|
|
23
25
|
skeletonSmall: "_2rkolb4i _bfhkn82g _1bsb1tcg _4t3i1tcg"
|
|
24
26
|
};
|
|
@@ -53,9 +55,11 @@ var ContainerIcon = exports.ContainerIcon = function ContainerIcon(_ref2) {
|
|
|
53
55
|
// This is a fallback icon for WebLink if the containerIcon is not present
|
|
54
56
|
if (containerType === 'WebLink' && !containerIcon) {
|
|
55
57
|
if (isTeamLensInHomeEnabled || isNewTeamProfilePageEnabled) {
|
|
56
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
58
|
+
return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
|
|
59
|
+
xcss: (0, _css.cx)(!isMedium && styles.linkIconWrapperSmall)
|
|
60
|
+
}, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
|
|
57
61
|
label: "",
|
|
58
|
-
spacing:
|
|
62
|
+
spacing: isMedium ? 'default' : 'compact',
|
|
59
63
|
appearance: "default",
|
|
60
64
|
"aria-hidden": "true" // Keeping this to be double sure icon isn't going to be focused
|
|
61
65
|
,
|
|
@@ -68,7 +72,7 @@ var ContainerIcon = exports.ContainerIcon = function ContainerIcon(_ref2) {
|
|
|
68
72
|
size: isMedium ? 'medium' : 'small'
|
|
69
73
|
});
|
|
70
74
|
}
|
|
71
|
-
});
|
|
75
|
+
}));
|
|
72
76
|
}
|
|
73
77
|
if (iconsLoading || !iconHasLoaded) {
|
|
74
78
|
return /*#__PURE__*/_react.default.createElement(IconSkeleton, {
|
|
@@ -149,7 +149,6 @@ var TeamLinkCard = exports.TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
149
149
|
space: "space.025"
|
|
150
150
|
}, /*#__PURE__*/_react.default.createElement(_compiled.Text, {
|
|
151
151
|
maxLines: 1,
|
|
152
|
-
weight: "medium",
|
|
153
152
|
color: "color.text"
|
|
154
153
|
}, title), /*#__PURE__*/_react.default.createElement(_compiled.Flex, {
|
|
155
154
|
gap: "space.050",
|
|
@@ -4,6 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import Avatar from '@atlaskit/avatar';
|
|
6
6
|
import { IconButton } from '@atlaskit/button/new';
|
|
7
|
+
import { cx } from '@atlaskit/css';
|
|
7
8
|
import FeatureGates from '@atlaskit/feature-gate-js-client';
|
|
8
9
|
import GlobeIcon from '@atlaskit/icon/core/globe';
|
|
9
10
|
import LinkIcon from '@atlaskit/icon/core/link';
|
|
@@ -12,6 +13,7 @@ import { LoomSpaceAvatar } from '../loom-avatar';
|
|
|
12
13
|
const styles = {
|
|
13
14
|
globeIconWrapperMedium: "_2rko1mok _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1 _bfhkqbzx",
|
|
14
15
|
globeIconWrapperSmall: "_2rkolb4i _1ul91tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _12jimuej _1qu2nqa1 _bfhkqbzx",
|
|
16
|
+
linkIconWrapperSmall: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
|
|
15
17
|
skeletonMedium: "_2rko1mok _bfhkn82g _1bsb1u1b _4t3i1u1b",
|
|
16
18
|
skeletonSmall: "_2rkolb4i _bfhkn82g _1bsb1tcg _4t3i1tcg"
|
|
17
19
|
};
|
|
@@ -45,9 +47,11 @@ export const ContainerIcon = ({
|
|
|
45
47
|
// This is a fallback icon for WebLink if the containerIcon is not present
|
|
46
48
|
if (containerType === 'WebLink' && !containerIcon) {
|
|
47
49
|
if (isTeamLensInHomeEnabled || isNewTeamProfilePageEnabled) {
|
|
48
|
-
return /*#__PURE__*/React.createElement(
|
|
50
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
51
|
+
xcss: cx(!isMedium && styles.linkIconWrapperSmall)
|
|
52
|
+
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
49
53
|
label: "",
|
|
50
|
-
spacing:
|
|
54
|
+
spacing: isMedium ? 'default' : 'compact',
|
|
51
55
|
appearance: "default",
|
|
52
56
|
"aria-hidden": "true" // Keeping this to be double sure icon isn't going to be focused
|
|
53
57
|
,
|
|
@@ -58,7 +62,7 @@ export const ContainerIcon = ({
|
|
|
58
62
|
label: "",
|
|
59
63
|
size: isMedium ? 'medium' : 'small'
|
|
60
64
|
})
|
|
61
|
-
});
|
|
65
|
+
}));
|
|
62
66
|
}
|
|
63
67
|
if (iconsLoading || !iconHasLoaded) {
|
|
64
68
|
return /*#__PURE__*/React.createElement(IconSkeleton, {
|
|
@@ -4,6 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import Avatar from '@atlaskit/avatar';
|
|
6
6
|
import { IconButton } from '@atlaskit/button/new';
|
|
7
|
+
import { cx } from '@atlaskit/css';
|
|
7
8
|
import FeatureGates from '@atlaskit/feature-gate-js-client';
|
|
8
9
|
import GlobeIcon from '@atlaskit/icon/core/globe';
|
|
9
10
|
import LinkIcon from '@atlaskit/icon/core/link';
|
|
@@ -12,6 +13,7 @@ import { LoomSpaceAvatar } from '../loom-avatar';
|
|
|
12
13
|
var styles = {
|
|
13
14
|
globeIconWrapperMedium: "_2rko1mok _1bsb1u1b _4t3i1u1b _1e0c1txw _4cvr1h6o _1bah1h6o _12jimuej _1qu2nqa1 _bfhkqbzx",
|
|
14
15
|
globeIconWrapperSmall: "_2rkolb4i _1ul91tcg _4t3i1tcg _1e0c1txw _4cvr1h6o _1bah1h6o _19pkv77o _2hwxv77o _otyrv77o _18u0v77o _12jimuej _1qu2nqa1 _bfhkqbzx",
|
|
16
|
+
linkIconWrapperSmall: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
|
|
15
17
|
skeletonMedium: "_2rko1mok _bfhkn82g _1bsb1u1b _4t3i1u1b",
|
|
16
18
|
skeletonSmall: "_2rkolb4i _bfhkn82g _1bsb1tcg _4t3i1tcg"
|
|
17
19
|
};
|
|
@@ -46,9 +48,11 @@ export var ContainerIcon = function ContainerIcon(_ref2) {
|
|
|
46
48
|
// This is a fallback icon for WebLink if the containerIcon is not present
|
|
47
49
|
if (containerType === 'WebLink' && !containerIcon) {
|
|
48
50
|
if (isTeamLensInHomeEnabled || isNewTeamProfilePageEnabled) {
|
|
49
|
-
return /*#__PURE__*/React.createElement(
|
|
51
|
+
return /*#__PURE__*/React.createElement(Box, {
|
|
52
|
+
xcss: cx(!isMedium && styles.linkIconWrapperSmall)
|
|
53
|
+
}, /*#__PURE__*/React.createElement(IconButton, {
|
|
50
54
|
label: "",
|
|
51
|
-
spacing:
|
|
55
|
+
spacing: isMedium ? 'default' : 'compact',
|
|
52
56
|
appearance: "default",
|
|
53
57
|
"aria-hidden": "true" // Keeping this to be double sure icon isn't going to be focused
|
|
54
58
|
,
|
|
@@ -61,7 +65,7 @@ export var ContainerIcon = function ContainerIcon(_ref2) {
|
|
|
61
65
|
size: isMedium ? 'medium' : 'small'
|
|
62
66
|
});
|
|
63
67
|
}
|
|
64
|
-
});
|
|
68
|
+
}));
|
|
65
69
|
}
|
|
66
70
|
if (iconsLoading || !iconHasLoaded) {
|
|
67
71
|
return /*#__PURE__*/React.createElement(IconSkeleton, {
|
|
@@ -140,7 +140,6 @@ export var TeamLinkCard = function TeamLinkCard(_ref) {
|
|
|
140
140
|
space: "space.025"
|
|
141
141
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
142
142
|
maxLines: 1,
|
|
143
|
-
weight: "medium",
|
|
144
143
|
color: "color.text"
|
|
145
144
|
}, title), /*#__PURE__*/React.createElement(Flex, {
|
|
146
145
|
gap: "space.050",
|
package/package.json
CHANGED
|
@@ -26,12 +26,12 @@
|
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@atlaskit/afm-i18n-platform-people-and-teams-teams-public": "2.7.0",
|
|
28
28
|
"@atlaskit/analytics-next": "^11.1.0",
|
|
29
|
-
"@atlaskit/avatar": "^25.
|
|
29
|
+
"@atlaskit/avatar": "^25.4.0",
|
|
30
30
|
"@atlaskit/button": "^23.5.0",
|
|
31
|
-
"@atlaskit/css": "^0.
|
|
31
|
+
"@atlaskit/css": "^0.15.0",
|
|
32
32
|
"@atlaskit/dropdown-menu": "^16.3.0",
|
|
33
33
|
"@atlaskit/feature-gate-js-client": "^5.5.0",
|
|
34
|
-
"@atlaskit/flag": "^17.
|
|
34
|
+
"@atlaskit/flag": "^17.5.0",
|
|
35
35
|
"@atlaskit/frontend-utilities": "^3.2.0",
|
|
36
36
|
"@atlaskit/heading": "^5.2.0",
|
|
37
37
|
"@atlaskit/icon": "^28.5.0",
|
|
@@ -39,19 +39,19 @@
|
|
|
39
39
|
"@atlaskit/image": "^3.0.0",
|
|
40
40
|
"@atlaskit/link": "^3.2.0",
|
|
41
41
|
"@atlaskit/logo": "^19.9.0",
|
|
42
|
-
"@atlaskit/modal-dialog": "^14.
|
|
43
|
-
"@atlaskit/people-teams-ui-public": "^3.
|
|
42
|
+
"@atlaskit/modal-dialog": "^14.5.0",
|
|
43
|
+
"@atlaskit/people-teams-ui-public": "^3.5.0",
|
|
44
44
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
45
|
-
"@atlaskit/primitives": "^
|
|
45
|
+
"@atlaskit/primitives": "^15.0.0",
|
|
46
46
|
"@atlaskit/skeleton": "^2.1.0",
|
|
47
|
-
"@atlaskit/teams-app-internal-analytics": "^1.
|
|
47
|
+
"@atlaskit/teams-app-internal-analytics": "^1.16.0",
|
|
48
48
|
"@atlaskit/teams-app-internal-product-permissions": "^1.2.0",
|
|
49
|
-
"@atlaskit/teams-client": "^4.
|
|
49
|
+
"@atlaskit/teams-client": "^4.19.0",
|
|
50
50
|
"@atlaskit/theme": "^21.0.0",
|
|
51
|
-
"@atlaskit/tokens": "^6.
|
|
51
|
+
"@atlaskit/tokens": "^6.5.0",
|
|
52
52
|
"@atlaskit/tooltip": "^20.5.0",
|
|
53
53
|
"@babel/runtime": "^7.0.0",
|
|
54
|
-
"@compiled/react": "^0.18.
|
|
54
|
+
"@compiled/react": "^0.18.6",
|
|
55
55
|
"@types/string-hash": "^1.1.3",
|
|
56
56
|
"graphql": "^15.8.0",
|
|
57
57
|
"graphql-tag": "^2.10.1",
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
}
|
|
112
112
|
},
|
|
113
113
|
"name": "@atlaskit/teams-public",
|
|
114
|
-
"version": "0.62.
|
|
114
|
+
"version": "0.62.2",
|
|
115
115
|
"description": "Public components related to teams",
|
|
116
116
|
"author": "Atlassian Pty Ltd",
|
|
117
117
|
"license": "Apache-2.0",
|