@texturehq/edges 0.1.5 → 0.1.6

package/dist/styles.css

@@ -483,6 +483,9 @@
   .h-px {
     height: 1px;
   }
+  .max-h-\[300px\] {
+    max-height: 300px;
+  }
   .max-h-\[inherit\] {
     max-height: inherit;
   }
@@ -955,6 +958,9 @@
   .border-border-input {
     border-color: #d1d5db;
   }
+  .border-border-input\/20 {
+    border-color: color-mix(in oklab, #d1d5db 20%, transparent);
+  }
   .border-border-muted {
     border-color: #e5e7eb;
   }
@@ -977,13 +983,13 @@
     border-color: #ef4444;
   }
   .border-gray-100 {
-    border-color: var(--gray-100);
+    border-color: oklch(0.967 0.003 264.542);
   }
   .border-gray-200 {
-    border-color: var(--gray-200);
+    border-color: oklch(0.928 0.006 264.531);
   }
   .border-gray-300 {
-    border-color: var(--gray-300);
+    border-color: oklch(0.872 0.01 258.338);
   }
   .border-green-200 {
     border-color: oklch(0.925 0.084 155.995);
@@ -995,7 +1001,7 @@
     border-color: oklch(0.885 0.062 18.334);
   }
   .border-slate-800 {
-    border-color: var(--slate-800);
+    border-color: oklch(0.279 0.041 260.031);
   }
   .border-text-body {
     border-color: #333333;
@@ -1039,6 +1045,9 @@
   .bg-background-muted\/30 {
     background-color: color-mix(in oklab, #f3f4f6 30%, transparent);
   }
+  .bg-background-selected {
+    background-color: #d1d5db;
+  }
   .bg-background-surface {
     background-color: #ffffff;
   }
@@ -1073,25 +1082,22 @@
     background-color: #d1fae5;
   }
   .bg-gray-50 {
-    background-color: var(--gray-50);
+    background-color: oklch(0.985 0.002 247.839);
   }
   .bg-gray-100 {
-    background-color: var(--gray-100);
+    background-color: oklch(0.967 0.003 264.542);
   }
   .bg-gray-100\/60 {
-    background-color: var(--gray-100);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--gray-100) 60%, transparent);
-    }
+    background-color: color-mix(in oklab, oklch(0.967 0.003 264.542) 60%, transparent);
   }
   .bg-gray-200 {
-    background-color: var(--gray-200);
+    background-color: oklch(0.928 0.006 264.531);
   }
   .bg-gray-400 {
-    background-color: var(--gray-400);
+    background-color: oklch(0.707 0.022 261.325);
   }
   .bg-gray-700 {
-    background-color: var(--gray-700);
+    background-color: oklch(0.373 0.034 259.733);
   }
   .bg-gray-light {
     background-color: #e5e7eb;
@@ -1118,7 +1124,7 @@
     background-color: oklch(0.577 0.245 27.325);
   }
   .bg-slate-700 {
-    background-color: var(--slate-700);
+    background-color: oklch(0.372 0.044 257.287);
   }
   .bg-text-body {
     background-color: #333333;
@@ -1168,7 +1174,7 @@
     fill: #333333;
   }
   .fill-slate-700 {
-    fill: var(--slate-700);
+    fill: oklch(0.372 0.044 257.287);
   }
   .fill-white {
     fill: var(--color-neutral-white);
@@ -1180,7 +1186,7 @@
     }
   }
   .stroke-gray-800 {
-    stroke: var(--gray-800);
+    stroke: oklch(0.278 0.033 256.848);
   }
   .stroke-1 {
     stroke-width: 1;
@@ -1481,16 +1487,16 @@
     color: #065f46;
   }
   .text-gray-200 {
-    color: var(--gray-200);
+    color: oklch(0.928 0.006 264.531);
   }
   .text-gray-300 {
-    color: var(--gray-300);
+    color: oklch(0.872 0.01 258.338);
   }
   .text-gray-600 {
-    color: var(--gray-600);
+    color: oklch(0.446 0.03 256.802);
   }
   .text-gray-800 {
-    color: var(--gray-800);
+    color: oklch(0.278 0.033 256.848);
   }
   .text-green-600 {
     color: oklch(0.627 0.194 149.214);
@@ -1523,7 +1529,7 @@
     color: oklch(0.444 0.177 26.899);
   }
   .text-slate-300 {
-    color: var(--slate-300);
+    color: oklch(0.869 0.022 252.894);
   }
   .text-text-body {
     color: #333333;
@@ -1556,7 +1562,7 @@
     color: oklch(0.476 0.114 61.907);
   }
   .text-zinc-900 {
-    color: var(--zinc-900);
+    color: oklch(0.21 0.006 285.885);
   }
   .capitalize {
     text-transform: capitalize;
@@ -1598,17 +1604,13 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-\[inset_0_1px_0_0_theme\(colors\.gray\.600\)\] {
-    --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, var(--gray-600));
+    --tw-shadow: inset 0 1px 0 0 var(--tw-shadow-color, oklch(0.446 0.03 256.802));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-inner {
     --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow-lg {
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   .shadow-md {
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1629,6 +1631,16 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
   }
+  .ring-1 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
+  }
+  .ring-black\/5 {
+    --tw-ring-color: color-mix(in srgb, #333333 5%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-neutral-black) 5%, transparent);
+    }
+  }
   .ring-offset-2 {
     --tw-ring-offset-width: 2px;
     --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -1649,10 +1661,6 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
-  .outline-2 {
-    outline-style: var(--tw-outline-style);
-    outline-width: 2px;
-  }
   .outline-\[1\.5px\] {
     outline-style: var(--tw-outline-style);
     outline-width: 1.5px;
@@ -1699,6 +1707,11 @@
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
+  .backdrop-blur-sm {
+    --tw-backdrop-blur: blur(8px);
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
   .transition {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1787,14 +1800,14 @@
   .group-hover\:bg-gray-200 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
-        background-color: var(--gray-200);
+        background-color: oklch(0.928 0.006 264.531);
       }
     }
   }
   .group-hover\:bg-gray-300 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
-        background-color: var(--gray-300);
+        background-color: oklch(0.872 0.01 258.338);
       }
     }
   }
@@ -1809,7 +1822,7 @@
   }
   .group-disabled\:text-gray-200 {
     &:is(:where(.group):disabled *) {
-      color: var(--gray-200);
+      color: oklch(0.928 0.006 264.531);
     }
   }
   .group-disabled\:text-text-disabled {
@@ -2009,7 +2022,7 @@
   .hover\:bg-gray-100 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--gray-100);
+        background-color: oklch(0.967 0.003 264.542);
       }
     }
   }
@@ -2182,7 +2195,7 @@
   }
   .disabled\:text-gray-300 {
     &:disabled {
-      color: var(--gray-300);
+      color: oklch(0.872 0.01 258.338);
     }
   }
   .disabled\:text-text-muted {
@@ -2210,9 +2223,15 @@
       color: #9ca3af;
     }
   }
-  .data-\[selected\]\:bg-background-hover {
+  .data-\[selected\]\:bg-background-selected {
     &[data-selected] {
-      background-color: #f3f4f6;
+      background-color: #d1d5db;
+    }
+  }
+  .data-\[selected\]\:font-medium {
+    &[data-selected] {
+      --tw-font-weight: 500;
+      font-weight: 500;
     }
   }
   .data-\[selected\]\:opacity-100 {
@@ -2222,7 +2241,7 @@
   }
   .supports-\[-moz-appearance\:none\]\:bg-gray-100 {
     @supports (-moz-appearance:none) {
-      background-color: var(--gray-100);
+      background-color: oklch(0.967 0.003 264.542);
     }
   }
   .md\:w-\[50\%\] {
@@ -2270,7 +2289,7 @@
   }
   .dark\:border-y-zinc-700 {
     @media (prefers-color-scheme: dark) {
-      border-block-color: var(--zinc-700);
+      border-block-color: oklch(0.37 0.013 285.805);
     }
   }
   .dark\:bg-blue-500 {
@@ -2280,48 +2299,42 @@
   }
   .dark\:bg-gray-800 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--gray-800);
+      background-color: oklch(0.278 0.033 256.848);
     }
   }
   .dark\:bg-slate-600 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--slate-600);
+      background-color: oklch(0.446 0.043 257.281);
     }
   }
   .dark\:bg-zinc-300 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--zinc-300);
+      background-color: oklch(0.871 0.006 286.286);
     }
   }
   .dark\:bg-zinc-400 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--zinc-400);
+      background-color: oklch(0.705 0.015 286.067);
     }
   }
   .dark\:bg-zinc-700 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--zinc-700);
+      background-color: oklch(0.37 0.013 285.805);
     }
   }
   .dark\:bg-zinc-700\/60 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--zinc-700);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--zinc-700) 60%, transparent);
-      }
+      background-color: color-mix(in oklab, oklch(0.37 0.013 285.805) 60%, transparent);
     }
   }
   .dark\:bg-zinc-900 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--zinc-900);
+      background-color: oklch(0.21 0.006 285.885);
     }
   }
   .dark\:bg-zinc-900\/70 {
     @media (prefers-color-scheme: dark) {
-      background-color: var(--zinc-900);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--zinc-900) 70%, transparent);
-      }
+      background-color: color-mix(in oklab, oklch(0.21 0.006 285.885) 70%, transparent);
     }
   }
   .dark\:fill-\[\#1f1f21\] {
@@ -2331,7 +2344,7 @@
   }
   .dark\:fill-slate-600 {
     @media (prefers-color-scheme: dark) {
-      fill: var(--slate-600);
+      fill: oklch(0.446 0.043 257.281);
     }
   }
   .dark\:stroke-white\/10 {
@@ -2344,7 +2357,7 @@
   }
   .dark\:stroke-zinc-600 {
     @media (prefers-color-scheme: dark) {
-      stroke: var(--zinc-600);
+      stroke: oklch(0.442 0.017 285.786);
     }
   }
   .dark\:text-text-body {
@@ -2359,27 +2372,27 @@
   }
   .dark\:text-zinc-100 {
     @media (prefers-color-scheme: dark) {
-      color: var(--zinc-100);
+      color: oklch(0.967 0.001 286.375);
     }
   }
   .dark\:text-zinc-200 {
     @media (prefers-color-scheme: dark) {
-      color: var(--zinc-200);
+      color: oklch(0.92 0.004 286.32);
     }
   }
   .dark\:text-zinc-300 {
     @media (prefers-color-scheme: dark) {
-      color: var(--zinc-300);
+      color: oklch(0.871 0.006 286.286);
     }
   }
   .dark\:text-zinc-400 {
     @media (prefers-color-scheme: dark) {
-      color: var(--zinc-400);
+      color: oklch(0.705 0.015 286.067);
     }
   }
   .dark\:text-zinc-600 {
     @media (prefers-color-scheme: dark) {
-      color: var(--zinc-600);
+      color: oklch(0.442 0.017 285.786);
     }
   }
   .dark\:shadow-none {
@@ -2410,7 +2423,7 @@
   .group-disabled\:dark\:text-zinc-600 {
     &:is(:where(.group):disabled *) {
       @media (prefers-color-scheme: dark) {
-        color: var(--zinc-600);
+        color: oklch(0.442 0.017 285.786);
       }
     }
   }
@@ -2427,7 +2440,7 @@
     @media (prefers-color-scheme: dark) {
       &:hover {
         @media (hover: hover) {
-          background-color: var(--zinc-700);
+          background-color: oklch(0.37 0.013 285.805);
         }
       }
     }
@@ -2442,7 +2455,7 @@
   .dark\:disabled\:text-zinc-600 {
     @media (prefers-color-scheme: dark) {
       &:disabled {
-        color: var(--zinc-600);
+        color: oklch(0.442 0.017 285.786);
       }
     }
   }

package/dist/theme.css

@@ -250,89 +250,89 @@
   --color-fuchsia-900: oklch(0.401 0.17 325.612);
   --color-fuchsia-950: oklch(0.293 0.136 325.661);
 
-  --color-pink-50: var(--pink-50);
-  --color-pink-100: var(--pink-100);
-  --color-pink-200: var(--pink-200);
-  --color-pink-300: var(--pink-300);
-  --color-pink-400: var(--pink-400);
-  --color-pink-500: var(--pink-500);
-  --color-pink-600: var(--pink-600);
-  --color-pink-700: var(--pink-700);
-  --color-pink-800: var(--pink-800);
-  --color-pink-900: var(--pink-900);
-  --color-pink-950: var(--pink-950);
-
-  --color-rose-50: var(--rose-50);
-  --color-rose-100: var(--rose-100);
-  --color-rose-200: var(--rose-200);
-  --color-rose-300: var(--rose-300);
-  --color-rose-400: var(--rose-400);
-  --color-rose-500: var(--rose-500);
-  --color-rose-600: var(--rose-600);
-  --color-rose-700: var(--rose-700);
-  --color-rose-800: var(--rose-800);
-  --color-rose-900: var(--rose-900);
-  --color-rose-950: var(--rose-950);
-
-  --color-slate-50: var(--slate-50);
-  --color-slate-100: var(--slate-100);
-  --color-slate-200: var(--slate-200);
-  --color-slate-300: var(--slate-300);
-  --color-slate-400: var(--slate-400);
-  --color-slate-500: var(--slate-500);
-  --color-slate-600: var(--slate-600);
-  --color-slate-700: var(--slate-700);
-  --color-slate-800: var(--slate-800);
-  --color-slate-900: var(--slate-900);
-  --color-slate-950: var(--slate-950);
-
-  --color-gray-50: var(--gray-50);
-  --color-gray-100: var(--gray-100);
-  --color-gray-200: var(--gray-200);
-  --color-gray-300: var(--gray-300);
-  --color-gray-400: var(--gray-400);
-  --color-gray-500: var(--gray-500);
-  --color-gray-600: var(--gray-600);
-  --color-gray-700: var(--gray-700);
-  --color-gray-800: var(--gray-800);
-  --color-gray-900: var(--gray-900);
-  --color-gray-950: var(--gray-950);
-
-  --color-zinc-50: var(--zinc-50);
-  --color-zinc-100: var(--zinc-100);
-  --color-zinc-200: var(--zinc-200);
-  --color-zinc-300: var(--zinc-300);
-  --color-zinc-400: var(--zinc-400);
-  --color-zinc-500: var(--zinc-500);
-  --color-zinc-600: var(--zinc-600);
-  --color-zinc-700: var(--zinc-700);
-  --color-zinc-800: var(--zinc-800);
-  --color-zinc-900: var(--zinc-900);
-  --color-zinc-950: var(--zinc-950);
-
-  --color-neutral-50: var(--neutral-50);
-  --color-neutral-100: var(--neutral-100);
-  --color-neutral-200: var(--neutral-200);
-  --color-neutral-300: var(--neutral-300);
-  --color-neutral-400: var(--neutral-400);
-  --color-neutral-500: var(--neutral-500);
-  --color-neutral-600: var(--neutral-600);
-  --color-neutral-700: var(--neutral-700);
-  --color-neutral-800: var(--neutral-800);
-  --color-neutral-900: var(--neutral-900);
-  --color-neutral-950: var(--neutral-950);
-
-  --color-stone-50: var(--stone-50);
-  --color-stone-100: var(--stone-100);
-  --color-stone-200: var(--stone-200);
-  --color-stone-300: var(--stone-300);
-  --color-stone-400: var(--stone-400);
-  --color-stone-500: var(--stone-500);
-  --color-stone-600: var(--stone-600);
-  --color-stone-700: var(--stone-700);
-  --color-stone-800: var(--stone-800);
-  --color-stone-900: var(--stone-900);
-  --color-stone-950: var(--stone-950);
+  --color-pink-50: oklch(0.971 0.014 343.198);
+  --color-pink-100: oklch(0.948 0.028 342.258);
+  --color-pink-200: oklch(0.899 0.061 343.231);
+  --color-pink-300: oklch(0.823 0.12 346.018);
+  --color-pink-400: oklch(0.718 0.202 349.761);
+  --color-pink-500: oklch(0.656 0.241 354.308);
+  --color-pink-600: oklch(0.592 0.249 0.584);
+  --color-pink-700: oklch(0.525 0.223 3.958);
+  --color-pink-800: oklch(0.459 0.187 3.815);
+  --color-pink-900: oklch(0.408 0.153 2.432);
+  --color-pink-950: oklch(0.284 0.109 3.907);
+
+  --color-rose-50: oklch(0.969 0.015 12.422);
+  --color-rose-100: oklch(0.941 0.03 12.58);
+  --color-rose-200: oklch(0.892 0.058 10.001);
+  --color-rose-300: oklch(0.81 0.117 11.638);
+  --color-rose-400: oklch(0.712 0.194 13.428);
+  --color-rose-500: oklch(0.645 0.246 16.439);
+  --color-rose-600: oklch(0.586 0.253 17.585);
+  --color-rose-700: oklch(0.514 0.222 16.935);
+  --color-rose-800: oklch(0.455 0.188 13.697);
+  --color-rose-900: oklch(0.41 0.159 10.272);
+  --color-rose-950: oklch(0.271 0.105 12.094);
+
+  --color-slate-50: oklch(0.984 0.003 247.858);
+  --color-slate-100: oklch(0.968 0.007 247.896);
+  --color-slate-200: oklch(0.929 0.013 255.508);
+  --color-slate-300: oklch(0.869 0.022 252.894);
+  --color-slate-400: oklch(0.704 0.04 256.788);
+  --color-slate-500: oklch(0.554 0.046 257.417);
+  --color-slate-600: oklch(0.446 0.043 257.281);
+  --color-slate-700: oklch(0.372 0.044 257.287);
+  --color-slate-800: oklch(0.279 0.041 260.031);
+  --color-slate-900: oklch(0.208 0.042 265.755);
+  --color-slate-950: oklch(0.129 0.042 264.695);
+
+  --color-gray-50: oklch(0.985 0.002 247.839);
+  --color-gray-100: oklch(0.967 0.003 264.542);
+  --color-gray-200: oklch(0.928 0.006 264.531);
+  --color-gray-300: oklch(0.872 0.01 258.338);
+  --color-gray-400: oklch(0.707 0.022 261.325);
+  --color-gray-500: oklch(0.551 0.027 264.364);
+  --color-gray-600: oklch(0.446 0.03 256.802);
+  --color-gray-700: oklch(0.373 0.034 259.733);
+  --color-gray-800: oklch(0.278 0.033 256.848);
+  --color-gray-900: oklch(0.21 0.034 264.665);
+  --color-gray-950: oklch(0.13 0.028 261.692);
+
+  --color-zinc-50: oklch(0.985 0 0);
+  --color-zinc-100: oklch(0.967 0.001 286.375);
+  --color-zinc-200: oklch(0.92 0.004 286.32);
+  --color-zinc-300: oklch(0.871 0.006 286.286);
+  --color-zinc-400: oklch(0.705 0.015 286.067);
+  --color-zinc-500: oklch(0.552 0.016 285.938);
+  --color-zinc-600: oklch(0.442 0.017 285.786);
+  --color-zinc-700: oklch(0.37 0.013 285.805);
+  --color-zinc-800: oklch(0.274 0.006 286.033);
+  --color-zinc-900: oklch(0.21 0.006 285.885);
+  --color-zinc-950: oklch(0.141 0.005 285.823);
+
+  --color-neutral-50: oklch(0.985 0 0);
+  --color-neutral-100: oklch(0.97 0 0);
+  --color-neutral-200: oklch(0.922 0 0);
+  --color-neutral-300: oklch(0.87 0 0);
+  --color-neutral-400: oklch(0.708 0 0);
+  --color-neutral-500: oklch(0.556 0 0);
+  --color-neutral-600: oklch(0.439 0 0);
+  --color-neutral-700: oklch(0.371 0 0);
+  --color-neutral-800: oklch(0.269 0 0);
+  --color-neutral-900: oklch(0.205 0 0);
+  --color-neutral-950: oklch(0.145 0 0);
+
+  --color-stone-50: oklch(0.985 0.001 106.423);
+  --color-stone-100: oklch(0.97 0.001 106.424);
+  --color-stone-200: oklch(0.923 0.003 48.717);
+  --color-stone-300: oklch(0.869 0.005 56.366);
+  --color-stone-400: oklch(0.709 0.01 56.259);
+  --color-stone-500: oklch(0.553 0.013 58.071);
+  --color-stone-600: oklch(0.444 0.011 73.639);
+  --color-stone-700: oklch(0.374 0.01 67.558);
+  --color-stone-800: oklch(0.268 0.007 34.298);
+  --color-stone-900: oklch(0.216 0.006 56.043);
+  --color-stone-950: oklch(0.145 0.006 45);
 
   --color-black: var(--color-neutral-black);
   --color-white: var(--color-neutral-white);

package/package.json

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