@atlaskit/rovo-agent-components 2.0.1 → 2.1.0

package/dist/cjs/ui/agent-dropdown-menu/index.js

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -6,63 +7,52 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChatToAgentButton = exports.AgentDropdownMenu = void 0;
+require("./index.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
 var _reactIntlNext = require("react-intl-next");
 var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
 var _dropdownMenu = _interopRequireWildcard(require("@atlaskit/dropdown-menu"));
 var _showMoreHorizontalMore = _interopRequireDefault(require("@atlaskit/icon/core/migration/show-more-horizontal--more"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _chatIcon = require("../../common/ui/chat-icon");
 var _messages = _interopRequireDefault(require("./messages"));
 var _excluded = ["triggerRef"];
 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); }
 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; }
-var chatToAgentButtonContainer = (0, _primitives.xcss)({
-  width: '100%'
-});
-var chatToAgentButtonWrapper = (0, _primitives.xcss)({
-  display: 'flex',
-  justifyContent: 'center',
-  lineHeight: '20px',
-  fontWeight: 'font.weight.medium'
-});
-var chatPillButtonInlineStyles = (0, _primitives.xcss)({
-  paddingInline: 'space.025'
-});
-var chatPillTextStyles = (0, _primitives.xcss)({
-  wordBreak: 'break-word',
-  textAlign: 'left',
-  whiteSpace: 'pre-wrap'
-});
-var chatPillIconWrapper = (0, _primitives.xcss)({
-  minWidth: '20px',
-  height: '20px'
-});
+var styles = {
+  chatToAgentButtonContainer: "_1bsb1osq",
+  chatToAgentButtonWrapper: "_1e0c1txw _1bah1h6o _k48p1wq8",
+  chatPillButtonInline: "_18zrv77o",
+  chatPillText: "_1nmz1hna _y3gn1e5h _o5721jtm",
+  chatPillIconWrapper: "_1ul9gktf _4t3igktf"
+};
 var ChatToAgentButton = exports.ChatToAgentButton = function ChatToAgentButton(_ref) {
   var onClick = _ref.onClick;
   var _useIntl = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl.formatMessage;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: chatToAgentButtonContainer
-  }, /*#__PURE__*/_react.default.createElement(_new.default, {
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.chatToAgentButtonContainer
+  }, /*#__PURE__*/React.createElement(_new.default, {
     testId: "view-agent-modal-chat-to-agent-button",
     shouldFitContainer: true,
     onClick: onClick
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: chatToAgentButtonWrapper
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+  }, /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.chatToAgentButtonWrapper
+  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
     space: "space.050",
-    xcss: chatPillButtonInlineStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: chatPillIconWrapper
-  }, /*#__PURE__*/_react.default.createElement(_chatIcon.ChatPillIcon, null)), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: chatPillTextStyles
+    xcss: styles.chatPillButtonInline
+  }, /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.chatPillIconWrapper
+  }, /*#__PURE__*/React.createElement(_chatIcon.ChatPillIcon, null)), /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.chatPillText
   }, formatMessage(_messages.default.chatToAgentButton))))));
 };
 var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_ref2) {
@@ -158,22 +148,22 @@ var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_
     if (!(permissions !== null && permissions !== void 0 && permissions.isEditEnabled) && !(permissions !== null && permissions !== void 0 && permissions.isDeleteEnabled)) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, {
+    return /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItemGroup, {
       hasSeparator: true
-    }, permissions.isEditEnabled && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+    }, permissions.isEditEnabled && /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
       onClick: onEditAgent
-    }, formatMessage(_messages.default.editAgent)), permissions.isDeleteEnabled && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+    }, formatMessage(_messages.default.editAgent)), permissions.isDeleteEnabled && /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
       onClick: onDeleteAgent
     }, formatMessage(_messages.default.deleteAgent)));
   };
-  return /*#__PURE__*/_react.default.createElement(_dropdownMenu.default, {
+  return /*#__PURE__*/React.createElement(_dropdownMenu.default, {
     isLoading: isLoading,
     isOpen: isOpen,
     testId: dropdownMenuTestId,
     trigger: function trigger(_ref4) {
       var triggerRef = _ref4.triggerRef,
         props = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
-      return /*#__PURE__*/_react.default.createElement(_new.IconButton, (0, _extends2.default)({}, props, {
+      return /*#__PURE__*/React.createElement(_new.IconButton, (0, _extends2.default)({}, props, {
         icon: _showMoreHorizontalMore.default,
         label: formatMessage(_messages.default.moreActionsLabel),
         ref: triggerRef,
@@ -197,13 +187,13 @@ var AgentDropdownMenu = exports.AgentDropdownMenu = function AgentDropdownMenu(_
         setHasBeenCopied(false);
       }
     }
-  }, /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItemGroup, null, showViewAgentOption && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+  }, /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItemGroup, null, showViewAgentOption && /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
     onClick: onViewAgentClick
-  }, formatMessage(_messages.default.viewAgent)), doesAgentHaveIdentityAccountId && onViewAgentFullProfileClick && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+  }, formatMessage(_messages.default.viewAgent)), doesAgentHaveIdentityAccountId && onViewAgentFullProfileClick && /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
     onClick: onViewAgentFullProfileClick
-  }, formatMessage(_messages.default.viewAgentFullProfile)), !isForgeAgent && /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+  }, formatMessage(_messages.default.viewAgentFullProfile)), !isForgeAgent && /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
     onClick: onDuplicateAgent
-  }, isAutodevTemplateAgent && (0, _platformFeatureFlags.fg)('rovo_chat_add_template_tab_to_modal') ? formatMessage(_messages.default.useTemplateButton) : formatMessage(_messages.default.duplicateAgent)), /*#__PURE__*/_react.default.createElement(_dropdownMenu.DropdownItem, {
+  }, isAutodevTemplateAgent && (0, _platformFeatureFlags.fg)('rovo_chat_add_template_tab_to_modal') ? formatMessage(_messages.default.useTemplateButton) : formatMessage(_messages.default.duplicateAgent)), /*#__PURE__*/React.createElement(_dropdownMenu.DropdownItem, {
     onClick: function onClick(e) {
       e.stopPropagation();
       setHasBeenCopied(true);

package/dist/cjs/ui/agent-profile-info/agent-star-count/index.compiled.css

@@ -0,0 +1,5 @@
+._11c81vlj{font:var(--ds-font-body-small,normal 400 11px/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._zulp1b66{gap:var(--ds-space-050,4px)}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}

package/dist/cjs/ui/agent-profile-info/agent-star-count/index.js

@@ -1,24 +1,26 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AgentStarCount = void 0;
-var _react = _interopRequireDefault(require("react"));
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
 var _starUnstarredStar = _interopRequireDefault(require("@atlaskit/icon/utility/migration/star-unstarred--star"));
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _skeleton = _interopRequireDefault(require("@atlaskit/skeleton"));
 var _messages = require("./messages");
 var _utils = require("./utils");
-var countStyles = (0, _primitives.xcss)({
-  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)",
-  display: 'flex',
-  alignItems: 'center',
-  gap: 'space.050',
-  paddingInlineStart: 'space.025'
-});
+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); }
+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; }
+var styles = {
+  count: "_11c81vlj _zulp1b66 _1e0c1txw _4cvr1h6o _bozgv77o"
+};
 var AgentStarCount = exports.AgentStarCount = function AgentStarCount(_ref) {
   var starCount = _ref.starCount,
     isLoading = _ref.isLoading;
@@ -27,14 +29,14 @@ var AgentStarCount = exports.AgentStarCount = function AgentStarCount(_ref) {
   if ((starCount === null || starCount === undefined) && !isLoading) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: countStyles
-  }, /*#__PURE__*/_react.default.createElement(_starUnstarredStar.default, {
+  return /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.count
+  }, /*#__PURE__*/React.createElement(_starUnstarredStar.default, {
     LEGACY_margin: "0 ".concat("var(--ds-space-negative-025, -2px)"),
     color: "currentColor",
     label: "",
     LEGACY_size: "small"
-  }), isLoading ? /*#__PURE__*/_react.default.createElement(_skeleton.default, {
+  }), isLoading ? /*#__PURE__*/React.createElement(_skeleton.default, {
     testId: "agent-profile-info-star-count-skeleton",
     isShimmering: true,
     height: 16,

package/dist/cjs/ui/agent-profile-info/index.compiled.css

@@ -0,0 +1,11 @@
+
+._zulp1b66{gap:var(--ds-space-050,4px)}._195gu2gc{margin-inline:var(--ds-space-100,8px)}
+._19pkze3t{margin-top:var(--ds-space-0,0)}
+._1bah1yb4{justify-content:space-between}
+._1e0c116y{display:inline-flex}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._4cvr1y6m{align-items:flex-start}
+._94n5v77o{bottom:var(--ds-space-025,2px)}
+._kqswh2mm{position:relative}
+._otyru2gc{margin-bottom:var(--ds-space-100,8px)}

package/dist/cjs/ui/agent-profile-info/index.js

@@ -1,33 +1,34 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.AgentProfileInfo = exports.AgentProfileCreator = void 0;
-var _react = _interopRequireDefault(require("react"));
+require("./index.compiled.css");
+var React = _interopRequireWildcard(require("react"));
+var _runtime = require("@compiled/react/runtime");
 var _reactIntlNext = require("react-intl-next");
 var _heading = _interopRequireDefault(require("@atlaskit/heading"));
 var _logo = require("@atlaskit/logo");
-var _primitives = require("@atlaskit/primitives");
+var _compiled = require("@atlaskit/primitives/compiled");
 var _skeleton = _interopRequireDefault(require("@atlaskit/skeleton"));
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _hiddenIcon = require("../../common/ui/hidden-icon");
 var _starIconButton = require("../../common/ui/star-icon-button");
 var _messages = require("./messages");
-var clickableItemStyles = (0, _primitives.xcss)({
-  display: 'flex',
-  alignItems: 'center',
-  gap: 'space.050'
-});
-var nameStyles = (0, _primitives.xcss)({
-  justifyContent: 'space-between',
-  alignItems: 'flex-start'
-});
-var descriptionStyles = (0, _primitives.xcss)({
-  marginTop: 'space.0',
-  marginBottom: 'space.100'
-});
+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); }
+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; }
+var styles = {
+  clickableItem: "_zulp1b66 _1e0c1txw _4cvr1h6o",
+  name: "_1bah1yb4 _4cvr1y6m",
+  description: "_19pkze3t _otyru2gc",
+  wrapper: "_otyru2gc",
+  tooltipWrapper: "_195gu2gc _1e0c116y _kqswh2mm _94n5v77o",
+  headingWrapper: "_kqswh2mm"
+};
 var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCreator(_ref) {
   var creator = _ref.creator,
     onCreatorLinkClick = _ref.onCreatorLinkClick,
@@ -37,7 +38,7 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
   var getCreatorRender = function getCreatorRender() {
     if (isLoading) {
       return formatMessage(_messages.messages.agentCreatedBy, {
-        creatorNameWithLink: /*#__PURE__*/_react.default.createElement(_skeleton.default, {
+        creatorNameWithLink: /*#__PURE__*/React.createElement(_skeleton.default, {
           testId: "agent-profile-creator-skeleton",
           isShimmering: true,
           height: 18,
@@ -51,18 +52,18 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
     }
     if (creator.type === 'SYSTEM' || creator.type === 'OOTB') {
       return formatMessage(_messages.messages.agentCreatedBy, {
-        creatorNameWithLink: /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
+        creatorNameWithLink: /*#__PURE__*/React.createElement(_compiled.Inline, {
           alignBlock: "center",
           testId: "atlassian-icon"
-        }, /*#__PURE__*/_react.default.createElement(_logo.AtlassianIcon, {
+        }, /*#__PURE__*/React.createElement(_logo.AtlassianIcon, {
           size: "small",
           appearance: "brand"
-        }), /*#__PURE__*/_react.default.createElement(_primitives.Box, null, "Atlassian"))
+        }), /*#__PURE__*/React.createElement(_compiled.Box, null, "Atlassian"))
       });
     }
     if (creator.type === 'CUSTOMER') {
       return formatMessage(_messages.messages.agentCreatedBy, {
-        creatorNameWithLink: /*#__PURE__*/_react.default.createElement("a", {
+        creatorNameWithLink: /*#__PURE__*/React.createElement("a", {
           href: creator.profileLink,
           onClick: function onClick() {
             return onCreatorLinkClick();
@@ -79,25 +80,13 @@ var AgentProfileCreator = exports.AgentProfileCreator = function AgentProfileCre
     return null;
   };
   var creatorRender = getCreatorRender();
-  return creatorRender ? /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: clickableItemStyles
-  }, /*#__PURE__*/_react.default.createElement(_logo.RovoIcon, {
+  return creatorRender ? /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.clickableItem
+  }, /*#__PURE__*/React.createElement(_logo.RovoIcon, {
     appearance: "brand",
     size: "small"
   }), creatorRender) : null;
 };
-var wrapperStyles = (0, _primitives.xcss)({
-  marginBottom: 'space.100'
-});
-var tooltipWrapperStyles = (0, _primitives.xcss)({
-  display: 'inline-flex',
-  marginInline: 'space.100',
-  position: 'relative',
-  bottom: 'space.025'
-});
-var headingWrapperStyles = (0, _primitives.xcss)({
-  position: 'relative'
-});
 var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref2) {
   var agentName = _ref2.agentName,
     agentDescription = _ref2.agentDescription,
@@ -108,30 +97,30 @@ var AgentProfileInfo = exports.AgentProfileInfo = function AgentProfileInfo(_ref
     onStarToggle = _ref2.onStarToggle;
   var _useIntl2 = (0, _reactIntlNext.useIntl)(),
     formatMessage = _useIntl2.formatMessage;
-  return /*#__PURE__*/_react.default.createElement(_primitives.Stack, {
+  return /*#__PURE__*/React.createElement(_compiled.Stack, {
     space: "space.100",
-    xcss: wrapperStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Inline, {
-    xcss: nameStyles,
+    xcss: styles.wrapper
+  }, /*#__PURE__*/React.createElement(_compiled.Inline, {
+    xcss: styles.name,
     space: "space.100",
     alignBlock: "center"
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: headingWrapperStyles
-  }, /*#__PURE__*/_react.default.createElement(_heading.default, {
+  }, /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.headingWrapper
+  }, /*#__PURE__*/React.createElement(_heading.default, {
     as: "span",
     size: "xlarge"
-  }, agentName), isHidden && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: tooltipWrapperStyles
-  }, /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+  }, agentName), isHidden && /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.tooltipWrapper
+  }, /*#__PURE__*/React.createElement(_tooltip.default, {
     content: formatMessage(_messages.messages.hiddenTooltip),
     position: "top"
-  }, /*#__PURE__*/_react.default.createElement(_hiddenIcon.HiddenIcon, {
+  }, /*#__PURE__*/React.createElement(_hiddenIcon.HiddenIcon, {
     label: formatMessage(_messages.messages.hiddenIcon)
-  })))), /*#__PURE__*/_react.default.createElement(_starIconButton.StarIconButton, {
+  })))), /*#__PURE__*/React.createElement(_starIconButton.StarIconButton, {
     isStarred: isStarred,
     handleToggle: onStarToggle
-  })), creatorRender, !!agentDescription && /*#__PURE__*/_react.default.createElement(_primitives.Box, {
-    xcss: descriptionStyles,
+  })), creatorRender, !!agentDescription && /*#__PURE__*/React.createElement(_compiled.Box, {
+    xcss: styles.description,
     as: "p"
   }, agentDescription), starCountRender);
 };

package/dist/es2019/common/ui/chat-pill/index.compiled.css

@@ -0,0 +1,25 @@
+._11c81oud{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,system-ui,"Helvetica Neue",sans-serif)}
+._2rkopd34{border-radius:var(--ds-border-radius-200,8px)}
+._189ee4h9{border-width:var(--ds-border-width,1px)}
+._18zrv77o{padding-inline:var(--ds-space-025,2px)}
+._1dqonqa1{border-style:solid}
+._1h6dmuej{border-color:var(--ds-border,#091e4224)}
+._19bvu2gc{padding-left:var(--ds-space-100,8px)}
+._1bsb1osq{width:100%}
+._1bto1l2s{text-overflow:ellipsis}
+._1nmz1hna{word-break:break-word}
+._1o0zgqwt{border-bottom-right-radius:var(--ds-border-radius-050,2px)}
+._1o9zkb7n{flex-shrink:1}
+._bfhk1j28{background-color:transparent}
+._bfhkm7j4{background-color:var(--ds-background-neutral,#091e420f)}
+._ca0qu2gc{padding-top:var(--ds-space-100,8px)}
+._k48p1wq8{font-weight:var(--ds-font-weight-medium,500)}
+._n3tdu2gc{padding-bottom:var(--ds-space-100,8px)}
+._o5721jtm{white-space:pre-wrap}
+._o5721q9c{white-space:nowrap}
+._syaz1fxt{color:var(--ds-text,#172b4d)}
+._u5f3u2gc{padding-right:var(--ds-space-100,8px)}
+._vwz47vkz{line-height:1pc}
+._y3gn1e5h{text-align:left}
+._irr315ej:hover{background-color:var(--ds-background-neutral-hovered,#091e4224)}
+._1di6ip91:active{background-color:var(--ds-background-neutral-pressed,#091e424f)}

package/dist/es2019/common/ui/chat-pill/index.js

@@ -1,63 +1,26 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { forwardRef } from 'react';
 import { useIntl } from 'react-intl-next';
+import { cx } from '@atlaskit/css';
 import AgentIcon from '@atlaskit/icon/core/ai-agent';
-import { Box, Inline, Pressable, xcss } from '@atlaskit/primitives';
+import { Box, Inline, Pressable } from '@atlaskit/primitives/compiled';
 import { ChatPillIcon } from '../chat-icon';
 import messages from './messages';
-const conversationStarterPillStyles = xcss({
-  color: 'color.text',
-  padding: 'space.100',
-  border: `1px solid ${"var(--ds-border, #091E4224)"}`,
-  borderRadius: 'border.radius.200',
-  borderBottomRightRadius: "var(--ds-border-radius-050, 2px)",
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-medium, 500)",
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '16px',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  flexShrink: 1,
-  background: 'none',
-  width: '100%',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.pressed'
-  }
-});
-const buttonStyles = xcss({
-  color: 'color.text',
-  padding: 'space.100',
-  borderRadius: 'border.radius.200',
-  borderBottomRightRadius: "var(--ds-border-radius-050, 2px)",
-  font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
-  fontWeight: "var(--ds-font-weight-medium, 500)",
-  // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
-  lineHeight: '16px',
-  textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap',
-  flexShrink: 1,
-  backgroundColor: 'color.background.neutral',
-  ':hover': {
-    backgroundColor: 'color.background.neutral.hovered'
-  },
-  ':active': {
-    backgroundColor: 'color.background.neutral.pressed'
-  }
-});
-const buttonInlineStyles = xcss({
-  paddingInline: 'space.025'
-});
-const queryTextStyles = xcss({
-  wordBreak: 'break-word',
-  textAlign: 'left'
-});
-const whiteSpacePreWrapStyles = xcss({
-  whiteSpace: 'pre-wrap'
-});
-export const ChatPill = /*#__PURE__*/React.forwardRef(({
+const stylesCompiled = {
+  pillLineHeight: "_vwz47vkz"
+};
+const styles = {
+  conversationStarterPill: "_2rkopd34 _11c81oud _189ee4h9 _1dqonqa1 _1h6dmuej _syaz1fxt _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1o0zgqwt _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhk1j28 _1bsb1osq _irr315ej _1di6ip91",
+  button: "_2rkopd34 _11c81oud _syaz1fxt _ca0qu2gc _u5f3u2gc _n3tdu2gc _19bvu2gc _1o0zgqwt _k48p1wq8 _1bto1l2s _o5721q9c _1o9zkb7n _bfhkm7j4 _irr315ej _1di6ip91",
+  buttonInline: "_18zrv77o",
+  queryText: "_1nmz1hna _y3gn1e5h",
+  whiteSpacePreWrap: "_o5721jtm"
+};
+export const ChatPill = /*#__PURE__*/forwardRef(({
   children,
   whiteSpacePreWrap = true,
   renderIcon = true,
@@ -65,42 +28,48 @@ export const ChatPill = /*#__PURE__*/React.forwardRef(({
 }, ref) => /*#__PURE__*/React.createElement(Pressable, _extends({
   ref: ref
 }, props, {
-  xcss: buttonStyles
-}), /*#__PURE__*/React.createElement(Inline, {
+  xcss: styles.button
+}), /*#__PURE__*/React.createElement("div", {
+  className: ax([stylesCompiled.pillLineHeight])
+}, /*#__PURE__*/React.createElement(Inline, {
   space: "space.050",
-  xcss: buttonInlineStyles
+  xcss: styles.buttonInline
 }, renderIcon ? /*#__PURE__*/React.createElement(ChatPillIcon, null) : null, /*#__PURE__*/React.createElement(Box, {
-  xcss: [queryTextStyles, whiteSpacePreWrap && whiteSpacePreWrapStyles]
-}, children))));
-export const BrowseAgentsPill = /*#__PURE__*/React.forwardRef((props, ref) => {
+  xcss: cx(styles.queryText, whiteSpacePreWrap && styles.whiteSpacePreWrap)
+}, children)))));
+export const BrowseAgentsPill = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     formatMessage
   } = useIntl();
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     ref: ref
   }, props, {
-    xcss: buttonStyles
-  }), /*#__PURE__*/React.createElement(Inline, {
+    xcss: styles.button
+  }), /*#__PURE__*/React.createElement("div", {
+    className: ax([stylesCompiled.pillLineHeight])
+  }, /*#__PURE__*/React.createElement(Inline, {
     space: "space.050",
-    xcss: buttonInlineStyles
+    xcss: styles.buttonInline
   }, /*#__PURE__*/React.createElement(AgentIcon, {
     color: "currentColor",
     label: ""
   }), /*#__PURE__*/React.createElement(Box, {
-    xcss: queryTextStyles
-  }, formatMessage(messages.browseAgentsPillLabel))));
+    xcss: styles.queryText
+  }, formatMessage(messages.browseAgentsPillLabel)))));
 });
-export const ConversationStarterPill = /*#__PURE__*/React.forwardRef(({
+export const ConversationStarterPill = /*#__PURE__*/forwardRef(({
   children,
   whiteSpacePreWrap = true,
   ...props
 }, ref) => /*#__PURE__*/React.createElement(Pressable, _extends({
   ref: ref
 }, props, {
-  xcss: conversationStarterPillStyles
-}), /*#__PURE__*/React.createElement(Inline, {
+  xcss: styles.conversationStarterPill
+}), /*#__PURE__*/React.createElement("div", {
+  className: ax([stylesCompiled.pillLineHeight])
+}, /*#__PURE__*/React.createElement(Inline, {
   space: "space.050",
-  xcss: buttonInlineStyles
+  xcss: styles.buttonInline
 }, /*#__PURE__*/React.createElement(ChatPillIcon, null), /*#__PURE__*/React.createElement(Box, {
-  xcss: [queryTextStyles, whiteSpacePreWrap && whiteSpacePreWrapStyles]
-}, children))));
+  xcss: cx(styles.queryText, whiteSpacePreWrap && styles.whiteSpacePreWrap)
+}, children)))));

package/dist/es2019/common/ui/link-icon-button/index.compiled.css

@@ -0,0 +1 @@
+._tzy4idpf{opacity:0}

package/dist/es2019/common/ui/link-icon-button/index.js

@@ -1,13 +1,17 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 import _extends from "@babel/runtime/helpers/extends";
-import React from 'react';
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
 import { useIntl } from 'react-intl-next';
 import { IconButton } from '@atlaskit/button/new';
+import { cx } from '@atlaskit/css';
 import LinkIcon from '@atlaskit/icon/core/link';
-import { Box, xcss } from '@atlaskit/primitives';
+import { Box } from '@atlaskit/primitives/compiled';
 import messages from './messages';
-const hiddenStyles = xcss({
-  opacity: 0
-});
+const styles = {
+  hidden: "_tzy4idpf"
+};
 export const LinkIconButton = ({
   handleCopy,
   visible = true
@@ -16,7 +20,7 @@ export const LinkIconButton = ({
     formatMessage
   } = useIntl();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
-    xcss: [!visible && hiddenStyles]
+    xcss: cx(!visible && styles.hidden)
   }, /*#__PURE__*/React.createElement(IconButton, {
     type: "button",
     onClick: handleCopy,

package/dist/es2019/common/ui/star-icon-button/index.compiled.css

@@ -0,0 +1,8 @@
+._19bvze3t{padding-left:var(--ds-space-0,0)}
+._1bsb1tcg{width:24px}
+._4t3i1tcg{height:24px}
+._bfhk1j28{background-color:transparent}
+._ca0qze3t{padding-top:var(--ds-space-0,0)}
+._n3tdze3t{padding-bottom:var(--ds-space-0,0)}
+._tzy4idpf{opacity:0}
+._u5f3ze3t{padding-right:var(--ds-space-0,0)}

package/dist/es2019/common/ui/star-icon-button/index.js

@@ -1,18 +1,18 @@
-import React, { useState } from 'react';
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./index.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { useState } from 'react';
 import { useIntl } from 'react-intl-next';
+import { cx } from '@atlaskit/css';
 import StarIconMigration from '@atlaskit/icon/core/migration/star-starred--star-filled';
 import StarUnstarredIconMigration from '@atlaskit/icon/core/migration/star-unstarred--star';
-import { Pressable, xcss } from '@atlaskit/primitives';
+import { Pressable } from '@atlaskit/primitives/compiled';
 import messages from './messages';
-const pressableStarIconStyles = xcss({
-  background: 'transparent',
-  padding: 'space.0',
-  height: '24px',
-  width: '24px'
-});
-const hiddenStyles = xcss({
-  opacity: 0
-});
+const styles = {
+  pressableStarIcon: "_bfhk1j28 _ca0qze3t _u5f3ze3t _n3tdze3t _19bvze3t _4t3i1tcg _1bsb1tcg",
+  hidden: "_tzy4idpf"
+};
 export const StarIconButton = ({
   isStarred,
   handleToggle,
@@ -23,7 +23,7 @@ export const StarIconButton = ({
   } = useIntl();
   const [isHovered, setIsHovered] = useState(false);
   return /*#__PURE__*/React.createElement(Pressable, {
-    xcss: [pressableStarIconStyles, !visible && hiddenStyles],
+    xcss: cx(styles.pressableStarIcon, !visible && styles.hidden),
     onClick: handleToggle,
     onMouseEnter: () => setIsHovered(true),
     onMouseLeave: () => setIsHovered(false)

package/dist/es2019/ui/agent-avatar/generated-avatars/index.compiled.css

@@ -0,0 +1,6 @@
+._1bah1h6o{justify-content:center}
+._1bsb1osq{width:100%}
+._1e0c1txw{display:flex}
+._4cvr1h6o{align-items:center}
+._4t3i1osq{height:100%}
+._5ral1dfr{object-fit:cover}