colibri-ui 0.7.78 → 0.7.79

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 (7) hide show
  1. package/Theme/colors/common.js +5 -5
  2. package/esm/Theme/colors/common.js +5 -5
  3. package/esm/theme_ba_variables.css +20 -20
  4. package/esm/theme_default_variables.css +21 -21
  5. package/package.json +1 -1
  6. package/theme_ba_variables.css +20 -20
  7. package/theme_default_variables.css +21 -21
package/Theme/colors/common.js CHANGED
@@ -9,11 +9,11 @@ var Common = {
9
9
  BLACK: "#000"
10
10
  };
11
11
  var Backgrounds = {
12
- BG_1: "#f2f2f2",
13
- BG_2: "#e6e6e6",
14
- BG_3: "#dbdbdb",
15
- BG_4: "#b3b3b3",
16
- BG_5: "#999"
12
+ BG_1: "#ECEEF2",
13
+ BG_2: "#E4E6EA",
14
+ BG_3: "#D6D9E0",
15
+ BG_4: "#C9CDD6",
16
+ BG_5: "#BCC1CC"
17
17
  };
18
18
  var Accents = {
19
19
  ALERT: "#ff564e",
package/esm/Theme/colors/common.js CHANGED
@@ -5,11 +5,11 @@ var Common = {
5
5
  BLACK: "#000"
6
6
  };
7
7
  var Backgrounds = {
8
- BG_1: "#f2f2f2",
9
- BG_2: "#e6e6e6",
10
- BG_3: "#dbdbdb",
11
- BG_4: "#b3b3b3",
12
- BG_5: "#999"
8
+ BG_1: "#ECEEF2",
9
+ BG_2: "#E4E6EA",
10
+ BG_3: "#D6D9E0",
11
+ BG_4: "#C9CDD6",
12
+ BG_5: "#BCC1CC"
13
13
  };
14
14
  var Accents = {
15
15
  ALERT: "#ff564e",
package/esm/theme_ba_variables.css CHANGED
@@ -1,11 +1,11 @@
1
1
  .theme {
2
2
  --palette-black: #000;
3
3
  --palette-white: #fff;
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;
4
+ --palette-bg-1: #ECEEF2;
5
+ --palette-bg-2: #E4E6EA;
6
+ --palette-bg-3: #D6D9E0;
7
+ --palette-bg-4: #C9CDD6;
8
+ --palette-bg-5: #BCC1CC;
9
9
  --palette-brand-default-1: #fcdfe2;
10
10
  --palette-brand-default-2: #facdd2;
11
11
  --palette-brand-default-3: #F59fa7;
@@ -23,7 +23,7 @@
23
23
  --palette-success: #28bc00;
24
24
  --typography-alert: #ff564e;
25
25
  --typography-success: #28bc00;
26
- --typography-secondary: #dbdbdb;
26
+ --typography-secondary: #D6D9E0;
27
27
  --button-border-radius: 18px;
28
28
  --button-primary-color: #000;
29
29
  --button-primary-background-color: #ffce31;
@@ -34,7 +34,7 @@
34
34
  --button-primary-color-active: #000;
35
35
  --button-primary-background-color-active: #ffc818;
36
36
  --button-primary-border-color-active: #ffc818;
37
- --button-primary-color-disabled: #b3b3b3;
37
+ --button-primary-color-disabled: #C9CDD6;
38
38
  --button-primary-background-color-disabled: #ffe695;
39
39
  --button-primary-border-color-disabled: #ffe695;
40
40
  --button-secondary-color: #fff;
@@ -46,21 +46,21 @@
46
46
  --button-secondary-color-active: #fff;
47
47
  --button-secondary-background-color-active: #000;
48
48
  --button-secondary-border-color-active: #000;
49
- --button-secondary-color-disabled: #b3b3b3;
50
- --button-secondary-background-color-disabled: #f2f2f2;
51
- --button-secondary-border-color-disabled: #f2f2f2;
49
+ --button-secondary-color-disabled: #C9CDD6;
50
+ --button-secondary-background-color-disabled: #ECEEF2;
51
+ --button-secondary-border-color-disabled: #ECEEF2;
52
52
  --button-outline-color: #000;
53
53
  --button-outline-background-color: #fff;
54
54
  --button-outline-border-color: #1f1f1f;
55
55
  --button-outline-color-hovered: #000;
56
- --button-outline-background-color-hovered: #f2f2f2;
56
+ --button-outline-background-color-hovered: #ECEEF2;
57
57
  --button-outline-border-color-hovered: #1f1f1f;
58
58
  --button-outline-color-active: #000;
59
- --button-outline-background-color-active: #e6e6e6;
59
+ --button-outline-background-color-active: #E4E6EA;
60
60
  --button-outline-border-color-active: #1f1f1f;
61
- --button-outline-color-disabled: #b3b3b3;
61
+ --button-outline-color-disabled: #C9CDD6;
62
62
  --button-outline-background-color-disabled: #fff;
63
- --button-outline-border-color-disabled: #e6e6e6;
63
+ --button-outline-border-color-disabled: #E4E6EA;
64
64
  --button-pseudo-color: #000;
65
65
  --button-pseudo-background-color: #DFE7FA;
66
66
  --button-pseudo-border-color: #DFE7FA;
@@ -70,17 +70,17 @@
70
70
  --button-pseudo-color-active: #000;
71
71
  --button-pseudo-background-color-active: #C0CFF8;
72
72
  --button-pseudo-border-color-active: #C0CFF8;
73
- --button-pseudo-color-disabled: #b3b3b3;
73
+ --button-pseudo-color-disabled: #C9CDD6;
74
74
  --button-pseudo-background-color-disabled: #DFE7FA;
75
75
  --button-pseudo-border-color-disabled: #DFE7FA;
76
76
  --button-clear-color: #1f1f1f;
77
77
  --button-clear-color-hovered: #1f1f1f;
78
78
  --button-clear-color-active: #000;
79
- --button-clear-color-disabled: #b3b3b3;
79
+ --button-clear-color-disabled: #C9CDD6;
80
80
  --button-clear-background-color-disabled: #fff;
81
81
  --button-clear-border-color-disabled: #fff;
82
- --input-primary-border-color: #dbdbdb;
83
- --input-primary-plaseholder-color: #e6e6e6;
82
+ --input-primary-border-color: #D6D9E0;
83
+ --input-primary-plaseholder-color: #E4E6EA;
84
84
  --input-primary-border-color-error: #ff564e;
85
85
  --input-primary-background-color-error: #FFEAE2;
86
86
  --input-primary-box-shadow-color-error: #FFEAE2;
@@ -96,8 +96,8 @@
96
96
  --input-radio-box-shadow-focused: #ffe695;
97
97
  --input-radio-background-color-focused: #ffe695;
98
98
  --input-radio-border-color-focused: #ffe695;
99
- --switch-background-color: #e6e6e6;
100
- --switch-border-color: #e6e6e6;
99
+ --switch-background-color: #E4E6EA;
100
+ --switch-border-color: #E4E6EA;
101
101
  --switch-background-color-checked: #ffc818;
102
102
  --switch-border-color-checked: #ffc818;
103
103
  --tooltip-background-color: #333;
package/esm/theme_default_variables.css CHANGED
@@ -1,11 +1,11 @@
1
1
  .theme {
2
2
  --palette-black: #000;
3
3
  --palette-white: #fff;
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;
4
+ --palette-bg-1: #ECEEF2;
5
+ --palette-bg-2: #E4E6EA;
6
+ --palette-bg-3: #D6D9E0;
7
+ --palette-bg-4: #C9CDD6;
8
+ --palette-bg-5: #BCC1CC;
9
9
  --palette-brand-default-1: #F393D2;
10
10
  --palette-brand-default-2: #4BDCF8;
11
11
  --palette-brand-default-3: #D5D500;
@@ -23,7 +23,7 @@
23
23
  --palette-success: #28bc00;
24
24
  --typography-alert: #ff564e;
25
25
  --typography-success: #28bc00;
26
- --typography-secondary: #dbdbdb;
26
+ --typography-secondary: #D6D9E0;
27
27
  --button-border-radius: 18px;
28
28
  --button-primary-color: #fff;
29
29
  --button-primary-background-color: #067AFF;
@@ -34,7 +34,7 @@
34
34
  --button-primary-color-active: #fff;
35
35
  --button-primary-background-color-active: #0066DC;
36
36
  --button-primary-border-color-active: #0066DC;
37
- --button-primary-color-disabled: #b3b3b3;
37
+ --button-primary-color-disabled: #C9CDD6;
38
38
  --button-primary-background-color-disabled: #E8F0FE;
39
39
  --button-primary-border-color-disabled: #E8F0FE;
40
40
  --button-secondary-color: #fff;
@@ -46,7 +46,7 @@
46
46
  --button-secondary-color-active: #fff;
47
47
  --button-secondary-background-color-active: #ffab0f;
48
48
  --button-secondary-border-color-active: #ffab0f;
49
- --button-secondary-color-disabled: #b3b3b3;
49
+ --button-secondary-color-disabled: #C9CDD6;
50
50
  --button-secondary-background-color-disabled: #fff1db;
51
51
  --button-secondary-border-color-disabled: #fff1db;
52
52
  --button-pseudo-color: #000;
@@ -58,29 +58,29 @@
58
58
  --button-pseudo-color-active: #000;
59
59
  --button-pseudo-background-color-active: #FFEAE2;
60
60
  --button-pseudo-border-color-active: #FFEAE2;
61
- --button-pseudo-color-disabled: #b3b3b3;
61
+ --button-pseudo-color-disabled: #C9CDD6;
62
62
  --button-pseudo-background-color-disabled: #FFF5F0;
63
63
  --button-pseudo-border-color-disabled: #FFF5F0;
64
64
  --button-outline-color: #000;
65
65
  --button-outline-background-color: #fff;
66
- --button-outline-border-color: #dbdbdb;
66
+ --button-outline-border-color: #D6D9E0;
67
67
  --button-outline-color-hovered: #000;
68
- --button-outline-background-color-hovered: #f2f2f2;
69
- --button-outline-border-color-hovered: #dbdbdb;
68
+ --button-outline-background-color-hovered: #ECEEF2;
69
+ --button-outline-border-color-hovered: #D6D9E0;
70
70
  --button-outline-color-active: #000;
71
- --button-outline-background-color-active: #e6e6e6;
72
- --button-outline-border-color-active: #dbdbdb;
73
- --button-outline-color-disabled: #b3b3b3;
71
+ --button-outline-background-color-active: #E4E6EA;
72
+ --button-outline-border-color-active: #D6D9E0;
73
+ --button-outline-color-disabled: #C9CDD6;
74
74
  --button-outline-background-color-disabled: #fff;
75
- --button-outline-border-color-disabled: #e6e6e6;
75
+ --button-outline-border-color-disabled: #E4E6EA;
76
76
  --button-clear-color: #067AFF;
77
77
  --button-clear-color-hovered: #067AFF;
78
78
  --button-clear-color-active: #0066DC;
79
- --button-clear-color-disabled: #b3b3b3;
79
+ --button-clear-color-disabled: #C9CDD6;
80
80
  --button-clear-background-color-disabled: #fff;
81
81
  --button-clear-border-color-disabled: #fff;
82
- --input-primary-border-color: #dbdbdb;
83
- --input-primary-plaseholder-color: #e6e6e6;
82
+ --input-primary-border-color: #D6D9E0;
83
+ --input-primary-plaseholder-color: #E4E6EA;
84
84
  --input-primary-border-color-error: #ff564e;
85
85
  --input-primary-background-color-error: #FFEAE2;
86
86
  --input-primary-box-shadow-color-error: #FFEAE2;
@@ -96,8 +96,8 @@
96
96
  --input-radio-box-shadow-focused: #E8F0FE;
97
97
  --input-radio-background-color-focused: #E8F0FE;
98
98
  --input-radio-border-color-focused: #E8F0FE;
99
- --switch-background-color: #e6e6e6;
100
- --switch-border-color: #e6e6e6;
99
+ --switch-background-color: #E4E6EA;
100
+ --switch-border-color: #E4E6EA;
101
101
  --switch-background-color-checked: #0066DC;
102
102
  --switch-border-color-checked: #0066DC;
103
103
  --tooltip-background-color: #000;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.7.78",
3
+ "version": "0.7.79",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "scripts": {},
package/theme_ba_variables.css CHANGED
@@ -1,11 +1,11 @@
1
1
  .theme {
2
2
  --palette-black: #000;
3
3
  --palette-white: #fff;
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;
4
+ --palette-bg-1: #ECEEF2;
5
+ --palette-bg-2: #E4E6EA;
6
+ --palette-bg-3: #D6D9E0;
7
+ --palette-bg-4: #C9CDD6;
8
+ --palette-bg-5: #BCC1CC;
9
9
  --palette-brand-default-1: #fcdfe2;
10
10
  --palette-brand-default-2: #facdd2;
11
11
  --palette-brand-default-3: #F59fa7;
@@ -23,7 +23,7 @@
23
23
  --palette-success: #28bc00;
24
24
  --typography-alert: #ff564e;
25
25
  --typography-success: #28bc00;
26
- --typography-secondary: #dbdbdb;
26
+ --typography-secondary: #D6D9E0;
27
27
  --button-border-radius: 18px;
28
28
  --button-primary-color: #000;
29
29
  --button-primary-background-color: #ffce31;
@@ -34,7 +34,7 @@
34
34
  --button-primary-color-active: #000;
35
35
  --button-primary-background-color-active: #ffc818;
36
36
  --button-primary-border-color-active: #ffc818;
37
- --button-primary-color-disabled: #b3b3b3;
37
+ --button-primary-color-disabled: #C9CDD6;
38
38
  --button-primary-background-color-disabled: #ffe695;
39
39
  --button-primary-border-color-disabled: #ffe695;
40
40
  --button-secondary-color: #fff;
@@ -46,21 +46,21 @@
46
46
  --button-secondary-color-active: #fff;
47
47
  --button-secondary-background-color-active: #000;
48
48
  --button-secondary-border-color-active: #000;
49
- --button-secondary-color-disabled: #b3b3b3;
50
- --button-secondary-background-color-disabled: #f2f2f2;
51
- --button-secondary-border-color-disabled: #f2f2f2;
49
+ --button-secondary-color-disabled: #C9CDD6;
50
+ --button-secondary-background-color-disabled: #ECEEF2;
51
+ --button-secondary-border-color-disabled: #ECEEF2;
52
52
  --button-outline-color: #000;
53
53
  --button-outline-background-color: #fff;
54
54
  --button-outline-border-color: #1f1f1f;
55
55
  --button-outline-color-hovered: #000;
56
- --button-outline-background-color-hovered: #f2f2f2;
56
+ --button-outline-background-color-hovered: #ECEEF2;
57
57
  --button-outline-border-color-hovered: #1f1f1f;
58
58
  --button-outline-color-active: #000;
59
- --button-outline-background-color-active: #e6e6e6;
59
+ --button-outline-background-color-active: #E4E6EA;
60
60
  --button-outline-border-color-active: #1f1f1f;
61
- --button-outline-color-disabled: #b3b3b3;
61
+ --button-outline-color-disabled: #C9CDD6;
62
62
  --button-outline-background-color-disabled: #fff;
63
- --button-outline-border-color-disabled: #e6e6e6;
63
+ --button-outline-border-color-disabled: #E4E6EA;
64
64
  --button-pseudo-color: #000;
65
65
  --button-pseudo-background-color: #DFE7FA;
66
66
  --button-pseudo-border-color: #DFE7FA;
@@ -70,17 +70,17 @@
70
70
  --button-pseudo-color-active: #000;
71
71
  --button-pseudo-background-color-active: #C0CFF8;
72
72
  --button-pseudo-border-color-active: #C0CFF8;
73
- --button-pseudo-color-disabled: #b3b3b3;
73
+ --button-pseudo-color-disabled: #C9CDD6;
74
74
  --button-pseudo-background-color-disabled: #DFE7FA;
75
75
  --button-pseudo-border-color-disabled: #DFE7FA;
76
76
  --button-clear-color: #1f1f1f;
77
77
  --button-clear-color-hovered: #1f1f1f;
78
78
  --button-clear-color-active: #000;
79
- --button-clear-color-disabled: #b3b3b3;
79
+ --button-clear-color-disabled: #C9CDD6;
80
80
  --button-clear-background-color-disabled: #fff;
81
81
  --button-clear-border-color-disabled: #fff;
82
- --input-primary-border-color: #dbdbdb;
83
- --input-primary-plaseholder-color: #e6e6e6;
82
+ --input-primary-border-color: #D6D9E0;
83
+ --input-primary-plaseholder-color: #E4E6EA;
84
84
  --input-primary-border-color-error: #ff564e;
85
85
  --input-primary-background-color-error: #FFEAE2;
86
86
  --input-primary-box-shadow-color-error: #FFEAE2;
@@ -96,8 +96,8 @@
96
96
  --input-radio-box-shadow-focused: #ffe695;
97
97
  --input-radio-background-color-focused: #ffe695;
98
98
  --input-radio-border-color-focused: #ffe695;
99
- --switch-background-color: #e6e6e6;
100
- --switch-border-color: #e6e6e6;
99
+ --switch-background-color: #E4E6EA;
100
+ --switch-border-color: #E4E6EA;
101
101
  --switch-background-color-checked: #ffc818;
102
102
  --switch-border-color-checked: #ffc818;
103
103
  --tooltip-background-color: #333;
package/theme_default_variables.css CHANGED
@@ -1,11 +1,11 @@
1
1
  .theme {
2
2
  --palette-black: #000;
3
3
  --palette-white: #fff;
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;
4
+ --palette-bg-1: #ECEEF2;
5
+ --palette-bg-2: #E4E6EA;
6
+ --palette-bg-3: #D6D9E0;
7
+ --palette-bg-4: #C9CDD6;
8
+ --palette-bg-5: #BCC1CC;
9
9
  --palette-brand-default-1: #F393D2;
10
10
  --palette-brand-default-2: #4BDCF8;
11
11
  --palette-brand-default-3: #D5D500;
@@ -23,7 +23,7 @@
23
23
  --palette-success: #28bc00;
24
24
  --typography-alert: #ff564e;
25
25
  --typography-success: #28bc00;
26
- --typography-secondary: #dbdbdb;
26
+ --typography-secondary: #D6D9E0;
27
27
  --button-border-radius: 18px;
28
28
  --button-primary-color: #fff;
29
29
  --button-primary-background-color: #067AFF;
@@ -34,7 +34,7 @@
34
34
  --button-primary-color-active: #fff;
35
35
  --button-primary-background-color-active: #0066DC;
36
36
  --button-primary-border-color-active: #0066DC;
37
- --button-primary-color-disabled: #b3b3b3;
37
+ --button-primary-color-disabled: #C9CDD6;
38
38
  --button-primary-background-color-disabled: #E8F0FE;
39
39
  --button-primary-border-color-disabled: #E8F0FE;
40
40
  --button-secondary-color: #fff;
@@ -46,7 +46,7 @@
46
46
  --button-secondary-color-active: #fff;
47
47
  --button-secondary-background-color-active: #ffab0f;
48
48
  --button-secondary-border-color-active: #ffab0f;
49
- --button-secondary-color-disabled: #b3b3b3;
49
+ --button-secondary-color-disabled: #C9CDD6;
50
50
  --button-secondary-background-color-disabled: #fff1db;
51
51
  --button-secondary-border-color-disabled: #fff1db;
52
52
  --button-pseudo-color: #000;
@@ -58,29 +58,29 @@
58
58
  --button-pseudo-color-active: #000;
59
59
  --button-pseudo-background-color-active: #FFEAE2;
60
60
  --button-pseudo-border-color-active: #FFEAE2;
61
- --button-pseudo-color-disabled: #b3b3b3;
61
+ --button-pseudo-color-disabled: #C9CDD6;
62
62
  --button-pseudo-background-color-disabled: #FFF5F0;
63
63
  --button-pseudo-border-color-disabled: #FFF5F0;
64
64
  --button-outline-color: #000;
65
65
  --button-outline-background-color: #fff;
66
- --button-outline-border-color: #dbdbdb;
66
+ --button-outline-border-color: #D6D9E0;
67
67
  --button-outline-color-hovered: #000;
68
- --button-outline-background-color-hovered: #f2f2f2;
69
- --button-outline-border-color-hovered: #dbdbdb;
68
+ --button-outline-background-color-hovered: #ECEEF2;
69
+ --button-outline-border-color-hovered: #D6D9E0;
70
70
  --button-outline-color-active: #000;
71
- --button-outline-background-color-active: #e6e6e6;
72
- --button-outline-border-color-active: #dbdbdb;
73
- --button-outline-color-disabled: #b3b3b3;
71
+ --button-outline-background-color-active: #E4E6EA;
72
+ --button-outline-border-color-active: #D6D9E0;
73
+ --button-outline-color-disabled: #C9CDD6;
74
74
  --button-outline-background-color-disabled: #fff;
75
- --button-outline-border-color-disabled: #e6e6e6;
75
+ --button-outline-border-color-disabled: #E4E6EA;
76
76
  --button-clear-color: #067AFF;
77
77
  --button-clear-color-hovered: #067AFF;
78
78
  --button-clear-color-active: #0066DC;
79
- --button-clear-color-disabled: #b3b3b3;
79
+ --button-clear-color-disabled: #C9CDD6;
80
80
  --button-clear-background-color-disabled: #fff;
81
81
  --button-clear-border-color-disabled: #fff;
82
- --input-primary-border-color: #dbdbdb;
83
- --input-primary-plaseholder-color: #e6e6e6;
82
+ --input-primary-border-color: #D6D9E0;
83
+ --input-primary-plaseholder-color: #E4E6EA;
84
84
  --input-primary-border-color-error: #ff564e;
85
85
  --input-primary-background-color-error: #FFEAE2;
86
86
  --input-primary-box-shadow-color-error: #FFEAE2;
@@ -96,8 +96,8 @@
96
96
  --input-radio-box-shadow-focused: #E8F0FE;
97
97
  --input-radio-background-color-focused: #E8F0FE;
98
98
  --input-radio-border-color-focused: #E8F0FE;
99
- --switch-background-color: #e6e6e6;
100
- --switch-border-color: #e6e6e6;
99
+ --switch-background-color: #E4E6EA;
100
+ --switch-border-color: #E4E6EA;
101
101
  --switch-background-color-checked: #0066DC;
102
102
  --switch-border-color-checked: #0066DC;
103
103
  --tooltip-background-color: #000;