colibri-ui 0.7.61 → 0.7.62

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 (17) hide show
  1. package/Theme/colors/index.d.ts +15 -15
  2. package/Theme/colors/theme_default.d.ts +30 -30
  3. package/Theme/colors/theme_default.js +15 -15
  4. package/Theme/index.d.ts +19 -4
  5. package/Theme/themes/buenos_aires.d.ts +19 -4
  6. package/Theme/themes/buenos_aires.js +19 -4
  7. package/Theme/themes/default.js +57 -57
  8. package/esm/Theme/colors/index.d.ts +15 -15
  9. package/esm/Theme/colors/theme_default.d.ts +30 -30
  10. package/esm/Theme/colors/theme_default.js +15 -15
  11. package/esm/Theme/index.d.ts +19 -4
  12. package/esm/Theme/themes/buenos_aires.d.ts +19 -4
  13. package/esm/Theme/themes/buenos_aires.js +19 -4
  14. package/esm/Theme/themes/default.js +57 -57
  15. package/esm/theme_ba_variables.css +19 -4
  16. package/package.json +1 -1
  17. package/theme_ba_variables.css +19 -4
package/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;
package/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/Theme/colors/theme_default.js CHANGED
@@ -5,25 +5,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
 
7
7
  var Primary = {
8
- PRIMARY_1: "#E8F0FE",
9
- PRIMARY_2: "#B8D2FF",
10
- PRIMARY_3: "#73ABF8",
11
- PRIMARY_4: "#067AFF",
12
- PRIMARY_5: "#0066DC"
8
+ PRIMARY_DEFAULT_1: "#E8F0FE",
9
+ PRIMARY_DEFAULT_2: "#B8D2FF",
10
+ PRIMARY_DEFAULT_3: "#73ABF8",
11
+ PRIMARY_DEFAULT_4: "#067AFF",
12
+ PRIMARY_DEFAULT_5: "#0066DC"
13
13
  };
14
14
  var Secondary = {
15
- SECONDARY_1: "#fff1db",
16
- SECONDARY_2: "#ffdaa3",
17
- SECONDARY_3: "#ffca79",
18
- SECONDARY_4: "#f4b968",
19
- SECONDARY_5: "#ffab0f"
15
+ SECONDARY_DEFAULT_1: "#fff1db",
16
+ SECONDARY_DEFAULT_2: "#ffdaa3",
17
+ SECONDARY_DEFAULT_3: "#ffca79",
18
+ SECONDARY_DEFAULT_4: "#f4b968",
19
+ SECONDARY_DEFAULT_5: "#ffab0f"
20
20
  };
21
21
  var Tretiary = {
22
- TRETIARY_1: "#FFF5F0",
23
- TRETIARY_2: "#FFEAE2",
24
- TRETIARY_3: "#FFD8CA",
25
- TRETIARY_4: "#FFA384 ",
26
- TRETIARY_5: "#fc5200"
22
+ TRETIARY_DEFAULT_1: "#FFF5F0",
23
+ TRETIARY_DEFAULT_2: "#FFEAE2",
24
+ TRETIARY_DEFAULT_3: "#FFD8CA",
25
+ TRETIARY_DEFAULT_4: "#FFA384 ",
26
+ TRETIARY_DEFAULT_5: "#fc5200"
27
27
  };
28
28
  var Brand = {
29
29
  BRAND_DEFAULT_1: "#F393D2",
package/Theme/index.d.ts CHANGED
@@ -96,11 +96,26 @@ export declare const THEMES: {
96
96
  "switch-primary-border-color-checked": string;
97
97
  };
98
98
  BA: {
99
- "palette-bg-3": string;
100
99
  "palette-black": string;
101
100
  "palette-white": string;
102
- "palette-brand-ba-1": string;
103
- "palette-brand-ba-2": string;
104
- "palette-brand-ba-3": string;
101
+ "palette-bg-1": string;
102
+ "palette-bg-2": string;
103
+ "palette-bg-3": string;
104
+ "palette-bg-4": string;
105
+ "palette-bg-5": string;
106
+ "palette-brand-default-1": string;
107
+ "palette-brand-default-2": string;
108
+ "palette-brand-default-3": string;
109
+ "palette-primary-1": string;
110
+ "palette-primary-2": string;
111
+ "palette-primary-3": string;
112
+ "palette-primary-4": string;
113
+ "palette-primary-5": string;
114
+ "palette-tretiary-1": string;
115
+ "palette-tretiary-2": string;
116
+ "palette-tretiary-3": string;
117
+ "palette-tretiary-4": string;
118
+ "palette-tretiary-5": string;
119
+ "palette-alert": string;
105
120
  };
106
121
  };
package/Theme/themes/buenos_aires.d.ts CHANGED
@@ -1,9 +1,24 @@
1
1
  declare const _default: {
2
- "palette-bg-3": string;
3
2
  "palette-black": string;
4
3
  "palette-white": string;
5
- "palette-brand-ba-1": string;
6
- "palette-brand-ba-2": string;
7
- "palette-brand-ba-3": string;
4
+ "palette-bg-1": string;
5
+ "palette-bg-2": string;
6
+ "palette-bg-3": string;
7
+ "palette-bg-4": string;
8
+ "palette-bg-5": string;
9
+ "palette-brand-default-1": string;
10
+ "palette-brand-default-2": string;
11
+ "palette-brand-default-3": string;
12
+ "palette-primary-1": string;
13
+ "palette-primary-2": string;
14
+ "palette-primary-3": string;
15
+ "palette-primary-4": string;
16
+ "palette-primary-5": string;
17
+ "palette-tretiary-1": string;
18
+ "palette-tretiary-2": string;
19
+ "palette-tretiary-3": string;
20
+ "palette-tretiary-4": string;
21
+ "palette-tretiary-5": string;
22
+ "palette-alert": string;
8
23
  };
9
24
  export default _default;
package/Theme/themes/buenos_aires.js CHANGED
@@ -5,12 +5,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var index = require('../colors/index.js');
6
6
 
7
7
  var THEME_BA = {
8
- "palette-bg-3": index.default.BG_3,
9
8
  "palette-black": index.default.BLACK,
10
9
  "palette-white": index.default.WHITE,
11
- "palette-brand-ba-1": index.default.BRAND_BA_1,
12
- "palette-brand-ba-2": index.default.BRAND_BA_2,
13
- "palette-brand-ba-3": index.default.BRAND_BA_3
10
+ "palette-bg-1": index.default.BG_1,
11
+ "palette-bg-2": index.default.BG_2,
12
+ "palette-bg-3": index.default.BG_3,
13
+ "palette-bg-4": index.default.BG_4,
14
+ "palette-bg-5": index.default.BG_5,
15
+ "palette-brand-default-1": index.default.BRAND_BA_1,
16
+ "palette-brand-default-2": index.default.BRAND_BA_2,
17
+ "palette-brand-default-3": index.default.BRAND_BA_3,
18
+ "palette-primary-1": index.default.PRIMARY_BA_1,
19
+ "palette-primary-2": index.default.PRIMARY_BA_2,
20
+ "palette-primary-3": index.default.PRIMARY_BA_3,
21
+ "palette-primary-4": index.default.PRIMARY_BA_4,
22
+ "palette-primary-5": index.default.PRIMARY_BA_5,
23
+ "palette-tretiary-1": index.default.TRETIARY_BA_1,
24
+ "palette-tretiary-2": index.default.TRETIARY_BA_2,
25
+ "palette-tretiary-3": index.default.TRETIARY_BA_3,
26
+ "palette-tretiary-4": index.default.TRETIARY_BA_4,
27
+ "palette-tretiary-5": index.default.TRETIARY_BA_5,
28
+ "palette-alert": index.default.ALERT
14
29
  };
15
30
 
16
31
  exports.default = THEME_BA;
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
32
  "button-border-radius": "26px",
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.PRIMARY_DEFAULT_2,
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,
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.SECONDARY_DEFAULT_2,
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.TRETIARY_DEFAULT_5,
58
58
  "button-pseudo-background-color": index.default.WHITE,
59
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,
60
+ "button-pseudo-color-hovered": index.default.TRETIARY_DEFAULT_5,
61
+ "button-pseudo-background-color-hovered": index.default.TRETIARY_DEFAULT_2,
62
+ "button-pseudo-border-color-hovered": index.default.TRETIARY_DEFAULT_2,
63
+ "button-pseudo-color-active": index.default.TRETIARY_DEFAULT_5,
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.SECONDARY_DEFAULT_2,
67
+ "button-pseudo-background-color-disabled": index.default.SECONDARY_DEFAULT_1,
68
+ "button-pseudo-border-color-disabled": index.default.SECONDARY_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,30 @@ 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.SECONDARY_DEFAULT_2,
79
+ "button-outline-background-color-disabled": index.default.SECONDARY_DEFAULT_1,
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_5,
83
+ "button-clear-color-active": index.default.PRIMARY_DEFAULT_5,
84
84
  "input-primary-border-color": index.default.BG_3,
85
85
  "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,
86
+ "checkbox-primary-background-color-checked": index.default.PRIMARY_DEFAULT_4,
87
+ "checkbox-primary-background-color-hovered": index.default.PRIMARY_DEFAULT_4,
88
+ "checkbox-primary-box-shadow-focused": index.default.PRIMARY_DEFAULT_1,
89
+ "checkbox-primary-background-color-active": index.default.PRIMARY_DEFAULT_4,
90
+ "checkbox-primary-border-color-active": index.default.PRIMARY_DEFAULT_4,
91
+ "checkbox-primary-box-shadow-active": index.default.PRIMARY_DEFAULT_4,
92
+ "checkbox-primary-background-color-disabled": index.default.PRIMARY_DEFAULT_1,
93
+ "inputradio-primary-background-color-checked": index.default.PRIMARY_DEFAULT_4,
94
+ "inputradio-primary-background-color-hovered": index.default.PRIMARY_DEFAULT_4,
95
+ "inputradio-primary-box-shadow-focused": index.default.PRIMARY_DEFAULT_1,
96
+ "inputradio-primary-background-color-focused": index.default.PRIMARY_DEFAULT_1,
97
+ "inputradio-primary-border-color-focused": index.default.PRIMARY_DEFAULT_1,
98
98
  "switch-primary-background-color": index.default.BG_2,
99
99
  "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
100
+ "switch-primary-background-color-checked": index.default.PRIMARY_DEFAULT_5,
101
+ "switch-primary-border-color-checked": index.default.PRIMARY_DEFAULT_5
102
102
  };
103
103
 
104
104
  exports.default = THEME_DEFAULT;
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;
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
@@ -96,11 +96,26 @@ export declare const THEMES: {
96
96
  "switch-primary-border-color-checked": string;
97
97
  };
98
98
  BA: {
99
- "palette-bg-3": string;
100
99
  "palette-black": string;
101
100
  "palette-white": string;
102
- "palette-brand-ba-1": string;
103
- "palette-brand-ba-2": string;
104
- "palette-brand-ba-3": string;
101
+ "palette-bg-1": string;
102
+ "palette-bg-2": string;
103
+ "palette-bg-3": string;
104
+ "palette-bg-4": string;
105
+ "palette-bg-5": string;
106
+ "palette-brand-default-1": string;
107
+ "palette-brand-default-2": string;
108
+ "palette-brand-default-3": string;
109
+ "palette-primary-1": string;
110
+ "palette-primary-2": string;
111
+ "palette-primary-3": string;
112
+ "palette-primary-4": string;
113
+ "palette-primary-5": string;
114
+ "palette-tretiary-1": string;
115
+ "palette-tretiary-2": string;
116
+ "palette-tretiary-3": string;
117
+ "palette-tretiary-4": string;
118
+ "palette-tretiary-5": string;
119
+ "palette-alert": string;
105
120
  };
106
121
  };
package/esm/Theme/themes/buenos_aires.d.ts CHANGED
@@ -1,9 +1,24 @@
1
1
  declare const _default: {
2
- "palette-bg-3": string;
3
2
  "palette-black": string;
4
3
  "palette-white": string;
5
- "palette-brand-ba-1": string;
6
- "palette-brand-ba-2": string;
7
- "palette-brand-ba-3": string;
4
+ "palette-bg-1": string;
5
+ "palette-bg-2": string;
6
+ "palette-bg-3": string;
7
+ "palette-bg-4": string;
8
+ "palette-bg-5": string;
9
+ "palette-brand-default-1": string;
10
+ "palette-brand-default-2": string;
11
+ "palette-brand-default-3": string;
12
+ "palette-primary-1": string;
13
+ "palette-primary-2": string;
14
+ "palette-primary-3": string;
15
+ "palette-primary-4": string;
16
+ "palette-primary-5": string;
17
+ "palette-tretiary-1": string;
18
+ "palette-tretiary-2": string;
19
+ "palette-tretiary-3": string;
20
+ "palette-tretiary-4": string;
21
+ "palette-tretiary-5": string;
22
+ "palette-alert": string;
8
23
  };
9
24
  export default _default;
package/esm/Theme/themes/buenos_aires.js CHANGED
@@ -1,12 +1,27 @@
1
1
  import Color from '../colors/index.js';
2
2
 
3
3
  var THEME_BA = {
4
- "palette-bg-3": Color.BG_3,
5
4
  "palette-black": Color.BLACK,
6
5
  "palette-white": Color.WHITE,
7
- "palette-brand-ba-1": Color.BRAND_BA_1,
8
- "palette-brand-ba-2": Color.BRAND_BA_2,
9
- "palette-brand-ba-3": Color.BRAND_BA_3
6
+ "palette-bg-1": Color.BG_1,
7
+ "palette-bg-2": Color.BG_2,
8
+ "palette-bg-3": Color.BG_3,
9
+ "palette-bg-4": Color.BG_4,
10
+ "palette-bg-5": Color.BG_5,
11
+ "palette-brand-default-1": Color.BRAND_BA_1,
12
+ "palette-brand-default-2": Color.BRAND_BA_2,
13
+ "palette-brand-default-3": Color.BRAND_BA_3,
14
+ "palette-primary-1": Color.PRIMARY_BA_1,
15
+ "palette-primary-2": Color.PRIMARY_BA_2,
16
+ "palette-primary-3": Color.PRIMARY_BA_3,
17
+ "palette-primary-4": Color.PRIMARY_BA_4,
18
+ "palette-primary-5": Color.PRIMARY_BA_5,
19
+ "palette-tretiary-1": Color.TRETIARY_BA_1,
20
+ "palette-tretiary-2": Color.TRETIARY_BA_2,
21
+ "palette-tretiary-3": Color.TRETIARY_BA_3,
22
+ "palette-tretiary-4": Color.TRETIARY_BA_4,
23
+ "palette-tretiary-5": Color.TRETIARY_BA_5,
24
+ "palette-alert": Color.ALERT
10
25
  };
11
26
 
12
27
  export { THEME_BA as default };
package/esm/Theme/themes/default.js CHANGED
@@ -11,57 +11,57 @@ var THEME_DEFAULT = {
11
11
  "palette-brand-default-1": Color.BRAND_DEFAULT_1,
12
12
  "palette-brand-default-2": Color.BRAND_DEFAULT_2,
13
13
  "palette-brand-default-3": Color.BRAND_DEFAULT_3,
14
- "palette-primary-1": Color.PRIMARY_1,
15
- "palette-primary-2": Color.PRIMARY_2,
16
- "palette-primary-3": Color.PRIMARY_3,
17
- "palette-primary-4": Color.PRIMARY_4,
18
- "palette-primary-5": Color.PRIMARY_5,
19
- "palette-tretiary-1": Color.TRETIARY_1,
20
- "palette-tretiary-2": Color.TRETIARY_2,
21
- "palette-tretiary-3": Color.TRETIARY_3,
22
- "palette-tretiary-4": Color.TRETIARY_4,
23
- "palette-tretiary-5": Color.TRETIARY_5,
14
+ "palette-primary-1": Color.PRIMARY_DEFAULT_1,
15
+ "palette-primary-2": Color.PRIMARY_DEFAULT_2,
16
+ "palette-primary-3": Color.PRIMARY_DEFAULT_3,
17
+ "palette-primary-4": Color.PRIMARY_DEFAULT_4,
18
+ "palette-primary-5": Color.PRIMARY_DEFAULT_5,
19
+ "palette-tretiary-1": Color.TRETIARY_DEFAULT_1,
20
+ "palette-tretiary-2": Color.TRETIARY_DEFAULT_2,
21
+ "palette-tretiary-3": Color.TRETIARY_DEFAULT_3,
22
+ "palette-tretiary-4": Color.TRETIARY_DEFAULT_4,
23
+ "palette-tretiary-5": Color.TRETIARY_DEFAULT_5,
24
24
  "palette-alert": Color.ALERT,
25
25
  "typography-alert": Color.ALERT,
26
26
  "typography-success": Color.SUCCESS,
27
27
  "typography-secondary": Color.BG_3,
28
28
  "button-border-radius": "26px",
29
29
  "button-primary-color": Color.WHITE,
30
- "button-primary-background-color": Color.PRIMARY_4,
31
- "button-primary-border-color": Color.PRIMARY_4,
30
+ "button-primary-background-color": Color.PRIMARY_DEFAULT_4,
31
+ "button-primary-border-color": Color.PRIMARY_DEFAULT_4,
32
32
  "button-primary-color-hovered": Color.WHITE,
33
- "button-primary-background-color-hovered": Color.PRIMARY_5,
34
- "button-primary-border-color-hovered": Color.PRIMARY_5,
33
+ "button-primary-background-color-hovered": Color.PRIMARY_DEFAULT_5,
34
+ "button-primary-border-color-hovered": Color.PRIMARY_DEFAULT_5,
35
35
  "button-primary-color-active": Color.WHITE,
36
- "button-primary-background-color-active": Color.PRIMARY_5,
37
- "button-primary-border-color-active": Color.PRIMARY_5,
38
- "button-primary-color-disabled": Color.PRIMARY_2,
39
- "button-primary-background-color-disabled": Color.PRIMARY_1,
40
- "button-primary-border-color-disabled": Color.PRIMARY_1,
36
+ "button-primary-background-color-active": Color.PRIMARY_DEFAULT_5,
37
+ "button-primary-border-color-active": Color.PRIMARY_DEFAULT_5,
38
+ "button-primary-color-disabled": Color.PRIMARY_DEFAULT_2,
39
+ "button-primary-background-color-disabled": Color.PRIMARY_DEFAULT_1,
40
+ "button-primary-border-color-disabled": Color.PRIMARY_DEFAULT_1,
41
41
  "button-secondary-color": Color.WHITE,
42
- "button-secondary-background-color": Color.SECONDARY_4,
43
- "button-secondary-border-color": Color.SECONDARY_4,
42
+ "button-secondary-background-color": Color.SECONDARY_DEFAULT_4,
43
+ "button-secondary-border-color": Color.SECONDARY_DEFAULT_4,
44
44
  "button-secondary-color-hovered": Color.WHITE,
45
- "button-secondary-background-color-hovered": Color.SECONDARY_5,
46
- "button-secondary-border-color-hovered": Color.SECONDARY_5,
45
+ "button-secondary-background-color-hovered": Color.SECONDARY_DEFAULT_5,
46
+ "button-secondary-border-color-hovered": Color.SECONDARY_DEFAULT_5,
47
47
  "button-secondary-color-active": Color.WHITE,
48
- "button-secondary-background-color-active": Color.SECONDARY_5,
49
- "button-secondary-border-color-active": Color.SECONDARY_5,
50
- "button-secondary-color-disabled": Color.SECONDARY_2,
51
- "button-secondary-background-color-disabled": Color.SECONDARY_1,
52
- "button-secondary-border-color-disabled": Color.SECONDARY_1,
53
- "button-pseudo-color": Color.TRETIARY_5,
48
+ "button-secondary-background-color-active": Color.SECONDARY_DEFAULT_5,
49
+ "button-secondary-border-color-active": Color.SECONDARY_DEFAULT_5,
50
+ "button-secondary-color-disabled": Color.SECONDARY_DEFAULT_2,
51
+ "button-secondary-background-color-disabled": Color.SECONDARY_DEFAULT_1,
52
+ "button-secondary-border-color-disabled": Color.SECONDARY_DEFAULT_1,
53
+ "button-pseudo-color": Color.TRETIARY_DEFAULT_5,
54
54
  "button-pseudo-background-color": Color.WHITE,
55
55
  "button-pseudo-border-color": Color.WHITE,
56
- "button-pseudo-color-hovered": Color.TRETIARY_5,
57
- "button-pseudo-background-color-hovered": Color.TRETIARY_2,
58
- "button-pseudo-border-color-hovered": Color.TRETIARY_2,
59
- "button-pseudo-color-active": Color.TRETIARY_5,
60
- "button-pseudo-background-color-active": Color.TRETIARY_2,
61
- "button-pseudo-border-color-active": Color.TRETIARY_2,
62
- "button-pseudo-color-disabled": Color.SECONDARY_2,
63
- "button-pseudo-background-color-disabled": Color.SECONDARY_1,
64
- "button-pseudo-border-color-disabled": Color.SECONDARY_1,
56
+ "button-pseudo-color-hovered": Color.TRETIARY_DEFAULT_5,
57
+ "button-pseudo-background-color-hovered": Color.TRETIARY_DEFAULT_2,
58
+ "button-pseudo-border-color-hovered": Color.TRETIARY_DEFAULT_2,
59
+ "button-pseudo-color-active": Color.TRETIARY_DEFAULT_5,
60
+ "button-pseudo-background-color-active": Color.TRETIARY_DEFAULT_2,
61
+ "button-pseudo-border-color-active": Color.TRETIARY_DEFAULT_2,
62
+ "button-pseudo-color-disabled": Color.SECONDARY_DEFAULT_2,
63
+ "button-pseudo-background-color-disabled": Color.SECONDARY_DEFAULT_1,
64
+ "button-pseudo-border-color-disabled": Color.SECONDARY_DEFAULT_1,
65
65
  "button-outline-color": Color.BLACK,
66
66
  "button-outline-background-color": Color.WHITE,
67
67
  "button-outline-border-color": Color.BG_3,
@@ -71,30 +71,30 @@ var THEME_DEFAULT = {
71
71
  "button-outline-color-active": Color.BLACK,
72
72
  "button-outline-background-color-active": Color.BG_2,
73
73
  "button-outline-border-color-active": Color.BG_3,
74
- "button-outline-color-disabled": Color.SECONDARY_2,
75
- "button-outline-background-color-disabled": Color.SECONDARY_1,
74
+ "button-outline-color-disabled": Color.SECONDARY_DEFAULT_2,
75
+ "button-outline-background-color-disabled": Color.SECONDARY_DEFAULT_1,
76
76
  "button-outline-border-color-disabled": Color.BG_2,
77
- "button-clear-color": Color.PRIMARY_4,
78
- "button-clear-color-hovered": Color.PRIMARY_5,
79
- "button-clear-color-active": Color.PRIMARY_5,
77
+ "button-clear-color": Color.PRIMARY_DEFAULT_4,
78
+ "button-clear-color-hovered": Color.PRIMARY_DEFAULT_5,
79
+ "button-clear-color-active": Color.PRIMARY_DEFAULT_5,
80
80
  "input-primary-border-color": Color.BG_3,
81
81
  "input-primary-plaseholder-color": Color.BG_2,
82
- "checkbox-primary-background-color-checked": Color.PRIMARY_4,
83
- "checkbox-primary-background-color-hovered": Color.PRIMARY_4,
84
- "checkbox-primary-box-shadow-focused": Color.PRIMARY_1,
85
- "checkbox-primary-background-color-active": Color.PRIMARY_4,
86
- "checkbox-primary-border-color-active": Color.PRIMARY_4,
87
- "checkbox-primary-box-shadow-active": Color.PRIMARY_4,
88
- "checkbox-primary-background-color-disabled": Color.PRIMARY_1,
89
- "inputradio-primary-background-color-checked": Color.PRIMARY_4,
90
- "inputradio-primary-background-color-hovered": Color.PRIMARY_4,
91
- "inputradio-primary-box-shadow-focused": Color.PRIMARY_1,
92
- "inputradio-primary-background-color-focused": Color.PRIMARY_1,
93
- "inputradio-primary-border-color-focused": Color.PRIMARY_1,
82
+ "checkbox-primary-background-color-checked": Color.PRIMARY_DEFAULT_4,
83
+ "checkbox-primary-background-color-hovered": Color.PRIMARY_DEFAULT_4,
84
+ "checkbox-primary-box-shadow-focused": Color.PRIMARY_DEFAULT_1,
85
+ "checkbox-primary-background-color-active": Color.PRIMARY_DEFAULT_4,
86
+ "checkbox-primary-border-color-active": Color.PRIMARY_DEFAULT_4,
87
+ "checkbox-primary-box-shadow-active": Color.PRIMARY_DEFAULT_4,
88
+ "checkbox-primary-background-color-disabled": Color.PRIMARY_DEFAULT_1,
89
+ "inputradio-primary-background-color-checked": Color.PRIMARY_DEFAULT_4,
90
+ "inputradio-primary-background-color-hovered": Color.PRIMARY_DEFAULT_4,
91
+ "inputradio-primary-box-shadow-focused": Color.PRIMARY_DEFAULT_1,
92
+ "inputradio-primary-background-color-focused": Color.PRIMARY_DEFAULT_1,
93
+ "inputradio-primary-border-color-focused": Color.PRIMARY_DEFAULT_1,
94
94
  "switch-primary-background-color": Color.BG_2,
95
95
  "switch-primary-border-color": Color.BG_2,
96
- "switch-primary-background-color-checked": Color.PRIMARY_5,
97
- "switch-primary-border-color-checked": Color.PRIMARY_5
96
+ "switch-primary-background-color-checked": Color.PRIMARY_DEFAULT_5,
97
+ "switch-primary-border-color-checked": Color.PRIMARY_DEFAULT_5
98
98
  };
99
99
 
100
100
  export { THEME_DEFAULT as default };
package/esm/theme_ba_variables.css CHANGED
@@ -1,8 +1,23 @@
1
1
  .theme {
2
- --palette-bg-3: #dbdbdb;
3
2
  --palette-black: #000;
4
3
  --palette-white: #fff;
5
- --palette-brand-ba-1: #B54141;
6
- --palette-brand-ba-2: #fffbe9;
7
- --palette-brand-ba-3: #D5D500;
4
+ --palette-bg-1: #f2f2f2;
5
+ --palette-bg-2: #e6e6e6;
6
+ --palette-bg-3: #dbdbdb;
7
+ --palette-bg-4: #b3b3b3;
8
+ --palette-bg-5: #999;
9
+ --palette-brand-default-1: #B54141;
10
+ --palette-brand-default-2: #fffbe9;
11
+ --palette-brand-default-3: #D5D500;
12
+ --palette-primary-1: rgba(38, 49, 129, .07);
13
+ --palette-primary-2: rgba(38, 49, 129, .3);
14
+ --palette-primary-3: rgba(38, 49, 129, .4);
15
+ --palette-primary-4: rgba(38, 49, 129, .6);
16
+ --palette-primary-5: rgba(38, 49, 129, .8);
17
+ --palette-tretiary-1: #EDF1F5;
18
+ --palette-tretiary-2: #d3dbe3;
19
+ --palette-tretiary-3: #c5cfda;
20
+ --palette-tretiary-4: #b1bcc8;
21
+ --palette-tretiary-5: #87929d;
22
+ --palette-alert: #ff564e;
8
23
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.7.61",
3
+ "version": "0.7.62",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "scripts": {},
package/theme_ba_variables.css CHANGED
@@ -1,8 +1,23 @@
1
1
  .theme {
2
- --palette-bg-3: #dbdbdb;
3
2
  --palette-black: #000;
4
3
  --palette-white: #fff;
5
- --palette-brand-ba-1: #B54141;
6
- --palette-brand-ba-2: #fffbe9;
7
- --palette-brand-ba-3: #D5D500;
4
+ --palette-bg-1: #f2f2f2;
5
+ --palette-bg-2: #e6e6e6;
6
+ --palette-bg-3: #dbdbdb;
7
+ --palette-bg-4: #b3b3b3;
8
+ --palette-bg-5: #999;
9
+ --palette-brand-default-1: #B54141;
10
+ --palette-brand-default-2: #fffbe9;
11
+ --palette-brand-default-3: #D5D500;
12
+ --palette-primary-1: rgba(38, 49, 129, .07);
13
+ --palette-primary-2: rgba(38, 49, 129, .3);
14
+ --palette-primary-3: rgba(38, 49, 129, .4);
15
+ --palette-primary-4: rgba(38, 49, 129, .6);
16
+ --palette-primary-5: rgba(38, 49, 129, .8);
17
+ --palette-tretiary-1: #EDF1F5;
18
+ --palette-tretiary-2: #d3dbe3;
19
+ --palette-tretiary-3: #c5cfda;
20
+ --palette-tretiary-4: #b1bcc8;
21
+ --palette-tretiary-5: #87929d;
22
+ --palette-alert: #ff564e;
8
23
  }