@atlaskit/rovo-agent-components 1.2.0 → 1.4.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 (12) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/common/ui/star-icon-button/index.js +10 -6
  3. package/dist/cjs/ui/agent-avatar/generated-avatars/index.js +21 -1
  4. package/dist/cjs/ui/agent-conversation-starters/index.js +1 -1
  5. package/dist/cjs/ui/agent-profile-info/index.js +7 -4
  6. package/dist/es2019/common/ui/star-icon-button/index.js +8 -4
  7. package/dist/es2019/ui/agent-avatar/generated-avatars/index.js +16 -0
  8. package/dist/es2019/ui/agent-profile-info/index.js +6 -3
  9. package/dist/esm/common/ui/star-icon-button/index.js +8 -4
  10. package/dist/esm/ui/agent-avatar/generated-avatars/index.js +20 -0
  11. package/dist/esm/ui/agent-profile-info/index.js +6 -3
  12. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @atlaskit/rovo-agent-components
2
2
 
3
+ ## 1.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#142806](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/142806)
8
+ [`638c9a4e4fc33`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/638c9a4e4fc33) -
9
+ [ux] Enable new icons behind a feature flag.
10
+
11
+ ## 1.3.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [#138946](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/138946)
16
+ [`39c8919b0ea6a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/39c8919b0ea6a) -
17
+ Add custom empty state for Issue organizer
18
+
3
19
  ## 1.2.0
4
20
 
5
21
  ### Minor Changes
package/dist/cjs/common/ui/star-icon-button/index.js CHANGED
@@ -9,12 +9,12 @@ exports.StarIconButton = void 0;
9
9
  var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
  var _reactIntlNext = require("react-intl-next");
12
- var _star = _interopRequireDefault(require("@atlaskit/icon/glyph/star"));
12
+ var _starUnstarredStar = _interopRequireDefault(require("@atlaskit/icon/core/migration/star-unstarred--star"));
13
13
  var _starFilled = _interopRequireDefault(require("@atlaskit/icon/glyph/star-filled"));
14
14
  var _primitives = require("@atlaskit/primitives");
15
15
  var _messages = _interopRequireDefault(require("./messages"));
16
16
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
17
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
18
  var pressableStarIconStyles = (0, _primitives.xcss)({
19
19
  background: 'transparent',
20
20
  padding: 'space.0',
@@ -44,13 +44,17 @@ var StarIconButton = exports.StarIconButton = function StarIconButton(_ref) {
44
44
  onMouseLeave: function onMouseLeave() {
45
45
  return setIsHovered(false);
46
46
  }
47
- }, isStarred || isHovered ? /*#__PURE__*/_react.default.createElement(_starFilled.default, {
47
+ }, isStarred || isHovered ?
48
+ /*#__PURE__*/
49
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO: color mapping not available in new icon (https://product-fabric.atlassian.net/browse/DSP-20918)
50
+ _react.default.createElement(_starFilled.default, {
48
51
  size: "medium",
49
52
  label: formatMessage(_messages.default.removeFromFavouritesLabel),
50
53
  primaryColor: "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"
51
- }) : /*#__PURE__*/_react.default.createElement(_star.default, {
52
- size: "medium",
54
+ }) : /*#__PURE__*/_react.default.createElement(_starUnstarredStar.default, {
55
+ LEGACY_size: "medium",
56
+ spacing: "spacious",
53
57
  label: formatMessage(_messages.default.clickToFavouriteLabel),
54
- primaryColor: "var(--ds-background-accent-gray-bolder-hovered, #44546F)"
58
+ color: 'var(--ds-text-accent-gray)'
55
59
  }));
56
60
  };
package/dist/cjs/ui/agent-avatar/generated-avatars/index.js CHANGED
@@ -10,7 +10,7 @@ var _react = _interopRequireWildcard(require("react"));
10
10
  var _avatar = require("@atlaskit/avatar");
11
11
  var _primitives = require("@atlaskit/primitives");
12
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2.default)(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
14
14
  var AutoDevAvatar = /*#__PURE__*/(0, _react.lazy)(function () {
15
15
  return Promise.resolve().then(function () {
16
16
  return _interopRequireWildcard(require( /* webpackChunkName: "@atlaskit-rovo-avatar-AutoDevAvatar"*/'./assets/auto-dev'));
@@ -173,6 +173,26 @@ var outOfTheBoxAgentAvatar = {
173
173
  });
174
174
  },
175
175
  color: yellowColor
176
+ },
177
+ jira_issue_gardener_agent: {
178
+ getRender: function getRender(size) {
179
+ return /*#__PURE__*/_react.default.createElement(BacklogBuddyAvatar, {
180
+ size: _avatar.AVATAR_SIZES[size],
181
+ primaryColor: greenColor.primary,
182
+ secondaryColor: greenColor.secondary
183
+ });
184
+ },
185
+ color: greenColor
186
+ },
187
+ it_ops_agent: {
188
+ getRender: function getRender(size) {
189
+ return /*#__PURE__*/_react.default.createElement(OpsAgentAvatar, {
190
+ size: _avatar.AVATAR_SIZES[size],
191
+ primaryColor: purpleColor.primary,
192
+ secondaryColor: purpleColor.secondary
193
+ });
194
+ },
195
+ color: purpleColor
176
196
  }
177
197
  };
178
198
 
package/dist/cjs/ui/agent-conversation-starters/index.js CHANGED
@@ -18,7 +18,7 @@ var _chatPill = require("../../common/ui/chat-pill");
18
18
  var _messages = require("./messages");
19
19
  var _excluded = ["userDefinedConversationStarters", "isAgentDefault"];
20
20
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
21
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
21
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
22
22
  var getConversationStarters = exports.getConversationStarters = function getConversationStarters(_ref) {
23
23
  var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
24
24
  isAgentDefault = _ref.isAgentDefault;
package/dist/cjs/ui/agent-profile-info/index.js CHANGED
@@ -8,7 +8,7 @@ exports.AgentStarCount = exports.AgentProfileInfo = exports.AgentProfileCreator
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _reactIntlNext = require("react-intl-next");
10
10
  var _heading = _interopRequireDefault(require("@atlaskit/heading"));
11
- var _star = _interopRequireDefault(require("@atlaskit/icon/glyph/star"));
11
+ var _starUnstarredStar = _interopRequireDefault(require("@atlaskit/icon/utility/migration/star-unstarred--star"));
12
12
  var _logo = require("@atlaskit/logo");
13
13
  var _primitives = require("@atlaskit/primitives");
14
14
  var _skeleton = _interopRequireDefault(require("@atlaskit/skeleton"));
@@ -25,7 +25,8 @@ var countStyles = (0, _primitives.xcss)({
25
25
  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
26
26
  display: 'flex',
27
27
  alignItems: 'center',
28
- gap: 'space.025'
28
+ gap: 'space.050',
29
+ paddingInlineStart: 'space.025'
29
30
  });
30
31
  var nameStyles = (0, _primitives.xcss)({
31
32
  justifyContent: 'space-between',
@@ -103,9 +104,11 @@ var AgentStarCount = exports.AgentStarCount = function AgentStarCount(_ref2) {
103
104
  }
104
105
  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
105
106
  xcss: countStyles
106
- }, /*#__PURE__*/_react.default.createElement(_star.default, {
107
+ }, /*#__PURE__*/_react.default.createElement(_starUnstarredStar.default, {
108
+ LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)"),
109
+ color: "currentColor",
107
110
  label: "",
108
- size: "small"
111
+ LEGACY_size: "small"
109
112
  }), isLoading ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {
110
113
  testId: "agent-profile-info-star-count-skeleton",
111
114
  isShimmering: true,
package/dist/es2019/common/ui/star-icon-button/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { useState } from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
- import StarIcon from '@atlaskit/icon/glyph/star';
3
+ import StarIcon from '@atlaskit/icon/core/migration/star-unstarred--star';
4
4
  import StarFilledIcon from '@atlaskit/icon/glyph/star-filled';
5
5
  import { Pressable, xcss } from '@atlaskit/primitives';
6
6
  import messages from './messages';
@@ -27,13 +27,17 @@ export const StarIconButton = ({
27
27
  onClick: handleToggle,
28
28
  onMouseEnter: () => setIsHovered(true),
29
29
  onMouseLeave: () => setIsHovered(false)
30
- }, isStarred || isHovered ? /*#__PURE__*/React.createElement(StarFilledIcon, {
30
+ }, isStarred || isHovered ?
31
+ /*#__PURE__*/
32
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO: color mapping not available in new icon (https://product-fabric.atlassian.net/browse/DSP-20918)
33
+ React.createElement(StarFilledIcon, {
31
34
  size: "medium",
32
35
  label: formatMessage(messages.removeFromFavouritesLabel),
33
36
  primaryColor: "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"
34
37
  }) : /*#__PURE__*/React.createElement(StarIcon, {
35
- size: "medium",
38
+ LEGACY_size: "medium",
39
+ spacing: "spacious",
36
40
  label: formatMessage(messages.clickToFavouriteLabel),
37
- primaryColor: "var(--ds-background-accent-gray-bolder-hovered, #44546F)"
41
+ color: 'var(--ds-text-accent-gray)'
38
42
  }));
39
43
  };
package/dist/es2019/ui/agent-avatar/generated-avatars/index.js CHANGED
@@ -73,6 +73,22 @@ const outOfTheBoxAgentAvatar = {
73
73
  secondaryColor: yellowColor.secondary
74
74
  }),
75
75
  color: yellowColor
76
+ },
77
+ jira_issue_gardener_agent: {
78
+ getRender: size => /*#__PURE__*/React.createElement(BacklogBuddyAvatar, {
79
+ size: AVATAR_SIZES[size],
80
+ primaryColor: greenColor.primary,
81
+ secondaryColor: greenColor.secondary
82
+ }),
83
+ color: greenColor
84
+ },
85
+ it_ops_agent: {
86
+ getRender: size => /*#__PURE__*/React.createElement(OpsAgentAvatar, {
87
+ size: AVATAR_SIZES[size],
88
+ primaryColor: purpleColor.primary,
89
+ secondaryColor: purpleColor.secondary
90
+ }),
91
+ color: purpleColor
76
92
  }
77
93
  };
78
94
 
package/dist/es2019/ui/agent-profile-info/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
3
  import Heading from '@atlaskit/heading';
4
- import StarIcon from '@atlaskit/icon/glyph/star';
4
+ import StarIcon from '@atlaskit/icon/utility/migration/star-unstarred--star';
5
5
  import { AtlassianIcon, RovoIcon } from '@atlaskit/logo';
6
6
  import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
7
7
  import Skeleton from '@atlaskit/skeleton';
@@ -18,7 +18,8 @@ const countStyles = xcss({
18
18
  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
19
19
  display: 'flex',
20
20
  alignItems: 'center',
21
- gap: 'space.025'
21
+ gap: 'space.050',
22
+ paddingInlineStart: 'space.025'
22
23
  });
23
24
  const nameStyles = xcss({
24
25
  justifyContent: 'space-between',
@@ -99,8 +100,10 @@ export const AgentStarCount = ({
99
100
  return /*#__PURE__*/React.createElement(Box, {
100
101
  xcss: countStyles
101
102
  }, /*#__PURE__*/React.createElement(StarIcon, {
103
+ LEGACY_margin: `0 ${"var(--ds-space-negative-025, -2px)"}`,
104
+ color: "currentColor",
102
105
  label: "",
103
- size: "small"
106
+ LEGACY_size: "small"
104
107
  }), isLoading ? /*#__PURE__*/React.createElement(Skeleton, {
105
108
  testId: "agent-profile-info-star-count-skeleton",
106
109
  isShimmering: true,
package/dist/esm/common/ui/star-icon-button/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
2
  import React, { useState } from 'react';
3
3
  import { useIntl } from 'react-intl-next';
4
- import StarIcon from '@atlaskit/icon/glyph/star';
4
+ import StarIcon from '@atlaskit/icon/core/migration/star-unstarred--star';
5
5
  import StarFilledIcon from '@atlaskit/icon/glyph/star-filled';
6
6
  import { Pressable, xcss } from '@atlaskit/primitives';
7
7
  import messages from './messages';
@@ -34,13 +34,17 @@ export var StarIconButton = function StarIconButton(_ref) {
34
34
  onMouseLeave: function onMouseLeave() {
35
35
  return setIsHovered(false);
36
36
  }
37
- }, isStarred || isHovered ? /*#__PURE__*/React.createElement(StarFilledIcon, {
37
+ }, isStarred || isHovered ?
38
+ /*#__PURE__*/
39
+ // eslint-disable-next-line @atlaskit/design-system/no-legacy-icons -- TODO: color mapping not available in new icon (https://product-fabric.atlassian.net/browse/DSP-20918)
40
+ React.createElement(StarFilledIcon, {
38
41
  size: "medium",
39
42
  label: formatMessage(messages.removeFromFavouritesLabel),
40
43
  primaryColor: "var(--ds-background-accent-yellow-subtler-pressed, #E2B203)"
41
44
  }) : /*#__PURE__*/React.createElement(StarIcon, {
42
- size: "medium",
45
+ LEGACY_size: "medium",
46
+ spacing: "spacious",
43
47
  label: formatMessage(messages.clickToFavouriteLabel),
44
- primaryColor: "var(--ds-background-accent-gray-bolder-hovered, #44546F)"
48
+ color: 'var(--ds-text-accent-gray)'
45
49
  }));
46
50
  };
package/dist/esm/ui/agent-avatar/generated-avatars/index.js CHANGED
@@ -121,6 +121,26 @@ var outOfTheBoxAgentAvatar = {
121
121
  });
122
122
  },
123
123
  color: yellowColor
124
+ },
125
+ jira_issue_gardener_agent: {
126
+ getRender: function getRender(size) {
127
+ return /*#__PURE__*/React.createElement(BacklogBuddyAvatar, {
128
+ size: AVATAR_SIZES[size],
129
+ primaryColor: greenColor.primary,
130
+ secondaryColor: greenColor.secondary
131
+ });
132
+ },
133
+ color: greenColor
134
+ },
135
+ it_ops_agent: {
136
+ getRender: function getRender(size) {
137
+ return /*#__PURE__*/React.createElement(OpsAgentAvatar, {
138
+ size: AVATAR_SIZES[size],
139
+ primaryColor: purpleColor.primary,
140
+ secondaryColor: purpleColor.secondary
141
+ });
142
+ },
143
+ color: purpleColor
124
144
  }
125
145
  };
126
146
 
package/dist/esm/ui/agent-profile-info/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { useIntl } from 'react-intl-next';
3
3
  import Heading from '@atlaskit/heading';
4
- import StarIcon from '@atlaskit/icon/glyph/star';
4
+ import StarIcon from '@atlaskit/icon/utility/migration/star-unstarred--star';
5
5
  import { AtlassianIcon, RovoIcon } from '@atlaskit/logo';
6
6
  import { Box, Inline, Stack, xcss } from '@atlaskit/primitives';
7
7
  import Skeleton from '@atlaskit/skeleton';
@@ -18,7 +18,8 @@ var countStyles = xcss({
18
18
  font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
19
19
  display: 'flex',
20
20
  alignItems: 'center',
21
- gap: 'space.025'
21
+ gap: 'space.050',
22
+ paddingInlineStart: 'space.025'
22
23
  });
23
24
  var nameStyles = xcss({
24
25
  justifyContent: 'space-between',
@@ -97,8 +98,10 @@ export var AgentStarCount = function AgentStarCount(_ref2) {
97
98
  return /*#__PURE__*/React.createElement(Box, {
98
99
  xcss: countStyles
99
100
  }, /*#__PURE__*/React.createElement(StarIcon, {
101
+ LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)"),
102
+ color: "currentColor",
100
103
  label: "",
101
- size: "small"
104
+ LEGACY_size: "small"
102
105
  }), isLoading ? /*#__PURE__*/React.createElement(Skeleton, {
103
106
  testId: "agent-profile-info-star-count-skeleton",
104
107
  isShimmering: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/rovo-agent-components",
3
- "version": "1.2.0",
3
+ "version": "1.4.0",
4
4
  "description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -38,11 +38,11 @@
38
38
  "@atlaskit/avatar": "^21.15.0",
39
39
  "@atlaskit/button": "^20.1.0",
40
40
  "@atlaskit/heading": "^2.4.3",
41
- "@atlaskit/icon": "^22.15.0",
41
+ "@atlaskit/icon": "^22.18.0",
42
42
  "@atlaskit/logo": "^14.2.0",
43
43
  "@atlaskit/primitives": "^12.1.0",
44
44
  "@atlaskit/skeleton": "^0.5.0",
45
- "@atlaskit/tokens": "^1.59.0",
45
+ "@atlaskit/tokens": "^1.60.0",
46
46
  "@atlaskit/tooltip": "^18.7.0",
47
47
  "@babel/runtime": "^7.0.0",
48
48
  "react-intl-next": "npm:react-intl@^5.18.1"