hive-react-kit 0.0.34 → 0.0.36

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
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
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-800: oklch(27.9% 0.041 260.031);
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-800 {
1102
- background-color: var(--color-slate-800);
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 {};
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ interface UserChannelProps {
3
+ username: string;
4
+ className?: string;
5
+ }
6
+ declare const UserChannel: React.FC<UserChannelProps>;
7
+ export default UserChannel;
@@ -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 { default as UpvoteListModal } from './modals/UpvoteListModal';
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';