@scalar/api-client-react 2.0.26 → 2.0.28

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @scalar/api-client-react
 
+## 2.0.28
+
+### Patch Changes
+
+- [#8519](https://github.com/scalar/scalar/pull/8519): refactor: extract the code example block into `@scalar/blocks/code-example`. `api-client`, `api-client-react`, and `api-reference` now import `CodeExample`, `findClient`, `generateClientOptions`, and the related helpers from the new package. `workspace-store` exports `isParamDisabled` with an optional `defaultDisabled` argument.
+
+  **Breaking (`@scalar/api-client`):** the `@scalar/api-client/blocks/operation-code-sample` and `@scalar/api-client/v2/blocks/operation-code-sample` export paths have been removed. Import from `@scalar/blocks/code-example` instead, and use the renamed `CodeExample` / `CodeExampleProps` (previously `OperationCodeSample` / `OperationCodeSampleProps`).
+
+## 2.0.27
+
 ## 2.0.26
 
 ## 2.0.25

package/dist/style.css

@@ -434,7 +434,14 @@
   border-radius: var(--scalar-radius);
   border-width: 1px;
 }
-:where(.scalar-app) input::placeholder {
+:where(.scalar-app) input, :where(.scalar-app) select, :where(.scalar-app) textarea {
+  text-align: start;
+}
+:where(.scalar-app) input::placeholder, :where(.scalar-app) text-area::placeholder {
+  color: var(--scalar-color-3);
+  font-family: var(--scalar-font);
+}
+:where(.scalar-app) ::-webkit-input-placeholder {
   color: var(--scalar-color-3);
   font-family: var(--scalar-font);
 }
@@ -1602,7 +1609,7 @@
   color: var(--scalar-background-1);
   border-radius: 2px;
 }
-.sidebar-heading-type[data-v-1857170e] {
+.sidebar-heading-type[data-v-bdef8365] {
   text-transform: uppercase;
   color: var(--method-color, var(--scalar-color-1));
   font-size: 10px;
@@ -2000,9 +2007,6 @@
 .scalar-app .mt-auto {
   margin-top: auto;
 }
-.scalar-app .mt-px {
-  margin-top: 1px;
-}
 .scalar-app .-mr-0\.5 {
   margin-right: -2px;
 }
@@ -2276,9 +2280,6 @@
 .scalar-app .max-h-40 {
   max-height: 160px;
 }
-.scalar-app .max-h-80 {
-  max-height: 320px;
-}
 .scalar-app .max-h-\[60svh\] {
   max-height: 60svh;
 }
@@ -2478,9 +2479,6 @@
 .scalar-app .min-w-8 {
   min-width: 32px;
 }
-.scalar-app .min-w-32 {
-  min-width: 128px;
-}
 .scalar-app .min-w-\[4\.5rem\] {
   min-width: 4.5rem;
 }
@@ -3157,9 +3155,6 @@
 .scalar-app .py-0\.25 {
   padding-block: 1px;
 }
-.scalar-app .py-0\.75 {
-  padding-block: 3px;
-}
 .scalar-app .py-1 {
   padding-block: 4px;
 }
@@ -3295,6 +3290,9 @@
 .scalar-app .text-right {
   text-align: right;
 }
+.scalar-app .text-start {
+  text-align: start;
+}
 .scalar-app .font-code {
   font-family: var(--scalar-font-code);
 }
@@ -4535,9 +4533,6 @@
 .scalar-app .ui-open\:rotate-90[data-headlessui-state~="open"], :where([data-headlessui-state~="open"]) :is(.scalar-app .ui-open\:rotate-90) {
   rotate: 90deg;
 }
-.scalar-app .ui-open\:rotate-180[data-headlessui-state~="open"], :where([data-headlessui-state~="open"]) :is(.scalar-app .ui-open\:rotate-180) {
-  rotate: 180deg;
-}
 .scalar-app .last\:ui-open\:border-b-0:last-child[data-headlessui-state~="open"], :where([data-headlessui-state~="open"]) .scalar-app .last\:ui-open\:border-b-0:last-child {
   border-bottom-style: var(--tw-border-style);
   border-bottom-width: 0;
@@ -5357,19 +5352,19 @@ to {
 .light-mode .scalar-pill--context-fn {
   background: color-mix(in srgb, var(--scalar-background-3), transparent 40%);
 }
-[data-v-e83eb7d0] .code-input-lite__editor {
+[data-v-6b2d7899] .code-input-lite__editor {
   background-color: transparent;
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   padding: 5px 8px;
 }
-[data-v-e83eb7d0] .scalar-pill:not(:last-of-type) {
+[data-v-6b2d7899] .scalar-pill:not(:last-of-type) {
   margin-right: 0.15em;
 }
-[data-v-e83eb7d0] .scalar-pill:not(:first-of-type) {
+[data-v-6b2d7899] .scalar-pill:not(:first-of-type) {
   margin-left: 0.5px;
 }
-.filemask[data-v-e83eb7d0] {
+.filemask[data-v-6b2d7899] {
   mask-image: linear-gradient(
     to right,
     transparent 0,
@@ -5425,20 +5420,20 @@ input[data-v-a6f4752a]::placeholder {
   -webkit-text-security: disc;
   -moz-text-security: disc;
 }
-.request-section-content[data-v-9ee5445b] {
+.request-section-content[data-v-f52d9c1f] {
   --scalar-border-width: 0.5px;
 }
-.request-section-content-filter[data-v-9ee5445b] {
+.request-section-content-filter[data-v-f52d9c1f] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
-.request-item:focus-within .request-meta-buttons[data-v-9ee5445b] {
+.request-item:focus-within .request-meta-buttons[data-v-f52d9c1f] {
   opacity: 1;
 }
-.group-hover-input[data-v-9ee5445b] {
+.group-hover-input[data-v-f52d9c1f] {
   border-width: var(--scalar-border-width);
   border-color: transparent;
 }
-.group:hover .group-hover-input[data-v-9ee5445b] {
+.group:hover .group-hover-input[data-v-f52d9c1f] {
   background: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -5446,7 +5441,7 @@ input[data-v-a6f4752a]::placeholder {
   );
   border-color: var(--scalar-border-color);
 }
-.group-hover-input[data-v-9ee5445b]:focus {
+.group-hover-input[data-v-f52d9c1f]:focus {
   background: transparent !important;
   border-color: var(--scalar-border-color) !important;
 }
@@ -5544,47 +5539,6 @@ to {
     transform: translateY(0);
 }
 }
-.request-card[data-v-70ede25b] {
-  color: var(--scalar-color-1);
-  font-size: var(--scalar-font-size-3);
-}
-.request-method[data-v-70ede25b] {
-  font-family: var(--scalar-font-code);
-  text-transform: uppercase;
-  margin-right: 6px;
-}
-.request-card-footer[data-v-70ede25b] {
-  display: flex;
-  justify-content: flex-end;
-  padding: 6px;
-  flex-shrink: 0;
-  position: relative;
-}
-.request-card-footer-addon[data-v-70ede25b] {
-  display: flex;
-  align-items: center;
-
-  flex: 1;
-  min-width: 0;
-}
-.request-editor-section[data-v-70ede25b] {
-  display: flex;
-  flex: 1;
-}
-.request-card-simple[data-v-70ede25b] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  padding: 8px 8px 8px 12px;
-
-  font-size: var(--scalar-small);
-}
-.code-snippet[data-v-70ede25b] {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
 /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
 [data-radix-popper-content-wrapper]:has(.scalar-api-client-context-menu) {
   z-index: 1000 !important;

package/package.json

@@ -19,7 +19,7 @@
     "testing",
     "react"
   ],
-  "version": "2.0.26",
+  "version": "2.0.28",
   "engines": {
     "node": ">=22"
   },
@@ -39,9 +39,10 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/api-client": "3.10.4",
-    "@scalar/workspace-store": "0.54.4",
-    "@scalar/helpers": "0.8.2"
+    "@scalar/api-client": "3.12.0",
+    "@scalar/blocks": "0.1.0",
+    "@scalar/helpers": "0.9.0",
+    "@scalar/workspace-store": "0.55.0"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",