@texturehq/edges 1.5.0 → 1.5.1

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
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  :root, :host {
4
4
  --color-white: #ffffff;
@@ -179,6 +179,7 @@
179
179
  --color-purple-100: oklch(94.6% 0.033 307.174);
180
180
  --color-purple-500: oklch(62.7% 0.265 303.9);
181
181
  --color-purple-600: oklch(55.8% 0.288 302.321);
182
+ --color-purple-800: oklch(43.8% 0.218 303.724);
182
183
  --color-pink-500: oklch(65.6% 0.241 354.308);
183
184
  --color-slate-300: oklch(86.9% 0.022 252.894);
184
185
  --color-slate-600: oklch(44.6% 0.043 257.281);
@@ -218,7 +219,6 @@
218
219
  --text-4xl: 2.25rem;
219
220
  --text-4xl--line-height: calc(2.5 / 2.25);
220
221
  --tracking-tight: -0.025em;
221
- --tracking-wide: 0.025em;
222
222
  --tracking-wider: 0.05em;
223
223
  --leading-relaxed: 1.625;
224
224
  --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
@@ -1233,6 +1233,9 @@
1233
1233
  .-my-2 {
1234
1234
  margin-block: calc(var(--spacing-2) * -1);
1235
1235
  }
1236
+ .my-2 {
1237
+ margin-block: var(--spacing-2);
1238
+ }
1236
1239
  .my-4 {
1237
1240
  margin-block: var(--spacing-4);
1238
1241
  }
@@ -1254,6 +1257,9 @@
1254
1257
  .mt-1 {
1255
1258
  margin-top: var(--spacing-1);
1256
1259
  }
1260
+ .mt-1\.5 {
1261
+ margin-top: calc(var(--spacing) * 1.5);
1262
+ }
1257
1263
  .mt-2 {
1258
1264
  margin-top: var(--spacing-2);
1259
1265
  }
@@ -1425,6 +1431,9 @@
1425
1431
  .h-\[60px\] {
1426
1432
  height: 60px;
1427
1433
  }
1434
+ .h-\[100dvh\] {
1435
+ height: 100dvh;
1436
+ }
1428
1437
  .h-\[120px\] {
1429
1438
  height: 120px;
1430
1439
  }
@@ -1437,11 +1446,8 @@
1437
1446
  .h-\[600px\] {
1438
1447
  height: 600px;
1439
1448
  }
1440
- .h-\[calc\(100vh-60px\)\] {
1441
- height: calc(100vh - 60px);
1442
- }
1443
- .h-\[calc\(100vh-73px\)\] {
1444
- height: calc(100vh - 73px);
1449
+ .h-\[calc\(100dvh-60px\)\] {
1450
+ height: calc(100dvh - 60px);
1445
1451
  }
1446
1452
  .h-\[var\(--control-lg-height\)\] {
1447
1453
  height: var(--control-lg-height);
@@ -1482,6 +1488,9 @@
1482
1488
  .min-h-\[44px\] {
1483
1489
  min-height: 44px;
1484
1490
  }
1491
+ .min-h-\[100dvh\] {
1492
+ min-height: 100dvh;
1493
+ }
1485
1494
  .min-h-\[100px\] {
1486
1495
  min-height: 100px;
1487
1496
  }
@@ -1575,6 +1584,15 @@
1575
1584
  .w-\[32rem\] {
1576
1585
  width: 32rem;
1577
1586
  }
1587
+ .w-\[40rem\] {
1588
+ width: 40rem;
1589
+ }
1590
+ .w-\[48rem\] {
1591
+ width: 48rem;
1592
+ }
1593
+ .w-\[56rem\] {
1594
+ width: 56rem;
1595
+ }
1578
1596
  .w-\[200px\] {
1579
1597
  width: 200px;
1580
1598
  }
@@ -1675,6 +1693,9 @@
1675
1693
  .shrink-0 {
1676
1694
  flex-shrink: 0;
1677
1695
  }
1696
+ .grow {
1697
+ flex-grow: 1;
1698
+ }
1678
1699
  .table-auto {
1679
1700
  table-layout: auto;
1680
1701
  }
@@ -1945,6 +1966,13 @@
1945
1966
  margin-block-end: calc(var(--spacing-0) * calc(1 - var(--tw-space-y-reverse)));
1946
1967
  }
1947
1968
  }
1969
+ .space-y-0\.5 {
1970
+ :where(& > :not(:last-child)) {
1971
+ --tw-space-y-reverse: 0;
1972
+ margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
1973
+ margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
1974
+ }
1975
+ }
1948
1976
  .space-y-1 {
1949
1977
  :where(& > :not(:last-child)) {
1950
1978
  --tw-space-y-reverse: 0;
@@ -2135,9 +2163,6 @@
2135
2163
  .rounded-\[var\(--control-border-radius\)\] {
2136
2164
  border-radius: var(--control-border-radius);
2137
2165
  }
2138
- .rounded-full {
2139
- border-radius: calc(infinity * 1px);
2140
- }
2141
2166
  .rounded-full {
2142
2167
  border-radius: var(--radius-full);
2143
2168
  }
@@ -2147,9 +2172,6 @@
2147
2172
  .rounded-md {
2148
2173
  border-radius: var(--radius-md);
2149
2174
  }
2150
- .rounded-none {
2151
- border-radius: 0;
2152
- }
2153
2175
  .rounded-none {
2154
2176
  border-radius: var(--radius-none);
2155
2177
  }
@@ -2159,10 +2181,6 @@
2159
2181
  .rounded-xl {
2160
2182
  border-radius: var(--radius-xl);
2161
2183
  }
2162
- .rounded-t-none {
2163
- border-top-left-radius: 0;
2164
- border-top-right-radius: 0;
2165
- }
2166
2184
  .rounded-t-none {
2167
2185
  border-top-left-radius: var(--radius-none);
2168
2186
  border-top-right-radius: var(--radius-none);
@@ -2179,17 +2197,10 @@
2179
2197
  border-top-right-radius: var(--radius-sm);
2180
2198
  border-bottom-right-radius: var(--radius-sm);
2181
2199
  }
2182
- .rounded-b-none {
2183
- border-bottom-right-radius: 0;
2184
- border-bottom-left-radius: 0;
2185
- }
2186
2200
  .rounded-b-none {
2187
2201
  border-bottom-right-radius: var(--radius-none);
2188
2202
  border-bottom-left-radius: var(--radius-none);
2189
2203
  }
2190
- .rounded-bl-none {
2191
- border-bottom-left-radius: 0;
2192
- }
2193
2204
  .rounded-bl-none {
2194
2205
  border-bottom-left-radius: var(--radius-none);
2195
2206
  }
@@ -2621,6 +2632,10 @@
2621
2632
  --tw-gradient-from: var(--color-action-primary);
2622
2633
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2623
2634
  }
2635
+ .from-blue-100 {
2636
+ --tw-gradient-from: var(--color-blue-100);
2637
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2638
+ }
2624
2639
  .from-green-500 {
2625
2640
  --tw-gradient-from: var(--color-green-500);
2626
2641
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2638,6 +2653,10 @@
2638
2653
  --tw-gradient-to: var(--skeleton-base);
2639
2654
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2640
2655
  }
2656
+ .to-blue-200 {
2657
+ --tw-gradient-to: var(--color-blue-200);
2658
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
2659
+ }
2641
2660
  .to-blue-500 {
2642
2661
  --tw-gradient-to: var(--color-blue-500);
2643
2662
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -2793,6 +2812,9 @@
2793
2812
  .py-4 {
2794
2813
  padding-block: var(--spacing-4);
2795
2814
  }
2815
+ .py-5 {
2816
+ padding-block: var(--spacing-5);
2817
+ }
2796
2818
  .py-6 {
2797
2819
  padding-block: var(--spacing-6);
2798
2820
  }
@@ -2802,9 +2824,6 @@
2802
2824
  .pt-1 {
2803
2825
  padding-top: var(--spacing-1);
2804
2826
  }
2805
- .pt-3 {
2806
- padding-top: var(--spacing-3);
2807
- }
2808
2827
  .pt-4 {
2809
2828
  padding-top: var(--spacing-4);
2810
2829
  }
@@ -2835,9 +2854,6 @@
2835
2854
  .pb-2 {
2836
2855
  padding-bottom: var(--spacing-2);
2837
2856
  }
2838
- .pb-3 {
2839
- padding-bottom: var(--spacing-3);
2840
- }
2841
2857
  .pb-4 {
2842
2858
  padding-bottom: var(--spacing-4);
2843
2859
  }
@@ -2989,10 +3005,6 @@
2989
3005
  --tw-tracking: var(--tracking-tight);
2990
3006
  letter-spacing: var(--tracking-tight);
2991
3007
  }
2992
- .tracking-wide {
2993
- --tw-tracking: var(--tracking-wide);
2994
- letter-spacing: var(--tracking-wide);
2995
- }
2996
3008
  .tracking-wider {
2997
3009
  --tw-tracking: var(--tracking-wider);
2998
3010
  letter-spacing: var(--tracking-wider);
@@ -3105,6 +3117,9 @@
3105
3117
  .text-purple-600 {
3106
3118
  color: var(--color-purple-600);
3107
3119
  }
3120
+ .text-purple-800 {
3121
+ color: var(--color-purple-800);
3122
+ }
3108
3123
  .text-red-500 {
3109
3124
  color: var(--color-red-500);
3110
3125
  }
@@ -3743,13 +3758,6 @@
3743
3758
  }
3744
3759
  }
3745
3760
  }
3746
- .hover\:border-border-muted {
3747
- &:hover {
3748
- @media (hover: hover) {
3749
- border-color: var(--color-border-muted);
3750
- }
3751
- }
3752
- }
3753
3761
  .hover\:bg-action-primary-hover {
3754
3762
  &:hover {
3755
3763
  @media (hover: hover) {
@@ -4466,14 +4474,14 @@
4466
4474
  height: var(--spacing-96);
4467
4475
  }
4468
4476
  }
4469
- .md\:h-full {
4477
+ .md\:h-\[100dvh\] {
4470
4478
  @media (width >= 48rem) {
4471
- height: 100%;
4479
+ height: 100dvh;
4472
4480
  }
4473
4481
  }
4474
- .md\:h-screen {
4482
+ .md\:h-full {
4475
4483
  @media (width >= 48rem) {
4476
- height: 100vh;
4484
+ height: 100%;
4477
4485
  }
4478
4486
  }
4479
4487
  .md\:w-64 {
@@ -4755,16 +4763,6 @@
4755
4763
  border-bottom-width: 1px;
4756
4764
  }
4757
4765
  }
4758
- .lg\:px-10 {
4759
- @media (width >= 64rem) {
4760
- padding-inline: var(--spacing-10);
4761
- }
4762
- }
4763
- .lg\:py-10 {
4764
- @media (width >= 64rem) {
4765
- padding-block: var(--spacing-10);
4766
- }
4767
- }
4768
4766
  .xl\:col-auto {
4769
4767
  @media (width >= 80rem) {
4770
4768
  grid-column: auto;
@@ -5712,11 +5710,6 @@
5712
5710
  width: var(--spacing-4);
5713
5711
  }
5714
5712
  }
5715
- .\[\&\:\:-moz-range-thumb\]\:rounded-full {
5716
- &::-moz-range-thumb {
5717
- border-radius: calc(infinity * 1px);
5718
- }
5719
- }
5720
5713
  .\[\&\:\:-moz-range-thumb\]\:rounded-full {
5721
5714
  &::-moz-range-thumb {
5722
5715
  border-radius: var(--radius-full);
@@ -5791,11 +5784,6 @@
5791
5784
  appearance: none;
5792
5785
  }
5793
5786
  }
5794
- .\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
5795
- &::-webkit-slider-thumb {
5796
- border-radius: calc(infinity * 1px);
5797
- }
5798
- }
5799
5787
  .\[\&\:\:-webkit-slider-thumb\]\:rounded-full {
5800
5788
  &::-webkit-slider-thumb {
5801
5789
  border-radius: var(--radius-full);
@@ -5871,11 +5859,6 @@
5871
5859
  justify-content: flex-start !important;
5872
5860
  }
5873
5861
  }
5874
- .\[\&\>\*\]\:rounded-none {
5875
- &>* {
5876
- border-radius: 0;
5877
- }
5878
- }
5879
5862
  .\[\&\>\*\]\:rounded-none {
5880
5863
  &>* {
5881
5864
  border-radius: var(--radius-none);
@@ -5912,12 +5895,6 @@
5912
5895
  padding: var(--spacing-4);
5913
5896
  }
5914
5897
  }
5915
- .\[td\:first-child_\&\]\:rounded-s-full {
5916
- td:first-child & {
5917
- border-start-start-radius: calc(infinity * 1px);
5918
- border-end-start-radius: calc(infinity * 1px);
5919
- }
5920
- }
5921
5898
  .\[td\:first-child_\&\]\:rounded-s-full {
5922
5899
  td:first-child & {
5923
5900
  border-start-start-radius: var(--radius-full);
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "1.5.0",
3
- "generatedAt": "2025-10-09T19:04:07.680Z",
2
+ "version": "1.5.1",
3
+ "generatedAt": "2025-10-10T17:36:16.957Z",
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.5.0",
3
+ "version": "1.5.1",
4
4
  "author": "Nicholas Brown <nick@texturehq.com>",
5
5
  "description": "A shared component library for Texture",
6
6
  "type": "module",
@@ -35,7 +35,7 @@
35
35
  "watch": "tsup --watch",
36
36
  "build": "yarn tokens:build && tsup && yarn build:post",
37
37
  "build:post": "postcss src/styles.css -o dist/styles.css && node scripts/copy-assets.js && node scripts/generate-components-manifest.js && node scripts/generate-utilities-manifest.js",
38
- "tokens:build": "node style-dictionary.config.mjs",
38
+ "tokens:build": "node style-dictionary.config.mjs && node scripts/generate-viz-runtime.js",
39
39
  "tokens:build:tailwind": "node style-dictionary.config.mjs",
40
40
  "tokens:watch": "nodemon --watch tokens --ext json --exec 'yarn tokens:build'",
41
41
  "tokens:watch:tailwind": "nodemon --watch tokens --ext json --exec 'yarn tokens:build:tailwind'",
@@ -53,7 +53,7 @@
53
53
  "test:watch": "vitest",
54
54
  "test:coverage": "vitest run --coverage",
55
55
  "test:ui": "vitest --ui",
56
- "storybook": "storybook dev -p 6010 --no-open",
56
+ "storybook": "VITE_MAPBOX_ACCESS_TOKEN=pk.eyJ1IjoidmljdG9yLXRleHR1cmUiLCJhIjoiY2x1cXM5dnVqMDFvYTJrcWszbnZmdGo4cCJ9.uEu0gqmITLtBMKEVW0aFtA storybook dev -p 6010 --no-open",
57
57
  "build-storybook": "storybook build",
58
58
  "postinstall": "node scripts/setup-cursor-rules.js || echo \"! setup-cursor-rules: non-fatal error\""
59
59
  },