@ohhwells/bridge 0.1.48-next.113 → 0.1.49-next.114

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
@@ -46,6 +46,7 @@
46
46
  --color-foreground: var(--ohw-foreground, #0c0a09);
47
47
  --color-card-foreground: var(--ohw-card-foreground, #0c0a09);
48
48
  --color-popover: var(--ohw-popover, #ffffff);
49
+ --color-popover-foreground: var(--ohw-popover-foreground, #0c0a09);
49
50
  --color-secondary: var(--ohw-secondary, #f5f5f4);
50
51
  --color-secondary-foreground: var(--ohw-secondary-foreground, #0c0a09);
51
52
  --color-muted: var(--ohw-muted, #f5f5f4);
@@ -54,6 +55,7 @@
54
55
  --color-accent-foreground: var(--ohw-accent-foreground, #0c0a09);
55
56
  --color-destructive: var(--ohw-destructive, #c10007);
56
57
  --color-destructive-foreground: var(--ohw-destructive-foreground, #fafaf9);
58
+ --color-bg-destructive-10: var(--ohw-bg-destructive-10, #c100071a);
57
59
  --color-border: var(--ohw-border, #e7e5e4);
58
60
  --color-input: var(--ohw-input, #e7e5e4);
59
61
  --color-ring: var(--ohw-ring, #0885FE);
@@ -146,6 +148,9 @@
146
148
  .left-1\/2 {
147
149
  left: calc(1 / 2 * 100%);
148
150
  }
151
+ .left-2 {
152
+ left: calc(var(--spacing) * 2);
153
+ }
149
154
  .left-5 {
150
155
  left: calc(var(--spacing) * 5);
151
156
  }
@@ -333,6 +338,9 @@
333
338
  .w-14 {
334
339
  width: calc(var(--spacing) * 14);
335
340
  }
341
+ .w-56 {
342
+ width: calc(var(--spacing) * 56);
343
+ }
336
344
  .w-\[3px\] {
337
345
  width: 3px;
338
346
  }
@@ -370,6 +378,9 @@
370
378
  .min-w-10 {
371
379
  min-width: calc(var(--spacing) * 10);
372
380
  }
381
+ .min-w-32 {
382
+ min-width: calc(var(--spacing) * 32);
383
+ }
373
384
  .min-w-\[64px\] {
374
385
  min-width: 64px;
375
386
  }
@@ -385,6 +396,9 @@
385
396
  .grow {
386
397
  flex-grow: 1;
387
398
  }
399
+ .origin-\[var\(--radix-dropdown-menu-content-transform-origin\)\] {
400
+ transform-origin: var(--radix-dropdown-menu-content-transform-origin);
401
+ }
388
402
  .origin-\[var\(--radix-tooltip-content-transform-origin\)\] {
389
403
  transform-origin: var(--radix-tooltip-content-transform-origin);
390
404
  }
@@ -503,12 +517,18 @@
503
517
  .overflow-x-auto {
504
518
  overflow-x: auto;
505
519
  }
520
+ .rounded-\[6px\] {
521
+ border-radius: 6px;
522
+ }
506
523
  .rounded-\[10px\] {
507
524
  border-radius: 10px;
508
525
  }
509
526
  .rounded-\[calc\(var\(--radius\,0\.5rem\)-2px\)\] {
510
527
  border-radius: calc(var(--radius,0.5rem) - 2px);
511
528
  }
529
+ .rounded-\[calc\(var\(--radius\,0\.5rem\)-4px\)\] {
530
+ border-radius: calc(var(--radius,0.5rem) - 4px);
531
+ }
512
532
  .rounded-\[var\(--radius\,0\.5rem\)\] {
513
533
  border-radius: var(--radius,0.5rem);
514
534
  }
@@ -545,6 +565,10 @@
545
565
  border-style: var(--tw-border-style);
546
566
  border-width: 2px;
547
567
  }
568
+ .border-t {
569
+ border-top-style: var(--tw-border-style);
570
+ border-top-width: 1px;
571
+ }
548
572
  .border-b {
549
573
  border-bottom-style: var(--tw-border-style);
550
574
  border-bottom-width: 1px;
@@ -751,6 +775,9 @@
751
775
  .pl-4 {
752
776
  padding-left: calc(var(--spacing) * 4);
753
777
  }
778
+ .pl-8 {
779
+ padding-left: calc(var(--spacing) * 8);
780
+ }
754
781
  .text-center {
755
782
  text-align: center;
756
783
  }
@@ -883,6 +910,9 @@
883
910
  .text-muted-foreground {
884
911
  color: var(--color-muted-foreground);
885
912
  }
913
+ .text-popover-foreground {
914
+ color: var(--color-popover-foreground);
915
+ }
886
916
  .text-primary-foreground {
887
917
  color: var(--color-primary-foreground);
888
918
  }
@@ -933,6 +963,10 @@
933
963
  --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--ohw-primary));
934
964
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
935
965
  }
966
+ .shadow-\[0px_4px_6px_0px_rgba\(0\,0\,0\,0\.1\)\,0px_2px_4px_0px_rgba\(0\,0\,0\,0\.1\)\] {
967
+ --tw-shadow: 0px 4px 6px 0px var(--tw-shadow-color, rgba(0,0,0,0.1)), 0px 2px 4px 0px var(--tw-shadow-color, rgba(0,0,0,0.1));
968
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
969
+ }
936
970
  .shadow-lg {
937
971
  --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));
938
972
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1022,6 +1056,11 @@
1022
1056
  --tw-outline-style: none;
1023
1057
  outline-style: none;
1024
1058
  }
1059
+ .select-none {
1060
+ -webkit-user-select: none;
1061
+ -moz-user-select: none;
1062
+ user-select: none;
1063
+ }
1025
1064
  .placeholder\:text-muted-foreground {
1026
1065
  &::-moz-placeholder {
1027
1066
  color: var(--color-muted-foreground);
@@ -1244,6 +1283,11 @@
1244
1283
  }
1245
1284
  }
1246
1285
  }
1286
+ .focus\:bg-muted {
1287
+ &:focus {
1288
+ background-color: var(--color-muted);
1289
+ }
1290
+ }
1247
1291
  .focus\:ring-2 {
1248
1292
  &:focus {
1249
1293
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -1406,6 +1450,21 @@
1406
1450
  }
1407
1451
  }
1408
1452
  }
1453
+ .data-\[disabled\]\:pointer-events-none {
1454
+ &[data-disabled] {
1455
+ pointer-events: none;
1456
+ }
1457
+ }
1458
+ .data-\[disabled\]\:opacity-50 {
1459
+ &[data-disabled] {
1460
+ opacity: 50%;
1461
+ }
1462
+ }
1463
+ .data-\[highlighted\]\:bg-muted {
1464
+ &[data-highlighted] {
1465
+ background-color: var(--color-muted);
1466
+ }
1467
+ }
1409
1468
  .data-\[state\=off\]\:opacity-50 {
1410
1469
  &[data-state="off"] {
1411
1470
  opacity: 50%;
@@ -1441,6 +1500,39 @@
1441
1500
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1442
1501
  }
1443
1502
  }
1503
+ .data-\[variant\=destructive\]\:text-destructive {
1504
+ &[data-variant="destructive"] {
1505
+ color: var(--color-destructive);
1506
+ }
1507
+ }
1508
+ .data-\[variant\=destructive\]\:focus\:bg-bg-destructive-10 {
1509
+ &[data-variant="destructive"] {
1510
+ &:focus {
1511
+ background-color: var(--color-bg-destructive-10);
1512
+ }
1513
+ }
1514
+ }
1515
+ .data-\[variant\=destructive\]\:focus\:text-destructive {
1516
+ &[data-variant="destructive"] {
1517
+ &:focus {
1518
+ color: var(--color-destructive);
1519
+ }
1520
+ }
1521
+ }
1522
+ .data-\[variant\=destructive\]\:data-\[highlighted\]\:bg-bg-destructive-10 {
1523
+ &[data-variant="destructive"] {
1524
+ &[data-highlighted] {
1525
+ background-color: var(--color-bg-destructive-10);
1526
+ }
1527
+ }
1528
+ }
1529
+ .data-\[variant\=destructive\]\:data-\[highlighted\]\:text-destructive {
1530
+ &[data-variant="destructive"] {
1531
+ &[data-highlighted] {
1532
+ color: var(--color-destructive);
1533
+ }
1534
+ }
1535
+ }
1444
1536
  .sm\:contents {
1445
1537
  @media (width >= 40rem) {
1446
1538
  display: contents;
@@ -1501,17 +1593,56 @@
1501
1593
  pointer-events: none;
1502
1594
  }
1503
1595
  }
1596
+ .\[\&_svg\]\:size-4 {
1597
+ & svg {
1598
+ width: calc(var(--spacing) * 4);
1599
+ height: calc(var(--spacing) * 4);
1600
+ }
1601
+ }
1504
1602
  .\[\&_svg\]\:shrink-0 {
1505
1603
  & svg {
1506
1604
  flex-shrink: 0;
1507
1605
  }
1508
1606
  }
1607
+ .data-\[variant\=destructive\]\:\[\&_svg\]\:text-destructive {
1608
+ &[data-variant="destructive"] {
1609
+ & svg {
1610
+ color: var(--color-destructive);
1611
+ }
1612
+ }
1613
+ }
1509
1614
  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
1510
1615
  & svg:not([class*='size-']) {
1511
1616
  width: calc(var(--spacing) * 4);
1512
1617
  height: calc(var(--spacing) * 4);
1513
1618
  }
1514
1619
  }
1620
+ .\[\&_svg\:not\(\[class\*\=absolute\]\)\]\:relative {
1621
+ & svg:not([class*=absolute]) {
1622
+ position: relative;
1623
+ }
1624
+ }
1625
+ .\[\&\>svg\:first-child\]\:absolute {
1626
+ &>svg:first-child {
1627
+ position: absolute;
1628
+ }
1629
+ }
1630
+ .\[\&\>svg\:first-child\]\:top-1\/2 {
1631
+ &>svg:first-child {
1632
+ top: calc(1 / 2 * 100%);
1633
+ }
1634
+ }
1635
+ .\[\&\>svg\:first-child\]\:left-2 {
1636
+ &>svg:first-child {
1637
+ left: calc(var(--spacing) * 2);
1638
+ }
1639
+ }
1640
+ .\[\&\>svg\:first-child\]\:-translate-y-1\/2 {
1641
+ &>svg:first-child {
1642
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1643
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1644
+ }
1645
+ }
1515
1646
  [data-ohw-bridge-root] {
1516
1647
  --color-primary: var(--ohw-primary, #0885FE);
1517
1648
  --color-primary-foreground: var(--ohw-primary-foreground, #FAFAF9);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ohhwells/bridge",
3
- "version": "0.1.48-next.113",
3
+ "version": "0.1.49-next.114",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",