@atlaskit/avatar-group 12.5.2 → 12.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/more-indicator.js +5 -3
  3. package/dist/es2019/components/more-indicator.js +5 -3
  4. package/dist/esm/components/more-indicator.js +5 -3
  5. package/package.json +7 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/avatar-group
2
2
 
3
+ ## 12.6.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`7cd616cd9581c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7cd616cd9581c) -
8
+ [ux] Removed the active scaling for the view more button to make it more consistent and resolve a
9
+ UX issue
10
+
3
11
  ## 12.5.2
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/components/more-indicator.js CHANGED
@@ -17,9 +17,11 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
17
  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); }
18
18
  var boxShadowCssVar = '--avatar-box-shadow';
19
19
  var styles = {
20
- root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _vchh1ntv _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _4cvr1fhb _1bah1h6o _2lx21bp4 _80omtlke _bfhki8nm _syazi7uo _16qs1nhn _t9ec1aqe _1ejjglyw _mizu1v1w _ra3xnqa1 _1ah3yh40 _128myh40 _irr3plhp _30l3i7uo _1di61gdz _9h8hi7uo _1q8w1np6 _jlxit94y",
20
+ root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _vchh1ntv _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _4cvr1fhb _1bah1h6o _2lx21bp4 _80omtlke _bfhki8nm _syazi7uo _16qs1nhn _t9ec1aqe _1ejjglyw _mizu1v1w _ra3xnqa1 _1ah3yh40 _128myh40 _irr3plhp _30l3i7uo _1di61gdz _9h8hi7uo _jlxit94y",
21
21
  circle: "_2rko1qll",
22
- active: "_bfhk15s3 _16qsdfwd _syaz6x5g _t9ec1np6 _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g",
22
+ activeScale: "_1q8w1np6",
23
+ active: "_bfhk15s3 _16qsdfwd _syaz6x5g _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g",
24
+ activeStateScale: "_t9ec1np6",
23
25
  disabled: "_80om13gf _1peq2wxo _1hfkvuon",
24
26
  hexagon: "_mkrz1k6g"
25
27
  };
@@ -87,7 +89,7 @@ var MoreIndicator = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
87
89
  "aria-haspopup": ariaHaspopup,
88
90
  "aria-label": ariaLabel,
89
91
  style: (0, _defineProperty2.default)({}, boxShadowCssVar, "0 0 0 2px ".concat(borderColor)),
90
- className: (0, _runtime.ax)([styles.root, borderRadiusMap[size], appearance === 'circle' && styles.circle, appearance === 'hexagon' && (0, _platformFeatureFlags.fg)('jira-ai-agent-stack') && styles.hexagon, widthHeightMap[size], fontMap[size], isActive && styles.active])
92
+ className: (0, _runtime.ax)([styles.root, !(0, _platformFeatureFlags.fg)('remove_scaling_from_avatar_stack') && styles.activeScale, borderRadiusMap[size], appearance === 'circle' && styles.circle, appearance === 'hexagon' && (0, _platformFeatureFlags.fg)('jira-ai-agent-stack') && styles.hexagon, widthHeightMap[size], fontMap[size], isActive && styles.active, isActive && !(0, _platformFeatureFlags.fg)('remove_scaling_from_avatar_stack') && styles.activeStateScale])
91
93
  }), "+", displayCount);
92
94
  });
93
95
  MoreIndicator.displayName = 'MoreIndicator';
package/dist/es2019/components/more-indicator.js CHANGED
@@ -7,9 +7,11 @@ import { forwardRef, useCallback } from 'react';
7
7
  import { fg } from '@atlaskit/platform-feature-flags';
8
8
  const boxShadowCssVar = '--avatar-box-shadow';
9
9
  const styles = {
10
- root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _vchh1ntv _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _4cvr1fhb _1bah1h6o _2lx21bp4 _80omtlke _bfhki8nm _syazi7uo _16qs1nhn _t9ec1aqe _1ejjglyw _mizu1v1w _ra3xnqa1 _1ah3yh40 _128myh40 _irr3plhp _30l3i7uo _1di61gdz _9h8hi7uo _1q8w1np6 _jlxit94y",
10
+ root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _vchh1ntv _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _4cvr1fhb _1bah1h6o _2lx21bp4 _80omtlke _bfhki8nm _syazi7uo _16qs1nhn _t9ec1aqe _1ejjglyw _mizu1v1w _ra3xnqa1 _1ah3yh40 _128myh40 _irr3plhp _30l3i7uo _1di61gdz _9h8hi7uo _jlxit94y",
11
11
  circle: "_2rko1qll",
12
- active: "_bfhk15s3 _16qsdfwd _syaz6x5g _t9ec1np6 _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g",
12
+ activeScale: "_1q8w1np6",
13
+ active: "_bfhk15s3 _16qsdfwd _syaz6x5g _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g",
14
+ activeStateScale: "_t9ec1np6",
13
15
  disabled: "_80om13gf _1peq2wxo _1hfkvuon",
14
16
  hexagon: "_mkrz1k6g"
15
17
  };
@@ -75,7 +77,7 @@ const MoreIndicator = /*#__PURE__*/forwardRef(({
75
77
  style: {
76
78
  [boxShadowCssVar]: `0 0 0 2px ${borderColor}`
77
79
  },
78
- className: ax([styles.root, borderRadiusMap[size], appearance === 'circle' && styles.circle, appearance === 'hexagon' && fg('jira-ai-agent-stack') && styles.hexagon, widthHeightMap[size], fontMap[size], isActive && styles.active])
80
+ className: ax([styles.root, !fg('remove_scaling_from_avatar_stack') && styles.activeScale, borderRadiusMap[size], appearance === 'circle' && styles.circle, appearance === 'hexagon' && fg('jira-ai-agent-stack') && styles.hexagon, widthHeightMap[size], fontMap[size], isActive && styles.active, isActive && !fg('remove_scaling_from_avatar_stack') && styles.activeStateScale])
79
81
  }), "+", displayCount);
80
82
  });
81
83
  MoreIndicator.displayName = 'MoreIndicator';
package/dist/esm/components/more-indicator.js CHANGED
@@ -8,9 +8,11 @@ import { forwardRef, useCallback } from 'react';
8
8
  import { fg } from '@atlaskit/platform-feature-flags';
9
9
  var boxShadowCssVar = '--avatar-box-shadow';
10
10
  var styles = {
11
- root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _vchh1ntv _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _4cvr1fhb _1bah1h6o _2lx21bp4 _80omtlke _bfhki8nm _syazi7uo _16qs1nhn _t9ec1aqe _1ejjglyw _mizu1v1w _ra3xnqa1 _1ah3yh40 _128myh40 _irr3plhp _30l3i7uo _1di61gdz _9h8hi7uo _1q8w1np6 _jlxit94y",
11
+ root: "_19itglyw _12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _v564ieh6 _1e0c1txw _vchh1ntv _1pfhv77o _12l2v77o _6rthv77o _ahbqv77o _1q51ze3t _y4tize3t _85i5ze3t _bozgze3t _4cvr1fhb _1bah1h6o _2lx21bp4 _80omtlke _bfhki8nm _syazi7uo _16qs1nhn _t9ec1aqe _1ejjglyw _mizu1v1w _ra3xnqa1 _1ah3yh40 _128myh40 _irr3plhp _30l3i7uo _1di61gdz _9h8hi7uo _jlxit94y",
12
12
  circle: "_2rko1qll",
13
- active: "_bfhk15s3 _16qsdfwd _syaz6x5g _t9ec1np6 _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g",
13
+ activeScale: "_1q8w1np6",
14
+ active: "_bfhk15s3 _16qsdfwd _syaz6x5g _irr3ufnl _30l36x5g _1di6nozp _9h8h6x5g",
15
+ activeStateScale: "_t9ec1np6",
14
16
  disabled: "_80om13gf _1peq2wxo _1hfkvuon",
15
17
  hexagon: "_mkrz1k6g"
16
18
  };
@@ -78,7 +80,7 @@ var MoreIndicator = /*#__PURE__*/forwardRef(function (_ref, ref) {
78
80
  "aria-haspopup": ariaHaspopup,
79
81
  "aria-label": ariaLabel,
80
82
  style: _defineProperty({}, boxShadowCssVar, "0 0 0 2px ".concat(borderColor)),
81
- className: ax([styles.root, borderRadiusMap[size], appearance === 'circle' && styles.circle, appearance === 'hexagon' && fg('jira-ai-agent-stack') && styles.hexagon, widthHeightMap[size], fontMap[size], isActive && styles.active])
83
+ className: ax([styles.root, !fg('remove_scaling_from_avatar_stack') && styles.activeScale, borderRadiusMap[size], appearance === 'circle' && styles.circle, appearance === 'hexagon' && fg('jira-ai-agent-stack') && styles.hexagon, widthHeightMap[size], fontMap[size], isActive && styles.active, isActive && !fg('remove_scaling_from_avatar_stack') && styles.activeStateScale])
82
84
  }), "+", displayCount);
83
85
  });
84
86
  MoreIndicator.displayName = 'MoreIndicator';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar-group",
3
- "version": "12.5.2",
3
+ "version": "12.6.0",
4
4
  "description": "An avatar group displays a number of avatars grouped together in a stack or grid.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -52,15 +52,15 @@
52
52
  "@af/integration-testing": "workspace:^",
53
53
  "@af/visual-regression": "workspace:^",
54
54
  "@atlaskit/analytics-next": "^11.2.0",
55
- "@atlaskit/button": "^23.10.0",
55
+ "@atlaskit/button": "^23.11.0",
56
56
  "@atlaskit/docs": "^11.7.0",
57
57
  "@atlaskit/form": "^15.5.0",
58
58
  "@atlaskit/icon": "^34.0.0",
59
- "@atlaskit/link": "^3.3.0",
59
+ "@atlaskit/link": "^3.4.0",
60
60
  "@atlaskit/modal-dialog": "^14.14.0",
61
61
  "@atlaskit/primitives": "^18.1.0",
62
62
  "@atlaskit/section-message": "^8.12.0",
63
- "@atlaskit/toggle": "^15.2.0",
63
+ "@atlaskit/toggle": "^15.3.0",
64
64
  "@atlassian/react-compiler-gating": "workspace:^",
65
65
  "@atlassian/ssr-tests": "workspace:^",
66
66
  "@atlassian/structured-docs-types": "workspace:^",
@@ -112,6 +112,9 @@
112
112
  },
113
113
  "platform-dst-motion-uplift": {
114
114
  "type": "boolean"
115
+ },
116
+ "remove_scaling_from_avatar_stack": {
117
+ "type": "boolean"
115
118
  }
116
119
  }
117
120
  }