@atlaskit/avatar-group 12.6.0 → 12.6.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/avatar-group.js +6 -6
  3. package/dist/es2019/components/avatar-group.js +6 -6
  4. package/dist/esm/components/avatar-group.js +6 -6
  5. package/package.json +7 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/avatar-group
2
2
 
3
+ ## 12.6.2
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 12.6.1
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
3
15
  ## 12.6.0
4
16
 
5
17
  ### Minor Changes
package/dist/cjs/components/avatar-group.js CHANGED
@@ -247,8 +247,8 @@ var AvatarGroup = function AvatarGroup(_ref) {
247
247
  },
248
248
  trigger: function trigger(triggerProps) {
249
249
  return (0, _platformFeatureFlags.fg)('platform-dst-motion-uplift') ? /*#__PURE__*/_react.default.createElement(_motion.Motion, {
250
- enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleIn80, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeIn)",
251
- exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut)"
250
+ enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
251
+ exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to80, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
252
252
  }, renderMoreButton(_objectSpread(_objectSpread(_objectSpread({}, triggerProps), bindFocus), {}, {
253
253
  onClick: handleTriggerClicked
254
254
  }))) : renderMoreButton(_objectSpread(_objectSpread(_objectSpread({}, triggerProps), bindFocus), {}, {
@@ -280,8 +280,8 @@ var AvatarGroup = function AvatarGroup(_ref) {
280
280
  }), idx);
281
281
  if ((0, _platformFeatureFlags.fg)('platform-dst-motion-uplift')) {
282
282
  return /*#__PURE__*/_react.default.createElement(_motion.Motion, {
283
- enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleIn80, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeIn)",
284
- exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut)",
283
+ enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
284
+ exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to80, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)",
285
285
  key: (0, _utils.composeUniqueKey)(avatarData, idx)
286
286
  }, !isTooltipDisabled && !avatarData.isDisabled ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
287
287
  content: avatarData.name,
@@ -313,8 +313,8 @@ var AvatarGroup = function AvatarGroup(_ref) {
313
313
  }), idx);
314
314
  if ((0, _platformFeatureFlags.fg)('platform-dst-motion-uplift')) {
315
315
  return /*#__PURE__*/_react.default.createElement(_motion.Motion, {
316
- enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleIn80, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeIn)",
317
- exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut)",
316
+ enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
317
+ exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to80, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)",
318
318
  key: (0, _utils.composeUniqueKey)(avatarData, idx)
319
319
  }, !isTooltipDisabled && !avatarData.isDisabled ? /*#__PURE__*/_react.default.createElement(_tooltip.default, {
320
320
  content: avatarData.name,
package/dist/es2019/components/avatar-group.js CHANGED
@@ -209,8 +209,8 @@ const AvatarGroup = ({
209
209
  // adding up the index of non-overflowed avatars and overflowed avatars.
210
210
  index + max))))),
211
211
  trigger: triggerProps => fg('platform-dst-motion-uplift') ? /*#__PURE__*/React.createElement(Motion, {
212
- enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleIn80, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeIn)",
213
- exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut)"
212
+ enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
213
+ exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to80, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
214
214
  }, renderMoreButton({
215
215
  ...triggerProps,
216
216
  ...bindFocus,
@@ -246,8 +246,8 @@ const AvatarGroup = ({
246
246
  }, idx);
247
247
  if (fg('platform-dst-motion-uplift')) {
248
248
  return /*#__PURE__*/React.createElement(Motion, {
249
- enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleIn80, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeIn)",
250
- exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut)",
249
+ enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
250
+ exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to80, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)",
251
251
  key: composeUniqueKey(avatarData, idx)
252
252
  }, !isTooltipDisabled && !avatarData.isDisabled ? /*#__PURE__*/React.createElement(Tooltip, {
253
253
  content: avatarData.name,
@@ -280,8 +280,8 @@ const AvatarGroup = ({
280
280
  }, idx);
281
281
  if (fg('platform-dst-motion-uplift')) {
282
282
  return /*#__PURE__*/React.createElement(Motion, {
283
- enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleIn80, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeIn)",
284
- exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut)",
283
+ enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
284
+ exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to80, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)",
285
285
  key: composeUniqueKey(avatarData, idx)
286
286
  }, !isTooltipDisabled && !avatarData.isDisabled ? /*#__PURE__*/React.createElement(Tooltip, {
287
287
  content: avatarData.name,
package/dist/esm/components/avatar-group.js CHANGED
@@ -238,8 +238,8 @@ var AvatarGroup = function AvatarGroup(_ref) {
238
238
  },
239
239
  trigger: function trigger(triggerProps) {
240
240
  return fg('platform-dst-motion-uplift') ? /*#__PURE__*/React.createElement(Motion, {
241
- enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleIn80, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeIn)",
242
- exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut)"
241
+ enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
242
+ exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to80, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)"
243
243
  }, renderMoreButton(_objectSpread(_objectSpread(_objectSpread({}, triggerProps), bindFocus), {}, {
244
244
  onClick: handleTriggerClicked
245
245
  }))) : renderMoreButton(_objectSpread(_objectSpread(_objectSpread({}, triggerProps), bindFocus), {}, {
@@ -271,8 +271,8 @@ var AvatarGroup = function AvatarGroup(_ref) {
271
271
  }), idx);
272
272
  if (fg('platform-dst-motion-uplift')) {
273
273
  return /*#__PURE__*/React.createElement(Motion, {
274
- enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleIn80, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeIn)",
275
- exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut)",
274
+ enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
275
+ exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to80, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)",
276
276
  key: composeUniqueKey(avatarData, idx)
277
277
  }, !isTooltipDisabled && !avatarData.isDisabled ? /*#__PURE__*/React.createElement(Tooltip, {
278
278
  content: avatarData.name,
@@ -304,8 +304,8 @@ var AvatarGroup = function AvatarGroup(_ref) {
304
304
  }), idx);
305
305
  if (fg('platform-dst-motion-uplift')) {
306
306
  return /*#__PURE__*/React.createElement(Motion, {
307
- enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleIn80, 150ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeIn)",
308
- exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.32, 0, 0.67, 0) ScaleOut80, 100ms cubic-bezier(0.32, 0, 0.67, 0) FadeOut)",
307
+ enteringAnimation: "var(--ds-avatar-enter, 150ms cubic-bezier(0.4, 1, 0.6, 1) ScaleIn80to100, 150ms cubic-bezier(0.4, 1, 0.6, 1) FadeIn0to100)",
308
+ exitingAnimation: "var(--ds-avatar-exit, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) ScaleOut100to80, 100ms cubic-bezier(0.6, 0, 0.8, 0.6) FadeOut100to0)",
309
309
  key: composeUniqueKey(avatarData, idx)
310
310
  }, !isTooltipDisabled && !avatarData.isDisabled ? /*#__PURE__*/React.createElement(Tooltip, {
311
311
  content: avatarData.name,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar-group",
3
- "version": "12.6.0",
3
+ "version": "12.6.2",
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/"
@@ -33,12 +33,12 @@
33
33
  "dependencies": {
34
34
  "@atlaskit/avatar": "^25.11.0",
35
35
  "@atlaskit/css": "^0.19.0",
36
- "@atlaskit/ds-lib": "^6.0.0",
36
+ "@atlaskit/ds-lib": "^7.0.0",
37
37
  "@atlaskit/menu": "^8.4.0",
38
- "@atlaskit/motion": "^5.5.0",
38
+ "@atlaskit/motion": "^5.6.0",
39
39
  "@atlaskit/platform-feature-flags": "^1.1.0",
40
40
  "@atlaskit/popup": "^4.16.0",
41
- "@atlaskit/tokens": "^11.4.0",
41
+ "@atlaskit/tokens": "^13.0.0",
42
42
  "@atlaskit/tooltip": "^21.1.0",
43
43
  "@babel/runtime": "^7.0.0",
44
44
  "@compiled/react": "^0.20.0",
@@ -57,10 +57,10 @@
57
57
  "@atlaskit/form": "^15.5.0",
58
58
  "@atlaskit/icon": "^34.0.0",
59
59
  "@atlaskit/link": "^3.4.0",
60
- "@atlaskit/modal-dialog": "^14.14.0",
61
- "@atlaskit/primitives": "^18.1.0",
60
+ "@atlaskit/modal-dialog": "^14.15.0",
61
+ "@atlaskit/primitives": "^19.0.0",
62
62
  "@atlaskit/section-message": "^8.12.0",
63
- "@atlaskit/toggle": "^15.3.0",
63
+ "@atlaskit/toggle": "^15.5.0",
64
64
  "@atlassian/react-compiler-gating": "workspace:^",
65
65
  "@atlassian/ssr-tests": "workspace:^",
66
66
  "@atlassian/structured-docs-types": "workspace:^",