@uzum-tech/ui 1.7.2 → 1.8.1

package/lib/chat/src/styles/index.cssr.js

@@ -9,7 +9,6 @@ exports.default = (0, cssr_1.cB)('chat', `
  max-height: 100%;
  min-height: 0;
  display: flex;
- overflow: hidden;
  box-sizing: border-box;
  .u-list-item__text {
  grid-template-columns: 1fr !important;
@@ -18,7 +17,6 @@ exports.default = (0, cssr_1.cB)('chat', `
  height: 100%;
  max-height: 100%;
  min-height: 0;
- overflow: hidden;
  }
 `, [(0, cssr_1.cB)('chat-sidebar', `
  max-width: 388px;
@@ -29,10 +27,10 @@ exports.default = (0, cssr_1.cB)('chat', `
  background-color: var(--u-sidebar-background-color);
  border: 1px solid var(--u-sidebar-border-color);
  border-radius: 20px;
- overflow: hidden;
  `, [(0, cssr_1.cE)('header', `
- padding: 16px 16px 0 16px;
  flex-shrink: 0;
+ `), (0, cssr_1.cE)('header-container', `
+ padding: 16px 16px 4px 16px;
  `), (0, cssr_1.cE)('header-main', `
  flex: 0 0 48%;
  min-width: 0;
@@ -48,7 +46,7 @@ exports.default = (0, cssr_1.cB)('chat', `
  overflow-y: auto;
  min-height: 0;
  padding: 16px;
- padding-top: 12px;
+ padding-top: 8px;
  `), (0, cssr_1.cE)('item', `
  padding: 12px 16px;
  width: 100%;
@@ -142,7 +140,6 @@ exports.default = (0, cssr_1.cB)('chat', `
  `), (0, cssr_1.cE)('item-status sup', `
  padding: 2px 6px 2px 5px;
  height: 22px;
- --u-color: var(--u-unread-notification-background-color);
  `), (0, cssr_1.cE)('item-status-icon', `
  color: var(--u-sidebar-item-time-color);
  `, [(0, cssr_1.cM)('read', `
@@ -164,7 +161,6 @@ exports.default = (0, cssr_1.cB)('chat', `
  height: 100%;
  max-height: 100%;
  min-height: 0;
- overflow: hidden;
  `, [(0, cssr_1.cE)('header', `
  border-bottom: 1px solid var(--u-border-color);
  width: 100%;
@@ -180,7 +176,7 @@ exports.default = (0, cssr_1.cB)('chat', `
  color: var(--u-unread-notification-text-color);
  padding: 6px 12px;
  text-align: center;
- font-size: 12px;
+ font-size: 14px;
  font-weight: 500;
  margin: 8px 0;
  display: flex;
@@ -214,8 +210,19 @@ exports.default = (0, cssr_1.cB)('chat', `
  color: var(--u-date-separator-color);
  padding: 4px 12px;
  border-radius: 12px;
- font-size: 12px;
+ font-size: 14px;
  font-weight: 500;
+ `)]), (0, cssr_1.cE)('mark', `
+ display: flex;
+ justify-content: center;
+ margin: 12px 0;
+ width: 100%;
+ `, [(0, cssr_1.c)('span', `
+ padding: 6px 12px;
+ border-radius: 8px;
+ color: var(--u-text-color-secondary);
+ background-color: var(--u-date-separator-background-color);
+ text-align: center;
  `)]), (0, cssr_1.cE)('message', `
  display: flex;
  margin-bottom: 8px;
@@ -331,13 +338,6 @@ exports.default = (0, cssr_1.cB)('chat', `
  `), (0, cssr_1.cE)('input', `
  flex: 1;
  margin-right: 4px;
- --u-color: #F3F4F6 !important;
- --u-color-focus: #F3F4F6 !important;
- --u-border: none !important;
- --u-border-focus: none !important;
- --u-border-hover: none !important;
- --u-box-shadow: none !important;
- --u-box-shadow-focus: none !important;
  `), (0, cssr_1.cE)('attach-btn', `
  margin-left: 4px;
  flex-shrink: 0;

package/lib/chat/styles/light.d.ts

@@ -35,7 +35,6 @@ export declare const self: (vars: ThemeCommonVars) => {
     borderRadius: string;
     errorColor: string;
 };
-export type ChatThemeVars = ReturnType<typeof self>;
 declare const chatLight: import("../../_mixins").Theme<"Chat", {
     backgroundColor: string;
     borderColor: string;
@@ -686,4 +685,5 @@ declare const chatLight: import("../../_mixins").Theme<"Chat", {
     }, any>;
 }>;
 export default chatLight;
+export type ChatThemeVars = ReturnType<typeof self>;
 export type ChatTheme = typeof chatLight;

package/lib/chat/styles/light.js

@@ -2,16 +2,28 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
 const styles_1 = require("../../input/styles");
+const light_1 = require("../../input/styles/light");
 const styles_2 = require("../../empty/styles");
 const styles_3 = require("../../select/styles");
 const styles_4 = require("../../avatar/styles");
 const styles_5 = require("../../badge/styles");
+const light_2 = require("../../badge/styles/light");
 const styles_6 = require("../../button/styles");
 const styles_7 = require("../../icon/styles");
 const styles_8 = require("../../list/styles");
 const styles_9 = require("../../typography/styles");
 const common_1 = require("../../_styles/common");
 const _mixins_1 = require("../../_mixins");
+const chatInputLight = Object.assign(Object.assign({}, styles_1.inputLight), { self(vars) {
+        const originalInputSelf = (0, light_1.self)(vars);
+        const { elementsTertiary } = vars;
+        return Object.assign(Object.assign({}, originalInputSelf), { color: elementsTertiary, colorFocus: elementsTertiary, border: 'none', borderFocus: 'none', borderHover: 'none', boxShadow: 'none', boxShadowFocus: 'none' });
+    } });
+const chatBadgeLight = Object.assign(Object.assign({}, styles_5.badgeLight), { self(vars) {
+        const originalBadgeSelf = (0, light_2.self)(vars);
+        const { brandPrimary400, elementsSecondary } = vars;
+        return Object.assign(Object.assign({}, originalBadgeSelf), { color: brandPrimary400, textColor: elementsSecondary });
+    } });
 const self = (vars) => {
     const { borderRadiusLarge, elementsQuaternary, elementsTertiary, textTertiary, textPrimary, textSecondary, surfacePrimary, brandPrimary500, brandPrimary400, transparencySecondary, elementsSecondary, elementsDarkQuinary, staticRed, staticWhite } = vars;
     return {
@@ -46,7 +58,7 @@ const self = (vars) => {
         unreadNotificationTextColor: elementsSecondary,
         typingIndicatorColor: textSecondary,
         dateSeparatorColor: textTertiary,
-        dateSeparatorBackgroundColor: elementsTertiary,
+        dateSeparatorBackgroundColor: 'transparent',
         borderRadius: borderRadiusLarge,
         errorColor: staticRed
     };
@@ -56,11 +68,11 @@ const chatLight = (0, _mixins_1.createTheme)({
     name: 'Chat',
     common: common_1.commonLight,
     peers: {
-        Input: styles_1.inputLight,
+        Input: chatInputLight,
         Empty: styles_2.emptyLight,
         Select: styles_3.selectLight,
         Avatar: styles_4.avatarLight,
-        Badge: styles_5.badgeLight,
+        Badge: chatBadgeLight,
         Button: styles_6.buttonLight,
         Icon: styles_7.iconLight,
         List: styles_8.listLight,

package/lib/locales/common/arDZ.js

@@ -130,7 +130,8 @@ const arDZ = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = arDZ;

package/lib/locales/common/deDE.js

@@ -130,7 +130,8 @@ const deDE = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = deDE;

package/lib/locales/common/enGB.js

@@ -131,7 +131,8 @@ const enGB = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = enGB;

package/lib/locales/common/enUS.d.ts

@@ -129,6 +129,7 @@ declare const enUS: {
         typingText: string;
         retryText: string;
         closeButtonText: string;
+        unreadNotificationText: string;
     };
 };
 export type ULocale = typeof enUS;

package/lib/locales/common/enUS.js

@@ -131,7 +131,8 @@ const enUS = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = enUS;

package/lib/locales/common/eo.js

@@ -132,7 +132,8 @@ const eo = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = eo;

package/lib/locales/common/esAR.js

@@ -134,7 +134,8 @@ const esAR = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = esAR;

package/lib/locales/common/faIR.js

@@ -130,7 +130,8 @@ const faIR = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = faIR;

package/lib/locales/common/frFR.js

@@ -130,7 +130,8 @@ const frFR = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = frFR;

package/lib/locales/common/idID.js

@@ -134,7 +134,8 @@ const idID = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = idID;

package/lib/locales/common/itIT.js

@@ -133,7 +133,8 @@ const itIT = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = itIT;

package/lib/locales/common/jaJP.js

@@ -133,7 +133,8 @@ const jaJP = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = jaJP;

package/lib/locales/common/koKR.js

@@ -133,7 +133,8 @@ const koKR = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = koKR;

package/lib/locales/common/nbNO.js

@@ -134,7 +134,8 @@ const nbNO = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = nbNO;

package/lib/locales/common/nlNL.js

@@ -132,7 +132,8 @@ const nlNL = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = nlNL;

package/lib/locales/common/plPL.js

@@ -133,7 +133,8 @@ const plPL = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = plPL;

package/lib/locales/common/ptBR.js

@@ -130,7 +130,8 @@ const ptBR = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = ptBR;

package/lib/locales/common/ruRU.js

@@ -135,7 +135,8 @@ const ruRu = {
         inputPlaceholder: 'Написать сообщение...',
         typingText: 'Печатает...',
         retryText: 'Повторно отправить',
-        closeButtonText: 'Завершить чат'
+        closeButtonText: 'Завершить чат',
+        unreadNotificationText: 'новых сообщений'
     }
 };
 exports.default = ruRu;

package/lib/locales/common/skSK.js

@@ -134,7 +134,8 @@ const skSK = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = skSK;

package/lib/locales/common/svSE.js

@@ -130,7 +130,8 @@ const svSE = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = svSE;

package/lib/locales/common/thTH.js

@@ -134,7 +134,8 @@ const thTH = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = thTH;

package/lib/locales/common/trTR.js

@@ -131,7 +131,8 @@ const trTR = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = trTR;

package/lib/locales/common/ukUA.js

@@ -131,7 +131,8 @@ const ukUA = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = ukUA;

package/lib/locales/common/viVN.js

@@ -130,7 +130,8 @@ const viVN = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = viVN;

package/lib/locales/common/zhCN.js

@@ -130,7 +130,8 @@ const zhCN = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = zhCN;

package/lib/locales/common/zhTW.js

@@ -130,7 +130,8 @@ const zhTW = {
         inputPlaceholder: 'Type a message...',
         typingText: 'Typing...',
         retryText: 'Resend',
-        closeButtonText: 'Close chat'
+        closeButtonText: 'Close chat',
+        unreadNotificationText: 'new messages'
     }
 };
 exports.default = zhTW;

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.7.2";
+declare const _default: "1.8.1";
 export default _default;

package/lib/version.js

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = '1.7.2';
+exports.default = '1.8.1';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uzum-tech/ui",
-  "version": "1.7.2",
+  "version": "1.8.1",
   "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
   "main": "lib/index.js",
   "module": "es/index.js",

package/volar.d.ts

@@ -147,6 +147,8 @@ declare module 'vue' {
     UWatermark: typeof import('@uzum-tech/ui')['UWatermark']
     UActionCard: typeof import('@uzum-tech/ui')['UActionCard']
     UChat: typeof import('@uzum-tech/ui')['UChat']
+    UChatListItems: typeof import('@uzum-tech/ui')['UChatListItems']
+    UChatMessages: typeof import('@uzum-tech/ui')['UChatMessages']
   }
 }
 export {}

package/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
   "name": "@uzum-tech/ui",
-  "version": "1.7.2",
+  "version": "1.8.1",
   "js-types-syntax": "typescript",
   "contributions": {
     "html": {
@@ -2120,6 +2120,13 @@
               "description": "Text for close chat button.",
               "default": "locale default"
             },
+            {
+              "name": "unread-notification-text",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "string",
+              "description": "Text shown in unread messages notification (e.g., \"5 new messages\").",
+              "default": "locale default"
+            },
             {
               "name": "chat-items-loading",
               "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
@@ -2233,6 +2240,147 @@
             ]
           }
         },
+        {
+          "name": "UChatListItems",
+          "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+          "source": {
+            "symbol": "UChatListItems"
+          },
+          "slots": [],
+          "attributes": [],
+          "props": [
+            {
+              "name": "chat-items",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "Array"
+            },
+            {
+              "name": "selected-chat-id",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat"
+            },
+            {
+              "name": "typing-chat-ids",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "Array"
+            },
+            {
+              "name": "typing-text",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "string"
+            },
+            {
+              "name": "loading",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "boolean"
+            },
+            {
+              "name": "loading-count",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "number"
+            },
+            {
+              "name": "empty-props",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "object"
+            },
+            {
+              "name": "avatar-props",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "object"
+            },
+            {
+              "name": "badge-props",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "object"
+            },
+            {
+              "name": "notifications-shown",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "object"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "chat-select",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat"
+              }
+            ]
+          }
+        },
+        {
+          "name": "UChatMessages",
+          "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+          "source": {
+            "symbol": "UChatMessages"
+          },
+          "slots": [],
+          "attributes": [],
+          "props": [
+            {
+              "name": "messages",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "Array"
+            },
+            {
+              "name": "loading",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "boolean"
+            },
+            {
+              "name": "loading-count",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "number"
+            },
+            {
+              "name": "typing-chat-ids",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "Array"
+            },
+            {
+              "name": "selected-chat-id",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat"
+            },
+            {
+              "name": "typing-text",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "string"
+            },
+            {
+              "name": "retry-text",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "string"
+            },
+            {
+              "name": "upload-props",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "object"
+            },
+            {
+              "name": "show-unread-notification",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "boolean"
+            },
+            {
+              "name": "unread-notification-text",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "string"
+            },
+            {
+              "name": "unread-notification-count",
+              "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat",
+              "type": "number"
+            }
+          ],
+          "js": {
+            "events": [
+              {
+                "name": "message-retry",
+                "doc-url": "https://www.naiveui.com/en-US/os-theme/components/chat"
+              }
+            ]
+          }
+        },
         {
           "name": "UCarousel",
           "description": "It's usually used to display good news.",