@distri/react 0.3.4 → 0.3.5

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.
Files changed (7) hide show
  1. package/dist/globals.css +34 -20
  2. package/dist/index.cjs +24835 -5969
  3. package/dist/index.d.cts +10 -15
  4. package/dist/index.d.ts +10 -15
  5. package/dist/index.js +24837 -5970
  6. package/package.json +2 -2
  7. package/dist/index.css +0 -2933
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
  }
@@ -554,9 +556,6 @@ body {
554
556
  .mr-2 {
555
557
  margin-right: 0.5rem;
556
558
  }
557
- .mt-0\.5 {
558
- margin-top: 0.125rem;
559
- }
560
559
  .mt-1 {
561
560
  margin-top: 0.25rem;
562
561
  }
@@ -783,9 +782,6 @@ body {
783
782
  .w-9 {
784
783
  width: 2.25rem;
785
784
  }
786
- .w-\[--radix-popper-anchor-width\] {
787
- width: var(--radix-popper-anchor-width);
788
- }
789
785
  .w-\[--sidebar-width-mobile\] {
790
786
  width: var(--sidebar-width-mobile);
791
787
  }
@@ -1272,9 +1268,6 @@ body {
1272
1268
  .border-t-current {
1273
1269
  border-top-color: currentColor;
1274
1270
  }
1275
- .border-t-transparent {
1276
- border-top-color: transparent;
1277
- }
1278
1271
  .bg-\[\#0d0d0d\] {
1279
1272
  --tw-bg-opacity: 1;
1280
1273
  background-color: rgb(13 13 13 / var(--tw-bg-opacity, 1));
@@ -1602,10 +1595,6 @@ body {
1602
1595
  font-size: 1.5rem;
1603
1596
  line-height: 2rem;
1604
1597
  }
1605
- .text-3xl {
1606
- font-size: 1.875rem;
1607
- line-height: 2.25rem;
1608
- }
1609
1598
  .text-\[11px\] {
1610
1599
  font-size: 11px;
1611
1600
  }
@@ -1660,9 +1649,6 @@ body {
1660
1649
  .leading-relaxed {
1661
1650
  line-height: 1.625;
1662
1651
  }
1663
- .leading-tight {
1664
- line-height: 1.25;
1665
- }
1666
1652
  .tracking-\[0\.3em\] {
1667
1653
  letter-spacing: 0.3em;
1668
1654
  }
@@ -1914,16 +1900,31 @@ body {
1914
1900
  }
1915
1901
  .backdrop-blur {
1916
1902
  --tw-backdrop-blur: blur(8px);
1903
+ -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
1904
  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
1905
  }
1919
1906
  .backdrop-blur-sm {
1920
1907
  --tw-backdrop-blur: blur(4px);
1908
+ -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
1909
  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
1910
  }
1923
1911
  .backdrop-filter {
1912
+ -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
1913
  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
1914
  }
1926
1915
  .transition {
1916
+ transition-property:
1917
+ color,
1918
+ background-color,
1919
+ border-color,
1920
+ text-decoration-color,
1921
+ fill,
1922
+ stroke,
1923
+ opacity,
1924
+ box-shadow,
1925
+ transform,
1926
+ filter,
1927
+ -webkit-backdrop-filter;
1927
1928
  transition-property:
1928
1929
  color,
1929
1930
  background-color,
@@ -1936,6 +1937,19 @@ body {
1936
1937
  transform,
1937
1938
  filter,
1938
1939
  backdrop-filter;
1940
+ transition-property:
1941
+ color,
1942
+ background-color,
1943
+ border-color,
1944
+ text-decoration-color,
1945
+ fill,
1946
+ stroke,
1947
+ opacity,
1948
+ box-shadow,
1949
+ transform,
1950
+ filter,
1951
+ backdrop-filter,
1952
+ -webkit-backdrop-filter;
1939
1953
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1940
1954
  transition-duration: 150ms;
1941
1955
  }
@@ -2648,7 +2662,7 @@ body {
2648
2662
  .peer[data-variant=inset] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] {
2649
2663
  min-height: calc(100svh - 1rem);
2650
2664
  }
2651
- @supports (backdrop-filter: var(--tw)) {
2665
+ @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
2652
2666
  .supports-\[backdrop-filter\]\:bg-background\/60 {
2653
2667
  background-color: hsl(var(--background) / 0.6);
2654
2668
  }
@@ -2929,5 +2943,5 @@ body {
2929
2943
  [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize {
2930
2944
  cursor: e-resize;
2931
2945
  }
2932
- /*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
2946
+ /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
2933
2947
  */