hive-react-kit 0.11.10 → 0.11.11

package/dist/build.css

@@ -862,6 +862,9 @@
   .max-h-\[656px\] {
     max-height: 656px;
   }
+  .max-h-\[calc\(90vh-64px\)\] {
+    max-height: calc(90vh - 64px);
+  }
   .max-h-\[calc\(90vh-80px\)\] {
     max-height: calc(90vh - 80px);
   }
@@ -1371,6 +1374,11 @@
       border-color: var(--color-gray-700);
     }
   }
+  .divide-gray-800 {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-gray-800);
+    }
+  }
   .divide-gray-800\/50 {
     :where(& > :not(:last-child)) {
       border-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
@@ -1525,6 +1533,12 @@
   .border-blue-500 {
     border-color: var(--color-blue-500);
   }
+  .border-blue-500\/25 {
+    border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-blue-500) 25%, transparent);
+    }
+  }
   .border-blue-500\/30 {
     border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1813,6 +1827,12 @@
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
+  .bg-blue-500\/5 {
+    background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);
+    }
+  }
   .bg-blue-500\/15 {
     background-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 15%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1984,6 +2004,12 @@
       background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
     }
   }
+  .bg-gray-900\/60 {
+    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent);
+    }
+  }
   .bg-gray-900\/80 {
     background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 80%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1999,6 +2025,12 @@
   .bg-gray-950 {
     background-color: var(--color-gray-950);
   }
+  .bg-gray-950\/50 {
+    background-color: color-mix(in srgb, oklch(13% 0.028 261.692) 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-950) 50%, transparent);
+    }
+  }
   .bg-green-100 {
     background-color: var(--color-green-100);
   }
@@ -2826,6 +2858,9 @@
   .opacity-50 {
     opacity: 50%;
   }
+  .opacity-60 {
+    opacity: 60%;
+  }
   .opacity-80 {
     opacity: 80%;
   }

package/dist/components/index.d.ts

@@ -30,4 +30,5 @@ export { default as UserFollowers } from './user/UserFollowers';
 export { default as UserFollowing } from './user/UserFollowing';
 export { default as UserInfo } from './user/UserInfo';
 export { default as UserProfilePage } from './user/UserProfilePage';
+export { default as KERatioBadge } from './user/KERatioBadge';
 export { default as HiveContributionsLanding } from './landing-page/HiveContributionsLanding';

package/dist/components/user/KERatioBadge.d.ts

@@ -0,0 +1,17 @@
+interface KERatioBadgeProps {
+    username: string;
+    /** Hide the inline badge while loading (useful when sitting in a meta strip). */
+    hideWhileLoading?: boolean;
+    className?: string;
+}
+/**
+ * Small clickable badge showing an account's KE ratio. Opens a details modal
+ * with the underlying numbers and a plain-language explanation of the metric.
+ *
+ *   ke = (posting_rewards + curation_rewards) / effective_HP / 1000
+ *
+ * Meant to live inline next to other account meta (VP, HP) on the profile
+ * header, so it inherits a similar visual treatment.
+ */
+declare const KERatioBadge: ({ username, hideWhileLoading, className, }: KERatioBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default KERatioBadge;