@texturehq/edges 1.2.1 → 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
  }
@@ -1155,6 +1141,9 @@
1155
1141
  .aspect-video {
1156
1142
  aspect-ratio: var(--aspect-video);
1157
1143
  }
1144
+ .h-0\.5 {
1145
+ height: calc(var(--spacing) * 0.5);
1146
+ }
1158
1147
  .h-1 {
1159
1148
  height: var(--spacing-1);
1160
1149
  }
@@ -1272,9 +1261,6 @@
1272
1261
  .max-h-48 {
1273
1262
  max-height: var(--spacing-48);
1274
1263
  }
1275
- .max-h-64 {
1276
- max-height: var(--spacing-64);
1277
- }
1278
1264
  .max-h-\[300px\] {
1279
1265
  max-height: 300px;
1280
1266
  }
@@ -1386,9 +1372,6 @@
1386
1372
  .w-\[300px\] {
1387
1373
  width: 300px;
1388
1374
  }
1389
- .w-\[400px\] {
1390
- width: 400px;
1391
- }
1392
1375
  .w-\[600px\] {
1393
1376
  width: 600px;
1394
1377
  }
@@ -1417,9 +1400,6 @@
1417
1400
  .max-w-7xl {
1418
1401
  max-width: var(--container-7xl);
1419
1402
  }
1420
- .max-w-80 {
1421
- max-width: var(--spacing-80);
1422
- }
1423
1403
  .max-w-\[200px\] {
1424
1404
  max-width: 200px;
1425
1405
  }
@@ -1523,6 +1503,9 @@
1523
1503
  --tw-translate-y: calc(calc(1/2 * 100%) * -1);
1524
1504
  translate: var(--tw-translate-x) var(--tw-translate-y);
1525
1505
  }
1506
+ .rotate-45 {
1507
+ rotate: 45deg;
1508
+ }
1526
1509
  .rotate-180 {
1527
1510
  rotate: 180deg;
1528
1511
  }
@@ -1544,9 +1527,6 @@
1544
1527
  .cursor-default {
1545
1528
  cursor: default;
1546
1529
  }
1547
- .cursor-grab {
1548
- cursor: grab;
1549
- }
1550
1530
  .cursor-help {
1551
1531
  cursor: help;
1552
1532
  }
@@ -1577,9 +1557,6 @@
1577
1557
  .list-inside {
1578
1558
  list-style-position: inside;
1579
1559
  }
1580
- .list-decimal {
1581
- list-style-type: decimal;
1582
- }
1583
1560
  .list-disc {
1584
1561
  list-style-type: disc;
1585
1562
  }
@@ -1970,9 +1947,8 @@
1970
1947
  .rounded-sm {
1971
1948
  border-radius: var(--radius-sm);
1972
1949
  }
1973
- .rounded-t-lg {
1974
- border-top-left-radius: var(--radius-lg);
1975
- border-top-right-radius: var(--radius-lg);
1950
+ .rounded-xl {
1951
+ border-radius: var(--radius-xl);
1976
1952
  }
1977
1953
  .rounded-t-none {
1978
1954
  border-top-left-radius: 0;
@@ -2002,6 +1978,12 @@
2002
1978
  border-bottom-right-radius: var(--radius-none);
2003
1979
  border-bottom-left-radius: var(--radius-none);
2004
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
+ }
2005
1987
  .border {
2006
1988
  border-style: var(--tw-border-style);
2007
1989
  border-width: 1px;
@@ -2046,6 +2028,10 @@
2046
2028
  border-bottom-style: var(--tw-border-style);
2047
2029
  border-bottom-width: 1px;
2048
2030
  }
2031
+ .border-b-0 {
2032
+ border-bottom-style: var(--tw-border-style);
2033
+ border-bottom-width: 0px;
2034
+ }
2049
2035
  .border-b-2 {
2050
2036
  border-bottom-style: var(--tw-border-style);
2051
2037
  border-bottom-width: 2px;
@@ -2167,9 +2153,6 @@
2167
2153
  .border-transparent {
2168
2154
  border-color: transparent;
2169
2155
  }
2170
- .border-white {
2171
- border-color: var(--color-white);
2172
- }
2173
2156
  .border-yellow-200 {
2174
2157
  border-color: var(--color-yellow-200);
2175
2158
  }
@@ -2502,9 +2485,6 @@
2502
2485
  .p-4 {
2503
2486
  padding: var(--spacing-4);
2504
2487
  }
2505
- .p-5 {
2506
- padding: var(--spacing-5);
2507
- }
2508
2488
  .p-6 {
2509
2489
  padding: var(--spacing-6);
2510
2490
  }
@@ -2646,9 +2626,6 @@
2646
2626
  .pl-4 {
2647
2627
  padding-left: var(--spacing-4);
2648
2628
  }
2649
- .pl-5 {
2650
- padding-left: var(--spacing-5);
2651
- }
2652
2629
  .pl-7 {
2653
2630
  padding-left: var(--spacing-7);
2654
2631
  }
@@ -3176,9 +3153,6 @@
3176
3153
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3177
3154
  transition-duration: var(--tw-duration, var(--default-transition-duration));
3178
3155
  }
3179
- .transition-none {
3180
- transition-property: none;
3181
- }
3182
3156
  .duration-150 {
3183
3157
  --tw-duration: 150ms;
3184
3158
  transition-duration: 150ms;
@@ -3187,10 +3161,6 @@
3187
3161
  --tw-duration: 200ms;
3188
3162
  transition-duration: 200ms;
3189
3163
  }
3190
- .duration-250 {
3191
- --tw-duration: 250ms;
3192
- transition-duration: 250ms;
3193
- }
3194
3164
  .duration-300 {
3195
3165
  --tw-duration: 300ms;
3196
3166
  transition-duration: 300ms;
@@ -3758,6 +3728,13 @@
3758
3728
  }
3759
3729
  }
3760
3730
  }
3731
+ .hover\:opacity-90 {
3732
+ &:hover {
3733
+ @media (hover: hover) {
3734
+ opacity: 90%;
3735
+ }
3736
+ }
3737
+ }
3761
3738
  .hover\:opacity-100 {
3762
3739
  &:hover {
3763
3740
  @media (hover: hover) {
@@ -3895,11 +3872,6 @@
3895
3872
  outline-color: var(--color-border-focus);
3896
3873
  }
3897
3874
  }
3898
- .active\:cursor-grabbing {
3899
- &:active {
3900
- cursor: grabbing;
3901
- }
3902
- }
3903
3875
  .disabled\:cursor-not-allowed {
3904
3876
  &:disabled {
3905
3877
  cursor: not-allowed;
@@ -3972,11 +3944,6 @@
3972
3944
  background-color: var(--color-gray-100);
3973
3945
  }
3974
3946
  }
3975
- .sm\:bottom-\[72px\] {
3976
- @media (width >= 40rem) {
3977
- bottom: 72px;
3978
- }
3979
- }
3980
3947
  .sm\:col-auto {
3981
3948
  @media (width >= 40rem) {
3982
3949
  grid-column: auto;
@@ -4267,6 +4234,11 @@
4267
4234
  display: none;
4268
4235
  }
4269
4236
  }
4237
+ .md\:h-96 {
4238
+ @media (width >= 48rem) {
4239
+ height: var(--spacing-96);
4240
+ }
4241
+ }
4270
4242
  .md\:h-full {
4271
4243
  @media (width >= 48rem) {
4272
4244
  height: 100%;
@@ -4388,11 +4360,6 @@
4388
4360
  top: var(--spacing-20);
4389
4361
  }
4390
4362
  }
4391
- .lg\:bottom-\[64px\] {
4392
- @media (width >= 64rem) {
4393
- bottom: 64px;
4394
- }
4395
- }
4396
4363
  .lg\:col-auto {
4397
4364
  @media (width >= 64rem) {
4398
4365
  grid-column: auto;
@@ -4543,16 +4510,32 @@
4543
4510
  grid-template-columns: none;
4544
4511
  }
4545
4512
  }
4546
- .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 {
4547
4532
  @media (width >= 64rem) {
4548
- border-top-left-radius: 0;
4549
- border-top-right-radius: 0;
4533
+ padding-inline: var(--spacing-10);
4550
4534
  }
4551
4535
  }
4552
- .lg\:rounded-t-none {
4536
+ .lg\:py-10 {
4553
4537
  @media (width >= 64rem) {
4554
- border-top-left-radius: var(--radius-none);
4555
- border-top-right-radius: var(--radius-none);
4538
+ padding-block: var(--spacing-10);
4556
4539
  }
4557
4540
  }
4558
4541
  .xl\:col-auto {
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "1.2.1",
3
- "generatedAt": "2025-10-06T20:37:56.814Z",
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.1",
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",