Merge branch 'feat/update-rooms-list-visual' into staging

package.json

@@ -13,7 +13,7 @@
     "translations:suggest-from-pt-br": "unified-translations --translations-file ./src/locales/translations.json --languages pt-br=./src/locales/pt_br.json,en=./src/locales/en.json,es=./src/locales/es.json --mode build --suggest \"pt-br:pt>en:en\" && unified-translations --translations-file ./src/locales/translations.json --languages pt-br=./src/locales/pt_br.json,en=./src/locales/en.json,es=./src/locales/es.json --mode reverse && unified-translations --translations-file ./src/locales/translations.json --languages pt-br=./src/locales/pt_br.json,en=./src/locales/en.json,es=./src/locales/es.json --mode build --suggest \"pt-br:pt>es\" && unified-translations --translations-file ./src/locales/translations.json --languages pt-br=./src/locales/pt_br.json,en=./src/locales/en.json,es=./src/locales/es.json --mode reverse"
   },
   "dependencies": {
-    "@weni/unnnic-system": "^2.19.1-alpha.4",
+    "@weni/unnnic-system": "^2.19.1-alpha.5",
     "axios": "^0.27.2",
     "core-js": "^3.8.3",
     "iframessa": "^2.0.0",

src/components/PreferencesBar.vue

@@ -214,7 +214,7 @@ export default {
 <style lang="scss" scoped>
 .preferences-bar {
   position: relative;
-  padding: $unnnic-spacing-sm 0;
+  padding: $unnnic-spacing-sm 0 $unnnic-spacing-sm $unnnic-spacing-xs;
   margin-left: -$unnnic-spacing-xs;
 
   .header .label {

src/layouts/ChatsLayout/components/FooterButton/index.vue

@@ -66,6 +66,7 @@ export default {
 
 <style lang="scss" scoped>
 .chats-layout-footer-button {
+  padding-left: $unnnic-spacing-xs;
   &__button {
     width: 100%;
   }

src/layouts/ChatsLayout/components/TheCardGroups/index.vue

@@ -11,6 +11,7 @@
       :iconRightClickable="true"
       size="sm"
       :placeholder="$t('chats.search_contact')"
+      class="chat-groups__search-contact-input"
       @icon-right-click="nameOfContact = ''"
     />
     <section class="filter-tags__container">
@@ -454,17 +455,26 @@ export default {
     display: flex;
     flex-direction: column;
     margin-top: $unnnic-spacing-sm;
-    padding-right: $unnnic-spacing-xs;
     margin-right: -$unnnic-spacing-xs; // For the scrollbar to stick to the edge
     overflow-y: auto;
     overflow-x: hidden;
     :deep(.unnnic-collapse) {
       padding-bottom: $unnnic-spacing-sm;
     }
+    :deep(.unnnic-collapse__header) {
+      padding-left: $unnnic-spacing-xs;
+      padding-right: $unnnic-spacing-xs;
+    }
     .no-results {
       color: $unnnic-color-neutral-cloudy;
       font-size: $unnnic-font-size-body-gt;
     }
+    &__header {
+      padding-left: $unnnic-spacing-xs;
+    }
+    &__search-contact-input {
+      padding-left: $unnnic-spacing-xs;
+    }
   }
   .order-by {
     display: flex;

src/layouts/ChatsLayout/index.vue

@@ -225,7 +225,7 @@ section.chats-layout {
 
     height: 100%;
 
-    padding: 0 0 $unnnic-spacing-xs $unnnic-spacing-xs;
+    padding: 0 0 $unnnic-spacing-xs 0;
 
     grid-column: 1;
 

yarn.lock

@@ -1970,10 +1970,10 @@
   resolved "https://registry.yarnpkg.com/@weni/eslint-config/-/eslint-config-1.0.4.tgz#aa21eafb5ae220d78f306c2d0a08487dd5655bdc"
   integrity sha512-KZWyok6xvwCqJSXwS51mt801MLzVhiiAe2IgCf7e7OmlHfmjXwdL4A3t93dMXRi6EhX9RIhpfRTuZiFgulw0Og==
 
-"@weni/unnnic-system@^2.19.1-alpha.4":
-  version "2.19.1-alpha.4"
-  resolved "https://registry.yarnpkg.com/@weni/unnnic-system/-/unnnic-system-2.19.1-alpha.4.tgz#00160d33242172ca0ce0e6725bcb04aab9cf5e5e"
-  integrity sha512-2LvRuCOjyf0TFtIvtm6scxDP72dMeGWGGACUXTJXRBYoGh8mnbN/9ME6k1MbkH56HR3hBesxhZTHXDPWb19htg==
+"@weni/unnnic-system@^2.19.1-alpha.5":
+  version "2.19.1-alpha.5"
+  resolved "https://registry.yarnpkg.com/@weni/unnnic-system/-/unnnic-system-2.19.1-alpha.5.tgz#5a1d4a9145d6fd62d8a503642b1dca2e36d7042a"
+  integrity sha512-ycTsumEUDi6d2YZaaHl9SQU/k5NMQLdjtww7gXHLBXTMkiiAQNjWJy9p6oXyQ0L9BWCGT2dHErlQKwezS37rMQ==
   dependencies:
     "@emoji-mart/data" "^1.1.2"
     "@vueuse/components" "^10.4.1"