@universe-platform/ui 0.1.0-beta.33 → 0.1.0-beta.34

package/dist/globals.css

@@ -422,6 +422,9 @@
   .col-span-12 {
     grid-column: span 12 / span 12;
   }
+  .col-span-full {
+    grid-column: 1 / -1;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -458,8 +461,8 @@
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
-  .mt-3 {
-    margin-top: calc(var(--spacing) * 3);
+  .mt-4 {
+    margin-top: calc(var(--spacing) * 4);
   }
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
@@ -518,12 +521,6 @@
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
-  .line-clamp-2 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-  }
   .block {
     display: block;
   }
@@ -632,9 +629,6 @@
   .max-h-60 {
     max-height: calc(var(--spacing) * 60);
   }
-  .max-h-\[22rem\] {
-    max-height: 22rem;
-  }
   .max-h-\[92vh\] {
     max-height: 92vh;
   }
@@ -647,9 +641,6 @@
   .min-h-0 {
     min-height: 0;
   }
-  .min-h-\[12rem\] {
-    min-height: 12rem;
-  }
   .min-h-\[26rem\] {
     min-height: 26rem;
   }
@@ -918,6 +909,9 @@
   .flex-wrap {
     flex-wrap: wrap;
   }
+  .content-start {
+    align-content: flex-start;
+  }
   .items-center {
     align-items: center;
   }
@@ -1048,6 +1042,9 @@
   .gap-y-2\.5 {
     row-gap: calc(var(--spacing) * 2.5);
   }
+  .gap-y-3 {
+    row-gap: calc(var(--spacing) * 3);
+  }
   .divide-y {
     :where(& > :not(:last-child)) {
       --tw-divide-y-reverse: 0;
@@ -1062,6 +1059,9 @@
       border-color: var(--color-slate-100);
     }
   }
+  .self-end {
+    align-self: flex-end;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -1170,6 +1170,9 @@
   .border-amber-400 {
     border-color: var(--color-amber-400);
   }
+  .border-amber-500 {
+    border-color: var(--color-amber-500);
+  }
   .border-blue-100 {
     border-color: var(--color-blue-100);
   }
@@ -1182,6 +1185,9 @@
   .border-blue-400 {
     border-color: var(--color-blue-400);
   }
+  .border-blue-600 {
+    border-color: var(--color-blue-600);
+  }
   .border-cyan-200 {
     border-color: var(--color-cyan-200);
   }
@@ -1260,6 +1266,9 @@
   .border-rose-400 {
     border-color: var(--color-rose-400);
   }
+  .border-rose-600 {
+    border-color: var(--color-rose-600);
+  }
   .border-sky-200 {
     border-color: var(--color-sky-200);
   }
@@ -1320,6 +1329,9 @@
   .border-violet-200 {
     border-color: var(--color-violet-200);
   }
+  .border-violet-600 {
+    border-color: var(--color-violet-600);
+  }
   .border-yellow-200 {
     border-color: var(--color-yellow-200);
   }
@@ -1587,6 +1599,9 @@
   .bg-violet-50 {
     background-color: var(--color-violet-50);
   }
+  .bg-violet-600 {
+    background-color: var(--color-violet-600);
+  }
   .bg-white {
     background-color: var(--color-white);
   }
@@ -1743,9 +1758,6 @@
   .pr-0\.5 {
     padding-right: calc(var(--spacing) * 0.5);
   }
-  .pr-1 {
-    padding-right: var(--spacing);
-  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -1782,6 +1794,9 @@
   .pb-3 {
     padding-bottom: calc(var(--spacing) * 3);
   }
+  .pb-24 {
+    padding-bottom: calc(var(--spacing) * 24);
+  }
   .pl-1 {
     padding-left: var(--spacing);
   }
@@ -2433,6 +2448,13 @@
       }
     }
   }
+  .hover\:bg-amber-600 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-amber-600);
+      }
+    }
+  }
   .hover\:bg-black\/10 {
     &:hover {
       @media (hover: hover) {
@@ -2550,6 +2572,13 @@
       }
     }
   }
+  .hover\:bg-rose-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-rose-700);
+      }
+    }
+  }
   .hover\:bg-slate-50 {
     &:hover {
       @media (hover: hover) {
@@ -2628,6 +2657,13 @@
       }
     }
   }
+  .hover\:bg-violet-700 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-violet-700);
+      }
+    }
+  }
   .hover\:text-amber-400 {
     &:hover {
       @media (hover: hover) {
@@ -2913,6 +2949,11 @@
       opacity: 60%;
     }
   }
+  .sm\:col-span-2 {
+    @media (width >= 40rem) {
+      grid-column: span 2 / span 2;
+    }
+  }
   .sm\:block {
     @media (width >= 40rem) {
       display: block;
@@ -2984,14 +3025,14 @@
       width: calc(1 / 2 * 100%);
     }
   }
-  .lg\:w-1\/3 {
+  .lg\:min-w-0 {
     @media (width >= 64rem) {
-      width: calc(1 / 3 * 100%);
+      min-width: 0;
     }
   }
-  .lg\:w-2\/3 {
+  .lg\:flex-1 {
     @media (width >= 64rem) {
-      width: calc(2 / 3 * 100%);
+      flex: 1;
     }
   }
   .lg\:grid-cols-1 {
@@ -3009,31 +3050,6 @@
       flex-direction: row;
     }
   }
-  .\32 xl\:absolute {
-    @media (width >= 96rem) {
-      position: absolute;
-    }
-  }
-  .\32 xl\:inset-0 {
-    @media (width >= 96rem) {
-      inset: 0;
-    }
-  }
-  .\32 xl\:max-h-none {
-    @media (width >= 96rem) {
-      max-height: none;
-    }
-  }
-  .\32 xl\:min-h-0 {
-    @media (width >= 96rem) {
-      min-height: 0;
-    }
-  }
-  .\32 xl\:grid-cols-2 {
-    @media (width >= 96rem) {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-  }
 }
 @property --tw-translate-x {
   syntax: "*";