@atlaskit/teams-avatar 2.4.11 → 2.4.12

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 (14) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/ui/teams-avatar/index.js +2 -3
  3. package/dist/cjs/ui/teams-avatar/teams-avatar-image/fallback/index.js +1 -1
  4. package/dist/cjs/ui/teams-avatar/teams-avatar-image/index.compiled.css +3 -3
  5. package/dist/cjs/ui/teams-avatar/teams-avatar-image/index.js +3 -3
  6. package/dist/es2019/ui/teams-avatar/index.js +2 -3
  7. package/dist/es2019/ui/teams-avatar/teams-avatar-image/fallback/index.js +1 -1
  8. package/dist/es2019/ui/teams-avatar/teams-avatar-image/index.compiled.css +3 -3
  9. package/dist/es2019/ui/teams-avatar/teams-avatar-image/index.js +3 -3
  10. package/dist/esm/ui/teams-avatar/index.js +2 -3
  11. package/dist/esm/ui/teams-avatar/teams-avatar-image/fallback/index.js +1 -1
  12. package/dist/esm/ui/teams-avatar/teams-avatar-image/index.compiled.css +3 -3
  13. package/dist/esm/ui/teams-avatar/teams-avatar-image/index.js +3 -3
  14. package/package.json +5 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/teams-avatar
2
2
 
3
+ ## 2.4.12
4
+
5
+ ### Patch Changes
6
+
7
+ - [`fd9cfb7fca5c6`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/fd9cfb7fca5c6) -
8
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
9
+ - Updated dependencies
10
+
3
11
  ## 2.4.11
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/ui/teams-avatar/index.js CHANGED
@@ -10,7 +10,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
11
  var _react = _interopRequireDefault(require("react"));
12
12
  var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
13
- var _colors = require("@atlaskit/theme/colors");
14
13
  var _teamsAvatarImage = require("./teams-avatar-image");
15
14
  var _excluded = ["testId", "src", "size", "teamId", "compact"];
16
15
  /*
@@ -20,8 +19,8 @@ var _excluded = ["testId", "src", "size", "teamId", "compact"];
20
19
  * Else fallback.
21
20
  */
22
21
 
23
- var ICON_BACKGROUND = exports.ICON_BACKGROUND = "var(--ds-icon-inverse, ".concat(_colors.N0, ")");
24
- var ICON_COLOR = exports.ICON_COLOR = "var(--ds-icon-subtle, ".concat(_colors.N90, ")");
22
+ var ICON_BACKGROUND = exports.ICON_BACKGROUND = "var(--ds-icon-inverse, #FFFFFF)";
23
+ var ICON_COLOR = exports.ICON_COLOR = "var(--ds-icon-subtle, #505258)";
25
24
  function TeamAvatar(_ref) {
26
25
  var testId = _ref.testId,
27
26
  src = _ref.src,
package/dist/cjs/ui/teams-avatar/teams-avatar-image/fallback/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
1
+ /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
package/dist/cjs/ui/teams-avatar/teams-avatar-image/index.compiled.css CHANGED
@@ -26,8 +26,8 @@
26
26
  ._1hfk1j28:after{background-color:transparent}
27
27
  ._1hfkvuon:after{background-color:var(--ds-surface,#fff)}
28
28
  ._1o9zkb7n{flex-shrink:1}
29
+ ._1peq2wxo:after{opacity:var(--ds-opacity-disabled,.4)}
29
30
  ._1peqidpf:after{opacity:0}
30
- ._1peqs237:after{opacity:var(--ds-opacity-disabled,.7)}
31
31
  ._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
32
32
  ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
33
33
  ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
@@ -42,7 +42,7 @@
42
42
  ._4t3i1ylp{height:40px}
43
43
  ._4t3i7vkz{height:1pc}
44
44
  ._4t3izwfg{height:2pc}
45
- ._4tpu1g4v:hover:after{background-color:var(--ds-interaction-hovered,rgba(9,30,66,.36))}
45
+ ._4tpu1f0r:hover:after{background-color:var(--ds-interaction-hovered,#00000029)}
46
46
  ._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
47
47
  ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
48
48
  ._80om13gf{cursor:not-allowed}
@@ -56,7 +56,7 @@
56
56
  ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
57
57
  ._eeh8kb7n:active:after{opacity:1}
58
58
  ._ez1ykb7n:hover:after{opacity:1}
59
- ._gcm1182g:active:after{background-color:var(--ds-interaction-pressed,rgba(9,30,66,.36))}
59
+ ._gcm1jer9:active:after{background-color:var(--ds-interaction-pressed,#00000052)}
60
60
  ._i0dl1osq{flex-basis:100%}
61
61
  ._kqswh2mm{position:relative}
62
62
  ._kqswpfqs{position:static}
package/dist/cjs/ui/teams-avatar/teams-avatar-image/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
1
+ /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -28,11 +28,11 @@ var containerStyles = {
28
28
  compactSpacing: "_6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t",
29
29
  circle: "_2rko1qll _14mj1qll",
30
30
  positionRelative: "_kqswh2mm",
31
- disabled: "_80om13gf _1hfkvuon _1peqs237"
31
+ disabled: "_80om13gf _1hfkvuon _1peq2wxo"
32
32
  };
33
33
  var unboundStyles = {
34
34
  root: "_vchh1ntv _bfhkcxp3 _16qs1nhn",
35
- interactive: "_80omtlke _4tpu1g4v _ez1ykb7n _gcm1182g _eeh8kb7n _jlxit94y"
35
+ interactive: "_80omtlke _4tpu1f0r _ez1ykb7n _gcm1jer9 _eeh8kb7n _jlxit94y"
36
36
  };
37
37
  var avatarImageStyles = {
38
38
  image: "_16jlkb7n _1o9zkb7n _i0dl1osq _1e0c1txw _1bsb1osq _4t3i1osq"
package/dist/es2019/ui/teams-avatar/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
3
  import Avatar from '@atlaskit/avatar';
4
- import { N0, N90 } from '@atlaskit/theme/colors';
5
4
  import { TeamAvatarImage } from './teams-avatar-image';
6
5
 
7
6
  /*
@@ -11,8 +10,8 @@ import { TeamAvatarImage } from './teams-avatar-image';
11
10
  * Else fallback.
12
11
  */
13
12
 
14
- export const ICON_BACKGROUND = `var(--ds-icon-inverse, ${N0})`;
15
- export const ICON_COLOR = `var(--ds-icon-subtle, ${N90})`;
13
+ export const ICON_BACKGROUND = "var(--ds-icon-inverse, #FFFFFF)";
14
+ export const ICON_COLOR = "var(--ds-icon-subtle, #505258)";
16
15
  export default function TeamAvatar({
17
16
  testId,
18
17
  src,
package/dist/es2019/ui/teams-avatar/teams-avatar-image/fallback/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
1
+ /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./index.compiled.css";
4
4
  import { ax, ix } from "@compiled/react/runtime";
package/dist/es2019/ui/teams-avatar/teams-avatar-image/index.compiled.css CHANGED
@@ -26,8 +26,8 @@
26
26
  ._1hfk1j28:after{background-color:transparent}
27
27
  ._1hfkvuon:after{background-color:var(--ds-surface,#fff)}
28
28
  ._1o9zkb7n{flex-shrink:1}
29
+ ._1peq2wxo:after{opacity:var(--ds-opacity-disabled,.4)}
29
30
  ._1peqidpf:after{opacity:0}
30
- ._1peqs237:after{opacity:var(--ds-opacity-disabled,.7)}
31
31
  ._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
32
32
  ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
33
33
  ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
@@ -42,7 +42,7 @@
42
42
  ._4t3i1ylp{height:40px}
43
43
  ._4t3i7vkz{height:1pc}
44
44
  ._4t3izwfg{height:2pc}
45
- ._4tpu1g4v:hover:after{background-color:var(--ds-interaction-hovered,rgba(9,30,66,.36))}
45
+ ._4tpu1f0r:hover:after{background-color:var(--ds-interaction-hovered,#00000029)}
46
46
  ._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
47
47
  ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
48
48
  ._80om13gf{cursor:not-allowed}
@@ -56,7 +56,7 @@
56
56
  ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
57
57
  ._eeh8kb7n:active:after{opacity:1}
58
58
  ._ez1ykb7n:hover:after{opacity:1}
59
- ._gcm1182g:active:after{background-color:var(--ds-interaction-pressed,rgba(9,30,66,.36))}
59
+ ._gcm1jer9:active:after{background-color:var(--ds-interaction-pressed,#00000052)}
60
60
  ._i0dl1osq{flex-basis:100%}
61
61
  ._kqswh2mm{position:relative}
62
62
  ._kqswpfqs{position:static}
package/dist/es2019/ui/teams-avatar/teams-avatar-image/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
1
+ /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
2
2
  import "./index.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -18,11 +18,11 @@ const containerStyles = {
18
18
  compactSpacing: "_6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t",
19
19
  circle: "_2rko1qll _14mj1qll",
20
20
  positionRelative: "_kqswh2mm",
21
- disabled: "_80om13gf _1hfkvuon _1peqs237"
21
+ disabled: "_80om13gf _1hfkvuon _1peq2wxo"
22
22
  };
23
23
  const unboundStyles = {
24
24
  root: "_vchh1ntv _bfhkcxp3 _16qs1nhn",
25
- interactive: "_80omtlke _4tpu1g4v _ez1ykb7n _gcm1182g _eeh8kb7n _jlxit94y"
25
+ interactive: "_80omtlke _4tpu1f0r _ez1ykb7n _gcm1jer9 _eeh8kb7n _jlxit94y"
26
26
  };
27
27
  const avatarImageStyles = {
28
28
  image: "_16jlkb7n _1o9zkb7n _i0dl1osq _1e0c1txw _1bsb1osq _4t3i1osq"
package/dist/esm/ui/teams-avatar/index.js CHANGED
@@ -3,7 +3,6 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
3
3
  var _excluded = ["testId", "src", "size", "teamId", "compact"];
4
4
  import React from 'react';
5
5
  import Avatar from '@atlaskit/avatar';
6
- import { N0, N90 } from '@atlaskit/theme/colors';
7
6
  import { TeamAvatarImage } from './teams-avatar-image';
8
7
 
9
8
  /*
@@ -13,8 +12,8 @@ import { TeamAvatarImage } from './teams-avatar-image';
13
12
  * Else fallback.
14
13
  */
15
14
 
16
- export var ICON_BACKGROUND = "var(--ds-icon-inverse, ".concat(N0, ")");
17
- export var ICON_COLOR = "var(--ds-icon-subtle, ".concat(N90, ")");
15
+ export var ICON_BACKGROUND = "var(--ds-icon-inverse, #FFFFFF)";
16
+ export var ICON_COLOR = "var(--ds-icon-subtle, #505258)";
18
17
  export default function TeamAvatar(_ref) {
19
18
  var testId = _ref.testId,
20
19
  src = _ref.src,
package/dist/esm/ui/teams-avatar/teams-avatar-image/fallback/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
1
+ /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["compact"];
package/dist/esm/ui/teams-avatar/teams-avatar-image/index.compiled.css CHANGED
@@ -26,8 +26,8 @@
26
26
  ._1hfk1j28:after{background-color:transparent}
27
27
  ._1hfkvuon:after{background-color:var(--ds-surface,#fff)}
28
28
  ._1o9zkb7n{flex-shrink:1}
29
+ ._1peq2wxo:after{opacity:var(--ds-opacity-disabled,.4)}
29
30
  ._1peqidpf:after{opacity:0}
30
- ._1peqs237:after{opacity:var(--ds-opacity-disabled,.7)}
31
31
  ._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
32
32
  ._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
33
33
  ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
@@ -42,7 +42,7 @@
42
42
  ._4t3i1ylp{height:40px}
43
43
  ._4t3i7vkz{height:1pc}
44
44
  ._4t3izwfg{height:2pc}
45
- ._4tpu1g4v:hover:after{background-color:var(--ds-interaction-hovered,rgba(9,30,66,.36))}
45
+ ._4tpu1f0r:hover:after{background-color:var(--ds-interaction-hovered,#00000029)}
46
46
  ._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
47
47
  ._6rthze3t{margin-block-end:var(--ds-space-0,0)}
48
48
  ._80om13gf{cursor:not-allowed}
@@ -56,7 +56,7 @@
56
56
  ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
57
57
  ._eeh8kb7n:active:after{opacity:1}
58
58
  ._ez1ykb7n:hover:after{opacity:1}
59
- ._gcm1182g:active:after{background-color:var(--ds-interaction-pressed,rgba(9,30,66,.36))}
59
+ ._gcm1jer9:active:after{background-color:var(--ds-interaction-pressed,#00000052)}
60
60
  ._i0dl1osq{flex-basis:100%}
61
61
  ._kqswh2mm{position:relative}
62
62
  ._kqswpfqs{position:static}
package/dist/esm/ui/teams-avatar/teams-avatar-image/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /* index.tsx generated by @compiled/babel-plugin v0.38.1 */
1
+ /* index.tsx generated by @compiled/babel-plugin v0.39.1 */
2
2
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
3
3
  import "./index.compiled.css";
4
4
  import * as React from 'react';
@@ -19,11 +19,11 @@ var containerStyles = {
19
19
  compactSpacing: "_6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t",
20
20
  circle: "_2rko1qll _14mj1qll",
21
21
  positionRelative: "_kqswh2mm",
22
- disabled: "_80om13gf _1hfkvuon _1peqs237"
22
+ disabled: "_80om13gf _1hfkvuon _1peq2wxo"
23
23
  };
24
24
  var unboundStyles = {
25
25
  root: "_vchh1ntv _bfhkcxp3 _16qs1nhn",
26
- interactive: "_80omtlke _4tpu1g4v _ez1ykb7n _gcm1182g _eeh8kb7n _jlxit94y"
26
+ interactive: "_80omtlke _4tpu1f0r _ez1ykb7n _gcm1jer9 _eeh8kb7n _jlxit94y"
27
27
  };
28
28
  var avatarImageStyles = {
29
29
  image: "_16jlkb7n _1o9zkb7n _i0dl1osq _1e0c1txw _1bsb1osq _4t3i1osq"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/teams-avatar",
3
- "version": "2.4.11",
3
+ "version": "2.4.12",
4
4
  "description": "A team avatar is a visual representation of a team.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -35,14 +35,13 @@
35
35
  "test:coverage": "(cd ../../.. && yarn test 'packages/people-and-teams/teams-avatar/src' --coverage --coverageProvider=v8 --collectCoverageFrom='[\"packages/people-and-teams/teams-avatar/src/**\", \"!packages/people-and-teams/teams-avatar/src/**/**/types.ts\", \"!packages/people-and-teams/teams-avatar/src/ui/**/styled.tsx\"]')"
36
36
  },
37
37
  "dependencies": {
38
- "@atlaskit/avatar": "^25.8.0",
38
+ "@atlaskit/avatar": "^25.11.0",
39
39
  "@atlaskit/css": "^0.19.0",
40
40
  "@atlaskit/platform-feature-flags": "^1.1.0",
41
- "@atlaskit/primitives": "^18.0.0",
42
- "@atlaskit/theme": "^22.0.0",
43
- "@atlaskit/tokens": "^11.0.0",
41
+ "@atlaskit/primitives": "^18.1.0",
42
+ "@atlaskit/tokens": "^11.4.0",
44
43
  "@babel/runtime": "^7.0.0",
45
- "@compiled/react": "^0.18.6"
44
+ "@compiled/react": "^0.20.0"
46
45
  },
47
46
  "peerDependencies": {
48
47
  "react": "^18.2.0"