@webitel/ui-sdk 25.8.17 → 25.8.18
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/img/sprite/index.js +1 -1
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +6298 -5690
- package/dist/ui-sdk.umd.cjs +104 -104
- package/package.json +2 -2
- package/src/components/wt-button/wt-button.vue +66 -236
- package/src/css/main.scss +0 -8
- package/src/enums/ButtonColor/ButtonColor.ts +1 -0
- package/src/plugins/primevue/primevue.plugin.js +1 -1
- package/src/plugins/primevue/theme/components/button/button.js +4 -98
- package/src/plugins/primevue/theme/components/popover/popover.js +4 -7
- package/src/plugins/primevue/theme/components/tooltip/tooltip.js +4 -5
- package/src/plugins/primevue/theme/webitel-theme.js +1 -1
- package/types/components/wt-button/wt-button.vue.d.ts +56 -104
- package/types/components/wt-popover/wt-popover.vue.d.ts +4 -4
- package/types/components/wt-rounded-action/wt-rounded-action.vue.d.ts +2 -2
- package/types/components/wt-slider/wt-slider.vue.d.ts +2 -2
- package/types/enums/ButtonColor/ButtonColor.d.ts +1 -0
- package/types/plugins/primevue/theme/components/button/button.d.ts +1 -136
- package/types/plugins/primevue/theme/components/popover/popover.d.ts +1 -9
- package/types/plugins/primevue/theme/components/tooltip/tooltip.d.ts +1 -7
- package/src/plugins/primevue/theme/semantic/color-scheme/color-schema.js +0 -16
- package/src/plugins/primevue/theme/semantic/color-scheme/dark-color.js +0 -198
- package/src/plugins/primevue/theme/semantic/color-scheme/light-color.js +0 -198
- package/src/plugins/primevue/theme/semantic/color-scheme/palette.js +0 -516
- package/src/plugins/primevue/theme/semantic/semantic.js +0 -7
- package/types/plugins/primevue/theme/semantic/color-scheme/color-schema.d.ts +0 -1189
- package/types/plugins/primevue/theme/semantic/color-scheme/dark-color.d.ts +0 -162
- package/types/plugins/primevue/theme/semantic/color-scheme/light-color.d.ts +0 -162
- package/types/plugins/primevue/theme/semantic/color-scheme/palette.d.ts +0 -435
- package/types/plugins/primevue/theme/semantic/semantic.d.ts +0 -5
|
@@ -1,113 +1,65 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
*/
|
|
37
|
-
widthByContent: {
|
|
38
|
-
type: BooleanConstructor;
|
|
39
|
-
default: boolean;
|
|
40
|
-
};
|
|
41
|
-
/**
|
|
42
|
-
* sets wt-button line-height to 0 to prevent height changing: [stack overflow](https://stackoverflow.com/a/11126701)
|
|
43
|
-
*/
|
|
44
|
-
containsIcon: {
|
|
45
|
-
type: BooleanConstructor;
|
|
46
|
-
default: boolean;
|
|
47
|
-
description: string;
|
|
48
|
-
};
|
|
49
|
-
}>, {}, {
|
|
50
|
-
showLoader: boolean;
|
|
51
|
-
}, {
|
|
52
|
-
colorClass(): string;
|
|
53
|
-
loaderColor(): "on-dark";
|
|
54
|
-
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
55
|
-
/**
|
|
56
|
-
* @values 'primary', 'secondary', 'success', 'error', 'transfer', 'job', 'info'
|
|
57
|
-
* @example <wt-button color="success"></wt-button>
|
|
58
|
-
*/
|
|
59
|
-
color: {
|
|
60
|
-
type: StringConstructor;
|
|
61
|
-
default: string;
|
|
62
|
-
};
|
|
63
|
-
disabled: {
|
|
64
|
-
type: BooleanConstructor;
|
|
65
|
-
default: boolean;
|
|
66
|
-
};
|
|
67
|
-
loading: {
|
|
68
|
-
type: BooleanConstructor;
|
|
69
|
-
default: boolean;
|
|
70
|
-
};
|
|
71
|
-
/**
|
|
72
|
-
* @values 'sm', 'md'
|
|
73
|
-
* @example <wt-button size="sm"></wt-button>
|
|
74
|
-
*/
|
|
75
|
-
size: {
|
|
76
|
-
type: StringConstructor;
|
|
77
|
-
default: string;
|
|
78
|
-
options: string[];
|
|
79
|
-
};
|
|
80
|
-
/**
|
|
81
|
-
* Stretches button to all available width
|
|
82
|
-
*/
|
|
83
|
-
wide: {
|
|
84
|
-
type: BooleanConstructor;
|
|
85
|
-
default: boolean;
|
|
86
|
-
};
|
|
87
|
-
/**
|
|
88
|
-
* Shrinks button to content width
|
|
89
|
-
*/
|
|
90
|
-
widthByContent: {
|
|
91
|
-
type: BooleanConstructor;
|
|
92
|
-
default: boolean;
|
|
93
|
-
};
|
|
94
|
-
/**
|
|
95
|
-
* sets wt-button line-height to 0 to prevent height changing: [stack overflow](https://stackoverflow.com/a/11126701)
|
|
96
|
-
*/
|
|
97
|
-
containsIcon: {
|
|
98
|
-
type: BooleanConstructor;
|
|
99
|
-
default: boolean;
|
|
100
|
-
description: string;
|
|
101
|
-
};
|
|
102
|
-
}>> & Readonly<{
|
|
1
|
+
import type { ButtonProps } from 'primevue';
|
|
2
|
+
import { ButtonColor, ComponentSize } from '../../enums';
|
|
3
|
+
declare const primevueSizeMap: {
|
|
4
|
+
sm: string;
|
|
5
|
+
md: string;
|
|
6
|
+
};
|
|
7
|
+
interface WtButtonProps extends /* @vue-ignore */ ButtonProps {
|
|
8
|
+
color?: ButtonColor;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
loading?: boolean;
|
|
11
|
+
size?: ComponentSize;
|
|
12
|
+
wide?: boolean;
|
|
13
|
+
widthByContent?: boolean;
|
|
14
|
+
containsIcon?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare const emit: (event: "click", ...args: any[]) => void;
|
|
17
|
+
declare const attrs: {
|
|
18
|
+
[x: string]: unknown;
|
|
19
|
+
};
|
|
20
|
+
declare const showLoader: import("vue").Ref<boolean, boolean>;
|
|
21
|
+
declare const loaderColor: import("vue").ComputedRef<string>;
|
|
22
|
+
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
23
|
+
declare var __VLS_14: {};
|
|
24
|
+
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
|
|
25
|
+
default?: (props: typeof __VLS_14) => any;
|
|
26
|
+
}>;
|
|
27
|
+
declare const __VLS_self: import("vue").DefineComponent<WtButtonProps, {
|
|
28
|
+
primevueSizeMap: typeof primevueSizeMap;
|
|
29
|
+
emit: typeof emit;
|
|
30
|
+
attrs: typeof attrs;
|
|
31
|
+
showLoader: typeof showLoader;
|
|
32
|
+
loaderColor: typeof loaderColor;
|
|
33
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
34
|
+
click: (...args: any[]) => void;
|
|
35
|
+
}, string, import("vue").PublicProps, Readonly<WtButtonProps> & Readonly<{
|
|
103
36
|
onClick?: (...args: any[]) => any;
|
|
104
37
|
}>, {
|
|
105
|
-
color:
|
|
106
|
-
size:
|
|
38
|
+
color: ButtonColor;
|
|
39
|
+
size: ComponentSize;
|
|
107
40
|
disabled: boolean;
|
|
108
41
|
wide: boolean;
|
|
109
42
|
loading: boolean;
|
|
110
43
|
widthByContent: boolean;
|
|
111
44
|
containsIcon: boolean;
|
|
112
45
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
46
|
+
declare const __VLS_component: import("vue").DefineComponent<WtButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
47
|
+
click: (...args: any[]) => void;
|
|
48
|
+
}, string, import("vue").PublicProps, Readonly<WtButtonProps> & Readonly<{
|
|
49
|
+
onClick?: (...args: any[]) => any;
|
|
50
|
+
}>, {
|
|
51
|
+
color: ButtonColor;
|
|
52
|
+
size: ComponentSize;
|
|
53
|
+
disabled: boolean;
|
|
54
|
+
wide: boolean;
|
|
55
|
+
loading: boolean;
|
|
56
|
+
widthByContent: boolean;
|
|
57
|
+
containsIcon: boolean;
|
|
58
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
59
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
113
60
|
export default _default;
|
|
61
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
62
|
+
new (): {
|
|
63
|
+
$slots: S;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
@@ -19,12 +19,12 @@ declare const __VLS_self: import("vue").DefineComponent<PopoverProps, {
|
|
|
19
19
|
onShow?: () => any;
|
|
20
20
|
}>, {
|
|
21
21
|
dt: import("@primevue/core").DesignToken<any>;
|
|
22
|
+
pt: any;
|
|
23
|
+
ptOptions: import("primevue/passthrough").PassThroughOptions;
|
|
22
24
|
appendTo: import("@primevue/core").HintedString<"body" | "self"> | undefined | HTMLElement;
|
|
23
25
|
baseZIndex: number;
|
|
24
26
|
autoZIndex: boolean;
|
|
25
27
|
breakpoints: import("primevue").PopoverBreakpoints;
|
|
26
|
-
pt: any;
|
|
27
|
-
ptOptions: import("primevue/passthrough").PassThroughOptions;
|
|
28
28
|
closeOnEscape: boolean | undefined;
|
|
29
29
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
30
30
|
declare const __VLS_component: import("vue").DefineComponent<PopoverProps, {
|
|
@@ -39,12 +39,12 @@ declare const __VLS_component: import("vue").DefineComponent<PopoverProps, {
|
|
|
39
39
|
onShow?: () => any;
|
|
40
40
|
}>, {
|
|
41
41
|
dt: import("@primevue/core").DesignToken<any>;
|
|
42
|
+
pt: any;
|
|
43
|
+
ptOptions: import("primevue/passthrough").PassThroughOptions;
|
|
42
44
|
appendTo: import("@primevue/core").HintedString<"body" | "self"> | undefined | HTMLElement;
|
|
43
45
|
baseZIndex: number;
|
|
44
46
|
autoZIndex: boolean;
|
|
45
47
|
breakpoints: import("primevue").PopoverBreakpoints;
|
|
46
|
-
pt: any;
|
|
47
|
-
ptOptions: import("primevue/passthrough").PassThroughOptions;
|
|
48
48
|
closeOnEscape: boolean | undefined;
|
|
49
49
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
50
50
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
@@ -7,8 +7,8 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
7
7
|
disabled: boolean;
|
|
8
8
|
wide: boolean;
|
|
9
9
|
loading: boolean;
|
|
10
|
-
iconPrefix: string;
|
|
11
10
|
rounded: boolean;
|
|
11
|
+
iconPrefix: string;
|
|
12
12
|
$props: {
|
|
13
13
|
readonly color?: string;
|
|
14
14
|
readonly icon?: string;
|
|
@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
17
17
|
readonly disabled?: boolean;
|
|
18
18
|
readonly wide?: boolean;
|
|
19
19
|
readonly loading?: boolean;
|
|
20
|
-
readonly iconPrefix?: string;
|
|
21
20
|
readonly rounded?: boolean;
|
|
21
|
+
readonly iconPrefix?: string;
|
|
22
22
|
};
|
|
23
23
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
24
24
|
export default _default;
|
|
@@ -66,10 +66,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
66
66
|
}>, {
|
|
67
67
|
value: number;
|
|
68
68
|
disabled: boolean;
|
|
69
|
+
step: number;
|
|
70
|
+
vertical: boolean;
|
|
69
71
|
height: number;
|
|
70
72
|
max: number;
|
|
71
73
|
min: number;
|
|
72
|
-
vertical: boolean;
|
|
73
|
-
step: number;
|
|
74
74
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
75
75
|
export default _default;
|
|
@@ -1,137 +1,2 @@
|
|
|
1
1
|
export default button;
|
|
2
|
-
declare
|
|
3
|
-
namespace border {
|
|
4
|
-
let radius: string;
|
|
5
|
-
}
|
|
6
|
-
namespace padding {
|
|
7
|
-
let x: string;
|
|
8
|
-
let y: string;
|
|
9
|
-
}
|
|
10
|
-
namespace sm {
|
|
11
|
-
export namespace padding_1 {
|
|
12
|
-
let x_1: string;
|
|
13
|
-
export { x_1 as x };
|
|
14
|
-
let y_1: string;
|
|
15
|
-
export { y_1 as y };
|
|
16
|
-
}
|
|
17
|
-
export { padding_1 as padding };
|
|
18
|
-
}
|
|
19
|
-
namespace colorScheme {
|
|
20
|
-
namespace light {
|
|
21
|
-
namespace primary {
|
|
22
|
-
let color: string;
|
|
23
|
-
let activeColor: string;
|
|
24
|
-
let hoverColor: string;
|
|
25
|
-
let background: string;
|
|
26
|
-
let activeBackground: string;
|
|
27
|
-
let hoverBackground: string;
|
|
28
|
-
}
|
|
29
|
-
namespace secondary {
|
|
30
|
-
let color_1: string;
|
|
31
|
-
export { color_1 as color };
|
|
32
|
-
let activeColor_1: string;
|
|
33
|
-
export { activeColor_1 as activeColor };
|
|
34
|
-
let hoverColor_1: string;
|
|
35
|
-
export { hoverColor_1 as hoverColor };
|
|
36
|
-
let background_1: string;
|
|
37
|
-
export { background_1 as background };
|
|
38
|
-
let activeBackground_1: string;
|
|
39
|
-
export { activeBackground_1 as activeBackground };
|
|
40
|
-
let hoverBackground_1: string;
|
|
41
|
-
export { hoverBackground_1 as hoverBackground };
|
|
42
|
-
}
|
|
43
|
-
namespace success {
|
|
44
|
-
let color_2: string;
|
|
45
|
-
export { color_2 as color };
|
|
46
|
-
let activeColor_2: string;
|
|
47
|
-
export { activeColor_2 as activeColor };
|
|
48
|
-
let hoverColor_2: string;
|
|
49
|
-
export { hoverColor_2 as hoverColor };
|
|
50
|
-
let background_2: string;
|
|
51
|
-
export { background_2 as background };
|
|
52
|
-
let activeBackground_2: string;
|
|
53
|
-
export { activeBackground_2 as activeBackground };
|
|
54
|
-
let hoverBackground_2: string;
|
|
55
|
-
export { hoverBackground_2 as hoverBackground };
|
|
56
|
-
}
|
|
57
|
-
namespace info {
|
|
58
|
-
let color_3: string;
|
|
59
|
-
export { color_3 as color };
|
|
60
|
-
let activeColor_3: string;
|
|
61
|
-
export { activeColor_3 as activeColor };
|
|
62
|
-
let hoverColor_3: string;
|
|
63
|
-
export { hoverColor_3 as hoverColor };
|
|
64
|
-
let background_3: string;
|
|
65
|
-
export { background_3 as background };
|
|
66
|
-
let activeBackground_3: string;
|
|
67
|
-
export { activeBackground_3 as activeBackground };
|
|
68
|
-
let hoverBackground_3: string;
|
|
69
|
-
export { hoverBackground_3 as hoverBackground };
|
|
70
|
-
}
|
|
71
|
-
namespace job {
|
|
72
|
-
let color_4: string;
|
|
73
|
-
export { color_4 as color };
|
|
74
|
-
let activeColor_4: string;
|
|
75
|
-
export { activeColor_4 as activeColor };
|
|
76
|
-
let hoverColor_4: string;
|
|
77
|
-
export { hoverColor_4 as hoverColor };
|
|
78
|
-
let background_4: string;
|
|
79
|
-
export { background_4 as background };
|
|
80
|
-
let activeBackground_4: string;
|
|
81
|
-
export { activeBackground_4 as activeBackground };
|
|
82
|
-
let hoverBackground_4: string;
|
|
83
|
-
export { hoverBackground_4 as hoverBackground };
|
|
84
|
-
}
|
|
85
|
-
namespace error {
|
|
86
|
-
let color_5: string;
|
|
87
|
-
export { color_5 as color };
|
|
88
|
-
let activeColor_5: string;
|
|
89
|
-
export { activeColor_5 as activeColor };
|
|
90
|
-
let hoverColor_5: string;
|
|
91
|
-
export { hoverColor_5 as hoverColor };
|
|
92
|
-
let background_5: string;
|
|
93
|
-
export { background_5 as background };
|
|
94
|
-
let activeBackground_5: string;
|
|
95
|
-
export { activeBackground_5 as activeBackground };
|
|
96
|
-
let hoverBackground_5: string;
|
|
97
|
-
export { hoverBackground_5 as hoverBackground };
|
|
98
|
-
}
|
|
99
|
-
namespace transfer {
|
|
100
|
-
let color_6: string;
|
|
101
|
-
export { color_6 as color };
|
|
102
|
-
let activeColor_6: string;
|
|
103
|
-
export { activeColor_6 as activeColor };
|
|
104
|
-
let hoverColor_6: string;
|
|
105
|
-
export { hoverColor_6 as hoverColor };
|
|
106
|
-
let background_6: string;
|
|
107
|
-
export { background_6 as background };
|
|
108
|
-
let activeBackground_6: string;
|
|
109
|
-
export { activeBackground_6 as activeBackground };
|
|
110
|
-
let hoverBackground_6: string;
|
|
111
|
-
export { hoverBackground_6 as hoverBackground };
|
|
112
|
-
}
|
|
113
|
-
namespace disabled {
|
|
114
|
-
let color_7: string;
|
|
115
|
-
export { color_7 as color };
|
|
116
|
-
let background_7: string;
|
|
117
|
-
export { background_7 as background };
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
namespace extend {
|
|
122
|
-
export namespace transfer_1 {
|
|
123
|
-
let background_8: string;
|
|
124
|
-
export { background_8 as background };
|
|
125
|
-
let hoverBackground_7: string;
|
|
126
|
-
export { hoverBackground_7 as hoverBackground };
|
|
127
|
-
let color_8: string;
|
|
128
|
-
export { color_8 as color };
|
|
129
|
-
let hoverColor_7: string;
|
|
130
|
-
export { hoverColor_7 as hoverColor };
|
|
131
|
-
}
|
|
132
|
-
export { transfer_1 as transfer };
|
|
133
|
-
}
|
|
134
|
-
function css({ dt }: {
|
|
135
|
-
dt: any;
|
|
136
|
-
}): string;
|
|
137
|
-
}
|
|
2
|
+
declare const button: any;
|
|
@@ -1,10 +1,2 @@
|
|
|
1
1
|
export default popover;
|
|
2
|
-
declare
|
|
3
|
-
let background: string;
|
|
4
|
-
let borderColor: string;
|
|
5
|
-
let color: string;
|
|
6
|
-
let borderRadius: string;
|
|
7
|
-
let shadow: string;
|
|
8
|
-
let gutter: string;
|
|
9
|
-
let arrowOffset: string;
|
|
10
|
-
}
|
|
2
|
+
declare const popover: any;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import darkColor from './dark-color.js';
|
|
2
|
-
import lightColor from './light-color.js';
|
|
3
|
-
import palette from './palette.js';
|
|
4
|
-
|
|
5
|
-
const colorScheme = {
|
|
6
|
-
light: {
|
|
7
|
-
...palette,
|
|
8
|
-
...lightColor,
|
|
9
|
-
},
|
|
10
|
-
dark: {
|
|
11
|
-
...palette,
|
|
12
|
-
...darkColor,
|
|
13
|
-
},
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
export default colorScheme;
|
|
@@ -1,198 +0,0 @@
|
|
|
1
|
-
const darkColor = {
|
|
2
|
-
// dp colors
|
|
3
|
-
'dp-surface-color': {
|
|
4
|
-
1: 'hsl(225,20%,2%)',
|
|
5
|
-
2: 'hsl(225,20%,3%)',
|
|
6
|
-
3: 'hsl(225,20%,4%)',
|
|
7
|
-
4: 'hsl(225,20%,5%)',
|
|
8
|
-
5: 'hsl(225,20%,6%)',
|
|
9
|
-
6: 'hsl(225,20%,7%)',
|
|
10
|
-
7: 'hsl(225,20%,8%)',
|
|
11
|
-
8: 'hsl(225,20%,9%)',
|
|
12
|
-
9: 'hsl(225,20%,10%)',
|
|
13
|
-
10: 'hsl(225,20%,11%)',
|
|
14
|
-
11: 'hsl(225,20%,12%)',
|
|
15
|
-
12: 'hsl(225,20%,13%)',
|
|
16
|
-
13: 'hsl(225,20%,14%)',
|
|
17
|
-
14: 'hsl(225,20%,15%)',
|
|
18
|
-
15: 'hsl(225,20%,16%)',
|
|
19
|
-
16: 'hsl(225,20%,17%)',
|
|
20
|
-
17: 'hsl(225,20%,18%)',
|
|
21
|
-
18: 'hsl(225,20%,19%)',
|
|
22
|
-
19: 'hsl(225,20%,20%)',
|
|
23
|
-
20: 'hsl(225,20%,21%)',
|
|
24
|
-
21: 'hsl(225,20%,22%)',
|
|
25
|
-
22: 'hsl(225,20%,23%)',
|
|
26
|
-
23: 'hsl(225,20%,24%)',
|
|
27
|
-
24: 'hsl(225,20%,25%)',
|
|
28
|
-
},
|
|
29
|
-
|
|
30
|
-
// surface color for primevue theme
|
|
31
|
-
surface: {
|
|
32
|
-
0: 'hsl(225, 20%, 2%)', // dp 1
|
|
33
|
-
50: 'hsl(225, 20%, 4%)', // dp 3
|
|
34
|
-
100: 'hsl(225, 20%, 6%)', // dp 5
|
|
35
|
-
200: 'hsl(225, 20%, 9%)', // dp 8
|
|
36
|
-
300: 'hsl(225, 20%, 12%)', // dp 11
|
|
37
|
-
400: 'hsl(225, 20%, 15%)', // dp 14
|
|
38
|
-
500: 'hsl(225, 20%, 17%)', // dp 16
|
|
39
|
-
600: 'hsl(225, 20%, 19%)', // dp 18
|
|
40
|
-
700: 'hsl(225, 20%, 21%)', // dp 20
|
|
41
|
-
800: 'hsl(225, 20%, 23%)', // dp 22
|
|
42
|
-
900: 'hsl(225, 20%, 24%)', // dp 23
|
|
43
|
-
950: 'hsl(225, 20%, 25%)', // dp 24
|
|
44
|
-
contrastColor: '{white}',
|
|
45
|
-
},
|
|
46
|
-
|
|
47
|
-
primary: {
|
|
48
|
-
50: 'hsla(43, 97%, 95%, 1)',
|
|
49
|
-
100: 'hsla(43, 97%, 90%, 1)',
|
|
50
|
-
200: 'hsla(43, 97%, 80%, 1)',
|
|
51
|
-
300: 'hsla(43, 97%, 70%, 1)',
|
|
52
|
-
400: 'hsla(43, 97%, 60%, 1)',
|
|
53
|
-
500: 'hsla(43, 97%, 50%, 1)',
|
|
54
|
-
600: 'hsla(43, 97%, 40%, 1)',
|
|
55
|
-
700: 'hsla(43, 97%, 30%, 1)',
|
|
56
|
-
800: 'hsla(43, 97%, 20%, 1)',
|
|
57
|
-
900: 'hsla(43, 97%, 15%, 1)',
|
|
58
|
-
950: 'hsla(43, 97%, 10%, 1)',
|
|
59
|
-
contrastColor: '{black}',
|
|
60
|
-
},
|
|
61
|
-
|
|
62
|
-
secondary: {
|
|
63
|
-
50: 'hsl(225, 20%, 25%)',
|
|
64
|
-
100: 'hsl(225, 20%, 22%)',
|
|
65
|
-
200: 'hsl(225, 20%, 19%)',
|
|
66
|
-
300: 'hsl(225, 20%, 16%)',
|
|
67
|
-
400: 'hsl(225, 20%, 13%)',
|
|
68
|
-
500: 'hsl(225, 20%, 11%)',
|
|
69
|
-
600: 'hsl(225, 20%, 9%)',
|
|
70
|
-
700: 'hsl(225, 20%, 7%)',
|
|
71
|
-
800: 'hsl(225, 20%, 5%)',
|
|
72
|
-
900: 'hsl(225, 20%, 4%)',
|
|
73
|
-
950: 'hsl(225, 20%, 3%)',
|
|
74
|
-
contrastColor: '{white}',
|
|
75
|
-
},
|
|
76
|
-
|
|
77
|
-
success: {
|
|
78
|
-
50: 'hsla(121, 75%, 90%, 1)',
|
|
79
|
-
100: 'hsla(121, 75%, 80%, 1)',
|
|
80
|
-
200: 'hsla(121, 75%, 65%, 1)',
|
|
81
|
-
300: 'hsla(121, 75%, 50%, 1)',
|
|
82
|
-
400: 'hsla(121, 75%, 42%, 1)',
|
|
83
|
-
500: 'hsla(121, 75%, 35%, 1)',
|
|
84
|
-
600: 'hsla(121, 75%, 30%, 1)',
|
|
85
|
-
700: 'hsla(121, 75%, 25%, 1)',
|
|
86
|
-
800: 'hsla(121, 75%, 20%, 1)',
|
|
87
|
-
900: 'hsla(121, 75%, 15%, 1)',
|
|
88
|
-
950: 'hsla(121, 75%, 10%, 1)',
|
|
89
|
-
contrastColor: '{grey.lighten.5}',
|
|
90
|
-
},
|
|
91
|
-
|
|
92
|
-
info: {
|
|
93
|
-
50: 'hsla(209, 75%, 95%, 1)',
|
|
94
|
-
100: 'hsla(209, 75%, 88%, 1)',
|
|
95
|
-
200: 'hsla(209, 75%, 76%, 1)',
|
|
96
|
-
300: 'hsla(209, 75%, 64%, 1)',
|
|
97
|
-
400: 'hsla(209, 75%, 57%, 1)',
|
|
98
|
-
500: 'hsla(209, 75%, 50%, 1)',
|
|
99
|
-
600: 'hsla(209, 75%, 42%, 1)',
|
|
100
|
-
700: 'hsla(209, 75%, 34%, 1)',
|
|
101
|
-
800: 'hsla(209, 75%, 26%, 1)',
|
|
102
|
-
900: 'hsla(209, 75%, 18%, 1)',
|
|
103
|
-
950: 'hsla(209, 75%, 12%, 1)',
|
|
104
|
-
contrastColor: '{black}',
|
|
105
|
-
},
|
|
106
|
-
|
|
107
|
-
danger: {
|
|
108
|
-
50: 'hsla(0, 90%, 97%, 1)',
|
|
109
|
-
100: 'hsla(0, 90%, 90%, 1)',
|
|
110
|
-
200: 'hsla(0, 90%, 80%, 1)',
|
|
111
|
-
300: 'hsla(0, 90%, 72%, 1)',
|
|
112
|
-
400: 'hsla(0, 90%, 68%, 1)',
|
|
113
|
-
500: 'hsla(0, 90%, 65%, 1)',
|
|
114
|
-
600: 'hsla(0, 90%, 55%, 1)',
|
|
115
|
-
700: 'hsla(0, 90%, 45%, 1)',
|
|
116
|
-
800: 'hsla(0, 90%, 35%, 1)',
|
|
117
|
-
900: 'hsla(0, 90%, 25%, 1)',
|
|
118
|
-
950: 'hsla(0, 90%, 15%, 1)',
|
|
119
|
-
contrastColor: '{white}',
|
|
120
|
-
},
|
|
121
|
-
|
|
122
|
-
// content wrapper
|
|
123
|
-
'content-wrapper-color': '{dp-surface-color.20}',
|
|
124
|
-
|
|
125
|
-
// success colors
|
|
126
|
-
'success-color': '{green.darken.4}',
|
|
127
|
-
'success-hover-color': '{green.darken.3}',
|
|
128
|
-
'success-light-color': '{green.lighten.4}',
|
|
129
|
-
'success-on-color': '{black}',
|
|
130
|
-
|
|
131
|
-
// warning colors
|
|
132
|
-
'warning-color': '{orange.accent.2}',
|
|
133
|
-
'warning-hover-color': '{orange.accent.1}',
|
|
134
|
-
'warning-light-color': '{orange.lighten.3}',
|
|
135
|
-
'warning-on-color': '{black}',
|
|
136
|
-
|
|
137
|
-
// error colors
|
|
138
|
-
'error-color': '{red.accent.2}',
|
|
139
|
-
'error-hover-color': '{red.lighten.2}',
|
|
140
|
-
'error-light-color': '{red.lighten.3}',
|
|
141
|
-
'error-on-color': '{black}',
|
|
142
|
-
|
|
143
|
-
// info colors
|
|
144
|
-
'info-color': '{blue.darken.1}',
|
|
145
|
-
'info-hover-color': '{blue.lighten.1}',
|
|
146
|
-
'info-light-color': '{blue.lighten.3}',
|
|
147
|
-
'info-on-color': '{white}',
|
|
148
|
-
|
|
149
|
-
// job colors
|
|
150
|
-
'job-color': '{blue.darken.1}',
|
|
151
|
-
'job-hover-color': '{blue.lighten.1}',
|
|
152
|
-
'job-light-color': '{blue.lighten.3}',
|
|
153
|
-
'job-on-color': '{white}',
|
|
154
|
-
|
|
155
|
-
// chat colors
|
|
156
|
-
'chat-color': '{indigo.accent.2}',
|
|
157
|
-
'chat-hover-color': '{indigo.accent.1}',
|
|
158
|
-
'chat-light-color': '{indigo.lighten.3}',
|
|
159
|
-
'chat-on-color': '{white}',
|
|
160
|
-
|
|
161
|
-
// transfer colors
|
|
162
|
-
'transfer-color': '{indigo.darken.1}',
|
|
163
|
-
'transfer-hover-color': '{indigo.lighten.1}',
|
|
164
|
-
'transfer-light-color': '{indigo.lighten.4}',
|
|
165
|
-
'transfer-on-color': '{white}',
|
|
166
|
-
|
|
167
|
-
// primary colors
|
|
168
|
-
'primary-color': '{amber.darken.2}',
|
|
169
|
-
'primary-hover-color': '{amber.darken.1}',
|
|
170
|
-
'primary-light-color': '{amber.darken.4}',
|
|
171
|
-
'primary-on-color': '{black}',
|
|
172
|
-
|
|
173
|
-
// secondary colors
|
|
174
|
-
'secondary-color': '{dp-surface-color.10}',
|
|
175
|
-
'secondary-hover-color': '{dp-surface-color.14}',
|
|
176
|
-
'secondary-light-color': '{dp-surface-color.16}',
|
|
177
|
-
'secondary-on-color': '{grey.lighten.4}',
|
|
178
|
-
|
|
179
|
-
// email colors
|
|
180
|
-
'email-color': '{blue.darken.3}',
|
|
181
|
-
'email-hover-color': '{blue.darken.2}',
|
|
182
|
-
'email-light-color': '{blue.lighten.1}',
|
|
183
|
-
'email-on-color': '{white}',
|
|
184
|
-
|
|
185
|
-
// accent colors
|
|
186
|
-
'accent-color': '{purple.lighten.1}',
|
|
187
|
-
'sub-accent-color': '{indigo.darken.3}',
|
|
188
|
-
|
|
189
|
-
// typography colors
|
|
190
|
-
'text-main-color': '{grey.lighten.1}',
|
|
191
|
-
'text-disabled-color': '{grey.darken.1}',
|
|
192
|
-
'text-error-color': '{error-color}',
|
|
193
|
-
'text-link-color': '{info-color}',
|
|
194
|
-
|
|
195
|
-
'text-on-brand-color': '{white}',
|
|
196
|
-
};
|
|
197
|
-
|
|
198
|
-
export default darkColor;
|