@stainless-api/ui-primitives 0.1.0-beta.33 → 0.1.0-beta.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import * as react_jsx_runtime2 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime0 from "react/jsx-runtime";
3
3
 
4
4
  //#region src/components/Accordion.d.ts
5
5
  type AccordionProps = React.ComponentProps<'details'>;
@@ -7,7 +7,7 @@ declare function Accordion({
7
7
  className,
8
8
  children,
9
9
  ...props
10
- }: AccordionProps): react_jsx_runtime2.JSX.Element;
10
+ }: AccordionProps): react_jsx_runtime0.JSX.Element;
11
11
  declare namespace Accordion {
12
12
  var Summary: typeof AccordionSummary;
13
13
  var Group: typeof AccordionGroup;
@@ -16,11 +16,11 @@ declare function AccordionSummary({
16
16
  children,
17
17
  className,
18
18
  ...props
19
- }: React.ComponentProps<'summary'>): react_jsx_runtime2.JSX.Element;
19
+ }: React.ComponentProps<'summary'>): react_jsx_runtime0.JSX.Element;
20
20
  declare function AccordionGroup({
21
21
  className,
22
22
  children,
23
23
  ...props
24
- }: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
24
+ }: React.ComponentProps<'div'>): react_jsx_runtime0.JSX.Element;
25
25
  //#endregion
26
26
  export { AccordionProps as n, Accordion as t };
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import * as react_jsx_runtime0 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime2 from "react/jsx-runtime";
3
3
  import { LucideIcon } from "lucide-react";
4
4
 
5
5
  //#region src/components/Button.d.ts
@@ -21,17 +21,17 @@ type ButtonBranch = BaseProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElemen
21
21
  href?: never;
22
22
  };
23
23
  type ButtonProps = AnchorBranch | ButtonBranch;
24
- declare function Button(props: ButtonProps): react_jsx_runtime0.JSX.Element;
24
+ declare function Button(props: ButtonProps): react_jsx_runtime2.JSX.Element;
25
25
  declare namespace Button {
26
26
  var Label: ({
27
27
  className,
28
28
  ...rest
29
- }: LabelProps) => react_jsx_runtime0.JSX.Element;
29
+ }: LabelProps) => react_jsx_runtime2.JSX.Element;
30
30
  var Icon: ({
31
31
  className,
32
32
  icon: Icon,
33
33
  size
34
- }: IconProps) => react_jsx_runtime0.JSX.Element;
34
+ }: IconProps) => react_jsx_runtime2.JSX.Element;
35
35
  }
36
36
  type LabelProps = React.HTMLAttributes<HTMLSpanElement>;
37
37
  type IconProps = {
@@ -1,2 +1,2 @@
1
- import { n as AccordionProps, t as Accordion } from "../Accordion-X9MBt29l.js";
1
+ import { n as AccordionProps, t as Accordion } from "../Accordion-Cj5GURin.js";
2
2
  export { Accordion, AccordionProps };
@@ -1,2 +1,2 @@
1
- import { n as ButtonProps, r as ButtonVariant, t as Button } from "../Button-Dlt_8Q0N.js";
1
+ import { n as ButtonProps, r as ButtonVariant, t as Button } from "../Button-Db7cVanm.js";
2
2
  export { Button, ButtonProps, ButtonVariant };
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { n as AccordionProps, t as Accordion } from "./Accordion-X9MBt29l.js";
2
- import { n as ButtonProps, r as ButtonVariant, t as Button } from "./Button-Dlt_8Q0N.js";
1
+ import { n as AccordionProps, t as Accordion } from "./Accordion-Cj5GURin.js";
2
+ import { n as ButtonProps, r as ButtonVariant, t as Button } from "./Button-Db7cVanm.js";
3
3
  import { n as CalloutProps, r as CalloutVariant, t as Callout } from "./Callout-DlwbfFHm.js";
4
4
  import * as react3 from "react";
5
5
  import { ComponentProps } from "react";
@@ -77,39 +77,36 @@
77
77
  .stl-ui-prose {
78
78
  /* TODO: Disable starlight headingLinks and replace with our own */
79
79
  /* Duplicate styles from h1–5 in typography; TODO: move to mixins after adopting preprocessor */
80
+ .sl-heading-wrapper {
81
+ line-height: var(--stl-typography-line-height-heading);
82
+ font-family: var(--stl-typography-font-heading);
83
+ --sl-anchor-icon-size: 0.8em;
84
+ }
80
85
  .sl-heading-wrapper.level-h1 {
81
86
  font-size: var(--stl-typography-text-h1);
82
87
  letter-spacing: -0.03em;
83
88
  margin-top: 64px;
84
- line-height: var(--stl-typography-line-height-headings);
85
89
  }
86
90
  .sl-heading-wrapper.level-h2 {
87
91
  font-size: var(--stl-typography-text-h2);
88
92
  letter-spacing: -0.03em;
89
93
  margin-top: 48px;
90
- line-height: var(--stl-typography-line-height-headings);
91
94
  }
92
95
 
93
96
  .sl-heading-wrapper.level-h3 {
94
97
  font-size: var(--stl-typography-text-h3);
95
98
  letter-spacing: -0.02em;
96
99
  margin-top: 40px;
97
- line-height: var(--stl-typography-line-height-headings);
98
100
  }
99
101
  .sl-heading-wrapper.level-h4 {
100
102
  font-size: var(--stl-typography-text-h4);
101
103
  letter-spacing: -0.02em;
102
104
  margin-top: 32px;
103
- line-height: var(--stl-typography-line-height-headings);
104
105
  }
105
106
  .sl-heading-wrapper.level-h5 {
106
107
  font-size: var(--stl-typography-text-h5);
107
108
  letter-spacing: -0.02em;
108
109
  margin-top: 24px;
109
- line-height: var(--stl-typography-line-height-headings);
110
- }
111
- .sl-heading-wrapper {
112
- --sl-anchor-icon-size: 0.8em;
113
110
  }
114
111
  /* TODO: replace with an icon that matches Stainless branding */
115
112
  .sl-anchor-link svg {
package/dist/styles.css CHANGED
@@ -3,8 +3,10 @@
3
3
  :root {
4
4
  --stl-typography-font: 'Geist', system-ui, sans-serif;
5
5
  --stl-typography-font-mono: 'Geist Mono', ui-monospace, monospace;
6
+ --stl-typography-font-heading: var(--stl-typography-font);
7
+
6
8
  --stl-typography-line-height: 1.5;
7
- --stl-typography-line-height-headings: 1.2;
9
+ --stl-typography-line-height-heading: 1.2;
8
10
 
9
11
  --stl-typography-text-body: var(--stl-typography-scale-base);
10
12
  --stl-typography-text-body-sm: var(--stl-typography-scale-sm);
@@ -79,7 +81,8 @@ body {
79
81
  :where(h1, h2, h3, h4, h5, h6):where(:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose *) {
80
82
  color: var(--stl-color-foreground);
81
83
  font-weight: 500;
82
- line-height: var(--stl-typography-line-height-headings);
84
+ line-height: var(--stl-typography-line-height-heading);
85
+ font-family: var(--stl-typography-font-heading);
83
86
  }
84
87
 
85
88
  :where(h1:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose h1) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stainless-api/ui-primitives",
3
- "version": "0.1.0-beta.33",
3
+ "version": "0.1.0-beta.36",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -14,16 +14,16 @@
14
14
  },
15
15
  "dependencies": {
16
16
  "clsx": "^2.1.1",
17
- "lucide-react": "^0.555.0"
17
+ "lucide-react": "^0.561.0"
18
18
  },
19
19
  "devDependencies": {
20
20
  "@types/react": "19.2.7",
21
21
  "@types/react-dom": "^19.2.3",
22
- "react": "^19.2.1",
23
- "react-dom": "^19.2.1",
24
- "rolldown": "1.0.0-beta.53",
25
- "sass": "^1.94.2",
26
- "tsdown": "^0.16.8",
22
+ "react": "^19.2.3",
23
+ "react-dom": "^19.2.3",
24
+ "rolldown": "1.0.0-beta.54",
25
+ "sass": "^1.96.0",
26
+ "tsdown": "^0.17.3",
27
27
  "typescript": "5.9.3",
28
28
  "@stainless/eslint-config": "0.1.0-beta.0"
29
29
  },