@epam/ai-dial-ui-kit 0.5.0-rc.82 → 0.5.0-rc.83

package/dist/dial-ui-kit.es.js

@@ -2943,12 +2943,12 @@ const mw = {
   );
 };
 var Li = /* @__PURE__ */ ((e) => (e.Info = "info", e.Success = "success", e.Warning = "warning", e.Error = "error", e))(Li || {});
-const Cw = {
-  info: /* @__PURE__ */ v(ig, { size: 24, stroke: 2 }),
-  error: /* @__PURE__ */ v(UC, { size: 24, stroke: 2 }),
-  warning: /* @__PURE__ */ v(_C, { size: 24, stroke: 2 }),
-  success: /* @__PURE__ */ v(WC, { size: 24, stroke: 2 })
-}, vw = {
+const Cw = (e) => ({
+  info: /* @__PURE__ */ v(ig, { ...e }),
+  error: /* @__PURE__ */ v(UC, { ...e }),
+  warning: /* @__PURE__ */ v(_C, { ...e }),
+  success: /* @__PURE__ */ v(WC, { ...e })
+}), vw = {
   [Li.Info]: "bg-info border-info text-info",
   [Li.Success]: "bg-success border-success text-success",
   [Li.Warning]: "bg-warning border-warning text-warning",
@@ -2957,34 +2957,39 @@ const Cw = {
   variant: e = Li.Info,
   message: t,
   className: s,
-  closable: i = !1,
-  onClose: o
-}) => /* @__PURE__ */ z(
-  "div",
-  {
-    role: "alert",
-    className: X(
-      ww,
-      vw[e],
-      s
-    ),
-    children: [
-      /* @__PURE__ */ z("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ v(He, { icon: Cw[e] }),
-        /* @__PURE__ */ v("div", { className: "text-primary", children: t })
-      ] }),
-      i && /* @__PURE__ */ v(
-        Te,
-        {
-          className: "ml-2 text-secondary hover:text-primary",
-          "aria-label": "Close alert",
-          iconBefore: /* @__PURE__ */ v(no, { size: 16 }),
-          onClick: o
-        }
-      )
-    ]
-  }
-), bw = "flex items-center justify-center text-secondary", Sw = "shrink-0 grow-0 basis-auto animate-spin-steps", yw = (e) => /* @__PURE__ */ me.createElement("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ me.createElement("path", { d: "M24 39V46.5", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.4, d: "M9 24H1.5", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.5, d: "M8.0918 8.0918L13.3994 13.3994", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.6, d: "M24 1.5V9", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.7, d: "M39.9121 8.08594L37.2607 10.7373L34.6094 13.3887", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.8, d: "M46.5 24H39", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.9, d: "M34.6055 34.6055L39.9082 39.9082", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.3, d: "M13.3936 34.6055L8.08594 39.9131", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" })), qr = ({
+  iconSize: i = 24,
+  iconStroke: o = 2,
+  closable: n = !1,
+  onClose: r
+}) => {
+  const a = B(() => Cw({ size: i, stroke: o })[e], [e, i, o]);
+  return /* @__PURE__ */ z(
+    "div",
+    {
+      role: "alert",
+      className: fe(
+        ww,
+        vw[e],
+        s
+      ),
+      children: [
+        /* @__PURE__ */ z("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ v(He, { icon: a }),
+          /* @__PURE__ */ v("div", { className: "text-primary", children: t })
+        ] }),
+        n && /* @__PURE__ */ v(
+          Te,
+          {
+            className: "ml-2 text-secondary hover:text-primary",
+            "aria-label": "Close alert",
+            iconBefore: /* @__PURE__ */ v(no, { size: 16 }),
+            onClick: r
+          }
+        )
+      ]
+    }
+  );
+}, bw = "flex items-center justify-center text-secondary", Sw = "shrink-0 grow-0 basis-auto animate-spin-steps", yw = (e) => /* @__PURE__ */ me.createElement("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ me.createElement("path", { d: "M24 39V46.5", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.4, d: "M9 24H1.5", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.5, d: "M8.0918 8.0918L13.3994 13.3994", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.6, d: "M24 1.5V9", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.7, d: "M39.9121 8.08594L37.2607 10.7373L34.6094 13.3887", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.8, d: "M46.5 24H39", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.9, d: "M34.6055 34.6055L39.9082 39.9082", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ me.createElement("path", { opacity: 0.3, d: "M13.3936 34.6055L8.08594 39.9131", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" })), qr = ({
   size: e = 18,
   className: t,
   iconClassName: s,

package/dist/src/components/Alert/Alert.d.ts

@@ -1,10 +1,12 @@
-import { FC, ReactNode, MouseEvent } from 'react';
+import { FC, MouseEvent, ReactNode } from 'react';
 import { AlertVariant } from '../../types/alert';
 export interface DialAlertProps {
     variant?: AlertVariant;
     message: string | ReactNode;
     className?: string;
     closable?: boolean;
+    iconSize?: number;
+    iconStroke?: number;
     onClose?: (e: MouseEvent<HTMLButtonElement>) => void;
 }
 /**
@@ -37,6 +39,8 @@ export interface DialAlertProps {
  * @param message - Message text to display inside the alert
  * @param [className] - Additional CSS classes applied to the alert container
  * @param [closable=false] - Whether the alert has a close button
+ * @param [iconSize=24] - Size of the icon displayed in the alert
+ * @param [iconStroke=2] - Stroke width of the icon displayed in the alert
  * @param [onClose] - Callback fired when the close button is clicked
  */
 export declare const DialAlert: FC<DialAlertProps>;

package/dist/src/components/Alert/constants.d.ts

@@ -1,5 +1,8 @@
 import { AlertVariant } from '../../types/alert';
-import { ReactNode } from 'react';
-export declare const variantIcons: Record<AlertVariant, ReactNode>;
+import { ReactNode } from '@tabler/icons-react';
+export declare const variantIcons: (props: {
+    size: number;
+    stroke: number;
+}) => Record<AlertVariant, ReactNode>;
 export declare const alertVariantClassNameMap: Record<AlertVariant, string>;
 export declare const alertBaseClassName = "items-center justify-between gap-2 p-3 border border-solid dial-small-150 rounded flex";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@epam/ai-dial-ui-kit",
-  "version": "0.5.0-rc.82",
+  "version": "0.5.0-rc.83",
   "type": "module",
   "license": "Apache-2.0",
   "description": "A modern UI kit for building AI DIAL interfaces with React",