@uzum-tech/ui 2.3.5 → 2.3.7

package/es/data-table/src/HeaderButton/FilterButton.d.ts

@@ -3794,7 +3794,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showPopover: import("vue").Ref<boolean, boolean>;
     mergedRenderFilter: import("vue").ComputedRef<import("../interface").RenderFilter | undefined>;
     filterMultiple: import("vue").ComputedRef<boolean>;
-    mergedFilterValue: import("vue").ComputedRef<FilterOptionValue | FilterOptionValue[] | null>;
+    mergedFilterValue: import("vue").ComputedRef<FilterOptionValue[] | FilterOptionValue | null>;
     filterMenuCssVars: import("vue").Ref<import("vue").CSSProperties, import("vue").CSSProperties>;
     handleFilterChange: (mergedFilterValue: FilterOptionValue | FilterOptionValue[] | null) => void;
     handleFilterMenuConfirm: () => void;

package/es/data-table/src/TableParts/Header.mjs

@@ -287,7 +287,7 @@ export default defineComponent({
       ref: "body",
       class: `${mergedClsPrefix}-data-table-table`,
       style: {
-        minWidth: formatLength(scrollX),
+        minWidth: fixedResizableTableWidth || formatLength(scrollX),
         width: fixedResizableTableWidth,
         tableLayout: mergedTableLayout
       }

package/es/data-table/src/use-sorter.d.ts

@@ -1,4 +1,4 @@
-import type { ColumnKey, CompareFn, DataTableSetupProps, InternalRowData, SortOrder, SortState, TmNode, UseSorterDeps } from './interface';
+import type { ColumnKey, DataTableSetupProps, InternalRowData, SortOrder, SortState, TmNode, UseSorterDeps } from './interface';
 export declare function useSorter(props: DataTableSetupProps, { dataRelatedColsRef, filteredDataRef }: UseSorterDeps): {
     clearSorter: () => void;
     sort: (columnKey: ColumnKey, order?: SortOrder) => void;
@@ -6,10 +6,7 @@ export declare function useSorter(props: DataTableSetupProps, { dataRelatedColsR
     mergedSortStateRef: import("vue").ComputedRef<{
         columnKey: ColumnKey;
         order: SortOrder;
-        sorter: boolean | "default" | CompareFn<InternalRowData> | {
-            multiple: number;
-            compare?: "default" | CompareFn<InternalRowData> | undefined;
-        };
+        sorter: boolean | "default" | import("./interface").Sorter<InternalRowData>;
     }[]>;
     deriveNextSorter: (sortState: SortState | null) => void;
     doUpdateSorter: (sortState: SortState | SortState[] | null) => void;

package/es/data-table/src/use-table-data.d.ts

@@ -10,10 +10,7 @@ export declare function useTableData(props: DataTableSetupProps, { dataRelatedCo
     mergedSortStateRef: import("vue").ComputedRef<{
         columnKey: ColumnKey;
         order: import("./interface").SortOrder;
-        sorter: boolean | "default" | import("./interface").CompareFn<InternalRowData> | {
-            multiple: number;
-            compare?: "default" | import("./interface").CompareFn<InternalRowData> | undefined;
-        };
+        sorter: boolean | "default" | import("./interface").Sorter<InternalRowData>;
     }[]>;
     hoverKeyRef: import("vue").Ref<RowKey | null, RowKey | null>;
     selectionColumnRef: import("vue").ComputedRef<TableSelectionColumn | null>;

package/es/layout/src/LayoutSider.d.ts

@@ -506,7 +506,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     nativeScrollbar: boolean;
     inverted: boolean;
     collapsedWidth: number;
-    showTrigger: boolean | "bar" | "sidebar" | "arrow-circle";
+    showTrigger: boolean | "bar" | "arrow-circle" | "sidebar";
     collapseMode: "width" | "transform";
     defaultCollapsed: boolean;
     showCollapsedContent: boolean;

package/es/message-bubble/index.d.ts

@@ -1,3 +1,4 @@
+export type { MarkdownFeature, MarkdownOptions } from '../_utils/markdown';
 export type { MessageBubbleAction, MessageBubbleAttachment, MessageBubbleId, MessageBubbleMessagePayload, MessageBubbleProps, MessageBubbleRenderContent, MessageBubbleSlots } from './src/interface';
 export { MessageBubbleAttachmentStatus, messageBubbleProps, MessageBubbleServiceVariant, MessageBubbleStatus, MessageBubbleType } from './src/interface';
 export { default as UMessageBubble } from './src/MessageBubble';

package/es/message-bubble/src/MessageBubble.d.ts

@@ -1,14 +1,14 @@
 import type { SlotsType, VNodeChild } from 'vue';
 import type { MessageBubbleAttachment, MessageBubbleMessagePayload, MessageBubbleRenderContent, MessageBubbleSlots } from './interface';
-import { MessageBubbleStatus, MessageBubbleType } from './interface';
+import { MessageBubbleServiceVariant, MessageBubbleStatus, MessageBubbleType } from './interface';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<MessageBubbleType>;
         readonly default: MessageBubbleType.MESSAGE;
     };
     readonly serviceVariant: {
-        readonly type: import("vue").PropType<import("./interface").MessageBubbleServiceVariant>;
-        readonly default: import("./interface").MessageBubbleServiceVariant.SYSTEM;
+        readonly type: import("vue").PropType<MessageBubbleServiceVariant>;
+        readonly default: MessageBubbleServiceVariant.SYSTEM;
     };
     readonly id: {
         readonly type: import("vue").PropType<import("./interface").MessageBubbleId>;
@@ -26,6 +26,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: import("vue").PropType<MessageBubbleRenderContent>;
         readonly default: undefined;
     };
+    readonly markdown: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly markdownOptions: {
+        readonly type: import("vue").PropType<import("..").MarkdownOptions>;
+        readonly default: undefined;
+    };
     readonly timestamp: {
         readonly type: import("vue").PropType<string | number | Date | (() => VNodeChild)>;
         readonly default: undefined;
@@ -75,6 +83,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownQuoteBackgroundColor: string;
+        markdownQuoteMarkerColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -102,6 +121,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownQuoteBackgroundColor: string;
+        markdownQuoteMarkerColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -129,6 +159,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownQuoteBackgroundColor: string;
+        markdownQuoteMarkerColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -153,8 +194,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly default: MessageBubbleType.MESSAGE;
     };
     readonly serviceVariant: {
-        readonly type: import("vue").PropType<import("./interface").MessageBubbleServiceVariant>;
-        readonly default: import("./interface").MessageBubbleServiceVariant.SYSTEM;
+        readonly type: import("vue").PropType<MessageBubbleServiceVariant>;
+        readonly default: MessageBubbleServiceVariant.SYSTEM;
     };
     readonly id: {
         readonly type: import("vue").PropType<import("./interface").MessageBubbleId>;
@@ -172,6 +213,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: import("vue").PropType<MessageBubbleRenderContent>;
         readonly default: undefined;
     };
+    readonly markdown: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly markdownOptions: {
+        readonly type: import("vue").PropType<import("..").MarkdownOptions>;
+        readonly default: undefined;
+    };
     readonly timestamp: {
         readonly type: import("vue").PropType<string | number | Date | (() => VNodeChild)>;
         readonly default: undefined;
@@ -221,6 +270,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownQuoteBackgroundColor: string;
+        markdownQuoteMarkerColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -248,6 +308,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownQuoteBackgroundColor: string;
+        markdownQuoteMarkerColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -275,6 +346,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownQuoteBackgroundColor: string;
+        markdownQuoteMarkerColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -293,9 +375,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly status: MessageBubbleStatus;
     readonly actions: import("./interface").MessageBubbleAction[];
     readonly onRetry: (message: MessageBubbleMessagePayload) => void;
-    readonly serviceVariant: import("./interface").MessageBubbleServiceVariant;
+    readonly serviceVariant: MessageBubbleServiceVariant;
     readonly id: import("./interface").MessageBubbleId;
     readonly isOwn: boolean;
+    readonly markdown: boolean;
+    readonly markdownOptions: import("..").MarkdownOptions;
     readonly timestamp: string | number | Date | (() => VNodeChild);
     readonly attachments: MessageBubbleAttachment | MessageBubbleAttachment[];
     readonly uploadProps: Partial<import("../..").UploadProps>;

package/es/message-bubble/src/MessageBubble.mjs

@@ -27,12 +27,13 @@ var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, gene
 };
 import { computed, defineComponent, Fragment, h, nextTick, ref } from 'vue';
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
+import { renderMarkdown } from "../../_utils/markdown/index.mjs";
 import { UDropdown } from "../../dropdown/index.mjs";
 import { UIcon } from "../../icon/index.mjs";
 import { UText } from "../../typography/index.mjs";
 import { UUpload, UUploadFileList } from "../../upload/index.mjs";
 import { messageBubbleLight } from "../styles/index.mjs";
-import { MessageBubbleAttachmentStatus, messageBubbleProps, MessageBubbleStatus, MessageBubbleType, statusIconMapper } from "./interface.mjs";
+import { MessageBubbleAttachmentStatus, messageBubbleProps, MessageBubbleServiceVariant, MessageBubbleStatus, MessageBubbleType, statusIconMapper } from "./interface.mjs";
 import style from "./styles/index.cssr.mjs";
 export default defineComponent({
   name: 'MessageBubble',
@@ -64,6 +65,18 @@ export default defineComponent({
       status: props.status,
       attachments: normalizedAttachmentsRef.value
     }));
+    const markdownContent = computed(() => {
+      const content = props.content;
+      return props.markdown && typeof content === 'string' ? content : null;
+    });
+    const markdownActive = computed(() => markdownContent.value !== null);
+    const markdownHtmlRef = computed(() => {
+      if (!markdownContent.value) {
+        return null;
+      }
+      const html = renderMarkdown(markdownContent.value, props.markdownOptions);
+      return html.length > 0 ? html : null;
+    });
     const cssVarsRef = computed(() => {
       const {
         common: {
@@ -85,7 +98,18 @@ export default defineComponent({
           unreadNotificationTextColor,
           serviceMessageTextColor,
           serviceMessageBackgroundColor,
-          messageTitleColor
+          messageTitleColor,
+          markdownQuoteBorderColorOwn,
+          markdownQuoteBorderColorOther,
+          markdownQuoteTextColor,
+          markdownQuoteBackgroundColor,
+          markdownQuoteMarkerColor,
+          markdownDividerColorOwn,
+          markdownDividerColorOther,
+          markdownH1FontSize,
+          markdownH2FontSize,
+          markdownH3FontSize,
+          markdownTextFontSize
         }
       } = themeRef.value;
       return {
@@ -105,7 +129,18 @@ export default defineComponent({
         '--u-message-bubble-unread-text-color': unreadNotificationTextColor,
         '--u-message-bubble-service-text-color': serviceMessageTextColor,
         '--u-message-bubble-service-background-color': serviceMessageBackgroundColor,
-        '--u-message-bubble-title-color': messageTitleColor
+        '--u-message-bubble-title-color': messageTitleColor,
+        '--u-message-bubble-markdown-quote-border-color-own': markdownQuoteBorderColorOwn,
+        '--u-message-bubble-markdown-quote-border-color-other': markdownQuoteBorderColorOther,
+        '--u-message-bubble-markdown-quote-text-color': markdownQuoteTextColor,
+        '--u-message-bubble-markdown-quote-background-color': markdownQuoteBackgroundColor,
+        '--u-message-bubble-markdown-quote-marker-color': markdownQuoteMarkerColor,
+        '--u-message-bubble-markdown-divider-color-own': markdownDividerColorOwn,
+        '--u-message-bubble-markdown-divider-color-other': markdownDividerColorOther,
+        '--u-message-bubble-markdown-h1-font-size': markdownH1FontSize,
+        '--u-message-bubble-markdown-h2-font-size': markdownH2FontSize,
+        '--u-message-bubble-markdown-h3-font-size': markdownH3FontSize,
+        '--u-message-bubble-markdown-text-font-size': markdownTextFontSize
       };
     });
     const themeClassHandle = inlineThemeDisabled ? useThemeClass('message-bubble', undefined, cssVarsRef, props) : undefined;
@@ -248,15 +283,21 @@ export default defineComponent({
       const hasTitle = Boolean(props.title || slots.title);
       const afterContentSlot = slots.afterContent || slots['after-content'];
       const hasAfterContent = Boolean(afterContentSlot);
-      const hasContentInsideBubble = Boolean(props.content || slots.default || hasAfterContent || hasTitle || normalizedAttachmentsRef.value.length > 1);
+      const hasVisibleTextContent = markdownActive.value ? markdownHtmlRef.value !== null : Boolean(props.content);
+      const hasContentInsideBubble = Boolean(hasVisibleTextContent || slots.default || hasAfterContent || hasTitle || normalizedAttachmentsRef.value.length > 1);
       const messageBubbleContent = hasContentInsideBubble ? h("div", {
         class: [`${mergedClsPrefixRef.value}-message-bubble__bubble`, props.isOwn ? `${mergedClsPrefixRef.value}-message-bubble__bubble--own` : `${mergedClsPrefixRef.value}-message-bubble__bubble--other`]
       }, hasTitle && h(UText, {
         class: `${mergedClsPrefixRef.value}-message-bubble__title`,
         variant: "body-l-semi-bold"
-      }, slots.title ? slots.title(messagePayloadRef.value) : resolveRenderContent(props.title)), normalizedAttachmentsRef.value.length > 0 && renderAttachment(true), (props.content || slots.default) && h("div", {
+      }, slots.title ? slots.title(messagePayloadRef.value) : resolveRenderContent(props.title)), normalizedAttachmentsRef.value.length > 0 && renderAttachment(true), (hasVisibleTextContent || slots.default) && (slots.default ? h("div", {
+        class: `${mergedClsPrefixRef.value}-message-bubble__text`
+      }, slots.default(messagePayloadRef.value)) : markdownHtmlRef.value !== null ? h("div", {
+        class: [`${mergedClsPrefixRef.value}-message-bubble__text`, `${mergedClsPrefixRef.value}-message-bubble__markdown`],
+        innerHTML: markdownHtmlRef.value
+      }) : h("div", {
         class: `${mergedClsPrefixRef.value}-message-bubble__text`
-      }, slots.default ? slots.default(messagePayloadRef.value) : resolveRenderContent(props.content)), hasAfterContent && h("div", {
+      }, resolveRenderContent(props.content))), hasAfterContent && h("div", {
         class: `${mergedClsPrefixRef.value}-message-bubble__after-content`
       }, afterContentSlot === null || afterContentSlot === void 0 ? void 0 : afterContentSlot(messagePayloadRef.value))) : normalizedAttachmentsRef.value.length === 1 ? renderAttachment() : null;
       return h("div", {
@@ -322,9 +363,14 @@ export default defineComponent({
       if (slots.service) {
         return slots.service(props.serviceVariant);
       }
+      const isMarkdownEligibleVariant = props.serviceVariant === MessageBubbleServiceVariant.SYSTEM || props.serviceVariant === MessageBubbleServiceVariant.EVENT;
+      const displayMarkdown = markdownActive.value && isMarkdownEligibleVariant;
       return h("div", {
         class: [`${mergedClsPrefixRef.value}-message-bubble__service`, `${mergedClsPrefixRef.value}-message-bubble__service--${props.serviceVariant}`]
-      }, props.content && h("span", null, resolveRenderContent(props.content)));
+      }, displayMarkdown ? markdownHtmlRef.value && h("span", {
+        class: `${mergedClsPrefixRef.value}-message-bubble__markdown`,
+        innerHTML: markdownHtmlRef.value
+      }) : props.content && h("span", null, resolveRenderContent(props.content)));
     };
     return {
       mergedClsPrefixRef,

package/es/message-bubble/src/interface.d.ts

@@ -1,5 +1,6 @@
 import type { Component, PropType, VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { MarkdownOptions } from '../../_utils/markdown';
 import type { UploadFileInfo, UploadProps } from '../../upload';
 export declare enum MessageBubbleType {
     MESSAGE = "message",
@@ -90,6 +91,14 @@ export declare const messageBubbleProps: {
         readonly type: PropType<MessageBubbleRenderContent>;
         readonly default: undefined;
     };
+    readonly markdown: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly markdownOptions: {
+        readonly type: PropType<MarkdownOptions>;
+        readonly default: undefined;
+    };
     readonly timestamp: {
         readonly type: PropType<string | number | Date | (() => VNodeChild)>;
         readonly default: undefined;
@@ -139,6 +148,17 @@ export declare const messageBubbleProps: {
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownQuoteBackgroundColor: string;
+        markdownQuoteMarkerColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -166,6 +186,17 @@ export declare const messageBubbleProps: {
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownQuoteBackgroundColor: string;
+        markdownQuoteMarkerColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;
@@ -193,6 +224,17 @@ export declare const messageBubbleProps: {
         serviceMessageTextColor: string;
         serviceMessageBackgroundColor: string;
         messageTitleColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownQuoteBackgroundColor: string;
+        markdownQuoteMarkerColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
+        markdownH1FontSize: string;
+        markdownH2FontSize: string;
+        markdownH3FontSize: string;
+        markdownTextFontSize: string;
     }, {
         StatusIcon: import("../../_mixins").Theme<"Icon", {
             color: string;

package/es/message-bubble/src/interface.mjs

@@ -57,6 +57,14 @@ export const messageBubbleProps = Object.assign(Object.assign({}, useTheme.props
     type: [String, Function],
     default: undefined
   },
+  markdown: {
+    type: Boolean,
+    default: false
+  },
+  markdownOptions: {
+    type: Object,
+    default: undefined
+  },
   timestamp: {
     type: [String, Number, Date, Function],
     default: undefined

package/es/message-bubble/src/styles/index.cssr.mjs

@@ -17,6 +17,17 @@ import { c, cB, cE, cM } from "../../../_utils/cssr/index.mjs";
 // --u-message-bubble-service-text-color
 // --u-message-bubble-service-background-color
 // --u-message-bubble-title-color
+// --u-message-bubble-markdown-quote-border-color-own
+// --u-message-bubble-markdown-quote-border-color-other
+// --u-message-bubble-markdown-quote-text-color
+// --u-message-bubble-markdown-quote-background-color
+// --u-message-bubble-markdown-quote-marker-color
+// --u-message-bubble-markdown-divider-color-own
+// --u-message-bubble-markdown-divider-color-other
+// --u-message-bubble-markdown-h1-font-size
+// --u-message-bubble-markdown-h2-font-size
+// --u-message-bubble-markdown-h3-font-size
+// --u-message-bubble-markdown-text-font-size
 export default cB('message-bubble', `
  box-sizing: border-box;
  width: 100%;
@@ -52,17 +63,40 @@ export default cB('message-bubble', `
  flex-direction: column;
  padding: 12px;
  gap: 12px;
+ --u-message-bubble-markdown-quote-border-color: var(--u-message-bubble-markdown-quote-border-color-other);
+ --u-message-bubble-markdown-divider-color: var(--u-message-bubble-markdown-divider-color-other);
  `, [cM('own', `
  background-color: var(--u-message-bubble-background-color-own);
  color: var(--u-message-bubble-text-color-own);
  border-bottom-left-radius: var(--u-message-bubble-border-radius);
  border-bottom-right-radius: 6px;
+ --u-message-bubble-markdown-quote-border-color: var(--u-message-bubble-markdown-quote-border-color-own);
+ --u-message-bubble-markdown-divider-color: var(--u-message-bubble-markdown-divider-color-own);
  `)]), cE('title', `
  color: var(--u-message-bubble-title-color);
  white-space: pre-wrap;
  `), cE('text', `
  white-space: pre-wrap;
- `), cE('after-content', `
+ `), cE('markdown', `
+ white-space: normal;
+ font-size: var(--u-message-bubble-markdown-text-font-size);
+ `, [c('h1', 'font-size: var(--u-message-bubble-markdown-h1-font-size);'), c('h2', 'font-size: var(--u-message-bubble-markdown-h2-font-size);'), c('h3', 'font-size: var(--u-message-bubble-markdown-h3-font-size);'), c('ul, ol', 'list-style-position: inside;'), c('blockquote', `
+ position: relative;
+ border-radius: 4px;
+ padding: 0 8px;
+ margin: 0;
+ background-color: var(--u-message-bubble-markdown-quote-background-color);
+ color: var(--u-message-bubble-markdown-quote-text-color);
+ `, [c('&::before', `
+ content: "";
+ width: 2px;
+ position: absolute;
+ left: 2px;
+ top: 2px;
+ bottom: 2px;
+ border-radius: 30px;
+ background-color: var(--u-message-bubble-markdown-quote-marker-color);
+ `)]), c('& > *:first-child', 'margin-top: 0;'), c('& > *:last-child', 'margin-bottom: 0;')]), cE('after-content', `
  white-space: normal;
  `), cE('meta', `
  display: flex;

package/es/message-bubble/styles/dark.d.ts

@@ -15,6 +15,17 @@ declare const messageBubbleDark: import("../../_mixins").Theme<"MessageBubble",
     serviceMessageTextColor: string;
     serviceMessageBackgroundColor: string;
     messageTitleColor: string;
+    markdownQuoteBorderColorOwn: string;
+    markdownQuoteBorderColorOther: string;
+    markdownQuoteTextColor: string;
+    markdownQuoteBackgroundColor: string;
+    markdownQuoteMarkerColor: string;
+    markdownDividerColorOwn: string;
+    markdownDividerColorOther: string;
+    markdownH1FontSize: string;
+    markdownH2FontSize: string;
+    markdownH3FontSize: string;
+    markdownTextFontSize: string;
 }, {
     StatusIcon: import("../../_mixins").Theme<"Icon", {
         color: string;

package/es/message-bubble/styles/light.d.ts

@@ -16,6 +16,17 @@ export declare function self(vars: ThemeCommonVars): {
     serviceMessageTextColor: string;
     serviceMessageBackgroundColor: string;
     messageTitleColor: string;
+    markdownQuoteBorderColorOwn: string;
+    markdownQuoteBorderColorOther: string;
+    markdownQuoteTextColor: string;
+    markdownQuoteBackgroundColor: string;
+    markdownQuoteMarkerColor: string;
+    markdownDividerColorOwn: string;
+    markdownDividerColorOther: string;
+    markdownH1FontSize: string;
+    markdownH2FontSize: string;
+    markdownH3FontSize: string;
+    markdownTextFontSize: string;
 };
 declare const messageBubbleLight: import("../../_mixins").Theme<"MessageBubble", {
     messageBubbleBackgroundColorOwn: string;
@@ -34,6 +45,17 @@ declare const messageBubbleLight: import("../../_mixins").Theme<"MessageBubble",
     serviceMessageTextColor: string;
     serviceMessageBackgroundColor: string;
     messageTitleColor: string;
+    markdownQuoteBorderColorOwn: string;
+    markdownQuoteBorderColorOther: string;
+    markdownQuoteTextColor: string;
+    markdownQuoteBackgroundColor: string;
+    markdownQuoteMarkerColor: string;
+    markdownDividerColorOwn: string;
+    markdownDividerColorOther: string;
+    markdownH1FontSize: string;
+    markdownH2FontSize: string;
+    markdownH3FontSize: string;
+    markdownTextFontSize: string;
 }, {
     StatusIcon: import("../../_mixins").Theme<"Icon", {
         color: string;

package/es/message-bubble/styles/light.mjs

@@ -9,7 +9,9 @@ export function self(vars) {
     textPrimary,
     textSecondary,
     textTertiary,
+    brandPrimary100,
     brandPrimary400,
+    brandPrimary500,
     staticGreen,
     staticRed,
     staticWhite
@@ -30,7 +32,18 @@ export function self(vars) {
     unreadNotificationTextColor: elementsSecondary,
     serviceMessageTextColor: textSecondary,
     serviceMessageBackgroundColor: 'transparent',
-    messageTitleColor: textPrimary
+    messageTitleColor: textPrimary,
+    markdownQuoteBorderColorOwn: textPrimary,
+    markdownQuoteBorderColorOther: textPrimary,
+    markdownQuoteTextColor: textPrimary,
+    markdownQuoteBackgroundColor: brandPrimary100,
+    markdownQuoteMarkerColor: brandPrimary500,
+    markdownDividerColorOwn: textPrimary,
+    markdownDividerColorOther: textPrimary,
+    markdownH1FontSize: '20px',
+    markdownH2FontSize: '18px',
+    markdownH3FontSize: '16px',
+    markdownTextFontSize: '14px'
   };
 }
 const messageBubbleLight = createTheme({

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "2.3.5";
+declare const _default: "2.3.7";
 export default _default;

package/es/version.mjs

@@ -1 +1 @@
-export default '2.3.5';
+export default '2.3.7';

package/lib/_utils/markdown/constants.d.ts

@@ -0,0 +1,27 @@
+import type { MarkdownFeature } from '@uzum-tech/ui';
+export declare const HTML_COMMENT_REGEX: RegExp;
+export declare const HTML_CDATA_REGEX: RegExp;
+export declare const HTML_RAW_BLOCK_REGEX: RegExp;
+export declare const HTML_DECLARATION_REGEX: RegExp;
+export declare const HTML_TAG_REGEX: RegExp;
+export declare const ANY_HTML_TAG_REGEX: RegExp;
+export declare const WHITESPACE_REGEX: RegExp;
+export declare const MAX_HEADING_LEVEL = 3;
+export declare const MAX_DIVIDER_INDENT = 4;
+export declare const MIN_DIVIDER_MARKERS = 3;
+export declare const EMPTY_BLOCK_TOKEN_COUNT = 3;
+export declare const CHAR_CODES: {
+    TILDE: number;
+    EQUALS: number;
+    SPACE: number;
+    TAB: number;
+};
+export declare const HTML_ENTITY_REPLACEMENTS: Array<[RegExp, string]>;
+export declare const ALL_MARKDOWN_FEATURES: MarkdownFeature[];
+export declare const INVISIBLE_INLINE_TOKEN_TYPES: string[];
+export declare const MARKDOWN_SYMBOL: {
+    TILDE: string;
+    STRIKETHROUGH_TAG: string;
+    PARAGRAPH_TAG: string;
+    NEWLINE: string;
+};