@atlaskit/avatar 21.16.0 → 21.17.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 (8) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/Avatar.js +1 -1
  3. package/dist/cjs/AvatarImage.js +12 -12
  4. package/dist/es2019/Avatar.js +1 -1
  5. package/dist/es2019/AvatarImage.js +9 -9
  6. package/dist/esm/Avatar.js +1 -1
  7. package/dist/esm/AvatarImage.js +9 -9
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/avatar
2
2
 
3
+ ## 21.17.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#157307](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/157307)
8
+ [`a1e80ec0a5e4a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a1e80ec0a5e4a) -
9
+ Enable new icons behind a feature flag.
10
+
11
+ ## 21.16.1
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 21.16.0
4
18
 
5
19
  ### Minor Changes
package/dist/cjs/Avatar.js CHANGED
@@ -30,7 +30,7 @@ var _templateObject;
30
30
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
31
31
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
32
32
  var packageName = "@atlaskit/avatar";
33
- var packageVersion = "21.16.0";
33
+ var packageVersion = "21.17.0";
34
34
  var getTestId = function getTestId(testId, children) {
35
35
  return !children ? {
36
36
  'data-testid': "".concat(testId, "--inner")
package/dist/cjs/AvatarImage.js CHANGED
@@ -9,10 +9,10 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
10
  var _react = require("react");
11
11
  var _react2 = require("@emotion/react");
12
- var _person = _interopRequireDefault(require("@atlaskit/icon/core/person"));
12
+ var _person = _interopRequireDefault(require("@atlaskit/icon/core/migration/person"));
13
+ var _releaseShip = _interopRequireDefault(require("@atlaskit/icon/core/migration/release--ship"));
14
+ var _person2 = _interopRequireDefault(require("@atlaskit/icon/core/person"));
13
15
  var _release = _interopRequireDefault(require("@atlaskit/icon/core/release"));
14
- var _person2 = _interopRequireDefault(require("@atlaskit/icon/glyph/person"));
15
- var _ship = _interopRequireDefault(require("@atlaskit/icon/glyph/ship"));
16
16
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
17
  var _colors = require("@atlaskit/theme/colors");
18
18
  var _constants = require("./constants");
@@ -81,28 +81,28 @@ var AvatarImage = function AvatarImage(_ref3) {
81
81
  if (!src || hasImageErrored) {
82
82
  return (0, _react2.jsx)("span", {
83
83
  css: [(0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? avatarDefaultIconVisualRefreshStyles : avatarDefaultIconStyles, nestedAvatarStyles[size]]
84
- }, appearance === 'circle' ? (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _react2.jsx)(_person.default, {
84
+ }, appearance === 'circle' ? (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _react2.jsx)(_person2.default, {
85
85
  label: alt,
86
86
  color: "var(--ds-icon-subtle, #626F86)",
87
87
  testId: testId && "".concat(testId, "--person"),
88
88
  spacing: "spacious"
89
- }) : (0, _react2.jsx)(_person2.default, {
89
+ }) : (0, _react2.jsx)(_person.default, {
90
90
  label: alt,
91
- primaryColor: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
92
- secondaryColor: "var(--ds-icon-subtle, ".concat(_colors.N90, ")"),
91
+ color: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
92
+ LEGACY_secondaryColor: "var(--ds-icon-subtle, ".concat(_colors.N90, ")"),
93
93
  testId: testId && "".concat(testId, "--person"),
94
- "aria-hidden": isHidden
94
+ spacing: "spacious"
95
95
  }) : (0, _platformFeatureFlags.fg)('platform-component-visual-refresh') ? (0, _react2.jsx)(_release.default, {
96
96
  label: alt,
97
97
  color: "var(--ds-icon-subtle, #626F86)",
98
98
  testId: testId && "".concat(testId, "--ship"),
99
99
  spacing: "spacious"
100
- }) : (0, _react2.jsx)(_ship.default, {
100
+ }) : (0, _react2.jsx)(_releaseShip.default, {
101
101
  label: alt,
102
- primaryColor: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
103
- secondaryColor: "var(--ds-icon-subtle, ".concat(_colors.N90, ")"),
102
+ color: "var(--ds-icon-inverse, ".concat(_colors.N0, ")"),
103
+ LEGACY_secondaryColor: "var(--ds-icon-subtle, ".concat(_colors.N90, ")"),
104
104
  testId: testId && "".concat(testId, "--ship"),
105
- "aria-hidden": isHidden
105
+ spacing: "spacious"
106
106
  }));
107
107
  }
108
108
  return (0, _react2.jsx)("img", {
package/dist/es2019/Avatar.js CHANGED
@@ -19,7 +19,7 @@ import { PresenceWrapper } from './Presence';
19
19
  import { StatusWrapper } from './Status';
20
20
  import { getButtonProps, getCustomElement, getLinkProps } from './utilities';
21
21
  const packageName = "@atlaskit/avatar";
22
- const packageVersion = "21.16.0";
22
+ const packageVersion = "21.17.0";
23
23
  const getTestId = (testId, children) => !children ? {
24
24
  'data-testid': `${testId}--inner`
25
25
  } : {
package/dist/es2019/AvatarImage.js CHANGED
@@ -7,10 +7,10 @@ import { useEffect, useState } from 'react';
7
7
 
8
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
9
9
  import { css, jsx } from '@emotion/react';
10
+ import PersonIconLegacy from '@atlaskit/icon/core/migration/person';
11
+ import ReleaseIconMigration from '@atlaskit/icon/core/migration/release--ship';
10
12
  import PersonIcon from '@atlaskit/icon/core/person';
11
13
  import ReleaseIcon from '@atlaskit/icon/core/release';
12
- import PersonIconLegacy from '@atlaskit/icon/glyph/person';
13
- import ShipIcon from '@atlaskit/icon/glyph/ship';
14
14
  import { fg } from '@atlaskit/platform-feature-flags';
15
15
  import { N0, N90 } from '@atlaskit/theme/colors';
16
16
  import { AVATAR_RADIUS, AVATAR_SIZES } from './constants';
@@ -77,21 +77,21 @@ const AvatarImage = ({
77
77
  spacing: "spacious"
78
78
  }) : jsx(PersonIconLegacy, {
79
79
  label: alt,
80
- primaryColor: `var(--ds-icon-inverse, ${N0})`,
81
- secondaryColor: `var(--ds-icon-subtle, ${N90})`,
80
+ color: `var(--ds-icon-inverse, ${N0})`,
81
+ LEGACY_secondaryColor: `var(--ds-icon-subtle, ${N90})`,
82
82
  testId: testId && `${testId}--person`,
83
- "aria-hidden": isHidden
83
+ spacing: "spacious"
84
84
  }) : fg('platform-component-visual-refresh') ? jsx(ReleaseIcon, {
85
85
  label: alt,
86
86
  color: "var(--ds-icon-subtle, #626F86)",
87
87
  testId: testId && `${testId}--ship`,
88
88
  spacing: "spacious"
89
- }) : jsx(ShipIcon, {
89
+ }) : jsx(ReleaseIconMigration, {
90
90
  label: alt,
91
- primaryColor: `var(--ds-icon-inverse, ${N0})`,
92
- secondaryColor: `var(--ds-icon-subtle, ${N90})`,
91
+ color: `var(--ds-icon-inverse, ${N0})`,
92
+ LEGACY_secondaryColor: `var(--ds-icon-subtle, ${N90})`,
93
93
  testId: testId && `${testId}--ship`,
94
- "aria-hidden": isHidden
94
+ spacing: "spacious"
95
95
  }));
96
96
  }
97
97
  return jsx("img", {
package/dist/esm/Avatar.js CHANGED
@@ -24,7 +24,7 @@ import { PresenceWrapper } from './Presence';
24
24
  import { StatusWrapper } from './Status';
25
25
  import { getButtonProps, getCustomElement, getLinkProps } from './utilities';
26
26
  var packageName = "@atlaskit/avatar";
27
- var packageVersion = "21.16.0";
27
+ var packageVersion = "21.17.0";
28
28
  var getTestId = function getTestId(testId, children) {
29
29
  return !children ? {
30
30
  'data-testid': "".concat(testId, "--inner")
package/dist/esm/AvatarImage.js CHANGED
@@ -11,10 +11,10 @@ import { useEffect, useState } from 'react';
11
11
 
12
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
13
13
  import { css, jsx } from '@emotion/react';
14
+ import PersonIconLegacy from '@atlaskit/icon/core/migration/person';
15
+ import ReleaseIconMigration from '@atlaskit/icon/core/migration/release--ship';
14
16
  import PersonIcon from '@atlaskit/icon/core/person';
15
17
  import ReleaseIcon from '@atlaskit/icon/core/release';
16
- import PersonIconLegacy from '@atlaskit/icon/glyph/person';
17
- import ShipIcon from '@atlaskit/icon/glyph/ship';
18
18
  import { fg } from '@atlaskit/platform-feature-flags';
19
19
  import { N0, N90 } from '@atlaskit/theme/colors';
20
20
  import { AVATAR_RADIUS, AVATAR_SIZES } from './constants';
@@ -84,21 +84,21 @@ var AvatarImage = function AvatarImage(_ref3) {
84
84
  spacing: "spacious"
85
85
  }) : jsx(PersonIconLegacy, {
86
86
  label: alt,
87
- primaryColor: "var(--ds-icon-inverse, ".concat(N0, ")"),
88
- secondaryColor: "var(--ds-icon-subtle, ".concat(N90, ")"),
87
+ color: "var(--ds-icon-inverse, ".concat(N0, ")"),
88
+ LEGACY_secondaryColor: "var(--ds-icon-subtle, ".concat(N90, ")"),
89
89
  testId: testId && "".concat(testId, "--person"),
90
- "aria-hidden": isHidden
90
+ spacing: "spacious"
91
91
  }) : fg('platform-component-visual-refresh') ? jsx(ReleaseIcon, {
92
92
  label: alt,
93
93
  color: "var(--ds-icon-subtle, #626F86)",
94
94
  testId: testId && "".concat(testId, "--ship"),
95
95
  spacing: "spacious"
96
- }) : jsx(ShipIcon, {
96
+ }) : jsx(ReleaseIconMigration, {
97
97
  label: alt,
98
- primaryColor: "var(--ds-icon-inverse, ".concat(N0, ")"),
99
- secondaryColor: "var(--ds-icon-subtle, ".concat(N90, ")"),
98
+ color: "var(--ds-icon-inverse, ".concat(N0, ")"),
99
+ LEGACY_secondaryColor: "var(--ds-icon-subtle, ".concat(N90, ")"),
100
100
  testId: testId && "".concat(testId, "--ship"),
101
- "aria-hidden": isHidden
101
+ spacing: "spacious"
102
102
  }));
103
103
  }
104
104
  return jsx("img", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar",
3
- "version": "21.16.0",
3
+ "version": "21.17.0",
4
4
  "description": "An avatar is a visual representation of a user or entity.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -45,7 +45,7 @@
45
45
  "@atlaskit/focus-ring": "^1.6.0",
46
46
  "@atlaskit/icon": "^22.24.0",
47
47
  "@atlaskit/platform-feature-flags": "^0.3.0",
48
- "@atlaskit/primitives": "^12.2.0",
48
+ "@atlaskit/primitives": "^13.0.0",
49
49
  "@atlaskit/theme": "^14.0.0",
50
50
  "@atlaskit/tokens": "^2.0.0",
51
51
  "@babel/runtime": "^7.0.0",