hive-react-kit 0.9.8 → 0.10.0

package/dist/build.css

@@ -297,6 +297,9 @@
   .pointer-events-none {
     pointer-events: none;
   }
+  .collapse {
+    visibility: collapse;
+  }
   .visible {
     visibility: visible;
   }
@@ -4789,23 +4792,66 @@
   border-radius: 0.75rem;
   margin: 0;
 }
-.hive-post-body .threeSpeakWrapper {
-  aspect-ratio: 9 / 16;
-  max-width: 450px;
-  width: 100%;
+.hive-post-body .threeSpeakEmbed {
   margin: 1rem auto;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+.hive-post-body .threeSpeakNative {
+  width: 100%;
+  margin: 0 auto;
   border-radius: 0.75rem;
   overflow: hidden;
   background: #000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+.hive-post-body .threeSpeakNative.threeSpeakNativeLandscape {
+  aspect-ratio: 16 / 9;
+  max-width: 800px;
+  max-height: 80vh;
+}
+.hive-post-body .threeSpeakNative.threeSpeakNativePortrait {
+  aspect-ratio: 9 / 16;
+  max-width: 450px;
+  max-height: 80vh;
 }
-.hive-post-body .threeSpeakWrapper iframe {
+.hive-post-body .threeSpeakNative video, .hive-post-body .threeSpeakNative .threeSpeakNativeThumb {
   display: block;
+  position: absolute;
+  inset: 0;
   width: 100%;
   height: 100%;
-  aspect-ratio: auto;
-  border: none;
+  background: #000;
   border-radius: 0.75rem;
-  margin: 0;
+  object-fit: contain;
+}
+.hive-post-body .threeSpeakNative .threeSpeakNativeThumb {
+  z-index: 1;
+  pointer-events: none;
+}
+.hive-post-body .threeSpeakNative video {
+  z-index: 2;
+}
+.hive-post-body .threeSpeakNative.threeSpeakNativeNoThumb {
+  aspect-ratio: auto;
+  max-width: none;
+  display: block;
+  background: transparent;
+}
+.hive-post-body .threeSpeakNative.threeSpeakNativeNoThumb video {
+  position: static;
+  width: 100%;
+  height: auto;
+  max-width: 800px;
+  margin: 0 auto;
+}
+.hive-post-body .threeSpeakNativeMessage {
+  color: #9ca3b0;
+  font-size: 0.875rem;
 }
 .hive-post-body .audioWrapper {
   max-width: 500px;
@@ -4869,6 +4915,123 @@
     font-size: 0.8125rem;
   }
 }
+.snaps-feed-body {
+  color: #e7e7f1;
+  font-size: 0.875rem;
+  line-height: 1.55;
+  word-break: break-word;
+  overflow-wrap: break-word;
+}
+.snaps-feed-body p {
+  margin: 0.25rem 0;
+}
+.snaps-feed-body p:first-child {
+  margin-top: 0;
+}
+.snaps-feed-body p:last-child {
+  margin-bottom: 0;
+}
+.snaps-feed-body h1, .snaps-feed-body h2, .snaps-feed-body h3, .snaps-feed-body h4, .snaps-feed-body h5, .snaps-feed-body h6 {
+  margin: 0.5rem 0 0.25rem;
+  font-weight: 600;
+  color: #f0f0f8;
+  line-height: 1.3;
+}
+.snaps-feed-body h1 {
+  font-size: 1rem;
+}
+.snaps-feed-body h2 {
+  font-size: 0.95rem;
+}
+.snaps-feed-body h3, .snaps-feed-body h4, .snaps-feed-body h5, .snaps-feed-body h6 {
+  font-size: 0.875rem;
+}
+.snaps-feed-body strong, .snaps-feed-body b {
+  font-weight: 600;
+  color: #f0f0f8;
+}
+.snaps-feed-body em, .snaps-feed-body i {
+  font-style: italic;
+}
+.snaps-feed-body ul {
+  list-style: disc;
+  padding-left: 1.25rem;
+  margin: 0.25rem 0;
+}
+.snaps-feed-body ol {
+  list-style: decimal;
+  padding-left: 1.25rem;
+  margin: 0.25rem 0;
+}
+.snaps-feed-body li {
+  margin: 0.125rem 0;
+}
+.snaps-feed-body blockquote {
+  border-left: 3px solid #3a424a;
+  padding: 0.125rem 0.5rem;
+  margin: 0.5rem 0;
+  color: #c8cad6;
+}
+.snaps-feed-body code {
+  background: #2b3138;
+  padding: 0.05rem 0.3rem;
+  border-radius: 0.25rem;
+  font-size: 0.8125rem;
+}
+.snaps-feed-body pre {
+  background: #2b3138;
+  padding: 0.5rem;
+  border-radius: 0.5rem;
+  overflow-x: auto;
+  margin: 0.5rem 0;
+  font-size: 0.8125rem;
+}
+.snaps-feed-body pre code {
+  background: transparent;
+  padding: 0;
+}
+.snaps-feed-body hr {
+  border: none;
+  border-top: 1px solid #3a424a;
+  margin: 0.75rem 0;
+}
+.snaps-feed-body a {
+  color: #ff5b78;
+  text-decoration: underline;
+  word-break: break-all;
+}
+.snaps-feed-body table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 0.5rem 0;
+  font-size: 0.8125rem;
+  display: block;
+  overflow-x: auto;
+  max-width: 100%;
+}
+.snaps-feed-body thead {
+  background: #2b3138;
+}
+.snaps-feed-body th, .snaps-feed-body td {
+  border: 1px solid #3a424a;
+  padding: 0.25rem 0.5rem;
+  text-align: left;
+  vertical-align: top;
+  white-space: nowrap;
+}
+.snaps-feed-body th {
+  font-weight: 600;
+  color: #f0f0f8;
+}
+.snaps-feed-body img {
+  max-width: 100%;
+  height: auto;
+  border-radius: 0.5rem;
+  margin: 0.25rem 0;
+}
+.snaps-feed-body iframe {
+  display: none;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;

package/dist/components/ThreeSpeakPlayer.d.ts

@@ -0,0 +1,11 @@
+interface ThreeSpeakPlayerProps {
+    author: string;
+    permlink: string;
+    /** Suppress the layered thumbnail entirely — useful in surfaces
+     *  (e.g. HiveDetailPost) where a thumbnail-shaped placeholder
+     *  before play is unwanted. Defaults to false: the thumbnail is
+     *  shown until first play. */
+    hideThumbnail?: boolean;
+}
+export declare function ThreeSpeakPlayer({ author, permlink, hideThumbnail }: ThreeSpeakPlayerProps): import("react/jsx-runtime").JSX.Element;
+export default ThreeSpeakPlayer;