@scalar/api-client-react 2.0.27 → 2.0.29

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @scalar/api-client-react
 
+## 2.0.29
+
+## 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

package/dist/style.css

@@ -434,6 +434,9 @@
   border-radius: var(--scalar-radius);
   border-width: 1px;
 }
+: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);
@@ -1606,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;
@@ -2004,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;
 }
@@ -2280,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;
 }
@@ -2482,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;
 }
@@ -3161,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;
 }
@@ -3299,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);
 }
@@ -4539,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;
@@ -5429,20 +5420,20 @@ input[data-v-a6f4752a]::placeholder {
   -webkit-text-security: disc;
   -moz-text-security: disc;
 }
-.request-section-content[data-v-612d194c] {
+.request-section-content[data-v-f52d9c1f] {
   --scalar-border-width: 0.5px;
 }
-.request-section-content-filter[data-v-612d194c] {
+.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-612d194c] {
+.request-item:focus-within .request-meta-buttons[data-v-f52d9c1f] {
   opacity: 1;
 }
-.group-hover-input[data-v-612d194c] {
+.group-hover-input[data-v-f52d9c1f] {
   border-width: var(--scalar-border-width);
   border-color: transparent;
 }
-.group:hover .group-hover-input[data-v-612d194c] {
+.group:hover .group-hover-input[data-v-f52d9c1f] {
   background: color-mix(
     in srgb,
     var(--scalar-background-1),
@@ -5450,7 +5441,7 @@ input[data-v-a6f4752a]::placeholder {
   );
   border-color: var(--scalar-border-color);
 }
-.group-hover-input[data-v-612d194c]:focus {
+.group-hover-input[data-v-f52d9c1f]:focus {
   background: transparent !important;
   border-color: var(--scalar-border-color) !important;
 }
@@ -5548,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.27",
+  "version": "2.0.29",
   "engines": {
     "node": ">=22"
   },
@@ -39,9 +39,10 @@
     "CHANGELOG.md"
   ],
   "dependencies": {
-    "@scalar/helpers": "0.8.2",
-    "@scalar/api-client": "3.11.0",
-    "@scalar/workspace-store": "0.54.5"
+    "@scalar/workspace-store": "0.55.1",
+    "@scalar/helpers": "0.9.0",
+    "@scalar/blocks": "0.1.1",
+    "@scalar/api-client": "3.13.0"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",