@mlw-packages/react-components 1.10.1 → 1.10.3

package/dist/index.css

@@ -349,30 +349,48 @@ body {
   -moz-osx-font-smoothing: grayscale;
   font-family: "Syne", sans-serif;
 }
+.\!container {
+  width: 100% !important;
+}
 .container {
   width: 100%;
 }
 @media (min-width: 640px) {
+  .\!container {
+    max-width: 640px !important;
+  }
   .container {
     max-width: 640px;
   }
 }
 @media (min-width: 768px) {
+  .\!container {
+    max-width: 768px !important;
+  }
   .container {
     max-width: 768px;
   }
 }
 @media (min-width: 1024px) {
+  .\!container {
+    max-width: 1024px !important;
+  }
   .container {
     max-width: 1024px;
   }
 }
 @media (min-width: 1280px) {
+  .\!container {
+    max-width: 1280px !important;
+  }
   .container {
     max-width: 1280px;
   }
 }
 @media (min-width: 1536px) {
+  .\!container {
+    max-width: 1536px !important;
+  }
   .container {
     max-width: 1536px;
   }
@@ -459,6 +477,9 @@ body {
 .bottom-0 {
   bottom: 0px;
 }
+.bottom-0\.5 {
+  bottom: 0.125rem;
+}
 .bottom-2 {
   bottom: 0.5rem;
 }
@@ -588,6 +609,9 @@ body {
 .z-\[10000\] {
   z-index: 10000;
 }
+.z-\[10001\] {
+  z-index: 10001;
+}
 .z-\[100\] {
   z-index: 100;
 }
@@ -823,6 +847,9 @@ body {
 .mt-auto {
   margin-top: auto;
 }
+.mt-px {
+  margin-top: 1px;
+}
 .box-border {
   box-sizing: border-box;
 }
@@ -1033,6 +1060,12 @@ body {
 .h-\[550px\] {
   height: 550px;
 }
+.h-\[600px\] {
+  height: 600px;
+}
+.h-\[76px\] {
+  height: 76px;
+}
 .h-\[95vh\] {
   height: 95vh;
 }
@@ -1063,15 +1096,18 @@ body {
 .h-px {
   height: 1px;
 }
+.h-screen {
+  height: 100vh;
+}
 .h-svh {
   height: 100svh;
 }
+.max-h-36 {
+  max-height: 9rem;
+}
 .max-h-40 {
   max-height: 10rem;
 }
-.max-h-44 {
-  max-height: 11rem;
-}
 .max-h-48 {
   max-height: 12rem;
 }
@@ -1096,12 +1132,18 @@ body {
 .max-h-\[300px\] {
   max-height: 300px;
 }
+.max-h-\[60vh\] {
+  max-height: 60vh;
+}
 .max-h-\[95vh\] {
   max-height: 95vh;
 }
 .max-h-\[calc\(100dvh-2rem\)\] {
   max-height: calc(100dvh - 2rem);
 }
+.max-h-\[calc\(100vh-200px\)\] {
+  max-height: calc(100vh - 200px);
+}
 .max-h-\[var\(--radix-context-menu-content-available-height\)\] {
   max-height: var(--radix-context-menu-content-available-height);
 }
@@ -1297,6 +1339,9 @@ body {
 .w-\[350px\] {
   width: 350px;
 }
+.w-\[40\%\] {
+  width: 40%;
+}
 .w-\[400px\] {
   width: 400px;
 }
@@ -1312,6 +1357,9 @@ body {
 .w-\[70\%\] {
   width: 70%;
 }
+.w-\[76px\] {
+  width: 76px;
+}
 .w-\[80px\] {
   width: 80px;
 }
@@ -1324,6 +1372,9 @@ body {
 .w-\[calc\(100\%-2rem\)\] {
   width: calc(100% - 2rem);
 }
+.w-\[calc\(100vw-32px\)\] {
+  width: calc(100vw - 32px);
+}
 .w-auto {
   width: auto;
 }
@@ -1825,6 +1876,9 @@ body {
 .gap-8 {
   gap: 2rem;
 }
+.gap-y-1 {
+  row-gap: 0.25rem;
+}
 .-space-x-3 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(-0.75rem * var(--tw-space-x-reverse));
@@ -1908,6 +1962,9 @@ body {
 .divide-border > :not([hidden]) ~ :not([hidden]) {
   border-color: hsl(var(--border));
 }
+.divide-border\/20 > :not([hidden]) ~ :not([hidden]) {
+  border-color: hsl(var(--border) / 0.2);
+}
 .overflow-auto {
   overflow: auto;
 }
@@ -2040,6 +2097,10 @@ body {
   border-top-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
 }
+.rounded-t-2xl {
+  border-top-left-radius: 1rem;
+  border-top-right-radius: 1rem;
+}
 .rounded-t-lg {
   border-top-left-radius: var(--radius);
   border-top-right-radius: var(--radius);
@@ -2119,6 +2180,22 @@ body {
 .border-none {
   border-style: none;
 }
+.\!border-\[\#005bbf\] {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(0 91 191 / var(--tw-border-opacity, 1)) !important;
+}
+.\!border-\[\#0b5430\] {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(11 84 48 / var(--tw-border-opacity, 1)) !important;
+}
+.\!border-\[\#d9d0c0\] {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(217 208 192 / var(--tw-border-opacity, 1)) !important;
+}
+.\!border-black {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)) !important;
+}
 .border-accent {
   border-color: hsl(var(--accent));
 }
@@ -2162,6 +2239,9 @@ body {
 .border-border\/20 {
   border-color: hsl(var(--border) / 0.2);
 }
+.border-border\/30 {
+  border-color: hsl(var(--border) / 0.3);
+}
 .border-border\/40 {
   border-color: hsl(var(--border) / 0.4);
 }
@@ -2261,9 +2341,6 @@ body {
 .border-primary\/20 {
   border-color: hsl(var(--primary) / 0.2);
 }
-.border-primary\/30 {
-  border-color: hsl(var(--primary) / 0.3);
-}
 .border-primary\/50 {
   border-color: hsl(var(--primary) / 0.5);
 }
@@ -2394,6 +2471,30 @@ body {
 .\!bg-transparent {
   background-color: transparent !important;
 }
+.bg-\[\#005bbf\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 91 191 / var(--tw-bg-opacity, 1));
+}
+.bg-\[\#0b5430\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(11 84 48 / var(--tw-bg-opacity, 1));
+}
+.bg-\[\#d9d0c0\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(217 208 192 / var(--tw-bg-opacity, 1));
+}
+.bg-\[\#e2ddd6\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(226 221 214 / var(--tw-bg-opacity, 1));
+}
+.bg-\[\#f0eacc\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(240 234 204 / var(--tw-bg-opacity, 1));
+}
+.bg-\[\#fcf5c2\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(252 245 194 / var(--tw-bg-opacity, 1));
+}
 .bg-accent {
   background-color: hsl(var(--accent));
 }
@@ -2442,6 +2543,10 @@ body {
 .bg-background\/95 {
   background-color: hsl(var(--background) / 0.95);
 }
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
+}
 .bg-black\/20 {
   background-color: rgb(0 0 0 / 0.2);
 }
@@ -2859,9 +2964,6 @@ body {
 .bg-white\/5 {
   background-color: rgb(255 255 255 / 0.05);
 }
-.bg-white\/50 {
-  background-color: rgb(255 255 255 / 0.5);
-}
 .bg-white\/70 {
   background-color: rgb(255 255 255 / 0.7);
 }
@@ -3255,6 +3357,9 @@ body {
 .stroke-destructive-foreground\/20 {
   stroke: hsl(var(--destructive-foreground) / 0.2);
 }
+.stroke-primary {
+  stroke: hsl(var(--primary));
+}
 .stroke-primary-foreground\/20 {
   stroke: hsl(var(--primary-foreground) / 0.2);
 }
@@ -3449,6 +3554,9 @@ body {
 .pb-7 {
   padding-bottom: 1.75rem;
 }
+.pb-\[env\(safe-area-inset-bottom\)\] {
+  padding-bottom: env(safe-area-inset-bottom);
+}
 .pe-1 {
   padding-inline-end: 0.25rem;
 }
@@ -3509,6 +3617,9 @@ body {
 .pt-2 {
   padding-top: 0.5rem;
 }
+.pt-2\.5 {
+  padding-top: 0.625rem;
+}
 .pt-4 {
   padding-top: 1rem;
 }
@@ -3524,6 +3635,18 @@ body {
 .align-middle {
   vertical-align: middle;
 }
+.font-\[family-name\:var\(--font-josefin\)\] {
+  font-family: var(--font-josefin);
+}
+.font-\[family-name\:var\(--font-libre-caslon\)\] {
+  font-family: var(--font-libre-caslon);
+}
+.font-\[family-name\:var\(--font-playfair\)\] {
+  font-family: var(--font-playfair);
+}
+.font-\[family-name\:var\(--font-poppins\)\] {
+  font-family: var(--font-poppins);
+}
 .font-mono {
   font-family:
     ui-monospace,
@@ -3701,6 +3824,26 @@ body {
   --tw-text-opacity: 1 !important;
   color: rgb(163 163 163 / var(--tw-text-opacity, 1)) !important;
 }
+.text-\[\#004a9e\] {
+  --tw-text-opacity: 1;
+  color: rgb(0 74 158 / var(--tw-text-opacity, 1));
+}
+.text-\[\#005bbf\] {
+  --tw-text-opacity: 1;
+  color: rgb(0 91 191 / var(--tw-text-opacity, 1));
+}
+.text-\[\#222222\] {
+  --tw-text-opacity: 1;
+  color: rgb(34 34 34 / var(--tw-text-opacity, 1));
+}
+.text-\[\#5e5b56\] {
+  --tw-text-opacity: 1;
+  color: rgb(94 91 86 / var(--tw-text-opacity, 1));
+}
+.text-\[\#6b665c\] {
+  --tw-text-opacity: 1;
+  color: rgb(107 102 92 / var(--tw-text-opacity, 1));
+}
 .text-accent-foreground {
   color: hsl(var(--accent-foreground));
 }
@@ -3785,6 +3928,9 @@ body {
 .text-foreground {
   color: hsl(var(--foreground));
 }
+.text-foreground\/70 {
+  color: hsl(var(--foreground) / 0.7);
+}
 .text-foreground\/90 {
   color: hsl(var(--foreground) / 0.9);
 }
@@ -4338,6 +4484,10 @@ body {
   --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-\[2px\] {
+  --tw-backdrop-blur: blur(2px);
+  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);
@@ -5557,6 +5707,9 @@ body {
 .group:hover .group-hover\:text-destructive {
   color: hsl(var(--destructive));
 }
+.group:hover .group-hover\:text-primary {
+  color: hsl(var(--primary));
+}
 .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 {
   opacity: 1;
 }
@@ -7128,6 +7281,9 @@ body {
   .sm\:h-7 {
     height: 1.75rem;
   }
+  .sm\:max-h-\[520px\] {
+    max-height: 520px;
+  }
   .sm\:max-h-\[90dvh\] {
     max-height: 90dvh;
   }
@@ -7149,6 +7305,12 @@ body {
   .sm\:w-7 {
     width: 1.75rem;
   }
+  .sm\:w-80 {
+    width: 20rem;
+  }
+  .sm\:w-\[38\%\] {
+    width: 38%;
+  }
   .sm\:w-auto {
     width: auto;
   }
@@ -7272,10 +7434,6 @@ body {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
   }
-  .sm\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
   .sm\:pe-4 {
     padding-inline-end: 1rem;
   }
@@ -7486,6 +7644,9 @@ body {
   }
 }
 @media (min-width: 1024px) {
+  .lg\:max-h-\[750px\] {
+    max-height: 750px;
+  }
   .lg\:min-h-\[calc\(\(var\(--event-height\)\+var\(--event-gap\)\)\*4\)\] {
     min-height: calc((var(--event-height) + var(--event-gap)) * 4);
   }
@@ -7561,6 +7722,9 @@ body {
 .\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar {
   height: 0.375rem;
 }
+.\[\&\:\:-webkit-scrollbar\]\:w-1::-webkit-scrollbar {
+  width: 0.25rem;
+}
 .\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar {
   width: 0.375rem;
 }