@uzum-tech/ui 2.3.6 → 2.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/index.js +34 -5
  2. package/dist/index.mjs +34 -5
  3. package/dist/index.prod.js +3 -3
  4. package/dist/index.prod.mjs +3 -3
  5. package/es/chat/src/Chat.d.ts +124 -0
  6. package/es/chat/src/ChatListItems.d.ts +48 -0
  7. package/es/chat/src/ChatMainArea.d.ts +48 -0
  8. package/es/chat/src/ChatMessages.d.ts +48 -0
  9. package/es/chat/src/ChatMessages.mjs +2 -0
  10. package/es/chat/src/ChatParts/Sidebar.d.ts +8 -0
  11. package/es/chat/src/interface.d.ts +12 -0
  12. package/es/chat/styles/dark.d.ts +4 -0
  13. package/es/chat/styles/light.d.ts +6 -0
  14. package/es/chat/styles/light.mjs +5 -2
  15. package/es/components.d.ts +244 -0
  16. package/es/message-bubble/src/MessageBubble.d.ts +12 -0
  17. package/es/message-bubble/src/MessageBubble.mjs +4 -0
  18. package/es/message-bubble/src/interface.d.ts +6 -0
  19. package/es/message-bubble/src/styles/index.cssr.mjs +19 -1
  20. package/es/message-bubble/styles/dark.d.ts +2 -0
  21. package/es/message-bubble/styles/light.d.ts +4 -0
  22. package/es/message-bubble/styles/light.mjs +5 -1
  23. package/es/version.d.ts +1 -1
  24. package/es/version.mjs +1 -1
  25. package/lib/chat/src/Chat.d.ts +124 -0
  26. package/lib/chat/src/ChatListItems.d.ts +48 -0
  27. package/lib/chat/src/ChatMainArea.d.ts +48 -0
  28. package/lib/chat/src/ChatMessages.d.ts +48 -0
  29. package/lib/chat/src/ChatMessages.js +1 -1
  30. package/lib/chat/src/ChatParts/Sidebar.d.ts +8 -0
  31. package/lib/chat/src/interface.d.ts +12 -0
  32. package/lib/chat/styles/dark.d.ts +4 -0
  33. package/lib/chat/styles/light.d.ts +6 -0
  34. package/lib/chat/styles/light.js +4 -2
  35. package/lib/components.d.ts +244 -0
  36. package/lib/message-bubble/src/MessageBubble.d.ts +12 -0
  37. package/lib/message-bubble/src/MessageBubble.js +3 -1
  38. package/lib/message-bubble/src/interface.d.ts +6 -0
  39. package/lib/message-bubble/src/styles/index.cssr.js +19 -1
  40. package/lib/message-bubble/styles/dark.d.ts +2 -0
  41. package/lib/message-bubble/styles/light.d.ts +4 -0
  42. package/lib/message-bubble/styles/light.js +4 -2
  43. package/lib/version.d.ts +1 -1
  44. package/lib/version.js +1 -1
  45. package/package.json +1 -1
  46. package/web-types.json +1 -1
package/lib/message-bubble/src/MessageBubble.d.ts CHANGED
@@ -86,6 +86,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
86
86
  markdownQuoteBorderColorOwn: string;
87
87
  markdownQuoteBorderColorOther: string;
88
88
  markdownQuoteTextColor: string;
89
+ markdownQuoteBackgroundColor: string;
90
+ markdownQuoteMarkerColor: string;
89
91
  markdownDividerColorOwn: string;
90
92
  markdownDividerColorOther: string;
91
93
  markdownH1FontSize: string;
@@ -122,6 +124,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
122
124
  markdownQuoteBorderColorOwn: string;
123
125
  markdownQuoteBorderColorOther: string;
124
126
  markdownQuoteTextColor: string;
127
+ markdownQuoteBackgroundColor: string;
128
+ markdownQuoteMarkerColor: string;
125
129
  markdownDividerColorOwn: string;
126
130
  markdownDividerColorOther: string;
127
131
  markdownH1FontSize: string;
@@ -158,6 +162,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
158
162
  markdownQuoteBorderColorOwn: string;
159
163
  markdownQuoteBorderColorOther: string;
160
164
  markdownQuoteTextColor: string;
165
+ markdownQuoteBackgroundColor: string;
166
+ markdownQuoteMarkerColor: string;
161
167
  markdownDividerColorOwn: string;
162
168
  markdownDividerColorOther: string;
163
169
  markdownH1FontSize: string;
@@ -267,6 +273,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
267
273
  markdownQuoteBorderColorOwn: string;
268
274
  markdownQuoteBorderColorOther: string;
269
275
  markdownQuoteTextColor: string;
276
+ markdownQuoteBackgroundColor: string;
277
+ markdownQuoteMarkerColor: string;
270
278
  markdownDividerColorOwn: string;
271
279
  markdownDividerColorOther: string;
272
280
  markdownH1FontSize: string;
@@ -303,6 +311,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
303
311
  markdownQuoteBorderColorOwn: string;
304
312
  markdownQuoteBorderColorOther: string;
305
313
  markdownQuoteTextColor: string;
314
+ markdownQuoteBackgroundColor: string;
315
+ markdownQuoteMarkerColor: string;
306
316
  markdownDividerColorOwn: string;
307
317
  markdownDividerColorOther: string;
308
318
  markdownH1FontSize: string;
@@ -339,6 +349,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
339
349
  markdownQuoteBorderColorOwn: string;
340
350
  markdownQuoteBorderColorOther: string;
341
351
  markdownQuoteTextColor: string;
352
+ markdownQuoteBackgroundColor: string;
353
+ markdownQuoteMarkerColor: string;
342
354
  markdownDividerColorOwn: string;
343
355
  markdownDividerColorOther: string;
344
356
  markdownH1FontSize: string;
package/lib/message-bubble/src/MessageBubble.js CHANGED
@@ -60,7 +60,7 @@ exports.default = (0, vue_1.defineComponent)({
60
60
  return html.length > 0 ? html : null;
61
61
  });
62
62
  const cssVarsRef = (0, vue_1.computed)(() => {
63
- const { common: { cubicBezierEaseInOut }, self: { messageBubbleBackgroundColorOwn, messageBubbleBackgroundColorOther, messageBubbleTextColorOwn, messageBubbleTextColorOther, messageTimeColor, messageStatusReadColor, messageStatusSuccessColor, attachmentBackgroundColorOwn, attachmentBackgroundColorOther, messageErrorColor, messageBorderRadius, unreadNotificationBackgroundColor, unreadNotificationTextColor, serviceMessageTextColor, serviceMessageBackgroundColor, messageTitleColor, markdownQuoteBorderColorOwn, markdownQuoteBorderColorOther, markdownQuoteTextColor, markdownDividerColorOwn, markdownDividerColorOther, markdownH1FontSize, markdownH2FontSize, markdownH3FontSize, markdownTextFontSize } } = themeRef.value;
63
+ const { common: { cubicBezierEaseInOut }, self: { messageBubbleBackgroundColorOwn, messageBubbleBackgroundColorOther, messageBubbleTextColorOwn, messageBubbleTextColorOther, messageTimeColor, messageStatusReadColor, messageStatusSuccessColor, attachmentBackgroundColorOwn, attachmentBackgroundColorOther, messageErrorColor, messageBorderRadius, unreadNotificationBackgroundColor, unreadNotificationTextColor, serviceMessageTextColor, serviceMessageBackgroundColor, messageTitleColor, markdownQuoteBorderColorOwn, markdownQuoteBorderColorOther, markdownQuoteTextColor, markdownQuoteBackgroundColor, markdownQuoteMarkerColor, markdownDividerColorOwn, markdownDividerColorOther, markdownH1FontSize, markdownH2FontSize, markdownH3FontSize, markdownTextFontSize } } = themeRef.value;
64
64
  return {
65
65
  '--u-bezier': cubicBezierEaseInOut,
66
66
  '--u-message-bubble-background-color-own': messageBubbleBackgroundColorOwn,
@@ -82,6 +82,8 @@ exports.default = (0, vue_1.defineComponent)({
82
82
  '--u-message-bubble-markdown-quote-border-color-own': markdownQuoteBorderColorOwn,
83
83
  '--u-message-bubble-markdown-quote-border-color-other': markdownQuoteBorderColorOther,
84
84
  '--u-message-bubble-markdown-quote-text-color': markdownQuoteTextColor,
85
+ '--u-message-bubble-markdown-quote-background-color': markdownQuoteBackgroundColor,
86
+ '--u-message-bubble-markdown-quote-marker-color': markdownQuoteMarkerColor,
85
87
  '--u-message-bubble-markdown-divider-color-own': markdownDividerColorOwn,
86
88
  '--u-message-bubble-markdown-divider-color-other': markdownDividerColorOther,
87
89
  '--u-message-bubble-markdown-h1-font-size': markdownH1FontSize,
package/lib/message-bubble/src/interface.d.ts CHANGED
@@ -151,6 +151,8 @@ export declare const messageBubbleProps: {
151
151
  markdownQuoteBorderColorOwn: string;
152
152
  markdownQuoteBorderColorOther: string;
153
153
  markdownQuoteTextColor: string;
154
+ markdownQuoteBackgroundColor: string;
155
+ markdownQuoteMarkerColor: string;
154
156
  markdownDividerColorOwn: string;
155
157
  markdownDividerColorOther: string;
156
158
  markdownH1FontSize: string;
@@ -187,6 +189,8 @@ export declare const messageBubbleProps: {
187
189
  markdownQuoteBorderColorOwn: string;
188
190
  markdownQuoteBorderColorOther: string;
189
191
  markdownQuoteTextColor: string;
192
+ markdownQuoteBackgroundColor: string;
193
+ markdownQuoteMarkerColor: string;
190
194
  markdownDividerColorOwn: string;
191
195
  markdownDividerColorOther: string;
192
196
  markdownH1FontSize: string;
@@ -223,6 +227,8 @@ export declare const messageBubbleProps: {
223
227
  markdownQuoteBorderColorOwn: string;
224
228
  markdownQuoteBorderColorOther: string;
225
229
  markdownQuoteTextColor: string;
230
+ markdownQuoteBackgroundColor: string;
231
+ markdownQuoteMarkerColor: string;
226
232
  markdownDividerColorOwn: string;
227
233
  markdownDividerColorOther: string;
228
234
  markdownH1FontSize: string;
package/lib/message-bubble/src/styles/index.cssr.js CHANGED
@@ -25,6 +25,8 @@ const cssr_1 = require("../../../_utils/cssr");
25
25
  // --u-message-bubble-markdown-quote-border-color-own
26
26
  // --u-message-bubble-markdown-quote-border-color-other
27
27
  // --u-message-bubble-markdown-quote-text-color
28
+ // --u-message-bubble-markdown-quote-background-color
29
+ // --u-message-bubble-markdown-quote-marker-color
28
30
  // --u-message-bubble-markdown-divider-color-own
29
31
  // --u-message-bubble-markdown-divider-color-other
30
32
  // --u-message-bubble-markdown-h1-font-size
@@ -83,7 +85,23 @@ exports.default = (0, cssr_1.cB)('message-bubble', `
83
85
  `), (0, cssr_1.cE)('markdown', `
84
86
  white-space: normal;
85
87
  font-size: var(--u-message-bubble-markdown-text-font-size);
86
- `, [(0, cssr_1.c)('h1', 'font-size: var(--u-message-bubble-markdown-h1-font-size);'), (0, cssr_1.c)('h2', 'font-size: var(--u-message-bubble-markdown-h2-font-size);'), (0, cssr_1.c)('h3', 'font-size: var(--u-message-bubble-markdown-h3-font-size);'), (0, cssr_1.c)('& > *:first-child', 'margin-top: 0;'), (0, cssr_1.c)('& > *:last-child', 'margin-bottom: 0;')]), (0, cssr_1.cE)('after-content', `
88
+ `, [(0, cssr_1.c)('h1', 'font-size: var(--u-message-bubble-markdown-h1-font-size);'), (0, cssr_1.c)('h2', 'font-size: var(--u-message-bubble-markdown-h2-font-size);'), (0, cssr_1.c)('h3', 'font-size: var(--u-message-bubble-markdown-h3-font-size);'), (0, cssr_1.c)('ul, ol', 'list-style-position: inside;'), (0, cssr_1.c)('blockquote', `
89
+ position: relative;
90
+ border-radius: 4px;
91
+ padding: 0 8px;
92
+ margin: 0;
93
+ background-color: var(--u-message-bubble-markdown-quote-background-color);
94
+ color: var(--u-message-bubble-markdown-quote-text-color);
95
+ `, [(0, cssr_1.c)('&::before', `
96
+ content: "";
97
+ width: 2px;
98
+ position: absolute;
99
+ left: 2px;
100
+ top: 2px;
101
+ bottom: 2px;
102
+ border-radius: 30px;
103
+ background-color: var(--u-message-bubble-markdown-quote-marker-color);
104
+ `)]), (0, cssr_1.c)('& > *:first-child', 'margin-top: 0;'), (0, cssr_1.c)('& > *:last-child', 'margin-bottom: 0;')]), (0, cssr_1.cE)('after-content', `
87
105
  white-space: normal;
88
106
  `), (0, cssr_1.cE)('meta', `
89
107
  display: flex;
package/lib/message-bubble/styles/dark.d.ts CHANGED
@@ -18,6 +18,8 @@ declare const messageBubbleDark: import("../../_mixins").Theme<"MessageBubble",
18
18
  markdownQuoteBorderColorOwn: string;
19
19
  markdownQuoteBorderColorOther: string;
20
20
  markdownQuoteTextColor: string;
21
+ markdownQuoteBackgroundColor: string;
22
+ markdownQuoteMarkerColor: string;
21
23
  markdownDividerColorOwn: string;
22
24
  markdownDividerColorOther: string;
23
25
  markdownH1FontSize: string;
package/lib/message-bubble/styles/light.d.ts CHANGED
@@ -19,6 +19,8 @@ export declare function self(vars: ThemeCommonVars): {
19
19
  markdownQuoteBorderColorOwn: string;
20
20
  markdownQuoteBorderColorOther: string;
21
21
  markdownQuoteTextColor: string;
22
+ markdownQuoteBackgroundColor: string;
23
+ markdownQuoteMarkerColor: string;
22
24
  markdownDividerColorOwn: string;
23
25
  markdownDividerColorOther: string;
24
26
  markdownH1FontSize: string;
@@ -46,6 +48,8 @@ declare const messageBubbleLight: import("../../_mixins").Theme<"MessageBubble",
46
48
  markdownQuoteBorderColorOwn: string;
47
49
  markdownQuoteBorderColorOther: string;
48
50
  markdownQuoteTextColor: string;
51
+ markdownQuoteBackgroundColor: string;
52
+ markdownQuoteMarkerColor: string;
49
53
  markdownDividerColorOwn: string;
50
54
  markdownDividerColorOther: string;
51
55
  markdownH1FontSize: string;
package/lib/message-bubble/styles/light.js CHANGED
@@ -5,7 +5,7 @@ const _mixins_1 = require("../../_mixins");
5
5
  const common_1 = require("../../_styles/common");
6
6
  const styles_1 = require("../../icon/styles");
7
7
  function self(vars) {
8
- const { borderRadiusLarge, elementsSecondary, elementsTertiary, textPrimary, textSecondary, textTertiary, brandPrimary400, staticGreen, staticRed, staticWhite } = vars;
8
+ const { borderRadiusLarge, elementsSecondary, elementsTertiary, textPrimary, textSecondary, textTertiary, brandPrimary100, brandPrimary400, brandPrimary500, staticGreen, staticRed, staticWhite } = vars;
9
9
  return {
10
10
  messageBubbleBackgroundColorOwn: elementsTertiary,
11
11
  messageBubbleBackgroundColorOther: elementsTertiary,
@@ -25,7 +25,9 @@ function self(vars) {
25
25
  messageTitleColor: textPrimary,
26
26
  markdownQuoteBorderColorOwn: textPrimary,
27
27
  markdownQuoteBorderColorOther: textPrimary,
28
- markdownQuoteTextColor: textSecondary,
28
+ markdownQuoteTextColor: textPrimary,
29
+ markdownQuoteBackgroundColor: brandPrimary100,
30
+ markdownQuoteMarkerColor: brandPrimary500,
29
31
  markdownDividerColorOwn: textPrimary,
30
32
  markdownDividerColorOther: textPrimary,
31
33
  markdownH1FontSize: '20px',
package/lib/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "2.3.6";
1
+ declare const _default: "2.3.7";
2
2
  export default _default;
package/lib/version.js CHANGED
@@ -1,3 +1,3 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.default = '2.3.6';
3
+ exports.default = '2.3.7';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uzum-tech/ui",
3
- "version": "2.3.6",
3
+ "version": "2.3.7",
4
4
  "packageManager": "pnpm@10.33.0",
5
5
  "description": "A Vue 3 Component Library. Fairly Complete, Theme Customizable, Uses TypeScript, Fast",
6
6
  "author": {
package/web-types.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "framework": "vue",
4
4
  "name": "@uzum-tech/ui",
5
- "version": "2.3.6",
5
+ "version": "2.3.7",
6
6
  "js-types-syntax": "typescript",
7
7
  "contributions": {
8
8
  "html": {