colibri-ui 0.7.61 → 0.7.63

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/Button/Button.module.css +35 -7
  2. package/Button/index.js +2 -3
  3. package/Theme/colors/index.d.ts +17 -15
  4. package/Theme/colors/theme_buenos_aires.d.ts +4 -0
  5. package/Theme/colors/theme_buenos_aires.js +20 -18
  6. package/Theme/colors/theme_default.d.ts +30 -30
  7. package/Theme/colors/theme_default.js +15 -15
  8. package/Theme/index.d.ts +101 -4
  9. package/Theme/themes/buenos_aires.d.ts +95 -4
  10. package/Theme/themes/buenos_aires.js +95 -4
  11. package/Theme/themes/default.d.ts +6 -0
  12. package/Theme/themes/default.js +66 -60
  13. package/base/InputRoot/InputRoot.module.css +5 -5
  14. package/esm/Button/Button.module.css +35 -7
  15. package/esm/Button/index.js +2 -3
  16. package/esm/Theme/colors/index.d.ts +17 -15
  17. package/esm/Theme/colors/theme_buenos_aires.d.ts +4 -0
  18. package/esm/Theme/colors/theme_buenos_aires.js +20 -18
  19. package/esm/Theme/colors/theme_default.d.ts +30 -30
  20. package/esm/Theme/colors/theme_default.js +15 -15
  21. package/esm/Theme/index.d.ts +101 -4
  22. package/esm/Theme/themes/buenos_aires.d.ts +95 -4
  23. package/esm/Theme/themes/buenos_aires.js +95 -4
  24. package/esm/Theme/themes/default.d.ts +6 -0
  25. package/esm/Theme/themes/default.js +66 -60
  26. package/esm/base/InputRoot/InputRoot.module.css +5 -5
  27. package/esm/theme_ba_variables.css +95 -4
  28. package/esm/theme_default_variables.css +22 -16
  29. package/package.json +1 -1
  30. package/theme_ba_variables.css +95 -4
  31. package/theme_default_variables.css +22 -16
package/Theme/themes/default.d.ts CHANGED
@@ -75,8 +75,14 @@ declare const _default: {
75
75
  "button-clear-color": string;
76
76
  "button-clear-color-hovered": string;
77
77
  "button-clear-color-active": string;
78
+ "button-clear-color-disabled": string;
79
+ "button-clear-background-color-disabled": string;
80
+ "button-clear-border-color-disabled": string;
78
81
  "input-primary-border-color": string;
79
82
  "input-primary-plaseholder-color": string;
83
+ "input-primary-border-color-error": string;
84
+ "input-primary-background-color-error": string;
85
+ "input-primary-box-shadow-color-error": string;
80
86
  "checkbox-primary-background-color-checked": string;
81
87
  "checkbox-primary-background-color-hovered": string;
82
88
  "checkbox-primary-box-shadow-focused": string;
package/Theme/themes/default.js CHANGED
@@ -15,57 +15,57 @@ var THEME_DEFAULT = {
15
15
  "palette-brand-default-1": index.default.BRAND_DEFAULT_1,
16
16
  "palette-brand-default-2": index.default.BRAND_DEFAULT_2,
17
17
  "palette-brand-default-3": index.default.BRAND_DEFAULT_3,
18
- "palette-primary-1": index.default.PRIMARY_1,
19
- "palette-primary-2": index.default.PRIMARY_2,
20
- "palette-primary-3": index.default.PRIMARY_3,
21
- "palette-primary-4": index.default.PRIMARY_4,
22
- "palette-primary-5": index.default.PRIMARY_5,
23
- "palette-tretiary-1": index.default.TRETIARY_1,
24
- "palette-tretiary-2": index.default.TRETIARY_2,
25
- "palette-tretiary-3": index.default.TRETIARY_3,
26
- "palette-tretiary-4": index.default.TRETIARY_4,
27
- "palette-tretiary-5": index.default.TRETIARY_5,
18
+ "palette-primary-1": index.default.PRIMARY_DEFAULT_1,
19
+ "palette-primary-2": index.default.PRIMARY_DEFAULT_2,
20
+ "palette-primary-3": index.default.PRIMARY_DEFAULT_3,
21
+ "palette-primary-4": index.default.PRIMARY_DEFAULT_4,
22
+ "palette-primary-5": index.default.PRIMARY_DEFAULT_5,
23
+ "palette-tretiary-1": index.default.TRETIARY_DEFAULT_1,
24
+ "palette-tretiary-2": index.default.TRETIARY_DEFAULT_2,
25
+ "palette-tretiary-3": index.default.TRETIARY_DEFAULT_3,
26
+ "palette-tretiary-4": index.default.TRETIARY_DEFAULT_4,
27
+ "palette-tretiary-5": index.default.TRETIARY_DEFAULT_5,
28
28
  "palette-alert": index.default.ALERT,
29
29
  "typography-alert": index.default.ALERT,
30
30
  "typography-success": index.default.SUCCESS,
31
31
  "typography-secondary": index.default.BG_3,
32
- "button-border-radius": "26px",
32
+ "button-border-radius": "18px",
33
33
  "button-primary-color": index.default.WHITE,
34
- "button-primary-background-color": index.default.PRIMARY_4,
35
- "button-primary-border-color": index.default.PRIMARY_4,
34
+ "button-primary-background-color": index.default.PRIMARY_DEFAULT_4,
35
+ "button-primary-border-color": index.default.PRIMARY_DEFAULT_4,
36
36
  "button-primary-color-hovered": index.default.WHITE,
37
- "button-primary-background-color-hovered": index.default.PRIMARY_5,
38
- "button-primary-border-color-hovered": index.default.PRIMARY_5,
37
+ "button-primary-background-color-hovered": index.default.PRIMARY_DEFAULT_5,
38
+ "button-primary-border-color-hovered": index.default.PRIMARY_DEFAULT_5,
39
39
  "button-primary-color-active": index.default.WHITE,
40
- "button-primary-background-color-active": index.default.PRIMARY_5,
41
- "button-primary-border-color-active": index.default.PRIMARY_5,
42
- "button-primary-color-disabled": index.default.PRIMARY_2,
43
- "button-primary-background-color-disabled": index.default.PRIMARY_1,
44
- "button-primary-border-color-disabled": index.default.PRIMARY_1,
40
+ "button-primary-background-color-active": index.default.PRIMARY_DEFAULT_5,
41
+ "button-primary-border-color-active": index.default.PRIMARY_DEFAULT_5,
42
+ "button-primary-color-disabled": index.default.BG_4,
43
+ "button-primary-background-color-disabled": index.default.PRIMARY_DEFAULT_1,
44
+ "button-primary-border-color-disabled": index.default.PRIMARY_DEFAULT_1,
45
45
  "button-secondary-color": index.default.WHITE,
46
- "button-secondary-background-color": index.default.SECONDARY_4,
47
- "button-secondary-border-color": index.default.SECONDARY_4,
46
+ "button-secondary-background-color": index.default.SECONDARY_DEFAULT_4,
47
+ "button-secondary-border-color": index.default.SECONDARY_DEFAULT_4,
48
48
  "button-secondary-color-hovered": index.default.WHITE,
49
- "button-secondary-background-color-hovered": index.default.SECONDARY_5,
50
- "button-secondary-border-color-hovered": index.default.SECONDARY_5,
49
+ "button-secondary-background-color-hovered": index.default.SECONDARY_DEFAULT_5,
50
+ "button-secondary-border-color-hovered": index.default.SECONDARY_DEFAULT_5,
51
51
  "button-secondary-color-active": index.default.WHITE,
52
- "button-secondary-background-color-active": index.default.SECONDARY_5,
53
- "button-secondary-border-color-active": index.default.SECONDARY_5,
54
- "button-secondary-color-disabled": index.default.SECONDARY_2,
55
- "button-secondary-background-color-disabled": index.default.SECONDARY_1,
56
- "button-secondary-border-color-disabled": index.default.SECONDARY_1,
57
- "button-pseudo-color": index.default.TRETIARY_5,
58
- "button-pseudo-background-color": index.default.WHITE,
59
- "button-pseudo-border-color": index.default.WHITE,
60
- "button-pseudo-color-hovered": index.default.TRETIARY_5,
61
- "button-pseudo-background-color-hovered": index.default.TRETIARY_2,
62
- "button-pseudo-border-color-hovered": index.default.TRETIARY_2,
63
- "button-pseudo-color-active": index.default.TRETIARY_5,
64
- "button-pseudo-background-color-active": index.default.TRETIARY_2,
65
- "button-pseudo-border-color-active": index.default.TRETIARY_2,
66
- "button-pseudo-color-disabled": index.default.SECONDARY_2,
67
- "button-pseudo-background-color-disabled": index.default.SECONDARY_1,
68
- "button-pseudo-border-color-disabled": index.default.SECONDARY_1,
52
+ "button-secondary-background-color-active": index.default.SECONDARY_DEFAULT_5,
53
+ "button-secondary-border-color-active": index.default.SECONDARY_DEFAULT_5,
54
+ "button-secondary-color-disabled": index.default.BG_4,
55
+ "button-secondary-background-color-disabled": index.default.SECONDARY_DEFAULT_1,
56
+ "button-secondary-border-color-disabled": index.default.SECONDARY_DEFAULT_1,
57
+ "button-pseudo-color": index.default.BLACK,
58
+ "button-pseudo-background-color": index.default.TRETIARY_DEFAULT_1,
59
+ "button-pseudo-border-color": index.default.TRETIARY_DEFAULT_1,
60
+ "button-pseudo-color-hovered": index.default.BLACK,
61
+ "button-pseudo-background-color-hovered": index.default.TRETIARY_DEFAULT_1,
62
+ "button-pseudo-border-color-hovered": index.default.TRETIARY_DEFAULT_1,
63
+ "button-pseudo-color-active": index.default.BLACK,
64
+ "button-pseudo-background-color-active": index.default.TRETIARY_DEFAULT_2,
65
+ "button-pseudo-border-color-active": index.default.TRETIARY_DEFAULT_2,
66
+ "button-pseudo-color-disabled": index.default.BG_4,
67
+ "button-pseudo-background-color-disabled": index.default.TRETIARY_DEFAULT_1,
68
+ "button-pseudo-border-color-disabled": index.default.TRETIARY_DEFAULT_1,
69
69
  "button-outline-color": index.default.BLACK,
70
70
  "button-outline-background-color": index.default.WHITE,
71
71
  "button-outline-border-color": index.default.BG_3,
@@ -75,30 +75,36 @@ var THEME_DEFAULT = {
75
75
  "button-outline-color-active": index.default.BLACK,
76
76
  "button-outline-background-color-active": index.default.BG_2,
77
77
  "button-outline-border-color-active": index.default.BG_3,
78
- "button-outline-color-disabled": index.default.SECONDARY_2,
79
- "button-outline-background-color-disabled": index.default.SECONDARY_1,
78
+ "button-outline-color-disabled": index.default.BG_4,
79
+ "button-outline-background-color-disabled": index.default.WHITE,
80
80
  "button-outline-border-color-disabled": index.default.BG_2,
81
- "button-clear-color": index.default.PRIMARY_4,
82
- "button-clear-color-hovered": index.default.PRIMARY_5,
83
- "button-clear-color-active": index.default.PRIMARY_5,
81
+ "button-clear-color": index.default.PRIMARY_DEFAULT_4,
82
+ "button-clear-color-hovered": index.default.PRIMARY_DEFAULT_4,
83
+ "button-clear-color-active": index.default.PRIMARY_DEFAULT_5,
84
+ "button-clear-color-disabled": index.default.BG_4,
85
+ "button-clear-background-color-disabled": index.default.WHITE,
86
+ "button-clear-border-color-disabled": index.default.WHITE,
84
87
  "input-primary-border-color": index.default.BG_3,
85
88
  "input-primary-plaseholder-color": index.default.BG_2,
86
- "checkbox-primary-background-color-checked": index.default.PRIMARY_4,
87
- "checkbox-primary-background-color-hovered": index.default.PRIMARY_4,
88
- "checkbox-primary-box-shadow-focused": index.default.PRIMARY_1,
89
- "checkbox-primary-background-color-active": index.default.PRIMARY_4,
90
- "checkbox-primary-border-color-active": index.default.PRIMARY_4,
91
- "checkbox-primary-box-shadow-active": index.default.PRIMARY_4,
92
- "checkbox-primary-background-color-disabled": index.default.PRIMARY_1,
93
- "inputradio-primary-background-color-checked": index.default.PRIMARY_4,
94
- "inputradio-primary-background-color-hovered": index.default.PRIMARY_4,
95
- "inputradio-primary-box-shadow-focused": index.default.PRIMARY_1,
96
- "inputradio-primary-background-color-focused": index.default.PRIMARY_1,
97
- "inputradio-primary-border-color-focused": index.default.PRIMARY_1,
89
+ "input-primary-border-color-error": index.default.ALERT,
90
+ "input-primary-background-color-error": index.default.TRETIARY_DEFAULT_2,
91
+ "input-primary-box-shadow-color-error": index.default.TRETIARY_DEFAULT_2,
92
+ "checkbox-primary-background-color-checked": index.default.PRIMARY_DEFAULT_4,
93
+ "checkbox-primary-background-color-hovered": index.default.PRIMARY_DEFAULT_4,
94
+ "checkbox-primary-box-shadow-focused": index.default.PRIMARY_DEFAULT_1,
95
+ "checkbox-primary-background-color-active": index.default.PRIMARY_DEFAULT_4,
96
+ "checkbox-primary-border-color-active": index.default.PRIMARY_DEFAULT_4,
97
+ "checkbox-primary-box-shadow-active": index.default.PRIMARY_DEFAULT_4,
98
+ "checkbox-primary-background-color-disabled": index.default.PRIMARY_DEFAULT_1,
99
+ "inputradio-primary-background-color-checked": index.default.PRIMARY_DEFAULT_4,
100
+ "inputradio-primary-background-color-hovered": index.default.PRIMARY_DEFAULT_4,
101
+ "inputradio-primary-box-shadow-focused": index.default.PRIMARY_DEFAULT_1,
102
+ "inputradio-primary-background-color-focused": index.default.PRIMARY_DEFAULT_1,
103
+ "inputradio-primary-border-color-focused": index.default.PRIMARY_DEFAULT_1,
98
104
  "switch-primary-background-color": index.default.BG_2,
99
105
  "switch-primary-border-color": index.default.BG_2,
100
- "switch-primary-background-color-checked": index.default.PRIMARY_5,
101
- "switch-primary-border-color-checked": index.default.PRIMARY_5
106
+ "switch-primary-background-color-checked": index.default.PRIMARY_DEFAULT_5,
107
+ "switch-primary-border-color-checked": index.default.PRIMARY_DEFAULT_5
102
108
  };
103
109
 
104
110
  exports.default = THEME_DEFAULT;
package/base/InputRoot/InputRoot.module.css CHANGED
@@ -52,17 +52,17 @@
52
52
  pointer-events: none;
53
53
  }
54
54
  .variant_primary_error {
55
- background-color: var(--palette-tretiary-2);
56
- border-color: var(--palette-alert);
55
+ background-color: var(--input-primary-background-color-error);
56
+ border-color: var(--input-primary-border-color-error);
57
57
  }
58
58
  .variant_primary_error:hover {
59
59
  background-color: var(--palette-white);
60
- border-color: var(--palette-alert);
61
- box-shadow: 0 0 0 2px var(--palette-tretiary-2);
60
+ border-color: var(--input-primary-border-color-error);
61
+ box-shadow: 0 0 0 2px var(--input-primary-box-shadow-color-error);
62
62
  }
63
63
  .variant_primary_error:focus, .variant_primary_error:focus-within {
64
64
  background-color: var(--palette-white);
65
- border-color: var(--palette-alert);
65
+ border-color: var(--input-primary-border-color-error);
66
66
  }
67
67
 
68
68
  .size_s {
package/esm/Button/Button.module.css CHANGED
@@ -41,13 +41,6 @@
41
41
  .root_fullWidth {
42
42
  width: 100%;
43
43
  }
44
- .root_disabled {
45
- background-color: var(--button-primary-background-color-disabled);
46
- border-color: var(--button-primary-border-color-disabled);
47
- color: var(--button-primary-color-disabled);
48
- cursor: not-allowed;
49
- pointer-events: none;
50
- }
51
44
 
52
45
  .icon {
53
46
  display: flex;
@@ -89,6 +82,13 @@
89
82
  border-color: var(--button-primary-border-color-active);
90
83
  color: var(--button-primary-color-active);
91
84
  }
85
+ .variant_primary_disabled {
86
+ background-color: var(--button-primary-background-color-disabled);
87
+ border-color: var(--button-primary-border-color-disabled);
88
+ color: var(--button-primary-color-disabled);
89
+ cursor: not-allowed;
90
+ pointer-events: none;
91
+ }
92
92
  .variant_secondary {
93
93
  background-color: var(--button-secondary-background-color);
94
94
  border-color: var(--button-secondary-border-color);
@@ -104,6 +104,13 @@
104
104
  border-color: var(--button-secondary-border-color-active);
105
105
  color: var(--button-secondary-color-active);
106
106
  }
107
+ .variant_secondary_disabled {
108
+ background-color: var(--button-secondary-background-color-disabled);
109
+ border-color: var(--button-secondary-border-color-disabled);
110
+ color: var(--button-secondary-color-disabled);
111
+ cursor: not-allowed;
112
+ pointer-events: none;
113
+ }
107
114
  .variant_pseudo {
108
115
  background-color: var(--button-pseudo-background-color);
109
116
  border-color: var(--button-pseudo-border-color);
@@ -119,6 +126,13 @@
119
126
  border-color: var(--button-pseudo-border-color-active);
120
127
  color: var(--button-pseudo-color-active);
121
128
  }
129
+ .variant_pseudo_disabled {
130
+ background-color: var(--button-pseudo-background-color-disabled);
131
+ border-color: var(--button-pseudo-border-color-disabled);
132
+ color: var(--button-pseudo-color-disabled);
133
+ cursor: not-allowed;
134
+ pointer-events: none;
135
+ }
122
136
  .variant_outline {
123
137
  background-color: var(--button-outline-background-color);
124
138
  border-color: var(--button-outline-border-color);
@@ -134,6 +148,13 @@
134
148
  border-color: var(--button-outline-border-color-active);
135
149
  color: var(--button-outline-color-active);
136
150
  }
151
+ .variant_outline_disabled {
152
+ background-color: var(--button-outline-background-color-disabled);
153
+ border-color: var(--button-outline-border-color-disabled);
154
+ color: var(--button-outline-color-disabled);
155
+ cursor: not-allowed;
156
+ pointer-events: none;
157
+ }
137
158
  .variant_clear {
138
159
  background-color: transparent;
139
160
  border-color: transparent;
@@ -144,4 +165,11 @@
144
165
  }
145
166
  .variant_clear:active {
146
167
  color: var(--button-clear-color-active);
168
+ }
169
+ .variant_clear_disabled {
170
+ background-color: var(--button-clear-background-color-disabled);
171
+ border-color: var(--button-clear-border-color-disabled);
172
+ color: var(--button-clear-color-disabled);
173
+ cursor: not-allowed;
174
+ pointer-events: none;
147
175
  }
package/esm/Button/index.js CHANGED
@@ -24,9 +24,8 @@ var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
24
24
  ref: ref,
25
25
  className: clx(styles.root, (_b = {
26
26
  root_icon: !!icon,
27
- root_disabled: disabled ? 1 : 0,
28
- root_fullWidth: fullWidth ? 1 : 0
29
- }, _b["size_".concat(size)] = !!size, _b["variant_".concat(variant)] = !!variant, _b), className),
27
+ root_fullWidth: !!fullWidth
28
+ }, _b["size_".concat(size)] = !!size, _b["variant_".concat(variant)] = !!variant, _b["variant_".concat(variant, "_disabled")] = !!disabled, _b), className),
30
29
  disabled: disabled,
31
30
  "data-cy": "button"
32
31
  }, props), icon && /*#__PURE__*/React__default.createElement("span", {
package/esm/Theme/colors/index.d.ts CHANGED
@@ -1,19 +1,19 @@
1
1
  declare const _default: {
2
- TRETIARY_1: string;
3
- TRETIARY_2: string;
4
- TRETIARY_3: string;
5
- TRETIARY_4: string;
6
- TRETIARY_5: string;
7
- SECONDARY_1: string;
8
- SECONDARY_2: string;
9
- SECONDARY_3: string;
10
- SECONDARY_4: string;
11
- SECONDARY_5: string;
12
- PRIMARY_1: string;
13
- PRIMARY_2: string;
14
- PRIMARY_3: string;
15
- PRIMARY_4: string;
16
- PRIMARY_5: string;
2
+ TRETIARY_DEFAULT_1: string;
3
+ TRETIARY_DEFAULT_2: string;
4
+ TRETIARY_DEFAULT_3: string;
5
+ TRETIARY_DEFAULT_4: string;
6
+ TRETIARY_DEFAULT_5: string;
7
+ SECONDARY_DEFAULT_1: string;
8
+ SECONDARY_DEFAULT_2: string;
9
+ SECONDARY_DEFAULT_3: string;
10
+ SECONDARY_DEFAULT_4: string;
11
+ SECONDARY_DEFAULT_5: string;
12
+ PRIMARY_DEFAULT_1: string;
13
+ PRIMARY_DEFAULT_2: string;
14
+ PRIMARY_DEFAULT_3: string;
15
+ PRIMARY_DEFAULT_4: string;
16
+ PRIMARY_DEFAULT_5: string;
17
17
  BRAND_DEFAULT_1: string;
18
18
  BRAND_DEFAULT_2: string;
19
19
  BRAND_DEFAULT_3: string;
@@ -35,6 +35,8 @@ declare const _default: {
35
35
  BRAND_BA_1: string;
36
36
  BRAND_BA_2: string;
37
37
  BRAND_BA_3: string;
38
+ BRAND_BA_4: string;
39
+ BRAND_BA_5: string;
38
40
  BG_1: string;
39
41
  BG_2: string;
40
42
  BG_3: string;
package/esm/Theme/colors/theme_buenos_aires.d.ts CHANGED
@@ -23,6 +23,8 @@ export declare const BrandBA: {
23
23
  BRAND_BA_1: string;
24
24
  BRAND_BA_2: string;
25
25
  BRAND_BA_3: string;
26
+ BRAND_BA_4: string;
27
+ BRAND_BA_5: string;
26
28
  };
27
29
  export declare const Color: {
28
30
  TRETIARY_BA_1: string;
@@ -43,5 +45,7 @@ export declare const Color: {
43
45
  BRAND_BA_1: string;
44
46
  BRAND_BA_2: string;
45
47
  BRAND_BA_3: string;
48
+ BRAND_BA_4: string;
49
+ BRAND_BA_5: string;
46
50
  };
47
51
  export default Color;
package/esm/Theme/colors/theme_buenos_aires.js CHANGED
@@ -1,30 +1,32 @@
1
1
  import { __assign } from 'tslib';
2
2
 
3
3
  var PrimaryBA = {
4
- PRIMARY_BA_1: "rgba(38, 49, 129, .07)",
5
- PRIMARY_BA_2: "rgba(38, 49, 129, .3)",
6
- PRIMARY_BA_3: "rgba(38, 49, 129, .4)",
7
- PRIMARY_BA_4: "rgba(38, 49, 129, .6)",
8
- PRIMARY_BA_5: "rgba(38, 49, 129, .8)"
4
+ PRIMARY_BA_1: "#ffe695",
5
+ PRIMARY_BA_2: "#ffe07b",
6
+ PRIMARY_BA_3: "#ffd85a",
7
+ PRIMARY_BA_4: "#ffce31",
8
+ PRIMARY_BA_5: "#ffc818"
9
9
  };
10
10
  var SecondaryBA = {
11
- SECONDARY_BA_1: "#d9d9d9",
12
- SECONDARY_BA_2: "#bbb",
13
- SECONDARY_BA_3: "#636363",
14
- SECONDARY_BA_4: "#313131",
15
- SECONDARY_BA_5: "#1a1a1a"
11
+ SECONDARY_BA_1: "#7d7d7d",
12
+ SECONDARY_BA_2: "#5c5c5c",
13
+ SECONDARY_BA_3: "#333",
14
+ SECONDARY_BA_4: "#1f1f1f",
15
+ SECONDARY_BA_5: "#000"
16
16
  };
17
17
  var TretiaryBA = {
18
- TRETIARY_BA_1: "#EDF1F5",
19
- TRETIARY_BA_2: "#d3dbe3",
20
- TRETIARY_BA_3: "#c5cfda",
21
- TRETIARY_BA_4: "#b1bcc8",
22
- TRETIARY_BA_5: "#87929d"
18
+ TRETIARY_BA_1: "#DFE7FA",
19
+ TRETIARY_BA_2: "#C0CFF8",
20
+ TRETIARY_BA_3: "#AFC3F5",
21
+ TRETIARY_BA_4: "#80A0ED",
22
+ TRETIARY_BA_5: "#6088ea"
23
23
  };
24
24
  var BrandBA = {
25
- BRAND_BA_1: "#B54141",
26
- BRAND_BA_2: "#fffbe9",
27
- BRAND_BA_3: "#D5D500"
25
+ BRAND_BA_1: "#fcdfe2",
26
+ BRAND_BA_2: "#facdd2",
27
+ BRAND_BA_3: "#F59fa7",
28
+ BRAND_BA_4: "#ef6975",
29
+ BRAND_BA_5: "#E61428"
28
30
  };
29
31
  var Color = __assign(__assign(__assign(__assign({}, BrandBA), PrimaryBA), SecondaryBA), TretiaryBA);
30
32
 
package/esm/Theme/colors/theme_default.d.ts CHANGED
@@ -1,23 +1,23 @@
1
1
  export declare const Primary: {
2
- PRIMARY_1: string;
3
- PRIMARY_2: string;
4
- PRIMARY_3: string;
5
- PRIMARY_4: string;
6
- PRIMARY_5: string;
2
+ PRIMARY_DEFAULT_1: string;
3
+ PRIMARY_DEFAULT_2: string;
4
+ PRIMARY_DEFAULT_3: string;
5
+ PRIMARY_DEFAULT_4: string;
6
+ PRIMARY_DEFAULT_5: string;
7
7
  };
8
8
  export declare const Secondary: {
9
- SECONDARY_1: string;
10
- SECONDARY_2: string;
11
- SECONDARY_3: string;
12
- SECONDARY_4: string;
13
- SECONDARY_5: string;
9
+ SECONDARY_DEFAULT_1: string;
10
+ SECONDARY_DEFAULT_2: string;
11
+ SECONDARY_DEFAULT_3: string;
12
+ SECONDARY_DEFAULT_4: string;
13
+ SECONDARY_DEFAULT_5: string;
14
14
  };
15
15
  export declare const Tretiary: {
16
- TRETIARY_1: string;
17
- TRETIARY_2: string;
18
- TRETIARY_3: string;
19
- TRETIARY_4: string;
20
- TRETIARY_5: string;
16
+ TRETIARY_DEFAULT_1: string;
17
+ TRETIARY_DEFAULT_2: string;
18
+ TRETIARY_DEFAULT_3: string;
19
+ TRETIARY_DEFAULT_4: string;
20
+ TRETIARY_DEFAULT_5: string;
21
21
  };
22
22
  export declare const Brand: {
23
23
  BRAND_DEFAULT_1: string;
@@ -25,21 +25,21 @@ export declare const Brand: {
25
25
  BRAND_DEFAULT_3: string;
26
26
  };
27
27
  export declare const Color: {
28
- TRETIARY_1: string;
29
- TRETIARY_2: string;
30
- TRETIARY_3: string;
31
- TRETIARY_4: string;
32
- TRETIARY_5: string;
33
- SECONDARY_1: string;
34
- SECONDARY_2: string;
35
- SECONDARY_3: string;
36
- SECONDARY_4: string;
37
- SECONDARY_5: string;
38
- PRIMARY_1: string;
39
- PRIMARY_2: string;
40
- PRIMARY_3: string;
41
- PRIMARY_4: string;
42
- PRIMARY_5: string;
28
+ TRETIARY_DEFAULT_1: string;
29
+ TRETIARY_DEFAULT_2: string;
30
+ TRETIARY_DEFAULT_3: string;
31
+ TRETIARY_DEFAULT_4: string;
32
+ TRETIARY_DEFAULT_5: string;
33
+ SECONDARY_DEFAULT_1: string;
34
+ SECONDARY_DEFAULT_2: string;
35
+ SECONDARY_DEFAULT_3: string;
36
+ SECONDARY_DEFAULT_4: string;
37
+ SECONDARY_DEFAULT_5: string;
38
+ PRIMARY_DEFAULT_1: string;
39
+ PRIMARY_DEFAULT_2: string;
40
+ PRIMARY_DEFAULT_3: string;
41
+ PRIMARY_DEFAULT_4: string;
42
+ PRIMARY_DEFAULT_5: string;
43
43
  BRAND_DEFAULT_1: string;
44
44
  BRAND_DEFAULT_2: string;
45
45
  BRAND_DEFAULT_3: string;
package/esm/Theme/colors/theme_default.js CHANGED
@@ -1,25 +1,25 @@
1
1
  import { __assign } from 'tslib';
2
2
 
3
3
  var Primary = {
4
- PRIMARY_1: "#E8F0FE",
5
- PRIMARY_2: "#B8D2FF",
6
- PRIMARY_3: "#73ABF8",
7
- PRIMARY_4: "#067AFF",
8
- PRIMARY_5: "#0066DC"
4
+ PRIMARY_DEFAULT_1: "#E8F0FE",
5
+ PRIMARY_DEFAULT_2: "#B8D2FF",
6
+ PRIMARY_DEFAULT_3: "#73ABF8",
7
+ PRIMARY_DEFAULT_4: "#067AFF",
8
+ PRIMARY_DEFAULT_5: "#0066DC"
9
9
  };
10
10
  var Secondary = {
11
- SECONDARY_1: "#fff1db",
12
- SECONDARY_2: "#ffdaa3",
13
- SECONDARY_3: "#ffca79",
14
- SECONDARY_4: "#f4b968",
15
- SECONDARY_5: "#ffab0f"
11
+ SECONDARY_DEFAULT_1: "#fff1db",
12
+ SECONDARY_DEFAULT_2: "#ffdaa3",
13
+ SECONDARY_DEFAULT_3: "#ffca79",
14
+ SECONDARY_DEFAULT_4: "#f4b968",
15
+ SECONDARY_DEFAULT_5: "#ffab0f"
16
16
  };
17
17
  var Tretiary = {
18
- TRETIARY_1: "#FFF5F0",
19
- TRETIARY_2: "#FFEAE2",
20
- TRETIARY_3: "#FFD8CA",
21
- TRETIARY_4: "#FFA384 ",
22
- TRETIARY_5: "#fc5200"
18
+ TRETIARY_DEFAULT_1: "#FFF5F0",
19
+ TRETIARY_DEFAULT_2: "#FFEAE2",
20
+ TRETIARY_DEFAULT_3: "#FFD8CA",
21
+ TRETIARY_DEFAULT_4: "#FFA384 ",
22
+ TRETIARY_DEFAULT_5: "#fc5200"
23
23
  };
24
24
  var Brand = {
25
25
  BRAND_DEFAULT_1: "#F393D2",
package/esm/Theme/index.d.ts CHANGED
@@ -76,8 +76,14 @@ export declare const THEMES: {
76
76
  "button-clear-color": string;
77
77
  "button-clear-color-hovered": string;
78
78
  "button-clear-color-active": string;
79
+ "button-clear-color-disabled": string;
80
+ "button-clear-background-color-disabled": string;
81
+ "button-clear-border-color-disabled": string;
79
82
  "input-primary-border-color": string;
80
83
  "input-primary-plaseholder-color": string;
84
+ "input-primary-border-color-error": string;
85
+ "input-primary-background-color-error": string;
86
+ "input-primary-box-shadow-color-error": string;
81
87
  "checkbox-primary-background-color-checked": string;
82
88
  "checkbox-primary-background-color-hovered": string;
83
89
  "checkbox-primary-box-shadow-focused": string;
@@ -96,11 +102,102 @@ export declare const THEMES: {
96
102
  "switch-primary-border-color-checked": string;
97
103
  };
98
104
  BA: {
99
- "palette-bg-3": string;
100
105
  "palette-black": string;
101
106
  "palette-white": string;
102
- "palette-brand-ba-1": string;
103
- "palette-brand-ba-2": string;
104
- "palette-brand-ba-3": string;
107
+ "palette-bg-1": string;
108
+ "palette-bg-2": string;
109
+ "palette-bg-3": string;
110
+ "palette-bg-4": string;
111
+ "palette-bg-5": string;
112
+ "palette-brand-default-1": string;
113
+ "palette-brand-default-2": string;
114
+ "palette-brand-default-3": string;
115
+ "palette-primary-1": string;
116
+ "palette-primary-2": string;
117
+ "palette-primary-3": string;
118
+ "palette-primary-4": string;
119
+ "palette-primary-5": string;
120
+ "palette-tretiary-1": string;
121
+ "palette-tretiary-2": string;
122
+ "palette-tretiary-3": string;
123
+ "palette-tretiary-4": string;
124
+ "palette-tretiary-5": string;
125
+ "palette-alert": string;
126
+ "button-border-radius": string;
127
+ "button-primary-color": string;
128
+ "button-primary-background-color": string;
129
+ "button-primary-border-color": string;
130
+ "button-primary-color-hovered": string;
131
+ "button-primary-background-color-hovered": string;
132
+ "button-primary-border-color-hovered": string;
133
+ "button-primary-color-active": string;
134
+ "button-primary-background-color-active": string;
135
+ "button-primary-border-color-active": string;
136
+ "button-primary-color-disabled": string;
137
+ "button-primary-background-color-disabled": string;
138
+ "button-primary-border-color-disabled": string;
139
+ "button-secondary-color": string;
140
+ "button-secondary-background-color": string;
141
+ "button-secondary-border-color": string;
142
+ "button-secondary-color-hovered": string;
143
+ "button-secondary-background-color-hovered": string;
144
+ "button-secondary-border-color-hovered": string;
145
+ "button-secondary-color-active": string;
146
+ "button-secondary-background-color-active": string;
147
+ "button-secondary-border-color-active": string;
148
+ "button-secondary-color-disabled": string;
149
+ "button-secondary-background-color-disabled": string;
150
+ "button-secondary-border-color-disabled": string;
151
+ "button-outline-color": string;
152
+ "button-outline-background-color": string;
153
+ "button-outline-border-color": string;
154
+ "button-outline-color-hovered": string;
155
+ "button-outline-background-color-hovered": string;
156
+ "button-outline-border-color-hovered": string;
157
+ "button-outline-color-active": string;
158
+ "button-outline-background-color-active": string;
159
+ "button-outline-border-color-active": string;
160
+ "button-outline-color-disabled": string;
161
+ "button-outline-background-color-disabled": string;
162
+ "button-outline-border-color-disabled": string;
163
+ "button-pseudo-color": string;
164
+ "button-pseudo-background-color": string;
165
+ "button-pseudo-border-color": string;
166
+ "button-pseudo-color-hovered": string;
167
+ "button-pseudo-background-color-hovered": string;
168
+ "button-pseudo-border-color-hovered": string;
169
+ "button-pseudo-color-active": string;
170
+ "button-pseudo-background-color-active": string;
171
+ "button-pseudo-border-color-active": string;
172
+ "button-pseudo-color-disabled": string;
173
+ "button-pseudo-background-color-disabled": string;
174
+ "button-pseudo-border-color-disabled": string;
175
+ "button-clear-color": string;
176
+ "button-clear-color-hovered": string;
177
+ "button-clear-color-active": string;
178
+ "button-clear-color-disabled": string;
179
+ "button-clear-background-color-disabled": string;
180
+ "button-clear-border-color-disabled": string;
181
+ "input-primary-border-color": string;
182
+ "input-primary-plaseholder-color": string;
183
+ "input-primary-border-color-error": string;
184
+ "input-primary-background-color-error": string;
185
+ "input-primary-box-shadow-color-error": string;
186
+ "checkbox-primary-background-color-checked": string;
187
+ "checkbox-primary-background-color-hovered": string;
188
+ "checkbox-primary-box-shadow-focused": string;
189
+ "checkbox-primary-background-color-active": string;
190
+ "checkbox-primary-border-color-active": string;
191
+ "checkbox-primary-box-shadow-active": string;
192
+ "checkbox-primary-background-color-disabled": string;
193
+ "inputradio-primary-background-color-checked": string;
194
+ "inputradio-primary-background-color-hovered": string;
195
+ "inputradio-primary-box-shadow-focused": string;
196
+ "inputradio-primary-background-color-focused": string;
197
+ "inputradio-primary-border-color-focused": string;
198
+ "switch-primary-background-color": string;
199
+ "switch-primary-border-color": string;
200
+ "switch-primary-background-color-checked": string;
201
+ "switch-primary-border-color-checked": string;
105
202
  };
106
203
  };