hive-react-kit 0.0.34 → 0.0.35
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 +73 -26
- package/dist/components/CommentsList.d.ts +12 -0
- package/dist/components/HiveDetailPost.d.ts +12 -0
- package/dist/components/UpvoteList.d.ts +9 -0
- package/dist/components/UserChannel.d.ts +7 -0
- package/dist/components/index.d.ts +3 -2
- package/dist/index.cjs.js +89 -84
- package/dist/index.d.ts +2 -3
- package/dist/index.esm.js +14089 -12268
- package/dist/services/activityService.d.ts +16 -16
- package/dist/services/apiService.d.ts +1 -0
- package/dist/types/activity.d.ts +6 -6
- package/package.json +1 -1
- package/dist/components/ActivityHistory.d.ts +0 -7
- package/dist/components/modals/CommentsModal.d.ts +0 -8
- package/dist/components/modals/UpvoteListModal.d.ts +0 -7
package/dist/build.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
@layer theme, base, components, utilities;
|
|
4
4
|
@layer theme {
|
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
8
8
|
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
|
9
9
|
"Courier New", monospace;
|
|
10
|
+
--color-red-50: oklch(97.1% 0.013 17.38);
|
|
10
11
|
--color-red-100: oklch(93.6% 0.032 17.717);
|
|
11
12
|
--color-red-200: oklch(88.5% 0.062 18.334);
|
|
12
13
|
--color-red-300: oklch(80.8% 0.114 19.571);
|
|
@@ -49,7 +50,8 @@
|
|
|
49
50
|
--color-purple-800: oklch(43.8% 0.218 303.724);
|
|
50
51
|
--color-purple-900: oklch(38.1% 0.176 304.987);
|
|
51
52
|
--color-slate-50: oklch(98.4% 0.003 247.858);
|
|
52
|
-
--color-slate-
|
|
53
|
+
--color-slate-900: oklch(20.8% 0.042 265.755);
|
|
54
|
+
--color-slate-950: oklch(12.9% 0.042 264.695);
|
|
53
55
|
--color-gray-50: oklch(98.5% 0.002 247.839);
|
|
54
56
|
--color-gray-100: oklch(96.7% 0.003 264.542);
|
|
55
57
|
--color-gray-200: oklch(92.8% 0.006 264.531);
|
|
@@ -291,6 +293,9 @@
|
|
|
291
293
|
.top-1\/2 {
|
|
292
294
|
top: calc(1/2 * 100%);
|
|
293
295
|
}
|
|
296
|
+
.top-3 {
|
|
297
|
+
top: calc(var(--spacing) * 3);
|
|
298
|
+
}
|
|
294
299
|
.top-24 {
|
|
295
300
|
top: calc(var(--spacing) * 24);
|
|
296
301
|
}
|
|
@@ -537,6 +542,9 @@
|
|
|
537
542
|
.max-h-20 {
|
|
538
543
|
max-height: calc(var(--spacing) * 20);
|
|
539
544
|
}
|
|
545
|
+
.max-h-96 {
|
|
546
|
+
max-height: calc(var(--spacing) * 96);
|
|
547
|
+
}
|
|
540
548
|
.max-h-\[60vh\] {
|
|
541
549
|
max-height: 60vh;
|
|
542
550
|
}
|
|
@@ -731,6 +739,9 @@
|
|
|
731
739
|
.flex-col {
|
|
732
740
|
flex-direction: column;
|
|
733
741
|
}
|
|
742
|
+
.flex-row {
|
|
743
|
+
flex-direction: row;
|
|
744
|
+
}
|
|
734
745
|
.flex-wrap {
|
|
735
746
|
flex-wrap: wrap;
|
|
736
747
|
}
|
|
@@ -749,9 +760,6 @@
|
|
|
749
760
|
.justify-center {
|
|
750
761
|
justify-content: center;
|
|
751
762
|
}
|
|
752
|
-
.justify-end {
|
|
753
|
-
justify-content: flex-end;
|
|
754
|
-
}
|
|
755
763
|
.gap-1 {
|
|
756
764
|
gap: calc(var(--spacing) * 1);
|
|
757
765
|
}
|
|
@@ -854,9 +862,6 @@
|
|
|
854
862
|
border-color: var(--color-gray-100);
|
|
855
863
|
}
|
|
856
864
|
}
|
|
857
|
-
.self-start {
|
|
858
|
-
align-self: flex-start;
|
|
859
|
-
}
|
|
860
865
|
.truncate {
|
|
861
866
|
overflow: hidden;
|
|
862
867
|
text-overflow: ellipsis;
|
|
@@ -892,10 +897,6 @@
|
|
|
892
897
|
.rounded-xl {
|
|
893
898
|
border-radius: var(--radius-xl);
|
|
894
899
|
}
|
|
895
|
-
.rounded-r-lg {
|
|
896
|
-
border-top-right-radius: var(--radius-lg);
|
|
897
|
-
border-bottom-right-radius: var(--radius-lg);
|
|
898
|
-
}
|
|
899
900
|
.border {
|
|
900
901
|
border-style: var(--tw-border-style);
|
|
901
902
|
border-width: 1px;
|
|
@@ -924,6 +925,10 @@
|
|
|
924
925
|
border-left-style: var(--tw-border-style);
|
|
925
926
|
border-left-width: 2px;
|
|
926
927
|
}
|
|
928
|
+
.border-l-4 {
|
|
929
|
+
border-left-style: var(--tw-border-style);
|
|
930
|
+
border-left-width: 4px;
|
|
931
|
+
}
|
|
927
932
|
.border-blue-500 {
|
|
928
933
|
border-color: var(--color-blue-500);
|
|
929
934
|
}
|
|
@@ -945,6 +950,12 @@
|
|
|
945
950
|
.border-gray-700 {
|
|
946
951
|
border-color: var(--color-gray-700);
|
|
947
952
|
}
|
|
953
|
+
.border-gray-800 {
|
|
954
|
+
border-color: var(--color-gray-800);
|
|
955
|
+
}
|
|
956
|
+
.border-red-200 {
|
|
957
|
+
border-color: var(--color-red-200);
|
|
958
|
+
}
|
|
948
959
|
.border-red-700 {
|
|
949
960
|
border-color: var(--color-red-700);
|
|
950
961
|
}
|
|
@@ -1089,6 +1100,9 @@
|
|
|
1089
1100
|
.bg-purple-600 {
|
|
1090
1101
|
background-color: var(--color-purple-600);
|
|
1091
1102
|
}
|
|
1103
|
+
.bg-red-50 {
|
|
1104
|
+
background-color: var(--color-red-50);
|
|
1105
|
+
}
|
|
1092
1106
|
.bg-red-100 {
|
|
1093
1107
|
background-color: var(--color-red-100);
|
|
1094
1108
|
}
|
|
@@ -1098,8 +1112,11 @@
|
|
|
1098
1112
|
.bg-slate-50 {
|
|
1099
1113
|
background-color: var(--color-slate-50);
|
|
1100
1114
|
}
|
|
1101
|
-
.bg-slate-
|
|
1102
|
-
background-color: var(--color-slate-
|
|
1115
|
+
.bg-slate-900 {
|
|
1116
|
+
background-color: var(--color-slate-900);
|
|
1117
|
+
}
|
|
1118
|
+
.bg-slate-950 {
|
|
1119
|
+
background-color: var(--color-slate-950);
|
|
1103
1120
|
}
|
|
1104
1121
|
.bg-white {
|
|
1105
1122
|
background-color: var(--color-white);
|
|
@@ -1345,6 +1362,9 @@
|
|
|
1345
1362
|
.text-blue-600 {
|
|
1346
1363
|
color: var(--color-blue-600);
|
|
1347
1364
|
}
|
|
1365
|
+
.text-blue-700 {
|
|
1366
|
+
color: var(--color-blue-700);
|
|
1367
|
+
}
|
|
1348
1368
|
.text-blue-800 {
|
|
1349
1369
|
color: var(--color-blue-800);
|
|
1350
1370
|
}
|
|
@@ -1753,13 +1773,6 @@
|
|
|
1753
1773
|
}
|
|
1754
1774
|
}
|
|
1755
1775
|
}
|
|
1756
|
-
.hover\:text-gray-300 {
|
|
1757
|
-
&:hover {
|
|
1758
|
-
@media (hover: hover) {
|
|
1759
|
-
color: var(--color-gray-300);
|
|
1760
|
-
}
|
|
1761
|
-
}
|
|
1762
|
-
}
|
|
1763
1776
|
.hover\:text-gray-400 {
|
|
1764
1777
|
&:hover {
|
|
1765
1778
|
@media (hover: hover) {
|
|
@@ -2030,11 +2043,6 @@
|
|
|
2030
2043
|
gap: calc(var(--spacing) * 4);
|
|
2031
2044
|
}
|
|
2032
2045
|
}
|
|
2033
|
-
.sm\:self-center {
|
|
2034
|
-
@media (width >= 40rem) {
|
|
2035
|
-
align-self: center;
|
|
2036
|
-
}
|
|
2037
|
-
}
|
|
2038
2046
|
.sm\:p-4 {
|
|
2039
2047
|
@media (width >= 40rem) {
|
|
2040
2048
|
padding: calc(var(--spacing) * 4);
|
|
@@ -2268,6 +2276,21 @@
|
|
|
2268
2276
|
grid-column: span 2 / span 2;
|
|
2269
2277
|
}
|
|
2270
2278
|
}
|
|
2279
|
+
.lg\:grid {
|
|
2280
|
+
@media (width >= 64rem) {
|
|
2281
|
+
display: grid;
|
|
2282
|
+
}
|
|
2283
|
+
}
|
|
2284
|
+
.lg\:hidden {
|
|
2285
|
+
@media (width >= 64rem) {
|
|
2286
|
+
display: none;
|
|
2287
|
+
}
|
|
2288
|
+
}
|
|
2289
|
+
.lg\:grid-cols-2 {
|
|
2290
|
+
@media (width >= 64rem) {
|
|
2291
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
2292
|
+
}
|
|
2293
|
+
}
|
|
2271
2294
|
.lg\:grid-cols-3 {
|
|
2272
2295
|
@media (width >= 64rem) {
|
|
2273
2296
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
@@ -2300,6 +2323,11 @@
|
|
|
2300
2323
|
}
|
|
2301
2324
|
}
|
|
2302
2325
|
}
|
|
2326
|
+
.dark\:border-blue-400 {
|
|
2327
|
+
@media (prefers-color-scheme: dark) {
|
|
2328
|
+
border-color: var(--color-blue-400);
|
|
2329
|
+
}
|
|
2330
|
+
}
|
|
2303
2331
|
.dark\:border-gray-600 {
|
|
2304
2332
|
@media (prefers-color-scheme: dark) {
|
|
2305
2333
|
border-color: var(--color-gray-600);
|
|
@@ -2315,6 +2343,11 @@
|
|
|
2315
2343
|
border-color: var(--color-gray-800);
|
|
2316
2344
|
}
|
|
2317
2345
|
}
|
|
2346
|
+
.dark\:border-red-700 {
|
|
2347
|
+
@media (prefers-color-scheme: dark) {
|
|
2348
|
+
border-color: var(--color-red-700);
|
|
2349
|
+
}
|
|
2350
|
+
}
|
|
2318
2351
|
.dark\:bg-blue-500 {
|
|
2319
2352
|
@media (prefers-color-scheme: dark) {
|
|
2320
2353
|
background-color: var(--color-blue-500);
|
|
@@ -2478,6 +2511,11 @@
|
|
|
2478
2511
|
color: var(--color-red-200);
|
|
2479
2512
|
}
|
|
2480
2513
|
}
|
|
2514
|
+
.dark\:text-red-300 {
|
|
2515
|
+
@media (prefers-color-scheme: dark) {
|
|
2516
|
+
color: var(--color-red-300);
|
|
2517
|
+
}
|
|
2518
|
+
}
|
|
2481
2519
|
.dark\:text-red-400 {
|
|
2482
2520
|
@media (prefers-color-scheme: dark) {
|
|
2483
2521
|
color: var(--color-red-400);
|
|
@@ -2598,6 +2636,15 @@
|
|
|
2598
2636
|
}
|
|
2599
2637
|
}
|
|
2600
2638
|
}
|
|
2639
|
+
.dark\:hover\:text-white {
|
|
2640
|
+
@media (prefers-color-scheme: dark) {
|
|
2641
|
+
&:hover {
|
|
2642
|
+
@media (hover: hover) {
|
|
2643
|
+
color: var(--color-white);
|
|
2644
|
+
}
|
|
2645
|
+
}
|
|
2646
|
+
}
|
|
2647
|
+
}
|
|
2601
2648
|
.dark\:disabled\:bg-gray-600 {
|
|
2602
2649
|
@media (prefers-color-scheme: dark) {
|
|
2603
2650
|
&:disabled {
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Discussion } from '@/types/comment';
|
|
2
|
+
interface CommentsListProps {
|
|
3
|
+
author: string;
|
|
4
|
+
permlink: string;
|
|
5
|
+
currentUser?: string;
|
|
6
|
+
token?: string;
|
|
7
|
+
onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
|
|
8
|
+
onClickCommentUpvote?: (comment: Discussion) => void;
|
|
9
|
+
onClickCommentReply?: (comment: Discussion) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare function CommentsList({ author, permlink, currentUser, token, onClickUpvoteButton, onClickCommentUpvote, onClickCommentReply, }: CommentsListProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Discussion } from '@/types';
|
|
2
|
+
interface HiveDetailPostProps {
|
|
3
|
+
author: string;
|
|
4
|
+
permlink: string;
|
|
5
|
+
currentUser?: string;
|
|
6
|
+
token?: string;
|
|
7
|
+
onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
|
|
8
|
+
onClickCommentUpvote?: (comment: Discussion) => void;
|
|
9
|
+
onClickCommentReply?: (comment: Discussion) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare function HiveDetailPost({ author, permlink, currentUser, token, onClickUpvoteButton, onClickCommentUpvote, onClickCommentReply }: HiveDetailPostProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface UpvoteListProps {
|
|
2
|
+
author: string;
|
|
3
|
+
permlink: string;
|
|
4
|
+
currentUser?: string;
|
|
5
|
+
token?: string;
|
|
6
|
+
onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare function UpvoteList({ author, permlink, currentUser, token, onClickUpvoteButton }: UpvoteListProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -8,16 +8,17 @@ export { default as ProposalsList } from './ProposalsList';
|
|
|
8
8
|
export { default as FollowersList } from './FollowersList';
|
|
9
9
|
export { default as FollowingList } from './FollowingList';
|
|
10
10
|
export { default as ActivityList } from './ActivityList';
|
|
11
|
+
export { HiveDetailPost } from './HiveDetailPost';
|
|
11
12
|
export { default as FavouriteWidget } from './common/FavouriteWidget';
|
|
12
13
|
export { default as CommunitiesList } from './community/CommunitiesList';
|
|
13
14
|
export { default as CommunityAbout } from './community/CommunityAbout';
|
|
14
15
|
export { default as CommunityDetail } from './community/CommunityDetail';
|
|
15
16
|
export { default as CommunityMembers } from './community/CommunityMembers';
|
|
16
17
|
export { default as CommunityTeam } from './community/CommunityTeam';
|
|
17
|
-
export { default as CommentsModal } from './modals/CommentsModal';
|
|
18
18
|
export { default as DescriptionModal } from './modals/DescriptionModal';
|
|
19
19
|
export { default as Modal } from './modals/Modal';
|
|
20
|
-
export {
|
|
20
|
+
export { UpvoteList } from './UpvoteList';
|
|
21
|
+
export { CommentsList } from './CommentsList';
|
|
21
22
|
export { default as UserAccount } from './user/UserAccount';
|
|
22
23
|
export { default as UserFollowers } from './user/UserFollowers';
|
|
23
24
|
export { default as UserFollowing } from './user/UserFollowing';
|