@proveanything/smartlinks-utils-ui 0.10.0 → 0.10.3

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
@@ -1632,6 +1632,61 @@
1632
1632
  min-height: 0;
1633
1633
  overflow-y: auto;
1634
1634
  }
1635
+ .ra-shell .ra-sibling-context {
1636
+ display: flex;
1637
+ align-items: center;
1638
+ gap: 0.4rem;
1639
+ padding: 0.55rem 0.65rem;
1640
+ border-bottom: 1px solid hsl(var(--ra-border));
1641
+ background: hsl(var(--ra-surface));
1642
+ min-width: 0;
1643
+ }
1644
+ .ra-shell .ra-sibling-context-back {
1645
+ display: inline-flex;
1646
+ align-items: center;
1647
+ justify-content: center;
1648
+ width: 1.6rem;
1649
+ height: 1.6rem;
1650
+ border-radius: 0.35rem;
1651
+ border: 0;
1652
+ background: transparent;
1653
+ color: hsl(var(--ra-muted-text));
1654
+ cursor: pointer;
1655
+ flex-shrink: 0;
1656
+ transition: background .12s ease, color .12s ease;
1657
+ }
1658
+ .ra-shell .ra-sibling-context-back:hover {
1659
+ background: hsl(var(--ra-muted));
1660
+ color: hsl(var(--ra-text));
1661
+ }
1662
+ .ra-shell .ra-sibling-context-back:focus-visible {
1663
+ outline: none;
1664
+ box-shadow: 0 0 0 2px var(--ra-focus-ring);
1665
+ }
1666
+ .ra-shell .ra-sibling-context-label {
1667
+ display: flex;
1668
+ align-items: baseline;
1669
+ gap: 0.35rem;
1670
+ min-width: 0;
1671
+ font-size: 0.72rem;
1672
+ line-height: 1.2;
1673
+ }
1674
+ .ra-shell .ra-sibling-context-kind {
1675
+ font-weight: 600;
1676
+ color: hsl(var(--ra-text));
1677
+ flex-shrink: 0;
1678
+ }
1679
+ .ra-shell .ra-sibling-context-sep {
1680
+ color: hsl(var(--ra-muted-text));
1681
+ flex-shrink: 0;
1682
+ }
1683
+ .ra-shell .ra-sibling-context-summary {
1684
+ color: hsl(var(--ra-muted-text));
1685
+ white-space: nowrap;
1686
+ overflow: hidden;
1687
+ text-overflow: ellipsis;
1688
+ min-width: 0;
1689
+ }
1635
1690
  .ra-shell .ra-sibling-list {
1636
1691
  list-style: none;
1637
1692
  margin: 0;
@@ -1785,10 +1840,12 @@
1785
1840
  white-space: nowrap;
1786
1841
  border: 0;
1787
1842
  }
1788
- .ra-shell .ra-preview-reopen {
1843
+ .ra-shell .ra-preview-reopen,
1844
+ .ra-shell.ra-preview-reopen,
1845
+ .ra-preview-reopen--floating {
1789
1846
  position: absolute;
1790
1847
  top: 50%;
1791
- right: -1.25rem;
1848
+ right: 0;
1792
1849
  transform: translateY(-50%);
1793
1850
  z-index: 4;
1794
1851
  display: inline-flex;
@@ -1806,7 +1863,6 @@
1806
1863
  transform .14s ease,
1807
1864
  box-shadow .14s ease,
1808
1865
  background .12s ease,
1809
- right .14s ease,
1810
1866
  filter .12s ease;
1811
1867
  writing-mode: vertical-rl;
1812
1868
  font-size: 0.7rem;
@@ -1814,17 +1870,26 @@
1814
1870
  letter-spacing: 0.06em;
1815
1871
  text-transform: uppercase;
1816
1872
  }
1873
+ .ra-shell.ra-preview-reopen--floating,
1874
+ .ra-preview-reopen--floating {
1875
+ z-index: 50;
1876
+ pointer-events: auto;
1877
+ }
1817
1878
  .ra-shell .ra-preview-reopen:hover {
1818
- right: -1.4rem;
1819
- transform: translateY(-50%);
1820
1879
  filter: brightness(0.95);
1821
1880
  box-shadow: 0 2px 4px hsl(0 0% 0% / 0.10), 0 12px 24px -8px hsl(var(--ra-accent) / 0.65);
1822
1881
  }
1823
- .ra-shell .ra-preview-reopen:focus-visible {
1882
+ .ra-preview-reopen--floating:hover {
1883
+ filter: brightness(0.95);
1884
+ box-shadow: 0 2px 4px hsl(0 0% 0% / 0.10), 0 12px 24px -8px hsl(var(--ra-accent) / 0.65);
1885
+ }
1886
+ .ra-shell .ra-preview-reopen:focus-visible,
1887
+ .ra-preview-reopen--floating:focus-visible {
1824
1888
  outline: none;
1825
1889
  box-shadow: 0 0 0 3px var(--ra-focus-ring), 0 8px 18px -8px hsl(var(--ra-accent) / 0.55);
1826
1890
  }
1827
- .ra-shell .ra-preview-reopen svg {
1891
+ .ra-shell .ra-preview-reopen svg,
1892
+ .ra-preview-reopen--floating svg {
1828
1893
  width: 0.85rem;
1829
1894
  height: 0.85rem;
1830
1895
  writing-mode: horizontal-tb;