hive-react-kit 1.12.20 → 1.12.22

package/dist/build.css

@@ -25,6 +25,7 @@
     --color-amber-300: oklch(87.9% 0.169 91.605);
     --color-amber-400: oklch(82.8% 0.189 84.429);
     --color-amber-500: oklch(76.9% 0.188 70.08);
+    --color-amber-600: oklch(66.6% 0.179 58.318);
     --color-amber-700: oklch(55.5% 0.163 48.998);
     --color-amber-900: oklch(41.4% 0.112 45.904);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
@@ -46,8 +47,10 @@
     --color-emerald-400: oklch(76.5% 0.177 163.223);
     --color-emerald-500: oklch(69.6% 0.17 162.48);
     --color-emerald-900: oklch(37.8% 0.077 168.94);
+    --color-teal-400: oklch(77.7% 0.152 181.912);
     --color-teal-500: oklch(70.4% 0.14 182.503);
     --color-teal-600: oklch(60% 0.118 184.704);
+    --color-cyan-400: oklch(78.9% 0.154 211.53);
     --color-sky-300: oklch(82.8% 0.111 230.318);
     --color-sky-400: oklch(74.6% 0.16 232.661);
     --color-sky-500: oklch(68.5% 0.169 237.323);
@@ -60,6 +63,7 @@
     --color-blue-700: oklch(48.8% 0.243 264.376);
     --color-blue-800: oklch(42.4% 0.199 265.638);
     --color-blue-900: oklch(37.9% 0.146 265.522);
+    --color-indigo-400: oklch(67.3% 0.182 276.935);
     --color-indigo-600: oklch(51.1% 0.262 276.966);
     --color-violet-200: oklch(89.4% 0.057 293.283);
     --color-violet-400: oklch(70.2% 0.183 293.541);
@@ -911,6 +915,9 @@
   .max-h-20 {
     max-height: calc(var(--spacing) * 20);
   }
+  .max-h-60 {
+    max-height: calc(var(--spacing) * 60);
+  }
   .max-h-64 {
     max-height: calc(var(--spacing) * 64);
   }
@@ -1334,6 +1341,9 @@
   .scrollbar-none {
     scrollbar-width: none;
   }
+  .list-none {
+    list-style-type: none;
+  }
   .appearance-none {
     appearance: none;
   }
@@ -1707,6 +1717,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 2px;
   }
+  .border-l {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 1px;
+  }
   .border-l-2 {
     border-left-style: var(--tw-border-style);
     border-left-width: 2px;
@@ -1740,6 +1754,12 @@
   .border-\[var\(--hrk-border-subtle\)\] {
     border-color: var(--hrk-border-subtle);
   }
+  .border-\[var\(--hrk-border-subtle\)\]\/40 {
+    border-color: var(--hrk-border-subtle);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--hrk-border-subtle) 40%, transparent);
+    }
+  }
   .border-\[var\(--hrk-border-subtle\)\]\/50 {
     border-color: var(--hrk-border-subtle);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3260,6 +3280,12 @@
   .text-amber-400 {
     color: var(--color-amber-400);
   }
+  .text-amber-500 {
+    color: var(--color-amber-500);
+  }
+  .text-amber-600 {
+    color: var(--color-amber-600);
+  }
   .text-black {
     color: var(--color-black);
   }
@@ -3287,12 +3313,18 @@
   .text-blue-800 {
     color: var(--color-blue-800);
   }
+  .text-cyan-400 {
+    color: var(--color-cyan-400);
+  }
   .text-emerald-300 {
     color: var(--color-emerald-300);
   }
   .text-emerald-400 {
     color: var(--color-emerald-400);
   }
+  .text-emerald-500 {
+    color: var(--color-emerald-500);
+  }
   .text-gray-100 {
     color: var(--color-gray-100);
   }
@@ -3338,6 +3370,9 @@
   .text-green-800 {
     color: var(--color-green-800);
   }
+  .text-indigo-400 {
+    color: var(--color-indigo-400);
+  }
   .text-orange-300 {
     color: var(--color-orange-300);
   }
@@ -3389,6 +3424,9 @@
   .text-slate-300 {
     color: var(--color-slate-300);
   }
+  .text-teal-400 {
+    color: var(--color-teal-400);
+  }
   .text-violet-200 {
     color: var(--color-violet-200);
   }
@@ -3733,6 +3771,16 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .group-open\:rotate-180 {
+    &:is(:where(.group):is([open], :popover-open, :open) *) {
+      rotate: 180deg;
+    }
+  }
+  .group-open\:border-\[var\(--hrk-border-subtle\)\] {
+    &:is(:where(.group):is([open], :popover-open, :open) *) {
+      border-color: var(--hrk-border-subtle);
+    }
+  }
   .group-hover\:pointer-events-auto {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -5305,6 +5353,11 @@
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
   }
+  .sm\:grid-cols-\[280px_1fr\] {
+    @media (width >= 40rem) {
+      grid-template-columns: 280px 1fr;
+    }
+  }
   .sm\:flex-row {
     @media (width >= 40rem) {
       flex-direction: row;
@@ -6404,6 +6457,11 @@
       border-radius: var(--radius-lg);
     }
   }
+  .\[\&\:\:-webkit-details-marker\]\:hidden {
+    &::-webkit-details-marker {
+      display: none;
+    }
+  }
   .\[\&\:\:-webkit-slider-runnable-track\]\:h-2 {
     &::-webkit-slider-runnable-track {
       height: calc(var(--spacing) * 2);

package/dist/components/user/UserDetailProfile.d.ts

@@ -260,6 +260,6 @@ export interface UserDetailProfileProps {
      *  `addAccountAuthority` / `removeAccountAuthority`). */
     onPostingAuthority?: () => void;
 }
-type TabType = "blogs" | "posts" | "snaps" | "polls" | "comments" | "replies" | "activities" | "authorRewards" | "curationRewards" | "followers" | "following" | "wallet" | "votingPower" | "badges" | "witnessVotes" | "growth" | "curation" | "rewards" | "tokens" | "follows";
+type TabType = "blogs" | "posts" | "snaps" | "polls" | "comments" | "replies" | "activities" | "authorRewards" | "curationRewards" | "followers" | "following" | "wallet" | "votingPower" | "badges" | "witnessVotes" | "growth" | "curation" | "rewards" | "tokens" | "follows" | "blockchainData";
 declare const UserDetailProfile: React.FC<UserDetailProfileProps>;
 export default UserDetailProfile;