@atlaskit/avatar 21.17.5 → 21.17.7

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 (11) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/avatar-image.js +1 -0
  3. package/dist/cjs/avatar-item.js +2 -1
  4. package/dist/cjs/avatar.js +1 -1
  5. package/dist/es2019/avatar-image.js +1 -0
  6. package/dist/es2019/avatar-item.js +2 -1
  7. package/dist/es2019/avatar.js +1 -1
  8. package/dist/esm/avatar-image.js +1 -0
  9. package/dist/esm/avatar-item.js +2 -1
  10. package/dist/esm/avatar.js +1 -1
  11. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/avatar
2
2
 
3
+ ## 21.17.7
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 21.17.6
10
+
11
+ ### Patch Changes
12
+
13
+ - [#178053](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/178053)
14
+ [`cb318c8c28c26`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/cb318c8c28c26) -
15
+ Internal changes to typography.
16
+
3
17
  ## 21.17.5
4
18
 
5
19
  ### Patch Changes
package/dist/cjs/avatar-image.js CHANGED
@@ -38,6 +38,7 @@ var nestedAvatarStyles = Object.entries(_constants.AVATAR_SIZES).reduce(function
38
38
  key = _ref2[0],
39
39
  size = _ref2[1];
40
40
  return _objectSpread(_objectSpread({}, styles), {}, (0, _defineProperty2.default)({}, key, (0, _react2.css)({
41
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
41
42
  lineHeight: 0,
42
43
  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
43
44
  '& svg': {
package/dist/cjs/avatar-item.js CHANGED
@@ -27,6 +27,7 @@ var avatarItemStyles = (0, _react2.css)({
27
27
  minWidth: 0,
28
28
  maxWidth: '100%',
29
29
  flex: '1 1 100%',
30
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
30
31
  lineHeight: '1.4',
31
32
  paddingInlineStart: "var(--ds-space-100, 8px)"
32
33
  });
@@ -49,7 +50,7 @@ var getStyles = function getStyles(css, _ref) {
49
50
  isInteractive = _ref.isInteractive,
50
51
  isDisabled = _ref.isDisabled;
51
52
  return (// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @repo/internal/react/no-css-string-literals
52
- css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\talign-items: center;\n\t\tbackground-color: ", ";\n\t\tborder-radius: ", "px;\n\t\tborder: ", "px solid transparent;\n\t\tbox-sizing: border-box;\n\t\tcolor: inherit;\n\t\tdisplay: flex;\n\t\tfont-size: inherit;\n\t\tfont-style: normal;\n\t\tfont-weight: normal;\n\t\tline-height: 1;\n\t\toutline: none;\n\t\tmargin: ", ";\n\t\tpadding: ", ";\n\t\ttext-align: left;\n\t\ttext-decoration: none;\n\t\twidth: 100%;\n\n\t\t", "\n\n\t\t", "\n\t"])), backgroundColor, (0, _constants.borderRadius)(), _constants2.BORDER_WIDTH, "var(--ds-space-0, 0px)", "var(--ds-space-050, 4px)", isInteractive && "\n :hover {\n background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"), ";\n cursor: pointer;\n text-decoration: none;\n }\n\n :focus {\n outline: none;\n border-color: ", "var(--ds-border-focused, ".concat(_colors.B200, ")"), ";\n }\n\n :active {\n background-color: ", "var(--ds-background-neutral-subtle-pressed, ".concat(_colors.B50, ")"), ";\n }\n "), isDisabled && "\n cursor: not-allowed;\n opacity: ".concat("var(--ds-opacity-disabled, 0.5)", ";\n pointer-events: none;\n "))
53
+ css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\t\talign-items: center;\n\t\tbackground-color: ", ";\n\t\tborder-radius: ", "px;\n\t\tborder: ", "px solid transparent;\n\t\tbox-sizing: border-box;\n\t\tcolor: inherit;\n\t\tdisplay: flex;\n\t\tfont-size: inherit;\n\t\tfont-style: normal;\n\t\tfont-weight: ", ";\n\t\tline-height: 1;\n\t\toutline: none;\n\t\tmargin: ", ";\n\t\tpadding: ", ";\n\t\ttext-align: left;\n\t\ttext-decoration: none;\n\t\twidth: 100%;\n\n\t\t", "\n\n\t\t", "\n\t"])), backgroundColor, (0, _constants.borderRadius)(), _constants2.BORDER_WIDTH, "var(--ds-font-weight-regular, 400)", "var(--ds-space-0, 0px)", "var(--ds-space-050, 4px)", isInteractive && "\n :hover {\n background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"), ";\n cursor: pointer;\n text-decoration: none;\n }\n\n :focus {\n outline: none;\n border-color: ", "var(--ds-border-focused, ".concat(_colors.B200, ")"), ";\n }\n\n :active {\n background-color: ", "var(--ds-background-neutral-subtle-pressed, ".concat(_colors.B50, ")"), ";\n }\n "), isDisabled && "\n cursor: not-allowed;\n opacity: ".concat("var(--ds-opacity-disabled, 0.5)", ";\n pointer-events: none;\n "))
53
54
  );
54
55
  };
55
56
 
package/dist/cjs/avatar.js CHANGED
@@ -28,7 +28,7 @@ var _templateObject;
28
28
  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; }
29
29
  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; }
30
30
  var packageName = "@atlaskit/avatar";
31
- var packageVersion = "21.17.5";
31
+ var packageVersion = "21.17.7";
32
32
  var getTestId = function getTestId(testId, children) {
33
33
  return !children ? {
34
34
  'data-testid': "".concat(testId, "--inner")
package/dist/es2019/avatar-image.js CHANGED
@@ -27,6 +27,7 @@ const nestedAvatarStyles = Object.entries(AVATAR_SIZES).reduce((styles, [key, si
27
27
  return {
28
28
  ...styles,
29
29
  [key]: css({
30
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
30
31
  lineHeight: 0,
31
32
  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
32
33
  '& svg': {
package/dist/es2019/avatar-item.js CHANGED
@@ -16,6 +16,7 @@ const avatarItemStyles = css({
16
16
  minWidth: 0,
17
17
  maxWidth: '100%',
18
18
  flex: '1 1 100%',
19
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
19
20
  lineHeight: '1.4',
20
21
  paddingInlineStart: "var(--ds-space-100, 8px)"
21
22
  });
@@ -49,7 +50,7 @@ css`
49
50
  display: flex;
50
51
  font-size: inherit;
51
52
  font-style: normal;
52
- font-weight: normal;
53
+ font-weight: ${"var(--ds-font-weight-regular, 400)"};
53
54
  line-height: 1;
54
55
  outline: none;
55
56
  margin: ${"var(--ds-space-0, 0px)"};
package/dist/es2019/avatar.js CHANGED
@@ -16,7 +16,7 @@ import { PresenceWrapper } from './presence';
16
16
  import { StatusWrapper } from './status';
17
17
  import { getButtonProps, getCustomElement, getLinkProps } from './utilities';
18
18
  const packageName = "@atlaskit/avatar";
19
- const packageVersion = "21.17.5";
19
+ const packageVersion = "21.17.7";
20
20
  const getTestId = (testId, children) => !children ? {
21
21
  'data-testid': `${testId}--inner`
22
22
  } : {
package/dist/esm/avatar-image.js CHANGED
@@ -32,6 +32,7 @@ var nestedAvatarStyles = Object.entries(AVATAR_SIZES).reduce(function (styles, _
32
32
  key = _ref2[0],
33
33
  size = _ref2[1];
34
34
  return _objectSpread(_objectSpread({}, styles), {}, _defineProperty({}, key, css({
35
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
35
36
  lineHeight: 0,
36
37
  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles, @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
37
38
  '& svg': {
package/dist/esm/avatar-item.js CHANGED
@@ -21,6 +21,7 @@ var avatarItemStyles = css({
21
21
  minWidth: 0,
22
22
  maxWidth: '100%',
23
23
  flex: '1 1 100%',
24
+ // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
24
25
  lineHeight: '1.4',
25
26
  paddingInlineStart: "var(--ds-space-100, 8px)"
26
27
  });
@@ -43,7 +44,7 @@ var getStyles = function getStyles(css, _ref) {
43
44
  isInteractive = _ref.isInteractive,
44
45
  isDisabled = _ref.isDisabled;
45
46
  return (// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @repo/internal/react/no-css-string-literals
46
- css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\talign-items: center;\n\t\tbackground-color: ", ";\n\t\tborder-radius: ", "px;\n\t\tborder: ", "px solid transparent;\n\t\tbox-sizing: border-box;\n\t\tcolor: inherit;\n\t\tdisplay: flex;\n\t\tfont-size: inherit;\n\t\tfont-style: normal;\n\t\tfont-weight: normal;\n\t\tline-height: 1;\n\t\toutline: none;\n\t\tmargin: ", ";\n\t\tpadding: ", ";\n\t\ttext-align: left;\n\t\ttext-decoration: none;\n\t\twidth: 100%;\n\n\t\t", "\n\n\t\t", "\n\t"])), backgroundColor, borderRadius(), BORDER_WIDTH, "var(--ds-space-0, 0px)", "var(--ds-space-050, 4px)", isInteractive && "\n :hover {\n background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"), ";\n cursor: pointer;\n text-decoration: none;\n }\n\n :focus {\n outline: none;\n border-color: ", "var(--ds-border-focused, ".concat(B200, ")"), ";\n }\n\n :active {\n background-color: ", "var(--ds-background-neutral-subtle-pressed, ".concat(B50, ")"), ";\n }\n "), isDisabled && "\n cursor: not-allowed;\n opacity: ".concat("var(--ds-opacity-disabled, 0.5)", ";\n pointer-events: none;\n "))
47
+ css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\talign-items: center;\n\t\tbackground-color: ", ";\n\t\tborder-radius: ", "px;\n\t\tborder: ", "px solid transparent;\n\t\tbox-sizing: border-box;\n\t\tcolor: inherit;\n\t\tdisplay: flex;\n\t\tfont-size: inherit;\n\t\tfont-style: normal;\n\t\tfont-weight: ", ";\n\t\tline-height: 1;\n\t\toutline: none;\n\t\tmargin: ", ";\n\t\tpadding: ", ";\n\t\ttext-align: left;\n\t\ttext-decoration: none;\n\t\twidth: 100%;\n\n\t\t", "\n\n\t\t", "\n\t"])), backgroundColor, borderRadius(), BORDER_WIDTH, "var(--ds-font-weight-regular, 400)", "var(--ds-space-0, 0px)", "var(--ds-space-050, 4px)", isInteractive && "\n :hover {\n background-color: ".concat("var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"), ";\n cursor: pointer;\n text-decoration: none;\n }\n\n :focus {\n outline: none;\n border-color: ", "var(--ds-border-focused, ".concat(B200, ")"), ";\n }\n\n :active {\n background-color: ", "var(--ds-background-neutral-subtle-pressed, ".concat(B50, ")"), ";\n }\n "), isDisabled && "\n cursor: not-allowed;\n opacity: ".concat("var(--ds-opacity-disabled, 0.5)", ";\n pointer-events: none;\n "))
47
48
  );
48
49
  };
49
50
 
package/dist/esm/avatar.js CHANGED
@@ -21,7 +21,7 @@ import { PresenceWrapper } from './presence';
21
21
  import { StatusWrapper } from './status';
22
22
  import { getButtonProps, getCustomElement, getLinkProps } from './utilities';
23
23
  var packageName = "@atlaskit/avatar";
24
- var packageVersion = "21.17.5";
24
+ var packageVersion = "21.17.7";
25
25
  var getTestId = function getTestId(testId, children) {
26
26
  return !children ? {
27
27
  'data-testid': "".concat(testId, "--inner")
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar",
3
- "version": "21.17.5",
3
+ "version": "21.17.7",
4
4
  "description": "An avatar is a visual representation of a user or entity.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -42,14 +42,14 @@
42
42
  ".": "./src/index.tsx"
43
43
  },
44
44
  "dependencies": {
45
- "@atlaskit/analytics-next": "^10.1.0",
45
+ "@atlaskit/analytics-next": "^10.2.0",
46
46
  "@atlaskit/ds-lib": "^3.3.0",
47
47
  "@atlaskit/focus-ring": "^2.0.0",
48
- "@atlaskit/icon": "^23.0.0",
48
+ "@atlaskit/icon": "^23.3.0",
49
49
  "@atlaskit/platform-feature-flags": "^0.3.0",
50
50
  "@atlaskit/primitives": "^13.3.0",
51
51
  "@atlaskit/theme": "^14.0.0",
52
- "@atlaskit/tokens": "^2.4.0",
52
+ "@atlaskit/tokens": "^3.0.0",
53
53
  "@babel/runtime": "^7.0.0",
54
54
  "@emotion/react": "^11.7.1",
55
55
  "@emotion/serialize": "^1.1.0"
@@ -62,8 +62,8 @@
62
62
  "@af/integration-testing": "*",
63
63
  "@af/visual-regression": "*",
64
64
  "@atlaskit/ssr": "*",
65
- "@atlaskit/textfield": "^6.6.0",
66
- "@atlaskit/tooltip": "^18.9.0",
65
+ "@atlaskit/textfield": "^6.7.0",
66
+ "@atlaskit/tooltip": "^19.0.0",
67
67
  "@atlaskit/visual-regression": "*",
68
68
  "@atlassian/feature-flags-test-utils": "*",
69
69
  "@emotion/styled": "^11.0.0",