stone-kit 0.0.375 → 0.0.376

package/dist/components/MetroTag/ui/MetroTag.js

@@ -1,47 +1,57 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { c as g } from "../../../index-rKuIKazb.js";
-import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
-const f = "_root_1izmi_1", z = "_metroColor_1izmi_16", h = "_route_1izmi_26", w = "_auto_1izmi_36", N = "_full_1izmi_40", x = "_transparent_1izmi_44", B = "_long_1izmi_49", C = "_withBg_1izmi_53", s = {
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { c as p } from "../../../index-rKuIKazb.js";
+import { NewIcon as z } from "../../NewIcon/ui/NewIcon.js";
+const f = "_root_1izmi_1", h = "_metroColor_1izmi_16", b = "_route_1izmi_26", x = "_auto_1izmi_36", w = "_full_1izmi_40", N = "_transparent_1izmi_44", k = "_long_1izmi_49", m = "_withBg_1izmi_53", n = {
   root: f,
-  metroColor: z,
-  route: h,
-  auto: w,
-  full: N,
-  transparent: x,
-  long: B,
-  withBg: C
-}, n = g.bind(s), j = ({
-  addClassName: l,
-  addClassNameColor: a,
-  addClassNameTimeTo: c,
+  metroColor: h,
+  route: b,
+  auto: x,
+  full: w,
+  transparent: N,
+  long: k,
+  withBg: m
+}, a = p.bind(n), I = ({
+  addClassName: c,
+  addClassNameColor: l,
+  addClassNameTimeTo: t,
   metro: o,
-  width: r = "auto",
-  variant: _ = "default",
+  width: _ = "auto",
+  variant: u = "default",
   isBetween: e = !1,
-  withBg: u = !1,
+  withBg: r = !1,
   ...d
 }) => {
-  const m = ["pedestrian", "auto"];
+  const g = ["pedestrian", "auto"];
   return /* @__PURE__ */ i(
     "div",
     {
-      className: n(
-        s.root,
-        s[_],
-        s[e ? "long" : ""],
-        s[u ? "withBg" : ""],
-        l,
-        s[r]
+      className: a(
+        n.root,
+        n[u],
+        n[e ? "long" : ""],
+        n[r ? "withBg" : ""],
+        c,
+        n[_]
       ),
       ...d,
       children: [
-        /* @__PURE__ */ i("div", { className: n(s.metroColor, a), children: [
-          (o == null ? void 0 : o.color) && /* @__PURE__ */ t("span", { style: { background: (o == null ? void 0 : o.color) ?? "" } }),
+        /* @__PURE__ */ i("div", { className: a(n.metroColor, l), children: [
+          (o == null ? void 0 : o.icon) && /* @__PURE__ */ s(
+            "div",
+            {
+              style: {
+                backgroundImage: `url${o.icon}`,
+                backgroundSize: "20px 20px",
+                backgroundRepeat: "no-repeat"
+              }
+            }
+          ),
+          (o == null ? void 0 : o.color) && !(o != null && o.icon) && /* @__PURE__ */ s("span", { style: { background: (o == null ? void 0 : o.color) ?? "" } }),
           o.name
         ] }),
-        o.timeTo && /* @__PURE__ */ i("div", { className: n(s.route, c), children: [
-          o.mode && m.includes(o.mode) && /* @__PURE__ */ t(
-            p,
+        o.timeTo && /* @__PURE__ */ i("div", { className: a(n.route, t), children: [
+          o.mode && g.includes(o.mode) && /* @__PURE__ */ s(
+            z,
             {
               size: "20",
               name: o.mode,
@@ -55,5 +65,5 @@ const f = "_root_1izmi_1", z = "_metroColor_1izmi_16", h = "_route_1izmi_26", w
   );
 };
 export {
-  j as MetroTag
+  I as MetroTag
 };

package/dist/components/MetroTag/ui/MetroTag.types.d.ts

@@ -7,6 +7,7 @@ export interface IMetroTagProps extends React.HTMLAttributes<HTMLDivElement> {
         color?: string;
         timeTo?: number;
         mode?: string;
+        icon?: string;
     };
     variant?: 'default' | 'transparent';
     addClassName?: string;

package/package.json

@@ -2,7 +2,7 @@
   "name": "stone-kit",
   "description": "uikit for redesign",
   "private": false,
-  "version": "0.0.375",
+  "version": "0.0.376",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",