@stainless-api/ui-primitives 0.1.0-beta.30 → 0.1.0-beta.32

package/dist/{Accordion-X9MBt29l.d.ts → Accordion-Cj5GURin.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/Accordion.d.ts
 type AccordionProps = React.ComponentProps<'details'>;
@@ -7,7 +7,7 @@ declare function Accordion({
   className,
   children,
   ...props
-}: AccordionProps): react_jsx_runtime2.JSX.Element;
+}: AccordionProps): react_jsx_runtime0.JSX.Element;
 declare namespace Accordion {
   var Summary: typeof AccordionSummary;
   var Group: typeof AccordionGroup;
@@ -16,11 +16,11 @@ declare function AccordionSummary({
   children,
   className,
   ...props
-}: React.ComponentProps<'summary'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'summary'>): react_jsx_runtime0.JSX.Element;
 declare function AccordionGroup({
   className,
   children,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { AccordionProps as n, Accordion as t };

package/dist/{Button-DMtVJEuK.d.ts → Button-DJ4VsD2o.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { LucideIcon } from "lucide-react";
 
 //#region src/components/Button.d.ts
@@ -17,17 +17,17 @@ type ButtonBranch = BaseProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElemen
   href?: never;
 };
 type ButtonProps = AnchorBranch | ButtonBranch;
-declare function Button(props: ButtonProps): react_jsx_runtime0.JSX.Element;
+declare function Button(props: ButtonProps): react_jsx_runtime3.JSX.Element;
 declare namespace Button {
   var Label: ({
     className,
     ...rest
-  }: LabelProps) => react_jsx_runtime0.JSX.Element;
+  }: LabelProps) => react_jsx_runtime3.JSX.Element;
   var Icon: ({
     className,
     icon: Icon,
     size
-  }: IconProps) => react_jsx_runtime0.JSX.Element;
+  }: IconProps) => react_jsx_runtime3.JSX.Element;
 }
 type LabelProps = React.HTMLAttributes<HTMLSpanElement>;
 type IconProps = {

package/dist/{Callout-DlwbfFHm.d.ts → Callout-DTFAhHWq.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/components/Callout.d.ts
 type CalloutVariant = 'info' | 'note' | 'tip' | 'success' | 'warning' | 'danger';
@@ -13,6 +13,6 @@ declare function Callout({
   className,
   children,
   ...props
-}: CalloutProps): react_jsx_runtime5.JSX.Element;
+}: CalloutProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { CalloutProps as n, CalloutVariant as r, Callout as t };

package/dist/components/Accordion.d.ts

@@ -1,2 +1,2 @@
-import { n as AccordionProps, t as Accordion } from "../Accordion-X9MBt29l.js";
+import { n as AccordionProps, t as Accordion } from "../Accordion-Cj5GURin.js";
 export { Accordion, AccordionProps };

package/dist/components/Button.d.ts

@@ -1,2 +1,2 @@
-import { n as ButtonProps, r as ButtonVariant, t as Button } from "../Button-DMtVJEuK.js";
+import { n as ButtonProps, r as ButtonVariant, t as Button } from "../Button-DJ4VsD2o.js";
 export { Button, ButtonProps, ButtonVariant };

package/dist/components/Callout.d.ts

@@ -1,2 +1,2 @@
-import { n as CalloutProps, r as CalloutVariant, t as Callout } from "../Callout-DlwbfFHm.js";
+import { n as CalloutProps, r as CalloutVariant, t as Callout } from "../Callout-DTFAhHWq.js";
 export { Callout, CalloutProps, CalloutVariant };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { n as AccordionProps, t as Accordion } from "./Accordion-X9MBt29l.js";
-import { n as ButtonProps, r as ButtonVariant, t as Button } from "./Button-DMtVJEuK.js";
-import { n as CalloutProps, r as CalloutVariant, t as Callout } from "./Callout-DlwbfFHm.js";
+import { n as AccordionProps, t as Accordion } from "./Accordion-Cj5GURin.js";
+import { n as ButtonProps, r as ButtonVariant, t as Button } from "./Button-DJ4VsD2o.js";
+import { n as CalloutProps, r as CalloutVariant, t as Callout } from "./Callout-DTFAhHWq.js";
 import * as react3 from "react";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime21 from "react/jsx-runtime";

package/dist/styles/starlight-compat.css

@@ -138,10 +138,7 @@
   }
 
   li:not(.stl-ui-not-prose *) {
-    margin-bottom: -2px;
-    &:not(:last-child) {
-      margin-bottom: -2px;
-    }
+    margin-bottom: 0;
 
     a:first-child {
       display: flex;

package/dist/styles.css

@@ -225,7 +225,7 @@ body {
     --stl-color-muted-background: light-dark(rgb(from var(--stl-color-foreground) r g b/calc(alpha * var(--stl-opacity-level-008))), rgb(from var(--stl-color-foreground) r g b/calc(alpha * var(--stl-opacity-level-016))));
     --stl-color-muted-background-hover: rgb(from var(--stl-color-muted-background) r g b/calc(alpha * 2));
     /* faint background */
-    --stl-color-faint-background: light-dark(rgb(from var(--stl-color-foreground) r g b/calc(alpha * var(--stl-opacity-level-004))), rgb(from var(--stl-color-foreground) r g b/calc(alpha * var(--stl-opacity-level-008))));
+    --stl-color-faint-background: rgb(from var(--stl-color-foreground) r g b/calc(alpha * var(--stl-opacity-level-004)));
     --stl-color-faint-background-hover: rgb(from var(--stl-color-faint-background) r g b/calc(alpha * 2));
     /* ui elements like cards and buttons match --stl-color-background in light mode, but have a slight tint in dark mode */
     --stl-color-ui-background: light-dark(
@@ -305,6 +305,19 @@ body {
     --stl-color-blue-inverse-background: var(--stl-color-blue);
     --stl-color-blue-inverse-background-hover: rgb(from var(--stl-color-blue) r g b/calc(alpha * var(--stl-opacity-level-080)));
     --stl-color-blue-inverse-foreground: rgb(255, 255, 255);
+    /* yellow */
+    --stl-color-yellow: light-dark(#ca8a04, #eab308);
+    --stl-color-yellow-foreground: var(--stl-color-yellow);
+    --stl-color-yellow-foreground-reduced: rgb(from var(--stl-color-yellow-foreground) r g b/calc(alpha * var(--stl-opacity-level-080)));
+    --stl-color-yellow-foreground-muted: rgb(from var(--stl-color-yellow-foreground) r g b/calc(alpha * var(--stl-opacity-level-040)));
+    --stl-color-yellow-muted-background: light-dark(rgb(from var(--stl-color-yellow-foreground) r g b/calc(alpha * var(--stl-opacity-level-008))), rgb(from var(--stl-color-yellow-foreground) r g b/calc(alpha * var(--stl-opacity-level-016))));
+    --stl-color-yellow-muted-background-hover: rgb(from var(--stl-color-yellow-muted-background) r g b/calc(alpha * 2));
+    --stl-color-yellow-border: light-dark(rgb(from var(--stl-color-yellow) r g b/calc(alpha * var(--stl-opacity-level-016))), rgb(from var(--stl-color-yellow) r g b/calc(alpha * calc(var(--stl-opacity-level-016) * 1.5))));
+    --stl-color-yellow-border-faint: rgb(from var(--stl-color-yellow-border) r g b/calc(alpha * 0.5));
+    --stl-color-yellow-border-strong: var(--stl-color-yellow);
+    --stl-color-yellow-inverse-background: var(--stl-color-yellow);
+    --stl-color-yellow-inverse-background-hover: rgb(from var(--stl-color-yellow) r g b/calc(alpha * var(--stl-opacity-level-080)));
+    --stl-color-yellow-inverse-foreground: rgb(255, 255, 255);
     /* orange */
     --stl-color-orange: light-dark(#ea580c, #f97316);
     --stl-color-orange-foreground: var(--stl-color-orange);
@@ -357,19 +370,6 @@ body {
     --stl-color-pink-inverse-background: var(--stl-color-pink);
     --stl-color-pink-inverse-background-hover: rgb(from var(--stl-color-pink) r g b/calc(alpha * var(--stl-opacity-level-080)));
     --stl-color-pink-inverse-foreground: rgb(255, 255, 255);
-    /* yellow */
-    --stl-color-yellow: light-dark(#ca8a04, #eab308);
-    --stl-color-yellow-foreground: var(--stl-color-yellow);
-    --stl-color-yellow-foreground-reduced: rgb(from var(--stl-color-yellow-foreground) r g b/calc(alpha * var(--stl-opacity-level-080)));
-    --stl-color-yellow-foreground-muted: rgb(from var(--stl-color-yellow-foreground) r g b/calc(alpha * var(--stl-opacity-level-040)));
-    --stl-color-yellow-muted-background: light-dark(rgb(from var(--stl-color-yellow-foreground) r g b/calc(alpha * var(--stl-opacity-level-008))), rgb(from var(--stl-color-yellow-foreground) r g b/calc(alpha * var(--stl-opacity-level-016))));
-    --stl-color-yellow-muted-background-hover: rgb(from var(--stl-color-yellow-muted-background) r g b/calc(alpha * 2));
-    --stl-color-yellow-border: light-dark(rgb(from var(--stl-color-yellow) r g b/calc(alpha * var(--stl-opacity-level-016))), rgb(from var(--stl-color-yellow) r g b/calc(alpha * calc(var(--stl-opacity-level-016) * 1.5))));
-    --stl-color-yellow-border-faint: rgb(from var(--stl-color-yellow-border) r g b/calc(alpha * 0.5));
-    --stl-color-yellow-border-strong: var(--stl-color-yellow);
-    --stl-color-yellow-inverse-background: var(--stl-color-yellow);
-    --stl-color-yellow-inverse-background-hover: rgb(from var(--stl-color-yellow) r g b/calc(alpha * var(--stl-opacity-level-080)));
-    --stl-color-yellow-inverse-foreground: rgb(255, 255, 255);
   }
   :root[data-theme=dark],
   .stl-theme-dark {
@@ -440,9 +440,9 @@ body {
 
 .stl-ui-button--muted {
   color: var(--stl-color-foreground);
-  background-color: var(--stl-color-faint-background);
+  background-color: var(--stl-color-muted-background);
   &:hover {
-    background-color: var(--stl-color-faint-background-hover);
+    background-color: var(--stl-color-muted-background-hover);
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stainless-api/ui-primitives",
-  "version": "0.1.0-beta.30",
+  "version": "0.1.0-beta.32",
   "publishConfig": {
     "access": "public"
   },
@@ -14,16 +14,16 @@
   },
   "dependencies": {
     "clsx": "^2.1.1",
-    "lucide-react": "^0.554.0"
+    "lucide-react": "^0.555.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "rolldown": "1.0.0-beta.51",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1",
+    "rolldown": "1.0.0-beta.53",
     "sass": "^1.94.2",
-    "tsdown": "^0.16.7",
+    "tsdown": "^0.16.8",
     "typescript": "5.9.3",
     "@stainless/eslint-config": "0.1.0-beta.0"
   },
@@ -45,6 +45,8 @@
     }
   },
   "scripts": {
+    "lint": "eslint .",
+    "check:types": "tsc --noEmit",
     "build": "tsdown",
     "clean": "rm -rf dist"
   }