cozy-search 2.0.0 → 2.0.1

package/dist/components/Conversations/ConversationListItem.js

@@ -82,7 +82,7 @@ var ConversationListItem = function ConversationListItem(_ref) {
     onClick: function onClick() {
       return onOpenConversation(conversation._id);
     },
-    className: (0, _classnames.default)('u-ov-hidden u-flex-column', styles['conversation-list-item'], (0, _defineProperty2.default)({}, styles["conversation-list-item--selected--".concat(theme)], selected)),
+    className: (0, _classnames.default)('u-ov-hidden u-flex-column u-pv-half u-ph-1', styles['conversation-list-item'], (0, _defineProperty2.default)({}, styles["conversation-list-item--selected--".concat(theme)], selected)),
     selected: selected
   }, /*#__PURE__*/_react.default.createElement(_ConversationActions.default, {
     buttonClassName: styles['conversation-list-item-action'],
@@ -98,7 +98,7 @@ var ConversationListItem = function ConversationListItem(_ref) {
       className: styles['conversation-list-item-text']
     },
     primary: /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)('u-ellipsis u-db', styles['conversation-list-item-title'])
+      className: (0, _classnames.default)('u-ellipsis u-db u-pb-half', styles['conversation-list-item-title'])
     }, (0, _helpers.getNameOfConversation)(conversation)),
     secondary: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
       className: (0, _classnames.default)('u-db u-ellipsis', styles['conversation-list-item-subtitle'])

package/dist/components/Conversations/ConversationListItemWider.js

@@ -87,7 +87,7 @@ var ConversationListItemWider = function ConversationListItemWider(_ref) {
     onClick: function onClick() {
       return onOpenConversation(conversation._id);
     },
-    className: (0, _classnames.default)('u-bdrs-0 u-ov-hidden u-flex u-flex-items-center u-flex-justify-between u-w-100', styles['conversation-list-item'], styles['conversation-list-item--wider'], (0, _defineProperty2.default)({}, styles["conversation-list-item--selected--".concat(theme)], selected)),
+    className: (0, _classnames.default)('u-bdrs-0 u-ov-hidden u-flex u-flex-items-center u-flex-justify-between u-w-100 u-pv-half u-ph-1', styles['conversation-list-item'], styles['conversation-list-item--wider'], (0, _defineProperty2.default)({}, styles["conversation-list-item--selected--".concat(theme)], selected)),
     selected: selected
   }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_AssistantAvatar.default, {
     assistant: conversation.assistant,

package/dist/components/Conversations/styles.styl

@@ -105,7 +105,6 @@
   hyphens auto
 
 .conversation-list-item
-  padding 8px !important
   border-radius 8px !important
   align-items stretch !important
   // force 0 gap to override cozy-ui gap 16px on .MuiListItem-root
@@ -126,9 +125,9 @@
     align-items center !important
 
 .conversation-list-item-divider
-  // Counteract the item's 8px padding so the divider spans the full
-  // width and sits flush with the bottom edge of the selected highlight
-  margin 8px -8px -8px -8px !important
+  // Counteract the item's 16px horizontal padding so the divider spans the
+  // full width and sits flush with the bottom edge of the selected highlight
+  margin 8px -16px -8px -16px !important
 
 .conversation-list-item-action
   position absolute !important

package/dist/components/Sidebar/index.js

@@ -117,13 +117,14 @@ var Sidebar = function Sidebar(_ref) {
       'u-w-auto': !sidebarOpen
     }, (0, _defineProperty2.default)(_cx, styles['sidebar-container'], sidebarOpen), (0, _defineProperty2.default)(_cx, 'u-left-0 u-pos-absolute', isMobile), _cx))
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "u-flex u-flex-items-center u-flex-justify-between u-ph-half u-pv-1"
+    className: "u-flex u-flex-items-center u-flex-justify-between u-ph-1 u-pv-1"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('u-flex', (0, _defineProperty2.default)({
       'u-bdrs-circle': isFloatingToggle
     }, styles['menu-toggle-floating'], isFloatingToggle))
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     size: "medium",
+    edge: "start",
     className: "u-bdrs-6",
     onClick: onToggleSidebar,
     "aria-label": t('assistant.sidebar.toggle_sidebar')
@@ -132,6 +133,7 @@ var Sidebar = function Sidebar(_ref) {
     "aria-hidden": "true"
   }))), /*#__PURE__*/_react.default.createElement("div", null, sidebarOpen && (0, _cozyFlags.default)('cozy.assistant.search-conversation.enabled') && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     size: "medium",
+    edge: "end",
     className: "u-bdrs-6",
     onClick: onToggleSearch,
     "aria-label": t('assistant.sidebar.toggle_search')
@@ -147,7 +149,7 @@ var Sidebar = function Sidebar(_ref) {
     icon: _twakeIcons.CrossSmall,
     "aria-hidden": "true"
   })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "u-ph-half u-pb-half"
+    className: "u-ph-1 u-pb-half"
   }, sidebarOpen ? /*#__PURE__*/_react.default.createElement(_Buttons.default, {
     className: "u-w-100 u-bdrs-6",
     label: t('assistant.sidebar.create_new'),
@@ -167,7 +169,7 @@ var Sidebar = function Sidebar(_ref) {
     "aria-hidden": "true"
   }))), sidebarOpen && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     variant: "h6",
-    className: "u-ml-half u-p-half"
+    className: "u-ph-1 u-pv-half"
   }, t('assistant.sidebar.recent_chats')), /*#__PURE__*/_react.default.createElement(_PrettyScrollbar.default, {
     className: "u-flex-auto u-ov-auto u-pb-half"
   }, /*#__PURE__*/_react.default.createElement(_ConversationList.default, {

package/dist/stylesheet.css

@@ -199,7 +199,6 @@
   hyphens: auto;
 }
 .styles__conversation-list-item___rQapI {
-  padding: 8px !important;
   border-radius: 8px !important;
   align-items: stretch !important;
   gap: 0 !important;
@@ -219,7 +218,7 @@
   align-items: center !important;
 }
 .styles__conversation-list-item-divider___2LOP1 {
-  margin: 8px -8px -8px -8px !important;
+  margin: 8px -16px -8px -16px !important;
 }
 .styles__conversation-list-item-action___qiuKm {
   position: absolute !important;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cozy-search",
   "description": "UI components about search bar and IA assistant",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "author": {
     "name": "Cozy Cloud",
     "url": "https://github.com/cozy"
@@ -94,5 +94,5 @@
     "lint": "cd .. && yarn eslint --ext js,jsx,ts packages/cozy-search"
   },
   "types": "dist/index.d.ts",
-  "gitHead": "113feef92df29d2b6fe30bad984d3f5a70659b6f"
+  "gitHead": "091d98db9374daabcdb992a89220c62d932b7f01"
 }