@upstash/react-redis-browser 0.1.11-canary → 0.1.11

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/index.css CHANGED
@@ -371,6 +371,9 @@
371
371
  white-space: nowrap;
372
372
  border-width: 0;
373
373
  }
374
+ .ups-db .pointer-events-none {
375
+ pointer-events: none;
376
+ }
374
377
  .ups-db .pointer-events-auto {
375
378
  pointer-events: auto;
376
379
  }
@@ -445,9 +448,6 @@
445
448
  margin-top: 0.25rem;
446
449
  margin-bottom: 0.25rem;
447
450
  }
448
- .ups-db .mb-2 {
449
- margin-bottom: 0.5rem;
450
- }
451
451
  .ups-db .mb-3 {
452
452
  margin-bottom: 0.75rem;
453
453
  }
@@ -460,9 +460,6 @@
460
460
  .ups-db .ml-auto {
461
461
  margin-left: auto;
462
462
  }
463
- .ups-db .mr-1 {
464
- margin-right: 0.25rem;
465
- }
466
463
  .ups-db .mt-0\.5 {
467
464
  margin-top: 0.125rem;
468
465
  }
@@ -513,9 +510,6 @@
513
510
  .ups-db .h-10 {
514
511
  height: 2.5rem;
515
512
  }
516
- .ups-db .h-2 {
517
- height: 0.5rem;
518
- }
519
513
  .ups-db .h-3 {
520
514
  height: 0.75rem;
521
515
  }
@@ -537,9 +531,6 @@
537
531
  .ups-db .h-8 {
538
532
  height: 2rem;
539
533
  }
540
- .ups-db .h-9 {
541
- height: 2.25rem;
542
- }
543
534
  .ups-db .h-\[100px\] {
544
535
  height: 100px;
545
536
  }
@@ -552,9 +543,6 @@
552
543
  .ups-db .h-px {
553
544
  height: 1px;
554
545
  }
555
- .ups-db .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
556
- max-height: var(--radix-dropdown-menu-content-available-height);
557
- }
558
546
  .ups-db .max-h-screen {
559
547
  max-height: 100vh;
560
548
  }
@@ -606,9 +594,6 @@
606
594
  .ups-db .w-8 {
607
595
  width: 2rem;
608
596
  }
609
- .ups-db .w-\[--radix-popover-trigger-width\] {
610
- width: var(--radix-popover-trigger-width);
611
- }
612
597
  .ups-db .w-\[300px\] {
613
598
  width: 300px;
614
599
  }
@@ -636,9 +621,6 @@
636
621
  .ups-db .max-w-0 {
637
622
  max-width: 0px;
638
623
  }
639
- .ups-db .max-w-32 {
640
- max-width: 8rem;
641
- }
642
624
  .ups-db .max-w-\[400px\] {
643
625
  max-width: 400px;
644
626
  }
@@ -648,9 +630,6 @@
648
630
  .ups-db .flex-1 {
649
631
  flex: 1 1 0%;
650
632
  }
651
- .ups-db .flex-shrink-0 {
652
- flex-shrink: 0;
653
- }
654
633
  .ups-db .shrink-0 {
655
634
  flex-shrink: 0;
656
635
  }
@@ -660,9 +639,6 @@
660
639
  .ups-db .caption-bottom {
661
640
  caption-side: bottom;
662
641
  }
663
- .ups-db .origin-\[--radix-dropdown-menu-content-transform-origin\] {
664
- transform-origin: var(--radix-dropdown-menu-content-transform-origin);
665
- }
666
642
  .ups-db .-translate-y-1\/2 {
667
643
  --tw-translate-y: -50%;
668
644
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -675,10 +651,6 @@
675
651
  --tw-translate-y: -50%;
676
652
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
677
653
  }
678
- .ups-db .translate-y-\[1px\] {
679
- --tw-translate-y: 1px;
680
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
681
- }
682
654
  @keyframes pulse {
683
655
  50% {
684
656
  opacity: .5;
@@ -776,26 +748,12 @@
776
748
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
777
749
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
778
750
  }
779
- .ups-db .divide-y > :not([hidden]) ~ :not([hidden]) {
780
- --tw-divide-y-reverse: 0;
781
- border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
782
- border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
783
- }
784
751
  .ups-db .overflow-auto {
785
752
  overflow: auto;
786
753
  }
787
754
  .ups-db .overflow-hidden {
788
755
  overflow: hidden;
789
756
  }
790
- .ups-db .overflow-visible {
791
- overflow: visible;
792
- }
793
- .ups-db .overflow-y-auto {
794
- overflow-y: auto;
795
- }
796
- .ups-db .overflow-x-hidden {
797
- overflow-x: hidden;
798
- }
799
757
  .ups-db .truncate {
800
758
  overflow: hidden;
801
759
  text-overflow: ellipsis;
@@ -825,6 +783,9 @@
825
783
  .ups-db .rounded-sm {
826
784
  border-radius: 0.125rem;
827
785
  }
786
+ .ups-db .rounded-xl {
787
+ border-radius: 0.75rem;
788
+ }
828
789
  .ups-db .rounded-l-none {
829
790
  border-top-left-radius: 0px;
830
791
  border-bottom-left-radius: 0px;
@@ -833,10 +794,6 @@
833
794
  border-top-right-radius: 0px;
834
795
  border-bottom-right-radius: 0px;
835
796
  }
836
- .ups-db .rounded-t-lg {
837
- border-top-left-radius: 0.5rem;
838
- border-top-right-radius: 0.5rem;
839
- }
840
797
  .ups-db .border {
841
798
  border-width: 1px;
842
799
  }
@@ -846,9 +803,6 @@
846
803
  .ups-db .border-l-0 {
847
804
  border-left-width: 0px;
848
805
  }
849
- .ups-db .border-r {
850
- border-right-width: 1px;
851
- }
852
806
  .ups-db .border-r-0 {
853
807
  border-right-width: 0px;
854
808
  }
@@ -905,10 +859,6 @@
905
859
  --tw-border-opacity: 1;
906
860
  border-color: rgb(212 212 216 / var(--tw-border-opacity));
907
861
  }
908
- .ups-db .border-b-white {
909
- --tw-border-opacity: 1;
910
- border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
911
- }
912
862
  .ups-db .border-b-zinc-100 {
913
863
  --tw-border-opacity: 1;
914
864
  border-bottom-color: rgb(244 244 245 / var(--tw-border-opacity));
@@ -1024,6 +974,9 @@
1024
974
  .ups-db .p-2 {
1025
975
  padding: 0.5rem;
1026
976
  }
977
+ .ups-db .p-3 {
978
+ padding: 0.75rem;
979
+ }
1027
980
  .ups-db .p-4 {
1028
981
  padding: 1rem;
1029
982
  }
@@ -1070,10 +1023,6 @@
1070
1023
  padding-top: 1.5rem;
1071
1024
  padding-bottom: 1.5rem;
1072
1025
  }
1073
- .ups-db .py-\[3px\] {
1074
- padding-top: 3px;
1075
- padding-bottom: 3px;
1076
- }
1077
1026
  .ups-db .pl-0 {
1078
1027
  padding-left: 0px;
1079
1028
  }
@@ -1113,9 +1062,6 @@
1113
1062
  .ups-db .align-middle {
1114
1063
  vertical-align: middle;
1115
1064
  }
1116
- .ups-db .text-\[13px\] {
1117
- font-size: 13px;
1118
- }
1119
1065
  .ups-db .text-base {
1120
1066
  font-size: 1rem;
1121
1067
  line-height: 1.5rem;
@@ -1275,10 +1221,6 @@
1275
1221
  --tw-text-opacity: 1;
1276
1222
  color: rgb(63 63 70 / var(--tw-text-opacity));
1277
1223
  }
1278
- .ups-db .text-zinc-900 {
1279
- --tw-text-opacity: 1;
1280
- color: rgb(24 24 27 / var(--tw-text-opacity));
1281
- }
1282
1224
  .ups-db .text-zinc-950 {
1283
1225
  --tw-text-opacity: 1;
1284
1226
  color: rgb(9 9 11 / var(--tw-text-opacity));
@@ -1293,6 +1235,9 @@
1293
1235
  .ups-db .opacity-0 {
1294
1236
  opacity: 0;
1295
1237
  }
1238
+ .ups-db .opacity-20 {
1239
+ opacity: 0.2;
1240
+ }
1296
1241
  .ups-db .opacity-50 {
1297
1242
  opacity: 0.5;
1298
1243
  }
@@ -1336,29 +1281,9 @@
1336
1281
  .ups-db .outline {
1337
1282
  outline-style: solid;
1338
1283
  }
1339
- .ups-db .\!ring-0 {
1340
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1341
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
1342
- box-shadow:
1343
- var(--tw-ring-offset-shadow),
1344
- var(--tw-ring-shadow),
1345
- var(--tw-shadow, 0 0 #0000) !important;
1346
- }
1347
- .ups-db .ring {
1348
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1349
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1350
- box-shadow:
1351
- var(--tw-ring-offset-shadow),
1352
- var(--tw-ring-shadow),
1353
- var(--tw-shadow, 0 0 #0000);
1354
- }
1355
1284
  .ups-db .ring-offset-white {
1356
1285
  --tw-ring-offset-color: #fff;
1357
1286
  }
1358
- .ups-db .blur {
1359
- --tw-blur: blur(8px);
1360
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1361
- }
1362
1287
  .ups-db .filter {
1363
1288
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
1364
1289
  }
@@ -1469,9 +1394,8 @@
1469
1394
  .ups-db .hover\:bg-zinc-100\/50:hover {
1470
1395
  background-color: rgb(244 244 245 / 0.5);
1471
1396
  }
1472
- .ups-db .hover\:bg-zinc-50:hover {
1473
- --tw-bg-opacity: 1;
1474
- background-color: rgb(250 250 250 / var(--tw-bg-opacity));
1397
+ .ups-db .hover\:bg-zinc-300\/20:hover {
1398
+ background-color: rgb(212 212 216 / 0.2);
1475
1399
  }
1476
1400
  .ups-db .hover\:text-gray-900:hover {
1477
1401
  --tw-text-opacity: 1;
@@ -1481,10 +1405,6 @@
1481
1405
  --tw-text-opacity: 1;
1482
1406
  color: rgb(10 10 10 / var(--tw-text-opacity));
1483
1407
  }
1484
- .ups-db .hover\:text-zinc-500:hover {
1485
- --tw-text-opacity: 1;
1486
- color: rgb(113 113 122 / var(--tw-text-opacity));
1487
- }
1488
1408
  .ups-db .hover\:text-zinc-900:hover {
1489
1409
  --tw-text-opacity: 1;
1490
1410
  color: rgb(24 24 27 / var(--tw-text-opacity));
@@ -1499,6 +1419,10 @@
1499
1419
  --tw-bg-opacity: 1;
1500
1420
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
1501
1421
  }
1422
+ .ups-db .focus\:bg-zinc-100:focus {
1423
+ --tw-bg-opacity: 1;
1424
+ background-color: rgb(244 244 245 / var(--tw-bg-opacity));
1425
+ }
1502
1426
  .ups-db .focus\:text-neutral-900:focus {
1503
1427
  --tw-text-opacity: 1;
1504
1428
  color: rgb(23 23 23 / var(--tw-text-opacity));
@@ -1533,25 +1457,21 @@
1533
1457
  .ups-db .focus\:ring-offset-2:focus {
1534
1458
  --tw-ring-offset-width: 2px;
1535
1459
  }
1536
- .ups-db .focus-visible\:bg-zinc-50:focus-visible {
1537
- --tw-bg-opacity: 1;
1538
- background-color: rgb(250 250 250 / var(--tw-bg-opacity));
1539
- }
1540
1460
  .ups-db .focus-visible\:outline-none:focus-visible {
1541
1461
  outline: 2px solid transparent;
1542
1462
  outline-offset: 2px;
1543
1463
  }
1544
- .ups-db .focus-visible\:ring-0:focus-visible {
1464
+ .ups-db .focus-visible\:ring-1:focus-visible {
1545
1465
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1546
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1466
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1547
1467
  box-shadow:
1548
1468
  var(--tw-ring-offset-shadow),
1549
1469
  var(--tw-ring-shadow),
1550
1470
  var(--tw-shadow, 0 0 #0000);
1551
1471
  }
1552
- .ups-db .focus-visible\:ring-1:focus-visible {
1472
+ .ups-db .focus-visible\:ring-2:focus-visible {
1553
1473
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1554
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1474
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1555
1475
  box-shadow:
1556
1476
  var(--tw-ring-offset-shadow),
1557
1477
  var(--tw-ring-shadow),
@@ -1576,10 +1496,6 @@
1576
1496
  .ups-db .group\/editor:hover .group-hover\/editor\:flex {
1577
1497
  display: flex;
1578
1498
  }
1579
- .ups-db .group:hover .group-hover\:border-zinc-300 {
1580
- --tw-border-opacity: 1;
1581
- border-color: rgb(212 212 216 / var(--tw-border-opacity));
1582
- }
1583
1499
  .ups-db .group:hover .group-hover\:opacity-100 {
1584
1500
  opacity: 1;
1585
1501
  }
@@ -1873,6 +1789,10 @@
1873
1789
  --tw-bg-opacity: 1;
1874
1790
  background-color: rgb(38 38 38 / var(--tw-bg-opacity));
1875
1791
  }
1792
+ .ups-db .dark\:focus\:bg-zinc-800:focus:is(.dark *) {
1793
+ --tw-bg-opacity: 1;
1794
+ background-color: rgb(39 39 42 / var(--tw-bg-opacity));
1795
+ }
1876
1796
  .ups-db .dark\:focus\:text-neutral-50:focus:is(.dark *) {
1877
1797
  --tw-text-opacity: 1;
1878
1798
  color: rgb(250 250 250 / var(--tw-text-opacity));
@@ -1984,16 +1904,6 @@
1984
1904
  .ups-db .\[\&\>svg\]\:shrink-0 > svg {
1985
1905
  flex-shrink: 0;
1986
1906
  }
1987
- .ups-db .\[\&_svg\]\:pointer-events-none svg {
1988
- pointer-events: none;
1989
- }
1990
- .ups-db .\[\&_svg\]\:size-4 svg {
1991
- width: 1rem;
1992
- height: 1rem;
1993
- }
1994
- .ups-db .\[\&_svg\]\:shrink-0 svg {
1995
- flex-shrink: 0;
1996
- }
1997
1907
  .ups-db .\[\&_tr\:last-child\]\:border-0 tr:last-child {
1998
1908
  border-width: 0px;
1999
1909
  }