hive-react-kit 1.7.2 → 1.7.4

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
@@ -3848,6 +3848,16 @@
3848
3848
  }
3849
3849
  }
3850
3850
  }
3851
+ .hover\:bg-black\/70 {
3852
+ &:hover {
3853
+ @media (hover: hover) {
3854
+ background-color: color-mix(in srgb, #000 70%, transparent);
3855
+ @supports (color: color-mix(in lab, red, red)) {
3856
+ background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
3857
+ }
3858
+ }
3859
+ }
3860
+ }
3851
3861
  .hover\:bg-black\/80 {
3852
3862
  &:hover {
3853
3863
  @media (hover: hover) {
@@ -6277,9 +6287,38 @@
6277
6287
  object-fit: contain;
6278
6288
  }
6279
6289
  .threeSpeakNative .threeSpeakNativeThumb {
6280
- z-index: 1;
6290
+ z-index: 3;
6281
6291
  pointer-events: none;
6282
6292
  }
6293
+ .threeSpeakNative .threeSpeakNativeSkeleton {
6294
+ position: absolute;
6295
+ inset: 0;
6296
+ z-index: 1;
6297
+ display: flex;
6298
+ align-items: center;
6299
+ justify-content: center;
6300
+ border-radius: 0.75rem;
6301
+ background: linear-gradient( 90deg, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.09) 37%, rgba(255, 255, 255, 0.04) 63% );
6302
+ background-size: 400% 100%;
6303
+ animation: threeSpeakShimmer 1.4s ease infinite;
6304
+ }
6305
+ .threeSpeakNative .threeSpeakNativeSkeletonDisc {
6306
+ display: flex;
6307
+ align-items: center;
6308
+ justify-content: center;
6309
+ width: 3.5rem;
6310
+ height: 3.5rem;
6311
+ border-radius: 9999px;
6312
+ background: rgba(0, 0, 0, 0.45);
6313
+ }
6314
+ @keyframes threeSpeakShimmer {
6315
+ 0% {
6316
+ background-position: 100% 0;
6317
+ }
6318
+ 100% {
6319
+ background-position: 0 0;
6320
+ }
6321
+ }
6283
6322
  .threeSpeakNative video {
6284
6323
  z-index: 2;
6285
6324
  }
@@ -6,6 +6,11 @@ interface ThreeSpeakPlayerProps {
6
6
  * before play is unwanted. Defaults to false: the thumbnail is
7
7
  * shown until first play. */
8
8
  hideThumbnail?: boolean;
9
+ /** Poster image to show before first play. Takes priority over the
10
+ * embed API's thumbnail — pass the post's own thumbnail (e.g. the
11
+ * one in the 3Speak markdown) so the preview matches the composer
12
+ * instead of falling back to the video's first frame. */
13
+ thumbnail?: string;
9
14
  }
10
- export declare function ThreeSpeakPlayer({ author, permlink, hideThumbnail }: ThreeSpeakPlayerProps): import("react/jsx-runtime").JSX.Element;
15
+ export declare function ThreeSpeakPlayer({ author, permlink, hideThumbnail, thumbnail }: ThreeSpeakPlayerProps): import("react/jsx-runtime").JSX.Element;
11
16
  export default ThreeSpeakPlayer;
@@ -93,6 +93,14 @@ export interface CommunityDetailProps {
93
93
  /** Show a spinner on the button — set this true while a broadcast is
94
94
  * in flight on the host. */
95
95
  subscribePending?: boolean;
96
+ /** When true (current user is owner/admin), the header swaps the
97
+ * Subscribe button for an "Actions" dropdown (Unsubscribe + Roles &
98
+ * Titles). The host gates this by role. */
99
+ canManage?: boolean;
100
+ /** Opens the host's Roles & Titles management UI. */
101
+ onManageRoles?: () => void;
102
+ /** Opens the host's Community Settings UI. */
103
+ onOpenSettings?: () => void;
96
104
  /** Controlled top-level tab. Pass alongside `onActiveTabChange` to
97
105
  * drive the tab from the URL or any other external store. When
98
106
  * omitted, the component manages tab state internally (default
@@ -110,5 +118,5 @@ export interface CommunityDetailProps {
110
118
  * the view starts at the top, matching forward navigation. */
111
119
  shouldRestoreScroll?: boolean;
112
120
  }
113
- declare const CommunityDetail: ({ communityId, currentUser, onBack, onUserClick, onPostClick, getPostUrl, getUserUrl, getTagUrl, getCommunityUrl, onCommentClick, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onReportPost, onToggleBookmark, isPostBookmarked, onToggleCommunityBookmark, isCommunityBookmarked, onDeletePost, canPin, onPinPost, onUnpinPost, onVotePoll, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, awaitingWalletApproval, defaultReward, actionsAsMenu, onShare, onRss, isSubscribed: controlledIsSubscribed, onToggleSubscribe, subscribePending, loadCommunitySnaps: _loadCommunitySnaps, reportedAuthors, reportedPosts, activeTab: controlledActiveTab, onActiveTabChange, postSort: controlledPostSort, onPostSortChange, shouldRestoreScroll, }: CommunityDetailProps) => import("react/jsx-runtime").JSX.Element;
121
+ declare const CommunityDetail: ({ communityId, currentUser, onBack, onUserClick, onPostClick, getPostUrl, getUserUrl, getTagUrl, getCommunityUrl, onCommentClick, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onReportPost, onToggleBookmark, isPostBookmarked, onToggleCommunityBookmark, isCommunityBookmarked, onDeletePost, canPin, onPinPost, onUnpinPost, onVotePoll, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, awaitingWalletApproval, defaultReward, actionsAsMenu, onShare, onRss, isSubscribed: controlledIsSubscribed, onToggleSubscribe, subscribePending, canManage, onManageRoles, onOpenSettings, loadCommunitySnaps: _loadCommunitySnaps, reportedAuthors, reportedPosts, activeTab: controlledActiveTab, onActiveTabChange, postSort: controlledPostSort, onPostSortChange, shouldRestoreScroll, }: CommunityDetailProps) => import("react/jsx-runtime").JSX.Element;
114
122
  export default CommunityDetail;