@kala-ui/react 0.0.1-beta.5 → 0.0.1-beta.7

package/dist/styles/globals.css

@@ -1118,6 +1118,24 @@
   .max-w-md {
     max-width: var(--container-md);
   }
+  .max-w-none {
+    max-width: none;
+  }
+  .max-w-screen-2xl {
+    max-width: 1536px;
+  }
+  .max-w-screen-lg {
+    max-width: 1024px;
+  }
+  .max-w-screen-md {
+    max-width: 768px;
+  }
+  .max-w-screen-sm {
+    max-width: 640px;
+  }
+  .max-w-screen-xl {
+    max-width: 1280px;
+  }
   .max-w-sm {
     max-width: var(--container-sm);
   }
@@ -1163,12 +1181,24 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-shrink {
+    flex-shrink: 1;
+  }
   .flex-shrink-0 {
     flex-shrink: 0;
   }
+  .shrink {
+    flex-shrink: 1;
+  }
   .shrink-0 {
     flex-shrink: 0;
   }
+  .flex-grow {
+    flex-grow: 1;
+  }
+  .flex-grow-0 {
+    flex-grow: 0;
+  }
   .grow {
     flex-grow: 1;
   }
@@ -1355,9 +1385,21 @@
   .flex-row {
     flex-direction: row;
   }
+  .flex-row-reverse {
+    flex-direction: row-reverse;
+  }
+  .flex-nowrap {
+    flex-wrap: nowrap;
+  }
   .flex-wrap {
     flex-wrap: wrap;
   }
+  .flex-wrap-reverse {
+    flex-wrap: wrap-reverse;
+  }
+  .items-baseline {
+    align-items: baseline;
+  }
   .items-center {
     align-items: center;
   }
@@ -1370,6 +1412,9 @@
   .items-stretch {
     align-items: stretch;
   }
+  .justify-around {
+    justify-content: space-around;
+  }
   .justify-between {
     justify-content: space-between;
   }
@@ -1379,6 +1424,9 @@
   .justify-end {
     justify-content: flex-end;
   }
+  .justify-evenly {
+    justify-content: space-evenly;
+  }
   .justify-start {
     justify-content: flex-start;
   }
@@ -1400,6 +1448,9 @@
   .gap-4 {
     gap: 1rem;
   }
+  .gap-5 {
+    gap: 1.25rem;
+  }
   .gap-6 {
     gap: 1.5rem;
   }
@@ -1409,6 +1460,15 @@
   .gap-8 {
     gap: 2rem;
   }
+  .gap-10 {
+    gap: 2.5rem;
+  }
+  .gap-12 {
+    gap: 3rem;
+  }
+  .gap-16 {
+    gap: 4rem;
+  }
   .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -2330,12 +2390,21 @@
   .text-center {
     text-align: center;
   }
+  .text-end {
+    text-align: end;
+  }
+  .text-justify {
+    text-align: justify;
+  }
   .text-left {
     text-align: left;
   }
   .text-right {
     text-align: right;
   }
+  .text-start {
+    text-align: start;
+  }
   .align-middle {
     vertical-align: middle;
   }
@@ -2354,10 +2423,26 @@
     font-size: 2.25rem;
     line-height: var(--tw-leading, 2.5rem);
   }
+  .text-5xl {
+    font-size: 3rem;
+    line-height: var(--tw-leading, 1);
+  }
   .text-6xl {
     font-size: 3.75rem;
     line-height: var(--tw-leading, 1);
   }
+  .text-7xl {
+    font-size: 4.5rem;
+    line-height: var(--tw-leading, 1);
+  }
+  .text-8xl {
+    font-size: 6rem;
+    line-height: var(--tw-leading, 1);
+  }
+  .text-9xl {
+    font-size: 8rem;
+    line-height: var(--tw-leading, 1);
+  }
   .text-base {
     font-size: 1rem;
     line-height: var(--tw-leading, 1.5rem);
@@ -2407,10 +2492,26 @@
     --tw-leading: 1.25;
     line-height: 1.25;
   }
+  .font-black {
+    --tw-font-weight: 900;
+    font-weight: 900;
+  }
   .font-bold {
     --tw-font-weight: 700;
     font-weight: 700;
   }
+  .font-extrabold {
+    --tw-font-weight: 800;
+    font-weight: 800;
+  }
+  .font-extralight {
+    --tw-font-weight: 200;
+    font-weight: 200;
+  }
+  .font-light {
+    --tw-font-weight: 300;
+    font-weight: 300;
+  }
   .font-medium {
     --tw-font-weight: 500;
     font-weight: 500;
@@ -2423,6 +2524,10 @@
     --tw-font-weight: 600;
     font-weight: 600;
   }
+  .font-thin {
+    --tw-font-weight: 100;
+    font-weight: 100;
+  }
   .tracking-tight {
     --tw-tracking: -0.025em;
     letter-spacing: -0.025em;
@@ -5489,6 +5594,11 @@
       padding: 1.5rem;
     }
   }
+  .md\:px-6 {
+    @media (width >= 768px) {
+      padding-inline: 1.5rem;
+    }
+  }
   .md\:py-12 {
     @media (width >= 768px) {
       padding-block: 3rem;
@@ -5564,12 +5674,53 @@
       padding-inline: 1.5rem;
     }
   }
+  .lg\:px-8 {
+    @media (width >= 1024px) {
+      padding-inline: 2rem;
+    }
+  }
+  .lg\:text-2xl {
+    @media (width >= 1024px) {
+      font-size: 1.5rem;
+      line-height: var(--tw-leading, 2rem);
+    }
+  }
+  .lg\:text-3xl {
+    @media (width >= 1024px) {
+      font-size: 1.875rem;
+      line-height: var(--tw-leading, 2.25rem);
+    }
+  }
+  .lg\:text-4xl {
+    @media (width >= 1024px) {
+      font-size: 2.25rem;
+      line-height: var(--tw-leading, 2.5rem);
+    }
+  }
+  .lg\:text-5xl {
+    @media (width >= 1024px) {
+      font-size: 3rem;
+      line-height: var(--tw-leading, 1);
+    }
+  }
   .lg\:text-base {
     @media (width >= 1024px) {
       font-size: 1rem;
       line-height: var(--tw-leading, 1.5rem);
     }
   }
+  .lg\:text-lg {
+    @media (width >= 1024px) {
+      font-size: 1.125rem;
+      line-height: var(--tw-leading, 1.75rem);
+    }
+  }
+  .lg\:text-xl {
+    @media (width >= 1024px) {
+      font-size: 1.25rem;
+      line-height: var(--tw-leading, 1.75rem);
+    }
+  }
   .xl\:w-64 {
     @media (width >= 1280px) {
       width: 16rem;
@@ -6446,11 +6597,11 @@
     -webkit-tap-highlight-color: transparent;
     -webkit-touch-callout: none;
   }
-  button,
-	[role="button"],
-	a,
-	input[type="submit"],
-	input[type="button"],
+  button,
+	[role="button"],
+	a,
+	input[type="submit"],
+	input[type="button"],
 	input[type="reset"] {
     -webkit-tap-highlight-color: transparent;
     touch-action: manipulation;
@@ -6655,14 +6806,14 @@
   }
   .theme-card {
     background-color: hsl(var(--card));
-    border-color: hsl(
-			var(--border) /
-			var(--card-border-alpha, var(--border-alpha, 1))
+    border-color: hsl(
+			var(--border) /
+			var(--card-border-alpha, var(--border-alpha, 1))
 		);
-    box-shadow: 0 0 var(--shadow-spread)
+    box-shadow: 0 0 var(--shadow-spread)
 			hsl(var(--shadow-color) / var(--shadow-alpha)) !important;
   }
-  .theme-input,
+  .theme-input,
 	.theme-dropdown {
     background-color: hsl(var(--card)) !important;
     border-color: hsl(var(--border) / var(--border-alpha, 1)) !important;
@@ -6680,7 +6831,7 @@
   --tw-ring-offset-color: hsl(var(--ring-offset-color));
   --tw-ring-color: hsl(var(--ring));
   outline: none;
-  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
+  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
 		0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 }
 .ring-destructive {
@@ -6688,7 +6839,7 @@
   --tw-ring-offset-color: hsl(var(--ring-offset-color));
   --tw-ring-color: hsl(var(--destructive));
   outline: none;
-  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
+  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
 		0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 }
 .ring-success {
@@ -6696,7 +6847,7 @@
   --tw-ring-offset-color: hsl(var(--ring-offset-color));
   --tw-ring-color: hsl(var(--success));
   outline: none;
-  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
+  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
 		0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 }
 .focus-ring {
@@ -6706,7 +6857,7 @@
   --tw-ring-offset-width: 2px;
   --tw-ring-offset-color: hsl(var(--ring-offset-color));
   --tw-ring-color: hsl(var(--ring));
-  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
+  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
 		0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 }
 .focus-within-ring {
@@ -6716,7 +6867,7 @@
   --tw-ring-offset-width: 2px;
   --tw-ring-offset-color: hsl(var(--ring-offset-color));
   --tw-ring-color: hsl(var(--ring));
-  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
+  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
 		0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 }
 .focus-ring-destructive {
@@ -6726,7 +6877,7 @@
   --tw-ring-offset-width: 2px;
   --tw-ring-offset-color: hsl(var(--ring-offset-color));
   --tw-ring-color: hsl(var(--destructive));
-  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
+  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
 		0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 }
 .focus-ring-success {
@@ -6736,7 +6887,7 @@
   --tw-ring-offset-width: 2px;
   --tw-ring-offset-color: hsl(var(--ring-offset-color));
   --tw-ring-color: hsl(var(--success));
-  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
+  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
 		0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 }
 .focus-within-ring-destructive {
@@ -6746,7 +6897,7 @@
   --tw-ring-offset-width: 2px;
   --tw-ring-offset-color: hsl(var(--ring-offset-color));
   --tw-ring-color: hsl(var(--destructive));
-  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
+  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
 		0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 }
 .focus-visible-ring-success {
@@ -6756,7 +6907,7 @@
   --tw-ring-offset-width: 2px;
   --tw-ring-offset-color: hsl(var(--ring-offset-color));
   --tw-ring-color: hsl(var(--success));
-  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
+  box-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),
 		0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
 }
 @keyframes enter {
@@ -7215,4 +7366,4 @@
       --tw-content: "";
     }
   }
-}
+}