@spark-ui/components 17.6.0 → 17.6.1
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/badge/BadgeItem.styles.d.ts +2 -2
- package/dist/button/Button.styles.d.ts +4 -4
- package/dist/button/variants/contrast.d.ts +10 -10
- package/dist/button/variants/filled.d.ts +10 -10
- package/dist/button/variants/ghost.d.ts +10 -10
- package/dist/button/variants/outlined.d.ts +10 -10
- package/dist/button/variants/tinted.d.ts +10 -10
- package/dist/card/Backdrop.d.ts +1 -1
- package/dist/card/Card.styles.d.ts +1 -1
- package/dist/card/Content.styles.d.ts +1 -1
- package/dist/checkbox/CheckboxInput.styles.d.ts +1 -1
- package/dist/chip/Chip.styles.d.ts +2 -2
- package/dist/chip/variants/dashed.d.ts +11 -11
- package/dist/chip/variants/outlined.d.ts +11 -11
- package/dist/chip/variants/tinted.d.ts +11 -11
- package/dist/divider/variants/intents.d.ts +4 -4
- package/dist/icon/Icon.styles.d.ts +2 -2
- package/dist/icon-button/IconButton.styles.d.ts +1 -1
- package/dist/radio-group/RadioIndicator.styles.d.ts +1 -1
- package/dist/radio-group/RadioInput.styles.d.ts +1 -1
- package/dist/spinner/Spinner.styles.d.ts +1 -1
- package/dist/switch/SwitchInput.styles.d.ts +4 -4
- package/dist/tabs/TabsTrigger.styles.d.ts +1 -1
- package/dist/tag/Tag.styles.d.ts +4 -4
- package/dist/tag/variants/filled.d.ts +9 -9
- package/dist/tag/variants/outlined.d.ts +8 -8
- package/dist/tag/variants/tinted.d.ts +8 -8
- package/package.json +8 -8
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const styles: (props?: ({
|
|
3
|
-
intent?:
|
|
4
|
-
size?:
|
|
3
|
+
intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | null | undefined;
|
|
4
|
+
size?: "sm" | "md" | null | undefined;
|
|
5
5
|
type?: "relative" | "standalone" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
export type StylesProps = VariantProps<typeof styles>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const buttonStyles: (props?: ({
|
|
3
|
-
design?:
|
|
3
|
+
design?: "filled" | "outlined" | "ghost" | "tinted" | "contrast" | null | undefined;
|
|
4
4
|
underline?: boolean | null | undefined;
|
|
5
|
-
intent?:
|
|
6
|
-
size?:
|
|
7
|
-
shape?:
|
|
5
|
+
intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
|
|
6
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
|
+
shape?: "square" | "rounded" | "pill" | null | undefined;
|
|
8
8
|
disabled?: boolean | null | undefined;
|
|
9
9
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
10
10
|
export type ButtonStylesProps = VariantProps<typeof buttonStyles>;
|
|
@@ -1,41 +1,41 @@
|
|
|
1
1
|
export declare const contrastVariants: readonly [{
|
|
2
2
|
readonly intent: "main";
|
|
3
3
|
readonly design: "contrast";
|
|
4
|
-
readonly class:
|
|
4
|
+
readonly class: string[];
|
|
5
5
|
}, {
|
|
6
6
|
readonly intent: "support";
|
|
7
7
|
readonly design: "contrast";
|
|
8
|
-
readonly class:
|
|
8
|
+
readonly class: string[];
|
|
9
9
|
}, {
|
|
10
10
|
readonly intent: "accent";
|
|
11
11
|
readonly design: "contrast";
|
|
12
|
-
readonly class:
|
|
12
|
+
readonly class: string[];
|
|
13
13
|
}, {
|
|
14
14
|
readonly intent: "success";
|
|
15
15
|
readonly design: "contrast";
|
|
16
|
-
readonly class:
|
|
16
|
+
readonly class: string[];
|
|
17
17
|
}, {
|
|
18
18
|
readonly intent: "alert";
|
|
19
19
|
readonly design: "contrast";
|
|
20
|
-
readonly class:
|
|
20
|
+
readonly class: string[];
|
|
21
21
|
}, {
|
|
22
22
|
readonly intent: "danger";
|
|
23
23
|
readonly design: "contrast";
|
|
24
|
-
readonly class:
|
|
24
|
+
readonly class: string[];
|
|
25
25
|
}, {
|
|
26
26
|
readonly intent: "info";
|
|
27
27
|
readonly design: "contrast";
|
|
28
|
-
readonly class:
|
|
28
|
+
readonly class: string[];
|
|
29
29
|
}, {
|
|
30
30
|
readonly intent: "neutral";
|
|
31
31
|
readonly design: "contrast";
|
|
32
|
-
readonly class:
|
|
32
|
+
readonly class: string[];
|
|
33
33
|
}, {
|
|
34
34
|
readonly intent: "surface";
|
|
35
35
|
readonly design: "contrast";
|
|
36
|
-
readonly class:
|
|
36
|
+
readonly class: string[];
|
|
37
37
|
}, {
|
|
38
38
|
readonly intent: "surfaceInverse";
|
|
39
39
|
readonly design: "contrast";
|
|
40
|
-
readonly class:
|
|
40
|
+
readonly class: string[];
|
|
41
41
|
}];
|
|
@@ -1,41 +1,41 @@
|
|
|
1
1
|
export declare const filledVariants: readonly [{
|
|
2
2
|
readonly intent: "main";
|
|
3
3
|
readonly design: "filled";
|
|
4
|
-
readonly class:
|
|
4
|
+
readonly class: string[];
|
|
5
5
|
}, {
|
|
6
6
|
readonly intent: "support";
|
|
7
7
|
readonly design: "filled";
|
|
8
|
-
readonly class:
|
|
8
|
+
readonly class: string[];
|
|
9
9
|
}, {
|
|
10
10
|
readonly intent: "accent";
|
|
11
11
|
readonly design: "filled";
|
|
12
|
-
readonly class:
|
|
12
|
+
readonly class: string[];
|
|
13
13
|
}, {
|
|
14
14
|
readonly intent: "success";
|
|
15
15
|
readonly design: "filled";
|
|
16
|
-
readonly class:
|
|
16
|
+
readonly class: string[];
|
|
17
17
|
}, {
|
|
18
18
|
readonly intent: "alert";
|
|
19
19
|
readonly design: "filled";
|
|
20
|
-
readonly class:
|
|
20
|
+
readonly class: string[];
|
|
21
21
|
}, {
|
|
22
22
|
readonly intent: "danger";
|
|
23
23
|
readonly design: "filled";
|
|
24
|
-
readonly class:
|
|
24
|
+
readonly class: string[];
|
|
25
25
|
}, {
|
|
26
26
|
readonly intent: "info";
|
|
27
27
|
readonly design: "filled";
|
|
28
|
-
readonly class:
|
|
28
|
+
readonly class: string[];
|
|
29
29
|
}, {
|
|
30
30
|
readonly intent: "neutral";
|
|
31
31
|
readonly design: "filled";
|
|
32
|
-
readonly class:
|
|
32
|
+
readonly class: string[];
|
|
33
33
|
}, {
|
|
34
34
|
readonly intent: "surface";
|
|
35
35
|
readonly design: "filled";
|
|
36
|
-
readonly class:
|
|
36
|
+
readonly class: string[];
|
|
37
37
|
}, {
|
|
38
38
|
readonly intent: "surfaceInverse";
|
|
39
39
|
readonly design: "filled";
|
|
40
|
-
readonly class:
|
|
40
|
+
readonly class: string[];
|
|
41
41
|
}];
|
|
@@ -1,41 +1,41 @@
|
|
|
1
1
|
export declare const ghostVariants: readonly [{
|
|
2
2
|
readonly intent: "main";
|
|
3
3
|
readonly design: "ghost";
|
|
4
|
-
readonly class:
|
|
4
|
+
readonly class: string[];
|
|
5
5
|
}, {
|
|
6
6
|
readonly intent: "support";
|
|
7
7
|
readonly design: "ghost";
|
|
8
|
-
readonly class:
|
|
8
|
+
readonly class: string[];
|
|
9
9
|
}, {
|
|
10
10
|
readonly intent: "accent";
|
|
11
11
|
readonly design: "ghost";
|
|
12
|
-
readonly class:
|
|
12
|
+
readonly class: string[];
|
|
13
13
|
}, {
|
|
14
14
|
readonly intent: "success";
|
|
15
15
|
readonly design: "ghost";
|
|
16
|
-
readonly class:
|
|
16
|
+
readonly class: string[];
|
|
17
17
|
}, {
|
|
18
18
|
readonly intent: "alert";
|
|
19
19
|
readonly design: "ghost";
|
|
20
|
-
readonly class:
|
|
20
|
+
readonly class: string[];
|
|
21
21
|
}, {
|
|
22
22
|
readonly intent: "danger";
|
|
23
23
|
readonly design: "ghost";
|
|
24
|
-
readonly class:
|
|
24
|
+
readonly class: string[];
|
|
25
25
|
}, {
|
|
26
26
|
readonly intent: "info";
|
|
27
27
|
readonly design: "ghost";
|
|
28
|
-
readonly class:
|
|
28
|
+
readonly class: string[];
|
|
29
29
|
}, {
|
|
30
30
|
readonly intent: "neutral";
|
|
31
31
|
readonly design: "ghost";
|
|
32
|
-
readonly class:
|
|
32
|
+
readonly class: string[];
|
|
33
33
|
}, {
|
|
34
34
|
readonly intent: "surface";
|
|
35
35
|
readonly design: "ghost";
|
|
36
|
-
readonly class:
|
|
36
|
+
readonly class: string[];
|
|
37
37
|
}, {
|
|
38
38
|
readonly intent: "surfaceInverse";
|
|
39
39
|
readonly design: "ghost";
|
|
40
|
-
readonly class:
|
|
40
|
+
readonly class: string[];
|
|
41
41
|
}];
|
|
@@ -1,41 +1,41 @@
|
|
|
1
1
|
export declare const outlinedVariants: readonly [{
|
|
2
2
|
readonly intent: "main";
|
|
3
3
|
readonly design: "outlined";
|
|
4
|
-
readonly class:
|
|
4
|
+
readonly class: string[];
|
|
5
5
|
}, {
|
|
6
6
|
readonly intent: "support";
|
|
7
7
|
readonly design: "outlined";
|
|
8
|
-
readonly class:
|
|
8
|
+
readonly class: string[];
|
|
9
9
|
}, {
|
|
10
10
|
readonly intent: "accent";
|
|
11
11
|
readonly design: "outlined";
|
|
12
|
-
readonly class:
|
|
12
|
+
readonly class: string[];
|
|
13
13
|
}, {
|
|
14
14
|
readonly intent: "success";
|
|
15
15
|
readonly design: "outlined";
|
|
16
|
-
readonly class:
|
|
16
|
+
readonly class: string[];
|
|
17
17
|
}, {
|
|
18
18
|
readonly intent: "alert";
|
|
19
19
|
readonly design: "outlined";
|
|
20
|
-
readonly class:
|
|
20
|
+
readonly class: string[];
|
|
21
21
|
}, {
|
|
22
22
|
readonly intent: "danger";
|
|
23
23
|
readonly design: "outlined";
|
|
24
|
-
readonly class:
|
|
24
|
+
readonly class: string[];
|
|
25
25
|
}, {
|
|
26
26
|
readonly intent: "info";
|
|
27
27
|
readonly design: "outlined";
|
|
28
|
-
readonly class:
|
|
28
|
+
readonly class: string[];
|
|
29
29
|
}, {
|
|
30
30
|
readonly intent: "neutral";
|
|
31
31
|
readonly design: "outlined";
|
|
32
|
-
readonly class:
|
|
32
|
+
readonly class: string[];
|
|
33
33
|
}, {
|
|
34
34
|
readonly intent: "surface";
|
|
35
35
|
readonly design: "outlined";
|
|
36
|
-
readonly class:
|
|
36
|
+
readonly class: string[];
|
|
37
37
|
}, {
|
|
38
38
|
readonly intent: "surfaceInverse";
|
|
39
39
|
readonly design: "outlined";
|
|
40
|
-
readonly class:
|
|
40
|
+
readonly class: string[];
|
|
41
41
|
}];
|
|
@@ -1,41 +1,41 @@
|
|
|
1
1
|
export declare const tintedVariants: readonly [{
|
|
2
2
|
readonly intent: "main";
|
|
3
3
|
readonly design: "tinted";
|
|
4
|
-
readonly class:
|
|
4
|
+
readonly class: string[];
|
|
5
5
|
}, {
|
|
6
6
|
readonly intent: "support";
|
|
7
7
|
readonly design: "tinted";
|
|
8
|
-
readonly class:
|
|
8
|
+
readonly class: string[];
|
|
9
9
|
}, {
|
|
10
10
|
readonly intent: "accent";
|
|
11
11
|
readonly design: "tinted";
|
|
12
|
-
readonly class:
|
|
12
|
+
readonly class: string[];
|
|
13
13
|
}, {
|
|
14
14
|
readonly intent: "success";
|
|
15
15
|
readonly design: "tinted";
|
|
16
|
-
readonly class:
|
|
16
|
+
readonly class: string[];
|
|
17
17
|
}, {
|
|
18
18
|
readonly intent: "alert";
|
|
19
19
|
readonly design: "tinted";
|
|
20
|
-
readonly class:
|
|
20
|
+
readonly class: string[];
|
|
21
21
|
}, {
|
|
22
22
|
readonly intent: "danger";
|
|
23
23
|
readonly design: "tinted";
|
|
24
|
-
readonly class:
|
|
24
|
+
readonly class: string[];
|
|
25
25
|
}, {
|
|
26
26
|
readonly intent: "info";
|
|
27
27
|
readonly design: "tinted";
|
|
28
|
-
readonly class:
|
|
28
|
+
readonly class: string[];
|
|
29
29
|
}, {
|
|
30
30
|
readonly intent: "neutral";
|
|
31
31
|
readonly design: "tinted";
|
|
32
|
-
readonly class:
|
|
32
|
+
readonly class: string[];
|
|
33
33
|
}, {
|
|
34
34
|
readonly intent: "surface";
|
|
35
35
|
readonly design: "tinted";
|
|
36
|
-
readonly class:
|
|
36
|
+
readonly class: string[];
|
|
37
37
|
}, {
|
|
38
38
|
readonly intent: "surfaceInverse";
|
|
39
39
|
readonly design: "tinted";
|
|
40
|
-
readonly class:
|
|
40
|
+
readonly class: string[];
|
|
41
41
|
}];
|
package/dist/card/Backdrop.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const backdropStyles: (props?: ({
|
|
3
3
|
animation?: "none" | "pulse" | null | undefined;
|
|
4
|
-
intent?:
|
|
4
|
+
intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
6
|
export type BackdropStylesProps = VariantProps<typeof backdropStyles>;
|
|
7
7
|
interface BackdropProps extends BackdropStylesProps {
|
|
@@ -2,6 +2,6 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
export declare const cardStyles: (props?: ({
|
|
3
3
|
design?: "filled" | "outlined" | "tinted" | null | undefined;
|
|
4
4
|
hasBackdrop?: boolean | null | undefined;
|
|
5
|
-
intent?:
|
|
5
|
+
intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
export type CardStylesProps = VariantProps<typeof cardStyles>;
|
|
@@ -3,6 +3,6 @@ export declare const contentStyles: (props?: ({
|
|
|
3
3
|
inset?: boolean | null | undefined;
|
|
4
4
|
design?: "filled" | "outlined" | "tinted" | null | undefined;
|
|
5
5
|
hasBackdrop?: boolean | null | undefined;
|
|
6
|
-
intent?:
|
|
6
|
+
intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | "surfaceInverse" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
8
|
export type ContentStylesProps = VariantProps<typeof contentStyles>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const checkboxInputStyles: (props?: ({
|
|
3
|
-
intent?:
|
|
3
|
+
intent?: "main" | "alert" | "error" | "support" | "accent" | "success" | "info" | "neutral" | null | undefined;
|
|
4
4
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
5
|
export type CheckboxInputStylesProps = VariantProps<typeof checkboxInputStyles>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const chipStyles: (props?: ({
|
|
3
|
-
design?:
|
|
4
|
-
intent?:
|
|
3
|
+
design?: "outlined" | "dashed" | "tinted" | null | undefined;
|
|
4
|
+
intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | null | undefined;
|
|
5
5
|
disabled?: boolean | null | undefined;
|
|
6
6
|
hasClearButton?: boolean | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
export declare const dashedVariants: readonly [{
|
|
2
2
|
readonly intent: "main";
|
|
3
3
|
readonly design: "dashed";
|
|
4
|
-
readonly class:
|
|
4
|
+
readonly class: string[];
|
|
5
5
|
}, {
|
|
6
6
|
readonly intent: "support";
|
|
7
7
|
readonly design: "dashed";
|
|
8
|
-
readonly class:
|
|
8
|
+
readonly class: string[];
|
|
9
9
|
}, {
|
|
10
10
|
readonly intent: "accent";
|
|
11
11
|
readonly design: "dashed";
|
|
12
|
-
readonly class:
|
|
12
|
+
readonly class: string[];
|
|
13
13
|
}, {
|
|
14
14
|
readonly intent: "success";
|
|
15
15
|
readonly design: "dashed";
|
|
16
|
-
readonly class:
|
|
16
|
+
readonly class: string[];
|
|
17
17
|
}, {
|
|
18
18
|
readonly intent: "alert";
|
|
19
19
|
readonly design: "dashed";
|
|
20
|
-
readonly class:
|
|
20
|
+
readonly class: string[];
|
|
21
21
|
}, {
|
|
22
22
|
readonly intent: "danger";
|
|
23
23
|
readonly design: "dashed";
|
|
24
|
-
readonly class:
|
|
24
|
+
readonly class: string[];
|
|
25
25
|
}, {
|
|
26
26
|
readonly intent: "info";
|
|
27
27
|
readonly design: "dashed";
|
|
28
|
-
readonly class:
|
|
28
|
+
readonly class: string[];
|
|
29
29
|
}, {
|
|
30
30
|
readonly intent: "neutral";
|
|
31
31
|
readonly design: "dashed";
|
|
32
|
-
readonly class:
|
|
32
|
+
readonly class: string[];
|
|
33
33
|
}, {
|
|
34
34
|
readonly intent: "surface";
|
|
35
35
|
readonly design: "dashed";
|
|
36
|
-
readonly class:
|
|
36
|
+
readonly class: string[];
|
|
37
37
|
}, {
|
|
38
38
|
readonly design: "dashed";
|
|
39
39
|
readonly hasClearButton: false;
|
|
40
|
-
readonly class:
|
|
40
|
+
readonly class: string[];
|
|
41
41
|
}, {
|
|
42
42
|
readonly design: "dashed";
|
|
43
43
|
readonly hasClearButton: true;
|
|
44
|
-
readonly class:
|
|
44
|
+
readonly class: string[];
|
|
45
45
|
}];
|
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
export declare const outlinedVariants: readonly [{
|
|
2
2
|
readonly design: "outlined";
|
|
3
3
|
readonly intent: "main";
|
|
4
|
-
readonly class:
|
|
4
|
+
readonly class: string[];
|
|
5
5
|
}, {
|
|
6
6
|
readonly design: "outlined";
|
|
7
7
|
readonly intent: "support";
|
|
8
|
-
readonly class:
|
|
8
|
+
readonly class: string[];
|
|
9
9
|
}, {
|
|
10
10
|
readonly intent: "accent";
|
|
11
11
|
readonly design: "outlined";
|
|
12
|
-
readonly class:
|
|
12
|
+
readonly class: string[];
|
|
13
13
|
}, {
|
|
14
14
|
readonly design: "outlined";
|
|
15
15
|
readonly intent: "success";
|
|
16
|
-
readonly class:
|
|
16
|
+
readonly class: string[];
|
|
17
17
|
}, {
|
|
18
18
|
readonly intent: "alert";
|
|
19
19
|
readonly design: "outlined";
|
|
20
|
-
readonly class:
|
|
20
|
+
readonly class: string[];
|
|
21
21
|
}, {
|
|
22
22
|
readonly design: "outlined";
|
|
23
23
|
readonly intent: "danger";
|
|
24
|
-
readonly class:
|
|
24
|
+
readonly class: string[];
|
|
25
25
|
}, {
|
|
26
26
|
readonly design: "outlined";
|
|
27
27
|
readonly intent: "info";
|
|
28
|
-
readonly class:
|
|
28
|
+
readonly class: string[];
|
|
29
29
|
}, {
|
|
30
30
|
readonly design: "outlined";
|
|
31
31
|
readonly intent: "neutral";
|
|
32
|
-
readonly class:
|
|
32
|
+
readonly class: string[];
|
|
33
33
|
}, {
|
|
34
34
|
readonly design: "outlined";
|
|
35
35
|
readonly intent: "surface";
|
|
36
|
-
readonly class:
|
|
36
|
+
readonly class: string[];
|
|
37
37
|
}, {
|
|
38
38
|
readonly design: "outlined";
|
|
39
39
|
readonly hasClearButton: false;
|
|
40
|
-
readonly class:
|
|
40
|
+
readonly class: string[];
|
|
41
41
|
}, {
|
|
42
42
|
readonly design: "outlined";
|
|
43
43
|
readonly hasClearButton: true;
|
|
44
|
-
readonly class:
|
|
44
|
+
readonly class: string[];
|
|
45
45
|
}];
|
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
export declare const tintedVariants: readonly [{
|
|
2
2
|
readonly intent: "main";
|
|
3
3
|
readonly design: "tinted";
|
|
4
|
-
readonly class:
|
|
4
|
+
readonly class: string[];
|
|
5
5
|
}, {
|
|
6
6
|
readonly intent: "support";
|
|
7
7
|
readonly design: "tinted";
|
|
8
|
-
readonly class:
|
|
8
|
+
readonly class: string[];
|
|
9
9
|
}, {
|
|
10
10
|
readonly intent: "accent";
|
|
11
11
|
readonly design: "tinted";
|
|
12
|
-
readonly class:
|
|
12
|
+
readonly class: string[];
|
|
13
13
|
}, {
|
|
14
14
|
readonly intent: "success";
|
|
15
15
|
readonly design: "tinted";
|
|
16
|
-
readonly class:
|
|
16
|
+
readonly class: string[];
|
|
17
17
|
}, {
|
|
18
18
|
readonly intent: "alert";
|
|
19
19
|
readonly design: "tinted";
|
|
20
|
-
readonly class:
|
|
20
|
+
readonly class: string[];
|
|
21
21
|
}, {
|
|
22
22
|
readonly intent: "danger";
|
|
23
23
|
readonly design: "tinted";
|
|
24
|
-
readonly class:
|
|
24
|
+
readonly class: string[];
|
|
25
25
|
}, {
|
|
26
26
|
readonly intent: "info";
|
|
27
27
|
readonly design: "tinted";
|
|
28
|
-
readonly class:
|
|
28
|
+
readonly class: string[];
|
|
29
29
|
}, {
|
|
30
30
|
readonly intent: "neutral";
|
|
31
31
|
readonly design: "tinted";
|
|
32
|
-
readonly class:
|
|
32
|
+
readonly class: string[];
|
|
33
33
|
}, {
|
|
34
34
|
readonly intent: "surface";
|
|
35
35
|
readonly design: "tinted";
|
|
36
|
-
readonly class:
|
|
36
|
+
readonly class: string[];
|
|
37
37
|
}, {
|
|
38
38
|
readonly design: "tinted";
|
|
39
39
|
readonly hasClearButton: false;
|
|
40
|
-
readonly class:
|
|
40
|
+
readonly class: string[];
|
|
41
41
|
}, {
|
|
42
42
|
readonly design: "tinted";
|
|
43
43
|
readonly hasClearButton: true;
|
|
44
|
-
readonly class:
|
|
44
|
+
readonly class: string[];
|
|
45
45
|
}];
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
export declare const intentVariants: readonly [{
|
|
2
2
|
readonly intent: "current";
|
|
3
3
|
readonly isEmpty: true;
|
|
4
|
-
readonly class:
|
|
4
|
+
readonly class: string[];
|
|
5
5
|
}, {
|
|
6
6
|
readonly intent: "current";
|
|
7
7
|
readonly isEmpty: false;
|
|
8
|
-
readonly class:
|
|
8
|
+
readonly class: string[];
|
|
9
9
|
}, {
|
|
10
10
|
readonly intent: "outline";
|
|
11
11
|
readonly isEmpty: true;
|
|
12
|
-
readonly class:
|
|
12
|
+
readonly class: string[];
|
|
13
13
|
}, {
|
|
14
14
|
readonly intent: "outline";
|
|
15
15
|
readonly isEmpty: false;
|
|
16
|
-
readonly class:
|
|
16
|
+
readonly class: string[];
|
|
17
17
|
}];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const iconStyles: (props?: ({
|
|
3
|
-
intent?:
|
|
4
|
-
size?:
|
|
3
|
+
intent?: "main" | "current" | "alert" | "error" | "support" | "accent" | "success" | "info" | "neutral" | null | undefined;
|
|
4
|
+
size?: "current" | "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
6
|
export type IconVariantsProps = VariantProps<typeof iconStyles>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const iconButtonStyles: (props?: ({
|
|
3
|
-
size?:
|
|
3
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
4
4
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
5
|
export type IconButtonStylesProps = VariantProps<typeof iconButtonStyles>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const radioIndicatorStyles: (props?: ({
|
|
3
|
-
intent?:
|
|
3
|
+
intent?: "main" | "alert" | "error" | "support" | "accent" | "success" | "info" | "neutral" | null | undefined;
|
|
4
4
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
5
|
export type RadioIndicatorStylesProps = VariantProps<typeof radioIndicatorStyles>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const radioInputVariants: (props?: ({
|
|
3
|
-
intent?:
|
|
3
|
+
intent?: "main" | "alert" | "error" | "support" | "accent" | "success" | "info" | "neutral" | null | undefined;
|
|
4
4
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
5
5
|
export type RadioInputVariantsProps = VariantProps<typeof radioInputVariants>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const spinnerStyles: (props?: ({
|
|
3
3
|
size?: "current" | "sm" | "md" | "full" | null | undefined;
|
|
4
|
-
intent?:
|
|
4
|
+
intent?: "main" | "current" | "alert" | "error" | "support" | "accent" | "success" | "info" | "neutral" | null | undefined;
|
|
5
5
|
isBackgroundVisible?: boolean | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
export type SpinnerStylesProps = VariantProps<typeof spinnerStyles>;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const styles: (props?: ({
|
|
3
|
-
size?:
|
|
4
|
-
intent?:
|
|
3
|
+
size?: "sm" | "md" | null | undefined;
|
|
4
|
+
intent?: "main" | "alert" | "error" | "support" | "accent" | "success" | "info" | "neutral" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
6
|
export type StylesProps = VariantProps<typeof styles>;
|
|
7
7
|
export declare const thumbWrapperStyles: (props?: ({
|
|
8
8
|
checked?: boolean | null | undefined;
|
|
9
9
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
10
10
|
export declare const thumbStyles: (props?: ({
|
|
11
|
-
size?:
|
|
11
|
+
size?: "sm" | "md" | null | undefined;
|
|
12
12
|
checked?: boolean | null | undefined;
|
|
13
13
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
14
14
|
export declare const thumbCheckSVGStyles: (props?: ({
|
|
15
|
-
size?:
|
|
15
|
+
size?: "sm" | "md" | null | undefined;
|
|
16
16
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const triggerVariants: (props?: ({
|
|
3
|
-
intent?:
|
|
3
|
+
intent?: "main" | "support" | null | undefined;
|
|
4
4
|
size?: "sm" | "md" | "xs" | null | undefined;
|
|
5
5
|
hasMenu?: boolean | null | undefined;
|
|
6
6
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
package/dist/tag/Tag.styles.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
2
|
export declare const tagStyles: (props?: ({
|
|
3
|
-
design?:
|
|
4
|
-
size?:
|
|
5
|
-
shape?:
|
|
6
|
-
intent?:
|
|
3
|
+
design?: "filled" | "outlined" | "tinted" | null | undefined;
|
|
4
|
+
size?: "md" | "lg" | null | undefined;
|
|
5
|
+
shape?: "square" | "rounded" | "pill" | null | undefined;
|
|
6
|
+
intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | null | undefined;
|
|
7
7
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
8
|
export type TagStylesProps = VariantProps<typeof tagStyles>;
|
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
export declare const filledVariants: readonly [{
|
|
2
2
|
readonly intent: "main";
|
|
3
3
|
readonly design: "filled";
|
|
4
|
-
readonly class:
|
|
4
|
+
readonly class: string[];
|
|
5
5
|
}, {
|
|
6
6
|
readonly intent: "support";
|
|
7
7
|
readonly design: "filled";
|
|
8
|
-
readonly class:
|
|
8
|
+
readonly class: string[];
|
|
9
9
|
}, {
|
|
10
10
|
readonly intent: "accent";
|
|
11
11
|
readonly design: "filled";
|
|
12
|
-
readonly class:
|
|
12
|
+
readonly class: string[];
|
|
13
13
|
}, {
|
|
14
14
|
readonly intent: "success";
|
|
15
15
|
readonly design: "filled";
|
|
16
|
-
readonly class:
|
|
16
|
+
readonly class: string[];
|
|
17
17
|
}, {
|
|
18
18
|
readonly intent: "alert";
|
|
19
19
|
readonly design: "filled";
|
|
20
|
-
readonly class:
|
|
20
|
+
readonly class: string[];
|
|
21
21
|
}, {
|
|
22
22
|
readonly intent: "danger";
|
|
23
23
|
readonly design: "filled";
|
|
24
|
-
readonly class:
|
|
24
|
+
readonly class: string[];
|
|
25
25
|
}, {
|
|
26
26
|
readonly intent: "info";
|
|
27
27
|
readonly design: "filled";
|
|
28
|
-
readonly class:
|
|
28
|
+
readonly class: string[];
|
|
29
29
|
}, {
|
|
30
30
|
readonly intent: "neutral";
|
|
31
31
|
readonly design: "filled";
|
|
32
|
-
readonly class:
|
|
32
|
+
readonly class: string[];
|
|
33
33
|
}, {
|
|
34
34
|
readonly intent: "surface";
|
|
35
35
|
readonly design: "filled";
|
|
36
|
-
readonly class:
|
|
36
|
+
readonly class: string[];
|
|
37
37
|
}];
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
export declare const outlinedVariants: readonly [{
|
|
2
2
|
readonly intent: "main";
|
|
3
3
|
readonly design: "outlined";
|
|
4
|
-
readonly class:
|
|
4
|
+
readonly class: string[];
|
|
5
5
|
}, {
|
|
6
6
|
readonly intent: "support";
|
|
7
7
|
readonly design: "outlined";
|
|
8
|
-
readonly class:
|
|
8
|
+
readonly class: string[];
|
|
9
9
|
}, {
|
|
10
10
|
readonly intent: "accent";
|
|
11
11
|
readonly design: "outlined";
|
|
12
|
-
readonly class:
|
|
12
|
+
readonly class: string[];
|
|
13
13
|
}, {
|
|
14
14
|
readonly intent: "success";
|
|
15
15
|
readonly design: "outlined";
|
|
16
|
-
readonly class:
|
|
16
|
+
readonly class: string[];
|
|
17
17
|
}, {
|
|
18
18
|
readonly intent: "alert";
|
|
19
19
|
readonly design: "outlined";
|
|
20
|
-
readonly class:
|
|
20
|
+
readonly class: string[];
|
|
21
21
|
}, {
|
|
22
22
|
readonly intent: "danger";
|
|
23
23
|
readonly design: "outlined";
|
|
24
|
-
readonly class:
|
|
24
|
+
readonly class: string[];
|
|
25
25
|
}, {
|
|
26
26
|
readonly intent: "info";
|
|
27
27
|
readonly design: "outlined";
|
|
28
|
-
readonly class:
|
|
28
|
+
readonly class: string[];
|
|
29
29
|
}, {
|
|
30
30
|
readonly intent: "neutral";
|
|
31
31
|
readonly design: "outlined";
|
|
32
|
-
readonly class:
|
|
32
|
+
readonly class: string[];
|
|
33
33
|
}];
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
export declare const tintedVariants: readonly [{
|
|
2
2
|
readonly intent: "main";
|
|
3
3
|
readonly design: "tinted";
|
|
4
|
-
readonly class:
|
|
4
|
+
readonly class: string[];
|
|
5
5
|
}, {
|
|
6
6
|
readonly intent: "support";
|
|
7
7
|
readonly design: "tinted";
|
|
8
|
-
readonly class:
|
|
8
|
+
readonly class: string[];
|
|
9
9
|
}, {
|
|
10
10
|
readonly intent: "accent";
|
|
11
11
|
readonly design: "tinted";
|
|
12
|
-
readonly class:
|
|
12
|
+
readonly class: string[];
|
|
13
13
|
}, {
|
|
14
14
|
readonly intent: "success";
|
|
15
15
|
readonly design: "tinted";
|
|
16
|
-
readonly class:
|
|
16
|
+
readonly class: string[];
|
|
17
17
|
}, {
|
|
18
18
|
readonly intent: "alert";
|
|
19
19
|
readonly design: "tinted";
|
|
20
|
-
readonly class:
|
|
20
|
+
readonly class: string[];
|
|
21
21
|
}, {
|
|
22
22
|
readonly intent: "danger";
|
|
23
23
|
readonly design: "tinted";
|
|
24
|
-
readonly class:
|
|
24
|
+
readonly class: string[];
|
|
25
25
|
}, {
|
|
26
26
|
readonly intent: "info";
|
|
27
27
|
readonly design: "tinted";
|
|
28
|
-
readonly class:
|
|
28
|
+
readonly class: string[];
|
|
29
29
|
}, {
|
|
30
30
|
readonly intent: "neutral";
|
|
31
31
|
readonly design: "tinted";
|
|
32
|
-
readonly class:
|
|
32
|
+
readonly class: string[];
|
|
33
33
|
}];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-ui/components",
|
|
3
|
-
"version": "17.6.
|
|
3
|
+
"version": "17.6.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "Spark (Leboncoin design system) components.",
|
|
6
6
|
"exports": {
|
|
@@ -10,12 +10,12 @@
|
|
|
10
10
|
"require": "./dist/index.js"
|
|
11
11
|
},
|
|
12
12
|
"./form-field": {
|
|
13
|
-
"types": "./dist/
|
|
13
|
+
"types": "./dist/form-field/index.d.ts",
|
|
14
14
|
"import": "./dist/form-field/index.mjs",
|
|
15
15
|
"require": "./dist/form-field/index.js"
|
|
16
16
|
},
|
|
17
17
|
"./*": {
|
|
18
|
-
"types": "./dist
|
|
18
|
+
"types": "./dist/*/index.d.ts",
|
|
19
19
|
"import": "./dist/*/index.mjs",
|
|
20
20
|
"require": "./dist/*/index.js"
|
|
21
21
|
}
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"typesVersions": {
|
|
24
24
|
"*": {
|
|
25
25
|
"*": [
|
|
26
|
-
"./dist
|
|
26
|
+
"./dist/*/index.d.ts"
|
|
27
27
|
]
|
|
28
28
|
}
|
|
29
29
|
},
|
|
@@ -48,9 +48,9 @@
|
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"@base-ui/react": "1.0.0",
|
|
51
|
-
"@spark-ui/hooks": "17.6.
|
|
52
|
-
"@spark-ui/icons": "17.6.
|
|
53
|
-
"@spark-ui/internal-utils": "17.6.
|
|
51
|
+
"@spark-ui/hooks": "17.6.1",
|
|
52
|
+
"@spark-ui/icons": "17.6.1",
|
|
53
|
+
"@spark-ui/internal-utils": "17.6.1",
|
|
54
54
|
"@zag-js/pagination": "1.30.0",
|
|
55
55
|
"@zag-js/react": "1.30.0",
|
|
56
56
|
"class-variance-authority": "0.7.1",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"react-snap-carousel": "0.5.1"
|
|
63
63
|
},
|
|
64
64
|
"peerDependencies": {
|
|
65
|
-
"@spark-ui/theme-utils": "17.6.
|
|
65
|
+
"@spark-ui/theme-utils": "17.6.1",
|
|
66
66
|
"react": "19.2.4",
|
|
67
67
|
"react-dom": "19.2.4",
|
|
68
68
|
"tailwindcss": "4.1.18"
|