@arthurzakharov/ui-kit 1.2.5 → 1.2.6

package/dist/assets/message-CgGyIv5e.css

@@ -0,0 +1 @@
+._Message_fkc6l_1{--message-icon-size: 24px;border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-md);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._Success_fkc6l_15{background-color:var(--rm-ui-message-success-secondary)}._Success_fkc6l_15 ._Icon_fkc6l_19{stroke:var(--rm-ui-message-success-primary)}._Question_fkc6l_23{background-color:var(--rm-ui-message-question-secondary)}._Question_fkc6l_23 ._Icon_fkc6l_19{stroke:var(--rm-ui-message-question-primary)}._Error_fkc6l_31{background-color:var(--rm-ui-message-error-secondary)}._Error_fkc6l_31 ._Icon_fkc6l_19{stroke:var(--rm-ui-message-error-primary)}._Info_fkc6l_39{background-color:var(--rm-ui-message-info-secondary)}._Info_fkc6l_39 ._Icon_fkc6l_19{stroke:var(--rm-ui-message-info-primary)}._Icon_fkc6l_19{width:var(--message-icon-size);height:var(--message-icon-size)}._Content_fkc6l_52{flex-basis:calc(100% - var(--message-icon-size) - var(--rm-ui-padding-xs));display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}._Title_fkc6l_62{font-weight:var(--rm-ui-font-weight-medium)}._Text_fkc6l_66{font-weight:var(--rm-ui-font-weight-regular)}

package/dist/components/message/index.d.ts

@@ -0,0 +1,2 @@
+export { Message } from './message.component';
+export type { MessageProps } from './message.types';

package/dist/components/message/index.js

@@ -0,0 +1,4 @@
+import { Message as r } from "./message.component.js";
+export {
+  r as Message
+};

package/dist/components/message/message.component.d.ts

@@ -1,7 +1,2 @@
-import { ReactNode } from 'react';
-export interface MessageProps {
-    type: 'success' | 'question' | 'error' | 'info';
-    title: () => ReactNode;
-    text: () => ReactNode;
-}
-export declare const Message: (props: MessageProps) => import("react/jsx-runtime").JSX.Element;
+import { MessageProps } from './message.types';
+export declare const Message: ({ type, title, text, className }: MessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/message/message.component.js

@@ -1,48 +1,38 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import { CircleAlert as M, X as i, CircleQuestionMark as _, Check as l } from "lucide-react";
-import r from "clsx";
-import '../../assets/message-xpCz4pZE.css';const T = "_Message_1rcng_1", p = "_MessageTypeSuccess_1rcng_15", u = "_MessageIcon_1rcng_19", y = "_MessageTypeQuestion_1rcng_23", m = "_MessageTypeError_1rcng_31", I = "_MessageTypeInfo_1rcng_39", f = "_MessageContent_1rcng_52", x = "_MessageTitle_1rcng_62", d = "_MessageText_1rcng_66", e = {
-  Message: T,
-  MessageTypeSuccess: p,
-  MessageIcon: u,
-  MessageTypeQuestion: y,
-  MessageTypeError: m,
-  MessageTypeInfo: I,
-  MessageContent: f,
-  MessageTitle: x,
-  MessageText: d
-}, Q = (t) => {
-  const { type: c = "info", title: n = "", text: a = "" } = t, g = () => {
-    switch (c) {
-      case "success":
-        return /* @__PURE__ */ s(l, { className: e.MessageIcon });
-      case "question":
-        return /* @__PURE__ */ s(_, { className: e.MessageIcon });
-      case "error":
-        return /* @__PURE__ */ s(i, { className: e.MessageIcon });
-      case "info":
-        return /* @__PURE__ */ s(M, { className: e.MessageIcon });
-    }
-  };
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      className: r(e.Message, {
-        [e.MessageTypeSuccess]: c === "success",
-        [e.MessageTypeQuestion]: c === "question",
-        [e.MessageTypeError]: c === "error",
-        [e.MessageTypeInfo]: c === "info"
-      }),
-      children: [
-        g(),
-        /* @__PURE__ */ o("div", { className: r(e.MessageContent), children: [
-          n ? /* @__PURE__ */ s("div", { className: e.MessageTitle, children: n() }) : null,
-          a ? /* @__PURE__ */ s("div", { className: e.MessageText, children: a() }) : null
-        ] })
-      ]
-    }
-  );
-};
+import { jsxs as n, jsx as c } from "react/jsx-runtime";
+import { Check as i, CircleQuestionMark as r, X as l, CircleAlert as _ } from "lucide-react";
+import d from "clsx";
+import '../../assets/message-CgGyIv5e.css';const f = "_Message_fkc6l_1", m = "_Success_fkc6l_15", u = "_Icon_fkc6l_19", k = "_Question_fkc6l_23", I = "_Info_fkc6l_39", g = "_Content_fkc6l_52", x = "_Title_fkc6l_62", N = "_Text_fkc6l_66", s = {
+  Message: f,
+  Success: m,
+  Icon: u,
+  Question: k,
+  Error: "_Error_fkc6l_31",
+  Info: I,
+  Content: g,
+  Title: x,
+  Text: N
+}, h = ({ type: e, title: o, text: t, className: a = "" }) => /* @__PURE__ */ n(
+  "div",
+  {
+    "data-testid": "message",
+    className: d(s.Message, a, {
+      [s.Success]: e === "success",
+      [s.Question]: e === "question",
+      [s.Error]: e === "error",
+      [s.Info]: e === "info"
+    }),
+    children: [
+      e === "success" && /* @__PURE__ */ c(i, { "data-testid": "success-icon", className: s.Icon }),
+      e === "question" && /* @__PURE__ */ c(r, { "data-testid": "question-icon", className: s.Icon }),
+      e === "error" && /* @__PURE__ */ c(l, { "data-testid": "error-icon", className: s.Icon }),
+      e === "info" && /* @__PURE__ */ c(_, { "data-testid": "info-icon", className: s.Icon }),
+      /* @__PURE__ */ n("div", { className: s.Content, children: [
+        o && /* @__PURE__ */ c("div", { "data-testid": "message-title", className: s.Title, children: o }),
+        t && /* @__PURE__ */ c("div", { "data-testid": "message-text", className: s.Text, children: t })
+      ] })
+    ]
+  }
+);
 export {
-  Q as Message
+  h as Message
 };

package/dist/components/message/message.types.d.ts

@@ -0,0 +1,9 @@
+import { BaseProps } from '../../utils/types';
+import { ReactNode } from 'react';
+type MessageType = 'success' | 'question' | 'error' | 'info';
+export interface MessageProps extends BaseProps {
+    type: MessageType;
+    title: ReactNode;
+    text: ReactNode;
+}
+export {};

package/dist/components/message/message.types.js

@@ -0,0 +1 @@
+

package/dist/main.d.ts

@@ -18,7 +18,7 @@ export { Line } from './components/line/line.component';
 export { Loader, type LoaderProps } from './components/loader/loader.component';
 export { LoadingBlock } from './components/loading-block/loading-block.component';
 export { MainAttachment, type MainAttachmentProps } from './components/main-attachment/main-attachment.component';
-export { Message, type MessageProps } from './components/message/message.component';
+export { Message, type MessageProps } from './components/message';
 export { MessageBlock, type MessageBlockProps } from './components/message-block/message-block.component';
 export { NotFound, type NotFoundProps } from './components/not-found';
 export { Payment, type PaymentBlockProps, type PaymentGlassProps, type PaymentSidebarProps, type PaymentTextBlocksProps, type PaymentTextBlockItem, } from './components/payment/payment.component';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.2.5",
+  "version": "1.2.6",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/message-xpCz4pZE.css

@@ -1 +0,0 @@
-._Message_1rcng_1{--message-icon-size: 24px;border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-md);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-xs);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._MessageTypeSuccess_1rcng_15{background-color:var(--rm-ui-message-success-secondary)}._MessageTypeSuccess_1rcng_15 ._MessageIcon_1rcng_19{stroke:var(--rm-ui-message-success-primary)}._MessageTypeQuestion_1rcng_23{background-color:var(--rm-ui-message-question-secondary)}._MessageTypeQuestion_1rcng_23 ._MessageIcon_1rcng_19{stroke:var(--rm-ui-message-question-primary)}._MessageTypeError_1rcng_31{background-color:var(--rm-ui-message-error-secondary)}._MessageTypeError_1rcng_31 ._MessageIcon_1rcng_19{stroke:var(--rm-ui-message-error-primary)}._MessageTypeInfo_1rcng_39{background-color:var(--rm-ui-message-info-secondary)}._MessageTypeInfo_1rcng_39 ._MessageIcon_1rcng_19{stroke:var(--rm-ui-message-info-primary)}._MessageIcon_1rcng_19{width:var(--message-icon-size);height:var(--message-icon-size)}._MessageContent_1rcng_52{flex-basis:calc(100% - var(--message-icon-size) - var(--rm-ui-padding-xs));display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}._MessageTitle_1rcng_62{font-weight:var(--rm-ui-font-weight-medium)}._MessageText_1rcng_66{font-weight:var(--rm-ui-font-weight-regular)}