@cjlapao/ui-kit 0.2.3 → 0.2.5

package/dist/index.css

@@ -692,6 +692,9 @@
   .-mt-px {
     margin-top: -1px;
   }
+  .mt-0 {
+    margin-top: 0px;
+  }
   .mt-0\.5 {
     margin-top: calc(var(--spacing) * 0.5);
   }
@@ -716,6 +719,15 @@
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }
+  .mt-8 {
+    margin-top: calc(var(--spacing) * 8);
+  }
+  .mt-10 {
+    margin-top: calc(var(--spacing) * 10);
+  }
+  .mt-\[9px\] {
+    margin-top: 9px;
+  }
   .mt-auto {
     margin-top: auto;
   }
@@ -725,6 +737,9 @@
   .-mr-1 {
     margin-right: calc(var(--spacing) * -1);
   }
+  .mr-0 {
+    margin-right: 0px;
+  }
   .mr-1 {
     margin-right: var(--spacing);
   }
@@ -734,6 +749,21 @@
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
+  .mr-4 {
+    margin-right: calc(var(--spacing) * 4);
+  }
+  .mr-6 {
+    margin-right: calc(var(--spacing) * 6);
+  }
+  .mr-8 {
+    margin-right: calc(var(--spacing) * 8);
+  }
+  .mr-10 {
+    margin-right: calc(var(--spacing) * 10);
+  }
+  .mb-0 {
+    margin-bottom: 0px;
+  }
   .mb-0\.5 {
     margin-bottom: calc(var(--spacing) * 0.5);
   }
@@ -758,6 +788,12 @@
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
+  .mb-8 {
+    margin-bottom: calc(var(--spacing) * 8);
+  }
+  .mb-10 {
+    margin-bottom: calc(var(--spacing) * 10);
+  }
   .mb-px {
     margin-bottom: 1px;
   }
@@ -788,6 +824,12 @@
   .ml-6 {
     margin-left: calc(var(--spacing) * 6);
   }
+  .ml-8 {
+    margin-left: calc(var(--spacing) * 8);
+  }
+  .ml-10 {
+    margin-left: calc(var(--spacing) * 10);
+  }
   .ml-auto {
     margin-left: auto;
   }
@@ -836,6 +878,10 @@
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
   .size-2 {
     width: calc(var(--spacing) * 2);
     height: calc(var(--spacing) * 2);
@@ -1015,9 +1061,15 @@
   .h-\[360px\] {
     height: 360px;
   }
+  .h-\[calc\(100\%-1rem\)\] {
+    height: calc(100% - 1rem);
+  }
   .h-\[calc\(100vh-64px\)\] {
     height: calc(100vh - 64px);
   }
+  .h-\[calc\(100vh-64px-1rem\)\] {
+    height: calc(100vh - 64px - 1rem);
+  }
   .h-auto {
     height: auto;
   }
@@ -18953,6 +19005,12 @@
     }
   }
   @media (width >= 80rem) {
+    .xl\:w-80 {
+      width: calc(var(--spacing) * 80);
+    }
+    .xl\:shrink-0 {
+      flex-shrink: 0;
+    }
     .xl\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
@@ -18962,6 +19020,12 @@
     .xl\:grid-cols-4 {
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
+    .xl\:flex-row {
+      flex-direction: row;
+    }
+    .xl\:items-start {
+      align-items: flex-start;
+    }
   }
   @container (width >= 36rem) {
     .\@xl\:grid-cols-2 {
@@ -18975,9 +19039,18 @@
     .\@4xl\:top-6 {
       top: calc(var(--spacing) * 6);
     }
+    .\@4xl\:h-\[calc\(100dvh-var\(--wt-fill-offset\)\)\] {
+      height: calc(100dvh - var(--wt-fill-offset));
+    }
+    .\@4xl\:min-h-0 {
+      min-height: 0px;
+    }
     .\@4xl\:grid-cols-\[var\(--wt-rail-width\)_minmax\(0\,1fr\)\] {
       grid-template-columns: var(--wt-rail-width) minmax(0,1fr);
     }
+    .\@4xl\:self-stretch {
+      align-self: stretch;
+    }
   }
   .dark\:block:where(.dark, .dark *) {
     display: block;