@texturehq/edges 5.20.0 → 5.22.0

package/dist/styles.css

@@ -2433,6 +2433,15 @@
   .z-\[75\] {
     z-index: 75;
   }
+  .order-1 {
+    order: 1;
+  }
+  .order-2 {
+    order: 2;
+  }
+  .order-3 {
+    order: 3;
+  }
   .col-auto {
     grid-column: auto;
   }
@@ -2493,6 +2502,9 @@
       max-width: 96rem;
     }
   }
+  .m-0 {
+    margin: var(--spacing-0);
+  }
   .-mx-1 {
     margin-inline: calc(var(--spacing-1) * -1);
   }
@@ -2529,9 +2541,6 @@
   .my-8 {
     margin-block: var(--spacing-8);
   }
-  .-mt-1 {
-    margin-top: calc(var(--spacing-1) * -1);
-  }
   .-mt-1\.5 {
     margin-top: calc(var(--spacing) * -1.5);
   }
@@ -2565,6 +2574,9 @@
   .mt-auto {
     margin-top: auto;
   }
+  .-mr-2 {
+    margin-right: calc(var(--spacing-2) * -1);
+  }
   .mr-1 {
     margin-right: var(--spacing-1);
   }
@@ -3106,6 +3118,9 @@
   .rotate-45 {
     rotate: 45deg;
   }
+  .rotate-90 {
+    rotate: 90deg;
+  }
   .rotate-180 {
     rotate: 180deg;
   }
@@ -3254,6 +3269,9 @@
   .grid-cols-\[1fr_auto\] {
     grid-template-columns: 1fr auto;
   }
+  .grid-cols-\[1fr_auto_auto\] {
+    grid-template-columns: 1fr auto auto;
+  }
   .grid-cols-\[3rem_1fr\] {
     grid-template-columns: 3rem 1fr;
   }
@@ -5039,6 +5057,9 @@
   .pr-12 {
     padding-right: var(--spacing-12);
   }
+  .pb-1 {
+    padding-bottom: var(--spacing-1);
+  }
   .pb-1\.5 {
     padding-bottom: calc(var(--spacing) * 1.5);
   }
@@ -5147,6 +5168,9 @@
   .text-\[10px\] {
     font-size: 10px;
   }
+  .text-\[11px\] {
+    font-size: 11px;
+  }
   .text-\[15px\] {
     font-size: 15px;
   }
@@ -7516,16 +7540,6 @@
       grid-template-columns: repeat(12, minmax(0, 1fr));
     }
   }
-  .sm\:grid-cols-\[minmax\(120px\,1fr\)_1fr\] {
-    @media (width >= 40rem) {
-      grid-template-columns: minmax(120px,1fr) 1fr;
-    }
-  }
-  .sm\:grid-cols-\[minmax\(120px\,1fr\)_auto_auto\] {
-    @media (width >= 40rem) {
-      grid-template-columns: minmax(120px,1fr) auto auto;
-    }
-  }
   .sm\:grid-cols-none {
     @media (width >= 40rem) {
       grid-template-columns: none;
@@ -7546,39 +7560,11 @@
       align-items: center;
     }
   }
-  .sm\:items-start {
-    @media (width >= 40rem) {
-      align-items: flex-start;
-    }
-  }
   .sm\:justify-between {
     @media (width >= 40rem) {
       justify-content: space-between;
     }
   }
-  .sm\:gap-x-1 {
-    @media (width >= 40rem) {
-      -moz-column-gap: var(--spacing-1);
-           column-gap: var(--spacing-1);
-    }
-  }
-  .sm\:gap-x-2 {
-    @media (width >= 40rem) {
-      -moz-column-gap: var(--spacing-2);
-           column-gap: var(--spacing-2);
-    }
-  }
-  .sm\:gap-x-4 {
-    @media (width >= 40rem) {
-      -moz-column-gap: var(--spacing-4);
-           column-gap: var(--spacing-4);
-    }
-  }
-  .sm\:gap-y-0 {
-    @media (width >= 40rem) {
-      row-gap: var(--spacing-0);
-    }
-  }
   .sm\:overflow-visible {
     @media (width >= 40rem) {
       overflow: visible;
@@ -7615,11 +7601,6 @@
       padding-bottom: var(--spacing-0);
     }
   }
-  .sm\:text-right {
-    @media (width >= 40rem) {
-      text-align: right;
-    }
-  }
   .md\:relative {
     @media (width >= 48rem) {
       position: relative;
@@ -7755,11 +7736,6 @@
       display: none;
     }
   }
-  .md\:inline {
-    @media (width >= 48rem) {
-      display: inline;
-    }
-  }
   .md\:h-10 {
     @media (width >= 48rem) {
       height: var(--spacing-10);
@@ -7935,6 +7911,12 @@
       }
     }
   }
+  .md\:border-b-0 {
+    @media (width >= 48rem) {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0px;
+    }
+  }
   .md\:px-4 {
     @media (width >= 48rem) {
       padding-inline: var(--spacing-4);
@@ -8489,6 +8471,115 @@
       gap: var(--spacing-4);
     }
   }
+  .\@sm\:order-1 {
+    @container (width >= 24rem) {
+      order: 1;
+    }
+  }
+  .\@sm\:order-2 {
+    @container (width >= 24rem) {
+      order: 2;
+    }
+  }
+  .\@sm\:mr-auto {
+    @container (width >= 24rem) {
+      margin-right: auto;
+    }
+  }
+  .\@sm\:hidden {
+    @container (width >= 24rem) {
+      display: none;
+    }
+  }
+  .\@sm\:grow {
+    @container (width >= 24rem) {
+      flex-grow: 1;
+    }
+  }
+  .\@sm\:grid-cols-\[1fr_auto_auto\] {
+    @container (width >= 24rem) {
+      grid-template-columns: 1fr auto auto;
+    }
+  }
+  .\@sm\:grid-cols-\[minmax\(120px\,1fr\)_1fr\] {
+    @container (width >= 24rem) {
+      grid-template-columns: minmax(120px,1fr) 1fr;
+    }
+  }
+  .\@sm\:items-center {
+    @container (width >= 24rem) {
+      align-items: center;
+    }
+  }
+  .\@sm\:justify-start {
+    @container (width >= 24rem) {
+      justify-content: flex-start;
+    }
+  }
+  .\@sm\:gap-x-1 {
+    @container (width >= 24rem) {
+      -moz-column-gap: var(--spacing-1);
+           column-gap: var(--spacing-1);
+    }
+  }
+  .\@sm\:gap-x-2 {
+    @container (width >= 24rem) {
+      -moz-column-gap: var(--spacing-2);
+           column-gap: var(--spacing-2);
+    }
+  }
+  .\@sm\:gap-x-4 {
+    @container (width >= 24rem) {
+      -moz-column-gap: var(--spacing-4);
+           column-gap: var(--spacing-4);
+    }
+  }
+  .\@sm\:gap-y-0 {
+    @container (width >= 24rem) {
+      row-gap: var(--spacing-0);
+    }
+  }
+  .\@sm\:text-right {
+    @container (width >= 24rem) {
+      text-align: right;
+    }
+  }
+  .\@md\:hidden {
+    @container (width >= 28rem) {
+      display: none;
+    }
+  }
+  .\@md\:inline {
+    @container (width >= 28rem) {
+      display: inline;
+    }
+  }
+  .\@md\:grid-cols-2 {
+    @container (width >= 28rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .\@md\:border-b {
+    @container (width >= 28rem) {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 1px;
+    }
+  }
+  .\@md\:border-border-default {
+    @container (width >= 28rem) {
+      border-color: var(--color-border-default);
+    }
+  }
+  .\@md\:pb-1 {
+    @container (width >= 28rem) {
+      padding-bottom: var(--spacing-1);
+    }
+  }
+  .\@md\:pb-2 {
+    @container (width >= 28rem) {
+      padding-bottom: var(--spacing-2);
+    }
+  }
   .dark\:text-text-primary {
     @media (prefers-color-scheme: dark) {
       color: var(--color-text-primary);
@@ -9099,6 +9190,21 @@
       text-align: right;
     }
   }
+  .\[\&_button\]\:top-0 {
+    & button {
+      top: var(--spacing-0);
+    }
+  }
+  .\[\&_button\]\:h-5 {
+    & button {
+      height: var(--spacing-5);
+    }
+  }
+  .\[\&_button\]\:py-0 {
+    & button {
+      padding-block: var(--spacing-0);
+    }
+  }
   .\[\&_td\]\:\!border-0 {
     & td {
       border-style: var(--tw-border-style) !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "5.20.0",
+  "version": "5.22.0",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",