hive-react-kit 1.7.7 → 1.7.8

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
@@ -303,6 +303,9 @@
303
303
  }
304
304
  }
305
305
  @layer utilities {
306
+ .\@container {
307
+ container-type: inline-size;
308
+ }
306
309
  .pointer-events-none {
307
310
  pointer-events: none;
308
311
  }
@@ -709,6 +712,12 @@
709
712
  -webkit-box-orient: vertical;
710
713
  -webkit-line-clamp: 2;
711
714
  }
715
+ .line-clamp-3 {
716
+ overflow: hidden;
717
+ display: -webkit-box;
718
+ -webkit-box-orient: vertical;
719
+ -webkit-line-clamp: 3;
720
+ }
712
721
  .line-clamp-4 {
713
722
  overflow: hidden;
714
723
  display: -webkit-box;
@@ -3614,6 +3623,16 @@
3614
3623
  }
3615
3624
  }
3616
3625
  }
3626
+ .hover\:border-\[var\(--hrk-brand\)\]\/50 {
3627
+ &:hover {
3628
+ @media (hover: hover) {
3629
+ border-color: var(--hrk-brand);
3630
+ @supports (color: color-mix(in lab, red, red)) {
3631
+ border-color: color-mix(in oklab, var(--hrk-brand) 50%, transparent);
3632
+ }
3633
+ }
3634
+ }
3635
+ }
3617
3636
  .hover\:border-\[var\(--hrk-brand\)\]\/60 {
3618
3637
  &:hover {
3619
3638
  @media (hover: hover) {
@@ -5529,6 +5548,27 @@
5529
5548
  grid-template-columns: repeat(4, minmax(0, 1fr));
5530
5549
  }
5531
5550
  }
5551
+ .\@\[28rem\]\:h-32 {
5552
+ @container (width >= 28rem) {
5553
+ height: calc(var(--spacing) * 32);
5554
+ }
5555
+ }
5556
+ .\@\[28rem\]\:w-44 {
5557
+ @container (width >= 28rem) {
5558
+ width: calc(var(--spacing) * 44);
5559
+ }
5560
+ }
5561
+ .\@\[28rem\]\:flex-row {
5562
+ @container (width >= 28rem) {
5563
+ flex-direction: row;
5564
+ }
5565
+ }
5566
+ .\@\[28rem\]\:text-base {
5567
+ @container (width >= 28rem) {
5568
+ font-size: var(--text-base);
5569
+ line-height: var(--tw-leading, var(--text-base--line-height));
5570
+ }
5571
+ }
5532
5572
  .dark\:border-\[var\(--hrk-border-default\)\] {
5533
5573
  @media (prefers-color-scheme: dark) {
5534
5574
  border-color: var(--hrk-border-default);
@@ -32,6 +32,13 @@ interface ReSnapEmbedProps {
32
32
  onPostClick?: (author: string, permlink: string) => void;
33
33
  /** Optional callback for tapping the embedded author. */
34
34
  onUserClick?: (username: string) => void;
35
+ /** Emits true when a preview card is shown (post or re-snap). Emits false
36
+ * when the fetch fails or top-level posts are hidden (`showTopLevelPostPreview`
37
+ * is false). */
38
+ onPreviewVisibilityChange?: (visible: boolean) => void;
39
+ /** When true, depth-0 targets render a compact "Post" preview instead of
40
+ * being hidden. Used in Snaps feed and detail pages. */
41
+ showTopLevelPostPreview?: boolean;
35
42
  }
36
43
  declare const ReSnapEmbed: FC<ReSnapEmbedProps>;
37
44
  export default ReSnapEmbed;