@uxf/ui 10.8.2 → 10.9.0

package/alert-bubble/alert-bubble.d.ts

@@ -1,8 +1,10 @@
 import { FC } from "react";
+import { IconName } from "../icon/types";
 import { AlertBubbleColor, AlertBubbleSize } from "./theme";
 export interface AlertBubbleProps {
     className?: string;
     color?: AlertBubbleColor;
+    icon?: IconName;
     size?: AlertBubbleSize;
 }
 export declare const AlertBubble: FC<AlertBubbleProps>;

package/alert-bubble/alert-bubble.js

@@ -14,9 +14,9 @@ const ICON = {
     success: "check",
 };
 const AlertBubble = (props) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-alert-bubble", `uxf-alert-bubble--color-${(_a = props.color) !== null && _a !== void 0 ? _a : "default"}`, `uxf-alert-bubble--size-${(_b = props.size) !== null && _b !== void 0 ? _b : "default"}`, props.className) },
-        react_1.default.createElement(icon_1.Icon, { className: "uxf-alert-bubble__icon", name: ICON[(_c = props.color) !== null && _c !== void 0 ? _c : "default"] })));
+        react_1.default.createElement(icon_1.Icon, { className: "uxf-alert-bubble__icon", name: (_c = props.icon) !== null && _c !== void 0 ? _c : ICON[(_d = props.color) !== null && _d !== void 0 ? _d : "default"] })));
 };
 exports.AlertBubble = AlertBubble;
 exports.AlertBubble.displayName = "UxfUiAlertBubble";

package/message/message-content.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from "react";
+import { IconName } from "../icon/types";
 import { MessageColor, MessageVariant } from "./theme";
 export interface ConfirmProps {
     CustomIconComponent?: ReactNode;
@@ -8,6 +9,7 @@ export interface ConfirmProps {
     className?: string;
     color: MessageColor;
     description?: string;
+    icon?: IconName;
     onAccept?: () => void;
     onCancel?: () => void;
     onClose: () => void;

package/message/message-content.js

@@ -28,7 +28,7 @@ const MessageContent = (props) => {
     const isCentered = props.variant === "centered";
     return (react_1.default.createElement("div", { className: `uxf-message__content ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
         react_1.default.createElement("div", { className: "uxf-message__content-wrapper" },
-            props.CustomIconComponent !== null ? (react_1.default.createElement("div", { className: "uxf-message__icon-wrapper" }, (_b = props.CustomIconComponent) !== null && _b !== void 0 ? _b : (react_1.default.createElement(alert_bubble_1.AlertBubble, { className: "uxf-message__alert-bubble", color: props.color, size: isCentered ? "default" : "xs" })))) : null,
+            props.CustomIconComponent !== null ? (react_1.default.createElement("div", { className: "uxf-message__icon-wrapper" }, (_b = props.CustomIconComponent) !== null && _b !== void 0 ? _b : (react_1.default.createElement(alert_bubble_1.AlertBubble, { className: "uxf-message__alert-bubble", color: props.color, icon: props.icon, size: isCentered ? "default" : "xs" })))) : null,
             react_1.default.createElement("div", { className: "uxf-message__text-content" },
                 react_1.default.createElement("h2", { className: "uxf-message__title" }, props.title),
                 react_1.default.createElement("p", { className: "uxf-message__description" }, props.description)),

package/message/message.d.ts

@@ -1,17 +1,19 @@
 import React, { ReactNode } from "react";
+import { IconName } from "../icon/types";
 import { MessageColor, MessageVariant } from "./theme";
 export interface MessageProps {
     CustomIconComponent?: ReactNode;
+    acceptLabel?: string;
+    cancelLabel: string;
     children?: ReactNode;
     className?: string;
-    onCancel?: () => void;
+    color: MessageColor;
+    description?: string;
+    icon?: IconName;
     onAccept?: () => void;
+    onCancel?: () => void;
     title: string;
-    description?: string;
-    acceptLabel?: string;
-    cancelLabel: string;
     variant?: MessageVariant;
-    color: MessageColor;
 }
 export interface MessageRef {
     close: () => void;

package/message/message.js

@@ -42,6 +42,6 @@ exports.Message = (0, react_1.forwardRef)((props, ref) => {
         message: innerRef.current.message,
     }), []);
     return content ? (react_1.default.createElement(dialog_1.Dialog, { className: (0, cx_1.cx)("uxf-message", `uxf-message--variant-${(_a = content.variant) !== null && _a !== void 0 ? _a : "simple"}`, `uxf-message--color-${content.color}`, content.className), disableBackdropClose: true, onClose: close, open: !!content },
-        react_1.default.createElement(message_content_1.MessageContent, { CustomIconComponent: content.CustomIconComponent, acceptLabel: content.acceptLabel, cancelLabel: content.cancelLabel, color: content.color, description: content.description, onAccept: content.onAccept, onCancel: content.onCancel, onClose: close, title: content.title, variant: content.variant }, content.children))) : null;
+        react_1.default.createElement(message_content_1.MessageContent, { CustomIconComponent: content.CustomIconComponent, acceptLabel: content.acceptLabel, cancelLabel: content.cancelLabel, color: content.color, description: content.description, icon: content.icon, onAccept: content.onAccept, onCancel: content.onCancel, onClose: close, title: content.title, variant: content.variant }, content.children))) : null;
 });
 exports.Message.displayName = "UxfUiMessage";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "10.8.2",
+  "version": "10.9.0",
   "description": "",
   "publishConfig": {
     "access": "public"