colibri-ui 0.7.92 → 0.7.94

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 (19) hide show
  1. package/Theme/colors/theme_buenos_aires.js +5 -5
  2. package/Theme/colors/theme_default.js +3 -3
  3. package/Theme/index.d.ts +10 -0
  4. package/Theme/themes/buenos_aires.d.ts +5 -0
  5. package/Theme/themes/buenos_aires.js +5 -0
  6. package/Theme/themes/default.d.ts +5 -0
  7. package/Theme/themes/default.js +5 -0
  8. package/esm/Theme/colors/theme_buenos_aires.js +5 -5
  9. package/esm/Theme/colors/theme_default.js +3 -3
  10. package/esm/Theme/index.d.ts +10 -0
  11. package/esm/Theme/themes/buenos_aires.d.ts +5 -0
  12. package/esm/Theme/themes/buenos_aires.js +5 -0
  13. package/esm/Theme/themes/default.d.ts +5 -0
  14. package/esm/Theme/themes/default.js +5 -0
  15. package/esm/theme_ba_variables.css +18 -13
  16. package/esm/theme_default_variables.css +8 -3
  17. package/package.json +1 -1
  18. package/theme_ba_variables.css +18 -13
  19. package/theme_default_variables.css +8 -3
package/Theme/colors/theme_buenos_aires.js CHANGED
@@ -12,11 +12,11 @@ var PrimaryBA = {
12
12
  PRIMARY_BA_5: "#FFC818"
13
13
  };
14
14
  var SecondaryBA = {
15
- SECONDARY_BA_1: "#7D7D7D",
16
- SECONDARY_BA_2: "#5C5C5C",
17
- SECONDARY_BA_3: "#333",
18
- SECONDARY_BA_4: "#1F1F1F",
19
- SECONDARY_BA_5: "#000"
15
+ SECONDARY_BA_1: "#59636e",
16
+ SECONDARY_BA_2: "#454c54",
17
+ SECONDARY_BA_3: "#393f46",
18
+ SECONDARY_BA_4: "#25292e",
19
+ SECONDARY_BA_5: "#1f2328"
20
20
  };
21
21
  var TretiaryBA = {
22
22
  TRETIARY_BA_1: "#DFE7FA",
package/Theme/colors/theme_default.js CHANGED
@@ -26,9 +26,9 @@ var Tretiary = {
26
26
  TRETIARY_DEFAULT_5: "#FC5200"
27
27
  };
28
28
  var Brand = {
29
- BRAND_DEFAULT_1: "#F393D2",
30
- BRAND_DEFAULT_2: "#4BDCF8",
31
- BRAND_DEFAULT_3: "#D5D500"
29
+ BRAND_DEFAULT_1: "#f6aadc",
30
+ BRAND_DEFAULT_2: "#F393D2",
31
+ BRAND_DEFAULT_3: "#ee65bf"
32
32
  };
33
33
  var Color = tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, Brand), Primary), Secondary), Tretiary);
34
34
 
package/Theme/index.d.ts CHANGED
@@ -15,6 +15,11 @@ export declare const THEMES: {
15
15
  "palette-primary-3": string;
16
16
  "palette-primary-4": string;
17
17
  "palette-primary-5": string;
18
+ "palette-secondary-1": string;
19
+ "palette-secondary-2": string;
20
+ "palette-secondary-3": string;
21
+ "palette-secondary-4": string;
22
+ "palette-secondary-5": string;
18
23
  "palette-tretiary-1": string;
19
24
  "palette-tretiary-2": string;
20
25
  "palette-tretiary-3": string;
@@ -129,6 +134,11 @@ export declare const THEMES: {
129
134
  "palette-primary-3": string;
130
135
  "palette-primary-4": string;
131
136
  "palette-primary-5": string;
137
+ "palette-secondary-1": string;
138
+ "palette-secondary-2": string;
139
+ "palette-secondary-3": string;
140
+ "palette-secondary-4": string;
141
+ "palette-secondary-5": string;
132
142
  "palette-tretiary-1": string;
133
143
  "palette-tretiary-2": string;
134
144
  "palette-tretiary-3": string;
package/Theme/themes/buenos_aires.d.ts CHANGED
@@ -14,6 +14,11 @@ declare const _default: {
14
14
  "palette-primary-3": string;
15
15
  "palette-primary-4": string;
16
16
  "palette-primary-5": string;
17
+ "palette-secondary-1": string;
18
+ "palette-secondary-2": string;
19
+ "palette-secondary-3": string;
20
+ "palette-secondary-4": string;
21
+ "palette-secondary-5": string;
17
22
  "palette-tretiary-1": string;
18
23
  "palette-tretiary-2": string;
19
24
  "palette-tretiary-3": string;
package/Theme/themes/buenos_aires.js CHANGED
@@ -20,6 +20,11 @@ var THEME_BA = {
20
20
  "palette-primary-3": index.default.PRIMARY_BA_3,
21
21
  "palette-primary-4": index.default.PRIMARY_BA_4,
22
22
  "palette-primary-5": index.default.PRIMARY_BA_5,
23
+ "palette-secondary-1": index.default.SECONDARY_BA_1,
24
+ "palette-secondary-2": index.default.SECONDARY_BA_2,
25
+ "palette-secondary-3": index.default.SECONDARY_BA_3,
26
+ "palette-secondary-4": index.default.SECONDARY_BA_4,
27
+ "palette-secondary-5": index.default.SECONDARY_BA_5,
23
28
  "palette-tretiary-1": index.default.TRETIARY_BA_1,
24
29
  "palette-tretiary-2": index.default.TRETIARY_BA_2,
25
30
  "palette-tretiary-3": index.default.TRETIARY_BA_3,
package/Theme/themes/default.d.ts CHANGED
@@ -14,6 +14,11 @@ declare const _default: {
14
14
  "palette-primary-3": string;
15
15
  "palette-primary-4": string;
16
16
  "palette-primary-5": string;
17
+ "palette-secondary-1": string;
18
+ "palette-secondary-2": string;
19
+ "palette-secondary-3": string;
20
+ "palette-secondary-4": string;
21
+ "palette-secondary-5": string;
17
22
  "palette-tretiary-1": string;
18
23
  "palette-tretiary-2": string;
19
24
  "palette-tretiary-3": string;
package/Theme/themes/default.js CHANGED
@@ -20,6 +20,11 @@ var THEME_DEFAULT = {
20
20
  "palette-primary-3": index.default.PRIMARY_DEFAULT_3,
21
21
  "palette-primary-4": index.default.PRIMARY_DEFAULT_4,
22
22
  "palette-primary-5": index.default.PRIMARY_DEFAULT_5,
23
+ "palette-secondary-1": index.default.SECONDARY_DEFAULT_1,
24
+ "palette-secondary-2": index.default.SECONDARY_DEFAULT_2,
25
+ "palette-secondary-3": index.default.SECONDARY_DEFAULT_3,
26
+ "palette-secondary-4": index.default.SECONDARY_DEFAULT_4,
27
+ "palette-secondary-5": index.default.SECONDARY_DEFAULT_5,
23
28
  "palette-tretiary-1": index.default.TRETIARY_DEFAULT_1,
24
29
  "palette-tretiary-2": index.default.TRETIARY_DEFAULT_2,
25
30
  "palette-tretiary-3": index.default.TRETIARY_DEFAULT_3,
package/esm/Theme/colors/theme_buenos_aires.js CHANGED
@@ -8,11 +8,11 @@ var PrimaryBA = {
8
8
  PRIMARY_BA_5: "#FFC818"
9
9
  };
10
10
  var SecondaryBA = {
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"
11
+ SECONDARY_BA_1: "#59636e",
12
+ SECONDARY_BA_2: "#454c54",
13
+ SECONDARY_BA_3: "#393f46",
14
+ SECONDARY_BA_4: "#25292e",
15
+ SECONDARY_BA_5: "#1f2328"
16
16
  };
17
17
  var TretiaryBA = {
18
18
  TRETIARY_BA_1: "#DFE7FA",
package/esm/Theme/colors/theme_default.js CHANGED
@@ -22,9 +22,9 @@ var Tretiary = {
22
22
  TRETIARY_DEFAULT_5: "#FC5200"
23
23
  };
24
24
  var Brand = {
25
- BRAND_DEFAULT_1: "#F393D2",
26
- BRAND_DEFAULT_2: "#4BDCF8",
27
- BRAND_DEFAULT_3: "#D5D500"
25
+ BRAND_DEFAULT_1: "#f6aadc",
26
+ BRAND_DEFAULT_2: "#F393D2",
27
+ BRAND_DEFAULT_3: "#ee65bf"
28
28
  };
29
29
  var Color = __assign(__assign(__assign(__assign({}, Brand), Primary), Secondary), Tretiary);
30
30
 
package/esm/Theme/index.d.ts CHANGED
@@ -15,6 +15,11 @@ export declare const THEMES: {
15
15
  "palette-primary-3": string;
16
16
  "palette-primary-4": string;
17
17
  "palette-primary-5": string;
18
+ "palette-secondary-1": string;
19
+ "palette-secondary-2": string;
20
+ "palette-secondary-3": string;
21
+ "palette-secondary-4": string;
22
+ "palette-secondary-5": string;
18
23
  "palette-tretiary-1": string;
19
24
  "palette-tretiary-2": string;
20
25
  "palette-tretiary-3": string;
@@ -129,6 +134,11 @@ export declare const THEMES: {
129
134
  "palette-primary-3": string;
130
135
  "palette-primary-4": string;
131
136
  "palette-primary-5": string;
137
+ "palette-secondary-1": string;
138
+ "palette-secondary-2": string;
139
+ "palette-secondary-3": string;
140
+ "palette-secondary-4": string;
141
+ "palette-secondary-5": string;
132
142
  "palette-tretiary-1": string;
133
143
  "palette-tretiary-2": string;
134
144
  "palette-tretiary-3": string;
package/esm/Theme/themes/buenos_aires.d.ts CHANGED
@@ -14,6 +14,11 @@ declare const _default: {
14
14
  "palette-primary-3": string;
15
15
  "palette-primary-4": string;
16
16
  "palette-primary-5": string;
17
+ "palette-secondary-1": string;
18
+ "palette-secondary-2": string;
19
+ "palette-secondary-3": string;
20
+ "palette-secondary-4": string;
21
+ "palette-secondary-5": string;
17
22
  "palette-tretiary-1": string;
18
23
  "palette-tretiary-2": string;
19
24
  "palette-tretiary-3": string;
package/esm/Theme/themes/buenos_aires.js CHANGED
@@ -16,6 +16,11 @@ var THEME_BA = {
16
16
  "palette-primary-3": Color.PRIMARY_BA_3,
17
17
  "palette-primary-4": Color.PRIMARY_BA_4,
18
18
  "palette-primary-5": Color.PRIMARY_BA_5,
19
+ "palette-secondary-1": Color.SECONDARY_BA_1,
20
+ "palette-secondary-2": Color.SECONDARY_BA_2,
21
+ "palette-secondary-3": Color.SECONDARY_BA_3,
22
+ "palette-secondary-4": Color.SECONDARY_BA_4,
23
+ "palette-secondary-5": Color.SECONDARY_BA_5,
19
24
  "palette-tretiary-1": Color.TRETIARY_BA_1,
20
25
  "palette-tretiary-2": Color.TRETIARY_BA_2,
21
26
  "palette-tretiary-3": Color.TRETIARY_BA_3,
package/esm/Theme/themes/default.d.ts CHANGED
@@ -14,6 +14,11 @@ declare const _default: {
14
14
  "palette-primary-3": string;
15
15
  "palette-primary-4": string;
16
16
  "palette-primary-5": string;
17
+ "palette-secondary-1": string;
18
+ "palette-secondary-2": string;
19
+ "palette-secondary-3": string;
20
+ "palette-secondary-4": string;
21
+ "palette-secondary-5": string;
17
22
  "palette-tretiary-1": string;
18
23
  "palette-tretiary-2": string;
19
24
  "palette-tretiary-3": string;
package/esm/Theme/themes/default.js CHANGED
@@ -16,6 +16,11 @@ var THEME_DEFAULT = {
16
16
  "palette-primary-3": Color.PRIMARY_DEFAULT_3,
17
17
  "palette-primary-4": Color.PRIMARY_DEFAULT_4,
18
18
  "palette-primary-5": Color.PRIMARY_DEFAULT_5,
19
+ "palette-secondary-1": Color.SECONDARY_DEFAULT_1,
20
+ "palette-secondary-2": Color.SECONDARY_DEFAULT_2,
21
+ "palette-secondary-3": Color.SECONDARY_DEFAULT_3,
22
+ "palette-secondary-4": Color.SECONDARY_DEFAULT_4,
23
+ "palette-secondary-5": Color.SECONDARY_DEFAULT_5,
19
24
  "palette-tretiary-1": Color.TRETIARY_DEFAULT_1,
20
25
  "palette-tretiary-2": Color.TRETIARY_DEFAULT_2,
21
26
  "palette-tretiary-3": Color.TRETIARY_DEFAULT_3,
package/esm/theme_ba_variables.css CHANGED
@@ -14,6 +14,11 @@
14
14
  --palette-primary-3: #FFD85A;
15
15
  --palette-primary-4: #FFCE31;
16
16
  --palette-primary-5: #FFC818;
17
+ --palette-secondary-1: #59636e;
18
+ --palette-secondary-2: #454c54;
19
+ --palette-secondary-3: #393f46;
20
+ --palette-secondary-4: #25292e;
21
+ --palette-secondary-5: #1f2328;
17
22
  --palette-tretiary-1: #DFE7FA;
18
23
  --palette-tretiary-2: #C0CFF8;
19
24
  --palette-tretiary-3: #AFC3F5;
@@ -37,26 +42,26 @@
37
42
  --button-primary-bg-disabled: #FFE695;
38
43
  --button-primary-border-color-disabled: #FFE695;
39
44
  --button-secondary-color: #FFF;
40
- --button-secondary-bg: #1F1F1F;
41
- --button-secondary-border-color: #1F1F1F;
45
+ --button-secondary-bg: #25292e;
46
+ --button-secondary-border-color: #25292e;
42
47
  --button-secondary-color-hovered: #FFF;
43
- --button-secondary-bg-hovered: #1F1F1F;
44
- --button-secondary-border-color-hovered: #1F1F1F;
48
+ --button-secondary-bg-hovered: #25292e;
49
+ --button-secondary-border-color-hovered: #25292e;
45
50
  --button-secondary-color-active: #FFF;
46
- --button-secondary-bg-active: #000;
47
- --button-secondary-border-color-active: #000;
51
+ --button-secondary-bg-active: #1f2328;
52
+ --button-secondary-border-color-active: #1f2328;
48
53
  --button-secondary-color-disabled: #C9CDD6;
49
54
  --button-secondary-bg-disabled: #ECEEF2;
50
55
  --button-secondary-border-color-disabled: #ECEEF2;
51
56
  --button-outline-color: #000;
52
57
  --button-outline-bg: #FFF;
53
- --button-outline-border-color: #1F1F1F;
58
+ --button-outline-border-color: #25292e;
54
59
  --button-outline-color-hovered: #000;
55
60
  --button-outline-bg-hovered: #ECEEF2;
56
- --button-outline-border-color-hovered: #1F1F1F;
61
+ --button-outline-border-color-hovered: #25292e;
57
62
  --button-outline-color-active: #000;
58
63
  --button-outline-bg-active: #E4E6EA;
59
- --button-outline-border-color-active: #1F1F1F;
64
+ --button-outline-border-color-active: #25292e;
60
65
  --button-outline-color-disabled: #C9CDD6;
61
66
  --button-outline-bg-disabled: #FFF;
62
67
  --button-outline-border-color-disabled: #E4E6EA;
@@ -72,9 +77,9 @@
72
77
  --button-pseudo-color-disabled: #C9CDD6;
73
78
  --button-pseudo-bg-disabled: #DFE7FA;
74
79
  --button-pseudo-border-color-disabled: #DFE7FA;
75
- --button-clear-color: #1F1F1F;
76
- --button-clear-color-hovered: #1F1F1F;
77
- --button-clear-color-active: #000;
80
+ --button-clear-color: #25292e;
81
+ --button-clear-color-hovered: #25292e;
82
+ --button-clear-color-active: #1f2328;
78
83
  --button-clear-color-disabled: #C9CDD6;
79
84
  --button-clear-bg-disabled: #FFF;
80
85
  --button-clear-border-color-disabled: #FFF;
@@ -99,7 +104,7 @@
99
104
  --switch-border-color: #E4E6EA;
100
105
  --switch-bg-checked: #FFC818;
101
106
  --switch-border-color-checked: #FFC818;
102
- --tooltip-bg: #333;
107
+ --tooltip-bg: #393f46;
103
108
  --tooltip-color: #FFF;
104
109
  --status-failure: #FF564E;
105
110
  --status-failure-bg: rgba(244, 87, 37, .12);
package/esm/theme_default_variables.css CHANGED
@@ -6,14 +6,19 @@
6
6
  --palette-bg-3: #D6D9E0;
7
7
  --palette-bg-4: #C9CDD6;
8
8
  --palette-bg-5: #BCC1CC;
9
- --palette-brand-default-1: #F393D2;
10
- --palette-brand-default-2: #4BDCF8;
11
- --palette-brand-default-3: #D5D500;
9
+ --palette-brand-default-1: #f6aadc;
10
+ --palette-brand-default-2: #F393D2;
11
+ --palette-brand-default-3: #ee65bf;
12
12
  --palette-primary-1: #E8F0FE;
13
13
  --palette-primary-2: #B8D2FF;
14
14
  --palette-primary-3: #73ABF8;
15
15
  --palette-primary-4: #067AFF;
16
16
  --palette-primary-5: #0066DC;
17
+ --palette-secondary-1: #FFF1DB;
18
+ --palette-secondary-2: #FFDAA3;
19
+ --palette-secondary-3: #FFCA79;
20
+ --palette-secondary-4: #F4B968;
21
+ --palette-secondary-5: #FFAB0F;
17
22
  --palette-tretiary-1: #FFF5F0;
18
23
  --palette-tretiary-2: #FFEAE2;
19
24
  --palette-tretiary-3: #FFD8CA;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.7.92",
3
+ "version": "0.7.94",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "scripts": {},
package/theme_ba_variables.css CHANGED
@@ -14,6 +14,11 @@
14
14
  --palette-primary-3: #FFD85A;
15
15
  --palette-primary-4: #FFCE31;
16
16
  --palette-primary-5: #FFC818;
17
+ --palette-secondary-1: #59636e;
18
+ --palette-secondary-2: #454c54;
19
+ --palette-secondary-3: #393f46;
20
+ --palette-secondary-4: #25292e;
21
+ --palette-secondary-5: #1f2328;
17
22
  --palette-tretiary-1: #DFE7FA;
18
23
  --palette-tretiary-2: #C0CFF8;
19
24
  --palette-tretiary-3: #AFC3F5;
@@ -37,26 +42,26 @@
37
42
  --button-primary-bg-disabled: #FFE695;
38
43
  --button-primary-border-color-disabled: #FFE695;
39
44
  --button-secondary-color: #FFF;
40
- --button-secondary-bg: #1F1F1F;
41
- --button-secondary-border-color: #1F1F1F;
45
+ --button-secondary-bg: #25292e;
46
+ --button-secondary-border-color: #25292e;
42
47
  --button-secondary-color-hovered: #FFF;
43
- --button-secondary-bg-hovered: #1F1F1F;
44
- --button-secondary-border-color-hovered: #1F1F1F;
48
+ --button-secondary-bg-hovered: #25292e;
49
+ --button-secondary-border-color-hovered: #25292e;
45
50
  --button-secondary-color-active: #FFF;
46
- --button-secondary-bg-active: #000;
47
- --button-secondary-border-color-active: #000;
51
+ --button-secondary-bg-active: #1f2328;
52
+ --button-secondary-border-color-active: #1f2328;
48
53
  --button-secondary-color-disabled: #C9CDD6;
49
54
  --button-secondary-bg-disabled: #ECEEF2;
50
55
  --button-secondary-border-color-disabled: #ECEEF2;
51
56
  --button-outline-color: #000;
52
57
  --button-outline-bg: #FFF;
53
- --button-outline-border-color: #1F1F1F;
58
+ --button-outline-border-color: #25292e;
54
59
  --button-outline-color-hovered: #000;
55
60
  --button-outline-bg-hovered: #ECEEF2;
56
- --button-outline-border-color-hovered: #1F1F1F;
61
+ --button-outline-border-color-hovered: #25292e;
57
62
  --button-outline-color-active: #000;
58
63
  --button-outline-bg-active: #E4E6EA;
59
- --button-outline-border-color-active: #1F1F1F;
64
+ --button-outline-border-color-active: #25292e;
60
65
  --button-outline-color-disabled: #C9CDD6;
61
66
  --button-outline-bg-disabled: #FFF;
62
67
  --button-outline-border-color-disabled: #E4E6EA;
@@ -72,9 +77,9 @@
72
77
  --button-pseudo-color-disabled: #C9CDD6;
73
78
  --button-pseudo-bg-disabled: #DFE7FA;
74
79
  --button-pseudo-border-color-disabled: #DFE7FA;
75
- --button-clear-color: #1F1F1F;
76
- --button-clear-color-hovered: #1F1F1F;
77
- --button-clear-color-active: #000;
80
+ --button-clear-color: #25292e;
81
+ --button-clear-color-hovered: #25292e;
82
+ --button-clear-color-active: #1f2328;
78
83
  --button-clear-color-disabled: #C9CDD6;
79
84
  --button-clear-bg-disabled: #FFF;
80
85
  --button-clear-border-color-disabled: #FFF;
@@ -99,7 +104,7 @@
99
104
  --switch-border-color: #E4E6EA;
100
105
  --switch-bg-checked: #FFC818;
101
106
  --switch-border-color-checked: #FFC818;
102
- --tooltip-bg: #333;
107
+ --tooltip-bg: #393f46;
103
108
  --tooltip-color: #FFF;
104
109
  --status-failure: #FF564E;
105
110
  --status-failure-bg: rgba(244, 87, 37, .12);
package/theme_default_variables.css CHANGED
@@ -6,14 +6,19 @@
6
6
  --palette-bg-3: #D6D9E0;
7
7
  --palette-bg-4: #C9CDD6;
8
8
  --palette-bg-5: #BCC1CC;
9
- --palette-brand-default-1: #F393D2;
10
- --palette-brand-default-2: #4BDCF8;
11
- --palette-brand-default-3: #D5D500;
9
+ --palette-brand-default-1: #f6aadc;
10
+ --palette-brand-default-2: #F393D2;
11
+ --palette-brand-default-3: #ee65bf;
12
12
  --palette-primary-1: #E8F0FE;
13
13
  --palette-primary-2: #B8D2FF;
14
14
  --palette-primary-3: #73ABF8;
15
15
  --palette-primary-4: #067AFF;
16
16
  --palette-primary-5: #0066DC;
17
+ --palette-secondary-1: #FFF1DB;
18
+ --palette-secondary-2: #FFDAA3;
19
+ --palette-secondary-3: #FFCA79;
20
+ --palette-secondary-4: #F4B968;
21
+ --palette-secondary-5: #FFAB0F;
17
22
  --palette-tretiary-1: #FFF5F0;
18
23
  --palette-tretiary-2: #FFEAE2;
19
24
  --palette-tretiary-3: #FFD8CA;