hive-react-kit 1.4.9 → 1.5.1
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 +29 -0
- package/dist/components/MediaLightbox.d.ts +25 -0
- package/dist/components/user/UserDetailProfile.d.ts +12 -1
- package/dist/index.cjs.js +193 -193
- package/dist/index.esm.js +21348 -21213
- package/package.json +1 -1
package/dist/build.css
CHANGED
|
@@ -349,6 +349,9 @@
|
|
|
349
349
|
.-top-8 {
|
|
350
350
|
top: calc(var(--spacing) * -8);
|
|
351
351
|
}
|
|
352
|
+
.-top-9 {
|
|
353
|
+
top: calc(var(--spacing) * -9);
|
|
354
|
+
}
|
|
352
355
|
.-top-10 {
|
|
353
356
|
top: calc(var(--spacing) * -10);
|
|
354
357
|
}
|
|
@@ -415,6 +418,9 @@
|
|
|
415
418
|
.-bottom-1 {
|
|
416
419
|
bottom: calc(var(--spacing) * -1);
|
|
417
420
|
}
|
|
421
|
+
.-bottom-12 {
|
|
422
|
+
bottom: calc(var(--spacing) * -12);
|
|
423
|
+
}
|
|
418
424
|
.bottom-0 {
|
|
419
425
|
bottom: calc(var(--spacing) * 0);
|
|
420
426
|
}
|
|
@@ -1145,6 +1151,9 @@
|
|
|
1145
1151
|
.min-w-\[3\.25rem\] {
|
|
1146
1152
|
min-width: 3.25rem;
|
|
1147
1153
|
}
|
|
1154
|
+
.min-w-\[3rem\] {
|
|
1155
|
+
min-width: 3rem;
|
|
1156
|
+
}
|
|
1148
1157
|
.min-w-\[80px\] {
|
|
1149
1158
|
min-width: 80px;
|
|
1150
1159
|
}
|
|
@@ -2436,6 +2445,12 @@
|
|
|
2436
2445
|
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
|
|
2437
2446
|
}
|
|
2438
2447
|
}
|
|
2448
|
+
.bg-white\/25 {
|
|
2449
|
+
background-color: color-mix(in srgb, #fff 25%, transparent);
|
|
2450
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
2451
|
+
background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
|
|
2452
|
+
}
|
|
2453
|
+
}
|
|
2439
2454
|
.bg-yellow-100 {
|
|
2440
2455
|
background-color: var(--color-yellow-100);
|
|
2441
2456
|
}
|
|
@@ -3398,6 +3413,10 @@
|
|
|
3398
3413
|
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
|
3399
3414
|
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
|
3400
3415
|
}
|
|
3416
|
+
.duration-100 {
|
|
3417
|
+
--tw-duration: 100ms;
|
|
3418
|
+
transition-duration: 100ms;
|
|
3419
|
+
}
|
|
3401
3420
|
.duration-150 {
|
|
3402
3421
|
--tw-duration: 150ms;
|
|
3403
3422
|
transition-duration: 150ms;
|
|
@@ -3996,6 +4015,16 @@
|
|
|
3996
4015
|
}
|
|
3997
4016
|
}
|
|
3998
4017
|
}
|
|
4018
|
+
.hover\:bg-white\/15 {
|
|
4019
|
+
&:hover {
|
|
4020
|
+
@media (hover: hover) {
|
|
4021
|
+
background-color: color-mix(in srgb, #fff 15%, transparent);
|
|
4022
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
4023
|
+
background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
|
|
4024
|
+
}
|
|
4025
|
+
}
|
|
4026
|
+
}
|
|
4027
|
+
}
|
|
3999
4028
|
.hover\:bg-white\/20 {
|
|
4000
4029
|
&:hover {
|
|
4001
4030
|
@media (hover: hover) {
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { type PostMedia } from '../utils/postMedia';
|
|
3
|
+
/**
|
|
4
|
+
* Shared lightbox / preview overlay used by feed-card carousels
|
|
5
|
+
* (`BlogPostList` PostMediaCarousel, `UserDetailProfile` post tiles,
|
|
6
|
+
* etc.).
|
|
7
|
+
*
|
|
8
|
+
* Capabilities for image entries:
|
|
9
|
+
* • Pan + pinch + wheel zoom (1× – 4×, in 0.5 steps)
|
|
10
|
+
* • Double-click toggles 1× ↔ 2×
|
|
11
|
+
* • Dedicated +/-/reset buttons in a bottom toolbar
|
|
12
|
+
* • Keyboard: + / - to zoom, 0 to reset, ←/→ to navigate, Esc to close
|
|
13
|
+
*
|
|
14
|
+
* YouTube and 3Speak entries render their official embed iframes; the
|
|
15
|
+
* zoom toolbar is suppressed because iframes can't be transformed
|
|
16
|
+
* sensibly. Twitter entries are filtered out by callers since they
|
|
17
|
+
* open in a new tab from the tile itself.
|
|
18
|
+
*/
|
|
19
|
+
export interface MediaLightboxProps {
|
|
20
|
+
items: PostMedia[];
|
|
21
|
+
startIndex?: number;
|
|
22
|
+
onClose: () => void;
|
|
23
|
+
}
|
|
24
|
+
export declare const MediaLightbox: FC<MediaLightboxProps>;
|
|
25
|
+
export default MediaLightbox;
|
|
@@ -178,8 +178,19 @@ export interface UserDetailProfileProps {
|
|
|
178
178
|
/** Wire this on the consumer's own profile to surface an "Edit profile"
|
|
179
179
|
* affordance over the avatar. Only invoked when
|
|
180
180
|
* `currentUsername === username`. The consumer owns the modal /
|
|
181
|
-
* account_update2 broadcast.
|
|
181
|
+
* account_update2 broadcast.
|
|
182
|
+
*
|
|
183
|
+
* When this is set we also surface "Edit Profile" as the last entry
|
|
184
|
+
* in the header kebab on the owner's own profile so users have a
|
|
185
|
+
* second, more discoverable path in besides the avatar overlay. */
|
|
182
186
|
onEditProfile?: () => void;
|
|
187
|
+
/** Open the consumer's posting-authority manager (grant / revoke
|
|
188
|
+
* posting/active auths to other Hive accounts). When provided, the
|
|
189
|
+
* header kebab on the *owner's own profile* gets a "Posting
|
|
190
|
+
* Authority" entry that fires this callback. The kit doesn't ship
|
|
191
|
+
* the modal — the consumer wires it (e.g. via aioha's
|
|
192
|
+
* `addAccountAuthority` / `removeAccountAuthority`). */
|
|
193
|
+
onPostingAuthority?: () => void;
|
|
183
194
|
}
|
|
184
195
|
type TabType = "blogs" | "posts" | "snaps" | "polls" | "comments" | "replies" | "activities" | "authorRewards" | "curationRewards" | "followers" | "following" | "wallet" | "votingPower" | "badges" | "witnessVotes" | "growth";
|
|
185
196
|
declare const UserDetailProfile: React.FC<UserDetailProfileProps>;
|