@texturehq/edges 1.23.6 → 1.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styles.css CHANGED
@@ -101,6 +101,7 @@
101
101
  --spacing-40: 10rem;
102
102
  --spacing-48: 12rem;
103
103
  --spacing-64: 16rem;
104
+ --spacing-72: 18rem;
104
105
  --spacing-80: 20rem;
105
106
  --spacing-96: 24rem;
106
107
  --radius-none: 0px;
@@ -256,12 +257,14 @@
256
257
  --color-amber-800: oklch(47.3% 0.137 46.201);
257
258
  --color-amber-900: oklch(41.4% 0.112 45.904);
258
259
  --color-amber-950: oklch(27.9% 0.077 45.635);
260
+ --color-teal-500: oklch(70.4% 0.14 182.503);
259
261
  --color-purple-50: oklch(97.7% 0.014 308.299);
260
262
  --color-purple-100: oklch(94.6% 0.033 307.174);
261
263
  --color-purple-500: oklch(62.7% 0.265 303.9);
262
264
  --color-purple-600: oklch(55.8% 0.288 302.321);
263
265
  --color-purple-800: oklch(43.8% 0.218 303.724);
264
266
  --color-pink-500: oklch(65.6% 0.241 354.308);
267
+ --color-pink-600: oklch(59.2% 0.249 0.584);
265
268
  --color-slate-300: oklch(86.9% 0.022 252.894);
266
269
  --color-slate-600: oklch(44.6% 0.043 257.281);
267
270
  --color-slate-700: oklch(37.2% 0.044 257.287);
@@ -1895,6 +1898,9 @@
1895
1898
  .h-64 {
1896
1899
  height: var(--spacing-64);
1897
1900
  }
1901
+ .h-72 {
1902
+ height: var(--spacing-72);
1903
+ }
1898
1904
  .h-80 {
1899
1905
  height: var(--spacing-80);
1900
1906
  }
@@ -2393,6 +2399,9 @@
2393
2399
  .cursor-grab {
2394
2400
  cursor: grab;
2395
2401
  }
2402
+ .cursor-grabbing {
2403
+ cursor: grabbing;
2404
+ }
2396
2405
  .cursor-help {
2397
2406
  cursor: help;
2398
2407
  }
@@ -2423,6 +2432,18 @@
2423
2432
  .resize-y {
2424
2433
  resize: vertical;
2425
2434
  }
2435
+ .snap-x {
2436
+ scroll-snap-type: x var(--tw-scroll-snap-strictness);
2437
+ }
2438
+ .snap-y {
2439
+ scroll-snap-type: y var(--tw-scroll-snap-strictness);
2440
+ }
2441
+ .snap-mandatory {
2442
+ --tw-scroll-snap-strictness: mandatory;
2443
+ }
2444
+ .snap-start {
2445
+ scroll-snap-align: start;
2446
+ }
2426
2447
  .list-inside {
2427
2448
  list-style-position: inside;
2428
2449
  }
@@ -2810,9 +2831,15 @@
2810
2831
  .overflow-y-auto {
2811
2832
  overflow-y: auto;
2812
2833
  }
2834
+ .overflow-y-hidden {
2835
+ overflow-y: hidden;
2836
+ }
2813
2837
  .overscroll-contain {
2814
2838
  overscroll-behavior: contain;
2815
2839
  }
2840
+ .scroll-smooth {
2841
+ scroll-behavior: smooth;
2842
+ }
2816
2843
  .\!rounded-none {
2817
2844
  border-radius: var(--radius-none) !important;
2818
2845
  }
@@ -3373,12 +3400,30 @@
3373
3400
  .bg-orange-100 {
3374
3401
  background-color: var(--color-orange-100);
3375
3402
  }
3403
+ .bg-orange-500 {
3404
+ background-color: var(--color-orange-500);
3405
+ }
3406
+ .bg-orange-600 {
3407
+ background-color: var(--color-orange-600);
3408
+ }
3409
+ .bg-pink-500 {
3410
+ background-color: var(--color-pink-500);
3411
+ }
3412
+ .bg-pink-600 {
3413
+ background-color: var(--color-pink-600);
3414
+ }
3376
3415
  .bg-purple-50 {
3377
3416
  background-color: var(--color-purple-50);
3378
3417
  }
3379
3418
  .bg-purple-100 {
3380
3419
  background-color: var(--color-purple-100);
3381
3420
  }
3421
+ .bg-purple-500 {
3422
+ background-color: var(--color-purple-500);
3423
+ }
3424
+ .bg-purple-600 {
3425
+ background-color: var(--color-purple-600);
3426
+ }
3382
3427
  .bg-red-50 {
3383
3428
  background-color: var(--color-red-50);
3384
3429
  }
@@ -3436,6 +3481,9 @@
3436
3481
  .bg-state-unknown {
3437
3482
  background-color: var(--color-state-unknown);
3438
3483
  }
3484
+ .bg-teal-500 {
3485
+ background-color: var(--color-teal-500);
3486
+ }
3439
3487
  .bg-text-caption {
3440
3488
  background-color: var(--color-text-caption);
3441
3489
  }
@@ -3636,6 +3684,9 @@
3636
3684
  .p-10 {
3637
3685
  padding: var(--spacing-10);
3638
3686
  }
3687
+ .p-12 {
3688
+ padding: var(--spacing-12);
3689
+ }
3639
3690
  .p-\[1rem\] {
3640
3691
  padding: 1rem;
3641
3692
  }
@@ -5028,6 +5079,16 @@
5028
5079
  }
5029
5080
  }
5030
5081
  }
5082
+ .hover\:bg-action-brand\/90 {
5083
+ &:hover {
5084
+ @media (hover: hover) {
5085
+ background-color: color-mix(in srgb, #444ae1 90%, transparent);
5086
+ @supports (color: color-mix(in lab, red, red)) {
5087
+ background-color: color-mix(in oklab, var(--color-action-brand) 90%, transparent);
5088
+ }
5089
+ }
5090
+ }
5091
+ }
5031
5092
  .hover\:bg-action-default-hover {
5032
5093
  &:hover {
5033
5094
  @media (hover: hover) {
@@ -5097,6 +5158,13 @@
5097
5158
  }
5098
5159
  }
5099
5160
  }
5161
+ .hover\:bg-border-input {
5162
+ &:hover {
5163
+ @media (hover: hover) {
5164
+ background-color: var(--color-border-input);
5165
+ }
5166
+ }
5167
+ }
5100
5168
  .hover\:bg-brand-primary\/90 {
5101
5169
  &:hover {
5102
5170
  @media (hover: hover) {
@@ -5471,6 +5539,11 @@
5471
5539
  color: var(--color-text-muted);
5472
5540
  }
5473
5541
  }
5542
+ .disabled\:opacity-40 {
5543
+ &:disabled {
5544
+ opacity: 40%;
5545
+ }
5546
+ }
5474
5547
  .disabled\:opacity-50 {
5475
5548
  &:disabled {
5476
5549
  opacity: 50%;
@@ -7661,6 +7734,11 @@
7661
7734
  syntax: "*";
7662
7735
  inherits: false;
7663
7736
  }
7737
+ @property --tw-scroll-snap-strictness {
7738
+ syntax: "*";
7739
+ inherits: false;
7740
+ initial-value: proximity;
7741
+ }
7664
7742
  @property --tw-space-y-reverse {
7665
7743
  syntax: "*";
7666
7744
  inherits: false;
@@ -7986,6 +8064,7 @@
7986
8064
  --tw-rotate-z: initial;
7987
8065
  --tw-skew-x: initial;
7988
8066
  --tw-skew-y: initial;
8067
+ --tw-scroll-snap-strictness: proximity;
7989
8068
  --tw-space-y-reverse: 0;
7990
8069
  --tw-space-x-reverse: 0;
7991
8070
  --tw-divide-x-reverse: 0;
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "1.23.6",
3
- "generatedAt": "2025-11-29T16:13:57.476Z",
2
+ "version": "1.24.0",
3
+ "generatedAt": "2025-11-29T20:24:27.791Z",
4
4
  "categories": {
5
5
  "hooks": {
6
6
  "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@texturehq/edges",
3
- "version": "1.23.6",
3
+ "version": "1.24.0",
4
4
  "author": "Nicholas Brown <nick@texturehq.com>",
5
5
  "description": "A shared component library for Texture",
6
6
  "type": "module",
@@ -221,23 +221,19 @@ function generateComponentsManifest() {
221
221
  // Extract description from JSDoc
222
222
  let idx = -1;
223
223
  let description = "";
224
+ // Use regex patterns with word boundaries to avoid substring matches
224
225
  const patterns = [
225
- `export function ${name}`,
226
- `export const ${name}:`,
227
- `export const ${name} =`,
228
- `export class ${name}`,
226
+ new RegExp(`export\\s+function\\s+${name}\\s*[({<]`),
229
227
  new RegExp(`export\\s+const\\s+${name}\\s*[:=]`),
230
- new RegExp(`export\\s+function\\s+${name}\\s*[(<]`),
228
+ new RegExp(`export\\s+class\\s+${name}\\s+`),
231
229
  ];
232
230
 
233
231
  for (const pattern of patterns) {
234
- if (typeof pattern === "string") {
235
- idx = content.indexOf(pattern);
236
- } else {
237
- const match = content.search(pattern);
238
- if (match !== -1) idx = match;
232
+ const match = content.search(pattern);
233
+ if (match !== -1) {
234
+ idx = match;
235
+ break;
239
236
  }
240
- if (idx !== -1) break;
241
237
  }
242
238
 
243
239
  if (idx !== -1) {