colibri-ui 0.7.93 → 0.7.95

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/theme_buenos_aires.js +5 -5
  2. package/Theme/index.d.ts +10 -0
  3. package/Theme/themes/buenos_aires.d.ts +5 -0
  4. package/Theme/themes/buenos_aires.js +7 -2
  5. package/Theme/themes/default.d.ts +5 -0
  6. package/Theme/themes/default.js +5 -0
  7. package/esm/Theme/colors/theme_buenos_aires.js +5 -5
  8. package/esm/Theme/index.d.ts +10 -0
  9. package/esm/Theme/themes/buenos_aires.d.ts +5 -0
  10. package/esm/Theme/themes/buenos_aires.js +7 -2
  11. package/esm/Theme/themes/default.d.ts +5 -0
  12. package/esm/Theme/themes/default.js +5 -0
  13. package/esm/theme_ba_variables.css +17 -12
  14. package/esm/theme_default_variables.css +5 -0
  15. package/package.json +1 -1
  16. package/theme_ba_variables.css +17 -12
  17. package/theme_default_variables.css +5 -0
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/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,
@@ -46,10 +51,10 @@ var THEME_BA = {
46
51
  "button-secondary-bg": index.default.SECONDARY_BA_4,
47
52
  "button-secondary-border-color": index.default.SECONDARY_BA_4,
48
53
  "button-secondary-color-hovered": index.default.WHITE,
49
- "button-secondary-bg-hovered": index.default.SECONDARY_BA_4,
54
+ "button-secondary-bg-hovered": index.default.SECONDARY_BA_5,
50
55
  "button-secondary-border-color-hovered": index.default.SECONDARY_BA_4,
51
56
  "button-secondary-color-active": index.default.WHITE,
52
- "button-secondary-bg-active": index.default.SECONDARY_BA_5,
57
+ "button-secondary-bg-active": index.default.BLACK,
53
58
  "button-secondary-border-color-active": index.default.SECONDARY_BA_5,
54
59
  "button-secondary-color-disabled": index.default.BG_4,
55
60
  "button-secondary-bg-disabled": index.default.BG_1,
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/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,
@@ -42,10 +47,10 @@ var THEME_BA = {
42
47
  "button-secondary-bg": Color.SECONDARY_BA_4,
43
48
  "button-secondary-border-color": Color.SECONDARY_BA_4,
44
49
  "button-secondary-color-hovered": Color.WHITE,
45
- "button-secondary-bg-hovered": Color.SECONDARY_BA_4,
50
+ "button-secondary-bg-hovered": Color.SECONDARY_BA_5,
46
51
  "button-secondary-border-color-hovered": Color.SECONDARY_BA_4,
47
52
  "button-secondary-color-active": Color.WHITE,
48
- "button-secondary-bg-active": Color.SECONDARY_BA_5,
53
+ "button-secondary-bg-active": Color.BLACK,
49
54
  "button-secondary-border-color-active": Color.SECONDARY_BA_5,
50
55
  "button-secondary-color-disabled": Color.BG_4,
51
56
  "button-secondary-bg-disabled": Color.BG_1,
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: #1f2328;
49
+ --button-secondary-border-color-hovered: #25292e;
45
50
  --button-secondary-color-active: #FFF;
46
51
  --button-secondary-bg-active: #000;
47
- --button-secondary-border-color-active: #000;
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
@@ -14,6 +14,11 @@
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.93",
3
+ "version": "0.7.95",
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: #1f2328;
49
+ --button-secondary-border-color-hovered: #25292e;
45
50
  --button-secondary-color-active: #FFF;
46
51
  --button-secondary-bg-active: #000;
47
- --button-secondary-border-color-active: #000;
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
@@ -14,6 +14,11 @@
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;