@mlw-packages/react-components 1.10.19 → 1.10.20

package/dist/index.css

@@ -1206,9 +1206,6 @@ body {
 .max-h-\[300px\] {
   max-height: 300px;
 }
-.max-h-\[460px\] {
-  max-height: 460px;
-}
 .max-h-\[95vh\] {
   max-height: 95vh;
 }
@@ -1218,6 +1215,9 @@ body {
 .max-h-\[calc\(100vh-200px\)\] {
   max-height: calc(100vh - 200px);
 }
+.max-h-\[calc\(85dvh-80px\)\] {
+  max-height: calc(85dvh - 80px);
+}
 .max-h-\[var\(--radix-context-menu-content-available-height\)\] {
   max-height: var(--radix-context-menu-content-available-height);
 }
@@ -2210,6 +2210,10 @@ body {
   border-top-left-radius: 1rem;
   border-top-right-radius: 1rem;
 }
+.rounded-t-\[10px\] {
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+}
 .rounded-t-lg {
   border-top-left-radius: var(--radius);
   border-top-right-radius: var(--radius);
@@ -2871,6 +2875,9 @@ body {
 .bg-muted-foreground\/20 {
   background-color: hsl(var(--muted-foreground) / 0.2);
 }
+.bg-muted-foreground\/30 {
+  background-color: hsl(var(--muted-foreground) / 0.3);
+}
 .bg-muted\/10 {
   background-color: hsl(var(--muted) / 0.1);
 }
@@ -3127,6 +3134,9 @@ body {
 .bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
+.bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
 .from-amber-400 {
   --tw-gradient-from: #fbbf24 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);
@@ -3152,6 +3162,11 @@ body {
   --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.from-card {
+  --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position);
+  --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .from-cyan-400 {
   --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
@@ -3433,6 +3448,9 @@ body {
 .to-teal-500 {
   --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position);
 }
+.to-transparent {
+  --tw-gradient-to: transparent var(--tw-gradient-to-position);
+}
 .to-violet-600 {
   --tw-gradient-to: #7c3aed var(--tw-gradient-to-position);
 }
@@ -3758,8 +3776,8 @@ body {
 .pt-2 {
   padding-top: 0.5rem;
 }
-.pt-2\.5 {
-  padding-top: 0.625rem;
+.pt-3 {
+  padding-top: 0.75rem;
 }
 .pt-4 {
   padding-top: 1rem;
@@ -4839,6 +4857,12 @@ body {
 .ease-out {
   animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
+.\!running {
+  animation-play-state: running !important;
+}
+.running {
+  animation-play-state: running;
+}
 .\[-ms-overflow-style\:none\] {
   -ms-overflow-style: none;
 }
@@ -8027,6 +8051,9 @@ body {
 .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/30::-webkit-scrollbar-thumb {
   background-color: hsl(var(--muted-foreground) / 0.3);
 }
+.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-primary\/20::-webkit-scrollbar-thumb {
+  background-color: hsl(var(--primary) / 0.2);
+}
 .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/40::-webkit-scrollbar-thumb:hover {
   background-color: hsl(var(--muted-foreground) / 0.4);
 }