@atlaskit/avatar-group 8.5.4 → 8.5.8

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,31 @@
1
1
  # @atlaskit/avatar-group
2
2
 
3
+ ## 8.5.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Updates usage of deprecated token names so they're aligned with the latest naming conventions. No UI or visual changes
8
+ - Updated dependencies
9
+
10
+ ## 8.5.7
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
16
+ ## 8.5.6
17
+
18
+ ### Patch Changes
19
+
20
+ - [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
21
+
22
+ ## 8.5.5
23
+
24
+ ### Patch Changes
25
+
26
+ - [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
27
+ - Updated dependencies
28
+
3
29
  ## 8.5.4
4
30
 
5
31
  ### Patch Changes
@@ -17,6 +17,9 @@ var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
17
17
 
18
18
  var _menu = require("@atlaskit/menu");
19
19
 
20
+ var _excluded = ["href", "onClick"],
21
+ _excluded2 = ["children"];
22
+
20
23
  var AvatarGroupItem = function AvatarGroupItem(_ref) {
21
24
  var avatar = _ref.avatar,
22
25
  onAvatarClick = _ref.onAvatarClick,
@@ -24,11 +27,11 @@ var AvatarGroupItem = function AvatarGroupItem(_ref) {
24
27
  index = _ref.index;
25
28
  var href = avatar.href,
26
29
  onClick = avatar.onClick,
27
- rest = (0, _objectWithoutProperties2.default)(avatar, ["href", "onClick"]);
30
+ rest = (0, _objectWithoutProperties2.default)(avatar, _excluded);
28
31
 
29
32
  var CustomComponent = function CustomComponent(_ref2) {
30
33
  var children = _ref2.children,
31
- props = (0, _objectWithoutProperties2.default)(_ref2, ["children"]);
34
+ props = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
32
35
  return /*#__PURE__*/_react.default.createElement("span", props, children);
33
36
  };
34
37
 
@@ -37,9 +37,9 @@ var _stack = _interopRequireDefault(require("./stack"));
37
37
 
38
38
  var _utils = require("./utils");
39
39
 
40
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
40
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
41
41
 
42
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
42
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
43
43
 
44
44
  var MAX_COUNT = {
45
45
  grid: 11,
@@ -23,7 +23,7 @@ var _avatar = _interopRequireWildcard(require("@atlaskit/avatar"));
23
23
 
24
24
  var _colors = require("@atlaskit/theme/colors");
25
25
 
26
- var _tokens = require("@atlaskit/tokens");
26
+ var _excluded = ["testId", "className", "ref"];
27
27
 
28
28
  var _templateObject, _templateObject2;
29
29
 
@@ -44,9 +44,9 @@ var getButtonStyles = function getButtonStyles(css, _ref) {
44
44
  var size = _ref.size,
45
45
  isActive = _ref.isActive;
46
46
  // eslint-disable-next-line @repo/internal/react/no-css-string-literals
47
- var activeStyles = css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n transform: scale(", ");\n box-shadow: 0 0 0 ", "px ", ";\n color: ", ";\n "])), (0, _tokens.token)('color.background.selected.resting', _colors.B50), _avatar.ACTIVE_SCALE_FACTOR, _avatar.BORDER_WIDTH, (0, _tokens.token)('color.text.selected', _colors.B300), (0, _tokens.token)('color.text.selected', _colors.B400)); // eslint-disable-next-line @repo/internal/react/no-css-string-literals
47
+ var activeStyles = css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n transform: scale(", ");\n box-shadow: 0 0 0 ", "px ", ";\n color: ", ";\n "])), "var(--ds-background-brand, ".concat(_colors.B50, ")"), _avatar.ACTIVE_SCALE_FACTOR, _avatar.BORDER_WIDTH, "var(--ds-text-brand, ".concat(_colors.B300, ")"), "var(--ds-text-brand, ".concat(_colors.B400, ")")); // eslint-disable-next-line @repo/internal/react/no-css-string-literals
48
48
 
49
- return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n background-color: ", ";\n font-size: ", "px;\n font-family: inherit;\n font-weight: 500;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n &:after {\n background-color: ", ";\n opacity: 1;\n }\n }\n\n &:active {\n background-color: ", ";\n color: ", ";\n &:after {\n background-color: transparent;\n }\n }\n\n ", "\n "])), (0, _tokens.token)('color.text.highEmphasis', _colors.N500), (0, _tokens.token)('color.background.subtleNeutral.resting', _colors.N20), FONT_SIZE[size], (0, _tokens.token)('color.background.subtleNeutral.hover', _colors.N30), (0, _tokens.token)('color.text.highEmphasis', _colors.N500), (0, _tokens.token)('color.background.subtleNeutral.hover', _colors.N30A), (0, _tokens.token)('color.background.subtleNeutral.pressed', _colors.B50), (0, _tokens.token)('color.text.highEmphasis', _colors.B400), isActive && activeStyles);
49
+ return css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n background-color: ", ";\n font-size: ", "px;\n font-family: inherit;\n font-weight: 500;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n &:after {\n background-color: ", ";\n opacity: 1;\n }\n }\n\n &:active {\n background-color: ", ";\n color: ", ";\n &:after {\n background-color: transparent;\n }\n }\n\n ", "\n "])), "var(--ds-text, ".concat(_colors.N500, ")"), "var(--ds-background-neutral, ".concat(_colors.N20, ")"), FONT_SIZE[size], "var(--ds-background-neutral-hovered, ".concat(_colors.N30, ")"), "var(--ds-text, ".concat(_colors.N500, ")"), "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")"), "var(--ds-background-neutral-pressed, ".concat(_colors.B50, ")"), "var(--ds-text, ".concat(_colors.B400, ")"), isActive && activeStyles);
50
50
  };
51
51
 
52
52
  var MAX_DISPLAY_COUNT = 99;
@@ -54,7 +54,7 @@ var MoreIndicator = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
54
54
  var _ref2$appearance = _ref2.appearance,
55
55
  appearance = _ref2$appearance === void 0 ? 'circle' : _ref2$appearance,
56
56
  _ref2$borderColor = _ref2.borderColor,
57
- borderColor = _ref2$borderColor === void 0 ? (0, _tokens.token)('color.background.overlay', (0, _colors.background)()) : _ref2$borderColor,
57
+ borderColor = _ref2$borderColor === void 0 ? "var(--ds-surface-overlay, ".concat((0, _colors.background)(), ")") : _ref2$borderColor,
58
58
  _ref2$size = _ref2.size,
59
59
  size = _ref2$size === void 0 ? 'medium' : _ref2$size,
60
60
  _ref2$count = _ref2.count,
@@ -85,7 +85,7 @@ var MoreIndicator = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
85
85
  var _ = _ref3.testId,
86
86
  className = _ref3.className,
87
87
  ref = _ref3.ref,
88
- props = (0, _objectWithoutProperties2.default)(_ref3, ["testId", "className", "ref"]);
88
+ props = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
89
89
  return (0, _core.jsx)(_core.ClassNames, null, function (_ref4) {
90
90
  var css = _ref4.css,
91
91
  cx = _ref4.cx;
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar-group",
3
- "version": "8.5.4",
3
+ "version": "8.5.8",
4
4
  "sideEffects": false
5
5
  }
@@ -5,7 +5,6 @@ import { forwardRef, useCallback } from 'react';
5
5
  import { ClassNames, jsx } from '@emotion/core';
6
6
  import Avatar, { ACTIVE_SCALE_FACTOR, BORDER_WIDTH } from '@atlaskit/avatar';
7
7
  import { B300, B400, B50, background, N20, N30, N30A, N500 } from '@atlaskit/theme/colors';
8
- import { token } from '@atlaskit/tokens';
9
8
  const FONT_SIZE = {
10
9
  xsmall: 10,
11
10
  small: 10,
@@ -21,31 +20,31 @@ const getButtonStyles = (css, {
21
20
  }) => {
22
21
  // eslint-disable-next-line @repo/internal/react/no-css-string-literals
23
22
  const activeStyles = css`
24
- background-color: ${token('color.background.selected.resting', B50)};
23
+ background-color: ${`var(--ds-background-brand, ${B50})`};
25
24
  transform: scale(${ACTIVE_SCALE_FACTOR});
26
- box-shadow: 0 0 0 ${BORDER_WIDTH}px ${token('color.text.selected', B300)};
27
- color: ${token('color.text.selected', B400)};
25
+ box-shadow: 0 0 0 ${BORDER_WIDTH}px ${`var(--ds-text-brand, ${B300})`};
26
+ color: ${`var(--ds-text-brand, ${B400})`};
28
27
  `; // eslint-disable-next-line @repo/internal/react/no-css-string-literals
29
28
 
30
29
  return css`
31
- color: ${token('color.text.highEmphasis', N500)};
32
- background-color: ${token('color.background.subtleNeutral.resting', N20)};
30
+ color: ${`var(--ds-text, ${N500})`};
31
+ background-color: ${`var(--ds-background-neutral, ${N20})`};
33
32
  font-size: ${FONT_SIZE[size]}px;
34
33
  font-family: inherit;
35
34
  font-weight: 500;
36
35
 
37
36
  &:hover {
38
- background-color: ${token('color.background.subtleNeutral.hover', N30)};
39
- color: ${token('color.text.highEmphasis', N500)};
37
+ background-color: ${`var(--ds-background-neutral-hovered, ${N30})`};
38
+ color: ${`var(--ds-text, ${N500})`};
40
39
  &:after {
41
- background-color: ${token('color.background.subtleNeutral.hover', N30A)};
40
+ background-color: ${`var(--ds-background-neutral-hovered, ${N30A})`};
42
41
  opacity: 1;
43
42
  }
44
43
  }
45
44
 
46
45
  &:active {
47
- background-color: ${token('color.background.subtleNeutral.pressed', B50)};
48
- color: ${token('color.text.highEmphasis', B400)};
46
+ background-color: ${`var(--ds-background-neutral-pressed, ${B50})`};
47
+ color: ${`var(--ds-text, ${B400})`};
49
48
  &:after {
50
49
  background-color: transparent;
51
50
  }
@@ -58,7 +57,7 @@ const getButtonStyles = (css, {
58
57
  const MAX_DISPLAY_COUNT = 99;
59
58
  const MoreIndicator = /*#__PURE__*/forwardRef(({
60
59
  appearance = 'circle',
61
- borderColor = token('color.background.overlay', background()),
60
+ borderColor = `var(--ds-surface-overlay, ${background()})`,
62
61
  size = 'medium',
63
62
  count = 0,
64
63
  testId,
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar-group",
3
- "version": "8.5.4",
3
+ "version": "8.5.8",
4
4
  "sideEffects": false
5
5
  }
@@ -1,5 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
+ var _excluded = ["href", "onClick"],
4
+ _excluded2 = ["children"];
3
5
  import React from 'react';
4
6
  import Avatar from '@atlaskit/avatar';
5
7
  import { ButtonItem, CustomItem, LinkItem } from '@atlaskit/menu';
@@ -12,11 +14,11 @@ var AvatarGroupItem = function AvatarGroupItem(_ref) {
12
14
 
13
15
  var href = avatar.href,
14
16
  onClick = avatar.onClick,
15
- rest = _objectWithoutProperties(avatar, ["href", "onClick"]);
17
+ rest = _objectWithoutProperties(avatar, _excluded);
16
18
 
17
19
  var CustomComponent = function CustomComponent(_ref2) {
18
20
  var children = _ref2.children,
19
- props = _objectWithoutProperties(_ref2, ["children"]);
21
+ props = _objectWithoutProperties(_ref2, _excluded2);
20
22
 
21
23
  return /*#__PURE__*/React.createElement("span", props, children);
22
24
  };
@@ -2,9 +2,9 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
4
 
5
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
5
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
6
6
 
7
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
7
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
8
8
 
9
9
  /** @jsx jsx */
10
10
  import { useCallback, useState } from 'react';
@@ -1,6 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
4
+ var _excluded = ["testId", "className", "ref"];
4
5
 
5
6
  var _templateObject, _templateObject2;
6
7
 
@@ -9,7 +10,6 @@ import { forwardRef, useCallback } from 'react';
9
10
  import { ClassNames, jsx } from '@emotion/core';
10
11
  import Avatar, { ACTIVE_SCALE_FACTOR, BORDER_WIDTH } from '@atlaskit/avatar';
11
12
  import { B300, B400, B50, background, N20, N30, N30A, N500 } from '@atlaskit/theme/colors';
12
- import { token } from '@atlaskit/tokens';
13
13
  var FONT_SIZE = {
14
14
  xsmall: 10,
15
15
  small: 10,
@@ -23,9 +23,9 @@ var getButtonStyles = function getButtonStyles(css, _ref) {
23
23
  var size = _ref.size,
24
24
  isActive = _ref.isActive;
25
25
  // eslint-disable-next-line @repo/internal/react/no-css-string-literals
26
- var activeStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n transform: scale(", ");\n box-shadow: 0 0 0 ", "px ", ";\n color: ", ";\n "])), token('color.background.selected.resting', B50), ACTIVE_SCALE_FACTOR, BORDER_WIDTH, token('color.text.selected', B300), token('color.text.selected', B400)); // eslint-disable-next-line @repo/internal/react/no-css-string-literals
26
+ var activeStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n transform: scale(", ");\n box-shadow: 0 0 0 ", "px ", ";\n color: ", ";\n "])), "var(--ds-background-brand, ".concat(B50, ")"), ACTIVE_SCALE_FACTOR, BORDER_WIDTH, "var(--ds-text-brand, ".concat(B300, ")"), "var(--ds-text-brand, ".concat(B400, ")")); // eslint-disable-next-line @repo/internal/react/no-css-string-literals
27
27
 
28
- return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n font-size: ", "px;\n font-family: inherit;\n font-weight: 500;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n &:after {\n background-color: ", ";\n opacity: 1;\n }\n }\n\n &:active {\n background-color: ", ";\n color: ", ";\n &:after {\n background-color: transparent;\n }\n }\n\n ", "\n "])), token('color.text.highEmphasis', N500), token('color.background.subtleNeutral.resting', N20), FONT_SIZE[size], token('color.background.subtleNeutral.hover', N30), token('color.text.highEmphasis', N500), token('color.background.subtleNeutral.hover', N30A), token('color.background.subtleNeutral.pressed', B50), token('color.text.highEmphasis', B400), isActive && activeStyles);
28
+ return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n font-size: ", "px;\n font-family: inherit;\n font-weight: 500;\n\n &:hover {\n background-color: ", ";\n color: ", ";\n &:after {\n background-color: ", ";\n opacity: 1;\n }\n }\n\n &:active {\n background-color: ", ";\n color: ", ";\n &:after {\n background-color: transparent;\n }\n }\n\n ", "\n "])), "var(--ds-text, ".concat(N500, ")"), "var(--ds-background-neutral, ".concat(N20, ")"), FONT_SIZE[size], "var(--ds-background-neutral-hovered, ".concat(N30, ")"), "var(--ds-text, ".concat(N500, ")"), "var(--ds-background-neutral-hovered, ".concat(N30A, ")"), "var(--ds-background-neutral-pressed, ".concat(B50, ")"), "var(--ds-text, ".concat(B400, ")"), isActive && activeStyles);
29
29
  };
30
30
 
31
31
  var MAX_DISPLAY_COUNT = 99;
@@ -33,7 +33,7 @@ var MoreIndicator = /*#__PURE__*/forwardRef(function (_ref2, ref) {
33
33
  var _ref2$appearance = _ref2.appearance,
34
34
  appearance = _ref2$appearance === void 0 ? 'circle' : _ref2$appearance,
35
35
  _ref2$borderColor = _ref2.borderColor,
36
- borderColor = _ref2$borderColor === void 0 ? token('color.background.overlay', background()) : _ref2$borderColor,
36
+ borderColor = _ref2$borderColor === void 0 ? "var(--ds-surface-overlay, ".concat(background(), ")") : _ref2$borderColor,
37
37
  _ref2$size = _ref2.size,
38
38
  size = _ref2$size === void 0 ? 'medium' : _ref2$size,
39
39
  _ref2$count = _ref2.count,
@@ -64,7 +64,7 @@ var MoreIndicator = /*#__PURE__*/forwardRef(function (_ref2, ref) {
64
64
  var _ = _ref3.testId,
65
65
  className = _ref3.className,
66
66
  ref = _ref3.ref,
67
- props = _objectWithoutProperties(_ref3, ["testId", "className", "ref"]);
67
+ props = _objectWithoutProperties(_ref3, _excluded);
68
68
 
69
69
  return jsx(ClassNames, null, function (_ref4) {
70
70
  var css = _ref4.css,
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar-group",
3
- "version": "8.5.4",
3
+ "version": "8.5.8",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar-group",
3
- "version": "8.5.4",
3
+ "version": "8.5.8",
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/"
@@ -17,7 +17,6 @@
17
17
  "atlassian": {
18
18
  "team": "Design System Team",
19
19
  "deprecatedAutoEntryPoints": true,
20
- "inPublicMirror": true,
21
20
  "releaseModel": "scheduled",
22
21
  "website": {
23
22
  "name": "Avatar group"
@@ -26,9 +25,9 @@
26
25
  "dependencies": {
27
26
  "@atlaskit/avatar": "^20.5.0",
28
27
  "@atlaskit/menu": "^1.2.0",
29
- "@atlaskit/popup": "^1.1.0",
30
- "@atlaskit/theme": "^12.0.0",
31
- "@atlaskit/tokens": "^0.3.0",
28
+ "@atlaskit/popup": "^1.3.0",
29
+ "@atlaskit/theme": "^12.1.0",
30
+ "@atlaskit/tokens": "^0.6.0",
32
31
  "@atlaskit/tooltip": "^17.5.0",
33
32
  "@babel/runtime": "^7.0.0",
34
33
  "@emotion/core": "^10.0.9"
@@ -38,22 +37,21 @@
38
37
  },
39
38
  "devDependencies": {
40
39
  "@atlaskit/analytics-next": "^8.2.0",
41
- "@atlaskit/build-utils": "*",
42
40
  "@atlaskit/button": "^16.1.0",
43
- "@atlaskit/code": "^14.1.0",
41
+ "@atlaskit/code": "^14.3.0",
44
42
  "@atlaskit/docs": "*",
45
43
  "@atlaskit/field-base": "^15.0.0",
46
- "@atlaskit/icon": "^21.9.0",
47
- "@atlaskit/modal-dialog": "^12.1.0",
44
+ "@atlaskit/icon": "^21.10.0",
45
+ "@atlaskit/modal-dialog": "^12.2.0",
48
46
  "@atlaskit/section-message": "^6.1.0",
49
47
  "@atlaskit/ssr": "*",
50
- "@atlaskit/toggle": "^12.3.0",
48
+ "@atlaskit/toggle": "^12.4.0",
51
49
  "@atlaskit/visual-regression": "*",
52
50
  "@atlaskit/webdriver-runner": "*",
53
51
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
54
52
  "@emotion/styled": "^10.0.7",
55
53
  "@testing-library/react": "^8.0.1",
56
- "lodash": "^4.17.15",
54
+ "lodash": "^4.17.21",
57
55
  "react-dom": "^16.8.0",
58
56
  "typescript": "3.9.6",
59
57
  "wait-for-expect": "^1.2.0"
@@ -72,7 +70,10 @@
72
70
  "ui-components": "lite-mode",
73
71
  "analytics": "analytics-next",
74
72
  "theming": "tokens",
75
- "deprecation": "no-deprecated-imports"
73
+ "deprecation": "no-deprecated-imports",
74
+ "styling": [
75
+ "emotion"
76
+ ]
76
77
  }
77
78
  },
78
79
  "homepage": "https://atlassian.design/components/avatar-group/",