@cherrystudio/file-preview 0.1.3 → 0.2.1

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
@@ -70,6 +70,7 @@
70
70
  --container-md: 28rem;
71
71
  --container-lg: 32rem;
72
72
  --container-xl: 36rem;
73
+ --container-4xl: 56rem;
73
74
  --text-xs: .75rem;
74
75
  --text-xs--line-height: calc(1 / .75);
75
76
  --text-sm: .875rem;
@@ -532,6 +533,10 @@
532
533
  min-height: calc(var(--spacing) * 11);
533
534
  }
534
535
 
536
+ :where(.file-preview-root):is(.min-h-48), :where(.file-preview-root) .min-h-48 {
537
+ min-height: calc(var(--spacing) * 48);
538
+ }
539
+
535
540
  :where(.file-preview-root):is(.min-h-full), :where(.file-preview-root) .min-h-full {
536
541
  min-height: 100%;
537
542
  }
@@ -560,6 +565,10 @@
560
565
  width: 100vw;
561
566
  }
562
567
 
568
+ :where(.file-preview-root):is(.max-w-4xl), :where(.file-preview-root) .max-w-4xl {
569
+ max-width: var(--container-4xl);
570
+ }
571
+
563
572
  :where(.file-preview-root):is(.max-w-80), :where(.file-preview-root) .max-w-80 {
564
573
  max-width: calc(var(--spacing) * 80);
565
574
  }
@@ -1002,6 +1011,10 @@
1002
1011
  background-color: #0000;
1003
1012
  }
1004
1013
 
1014
+ :where(.file-preview-root):is(.bg-white), :where(.file-preview-root) .bg-white {
1015
+ background-color: var(--cs-white);
1016
+ }
1017
+
1005
1018
  :where(.file-preview-root):is(.fill-current), :where(.file-preview-root) .fill-current {
1006
1019
  fill: currentColor;
1007
1020
  }
@@ -1180,6 +1193,10 @@
1180
1193
  overflow-wrap: break-word;
1181
1194
  }
1182
1195
 
1196
+ :where(.file-preview-root):is(.wrap-anywhere), :where(.file-preview-root) .wrap-anywhere {
1197
+ overflow-wrap: anywhere;
1198
+ }
1199
+
1183
1200
  :where(.file-preview-root):is(.whitespace-normal), :where(.file-preview-root) .whitespace-normal {
1184
1201
  white-space: normal;
1185
1202
  }
@@ -1188,6 +1205,10 @@
1188
1205
  white-space: nowrap;
1189
1206
  }
1190
1207
 
1208
+ :where(.file-preview-root):is(.text-black), :where(.file-preview-root) .text-black {
1209
+ color: var(--cs-black);
1210
+ }
1211
+
1191
1212
  :where(.file-preview-root):is(.text-card-foreground), :where(.file-preview-root) .text-card-foreground {
1192
1213
  color: var(--card-foreground);
1193
1214
  }
@@ -1656,12 +1677,17 @@
1656
1677
  opacity: 1;
1657
1678
  }
1658
1679
 
1680
+ :where(.file-preview-root):is(.focus-visible\:ring-1:focus-visible), :where(.file-preview-root) .focus-visible\:ring-1:focus-visible {
1681
+ --fp-tw-ring-shadow: var(--fp-tw-ring-inset, ) 0 0 0 calc(1px + var(--fp-tw-ring-offset-width)) var(--fp-tw-ring-color, currentcolor);
1682
+ box-shadow: var(--fp-tw-inset-shadow), var(--fp-tw-inset-ring-shadow), var(--fp-tw-ring-offset-shadow), var(--fp-tw-ring-shadow), var(--fp-tw-shadow);
1683
+ }
1684
+
1659
1685
  :where(.file-preview-root):is(.focus-visible\:ring-2:focus-visible), :where(.file-preview-root) .focus-visible\:ring-2:focus-visible {
1660
1686
  --fp-tw-ring-shadow: var(--fp-tw-ring-inset, ) 0 0 0 calc(2px + var(--fp-tw-ring-offset-width)) var(--fp-tw-ring-color, currentcolor);
1661
1687
  box-shadow: var(--fp-tw-inset-shadow), var(--fp-tw-inset-ring-shadow), var(--fp-tw-ring-offset-shadow), var(--fp-tw-ring-shadow), var(--fp-tw-shadow);
1662
1688
  }
1663
1689
 
1664
- :where(.file-preview-root):is(.focus-visible\:ring-ring\/50:focus-visible), :where(.file-preview-root) .focus-visible\:ring-ring\/50:focus-visible {
1690
+ :where(.file-preview-root):is(.focus-visible\:ring-ring:focus-visible), :where(.file-preview-root) .focus-visible\:ring-ring:focus-visible, :where(.file-preview-root):is(.focus-visible\:ring-ring\/50:focus-visible), :where(.file-preview-root) .focus-visible\:ring-ring\/50:focus-visible {
1665
1691
  --fp-tw-ring-color: var(--ring);
1666
1692
  }
1667
1693
 
@@ -1671,6 +1697,11 @@
1671
1697
  }
1672
1698
  }
1673
1699
 
1700
+ :where(.file-preview-root):is(.focus-visible\:outline-none:focus-visible), :where(.file-preview-root) .focus-visible\:outline-none:focus-visible {
1701
+ --fp-tw-outline-style: none;
1702
+ outline-style: none;
1703
+ }
1704
+
1674
1705
  :where(.file-preview-root):is(.focus-visible\:ring-inset:focus-visible), :where(.file-preview-root) .focus-visible\:ring-inset:focus-visible {
1675
1706
  --fp-tw-ring-inset: inset;
1676
1707
  }
@@ -2087,6 +2118,14 @@
2087
2118
  outline-color: var(--primary);
2088
2119
  }
2089
2120
 
2121
+ .\[\&_a\]\:underline a {
2122
+ text-decoration-line: underline;
2123
+ }
2124
+
2125
+ .\[\&_img\]\:max-w-full img {
2126
+ max-width: 100%;
2127
+ }
2128
+
2090
2129
  .\[\&_p\[data-docx-picked\=true\]\]\:bg-primary\/15 p[data-docx-picked="true"] {
2091
2130
  background-color: var(--primary);
2092
2131
  }
@@ -2134,6 +2173,10 @@
2134
2173
  height: 18px !important;
2135
2174
  }
2136
2175
 
2176
+ .\[\&_svg\]\:max-w-full svg {
2177
+ max-width: 100%;
2178
+ }
2179
+
2137
2180
  .\[\&_svg\]\:shrink-0 svg {
2138
2181
  flex-shrink: 0;
2139
2182
  }