@atlaskit/avatar-group 11.1.0 → 11.1.1

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 (20) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/components/grid.compiled.css +10 -4
  3. package/dist/cjs/components/grid.js +2 -2
  4. package/dist/cjs/components/more-indicator.compiled.css +12 -12
  5. package/dist/cjs/components/more-indicator.js +3 -20
  6. package/dist/cjs/components/stack.compiled.css +9 -4
  7. package/dist/cjs/components/stack.js +2 -2
  8. package/dist/es2019/components/grid.compiled.css +10 -4
  9. package/dist/es2019/components/grid.js +2 -2
  10. package/dist/es2019/components/more-indicator.compiled.css +12 -12
  11. package/dist/es2019/components/more-indicator.js +2 -9
  12. package/dist/es2019/components/stack.compiled.css +9 -4
  13. package/dist/es2019/components/stack.js +2 -2
  14. package/dist/esm/components/grid.compiled.css +10 -4
  15. package/dist/esm/components/grid.js +2 -2
  16. package/dist/esm/components/more-indicator.compiled.css +12 -12
  17. package/dist/esm/components/more-indicator.js +3 -20
  18. package/dist/esm/components/stack.compiled.css +9 -4
  19. package/dist/esm/components/stack.js +2 -2
  20. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/avatar-group
2
2
 
3
+ ## 11.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 11.1.0
4
10
 
5
11
  ### Minor Changes
package/dist/cjs/components/grid.compiled.css CHANGED
@@ -1,13 +1,19 @@
1
-
2
- ._18s8ze3t{margin:var(--ds-space-0,0)}
3
- ._1yt4ze3t{padding:var(--ds-space-0,0)}._12l2r5cr{margin-inline-end:var(--ds-space-negative-050,-4px)}
1
+ ._12l2r5cr{margin-inline-end:var(--ds-space-negative-050,-4px)}
2
+ ._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
4
3
  ._19121cl4{isolation:isolate}
5
4
  ._1bah1y6m{justify-content:flex-start}
6
5
  ._1e0c1txw{display:flex}
7
6
  ._1n261g80{flex-wrap:wrap}
7
+ ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
8
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
8
9
  ._2mzuagmp{list-style-type:none!important}
9
10
  ._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
11
+ ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
12
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
10
13
  ._ahbqr5cr{margin-inline-start:var(--ds-space-negative-050,-4px)}
14
+ ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
11
15
  ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
16
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
12
17
  ._vwz4kb7n{line-height:1}
13
- ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
18
+ ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
19
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
package/dist/cjs/components/grid.js CHANGED
@@ -22,10 +22,10 @@ var Grid = function Grid(_ref) {
22
22
  return /*#__PURE__*/React.createElement("ul", {
23
23
  "data-testid": testId,
24
24
  "aria-label": label,
25
- className: (0, _runtime.ax)(["_18s8ze3t _1yt4ze3t _1e0c1txw _1bah1y6m _1n261g80 _19121cl4 _vwz4kb7n _2mzuagmp _12l2r5cr _ahbqr5cr"])
25
+ className: (0, _runtime.ax)(["_1e0c1txw _1bah1y6m _1n261g80 _19121cl4 _vwz4kb7n _2mzuagmp _6rthze3t _1pfhze3t _12l2r5cr _ahbqr5cr _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t"])
26
26
  }, _react.Children.map(children, function (child) {
27
27
  return child && /*#__PURE__*/React.createElement("li", {
28
- className: (0, _runtime.ax)(["_18s8ze3t _6rthu2gc _y4ti1b66 _bozg1b66"])
28
+ className: (0, _runtime.ax)(["_6rthu2gc _1pfhze3t _12l2ze3t _ahbqze3t _y4ti1b66 _bozg1b66"])
29
29
  }, child);
30
30
  }));
31
31
  };
package/dist/cjs/components/more-indicator.compiled.css CHANGED
@@ -1,15 +1,15 @@
1
1
 
2
- ._16hg1kxl._16hg1kxl{background-color:var(--_rryx0a)}
3
- ._16hglslw._16hglslw{background-color:var(--_1jkcdu5)}
2
+ ._16hgfg4m._16hgfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
3
+ ._16hgm7j4._16hgm7j4{background-color:var(--ds-background-neutral,#091e420f)}
4
4
  ._1g4l1np6._1g4l1np6{transform:scale(.9)}
5
- ._1w901hoq._1w901hoq{color:var(--_h5fhc4)}
6
- ._1w90ln51._1w90ln51{color:var(--_1hfkvbo)}
5
+ ._1w901fxt._1w901fxt{color:var(--ds-text,#172b4d)}
6
+ ._1w90aqb7._1w90aqb7{color:var(--ds-text-selected,#0c66e4)}
7
7
  ._c6d7glyw._c6d7glyw:after{display:none}
8
- ._so1ehi7p._so1ehi7p{box-shadow:var(--_1t841jg)}
9
- ._1fh11hoq._1fh11hoq:hover{color:var(--_h5fhc4)}
10
- ._1fh13htb._1fh13htb:hover{color:var(--_ph2vs)}
11
- ._u1mbaek3._u1mbaek3:hover{background-color:var(--_hz7h6s)}
12
- ._u1mbg85j._u1mbg85j:hover{background-color:var(--_rkvepi)}._10fu1kgi._10fu1kgi:active{background-color:var(--_1axggjc)}
13
- ._10fu1smf._10fu1smf:active{background-color:var(--_ohg1x3)}
14
- ._1l5a17km._1l5a17km:active{color:var(--_1lrmnoy)}
15
- ._1l5aln51._1l5aln51:active{color:var(--_1hfkvbo)}
8
+ ._so1edux9._so1edux9{box-shadow:var(--_10k2j09)}
9
+ ._1fh11fxt._1fh11fxt:hover{color:var(--ds-text,#172b4d)}
10
+ ._1fh1aqb7._1fh1aqb7:hover{color:var(--ds-text-selected,#0c66e4)}
11
+ ._u1mb15ej._u1mb15ej:hover{background-color:var(--ds-background-neutral-hovered,#091e4224)}
12
+ ._u1mbi1yw._u1mbi1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}._10fu19ru._10fu19ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
13
+ ._10fuip91._10fuip91:active{background-color:var(--ds-background-neutral-pressed,#091e424f)}
14
+ ._1l5a1fxt._1l5a1fxt:active{color:var(--ds-text,#172b4d)}
15
+ ._1l5aaqb7._1l5aaqb7:active{color:var(--ds-text-selected,#0c66e4)}
package/dist/cjs/components/more-indicator.js CHANGED
@@ -18,13 +18,6 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
18
18
  var _excluded = ["testId", "className", "ref"];
19
19
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
20
20
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
- var B300 = '#0065FF';
22
- var B400 = '#0052CC';
23
- var B50 = '#DEEBFF';
24
- var N0 = '#FFFFFF';
25
- var N20 = '#F4F5F7';
26
- var N30 = '#EBECF0';
27
- var N500 = '#42526E';
28
21
  var buttonSizes = {
29
22
  small: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
30
23
  medium: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
@@ -39,7 +32,7 @@ var MoreIndicator = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
39
32
  var _ref$appearance = _ref.appearance,
40
33
  appearance = _ref$appearance === void 0 ? 'circle' : _ref$appearance,
41
34
  _ref$borderColor = _ref.borderColor,
42
- borderColor = _ref$borderColor === void 0 ? (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? "var(--ds-surface, #FFFFFF)" : "var(--ds-border-inverse, ".concat(N0, ")") : _ref$borderColor,
35
+ borderColor = _ref$borderColor === void 0 ? (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? "var(--ds-surface, #FFFFFF)" : "var(--ds-border-inverse, #FFFFFF)" : _ref$borderColor,
43
36
  _ref$size = _ref.size,
44
37
  size = _ref$size === void 0 ? 'medium' : _ref$size,
45
38
  _ref$count = _ref.count,
@@ -83,21 +76,11 @@ var MoreIndicator = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
83
76
  ,
84
77
 
85
78
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
86
- className: (0, _runtime.ax)(["_16hglslw _1w901hoq _u1mbaek3 _1fh11hoq _10fu1kgi _1l5a17km _c6d7glyw", isActive && "_16hg1kxl _so1ehi7p _1w90ln51 _1g4l1np6 _u1mbg85j _1fh13htb _10fu1smf _1l5aln51", className]),
79
+ className: (0, _runtime.ax)(["_16hgm7j4 _1w901fxt _u1mb15ej _1fh11fxt _10fuip91 _1l5a1fxt _c6d7glyw", isActive && "_16hgfg4m _so1edux9 _1w90aqb7 _1g4l1np6 _u1mbi1yw _1fh1aqb7 _10fu19ru _1l5aaqb7", className]),
87
80
  style: {
88
81
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
89
82
  font: buttonSizes[size],
90
- "--_1jkcdu5": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(N20, ")")),
91
- "--_h5fhc4": (0, _runtime.ix)("var(--ds-text, ".concat(N500, ")")),
92
- "--_hz7h6s": (0, _runtime.ix)("var(--ds-background-neutral-hovered, ".concat(N30, ")")),
93
- "--_1axggjc": (0, _runtime.ix)("var(--ds-background-neutral-pressed, ".concat(B50, ")")),
94
- "--_1lrmnoy": (0, _runtime.ix)("var(--ds-text, ".concat(B400, ")")),
95
- "--_rryx0a": (0, _runtime.ix)("var(--ds-background-selected, ".concat(B50, ")")),
96
- "--_1t841jg": (0, _runtime.ix)("0 0 0 2px ".concat("var(--ds-border-selected, ".concat(B300, ")"))),
97
- "--_1hfkvbo": (0, _runtime.ix)("var(--ds-text-selected, ".concat(B400, ")")),
98
- "--_rkvepi": (0, _runtime.ix)("var(--ds-background-selected-hovered, ".concat(N30, ")")),
99
- "--_ph2vs": (0, _runtime.ix)("var(--ds-text-selected, ".concat(N500, ")")),
100
- "--_ohg1x3": (0, _runtime.ix)("var(--ds-background-selected-pressed, ".concat(B50, ")"))
83
+ "--_10k2j09": (0, _runtime.ix)("0 0 0 ".concat("var(--ds-border-width-outline, 2px)", " ", "var(--ds-border-selected, #0C66E4)"))
101
84
  }
102
85
  }), "+", count > MAX_DISPLAY_COUNT ? MAX_DISPLAY_COUNT : count);
103
86
  });
package/dist/cjs/components/stack.compiled.css CHANGED
@@ -1,8 +1,13 @@
1
-
2
- ._18s8ze3t{margin:var(--ds-space-0,0)}
3
- ._1yt4ze3t{padding:var(--ds-space-0,0)}._12l2u2gc{margin-inline-end:var(--ds-space-100,8px)}
1
+ ._12l2u2gc{margin-inline-end:var(--ds-space-100,8px)}
4
2
  ._12l2x0bf{margin-inline-end:var(--ds-space-negative-100,-8px)}
5
3
  ._19121cl4{isolation:isolate}
6
4
  ._1e0c1txw{display:flex}
5
+ ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
6
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
7
7
  ._2mzuagmp{list-style-type:none!important}
8
- ._vwz4kb7n{line-height:1}
8
+ ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
9
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
10
+ ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
11
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
12
+ ._vwz4kb7n{line-height:1}
13
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
package/dist/cjs/components/stack.js CHANGED
@@ -21,10 +21,10 @@ var Stack = function Stack(_ref) {
21
21
  return /*#__PURE__*/React.createElement("ul", {
22
22
  "data-testid": testId,
23
23
  "aria-label": label,
24
- className: (0, _runtime.ax)(["_18s8ze3t _1yt4ze3t _1e0c1txw _19121cl4 _vwz4kb7n _2mzuagmp _12l2u2gc"])
24
+ className: (0, _runtime.ax)(["_1e0c1txw _19121cl4 _vwz4kb7n _2mzuagmp _6rthze3t _1pfhze3t _12l2u2gc _ahbqze3t _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t"])
25
25
  }, _react.Children.map(children, function (child) {
26
26
  return child && /*#__PURE__*/React.createElement("li", {
27
- className: (0, _runtime.ax)(["_18s8ze3t _12l2x0bf"])
27
+ className: (0, _runtime.ax)(["_6rthze3t _1pfhze3t _12l2x0bf _ahbqze3t"])
28
28
  }, child);
29
29
  }));
30
30
  };
package/dist/es2019/components/grid.compiled.css CHANGED
@@ -1,13 +1,19 @@
1
-
2
- ._18s8ze3t{margin:var(--ds-space-0,0)}
3
- ._1yt4ze3t{padding:var(--ds-space-0,0)}._12l2r5cr{margin-inline-end:var(--ds-space-negative-050,-4px)}
1
+ ._12l2r5cr{margin-inline-end:var(--ds-space-negative-050,-4px)}
2
+ ._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
4
3
  ._19121cl4{isolation:isolate}
5
4
  ._1bah1y6m{justify-content:flex-start}
6
5
  ._1e0c1txw{display:flex}
7
6
  ._1n261g80{flex-wrap:wrap}
7
+ ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
8
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
8
9
  ._2mzuagmp{list-style-type:none!important}
9
10
  ._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
11
+ ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
12
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
10
13
  ._ahbqr5cr{margin-inline-start:var(--ds-space-negative-050,-4px)}
14
+ ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
11
15
  ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
16
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
12
17
  ._vwz4kb7n{line-height:1}
13
- ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
18
+ ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
19
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
package/dist/es2019/components/grid.js CHANGED
@@ -13,9 +13,9 @@ const Grid = ({
13
13
  }) => /*#__PURE__*/React.createElement("ul", {
14
14
  "data-testid": testId,
15
15
  "aria-label": label,
16
- className: ax(["_18s8ze3t _1yt4ze3t _1e0c1txw _1bah1y6m _1n261g80 _19121cl4 _vwz4kb7n _2mzuagmp _12l2r5cr _ahbqr5cr"])
16
+ className: ax(["_1e0c1txw _1bah1y6m _1n261g80 _19121cl4 _vwz4kb7n _2mzuagmp _6rthze3t _1pfhze3t _12l2r5cr _ahbqr5cr _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t"])
17
17
  }, Children.map(children, child => child && /*#__PURE__*/React.createElement("li", {
18
- className: ax(["_18s8ze3t _6rthu2gc _y4ti1b66 _bozg1b66"])
18
+ className: ax(["_6rthu2gc _1pfhze3t _12l2ze3t _ahbqze3t _y4ti1b66 _bozg1b66"])
19
19
  }, child)));
20
20
 
21
21
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
package/dist/es2019/components/more-indicator.compiled.css CHANGED
@@ -1,15 +1,15 @@
1
1
 
2
- ._16hg1s4m._16hg1s4m{background-color:var(--ds-background-neutral,#f4f5f7)}
3
- ._16hg29zg._16hg29zg{background-color:var(--ds-background-selected,#deebff)}
2
+ ._16hgfg4m._16hgfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
3
+ ._16hgm7j4._16hgm7j4{background-color:var(--ds-background-neutral,#091e420f)}
4
4
  ._1g4l1np6._1g4l1np6{transform:scale(.9)}
5
- ._1w9010s3._1w9010s3{color:var(--ds-text,#42526e)}
6
- ._1w901ldt._1w901ldt{color:var(--ds-text-selected,#0052cc)}
5
+ ._1w901fxt._1w901fxt{color:var(--ds-text,#172b4d)}
6
+ ._1w90aqb7._1w90aqb7{color:var(--ds-text-selected,#0c66e4)}
7
7
  ._c6d7glyw._c6d7glyw:after{display:none}
8
- ._so1e1gmm._so1e1gmm{box-shadow:0 0 0 2px var(--ds-border-selected,#0065ff)}
9
- ._1fh110s3._1fh110s3:hover{color:var(--ds-text,#42526e)}
10
- ._1fh11pwi._1fh11pwi:hover{color:var(--ds-text-selected,#42526e)}
11
- ._u1mb1gf2._u1mb1gf2:hover{background-color:var(--ds-background-selected-hovered,#ebecf0)}
12
- ._u1mbyucn._u1mbyucn:hover{background-color:var(--ds-background-neutral-hovered,#ebecf0)}._10fu18al._10fu18al:active{background-color:var(--ds-background-neutral-pressed,#deebff)}
13
- ._10fu1elt._10fu1elt:active{background-color:var(--ds-background-selected-pressed,#deebff)}
14
- ._1l5a1ldt._1l5a1ldt:active{color:var(--ds-text-selected,#0052cc)}
15
- ._1l5a1x4z._1l5a1x4z:active{color:var(--ds-text,#0052cc)}
8
+ ._so1eqz53._so1eqz53{box-shadow:0 0 0 var(--ds-border-width-outline,2px) var(--ds-border-selected,#0c66e4)}
9
+ ._1fh11fxt._1fh11fxt:hover{color:var(--ds-text,#172b4d)}
10
+ ._1fh1aqb7._1fh1aqb7:hover{color:var(--ds-text-selected,#0c66e4)}
11
+ ._u1mb15ej._u1mb15ej:hover{background-color:var(--ds-background-neutral-hovered,#091e4224)}
12
+ ._u1mbi1yw._u1mbi1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}._10fu19ru._10fu19ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
13
+ ._10fuip91._10fuip91:active{background-color:var(--ds-background-neutral-pressed,#091e424f)}
14
+ ._1l5a1fxt._1l5a1fxt:active{color:var(--ds-text,#172b4d)}
15
+ ._1l5aaqb7._1l5aaqb7:active{color:var(--ds-text-selected,#0c66e4)}
package/dist/es2019/components/more-indicator.js CHANGED
@@ -6,13 +6,6 @@ import { ax, ix } from "@compiled/react/runtime";
6
6
  import { forwardRef, useCallback } from 'react';
7
7
  import Avatar from '@atlaskit/avatar';
8
8
  import { fg } from '@atlaskit/platform-feature-flags';
9
- const B300 = '#0065FF';
10
- const B400 = '#0052CC';
11
- const B50 = '#DEEBFF';
12
- const N0 = '#FFFFFF';
13
- const N20 = '#F4F5F7';
14
- const N30 = '#EBECF0';
15
- const N500 = '#42526E';
16
9
  const buttonSizes = {
17
10
  small: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
18
11
  medium: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
@@ -26,7 +19,7 @@ const MAX_DISPLAY_COUNT = 99;
26
19
  const MoreIndicator = /*#__PURE__*/forwardRef(({
27
20
  appearance = 'circle',
28
21
  // eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
29
- borderColor = fg('platform-component-visual-refresh') ? "var(--ds-surface, #FFFFFF)" : `var(--ds-border-inverse, ${N0})`,
22
+ borderColor = fg('platform-component-visual-refresh') ? "var(--ds-surface, #FFFFFF)" : "var(--ds-border-inverse, #FFFFFF)",
30
23
  size = 'medium',
31
24
  count = 0,
32
25
  testId,
@@ -71,7 +64,7 @@ const MoreIndicator = /*#__PURE__*/forwardRef(({
71
64
  font: buttonSizes[size]
72
65
  },
73
66
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
74
- className: ax(["_16hg1s4m _1w9010s3 _u1mbyucn _1fh110s3 _10fu18al _1l5a1x4z _c6d7glyw", isActive && "_16hg29zg _so1e1gmm _1w901ldt _1g4l1np6 _u1mb1gf2 _1fh11pwi _10fu1elt _1l5a1ldt", className])
67
+ className: ax(["_16hgm7j4 _1w901fxt _u1mb15ej _1fh11fxt _10fuip91 _1l5a1fxt _c6d7glyw", isActive && "_16hgfg4m _so1eqz53 _1w90aqb7 _1g4l1np6 _u1mbi1yw _1fh1aqb7 _10fu19ru _1l5aaqb7", className])
75
68
  }), "+", count > MAX_DISPLAY_COUNT ? MAX_DISPLAY_COUNT : count));
76
69
  });
77
70
  MoreIndicator.displayName = 'MoreIndicator';
package/dist/es2019/components/stack.compiled.css CHANGED
@@ -1,8 +1,13 @@
1
-
2
- ._18s8ze3t{margin:var(--ds-space-0,0)}
3
- ._1yt4ze3t{padding:var(--ds-space-0,0)}._12l2u2gc{margin-inline-end:var(--ds-space-100,8px)}
1
+ ._12l2u2gc{margin-inline-end:var(--ds-space-100,8px)}
4
2
  ._12l2x0bf{margin-inline-end:var(--ds-space-negative-100,-8px)}
5
3
  ._19121cl4{isolation:isolate}
6
4
  ._1e0c1txw{display:flex}
5
+ ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
6
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
7
7
  ._2mzuagmp{list-style-type:none!important}
8
- ._vwz4kb7n{line-height:1}
8
+ ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
9
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
10
+ ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
11
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
12
+ ._vwz4kb7n{line-height:1}
13
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
package/dist/es2019/components/stack.js CHANGED
@@ -12,9 +12,9 @@ const Stack = ({
12
12
  }) => /*#__PURE__*/React.createElement("ul", {
13
13
  "data-testid": testId,
14
14
  "aria-label": label,
15
- className: ax(["_18s8ze3t _1yt4ze3t _1e0c1txw _19121cl4 _vwz4kb7n _2mzuagmp _12l2u2gc"])
15
+ className: ax(["_1e0c1txw _19121cl4 _vwz4kb7n _2mzuagmp _6rthze3t _1pfhze3t _12l2u2gc _ahbqze3t _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t"])
16
16
  }, Children.map(children, child => child && /*#__PURE__*/React.createElement("li", {
17
- className: ax(["_18s8ze3t _12l2x0bf"])
17
+ className: ax(["_6rthze3t _1pfhze3t _12l2x0bf _ahbqze3t"])
18
18
  }, child)));
19
19
 
20
20
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
package/dist/esm/components/grid.compiled.css CHANGED
@@ -1,13 +1,19 @@
1
-
2
- ._18s8ze3t{margin:var(--ds-space-0,0)}
3
- ._1yt4ze3t{padding:var(--ds-space-0,0)}._12l2r5cr{margin-inline-end:var(--ds-space-negative-050,-4px)}
1
+ ._12l2r5cr{margin-inline-end:var(--ds-space-negative-050,-4px)}
2
+ ._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
4
3
  ._19121cl4{isolation:isolate}
5
4
  ._1bah1y6m{justify-content:flex-start}
6
5
  ._1e0c1txw{display:flex}
7
6
  ._1n261g80{flex-wrap:wrap}
7
+ ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
8
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
8
9
  ._2mzuagmp{list-style-type:none!important}
9
10
  ._6rthu2gc{margin-block-end:var(--ds-space-100,8px)}
11
+ ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
12
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
10
13
  ._ahbqr5cr{margin-inline-start:var(--ds-space-negative-050,-4px)}
14
+ ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
11
15
  ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)}
16
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
12
17
  ._vwz4kb7n{line-height:1}
13
- ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
18
+ ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
19
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
package/dist/esm/components/grid.js CHANGED
@@ -13,10 +13,10 @@ var Grid = function Grid(_ref) {
13
13
  return /*#__PURE__*/React.createElement("ul", {
14
14
  "data-testid": testId,
15
15
  "aria-label": label,
16
- className: ax(["_18s8ze3t _1yt4ze3t _1e0c1txw _1bah1y6m _1n261g80 _19121cl4 _vwz4kb7n _2mzuagmp _12l2r5cr _ahbqr5cr"])
16
+ className: ax(["_1e0c1txw _1bah1y6m _1n261g80 _19121cl4 _vwz4kb7n _2mzuagmp _6rthze3t _1pfhze3t _12l2r5cr _ahbqr5cr _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t"])
17
17
  }, Children.map(children, function (child) {
18
18
  return child && /*#__PURE__*/React.createElement("li", {
19
- className: ax(["_18s8ze3t _6rthu2gc _y4ti1b66 _bozg1b66"])
19
+ className: ax(["_6rthu2gc _1pfhze3t _12l2ze3t _ahbqze3t _y4ti1b66 _bozg1b66"])
20
20
  }, child);
21
21
  }));
22
22
  };
package/dist/esm/components/more-indicator.compiled.css CHANGED
@@ -1,15 +1,15 @@
1
1
 
2
- ._16hg1kxl._16hg1kxl{background-color:var(--_rryx0a)}
3
- ._16hglslw._16hglslw{background-color:var(--_1jkcdu5)}
2
+ ._16hgfg4m._16hgfg4m{background-color:var(--ds-background-selected,#e9f2ff)}
3
+ ._16hgm7j4._16hgm7j4{background-color:var(--ds-background-neutral,#091e420f)}
4
4
  ._1g4l1np6._1g4l1np6{transform:scale(.9)}
5
- ._1w901hoq._1w901hoq{color:var(--_h5fhc4)}
6
- ._1w90ln51._1w90ln51{color:var(--_1hfkvbo)}
5
+ ._1w901fxt._1w901fxt{color:var(--ds-text,#172b4d)}
6
+ ._1w90aqb7._1w90aqb7{color:var(--ds-text-selected,#0c66e4)}
7
7
  ._c6d7glyw._c6d7glyw:after{display:none}
8
- ._so1ehi7p._so1ehi7p{box-shadow:var(--_1t841jg)}
9
- ._1fh11hoq._1fh11hoq:hover{color:var(--_h5fhc4)}
10
- ._1fh13htb._1fh13htb:hover{color:var(--_ph2vs)}
11
- ._u1mbaek3._u1mbaek3:hover{background-color:var(--_hz7h6s)}
12
- ._u1mbg85j._u1mbg85j:hover{background-color:var(--_rkvepi)}._10fu1kgi._10fu1kgi:active{background-color:var(--_1axggjc)}
13
- ._10fu1smf._10fu1smf:active{background-color:var(--_ohg1x3)}
14
- ._1l5a17km._1l5a17km:active{color:var(--_1lrmnoy)}
15
- ._1l5aln51._1l5aln51:active{color:var(--_1hfkvbo)}
8
+ ._so1edux9._so1edux9{box-shadow:var(--_10k2j09)}
9
+ ._1fh11fxt._1fh11fxt:hover{color:var(--ds-text,#172b4d)}
10
+ ._1fh1aqb7._1fh1aqb7:hover{color:var(--ds-text-selected,#0c66e4)}
11
+ ._u1mb15ej._u1mb15ej:hover{background-color:var(--ds-background-neutral-hovered,#091e4224)}
12
+ ._u1mbi1yw._u1mbi1yw:hover{background-color:var(--ds-background-selected-hovered,#cce0ff)}._10fu19ru._10fu19ru:active{background-color:var(--ds-background-selected-pressed,#85b8ff)}
13
+ ._10fuip91._10fuip91:active{background-color:var(--ds-background-neutral-pressed,#091e424f)}
14
+ ._1l5a1fxt._1l5a1fxt:active{color:var(--ds-text,#172b4d)}
15
+ ._1l5aaqb7._1l5aaqb7:active{color:var(--ds-text-selected,#0c66e4)}
package/dist/esm/components/more-indicator.js CHANGED
@@ -8,13 +8,6 @@ import { ax, ix } from "@compiled/react/runtime";
8
8
  import { forwardRef, useCallback } from 'react';
9
9
  import Avatar from '@atlaskit/avatar';
10
10
  import { fg } from '@atlaskit/platform-feature-flags';
11
- var B300 = '#0065FF';
12
- var B400 = '#0052CC';
13
- var B50 = '#DEEBFF';
14
- var N0 = '#FFFFFF';
15
- var N20 = '#F4F5F7';
16
- var N30 = '#EBECF0';
17
- var N500 = '#42526E';
18
11
  var buttonSizes = {
19
12
  small: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
20
13
  medium: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
@@ -29,7 +22,7 @@ var MoreIndicator = /*#__PURE__*/forwardRef(function (_ref, ref) {
29
22
  var _ref$appearance = _ref.appearance,
30
23
  appearance = _ref$appearance === void 0 ? 'circle' : _ref$appearance,
31
24
  _ref$borderColor = _ref.borderColor,
32
- borderColor = _ref$borderColor === void 0 ? fg('platform-component-visual-refresh') ? "var(--ds-surface, #FFFFFF)" : "var(--ds-border-inverse, ".concat(N0, ")") : _ref$borderColor,
25
+ borderColor = _ref$borderColor === void 0 ? fg('platform-component-visual-refresh') ? "var(--ds-surface, #FFFFFF)" : "var(--ds-border-inverse, #FFFFFF)" : _ref$borderColor,
33
26
  _ref$size = _ref.size,
34
27
  size = _ref$size === void 0 ? 'medium' : _ref$size,
35
28
  _ref$count = _ref.count,
@@ -73,21 +66,11 @@ var MoreIndicator = /*#__PURE__*/forwardRef(function (_ref, ref) {
73
66
  ,
74
67
 
75
68
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
76
- className: ax(["_16hglslw _1w901hoq _u1mbaek3 _1fh11hoq _10fu1kgi _1l5a17km _c6d7glyw", isActive && "_16hg1kxl _so1ehi7p _1w90ln51 _1g4l1np6 _u1mbg85j _1fh13htb _10fu1smf _1l5aln51", className]),
69
+ className: ax(["_16hgm7j4 _1w901fxt _u1mb15ej _1fh11fxt _10fuip91 _1l5a1fxt _c6d7glyw", isActive && "_16hgfg4m _so1edux9 _1w90aqb7 _1g4l1np6 _u1mbi1yw _1fh1aqb7 _10fu19ru _1l5aaqb7", className]),
77
70
  style: {
78
71
  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
79
72
  font: buttonSizes[size],
80
- "--_1jkcdu5": ix("var(--ds-background-neutral, ".concat(N20, ")")),
81
- "--_h5fhc4": ix("var(--ds-text, ".concat(N500, ")")),
82
- "--_hz7h6s": ix("var(--ds-background-neutral-hovered, ".concat(N30, ")")),
83
- "--_1axggjc": ix("var(--ds-background-neutral-pressed, ".concat(B50, ")")),
84
- "--_1lrmnoy": ix("var(--ds-text, ".concat(B400, ")")),
85
- "--_rryx0a": ix("var(--ds-background-selected, ".concat(B50, ")")),
86
- "--_1t841jg": ix("0 0 0 2px ".concat("var(--ds-border-selected, ".concat(B300, ")"))),
87
- "--_1hfkvbo": ix("var(--ds-text-selected, ".concat(B400, ")")),
88
- "--_rkvepi": ix("var(--ds-background-selected-hovered, ".concat(N30, ")")),
89
- "--_ph2vs": ix("var(--ds-text-selected, ".concat(N500, ")")),
90
- "--_ohg1x3": ix("var(--ds-background-selected-pressed, ".concat(B50, ")"))
73
+ "--_10k2j09": ix("0 0 0 ".concat("var(--ds-border-width-outline, 2px)", " ", "var(--ds-border-selected, #0C66E4)"))
91
74
  }
92
75
  }), "+", count > MAX_DISPLAY_COUNT ? MAX_DISPLAY_COUNT : count);
93
76
  });
package/dist/esm/components/stack.compiled.css CHANGED
@@ -1,8 +1,13 @@
1
-
2
- ._18s8ze3t{margin:var(--ds-space-0,0)}
3
- ._1yt4ze3t{padding:var(--ds-space-0,0)}._12l2u2gc{margin-inline-end:var(--ds-space-100,8px)}
1
+ ._12l2u2gc{margin-inline-end:var(--ds-space-100,8px)}
4
2
  ._12l2x0bf{margin-inline-end:var(--ds-space-negative-100,-8px)}
5
3
  ._19121cl4{isolation:isolate}
6
4
  ._1e0c1txw{display:flex}
5
+ ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
6
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
7
7
  ._2mzuagmp{list-style-type:none!important}
8
- ._vwz4kb7n{line-height:1}
8
+ ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
9
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
10
+ ._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
11
+ ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
12
+ ._vwz4kb7n{line-height:1}
13
+ ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
package/dist/esm/components/stack.js CHANGED
@@ -12,10 +12,10 @@ var Stack = function Stack(_ref) {
12
12
  return /*#__PURE__*/React.createElement("ul", {
13
13
  "data-testid": testId,
14
14
  "aria-label": label,
15
- className: ax(["_18s8ze3t _1yt4ze3t _1e0c1txw _19121cl4 _vwz4kb7n _2mzuagmp _12l2u2gc"])
15
+ className: ax(["_1e0c1txw _19121cl4 _vwz4kb7n _2mzuagmp _6rthze3t _1pfhze3t _12l2u2gc _ahbqze3t _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t"])
16
16
  }, Children.map(children, function (child) {
17
17
  return child && /*#__PURE__*/React.createElement("li", {
18
- className: ax(["_18s8ze3t _12l2x0bf"])
18
+ className: ax(["_6rthze3t _1pfhze3t _12l2x0bf _ahbqze3t"])
19
19
  }, child);
20
20
  }));
21
21
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar-group",
3
- "version": "11.1.0",
3
+ "version": "11.1.1",
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/"
@@ -29,7 +29,7 @@
29
29
  "@atlaskit/css": "^0.8.0",
30
30
  "@atlaskit/ds-lib": "^3.5.0",
31
31
  "@atlaskit/menu": "^2.14.0",
32
- "@atlaskit/platform-feature-flags": "^0.3.0",
32
+ "@atlaskit/platform-feature-flags": "^1.0.0",
33
33
  "@atlaskit/popup": "^1.31.0",
34
34
  "@atlaskit/theme": "^14.1.0",
35
35
  "@atlaskit/tokens": "^3.3.0",
@@ -49,7 +49,7 @@
49
49
  "@atlaskit/button": "^20.4.0",
50
50
  "@atlaskit/docs": "*",
51
51
  "@atlaskit/form": "^11.1.0",
52
- "@atlaskit/icon": "^23.5.0",
52
+ "@atlaskit/icon": "^23.6.0",
53
53
  "@atlaskit/link": "*",
54
54
  "@atlaskit/modal-dialog": "^12.20.0",
55
55
  "@atlaskit/primitives": "^13.4.0",