@stainless-api/ui-primitives 0.1.0-beta.23 → 0.1.0-beta.25
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.
- package/dist/{Accordion-Cj5GURin.d.ts → Accordion-CvvTR8p8.d.ts} +4 -4
- package/dist/{Button-CxQtPObH.d.ts → Button-DMtVJEuK.d.ts} +4 -4
- package/dist/{Callout-DlwbfFHm.d.ts → Callout-DTFAhHWq.d.ts} +2 -2
- package/dist/components/Accordion.d.ts +1 -1
- package/dist/components/Button.d.ts +1 -1
- package/dist/components/Callout.d.ts +1 -1
- package/dist/index.d.ts +8 -8
- package/dist/styles.css +16 -15
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime3 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):
|
|
10
|
+
}: AccordionProps): react_jsx_runtime3.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'>):
|
|
19
|
+
}: React.ComponentProps<'summary'>): react_jsx_runtime3.JSX.Element;
|
|
20
20
|
declare function AccordionGroup({
|
|
21
21
|
className,
|
|
22
22
|
children,
|
|
23
23
|
...props
|
|
24
|
-
}: React.ComponentProps<'div'>):
|
|
24
|
+
}: React.ComponentProps<'div'>): react_jsx_runtime3.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
|
|
2
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
3
|
import { LucideIcon } from "lucide-react";
|
|
4
4
|
|
|
5
5
|
//#region src/components/Button.d.ts
|
|
@@ -17,17 +17,17 @@ type ButtonBranch = BaseProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElemen
|
|
|
17
17
|
href?: never;
|
|
18
18
|
};
|
|
19
19
|
type ButtonProps = AnchorBranch | ButtonBranch;
|
|
20
|
-
declare function Button(props: ButtonProps):
|
|
20
|
+
declare function Button(props: ButtonProps): react_jsx_runtime0.JSX.Element;
|
|
21
21
|
declare namespace Button {
|
|
22
22
|
var Label: ({
|
|
23
23
|
className,
|
|
24
24
|
...rest
|
|
25
|
-
}: LabelProps) =>
|
|
25
|
+
}: LabelProps) => react_jsx_runtime0.JSX.Element;
|
|
26
26
|
var Icon: ({
|
|
27
27
|
className,
|
|
28
28
|
icon: Icon,
|
|
29
29
|
size
|
|
30
|
-
}: IconProps) =>
|
|
30
|
+
}: IconProps) => react_jsx_runtime0.JSX.Element;
|
|
31
31
|
}
|
|
32
32
|
type LabelProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
33
33
|
type IconProps = {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime2 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Callout.d.ts
|
|
5
5
|
type CalloutVariant = 'info' | 'note' | 'tip' | 'success' | 'warning' | 'danger';
|
|
@@ -13,6 +13,6 @@ declare function Callout({
|
|
|
13
13
|
className,
|
|
14
14
|
children,
|
|
15
15
|
...props
|
|
16
|
-
}: CalloutProps):
|
|
16
|
+
}: CalloutProps): react_jsx_runtime2.JSX.Element;
|
|
17
17
|
//#endregion
|
|
18
18
|
export { CalloutProps as n, CalloutVariant as r, Callout as t };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as AccordionProps, t as Accordion } from "../Accordion-
|
|
1
|
+
import { n as AccordionProps, t as Accordion } from "../Accordion-CvvTR8p8.js";
|
|
2
2
|
export { Accordion, AccordionProps };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as ButtonProps, r as ButtonVariant, t as Button } from "../Button-
|
|
1
|
+
import { n as ButtonProps, r as ButtonVariant, t as Button } from "../Button-DMtVJEuK.js";
|
|
2
2
|
export { Button, ButtonProps, ButtonVariant };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as CalloutProps, r as CalloutVariant, t as Callout } from "../Callout-
|
|
1
|
+
import { n as CalloutProps, r as CalloutVariant, t as Callout } from "../Callout-DTFAhHWq.js";
|
|
2
2
|
export { Callout, CalloutProps, CalloutVariant };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { n as AccordionProps, t as Accordion } from "./Accordion-
|
|
2
|
-
import { n as ButtonProps, r as ButtonVariant, t as Button } from "./Button-
|
|
3
|
-
import { n as CalloutProps, r as CalloutVariant, t as Callout } from "./Callout-
|
|
4
|
-
import * as
|
|
1
|
+
import { n as AccordionProps, t as Accordion } from "./Accordion-CvvTR8p8.js";
|
|
2
|
+
import { n as ButtonProps, r as ButtonVariant, t as Button } from "./Button-DMtVJEuK.js";
|
|
3
|
+
import { n as CalloutProps, r as CalloutVariant, t as Callout } from "./Callout-DTFAhHWq.js";
|
|
4
|
+
import * as react3 from "react";
|
|
5
5
|
import { ComponentProps } from "react";
|
|
6
6
|
import * as react_jsx_runtime21 from "react/jsx-runtime";
|
|
7
7
|
|
|
@@ -74,14 +74,14 @@ declare namespace Dropdown {
|
|
|
74
74
|
value: string;
|
|
75
75
|
isExternalLink?: boolean;
|
|
76
76
|
isSelected?: boolean;
|
|
77
|
-
} &
|
|
77
|
+
} & react3.ClassAttributes<HTMLAnchorElement> & react3.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
78
78
|
href: string;
|
|
79
79
|
}) | ({
|
|
80
80
|
children?: React.ReactNode;
|
|
81
81
|
value: string;
|
|
82
82
|
isExternalLink?: boolean;
|
|
83
83
|
isSelected?: boolean;
|
|
84
|
-
} &
|
|
84
|
+
} & react3.ClassAttributes<HTMLButtonElement> & react3.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
85
85
|
href?: never;
|
|
86
86
|
})) => react_jsx_runtime21.JSX.Element;
|
|
87
87
|
var MenuItemText: ({
|
|
@@ -131,14 +131,14 @@ declare namespace DropdownButton {
|
|
|
131
131
|
value: string;
|
|
132
132
|
isExternalLink?: boolean;
|
|
133
133
|
isSelected?: boolean;
|
|
134
|
-
} &
|
|
134
|
+
} & react3.ClassAttributes<HTMLAnchorElement> & react3.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
135
135
|
href: string;
|
|
136
136
|
}) | ({
|
|
137
137
|
children?: React.ReactNode;
|
|
138
138
|
value: string;
|
|
139
139
|
isExternalLink?: boolean;
|
|
140
140
|
isSelected?: boolean;
|
|
141
|
-
} &
|
|
141
|
+
} & react3.ClassAttributes<HTMLButtonElement> & react3.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
142
142
|
href?: never;
|
|
143
143
|
})) => react_jsx_runtime21.JSX.Element;
|
|
144
144
|
var MenuItemText: ({
|
package/dist/styles.css
CHANGED
|
@@ -276,62 +276,60 @@ body {
|
|
|
276
276
|
color: initial;
|
|
277
277
|
}
|
|
278
278
|
|
|
279
|
-
:where(p:not(.stl-ui-not-prose *)) {
|
|
279
|
+
:where(p:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose p) {
|
|
280
280
|
margin-top: 16px;
|
|
281
281
|
}
|
|
282
282
|
|
|
283
|
-
:where(strong:not(.stl-ui-not-prose *)) {
|
|
283
|
+
:where(strong:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose strong) {
|
|
284
284
|
color: var(--stl-ui-foreground);
|
|
285
285
|
}
|
|
286
286
|
|
|
287
|
-
:where(aside:not(.stl-ui-not-prose *)) {
|
|
287
|
+
:where(aside:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose aside) {
|
|
288
288
|
color: var(--stl-ui-foreground);
|
|
289
289
|
}
|
|
290
290
|
|
|
291
|
-
:where(h1, h2, h3, h4, h5, h6):where(:not(.stl-ui-not-prose *)) {
|
|
291
|
+
:where(h1, h2, h3, h4, h5, h6):where(:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose *) {
|
|
292
292
|
color: var(--stl-ui-foreground);
|
|
293
293
|
font-weight: 500;
|
|
294
294
|
line-height: var(--stl-ui-typography-line-height-headings);
|
|
295
295
|
}
|
|
296
296
|
|
|
297
|
-
:where(h1:not(.stl-ui-not-prose *)) {
|
|
297
|
+
:where(h1:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose h1) {
|
|
298
298
|
/* Heading 1/Medium */
|
|
299
299
|
font-size: var(--stl-ui-typography-text-h1);
|
|
300
300
|
letter-spacing: -0.03em;
|
|
301
|
-
|
|
302
301
|
margin-top: 64px;
|
|
303
302
|
}
|
|
304
303
|
|
|
305
|
-
:where(h2:not(.stl-ui-not-prose *)) {
|
|
304
|
+
:where(h2:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose h2) {
|
|
306
305
|
/* Heading 2/Medium */
|
|
307
306
|
font-size: var(--stl-ui-typography-text-h2);
|
|
308
307
|
letter-spacing: -0.03em;
|
|
309
|
-
|
|
310
308
|
margin-top: 48px;
|
|
311
309
|
}
|
|
312
310
|
|
|
313
|
-
:where(h3:not(.stl-ui-not-prose *)) {
|
|
311
|
+
:where(h3:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose h3) {
|
|
314
312
|
/* Heading 3/Medium */
|
|
315
313
|
font-size: var(--stl-ui-typography-text-h3);
|
|
316
314
|
letter-spacing: -0.02em;
|
|
317
315
|
margin-top: 40px;
|
|
318
316
|
}
|
|
319
317
|
|
|
320
|
-
:where(h4:not(.stl-ui-not-prose *)) {
|
|
318
|
+
:where(h4:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose h4) {
|
|
321
319
|
/* Heading 4/Medium */
|
|
322
320
|
font-size: var(--stl-ui-typography-text-h4);
|
|
323
321
|
letter-spacing: -0.02em;
|
|
324
322
|
margin-top: 32px;
|
|
325
323
|
}
|
|
326
324
|
|
|
327
|
-
:where(h5:not(.stl-ui-not-prose *)) {
|
|
325
|
+
:where(h5:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose h5) {
|
|
328
326
|
/* Heading 5/Medium */
|
|
329
327
|
font-size: var(--stl-ui-typography-text-h5);
|
|
330
328
|
letter-spacing: -0.02em;
|
|
331
329
|
margin-top: 24px;
|
|
332
330
|
}
|
|
333
331
|
|
|
334
|
-
:where(li:not(.stl-ui-not-prose *)) {
|
|
332
|
+
:where(li:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose li) {
|
|
335
333
|
&:where(:not(:last-child)) {
|
|
336
334
|
margin-bottom: 8px;
|
|
337
335
|
}
|
|
@@ -351,16 +349,19 @@ body {
|
|
|
351
349
|
}
|
|
352
350
|
|
|
353
351
|
:where(ol, ul) {
|
|
354
|
-
&:not(.stl-ui-not-prose *) {
|
|
352
|
+
&:where(:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose *) {
|
|
355
353
|
padding-left: 26px;
|
|
356
354
|
}
|
|
357
355
|
}
|
|
358
356
|
|
|
359
|
-
:where(ol, ul, aside, img, figure, details):where(
|
|
357
|
+
:where(ol, ul, aside, img, figure, details):where(
|
|
358
|
+
:not(.stl-ui-not-prose *),
|
|
359
|
+
.stl-ui-not-prose .stl-ui-prose *
|
|
360
|
+
) {
|
|
360
361
|
margin-top: 16px;
|
|
361
362
|
}
|
|
362
363
|
|
|
363
|
-
:where(:not(pre) > code):where(:not(.stl-ui-not-prose *)) {
|
|
364
|
+
:where(:not(pre) > code):where(:not(.stl-ui-not-prose *), .stl-ui-not-prose .stl-ui-prose *) {
|
|
364
365
|
color: var(--stl-ui-foreground);
|
|
365
366
|
font-feature-settings:
|
|
366
367
|
'ss01' on,
|