@atlaskit/teams-avatar 2.4.9 → 2.4.11

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-avatar
2
2
 
3
+ ## 2.4.11
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 2.4.10
10
+
11
+ ### Patch Changes
12
+
13
+ - [`c95c07e8ef6ab`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c95c07e8ef6ab) -
14
+ Fix border radius in FallbackAvatar
15
+
3
16
  ## 2.4.9
4
17
 
5
18
  ### Patch Changes
@@ -1,8 +1,11 @@
1
+
2
+ ._2rkol0p1{border-radius:var(--ds-radius-tile,25%)}._18m915vq{overflow-y:hidden}
1
3
  ._18u0v77o{margin-left:var(--ds-space-025,2px)}
2
4
  ._18u0ze3t{margin-left:var(--ds-space-0,0)}
3
5
  ._19pkv77o{margin-top:var(--ds-space-025,2px)}
4
6
  ._19pkze3t{margin-top:var(--ds-space-0,0)}
5
7
  ._1e0c1txw{display:flex}
8
+ ._1reo15vq{overflow-x:hidden}
6
9
  ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
7
10
  ._2hwxze3t{margin-right:var(--ds-space-0,0)}
8
11
  ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
@@ -12,10 +12,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
12
12
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
13
13
  var _react = _interopRequireDefault(require("react"));
14
14
  var _css = require("@atlaskit/css");
15
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
15
16
  var _compiled = require("@atlaskit/primitives/compiled");
16
17
  var _excluded = ["compact"];
17
18
  var styles = {
18
- wrapper: "_1e0c1txw",
19
+ wrapperOld: "_1e0c1txw",
20
+ wrapper: "_1reo15vq _18m915vq _2rkol0p1 _1e0c1txw",
19
21
  wrapperSpacing: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
20
22
  compactWrapperSpacing: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t"
21
23
  };
@@ -23,7 +25,7 @@ function FallbackAvatar(_ref) {
23
25
  var compact = _ref.compact,
24
26
  props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
25
27
  return /*#__PURE__*/_react.default.createElement(_compiled.Box, {
26
- xcss: (0, _css.cx)(styles.wrapper, compact ? styles.compactWrapperSpacing : styles.wrapperSpacing)
28
+ xcss: (0, _css.cx)((0, _platformFeatureFlags.fg)('yurree_jjj_3_ads_fixes') ? styles.wrapper : styles.wrapperOld, compact ? styles.compactWrapperSpacing : styles.wrapperSpacing)
27
29
  }, /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
28
30
  width: "32",
29
31
  height: "32",
@@ -1,8 +1,11 @@
1
+
2
+ ._2rkol0p1{border-radius:var(--ds-radius-tile,25%)}._18m915vq{overflow-y:hidden}
1
3
  ._18u0v77o{margin-left:var(--ds-space-025,2px)}
2
4
  ._18u0ze3t{margin-left:var(--ds-space-0,0)}
3
5
  ._19pkv77o{margin-top:var(--ds-space-025,2px)}
4
6
  ._19pkze3t{margin-top:var(--ds-space-0,0)}
5
7
  ._1e0c1txw{display:flex}
8
+ ._1reo15vq{overflow-x:hidden}
6
9
  ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
7
10
  ._2hwxze3t{margin-right:var(--ds-space-0,0)}
8
11
  ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
@@ -4,9 +4,11 @@ import "./index.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import React from 'react';
6
6
  import { cx } from '@atlaskit/css';
7
+ import { fg } from '@atlaskit/platform-feature-flags';
7
8
  import { Box } from '@atlaskit/primitives/compiled';
8
9
  const styles = {
9
- wrapper: "_1e0c1txw",
10
+ wrapperOld: "_1e0c1txw",
11
+ wrapper: "_1reo15vq _18m915vq _2rkol0p1 _1e0c1txw",
10
12
  wrapperSpacing: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
11
13
  compactWrapperSpacing: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t"
12
14
  };
@@ -15,7 +17,7 @@ export function FallbackAvatar({
15
17
  ...props
16
18
  }) {
17
19
  return /*#__PURE__*/React.createElement(Box, {
18
- xcss: cx(styles.wrapper, compact ? styles.compactWrapperSpacing : styles.wrapperSpacing)
20
+ xcss: cx(fg('yurree_jjj_3_ads_fixes') ? styles.wrapper : styles.wrapperOld, compact ? styles.compactWrapperSpacing : styles.wrapperSpacing)
19
21
  }, /*#__PURE__*/React.createElement("svg", _extends({
20
22
  width: "32",
21
23
  height: "32",
@@ -1,8 +1,11 @@
1
+
2
+ ._2rkol0p1{border-radius:var(--ds-radius-tile,25%)}._18m915vq{overflow-y:hidden}
1
3
  ._18u0v77o{margin-left:var(--ds-space-025,2px)}
2
4
  ._18u0ze3t{margin-left:var(--ds-space-0,0)}
3
5
  ._19pkv77o{margin-top:var(--ds-space-025,2px)}
4
6
  ._19pkze3t{margin-top:var(--ds-space-0,0)}
5
7
  ._1e0c1txw{display:flex}
8
+ ._1reo15vq{overflow-x:hidden}
6
9
  ._2hwxv77o{margin-right:var(--ds-space-025,2px)}
7
10
  ._2hwxze3t{margin-right:var(--ds-space-0,0)}
8
11
  ._otyrv77o{margin-bottom:var(--ds-space-025,2px)}
@@ -6,9 +6,11 @@ import "./index.compiled.css";
6
6
  import { ax, ix } from "@compiled/react/runtime";
7
7
  import React from 'react';
8
8
  import { cx } from '@atlaskit/css';
9
+ import { fg } from '@atlaskit/platform-feature-flags';
9
10
  import { Box } from '@atlaskit/primitives/compiled';
10
11
  var styles = {
11
- wrapper: "_1e0c1txw",
12
+ wrapperOld: "_1e0c1txw",
13
+ wrapper: "_1reo15vq _18m915vq _2rkol0p1 _1e0c1txw",
12
14
  wrapperSpacing: "_19pkv77o _2hwxv77o _otyrv77o _18u0v77o",
13
15
  compactWrapperSpacing: "_19pkze3t _2hwxze3t _otyrze3t _18u0ze3t"
14
16
  };
@@ -16,7 +18,7 @@ export function FallbackAvatar(_ref) {
16
18
  var compact = _ref.compact,
17
19
  props = _objectWithoutProperties(_ref, _excluded);
18
20
  return /*#__PURE__*/React.createElement(Box, {
19
- xcss: cx(styles.wrapper, compact ? styles.compactWrapperSpacing : styles.wrapperSpacing)
21
+ xcss: cx(fg('yurree_jjj_3_ads_fixes') ? styles.wrapper : styles.wrapperOld, compact ? styles.compactWrapperSpacing : styles.wrapperSpacing)
20
22
  }, /*#__PURE__*/React.createElement("svg", _extends({
21
23
  width: "32",
22
24
  height: "32",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/teams-avatar",
3
- "version": "2.4.9",
3
+ "version": "2.4.11",
4
4
  "description": "A team avatar is a visual representation of a team.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -35,10 +35,11 @@
35
35
  "test:coverage": "(cd ../../.. && yarn test 'packages/people-and-teams/teams-avatar/src' --coverage --coverageProvider=v8 --collectCoverageFrom='[\"packages/people-and-teams/teams-avatar/src/**\", \"!packages/people-and-teams/teams-avatar/src/**/**/types.ts\", \"!packages/people-and-teams/teams-avatar/src/ui/**/styled.tsx\"]')"
36
36
  },
37
37
  "dependencies": {
38
- "@atlaskit/avatar": "^25.7.0",
38
+ "@atlaskit/avatar": "^25.8.0",
39
39
  "@atlaskit/css": "^0.19.0",
40
+ "@atlaskit/platform-feature-flags": "^1.1.0",
40
41
  "@atlaskit/primitives": "^18.0.0",
41
- "@atlaskit/theme": "^21.0.0",
42
+ "@atlaskit/theme": "^22.0.0",
42
43
  "@atlaskit/tokens": "^11.0.0",
43
44
  "@babel/runtime": "^7.0.0",
44
45
  "@compiled/react": "^0.18.6"
@@ -54,6 +55,11 @@
54
55
  "react-dom": "^18.2.0",
55
56
  "wait-for-expect": "^1.2.0"
56
57
  },
58
+ "platform-feature-flags": {
59
+ "yurree_jjj_3_ads_fixes": {
60
+ "type": "boolean"
61
+ }
62
+ },
57
63
  "techstack": {
58
64
  "@atlassian/frontend": {
59
65
  "code-structure": [