@vectara/vectara-ui 13.0.0 → 13.1.1

package/lib/components/context/Theme.d.ts

@@ -47,9 +47,13 @@ export type Theme = {
     colorFullShade?: string;
     colorFullShadeRgb?: string;
     colorText?: string;
+    colorTextRgb?: string;
     colorLabel?: string;
+    colorLabelRgb?: string;
     colorBorderMedium?: string;
+    colorBorderMediumRgb?: string;
     colorBorderLight?: string;
+    colorBorderLightRgb?: string;
 };
 export declare const toRgba: (hex: string, alpha: number) => string;
 export declare const toRgb: (hex: string) => string;

package/lib/components/context/Theme.js

@@ -95,10 +95,14 @@ export const LIGHT_THEME = {
     colorFullShadeRgb: toRgb(colorFullShade),
     // Text color
     colorText: colorDarkerShade,
+    colorTextRgb: toRgb(colorDarkerShade),
     colorLabel: colorDarkerShade,
+    colorLabelRgb: toRgb(colorDarkerShade),
     // Border color
     colorBorderMedium: colorMediumShade,
-    colorBorderLight: colorBorderLightShade
+    colorBorderMediumRgb: toRgb(colorMediumShade),
+    colorBorderLight: colorBorderLightShade,
+    colorBorderLightRgb: toRgb(colorBorderLightShade)
 };
 export const DARK_THEME = {
     // Special colors
@@ -180,10 +184,14 @@ export const toStyle = (theme) => {
         "--vui-color-full-shade-rgb": theme.colorFullShadeRgb,
         // Text colors
         "--vui-color-text": theme.colorText,
+        "--vui-color-text-rgb": theme.colorTextRgb,
         "--vui-color-label": theme.colorLabel,
+        "--vui-color-label-rgb": theme.colorLabelRgb,
         // Border colors
         "--vui-color-border-medium": theme.colorBorderMedium,
-        "--vui-color-border-light": theme.colorBorderLight
+        "--vui-color-border-medium-rgb": theme.colorBorderMediumRgb,
+        "--vui-color-border-light": theme.colorBorderLight,
+        "--vui-color-border-light-rgb": theme.colorBorderLightRgb
     };
     // Remove undefined values.
     return Object.fromEntries(Object.entries(vars).filter(([_, v]) => v !== undefined));

package/lib/components/modal/Modal.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from "react";
 declare const COLOR: readonly ["primary", "danger"];
 type Props = {
+    canClickOutsideToClose?: boolean;
     className?: string;
     title: ReactNode;
     icon?: ReactNode;
@@ -11,5 +12,5 @@ type Props = {
     key?: string;
     size?: "s" | "m" | "l";
 };
-export declare const VuiModal: ({ className, color, title, icon, children, isOpen, onClose, key, size, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const VuiModal: ({ className, color, title, icon, children, isOpen, onClose, key, canClickOutsideToClose, size, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/modal/Modal.js

@@ -23,7 +23,7 @@ import { VuiScreenBlock } from "../screenBlock/ScreenBlock";
 import { useVuiContext } from "../context/Context";
 const COLOR = ["primary", "danger"];
 export const VuiModal = (_a) => {
-    var { className, color = "primary", title, icon, children, isOpen, onClose, key, size = "s" } = _a, rest = __rest(_a, ["className", "color", "title", "icon", "children", "isOpen", "onClose", "key", "size"]);
+    var { className, color = "primary", title, icon, children, isOpen, onClose, key, canClickOutsideToClose = true, size = "s" } = _a, rest = __rest(_a, ["className", "color", "title", "icon", "children", "isOpen", "onClose", "key", "canClickOutsideToClose", "size"]);
     const { DrawerTitle } = useVuiContext();
     const returnFocusElRef = useRef(null);
     // Return focus on unmount.
@@ -44,7 +44,7 @@ export const VuiModal = (_a) => {
         }, 0);
     };
     const classes = classNames("vuiModal", `vuiModal--${color}`, `vuiModal--${size}`, className);
-    return (_jsx(VuiPortal, { children: isOpen && (_jsx(VuiScreenBlock, { children: _jsx(FocusOn, Object.assign({ onEscapeKey: onCloseDelayed, onClickOutside: onCloseDelayed, 
+    return (_jsx(VuiPortal, { children: isOpen && (_jsx(VuiScreenBlock, { children: _jsx(FocusOn, Object.assign({ onEscapeKey: onCloseDelayed, onClickOutside: canClickOutsideToClose ? onCloseDelayed : undefined, 
                 // Enable manual focus return to work.
                 returnFocus: false, 
                 // Enable focus on contents when it's open,

package/package.json

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