@arthurzakharov/ui-kit 1.0.88 → 1.0.89

package/dist/assets/main-CM5QsfPQ.css

@@ -0,0 +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-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,b,strong{font-weight:var(--rm-ui-font-weight-medium)}h1{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}h2{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}h3{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}h4{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}h5,h6{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);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;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;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)}.text-primary{color:var(--rm-ui-color-text-primary)}.text-secondary{color:var(--rm-ui-color-text-secondary)}.fw-light{font-weight:var(--rm-ui-font-weight-light)}.fw-regular{font-weight:var(--rm-ui-font-weight-regular)}.fw-medium{font-weight:var(--rm-ui-font-weight-medium)}.fw-bold{font-weight:var(--rm-ui-font-weight-bold)}: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: #ffffff;--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;--rm-ui-warranty-bg: #f9fcff}

package/dist/assets/text-block-QHEDri-q.css

@@ -0,0 +1 @@
+._TextBlock_hasyn_1{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-lg)}._TextBlockEmoji_hasyn_10{font-size:64px;line-height:1}._TextBlockHeader_hasyn_15{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._TextBlockTitle_hasyn_24{font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2);color:var(--rm-ui-color-text-primary)}._TextBlockSubtitle_hasyn_31{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-secondary)}._TextBlockContent_hasyn_38{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._TextBlockContent_hasyn_38 h1,._TextBlockContent_hasyn_38 h2{margin-bottom:var(--rm-ui-padding-sm)}._TextBlockContent_hasyn_38 h3,._TextBlockContent_hasyn_38 h4,._TextBlockContent_hasyn_38 h5,._TextBlockContent_hasyn_38 h6{margin-bottom:var(--rm-ui-padding-xs)}._TextBlockContent_hasyn_38 p,._TextBlockContent_hasyn_38 div{margin-bottom:var(--rm-ui-padding-md)}

package/dist/components/text-block/text-block.component.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+export interface TextBlockProps extends PropsWithChildren {
+    emoji?: string;
+    title?: string;
+    subtitle?: string;
+}
+export declare const TextBlock: (props: TextBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/text-block/text-block.component.js

@@ -0,0 +1,22 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import '../../assets/text-block-QHEDri-q.css';const x = "_TextBlock_hasyn_1", i = "_TextBlockEmoji_hasyn_10", k = "_TextBlockHeader_hasyn_15", B = "_TextBlockTitle_hasyn_24", a = "_TextBlockSubtitle_hasyn_31", _ = "_TextBlockContent_hasyn_38", e = {
+  TextBlock: x,
+  TextBlockEmoji: i,
+  TextBlockHeader: k,
+  TextBlockTitle: B,
+  TextBlockSubtitle: a,
+  TextBlockContent: _
+}, d = (s) => {
+  const { children: T, emoji: o, title: l = "", subtitle: c = "" } = s;
+  return /* @__PURE__ */ n("div", { className: e.TextBlock, children: [
+    o ? /* @__PURE__ */ t("div", { className: e.TextBlockEmoji, children: o }) : null,
+    l || c ? /* @__PURE__ */ n("div", { className: e.TextBlockHeader, children: [
+      l ? /* @__PURE__ */ t("h2", { className: e.TextBlockTitle, children: l }) : null,
+      c ? /* @__PURE__ */ t("h6", { className: e.TextBlockSubtitle, children: c }) : null
+    ] }) : null,
+    /* @__PURE__ */ t("div", { className: e.TextBlockContent, children: T })
+  ] });
+};
+export {
+  d as TextBlock
+};

package/dist/main.d.ts

@@ -16,5 +16,6 @@ export { Message, type MessageProps } from './components/message/message.compone
 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';
+export { TextBlock, type TextBlockProps } from './components/text-block/text-block.component';
 export { UserPanel, type UserPanelProps } from './components/user-panel/user-panel.component';
 export { Warranty, type WarrantyProps } from './components/warranty/warranty.component';

package/dist/main.js

@@ -1,42 +1,44 @@
 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 { Certifications as x } from "./components/certifications/certifications.component.js";
+import { Control as m } from "./components/control/control.component.js";
 import { Dialog as a } from "./components/dialog/dialog.component.js";
 import { DialogArticle as i } from "./components/dialog-article/dialog-article.component.js";
 import { Expenses as s } from "./components/expenses/expenses.component.js";
-import { Footer as c } from "./components/footer/footer.component.js";
+import { Footer as d } from "./components/footer/footer.component.js";
 import { Header as L } from "./components/header/header.component.js";
-import { InfoPanel as u } from "./components/info-panel/info-panel.component.js";
-import { Layout as C } from "./components/layout/layout.component.js";
-import { Line as F } from "./components/line/line.component.js";
-import { Loader as P } from "./components/loader/loader.component.js";
-import { LoadingBlock as h } from "./components/loading-block/loading-block.component.js";
-import { MainAttachment as B } from "./components/main-attachment/main-attachment.component.js";
-import { Message as H } from "./components/message/message.component.js";
-import { NotFound as N } from "./components/not-found/not-found.component.js";
-import { Sidebar as T } from "./components/sidebar/sidebar.component.js";
+import { InfoPanel as k } from "./components/info-panel/info-panel.component.js";
+import { Layout as y } from "./components/layout/layout.component.js";
+import { Line as C } from "./components/line/line.component.js";
+import { Loader as F } from "./components/loader/loader.component.js";
+import { LoadingBlock as P } from "./components/loading-block/loading-block.component.js";
+import { MainAttachment as b } from "./components/main-attachment/main-attachment.component.js";
+import { Message as E } from "./components/message/message.component.js";
+import { NotFound as I } from "./components/not-found/not-found.component.js";
+import { Sidebar as S } from "./components/sidebar/sidebar.component.js";
 import { Text as W } from "./components/text/text.component.js";
-import { UserPanel as q } from "./components/user-panel/user-panel.component.js";
-import { Warranty as w } from "./components/warranty/warranty.component.js";
-import './assets/main-qdiWzY1M.css';export {
+import { TextBlock as q } from "./components/text-block/text-block.component.js";
+import { UserPanel as w } from "./components/user-panel/user-panel.component.js";
+import { Warranty as G } from "./components/warranty/warranty.component.js";
+import './assets/main-CM5QsfPQ.css';export {
   e as Animation,
-  f as Certifications,
-  x as Control,
+  x as Certifications,
+  m as Control,
   a as Dialog,
   i as DialogArticle,
   s as Expenses,
-  c as Footer,
+  d as Footer,
   L as Header,
-  u as InfoPanel,
-  C as Layout,
-  F as Line,
-  P as Loader,
-  h as LoadingBlock,
-  B as MainAttachment,
-  H as Message,
-  N as NotFound,
-  T as Sidebar,
+  k as InfoPanel,
+  y as Layout,
+  C as Line,
+  F as Loader,
+  P as LoadingBlock,
+  b as MainAttachment,
+  E as Message,
+  I as NotFound,
+  S as Sidebar,
   W as Text,
-  q as UserPanel,
-  w as Warranty
+  q as TextBlock,
+  w as UserPanel,
+  G as Warranty
 };

package/package.json

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

package/dist/assets/main-qdiWzY1M.css

@@ -1 +0,0 @@
-*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}b,strong{font-weight:var(--rm-ui-font-weight-medium)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);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;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;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: #ffffff;--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;--rm-ui-warranty-bg: #f9fcff}