@texturehq/edges 1.1.1 → 1.2.0

package/dist/styles.css

@@ -62,8 +62,17 @@
   --color-brand-light: #f7f7ff;
   --color-brand-dark: #363ccb;
   --color-brand-background: #f6f7ff;
+  --color-skeleton-base: #e5e7eb;
+  --color-skeleton-highlight: #f3f4f6;
   --color-neutral-white: #ffffff;
   --color-neutral-black: #000000;
+  --color-data-categorical-1: #a3eae4;
+  --color-data-categorical-2: #91a0ff;
+  --color-data-categorical-3: #ffd1a3;
+  --color-data-categorical-4: #ffabc8;
+  --color-data-categorical-5: #c1b8ff;
+  --color-data-categorical-6: #e0ffb8;
+  --color-data-default: #444ae1;
   --spacing-0: 0px;
   --spacing-1: 0.25rem;
   --spacing-2: 0.5rem;
@@ -296,8 +305,98 @@
   --color-brand-light: #f7f7ff;
   --color-brand-dark: #363ccb;
   --color-brand-background: #f6f7ff;
+  --color-skeleton-base: #e5e7eb;
+  --color-skeleton-highlight: #f3f4f6;
+  --color-skeleton-wave: rgba(255, 255, 255, 0.3);
   --color-neutral-white: #ffffff;
   --color-neutral-black: #000000;
+  --color-data-categorical-1: #a3eae4;
+  --color-data-categorical-2: #91a0ff;
+  --color-data-categorical-3: #ffd1a3;
+  --color-data-categorical-4: #ffabc8;
+  --color-data-categorical-5: #c1b8ff;
+  --color-data-categorical-6: #e0ffb8;
+  --color-data-sequential-viridis-1: #fafa37;
+  --color-data-sequential-viridis-2: #d6e654;
+  --color-data-sequential-viridis-3: #b2d373;
+  --color-data-sequential-viridis-4: #88be8c;
+  --color-data-sequential-viridis-5: #5fa2a4;
+  --color-data-sequential-viridis-6: #3d7eaa;
+  --color-data-sequential-viridis-7: #2a60b1;
+  --color-data-sequential-viridis-8: #1b3a99;
+  --color-data-sequential-viridis-9: #132353;
+  --color-data-sequential-viridis-10: #110f39;
+  --color-data-sequential-magma-1: #fcf5cd;
+  --color-data-sequential-magma-2: #f5db95;
+  --color-data-sequential-magma-3: #e9af7c;
+  --color-data-sequential-magma-4: #db7d70;
+  --color-data-sequential-magma-5: #b9577a;
+  --color-data-sequential-magma-6: #883482;
+  --color-data-sequential-magma-7: #6a1f78;
+  --color-data-sequential-magma-8: #4b1277;
+  --color-data-sequential-magma-9: #2d0b42;
+  --color-data-sequential-magma-10: #0b0511;
+  --color-data-sequential-rose-1: #fef3e7;
+  --color-data-sequential-rose-2: #f5c7e0;
+  --color-data-sequential-rose-3: #ec9bce;
+  --color-data-sequential-rose-4: #d86db0;
+  --color-data-sequential-rose-5: #be4a8b;
+  --color-data-sequential-rose-6: #9d2f76;
+  --color-data-sequential-rose-7: #78176c;
+  --color-data-sequential-rose-8: #56135c;
+  --color-data-sequential-rose-9: #371344;
+  --color-data-sequential-rose-10: #190b29;
+  --color-data-sequential-cerulean-1: #e2f7f2;
+  --color-data-sequential-cerulean-2: #b6e4e8;
+  --color-data-sequential-cerulean-3: #8bd3d7;
+  --color-data-sequential-cerulean-4: #60b2c7;
+  --color-data-sequential-cerulean-5: #3d91b6;
+  --color-data-sequential-cerulean-6: #22698e;
+  --color-data-sequential-cerulean-7: #0e486a;
+  --color-data-sequential-cerulean-8: #0a314d;
+  --color-data-sequential-cerulean-9: #081e33;
+  --color-data-sequential-cerulean-10: #030e1d;
+  --color-data-sequential-forest-1: #f4fad8;
+  --color-data-sequential-forest-2: #d6e6a5;
+  --color-data-sequential-forest-3: #b2cd73;
+  --color-data-sequential-forest-4: #88af52;
+  --color-data-sequential-forest-5: #5f8835;
+  --color-data-sequential-forest-6: #3d6426;
+  --color-data-sequential-forest-7: #2a461a;
+  --color-data-sequential-forest-8: #1b2e13;
+  --color-data-sequential-forest-9: #13200d;
+  --color-data-sequential-forest-10: #0b1305;
+  --color-data-diverging-orange-yellow-seafoam-1: #6b2c1a;
+  --color-data-diverging-orange-yellow-seafoam-2: #a24b1e;
+  --color-data-diverging-orange-yellow-seafoam-3: #cb7131;
+  --color-data-diverging-orange-yellow-seafoam-4: #e2a05d;
+  --color-data-diverging-orange-yellow-seafoam-5: #f3e1a3;
+  --color-data-diverging-orange-yellow-seafoam-6: #c1e4d2;
+  --color-data-diverging-orange-yellow-seafoam-7: #7eb8b1;
+  --color-data-diverging-orange-yellow-seafoam-8: #4c8c89;
+  --color-data-diverging-orange-yellow-seafoam-9: #2b6262;
+  --color-data-diverging-orange-yellow-seafoam-10: #1b3d3c;
+  --color-data-diverging-red-yellow-blue-1: #4e142d;
+  --color-data-diverging-red-yellow-blue-2: #8b2d4e;
+  --color-data-diverging-red-yellow-blue-3: #c15a4a;
+  --color-data-diverging-red-yellow-blue-4: #db8b6a;
+  --color-data-diverging-red-yellow-blue-5: #f3e1a3;
+  --color-data-diverging-red-yellow-blue-6: #bfd4c7;
+  --color-data-diverging-red-yellow-blue-7: #7c9eb9;
+  --color-data-diverging-red-yellow-blue-8: #4770a3;
+  --color-data-diverging-red-yellow-blue-9: #2e4d8c;
+  --color-data-diverging-red-yellow-blue-10: #18274e;
+  --color-data-diverging-red-blue-1: #4e142d;
+  --color-data-diverging-red-blue-2: #8b2d4e;
+  --color-data-diverging-red-blue-3: #c15a7a;
+  --color-data-diverging-red-blue-4: #db8b9e;
+  --color-data-diverging-red-blue-5: #f3e1f4;
+  --color-data-diverging-red-blue-6: #c7bfe2;
+  --color-data-diverging-red-blue-7: #9ea7ce;
+  --color-data-diverging-red-blue-8: #7080b5;
+  --color-data-diverging-red-blue-9: #4d5e99;
+  --color-data-diverging-red-blue-10: #2b3d70;
+  --color-data-default: #444ae1;
   --spacing-0: 0px;
   --spacing-1: 0.25rem;
   --spacing-2: 0.5rem;
@@ -735,9 +834,6 @@
   .-top-2 {
     top: calc(var(--spacing-2) * -1);
   }
-  .-top-5 {
-    top: calc(var(--spacing-5) * -1);
-  }
   .-top-\[5px\] {
     top: calc(5px * -1);
   }
@@ -753,6 +849,9 @@
   .top-4 {
     top: var(--spacing-4);
   }
+  .top-12 {
+    top: var(--spacing-12);
+  }
   .-right-2 {
     right: calc(var(--spacing-2) * -1);
   }
@@ -774,6 +873,9 @@
   .right-4 {
     right: var(--spacing-4);
   }
+  .right-8 {
+    right: var(--spacing-8);
+  }
   .right-\[1px\] {
     right: 1px;
   }
@@ -792,6 +894,15 @@
   .bottom-4 {
     bottom: var(--spacing-4);
   }
+  .bottom-6 {
+    bottom: var(--spacing-6);
+  }
+  .bottom-8 {
+    bottom: var(--spacing-8);
+  }
+  .bottom-\[108px\] {
+    bottom: 108px;
+  }
   .-left-2 {
     left: calc(var(--spacing-2) * -1);
   }
@@ -810,6 +921,9 @@
   .left-4 {
     left: var(--spacing-4);
   }
+  .left-\[5px\] {
+    left: 5px;
+  }
   .left-full {
     left: 100%;
   }
@@ -1161,6 +1275,9 @@
   .max-h-48 {
     max-height: var(--spacing-48);
   }
+  .max-h-64 {
+    max-height: var(--spacing-64);
+  }
   .max-h-\[300px\] {
     max-height: 300px;
   }
@@ -1170,6 +1287,9 @@
   .min-h-0 {
     min-height: var(--spacing-0);
   }
+  .min-h-\[44px\] {
+    min-height: 44px;
+  }
   .min-h-\[100px\] {
     min-height: 100px;
   }
@@ -1260,12 +1380,18 @@
   .w-\[28rem\] {
     width: 28rem;
   }
+  .w-\[32rem\] {
+    width: 32rem;
+  }
   .w-\[200px\] {
     width: 200px;
   }
   .w-\[300px\] {
     width: 300px;
   }
+  .w-\[400px\] {
+    width: 400px;
+  }
   .w-\[600px\] {
     width: 600px;
   }
@@ -1294,6 +1420,9 @@
   .max-w-7xl {
     max-width: var(--container-7xl);
   }
+  .max-w-80 {
+    max-width: var(--spacing-80);
+  }
   .max-w-\[200px\] {
     max-width: 200px;
   }
@@ -1327,9 +1456,18 @@
   .min-w-10 {
     min-width: var(--spacing-10);
   }
+  .min-w-32 {
+    min-width: var(--spacing-32);
+  }
   .min-w-48 {
     min-width: var(--spacing-48);
   }
+  .min-w-64 {
+    min-width: var(--spacing-64);
+  }
+  .min-w-80 {
+    min-width: var(--spacing-80);
+  }
   .min-w-\[100px\] {
     min-width: 100px;
   }
@@ -1409,6 +1547,9 @@
   .cursor-default {
     cursor: default;
   }
+  .cursor-grab {
+    cursor: grab;
+  }
   .cursor-help {
     cursor: help;
   }
@@ -1614,6 +1755,13 @@
   .gap-\[var\(--control-gap-xl\)\] {
     gap: var(--control-gap-xl);
   }
+  .space-y-0 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(var(--spacing-0) * var(--tw-space-y-reverse));
+      margin-block-end: calc(var(--spacing-0) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1705,6 +1853,13 @@
       margin-inline-end: calc(calc(var(--spacing-2) * -1) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(var(--spacing-2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(var(--spacing-2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
   .gap-y-0 {
     row-gap: var(--spacing-0);
   }
@@ -1748,6 +1903,11 @@
       border-color: var(--color-border-default);
     }
   }
+  .divide-border-muted {
+    :where(& > :not(:last-child)) {
+      border-color: var(--color-border-muted);
+    }
+  }
   .self-center {
     align-self: center;
   }
@@ -1768,6 +1928,9 @@
   .overflow-x-auto {
     overflow-x: auto;
   }
+  .overflow-x-hidden {
+    overflow-x: hidden;
+  }
   .overflow-y-auto {
     overflow-y: auto;
   }
@@ -1810,6 +1973,18 @@
   .rounded-sm {
     border-radius: var(--radius-sm);
   }
+  .rounded-t-lg {
+    border-top-left-radius: var(--radius-lg);
+    border-top-right-radius: var(--radius-lg);
+  }
+  .rounded-t-none {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
+  .rounded-t-none {
+    border-top-left-radius: var(--radius-none);
+    border-top-right-radius: var(--radius-none);
+  }
   .rounded-l-sm {
     border-top-left-radius: var(--radius-sm);
     border-bottom-left-radius: var(--radius-sm);
@@ -1822,6 +1997,14 @@
     border-top-right-radius: var(--radius-sm);
     border-bottom-right-radius: var(--radius-sm);
   }
+  .rounded-b-none {
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+  .rounded-b-none {
+    border-bottom-right-radius: var(--radius-none);
+    border-bottom-left-radius: var(--radius-none);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1846,6 +2029,10 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
+  .border-t-0 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 0px;
+  }
   .\!border-r-0 {
     border-right-style: var(--tw-border-style) !important;
     border-right-width: 0px !important;
@@ -1899,6 +2086,9 @@
       border-color: color-mix(in oklab, var(--color-action-primary) 20%, transparent);
     }
   }
+  .border-action-secondary {
+    border-color: var(--color-action-secondary);
+  }
   .border-background-surface {
     border-color: var(--color-background-surface);
   }
@@ -1992,9 +2182,15 @@
   .border-r-transparent {
     border-right-color: transparent;
   }
+  .border-l-action-primary {
+    border-left-color: var(--color-action-primary);
+  }
   .border-l-border-muted {
     border-left-color: var(--color-border-muted);
   }
+  .border-l-transparent {
+    border-left-color: transparent;
+  }
   .\!bg-neutral-black {
     background-color: var(--color-neutral-black) !important;
   }
@@ -2148,6 +2344,9 @@
   .bg-green-500 {
     background-color: var(--color-green-500);
   }
+  .bg-inherit {
+    background-color: inherit;
+  }
   .bg-neutral-black {
     background-color: var(--color-neutral-black);
   }
@@ -2306,6 +2505,9 @@
   .p-4 {
     padding: var(--spacing-4);
   }
+  .p-5 {
+    padding: var(--spacing-5);
+  }
   .p-6 {
     padding: var(--spacing-6);
   }
@@ -2782,9 +2984,20 @@
       text-decoration-color: color-mix(in oklab, var(--color-text-link-default) 30%, transparent);
     }
   }
+  .placeholder-text-muted {
+    &::-moz-placeholder {
+      color: var(--color-text-muted);
+    }
+    &::placeholder {
+      color: var(--color-text-muted);
+    }
+  }
   .opacity-0 {
     opacity: 0%;
   }
+  .opacity-20 {
+    opacity: 20%;
+  }
   .opacity-30 {
     opacity: 30%;
   }
@@ -2800,6 +3013,9 @@
   .opacity-75 {
     opacity: 75%;
   }
+  .opacity-80 {
+    opacity: 80%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -2963,6 +3179,9 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-none {
+    transition-property: none;
+  }
   .duration-150 {
     --tw-duration: 150ms;
     transition-duration: 150ms;
@@ -2971,6 +3190,10 @@
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
+  .duration-250 {
+    --tw-duration: 250ms;
+    transition-duration: 250ms;
+  }
   .duration-300 {
     --tw-duration: 300ms;
     transition-duration: 300ms;
@@ -3603,6 +3826,12 @@
       background-color: var(--color-feedback-error-background);
     }
   }
+  .focus\:ring-0 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus\:ring-2 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3669,6 +3898,11 @@
       outline-color: var(--color-border-focus);
     }
   }
+  .active\:cursor-grabbing {
+    &:active {
+      cursor: grabbing;
+    }
+  }
   .disabled\:cursor-not-allowed {
     &:disabled {
       cursor: not-allowed;
@@ -3741,6 +3975,11 @@
       background-color: var(--color-gray-100);
     }
   }
+  .sm\:bottom-\[72px\] {
+    @media (width >= 40rem) {
+      bottom: 72px;
+    }
+  }
   .sm\:col-auto {
     @media (width >= 40rem) {
       grid-column: auto;
@@ -3821,6 +4060,11 @@
       display: none;
     }
   }
+  .sm\:max-w-sm {
+    @media (width >= 40rem) {
+      max-width: var(--container-sm);
+    }
+  }
   .sm\:grid-cols-1 {
     @media (width >= 40rem) {
       grid-template-columns: repeat(1, minmax(0, 1fr));
@@ -3891,6 +4135,11 @@
       flex-direction: row;
     }
   }
+  .sm\:items-center {
+    @media (width >= 40rem) {
+      align-items: center;
+    }
+  }
   .sm\:items-start {
     @media (width >= 40rem) {
       align-items: flex-start;
@@ -3901,6 +4150,11 @@
       justify-content: space-between;
     }
   }
+  .sm\:gap-4 {
+    @media (width >= 40rem) {
+      gap: var(--spacing-4);
+    }
+  }
   .md\:relative {
     @media (width >= 48rem) {
       position: relative;
@@ -4127,6 +4381,11 @@
       top: var(--spacing-20);
     }
   }
+  .lg\:bottom-\[64px\] {
+    @media (width >= 64rem) {
+      bottom: 64px;
+    }
+  }
   .lg\:col-auto {
     @media (width >= 64rem) {
       grid-column: auto;
@@ -4277,6 +4536,18 @@
       grid-template-columns: none;
     }
   }
+  .lg\:rounded-t-none {
+    @media (width >= 64rem) {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+  }
+  .lg\:rounded-t-none {
+    @media (width >= 64rem) {
+      border-top-left-radius: var(--radius-none);
+      border-top-right-radius: var(--radius-none);
+    }
+  }
   .xl\:col-auto {
     @media (width >= 80rem) {
       grid-column: auto;