@scalar/api-reference 0.1.27 → 0.1.28

package/dist/components/Content/Introduction/LanguageSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Introduction/LanguageSelector.vue.ts"],"names":[],"mappings":";AA4VA,wBAAkD"}
+{"version":3,"file":"LanguageSelector.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Content/Introduction/LanguageSelector.vue.ts"],"names":[],"mappings":";AAmXA,wBAAkD"}

package/dist/index.js

@@ -46417,7 +46417,7 @@ ${closingBraceIndent}]`;
       "data-v-e66bcf92"
     ]
   ]);
-  const _withScopeId$1 = (n2) => (pushScopeId("data-v-c88c87e1"), n2 = n2(), popScopeId(), n2);
+  const _withScopeId$1 = (n2) => (pushScopeId("data-v-474a477f"), n2 = n2(), popScopeId(), n2);
   const _hoisted_1$e = {
     class: "client-libraries-content"
   };
@@ -46436,20 +46436,24 @@ ${closingBraceIndent}]`;
   const _hoisted_6$5 = [
     "value"
   ];
-  const _hoisted_7$3 = _withScopeId$1(() => createElementVNode("svg", {
-    class: "code-languages-icon code-languages-icon__more",
-    height: "50",
-    viewBox: "0 0 50 50",
-    width: "50",
-    xmlns: "http://www.w3.org/2000/svg"
+  const _hoisted_7$3 = _withScopeId$1(() => createElementVNode("div", {
+    class: "code-languages-background code-languages-icon__more"
   }, [
-    createElementVNode("g", {
-      fill: "currentColor",
-      "fill-rule": "nonzero"
+    createElementVNode("svg", {
+      class: "code-languages-icon code-languages-icon__more",
+      height: "50",
+      viewBox: "0 0 50 50",
+      width: "50",
+      xmlns: "http://www.w3.org/2000/svg"
     }, [
-      createElementVNode("path", {
-        d: "M10.71 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M21.13 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M31.55 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0"
-      })
+      createElementVNode("g", {
+        fill: "currentColor",
+        "fill-rule": "nonzero"
+      }, [
+        createElementVNode("path", {
+          d: "M10.71 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M21.13 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0M31.55 25.3a3.87 3.87 0 1 0 7.74 0 3.87 3.87 0 0 0-7.74 0"
+        })
+      ])
     ])
   ], -1));
   const _hoisted_8$1 = _withScopeId$1(() => createElementVNode("span", null, "More", -1));
@@ -46540,13 +46544,19 @@ ${closingBraceIndent}]`;
               ]),
               onClick: () => selectLanguage(language2.key)
             }, [
-              createVNode$1(unref(_sfc_main$s), {
-                class: normalizeClass$1(`code-languages-icon code-languages-icon__${language2.key}`),
-                src: getIconByLanguageKey(language2.key)
-              }, null, 8, [
-                "class",
-                "src"
-              ]),
+              createElementVNode("div", {
+                class: normalizeClass$1([
+                  "code-languages-background",
+                  `code-languages-icon__${language2.key}`
+                ])
+              }, [
+                createVNode$1(unref(_sfc_main$s), {
+                  class: "code-languages-icon",
+                  src: getIconByLanguageKey(language2.key)
+                }, null, 8, [
+                  "src"
+                ])
+              ], 2),
               createElementVNode("span", null, toDisplayString(language2.title), 1)
             ], 10, _hoisted_2$e);
           }), 128)),
@@ -46570,11 +46580,11 @@ ${closingBraceIndent}]`;
       };
     }
   });
-  const LanguageSelector_vue_vue_type_style_index_0_scoped_c88c87e1_lang = "";
+  const LanguageSelector_vue_vue_type_style_index_0_scoped_474a477f_lang = "";
   const LanguageSelector = _export_sfc(_sfc_main$e, [
     [
       "__scopeId",
-      "data-v-c88c87e1"
+      "data-v-474a477f"
     ]
   ]);
   const _hoisted_1$d = {

package/dist/style.css

@@ -844,13 +844,13 @@ to {
   flex-direction: column;
 }
 
-.client-libraries-content[data-v-c88c87e1] {
+.client-libraries-content[data-v-474a477f] {
   display: flex;
   justify-content: center;
   gap: 6px;
   padding: 0 12px;
 }
-.code-languages[data-v-c88c87e1] {
+.code-languages[data-v-474a477f] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -864,98 +864,113 @@ to {
 }
 /* remove php and c on mobile */
 @media screen and (max-width: 450px) {
-.code-languages[data-v-c88c87e1]:nth-of-type(4),
-  .code-languages[data-v-c88c87e1]:nth-of-type(6) {
+.code-languages[data-v-474a477f]:nth-of-type(4),
+  .code-languages[data-v-474a477f]:nth-of-type(6) {
     display: none;
 }
 }
-.code-languages-icon[data-v-c88c87e1] {
+.code-languages-icon[data-v-474a477f] {
   max-width: 48px;
   width: 100%;
   max-height: 48px;
   aspect-ratio: 1;
-  border-radius: 12px;
   padding: 7px;
   display: flex;
   align-items: center;
-  color: #fff;
   justify-content: center;
+  position: relative;
+  color: var(--theme-code-language-color-supersede, #fff);
+}
+.code-languages-background[data-v-474a477f] {
+  border-radius: 12px;
+  position: relative;
+  overflow: hidden;
+  box-shadow: 0 0 0 1px var(--theme-code-languages-border-color);
+}
+.code-languages-background[data-v-474a477f]:before {
+  content: '';
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+  background: var(--theme-code-languages-background-supersede);
 }
-.code-languages-icon__shell[data-v-c88c87e1] {
+.code-languages-icon__shell[data-v-474a477f] {
   background: #000;
-  box-shadow: 0 0 0 1px var(--theme-border-color);
 }
-.code-languages-icon__ruby[data-v-c88c87e1] {
+.code-languages-icon__ruby[data-v-474a477f] {
   background: #d91404;
 }
-.code-languages-icon__php[data-v-c88c87e1] {
+.code-languages-icon__php[data-v-474a477f] {
   background: #6181b6;
 }
-.code-languages-icon__python[data-v-c88c87e1] {
+.code-languages-icon__python[data-v-474a477f] {
   background: #306998;
 }
-.code-languages-icon__more[data-v-c88c87e1] {
+.code-languages-icon__more[data-v-474a477f] {
   background: var(--theme-background-3);
 }
-.code-languages-icon__node[data-v-c88c87e1] {
+.code-languages-icon__node[data-v-474a477f] {
   background: #83cd29;
 }
-.code-languages-icon__c[data-v-c88c87e1] {
+.code-languages-icon__c[data-v-474a477f] {
   background: #03599c;
 }
-.code-languages-icon__csharp[data-v-c88c87e1] {
+.code-languages-icon__csharp[data-v-474a477f] {
   background: #68217a;
 }
-.code-languages-icon__cplusplus[data-v-c88c87e1] {
+.code-languages-icon__cplusplus[data-v-474a477f] {
   background: #9c033a;
 }
-.code-languages-icon__clojure[data-v-c88c87e1] {
+.code-languages-icon__clojure[data-v-474a477f] {
   background: #5881d8;
 }
-.code-languages-icon__go[data-v-c88c87e1] {
+.code-languages-icon__go[data-v-474a477f] {
   background: #00acd7;
 }
-.code-languages-icon__http[data-v-c88c87e1] {
+.code-languages-icon__http[data-v-474a477f] {
   background: #005b9b;
 }
-.code-languages-icon__java[data-v-c88c87e1] {
+.code-languages-icon__java[data-v-474a477f] {
   background: #ea2d2e;
 }
-.code-languages-icon__javascript[data-v-c88c87e1] {
+.code-languages-icon__javascript[data-v-474a477f] {
   background: #f0db4f;
 }
-.code-languages-icon__kotlin[data-v-c88c87e1] {
+.code-languages-icon__kotlin[data-v-474a477f] {
   background: #7f6cb1;
 }
-.code-languages-icon__objc[data-v-c88c87e1] {
+.code-languages-icon__objc[data-v-474a477f] {
   background: #0b5a9d;
 }
-.code-languages-icon__ocaml[data-v-c88c87e1] {
+.code-languages-icon__ocaml[data-v-474a477f] {
   background: #f29100;
 }
-.code-languages-icon__powershell[data-v-c88c87e1] {
+.code-languages-icon__powershell[data-v-474a477f] {
   background: #2671be;
 }
-.code-languages-icon__r[data-v-c88c87e1] {
+.code-languages-icon__r[data-v-474a477f] {
   background: #cbced0;
 }
-.code-languages-icon__swift[data-v-c88c87e1] {
+.code-languages-icon__swift[data-v-474a477f] {
   background: #f05138;
 }
-.code-languages__loading .code-languages-icon[data-v-c88c87e1]:before {
+.code-languages__loading .code-languages-icon[data-v-474a477f]:before {
   border: 1px solid rgba(255, 255, 255, 0.44);
   border-top: 1px solid white;
-  animation: codeloader-c88c87e1 0.45s linear infinite;
+  animation: codeloader-474a477f 0.45s linear infinite;
   background: transparent;
   width: 18px;
   height: 18px;
   content: '';
   border-radius: 50%;
 }
-.code-languages__loading .code-languages-icon svg[data-v-c88c87e1] {
+.code-languages__loading .code-languages-icon svg[data-v-474a477f] {
   display: none;
 }
-.code-languages__active[data-v-c88c87e1]:after {
+.code-languages__active[data-v-474a477f]:after {
   content: '';
   position: absolute;
   bottom: 0;
@@ -963,7 +978,7 @@ to {
   width: 100%;
   background: var(--theme-color-1);
 }
-@keyframes codeloader-c88c87e1 {
+@keyframes codeloader-474a477f {
 0% {
     transform: rotate(0deg);
 }
@@ -971,15 +986,15 @@ to {
     transform: rotate(1turn);
 }
 }
-.code-languages span[data-v-c88c87e1] {
+.code-languages span[data-v-474a477f] {
   margin-top: 3px;
   color: var(--theme-color-2);
   font-size: var(--theme-micro);
 }
-.code-languages__active span[data-v-c88c87e1] {
+.code-languages__active span[data-v-474a477f] {
   color: var(--theme-color-1);
 }
-.code-languages__select select[data-v-c88c87e1] {
+.code-languages__select select[data-v-474a477f] {
   opacity: 0;
   width: 100%;
   height: 100%;
@@ -987,13 +1002,14 @@ to {
   top: 0;
   left: 0;
   cursor: pointer;
+  z-index: 1;
 }
-.code-languages__select span[data-v-c88c87e1] {
+.code-languages__select span[data-v-474a477f] {
   position: relative;
   display: flex;
   align-items: center;
 }
-.code-languages__select span[data-v-c88c87e1]:after {
+.code-languages__select span[data-v-474a477f]:after {
   content: '';
   width: 8px;
   height: 8px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scalar/api-reference",
-  "version": "0.1.27",
+  "version": "0.1.28",
   "author": "Scalar",
   "license": "UNLICENSED",
   "engines": {
@@ -43,9 +43,9 @@
     "unified": "10.1.2",
     "xmldom": "0.6.0",
     "@scalar/api-client": "0.1.18",
+    "@scalar/use-clipboard": "0.1.4",
     "@scalar/swagger-editor": "0.1.13",
-    "@scalar/use-tooltip": "0.1.4",
-    "@scalar/use-clipboard": "0.1.4"
+    "@scalar/use-tooltip": "0.1.4"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "4.2.3",