@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.
Files changed (31) hide show
  1. package/dist/img/sprite/index.js +1 -1
  2. package/dist/ui-sdk.css +1 -1
  3. package/dist/ui-sdk.js +6298 -5690
  4. package/dist/ui-sdk.umd.cjs +104 -104
  5. package/package.json +2 -2
  6. package/src/components/wt-button/wt-button.vue +66 -236
  7. package/src/css/main.scss +0 -8
  8. package/src/enums/ButtonColor/ButtonColor.ts +1 -0
  9. package/src/plugins/primevue/primevue.plugin.js +1 -1
  10. package/src/plugins/primevue/theme/components/button/button.js +4 -98
  11. package/src/plugins/primevue/theme/components/popover/popover.js +4 -7
  12. package/src/plugins/primevue/theme/components/tooltip/tooltip.js +4 -5
  13. package/src/plugins/primevue/theme/webitel-theme.js +1 -1
  14. package/types/components/wt-button/wt-button.vue.d.ts +56 -104
  15. package/types/components/wt-popover/wt-popover.vue.d.ts +4 -4
  16. package/types/components/wt-rounded-action/wt-rounded-action.vue.d.ts +2 -2
  17. package/types/components/wt-slider/wt-slider.vue.d.ts +2 -2
  18. package/types/enums/ButtonColor/ButtonColor.d.ts +1 -0
  19. package/types/plugins/primevue/theme/components/button/button.d.ts +1 -136
  20. package/types/plugins/primevue/theme/components/popover/popover.d.ts +1 -9
  21. package/types/plugins/primevue/theme/components/tooltip/tooltip.d.ts +1 -7
  22. package/src/plugins/primevue/theme/semantic/color-scheme/color-schema.js +0 -16
  23. package/src/plugins/primevue/theme/semantic/color-scheme/dark-color.js +0 -198
  24. package/src/plugins/primevue/theme/semantic/color-scheme/light-color.js +0 -198
  25. package/src/plugins/primevue/theme/semantic/color-scheme/palette.js +0 -516
  26. package/src/plugins/primevue/theme/semantic/semantic.js +0 -7
  27. package/types/plugins/primevue/theme/semantic/color-scheme/color-schema.d.ts +0 -1189
  28. package/types/plugins/primevue/theme/semantic/color-scheme/dark-color.d.ts +0 -162
  29. package/types/plugins/primevue/theme/semantic/color-scheme/light-color.d.ts +0 -162
  30. package/types/plugins/primevue/theme/semantic/color-scheme/palette.d.ts +0 -435
  31. package/types/plugins/primevue/theme/semantic/semantic.d.ts +0 -5
@@ -1,113 +1,65 @@
1
- declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- /**
3
- * @values 'primary', 'secondary', 'success', 'error', 'transfer', 'job', 'info'
4
- * @example <wt-button color="success"></wt-button>
5
- */
6
- color: {
7
- type: StringConstructor;
8
- default: string;
9
- };
10
- disabled: {
11
- type: BooleanConstructor;
12
- default: boolean;
13
- };
14
- loading: {
15
- type: BooleanConstructor;
16
- default: boolean;
17
- };
18
- /**
19
- * @values 'sm', 'md'
20
- * @example <wt-button size="sm"></wt-button>
21
- */
22
- size: {
23
- type: StringConstructor;
24
- default: string;
25
- options: string[];
26
- };
27
- /**
28
- * Stretches button to all available width
29
- */
30
- wide: {
31
- type: BooleanConstructor;
32
- default: boolean;
33
- };
34
- /**
35
- * Shrinks button to content width
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: string;
106
- size: string;
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;
@@ -2,6 +2,7 @@ export declare const ButtonColor: {
2
2
  readonly PRIMARY: "primary";
3
3
  readonly SECONDARY: "secondary";
4
4
  readonly SUCCESS: "success";
5
+ readonly WARN: "warn";
5
6
  readonly ERROR: "error";
6
7
  readonly TRANSFER: "transfer";
7
8
  readonly JOB: "job";
@@ -1,137 +1,2 @@
1
1
  export default button;
2
- declare namespace button {
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 namespace popover {
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,8 +1,2 @@
1
1
  export default tooltip;
2
- declare namespace tooltip {
3
- let maxWidth: string;
4
- let gutter: string;
5
- let shadow: string;
6
- let padding: string;
7
- let borderRadius: string;
8
- }
2
+ declare const tooltip: 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;