hive-react-kit 0.3.0 → 0.3.1

package/dist/index.esm.js

@@ -25056,9 +25056,11 @@ const Qv = {
   isHstats: n = !0,
   isHsnaps: A = !0,
   isHiveFestFacts: u = !0,
-  backgroundColor: c = "#ffffff"
+  backgroundColor: c = "#ffffff",
+  textColor: l = "#4b5563",
+  borderTopColor: f = "#e2e8f0"
 }) => {
-  const l = Ev(), f = Qv[l], o = {
+  const o = Ev(), d = Qv[o], i = {
     isDistriator: e,
     isCheckinwithxyz: r,
     isHreplier: a,
@@ -25066,10 +25068,10 @@ const Qv = {
     isHstats: n,
     isHsnaps: A,
     isHiveFestFacts: u
-  }, d = jv.filter(
-    (i) => i.alwaysVisible || o[i.visibilityKey] !== !1
+  }, g = jv.filter(
+    (y) => y.alwaysVisible || i[y.visibilityKey] !== !1
   );
-  return d.length === 0 ? null : /* @__PURE__ */ t.jsxs(
+  return g.length === 0 ? null : /* @__PURE__ */ t.jsxs(
     "div",
     {
       style: {
@@ -25079,7 +25081,7 @@ const Qv = {
         right: 0,
         zIndex: 9999,
         backgroundColor: c,
-        borderTop: "1px solid #e2e8f0",
+        borderTop: `1px solid ${f}`,
         boxShadow: "0 -2px 10px rgba(0, 0, 0, 0.08)"
       },
       children: [
@@ -25090,21 +25092,21 @@ const Qv = {
               display: "flex",
               flexDirection: "row",
               alignItems: "center",
-              justifyContent: l === "desktop" ? "center" : "flex-start",
+              justifyContent: o === "desktop" ? "center" : "flex-start",
               overflowX: "auto",
               overflowY: "hidden",
               whiteSpace: "nowrap",
-              padding: f.barPadding,
-              gap: `${f.gap}px`,
+              padding: d.barPadding,
+              gap: `${d.gap}px`,
               scrollbarWidth: "none",
               msOverflowStyle: "none",
               WebkitOverflowScrolling: "touch"
             },
             className: "hive-toolbar-scroll",
-            children: d.map((i) => /* @__PURE__ */ t.jsxs(
+            children: g.map((y) => /* @__PURE__ */ t.jsxs(
               "a",
               {
-                href: i.url,
+                href: y.url,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 style: {
@@ -25113,30 +25115,30 @@ const Qv = {
                   alignItems: "center",
                   justifyContent: "center",
                   textDecoration: "none",
-                  color: "#374151",
-                  padding: f.padding,
+                  color: l,
+                  padding: d.padding,
                   borderRadius: "8px",
                   transition: "background-color 0.2s, transform 0.2s",
                   cursor: "pointer",
                   flexShrink: 0,
-                  minWidth: `${f.minWidth}px`,
-                  maxWidth: `${f.maxWidth}px`
+                  minWidth: `${d.minWidth}px`,
+                  maxWidth: `${d.maxWidth}px`
                 },
-                onMouseEnter: (g) => {
-                  g.currentTarget.style.backgroundColor = "#f3f4f6", g.currentTarget.style.transform = "scale(1.05)";
+                onMouseEnter: (w) => {
+                  w.currentTarget.style.backgroundColor = "#f3f4f6", w.currentTarget.style.transform = "scale(1.05)";
                 },
-                onMouseLeave: (g) => {
-                  g.currentTarget.style.backgroundColor = "transparent", g.currentTarget.style.transform = "scale(1)";
+                onMouseLeave: (w) => {
+                  w.currentTarget.style.backgroundColor = "transparent", w.currentTarget.style.transform = "scale(1)";
                 },
                 children: [
-                  i.isAvatar ? /* @__PURE__ */ t.jsx(
+                  y.isAvatar ? /* @__PURE__ */ t.jsx(
                     "img",
                     {
-                      src: i.avatarUrl,
-                      alt: i.name,
+                      src: y.avatarUrl,
+                      alt: y.name,
                       style: {
-                        width: `${f.icon}px`,
-                        height: `${f.icon}px`,
+                        width: `${d.icon}px`,
+                        height: `${d.icon}px`,
                         borderRadius: "50%",
                         objectFit: "cover"
                       }
@@ -25144,11 +25146,11 @@ const Qv = {
                   ) : /* @__PURE__ */ t.jsx(
                     "img",
                     {
-                      src: i.logo,
-                      alt: i.name,
+                      src: y.logo,
+                      alt: y.name,
                       style: {
-                        width: `${f.icon}px`,
-                        height: `${f.icon}px`,
+                        width: `${d.icon}px`,
+                        height: `${d.icon}px`,
                         borderRadius: "8px",
                         objectFit: "contain"
                       }
@@ -25158,23 +25160,23 @@ const Qv = {
                     "span",
                     {
                       style: {
-                        fontSize: `${f.fontSize}px`,
+                        fontSize: `${d.fontSize}px`,
                         fontWeight: 500,
                         marginTop: "2px",
                         textAlign: "center",
                         lineHeight: "1.2",
                         whiteSpace: "normal",
                         wordWrap: "break-word",
-                        color: "#4b5563",
-                        maxWidth: `${f.maxWidth}px`,
+                        color: l,
+                        maxWidth: `${d.maxWidth}px`,
                         display: "block"
                       },
-                      children: i.name
+                      children: y.name
                     }
                   )
                 ]
               },
-              i.key
+              y.key
             ))
           }
         ),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hive-react-kit",
   "private": false,
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",