@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/components.manifest.json +129 -2
- package/dist/index.cjs +8 -8
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +126 -3
- package/dist/index.d.ts +126 -3
- package/dist/index.js +8 -8
- package/dist/index.js.map +1 -1
- package/dist/styles.css +71 -0
- package/dist/utilities.manifest.json +2 -2
- package/package.json +1 -1
- package/scripts/generate-edges-docs.js +3 -2
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.
|
|
3
|
-
"generatedAt": "2025-10-
|
|
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
|
@@ -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:** ${
|
|
884
|
+
**Package Version:** ${componentsManifest.version}
|
|
885
|
+
**Generated:** ${generatedAt}
|
|
885
886
|
`;
|
|
886
887
|
|
|
887
888
|
writeFile(path.join(DOCS_AI_EDGES, "README.md"), content);
|