hive-react-kit 0.7.9 → 0.8.1

package/dist/build.css

@@ -127,6 +127,7 @@
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
     --radius-2xl: 1rem;
+    --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
@@ -689,9 +690,15 @@
   .h-36 {
     height: calc(var(--spacing) * 36);
   }
+  .h-44 {
+    height: calc(var(--spacing) * 44);
+  }
   .h-48 {
     height: calc(var(--spacing) * 48);
   }
+  .h-52 {
+    height: calc(var(--spacing) * 52);
+  }
   .h-\[56px\] {
     height: 56px;
   }
@@ -1143,9 +1150,6 @@
       margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
-  .gap-y-0\.5 {
-    row-gap: calc(var(--spacing) * 0.5);
-  }
   .gap-y-1 {
     row-gap: calc(var(--spacing) * 1);
   }
@@ -1318,6 +1322,9 @@
   .border-gray-800 {
     border-color: var(--color-gray-800);
   }
+  .border-gray-900 {
+    border-color: var(--color-gray-900);
+  }
   .border-green-600\/60 {
     border-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1741,6 +1748,10 @@
     --tw-gradient-position: to right in oklab;
     background-image: linear-gradient(var(--tw-gradient-stops));
   }
+  .bg-gradient-to-t {
+    --tw-gradient-position: to top in oklab;
+    background-image: linear-gradient(var(--tw-gradient-stops));
+  }
   .from-amber-900\/30 {
     --tw-gradient-from: color-mix(in srgb, oklch(41.4% 0.112 45.904) 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1759,10 +1770,22 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .from-gray-900 {
+    --tw-gradient-from: var(--color-gray-900);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .from-purple-600 {
     --tw-gradient-from: var(--color-purple-600);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .via-gray-900\/60 {
+    --tw-gradient-via: color-mix(in srgb, oklch(21% 0.034 264.665) 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-gray-900) 60%, transparent);
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
   .via-transparent {
     --tw-gradient-via: transparent;
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -1794,6 +1817,10 @@
     }
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-transparent {
+    --tw-gradient-to: transparent;
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .bg-cover {
     background-size: cover;
   }
@@ -1920,9 +1947,6 @@
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
-  .pt-6 {
-    padding-top: calc(var(--spacing) * 6);
-  }
   .pt-8 {
     padding-top: calc(var(--spacing) * 8);
   }
@@ -1938,6 +1962,9 @@
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
+  .pb-0\.5 {
+    padding-bottom: calc(var(--spacing) * 0.5);
+  }
   .pb-1 {
     padding-bottom: calc(var(--spacing) * 1);
   }
@@ -2342,6 +2369,11 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .drop-shadow-md {
+    --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));
+    --tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
@@ -2544,6 +2576,16 @@
       }
     }
   }
+  .hover\:bg-black\/60 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #000 60%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-black\/70 {
     &:hover {
       @media (hover: hover) {
@@ -2664,16 +2706,6 @@
       }
     }
   }
-  .hover\:bg-orange-900\/20 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 20%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-orange-900) 20%, transparent);
-        }
-      }
-    }
-  }
   .hover\:bg-purple-700 {
     &:hover {
       @media (hover: hover) {
@@ -2688,16 +2720,6 @@
       }
     }
   }
-  .hover\:bg-red-900\/20 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 20%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent);
-        }
-      }
-    }
-  }
   .hover\:bg-slate-800 {
     &:hover {
       @media (hover: hover) {
@@ -2705,16 +2727,6 @@
       }
     }
   }
-  .hover\:bg-white\/10 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, #fff 10%, transparent);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
-        }
-      }
-    }
-  }
   .hover\:bg-white\/20 {
     &:hover {
       @media (hover: hover) {
@@ -3051,6 +3063,11 @@
       height: calc(var(--spacing) * 8);
     }
   }
+  .sm\:h-20 {
+    @media (width >= 40rem) {
+      height: calc(var(--spacing) * 20);
+    }
+  }
   .sm\:h-32 {
     @media (width >= 40rem) {
       height: calc(var(--spacing) * 32);
@@ -3061,6 +3078,11 @@
       height: calc(var(--spacing) * 44);
     }
   }
+  .sm\:h-52 {
+    @media (width >= 40rem) {
+      height: calc(var(--spacing) * 52);
+    }
+  }
   .sm\:h-64 {
     @media (width >= 40rem) {
       height: calc(var(--spacing) * 64);
@@ -3086,6 +3108,11 @@
       width: calc(var(--spacing) * 8);
     }
   }
+  .sm\:w-20 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 20);
+    }
+  }
   .sm\:w-32 {
     @media (width >= 40rem) {
       width: calc(var(--spacing) * 32);
@@ -3141,6 +3168,12 @@
       gap: calc(var(--spacing) * 4);
     }
   }
+  .sm\:border-4 {
+    @media (width >= 40rem) {
+      border-style: var(--tw-border-style);
+      border-width: 4px;
+    }
+  }
   .sm\:p-1 {
     @media (width >= 40rem) {
       padding: calc(var(--spacing) * 1);
@@ -3271,6 +3304,16 @@
       height: calc(var(--spacing) * 16);
     }
   }
+  .md\:h-24 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 24);
+    }
+  }
+  .md\:h-60 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 60);
+    }
+  }
   .md\:w-4 {
     @media (width >= 48rem) {
       width: calc(var(--spacing) * 4);
@@ -3291,6 +3334,11 @@
       width: calc(var(--spacing) * 16);
     }
   }
+  .md\:w-24 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 24);
+    }
+  }
   .md\:w-auto {
     @media (width >= 48rem) {
       width: auto;

package/dist/components/HiveDetailPost.d.ts

@@ -3,7 +3,12 @@ export interface HiveDetailPostProps {
     permlink: string;
     currentUser?: string;
     onUpvote?: (percent: number) => void | Promise<void>;
-    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | Promise<void>;
+    /**
+     * Called when the user submits a comment.
+     * Return `false` to indicate the operation was cancelled (e.g. keychain request denied)
+     * — the composed text will be preserved and no refresh will occur.
+     */
+    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | boolean | Promise<void | boolean>;
     onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
     onReblog?: () => void;
     onShare?: () => void;
@@ -18,7 +23,12 @@ export interface HiveDetailPostProps {
      * @param permlink - post permlink
      * @param choiceNums - 1-based choice numbers selected by the user
      */
-    onVotePoll?: (author: string, permlink: string, choiceNums: number[]) => void | Promise<void>;
+    /**
+     * Called when the user submits a poll vote.
+     * Return `false` to indicate the operation was cancelled (e.g. keychain request denied)
+     * — the vote UI will not be updated.
+     */
+    onVotePoll?: (author: string, permlink: string, choiceNums: number[]) => void | boolean | Promise<void | boolean>;
     ecencyToken?: string;
     threeSpeakApiKey?: string;
     giphyApiKey?: string;

package/dist/components/actionButtons/PostActionButton.d.ts

@@ -16,8 +16,9 @@ export interface PostActionButtonProps {
     initialCommentsCount?: number;
     /** Called when user confirms vote with percent (1–100). Frontend handles signing/broadcast. */
     onUpvote?: (percent: number) => void | Promise<void>;
-    /** Called when user submits a comment. Frontend handles signing/broadcast. */
-    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | Promise<void>;
+    /** Called when user submits a comment. Frontend handles signing/broadcast.
+     *  Return `false` to indicate the operation was cancelled — the composer text will be preserved. */
+    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | boolean | Promise<void | boolean>;
     /** Called when comment button is clicked (e.g. open comments). */
     onComments?: () => void;
     /** Called when reblog is clicked (when logged in). */

package/dist/components/comments/AddCommentInput.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export interface PostComposerProps {
-    onSubmit: (body: string) => void;
+    onSubmit: (body: string) => void | boolean | Promise<void | boolean>;
     onCancel?: () => void;
     currentUser?: string;
     placeholder?: string;

package/dist/components/comments/CommentsModal.d.ts

@@ -9,8 +9,9 @@ interface CommentsModalProps {
     onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
     onClickCommentReply?: (comment: Discussion) => void;
     onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
-    /** When provided, used instead of apiService.handleComment (e.g. for aioha wallet) */
-    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => Promise<void>;
+    /** When provided, used instead of apiService.handleComment (e.g. for aioha wallet).
+     *  Return `false` to indicate the operation was cancelled — the composer text will be preserved. */
+    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => Promise<void | boolean>;
     /** Ecency image hosting token — enables image upload in comment composer */
     ecencyToken?: string;
     /** 3Speak API key — enables audio/video upload in comment composer */

package/dist/components/inlineComments/InlineCommentItem.d.ts

@@ -4,7 +4,7 @@ interface InlineCommentItemProps {
     allComments: Discussion[];
     onReply: (author: string, permlink: string) => void;
     onCancelReply: () => void;
-    onCommentSubmit: (parentAuthor: string, parentPermlink: string, body: string) => Promise<void>;
+    onCommentSubmit: (parentAuthor: string, parentPermlink: string, body: string) => Promise<void | boolean>;
     /** "author/permlink" key of the comment currently being replied to (null = none) */
     activeReplyKey: string | null;
     currentUser?: string;

package/dist/components/inlineComments/InlineCommentSection.d.ts

@@ -3,7 +3,7 @@ interface InlineCommentSectionProps {
     permlink: string;
     currentUser?: string;
     token?: string;
-    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | Promise<void>;
+    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | boolean | Promise<void | boolean>;
     onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
     ecencyToken?: string;
     threeSpeakApiKey?: string;