hive-react-kit 1.5.2 → 1.5.5
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 +11 -5
- package/dist/components/IpfsMedia.d.ts +15 -0
- package/dist/index.cjs.js +169 -169
- package/dist/index.esm.js +15674 -15510
- package/package.json +1 -1
package/dist/build.css
CHANGED
|
@@ -376,8 +376,8 @@
|
|
|
376
376
|
.top-24 {
|
|
377
377
|
top: calc(var(--spacing) * 24);
|
|
378
378
|
}
|
|
379
|
-
.top-\[56px\] {
|
|
380
|
-
top: 56px;
|
|
379
|
+
.top-\[calc\(56px\+env\(safe-area-inset-top\)\)\] {
|
|
380
|
+
top: calc(56px + env(safe-area-inset-top));
|
|
381
381
|
}
|
|
382
382
|
.top-\[calc\(env\(safe-area-inset-top\,0px\)\+1rem\)\] {
|
|
383
383
|
top: calc(env(safe-area-inset-top,0px) + 1rem);
|
|
@@ -827,9 +827,6 @@
|
|
|
827
827
|
.h-56 {
|
|
828
828
|
height: calc(var(--spacing) * 56);
|
|
829
829
|
}
|
|
830
|
-
.h-\[56px\] {
|
|
831
|
-
height: 56px;
|
|
832
|
-
}
|
|
833
830
|
.h-\[80vh\] {
|
|
834
831
|
height: 80vh;
|
|
835
832
|
}
|
|
@@ -848,6 +845,9 @@
|
|
|
848
845
|
.h-\[480px\] {
|
|
849
846
|
height: 480px;
|
|
850
847
|
}
|
|
848
|
+
.h-\[calc\(56px\+env\(safe-area-inset-top\)\)\] {
|
|
849
|
+
height: calc(56px + env(safe-area-inset-top));
|
|
850
|
+
}
|
|
851
851
|
.h-\[calc\(100vh-200px\)\] {
|
|
852
852
|
height: calc(100vh - 200px);
|
|
853
853
|
}
|
|
@@ -2744,9 +2744,15 @@
|
|
|
2744
2744
|
.pt-8 {
|
|
2745
2745
|
padding-top: calc(var(--spacing) * 8);
|
|
2746
2746
|
}
|
|
2747
|
+
.pt-\[calc\(0\.75rem\+env\(safe-area-inset-top\)\)\] {
|
|
2748
|
+
padding-top: calc(0.75rem + env(safe-area-inset-top));
|
|
2749
|
+
}
|
|
2747
2750
|
.pt-\[calc\(env\(safe-area-inset-top\,0px\)\+1rem\)\] {
|
|
2748
2751
|
padding-top: calc(env(safe-area-inset-top,0px) + 1rem);
|
|
2749
2752
|
}
|
|
2753
|
+
.pt-\[env\(safe-area-inset-top\)\] {
|
|
2754
|
+
padding-top: env(safe-area-inset-top);
|
|
2755
|
+
}
|
|
2750
2756
|
.pr-0\.5 {
|
|
2751
2757
|
padding-right: calc(var(--spacing) * 0.5);
|
|
2752
2758
|
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export declare const IPFS_URL_REGEX: RegExp;
|
|
2
|
+
export type IpfsKind = "image" | "video" | "unknown";
|
|
3
|
+
export declare function getIpfsKind(url: string): Promise<IpfsKind>;
|
|
4
|
+
export declare function useIpfsKind(url: string): IpfsKind | null;
|
|
5
|
+
export interface IpfsMediaProps {
|
|
6
|
+
url: string;
|
|
7
|
+
/** Strip-tile preview (lazy-loaded image, video poster + play badge). */
|
|
8
|
+
variant?: "tile" | "full";
|
|
9
|
+
/** Tile-only — fires when the user taps the tile so the host can open it
|
|
10
|
+
* in its own popup viewer instead of relying on the inline player. */
|
|
11
|
+
onTileClick?: (e: React.MouseEvent) => void;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const IpfsMedia: React.FC<IpfsMediaProps>;
|
|
15
|
+
export default IpfsMedia;
|