@arthurzakharov/ui-kit 1.0.105 → 1.0.107

package/dist/assets/information-D17SaeRr.css

@@ -0,0 +1 @@
+._Information_mz7ra_1{--gap: var(--rm-ui-padding-sm);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:var(--gap);font-weight:var(--rm-ui-font-weight-light)}._InformationSizeRegular_mz7ra_12{--icon: 24px;font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._InformationSizeSmall_mz7ra_18{--icon: 20px;font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._InformationSizeExtraSmall_mz7ra_24{--icon: 16px;font-size:var(--rm-ui-font-size-body-extra-small);line-height:var(--rm-ui-line-height-body-extra-small)}._InformationColorPrimary_mz7ra_30{color:var(--rm-ui-color-text-primary)}._InformationColorSecondary_mz7ra_34{color:var(--rm-ui-color-text-secondary)}._InformationColorAccentPrimary_mz7ra_38{color:var(--rm-ui-color-accent-primary)}._InformationColorAccentSecondary_mz7ra_42{color:var(--rm-ui-color-accent-secondary)}._InformationIcon_mz7ra_46{position:relative;top:2px;left:0;width:var(--icon);height:var(--icon)}._InformationText_mz7ra_54{flex-basis:calc(100% - var(--icon) - var(--gap))}._InformationText_mz7ra_54 b,._InformationText_mz7ra_54 strong{font-weight:var(--rm-ui-font-weight-regular)}._InformationText_mz7ra_54>p:not(:last-child){margin-bottom:var(--rm-ui-padding-xs)}

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

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+export interface InformationProps extends PropsWithChildren {
+    size?: 'regular' | 'small' | 'extra-small';
+    color?: 'primary' | 'secondary' | 'accent-primary' | 'accent-secondary';
+    className?: string;
+}
+export declare const Information: import('react').ForwardRefExoticComponent<InformationProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/information/information.component.js

@@ -0,0 +1,40 @@
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { Info as f } from "lucide-react";
+import I from "clsx";
+import '../../assets/information-D17SaeRr.css';const s = "_Information_mz7ra_1", _ = "_InformationSizeRegular_mz7ra_12", S = "_InformationSizeSmall_mz7ra_18", z = "_InformationSizeExtraSmall_mz7ra_24", y = "_InformationColorPrimary_mz7ra_30", C = "_InformationColorSecondary_mz7ra_34", d = "_InformationColorAccentPrimary_mz7ra_38", x = "_InformationColorAccentSecondary_mz7ra_42", p = "_InformationIcon_mz7ra_46", A = "_InformationText_mz7ra_54", o = {
+  Information: s,
+  InformationSizeRegular: _,
+  InformationSizeSmall: S,
+  InformationSizeExtraSmall: z,
+  InformationColorPrimary: y,
+  InformationColorSecondary: C,
+  InformationColorAccentPrimary: d,
+  InformationColorAccentSecondary: x,
+  InformationIcon: p,
+  InformationText: A
+}, E = l((m, t) => {
+  const { children: i, size: n = "regular", color: r = "primary", className: c = "" } = m;
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      className: I(o.Information, c, {
+        [o.InformationColorPrimary]: r === "primary",
+        [o.InformationSizeRegular]: n === "regular",
+        [o.InformationSizeSmall]: n === "small",
+        [o.InformationSizeExtraSmall]: n === "extra-small",
+        [o.InformationColorSecondary]: r === "secondary",
+        [o.InformationColorAccentPrimary]: r === "accent-primary",
+        [o.InformationColorAccentSecondary]: r === "accent-secondary"
+      }),
+      children: [
+        /* @__PURE__ */ a(f, { className: o.InformationIcon }),
+        /* @__PURE__ */ a("div", { className: o.InformationText, children: i })
+      ]
+    }
+  );
+});
+export {
+  E as Information
+};

package/dist/main.d.ts

@@ -8,6 +8,7 @@ export { Expenses, type ExpensesProps } from './components/expenses/expenses.com
 export { Footer, type FooterProps, type FooterLink } from './components/footer/footer.component';
 export { Header, type HeaderProps, type HeaderDescription } from './components/header/header.component';
 export { InfoPanel, type InfoPanelProps } from './components/info-panel/info-panel.component';
+export { Information, type InformationProps } from './components/information/information.component';
 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';

package/dist/main.js

@@ -8,20 +8,21 @@ import { Expenses as d } from "./components/expenses/expenses.component.js";
 import { Footer as L } from "./components/footer/footer.component.js";
 import { Header as y } from "./components/header/header.component.js";
 import { InfoPanel as C } from "./components/info-panel/info-panel.component.js";
-import { Layout as M } from "./components/layout/layout.component.js";
-import { Line as k } from "./components/line/line.component.js";
-import { Loader as B } from "./components/loader/loader.component.js";
-import { LoadingBlock as S } from "./components/loading-block/loading-block.component.js";
-import { MainAttachment as v } from "./components/main-attachment/main-attachment.component.js";
-import { Message as H } from "./components/message/message.component.js";
-import { MessageBlock as N } from "./components/message-block/message-block.component.js";
-import { NotFound as U } from "./components/not-found/not-found.component.js";
-import { Payment as j } from "./components/payment/payment.component.js";
-import { Sidebar as w } from "./components/sidebar/sidebar.component.js";
-import { Svg as G } from "./components/svg/svg.component.js";
-import { Text as K } from "./components/text/text.component.js";
-import { UserPanel as Q } from "./components/user-panel/user-panel.component.js";
-import { Warranty as V } from "./components/warranty/warranty.component.js";
+import { Information as M } from "./components/information/information.component.js";
+import { Layout as k } from "./components/layout/layout.component.js";
+import { Line as B } from "./components/line/line.component.js";
+import { Loader as I } from "./components/loader/loader.component.js";
+import { LoadingBlock as h } from "./components/loading-block/loading-block.component.js";
+import { MainAttachment as E } from "./components/main-attachment/main-attachment.component.js";
+import { Message as N } from "./components/message/message.component.js";
+import { MessageBlock as U } from "./components/message-block/message-block.component.js";
+import { NotFound as j } from "./components/not-found/not-found.component.js";
+import { Payment as w } from "./components/payment/payment.component.js";
+import { Sidebar as G } from "./components/sidebar/sidebar.component.js";
+import { Svg as K } from "./components/svg/svg.component.js";
+import { Text as Q } from "./components/text/text.component.js";
+import { UserPanel as V } from "./components/user-panel/user-panel.component.js";
+import { Warranty as Y } from "./components/warranty/warranty.component.js";
 import './assets/main--usgu9xb.css';export {
   e as Animation,
   m as Certifications,
@@ -33,18 +34,19 @@ import './assets/main--usgu9xb.css';export {
   L as Footer,
   y as Header,
   C as InfoPanel,
-  M as Layout,
-  k as Line,
-  B as Loader,
-  S as LoadingBlock,
-  v as MainAttachment,
-  H as Message,
-  N as MessageBlock,
-  U as NotFound,
-  j as Payment,
-  w as Sidebar,
-  G as Svg,
-  K as Text,
-  Q as UserPanel,
-  V as Warranty
+  M as Information,
+  k as Layout,
+  B as Line,
+  I as Loader,
+  h as LoadingBlock,
+  E as MainAttachment,
+  N as Message,
+  U as MessageBlock,
+  j as NotFound,
+  w as Payment,
+  G as Sidebar,
+  K as Svg,
+  Q as Text,
+  V as UserPanel,
+  Y as Warranty
 };

package/package.json

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