@atlaskit/focused-task-close-account 3.3.3 → 3.3.5

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.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f0ae528c7b0bb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0ae528c7b0bb) -
8
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
9
+
10
+ ## 3.3.4
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 3.3.3
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
  });
@@ -19,7 +19,7 @@ var _button = _interopRequireDefault(require("@atlaskit/button"));
19
19
  var _sectionMessage = _interopRequireDefault(require("@atlaskit/section-message"));
20
20
  var _statusInformation = _interopRequireDefault(require("@atlaskit/icon/core/status-information"));
21
21
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
22
- var _primitives = require("@atlaskit/primitives");
22
+ var _compiled = require("@atlaskit/primitives/compiled");
23
23
  var _messages = require("../../messages");
24
24
  var _StatefulInlineDialog = _interopRequireDefault(require("../StatefulInlineDialog"));
25
25
  var _UserInfo = _interopRequireDefault(require("../UserInfo"));
@@ -129,7 +129,7 @@ var DeleteUserOverviewScreen = exports.DeleteUserOverviewScreen = /*#__PURE__*/f
129
129
  user: user
130
130
  }), /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, this.selectAdminOrSelfCopy(_messages.overviewMessages.paragraphAboutToDeleteAdmin, _messages.overviewMessages.paragraphAboutToDeleteSelf)), /*#__PURE__*/_react.default.createElement(Styled.MainInformationList, null, this.displayFirstListElement(), this.displaySecondListElement(), this.displayThirdListElement(), this.displayFourthListElement()), deactivateUserHandler && /*#__PURE__*/_react.default.createElement(Styled.SectionMessageOuter, null, /*#__PURE__*/_react.default.createElement(_sectionMessage.default, {
131
131
  appearance: "warning"
132
- }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, isUserDeactivated ? _messages.overviewMessages.warningSectionBodyDeactivated : _messages.overviewMessages.warningSectionBody), !isUserDeactivated && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
132
+ }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, isUserDeactivated ? _messages.overviewMessages.warningSectionBodyDeactivated : _messages.overviewMessages.warningSectionBody), !isUserDeactivated && /*#__PURE__*/_react.default.createElement(_compiled.Text, {
133
133
  as: "p"
134
134
  }, /*#__PURE__*/_react.default.createElement(_button.default, {
135
135
  appearance: "link",
@@ -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
 
@@ -14,7 +14,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
14
14
  var _react = _interopRequireDefault(require("react"));
15
15
  var _avatar = _interopRequireDefault(require("@atlaskit/avatar"));
16
16
  var _heading = _interopRequireDefault(require("@atlaskit/heading"));
17
- var _primitives = require("@atlaskit/primitives");
17
+ var _compiled = require("@atlaskit/primitives/compiled");
18
18
  var Styled = _interopRequireWildcard(require("./styles"));
19
19
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
20
20
  function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -32,12 +32,12 @@ var UserInfo = exports.UserInfo = /*#__PURE__*/function (_React$Component) {
32
32
  return /*#__PURE__*/_react.default.createElement(Styled.UserInfoOuter, null, /*#__PURE__*/_react.default.createElement(Styled.Avatar, null, /*#__PURE__*/_react.default.createElement(_avatar.default, {
33
33
  size: "large",
34
34
  src: user.avatarUrl
35
- })), /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
35
+ })), /*#__PURE__*/_react.default.createElement(_compiled.Stack, {
36
36
  space: "space.050"
37
37
  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
38
38
  size: "small",
39
39
  as: "span"
40
- }, user.fullName), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
40
+ }, user.fullName), /*#__PURE__*/_react.default.createElement(_compiled.Text, {
41
41
  size: "small",
42
42
  color: "color.text.subtlest"
43
43
  }, user.email)));
@@ -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
  });
@@ -7,7 +7,7 @@ import SectionMessage from '@atlaskit/section-message';
7
7
  import InfoIcon from '@atlaskit/icon/core/status-information';
8
8
  import { fg } from '@atlaskit/platform-feature-flags';
9
9
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
10
- import { Text } from '@atlaskit/primitives';
10
+ import { Text } from '@atlaskit/primitives/compiled';
11
11
  import { commonMessages, overviewMessages } from '../../messages';
12
12
  import StatefulInlineDialog from '../StatefulInlineDialog';
13
13
  import UserInfo from '../UserInfo';
@@ -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,7 +2,7 @@ import React from 'react';
2
2
  import Avatar from '@atlaskit/avatar';
3
3
  import Heading from '@atlaskit/heading';
4
4
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
5
- import { Stack, Text } from '@atlaskit/primitives';
5
+ import { Stack, Text } from '@atlaskit/primitives/compiled';
6
6
  import * as Styled from './styles';
7
7
  export class UserInfo extends React.Component {
8
8
  render() {
@@ -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
  });
@@ -14,7 +14,7 @@ import SectionMessage from '@atlaskit/section-message';
14
14
  import InfoIcon from '@atlaskit/icon/core/status-information';
15
15
  import { fg } from '@atlaskit/platform-feature-flags';
16
16
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
17
- import { Text } from '@atlaskit/primitives';
17
+ import { Text } from '@atlaskit/primitives/compiled';
18
18
  import { commonMessages, overviewMessages } from '../../messages';
19
19
  import StatefulInlineDialog from '../StatefulInlineDialog';
20
20
  import UserInfo from '../UserInfo';
@@ -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
 
@@ -9,7 +9,7 @@ import React from 'react';
9
9
  import Avatar from '@atlaskit/avatar';
10
10
  import Heading from '@atlaskit/heading';
11
11
  // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
12
- import { Stack, Text } from '@atlaskit/primitives';
12
+ import { Stack, Text } from '@atlaskit/primitives/compiled';
13
13
  import * as Styled from './styles';
14
14
  export var UserInfo = /*#__PURE__*/function (_React$Component) {
15
15
  function UserInfo() {
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.3",
3
+ "version": "3.3.5",
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.8.0",
36
+ "@atlaskit/avatar": "^25.11.0",
37
37
  "@atlaskit/button": "^23.10.0",
38
- "@atlaskit/drawer": "^11.0.0",
38
+ "@atlaskit/drawer": "^12.0.0",
39
39
  "@atlaskit/heading": "^5.3.0",
40
- "@atlaskit/icon": "^32.0.0",
40
+ "@atlaskit/icon": "^33.1.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.0.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"