@connectif/ui-components 2.0.20 → 2.2.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/components/button/Button.d.ts +27 -25
- package/dist/components/button/Button.theme.d.ts +3 -2
- package/dist/index.js +240 -134
- package/dist/theme/Colors.d.ts +0 -1
- package/dist/theme/CustomPalette.d.ts +29 -0
- package/dist/theme/CustomPaletteColor.d.ts +10 -0
- package/dist/theme/CustomPaletteCommon.d.ts +7 -0
- package/dist/theme/CustomTheme.d.ts +11 -0
- package/dist/theme/Palettes.d.ts +13 -4
- package/dist/theme/Theme.d.ts +3 -5
- package/dist/theme/index.d.ts +4 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1,62 +1,64 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
|
|
3
3
|
import { IconId, iconSizes } from '../icon/Icon';
|
|
4
|
-
|
|
4
|
+
import { SxProps } from '@mui/material';
|
|
5
|
+
import { CustomTheme } from '../../theme/CustomTheme';
|
|
6
|
+
export declare const colorStyles: (theme: CustomTheme) => {
|
|
5
7
|
readonly contained: {
|
|
6
8
|
readonly primary: {};
|
|
7
9
|
readonly inherit: {
|
|
8
|
-
readonly color:
|
|
9
|
-
readonly backgroundColor:
|
|
10
|
+
readonly color: string;
|
|
11
|
+
readonly backgroundColor: string;
|
|
10
12
|
readonly ':hover': {
|
|
11
|
-
readonly backgroundColor:
|
|
13
|
+
readonly backgroundColor: string;
|
|
12
14
|
};
|
|
13
15
|
readonly '&:active': {
|
|
14
|
-
readonly backgroundColor:
|
|
16
|
+
readonly backgroundColor: string;
|
|
15
17
|
};
|
|
16
18
|
readonly ':disabled': {
|
|
17
|
-
readonly color:
|
|
19
|
+
readonly color: string;
|
|
18
20
|
};
|
|
19
21
|
};
|
|
20
22
|
readonly white: {
|
|
21
|
-
readonly border:
|
|
22
|
-
readonly color:
|
|
23
|
-
readonly backgroundColor:
|
|
23
|
+
readonly border: `1px solid ${string}`;
|
|
24
|
+
readonly color: string;
|
|
25
|
+
readonly backgroundColor: string;
|
|
24
26
|
readonly ':hover': {
|
|
25
|
-
readonly border:
|
|
26
|
-
readonly backgroundColor:
|
|
27
|
+
readonly border: `1px solid ${string}`;
|
|
28
|
+
readonly backgroundColor: string;
|
|
27
29
|
};
|
|
28
30
|
readonly '&:active': {
|
|
29
|
-
readonly border:
|
|
30
|
-
readonly backgroundColor:
|
|
31
|
+
readonly border: `1px solid ${string}`;
|
|
32
|
+
readonly backgroundColor: string;
|
|
31
33
|
};
|
|
32
34
|
readonly ':disabled': {
|
|
33
35
|
readonly border: "none";
|
|
34
|
-
readonly color:
|
|
35
|
-
readonly backgroundColor:
|
|
36
|
+
readonly color: string;
|
|
37
|
+
readonly backgroundColor: string;
|
|
36
38
|
};
|
|
37
39
|
};
|
|
38
40
|
readonly warning: {
|
|
39
|
-
readonly color:
|
|
40
|
-
readonly backgroundColor:
|
|
41
|
+
readonly color: string;
|
|
42
|
+
readonly backgroundColor: string;
|
|
41
43
|
readonly ':hover': {
|
|
42
|
-
readonly backgroundColor:
|
|
44
|
+
readonly backgroundColor: string;
|
|
43
45
|
};
|
|
44
46
|
readonly '&:active': {
|
|
45
|
-
readonly backgroundColor:
|
|
47
|
+
readonly backgroundColor: string;
|
|
46
48
|
};
|
|
47
49
|
};
|
|
48
50
|
};
|
|
49
51
|
readonly outlined: {
|
|
50
52
|
readonly primary: {};
|
|
51
|
-
readonly inherit:
|
|
52
|
-
readonly white:
|
|
53
|
-
readonly warning:
|
|
53
|
+
readonly inherit: SxProps;
|
|
54
|
+
readonly white: SxProps;
|
|
55
|
+
readonly warning: SxProps;
|
|
54
56
|
};
|
|
55
57
|
readonly text: {
|
|
56
58
|
readonly primary: {};
|
|
57
|
-
readonly inherit:
|
|
58
|
-
readonly white:
|
|
59
|
-
readonly warning:
|
|
59
|
+
readonly inherit: SxProps;
|
|
60
|
+
readonly white: SxProps;
|
|
61
|
+
readonly warning: SxProps;
|
|
60
62
|
};
|
|
61
63
|
};
|
|
62
64
|
export type ButtonProps = Pick<MuiButtonProps, 'id' | 'disabled' | 'onClick' | 'aria-controls' | 'aria-haspopup' | 'aria-expanded' | 'sx' | 'type' | 'className' | 'onMouseEnter' | 'onMouseLeave'> & {
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import { Components
|
|
2
|
-
|
|
1
|
+
import { Components } from '@mui/material';
|
|
2
|
+
import { CustomTheme } from '../../theme/CustomTheme';
|
|
3
|
+
export declare const buttonTheme: Components<CustomTheme>['MuiButton'];
|