@texturehq/edges 1.2.0 → 1.3.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
@@ -66,12 +66,6 @@
66
66
  --color-skeleton-highlight: #f3f4f6;
67
67
  --color-neutral-white: #ffffff;
68
68
  --color-neutral-black: #000000;
69
- --color-data-categorical-1: #a3eae4;
70
- --color-data-categorical-2: #91a0ff;
71
- --color-data-categorical-3: #ffd1a3;
72
- --color-data-categorical-4: #ffabc8;
73
- --color-data-categorical-5: #c1b8ff;
74
- --color-data-categorical-6: #e0ffb8;
75
69
  --color-data-default: #444ae1;
76
70
  --spacing-0: 0px;
77
71
  --spacing-1: 0.25rem;
@@ -100,6 +94,7 @@
100
94
  --radius-sm: 0.25rem;
101
95
  --radius-md: 0.375rem;
102
96
  --radius-lg: 0.5rem;
97
+ --radius-xl: 0.75rem;
103
98
  --radius-full: 9999px;
104
99
  --font-weight-light: 300;
105
100
  --font-weight-normal: 400;
@@ -894,15 +889,9 @@
894
889
  .bottom-4 {
895
890
  bottom: var(--spacing-4);
896
891
  }
897
- .bottom-6 {
898
- bottom: var(--spacing-6);
899
- }
900
892
  .bottom-8 {
901
893
  bottom: var(--spacing-8);
902
894
  }
903
- .bottom-\[108px\] {
904
- bottom: 108px;
905
- }
906
895
  .-left-2 {
907
896
  left: calc(var(--spacing-2) * -1);
908
897
  }
@@ -921,9 +910,6 @@
921
910
  .left-4 {
922
911
  left: var(--spacing-4);
923
912
  }
924
- .left-\[5px\] {
925
- left: 5px;
926
- }
927
913
  .left-full {
928
914
  left: 100%;
929
915
  }
@@ -951,9 +937,6 @@
951
937
  .z-50 {
952
938
  z-index: 50;
953
939
  }
954
- .z-\[60\] {
955
- z-index: 60;
956
- }
957
940
  .col-auto {
958
941
  grid-column: auto;
959
942
  }
@@ -1158,6 +1141,9 @@
1158
1141
  .aspect-video {
1159
1142
  aspect-ratio: var(--aspect-video);
1160
1143
  }
1144
+ .h-0\.5 {
1145
+ height: calc(var(--spacing) * 0.5);
1146
+ }
1161
1147
  .h-1 {
1162
1148
  height: var(--spacing-1);
1163
1149
  }
@@ -1275,9 +1261,6 @@
1275
1261
  .max-h-48 {
1276
1262
  max-height: var(--spacing-48);
1277
1263
  }
1278
- .max-h-64 {
1279
- max-height: var(--spacing-64);
1280
- }
1281
1264
  .max-h-\[300px\] {
1282
1265
  max-height: 300px;
1283
1266
  }
@@ -1389,9 +1372,6 @@
1389
1372
  .w-\[300px\] {
1390
1373
  width: 300px;
1391
1374
  }
1392
- .w-\[400px\] {
1393
- width: 400px;
1394
- }
1395
1375
  .w-\[600px\] {
1396
1376
  width: 600px;
1397
1377
  }
@@ -1420,9 +1400,6 @@
1420
1400
  .max-w-7xl {
1421
1401
  max-width: var(--container-7xl);
1422
1402
  }
1423
- .max-w-80 {
1424
- max-width: var(--spacing-80);
1425
- }
1426
1403
  .max-w-\[200px\] {
1427
1404
  max-width: 200px;
1428
1405
  }
@@ -1526,6 +1503,9 @@
1526
1503
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
1527
1504
  translate: var(--tw-translate-x) var(--tw-translate-y);
1528
1505
  }
1506
+ .rotate-45 {
1507
+ rotate: 45deg;
1508
+ }
1529
1509
  .rotate-180 {
1530
1510
  rotate: 180deg;
1531
1511
  }
@@ -1547,9 +1527,6 @@
1547
1527
  .cursor-default {
1548
1528
  cursor: default;
1549
1529
  }
1550
- .cursor-grab {
1551
- cursor: grab;
1552
- }
1553
1530
  .cursor-help {
1554
1531
  cursor: help;
1555
1532
  }
@@ -1580,9 +1557,6 @@
1580
1557
  .list-inside {
1581
1558
  list-style-position: inside;
1582
1559
  }
1583
- .list-decimal {
1584
- list-style-type: decimal;
1585
- }
1586
1560
  .list-disc {
1587
1561
  list-style-type: disc;
1588
1562
  }
@@ -1973,9 +1947,8 @@
1973
1947
  .rounded-sm {
1974
1948
  border-radius: var(--radius-sm);
1975
1949
  }
1976
- .rounded-t-lg {
1977
- border-top-left-radius: var(--radius-lg);
1978
- border-top-right-radius: var(--radius-lg);
1950
+ .rounded-xl {
1951
+ border-radius: var(--radius-xl);
1979
1952
  }
1980
1953
  .rounded-t-none {
1981
1954
  border-top-left-radius: 0;
@@ -2005,6 +1978,12 @@
2005
1978
  border-bottom-right-radius: var(--radius-none);
2006
1979
  border-bottom-left-radius: var(--radius-none);
2007
1980
  }
1981
+ .rounded-bl-none {
1982
+ border-bottom-left-radius: 0;
1983
+ }
1984
+ .rounded-bl-none {
1985
+ border-bottom-left-radius: var(--radius-none);
1986
+ }
2008
1987
  .border {
2009
1988
  border-style: var(--tw-border-style);
2010
1989
  border-width: 1px;
@@ -2049,6 +2028,10 @@
2049
2028
  border-bottom-style: var(--tw-border-style);
2050
2029
  border-bottom-width: 1px;
2051
2030
  }
2031
+ .border-b-0 {
2032
+ border-bottom-style: var(--tw-border-style);
2033
+ border-bottom-width: 0px;
2034
+ }
2052
2035
  .border-b-2 {
2053
2036
  border-bottom-style: var(--tw-border-style);
2054
2037
  border-bottom-width: 2px;
@@ -2170,9 +2153,6 @@
2170
2153
  .border-transparent {
2171
2154
  border-color: transparent;
2172
2155
  }
2173
- .border-white {
2174
- border-color: var(--color-white);
2175
- }
2176
2156
  .border-yellow-200 {
2177
2157
  border-color: var(--color-yellow-200);
2178
2158
  }
@@ -2505,9 +2485,6 @@
2505
2485
  .p-4 {
2506
2486
  padding: var(--spacing-4);
2507
2487
  }
2508
- .p-5 {
2509
- padding: var(--spacing-5);
2510
- }
2511
2488
  .p-6 {
2512
2489
  padding: var(--spacing-6);
2513
2490
  }
@@ -2649,9 +2626,6 @@
2649
2626
  .pl-4 {
2650
2627
  padding-left: var(--spacing-4);
2651
2628
  }
2652
- .pl-5 {
2653
- padding-left: var(--spacing-5);
2654
- }
2655
2629
  .pl-7 {
2656
2630
  padding-left: var(--spacing-7);
2657
2631
  }
@@ -3179,9 +3153,6 @@
3179
3153
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3180
3154
  transition-duration: var(--tw-duration, var(--default-transition-duration));
3181
3155
  }
3182
- .transition-none {
3183
- transition-property: none;
3184
- }
3185
3156
  .duration-150 {
3186
3157
  --tw-duration: 150ms;
3187
3158
  transition-duration: 150ms;
@@ -3190,10 +3161,6 @@
3190
3161
  --tw-duration: 200ms;
3191
3162
  transition-duration: 200ms;
3192
3163
  }
3193
- .duration-250 {
3194
- --tw-duration: 250ms;
3195
- transition-duration: 250ms;
3196
- }
3197
3164
  .duration-300 {
3198
3165
  --tw-duration: 300ms;
3199
3166
  transition-duration: 300ms;
@@ -3761,6 +3728,13 @@
3761
3728
  }
3762
3729
  }
3763
3730
  }
3731
+ .hover\:opacity-90 {
3732
+ &:hover {
3733
+ @media (hover: hover) {
3734
+ opacity: 90%;
3735
+ }
3736
+ }
3737
+ }
3764
3738
  .hover\:opacity-100 {
3765
3739
  &:hover {
3766
3740
  @media (hover: hover) {
@@ -3898,11 +3872,6 @@
3898
3872
  outline-color: var(--color-border-focus);
3899
3873
  }
3900
3874
  }
3901
- .active\:cursor-grabbing {
3902
- &:active {
3903
- cursor: grabbing;
3904
- }
3905
- }
3906
3875
  .disabled\:cursor-not-allowed {
3907
3876
  &:disabled {
3908
3877
  cursor: not-allowed;
@@ -3975,11 +3944,6 @@
3975
3944
  background-color: var(--color-gray-100);
3976
3945
  }
3977
3946
  }
3978
- .sm\:bottom-\[72px\] {
3979
- @media (width >= 40rem) {
3980
- bottom: 72px;
3981
- }
3982
- }
3983
3947
  .sm\:col-auto {
3984
3948
  @media (width >= 40rem) {
3985
3949
  grid-column: auto;
@@ -4270,11 +4234,26 @@
4270
4234
  display: none;
4271
4235
  }
4272
4236
  }
4237
+ .md\:h-96 {
4238
+ @media (width >= 48rem) {
4239
+ height: var(--spacing-96);
4240
+ }
4241
+ }
4242
+ .md\:h-full {
4243
+ @media (width >= 48rem) {
4244
+ height: 100%;
4245
+ }
4246
+ }
4273
4247
  .md\:h-screen {
4274
4248
  @media (width >= 48rem) {
4275
4249
  height: 100vh;
4276
4250
  }
4277
4251
  }
4252
+ .md\:w-64 {
4253
+ @media (width >= 48rem) {
4254
+ width: var(--spacing-64);
4255
+ }
4256
+ }
4278
4257
  .md\:w-\[50\%\] {
4279
4258
  @media (width >= 48rem) {
4280
4259
  width: 50%;
@@ -4381,11 +4360,6 @@
4381
4360
  top: var(--spacing-20);
4382
4361
  }
4383
4362
  }
4384
- .lg\:bottom-\[64px\] {
4385
- @media (width >= 64rem) {
4386
- bottom: 64px;
4387
- }
4388
- }
4389
4363
  .lg\:col-auto {
4390
4364
  @media (width >= 64rem) {
4391
4365
  grid-column: auto;
@@ -4536,16 +4510,32 @@
4536
4510
  grid-template-columns: none;
4537
4511
  }
4538
4512
  }
4539
- .lg\:rounded-t-none {
4513
+ .lg\:rounded-t {
4514
+ @media (width >= 64rem) {
4515
+ border-top-left-radius: 0.25rem;
4516
+ border-top-right-radius: 0.25rem;
4517
+ }
4518
+ }
4519
+ .lg\:border-t {
4520
+ @media (width >= 64rem) {
4521
+ border-top-style: var(--tw-border-style);
4522
+ border-top-width: 1px;
4523
+ }
4524
+ }
4525
+ .lg\:border-b {
4526
+ @media (width >= 64rem) {
4527
+ border-bottom-style: var(--tw-border-style);
4528
+ border-bottom-width: 1px;
4529
+ }
4530
+ }
4531
+ .lg\:px-10 {
4540
4532
  @media (width >= 64rem) {
4541
- border-top-left-radius: 0;
4542
- border-top-right-radius: 0;
4533
+ padding-inline: var(--spacing-10);
4543
4534
  }
4544
4535
  }
4545
- .lg\:rounded-t-none {
4536
+ .lg\:py-10 {
4546
4537
  @media (width >= 64rem) {
4547
- border-top-left-radius: var(--radius-none);
4548
- border-top-right-radius: var(--radius-none);
4538
+ padding-block: var(--spacing-10);
4549
4539
  }
4550
4540
  }
4551
4541
  .xl\:col-auto {
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "1.2.0",
3
- "generatedAt": "2025-10-06T17:53:58.998Z",
2
+ "version": "1.3.0",
3
+ "generatedAt": "2025-10-08T13:13:11.594Z",
4
4
  "categories": {
5
5
  "hooks": {
6
6
  "description": "React hooks for common functionality like debouncing, local storage, and time controls",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@texturehq/edges",
3
- "version": "1.2.0",
3
+ "version": "1.3.0",
4
4
  "author": "Nicholas Brown <nick@texturehq.com>",
5
5
  "description": "A shared component library for Texture",
6
6
  "type": "module",