@atlaskit/avatar-group 12.2.10 → 12.3.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @atlaskit/avatar-group
 
+## 12.3.1
+
+### Patch Changes
+
+- [`a37090c1d91de`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a37090c1d91de) -
+  Updates the documentation to show how to use AvatarGroup with non-circular Avatars. Be aware the
+  "more" indicator does not take multiple appearances.
+- Updated dependencies
+
+## 12.3.0
+
+### Minor Changes
+
+- [`e314c4cb133f7`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e314c4cb133f7) -
+  [ux] Updates avatar and avatar group styles to reflect our new visual design language. These
+  changes were previously behind a feature flag and are now fully rolled out.
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 12.2.10
 
 ### Patch Changes

package/dist/cjs/components/more-indicator.js

@@ -13,7 +13,6 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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); }
 var boxShadowCssVar = '--avatar-box-shadow';
 var styles = {
@@ -50,7 +49,7 @@ var MoreIndicator = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'circle' : _ref$appearance,
     _ref$borderColor = _ref.borderColor,
-    borderColor = _ref$borderColor === void 0 ? (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? "var(--ds-surface, #FFFFFF)" : "var(--ds-border-inverse, #FFFFFF)" : _ref$borderColor,
+    borderColor = _ref$borderColor === void 0 ? "var(--ds-surface, #FFFFFF)" : _ref$borderColor,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     _ref$count = _ref.count,

package/dist/es2019/components/more-indicator.js

@@ -4,7 +4,6 @@ import "./more-indicator.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useCallback } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 const boxShadowCssVar = '--avatar-box-shadow';
 const styles = {
   root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _vchh1ntv _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _4cvr1fhb _1bah1h6o _2lx21bp4 _80omtlke _bfhkm7j4 _syaz1fxt _16qs1nhn _t9ec1aqe _1ejjglyw _mizu194a _ra3xnqa1 _1ah3yh40 _128myh40 _irr315ej _30l31fxt _1di6ip91 _9h8h1fxt _1q8w1np6 _jlxit94y",
@@ -38,8 +37,7 @@ const fontMap = {
 const MAX_DISPLAY_COUNT = 99;
 const MoreIndicator = /*#__PURE__*/forwardRef(({
   appearance = 'circle',
-  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
-  borderColor = fg('platform-component-visual-refresh') ? "var(--ds-surface, #FFFFFF)" : "var(--ds-border-inverse, #FFFFFF)",
+  borderColor = "var(--ds-surface, #FFFFFF)",
   size = 'medium',
   count = 0,
   testId,

package/dist/esm/components/more-indicator.js

@@ -5,7 +5,6 @@ import "./more-indicator.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { forwardRef, useCallback } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
 var boxShadowCssVar = '--avatar-box-shadow';
 var styles = {
   root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _vchh1ntv _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _4cvr1fhb _1bah1h6o _2lx21bp4 _80omtlke _bfhkm7j4 _syaz1fxt _16qs1nhn _t9ec1aqe _1ejjglyw _mizu194a _ra3xnqa1 _1ah3yh40 _128myh40 _irr315ej _30l31fxt _1di6ip91 _9h8h1fxt _1q8w1np6 _jlxit94y",
@@ -41,7 +40,7 @@ var MoreIndicator = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$appearance = _ref.appearance,
     appearance = _ref$appearance === void 0 ? 'circle' : _ref$appearance,
     _ref$borderColor = _ref.borderColor,
-    borderColor = _ref$borderColor === void 0 ? fg('platform-component-visual-refresh') ? "var(--ds-surface, #FFFFFF)" : "var(--ds-border-inverse, #FFFFFF)" : _ref$borderColor,
+    borderColor = _ref$borderColor === void 0 ? "var(--ds-surface, #FFFFFF)" : _ref$borderColor,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'medium' : _ref$size,
     _ref$count = _ref.count,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/avatar-group",
-	"version": "12.2.10",
+	"version": "12.3.1",
 	"description": "An avatar group displays a number of avatars grouped together in a stack or grid.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -24,7 +24,7 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/avatar": "^25.2.0",
+		"@atlaskit/avatar": "^25.4.0",
 		"@atlaskit/css": "^0.14.0",
 		"@atlaskit/ds-lib": "^5.1.0",
 		"@atlaskit/menu": "^8.4.0",
@@ -45,12 +45,12 @@
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/analytics-next": "^11.1.0",
-		"@atlaskit/button": "^23.4.0",
+		"@atlaskit/button": "^23.5.0",
 		"@atlaskit/docs": "^11.1.0",
 		"@atlaskit/form": "^14.2.0",
-		"@atlaskit/icon": "^28.3.0",
+		"@atlaskit/icon": "^28.5.0",
 		"@atlaskit/link": "^3.2.0",
-		"@atlaskit/modal-dialog": "^14.4.0",
+		"@atlaskit/modal-dialog": "^14.5.0",
 		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/section-message": "^8.7.0",
 		"@atlaskit/ssr": "workspace:^",
@@ -96,9 +96,6 @@
 	},
 	"homepage": "https://atlassian.design/components/avatar-group/",
 	"platform-feature-flags": {
-		"platform-component-visual-refresh": {
-			"type": "boolean"
-		},
 		"platform-avatar-group-spacing-fix": {
 			"type": "boolean"
 		}