cozy-search 2.7.1 → 2.8.0

package/dist/components/AssistantMobile.js

@@ -29,7 +29,8 @@ var styles = {
   "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
   "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
   "search-bar-icon": "styles__search-bar-icon___1affF",
-  "search-bar--mobile": "styles__search-bar--mobile___1CSb2"
+  "search-bar--mobile": "styles__search-bar--mobile___1CSb2",
+  "not-found-icon": "styles__not-found-icon___1as3P"
 };
 
 var AssistantMobile = function AssistantMobile(_ref) {

package/dist/components/Search/NotFoundConversation.js

@@ -7,14 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _twakeIcons = require("@linagora/twake-icons");
+var _classnames = _interopRequireDefault(require("classnames"));
 
 var _react = _interopRequireDefault(require("react"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _Typography = _interopRequireDefault(require("cozy-ui/transpiled/react/Typography"));
 
 var _twakeI18n = require("twake-i18n");
 
+var styles = {
+  "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
+  "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
+  "search-bar-icon": "styles__search-bar-icon___1affF",
+  "search-bar--mobile": "styles__search-bar--mobile___1CSb2",
+  "not-found-icon": "styles__not-found-icon___1as3P"
+};
+
 var NotFoundConversation = function NotFoundConversation() {
   var _useI18n = (0, _twakeI18n.useI18n)(),
       t = _useI18n.t;
@@ -22,18 +32,18 @@ var NotFoundConversation = function NotFoundConversation() {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "u-flex u-flex-column u-flex-items-center u-flex-justify-center u-h-100 u-w-100 u-ta-center"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "u-flex u-flex-items-center u-flex-justify-center u-w-3 u-h-3 u-bdrs-circle u-mb-1"
+    className: (0, _classnames.default)('u-flex u-flex-items-center u-flex-justify-center u-w-3 u-h-3 u-bdrs-circle u-mb-half', styles['not-found-icon'])
   }, /*#__PURE__*/_react.default.createElement(_twakeIcons.Icon, {
-    icon: _twakeIcons.Assistant,
-    color: "textSecondary",
-    size: "24"
+    icon: _twakeIcons.Comment,
+    color: "var(--primaryColor)",
+    size: 32
   })), /*#__PURE__*/_react.default.createElement(_Typography.default, {
     variant: "h4",
-    className: "u-mb-1"
+    className: "u-mb-half"
   }, t('assistant.search_conversation.not_found_title')), /*#__PURE__*/_react.default.createElement(_Typography.default, {
     variant: "body1",
     color: "textSecondary",
-    className: "u-maw-20"
+    className: "u-maw-6"
   }, t('assistant.search_conversation.not_found_desc')));
 };
 

package/dist/components/Search/SearchBarDesktop.js

@@ -33,7 +33,8 @@ var styles = {
   "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
   "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
   "search-bar-icon": "styles__search-bar-icon___1affF",
-  "search-bar--mobile": "styles__search-bar--mobile___1CSb2"
+  "search-bar--mobile": "styles__search-bar--mobile___1CSb2",
+  "not-found-icon": "styles__not-found-icon___1as3P"
 };
 
 var SearchBarDesktop = function SearchBarDesktop(_ref) {

package/dist/components/Search/SearchConversation.js

@@ -15,8 +15,6 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _twakeIcons = require("@linagora/twake-icons");
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
@@ -25,6 +23,8 @@ var _escapeRegExp = _interopRequireDefault(require("lodash/escapeRegExp"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _twakeIcons = require("@linagora/twake-icons");
+
 var _Buttons = _interopRequireDefault(require("cozy-ui/transpiled/react/Buttons"));
 
 var _Dialog = _interopRequireDefault(require("cozy-ui/transpiled/react/Dialog"));
@@ -63,7 +63,8 @@ var styles = {
   "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
   "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
   "search-bar-icon": "styles__search-bar-icon___1affF",
-  "search-bar--mobile": "styles__search-bar--mobile___1CSb2"
+  "search-bar--mobile": "styles__search-bar--mobile___1CSb2",
+  "not-found-icon": "styles__not-found-icon___1as3P"
 };
 
 var SearchConversationContainer = function SearchConversationContainer(_ref) {
@@ -166,13 +167,12 @@ var SearchConversation = function SearchConversation() {
   return /*#__PURE__*/_react.default.createElement(SearchConversationContainer, {
     isMobile: isMobile
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('u-h-100 u-flex u-flex-column u-flex-items-start u-ov-hidden', {
-      'u-w-7 u-mh-half': !isMobile,
-      'u-w-100': isMobile
+    className: (0, _classnames.default)('u-h-100 u-flex u-flex-column u-flex-items-start u-ov-hidden u-w-100', {
+      'u-maw-7': !isMobile
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('u-w-100 u-bxz', {
-      'u-mv-2': !isMobile,
+      'u-mt-1-half u-mb-2': !isMobile,
       'u-p-1': isMobile
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -182,7 +182,7 @@ var SearchConversation = function SearchConversation() {
     disabledHover: !!isMobile,
     className: (0, _classnames.default)('u-flex-auto u-miw-0', (_cx = {}, (0, _defineProperty2.default)(_cx, styles['search-bar--mobile'], isMobile), (0, _defineProperty2.default)(_cx, 'u-mb-2', !isMobile), _cx)),
     placeholder: t('assistant.search_conversation.placeholder'),
-    size: "medium",
+    size: isMobile ? 'medium' : 'small',
     value: searchStr,
     onChange: handleSearchChange
   }), isMobile && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
@@ -202,9 +202,8 @@ var SearchConversation = function SearchConversation() {
     }),
     onClick: createNewConversation,
     size: "large",
-    className: (0, _classnames.default)({
-      'u-ml-half-t u-bdrs-6': !isMobile,
-      'u-mt-1 u-bdrs-7 u-bdw-1': isMobile
+    className: (0, _classnames.default)('u-bdrs-6', {
+      'u-mt-1 u-bdw-1': isMobile
     })
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: "u-ov-auto u-flex-auto u-w-100 u-pos-relative"

package/dist/components/Search/SuggestionsPlaceholder.js

@@ -27,7 +27,8 @@ var styles = {
   "searchBarDesktop--result": "styles__searchBarDesktop--result___2bQQy",
   "suggestionsPlaceholder": "styles__suggestionsPlaceholder___y-vsv",
   "search-bar-icon": "styles__search-bar-icon___1affF",
-  "search-bar--mobile": "styles__search-bar--mobile___1CSb2"
+  "search-bar--mobile": "styles__search-bar--mobile___1CSb2",
+  "not-found-icon": "styles__not-found-icon___1as3P"
 };
 
 var SuggestionsPlaceholder = function SuggestionsPlaceholder() {

package/dist/components/Search/styles.styl

@@ -12,3 +12,8 @@
 .search-bar--mobile
   border-radius 24px !important
   height 48px
+
+.not-found-icon
+  // The primary color at its hover opacity, as the design's token. unquote()
+  // keeps Stylus from parsing `in` as an operator.
+  background-color unquote('color-mix(in srgb, var(--primaryColor) 8%, transparent)')

package/dist/locales/en.json

@@ -54,7 +54,7 @@
     "show": "Show",
     "search_conversation": {
       "placeholder": "Search in your conversations...",
-      "new_chat": "New Chat",
+      "new_chat": "New conversation",
       "recent": "Recent Conversations",
       "older": "Older",
       "not_found_title": "No conversations found",

package/dist/locales/index.js

@@ -60,7 +60,7 @@ var en = {
     show: "Show",
     search_conversation: {
       placeholder: "Search in your conversations...",
-      new_chat: "New Chat",
+      new_chat: "New conversation",
       recent: "Recent Conversations",
       older: "Older",
       not_found_title: "No conversations found",
@@ -426,7 +426,7 @@ var ru = {
     show: "\u041F\u043E\u043A\u0430\u0437\u0430\u0442\u044C",
     search_conversation: {
       placeholder: "\u041F\u043E\u0438\u0441\u043A \u0432 \u043F\u0435\u0440\u0435\u043F\u0438\u0441\u043A\u0430\u0445...",
-      new_chat: "\u041D\u043E\u0432\u044B\u0439 \u0447\u0430\u0442",
+      new_chat: "\u041D\u043E\u0432\u044B\u0439 \u0440\u0430\u0437\u0433\u043E\u0432\u043E\u0440",
       recent: "\u041D\u0435\u0434\u0430\u0432\u043D\u0438\u0435 \u043F\u0435\u0440\u0435\u043F\u0438\u0441\u043A\u0438",
       older: "\u0421\u0442\u0430\u0440\u044B\u0435",
       not_found_title: "\u041F\u0435\u0440\u0435\u043F\u0438\u0441\u043E\u043A \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E",

package/dist/locales/ru.json

@@ -44,7 +44,7 @@
     "show": "Показать",
     "search_conversation": {
       "placeholder": "Поиск в переписках...",
-      "new_chat": "Новый чат",
+      "new_chat": "Новый разговор",
       "recent": "Недавние переписки",
       "older": "Старые",
       "not_found_title": "Переписок не найдено",

package/dist/stylesheet.css

@@ -119,6 +119,9 @@
   border-radius: 24px !important;
   height: 48px;
 }
+.styles__not-found-icon___1as3P {
+  background-color: color-mix(in srgb, var(--primaryColor) 8%, transparent);
+}
 /*  imported from styles.styl  */
 
 .styles__pretty-scrollbar___1-Jwd {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cozy-search",
   "description": "UI components about search bar and IA assistant",
-  "version": "2.7.1",
+  "version": "2.8.0",
   "author": {
     "name": "Cozy Cloud",
     "url": "https://github.com/cozy"
@@ -96,5 +96,5 @@
     "lint": "cd .. && yarn eslint --ext js,jsx,ts packages/cozy-search"
   },
   "types": "dist/index.d.ts",
-  "gitHead": "2928778c60c287a513ae3e131177ef20b3d35ef5"
+  "gitHead": "b4d4af7f8d59196f7370d81fdab64e5c8eb98f38"
 }