@ohhwells/bridge 0.1.42-next.97 → 0.1.43

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
@@ -22,6 +22,10 @@
22
22
  --text-lg--line-height: 28px;
23
23
  --text-xl: 20px;
24
24
  --text-xl--line-height: 28px;
25
+ --text-4xl: 36px;
26
+ --text-4xl--line-height: 40px;
27
+ --text-5xl: 48px;
28
+ --text-5xl--line-height: 1;
25
29
  --font-weight-normal: 400;
26
30
  --font-weight-medium: 500;
27
31
  --font-weight-semibold: 600;
@@ -36,27 +40,28 @@
36
40
  --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
37
41
  --default-transition-duration: 150ms;
38
42
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
39
- --radius: 0.5rem;
40
43
  --font-display: 'Instrument Serif', 'Times New Roman', serif;
41
44
  --font-body: 'Red Hat Display', system-ui, sans-serif;
42
45
  --color-primary: var(--ohw-primary, #0885FE);
43
46
  --color-primary-foreground: var(--ohw-primary-foreground, #FAFAF9);
44
47
  --color-primary-50: var(--ohw-primary-50, #EFF6FF);
45
48
  --color-background: var(--ohw-background, #ffffff);
46
- --color-foreground: var(--ohw-foreground, #0c0a09);
47
- --color-card-foreground: var(--ohw-card-foreground, #0c0a09);
49
+ --color-foreground: var(--ohw-foreground, #020617);
50
+ --color-card-foreground: var(--ohw-card-foreground, #020617);
48
51
  --color-popover: var(--ohw-popover, #ffffff);
49
- --color-secondary: var(--ohw-secondary, #f5f5f4);
50
- --color-secondary-foreground: var(--ohw-secondary-foreground, #0c0a09);
51
- --color-muted: var(--ohw-muted, #f5f5f4);
52
- --color-muted-foreground: var(--ohw-muted-foreground, #78716c);
53
- --color-accent: var(--ohw-accent, #f5f5f4);
54
- --color-accent-foreground: var(--ohw-accent-foreground, #0c0a09);
55
- --color-destructive: var(--ohw-destructive, #c10007);
56
- --color-destructive-foreground: var(--ohw-destructive-foreground, #fafaf9);
57
- --color-border: var(--ohw-border, #e7e5e4);
58
- --color-input: var(--ohw-input, #e7e5e4);
59
- --color-ring: var(--ohw-ring, #0885FE);
52
+ --color-secondary: var(--ohw-secondary, #f1f5f9);
53
+ --color-secondary-foreground: var(--ohw-secondary-foreground, #0f172a);
54
+ --color-muted: var(--ohw-muted, #f1f5f9);
55
+ --color-muted-foreground: var(--ohw-muted-foreground, #64748b);
56
+ --color-accent: var(--ohw-accent, #f1f5f9);
57
+ --color-accent-foreground: var(--ohw-accent-foreground, #0f172a);
58
+ --color-destructive: var(--ohw-destructive, #dc2626);
59
+ --color-destructive-foreground: var(--ohw-destructive-foreground, #f8fafc);
60
+ --color-border: var(--ohw-border, #e2e8f0);
61
+ --color-input: var(--ohw-input, #e2e8f0);
62
+ --color-ring: var(--ohw-ring, #64748b);
63
+ --text-5xl--letter-spacing: -0.025em;
64
+ --text-4xl--letter-spacing: -0.025em;
60
65
  --text-xl--letter-spacing: -0.025em;
61
66
  --text-lg--letter-spacing: 0em;
62
67
  --text-base--letter-spacing: 0em;
@@ -74,12 +79,6 @@
74
79
  .pointer-events-none {
75
80
  pointer-events: none;
76
81
  }
77
- .collapse {
78
- visibility: collapse;
79
- }
80
- .invisible {
81
- visibility: hidden;
82
- }
83
82
  .visible {
84
83
  visibility: visible;
85
84
  }
@@ -200,9 +199,15 @@
200
199
  .mt-0\.5 {
201
200
  margin-top: calc(var(--spacing) * 0.5);
202
201
  }
202
+ .mt-2 {
203
+ margin-top: calc(var(--spacing) * 2);
204
+ }
203
205
  .mr-\[-1px\] {
204
206
  margin-right: -1px;
205
207
  }
208
+ .mb-2 {
209
+ margin-bottom: calc(var(--spacing) * 2);
210
+ }
206
211
  .mb-4 {
207
212
  margin-bottom: calc(var(--spacing) * 4);
208
213
  }
@@ -233,9 +238,6 @@
233
238
  .inline-flex {
234
239
  display: inline-flex;
235
240
  }
236
- .table {
237
- display: table;
238
- }
239
241
  .size-4 {
240
242
  width: calc(var(--spacing) * 4);
241
243
  height: calc(var(--spacing) * 4);
@@ -252,9 +254,6 @@
252
254
  width: calc(var(--spacing) * 8);
253
255
  height: calc(var(--spacing) * 8);
254
256
  }
255
- .\!h-full {
256
- height: 100% !important;
257
- }
258
257
  .h-6 {
259
258
  height: calc(var(--spacing) * 6);
260
259
  }
@@ -312,9 +311,6 @@
312
311
  .min-h-screen {
313
312
  min-height: 100vh;
314
313
  }
315
- .\!w-full {
316
- width: 100% !important;
317
- }
318
314
  .w-2 {
319
315
  width: calc(var(--spacing) * 2);
320
316
  }
@@ -385,9 +381,6 @@
385
381
  .grow {
386
382
  flex-grow: 1;
387
383
  }
388
- .origin-\[var\(--radix-tooltip-content-transform-origin\)\] {
389
- transform-origin: var(--radix-tooltip-content-transform-origin);
390
- }
391
384
  .-translate-x-1\/2 {
392
385
  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
393
386
  translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -419,9 +412,6 @@
419
412
  .cursor-pointer {
420
413
  cursor: pointer;
421
414
  }
422
- .cursor-text {
423
- cursor: text;
424
- }
425
415
  .resize {
426
416
  resize: both;
427
417
  }
@@ -499,15 +489,12 @@
499
489
  .overflow-x-auto {
500
490
  overflow-x: auto;
501
491
  }
492
+ .rounded {
493
+ border-radius: 0.25rem;
494
+ }
502
495
  .rounded-\[10px\] {
503
496
  border-radius: 10px;
504
497
  }
505
- .rounded-\[calc\(var\(--radius\,0\.5rem\)-2px\)\] {
506
- border-radius: calc(var(--radius,0.5rem) - 2px);
507
- }
508
- .rounded-\[var\(--radius\,0\.5rem\)\] {
509
- border-radius: var(--radius,0.5rem);
510
- }
511
498
  .rounded-full {
512
499
  border-radius: calc(infinity * 1px);
513
500
  }
@@ -758,6 +745,11 @@
758
745
  .font-sans {
759
746
  font-family: var(--font-sans);
760
747
  }
748
+ .text-4xl {
749
+ font-size: var(--text-4xl);
750
+ line-height: var(--tw-leading, var(--text-4xl--line-height));
751
+ letter-spacing: var(--tw-tracking, var(--text-4xl--letter-spacing));
752
+ }
761
753
  .text-base {
762
754
  font-size: var(--text-base);
763
755
  line-height: var(--tw-leading, var(--text-base--line-height));
@@ -893,9 +885,6 @@
893
885
  .italic {
894
886
  font-style: italic;
895
887
  }
896
- .line-through {
897
- text-decoration-line: line-through;
898
- }
899
888
  .underline {
900
889
  text-decoration-line: underline;
901
890
  }
@@ -925,12 +914,16 @@
925
914
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--ohw-primary));
926
915
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
927
916
  }
917
+ .shadow-\[0px_2px_4px_-2px_rgba\(0\,0\,0\,0\.1\)\,0px_4px_6px_-1px_rgba\(0\,0\,0\,0\.1\)\] {
918
+ --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 4px 6px -1px var(--tw-shadow-color, rgba(0,0,0,0.1));
919
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
920
+ }
928
921
  .shadow-lg {
929
922
  --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
930
923
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
931
924
  }
932
925
  .shadow-md {
933
- --tw-shadow: 0px 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, 0.1)), 0px 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, 0.1));
926
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
934
927
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
935
928
  }
936
929
  .shadow-none {
@@ -1484,6 +1477,13 @@
1484
1477
  padding-block: calc(var(--spacing) * 20);
1485
1478
  }
1486
1479
  }
1480
+ .sm\:text-5xl {
1481
+ @media (width >= 40rem) {
1482
+ font-size: var(--text-5xl);
1483
+ line-height: var(--tw-leading, var(--text-5xl--line-height));
1484
+ letter-spacing: var(--tw-tracking, var(--text-5xl--letter-spacing));
1485
+ }
1486
+ }
1487
1487
  .\[\&_svg\]\:pointer-events-none {
1488
1488
  & svg {
1489
1489
  pointer-events: none;
@@ -1508,35 +1508,34 @@
1508
1508
  --ohw-primary-foreground: #FAFAF9;
1509
1509
  --ohw-primary-50: #EFF6FF;
1510
1510
  --ohw-background: #ffffff;
1511
- --ohw-foreground: #0c0a09;
1511
+ --ohw-foreground: #020617;
1512
1512
  --ohw-card: #ffffff;
1513
- --ohw-card-foreground: #0c0a09;
1513
+ --ohw-card-foreground: #020617;
1514
1514
  --ohw-popover: #ffffff;
1515
- --ohw-popover-foreground: #0c0a09;
1516
- --ohw-hover-primary: #1c1917;
1517
- --ohw-secondary: #f5f5f4;
1518
- --ohw-secondary-foreground: #0c0a09;
1519
- --ohw-hover-secondary: #e7e5e4;
1520
- --ohw-muted: #f5f5f4;
1521
- --ohw-muted-foreground: #78716c;
1522
- --ohw-accent: #f5f5f4;
1523
- --ohw-accent-foreground: #0c0a09;
1524
- --ohw-bg-accent-50: #f5f5f480;
1525
- --ohw-bg-muted-40: #f5f5f466;
1526
- --ohw-bg-muted-50: #f5f5f480;
1527
- --ohw-destructive: #c10007;
1528
- --ohw-destructive-foreground: #fafaf9;
1515
+ --ohw-popover-foreground: #020617;
1516
+ --ohw-hover-primary: #1e293b;
1517
+ --ohw-secondary: #f1f5f9;
1518
+ --ohw-secondary-foreground: #0f172a;
1519
+ --ohw-hover-secondary: #e2e8f0;
1520
+ --ohw-muted: #f1f5f9;
1521
+ --ohw-muted-foreground: #64748b;
1522
+ --ohw-accent: #f1f5f9;
1523
+ --ohw-accent-foreground: #0f172a;
1524
+ --ohw-bg-accent-50: #f1f5f980;
1525
+ --ohw-bg-muted-40: #f1f5f966;
1526
+ --ohw-bg-muted-50: #f1f5f980;
1527
+ --ohw-destructive: #dc2626;
1528
+ --ohw-destructive-foreground: #f8fafc;
1529
1529
  --ohw-hover-destructive: #ef4444;
1530
- --ohw-bg-destructive-10: #c100071a;
1531
- --ohw-hover-destructive-20: #c1000733;
1530
+ --ohw-bg-destructive-10: #dc26261a;
1531
+ --ohw-hover-destructive-20: #dc262633;
1532
1532
  --ohw-border-destructive-50: #fecaca;
1533
- --ohw-border: #e7e5e4;
1534
- --ohw-border-muted-40: #f5f5f466;
1535
- --ohw-input: #e7e5e4;
1536
- --ohw-ring: #0885FE;
1533
+ --ohw-border: #e2e8f0;
1534
+ --ohw-border-muted-40: #f1f5f966;
1535
+ --ohw-input: #e2e8f0;
1536
+ --ohw-ring: #64748b;
1537
1537
  --ohw-success: #16a34a;
1538
1538
  --ohw-hover-success: #15803d;
1539
- --radius: 0.5rem;
1540
1539
  }
1541
1540
  [data-ohw-visible-viewport] {
1542
1541
  position: fixed;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ohhwells/bridge",
3
- "version": "0.1.42-next.97",
3
+ "version": "0.1.43",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",