@atlaskit/rovo-agent-components 8.9.6 → 8.9.7

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 (14) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/common/ui/chat-pill/index.compiled.css +2 -0
  3. package/dist/cjs/common/ui/chat-pill/index.js +4 -2
  4. package/dist/cjs/ui/agent-conversation-starters/index.compiled.css +2 -0
  5. package/dist/cjs/ui/agent-conversation-starters/index.js +4 -2
  6. package/dist/es2019/common/ui/chat-pill/index.compiled.css +2 -0
  7. package/dist/es2019/common/ui/chat-pill/index.js +4 -2
  8. package/dist/es2019/ui/agent-conversation-starters/index.compiled.css +2 -0
  9. package/dist/es2019/ui/agent-conversation-starters/index.js +4 -2
  10. package/dist/esm/common/ui/chat-pill/index.compiled.css +2 -0
  11. package/dist/esm/common/ui/chat-pill/index.js +4 -2
  12. package/dist/esm/ui/agent-conversation-starters/index.compiled.css +2 -0
  13. package/dist/esm/ui/agent-conversation-starters/index.js +4 -2
  14. package/package.json +6 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/rovo-agent-components
2
2
 
3
+ ## 8.9.7
4
+
5
+ ### Patch Changes
6
+
7
+ - [`44a80d90ea61d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/44a80d90ea61d) -
8
+ Migrate Pressable hover and pressed colour transitions to semantic motion tokens behind
9
+ platform-dst-motion-uplift-custom-button.
10
+ - Updated dependencies
11
+
3
12
  ## 8.9.6
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/common/ui/chat-pill/index.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
+ ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
3
4
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
4
5
  ._18zrv77o{padding-inline:var(--ds-space-025,2px)}
5
6
  ._1dqonqa1{border-style:solid}
@@ -19,4 +20,5 @@
19
20
  ._vwz47vkz{line-height:1pc}
20
21
  ._y3gn1e5h{text-align:left}
21
22
  ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
23
+ ._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
22
24
  ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/cjs/common/ui/chat-pill/index.js CHANGED
@@ -17,6 +17,7 @@ var _reactIntl = require("react-intl");
17
17
  var _css = require("@atlaskit/css");
18
18
  var _aiAgent = _interopRequireDefault(require("@atlaskit/icon/core/ai-agent"));
19
19
  var _compiled = require("@atlaskit/primitives/compiled");
20
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
20
21
  var _chatIcon = require("../chat-icon");
21
22
  var _messages = _interopRequireDefault(require("./messages"));
22
23
  var _excluded = ["children", "whiteSpacePreWrap", "renderIcon"];
@@ -26,6 +27,7 @@ var stylesCompiled = {
26
27
  };
27
28
  var styles = {
28
29
  button: "_2rko12b0 _11c8fhey _189ee4h9 _1dqonqa1 _1h6d1l7x _syazazsu _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhksm61 _irr31dpa _1di6fcek",
30
+ button_motion: "_2rko12b0 _11c8fhey _v564k6bl _189ee4h9 _1dqonqa1 _1h6d1l7x _syazazsu _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek",
29
31
  buttonInline: "_18zrv77o",
30
32
  queryText: "_1nmz1hna _y3gn1e5h",
31
33
  whiteSpacePreWrap: "_o5721jtm"
@@ -40,7 +42,7 @@ var ChatPill = exports.ChatPill = /*#__PURE__*/(0, _react.forwardRef)(function (
40
42
  return /*#__PURE__*/React.createElement(_compiled.Pressable, (0, _extends2.default)({
41
43
  ref: ref
42
44
  }, props, {
43
- xcss: styles.button
45
+ xcss: (0, _fg.fg)('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button
44
46
  }), /*#__PURE__*/React.createElement("div", {
45
47
  className: (0, _runtime.ax)([stylesCompiled.pillLineHeight])
46
48
  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
@@ -56,7 +58,7 @@ var BrowseAgentsPill = exports.BrowseAgentsPill = /*#__PURE__*/(0, _react.forwar
56
58
  return /*#__PURE__*/React.createElement(_compiled.Pressable, (0, _extends2.default)({
57
59
  ref: ref
58
60
  }, props, {
59
- xcss: styles.button
61
+ xcss: (0, _fg.fg)('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button
60
62
  }), /*#__PURE__*/React.createElement("div", {
61
63
  className: (0, _runtime.ax)([stylesCompiled.pillLineHeight])
62
64
  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
package/dist/cjs/ui/agent-conversation-starters/index.compiled.css CHANGED
@@ -1,6 +1,7 @@
1
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
3
  ._qtt8glyw{list-style:none}
4
+ ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
4
5
  ._18m915vq{overflow-y:hidden}
5
6
  ._19bv12x7{padding-left:var(--ds-space-075,6px)}
6
7
  ._19bvidpf{padding-left:0}
@@ -23,4 +24,5 @@
23
24
  ._u5f312x7{padding-right:var(--ds-space-075,6px)}
24
25
  ._u5f3idpf{padding-right:0}
25
26
  ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
27
+ ._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
26
28
  ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/cjs/ui/agent-conversation-starters/index.js CHANGED
@@ -18,6 +18,7 @@ var _button = _interopRequireDefault(require("@atlaskit/button/icon/button"));
18
18
  var _css = require("@atlaskit/css");
19
19
  var _retry = _interopRequireDefault(require("@atlaskit/icon/core/retry"));
20
20
  var _compiled = require("@atlaskit/primitives/compiled");
21
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
21
22
  var _agentChatIcon = require("../../common/ui/agent-chat-icon");
22
23
  var _chatPill = require("../../common/ui/chat-pill");
23
24
  var _messages = require("./messages");
@@ -29,7 +30,8 @@ var styles = {
29
30
  conversationStaterItem: "_ca0qze3t",
30
31
  conversationStarterIcon: "_1o9zidpf",
31
32
  conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
32
- button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
33
+ button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek",
34
+ button_motion: "_11c8fhey _2rko12b0 _v564k6bl _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek"
33
35
  };
34
36
  var getConversationStarters = exports.getConversationStarters = function getConversationStarters(_ref) {
35
37
  var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
@@ -120,7 +122,7 @@ var ConversationStarters = exports.ConversationStarters = function ConversationS
120
122
  key: starter.message,
121
123
  xcss: refreshDesignEnabled && styles.conversationStaterItem
122
124
  }, /*#__PURE__*/_react.default.createElement(_compiled.Pressable, {
123
- xcss: styles.button,
125
+ xcss: (0, _fg.fg)('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button,
124
126
  onClick: function onClick() {
125
127
  return onConversationStarterClick(starter);
126
128
  },
package/dist/es2019/common/ui/chat-pill/index.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
+ ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
3
4
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
4
5
  ._18zrv77o{padding-inline:var(--ds-space-025,2px)}
5
6
  ._1dqonqa1{border-style:solid}
@@ -19,4 +20,5 @@
19
20
  ._vwz47vkz{line-height:1pc}
20
21
  ._y3gn1e5h{text-align:left}
21
22
  ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
23
+ ._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
22
24
  ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/es2019/common/ui/chat-pill/index.js CHANGED
@@ -8,6 +8,7 @@ import { useIntl } from 'react-intl';
8
8
  import { cx } from '@atlaskit/css';
9
9
  import AgentIcon from '@atlaskit/icon/core/ai-agent';
10
10
  import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
11
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
11
12
  import { ChatPillIcon } from '../chat-icon';
12
13
  import messages from './messages';
13
14
  const stylesCompiled = {
@@ -15,6 +16,7 @@ const stylesCompiled = {
15
16
  };
16
17
  const styles = {
17
18
  button: "_2rko12b0 _11c8fhey _189ee4h9 _1dqonqa1 _1h6d1l7x _syazazsu _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhksm61 _irr31dpa _1di6fcek",
19
+ button_motion: "_2rko12b0 _11c8fhey _v564k6bl _189ee4h9 _1dqonqa1 _1h6d1l7x _syazazsu _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek",
18
20
  buttonInline: "_18zrv77o",
19
21
  queryText: "_1nmz1hna _y3gn1e5h",
20
22
  whiteSpacePreWrap: "_o5721jtm"
@@ -27,7 +29,7 @@ export const ChatPill = /*#__PURE__*/forwardRef(({
27
29
  }, ref) => /*#__PURE__*/React.createElement(Pressable, _extends({
28
30
  ref: ref
29
31
  }, props, {
30
- xcss: styles.button
32
+ xcss: fg('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button
31
33
  }), /*#__PURE__*/React.createElement("div", {
32
34
  className: ax([stylesCompiled.pillLineHeight])
33
35
  }, /*#__PURE__*/React.createElement(Inline, {
@@ -43,7 +45,7 @@ export const BrowseAgentsPill = /*#__PURE__*/forwardRef((props, ref) => {
43
45
  return /*#__PURE__*/React.createElement(Pressable, _extends({
44
46
  ref: ref
45
47
  }, props, {
46
- xcss: styles.button
48
+ xcss: fg('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button
47
49
  }), /*#__PURE__*/React.createElement("div", {
48
50
  className: ax([stylesCompiled.pillLineHeight])
49
51
  }, /*#__PURE__*/React.createElement(Inline, {
package/dist/es2019/ui/agent-conversation-starters/index.compiled.css CHANGED
@@ -1,6 +1,7 @@
1
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
3
  ._qtt8glyw{list-style:none}
4
+ ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
4
5
  ._18m915vq{overflow-y:hidden}
5
6
  ._19bv12x7{padding-left:var(--ds-space-075,6px)}
6
7
  ._19bvidpf{padding-left:0}
@@ -23,4 +24,5 @@
23
24
  ._u5f312x7{padding-right:var(--ds-space-075,6px)}
24
25
  ._u5f3idpf{padding-right:0}
25
26
  ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
27
+ ._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
26
28
  ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/es2019/ui/agent-conversation-starters/index.js CHANGED
@@ -8,6 +8,7 @@ import IconButton from '@atlaskit/button/icon/button';
8
8
  import { cx } from '@atlaskit/css';
9
9
  import RetryIcon from '@atlaskit/icon/core/retry';
10
10
  import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
11
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
11
12
  import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
12
13
  import { BrowseAgentsPill } from '../../common/ui/chat-pill';
13
14
  import { messages } from './messages';
@@ -17,7 +18,8 @@ const styles = {
17
18
  conversationStaterItem: "_ca0qze3t",
18
19
  conversationStarterIcon: "_1o9zidpf",
19
20
  conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
20
- button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
21
+ button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek",
22
+ button_motion: "_11c8fhey _2rko12b0 _v564k6bl _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek"
21
23
  };
22
24
  export const getConversationStarters = ({
23
25
  userDefinedConversationStarters: userDefinedConversationStartersParam,
@@ -104,7 +106,7 @@ export const ConversationStarters = ({
104
106
  key: starter.message,
105
107
  xcss: refreshDesignEnabled && styles.conversationStaterItem
106
108
  }, /*#__PURE__*/React.createElement(Pressable, {
107
- xcss: styles.button,
109
+ xcss: fg('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button,
108
110
  onClick: () => onConversationStarterClick(starter),
109
111
  testId: "conversation-starter"
110
112
  }, /*#__PURE__*/React.createElement(Inline, {
package/dist/esm/common/ui/chat-pill/index.compiled.css CHANGED
@@ -1,5 +1,6 @@
1
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
+ ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
3
4
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
4
5
  ._18zrv77o{padding-inline:var(--ds-space-025,2px)}
5
6
  ._1dqonqa1{border-style:solid}
@@ -19,4 +20,5 @@
19
20
  ._vwz47vkz{line-height:1pc}
20
21
  ._y3gn1e5h{text-align:left}
21
22
  ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
23
+ ._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
22
24
  ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/esm/common/ui/chat-pill/index.js CHANGED
@@ -10,6 +10,7 @@ import { useIntl } from 'react-intl';
10
10
  import { cx } from '@atlaskit/css';
11
11
  import AgentIcon from '@atlaskit/icon/core/ai-agent';
12
12
  import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
13
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
13
14
  import { ChatPillIcon } from '../chat-icon';
14
15
  import messages from './messages';
15
16
  var stylesCompiled = {
@@ -17,6 +18,7 @@ var stylesCompiled = {
17
18
  };
18
19
  var styles = {
19
20
  button: "_2rko12b0 _11c8fhey _189ee4h9 _1dqonqa1 _1h6d1l7x _syazazsu _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhksm61 _irr31dpa _1di6fcek",
21
+ button_motion: "_2rko12b0 _11c8fhey _v564k6bl _189ee4h9 _1dqonqa1 _1h6d1l7x _syazazsu _ca0q12x7 _u5f3utpp _n3td12x7 _19bvutpp _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek",
20
22
  buttonInline: "_18zrv77o",
21
23
  queryText: "_1nmz1hna _y3gn1e5h",
22
24
  whiteSpacePreWrap: "_o5721jtm"
@@ -31,7 +33,7 @@ export var ChatPill = /*#__PURE__*/forwardRef(function (_ref, ref) {
31
33
  return /*#__PURE__*/React.createElement(Pressable, _extends({
32
34
  ref: ref
33
35
  }, props, {
34
- xcss: styles.button
36
+ xcss: fg('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button
35
37
  }), /*#__PURE__*/React.createElement("div", {
36
38
  className: ax([stylesCompiled.pillLineHeight])
37
39
  }, /*#__PURE__*/React.createElement(Inline, {
@@ -47,7 +49,7 @@ export var BrowseAgentsPill = /*#__PURE__*/forwardRef(function (props, ref) {
47
49
  return /*#__PURE__*/React.createElement(Pressable, _extends({
48
50
  ref: ref
49
51
  }, props, {
50
- xcss: styles.button
52
+ xcss: fg('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button
51
53
  }), /*#__PURE__*/React.createElement("div", {
52
54
  className: ax([stylesCompiled.pillLineHeight])
53
55
  }, /*#__PURE__*/React.createElement(Inline, {
package/dist/esm/ui/agent-conversation-starters/index.compiled.css CHANGED
@@ -1,6 +1,7 @@
1
1
  ._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
2
  ._2rko12b0{border-radius:var(--ds-radius-small,4px)}
3
3
  ._qtt8glyw{list-style:none}
4
+ ._v564k6bl{transition:var(--ds-button-hovered,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
4
5
  ._18m915vq{overflow-y:hidden}
5
6
  ._19bv12x7{padding-left:var(--ds-space-075,6px)}
6
7
  ._19bvidpf{padding-left:0}
@@ -23,4 +24,5 @@
23
24
  ._u5f312x7{padding-right:var(--ds-space-075,6px)}
24
25
  ._u5f3idpf{padding-right:0}
25
26
  ._irr31dpa:hover{background-color:var(--ds-background-neutral-subtle-hovered,#0515240f)}
27
+ ._1ggl5xtf:active{transition:var(--ds-button-pressed,background-color border-color .15s cubic-bezier(.4,1,.6,1))}
26
28
  ._1di6fcek:active{background-color:var(--ds-background-neutral-subtle-pressed,#0b120e24)}
package/dist/esm/ui/agent-conversation-starters/index.js CHANGED
@@ -11,6 +11,7 @@ import IconButton from '@atlaskit/button/icon/button';
11
11
  import { cx } from '@atlaskit/css';
12
12
  import RetryIcon from '@atlaskit/icon/core/retry';
13
13
  import { Box, Inline, Pressable, Stack } from '@atlaskit/primitives/compiled';
14
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
14
15
  import { AgentChatIcon } from '../../common/ui/agent-chat-icon';
15
16
  import { BrowseAgentsPill } from '../../common/ui/chat-pill';
16
17
  import { messages } from './messages';
@@ -20,7 +21,8 @@ var styles = {
20
21
  conversationStaterItem: "_ca0qze3t",
21
22
  conversationStarterIcon: "_1o9zidpf",
22
23
  conversationStarterText: "_1reo15vq _18m915vq _1bto1l2s _o5721q9c _1o9zkb7n _1ul9idpf",
23
- button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek"
24
+ button: "_11c8fhey _2rko12b0 _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1di6fcek",
25
+ button_motion: "_11c8fhey _2rko12b0 _v564k6bl _syazazsu _ca0q12x7 _u5f312x7 _n3td12x7 _19bv12x7 _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _1bsb1osq _bfhksm61 _irr31dpa _1ggl5xtf _1di6fcek"
24
26
  };
25
27
  export var getConversationStarters = function getConversationStarters(_ref) {
26
28
  var userDefinedConversationStartersParam = _ref.userDefinedConversationStarters,
@@ -111,7 +113,7 @@ export var ConversationStarters = function ConversationStarters(_ref3) {
111
113
  key: starter.message,
112
114
  xcss: refreshDesignEnabled && styles.conversationStaterItem
113
115
  }, /*#__PURE__*/React.createElement(Pressable, {
114
- xcss: styles.button,
116
+ xcss: fg('platform-dst-motion-uplift-custom-button') ? styles.button_motion : styles.button,
115
117
  onClick: function onClick() {
116
118
  return onConversationStarterClick(starter);
117
119
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/rovo-agent-components",
3
- "version": "8.9.6",
3
+ "version": "8.9.7",
4
4
  "description": "This package host public components related to rovo agents, the components here are needed for other public atlaskit packages",
5
5
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-monorepo",
6
6
  "atlassian": {
@@ -49,7 +49,7 @@
49
49
  "@atlaskit/rovo-agent-analytics": "^6.2.0",
50
50
  "@atlaskit/skeleton": "^4.3.0",
51
51
  "@atlaskit/spinner": "^20.3.0",
52
- "@atlaskit/tmp-editor-statsig": "^165.0.0",
52
+ "@atlaskit/tmp-editor-statsig": "^166.0.0",
53
53
  "@atlaskit/tokens": "^16.8.0",
54
54
  "@atlaskit/tooltip": "^24.2.0",
55
55
  "@babel/runtime": "^7.0.0",
@@ -113,6 +113,10 @@
113
113
  }
114
114
  },
115
115
  "platform-feature-flags": {
116
+ "platform-dst-motion-uplift-custom-button": {
117
+ "type": "boolean",
118
+ "referenceOnly": true
119
+ },
116
120
  "platform_editor_agent_mentions_drop_one_fixes": {
117
121
  "type": "boolean"
118
122
  },