@arthurzakharov/ui-kit 1.0.64 → 1.0.65

package/dist/assets/{main-CQA3hKgm.css → main-D2d6ACnF.css}

@@ -1 +1 @@
-*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}a{text-decoration:none;color:inherit;border-radius:.125rem;outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #23bf96;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-body-color: #f0faff;--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-header-logo-height: 30px;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-step-idle-color: #82868f;--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #f0faff;--rm-ui-amimation-speed-primary: .2s;--rm-ui-amimation-speed-secondary: .3s}
+*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}a{text-decoration:none;color:inherit;border-radius:.125rem;outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #23bf96;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-body-color: #f0faff;--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-header-logo-height: 30px;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-step-idle-color: #82868f;--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #f0faff;--rm-ui-amimation-speed-primary: .2s;--rm-ui-amimation-speed-secondary: .3s;--rm-ui-message-success-primary: #29c667;--rm-ui-message-success-secondary: #f1fdf4;--rm-ui-message-question-primary: #a76000;--rm-ui-message-question-secondary: #fefce8;--rm-ui-message-error-primary: var(--rm-ui-color-error);--rm-ui-message-error-secondary: #fef3f3;--rm-ui-message-info-primary: #3289c4;--rm-ui-message-info-secondary: #f3f7fe}

package/dist/assets/message-CmLlka4r.css

@@ -0,0 +1 @@
+._Message_zgxrh_1{--message-icon-size: 24px;border-radius:var(--rm-ui-padding-sm);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_zgxrh_16{background-color:var(--rm-ui-message-success-secondary)}._MessageTypeSuccess_zgxrh_16 ._MessageIcon_zgxrh_20{stroke:var(--rm-ui-message-success-primary)}._MessageTypeQuestion_zgxrh_24{background-color:var(--rm-ui-message-question-secondary)}._MessageTypeQuestion_zgxrh_24 ._MessageIcon_zgxrh_20{stroke:var(--rm-ui-message-question-primary)}._MessageTypeError_zgxrh_32{background-color:var(--rm-ui-message-error-secondary)}._MessageTypeError_zgxrh_32 ._MessageIcon_zgxrh_20{stroke:var(--rm-ui-message-error-primary)}._MessageTypeInfo_zgxrh_40{background-color:var(--rm-ui-message-info-secondary)}._MessageTypeInfo_zgxrh_40 ._MessageIcon_zgxrh_20{stroke:var(--rm-ui-message-info-primary)}._MessageIcon_zgxrh_20{width:var(--message-icon-size);height:var(--message-icon-size)}._MessageContent_zgxrh_53{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_zgxrh_63{font-weight:var(--rm-ui-font-weight-medium)}._MessageText_zgxrh_67{font-weight:var(--rm-ui-font-weight-regular)}

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

@@ -0,0 +1,6 @@
+export interface MessageProps {
+    type: 'success' | 'question' | 'error' | 'info';
+    title?: string;
+    text?: string;
+}
+export declare const Message: (props: MessageProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,48 @@
+import { jsxs as o, jsx as s } from "react/jsx-runtime";
+import { CircleAlert as M, X as _, CircleQuestionMark as i, Check as l } from "lucide-react";
+import r from "clsx";
+import '../../assets/message-CmLlka4r.css';const T = "_Message_zgxrh_1", u = "_MessageTypeSuccess_zgxrh_16", p = "_MessageIcon_zgxrh_20", y = "_MessageTypeQuestion_zgxrh_24", x = "_MessageTypeError_zgxrh_32", m = "_MessageTypeInfo_zgxrh_40", h = "_MessageContent_zgxrh_53", I = "_MessageTitle_zgxrh_63", f = "_MessageText_zgxrh_67", e = {
+  Message: T,
+  MessageTypeSuccess: u,
+  MessageIcon: p,
+  MessageTypeQuestion: y,
+  MessageTypeError: x,
+  MessageTypeInfo: m,
+  MessageContent: h,
+  MessageTitle: I,
+  MessageText: f
+}, C = (c) => {
+  const { type: a = "info", title: n = "", text: t = "" } = c, g = () => {
+    switch (a) {
+      case "success":
+        return /* @__PURE__ */ s(l, { className: e.MessageIcon });
+      case "question":
+        return /* @__PURE__ */ s(i, { className: e.MessageIcon });
+      case "error":
+        return /* @__PURE__ */ s(_, { className: e.MessageIcon });
+      case "info":
+        return /* @__PURE__ */ s(M, { className: e.MessageIcon });
+    }
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: r(e.Message, {
+        [e.MessageTypeSuccess]: a === "success",
+        [e.MessageTypeQuestion]: a === "question",
+        [e.MessageTypeError]: a === "error",
+        [e.MessageTypeInfo]: a === "info"
+      }),
+      children: [
+        g(),
+        /* @__PURE__ */ o("div", { className: r(e.MessageContent), children: [
+          n ? /* @__PURE__ */ s("div", { className: e.MessageTitle, dangerouslySetInnerHTML: { __html: n } }) : null,
+          t ? /* @__PURE__ */ s("div", { className: e.MessageText, dangerouslySetInnerHTML: { __html: t } }) : null
+        ] })
+      ]
+    }
+  );
+};
+export {
+  C as Message
+};

package/dist/main.d.ts

@@ -8,6 +8,7 @@ export { Layout, type LayoutProps } from './components/layout/layout.component';
 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 { Message, type MessageProps } from './components/message/message.component';
 export { NotFound, type NotFoundProps } from './components/not-found/not-found.component';
 export { Sidebar, type SidebarProps } from './components/sidebar/sidebar.component';
 export { Text } from './components/text/text.component';

package/dist/main.js

@@ -1,30 +1,32 @@
 import { Animation as e } from "./components/animation/animation.component.js";
 import { Certifications as f } from "./components/certifications/certifications.component.js";
 import { Control as x } from "./components/control/control.component.js";
-import { Footer as n } from "./components/footer/footer.component.js";
+import { Footer as a } from "./components/footer/footer.component.js";
 import { Header as i } from "./components/header/header.component.js";
 import { InfoPanel as l } from "./components/info-panel/info-panel.component.js";
-import { Layout as c } from "./components/layout/layout.component.js";
-import { Line as u } from "./components/line/line.component.js";
-import { Loader as F } from "./components/loader/loader.component.js";
-import { LoadingBlock as b } from "./components/loading-block/loading-block.component.js";
-import { NotFound as k } from "./components/not-found/not-found.component.js";
-import { Sidebar as A } from "./components/sidebar/sidebar.component.js";
-import { Text as H } from "./components/text/text.component.js";
-import { UserPanel as N } from "./components/user-panel/user-panel.component.js";
-import './assets/main-CQA3hKgm.css';export {
+import { Layout as L } from "./components/layout/layout.component.js";
+import { Line as g } from "./components/line/line.component.js";
+import { Loader as C } from "./components/loader/loader.component.js";
+import { LoadingBlock as P } from "./components/loading-block/loading-block.component.js";
+import { Message as k } from "./components/message/message.component.js";
+import { NotFound as A } from "./components/not-found/not-found.component.js";
+import { Sidebar as H } from "./components/sidebar/sidebar.component.js";
+import { Text as M } from "./components/text/text.component.js";
+import { UserPanel as S } from "./components/user-panel/user-panel.component.js";
+import './assets/main-D2d6ACnF.css';export {
   e as Animation,
   f as Certifications,
   x as Control,
-  n as Footer,
+  a as Footer,
   i as Header,
   l as InfoPanel,
-  c as Layout,
-  u as Line,
-  F as Loader,
-  b as LoadingBlock,
-  k as NotFound,
-  A as Sidebar,
-  H as Text,
-  N as UserPanel
+  L as Layout,
+  g as Line,
+  C as Loader,
+  P as LoadingBlock,
+  k as Message,
+  A as NotFound,
+  H as Sidebar,
+  M as Text,
+  S as UserPanel
 };

package/package.json

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