@atlaskit/focused-task-close-account 2.3.7 → 2.3.8

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 +9 -0
  2. package/dist/cjs/components/DeactivateUserOverviewScreen/styled.js +7 -9
  3. package/dist/cjs/components/DeleteUserContentPreviewScreen/styled.js +10 -12
  4. package/dist/cjs/components/DeleteUserOverviewScreen/styled.js +12 -14
  5. package/dist/es2019/components/DeactivateUserOverviewScreen/styled.js +7 -10
  6. package/dist/es2019/components/DeleteUserContentPreviewScreen/styled.js +10 -12
  7. package/dist/es2019/components/DeleteUserOverviewScreen/styled.js +12 -15
  8. package/dist/esm/components/DeactivateUserOverviewScreen/styled.js +7 -10
  9. package/dist/esm/components/DeleteUserContentPreviewScreen/styled.js +10 -12
  10. package/dist/esm/components/DeleteUserOverviewScreen/styled.js +12 -15
  11. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/focused-task-close-account
2
2
 
3
+ ## 2.3.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [#181496](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/181496)
8
+ [`5f2ab44057dee`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/5f2ab44057dee) -
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.7
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/components/DeactivateUserOverviewScreen/styled.js CHANGED
@@ -6,8 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.Title = exports.Screen = exports.MainInformationList = exports.LoadingWrapper = exports.AccessibleSitesWrapper = void 0;
8
8
  var _styled = _interopRequireDefault(require("@emotion/styled"));
9
- var _typography = require("@atlaskit/theme/typography");
10
- var _gridSizeTimes = _interopRequireDefault(require("../../util/gridSizeTimes"));
11
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
12
10
 
13
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -15,13 +13,13 @@ var Screen = exports.Screen = _styled.default.div({
15
13
  width: '100%',
16
14
  maxWidth: '640px',
17
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
18
- marginBottom: "".concat((0, _gridSizeTimes.default)(2), "px"),
16
+ marginBottom: "var(--ds-space-200, 16px)",
19
17
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
20
18
  '> p': {
21
19
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
22
- marginTop: "".concat((0, _gridSizeTimes.default)(3), "px"),
20
+ marginTop: "var(--ds-space-300, 24px)",
23
21
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
24
- marginBottom: "".concat((0, _gridSizeTimes.default)(2), "px")
22
+ marginBottom: "var(--ds-space-200, 16px)"
25
23
  }
26
24
  });
27
25
 
@@ -34,10 +32,10 @@ var LoadingWrapper = exports.LoadingWrapper = _styled.default.div({
34
32
  });
35
33
 
36
34
  // 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
37
- var Title = exports.Title = _styled.default.div(_typography.h700, {
35
+ var Title = exports.Title = _styled.default.div({
36
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
38
37
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
39
- marginBottom: "".concat((0, _gridSizeTimes.default)(3), "px"),
40
- marginTop: 0
38
+ marginBottom: "var(--ds-space-300, 24px)"
41
39
  });
42
40
 
43
41
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -51,5 +49,5 @@ var MainInformationList = exports.MainInformationList = _styled.default.ul({
51
49
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
52
50
  var AccessibleSitesWrapper = exports.AccessibleSitesWrapper = _styled.default.div({
53
51
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
54
- marginTop: "".concat((0, _gridSizeTimes.default)(1.5), "px")
52
+ marginTop: "var(--ds-space-150, 12px)"
55
53
  });
package/dist/cjs/components/DeleteUserContentPreviewScreen/styled.js CHANGED
@@ -9,8 +9,6 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
9
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
10
  var _constants = require("@atlaskit/theme/constants");
11
11
  var _colors = require("@atlaskit/theme/colors");
12
- var _typography = require("@atlaskit/theme/typography");
13
- var _gridSizeTimes = _interopRequireDefault(require("../../util/gridSizeTimes"));
14
12
  var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
15
13
  var getSelectedCardColor = function getSelectedCardColor(props) {
16
14
  return props.isSelected && "".concat("var(--ds-background-selected, ".concat(_colors.B50, ")"));
@@ -21,29 +19,29 @@ var Screen = exports.Screen = _styled.default.div({
21
19
  width: '100%',
22
20
  maxWidth: '640px',
23
21
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
24
- marginBottom: "".concat((0, _gridSizeTimes.default)(4), "px")
22
+ marginBottom: "var(--ds-space-400, 32px)"
25
23
  });
26
24
 
27
25
  // 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
28
- var Title = exports.Title = _styled.default.div(_typography.h700, {
29
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
30
- marginBottom: "".concat((0, _gridSizeTimes.default)(4), "px"),
31
- marginTop: 0
26
+ var Title = exports.Title = _styled.default.div({
27
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
29
+ marginBottom: "var(--ds-space-400, 32px)"
32
30
  });
33
31
 
34
32
  // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
35
- var SectionCard = exports.SectionCard = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\tdisplay: flex;\n\tpadding: ", "px;\n\twidth: 100%;\n\tbackground-color: ", ";\n\tborder-radius: ", "px;\n\tbox-shadow: ", ";\n\tmargin-top: ", "px;\n"])), (0, _gridSizeTimes.default)(2.5), function (props) {
33
+ var SectionCard = exports.SectionCard = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tposition: relative;\n\tdisplay: flex;\n\tpadding: ", ";\n\twidth: 100%;\n\tbackground-color: ", ";\n\tborder-radius: ", "px;\n\tbox-shadow: ", ";\n\tmargin-top: ", ";\n"])), "var(--ds-space-250, 20px)", function (props) {
36
34
  return getSelectedCardColor(props);
37
- }, (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"), (0, _gridSizeTimes.default)(2));
35
+ }, (0, _constants.borderRadius)(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"), "var(--ds-space-200, 16px)");
38
36
 
39
37
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
40
38
  var Avatar = exports.Avatar = _styled.default.div({
41
39
  display: 'flex',
42
40
  flexDirection: 'column',
43
41
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
44
- marginLeft: "".concat((0, _gridSizeTimes.default)(2.5), "px"),
42
+ marginLeft: "var(--ds-space-250, 20px)",
45
43
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
46
- marginRight: "".concat((0, _gridSizeTimes.default)(1), "px")
44
+ marginRight: "var(--ds-space-100, 8px)"
47
45
  });
48
46
 
49
47
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -51,7 +49,7 @@ var UserDetails = exports.UserDetails = _styled.default.div({
51
49
  display: 'flex',
52
50
  flexDirection: 'column',
53
51
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
54
- marginTop: "".concat((0, _gridSizeTimes.default)(1.5), "px"),
52
+ marginTop: "var(--ds-space-150, 12px)",
55
53
  fontWeight: "var(--ds-font-weight-semibold, 600)",
56
54
  color: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")")
57
55
  });
package/dist/cjs/components/DeleteUserOverviewScreen/styled.js CHANGED
@@ -7,8 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.Title = exports.SectionMessageOuter = exports.Screen = exports.MainInformationList = exports.LoadingWrapper = exports.InlineDialogContent = exports.IconHoverWrapper = void 0;
8
8
  var _styled = _interopRequireDefault(require("@emotion/styled"));
9
9
  var _colors = require("@atlaskit/theme/colors");
10
- var _typography = require("@atlaskit/theme/typography");
11
- var _gridSizeTimes = _interopRequireDefault(require("../../util/gridSizeTimes"));
12
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
13
11
 
14
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -16,13 +14,13 @@ var Screen = exports.Screen = _styled.default.div({
16
14
  width: '100%',
17
15
  maxWidth: '640px',
18
16
  // 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: "".concat((0, _gridSizeTimes.default)(2), "px"),
17
+ marginBottom: "var(--ds-space-200, 16px)",
20
18
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
21
19
  '> p': {
22
20
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
23
- marginTop: "".concat((0, _gridSizeTimes.default)(3), "px"),
21
+ marginTop: "var(--ds-space-300, 24px)",
24
22
  // 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")
23
+ marginBottom: "var(--ds-space-200, 16px)"
26
24
  }
27
25
  });
28
26
 
@@ -35,16 +33,16 @@ var LoadingWrapper = exports.LoadingWrapper = _styled.default.div({
35
33
  });
36
34
 
37
35
  // 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
38
- var Title = exports.Title = _styled.default.div(_typography.h700, {
36
+ var Title = exports.Title = _styled.default.div({
37
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
39
38
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
40
- marginBottom: "".concat((0, _gridSizeTimes.default)(3), "px"),
41
- marginTop: 0
39
+ marginBottom: "var(--ds-space-300, 24px)"
42
40
  });
43
41
 
44
42
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
45
43
  var SectionMessageOuter = exports.SectionMessageOuter = _styled.default.div({
46
44
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
47
- margin: "".concat((0, _gridSizeTimes.default)(3), "px 0")
45
+ margin: "var(--ds-space-300, 24px)".concat(" 0")
48
46
  });
49
47
 
50
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -56,7 +54,7 @@ var MainInformationList = exports.MainInformationList = _styled.default.ul({
56
54
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
57
55
  'p + ul': {
58
56
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
59
- marginTop: "".concat((0, _gridSizeTimes.default)(1.5), "px")
57
+ marginTop: "var(--ds-space-150, 12px)"
60
58
  }
61
59
  });
62
60
 
@@ -64,7 +62,7 @@ var MainInformationList = exports.MainInformationList = _styled.default.ul({
64
62
  var IconHoverWrapper = exports.IconHoverWrapper = _styled.default.span({
65
63
  color: "var(--ds-background-information-bold, ".concat(_colors.B500, ")"),
66
64
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
67
- paddingLeft: "".concat((0, _gridSizeTimes.default)(0.5), "px"),
65
+ paddingLeft: "var(--ds-space-050, 4px)",
68
66
  '&:hover': {
69
67
  color: "var(--ds-background-information-bold-hovered, ".concat(_colors.B200, ")")
70
68
  }
@@ -75,10 +73,10 @@ var InlineDialogContent = exports.InlineDialogContent = _styled.default.div({
75
73
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
76
74
  li: {
77
75
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
78
- marginLeft: "".concat((0, _gridSizeTimes.default)(3), "px"),
76
+ marginLeft: "var(--ds-space-300, 24px)",
79
77
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
80
- marginTop: "".concat((0, _gridSizeTimes.default)(1), "px"),
78
+ marginTop: "var(--ds-space-100, 8px)",
81
79
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
82
- paddingLeft: "".concat((0, _gridSizeTimes.default)(1), "px")
80
+ paddingLeft: "var(--ds-space-100, 8px)"
83
81
  }
84
82
  });
package/dist/es2019/components/DeactivateUserOverviewScreen/styled.js CHANGED
@@ -1,20 +1,17 @@
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 { h700 } from '@atlaskit/theme/typography';
4
- import gridSizeTimes from '../../util/gridSizeTimes';
5
-
6
3
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
7
4
  export const Screen = styled.div({
8
5
  width: '100%',
9
6
  maxWidth: '640px',
10
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
11
- marginBottom: `${gridSizeTimes(2)}px`,
8
+ marginBottom: "var(--ds-space-200, 16px)",
12
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
13
10
  '> p': {
14
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
15
- marginTop: `${gridSizeTimes(3)}px`,
12
+ marginTop: "var(--ds-space-300, 24px)",
16
13
  // 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: `${gridSizeTimes(2)}px`
14
+ marginBottom: "var(--ds-space-200, 16px)"
18
15
  }
19
16
  });
20
17
 
@@ -27,10 +24,10 @@ export const LoadingWrapper = styled.div({
27
24
  });
28
25
 
29
26
  // 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
30
- export const Title = styled.div(h700, {
27
+ export const Title = styled.div({
28
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
31
29
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
32
- marginBottom: `${gridSizeTimes(3)}px`,
33
- marginTop: 0
30
+ marginBottom: "var(--ds-space-300, 24px)"
34
31
  });
35
32
 
36
33
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -44,5 +41,5 @@ export const MainInformationList = styled.ul({
44
41
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
45
42
  export const AccessibleSitesWrapper = styled.div({
46
43
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
47
- marginTop: `${gridSizeTimes(1.5)}px`
44
+ marginTop: "var(--ds-space-150, 12px)"
48
45
  });
package/dist/es2019/components/DeleteUserContentPreviewScreen/styled.js CHANGED
@@ -2,8 +2,6 @@
2
2
  import styled from '@emotion/styled';
3
3
  import { borderRadius } from '@atlaskit/theme/constants';
4
4
  import { B50, B400, N50A, N60A } from '@atlaskit/theme/colors';
5
- import { h700 } from '@atlaskit/theme/typography';
6
- import gridSizeTimes from '../../util/gridSizeTimes';
7
5
  const getSelectedCardColor = props => {
8
6
  return props.isSelected && `${`var(--ds-background-selected, ${B50})`}`;
9
7
  };
@@ -13,26 +11,26 @@ export const Screen = styled.div({
13
11
  width: '100%',
14
12
  maxWidth: '640px',
15
13
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
16
- marginBottom: `${gridSizeTimes(4)}px`
14
+ marginBottom: "var(--ds-space-400, 32px)"
17
15
  });
18
16
 
19
17
  // 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
20
- export const Title = styled.div(h700, {
21
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
22
- marginBottom: `${gridSizeTimes(4)}px`,
23
- marginTop: 0
18
+ export const Title = styled.div({
19
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
21
+ marginBottom: "var(--ds-space-400, 32px)"
24
22
  });
25
23
 
26
24
  // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
27
25
  export const SectionCard = styled.div`
28
26
  position: relative;
29
27
  display: flex;
30
- padding: ${gridSizeTimes(2.5)}px;
28
+ padding: ${"var(--ds-space-250, 20px)"};
31
29
  width: 100%;
32
30
  background-color: ${props => getSelectedCardColor(props)};
33
31
  border-radius: ${borderRadius()}px;
34
32
  box-shadow: ${`var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`};
35
- margin-top: ${gridSizeTimes(2)}px;
33
+ margin-top: ${"var(--ds-space-200, 16px)"};
36
34
  `;
37
35
 
38
36
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -40,9 +38,9 @@ export const Avatar = styled.div({
40
38
  display: 'flex',
41
39
  flexDirection: 'column',
42
40
  // 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: `${gridSizeTimes(2.5)}px`,
41
+ marginLeft: "var(--ds-space-250, 20px)",
44
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
45
- marginRight: `${gridSizeTimes(1)}px`
43
+ marginRight: "var(--ds-space-100, 8px)"
46
44
  });
47
45
 
48
46
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -50,7 +48,7 @@ export const UserDetails = styled.div({
50
48
  display: 'flex',
51
49
  flexDirection: 'column',
52
50
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
53
- marginTop: `${gridSizeTimes(1.5)}px`,
51
+ marginTop: "var(--ds-space-150, 12px)",
54
52
  fontWeight: "var(--ds-font-weight-semibold, 600)",
55
53
  color: `var(--ds-text-accent-blue, ${B400})`
56
54
  });
package/dist/es2019/components/DeleteUserOverviewScreen/styled.js CHANGED
@@ -1,21 +1,18 @@
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
3
  import { B500, B200 } from '@atlaskit/theme/colors';
4
- import { h700 } from '@atlaskit/theme/typography';
5
- import gridSizeTimes from '../../util/gridSizeTimes';
6
-
7
4
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
8
5
  export const Screen = styled.div({
9
6
  width: '100%',
10
7
  maxWidth: '640px',
11
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
12
- marginBottom: `${gridSizeTimes(2)}px`,
9
+ marginBottom: "var(--ds-space-200, 16px)",
13
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
14
11
  '> p': {
15
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
16
- marginTop: `${gridSizeTimes(3)}px`,
13
+ marginTop: "var(--ds-space-300, 24px)",
17
14
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
18
- marginBottom: `${gridSizeTimes(2)}px`
15
+ marginBottom: "var(--ds-space-200, 16px)"
19
16
  }
20
17
  });
21
18
 
@@ -28,16 +25,16 @@ export const LoadingWrapper = styled.div({
28
25
  });
29
26
 
30
27
  // 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
31
- export const Title = styled.div(h700, {
28
+ export const Title = styled.div({
29
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
32
30
  // 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
- marginBottom: `${gridSizeTimes(3)}px`,
34
- marginTop: 0
31
+ marginBottom: "var(--ds-space-300, 24px)"
35
32
  });
36
33
 
37
34
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
38
35
  export const SectionMessageOuter = styled.div({
39
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
40
- margin: `${gridSizeTimes(3)}px 0`
37
+ margin: `${"var(--ds-space-300, 24px)"} 0`
41
38
  });
42
39
 
43
40
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -49,7 +46,7 @@ export const MainInformationList = styled.ul({
49
46
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
50
47
  'p + ul': {
51
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
52
- marginTop: `${gridSizeTimes(1.5)}px`
49
+ marginTop: "var(--ds-space-150, 12px)"
53
50
  }
54
51
  });
55
52
 
@@ -57,7 +54,7 @@ export const MainInformationList = styled.ul({
57
54
  export const IconHoverWrapper = styled.span({
58
55
  color: `var(--ds-background-information-bold, ${B500})`,
59
56
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
60
- paddingLeft: `${gridSizeTimes(0.5)}px`,
57
+ paddingLeft: "var(--ds-space-050, 4px)",
61
58
  '&:hover': {
62
59
  color: `var(--ds-background-information-bold-hovered, ${B200})`
63
60
  }
@@ -68,10 +65,10 @@ export const InlineDialogContent = styled.div({
68
65
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
69
66
  li: {
70
67
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
71
- marginLeft: `${gridSizeTimes(3)}px`,
68
+ marginLeft: "var(--ds-space-300, 24px)",
72
69
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
73
- marginTop: `${gridSizeTimes(1)}px`,
70
+ marginTop: "var(--ds-space-100, 8px)",
74
71
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
75
- paddingLeft: `${gridSizeTimes(1)}px`
72
+ paddingLeft: "var(--ds-space-100, 8px)"
76
73
  }
77
74
  });
package/dist/esm/components/DeactivateUserOverviewScreen/styled.js CHANGED
@@ -1,20 +1,17 @@
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 { h700 } from '@atlaskit/theme/typography';
4
- import gridSizeTimes from '../../util/gridSizeTimes';
5
-
6
3
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
7
4
  export var Screen = styled.div({
8
5
  width: '100%',
9
6
  maxWidth: '640px',
10
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
11
- marginBottom: "".concat(gridSizeTimes(2), "px"),
8
+ marginBottom: "var(--ds-space-200, 16px)",
12
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
13
10
  '> p': {
14
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
15
- marginTop: "".concat(gridSizeTimes(3), "px"),
12
+ marginTop: "var(--ds-space-300, 24px)",
16
13
  // 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")
14
+ marginBottom: "var(--ds-space-200, 16px)"
18
15
  }
19
16
  });
20
17
 
@@ -27,10 +24,10 @@ export var LoadingWrapper = styled.div({
27
24
  });
28
25
 
29
26
  // 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
30
- export var Title = styled.div(h700, {
27
+ export var Title = styled.div({
28
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
31
29
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
32
- marginBottom: "".concat(gridSizeTimes(3), "px"),
33
- marginTop: 0
30
+ marginBottom: "var(--ds-space-300, 24px)"
34
31
  });
35
32
 
36
33
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -44,5 +41,5 @@ export var MainInformationList = styled.ul({
44
41
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
45
42
  export var AccessibleSitesWrapper = styled.div({
46
43
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
47
- marginTop: "".concat(gridSizeTimes(1.5), "px")
44
+ marginTop: "var(--ds-space-150, 12px)"
48
45
  });
package/dist/esm/components/DeleteUserContentPreviewScreen/styled.js CHANGED
@@ -4,8 +4,6 @@ var _templateObject;
4
4
  import styled from '@emotion/styled';
5
5
  import { borderRadius } from '@atlaskit/theme/constants';
6
6
  import { B50, B400, N50A, N60A } from '@atlaskit/theme/colors';
7
- import { h700 } from '@atlaskit/theme/typography';
8
- import gridSizeTimes from '../../util/gridSizeTimes';
9
7
  var getSelectedCardColor = function getSelectedCardColor(props) {
10
8
  return props.isSelected && "".concat("var(--ds-background-selected, ".concat(B50, ")"));
11
9
  };
@@ -15,29 +13,29 @@ export var Screen = styled.div({
15
13
  width: '100%',
16
14
  maxWidth: '640px',
17
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
18
- marginBottom: "".concat(gridSizeTimes(4), "px")
16
+ marginBottom: "var(--ds-space-400, 32px)"
19
17
  });
20
18
 
21
19
  // 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
22
- export var Title = styled.div(h700, {
23
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
24
- marginBottom: "".concat(gridSizeTimes(4), "px"),
25
- marginTop: 0
20
+ export var Title = styled.div({
21
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
23
+ marginBottom: "var(--ds-space-400, 32px)"
26
24
  });
27
25
 
28
26
  // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
29
- export var SectionCard = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: relative;\n\tdisplay: flex;\n\tpadding: ", "px;\n\twidth: 100%;\n\tbackground-color: ", ";\n\tborder-radius: ", "px;\n\tbox-shadow: ", ";\n\tmargin-top: ", "px;\n"])), gridSizeTimes(2.5), function (props) {
27
+ export var SectionCard = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tposition: relative;\n\tdisplay: flex;\n\tpadding: ", ";\n\twidth: 100%;\n\tbackground-color: ", ";\n\tborder-radius: ", "px;\n\tbox-shadow: ", ";\n\tmargin-top: ", ";\n"])), "var(--ds-space-250, 20px)", function (props) {
30
28
  return getSelectedCardColor(props);
31
- }, borderRadius(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"), gridSizeTimes(2));
29
+ }, borderRadius(), "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"), "var(--ds-space-200, 16px)");
32
30
 
33
31
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
34
32
  export var Avatar = styled.div({
35
33
  display: 'flex',
36
34
  flexDirection: 'column',
37
35
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
38
- marginLeft: "".concat(gridSizeTimes(2.5), "px"),
36
+ marginLeft: "var(--ds-space-250, 20px)",
39
37
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
40
- marginRight: "".concat(gridSizeTimes(1), "px")
38
+ marginRight: "var(--ds-space-100, 8px)"
41
39
  });
42
40
 
43
41
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -45,7 +43,7 @@ export var UserDetails = styled.div({
45
43
  display: 'flex',
46
44
  flexDirection: 'column',
47
45
  // 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(1.5), "px"),
46
+ marginTop: "var(--ds-space-150, 12px)",
49
47
  fontWeight: "var(--ds-font-weight-semibold, 600)",
50
48
  color: "var(--ds-text-accent-blue, ".concat(B400, ")")
51
49
  });
package/dist/esm/components/DeleteUserOverviewScreen/styled.js CHANGED
@@ -1,21 +1,18 @@
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
3
  import { B500, B200 } from '@atlaskit/theme/colors';
4
- import { h700 } from '@atlaskit/theme/typography';
5
- import gridSizeTimes from '../../util/gridSizeTimes';
6
-
7
4
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
8
5
  export var Screen = styled.div({
9
6
  width: '100%',
10
7
  maxWidth: '640px',
11
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
12
- marginBottom: "".concat(gridSizeTimes(2), "px"),
9
+ marginBottom: "var(--ds-space-200, 16px)",
13
10
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
14
11
  '> p': {
15
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
16
- marginTop: "".concat(gridSizeTimes(3), "px"),
13
+ marginTop: "var(--ds-space-300, 24px)",
17
14
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
18
- marginBottom: "".concat(gridSizeTimes(2), "px")
15
+ marginBottom: "var(--ds-space-200, 16px)"
19
16
  }
20
17
  });
21
18
 
@@ -28,16 +25,16 @@ export var LoadingWrapper = styled.div({
28
25
  });
29
26
 
30
27
  // 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
31
- export var Title = styled.div(h700, {
28
+ export var Title = styled.div({
29
+ font: "var(--ds-font-heading-large, normal 500 24px/28px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
32
30
  // 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
- marginBottom: "".concat(gridSizeTimes(3), "px"),
34
- marginTop: 0
31
+ marginBottom: "var(--ds-space-300, 24px)"
35
32
  });
36
33
 
37
34
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
38
35
  export var SectionMessageOuter = styled.div({
39
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
40
- margin: "".concat(gridSizeTimes(3), "px 0")
37
+ margin: "var(--ds-space-300, 24px)".concat(" 0")
41
38
  });
42
39
 
43
40
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -49,7 +46,7 @@ export var MainInformationList = styled.ul({
49
46
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
50
47
  'p + ul': {
51
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
52
- marginTop: "".concat(gridSizeTimes(1.5), "px")
49
+ marginTop: "var(--ds-space-150, 12px)"
53
50
  }
54
51
  });
55
52
 
@@ -57,7 +54,7 @@ export var MainInformationList = styled.ul({
57
54
  export var IconHoverWrapper = styled.span({
58
55
  color: "var(--ds-background-information-bold, ".concat(B500, ")"),
59
56
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
60
- paddingLeft: "".concat(gridSizeTimes(0.5), "px"),
57
+ paddingLeft: "var(--ds-space-050, 4px)",
61
58
  '&:hover': {
62
59
  color: "var(--ds-background-information-bold-hovered, ".concat(B200, ")")
63
60
  }
@@ -68,10 +65,10 @@ export var InlineDialogContent = styled.div({
68
65
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
69
66
  li: {
70
67
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
71
- marginLeft: "".concat(gridSizeTimes(3), "px"),
68
+ marginLeft: "var(--ds-space-300, 24px)",
72
69
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
73
- marginTop: "".concat(gridSizeTimes(1), "px"),
70
+ marginTop: "var(--ds-space-100, 8px)",
74
71
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
75
- paddingLeft: "".concat(gridSizeTimes(1), "px")
72
+ paddingLeft: "var(--ds-space-100, 8px)"
76
73
  }
77
74
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/focused-task-close-account",
3
- "version": "2.3.7",
3
+ "version": "2.3.8",
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/"