@scalar/sidebar 0.9.31 → 0.9.32

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 +33 -24
  2. package/package.json +3 -3
package/dist/style.css CHANGED
@@ -99,8 +99,13 @@
99
99
  :root {
100
100
  --scalar-border-width: .5px;
101
101
  --scalar-radius: 3px;
102
- --scalar-radius-lg: 6px;
103
- --scalar-radius-xl: 8px;
102
+ --scalar-radius-max: 20px;
103
+ --scalar-radius-md: min(var(--scalar-radius), var(--scalar-radius-max));
104
+ --scalar-radius-lg: min(calc(var(--scalar-radius) * 2), var(--scalar-radius-max));
105
+ --scalar-radius-xl: min(calc(var(--scalar-radius) * 8 / 3), var(--scalar-radius-max));
106
+ --scalar-radius-2xl: min(calc(var(--scalar-radius) * 4), var(--scalar-radius-max));
107
+ --scalar-radius-3xl: min(calc(var(--scalar-radius) * 16 / 3), var(--scalar-radius-max));
108
+ --scalar-radius-full: calc(var(--scalar-radius) * 9999);
104
109
  --scalar-font: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
105
110
  "Noto Color Emoji";
106
111
  --scalar-font-code: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
@@ -436,7 +441,7 @@
436
441
  }
437
442
 
438
443
  :where(.scalar-app) input:where(:not([type="button"], [type="reset"], [type="submit"])), :where(.scalar-app) select, :where(.scalar-app) textarea {
439
- border-radius: var(--scalar-radius);
444
+ border-radius: var(--scalar-radius-md);
440
445
  border-width: 1px;
441
446
  }
442
447
 
@@ -472,7 +477,6 @@
472
477
  }
473
478
 
474
479
  :where(.scalar-app) :focus-visible {
475
- border-radius: var(--scalar-radius);
476
480
  outline-style: solid;
477
481
  }
478
482
 
@@ -953,7 +957,7 @@
953
957
  }
954
958
 
955
959
  .scalar-app .markdown img {
956
- border-radius: var(--scalar-radius);
960
+ border-radius: var(--scalar-radius-md);
957
961
  max-width: 100%;
958
962
  display: inline-block;
959
963
  overflow: hidden;
@@ -1013,7 +1017,7 @@
1013
1017
  .scalar-app .markdown table {
1014
1018
  table-layout: fixed;
1015
1019
  border: var(--scalar-border-width) solid var(--scalar-border-color);
1016
- border-radius: var(--scalar-radius);
1020
+ border-radius: var(--scalar-radius-md);
1017
1021
  border-spacing: 0;
1018
1022
  width: max-content;
1019
1023
  max-width: 100%;
@@ -1083,11 +1087,11 @@
1083
1087
  }
1084
1088
 
1085
1089
  .scalar-app .markdown th:first-of-type {
1086
- border-top-left-radius: var(--scalar-radius);
1090
+ border-top-left-radius: var(--scalar-radius-md);
1087
1091
  }
1088
1092
 
1089
1093
  .scalar-app .markdown th:last-of-type {
1090
- border-top-right-radius: var(--scalar-radius);
1094
+ border-top-right-radius: var(--scalar-radius-md);
1091
1095
  }
1092
1096
 
1093
1097
  .scalar-app .markdown tr > [align="left"] {
@@ -1126,13 +1130,13 @@
1126
1130
  }
1127
1131
 
1128
1132
  .scalar-app .markdown summary {
1133
+ border-radius: var(--scalar-radius);
1129
1134
  min-height: 40px;
1130
1135
  font-weight: var(--scalar-semibold);
1131
1136
  line-height: var(--markdown-line-height);
1132
1137
  cursor: pointer;
1133
1138
  -webkit-user-select: none;
1134
1139
  user-select: none;
1135
- border-radius: 2.5px;
1136
1140
  align-items: flex-start;
1137
1141
  gap: 8px;
1138
1142
  padding: 7px 14px;
@@ -1251,7 +1255,7 @@
1251
1255
  background-color: var(--scalar-background-2);
1252
1256
  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
1253
1257
  font-size: var(--scalar-micro);
1254
- border-radius: 2px;
1258
+ border-radius: var(--scalar-radius-md);
1255
1259
  padding: 0 3px;
1256
1260
  }
1257
1261
 
@@ -1325,7 +1329,7 @@
1325
1329
  }
1326
1330
 
1327
1331
  .scalar-app .markdown .markdown-alert {
1328
- border-radius: var(--scalar-radius);
1332
+ border-radius: var(--scalar-radius-md);
1329
1333
  background-color: var(--scalar-background-2);
1330
1334
  align-items: stretch;
1331
1335
  }
@@ -1687,7 +1691,7 @@
1687
1691
  :where(body) > .scalar-tooltip:before {
1688
1692
  content: "";
1689
1693
  z-index: calc(1 * -1);
1690
- border-radius: var(--scalar-radius);
1694
+ border-radius: var(--scalar-radius-md);
1691
1695
  background-color: var(--scalar-tooltip-background);
1692
1696
  --tw-backdrop-blur: blur(8px);
1693
1697
  -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, );
@@ -1850,21 +1854,21 @@
1850
1854
  display: none;
1851
1855
  }
1852
1856
 
1853
- .scalar-virtual-text[data-v-b50a85e1]:focus {
1857
+ .scalar-virtual-text[data-v-77b9d685]:focus {
1854
1858
  outline: none;
1855
1859
  }
1856
1860
 
1857
- .scalar-virtual-text-highlight[data-v-b50a85e1] {
1861
+ .scalar-virtual-text-highlight[data-v-77b9d685] {
1858
1862
  background: var(--scalar-background-accent);
1859
1863
  color: inherit;
1860
- border-radius: 2px;
1864
+ border-radius: var(--scalar-radius);
1861
1865
  padding: 1px 0;
1862
1866
  }
1863
1867
 
1864
- .scalar-virtual-text-highlight-active[data-v-b50a85e1] {
1868
+ .scalar-virtual-text-highlight-active[data-v-77b9d685] {
1865
1869
  background: var(--scalar-color-accent);
1866
1870
  color: var(--scalar-background-1);
1867
- border-radius: 2px;
1871
+ border-radius: var(--scalar-radius);
1868
1872
  }
1869
1873
 
1870
1874
  .scalar-app .pointer-events-none {
@@ -2867,7 +2871,7 @@
2867
2871
  }
2868
2872
 
2869
2873
  .scalar-app .rounded {
2870
- border-radius: var(--scalar-radius);
2874
+ border-radius: var(--scalar-radius-md);
2871
2875
  }
2872
2876
 
2873
2877
  .scalar-app .rounded-\[inherit\] {
@@ -2875,7 +2879,7 @@
2875
2879
  }
2876
2880
 
2877
2881
  .scalar-app .rounded-full {
2878
- border-radius: 9999px;
2882
+ border-radius: var(--scalar-radius-full);
2879
2883
  }
2880
2884
 
2881
2885
  .scalar-app .rounded-lg {
@@ -2883,7 +2887,7 @@
2883
2887
  }
2884
2888
 
2885
2889
  .scalar-app .rounded-md {
2886
- border-radius: var(--scalar-radius);
2890
+ border-radius: var(--scalar-radius-md);
2887
2891
  }
2888
2892
 
2889
2893
  .scalar-app .rounded-none {
@@ -2895,8 +2899,8 @@
2895
2899
  }
2896
2900
 
2897
2901
  .scalar-app .rounded-b {
2898
- border-bottom-right-radius: var(--scalar-radius);
2899
- border-bottom-left-radius: var(--scalar-radius);
2902
+ border-bottom-right-radius: var(--scalar-radius-md);
2903
+ border-bottom-left-radius: var(--scalar-radius-md);
2900
2904
  }
2901
2905
 
2902
2906
  .scalar-app .border {
@@ -3554,6 +3558,11 @@
3554
3558
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3555
3559
  }
3556
3560
 
3561
+ .scalar-app .ring {
3562
+ --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3563
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3564
+ }
3565
+
3557
3566
  .scalar-app .outline {
3558
3567
  outline-style: var(--tw-outline-style);
3559
3568
  outline-width: 1px;
@@ -3733,7 +3742,7 @@
3733
3742
  }
3734
3743
 
3735
3744
  :is(.scalar-app .\*\:rounded > *) {
3736
- border-radius: var(--scalar-radius);
3745
+ border-radius: var(--scalar-radius-md);
3737
3746
  }
3738
3747
 
3739
3748
  :is(.scalar-app .\*\:border > *) {
@@ -3881,7 +3890,7 @@
3881
3890
 
3882
3891
  .scalar-app .after\:rounded:after {
3883
3892
  content: var(--tw-content);
3884
- border-radius: var(--scalar-radius);
3893
+ border-radius: var(--scalar-radius-md);
3885
3894
  }
3886
3895
 
3887
3896
  .scalar-app .after\:bg-blue:after {
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.31",
13
+ "version": "0.9.32",
14
14
  "engines": {
15
15
  "node": ">=22"
16
16
  },
@@ -33,10 +33,10 @@
33
33
  ],
34
34
  "dependencies": {
35
35
  "vue": "^3.5.30",
36
- "@scalar/components": "0.27.7",
37
36
  "@scalar/helpers": "0.9.1",
37
+ "@scalar/components": "0.27.8",
38
38
  "@scalar/icons": "0.7.4",
39
- "@scalar/themes": "0.16.3",
39
+ "@scalar/themes": "0.17.0",
40
40
  "@scalar/use-hooks": "0.4.8",
41
41
  "@scalar/workspace-store": "0.55.5"
42
42
  },