@paygreen/pgui 2.3.0 → 2.4.0
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/cjs/index.js +125 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/Textarea/index.d.ts +8 -0
- package/dist/cjs/types/theme/components/checkbox.d.ts +11 -0
- package/dist/cjs/types/theme/components/index.d.ts +7 -0
- package/dist/cjs/types/theme/components/input.d.ts +0 -2
- package/dist/cjs/types/theme/components/number-input.d.ts +54 -0
- package/dist/cjs/types/theme/components/pin-input.d.ts +31 -0
- package/dist/cjs/types/theme/components/radio.d.ts +6 -0
- package/dist/cjs/types/theme/components/slider.d.ts +6 -0
- package/dist/cjs/types/theme/components/switch.d.ts +6 -0
- package/dist/cjs/types/theme/components/textarea.d.ts +42 -0
- package/dist/esm/index.js +128 -10
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Textarea/index.d.ts +8 -0
- package/dist/esm/types/theme/components/checkbox.d.ts +11 -0
- package/dist/esm/types/theme/components/index.d.ts +7 -0
- package/dist/esm/types/theme/components/input.d.ts +0 -2
- package/dist/esm/types/theme/components/number-input.d.ts +54 -0
- package/dist/esm/types/theme/components/pin-input.d.ts +31 -0
- package/dist/esm/types/theme/components/radio.d.ts +6 -0
- package/dist/esm/types/theme/components/slider.d.ts +6 -0
- package/dist/esm/types/theme/components/switch.d.ts +6 -0
- package/dist/esm/types/theme/components/textarea.d.ts +42 -0
- package/package.json +2 -2
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TextareaProps } from '@chakra-ui/react';
|
|
3
|
+
export declare const Textarea: ({ onFocus, onBlur, onMouseEnter, onMouseLeave, variant, borderRadius, ...rest }: TextareaProps & {
|
|
4
|
+
onFocus?: (() => void) | undefined;
|
|
5
|
+
onBlur?: (() => void) | undefined;
|
|
6
|
+
onMouseEnter?: (() => void) | undefined;
|
|
7
|
+
onMouseLeave?: (() => void) | undefined;
|
|
8
|
+
}) => JSX.Element;
|
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
export { default as Badge } from './badge';
|
|
2
2
|
export { default as Button } from './button';
|
|
3
|
+
export { default as Checkbox } from './checkbox';
|
|
3
4
|
export { default as Drawer } from './drawer';
|
|
4
5
|
export { default as Input } from './input';
|
|
6
|
+
export { default as NumberInput } from './number-input';
|
|
7
|
+
export { default as PinInput } from './pin-input';
|
|
8
|
+
export { default as Radio } from './radio';
|
|
9
|
+
export { default as Slider } from './slider';
|
|
10
|
+
export { default as Switch } from './switch';
|
|
5
11
|
export { default as Tag } from './tag';
|
|
12
|
+
export { default as Textarea } from './textarea';
|
|
@@ -9,7 +9,6 @@ declare const _default: {
|
|
|
9
9
|
field: {
|
|
10
10
|
bg: string;
|
|
11
11
|
borderColor: string;
|
|
12
|
-
borderRadius: string;
|
|
13
12
|
_focus: {
|
|
14
13
|
borderColor: string;
|
|
15
14
|
};
|
|
@@ -26,7 +25,6 @@ declare const _default: {
|
|
|
26
25
|
bg: string;
|
|
27
26
|
borderWidth: string;
|
|
28
27
|
borderColor: string;
|
|
29
|
-
borderRadius: string;
|
|
30
28
|
_hover: {
|
|
31
29
|
bg: string;
|
|
32
30
|
borderColor: string;
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
baseStyle: {
|
|
3
|
+
field: {
|
|
4
|
+
borderRadius: string;
|
|
5
|
+
};
|
|
6
|
+
stepperGroup: {
|
|
7
|
+
width: string;
|
|
8
|
+
};
|
|
9
|
+
stepper: {
|
|
10
|
+
paddingRight: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
variants: {
|
|
14
|
+
outline: (props: any) => {
|
|
15
|
+
field: {
|
|
16
|
+
bg: string;
|
|
17
|
+
borderColor: string;
|
|
18
|
+
borderRadius: string;
|
|
19
|
+
_focus: {
|
|
20
|
+
borderColor: string;
|
|
21
|
+
};
|
|
22
|
+
_focusVisible: {
|
|
23
|
+
boxShadow: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
addon: {
|
|
27
|
+
borderRadius: string;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
filled: (props: any) => {
|
|
31
|
+
field: {
|
|
32
|
+
bg: string;
|
|
33
|
+
borderWidth: string;
|
|
34
|
+
borderColor: string;
|
|
35
|
+
borderRadius: string;
|
|
36
|
+
_hover: {
|
|
37
|
+
bg: string;
|
|
38
|
+
borderColor: string;
|
|
39
|
+
};
|
|
40
|
+
_focus: {
|
|
41
|
+
bg: string;
|
|
42
|
+
borderColor: string;
|
|
43
|
+
};
|
|
44
|
+
_focusVisible: {
|
|
45
|
+
boxShadow: string;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
addon: {
|
|
49
|
+
borderRadius: string;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
export default _default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
variants: {
|
|
3
|
+
outline: (props: any) => {
|
|
4
|
+
bg: string;
|
|
5
|
+
borderColor: string;
|
|
6
|
+
_focus: {
|
|
7
|
+
borderColor: string;
|
|
8
|
+
};
|
|
9
|
+
_focusVisible: {
|
|
10
|
+
boxShadow: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
filled: (props: any) => {
|
|
14
|
+
bg: string;
|
|
15
|
+
borderWidth: string;
|
|
16
|
+
borderColor: string;
|
|
17
|
+
_hover: {
|
|
18
|
+
bg: string;
|
|
19
|
+
borderColor: string;
|
|
20
|
+
};
|
|
21
|
+
_focus: {
|
|
22
|
+
bg: string;
|
|
23
|
+
borderColor: string;
|
|
24
|
+
};
|
|
25
|
+
_focusVisible: {
|
|
26
|
+
boxShadow: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
export default _default;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
baseStyle: {
|
|
3
|
+
paddingY: string;
|
|
4
|
+
minHeight: string;
|
|
5
|
+
lineHeight: string;
|
|
6
|
+
verticalAlign: string;
|
|
7
|
+
borderRadius: string;
|
|
8
|
+
};
|
|
9
|
+
variants: {
|
|
10
|
+
outline: (props: any) => {
|
|
11
|
+
bg: string;
|
|
12
|
+
borderColor: string;
|
|
13
|
+
_focus: {
|
|
14
|
+
borderColor: string;
|
|
15
|
+
};
|
|
16
|
+
_focusVisible: {
|
|
17
|
+
boxShadow: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
filled: (props: any) => {
|
|
21
|
+
bg: string;
|
|
22
|
+
borderWidth: string;
|
|
23
|
+
borderColor: string;
|
|
24
|
+
_hover: {
|
|
25
|
+
bg: string;
|
|
26
|
+
borderColor: string;
|
|
27
|
+
};
|
|
28
|
+
_focus: {
|
|
29
|
+
bg: string;
|
|
30
|
+
borderColor: string;
|
|
31
|
+
};
|
|
32
|
+
_focusVisible: {
|
|
33
|
+
boxShadow: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
defaultProps: {
|
|
38
|
+
size: string;
|
|
39
|
+
variant: string;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
export default _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paygreen/pgui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.4.0",
|
|
4
4
|
"description": "PGUI is the design system coming from Paygreen.",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -96,4 +96,4 @@
|
|
|
96
96
|
"sass": "^1.53.0",
|
|
97
97
|
"typescript": "^4.7.4"
|
|
98
98
|
}
|
|
99
|
-
}
|
|
99
|
+
}
|