@ramong26/xp-components 1.0.16 → 1.0.17
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/index.cjs +110 -244
- package/dist/index.css +492 -980
- package/dist/index.d.cts +22 -4
- package/dist/index.d.ts +22 -4
- package/dist/index.mjs +110 -244
- package/dist/paper-DM7JLBKK.png +0 -0
- package/package.json +90 -90
package/dist/index.d.cts
CHANGED
|
@@ -3,12 +3,16 @@ import React from 'react';
|
|
|
3
3
|
|
|
4
4
|
declare function App(): react_jsx_runtime.JSX.Element;
|
|
5
5
|
|
|
6
|
-
type Variant$2 = 'default' | 'secondary';
|
|
6
|
+
type Variant$2 = 'primary' | 'default' | 'secondary' | 'ghost' | 'danger';
|
|
7
|
+
type Size$1 = 'sm' | 'md' | 'lg';
|
|
7
8
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
8
9
|
variant?: Variant$2;
|
|
10
|
+
size?: Size$1;
|
|
11
|
+
className?: string;
|
|
9
12
|
}
|
|
10
13
|
declare const Button: React.FC<ButtonProps>;
|
|
11
14
|
|
|
15
|
+
type CarouselVariant = 'default' | 'headline';
|
|
12
16
|
interface CarouselItem {
|
|
13
17
|
title?: string;
|
|
14
18
|
text?: string;
|
|
@@ -20,22 +24,28 @@ interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
20
24
|
items: CarouselItem[];
|
|
21
25
|
autoPlay?: boolean;
|
|
22
26
|
interval?: number;
|
|
27
|
+
variant?: CarouselVariant;
|
|
28
|
+
showIndicators?: boolean;
|
|
23
29
|
}
|
|
24
30
|
declare const Carousel: React.FC<CarouselProps>;
|
|
25
31
|
|
|
32
|
+
type CheckboxVariant = 'default' | 'accent';
|
|
26
33
|
interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
27
34
|
label: string;
|
|
35
|
+
variant?: CheckboxVariant;
|
|
28
36
|
}
|
|
29
37
|
declare const Checkbox: React.FC<CheckboxProps>;
|
|
30
38
|
|
|
39
|
+
type ChipsVariant = 'default' | 'accent' | 'muted';
|
|
31
40
|
interface ChipsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
32
41
|
onRemove?: () => void;
|
|
33
42
|
selected?: boolean;
|
|
34
43
|
onClick?: () => void;
|
|
44
|
+
variant?: ChipsVariant;
|
|
35
45
|
}
|
|
36
46
|
declare const Chips: React.FC<ChipsProps>;
|
|
37
47
|
|
|
38
|
-
type Variant$1 = 'default' | 'title';
|
|
48
|
+
type Variant$1 = 'default' | 'title' | 'search';
|
|
39
49
|
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
40
50
|
label?: string;
|
|
41
51
|
variant?: Variant$1;
|
|
@@ -43,6 +53,7 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
|
43
53
|
}
|
|
44
54
|
declare const Input: React.FC<InputProps>;
|
|
45
55
|
|
|
56
|
+
type SelectVariant = 'default' | 'accent';
|
|
46
57
|
interface SelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
|
|
47
58
|
label: string;
|
|
48
59
|
options: Array<{
|
|
@@ -51,9 +62,12 @@ interface SelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
|
|
|
51
62
|
}>;
|
|
52
63
|
value?: string | number;
|
|
53
64
|
onChange?: (value: string | number) => void;
|
|
65
|
+
variant?: SelectVariant;
|
|
66
|
+
className?: string;
|
|
54
67
|
}
|
|
55
68
|
declare const Select: React.FC<SelectProps>;
|
|
56
69
|
|
|
70
|
+
type SliderVariant = 'default' | 'accent';
|
|
57
71
|
interface SliderProps {
|
|
58
72
|
min?: number;
|
|
59
73
|
max?: number;
|
|
@@ -61,15 +75,19 @@ interface SliderProps {
|
|
|
61
75
|
value?: number;
|
|
62
76
|
onChange?: (value: number) => void;
|
|
63
77
|
showValue?: boolean;
|
|
78
|
+
variant?: SliderVariant;
|
|
79
|
+
className?: string;
|
|
64
80
|
}
|
|
65
81
|
declare const Slider: React.FC<SliderProps>;
|
|
66
82
|
|
|
83
|
+
type SwitchVariant = 'default' | 'accent';
|
|
67
84
|
interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
68
85
|
label?: string;
|
|
86
|
+
variant?: SwitchVariant;
|
|
69
87
|
}
|
|
70
88
|
declare const Switch: React.FC<SwitchProps>;
|
|
71
89
|
|
|
72
|
-
type Variant = 'default' | 'success' | 'warning' | 'error' | 'outline';
|
|
90
|
+
type Variant = 'default' | 'feature' | 'success' | 'warning' | 'error' | 'outline';
|
|
73
91
|
type Size = 'sm' | 'md' | 'lg';
|
|
74
92
|
interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
75
93
|
variant?: Variant;
|
|
@@ -80,4 +98,4 @@ interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
|
80
98
|
}
|
|
81
99
|
declare const Tag: React.FC<TagProps>;
|
|
82
100
|
|
|
83
|
-
export { App, Button, type ButtonProps, type Variant$2 as ButtonVariant, Carousel, type CarouselItem, type CarouselProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, Input, type InputProps, type Variant$1 as InputVariant, Select, type SelectProps, Slider, type SliderProps, Switch, type SwitchProps, Tag, type TagProps, type Size as TagSize, type Variant as TagVariant };
|
|
101
|
+
export { App, Button, type ButtonProps, type Size$1 as ButtonSize, type Variant$2 as ButtonVariant, Carousel, type CarouselItem, type CarouselProps, type CarouselVariant, Checkbox, type CheckboxProps, type CheckboxVariant, Chips, type ChipsProps, type ChipsVariant, Input, type InputProps, type Variant$1 as InputVariant, Select, type SelectProps, type SelectVariant, Slider, type SliderProps, type SliderVariant, Switch, type SwitchProps, type SwitchVariant, Tag, type TagProps, type Size as TagSize, type Variant as TagVariant };
|
package/dist/index.d.ts
CHANGED
|
@@ -3,12 +3,16 @@ import React from 'react';
|
|
|
3
3
|
|
|
4
4
|
declare function App(): react_jsx_runtime.JSX.Element;
|
|
5
5
|
|
|
6
|
-
type Variant$2 = 'default' | 'secondary';
|
|
6
|
+
type Variant$2 = 'primary' | 'default' | 'secondary' | 'ghost' | 'danger';
|
|
7
|
+
type Size$1 = 'sm' | 'md' | 'lg';
|
|
7
8
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
8
9
|
variant?: Variant$2;
|
|
10
|
+
size?: Size$1;
|
|
11
|
+
className?: string;
|
|
9
12
|
}
|
|
10
13
|
declare const Button: React.FC<ButtonProps>;
|
|
11
14
|
|
|
15
|
+
type CarouselVariant = 'default' | 'headline';
|
|
12
16
|
interface CarouselItem {
|
|
13
17
|
title?: string;
|
|
14
18
|
text?: string;
|
|
@@ -20,22 +24,28 @@ interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
20
24
|
items: CarouselItem[];
|
|
21
25
|
autoPlay?: boolean;
|
|
22
26
|
interval?: number;
|
|
27
|
+
variant?: CarouselVariant;
|
|
28
|
+
showIndicators?: boolean;
|
|
23
29
|
}
|
|
24
30
|
declare const Carousel: React.FC<CarouselProps>;
|
|
25
31
|
|
|
32
|
+
type CheckboxVariant = 'default' | 'accent';
|
|
26
33
|
interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
27
34
|
label: string;
|
|
35
|
+
variant?: CheckboxVariant;
|
|
28
36
|
}
|
|
29
37
|
declare const Checkbox: React.FC<CheckboxProps>;
|
|
30
38
|
|
|
39
|
+
type ChipsVariant = 'default' | 'accent' | 'muted';
|
|
31
40
|
interface ChipsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
32
41
|
onRemove?: () => void;
|
|
33
42
|
selected?: boolean;
|
|
34
43
|
onClick?: () => void;
|
|
44
|
+
variant?: ChipsVariant;
|
|
35
45
|
}
|
|
36
46
|
declare const Chips: React.FC<ChipsProps>;
|
|
37
47
|
|
|
38
|
-
type Variant$1 = 'default' | 'title';
|
|
48
|
+
type Variant$1 = 'default' | 'title' | 'search';
|
|
39
49
|
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
40
50
|
label?: string;
|
|
41
51
|
variant?: Variant$1;
|
|
@@ -43,6 +53,7 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
|
43
53
|
}
|
|
44
54
|
declare const Input: React.FC<InputProps>;
|
|
45
55
|
|
|
56
|
+
type SelectVariant = 'default' | 'accent';
|
|
46
57
|
interface SelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
|
|
47
58
|
label: string;
|
|
48
59
|
options: Array<{
|
|
@@ -51,9 +62,12 @@ interface SelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>
|
|
|
51
62
|
}>;
|
|
52
63
|
value?: string | number;
|
|
53
64
|
onChange?: (value: string | number) => void;
|
|
65
|
+
variant?: SelectVariant;
|
|
66
|
+
className?: string;
|
|
54
67
|
}
|
|
55
68
|
declare const Select: React.FC<SelectProps>;
|
|
56
69
|
|
|
70
|
+
type SliderVariant = 'default' | 'accent';
|
|
57
71
|
interface SliderProps {
|
|
58
72
|
min?: number;
|
|
59
73
|
max?: number;
|
|
@@ -61,15 +75,19 @@ interface SliderProps {
|
|
|
61
75
|
value?: number;
|
|
62
76
|
onChange?: (value: number) => void;
|
|
63
77
|
showValue?: boolean;
|
|
78
|
+
variant?: SliderVariant;
|
|
79
|
+
className?: string;
|
|
64
80
|
}
|
|
65
81
|
declare const Slider: React.FC<SliderProps>;
|
|
66
82
|
|
|
83
|
+
type SwitchVariant = 'default' | 'accent';
|
|
67
84
|
interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
68
85
|
label?: string;
|
|
86
|
+
variant?: SwitchVariant;
|
|
69
87
|
}
|
|
70
88
|
declare const Switch: React.FC<SwitchProps>;
|
|
71
89
|
|
|
72
|
-
type Variant = 'default' | 'success' | 'warning' | 'error' | 'outline';
|
|
90
|
+
type Variant = 'default' | 'feature' | 'success' | 'warning' | 'error' | 'outline';
|
|
73
91
|
type Size = 'sm' | 'md' | 'lg';
|
|
74
92
|
interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
75
93
|
variant?: Variant;
|
|
@@ -80,4 +98,4 @@ interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
|
80
98
|
}
|
|
81
99
|
declare const Tag: React.FC<TagProps>;
|
|
82
100
|
|
|
83
|
-
export { App, Button, type ButtonProps, type Variant$2 as ButtonVariant, Carousel, type CarouselItem, type CarouselProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, Input, type InputProps, type Variant$1 as InputVariant, Select, type SelectProps, Slider, type SliderProps, Switch, type SwitchProps, Tag, type TagProps, type Size as TagSize, type Variant as TagVariant };
|
|
101
|
+
export { App, Button, type ButtonProps, type Size$1 as ButtonSize, type Variant$2 as ButtonVariant, Carousel, type CarouselItem, type CarouselProps, type CarouselVariant, Checkbox, type CheckboxProps, type CheckboxVariant, Chips, type ChipsProps, type ChipsVariant, Input, type InputProps, type Variant$1 as InputVariant, Select, type SelectProps, type SelectVariant, Slider, type SliderProps, type SliderVariant, Switch, type SwitchProps, type SwitchVariant, Tag, type TagProps, type Size as TagSize, type Variant as TagVariant };
|