@scalar/sidebar 0.9.22 → 0.9.24

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 (2) hide show
  1. package/dist/style.css +49 -4
  2. package/package.json +5 -5
package/dist/style.css CHANGED
@@ -440,7 +440,12 @@
440
440
  border-width: 1px;
441
441
  }
442
442
 
443
- :where(.scalar-app) input::placeholder {
443
+ :where(.scalar-app) input::placeholder, :where(.scalar-app) text-area::placeholder {
444
+ color: var(--scalar-color-3);
445
+ font-family: var(--scalar-font);
446
+ }
447
+
448
+ :where(.scalar-app) ::-webkit-input-placeholder {
444
449
  color: var(--scalar-color-3);
445
450
  font-family: var(--scalar-font);
446
451
  }
@@ -887,7 +892,7 @@
887
892
  color: var(--scalar-color-1);
888
893
  }
889
894
 
890
- .hljs.language-objectivec .hljs-built_in, .hljs-built_in {
895
+ .hljs.language-objectivec .hljs-built_in {
891
896
  color: var(--scalar-color-orange);
892
897
  }
893
898
 
@@ -1648,7 +1653,7 @@
1648
1653
 
1649
1654
  :where(body) > .scalar-tooltip {
1650
1655
  --scalar-tooltip-padding: 8px;
1651
- padding: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
1656
+ padding: var(--scalar-tooltip-padding);
1652
1657
  z-index: 99999;
1653
1658
  max-width: 320px;
1654
1659
  font-size: var(--scalar-font-size-5);
@@ -1659,9 +1664,24 @@
1659
1664
  color: var(--scalar-tooltip-color);
1660
1665
  }
1661
1666
 
1667
+ :where(body) > .scalar-tooltip[data-side="top"] {
1668
+ padding-bottom: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
1669
+ }
1670
+
1671
+ :where(body) > .scalar-tooltip[data-side="bottom"] {
1672
+ padding-top: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
1673
+ }
1674
+
1675
+ :where(body) > .scalar-tooltip[data-side="left"] {
1676
+ padding-right: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
1677
+ }
1678
+
1679
+ :where(body) > .scalar-tooltip[data-side="right"] {
1680
+ padding-left: calc(var(--scalar-tooltip-padding) + var(--scalar-tooltip-offset));
1681
+ }
1682
+
1662
1683
  :where(body) > .scalar-tooltip:before {
1663
1684
  content: "";
1664
- inset: var(--scalar-tooltip-offset);
1665
1685
  z-index: calc(1 * -1);
1666
1686
  border-radius: var(--scalar-radius);
1667
1687
  background-color: var(--scalar-tooltip-background);
@@ -1669,6 +1689,23 @@
1669
1689
  -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, );
1670
1690
  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, );
1671
1691
  position: absolute;
1692
+ inset: 0;
1693
+ }
1694
+
1695
+ :where(body) > .scalar-tooltip[data-side="top"]:before {
1696
+ bottom: var(--scalar-tooltip-offset);
1697
+ }
1698
+
1699
+ :where(body) > .scalar-tooltip[data-side="bottom"]:before {
1700
+ top: var(--scalar-tooltip-offset);
1701
+ }
1702
+
1703
+ :where(body) > .scalar-tooltip[data-side="left"]:before {
1704
+ right: var(--scalar-tooltip-offset);
1705
+ }
1706
+
1707
+ :where(body) > .scalar-tooltip[data-side="right"]:before {
1708
+ left: var(--scalar-tooltip-offset);
1672
1709
  }
1673
1710
 
1674
1711
  :where(body.dark-mode) > .scalar-tooltip:before {
@@ -1903,10 +1940,18 @@
1903
1940
  inset-block: 2px;
1904
1941
  }
1905
1942
 
1943
+ .scalar-app .-start {
1944
+ inset-inline-start: -4px;
1945
+ }
1946
+
1906
1947
  .scalar-app .start {
1907
1948
  inset-inline-start: 4px;
1908
1949
  }
1909
1950
 
1951
+ .scalar-app .-end {
1952
+ inset-inline-end: -4px;
1953
+ }
1954
+
1910
1955
  .scalar-app .end {
1911
1956
  inset-inline-end: 4px;
1912
1957
  }
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "url": "git+https://github.com/scalar/scalar.git",
11
11
  "directory": "packages/sidebar"
12
12
  },
13
- "version": "0.9.22",
13
+ "version": "0.9.24",
14
14
  "engines": {
15
15
  "node": ">=22"
16
16
  },
@@ -33,12 +33,12 @@
33
33
  ],
34
34
  "dependencies": {
35
35
  "vue": "^3.5.30",
36
- "@scalar/components": "0.27.1",
37
36
  "@scalar/helpers": "0.8.2",
38
- "@scalar/use-hooks": "0.4.6",
39
37
  "@scalar/icons": "0.7.3",
40
- "@scalar/themes": "0.16.0",
41
- "@scalar/workspace-store": "0.54.3"
38
+ "@scalar/themes": "0.16.1",
39
+ "@scalar/components": "0.27.3",
40
+ "@scalar/use-hooks": "0.4.7",
41
+ "@scalar/workspace-store": "0.54.5"
42
42
  },
43
43
  "devDependencies": {
44
44
  "@tailwindcss/cli": "^4.2.4",