@atlaskit/avatar 25.5.5 → 25.6.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @atlaskit/avatar
2
2
 
3
+ ## 25.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`7df690ca5c497`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7df690ca5c497) -
8
+ We are expanding the testing of previous changes behind an additional feature flag to more apps.
9
+ If this change is successful, it will be available in a later release.
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 25.5.6
16
+
17
+ ### Patch Changes
18
+
19
+ - [`a60a82196851a`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a60a82196851a) -
20
+ Internal refactors to remove unused variables. No functional or public changes.
21
+ - Updated dependencies
22
+
3
23
  ## 25.5.5
4
24
 
5
25
  ### Patch Changes
@@ -100,7 +100,7 @@ var AvatarContent = exports.AvatarContent = /*#__PURE__*/(0, _react.forwardRef)(
100
100
  target: target,
101
101
  rel: target === '_blank' ? 'noopener noreferrer' : undefined
102
102
  }, {
103
- className: (0, _runtime.ax)([unboundStyles.root, styles.root, !(0, _platformFeatureFlags.fg)('platform_dst_avatar_tile') && borderRadiusMap[size], appearance === 'square' && (0, _platformFeatureFlags.fg)('platform_dst_avatar_tile') && styles.square, appearance === 'circle' && styles.circle, appearance === 'hexagon' && unboundStyles.hexagon, widthHeightMap[size], stackIndex !== undefined && styles.positionRelative, isInteractive && !isDisabled && unboundStyles.interactive, isDisabled && styles.disabled])
103
+ className: (0, _runtime.ax)([unboundStyles.root, styles.root, !(0, _platformFeatureFlags.fg)('platform_dst_avatar_tile') && !(0, _platformFeatureFlags.fg)('platform_dst_avatar_tile_stage2') && borderRadiusMap[size], appearance === 'square' && ((0, _platformFeatureFlags.fg)('platform_dst_avatar_tile') || (0, _platformFeatureFlags.fg)('platform_dst_avatar_tile_stage2')) && styles.square, appearance === 'circle' && styles.circle, appearance === 'hexagon' && unboundStyles.hexagon, widthHeightMap[size], stackIndex !== undefined && styles.positionRelative, isInteractive && !isDisabled && unboundStyles.interactive, isDisabled && styles.disabled])
104
104
  }), children || avatarImage);
105
105
  if (appearance !== 'hexagon') {
106
106
  return renderedContent;
@@ -52,7 +52,7 @@ var Skeleton = function Skeleton(_ref) {
52
52
  weight = _ref.weight;
53
53
  return /*#__PURE__*/React.createElement("div", {
54
54
  style: (0, _defineProperty2.default)({}, bgColorCssVar, color !== null && color !== void 0 ? color : 'currentColor'),
55
- className: (0, _runtime.ax)([styles.root, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && !(0, _platformFeatureFlags.fg)('platform_dst_avatar_tile') && borderRadiusMap[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && (0, _platformFeatureFlags.fg)('platform_dst_avatar_tile') && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])
55
+ className: (0, _runtime.ax)([styles.root, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && !(0, _platformFeatureFlags.fg)('platform_dst_avatar_tile') && !(0, _platformFeatureFlags.fg)('platform_dst_avatar_tile_stage2') && borderRadiusMap[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && ((0, _platformFeatureFlags.fg)('platform_dst_avatar_tile') || (0, _platformFeatureFlags.fg)('platform_dst_avatar_tile_stage2')) && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])
56
56
  });
57
57
  };
58
58
  var _default = exports.default = Skeleton;
@@ -94,7 +94,7 @@ export const AvatarContent = /*#__PURE__*/forwardRef(({
94
94
  target,
95
95
  rel: target === '_blank' ? 'noopener noreferrer' : undefined
96
96
  }, {
97
- className: ax([unboundStyles.root, styles.root, !fg('platform_dst_avatar_tile') && borderRadiusMap[size], appearance === 'square' && fg('platform_dst_avatar_tile') && styles.square, appearance === 'circle' && styles.circle, appearance === 'hexagon' && unboundStyles.hexagon, widthHeightMap[size], stackIndex !== undefined && styles.positionRelative, isInteractive && !isDisabled && unboundStyles.interactive, isDisabled && styles.disabled])
97
+ className: ax([unboundStyles.root, styles.root, !fg('platform_dst_avatar_tile') && !fg('platform_dst_avatar_tile_stage2') && borderRadiusMap[size], appearance === 'square' && (fg('platform_dst_avatar_tile') || fg('platform_dst_avatar_tile_stage2')) && styles.square, appearance === 'circle' && styles.circle, appearance === 'hexagon' && unboundStyles.hexagon, widthHeightMap[size], stackIndex !== undefined && styles.positionRelative, isInteractive && !isDisabled && unboundStyles.interactive, isDisabled && styles.disabled])
98
98
  }), children || avatarImage);
99
99
  if (appearance !== 'hexagon') {
100
100
  return renderedContent;
@@ -44,6 +44,6 @@ const Skeleton = ({
44
44
  style: {
45
45
  [bgColorCssVar]: color !== null && color !== void 0 ? color : 'currentColor'
46
46
  },
47
- className: ax([styles.root, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && !fg('platform_dst_avatar_tile') && borderRadiusMap[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && fg('platform_dst_avatar_tile') && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])
47
+ className: ax([styles.root, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && !fg('platform_dst_avatar_tile') && !fg('platform_dst_avatar_tile_stage2') && borderRadiusMap[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && (fg('platform_dst_avatar_tile') || fg('platform_dst_avatar_tile_stage2')) && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])
48
48
  });
49
49
  export default Skeleton;
@@ -91,7 +91,7 @@ export var AvatarContent = /*#__PURE__*/forwardRef(function (_ref, ref) {
91
91
  target: target,
92
92
  rel: target === '_blank' ? 'noopener noreferrer' : undefined
93
93
  }, {
94
- className: ax([unboundStyles.root, styles.root, !fg('platform_dst_avatar_tile') && borderRadiusMap[size], appearance === 'square' && fg('platform_dst_avatar_tile') && styles.square, appearance === 'circle' && styles.circle, appearance === 'hexagon' && unboundStyles.hexagon, widthHeightMap[size], stackIndex !== undefined && styles.positionRelative, isInteractive && !isDisabled && unboundStyles.interactive, isDisabled && styles.disabled])
94
+ className: ax([unboundStyles.root, styles.root, !fg('platform_dst_avatar_tile') && !fg('platform_dst_avatar_tile_stage2') && borderRadiusMap[size], appearance === 'square' && (fg('platform_dst_avatar_tile') || fg('platform_dst_avatar_tile_stage2')) && styles.square, appearance === 'circle' && styles.circle, appearance === 'hexagon' && unboundStyles.hexagon, widthHeightMap[size], stackIndex !== undefined && styles.positionRelative, isInteractive && !isDisabled && unboundStyles.interactive, isDisabled && styles.disabled])
95
95
  }), children || avatarImage);
96
96
  if (appearance !== 'hexagon') {
97
97
  return renderedContent;
@@ -43,7 +43,7 @@ var Skeleton = function Skeleton(_ref) {
43
43
  weight = _ref.weight;
44
44
  return /*#__PURE__*/React.createElement("div", {
45
45
  style: _defineProperty({}, bgColorCssVar, color !== null && color !== void 0 ? color : 'currentColor'),
46
- className: ax([styles.root, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && !fg('platform_dst_avatar_tile') && borderRadiusMap[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && fg('platform_dst_avatar_tile') && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])
46
+ className: ax([styles.root, sizeStyles[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && !fg('platform_dst_avatar_tile') && !fg('platform_dst_avatar_tile_stage2') && borderRadiusMap[size !== null && size !== void 0 ? size : 'medium'], appearance === 'square' && (fg('platform_dst_avatar_tile') || fg('platform_dst_avatar_tile_stage2')) && styles.square, appearance === 'hexagon' && styles.hexagon, weight === 'strong' && styles.strongOpacity])
47
47
  });
48
48
  };
49
49
  export default Skeleton;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar",
3
- "version": "25.5.5",
3
+ "version": "25.6.0",
4
4
  "description": "An avatar is a visual representation of a user or entity.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -35,12 +35,11 @@
35
35
  "@atlaskit/analytics-next": "^11.1.0",
36
36
  "@atlaskit/css": "^0.17.0",
37
37
  "@atlaskit/ds-lib": "^5.3.0",
38
- "@atlaskit/focus-ring": "^3.0.0",
39
- "@atlaskit/icon": "^29.0.0",
38
+ "@atlaskit/icon": "^29.1.0",
40
39
  "@atlaskit/platform-feature-flags": "^1.1.0",
41
- "@atlaskit/primitives": "^16.3.0",
40
+ "@atlaskit/primitives": "^16.4.0",
42
41
  "@atlaskit/theme": "^21.0.0",
43
- "@atlaskit/tokens": "^8.3.0",
42
+ "@atlaskit/tokens": "^8.4.0",
44
43
  "@babel/runtime": "^7.0.0",
45
44
  "@compiled/react": "^0.18.6"
46
45
  },
@@ -51,17 +50,16 @@
51
50
  "@af/accessibility-testing": "workspace:^",
52
51
  "@af/integration-testing": "workspace:^",
53
52
  "@af/visual-regression": "workspace:^",
54
- "@atlaskit/button": "^23.6.0",
55
- "@atlaskit/code": "^17.3.0",
53
+ "@atlaskit/button": "^23.7.0",
54
+ "@atlaskit/code": "^17.4.0",
56
55
  "@atlaskit/docs": "^11.2.0",
57
- "@atlaskit/form": "^14.3.0",
56
+ "@atlaskit/form": "^15.0.0",
58
57
  "@atlaskit/heading": "^5.2.0",
59
58
  "@atlaskit/link": "^3.2.0",
60
- "@atlaskit/range": "^9.2.0",
61
- "@atlaskit/section-message": "^8.9.0",
62
- "@atlaskit/textfield": "^8.1.0",
63
- "@atlaskit/tooltip": "^20.10.0",
64
- "@atlassian/feature-flags-test-utils": "^1.0.0",
59
+ "@atlaskit/range": "^9.3.0",
60
+ "@atlaskit/section-message": "^8.10.0",
61
+ "@atlaskit/textfield": "^8.2.0",
62
+ "@atlaskit/tooltip": "^20.11.0",
65
63
  "@atlassian/ssr-tests": "workspace:^",
66
64
  "@testing-library/react": "^13.4.0",
67
65
  "@testing-library/user-event": "^14.4.3",
@@ -103,6 +101,9 @@
103
101
  },
104
102
  "platform_dst_avatar_tile": {
105
103
  "type": "boolean"
104
+ },
105
+ "platform_dst_avatar_tile_stage2": {
106
+ "type": "boolean"
106
107
  }
107
108
  }
108
109
  }