@scalar/sidebar 0.12.0 → 0.12.2

package/dist/style.css

@@ -91,12 +91,12 @@
 }
 
 @layer scalar-base {
-  body {
+  body.scalar-app {
     line-height: inherit;
     margin: 0;
   }
 
-  :root {
+  :root, :host {
     --scalar-border-width: .5px;
     --scalar-radius: 3px;
     --scalar-radius-max: 20px;
@@ -180,7 +180,7 @@
   }
 
   @media (max-width: 460px) {
-    :root {
+    :root, :host {
       --scalar-font-size-1: 22px;
       --scalar-font-size-2: 14px;
       --scalar-font-size-3: 12px;
@@ -188,7 +188,7 @@
   }
 
   @media (max-width: 720px) {
-    :root {
+    :root, :host {
       --scalar-heading-1: 24px;
       --scalar-page-description: 20px;
     }
@@ -196,13 +196,13 @@
 
   @media (max-resolution: 1.5x) {
     @supports ((-moz-appearance: none)) {
-      :root {
+      :root, :host {
         --scalar-border-width: 1px;
       }
     }
   }
 
-  :root {
+  :root, :host {
     --scalar-text-decoration: underline;
     --scalar-text-decoration-hover: underline;
   }
@@ -1557,7 +1557,7 @@
   display: contents;
 }
 
-.scalar-app .markdown.markdown-summary.markdown-summary img, .scalar-app .markdown.markdown-summary.markdown-summary svg, .scalar-app .markdown.markdown-summary.markdown-summary hr, .scalar-app .markdown.markdown-summary.markdown-summary pre {
+.scalar-app .markdown.markdown-summary.markdown-summary [data-markdown-block], .scalar-app .markdown.markdown-summary.markdown-summary img, .scalar-app .markdown.markdown-summary.markdown-summary svg, .scalar-app .markdown.markdown-summary.markdown-summary hr, .scalar-app .markdown.markdown-summary.markdown-summary pre {
   display: none;
 }
 
@@ -2045,8 +2045,8 @@
   right: 4px;
 }
 
-.scalar-app .right-1\.25 {
-  right: 5px;
+.scalar-app .right-1\.75 {
+  right: 7px;
 }
 
 .scalar-app .right-2 {
@@ -2530,10 +2530,18 @@
   min-height: 48px;
 }
 
+.scalar-app .w-2\/3 {
+  width: 66.6667%;
+}
+
 .scalar-app .w-3 {
   width: 12px;
 }
 
+.scalar-app .w-5 {
+  width: 20px;
+}
+
 .scalar-app .w-6 {
   width: 24px;
 }
@@ -2638,6 +2646,10 @@
   flex: 1;
 }
 
+.scalar-app .flex-auto {
+  flex: auto;
+}
+
 .scalar-app .flex-shrink, .scalar-app .shrink {
   flex-shrink: 1;
 }
@@ -2776,6 +2788,10 @@
   flex-direction: row;
 }
 
+.scalar-app .flex-wrap {
+  flex-wrap: wrap;
+}
+
 .scalar-app .items-baseline {
   align-items: baseline;
 }
@@ -2840,6 +2856,10 @@
   gap: 1px;
 }
 
+.scalar-app .gap-y-1 {
+  row-gap: 4px;
+}
+
 :where(.scalar-app .divide-y > :not(:last-child)) {
   --tw-divide-y-reverse: 0;
   border-bottom-style: var(--tw-border-style);
@@ -3320,6 +3340,10 @@
   padding-right: 24px;
 }
 
+.scalar-app .pr-7\.25 {
+  padding-right: 29px;
+}
+
 .scalar-app .pr-\[100\%\] {
   padding-right: 100%;
 }

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/sidebar"
   },
-  "version": "0.12.0",
+  "version": "0.12.2",
   "engines": {
     "node": ">=22"
   },
@@ -32,12 +32,12 @@
     "dist"
   ],
   "dependencies": {
-    "@scalar/components": "0.31.1",
-    "@scalar/helpers": "0.16.3",
-    "@scalar/icons": "0.7.6",
-    "@scalar/themes": "0.19.1",
-    "@scalar/use-hooks": "0.4.20",
-    "@scalar/workspace-store": "0.68.3",
+    "@scalar/components": "0.32.1",
+    "@scalar/helpers": "0.16.4",
+    "@scalar/icons": "0.7.7",
+    "@scalar/themes": "0.19.2",
+    "@scalar/use-hooks": "0.4.21",
+    "@scalar/workspace-store": "0.68.5",
     "vue": "^3.5.40"
   },
   "devDependencies": {