@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 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(_new.IconButton, {
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: "default",
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(IconButton, {
50
+ return /*#__PURE__*/React.createElement(Box, {
51
+ xcss: cx(!isMedium && styles.linkIconWrapperSmall)
52
+ }, /*#__PURE__*/React.createElement(IconButton, {
49
53
  label: "",
50
- spacing: "default",
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, {
@@ -130,7 +130,6 @@ export const TeamLinkCard = ({
130
130
  space: "space.025"
131
131
  }, /*#__PURE__*/React.createElement(Text, {
132
132
  maxLines: 1,
133
- weight: "medium",
134
133
  color: "color.text"
135
134
  }, title), /*#__PURE__*/React.createElement(Flex, {
136
135
  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
  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(IconButton, {
51
+ return /*#__PURE__*/React.createElement(Box, {
52
+ xcss: cx(!isMedium && styles.linkIconWrapperSmall)
53
+ }, /*#__PURE__*/React.createElement(IconButton, {
50
54
  label: "",
51
- spacing: "default",
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.3.0",
29
+ "@atlaskit/avatar": "^25.4.0",
30
30
  "@atlaskit/button": "^23.5.0",
31
- "@atlaskit/css": "^0.14.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.4.0",
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.4.0",
43
- "@atlaskit/people-teams-ui-public": "^3.4.0",
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": "^14.15.0",
45
+ "@atlaskit/primitives": "^15.0.0",
46
46
  "@atlaskit/skeleton": "^2.1.0",
47
- "@atlaskit/teams-app-internal-analytics": "^1.13.0",
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.18.0",
49
+ "@atlaskit/teams-client": "^4.19.0",
50
50
  "@atlaskit/theme": "^21.0.0",
51
- "@atlaskit/tokens": "^6.4.0",
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.3",
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.0",
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",