@atlaskit/focused-task-close-account 3.3.4 → 3.3.6

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,18 @@
1
1
  # @atlaskit/focused-task-close-account
2
2
 
3
+ ## 3.3.6
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 3.3.5
10
+
11
+ ### Patch Changes
12
+
13
+ - [`f0ae528c7b0bb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0ae528c7b0bb) -
14
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
15
+
3
16
  ## 3.3.4
4
17
 
5
18
  ### Patch Changes
@@ -50,9 +50,6 @@
50
50
  {
51
51
  "path": "../../../design-system/section-message/afm-products/tsconfig.json"
52
52
  },
53
- {
54
- "path": "../../../design-system/theme/afm-products/tsconfig.json"
55
- },
56
53
  {
57
54
  "path": "../../../design-system/tokens/afm-products/tsconfig.json"
58
55
  }
@@ -7,10 +7,9 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.UserDetails = exports.Title = exports.SectionCard = exports.Screen = exports.Avatar = void 0;
8
8
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
- var _colors = require("@atlaskit/theme/colors");
11
10
  var _templateObject; // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
12
11
  var getSelectedCardColor = function getSelectedCardColor(props) {
13
- return props.isSelected && "".concat("var(--ds-background-selected, ".concat(_colors.B50, ")"));
12
+ return props.isSelected && "var(--ds-background-selected, #E9F2FE)";
14
13
  };
15
14
 
16
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -31,7 +30,7 @@ var Title = exports.Title = _styled.default.div({
31
30
  // 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
32
31
  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: ", ";\n\tbox-shadow: ", ";\n\tmargin-top: ", ";\n"])), "var(--ds-space-250, 20px)", function (props) {
33
32
  return getSelectedCardColor(props);
34
- }, "var(--ds-radius-small, 3px)", "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A), ")"), "var(--ds-space-200, 16px)");
33
+ }, "var(--ds-radius-small, 3px)", "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)", "var(--ds-space-200, 16px)");
35
34
 
36
35
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
37
36
  var Avatar = exports.Avatar = _styled.default.div({
@@ -50,5 +49,5 @@ var UserDetails = exports.UserDetails = _styled.default.div({
50
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
51
50
  marginTop: "var(--ds-space-150, 12px)",
52
51
  fontWeight: "var(--ds-font-weight-semibold, 600)",
53
- color: "var(--ds-text-accent-blue, ".concat(_colors.B400, ")")
52
+ color: "var(--ds-text-accent-blue, #1558BC)"
54
53
  });
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
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
- var _colors = require("@atlaskit/theme/colors");
10
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
11
10
 
12
11
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -60,11 +59,11 @@ var MainInformationList = exports.MainInformationList = _styled.default.ul({
60
59
 
61
60
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
62
61
  var IconHoverWrapper = exports.IconHoverWrapper = _styled.default.span({
63
- color: "var(--ds-background-information-bold, ".concat(_colors.B500, ")"),
62
+ color: "var(--ds-background-information-bold, #1868DB)",
64
63
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
65
64
  paddingLeft: "var(--ds-space-050, 4px)",
66
65
  '&:hover': {
67
- color: "var(--ds-background-information-bold-hovered, ".concat(_colors.B200, ")")
66
+ color: "var(--ds-background-information-bold-hovered, #1558BC)"
68
67
  }
69
68
  });
70
69
 
@@ -1,8 +1,7 @@
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 { B50, B400, N50A, N60A } from '@atlaskit/theme/colors';
4
3
  const getSelectedCardColor = props => {
5
- return props.isSelected && `${`var(--ds-background-selected, ${B50})`}`;
4
+ return props.isSelected && `${"var(--ds-background-selected, #E9F2FE)"}`;
6
5
  };
7
6
 
8
7
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -28,7 +27,7 @@ export const SectionCard = styled.div`
28
27
  width: 100%;
29
28
  background-color: ${props => getSelectedCardColor(props)};
30
29
  border-radius: ${"var(--ds-radius-small, 3px)"};
31
- box-shadow: ${`var(--ds-shadow-overlay, ${`0 4px 8px -2px ${N50A}, 0 0 1px ${N60A}`})`};
30
+ box-shadow: ${"var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)"};
32
31
  margin-top: ${"var(--ds-space-200, 16px)"};
33
32
  `;
34
33
 
@@ -49,5 +48,5 @@ export const UserDetails = styled.div({
49
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
50
49
  marginTop: "var(--ds-space-150, 12px)",
51
50
  fontWeight: "var(--ds-font-weight-semibold, 600)",
52
- color: `var(--ds-text-accent-blue, ${B400})`
51
+ color: "var(--ds-text-accent-blue, #1558BC)"
53
52
  });
@@ -1,6 +1,5 @@
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 { B500, B200 } from '@atlaskit/theme/colors';
4
3
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
5
4
  export const Screen = styled.div({
6
5
  width: '100%',
@@ -52,11 +51,11 @@ export const MainInformationList = styled.ul({
52
51
 
53
52
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
54
53
  export const IconHoverWrapper = styled.span({
55
- color: `var(--ds-background-information-bold, ${B500})`,
54
+ color: "var(--ds-background-information-bold, #1868DB)",
56
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
57
56
  paddingLeft: "var(--ds-space-050, 4px)",
58
57
  '&:hover': {
59
- color: `var(--ds-background-information-bold-hovered, ${B200})`
58
+ color: "var(--ds-background-information-bold-hovered, #1558BC)"
60
59
  }
61
60
  });
62
61
 
@@ -2,9 +2,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
  var _templateObject;
3
3
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
4
  import styled from '@emotion/styled';
5
- import { B50, B400, N50A, N60A } from '@atlaskit/theme/colors';
6
5
  var getSelectedCardColor = function getSelectedCardColor(props) {
7
- return props.isSelected && "".concat("var(--ds-background-selected, ".concat(B50, ")"));
6
+ return props.isSelected && "var(--ds-background-selected, #E9F2FE)";
8
7
  };
9
8
 
10
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
@@ -25,7 +24,7 @@ export var Title = styled.div({
25
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
26
25
  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: ", ";\n\tbox-shadow: ", ";\n\tmargin-top: ", ";\n"])), "var(--ds-space-250, 20px)", function (props) {
27
26
  return getSelectedCardColor(props);
28
- }, "var(--ds-radius-small, 3px)", "var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N50A, ", 0 0 1px ").concat(N60A), ")"), "var(--ds-space-200, 16px)");
27
+ }, "var(--ds-radius-small, 3px)", "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)", "var(--ds-space-200, 16px)");
29
28
 
30
29
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
31
30
  export var Avatar = styled.div({
@@ -44,5 +43,5 @@ export var UserDetails = styled.div({
44
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
45
44
  marginTop: "var(--ds-space-150, 12px)",
46
45
  fontWeight: "var(--ds-font-weight-semibold, 600)",
47
- color: "var(--ds-text-accent-blue, ".concat(B400, ")")
46
+ color: "var(--ds-text-accent-blue, #1558BC)"
48
47
  });
@@ -1,6 +1,5 @@
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 { B500, B200 } from '@atlaskit/theme/colors';
4
3
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
5
4
  export var Screen = styled.div({
6
5
  width: '100%',
@@ -52,11 +51,11 @@ export var MainInformationList = styled.ul({
52
51
 
53
52
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
54
53
  export var IconHoverWrapper = styled.span({
55
- color: "var(--ds-background-information-bold, ".concat(B500, ")"),
54
+ color: "var(--ds-background-information-bold, #1868DB)",
56
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
57
56
  paddingLeft: "var(--ds-space-050, 4px)",
58
57
  '&:hover': {
59
- color: "var(--ds-background-information-bold-hovered, ".concat(B200, ")")
58
+ color: "var(--ds-background-information-bold-hovered, #1558BC)"
60
59
  }
61
60
  });
62
61
 
package/docs/01-docs.tsx CHANGED
@@ -14,11 +14,11 @@ const _default_1: any = md`
14
14
  ${(
15
15
  <>
16
16
  {/* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */}
17
- <div style={{ marginBottom: token('space.100', '0.5rem') }}>
17
+ <div style={{ marginBottom: token('space.100') }}>
18
18
  <AtlassianInternalWarning />
19
19
  </div>
20
20
  {/* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */}
21
- <div style={{ marginTop: token('space.100', '0.5rem') }}>
21
+ <div style={{ marginTop: token('space.100') }}>
22
22
  <DevPreviewWarning />
23
23
  </div>
24
24
  </>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/focused-task-close-account",
3
- "version": "3.3.4",
3
+ "version": "3.3.6",
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
  "deprecated": "⚠️ DEPRECATED: This package is marked for removal. Please avoid new usage.",
6
6
  "publishConfig": {
@@ -33,17 +33,16 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@atlaskit/afm-i18n-platform-people-and-teams-focused-task-close-account": "2.39.0",
36
- "@atlaskit/avatar": "^25.9.0",
36
+ "@atlaskit/avatar": "^25.11.0",
37
37
  "@atlaskit/button": "^23.10.0",
38
38
  "@atlaskit/drawer": "^12.0.0",
39
39
  "@atlaskit/heading": "^5.3.0",
40
- "@atlaskit/icon": "^33.0.0",
40
+ "@atlaskit/icon": "^34.0.0",
41
41
  "@atlaskit/inline-dialog": "^18.0.0",
42
42
  "@atlaskit/platform-feature-flags": "^1.1.0",
43
- "@atlaskit/primitives": "^18.0.0",
43
+ "@atlaskit/primitives": "^18.1.0",
44
44
  "@atlaskit/section-message": "^8.12.0",
45
- "@atlaskit/theme": "^22.0.0",
46
- "@atlaskit/tokens": "^11.1.0",
45
+ "@atlaskit/tokens": "^11.4.0",
47
46
  "@babel/runtime": "^7.0.0",
48
47
  "@emotion/styled": "^11.0.0",
49
48
  "react-intl-next": "npm:react-intl@^5.18.1"