@texturehq/edges 1.7.6 → 1.8.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
@@ -200,6 +200,7 @@
200
200
  --container-lg: 32rem;
201
201
  --container-xl: 36rem;
202
202
  --container-2xl: 42rem;
203
+ --container-3xl: 48rem;
203
204
  --container-4xl: 56rem;
204
205
  --container-6xl: 72rem;
205
206
  --container-7xl: 80rem;
@@ -220,6 +221,7 @@
220
221
  --text-4xl: 2.25rem;
221
222
  --text-4xl--line-height: calc(2.5 / 2.25);
222
223
  --tracking-tight: -0.025em;
224
+ --tracking-wide: 0.025em;
223
225
  --tracking-wider: 0.05em;
224
226
  --leading-tight: 1.25;
225
227
  --leading-relaxed: 1.625;
@@ -1165,6 +1167,9 @@
1165
1167
  .inset-y-\[1px\] {
1166
1168
  inset-block: 1px;
1167
1169
  }
1170
+ .start-1 {
1171
+ inset-inline-start: var(--spacing-1);
1172
+ }
1168
1173
  .-top-2 {
1169
1174
  top: calc(var(--spacing-2) * -1);
1170
1175
  }
@@ -1186,6 +1191,9 @@
1186
1191
  .top-12 {
1187
1192
  top: var(--spacing-12);
1188
1193
  }
1194
+ .top-\[1\.5rem\] {
1195
+ top: 1.5rem;
1196
+ }
1189
1197
  .-right-2 {
1190
1198
  right: calc(var(--spacing-2) * -1);
1191
1199
  }
@@ -1510,6 +1518,9 @@
1510
1518
  .h-3 {
1511
1519
  height: var(--spacing-3);
1512
1520
  }
1521
+ .h-3\.5 {
1522
+ height: calc(var(--spacing) * 3.5);
1523
+ }
1513
1524
  .h-4 {
1514
1525
  height: var(--spacing-4);
1515
1526
  }
@@ -1579,6 +1590,9 @@
1579
1590
  .h-\[600px\] {
1580
1591
  height: 600px;
1581
1592
  }
1593
+ .h-\[calc\(100\%\+2rem\)\] {
1594
+ height: calc(100% + 2rem);
1595
+ }
1582
1596
  .h-\[calc\(100dvh-60px\)\] {
1583
1597
  height: calc(100dvh - 60px);
1584
1598
  }
@@ -1630,6 +1644,9 @@
1630
1644
  .min-h-screen {
1631
1645
  min-height: 100vh;
1632
1646
  }
1647
+ .w-0 {
1648
+ width: var(--spacing-0);
1649
+ }
1633
1650
  .w-1 {
1634
1651
  width: var(--spacing-1);
1635
1652
  }
@@ -1651,6 +1668,9 @@
1651
1668
  .w-3 {
1652
1669
  width: var(--spacing-3);
1653
1670
  }
1671
+ .w-3\.5 {
1672
+ width: calc(var(--spacing) * 3.5);
1673
+ }
1654
1674
  .w-3\/4 {
1655
1675
  width: calc(3/4 * 100%);
1656
1676
  }
@@ -1757,6 +1777,9 @@
1757
1777
  .max-w-2xl {
1758
1778
  max-width: var(--container-2xl);
1759
1779
  }
1780
+ .max-w-3xl {
1781
+ max-width: var(--container-3xl);
1782
+ }
1760
1783
  .max-w-4xl {
1761
1784
  max-width: var(--container-4xl);
1762
1785
  }
@@ -1901,9 +1924,15 @@
1901
1924
  --tw-translate-y: calc(calc(50% + 1px) * -1);
1902
1925
  translate: var(--tw-translate-x) var(--tw-translate-y);
1903
1926
  }
1927
+ .rotate-0 {
1928
+ rotate: 0deg;
1929
+ }
1904
1930
  .rotate-45 {
1905
1931
  rotate: 45deg;
1906
1932
  }
1933
+ .rotate-90 {
1934
+ rotate: 90deg;
1935
+ }
1907
1936
  .rotate-180 {
1908
1937
  rotate: 180deg;
1909
1938
  }
@@ -2037,9 +2066,15 @@
2037
2066
  .grid-cols-12 {
2038
2067
  grid-template-columns: repeat(12, minmax(0, 1fr));
2039
2068
  }
2069
+ .grid-cols-\[1fr_300px\] {
2070
+ grid-template-columns: 1fr 300px;
2071
+ }
2040
2072
  .grid-cols-\[1fr_auto\] {
2041
2073
  grid-template-columns: 1fr auto;
2042
2074
  }
2075
+ .grid-cols-\[3rem_1fr\] {
2076
+ grid-template-columns: 3rem 1fr;
2077
+ }
2043
2078
  .grid-cols-none {
2044
2079
  grid-template-columns: none;
2045
2080
  }
@@ -2378,6 +2413,10 @@
2378
2413
  border-top-right-radius: var(--radius-sm);
2379
2414
  border-bottom-right-radius: var(--radius-sm);
2380
2415
  }
2416
+ .rounded-b-lg {
2417
+ border-bottom-right-radius: var(--radius-lg);
2418
+ border-bottom-left-radius: var(--radius-lg);
2419
+ }
2381
2420
  .rounded-b-none {
2382
2421
  border-bottom-right-radius: var(--radius-none);
2383
2422
  border-bottom-left-radius: var(--radius-none);
@@ -2457,6 +2496,10 @@
2457
2496
  --tw-border-style: dashed;
2458
2497
  border-style: dashed;
2459
2498
  }
2499
+ .border-dotted {
2500
+ --tw-border-style: dotted;
2501
+ border-style: dotted;
2502
+ }
2460
2503
  .border-none {
2461
2504
  --tw-border-style: none;
2462
2505
  border-style: none;
@@ -2498,6 +2541,12 @@
2498
2541
  border-color: color-mix(in oklab, var(--color-border-default) 50%, transparent);
2499
2542
  }
2500
2543
  }
2544
+ .border-border-default\/60 {
2545
+ border-color: color-mix(in srgb, #e5e7eb 60%, transparent);
2546
+ @supports (color: color-mix(in lab, red, red)) {
2547
+ border-color: color-mix(in oklab, var(--color-border-default) 60%, transparent);
2548
+ }
2549
+ }
2501
2550
  .border-border-input {
2502
2551
  border-color: var(--color-border-input);
2503
2552
  }
@@ -2977,6 +3026,9 @@
2977
3026
  .\!px-2 {
2978
3027
  padding-inline: var(--spacing-2) !important;
2979
3028
  }
3029
+ .px-0 {
3030
+ padding-inline: var(--spacing-0);
3031
+ }
2980
3032
  .px-0\.5 {
2981
3033
  padding-inline: calc(var(--spacing) * 0.5);
2982
3034
  }
@@ -3064,12 +3116,18 @@
3064
3116
  .py-12 {
3065
3117
  padding-block: var(--spacing-12);
3066
3118
  }
3119
+ .pt-0 {
3120
+ padding-top: var(--spacing-0);
3121
+ }
3067
3122
  .pt-1 {
3068
3123
  padding-top: var(--spacing-1);
3069
3124
  }
3070
3125
  .pt-2 {
3071
3126
  padding-top: var(--spacing-2);
3072
3127
  }
3128
+ .pt-3 {
3129
+ padding-top: var(--spacing-3);
3130
+ }
3073
3131
  .pt-4 {
3074
3132
  padding-top: var(--spacing-4);
3075
3133
  }
@@ -3145,6 +3203,9 @@
3145
3203
  .pl-12 {
3146
3204
  padding-left: var(--spacing-12);
3147
3205
  }
3206
+ .pl-\[3rem\] {
3207
+ padding-left: 3rem;
3208
+ }
3148
3209
  .pl-\[var\(--control-padding-sm\)\] {
3149
3210
  padding-left: var(--control-padding-sm);
3150
3211
  }
@@ -3213,6 +3274,12 @@
3213
3274
  .text-\[10px\] {
3214
3275
  font-size: 10px;
3215
3276
  }
3277
+ .text-\[13px\] {
3278
+ font-size: 13px;
3279
+ }
3280
+ .text-\[15px\] {
3281
+ font-size: 15px;
3282
+ }
3216
3283
  .text-\[length\:var\(--control-text-lg\)\] {
3217
3284
  font-size: var(--control-text-lg);
3218
3285
  }
@@ -3273,6 +3340,10 @@
3273
3340
  --tw-tracking: var(--tracking-tight);
3274
3341
  letter-spacing: var(--tracking-tight);
3275
3342
  }
3343
+ .tracking-wide {
3344
+ --tw-tracking: var(--tracking-wide);
3345
+ letter-spacing: var(--tracking-wide);
3346
+ }
3276
3347
  .tracking-wider {
3277
3348
  --tw-tracking: var(--tracking-wider);
3278
3349
  letter-spacing: var(--tracking-wider);
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "1.7.6",
3
- "generatedAt": "2025-10-19T15:36:30.017Z",
2
+ "version": "1.8.0",
3
+ "generatedAt": "2025-10-20T15:55:24.562Z",
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.7.6",
3
+ "version": "1.8.0",
4
4
  "author": "Nicholas Brown <nick@texturehq.com>",
5
5
  "description": "A shared component library for Texture",
6
6
  "type": "module",
@@ -805,6 +805,7 @@ function generateEdgesReadme(componentsManifest, utilitiesManifest) {
805
805
  const componentCount = componentsManifest.components.length;
806
806
  const categoryCount = Object.keys(componentsManifest.categories).length;
807
807
  const hookCount = utilitiesManifest.categories.hooks?.utilities.length || 0;
808
+ const generatedAt = componentsManifest.generatedAt || new Date().toISOString();
808
809
 
809
810
  let utilityCount = 0;
810
811
  for (const cat in utilitiesManifest.categories) {
@@ -880,8 +881,8 @@ When building UI in \`apps/dashboard\`, reference:
880
881
 
881
882
  ---
882
883
 
883
- **Package Version:** ${componentsManifest.version}
884
- **Generated:** ${new Date().toISOString()}
884
+ **Package Version:** ${componentsManifest.version}
885
+ **Generated:** ${generatedAt}
885
886
  `;
886
887
 
887
888
  writeFile(path.join(DOCS_AI_EDGES, "README.md"), content);