@atlaskit/focused-task-close-account 2.3.6 → 2.3.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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/focused-task-close-account
2
2
 
3
+ ## 2.3.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [#179922](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/179922)
8
+ [`c0736bfffd63a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c0736bfffd63a) -
9
+ Internal changes to typography styles. There may be some minor visual changes to align with
10
+ modernized typography styles.
11
+
3
12
  ## 2.3.6
4
13
 
5
14
  ### Patch Changes
@@ -13,6 +13,8 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
13
13
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
14
14
  var _react = _interopRequireDefault(require("react"));
15
15
  var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
16
+ var _heading = _interopRequireDefault(require("@atlaskit/heading"));
17
+ var _primitives = require("@atlaskit/primitives");
16
18
  var Styled = _interopRequireWildcard(require("./styles"));
17
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); }
18
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; }
@@ -31,7 +33,15 @@ var UserInfo = exports.UserInfo = /*#__PURE__*/function (_React$Component) {
31
33
  return /*#__PURE__*/_react.default.createElement(Styled.UserInfoOuter, null, /*#__PURE__*/_react.default.createElement(Styled.Avatar, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
32
34
  size: "large",
33
35
  src: user.avatarUrl
34
- })), /*#__PURE__*/_react.default.createElement(Styled.UserDetails, null, /*#__PURE__*/_react.default.createElement(Styled.UserName, null, user.fullName), /*#__PURE__*/_react.default.createElement(Styled.UserEmail, null, user.email)));
36
+ })), /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
37
+ space: "space.050"
38
+ }, /*#__PURE__*/_react.default.createElement(_heading.default, {
39
+ size: "small",
40
+ as: "span"
41
+ }, user.fullName), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
42
+ size: "small",
43
+ color: "color.text.subtlest"
44
+ }, user.email)));
35
45
  }
36
46
  }]);
37
47
  }(_react.default.Component);
@@ -4,25 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.UserName = exports.UserInfoOuter = exports.UserEmail = exports.UserDetails = exports.Avatar = void 0;
7
+ exports.UserInfoOuter = exports.Avatar = void 0;
8
8
  var _styled = _interopRequireDefault(require("@emotion/styled"));
9
- var _constants = require("@atlaskit/theme/constants");
10
- var _typography = require("@atlaskit/theme/typography");
11
- var _colors = require("@atlaskit/theme/colors");
12
- var _gridSizeTimes = _interopRequireDefault(require("../../util/gridSizeTimes"));
13
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
14
10
 
15
- var baseHeading = function baseHeading(size, lineHeight) {
16
- return "\n font-size: ".concat(size / (0, _constants.fontSize)(), "em;\n font-style: inherit;\n line-height: ").concat(lineHeight / size, ";\n");
17
- };
18
-
19
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
20
12
  var UserInfoOuter = exports.UserInfoOuter = _styled.default.div({
21
13
  display: 'flex',
22
14
  alignItems: 'center',
23
15
  width: '100%',
16
+ gap: "var(--ds-space-150, 12px)",
24
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
25
- marginBottom: "".concat((0, _gridSizeTimes.default)(2), "px")
18
+ marginBottom: "var(--ds-space-200, 16px)"
26
19
  });
27
20
 
28
21
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -30,28 +23,5 @@ var Avatar = exports.Avatar = _styled.default.div({
30
23
  display: 'flex',
31
24
  flexDirection: 'column',
32
25
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
33
- marginLeft: "".concat((0, _gridSizeTimes.default)(2.5), "px"),
34
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
35
- marginRight: "".concat((0, _gridSizeTimes.default)(1), "px")
36
- });
37
-
38
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
39
- var UserDetails = exports.UserDetails = _styled.default.div({
40
- display: 'flex',
41
- flexDirection: 'column',
42
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
43
- marginLeft: "".concat((0, _gridSizeTimes.default)(0.5), "px")
44
- });
45
-
46
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
47
- var UserName = exports.UserName = _styled.default.span(_typography.h500, {
48
- marginTop: 0
49
- });
50
-
51
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
52
- var UserEmail = exports.UserEmail = _styled.default.span(baseHeading(11, 16), {
53
- color: "var(--ds-text-subtlest, ".concat(_colors.N200, ")"),
54
- fontWeight: 300,
55
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
56
- marginTop: "".concat((0, _gridSizeTimes.default)(0.5), "px")
26
+ marginLeft: "var(--ds-space-250, 20px)"
57
27
  });
@@ -1,5 +1,7 @@
1
1
  import React from 'react';
2
2
  import Avatar from '@atlaskit/avatar';
3
+ import Heading from '@atlaskit/heading';
4
+ import { Stack, Text } from '@atlaskit/primitives';
3
5
  import * as Styled from './styles';
4
6
  export class UserInfo extends React.Component {
5
7
  render() {
@@ -9,7 +11,15 @@ export class UserInfo extends React.Component {
9
11
  return /*#__PURE__*/React.createElement(Styled.UserInfoOuter, null, /*#__PURE__*/React.createElement(Styled.Avatar, null, /*#__PURE__*/React.createElement(Avatar, {
10
12
  size: "large",
11
13
  src: user.avatarUrl
12
- })), /*#__PURE__*/React.createElement(Styled.UserDetails, null, /*#__PURE__*/React.createElement(Styled.UserName, null, user.fullName), /*#__PURE__*/React.createElement(Styled.UserEmail, null, user.email)));
14
+ })), /*#__PURE__*/React.createElement(Stack, {
15
+ space: "space.050"
16
+ }, /*#__PURE__*/React.createElement(Heading, {
17
+ size: "small",
18
+ as: "span"
19
+ }, user.fullName), /*#__PURE__*/React.createElement(Text, {
20
+ size: "small",
21
+ color: "color.text.subtlest"
22
+ }, user.email)));
13
23
  }
14
24
  }
15
25
  export default UserInfo;
@@ -1,22 +1,13 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
2
  import styled from '@emotion/styled';
3
- import { fontSize } from '@atlaskit/theme/constants';
4
- import { h500 } from '@atlaskit/theme/typography';
5
- import { N200 } from '@atlaskit/theme/colors';
6
- import gridSizeTimes from '../../util/gridSizeTimes';
7
- const baseHeading = (size, lineHeight) => `
8
- font-size: ${size / fontSize()}em;
9
- font-style: inherit;
10
- line-height: ${lineHeight / size};
11
- `;
12
-
13
3
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
14
4
  export const UserInfoOuter = styled.div({
15
5
  display: 'flex',
16
6
  alignItems: 'center',
17
7
  width: '100%',
8
+ gap: "var(--ds-space-150, 12px)",
18
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
19
- marginBottom: `${gridSizeTimes(2)}px`
10
+ marginBottom: "var(--ds-space-200, 16px)"
20
11
  });
21
12
 
22
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -24,28 +15,5 @@ export const Avatar = styled.div({
24
15
  display: 'flex',
25
16
  flexDirection: 'column',
26
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
27
- marginLeft: `${gridSizeTimes(2.5)}px`,
28
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
29
- marginRight: `${gridSizeTimes(1)}px`
30
- });
31
-
32
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
33
- export const UserDetails = styled.div({
34
- display: 'flex',
35
- flexDirection: 'column',
36
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
37
- marginLeft: `${gridSizeTimes(0.5)}px`
38
- });
39
-
40
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
41
- export const UserName = styled.span(h500, {
42
- marginTop: 0
43
- });
44
-
45
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
46
- export const UserEmail = styled.span(baseHeading(11, 16), {
47
- color: `var(--ds-text-subtlest, ${N200})`,
48
- fontWeight: 300,
49
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
50
- marginTop: `${gridSizeTimes(0.5)}px`
18
+ marginLeft: "var(--ds-space-250, 20px)"
51
19
  });
@@ -7,6 +7,8 @@ function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstruct
7
7
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
8
8
  import React from 'react';
9
9
  import Avatar from '@atlaskit/avatar';
10
+ import Heading from '@atlaskit/heading';
11
+ import { Stack, Text } from '@atlaskit/primitives';
10
12
  import * as Styled from './styles';
11
13
  export var UserInfo = /*#__PURE__*/function (_React$Component) {
12
14
  function UserInfo() {
@@ -21,7 +23,15 @@ export var UserInfo = /*#__PURE__*/function (_React$Component) {
21
23
  return /*#__PURE__*/React.createElement(Styled.UserInfoOuter, null, /*#__PURE__*/React.createElement(Styled.Avatar, null, /*#__PURE__*/React.createElement(Avatar, {
22
24
  size: "large",
23
25
  src: user.avatarUrl
24
- })), /*#__PURE__*/React.createElement(Styled.UserDetails, null, /*#__PURE__*/React.createElement(Styled.UserName, null, user.fullName), /*#__PURE__*/React.createElement(Styled.UserEmail, null, user.email)));
26
+ })), /*#__PURE__*/React.createElement(Stack, {
27
+ space: "space.050"
28
+ }, /*#__PURE__*/React.createElement(Heading, {
29
+ size: "small",
30
+ as: "span"
31
+ }, user.fullName), /*#__PURE__*/React.createElement(Text, {
32
+ size: "small",
33
+ color: "color.text.subtlest"
34
+ }, user.email)));
25
35
  }
26
36
  }]);
27
37
  }(React.Component);
@@ -1,20 +1,13 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
2
  import styled from '@emotion/styled';
3
- import { fontSize } from '@atlaskit/theme/constants';
4
- import { h500 } from '@atlaskit/theme/typography';
5
- import { N200 } from '@atlaskit/theme/colors';
6
- import gridSizeTimes from '../../util/gridSizeTimes';
7
- var baseHeading = function baseHeading(size, lineHeight) {
8
- return "\n font-size: ".concat(size / fontSize(), "em;\n font-style: inherit;\n line-height: ").concat(lineHeight / size, ";\n");
9
- };
10
-
11
3
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
12
4
  export var UserInfoOuter = styled.div({
13
5
  display: 'flex',
14
6
  alignItems: 'center',
15
7
  width: '100%',
8
+ gap: "var(--ds-space-150, 12px)",
16
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
17
- marginBottom: "".concat(gridSizeTimes(2), "px")
10
+ marginBottom: "var(--ds-space-200, 16px)"
18
11
  });
19
12
 
20
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -22,28 +15,5 @@ export var Avatar = styled.div({
22
15
  display: 'flex',
23
16
  flexDirection: 'column',
24
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
25
- marginLeft: "".concat(gridSizeTimes(2.5), "px"),
26
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
27
- marginRight: "".concat(gridSizeTimes(1), "px")
28
- });
29
-
30
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
31
- export var UserDetails = styled.div({
32
- display: 'flex',
33
- flexDirection: 'column',
34
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
35
- marginLeft: "".concat(gridSizeTimes(0.5), "px")
36
- });
37
-
38
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
39
- export var UserName = styled.span(h500, {
40
- marginTop: 0
41
- });
42
-
43
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
44
- export var UserEmail = styled.span(baseHeading(11, 16), {
45
- color: "var(--ds-text-subtlest, ".concat(N200, ")"),
46
- fontWeight: 300,
47
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
48
- marginTop: "".concat(gridSizeTimes(0.5), "px")
18
+ marginLeft: "var(--ds-space-250, 20px)"
49
19
  });
@@ -7,15 +7,3 @@ export declare const Avatar: import("@emotion/styled").StyledComponent<{
7
7
  theme?: import("@emotion/react").Theme | undefined;
8
8
  as?: import("react").ElementType<any> | undefined;
9
9
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
- export declare const UserDetails: import("@emotion/styled").StyledComponent<{
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
14
- export declare const UserName: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
17
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
18
- export declare const UserEmail: import("@emotion/styled").StyledComponent<{
19
- theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any> | undefined;
21
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
@@ -7,15 +7,3 @@ export declare const Avatar: import("@emotion/styled").StyledComponent<{
7
7
  theme?: import("@emotion/react").Theme | undefined;
8
8
  as?: import("react").ElementType<any> | undefined;
9
9
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
- export declare const UserDetails: import("@emotion/styled").StyledComponent<{
11
- theme?: import("@emotion/react").Theme | undefined;
12
- as?: import("react").ElementType<any> | undefined;
13
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
14
- export declare const UserName: import("@emotion/styled").StyledComponent<{
15
- theme?: import("@emotion/react").Theme | undefined;
16
- as?: import("react").ElementType<any> | undefined;
17
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
18
- export declare const UserEmail: import("@emotion/styled").StyledComponent<{
19
- theme?: import("@emotion/react").Theme | undefined;
20
- as?: import("react").ElementType<any> | undefined;
21
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/focused-task-close-account",
3
- "version": "2.3.6",
3
+ "version": "2.3.7",
4
4
  "description": "This package contains all of the UI components needed to assemble the focused tasks for deactivating and deleting users' accounts in accordance with the GDPR \"Right to be forgotten\".",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -34,12 +34,13 @@
34
34
  "@atlaskit/avatar": "^21.17.0",
35
35
  "@atlaskit/button": "^20.3.0",
36
36
  "@atlaskit/drawer": "^9.2.0",
37
+ "@atlaskit/heading": "^4.0.0",
37
38
  "@atlaskit/icon": "^23.1.0",
38
39
  "@atlaskit/inline-dialog": "^16.0.0",
39
40
  "@atlaskit/primitives": "^13.3.0",
40
41
  "@atlaskit/section-message": "^6.8.0",
41
42
  "@atlaskit/theme": "^14.0.0",
42
- "@atlaskit/tokens": "^2.4.0",
43
+ "@atlaskit/tokens": "^2.5.0",
43
44
  "@babel/runtime": "^7.0.0",
44
45
  "@emotion/styled": "^11.0.0",
45
46
  "react-intl-next": "npm:react-intl@^5.18.1"