@atlaskit/focused-task-close-account 1.1.2 → 2.0.0

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 (34) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/components/DeactivateUserOverviewScreen/styled.js +6 -6
  3. package/dist/cjs/components/DeleteUserContentPreviewScreen/styled.js +6 -6
  4. package/dist/cjs/components/DeleteUserOverviewScreen/styled.js +8 -8
  5. package/dist/cjs/components/DropdownList/styled.js +4 -4
  6. package/dist/cjs/components/FocusedTaskCloseAccount/styled.js +4 -4
  7. package/dist/cjs/components/Footer/styled.js +2 -2
  8. package/dist/cjs/components/UserInfo/styles.js +6 -6
  9. package/dist/cjs/version.json +1 -1
  10. package/dist/es2019/components/DeactivateUserOverviewScreen/styled.js +1 -1
  11. package/dist/es2019/components/DeleteUserContentPreviewScreen/styled.js +1 -1
  12. package/dist/es2019/components/DeleteUserOverviewScreen/styled.js +1 -1
  13. package/dist/es2019/components/DropdownList/styled.js +1 -1
  14. package/dist/es2019/components/FocusedTaskCloseAccount/styled.js +1 -1
  15. package/dist/es2019/components/Footer/styled.js +1 -1
  16. package/dist/es2019/components/UserInfo/styles.js +1 -1
  17. package/dist/es2019/version.json +1 -1
  18. package/dist/esm/components/DeactivateUserOverviewScreen/styled.js +1 -1
  19. package/dist/esm/components/DeleteUserContentPreviewScreen/styled.js +1 -1
  20. package/dist/esm/components/DeleteUserOverviewScreen/styled.js +1 -1
  21. package/dist/esm/components/DropdownList/styled.js +1 -1
  22. package/dist/esm/components/FocusedTaskCloseAccount/styled.js +1 -1
  23. package/dist/esm/components/Footer/styled.js +1 -1
  24. package/dist/esm/components/UserInfo/styles.js +1 -1
  25. package/dist/esm/version.json +1 -1
  26. package/dist/types/components/DeactivateUserOverviewScreen/styled.d.ts +7 -5
  27. package/dist/types/components/DeleteUserContentPreviewScreen/styled.d.ts +7 -5
  28. package/dist/types/components/DeleteUserOverviewScreen/styled.d.ts +9 -7
  29. package/dist/types/components/DropdownList/styled.d.ts +3 -3
  30. package/dist/types/components/FocusedTaskCloseAccount/styled.d.ts +3 -3
  31. package/dist/types/components/Footer/styled.d.ts +1 -1
  32. package/dist/types/components/UserInfo/styles.d.ts +7 -5
  33. package/package.json +12 -12
  34. package/report.api.md +92 -37
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @atlaskit/focused-task-close-account
2
2
 
3
+ ## 2.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [`aee282f2e3d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aee282f2e3d) - Migration from styled-components to @emotion v11
8
+
9
+ ## 1.1.3
10
+
11
+ ### Patch Changes
12
+
13
+ - [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
14
+
3
15
  ## 1.1.2
4
16
 
5
17
  ### Patch Changes
package/dist/cjs/components/DeactivateUserOverviewScreen/styled.js CHANGED
@@ -9,7 +9,7 @@ exports.Title = exports.Screen = exports.MainInformationList = exports.LoadingWr
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
12
- var _styledComponents = _interopRequireDefault(require("styled-components"));
12
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
13
13
 
14
14
  var _typography = require("@atlaskit/theme/typography");
15
15
 
@@ -17,22 +17,22 @@ var _gridSizeTimes = _interopRequireDefault(require("../../util/gridSizeTimes"))
17
17
 
18
18
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
19
19
 
20
- var Screen = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n max-width: 640px;\n margin-bottom: ", "px;\n > p {\n margin-top: ", "px;\n margin-bottom: ", "px;\n }\n"])), (0, _gridSizeTimes.default)(2), (0, _gridSizeTimes.default)(3), (0, _gridSizeTimes.default)(2));
20
+ var Screen = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n max-width: 640px;\n margin-bottom: ", "px;\n > p {\n margin-top: ", "px;\n margin-bottom: ", "px;\n }\n"])), (0, _gridSizeTimes.default)(2), (0, _gridSizeTimes.default)(3), (0, _gridSizeTimes.default)(2));
21
21
 
22
22
  exports.Screen = Screen;
23
23
 
24
- var LoadingWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 500px;\n"])));
24
+ var LoadingWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 500px;\n"])));
25
25
 
26
26
  exports.LoadingWrapper = LoadingWrapper;
27
27
 
28
- var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n margin-bottom: ", "px;\n margin-top: 0;\n"])), _typography.h700, (0, _gridSizeTimes.default)(3));
28
+ var Title = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n margin-bottom: ", "px;\n margin-top: 0;\n"])), _typography.h700, (0, _gridSizeTimes.default)(3));
29
29
 
30
30
  exports.Title = Title;
31
31
 
32
- var MainInformationList = _styledComponents.default.ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n > li b {\n font-weight: 600;\n }\n"])));
32
+ var MainInformationList = _styled.default.ul(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n > li b {\n font-weight: 600;\n }\n"])));
33
33
 
34
34
  exports.MainInformationList = MainInformationList;
35
35
 
36
- var AccessibleSitesWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: ", "px;\n"])), (0, _gridSizeTimes.default)(1.5));
36
+ var AccessibleSitesWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n margin-top: ", "px;\n"])), (0, _gridSizeTimes.default)(1.5));
37
37
 
38
38
  exports.AccessibleSitesWrapper = AccessibleSitesWrapper;
package/dist/cjs/components/DeleteUserContentPreviewScreen/styled.js CHANGED
@@ -9,7 +9,7 @@ exports.UserDetails = exports.Title = exports.SectionCard = exports.Screen = exp
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
12
- var _styledComponents = _interopRequireDefault(require("styled-components"));
12
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
13
13
 
14
14
  var _constants = require("@atlaskit/theme/constants");
15
15
 
@@ -27,24 +27,24 @@ var getSelectedCardColor = function getSelectedCardColor(props) {
27
27
  return props.isSelected && "".concat((0, _tokens.token)('color.background.selected', _colors.B50));
28
28
  };
29
29
 
30
- var Screen = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n max-width: 640px;\n margin-bottom: ", "px;\n"])), (0, _gridSizeTimes.default)(4));
30
+ var Screen = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n max-width: 640px;\n margin-bottom: ", "px;\n"])), (0, _gridSizeTimes.default)(4));
31
31
 
32
32
  exports.Screen = Screen;
33
33
 
34
- var Title = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n margin-bottom: ", "px;\n margin-top: 0;\n"])), _typography.h700, (0, _gridSizeTimes.default)(4));
34
+ var Title = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n margin-bottom: ", "px;\n margin-top: 0;\n"])), _typography.h700, (0, _gridSizeTimes.default)(4));
35
35
 
36
36
  exports.Title = Title;
37
37
 
38
- var SectionCard = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n display: flex;\n padding: ", "px;\n width: 100%;\n background-color: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n margin-top: ", "px;\n"])), (0, _gridSizeTimes.default)(2.5), function (props) {
38
+ var SectionCard = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n display: flex;\n padding: ", "px;\n width: 100%;\n background-color: ", ";\n border-radius: ", "px;\n box-shadow: ", ";\n margin-top: ", "px;\n"])), (0, _gridSizeTimes.default)(2.5), function (props) {
39
39
  return getSelectedCardColor(props);
40
40
  }, (0, _constants.borderRadius)(), (0, _tokens.token)('elevation.shadow.overlay', "0 4px 8px -2px ".concat(_colors.N50A, ", 0 0 1px ").concat(_colors.N60A)), (0, _gridSizeTimes.default)(2));
41
41
 
42
42
  exports.SectionCard = SectionCard;
43
43
 
44
- var Avatar = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n margin-right: ", "px;\n"])), (0, _gridSizeTimes.default)(2.5), (0, _gridSizeTimes.default)(1));
44
+ var Avatar = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n margin-right: ", "px;\n"])), (0, _gridSizeTimes.default)(2.5), (0, _gridSizeTimes.default)(1));
45
45
 
46
46
  exports.Avatar = Avatar;
47
47
 
48
- var UserDetails = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n margin-top: ", "px;\n font-weight: 600;\n color: ", ";\n"])), (0, _gridSizeTimes.default)(1.5), (0, _tokens.token)('color.text.accent.blue', _colors.B400));
48
+ var UserDetails = _styled.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n margin-top: ", "px;\n font-weight: 600;\n color: ", ";\n"])), (0, _gridSizeTimes.default)(1.5), (0, _tokens.token)('color.text.accent.blue', _colors.B400));
49
49
 
50
50
  exports.UserDetails = UserDetails;
package/dist/cjs/components/DeleteUserOverviewScreen/styled.js CHANGED
@@ -9,7 +9,7 @@ exports.Title = exports.SectionMessageOuter = exports.Screen = exports.MainInfor
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
12
- var _styledComponents = _interopRequireDefault(require("styled-components"));
12
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
13
13
 
14
14
  var _colors = require("@atlaskit/theme/colors");
15
15
 
@@ -21,30 +21,30 @@ var _gridSizeTimes = _interopRequireDefault(require("../../util/gridSizeTimes"))
21
21
 
22
22
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
23
23
 
24
- var Screen = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n max-width: 640px;\n margin-bottom: ", "px;\n > p {\n margin-top: ", "px;\n margin-bottom: ", "px;\n }\n"])), (0, _gridSizeTimes.default)(2), (0, _gridSizeTimes.default)(3), (0, _gridSizeTimes.default)(2));
24
+ var Screen = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: 100%;\n max-width: 640px;\n margin-bottom: ", "px;\n > p {\n margin-top: ", "px;\n margin-bottom: ", "px;\n }\n"])), (0, _gridSizeTimes.default)(2), (0, _gridSizeTimes.default)(3), (0, _gridSizeTimes.default)(2));
25
25
 
26
26
  exports.Screen = Screen;
27
27
 
28
- var LoadingWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 500px;\n"])));
28
+ var LoadingWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 500px;\n"])));
29
29
 
30
30
  exports.LoadingWrapper = LoadingWrapper;
31
31
 
32
- var Title = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n margin-bottom: ", "px;\n margin-top: 0;\n"])), _typography.h700, (0, _gridSizeTimes.default)(3));
32
+ var Title = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n margin-bottom: ", "px;\n margin-top: 0;\n"])), _typography.h700, (0, _gridSizeTimes.default)(3));
33
33
 
34
34
  exports.Title = Title;
35
35
 
36
- var SectionMessageOuter = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n margin: ", "px 0;\n"])), (0, _gridSizeTimes.default)(3));
36
+ var SectionMessageOuter = _styled.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n margin: ", "px 0;\n"])), (0, _gridSizeTimes.default)(3));
37
37
 
38
38
  exports.SectionMessageOuter = SectionMessageOuter;
39
39
 
40
- var MainInformationList = _styledComponents.default.ul(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n > li b {\n font-weight: 600;\n }\n p + ul {\n margin-top: ", "px;\n }\n"])), (0, _gridSizeTimes.default)(1.5));
40
+ var MainInformationList = _styled.default.ul(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n > li b {\n font-weight: 600;\n }\n p + ul {\n margin-top: ", "px;\n }\n"])), (0, _gridSizeTimes.default)(1.5));
41
41
 
42
42
  exports.MainInformationList = MainInformationList;
43
43
 
44
- var IconHoverWrapper = _styledComponents.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n padding-left: ", "px;\n &:hover {\n color: ", ";\n }\n"])), (0, _tokens.token)('color.background.information.bold', _colors.B500), (0, _gridSizeTimes.default)(0.5), (0, _tokens.token)('color.background.information.bold.hovered', _colors.B200));
44
+ var IconHoverWrapper = _styled.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n color: ", ";\n padding-left: ", "px;\n &:hover {\n color: ", ";\n }\n"])), (0, _tokens.token)('color.background.information.bold', _colors.B500), (0, _gridSizeTimes.default)(0.5), (0, _tokens.token)('color.background.information.bold.hovered', _colors.B200));
45
45
 
46
46
  exports.IconHoverWrapper = IconHoverWrapper;
47
47
 
48
- var InlineDialogContent = _styledComponents.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n li {\n margin-left: ", "px;\n margin-top: ", "px;\n padding-left: ", "px;\n }\n"])), (0, _gridSizeTimes.default)(3), (0, _gridSizeTimes.default)(1), (0, _gridSizeTimes.default)(1));
48
+ var InlineDialogContent = _styled.default.div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n li {\n margin-left: ", "px;\n margin-top: ", "px;\n padding-left: ", "px;\n }\n"])), (0, _gridSizeTimes.default)(3), (0, _gridSizeTimes.default)(1), (0, _gridSizeTimes.default)(1));
49
49
 
50
50
  exports.InlineDialogContent = InlineDialogContent;
package/dist/cjs/components/DropdownList/styled.js CHANGED
@@ -9,20 +9,20 @@ exports.ButtonWrapper = exports.AccessibleSitesListFootnote = exports.Accessible
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
12
- var _styledComponents = _interopRequireDefault(require("styled-components"));
12
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
13
13
 
14
14
  var _gridSizeTimes = _interopRequireDefault(require("../../util/gridSizeTimes"));
15
15
 
16
16
  var _templateObject, _templateObject2, _templateObject3;
17
17
 
18
- var AccessibleSitesList = _styledComponents.default.ul(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n list-style: none;\n padding-left: 0;\n font-weight: 600;\n margin-left: ", "px;\n > li {\n margin-top: 0;\n }\n"])), (0, _gridSizeTimes.default)(1));
18
+ var AccessibleSitesList = _styled.default.ul(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n list-style: none;\n padding-left: 0;\n font-weight: 600;\n margin-left: ", "px;\n > li {\n margin-top: 0;\n }\n"])), (0, _gridSizeTimes.default)(1));
19
19
 
20
20
  exports.AccessibleSitesList = AccessibleSitesList;
21
21
 
22
- var AccessibleSitesListFootnote = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: 0;\n margin-left: ", "px;\n"])), (0, _gridSizeTimes.default)(1));
22
+ var AccessibleSitesListFootnote = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n padding-left: 0;\n margin-left: ", "px;\n"])), (0, _gridSizeTimes.default)(1));
23
23
 
24
24
  exports.AccessibleSitesListFootnote = AccessibleSitesListFootnote;
25
25
 
26
- var ButtonWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n padding: 0 ", "px;\n"])), (0, _gridSizeTimes.default)(1));
26
+ var ButtonWrapper = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n padding: 0 ", "px;\n"])), (0, _gridSizeTimes.default)(1));
27
27
 
28
28
  exports.ButtonWrapper = ButtonWrapper;
package/dist/cjs/components/FocusedTaskCloseAccount/styled.js CHANGED
@@ -9,20 +9,20 @@ exports.PlaceholderContent = exports.DrawerInner = exports.ContentFooter = void
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
12
- var _styledComponents = _interopRequireDefault(require("styled-components"));
12
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
13
13
 
14
14
  var _templateObject, _templateObject2, _templateObject3;
15
15
 
16
- var DrawerInner = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n align-items: center;\n"])));
16
+ var DrawerInner = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n align-items: center;\n"])));
17
17
 
18
18
  exports.DrawerInner = DrawerInner;
19
19
 
20
- var ContentFooter = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: flex-end;\n"])));
20
+ var ContentFooter = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n justify-content: flex-end;\n"])));
21
21
  /** Delete me once real content is present in the drawer */
22
22
 
23
23
 
24
24
  exports.ContentFooter = ContentFooter;
25
25
 
26
- var PlaceholderContent = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n width: 352px;\n"])));
26
+ var PlaceholderContent = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n width: 352px;\n"])));
27
27
 
28
28
  exports.PlaceholderContent = PlaceholderContent;
package/dist/cjs/components/Footer/styled.js CHANGED
@@ -9,12 +9,12 @@ exports.FooterOuter = void 0;
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
12
- var _styledComponents = _interopRequireDefault(require("styled-components"));
12
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
13
13
 
14
14
  var _gridSizeTimes = _interopRequireDefault(require("../../util/gridSizeTimes"));
15
15
 
16
16
  var _templateObject;
17
17
 
18
- var FooterOuter = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n max-width: 640px;\n @media screen and (max-width: 640px) {\n justify-content: space-evenly;\n padding-bottom: ", "px;\n align-items: center;\n }\n justify-content: space-between;\n margin-top: ", "px;\n"])), (0, _gridSizeTimes.default)(3), (0, _gridSizeTimes.default)(4));
18
+ var FooterOuter = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n width: 100%;\n max-width: 640px;\n @media screen and (max-width: 640px) {\n justify-content: space-evenly;\n padding-bottom: ", "px;\n align-items: center;\n }\n justify-content: space-between;\n margin-top: ", "px;\n"])), (0, _gridSizeTimes.default)(3), (0, _gridSizeTimes.default)(4));
19
19
 
20
20
  exports.FooterOuter = FooterOuter;
package/dist/cjs/components/UserInfo/styles.js CHANGED
@@ -9,7 +9,7 @@ exports.UserName = exports.UserInfoOuter = exports.UserEmail = exports.UserDetai
9
9
 
10
10
  var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
11
 
12
- var _styledComponents = _interopRequireDefault(require("styled-components"));
12
+ var _styled = _interopRequireDefault(require("@emotion/styled"));
13
13
 
14
14
  var _constants = require("@atlaskit/theme/constants");
15
15
 
@@ -27,22 +27,22 @@ var baseHeading = function baseHeading(size, lineHeight) {
27
27
  return "\n font-size: ".concat(size / (0, _constants.fontSize)(), "em;\n font-style: inherit;\n line-height: ").concat(lineHeight / size, ";\n");
28
28
  };
29
29
 
30
- var UserInfoOuter = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n width: 100%;\n margin-bottom: ", "px;\n"])), (0, _gridSizeTimes.default)(2));
30
+ var UserInfoOuter = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-items: center;\n width: 100%;\n margin-bottom: ", "px;\n"])), (0, _gridSizeTimes.default)(2));
31
31
 
32
32
  exports.UserInfoOuter = UserInfoOuter;
33
33
 
34
- var Avatar = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n margin-right: ", "px;\n"])), (0, _gridSizeTimes.default)(2.5), (0, _gridSizeTimes.default)(1));
34
+ var Avatar = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n margin-right: ", "px;\n"])), (0, _gridSizeTimes.default)(2.5), (0, _gridSizeTimes.default)(1));
35
35
 
36
36
  exports.Avatar = Avatar;
37
37
 
38
- var UserDetails = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n"])), (0, _gridSizeTimes.default)(0.5));
38
+ var UserDetails = _styled.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n"])), (0, _gridSizeTimes.default)(0.5));
39
39
 
40
40
  exports.UserDetails = UserDetails;
41
41
 
42
- var UserName = _styledComponents.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n margin-top: 0;\n"])), _typography.h500);
42
+ var UserName = _styled.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n ", ";\n margin-top: 0;\n"])), _typography.h500);
43
43
 
44
44
  exports.UserName = UserName;
45
45
 
46
- var UserEmail = _styledComponents.default.span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n ", " color: ", ";\n font-weight: 300;\n margin-top: ", "px;\n"])), baseHeading(11, 16), (0, _tokens.token)('color.text.subtlest', _colors.N200), (0, _gridSizeTimes.default)(0.5));
46
+ var UserEmail = _styled.default.span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n ", " color: ", ";\n font-weight: 300;\n margin-top: ", "px;\n"])), baseHeading(11, 16), (0, _tokens.token)('color.text.subtlest', _colors.N200), (0, _gridSizeTimes.default)(0.5));
47
47
 
48
48
  exports.UserEmail = UserEmail;
package/dist/cjs/version.json CHANGED
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/focused-task-close-account",
3
- "version": "1.1.2"
3
+ "version": "2.0.0"
4
4
  }
package/dist/es2019/components/DeactivateUserOverviewScreen/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- import styled from 'styled-components';
1
+ import styled from '@emotion/styled';
2
2
  import { h700 } from '@atlaskit/theme/typography';
3
3
  import gridSizeTimes from '../../util/gridSizeTimes';
4
4
  export const Screen = styled.div`
package/dist/es2019/components/DeleteUserContentPreviewScreen/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- import styled from 'styled-components';
1
+ import styled from '@emotion/styled';
2
2
  import { borderRadius } from '@atlaskit/theme/constants';
3
3
  import { B50, B400, N50A, N60A } from '@atlaskit/theme/colors';
4
4
  import { h700 } from '@atlaskit/theme/typography';
package/dist/es2019/components/DeleteUserOverviewScreen/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- import styled from 'styled-components';
1
+ import styled from '@emotion/styled';
2
2
  import { B500, B200 } from '@atlaskit/theme/colors';
3
3
  import { h700 } from '@atlaskit/theme/typography';
4
4
  import { token } from '@atlaskit/tokens';
package/dist/es2019/components/DropdownList/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- import styled from 'styled-components';
1
+ import styled from '@emotion/styled';
2
2
  import gridSizeTimes from '../../util/gridSizeTimes';
3
3
  export const AccessibleSitesList = styled.ul`
4
4
  list-style: none;
package/dist/es2019/components/FocusedTaskCloseAccount/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- import styled from 'styled-components';
1
+ import styled from '@emotion/styled';
2
2
  export const DrawerInner = styled.div`
3
3
  display: flex;
4
4
  flex-wrap: wrap;
package/dist/es2019/components/Footer/styled.js CHANGED
@@ -1,4 +1,4 @@
1
- import styled from 'styled-components';
1
+ import styled from '@emotion/styled';
2
2
  import gridSizeTimes from '../../util/gridSizeTimes';
3
3
  export const FooterOuter = styled.div`
4
4
  display: flex;
package/dist/es2019/components/UserInfo/styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import styled from 'styled-components';
1
+ import styled from '@emotion/styled';
2
2
  import { fontSize } from '@atlaskit/theme/constants';
3
3
  import { h500 } from '@atlaskit/theme/typography';
4
4
  import { N200 } from '@atlaskit/theme/colors';
package/dist/es2019/version.json CHANGED
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/focused-task-close-account",
3
- "version": "1.1.2"
3
+ "version": "2.0.0"
4
4
  }
package/dist/esm/components/DeactivateUserOverviewScreen/styled.js CHANGED
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
4
4
 
5
- import styled from 'styled-components';
5
+ import styled from '@emotion/styled';
6
6
  import { h700 } from '@atlaskit/theme/typography';
7
7
  import gridSizeTimes from '../../util/gridSizeTimes';
8
8
  export var Screen = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n max-width: 640px;\n margin-bottom: ", "px;\n > p {\n margin-top: ", "px;\n margin-bottom: ", "px;\n }\n"])), gridSizeTimes(2), gridSizeTimes(3), gridSizeTimes(2));
package/dist/esm/components/DeleteUserContentPreviewScreen/styled.js CHANGED
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
4
4
 
5
- import styled from 'styled-components';
5
+ import styled from '@emotion/styled';
6
6
  import { borderRadius } from '@atlaskit/theme/constants';
7
7
  import { B50, B400, N50A, N60A } from '@atlaskit/theme/colors';
8
8
  import { h700 } from '@atlaskit/theme/typography';
package/dist/esm/components/DeleteUserOverviewScreen/styled.js CHANGED
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
4
4
 
5
- import styled from 'styled-components';
5
+ import styled from '@emotion/styled';
6
6
  import { B500, B200 } from '@atlaskit/theme/colors';
7
7
  import { h700 } from '@atlaskit/theme/typography';
8
8
  import { token } from '@atlaskit/tokens';
package/dist/esm/components/DropdownList/styled.js CHANGED
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2, _templateObject3;
4
4
 
5
- import styled from 'styled-components';
5
+ import styled from '@emotion/styled';
6
6
  import gridSizeTimes from '../../util/gridSizeTimes';
7
7
  export var AccessibleSitesList = styled.ul(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n list-style: none;\n padding-left: 0;\n font-weight: 600;\n margin-left: ", "px;\n > li {\n margin-top: 0;\n }\n"])), gridSizeTimes(1));
8
8
  export var AccessibleSitesListFootnote = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding-left: 0;\n margin-left: ", "px;\n"])), gridSizeTimes(1));
package/dist/esm/components/FocusedTaskCloseAccount/styled.js CHANGED
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2, _templateObject3;
4
4
 
5
- import styled from 'styled-components';
5
+ import styled from '@emotion/styled';
6
6
  export var DrawerInner = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n align-items: center;\n"])));
7
7
  export var ContentFooter = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n"])));
8
8
  /** Delete me once real content is present in the drawer */
package/dist/esm/components/Footer/styled.js CHANGED
@@ -2,6 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject;
4
4
 
5
- import styled from 'styled-components';
5
+ import styled from '@emotion/styled';
6
6
  import gridSizeTimes from '../../util/gridSizeTimes';
7
7
  export var FooterOuter = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n max-width: 640px;\n @media screen and (max-width: 640px) {\n justify-content: space-evenly;\n padding-bottom: ", "px;\n align-items: center;\n }\n justify-content: space-between;\n margin-top: ", "px;\n"])), gridSizeTimes(3), gridSizeTimes(4));
package/dist/esm/components/UserInfo/styles.js CHANGED
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
 
3
3
  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
4
4
 
5
- import styled from 'styled-components';
5
+ import styled from '@emotion/styled';
6
6
  import { fontSize } from '@atlaskit/theme/constants';
7
7
  import { h500 } from '@atlaskit/theme/typography';
8
8
  import { N200 } from '@atlaskit/theme/colors';
package/dist/esm/version.json CHANGED
@@ -1,4 +1,4 @@
1
1
  {
2
2
  "name": "@atlaskit/focused-task-close-account",
3
- "version": "1.1.2"
3
+ "version": "2.0.0"
4
4
  }
package/dist/types/components/DeactivateUserOverviewScreen/styled.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  /// <reference types="react" />
2
- export declare const Screen: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
3
- export declare const LoadingWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
4
- export declare const Title: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & (import("@atlaskit/theme").ThemeProps | undefined), any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & (import("@atlaskit/theme").ThemeProps | undefined)>;
5
- export declare const MainInformationList: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement>, any, import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement>>;
6
- export declare const AccessibleSitesWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
2
+ export declare const Screen: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
3
+ export declare const LoadingWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
4
+ export declare const Title: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@atlaskit/theme").ThemeProps | undefined>, never>, {
5
+ __ATLASKIT_THEME__: import("@atlaskit/theme").Theme;
6
+ }>;
7
+ export declare const MainInformationList: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Pick<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement>, keyof import("react").HTMLAttributes<HTMLUListElement>>, object>;
8
+ export declare const AccessibleSitesWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
package/dist/types/components/DeleteUserContentPreviewScreen/styled.d.ts CHANGED
@@ -2,9 +2,11 @@
2
2
  interface SectionCardProps {
3
3
  isSelected: boolean;
4
4
  }
5
- export declare const Screen: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
6
- export declare const Title: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & (import("@atlaskit/theme").ThemeProps | undefined), any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & (import("@atlaskit/theme").ThemeProps | undefined)>;
7
- export declare const SectionCard: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & SectionCardProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & SectionCardProps>;
8
- export declare const Avatar: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
9
- export declare const UserDetails: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
5
+ export declare const Screen: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
6
+ export declare const Title: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@atlaskit/theme").ThemeProps | undefined>, never>, {
7
+ __ATLASKIT_THEME__: import("@atlaskit/theme").Theme;
8
+ }>;
9
+ export declare const SectionCard: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, SectionCardProps, object>;
10
+ export declare const Avatar: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
11
+ export declare const UserDetails: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
10
12
  export {};
package/dist/types/components/DeleteUserOverviewScreen/styled.d.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  /// <reference types="react" />
2
- export declare const Screen: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
3
- export declare const LoadingWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
4
- export declare const Title: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & (import("@atlaskit/theme").ThemeProps | undefined), any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & (import("@atlaskit/theme").ThemeProps | undefined)>;
5
- export declare const SectionMessageOuter: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
6
- export declare const MainInformationList: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement>, any, import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement>>;
7
- export declare const IconHoverWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
8
- export declare const InlineDialogContent: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
2
+ export declare const Screen: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
3
+ export declare const LoadingWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
4
+ export declare const Title: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("@atlaskit/theme").ThemeProps | undefined>, never>, {
5
+ __ATLASKIT_THEME__: import("@atlaskit/theme").Theme;
6
+ }>;
7
+ export declare const SectionMessageOuter: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
8
+ export declare const MainInformationList: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Pick<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement>, keyof import("react").HTMLAttributes<HTMLUListElement>>, object>;
9
+ export declare const IconHoverWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
10
+ export declare const InlineDialogContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
package/dist/types/components/DropdownList/styled.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- export declare const AccessibleSitesList: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement>, any, import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement>>;
3
- export declare const AccessibleSitesListFootnote: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
4
- export declare const ButtonWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
2
+ export declare const AccessibleSitesList: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Pick<import("react").ClassAttributes<HTMLUListElement> & import("react").HTMLAttributes<HTMLUListElement>, keyof import("react").HTMLAttributes<HTMLUListElement>>, object>;
3
+ export declare const AccessibleSitesListFootnote: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
4
+ export declare const ButtonWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
package/dist/types/components/FocusedTaskCloseAccount/styled.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare const DrawerInner: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
3
- export declare const ContentFooter: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
2
+ export declare const DrawerInner: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
3
+ export declare const ContentFooter: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
4
4
  /** Delete me once real content is present in the drawer */
5
- export declare const PlaceholderContent: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
5
+ export declare const PlaceholderContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
package/dist/types/components/Footer/styled.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  /// <reference types="react" />
2
- export declare const FooterOuter: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
2
+ export declare const FooterOuter: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
package/dist/types/components/UserInfo/styles.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  /// <reference types="react" />
2
- export declare const UserInfoOuter: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
3
- export declare const Avatar: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
4
- export declare const UserDetails: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
5
- export declare const UserName: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & (import("@atlaskit/theme").ThemeProps | undefined), any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & (import("@atlaskit/theme").ThemeProps | undefined)>;
6
- export declare const UserEmail: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
2
+ export declare const UserInfoOuter: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
3
+ export declare const Avatar: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
4
+ export declare const UserDetails: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
5
+ export declare const UserName: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("@emotion/styled-base/types/helper").Overwrapped<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, import("@atlaskit/theme").ThemeProps | undefined>, never>, {
6
+ __ATLASKIT_THEME__: import("@atlaskit/theme").Theme;
7
+ }>;
8
+ export declare const UserEmail: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/focused-task-close-account",
3
- "version": "1.1.2",
3
+ "version": "2.0.0",
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/"
@@ -24,29 +24,29 @@
24
24
  }
25
25
  },
26
26
  "dependencies": {
27
- "@atlaskit/avatar": "^21.0.0",
28
- "@atlaskit/button": "^16.3.0",
29
- "@atlaskit/drawer": "^7.1.0",
30
- "@atlaskit/icon": "^21.10.0",
31
- "@atlaskit/inline-dialog": "^13.3.0",
32
- "@atlaskit/section-message": "^6.0.0",
33
- "@atlaskit/theme": "^12.1.0",
27
+ "@atlaskit/avatar": "^21.1.0",
28
+ "@atlaskit/button": "^16.4.0",
29
+ "@atlaskit/drawer": "^7.4.0",
30
+ "@atlaskit/icon": "^21.11.0",
31
+ "@atlaskit/inline-dialog": "^13.4.0",
32
+ "@atlaskit/section-message": "^6.3.0",
33
+ "@atlaskit/theme": "^12.2.0",
34
34
  "@atlaskit/tokens": "^0.10.0",
35
35
  "@babel/runtime": "^7.0.0",
36
36
  "react-intl-next": "npm:react-intl@^5.18.1"
37
37
  },
38
38
  "peerDependencies": {
39
+ "@emotion/styled": "^11.0.0",
39
40
  "react": "^16.8.0",
40
41
  "react-dom": "^16.8.0",
41
- "react-transition-group": "^4.4.1",
42
- "styled-components": "^3.2.6"
42
+ "react-transition-group": "^4.4.1"
43
43
  },
44
44
  "devDependencies": {
45
- "@atlaskit/checkbox": "^12.0.0",
45
+ "@atlaskit/checkbox": "^12.4.0",
46
46
  "@atlaskit/docs": "*",
47
47
  "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
48
48
  "enzyme": "^3.10.0",
49
- "typescript": "4.3.5"
49
+ "typescript": "4.5.5"
50
50
  },
51
51
  "keywords": [
52
52
  "ui",
package/report.api.md CHANGED
@@ -2,106 +2,161 @@
2
2
 
3
3
  > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
4
 
5
+ <!--
6
+ Generated API Report version: 2.0
7
+ -->
8
+
9
+ [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
10
+
5
11
  ```ts
6
12
  import { MessageDescriptor } from 'react-intl-next';
7
13
  import { default as React_2 } from 'react';
8
14
 
9
- export declare class DeactivateUserOverviewScreen extends React_2.Component<
10
- DeactivateUserOverviewScreenProps
11
- > {
15
+ // @public (undocumented)
16
+ export class DeactivateUserOverviewScreen extends React_2.Component<DeactivateUserOverviewScreenProps> {
17
+ // (undocumented)
12
18
  static defaultProps: Partial<DeactivateUserOverviewScreenProps>;
19
+ // (undocumented)
20
+ render(): JSX.Element;
21
+ // (undocumented)
22
+ renderBillingListElement: () => JSX.Element;
23
+ // (undocumented)
24
+ renderLoseAccessListElement: () => JSX.Element;
25
+ // (undocumented)
26
+ renderPersonalDataListElement: () => JSX.Element;
27
+ // (undocumented)
13
28
  selectAdminOrSelfCopy: (
14
29
  adminCopy: MessageDescriptor,
15
30
  selfCopy: MessageDescriptor,
16
31
  ) => MessageDescriptor;
17
- renderLoseAccessListElement: () => JSX.Element;
18
- renderPersonalDataListElement: () => JSX.Element;
19
- renderBillingListElement: () => JSX.Element;
20
- render(): JSX.Element;
21
32
  }
22
33
 
23
- declare interface DeactivateUserOverviewScreenProps {
34
+ // @public (undocumented)
35
+ interface DeactivateUserOverviewScreenProps {
36
+ // (undocumented)
24
37
  accessibleSites: string[];
38
+ // (undocumented)
25
39
  isCurrentUser: boolean;
40
+ // (undocumented)
26
41
  user: User;
27
42
  }
28
43
 
29
- export declare class DeleteUserContentPreviewScreen extends React_2.Component<
44
+ // @public (undocumented)
45
+ export class DeleteUserContentPreviewScreen extends React_2.Component<
30
46
  DeleteUserContentPreviewScreenProps,
31
47
  DeleteUserContentPreviewScreenState
32
48
  > {
33
- state: DeleteUserContentPreviewScreenState;
49
+ // (undocumented)
34
50
  componentDidMount(): void;
51
+ // (undocumented)
35
52
  handleClickSection: (userName: string, position: number) => () => void;
53
+ // (undocumented)
36
54
  isCardSelected: (position: number) => boolean;
55
+ // (undocumented)
56
+ render(): JSX.Element;
57
+ // (undocumented)
37
58
  selectAdminOrSelfCopy: (
38
59
  adminCopy: MessageDescriptor,
39
60
  selfCopy: MessageDescriptor,
40
61
  ) => MessageDescriptor;
41
- render(): JSX.Element;
62
+ // (undocumented)
63
+ state: DeleteUserContentPreviewScreenState;
42
64
  }
43
65
 
44
- declare interface DeleteUserContentPreviewScreenProps {
66
+ // @public (undocumented)
67
+ interface DeleteUserContentPreviewScreenProps {
68
+ // (undocumented)
45
69
  isCurrentUser: boolean;
46
- user: User;
70
+ // (undocumented)
47
71
  preferenceSelection: (username: string) => void;
72
+ // (undocumented)
73
+ user: User;
48
74
  }
49
75
 
50
- declare interface DeleteUserContentPreviewScreenState {
76
+ // @public (undocumented)
77
+ interface DeleteUserContentPreviewScreenState {
78
+ // (undocumented)
51
79
  currentActive: number;
52
80
  }
53
81
 
54
- export declare class DeleteUserOverviewScreen extends React_2.Component<
55
- DeleteUserOverviewScreenProps
56
- > {
82
+ // @public (undocumented)
83
+ export class DeleteUserOverviewScreen extends React_2.Component<DeleteUserOverviewScreenProps> {
84
+ // (undocumented)
57
85
  static defaultProps: Partial<DeleteUserOverviewScreenProps>;
58
- selectAdminOrSelfCopy: (
59
- adminCopy: MessageDescriptor,
60
- selfCopy: MessageDescriptor,
61
- ) => MessageDescriptor;
86
+ // (undocumented)
62
87
  displayFirstListElement: () => JSX.Element | null;
88
+ // (undocumented)
89
+ displayFourthListElement: () => JSX.Element;
90
+ // (undocumented)
63
91
  displaySecondListElement: () => JSX.Element;
92
+ // (undocumented)
64
93
  displayThirdListElement: () => JSX.Element;
65
- displayFourthListElement: () => JSX.Element;
94
+ // (undocumented)
66
95
  render(): JSX.Element;
96
+ // (undocumented)
97
+ selectAdminOrSelfCopy: (
98
+ adminCopy: MessageDescriptor,
99
+ selfCopy: MessageDescriptor,
100
+ ) => MessageDescriptor;
67
101
  }
68
102
 
69
- declare interface DeleteUserOverviewScreenProps {
103
+ // @public (undocumented)
104
+ interface DeleteUserOverviewScreenProps {
105
+ // (undocumented)
70
106
  accessibleSites: string[];
71
- isCurrentUser: boolean;
72
- user: User;
107
+ // (undocumented)
73
108
  deactivateUserHandler?: () => void;
109
+ // (undocumented)
110
+ isCurrentUser: boolean;
111
+ // (undocumented)
74
112
  isUserDeactivated: boolean;
113
+ // (undocumented)
114
+ user: User;
75
115
  }
76
116
 
77
- export declare class FocusedTaskCloseAccount extends React_2.Component<
78
- Props,
79
- State
80
- > {
81
- state: State;
117
+ // @public (undocumented)
118
+ export class FocusedTaskCloseAccount extends React_2.Component<Props, State> {
119
+ // (undocumented)
82
120
  nextScreen: () => void;
121
+ // (undocumented)
83
122
  previousScreen: () => void;
84
- renderCurrentScreen: () => React_2.ReactNode;
123
+ // (undocumented)
85
124
  render(): JSX.Element;
125
+ // (undocumented)
126
+ renderCurrentScreen: () => React_2.ReactNode;
127
+ // (undocumented)
128
+ state: State;
86
129
  }
87
130
 
88
- declare interface Props {
131
+ // @public (undocumented)
132
+ interface Props {
133
+ // (undocumented)
89
134
  isOpen: boolean;
135
+ // (undocumented)
136
+ learnMoreLink: string;
137
+ // (undocumented)
90
138
  onClose: () => void;
139
+ // (undocumented)
91
140
  screens: React_2.ReactNode[];
141
+ // (undocumented)
92
142
  submitButton: React_2.ReactNode;
93
- learnMoreLink: string;
94
143
  }
95
144
 
96
- declare interface State {
145
+ // @public (undocumented)
146
+ interface State {
147
+ // (undocumented)
97
148
  currentScreenIdx: number;
98
149
  }
99
150
 
100
- declare interface User {
151
+ // @public (undocumented)
152
+ interface User {
153
+ // (undocumented)
101
154
  avatarUrl: string;
102
- fullName: string;
155
+ // (undocumented)
103
156
  email: string;
157
+ // (undocumented)
158
+ fullName: string;
104
159
  }
105
160
 
106
- export {};
161
+ // (No @packageDocumentation comment for this package)
107
162
  ```