@texturehq/edges 1.15.6 → 1.17.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
@@ -111,6 +111,7 @@
111
111
  --color-text-heading: #111827;
112
112
  --color-text-muted: #4b5563;
113
113
  --color-text-caption: #6b7280;
114
+ --color-text-subtle: #5f6873;
114
115
  --color-text-placeholder: #9ca3af;
115
116
  --color-text-disabled: #9ca3af;
116
117
  --color-text-link-default: #444ae1;
@@ -470,6 +471,7 @@
470
471
  --color-text-heading: #ffffff;
471
472
  --color-text-muted: #9ca3af;
472
473
  --color-text-caption: #d1d5db;
474
+ --color-text-subtle: #8e8e93;
473
475
  --color-text-placeholder: #9ca3af;
474
476
  --color-text-disabled: #9ca3af;
475
477
  --color-text-link-default: #b4b9ff;
@@ -1485,6 +1487,9 @@
1485
1487
  .-mt-1 {
1486
1488
  margin-top: calc(var(--spacing-1) * -1);
1487
1489
  }
1490
+ .-mt-1\.5 {
1491
+ margin-top: calc(var(--spacing) * -1.5);
1492
+ }
1488
1493
  .-mt-4 {
1489
1494
  margin-top: calc(var(--spacing-4) * -1);
1490
1495
  }
@@ -1548,6 +1553,9 @@
1548
1553
  .ml-2 {
1549
1554
  margin-left: var(--spacing-2);
1550
1555
  }
1556
+ .ml-4 {
1557
+ margin-left: var(--spacing-4);
1558
+ }
1551
1559
  .ml-6 {
1552
1560
  margin-left: var(--spacing-6);
1553
1561
  }
@@ -2056,6 +2064,9 @@
2056
2064
  --tw-border-spacing-y: var(--spacing-3);
2057
2065
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
2058
2066
  }
2067
+ .\[border-spacing\:0\] {
2068
+ border-spacing: 0;
2069
+ }
2059
2070
  .origin-bottom {
2060
2071
  transform-origin: bottom;
2061
2072
  }
@@ -2577,6 +2588,10 @@
2577
2588
  border-top-right-radius: calc(var(--control-border-radius) - 2px);
2578
2589
  border-bottom-right-radius: calc(var(--control-border-radius) - 2px);
2579
2590
  }
2591
+ .rounded-r-none {
2592
+ border-top-right-radius: var(--radius-none);
2593
+ border-bottom-right-radius: var(--radius-none);
2594
+ }
2580
2595
  .rounded-r-sm {
2581
2596
  border-top-right-radius: var(--radius-sm);
2582
2597
  border-bottom-right-radius: var(--radius-sm);
@@ -2685,6 +2700,12 @@
2685
2700
  border-color: color-mix(in oklab, var(--color-action-brand) 20%, transparent);
2686
2701
  }
2687
2702
  }
2703
+ .border-action-brand\/30 {
2704
+ border-color: color-mix(in srgb, #444ae1 30%, transparent);
2705
+ @supports (color: color-mix(in lab, red, red)) {
2706
+ border-color: color-mix(in oklab, var(--color-action-brand) 30%, transparent);
2707
+ }
2708
+ }
2688
2709
  .border-action-default {
2689
2710
  border-color: var(--color-action-default);
2690
2711
  }
@@ -2757,15 +2778,39 @@
2757
2778
  .border-feedback-error-border {
2758
2779
  border-color: var(--color-feedback-error-border);
2759
2780
  }
2781
+ .border-feedback-error-border\/40 {
2782
+ border-color: color-mix(in srgb, #ef4444 40%, transparent);
2783
+ @supports (color: color-mix(in lab, red, red)) {
2784
+ border-color: color-mix(in oklab, var(--color-feedback-error-border) 40%, transparent);
2785
+ }
2786
+ }
2760
2787
  .border-feedback-info-border {
2761
2788
  border-color: var(--color-feedback-info-border);
2762
2789
  }
2790
+ .border-feedback-info-border\/40 {
2791
+ border-color: color-mix(in srgb, #93c5fd 40%, transparent);
2792
+ @supports (color: color-mix(in lab, red, red)) {
2793
+ border-color: color-mix(in oklab, var(--color-feedback-info-border) 40%, transparent);
2794
+ }
2795
+ }
2763
2796
  .border-feedback-success-border {
2764
2797
  border-color: var(--color-feedback-success-border);
2765
2798
  }
2799
+ .border-feedback-success-border\/40 {
2800
+ border-color: color-mix(in srgb, #10b981 40%, transparent);
2801
+ @supports (color: color-mix(in lab, red, red)) {
2802
+ border-color: color-mix(in oklab, var(--color-feedback-success-border) 40%, transparent);
2803
+ }
2804
+ }
2766
2805
  .border-feedback-warning-border {
2767
2806
  border-color: var(--color-feedback-warning-border);
2768
2807
  }
2808
+ .border-feedback-warning-border\/40 {
2809
+ border-color: color-mix(in srgb, #f59e0b 40%, transparent);
2810
+ @supports (color: color-mix(in lab, red, red)) {
2811
+ border-color: color-mix(in oklab, var(--color-feedback-warning-border) 40%, transparent);
2812
+ }
2813
+ }
2769
2814
  .border-gray-200 {
2770
2815
  border-color: var(--color-gray-200);
2771
2816
  }
@@ -2814,9 +2859,6 @@
2814
2859
  .border-l-transparent {
2815
2860
  border-left-color: transparent;
2816
2861
  }
2817
- .\!bg-neutral-black {
2818
- background-color: var(--color-neutral-black) !important;
2819
- }
2820
2862
  .bg-\[\#444ae1\] {
2821
2863
  background-color: #444ae1;
2822
2864
  }
@@ -3081,6 +3123,9 @@
3081
3123
  .bg-yellow-500 {
3082
3124
  background-color: var(--color-yellow-500);
3083
3125
  }
3126
+ .bg-zinc-900 {
3127
+ background-color: var(--color-zinc-900);
3128
+ }
3084
3129
  .bg-gradient-to-br {
3085
3130
  --tw-gradient-position: to bottom right in oklab;
3086
3131
  background-image: linear-gradient(var(--tw-gradient-stops));
@@ -3389,6 +3434,9 @@
3389
3434
  .pr-1 {
3390
3435
  padding-right: var(--spacing-1);
3391
3436
  }
3437
+ .pr-2 {
3438
+ padding-right: var(--spacing-2);
3439
+ }
3392
3440
  .pr-3 {
3393
3441
  padding-right: var(--spacing-3);
3394
3442
  }
@@ -3425,6 +3473,9 @@
3425
3473
  .pl-0 {
3426
3474
  padding-left: var(--spacing-0);
3427
3475
  }
3476
+ .pl-2 {
3477
+ padding-left: var(--spacing-2);
3478
+ }
3428
3479
  .pl-3 {
3429
3480
  padding-left: var(--spacing-3);
3430
3481
  }
@@ -3520,9 +3571,6 @@
3520
3571
  .text-\[10px\] {
3521
3572
  font-size: 10px;
3522
3573
  }
3523
- .text-\[13px\] {
3524
- font-size: 13px;
3525
- }
3526
3574
  .text-\[15px\] {
3527
3575
  font-size: 15px;
3528
3576
  }
@@ -3801,6 +3849,9 @@
3801
3849
  .text-text-placeholder {
3802
3850
  color: var(--color-text-placeholder);
3803
3851
  }
3852
+ .text-text-subtle {
3853
+ color: var(--color-text-subtle);
3854
+ }
3804
3855
  .text-white {
3805
3856
  color: var(--color-white);
3806
3857
  }
@@ -4187,17 +4238,17 @@
4187
4238
  }
4188
4239
  }
4189
4240
  }
4190
- .group-hover\:bg-gray-200 {
4241
+ .group-hover\:bg-background-muted {
4191
4242
  &:is(:where(.group):hover *) {
4192
4243
  @media (hover: hover) {
4193
- background-color: var(--color-gray-200);
4244
+ background-color: var(--color-background-muted);
4194
4245
  }
4195
4246
  }
4196
4247
  }
4197
- .group-hover\:bg-gray-300 {
4248
+ .group-hover\:bg-gray-200 {
4198
4249
  &:is(:where(.group):hover *) {
4199
4250
  @media (hover: hover) {
4200
- background-color: var(--color-gray-300);
4251
+ background-color: var(--color-gray-200);
4201
4252
  }
4202
4253
  }
4203
4254
  }
@@ -5282,6 +5333,11 @@
5282
5333
  width: 456px;
5283
5334
  }
5284
5335
  }
5336
+ .md\:w-auto {
5337
+ @media (width >= 48rem) {
5338
+ width: auto;
5339
+ }
5340
+ }
5285
5341
  .md\:translate-x-0 {
5286
5342
  @media (width >= 48rem) {
5287
5343
  --tw-translate-x: var(--spacing-0);
@@ -5948,6 +6004,11 @@
5948
6004
  background-color: var(--color-slate-600);
5949
6005
  }
5950
6006
  }
6007
+ .dark\:bg-zinc-100 {
6008
+ @media (prefers-color-scheme: dark) {
6009
+ background-color: var(--color-zinc-100);
6010
+ }
6011
+ }
5951
6012
  .dark\:bg-zinc-400 {
5952
6013
  @media (prefers-color-scheme: dark) {
5953
6014
  background-color: var(--color-zinc-400);
@@ -6039,6 +6100,11 @@
6039
6100
  color: var(--color-zinc-600);
6040
6101
  }
6041
6102
  }
6103
+ .dark\:text-zinc-900 {
6104
+ @media (prefers-color-scheme: dark) {
6105
+ color: var(--color-zinc-900);
6106
+ }
6107
+ }
6042
6108
  .dark\:shadow-none {
6043
6109
  @media (prefers-color-scheme: dark) {
6044
6110
  --tw-shadow: 0 0 #0000;
@@ -6058,6 +6124,15 @@
6058
6124
  --tw-ring-color: var(--color-gray-700);
6059
6125
  }
6060
6126
  }
6127
+ .dark\:group-hover\:bg-zinc-600 {
6128
+ @media (prefers-color-scheme: dark) {
6129
+ &:is(:where(.group):hover *) {
6130
+ @media (hover: hover) {
6131
+ background-color: var(--color-zinc-600);
6132
+ }
6133
+ }
6134
+ }
6135
+ }
6061
6136
  .group-disabled\:dark\:text-zinc-600 {
6062
6137
  &:is(:where(.group):disabled *) {
6063
6138
  @media (prefers-color-scheme: dark) {
@@ -6314,6 +6389,10 @@
6314
6389
  }
6315
6390
  }
6316
6391
  }
6392
+ .\[\&\]\:border-0 {
6393
+ border-style: var(--tw-border-style);
6394
+ border-width: 0px;
6395
+ }
6317
6396
  .\[\&_\.ProseMirror\]\:min-h-\[inherit\] {
6318
6397
  & .ProseMirror {
6319
6398
  min-height: inherit;
@@ -6521,9 +6600,15 @@
6521
6600
  text-align: right;
6522
6601
  }
6523
6602
  }
6524
- .\[\&_td\]\:px-0 {
6603
+ .\[\&_td\]\:\!border-0 {
6604
+ & td {
6605
+ border-style: var(--tw-border-style) !important;
6606
+ border-width: 0px !important;
6607
+ }
6608
+ }
6609
+ .\[\&_td\]\:p-0 {
6525
6610
  & td {
6526
- padding-inline: var(--spacing-0);
6611
+ padding: var(--spacing-0);
6527
6612
  }
6528
6613
  }
6529
6614
  .\[\&\+\*\]\:mt-1 {
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "1.15.6",
3
- "generatedAt": "2025-11-01T16:06:42.745Z",
2
+ "version": "1.17.0",
3
+ "generatedAt": "2025-11-03T16:51:16.748Z",
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.15.6",
3
+ "version": "1.17.0",
4
4
  "author": "Nicholas Brown <nick@texturehq.com>",
5
5
  "description": "A shared component library for Texture",
6
6
  "type": "module",
@@ -85,6 +85,7 @@
85
85
  "@visx/zoom": "^3.12.0",
86
86
  "ace-builds": "^1.43.3",
87
87
  "d3-array": "^3.2.4",
88
+ "date-fns": "^4.1.0",
88
89
  "file-saver": "^2.0.5",
89
90
  "filestack-react": "^6.0.0",
90
91
  "framer-motion": "^12.23.18",