@texturehq/edges 0.1.3 → 0.1.5

package/dist/styles.css

@@ -408,6 +408,9 @@
   .table {
     display: table;
   }
+  .h-1\.5 {
+    height: calc(0.25rem * 1.5);
+  }
   .h-1\/2 {
     height: calc(1/2 * 100%);
   }
@@ -483,6 +486,9 @@
   .max-h-\[inherit\] {
     max-height: inherit;
   }
+  .min-h-0 {
+    min-height: calc(0.25rem * 0);
+  }
   .min-h-\[28px\] {
     min-height: 28px;
   }
@@ -525,6 +531,9 @@
   .w-96 {
     width: calc(0.25rem * 96);
   }
+  .w-\[28rem\] {
+    width: 28rem;
+  }
   .w-\[200px\] {
     width: 200px;
   }
@@ -571,6 +580,9 @@
   .min-w-0 {
     min-width: calc(0.25rem * 0);
   }
+  .min-w-10 {
+    min-width: calc(0.25rem * 10);
+  }
   .min-w-\[100px\] {
     min-width: 100px;
   }
@@ -648,6 +660,11 @@
        -moz-appearance: textfield;
             appearance: textfield;
   }
+  .appearance-none {
+    -webkit-appearance: none;
+       -moz-appearance: none;
+            appearance: none;
+  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -828,6 +845,9 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overscroll-contain {
+    overscroll-behavior: contain;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -878,6 +898,10 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+  .border-\[7px\] {
+    border-style: var(--tw-border-style);
+    border-width: 7px;
+  }
   .border-y {
     border-block-style: var(--tw-border-style);
     border-block-width: 1px;
@@ -952,6 +976,9 @@
   .border-feedback-error-border {
     border-color: #ef4444;
   }
+  .border-gray-100 {
+    border-color: var(--gray-100);
+  }
   .border-gray-200 {
     border-color: var(--gray-200);
   }
@@ -1200,9 +1227,6 @@
   .px-2 {
     padding-inline: calc(0.25rem * 2);
   }
-  .px-2\.5 {
-    padding-inline: calc(0.25rem * 2.5);
-  }
   .px-3 {
     padding-inline: calc(0.25rem * 3);
   }
@@ -1296,12 +1320,18 @@
   .pl-12 {
     padding-left: calc(0.25rem * 12);
   }
+  .pl-\[var\(--control-padding-sm\)\] {
+    padding-left: var(--control-padding-sm);
+  }
   .text-center {
     text-align: center;
   }
   .text-left {
     text-align: left;
   }
+  .text-right {
+    text-align: right;
+  }
   .text-start {
     text-align: start;
   }
@@ -1554,6 +1584,9 @@
   .opacity-50 {
     opacity: 50%;
   }
+  .opacity-60 {
+    opacity: 60%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -1564,10 +1597,6 @@
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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-2xl {
-    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
-    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));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1643,15 +1672,9 @@
   .outline-\[var\(--control-focus-ring-color-error\)\] {
     outline-color: var(--control-focus-ring-color-error);
   }
-  .outline-border-focus {
-    outline-color: #333333;
-  }
   .outline-border-input {
     outline-color: #d1d5db;
   }
-  .outline-feedback-error-border {
-    outline-color: #ef4444;
-  }
   .outline-white {
     outline-color: var(--color-neutral-white);
   }
@@ -1681,6 +1704,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-all {
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-colors {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1740,9 +1768,6 @@
   .\[--tw-enter-translate-x\:calc\(-16rem-100\%\)\] {
     --tw-enter-translate-x: calc(-16rem - 100%);
   }
-  .\[clip-path\:inset\(0_0_0_0_round_\.75rem\)\] {
-    clip-path: inset(0 0 0 0 round .75rem);
-  }
   .group-invalid\:bg-red-600 {
     &:is(:where(.group):invalid *) {
       background-color: oklch(0.577 0.245 27.325);
@@ -2160,6 +2185,11 @@
       color: var(--gray-300);
     }
   }
+  .disabled\:text-text-muted {
+    &:disabled {
+      color: #4b5563;
+    }
+  }
   .disabled\:opacity-50 {
     &:disabled {
       opacity: 50%;
@@ -2222,27 +2252,22 @@
       width: 75%;
     }
   }
-  .dark\:border-white\/10 {
+  .dark\:border-white\/5 {
     @media (prefers-color-scheme: dark) {
-      border-color: color-mix(in srgb, #ffffff 10%, transparent);
+      border-color: color-mix(in srgb, #ffffff 5%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--color-neutral-white) 10%, transparent);
+        border-color: color-mix(in oklab, var(--color-neutral-white) 5%, transparent);
       }
     }
   }
-  .dark\:border-white\/\[15\%\] {
+  .dark\:border-white\/10 {
     @media (prefers-color-scheme: dark) {
-      border-color: color-mix(in srgb, #ffffff 15%, transparent);
+      border-color: color-mix(in srgb, #ffffff 10%, transparent);
       @supports (color: color-mix(in lab, red, red)) {
-        border-color: color-mix(in oklab, var(--color-neutral-white) 15%, transparent);
+        border-color: color-mix(in oklab, var(--color-neutral-white) 10%, transparent);
       }
     }
   }
-  .dark\:border-zinc-600 {
-    @media (prefers-color-scheme: dark) {
-      border-color: var(--zinc-600);
-    }
-  }
   .dark\:border-y-zinc-700 {
     @media (prefers-color-scheme: dark) {
       border-block-color: var(--zinc-700);
@@ -2322,6 +2347,11 @@
       stroke: var(--zinc-600);
     }
   }
+  .dark\:text-text-body {
+    @media (prefers-color-scheme: dark) {
+      color: #333333;
+    }
+  }
   .dark\:text-white {
     @media (prefers-color-scheme: dark) {
       color: var(--color-neutral-white);
@@ -2363,11 +2393,6 @@
       outline-color: var(--color-neutral-white);
     }
   }
-  .dark\:outline-zinc-300 {
-    @media (prefers-color-scheme: dark) {
-      outline-color: var(--zinc-300);
-    }
-  }
   .dark\:backdrop-blur-2xl {
     @media (prefers-color-scheme: dark) {
       --tw-backdrop-blur: blur(40px);
@@ -2407,6 +2432,13 @@
       }
     }
   }
+  .dark\:disabled\:text-text-muted {
+    @media (prefers-color-scheme: dark) {
+      &:disabled {
+        color: #4b5563;
+      }
+    }
+  }
   .dark\:disabled\:text-zinc-600 {
     @media (prefers-color-scheme: dark) {
       &:disabled {
@@ -2414,6 +2446,21 @@
       }
     }
   }
+  .forced-colors\:\!border-\[GrayText\] {
+    @media (forced-colors: active) {
+      border-color: GrayText !important;
+    }
+  }
+  .forced-colors\:\!border-\[Highlight\] {
+    @media (forced-colors: active) {
+      border-color: Highlight !important;
+    }
+  }
+  .forced-colors\:\!border-\[Mark\] {
+    @media (forced-colors: active) {
+      border-color: Mark !important;
+    }
+  }
   .forced-colors\:border-\[ButtonBorder\] {
     @media (forced-colors: active) {
       border-color: ButtonBorder;
@@ -2504,11 +2551,6 @@
       outline-color: HighlightText;
     }
   }
-  .forced-colors\:outline-\[Highlight\] {
-    @media (forced-colors: active) {
-      outline-color: Highlight;
-    }
-  }
   .forced-colors\:group-invalid\:bg-\[Mark\] {
     @media (forced-colors: active) {
       &:is(:where(.group):invalid *) {
@@ -2516,13 +2558,6 @@
       }
     }
   }
-  .forced-colors\:group-invalid\:outline-\[Mark\] {
-    @media (forced-colors: active) {
-      &:is(:where(.group):invalid *) {
-        outline-color: Mark;
-      }
-    }
-  }
   .forced-colors\:group-hover\:bg-\[Highlight\] {
     @media (forced-colors: active) {
       &:is(:where(.group):hover *) {
@@ -2605,10 +2640,60 @@
       margin-top: calc(0.25rem * 1);
     }
   }
-  .\[\&\+\[data-selected\]\]\:rounded-t-none {
-    &+[data-selected] {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0;
+  .\[\&\:\:-moz-range-thumb\]\:h-4 {
+    &::-moz-range-thumb {
+      height: calc(0.25rem * 4);
+    }
+  }
+  .\[\&\:\:-moz-range-thumb\]\:w-4 {
+    &::-moz-range-thumb {
+      width: calc(0.25rem * 4);
+    }
+  }
+  .\[\&\:\:-moz-range-thumb\]\:rounded-full {
+    &::-moz-range-thumb {
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .\[\&\:\:-moz-range-thumb\]\:border {
+    &::-moz-range-thumb {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
+  .\[\&\:\:-moz-range-thumb\]\:border-border-input {
+    &::-moz-range-thumb {
+      border-color: #d1d5db;
+    }
+  }
+  .\[\&\:\:-moz-range-thumb\]\:bg-background-input {
+    &::-moz-range-thumb {
+      background-color: #ffffff;
+    }
+  }
+  .hover\:\[\&\:\:-moz-range-thumb\]\:shadow-sm {
+    &:hover {
+      @media (hover: hover) {
+        &::-moz-range-thumb {
+          --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
+        }
+      }
+    }
+  }
+  .focus-visible\:\[\&\:\:-moz-range-thumb\]\:outline-2 {
+    &:focus-visible {
+      &::-moz-range-thumb {
+        outline-style: var(--tw-outline-style);
+        outline-width: 2px;
+      }
+    }
+  }
+  .focus-visible\:\[\&\:\:-moz-range-thumb\]\:outline-border-focus {
+    &:focus-visible {
+      &::-moz-range-thumb {
+        outline-color: #333333;
+      }
     }
   }
   .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
@@ -2623,10 +2708,66 @@
               appearance: none;
     }
   }
-  .\[\&\:has\(\+\[data-selected\]\)\]\:rounded-b-none {
-    &:has(+[data-selected]) {
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0;
+  .\[\&\:\:-webkit-slider-thumb\]\:h-4 {
+    &::-webkit-slider-thumb {
+      height: calc(0.25rem * 4);
+    }
+  }
+  .\[\&\:\:-webkit-slider-thumb\]\:w-4 {
+    &::-webkit-slider-thumb {
+      width: calc(0.25rem * 4);
+    }
+  }
+  .\[\&\:\:-webkit-slider-thumb\]\:appearance-none {
+    &::-webkit-slider-thumb {
+      -webkit-appearance: none;
+              appearance: none;
+    }
+  }
+  .\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
+    &::-webkit-slider-thumb {
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .\[\&\:\:-webkit-slider-thumb\]\:border {
+    &::-webkit-slider-thumb {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
+  .\[\&\:\:-webkit-slider-thumb\]\:border-border-input {
+    &::-webkit-slider-thumb {
+      border-color: #d1d5db;
+    }
+  }
+  .\[\&\:\:-webkit-slider-thumb\]\:bg-background-input {
+    &::-webkit-slider-thumb {
+      background-color: #ffffff;
+    }
+  }
+  .hover\:\[\&\:\:-webkit-slider-thumb\]\:shadow-sm {
+    &:hover {
+      @media (hover: hover) {
+        &::-webkit-slider-thumb {
+          --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px 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);
+        }
+      }
+    }
+  }
+  .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:outline-2 {
+    &:focus-visible {
+      &::-webkit-slider-thumb {
+        outline-style: var(--tw-outline-style);
+        outline-width: 2px;
+      }
+    }
+  }
+  .focus-visible\:\[\&\:\:-webkit-slider-thumb\]\:outline-border-focus {
+    &:focus-visible {
+      &::-webkit-slider-thumb {
+        outline-color: #333333;
+      }
     }
   }
   .\[\&\>\*\]\:rounded-none {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",
@@ -28,9 +28,9 @@
     "dev": "yarn watch",
     "watch": "tsup --watch",
     "build": "tsup",
-    "build:yalc": "tsup && npx yalc publish --sig && npx yalc push",
-    "dev:yalc": "tsup && npx yalc publish --sig && npx yalc push && echo 'Package updated! Run in target project: yarn install && yarn dev'",
-    "dev:yalc:force": "tsup && npx yalc publish --sig && npx yalc push && echo 'Package updated! Run in target project: rm -rf .vite && yarn cache clean && yarn dev --force'",
+    "build:yalc": "yarn build && npx yalc publish && npx yalc push",
+    "dev:yalc": "yarn build && npx yalc publish && npx yalc push && echo 'Package updated! Run in target project: yarn install && yarn dev'",
+    "dev:yalc:force": "yarn build && npx yalc publish && npx yalc push && echo 'Package updated! Run in target project: rm -rf .vite && yarn cache clean && yarn dev --force'",
     "clean": "rm -rf dist",
     "lint": "eslint --ext .ts,.tsx src/",
     "lint:quiet": "eslint --ext .ts,.tsx src/ --quiet",
@@ -95,8 +95,5 @@
     "vite-plugin-svgr": "^4.3.0",
     "vitest": "^3.1.1",
     "yalc": "^1.0.0-pre.53"
-  },
-  "publishConfig": {
-    "registry": "https://npm.pkg.github.com"
   }
 }