@atlaskit/rovo-agent-components 1.3.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 +8 -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 +11 -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 +8 -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 +10 -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,13 @@
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
+
3
11
  ## 1.3.0
4
12
 
5
13
  ### 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'));
@@ -183,6 +183,16 @@ var outOfTheBoxAgentAvatar = {
183
183
  });
184
184
  },
185
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
186
196
  }
187
197
  };
188
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
@@ -81,6 +81,14 @@ const outOfTheBoxAgentAvatar = {
81
81
  secondaryColor: greenColor.secondary
82
82
  }),
83
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
84
92
  }
85
93
  };
86
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
@@ -131,6 +131,16 @@ var outOfTheBoxAgentAvatar = {
131
131
  });
132
132
  },
133
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
134
144
  }
135
145
  };
136
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.3.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.16.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"