hive-react-kit 1.0.14 → 1.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/build.css CHANGED
@@ -3321,6 +3321,16 @@
3321
3321
  }
3322
3322
  }
3323
3323
  }
3324
+ .hover\:bg-gray-700\/40 {
3325
+ &:hover {
3326
+ @media (hover: hover) {
3327
+ background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 40%, transparent);
3328
+ @supports (color: color-mix(in lab, red, red)) {
3329
+ background-color: color-mix(in oklab, var(--color-gray-700) 40%, transparent);
3330
+ }
3331
+ }
3332
+ }
3333
+ }
3324
3334
  .hover\:bg-gray-700\/50 {
3325
3335
  &:hover {
3326
3336
  @media (hover: hover) {
@@ -4146,6 +4156,11 @@
4146
4156
  justify-content: flex-end;
4147
4157
  }
4148
4158
  }
4159
+ .sm\:gap-0\.5 {
4160
+ @media (width >= 40rem) {
4161
+ gap: calc(var(--spacing) * 0.5);
4162
+ }
4163
+ }
4149
4164
  .sm\:gap-1 {
4150
4165
  @media (width >= 40rem) {
4151
4166
  gap: calc(var(--spacing) * 1);
@@ -99,11 +99,16 @@ export interface PostActionButtonProps {
99
99
  * Used to lazy-fetch the reply body the first time the user hovers
100
100
  * the comment icon, so the tooltip can show what they wrote. */
101
101
  myReplyKey?: string;
102
+ /** Action-bar density. `default` keeps the existing compact sizing
103
+ * (best for dense blog/feed lists). `lg` bumps every icon and the
104
+ * count labels — used by the Snaps feed where the action bar is
105
+ * the primary tap target. */
106
+ size?: 'default' | 'lg';
102
107
  /** Collapse the secondary actions (reblog · share · tip · report)
103
108
  * into a single 3-dot kebab popover. Upvote / comment counters and
104
109
  * the payout chip stay inline. Useful in dense card layouts (videos,
105
110
  * polls, community detail) where there isn't room for four icons. */
106
111
  actionsAsMenu?: boolean;
107
112
  }
108
- export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, hiveIconUrl, payoutTooltip, payoutDetails, initialVotes, initialCommentsCount, onUpvote, onSubmitComment, onComments, onEdit, onReblog, onShare, onTip, onReport, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, disableCommentsModal, onClickCommentIcon, onClickCommentCount, hasCommented, myReplyKey, showVoteButton, parentTags, defaultReward, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, actionsAsMenu, awaitingWalletApproval, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
113
+ export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, hiveIconUrl, payoutTooltip, payoutDetails, initialVotes, initialCommentsCount, onUpvote, onSubmitComment, onComments, onEdit, onReblog, onShare, onTip, onReport, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, disableCommentsModal, onClickCommentIcon, onClickCommentCount, hasCommented, myReplyKey, showVoteButton, parentTags, defaultReward, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, actionsAsMenu, awaitingWalletApproval, size, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
109
114
  export default PostActionButton;