@scalar/sidebar 0.9.1 → 0.9.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.
Files changed (2) hide show
  1. package/dist/style.css +46 -13
  2. package/package.json +6 -6
package/dist/style.css CHANGED
@@ -3019,10 +3019,6 @@
3019
3019
  cursor: auto;
3020
3020
  }
3021
3021
 
3022
- .scalar-app .cursor-default {
3023
- cursor: default;
3024
- }
3025
-
3026
3022
  .scalar-app .cursor-not-allowed {
3027
3023
  cursor: not-allowed;
3028
3024
  }
@@ -3298,6 +3294,10 @@
3298
3294
  border-color: var(--scalar-background-3);
3299
3295
  }
3300
3296
 
3297
+ .scalar-app .border-border-header {
3298
+ border-color: var(--scalar-header-border-color, var(--scalar-border-color));
3299
+ }
3300
+
3301
3301
  .scalar-app .border-c-1 {
3302
3302
  border-color: var(--scalar-color-1);
3303
3303
  }
@@ -3360,6 +3360,14 @@
3360
3360
  background-color: var(--scalar-background-danger);
3361
3361
  }
3362
3362
 
3363
+ .scalar-app .bg-b-header-1 {
3364
+ background-color: var(--scalar-header-background-1, var(--scalar-background-1));
3365
+ }
3366
+
3367
+ .scalar-app .bg-b-header-cta {
3368
+ background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
3369
+ }
3370
+
3363
3371
  .scalar-app .bg-b-tooltip {
3364
3372
  background-color: var(--scalar-tooltip-background);
3365
3373
  }
@@ -3718,11 +3726,6 @@
3718
3726
  font-size: var(--scalar-font-size-6);
3719
3727
  }
3720
3728
 
3721
- .scalar-app .leading-5 {
3722
- --tw-leading: calc(4px * 5);
3723
- line-height: 20px;
3724
- }
3725
-
3726
3729
  .scalar-app .leading-\[22px\] {
3727
3730
  --tw-leading: 22px;
3728
3731
  line-height: 22px;
@@ -3811,6 +3814,18 @@
3811
3814
  color: var(--scalar-color-danger);
3812
3815
  }
3813
3816
 
3817
+ .scalar-app .text-c-header-1 {
3818
+ color: var(--scalar-header-color-1, var(--scalar-color-1));
3819
+ }
3820
+
3821
+ .scalar-app .text-c-header-2 {
3822
+ color: var(--scalar-header-color-2, var(--scalar-color-2));
3823
+ }
3824
+
3825
+ .scalar-app .text-c-header-cta {
3826
+ color: var(--scalar-button-1-color);
3827
+ }
3828
+
3814
3829
  .scalar-app .text-c-tooltip {
3815
3830
  color: var(--scalar-tooltip-color);
3816
3831
  }
@@ -4061,8 +4076,8 @@
4061
4076
  justify-content: center;
4062
4077
  }
4063
4078
 
4064
- :is(.scalar-app .\*\:gap-px > *) {
4065
- gap: 1px;
4079
+ :is(.scalar-app .\*\:gap-1 > *) {
4080
+ gap: 4px;
4066
4081
  }
4067
4082
 
4068
4083
  :is(.scalar-app .\*\:rounded > *) {
@@ -4101,8 +4116,8 @@
4101
4116
  background-color: var(--scalar-sidebar-indent-border-hover, var(--scalar-border-color));
4102
4117
  }
4103
4118
 
4104
- .scalar-app .group-hover\/button\:text-c-1:is(:where(.group\/button):hover *) {
4105
- color: var(--scalar-color-1);
4119
+ .scalar-app .group-hover\/button\:text-c-header-1:is(:where(.group\/button):hover *) {
4120
+ color: var(--scalar-header-color-1, var(--scalar-color-1));
4106
4121
  }
4107
4122
  }
4108
4123
 
@@ -4182,10 +4197,24 @@
4182
4197
  background-color: var(--scalar-background-3);
4183
4198
  }
4184
4199
 
4200
+ .scalar-app .hover\:bg-b-header-2:hover {
4201
+ background-color: var(--scalar-header-background-2, var(--scalar-background-2));
4202
+ }
4203
+
4185
4204
  .scalar-app .hover\:bg-h-btn:hover {
4186
4205
  background-color: var(--scalar-button-1-hover);
4187
4206
  }
4188
4207
 
4208
+ .scalar-app .hover\:bg-h-header-cta:hover {
4209
+ background-color: var(--scalar-header-call-to-action-color, var(--scalar-button-1));
4210
+ }
4211
+
4212
+ @supports (color: color-mix(in lab, red, red)) {
4213
+ .scalar-app .hover\:bg-h-header-cta:hover {
4214
+ background-color: color-mix(in srgb, var(--scalar-header-call-to-action-color, var(--scalar-button-1)), var(--scalar-header-background-1, var(--scalar-background-1)) 15%);
4215
+ }
4216
+ }
4217
+
4189
4218
  .scalar-app .hover\:bg-sidebar-b-1:hover {
4190
4219
  background-color: var(--scalar-sidebar-background-1, var(--scalar-background-1));
4191
4220
  }
@@ -4226,6 +4255,10 @@
4226
4255
  color: var(--scalar-color-1);
4227
4256
  }
4228
4257
 
4258
+ .scalar-app .hover\:text-c-header-1:hover {
4259
+ color: var(--scalar-header-color-1, var(--scalar-color-1));
4260
+ }
4261
+
4229
4262
  .scalar-app .hover\:text-sidebar-c-1:hover {
4230
4263
  color: var(--scalar-sidebar-color-1, var(--scalar-color-1));
4231
4264
  }
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.1",
13
+ "version": "0.9.3",
14
14
  "engines": {
15
15
  "node": ">=22"
16
16
  },
@@ -31,12 +31,12 @@
31
31
  ],
32
32
  "dependencies": {
33
33
  "vue": "^3.5.30",
34
- "@scalar/helpers": "0.5.0",
35
34
  "@scalar/icons": "0.7.2",
36
- "@scalar/components": "0.22.0",
37
- "@scalar/workspace-store": "0.46.0",
38
- "@scalar/use-hooks": "0.4.2",
39
- "@scalar/themes": "0.15.3"
35
+ "@scalar/helpers": "0.5.1",
36
+ "@scalar/use-hooks": "0.4.3",
37
+ "@scalar/themes": "0.15.3",
38
+ "@scalar/components": "0.22.2",
39
+ "@scalar/workspace-store": "0.46.2"
40
40
  },
41
41
  "devDependencies": {
42
42
  "@tailwindcss/vite": "^4.2.0",