@vectara/vectara-ui 15.5.3 → 15.6.1

package/lib/components/notification/Notification.js

@@ -37,5 +37,5 @@ export const VuiNotification = ({ color, message, onDismiss, children, hasCopyBu
             icon = null;
     }
     const copyValue = code ? `${message}\n\n${code.content}` : message;
-    return (_jsx("div", Object.assign({ className: classes, "data-testid": `notification-${color}` }, { children: _jsxs(VuiFlexContainer, Object.assign({ alignItems: "start", spacing: "s" }, { children: [_jsx(VuiFlexItem, Object.assign({ grow: 1 }, { children: _jsxs(VuiFlexContainer, Object.assign({ alignItems: "start", spacing: "xs" }, { children: [icon, _jsxs("div", { children: [_jsx(VuiText, { children: _jsx(VuiTextColor, Object.assign({ color: color }, { children: message })) }), code && (_jsxs(_Fragment, { children: [_jsx(VuiSpacer, { size: "s" }), _jsx(VuiCode, Object.assign({ language: code.language }, { children: code.content }))] })), hasCopyButton && (_jsxs(_Fragment, { children: [_jsx(VuiSpacer, { size: "s" }), _jsx(VuiCopyButton, { value: copyValue, size: "s", label: "Copy" })] })), children && (_jsxs(_Fragment, { children: [_jsx(VuiSpacer, { size: "s" }), children] })), link && (_jsxs(_Fragment, { children: [_jsx(VuiSpacer, { size: "s" }), _jsx(VuiLink, Object.assign({}, link))] }))] })] })) })), _jsx(VuiFlexItem, Object.assign({ grow: false, shrink: false }, { children: _jsx(VuiIconButton, { "aria-label": "Dismiss message", size: "xs", color: "neutral", icon: _jsx(VuiIcon, { children: _jsx(BiX, {}) }), onClick: () => onDismiss(), "data-testid": `dismissNotificationButton-${color}` }) }))] })) })));
+    return (_jsx("div", Object.assign({ className: classes, "data-testid": `notification-${color}` }, { children: _jsxs(VuiFlexContainer, Object.assign({ alignItems: "start", spacing: "s" }, { children: [_jsx(VuiFlexItem, Object.assign({ grow: 1 }, { children: _jsxs(VuiFlexContainer, Object.assign({ alignItems: "start", spacing: "xs" }, { children: [icon, _jsxs("div", { children: [_jsx(VuiText, Object.assign({ preserveWhiteSpace: true }, { children: _jsx(VuiTextColor, Object.assign({ color: color }, { children: message })) })), code && (_jsxs(_Fragment, { children: [_jsx(VuiSpacer, { size: "s" }), _jsx(VuiCode, Object.assign({ language: code.language }, { children: code.content }))] })), hasCopyButton && (_jsxs(_Fragment, { children: [_jsx(VuiSpacer, { size: "s" }), _jsx(VuiCopyButton, { value: copyValue, size: "s", label: "Copy notification" })] })), children && (_jsxs(_Fragment, { children: [_jsx(VuiSpacer, { size: "s" }), children] })), link && (_jsxs(_Fragment, { children: [_jsx(VuiSpacer, { size: "s" }), _jsx(VuiLink, Object.assign({}, link))] }))] })] })) })), _jsx(VuiFlexItem, Object.assign({ grow: false, shrink: false }, { children: _jsx(VuiIconButton, { "aria-label": "Dismiss message", size: "xs", color: "neutral", icon: _jsx(VuiIcon, { children: _jsx(BiX, {}) }), onClick: () => onDismiss(), "data-testid": `dismissNotificationButton-${color}` }) }))] })) })));
 };

package/lib/components/typography/Text.d.ts

@@ -8,6 +8,7 @@ type Props = {
     size?: (typeof TEXT_SIZE)[number];
     align?: (typeof TEXT_ALIGN)[number];
     truncate?: boolean;
+    preserveWhiteSpace?: boolean;
 };
-export declare const VuiText: ({ children, className, id, truncate, size, align, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const VuiText: ({ children, className, id, truncate, preserveWhiteSpace, size, align, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/typography/Text.js

@@ -13,12 +13,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from "classnames";
 const TEXT_ALIGN = ["left", "center", "right"];
 export const VuiText = (_a) => {
-    var { children, className, id, truncate, size = "s", align } = _a, rest = __rest(_a, ["children", "className", "id", "truncate", "size", "align"]);
+    var { children, className, id, truncate, preserveWhiteSpace, size = "s", align } = _a, rest = __rest(_a, ["children", "className", "id", "truncate", "preserveWhiteSpace", "size", "align"]);
     const classes = classNames("vuiText", `vuiText--${size}`, {
         // Don't default to left alignment, so that the component inherits
         // whatever has been defined by an ancestor.
         [`vuiText--${align}`]: align,
-        "vuiText--truncate": truncate
+        "vuiText--truncate": truncate,
+        "vuiText--preserveWhiteSpace": preserveWhiteSpace
     }, className);
     return (_jsx("div", Object.assign({ className: classes, id: id }, rest, { children: children })));
 };

package/lib/components/typography/_text.scss

@@ -126,6 +126,10 @@ $textRhythm: $sizeM;
   @include truncateText;
 }
 
+.vuiText--preserveWhiteSpace {
+  white-space: pre-wrap;
+}
+
 @mixin defineTextStyles($fontSize, $fontWeight) {
   color: var(--vui-color-text);
   font-size: $fontSize;

package/lib/styles/index.css

@@ -5780,6 +5780,10 @@ h2.react-datepicker__current-month {
   white-space: nowrap;
 }
 
+.vuiText--preserveWhiteSpace {
+  white-space: pre-wrap;
+}
+
 .vuiText--xs {
   color: var(--vui-color-text);
   font-size: 12px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectara/vectara-ui",
-  "version": "15.5.3",
+  "version": "15.6.1",
   "homepage": "./",
   "description": "Vectara's design system, codified as a React and Sass component library",
   "author": "Vectara",