colibri-ui 0.7.85 → 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 (48) hide show
  1. package/Button/Button.module.css +18 -18
  2. package/Checkbox/Checkbox.module.css +4 -4
  3. package/InputRadio/InputRadio.module.css +5 -5
  4. package/Status/index.d.ts +4 -0
  5. package/Status/index.js +28 -0
  6. package/Status/index.module.css +45 -0
  7. package/Status/index.props.d.ts +13 -0
  8. package/Status/package.json +6 -0
  9. package/Switch/Switch.module.css +2 -2
  10. package/Theme/colors/common.js +3 -3
  11. package/Theme/colors/theme_buenos_aires.js +13 -13
  12. package/Theme/colors/theme_default.js +7 -7
  13. package/Theme/index.d.ts +76 -60
  14. package/Theme/themes/buenos_aires.d.ts +38 -30
  15. package/Theme/themes/buenos_aires.js +38 -30
  16. package/Theme/themes/default.d.ts +38 -30
  17. package/Theme/themes/default.js +38 -30
  18. package/Tooltip/Tooltip.module.css +3 -3
  19. package/Typography/index.js +2 -2
  20. package/base/InputRoot/InputRoot.module.css +1 -1
  21. package/esm/Button/Button.module.css +18 -18
  22. package/esm/Checkbox/Checkbox.module.css +4 -4
  23. package/esm/InputRadio/InputRadio.module.css +5 -5
  24. package/esm/Status/index.d.ts +4 -0
  25. package/esm/Status/index.js +18 -0
  26. package/esm/Status/index.module.css +45 -0
  27. package/esm/Status/index.props.d.ts +13 -0
  28. package/esm/Switch/Switch.module.css +2 -2
  29. package/esm/Theme/colors/common.js +3 -3
  30. package/esm/Theme/colors/theme_buenos_aires.js +13 -13
  31. package/esm/Theme/colors/theme_default.js +7 -7
  32. package/esm/Theme/index.d.ts +76 -60
  33. package/esm/Theme/themes/buenos_aires.d.ts +38 -30
  34. package/esm/Theme/themes/buenos_aires.js +38 -30
  35. package/esm/Theme/themes/default.d.ts +38 -30
  36. package/esm/Theme/themes/default.js +38 -30
  37. package/esm/Tooltip/Tooltip.module.css +3 -3
  38. package/esm/Typography/index.js +2 -2
  39. package/esm/base/InputRoot/InputRoot.module.css +1 -1
  40. package/esm/index.d.ts +1 -0
  41. package/esm/index.js +1 -0
  42. package/esm/theme_ba_variables.css +75 -67
  43. package/esm/theme_default_variables.css +58 -50
  44. package/index.d.ts +1 -0
  45. package/index.js +22 -20
  46. package/package.json +1 -1
  47. package/theme_ba_variables.css +75 -67
  48. package/theme_default_variables.css +58 -50
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;
package/Theme/themes/default.js CHANGED
@@ -30,85 +30,93 @@ var THEME_DEFAULT = {
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.WHITE,
35
- "button-primary-background-color": index.default.PRIMARY_DEFAULT_4,
34
+ "button-primary-bg": index.default.PRIMARY_DEFAULT_4,
36
35
  "button-primary-border-color": index.default.PRIMARY_DEFAULT_4,
37
36
  "button-primary-color-hovered": index.default.WHITE,
38
- "button-primary-background-color-hovered": index.default.PRIMARY_DEFAULT_5,
37
+ "button-primary-bg-hovered": index.default.PRIMARY_DEFAULT_5,
39
38
  "button-primary-border-color-hovered": index.default.PRIMARY_DEFAULT_5,
40
39
  "button-primary-color-active": index.default.WHITE,
41
- "button-primary-background-color-active": index.default.PRIMARY_DEFAULT_5,
40
+ "button-primary-bg-active": index.default.PRIMARY_DEFAULT_5,
42
41
  "button-primary-border-color-active": index.default.PRIMARY_DEFAULT_5,
43
42
  "button-primary-color-disabled": index.default.BG_4,
44
- "button-primary-background-color-disabled": index.default.PRIMARY_DEFAULT_1,
43
+ "button-primary-bg-disabled": index.default.PRIMARY_DEFAULT_1,
45
44
  "button-primary-border-color-disabled": index.default.PRIMARY_DEFAULT_1,
46
45
  "button-secondary-color": index.default.WHITE,
47
- "button-secondary-background-color": index.default.SECONDARY_DEFAULT_4,
46
+ "button-secondary-bg": index.default.SECONDARY_DEFAULT_4,
48
47
  "button-secondary-border-color": index.default.SECONDARY_DEFAULT_4,
49
48
  "button-secondary-color-hovered": index.default.WHITE,
50
- "button-secondary-background-color-hovered": index.default.SECONDARY_DEFAULT_5,
49
+ "button-secondary-bg-hovered": index.default.SECONDARY_DEFAULT_5,
51
50
  "button-secondary-border-color-hovered": index.default.SECONDARY_DEFAULT_5,
52
51
  "button-secondary-color-active": index.default.WHITE,
53
- "button-secondary-background-color-active": index.default.SECONDARY_DEFAULT_5,
52
+ "button-secondary-bg-active": index.default.SECONDARY_DEFAULT_5,
54
53
  "button-secondary-border-color-active": index.default.SECONDARY_DEFAULT_5,
55
54
  "button-secondary-color-disabled": index.default.BG_4,
56
- "button-secondary-background-color-disabled": index.default.SECONDARY_DEFAULT_1,
55
+ "button-secondary-bg-disabled": index.default.SECONDARY_DEFAULT_1,
57
56
  "button-secondary-border-color-disabled": index.default.SECONDARY_DEFAULT_1,
58
57
  "button-pseudo-color": index.default.BLACK,
59
- "button-pseudo-background-color": index.default.TRETIARY_DEFAULT_1,
58
+ "button-pseudo-bg": index.default.TRETIARY_DEFAULT_1,
60
59
  "button-pseudo-border-color": index.default.TRETIARY_DEFAULT_1,
61
60
  "button-pseudo-color-hovered": index.default.BLACK,
62
- "button-pseudo-background-color-hovered": index.default.TRETIARY_DEFAULT_1,
61
+ "button-pseudo-bg-hovered": index.default.TRETIARY_DEFAULT_1,
63
62
  "button-pseudo-border-color-hovered": index.default.TRETIARY_DEFAULT_1,
64
63
  "button-pseudo-color-active": index.default.BLACK,
65
- "button-pseudo-background-color-active": index.default.TRETIARY_DEFAULT_2,
64
+ "button-pseudo-bg-active": index.default.TRETIARY_DEFAULT_2,
66
65
  "button-pseudo-border-color-active": index.default.TRETIARY_DEFAULT_2,
67
66
  "button-pseudo-color-disabled": index.default.BG_4,
68
- "button-pseudo-background-color-disabled": index.default.TRETIARY_DEFAULT_1,
67
+ "button-pseudo-bg-disabled": index.default.TRETIARY_DEFAULT_1,
69
68
  "button-pseudo-border-color-disabled": index.default.TRETIARY_DEFAULT_1,
70
69
  "button-outline-color": index.default.BLACK,
71
- "button-outline-background-color": index.default.WHITE,
70
+ "button-outline-bg": index.default.WHITE,
72
71
  "button-outline-border-color": index.default.BG_3,
73
72
  "button-outline-color-hovered": index.default.BLACK,
74
- "button-outline-background-color-hovered": index.default.BG_1,
73
+ "button-outline-bg-hovered": index.default.BG_1,
75
74
  "button-outline-border-color-hovered": index.default.BG_3,
76
75
  "button-outline-color-active": index.default.BLACK,
77
- "button-outline-background-color-active": index.default.BG_2,
76
+ "button-outline-bg-active": index.default.BG_2,
78
77
  "button-outline-border-color-active": index.default.BG_3,
79
78
  "button-outline-color-disabled": index.default.BG_4,
80
- "button-outline-background-color-disabled": index.default.WHITE,
79
+ "button-outline-bg-disabled": index.default.WHITE,
81
80
  "button-outline-border-color-disabled": index.default.BG_2,
82
81
  "button-clear-color": index.default.PRIMARY_DEFAULT_4,
83
82
  "button-clear-color-hovered": index.default.PRIMARY_DEFAULT_4,
84
83
  "button-clear-color-active": index.default.PRIMARY_DEFAULT_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_DEFAULT_4,
94
- "checkbox-background-color-hovered": index.default.PRIMARY_DEFAULT_4,
92
+ "checkbox-bg-checked": index.default.PRIMARY_DEFAULT_4,
93
+ "checkbox-bg-hovered": index.default.PRIMARY_DEFAULT_4,
95
94
  "checkbox-box-shadow-focused": index.default.PRIMARY_DEFAULT_1,
96
- "checkbox-background-color-active": index.default.PRIMARY_DEFAULT_4,
95
+ "checkbox-bg-active": index.default.PRIMARY_DEFAULT_4,
97
96
  "checkbox-border-color-active": index.default.PRIMARY_DEFAULT_4,
98
97
  "checkbox-box-shadow-active": index.default.PRIMARY_DEFAULT_4,
99
- "checkbox-background-color-disabled": index.default.PRIMARY_DEFAULT_1,
100
- "input-radio-background-color-checked": index.default.PRIMARY_DEFAULT_4,
101
- "input-radio-background-color-hovered": index.default.PRIMARY_DEFAULT_4,
98
+ "checkbox-bg-disabled": index.default.PRIMARY_DEFAULT_1,
99
+ "input-radio-bg-checked": index.default.PRIMARY_DEFAULT_4,
100
+ "input-radio-bg-hovered": index.default.PRIMARY_DEFAULT_4,
102
101
  "input-radio-box-shadow-focused": index.default.PRIMARY_DEFAULT_1,
103
- "input-radio-background-color-focused": index.default.PRIMARY_DEFAULT_1,
102
+ "input-radio-bg-focused": index.default.PRIMARY_DEFAULT_1,
104
103
  "input-radio-border-color-focused": index.default.PRIMARY_DEFAULT_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_DEFAULT_5,
106
+ "switch-bg-checked": index.default.PRIMARY_DEFAULT_5,
108
107
  "switch-border-color-checked": index.default.PRIMARY_DEFAULT_5,
109
- "tooltip-background-color": index.default.BLACK,
108
+ "tooltip-bg": index.default.BLACK,
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_DEFAULT;
package/Tooltip/Tooltip.module.css CHANGED
@@ -97,7 +97,7 @@
97
97
  position: relative;
98
98
  }
99
99
  .tail::before {
100
- border-bottom: 5px solid var(--tooltip-background-color);
100
+ border-bottom: 5px solid var(--tooltip-bg);
101
101
  border-left: 6px solid transparent;
102
102
  border-right: 6px solid transparent;
103
103
  content: "";
@@ -108,8 +108,8 @@
108
108
  }
109
109
 
110
110
  .overlay {
111
- background-color: var(--tooltip-background-color);
112
- border-radius: var(--tooltip-border-radius);
111
+ background-color: var(--tooltip-bg);
112
+ border-radius: 0.35rem;
113
113
  color: var(--tooltip-color);
114
114
  font-size: 14px;
115
115
  font-style: normal;
package/Typography/index.js CHANGED
@@ -17,7 +17,7 @@ var clx = classNames__default.default.bind(styles__default.default);
17
17
  var Typography = function Typography(_a) {
18
18
  var _b;
19
19
  var _c = _a.tag,
20
- Element = _c === void 0 ? "span" : _c,
20
+ Component = _c === void 0 ? "span" : _c,
21
21
  children = _a.children,
22
22
  variant = _a.variant,
23
23
  size = _a.size,
@@ -25,7 +25,7 @@ var Typography = function Typography(_a) {
25
25
  fontWeight = _a.fontWeight,
26
26
  className = _a.className,
27
27
  props = tslib.__rest(_a, ["tag", "children", "variant", "size", "style", "fontWeight", "className"]);
28
- return /*#__PURE__*/React__default.default.createElement(Element, tslib.__assign({}, props, {
28
+ return /*#__PURE__*/React__default.default.createElement(Component, tslib.__assign({}, props, {
29
29
  style: style,
30
30
  className: clx((_b = {
31
31
  root: true
package/base/InputRoot/InputRoot.module.css CHANGED
@@ -52,7 +52,7 @@
52
52
  pointer-events: none;
53
53
  }
54
54
  .variant_primary_error {
55
- background-color: var(--input-primary-background-color-error);
55
+ background-color: var(--input-primary-bg-error);
56
56
  border-color: var(--input-primary-border-color-error);
57
57
  }
58
58
  .variant_primary_error:hover {