@arthurzakharov/ui-kit 1.0.106 → 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

@@ -1,6 +1,7 @@
 import { PropsWithChildren } from 'react';
 export interface InformationProps extends PropsWithChildren {
-    accent?: boolean;
+    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

@@ -1,19 +1,40 @@
-import { jsxs as f, jsx as n } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { Info as I } from "lucide-react";
-import s from "clsx";
-import '../../assets/information-DQPFVabC.css';const e = "_Information_1qbj2_1", _ = "_InformationAccent_1qbj2_16", l = "_InformationIcon_1qbj2_21", x = "_InformationText_1qbj2_29", o = {
-  Information: e,
-  InformationAccent: _,
-  InformationIcon: l,
-  InformationText: x
-}, q = i((t, r) => {
-  const { children: c, accent: m = !1, className: a = "" } = t;
-  return /* @__PURE__ */ f("div", { ref: r, className: s(o.Information, a, { [o.InformationAccent]: m }), children: [
-    /* @__PURE__ */ n(I, { className: o.InformationIcon }),
-    /* @__PURE__ */ n("div", { className: o.InformationText, children: c })
-  ] });
+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 {
-  q as Information
+  E as Information
 };

package/package.json

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

package/dist/assets/information-DQPFVabC.css

@@ -1 +0,0 @@
-._Information_1qbj2_1{--icon: 24px;--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);color:var(--rm-ui-color-text-primary);font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._InformationAccent_1qbj2_16{color:var(--rm-ui-color-accent-primary)}._InformationIcon_1qbj2_21{position:relative;top:2px;left:0;width:var(--icon);height:var(--icon)}._InformationText_1qbj2_29{flex-basis:calc(100% - var(--icon) - var(--gap))}