@distri/react 0.3.4 → 0.3.6

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/globals.css CHANGED
@@ -332,10 +332,12 @@ video {
332
332
  [hidden]:where(:not([hidden=until-found])) {
333
333
  display: none;
334
334
  }
335
- * {
335
+ .distri-root *,
336
+ [data-distri] * {
336
337
  border-color: hsl(var(--border));
337
338
  }
338
- body {
339
+ .distri-root,
340
+ [data-distri] {
339
341
  background-color: hsl(var(--background));
340
342
  color: hsl(var(--foreground));
341
343
  }
@@ -524,6 +526,9 @@ body {
524
526
  .mb-1 {
525
527
  margin-bottom: 0.25rem;
526
528
  }
529
+ .mb-1\.5 {
530
+ margin-bottom: 0.375rem;
531
+ }
527
532
  .mb-2 {
528
533
  margin-bottom: 0.5rem;
529
534
  }
@@ -536,6 +541,9 @@ body {
536
541
  .mb-6 {
537
542
  margin-bottom: 1.5rem;
538
543
  }
544
+ .ml-0\.5 {
545
+ margin-left: 0.125rem;
546
+ }
539
547
  .ml-1 {
540
548
  margin-left: 0.25rem;
541
549
  }
@@ -545,6 +553,9 @@ body {
545
553
  .ml-3 {
546
554
  margin-left: 0.75rem;
547
555
  }
556
+ .ml-5 {
557
+ margin-left: 1.25rem;
558
+ }
548
559
  .ml-auto {
549
560
  margin-left: auto;
550
561
  }
@@ -560,6 +571,9 @@ body {
560
571
  .mt-1 {
561
572
  margin-top: 0.25rem;
562
573
  }
574
+ .mt-1\.5 {
575
+ margin-top: 0.375rem;
576
+ }
563
577
  .mt-2 {
564
578
  margin-top: 0.5rem;
565
579
  }
@@ -581,6 +595,9 @@ body {
581
595
  .inline-block {
582
596
  display: inline-block;
583
597
  }
598
+ .inline {
599
+ display: inline;
600
+ }
584
601
  .flex {
585
602
  display: flex;
586
603
  }
@@ -684,6 +701,9 @@ body {
684
701
  .max-h-\[--radix-select-content-available-height\] {
685
702
  max-height: var(--radix-select-content-available-height);
686
703
  }
704
+ .max-h-\[200px\] {
705
+ max-height: 200px;
706
+ }
687
707
  .max-h-\[300px\] {
688
708
  max-height: 300px;
689
709
  }
@@ -783,9 +803,6 @@ body {
783
803
  .w-9 {
784
804
  width: 2.25rem;
785
805
  }
786
- .w-\[--radix-popper-anchor-width\] {
787
- width: var(--radix-popper-anchor-width);
788
- }
789
806
  .w-\[--sidebar-width-mobile\] {
790
807
  width: var(--sidebar-width-mobile);
791
808
  }
@@ -1019,6 +1036,9 @@ body {
1019
1036
  .gap-1 {
1020
1037
  gap: 0.25rem;
1021
1038
  }
1039
+ .gap-1\.5 {
1040
+ gap: 0.375rem;
1041
+ }
1022
1042
  .gap-2 {
1023
1043
  gap: 0.5rem;
1024
1044
  }
@@ -1212,6 +1232,9 @@ body {
1212
1232
  .border-destructive\/40 {
1213
1233
  border-color: hsl(var(--destructive) / 0.4);
1214
1234
  }
1235
+ .border-emerald-500\/40 {
1236
+ border-color: rgb(16 185 129 / 0.4);
1237
+ }
1215
1238
  .border-gray-200 {
1216
1239
  --tw-border-opacity: 1;
1217
1240
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
@@ -1272,9 +1295,6 @@ body {
1272
1295
  .border-t-current {
1273
1296
  border-top-color: currentColor;
1274
1297
  }
1275
- .border-t-transparent {
1276
- border-top-color: transparent;
1277
- }
1278
1298
  .bg-\[\#0d0d0d\] {
1279
1299
  --tw-bg-opacity: 1;
1280
1300
  background-color: rgb(13 13 13 / var(--tw-bg-opacity, 1));
@@ -1344,6 +1364,13 @@ body {
1344
1364
  .bg-destructive\/5 {
1345
1365
  background-color: hsl(var(--destructive) / 0.05);
1346
1366
  }
1367
+ .bg-emerald-500 {
1368
+ --tw-bg-opacity: 1;
1369
+ background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
1370
+ }
1371
+ .bg-emerald-500\/10 {
1372
+ background-color: rgb(16 185 129 / 0.1);
1373
+ }
1347
1374
  .bg-gray-100 {
1348
1375
  --tw-bg-opacity: 1;
1349
1376
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
@@ -1373,6 +1400,12 @@ body {
1373
1400
  .bg-muted-foreground {
1374
1401
  background-color: hsl(var(--muted-foreground));
1375
1402
  }
1403
+ .bg-muted-foreground\/20 {
1404
+ background-color: hsl(var(--muted-foreground) / 0.2);
1405
+ }
1406
+ .bg-muted-foreground\/40 {
1407
+ background-color: hsl(var(--muted-foreground) / 0.4);
1408
+ }
1376
1409
  .bg-muted-foreground\/50 {
1377
1410
  background-color: hsl(var(--muted-foreground) / 0.5);
1378
1411
  }
@@ -1481,6 +1514,10 @@ body {
1481
1514
  padding-left: 0.25rem;
1482
1515
  padding-right: 0.25rem;
1483
1516
  }
1517
+ .px-1\.5 {
1518
+ padding-left: 0.375rem;
1519
+ padding-right: 0.375rem;
1520
+ }
1484
1521
  .px-2 {
1485
1522
  padding-left: 0.5rem;
1486
1523
  padding-right: 0.5rem;
@@ -1602,9 +1639,8 @@ body {
1602
1639
  font-size: 1.5rem;
1603
1640
  line-height: 2rem;
1604
1641
  }
1605
- .text-3xl {
1606
- font-size: 1.875rem;
1607
- line-height: 2.25rem;
1642
+ .text-\[10px\] {
1643
+ font-size: 10px;
1608
1644
  }
1609
1645
  .text-\[11px\] {
1610
1646
  font-size: 11px;
@@ -1660,9 +1696,6 @@ body {
1660
1696
  .leading-relaxed {
1661
1697
  line-height: 1.625;
1662
1698
  }
1663
- .leading-tight {
1664
- line-height: 1.25;
1665
- }
1666
1699
  .tracking-\[0\.3em\] {
1667
1700
  letter-spacing: 0.3em;
1668
1701
  }
@@ -1712,12 +1745,19 @@ body {
1712
1745
  .text-destructive-foreground {
1713
1746
  color: hsl(var(--destructive-foreground));
1714
1747
  }
1748
+ .text-emerald-600 {
1749
+ --tw-text-opacity: 1;
1750
+ color: rgb(5 150 105 / var(--tw-text-opacity, 1));
1751
+ }
1715
1752
  .text-foreground {
1716
1753
  color: hsl(var(--foreground));
1717
1754
  }
1718
1755
  .text-foreground\/50 {
1719
1756
  color: hsl(var(--foreground) / 0.5);
1720
1757
  }
1758
+ .text-foreground\/70 {
1759
+ color: hsl(var(--foreground) / 0.7);
1760
+ }
1721
1761
  .text-gray-400 {
1722
1762
  --tw-text-opacity: 1;
1723
1763
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
@@ -1749,6 +1789,9 @@ body {
1749
1789
  .text-muted-foreground {
1750
1790
  color: hsl(var(--muted-foreground));
1751
1791
  }
1792
+ .text-muted-foreground\/60 {
1793
+ color: hsl(var(--muted-foreground) / 0.6);
1794
+ }
1752
1795
  .text-muted-foreground\/70 {
1753
1796
  color: hsl(var(--muted-foreground) / 0.7);
1754
1797
  }
@@ -1764,6 +1807,9 @@ body {
1764
1807
  .text-primary-foreground {
1765
1808
  color: hsl(var(--primary-foreground));
1766
1809
  }
1810
+ .text-primary\/70 {
1811
+ color: hsl(var(--primary) / 0.7);
1812
+ }
1767
1813
  .text-red-400 {
1768
1814
  --tw-text-opacity: 1;
1769
1815
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
@@ -1824,6 +1870,9 @@ body {
1824
1870
  .opacity-0 {
1825
1871
  opacity: 0;
1826
1872
  }
1873
+ .opacity-30 {
1874
+ opacity: 0.3;
1875
+ }
1827
1876
  .opacity-50 {
1828
1877
  opacity: 0.5;
1829
1878
  }
@@ -1914,16 +1963,31 @@ body {
1914
1963
  }
1915
1964
  .backdrop-blur {
1916
1965
  --tw-backdrop-blur: blur(8px);
1966
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1917
1967
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1918
1968
  }
1919
1969
  .backdrop-blur-sm {
1920
1970
  --tw-backdrop-blur: blur(4px);
1971
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1921
1972
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1922
1973
  }
1923
1974
  .backdrop-filter {
1975
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1924
1976
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1925
1977
  }
1926
1978
  .transition {
1979
+ transition-property:
1980
+ color,
1981
+ background-color,
1982
+ border-color,
1983
+ text-decoration-color,
1984
+ fill,
1985
+ stroke,
1986
+ opacity,
1987
+ box-shadow,
1988
+ transform,
1989
+ filter,
1990
+ -webkit-backdrop-filter;
1927
1991
  transition-property:
1928
1992
  color,
1929
1993
  background-color,
@@ -1936,6 +2000,19 @@ body {
1936
2000
  transform,
1937
2001
  filter,
1938
2002
  backdrop-filter;
2003
+ transition-property:
2004
+ color,
2005
+ background-color,
2006
+ border-color,
2007
+ text-decoration-color,
2008
+ fill,
2009
+ stroke,
2010
+ opacity,
2011
+ box-shadow,
2012
+ transform,
2013
+ filter,
2014
+ backdrop-filter,
2015
+ -webkit-backdrop-filter;
1939
2016
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1940
2017
  transition-duration: 150ms;
1941
2018
  }
@@ -2205,6 +2282,9 @@ body {
2205
2282
  --tw-text-opacity: 1;
2206
2283
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
2207
2284
  }
2285
+ .hover\:text-destructive\/80:hover {
2286
+ color: hsl(var(--destructive) / 0.8);
2287
+ }
2208
2288
  .hover\:text-foreground:hover {
2209
2289
  color: hsl(var(--foreground));
2210
2290
  }
@@ -2648,7 +2728,7 @@ body {
2648
2728
  .peer[data-variant=inset] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
2649
2729
  min-height: calc(100svh - 1rem);
2650
2730
  }
2651
- @supports (backdrop-filter: var(--tw)) {
2731
+ @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
2652
2732
  .supports-\[backdrop-filter\]\:bg-background\/60 {
2653
2733
  background-color: hsl(var(--background) / 0.6);
2654
2734
  }
@@ -2712,6 +2792,9 @@ body {
2712
2792
  }
2713
2793
  }
2714
2794
  @media (min-width: 768px) {
2795
+ .md\:col-span-2 {
2796
+ grid-column: span 2 / span 2;
2797
+ }
2715
2798
  .md\:block {
2716
2799
  display: block;
2717
2800
  }
@@ -2929,5 +3012,5 @@ body {
2929
3012
  [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
2930
3013
  cursor: e-resize;
2931
3014
  }
2932
- /*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
3015
+ /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
2933
3016
  */