colibri-ui 0.7.84 → 0.7.86

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 (64) hide show
  1. package/Avatar/assets/user-circle.svg.js +53 -0
  2. package/Avatar/index.js +2 -2
  3. package/Button/Button.module.css +18 -18
  4. package/Checkbox/Checkbox.module.css +4 -4
  5. package/Chip/Chip.module.css +1 -3
  6. package/InputRadio/InputRadio.module.css +5 -5
  7. package/Menu/components/MenuItem/index.js +1 -1
  8. package/Status/index.d.ts +4 -0
  9. package/Status/index.js +28 -0
  10. package/Status/index.module.css +45 -0
  11. package/Status/index.props.d.ts +13 -0
  12. package/Status/package.json +6 -0
  13. package/Switch/Switch.module.css +2 -2
  14. package/TabsMenu/Tab/Tab.props.d.ts +0 -1
  15. package/TabsMenu/index.js +2 -3
  16. package/TabsMenu/index.props.d.ts +0 -1
  17. package/Theme/colors/common.js +3 -3
  18. package/Theme/colors/theme_buenos_aires.js +13 -13
  19. package/Theme/colors/theme_default.js +7 -7
  20. package/Theme/index.d.ts +76 -60
  21. package/Theme/themes/buenos_aires.d.ts +38 -30
  22. package/Theme/themes/buenos_aires.js +38 -30
  23. package/Theme/themes/default.d.ts +38 -30
  24. package/Theme/themes/default.js +38 -30
  25. package/Tooltip/Tooltip.module.css +3 -3
  26. package/Typography/index.js +2 -2
  27. package/base/InputRoot/InputRoot.module.css +1 -1
  28. package/esm/Avatar/assets/user-circle.svg.js +28 -0
  29. package/esm/Avatar/index.js +2 -2
  30. package/esm/Button/Button.module.css +18 -18
  31. package/esm/Checkbox/Checkbox.module.css +4 -4
  32. package/esm/Chip/Chip.module.css +1 -3
  33. package/esm/InputRadio/InputRadio.module.css +5 -5
  34. package/esm/Menu/components/MenuItem/index.js +1 -1
  35. package/esm/Status/index.d.ts +4 -0
  36. package/esm/Status/index.js +18 -0
  37. package/esm/Status/index.module.css +45 -0
  38. package/esm/Status/index.props.d.ts +13 -0
  39. package/esm/Switch/Switch.module.css +2 -2
  40. package/esm/TabsMenu/Tab/Tab.props.d.ts +0 -1
  41. package/esm/TabsMenu/index.js +2 -3
  42. package/esm/TabsMenu/index.props.d.ts +0 -1
  43. package/esm/Theme/colors/common.js +3 -3
  44. package/esm/Theme/colors/theme_buenos_aires.js +13 -13
  45. package/esm/Theme/colors/theme_default.js +7 -7
  46. package/esm/Theme/index.d.ts +76 -60
  47. package/esm/Theme/themes/buenos_aires.d.ts +38 -30
  48. package/esm/Theme/themes/buenos_aires.js +38 -30
  49. package/esm/Theme/themes/default.d.ts +38 -30
  50. package/esm/Theme/themes/default.js +38 -30
  51. package/esm/Tooltip/Tooltip.module.css +3 -3
  52. package/esm/Typography/index.js +2 -2
  53. package/esm/base/InputRoot/InputRoot.module.css +1 -1
  54. package/esm/index.d.ts +1 -0
  55. package/esm/index.js +1 -0
  56. package/esm/theme_ba_variables.css +75 -67
  57. package/esm/theme_default_variables.css +58 -50
  58. package/index.d.ts +1 -0
  59. package/index.js +22 -20
  60. package/package.json +1 -1
  61. package/theme_ba_variables.css +75 -67
  62. package/theme_default_variables.css +58 -50
  63. package/Avatar/assets/male-circle.svg.js +0 -62
  64. package/esm/Avatar/assets/male-circle.svg.js +0 -37
package/Theme/index.d.ts CHANGED
@@ -25,85 +25,93 @@ export declare const THEMES: {
25
25
  "typography-alert": string;
26
26
  "typography-success": string;
27
27
  "typography-secondary": string;
28
- "button-border-radius": string;
29
28
  "button-primary-color": string;
30
- "button-primary-background-color": string;
29
+ "button-primary-bg": string;
31
30
  "button-primary-border-color": string;
32
31
  "button-primary-color-hovered": string;
33
- "button-primary-background-color-hovered": string;
32
+ "button-primary-bg-hovered": string;
34
33
  "button-primary-border-color-hovered": string;
35
34
  "button-primary-color-active": string;
36
- "button-primary-background-color-active": string;
35
+ "button-primary-bg-active": string;
37
36
  "button-primary-border-color-active": string;
38
37
  "button-primary-color-disabled": string;
39
- "button-primary-background-color-disabled": string;
38
+ "button-primary-bg-disabled": string;
40
39
  "button-primary-border-color-disabled": string;
41
40
  "button-secondary-color": string;
42
- "button-secondary-background-color": string;
41
+ "button-secondary-bg": string;
43
42
  "button-secondary-border-color": string;
44
43
  "button-secondary-color-hovered": string;
45
- "button-secondary-background-color-hovered": string;
44
+ "button-secondary-bg-hovered": string;
46
45
  "button-secondary-border-color-hovered": string;
47
46
  "button-secondary-color-active": string;
48
- "button-secondary-background-color-active": string;
47
+ "button-secondary-bg-active": string;
49
48
  "button-secondary-border-color-active": string;
50
49
  "button-secondary-color-disabled": string;
51
- "button-secondary-background-color-disabled": string;
50
+ "button-secondary-bg-disabled": string;
52
51
  "button-secondary-border-color-disabled": string;
53
52
  "button-pseudo-color": string;
54
- "button-pseudo-background-color": string;
53
+ "button-pseudo-bg": string;
55
54
  "button-pseudo-border-color": string;
56
55
  "button-pseudo-color-hovered": string;
57
- "button-pseudo-background-color-hovered": string;
56
+ "button-pseudo-bg-hovered": string;
58
57
  "button-pseudo-border-color-hovered": string;
59
58
  "button-pseudo-color-active": string;
60
- "button-pseudo-background-color-active": string;
59
+ "button-pseudo-bg-active": string;
61
60
  "button-pseudo-border-color-active": string;
62
61
  "button-pseudo-color-disabled": string;
63
- "button-pseudo-background-color-disabled": string;
62
+ "button-pseudo-bg-disabled": string;
64
63
  "button-pseudo-border-color-disabled": string;
65
64
  "button-outline-color": string;
66
- "button-outline-background-color": string;
65
+ "button-outline-bg": string;
67
66
  "button-outline-border-color": string;
68
67
  "button-outline-color-hovered": string;
69
- "button-outline-background-color-hovered": string;
68
+ "button-outline-bg-hovered": string;
70
69
  "button-outline-border-color-hovered": string;
71
70
  "button-outline-color-active": string;
72
- "button-outline-background-color-active": string;
71
+ "button-outline-bg-active": string;
73
72
  "button-outline-border-color-active": string;
74
73
  "button-outline-color-disabled": string;
75
- "button-outline-background-color-disabled": string;
74
+ "button-outline-bg-disabled": string;
76
75
  "button-outline-border-color-disabled": string;
77
76
  "button-clear-color": string;
78
77
  "button-clear-color-hovered": string;
79
78
  "button-clear-color-active": string;
80
79
  "button-clear-color-disabled": string;
81
- "button-clear-background-color-disabled": string;
80
+ "button-clear-bg-disabled": string;
82
81
  "button-clear-border-color-disabled": string;
83
82
  "input-primary-border-color": string;
84
83
  "input-primary-plaseholder-color": string;
85
84
  "input-primary-border-color-error": string;
86
- "input-primary-background-color-error": string;
85
+ "input-primary-bg-error": string;
87
86
  "input-primary-box-shadow-color-error": string;
88
- "checkbox-background-color-checked": string;
89
- "checkbox-background-color-hovered": string;
87
+ "checkbox-bg-checked": string;
88
+ "checkbox-bg-hovered": string;
90
89
  "checkbox-box-shadow-focused": string;
91
- "checkbox-background-color-active": string;
90
+ "checkbox-bg-active": string;
92
91
  "checkbox-border-color-active": string;
93
92
  "checkbox-box-shadow-active": string;
94
- "checkbox-background-color-disabled": string;
95
- "input-radio-background-color-checked": string;
96
- "input-radio-background-color-hovered": string;
93
+ "checkbox-bg-disabled": string;
94
+ "input-radio-bg-checked": string;
95
+ "input-radio-bg-hovered": string;
97
96
  "input-radio-box-shadow-focused": string;
98
- "input-radio-background-color-focused": string;
97
+ "input-radio-bg-focused": string;
99
98
  "input-radio-border-color-focused": string;
100
- "switch-background-color": string;
99
+ "switch-bg": string;
101
100
  "switch-border-color": string;
102
- "switch-background-color-checked": string;
101
+ "switch-bg-checked": string;
103
102
  "switch-border-color-checked": string;
104
- "tooltip-background-color": string;
103
+ "tooltip-bg": string;
105
104
  "tooltip-color": string;
106
- "tooltip-border-radius": string;
105
+ "status-failure": string;
106
+ "status-failure-bg": string;
107
+ "status-success": string;
108
+ "status-success-bg": string;
109
+ "status-warning": string;
110
+ "status-warning-bg": string;
111
+ "status-info": string;
112
+ "status-info-bg": string;
113
+ "status-neutral": string;
114
+ "status-neutral-bg": string;
107
115
  };
108
116
  BA: {
109
117
  "palette-black": string;
@@ -131,84 +139,92 @@ export declare const THEMES: {
131
139
  "typography-alert": string;
132
140
  "typography-success": string;
133
141
  "typography-secondary": string;
134
- "button-border-radius": string;
135
142
  "button-primary-color": string;
136
- "button-primary-background-color": string;
143
+ "button-primary-bg": string;
137
144
  "button-primary-border-color": string;
138
145
  "button-primary-color-hovered": string;
139
- "button-primary-background-color-hovered": string;
146
+ "button-primary-bg-hovered": string;
140
147
  "button-primary-border-color-hovered": string;
141
148
  "button-primary-color-active": string;
142
- "button-primary-background-color-active": string;
149
+ "button-primary-bg-active": string;
143
150
  "button-primary-border-color-active": string;
144
151
  "button-primary-color-disabled": string;
145
- "button-primary-background-color-disabled": string;
152
+ "button-primary-bg-disabled": string;
146
153
  "button-primary-border-color-disabled": string;
147
154
  "button-secondary-color": string;
148
- "button-secondary-background-color": string;
155
+ "button-secondary-bg": string;
149
156
  "button-secondary-border-color": string;
150
157
  "button-secondary-color-hovered": string;
151
- "button-secondary-background-color-hovered": string;
158
+ "button-secondary-bg-hovered": string;
152
159
  "button-secondary-border-color-hovered": string;
153
160
  "button-secondary-color-active": string;
154
- "button-secondary-background-color-active": string;
161
+ "button-secondary-bg-active": string;
155
162
  "button-secondary-border-color-active": string;
156
163
  "button-secondary-color-disabled": string;
157
- "button-secondary-background-color-disabled": string;
164
+ "button-secondary-bg-disabled": string;
158
165
  "button-secondary-border-color-disabled": string;
159
166
  "button-outline-color": string;
160
- "button-outline-background-color": string;
167
+ "button-outline-bg": string;
161
168
  "button-outline-border-color": string;
162
169
  "button-outline-color-hovered": string;
163
- "button-outline-background-color-hovered": string;
170
+ "button-outline-bg-hovered": string;
164
171
  "button-outline-border-color-hovered": string;
165
172
  "button-outline-color-active": string;
166
- "button-outline-background-color-active": string;
173
+ "button-outline-bg-active": string;
167
174
  "button-outline-border-color-active": string;
168
175
  "button-outline-color-disabled": string;
169
- "button-outline-background-color-disabled": string;
176
+ "button-outline-bg-disabled": string;
170
177
  "button-outline-border-color-disabled": string;
171
178
  "button-pseudo-color": string;
172
- "button-pseudo-background-color": string;
179
+ "button-pseudo-bg": string;
173
180
  "button-pseudo-border-color": string;
174
181
  "button-pseudo-color-hovered": string;
175
- "button-pseudo-background-color-hovered": string;
182
+ "button-pseudo-bg-hovered": string;
176
183
  "button-pseudo-border-color-hovered": string;
177
184
  "button-pseudo-color-active": string;
178
- "button-pseudo-background-color-active": string;
185
+ "button-pseudo-bg-active": string;
179
186
  "button-pseudo-border-color-active": string;
180
187
  "button-pseudo-color-disabled": string;
181
- "button-pseudo-background-color-disabled": string;
188
+ "button-pseudo-bg-disabled": string;
182
189
  "button-pseudo-border-color-disabled": string;
183
190
  "button-clear-color": string;
184
191
  "button-clear-color-hovered": string;
185
192
  "button-clear-color-active": string;
186
193
  "button-clear-color-disabled": string;
187
- "button-clear-background-color-disabled": string;
194
+ "button-clear-bg-disabled": string;
188
195
  "button-clear-border-color-disabled": string;
189
196
  "input-primary-border-color": string;
190
197
  "input-primary-plaseholder-color": string;
191
198
  "input-primary-border-color-error": string;
192
- "input-primary-background-color-error": string;
199
+ "input-primary-bg-error": string;
193
200
  "input-primary-box-shadow-color-error": string;
194
- "checkbox-background-color-checked": string;
195
- "checkbox-background-color-hovered": string;
201
+ "checkbox-bg-checked": string;
202
+ "checkbox-bg-hovered": string;
196
203
  "checkbox-box-shadow-focused": string;
197
- "checkbox-background-color-active": string;
204
+ "checkbox-bg-active": string;
198
205
  "checkbox-border-color-active": string;
199
206
  "checkbox-box-shadow-active": string;
200
- "checkbox-background-color-disabled": string;
201
- "input-radio-background-color-checked": string;
202
- "input-radio-background-color-hovered": string;
207
+ "checkbox-bg-disabled": string;
208
+ "input-radio-bg-checked": string;
209
+ "input-radio-bg-hovered": string;
203
210
  "input-radio-box-shadow-focused": string;
204
- "input-radio-background-color-focused": string;
211
+ "input-radio-bg-focused": string;
205
212
  "input-radio-border-color-focused": string;
206
- "switch-background-color": string;
213
+ "switch-bg": string;
207
214
  "switch-border-color": string;
208
- "switch-background-color-checked": string;
215
+ "switch-bg-checked": string;
209
216
  "switch-border-color-checked": string;
210
- "tooltip-background-color": string;
217
+ "tooltip-bg": string;
211
218
  "tooltip-color": string;
212
- "tooltip-border-radius": string;
219
+ "status-failure": string;
220
+ "status-failure-bg": string;
221
+ "status-success": string;
222
+ "status-success-bg": string;
223
+ "status-warning": string;
224
+ "status-warning-bg": string;
225
+ "status-info": string;
226
+ "status-info-bg": string;
227
+ "status-neutral": string;
228
+ "status-neutral-bg": string;
213
229
  };
214
230
  };
package/Theme/themes/buenos_aires.d.ts CHANGED
@@ -24,84 +24,92 @@ declare const _default: {
24
24
  "typography-alert": string;
25
25
  "typography-success": string;
26
26
  "typography-secondary": string;
27
- "button-border-radius": string;
28
27
  "button-primary-color": string;
29
- "button-primary-background-color": string;
28
+ "button-primary-bg": string;
30
29
  "button-primary-border-color": string;
31
30
  "button-primary-color-hovered": string;
32
- "button-primary-background-color-hovered": string;
31
+ "button-primary-bg-hovered": string;
33
32
  "button-primary-border-color-hovered": string;
34
33
  "button-primary-color-active": string;
35
- "button-primary-background-color-active": string;
34
+ "button-primary-bg-active": string;
36
35
  "button-primary-border-color-active": string;
37
36
  "button-primary-color-disabled": string;
38
- "button-primary-background-color-disabled": string;
37
+ "button-primary-bg-disabled": string;
39
38
  "button-primary-border-color-disabled": string;
40
39
  "button-secondary-color": string;
41
- "button-secondary-background-color": string;
40
+ "button-secondary-bg": string;
42
41
  "button-secondary-border-color": string;
43
42
  "button-secondary-color-hovered": string;
44
- "button-secondary-background-color-hovered": string;
43
+ "button-secondary-bg-hovered": string;
45
44
  "button-secondary-border-color-hovered": string;
46
45
  "button-secondary-color-active": string;
47
- "button-secondary-background-color-active": string;
46
+ "button-secondary-bg-active": string;
48
47
  "button-secondary-border-color-active": string;
49
48
  "button-secondary-color-disabled": string;
50
- "button-secondary-background-color-disabled": string;
49
+ "button-secondary-bg-disabled": string;
51
50
  "button-secondary-border-color-disabled": string;
52
51
  "button-outline-color": string;
53
- "button-outline-background-color": string;
52
+ "button-outline-bg": string;
54
53
  "button-outline-border-color": string;
55
54
  "button-outline-color-hovered": string;
56
- "button-outline-background-color-hovered": string;
55
+ "button-outline-bg-hovered": string;
57
56
  "button-outline-border-color-hovered": string;
58
57
  "button-outline-color-active": string;
59
- "button-outline-background-color-active": string;
58
+ "button-outline-bg-active": string;
60
59
  "button-outline-border-color-active": string;
61
60
  "button-outline-color-disabled": string;
62
- "button-outline-background-color-disabled": string;
61
+ "button-outline-bg-disabled": string;
63
62
  "button-outline-border-color-disabled": string;
64
63
  "button-pseudo-color": string;
65
- "button-pseudo-background-color": string;
64
+ "button-pseudo-bg": string;
66
65
  "button-pseudo-border-color": string;
67
66
  "button-pseudo-color-hovered": string;
68
- "button-pseudo-background-color-hovered": string;
67
+ "button-pseudo-bg-hovered": string;
69
68
  "button-pseudo-border-color-hovered": string;
70
69
  "button-pseudo-color-active": string;
71
- "button-pseudo-background-color-active": string;
70
+ "button-pseudo-bg-active": string;
72
71
  "button-pseudo-border-color-active": string;
73
72
  "button-pseudo-color-disabled": string;
74
- "button-pseudo-background-color-disabled": string;
73
+ "button-pseudo-bg-disabled": string;
75
74
  "button-pseudo-border-color-disabled": string;
76
75
  "button-clear-color": string;
77
76
  "button-clear-color-hovered": string;
78
77
  "button-clear-color-active": string;
79
78
  "button-clear-color-disabled": string;
80
- "button-clear-background-color-disabled": string;
79
+ "button-clear-bg-disabled": string;
81
80
  "button-clear-border-color-disabled": string;
82
81
  "input-primary-border-color": string;
83
82
  "input-primary-plaseholder-color": string;
84
83
  "input-primary-border-color-error": string;
85
- "input-primary-background-color-error": string;
84
+ "input-primary-bg-error": string;
86
85
  "input-primary-box-shadow-color-error": string;
87
- "checkbox-background-color-checked": string;
88
- "checkbox-background-color-hovered": string;
86
+ "checkbox-bg-checked": string;
87
+ "checkbox-bg-hovered": string;
89
88
  "checkbox-box-shadow-focused": string;
90
- "checkbox-background-color-active": string;
89
+ "checkbox-bg-active": string;
91
90
  "checkbox-border-color-active": string;
92
91
  "checkbox-box-shadow-active": string;
93
- "checkbox-background-color-disabled": string;
94
- "input-radio-background-color-checked": string;
95
- "input-radio-background-color-hovered": string;
92
+ "checkbox-bg-disabled": string;
93
+ "input-radio-bg-checked": string;
94
+ "input-radio-bg-hovered": string;
96
95
  "input-radio-box-shadow-focused": string;
97
- "input-radio-background-color-focused": string;
96
+ "input-radio-bg-focused": string;
98
97
  "input-radio-border-color-focused": string;
99
- "switch-background-color": string;
98
+ "switch-bg": string;
100
99
  "switch-border-color": string;
101
- "switch-background-color-checked": string;
100
+ "switch-bg-checked": string;
102
101
  "switch-border-color-checked": string;
103
- "tooltip-background-color": string;
102
+ "tooltip-bg": string;
104
103
  "tooltip-color": string;
105
- "tooltip-border-radius": string;
104
+ "status-failure": string;
105
+ "status-failure-bg": string;
106
+ "status-success": string;
107
+ "status-success-bg": string;
108
+ "status-warning": string;
109
+ "status-warning-bg": string;
110
+ "status-info": string;
111
+ "status-info-bg": string;
112
+ "status-neutral": string;
113
+ "status-neutral-bg": string;
106
114
  };
107
115
  export default _default;
package/Theme/themes/buenos_aires.js CHANGED
@@ -30,85 +30,93 @@ var THEME_BA = {
30
30
  "typography-alert": index.default.ALERT,
31
31
  "typography-success": index.default.SUCCESS,
32
32
  "typography-secondary": index.default.BG_3,
33
- "button-border-radius": "18px",
34
33
  "button-primary-color": index.default.BLACK,
35
- "button-primary-background-color": index.default.PRIMARY_BA_4,
34
+ "button-primary-bg": index.default.PRIMARY_BA_4,
36
35
  "button-primary-border-color": index.default.PRIMARY_BA_4,
37
36
  "button-primary-color-hovered": index.default.BLACK,
38
- "button-primary-background-color-hovered": index.default.PRIMARY_BA_4,
37
+ "button-primary-bg-hovered": index.default.PRIMARY_BA_4,
39
38
  "button-primary-border-color-hovered": index.default.PRIMARY_BA_4,
40
39
  "button-primary-color-active": index.default.BLACK,
41
- "button-primary-background-color-active": index.default.PRIMARY_BA_5,
40
+ "button-primary-bg-active": index.default.PRIMARY_BA_5,
42
41
  "button-primary-border-color-active": index.default.PRIMARY_BA_5,
43
42
  "button-primary-color-disabled": index.default.BG_4,
44
- "button-primary-background-color-disabled": index.default.PRIMARY_BA_1,
43
+ "button-primary-bg-disabled": index.default.PRIMARY_BA_1,
45
44
  "button-primary-border-color-disabled": index.default.PRIMARY_BA_1,
46
45
  "button-secondary-color": index.default.WHITE,
47
- "button-secondary-background-color": index.default.SECONDARY_BA_4,
46
+ "button-secondary-bg": index.default.SECONDARY_BA_4,
48
47
  "button-secondary-border-color": index.default.SECONDARY_BA_4,
49
48
  "button-secondary-color-hovered": index.default.WHITE,
50
- "button-secondary-background-color-hovered": index.default.SECONDARY_BA_4,
49
+ "button-secondary-bg-hovered": index.default.SECONDARY_BA_4,
51
50
  "button-secondary-border-color-hovered": index.default.SECONDARY_BA_4,
52
51
  "button-secondary-color-active": index.default.WHITE,
53
- "button-secondary-background-color-active": index.default.SECONDARY_BA_5,
52
+ "button-secondary-bg-active": index.default.SECONDARY_BA_5,
54
53
  "button-secondary-border-color-active": index.default.SECONDARY_BA_5,
55
54
  "button-secondary-color-disabled": index.default.BG_4,
56
- "button-secondary-background-color-disabled": index.default.BG_1,
55
+ "button-secondary-bg-disabled": index.default.BG_1,
57
56
  "button-secondary-border-color-disabled": index.default.BG_1,
58
57
  "button-outline-color": index.default.BLACK,
59
- "button-outline-background-color": index.default.WHITE,
58
+ "button-outline-bg": index.default.WHITE,
60
59
  "button-outline-border-color": index.default.SECONDARY_BA_4,
61
60
  "button-outline-color-hovered": index.default.BLACK,
62
- "button-outline-background-color-hovered": index.default.BG_1,
61
+ "button-outline-bg-hovered": index.default.BG_1,
63
62
  "button-outline-border-color-hovered": index.default.SECONDARY_BA_4,
64
63
  "button-outline-color-active": index.default.BLACK,
65
- "button-outline-background-color-active": index.default.BG_2,
64
+ "button-outline-bg-active": index.default.BG_2,
66
65
  "button-outline-border-color-active": index.default.SECONDARY_BA_4,
67
66
  "button-outline-color-disabled": index.default.BG_4,
68
- "button-outline-background-color-disabled": index.default.WHITE,
67
+ "button-outline-bg-disabled": index.default.WHITE,
69
68
  "button-outline-border-color-disabled": index.default.BG_2,
70
69
  "button-pseudo-color": index.default.BLACK,
71
- "button-pseudo-background-color": index.default.TRETIARY_BA_1,
70
+ "button-pseudo-bg": index.default.TRETIARY_BA_1,
72
71
  "button-pseudo-border-color": index.default.TRETIARY_BA_1,
73
72
  "button-pseudo-color-hovered": index.default.BLACK,
74
- "button-pseudo-background-color-hovered": index.default.TRETIARY_BA_1,
73
+ "button-pseudo-bg-hovered": index.default.TRETIARY_BA_1,
75
74
  "button-pseudo-border-color-hovered": index.default.TRETIARY_BA_1,
76
75
  "button-pseudo-color-active": index.default.BLACK,
77
- "button-pseudo-background-color-active": index.default.TRETIARY_BA_2,
76
+ "button-pseudo-bg-active": index.default.TRETIARY_BA_2,
78
77
  "button-pseudo-border-color-active": index.default.TRETIARY_BA_2,
79
78
  "button-pseudo-color-disabled": index.default.BG_4,
80
- "button-pseudo-background-color-disabled": index.default.TRETIARY_BA_1,
79
+ "button-pseudo-bg-disabled": index.default.TRETIARY_BA_1,
81
80
  "button-pseudo-border-color-disabled": index.default.TRETIARY_BA_1,
82
81
  "button-clear-color": index.default.SECONDARY_BA_4,
83
82
  "button-clear-color-hovered": index.default.SECONDARY_BA_4,
84
83
  "button-clear-color-active": index.default.SECONDARY_BA_5,
85
84
  "button-clear-color-disabled": index.default.BG_4,
86
- "button-clear-background-color-disabled": index.default.WHITE,
85
+ "button-clear-bg-disabled": index.default.WHITE,
87
86
  "button-clear-border-color-disabled": index.default.WHITE,
88
87
  "input-primary-border-color": index.default.BG_3,
89
88
  "input-primary-plaseholder-color": index.default.BG_2,
90
89
  "input-primary-border-color-error": index.default.ALERT,
91
- "input-primary-background-color-error": index.default.TRETIARY_DEFAULT_2,
90
+ "input-primary-bg-error": index.default.TRETIARY_DEFAULT_2,
92
91
  "input-primary-box-shadow-color-error": index.default.TRETIARY_DEFAULT_2,
93
- "checkbox-background-color-checked": index.default.PRIMARY_BA_4,
94
- "checkbox-background-color-hovered": index.default.PRIMARY_BA_4,
92
+ "checkbox-bg-checked": index.default.PRIMARY_BA_4,
93
+ "checkbox-bg-hovered": index.default.PRIMARY_BA_4,
95
94
  "checkbox-box-shadow-focused": index.default.PRIMARY_BA_1,
96
- "checkbox-background-color-active": index.default.PRIMARY_BA_4,
95
+ "checkbox-bg-active": index.default.PRIMARY_BA_4,
97
96
  "checkbox-border-color-active": index.default.PRIMARY_BA_4,
98
97
  "checkbox-box-shadow-active": index.default.PRIMARY_BA_4,
99
- "checkbox-background-color-disabled": index.default.PRIMARY_BA_1,
100
- "input-radio-background-color-checked": index.default.PRIMARY_BA_4,
101
- "input-radio-background-color-hovered": index.default.PRIMARY_BA_4,
98
+ "checkbox-bg-disabled": index.default.PRIMARY_BA_1,
99
+ "input-radio-bg-checked": index.default.PRIMARY_BA_4,
100
+ "input-radio-bg-hovered": index.default.PRIMARY_BA_4,
102
101
  "input-radio-box-shadow-focused": index.default.PRIMARY_BA_1,
103
- "input-radio-background-color-focused": index.default.PRIMARY_BA_1,
102
+ "input-radio-bg-focused": index.default.PRIMARY_BA_1,
104
103
  "input-radio-border-color-focused": index.default.PRIMARY_BA_1,
105
- "switch-background-color": index.default.BG_2,
104
+ "switch-bg": index.default.BG_2,
106
105
  "switch-border-color": index.default.BG_2,
107
- "switch-background-color-checked": index.default.PRIMARY_BA_5,
106
+ "switch-bg-checked": index.default.PRIMARY_BA_5,
108
107
  "switch-border-color-checked": index.default.PRIMARY_BA_5,
109
- "tooltip-background-color": index.default.SECONDARY_BA_3,
108
+ "tooltip-bg": index.default.SECONDARY_BA_3,
110
109
  "tooltip-color": index.default.WHITE,
111
- "tooltip-border-radius": "4px"
110
+ "status-failure": index.default.ALERT,
111
+ "status-failure-bg": "rgba(244, 87, 37, .12)",
112
+ "status-success": index.default.SUCCESS,
113
+ "status-success-bg": "rgba(74, 201, 155, .12)",
114
+ "status-warning": "#ffc700",
115
+ "status-warning-bg": "rgba(255, 199, 0, .12)",
116
+ "status-info": "#70b6f6",
117
+ "status-info-bg": "rgba(112, 182, 246, .12)",
118
+ "status-neutral": index.default.BG_5,
119
+ "status-neutral-bg": index.default.BG_1
112
120
  };
113
121
 
114
122
  exports.default = THEME_BA;
package/Theme/themes/default.d.ts CHANGED
@@ -24,84 +24,92 @@ declare const _default: {
24
24
  "typography-alert": string;
25
25
  "typography-success": string;
26
26
  "typography-secondary": string;
27
- "button-border-radius": string;
28
27
  "button-primary-color": string;
29
- "button-primary-background-color": string;
28
+ "button-primary-bg": string;
30
29
  "button-primary-border-color": string;
31
30
  "button-primary-color-hovered": string;
32
- "button-primary-background-color-hovered": string;
31
+ "button-primary-bg-hovered": string;
33
32
  "button-primary-border-color-hovered": string;
34
33
  "button-primary-color-active": string;
35
- "button-primary-background-color-active": string;
34
+ "button-primary-bg-active": string;
36
35
  "button-primary-border-color-active": string;
37
36
  "button-primary-color-disabled": string;
38
- "button-primary-background-color-disabled": string;
37
+ "button-primary-bg-disabled": string;
39
38
  "button-primary-border-color-disabled": string;
40
39
  "button-secondary-color": string;
41
- "button-secondary-background-color": string;
40
+ "button-secondary-bg": string;
42
41
  "button-secondary-border-color": string;
43
42
  "button-secondary-color-hovered": string;
44
- "button-secondary-background-color-hovered": string;
43
+ "button-secondary-bg-hovered": string;
45
44
  "button-secondary-border-color-hovered": string;
46
45
  "button-secondary-color-active": string;
47
- "button-secondary-background-color-active": string;
46
+ "button-secondary-bg-active": string;
48
47
  "button-secondary-border-color-active": string;
49
48
  "button-secondary-color-disabled": string;
50
- "button-secondary-background-color-disabled": string;
49
+ "button-secondary-bg-disabled": string;
51
50
  "button-secondary-border-color-disabled": string;
52
51
  "button-pseudo-color": string;
53
- "button-pseudo-background-color": string;
52
+ "button-pseudo-bg": string;
54
53
  "button-pseudo-border-color": string;
55
54
  "button-pseudo-color-hovered": string;
56
- "button-pseudo-background-color-hovered": string;
55
+ "button-pseudo-bg-hovered": string;
57
56
  "button-pseudo-border-color-hovered": string;
58
57
  "button-pseudo-color-active": string;
59
- "button-pseudo-background-color-active": string;
58
+ "button-pseudo-bg-active": string;
60
59
  "button-pseudo-border-color-active": string;
61
60
  "button-pseudo-color-disabled": string;
62
- "button-pseudo-background-color-disabled": string;
61
+ "button-pseudo-bg-disabled": string;
63
62
  "button-pseudo-border-color-disabled": string;
64
63
  "button-outline-color": string;
65
- "button-outline-background-color": string;
64
+ "button-outline-bg": string;
66
65
  "button-outline-border-color": string;
67
66
  "button-outline-color-hovered": string;
68
- "button-outline-background-color-hovered": string;
67
+ "button-outline-bg-hovered": string;
69
68
  "button-outline-border-color-hovered": string;
70
69
  "button-outline-color-active": string;
71
- "button-outline-background-color-active": string;
70
+ "button-outline-bg-active": string;
72
71
  "button-outline-border-color-active": string;
73
72
  "button-outline-color-disabled": string;
74
- "button-outline-background-color-disabled": string;
73
+ "button-outline-bg-disabled": string;
75
74
  "button-outline-border-color-disabled": string;
76
75
  "button-clear-color": string;
77
76
  "button-clear-color-hovered": string;
78
77
  "button-clear-color-active": string;
79
78
  "button-clear-color-disabled": string;
80
- "button-clear-background-color-disabled": string;
79
+ "button-clear-bg-disabled": string;
81
80
  "button-clear-border-color-disabled": string;
82
81
  "input-primary-border-color": string;
83
82
  "input-primary-plaseholder-color": string;
84
83
  "input-primary-border-color-error": string;
85
- "input-primary-background-color-error": string;
84
+ "input-primary-bg-error": string;
86
85
  "input-primary-box-shadow-color-error": string;
87
- "checkbox-background-color-checked": string;
88
- "checkbox-background-color-hovered": string;
86
+ "checkbox-bg-checked": string;
87
+ "checkbox-bg-hovered": string;
89
88
  "checkbox-box-shadow-focused": string;
90
- "checkbox-background-color-active": string;
89
+ "checkbox-bg-active": string;
91
90
  "checkbox-border-color-active": string;
92
91
  "checkbox-box-shadow-active": string;
93
- "checkbox-background-color-disabled": string;
94
- "input-radio-background-color-checked": string;
95
- "input-radio-background-color-hovered": string;
92
+ "checkbox-bg-disabled": string;
93
+ "input-radio-bg-checked": string;
94
+ "input-radio-bg-hovered": string;
96
95
  "input-radio-box-shadow-focused": string;
97
- "input-radio-background-color-focused": string;
96
+ "input-radio-bg-focused": string;
98
97
  "input-radio-border-color-focused": string;
99
- "switch-background-color": string;
98
+ "switch-bg": string;
100
99
  "switch-border-color": string;
101
- "switch-background-color-checked": string;
100
+ "switch-bg-checked": string;
102
101
  "switch-border-color-checked": string;
103
- "tooltip-background-color": string;
102
+ "tooltip-bg": string;
104
103
  "tooltip-color": string;
105
- "tooltip-border-radius": string;
104
+ "status-failure": string;
105
+ "status-failure-bg": string;
106
+ "status-success": string;
107
+ "status-success-bg": string;
108
+ "status-warning": string;
109
+ "status-warning-bg": string;
110
+ "status-info": string;
111
+ "status-info-bg": string;
112
+ "status-neutral": string;
113
+ "status-neutral-bg": string;
106
114
  };
107
115
  export default _default;