@gravity-ui/aikit 0.4.3 → 0.4.5

package/dist/components/atoms/Disclaimer/Disclaimer.d.ts

@@ -1,3 +1,4 @@
+import type { TextProps } from '@gravity-ui/uikit';
 import './Disclaimer.scss';
 /**
  * Props for the Disclaimer component
@@ -7,6 +8,8 @@ export type DisclaimerProps = React.PropsWithChildren<{
     className?: string;
     /** Disclaimer text to display */
     text?: string;
+    /** Text variant for typography styling */
+    variant?: TextProps['variant'];
     /** QA/test identifier */
     qa?: string;
 }>;

package/dist/components/atoms/Disclaimer/Disclaimer.js

@@ -10,6 +10,6 @@ const b = block('disclaimer');
  * @returns React component
  */
 export function Disclaimer(props) {
-    const { className, qa, children, text } = props;
-    return (_jsxs("div", { className: b('container', className), "data-qa": qa, children: [text && _jsx(Text, { color: "secondary", children: text }), children] }));
+    const { className, qa, children, text, variant } = props;
+    return (_jsxs("div", { className: b('container', className), "data-qa": qa, children: [text && (_jsx(Text, { color: "secondary", variant: variant, children: text })), children] }));
 }

package/dist/components/atoms/MarkdownRenderer/MarkdownRenderer.scss

@@ -3,3 +3,7 @@
 @import '@diplodoc/transform/dist/css/yfm.css';
 
 $block: '.#{variables.$ns}markdown-renderer';
+
+#{$block} {
+    max-width: 100%;
+}

package/dist/components/atoms/MessageBalloon/MessageBalloon.scss

@@ -7,5 +7,5 @@ $block: '.#{variables.$ns}message-balloon';
     background-color: var(--g-color-base-info-light);
     padding: var(--g-spacing-2) var(--g-spacing-3);
     border-radius: var(--g-spacing-3) 0 var(--g-spacing-3) var(--g-spacing-3);
-    white-space: pre-wrap;
+    max-width: 100%;
 }

package/dist/components/molecules/BaseMessage/BaseMessage.scss

@@ -9,7 +9,7 @@ $block: '.#{variables.$ns}base-message';
 
     &_variant_user {
         align-items: flex-end;
-        margin-left: var(--g-spacing-10);
+        max-width: 90%;
     }
 
     &_variant_system,

package/dist/components/organisms/UserMessage/UserMessage.scss

@@ -8,3 +8,7 @@ $block: '.#{variables.$ns}user-message';
     gap: var(--g-spacing-1);
     align-items: flex-end;
 }
+
+#{$block}_format_plain {
+    white-space: pre-wrap;
+}

package/dist/components/organisms/UserMessage/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Avatar } from '@gravity-ui/uikit';
-import { block } from '../../../utils/cn';
+import { block, modsClassName } from '../../../utils/cn';
 import { MarkdownRenderer } from '../../atoms/MarkdownRenderer';
 import { MessageBalloon } from '../../atoms/MessageBalloon';
 import { BaseMessage } from '../../molecules/BaseMessage';
@@ -8,5 +8,5 @@ import './UserMessage.scss';
 const b = block('user-message');
 export const UserMessage = (props) => {
     const { className, qa, content, actions, showActionsOnHover, showAvatar, avatarUrl = '', timestamp = '', showTimestamp, format = 'plain', transformOptions, } = props;
-    return (_jsxs("div", { className: b(null, className), "data-qa": qa, children: [showAvatar ? _jsx(Avatar, { imgUrl: avatarUrl, size: "s", view: "filled" }) : null, _jsx(BaseMessage, { role: "user", actions: actions, showActionsOnHover: showActionsOnHover, showTimestamp: showTimestamp, timestamp: timestamp, children: _jsx(MessageBalloon, { children: format === 'markdown' ? (_jsx(MarkdownRenderer, { content: content, transformOptions: transformOptions })) : (content) }) })] }));
+    return (_jsxs("div", { className: b(null, className), "data-qa": qa, children: [showAvatar ? _jsx(Avatar, { imgUrl: avatarUrl, size: "s", view: "filled" }) : null, _jsx(BaseMessage, { role: "user", actions: actions, showActionsOnHover: showActionsOnHover, showTimestamp: showTimestamp, timestamp: timestamp, children: _jsx(MessageBalloon, { className: modsClassName(b({ format })), children: format === 'markdown' ? (_jsx(MarkdownRenderer, { content: content, transformOptions: transformOptions })) : (content) }) })] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/aikit",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "description": "Gravity UI base kit for building ai assistant chats",
   "license": "MIT",
   "main": "./dist/index.js",