@mlw-packages/react-components 1.8.6 → 1.8.8

package/dist/index.css

@@ -429,14 +429,14 @@ body {
 .-left-1 {
   left: -0.25rem;
 }
-.-left-3 {
-  left: -0.75rem;
+.-left-3\.5 {
+  left: -0.875rem;
 }
 .-right-1 {
   right: -0.25rem;
 }
-.-right-3 {
-  right: -0.75rem;
+.-right-3\.5 {
+  right: -0.875rem;
 }
 .-top-1 {
   top: -0.25rem;
@@ -738,9 +738,6 @@ body {
 .ml-64 {
   margin-left: 16rem;
 }
-.ml-\[90px\] {
-  margin-left: 90px;
-}
 .ml-auto {
   margin-left: auto;
 }
@@ -798,9 +795,6 @@ body {
 .mt-8 {
   margin-top: 2rem;
 }
-.mt-\[19px\] {
-  margin-top: 19px;
-}
 .mt-\[var\(--event-gap\)\] {
   margin-top: var(--event-gap);
 }
@@ -1264,9 +1258,6 @@ body {
 .w-\[90\%\] {
   width: 90%;
 }
-.w-\[98\%\] {
-  width: 98%;
-}
 .w-auto {
   width: auto;
 }
@@ -1308,6 +1299,12 @@ body {
 .min-w-\[1\.5rem\] {
   min-width: 1.5rem;
 }
+.min-w-\[10rem\] {
+  min-width: 10rem;
+}
+.min-w-\[140px\] {
+  min-width: 140px;
+}
 .min-w-\[150px\] {
   min-width: 150px;
 }
@@ -1366,6 +1363,9 @@ body {
 .max-w-\[1100px\] {
   max-width: 1100px;
 }
+.max-w-\[200px\] {
+  max-width: 200px;
+}
 .max-w-\[210px\] {
   max-width: 210px;
 }
@@ -1971,6 +1971,10 @@ body {
   border-left-width: 1px;
   border-right-width: 1px;
 }
+.border-x-2 {
+  border-left-width: 2px;
+  border-right-width: 2px;
+}
 .border-y {
   border-top-width: 1px;
   border-bottom-width: 1px;
@@ -1984,6 +1988,9 @@ body {
 .border-l {
   border-left-width: 1px;
 }
+.border-l-2 {
+  border-left-width: 2px;
+}
 .border-l-4 {
   border-left-width: 4px;
 }
@@ -2009,6 +2016,10 @@ body {
   --tw-border-opacity: 1;
   border-color: rgb(251 191 36 / var(--tw-border-opacity, 1));
 }
+.border-black {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
+}
 .border-black\/40 {
   border-color: rgb(0 0 0 / 0.4);
 }
@@ -2095,6 +2106,9 @@ body {
 .border-primary\/30 {
   border-color: hsl(var(--primary) / 0.3);
 }
+.border-primary\/50 {
+  border-color: hsl(var(--primary) / 0.5);
+}
 .border-primary\/70 {
   border-color: hsl(var(--primary) / 0.7);
 }
@@ -2180,6 +2194,9 @@ body {
 .bg-accent\/5 {
   background-color: hsl(var(--accent) / 0.05);
 }
+.bg-accent\/80 {
+  background-color: hsl(var(--accent) / 0.8);
+}
 .bg-amber-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
@@ -2295,6 +2312,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
 }
+.bg-emerald-500\/15 {
+  background-color: rgb(16 185 129 / 0.15);
+}
 .bg-emerald-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(5 150 105 / var(--tw-bg-opacity, 1));
@@ -2388,9 +2408,6 @@ body {
 .bg-muted\/50 {
   background-color: hsl(var(--muted) / 0.5);
 }
-.bg-muted\/60 {
-  background-color: hsl(var(--muted) / 0.6);
-}
 .bg-muted\/80 {
   background-color: hsl(var(--muted) / 0.8);
 }
@@ -2477,6 +2494,9 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
 }
+.bg-red-500\/15 {
+  background-color: rgb(239 68 68 / 0.15);
+}
 .bg-red-600 {
   --tw-bg-opacity: 1;
   background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
@@ -2713,9 +2733,6 @@ body {
 .p-2 {
   padding: 0.5rem;
 }
-.p-2\.5 {
-  padding: 0.625rem;
-}
 .p-3 {
   padding: 0.75rem;
 }
@@ -2742,6 +2759,10 @@ body {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.px-1\.5 {
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -2750,6 +2771,10 @@ body {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
 }
+.px-24 {
+  padding-left: 6rem;
+  padding-right: 6rem;
+}
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
@@ -2774,6 +2799,14 @@ body {
   padding-left: 24rem;
   padding-right: 24rem;
 }
+.px-\[0\.45em\] {
+  padding-left: 0.45em;
+  padding-right: 0.45em;
+}
+.px-\[0\.4em\] {
+  padding-left: 0.4em;
+  padding-right: 0.4em;
+}
 .px-\[0\.5em\] {
   padding-left: 0.5em;
   padding-right: 0.5em;
@@ -2857,6 +2890,12 @@ body {
 .pl-1 {
   padding-left: 0.25rem;
 }
+.pl-1\.5 {
+  padding-left: 0.375rem;
+}
+.pl-24 {
+  padding-left: 6rem;
+}
 .pl-4 {
   padding-left: 1rem;
 }
@@ -3038,6 +3077,9 @@ body {
 .capitalize {
   text-transform: capitalize;
 }
+.italic {
+  font-style: italic;
+}
 .tabular-nums {
   --tw-numeric-spacing: tabular-nums;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
@@ -3051,9 +3093,6 @@ body {
 .leading-tight {
   line-height: 1.25;
 }
-.tracking-\[0\] {
-  letter-spacing: 0;
-}
 .tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -3610,6 +3649,10 @@ body {
   --tw-backdrop-blur: blur(8px);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
 }
+.backdrop-blur-\[1px\] {
+  --tw-backdrop-blur: blur(1px);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
 .backdrop-blur-md {
   --tw-backdrop-blur: blur(12px);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -3997,6 +4040,51 @@ body {
 .placeholder\:text-muted-foreground\/60::placeholder {
   color: hsl(var(--muted-foreground) / 0.6);
 }
+.before\:absolute::before {
+  content: var(--tw-content);
+  position: absolute;
+}
+.before\:inset-0::before {
+  content: var(--tw-content);
+  inset: 0px;
+}
+.before\:-translate-x-full::before {
+  content: var(--tw-content);
+  --tw-translate-x: -100%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+@keyframes shimmer {
+  100% {
+    content: var(--tw-content);
+    transform: translateX(100%);
+  }
+}
+.before\:animate-shimmer::before {
+  content: var(--tw-content);
+  animation: shimmer 2s infinite;
+}
+.before\:bg-gradient-to-r::before {
+  content: var(--tw-content);
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.before\:from-transparent::before {
+  content: var(--tw-content);
+  --tw-gradient-from: transparent var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.before\:via-white::before {
+  content: var(--tw-content);
+  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #fff var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
+.before\:to-transparent::before {
+  content: var(--tw-content);
+  --tw-gradient-to: transparent var(--tw-gradient-to-position);
+}
 .after\:absolute::after {
   content: var(--tw-content);
   position: absolute;
@@ -4170,9 +4258,6 @@ body {
 .hover\:bg-accent:hover {
   background-color: hsl(var(--accent));
 }
-.hover\:bg-accent\/10:hover {
-  background-color: hsl(var(--accent) / 0.1);
-}
 .hover\:bg-accent\/15:hover {
   background-color: hsl(var(--accent) / 0.15);
 }
@@ -4274,6 +4359,9 @@ body {
 .hover\:bg-primary\/20:hover {
   background-color: hsl(var(--primary) / 0.2);
 }
+.hover\:bg-primary\/5:hover {
+  background-color: hsl(var(--primary) / 0.05);
+}
 .hover\:bg-primary\/90:hover {
   background-color: hsl(var(--primary) / 0.9);
 }
@@ -4549,9 +4637,6 @@ body {
 .focus-visible\:ring-accent\/30:focus-visible {
   --tw-ring-color: hsl(var(--accent) / 0.3);
 }
-.focus-visible\:ring-accent\/50:focus-visible {
-  --tw-ring-color: hsl(var(--accent) / 0.5);
-}
 .focus-visible\:ring-destructive\/20:focus-visible {
   --tw-ring-color: hsl(var(--destructive) / 0.2);
 }
@@ -5593,6 +5678,9 @@ body {
 .dark\:bg-emerald-400\/25:is(.dark *) {
   background-color: rgb(52 211 153 / 0.25);
 }
+.dark\:bg-emerald-500\/10:is(.dark *) {
+  background-color: rgb(16 185 129 / 0.1);
+}
 .dark\:bg-emerald-950\/30:is(.dark *) {
   background-color: rgb(2 44 34 / 0.3);
 }
@@ -5630,6 +5718,9 @@ body {
 .dark\:bg-primary:is(.dark *) {
   background-color: hsl(var(--primary));
 }
+.dark\:bg-red-500\/10:is(.dark *) {
+  background-color: rgb(239 68 68 / 0.1);
+}
 .dark\:bg-rose-400\/25:is(.dark *) {
   background-color: rgb(251 113 133 / 0.25);
 }
@@ -5813,6 +5904,14 @@ body {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgb(38 38 38 / var(--tw-ring-opacity, 1));
 }
+.dark\:before\:via-gray-800:is(.dark *)::before {
+  content: var(--tw-content);
+  --tw-gradient-to: rgb(31 41 55 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops:
+    var(--tw-gradient-from),
+    #1f2937 var(--tw-gradient-via-position),
+    var(--tw-gradient-to);
+}
 .dark\:hover\:bg-accent\/50:hover:is(.dark *) {
   background-color: hsl(var(--accent) / 0.5);
 }
@@ -6332,6 +6431,12 @@ body {
 .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted::-webkit-scrollbar-thumb {
   background-color: hsl(var(--muted));
 }
+.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/20::-webkit-scrollbar-thumb {
+  background-color: hsl(var(--muted-foreground) / 0.2);
+}
+.hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/40::-webkit-scrollbar-thumb:hover {
+  background-color: hsl(var(--muted-foreground) / 0.4);
+}
 .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/50::-webkit-scrollbar-thumb:hover {
   background-color: hsl(var(--muted-foreground) / 0.5);
 }
@@ -6341,6 +6446,9 @@ body {
 .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar {
   display: none;
 }
+.\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
+  width: 0.375rem;
+}
 .\[\&\:\:-webkit-scrollbar\]\:w-2::-webkit-scrollbar {
   width: 0.5rem;
 }