colibri-ui 0.7.41 → 0.7.42

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 (5) hide show
  1. package/esm/theme_ba_variables.module.css +8 -0
  2. package/esm/theme_default_variables.module.css +79 -0
  3. package/package.json +1 -1
  4. package/theme_ba_variables.module.css +8 -0
  5. package/theme_default_variables.module.css +79 -0
package/esm/theme_ba_variables.module.css ADDED
@@ -0,0 +1,8 @@
1
+ :root {
2
+ --palette-bg-3: #dbdbdb;
3
+ --palette-black: #000;
4
+ --palette-white: #fff;
5
+ --palette-brand-ba-1: #B54141;
6
+ --palette-brand-ba-2: #fffbe9;
7
+ --palette-brand-ba-3: #D5D500;
8
+ }
package/esm/theme_default_variables.module.css ADDED
@@ -0,0 +1,79 @@
1
+ :root {
2
+ --palette-black: #000;
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;
9
+ --palette-brand-default-1: #F393D2;
10
+ --palette-brand-default-2: #4BDCF8;
11
+ --palette-brand-default-3: #D5D500;
12
+ --palette-primary-1: #E8F0FE;
13
+ --palette-primary-2: #B8D2FF;
14
+ --palette-primary-3: #73ABF8;
15
+ --palette-primary-4: #067AFF;
16
+ --palette-primary-5: #0066DC;
17
+ --palette-tretiary-1: #FFF5F0;
18
+ --palette-tretiary-2: #FFEAE2;
19
+ --palette-tretiary-3: #FFD8CA;
20
+ --palette-tretiary-4: #FFA384 ;
21
+ --palette-tretiary-5: #fc5200;
22
+ --palette-alert: #ff564e;
23
+ --typography-alert: #ff564e;
24
+ --typography-success: #28bc00;
25
+ --typography-secondary: #dbdbdb;
26
+ --button-border-radius: 26px;
27
+ --button-primary-color: #fff;
28
+ --button-primary-background-color: #067AFF;
29
+ --button-primary-border-color: #067AFF;
30
+ --button-primary-color-hovered: #fff;
31
+ --button-primary-background-color-hovered: #0066DC;
32
+ --button-primary-border-color-hovered: #0066DC;
33
+ --button-primary-color-active: #fff;
34
+ --button-primary-background-color-active: #0066DC;
35
+ --button-primary-border-color-active: #0066DC;
36
+ --button-primary-color-disabled: #B8D2FF;
37
+ --button-primary-background-color-disabled: #E8F0FE;
38
+ --button-primary-border-color-disabled: #E8F0FE;
39
+ --button-secondary-color: #fff;
40
+ --button-secondary-background-color: #f4b968;
41
+ --button-secondary-border-color: #f4b968;
42
+ --button-secondary-color-hovered: #fff;
43
+ --button-secondary-background-color-hovered: #ffab0f;
44
+ --button-secondary-border-color-hovered: #ffab0f;
45
+ --button-secondary-color-active: #fff;
46
+ --button-secondary-background-color-active: #ffab0f;
47
+ --button-secondary-border-color-active: #ffab0f;
48
+ --button-secondary-color-disabled: #ffdaa3;
49
+ --button-secondary-background-color-disabled: #fff1db;
50
+ --button-secondary-border-color-disabled: #fff1db;
51
+ --button-pseudo-color: #fc5200;
52
+ --button-pseudo-background-color: #fff;
53
+ --button-pseudo-border-color: #fff;
54
+ --button-pseudo-color-hovered: #fc5200;
55
+ --button-pseudo-background-color-hovered: #FFEAE2;
56
+ --button-pseudo-border-color-hovered: #FFEAE2;
57
+ --button-pseudo-color-active: #fc5200;
58
+ --button-pseudo-background-color-active: #FFEAE2;
59
+ --button-pseudo-border-color-active: #FFEAE2;
60
+ --button-pseudo-color-disabled: #ffdaa3;
61
+ --button-pseudo-background-color-disabled: #fff1db;
62
+ --button-pseudo-border-color-disabled: #fff1db;
63
+ --button-clear-color: #067AFF;
64
+ --button-clear-color-hovered: #0066DC;
65
+ --button-clear-color-active: #0066DC;
66
+ --input-primary-border-color: #dbdbdb;
67
+ --input-primary-plaseholder-color: #e6e6e6;
68
+ --checkbox-primary-background-color-checked: #067AFF;
69
+ --checkbox-primary-background-color-hovered: #067AFF;
70
+ --checkbox-primary-box-shadow-focused: #E8F0FE;
71
+ --checkbox-primary-background-color-active: #067AFF;
72
+ --checkbox-primary-border-color-active: #067AFF;
73
+ --checkbox-primary-box-shadow-active: #067AFF;
74
+ --checkbox-primary-background-color-disabled: #E8F0FE;
75
+ --switch-primary-background-color: #e6e6e6;
76
+ --switch-primary-border-color: #e6e6e6;
77
+ --switch-primary-background-color-checked: #0066DC;
78
+ --switch-primary-border-color-checked: #0066DC;
79
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "colibri-ui",
3
- "version": "0.7.41",
3
+ "version": "0.7.42",
4
4
  "description": "React UI components library",
5
5
  "main": "index.js",
6
6
  "scripts": {},
package/theme_ba_variables.module.css ADDED
@@ -0,0 +1,8 @@
1
+ :root {
2
+ --palette-bg-3: #dbdbdb;
3
+ --palette-black: #000;
4
+ --palette-white: #fff;
5
+ --palette-brand-ba-1: #B54141;
6
+ --palette-brand-ba-2: #fffbe9;
7
+ --palette-brand-ba-3: #D5D500;
8
+ }
package/theme_default_variables.module.css ADDED
@@ -0,0 +1,79 @@
1
+ :root {
2
+ --palette-black: #000;
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;
9
+ --palette-brand-default-1: #F393D2;
10
+ --palette-brand-default-2: #4BDCF8;
11
+ --palette-brand-default-3: #D5D500;
12
+ --palette-primary-1: #E8F0FE;
13
+ --palette-primary-2: #B8D2FF;
14
+ --palette-primary-3: #73ABF8;
15
+ --palette-primary-4: #067AFF;
16
+ --palette-primary-5: #0066DC;
17
+ --palette-tretiary-1: #FFF5F0;
18
+ --palette-tretiary-2: #FFEAE2;
19
+ --palette-tretiary-3: #FFD8CA;
20
+ --palette-tretiary-4: #FFA384 ;
21
+ --palette-tretiary-5: #fc5200;
22
+ --palette-alert: #ff564e;
23
+ --typography-alert: #ff564e;
24
+ --typography-success: #28bc00;
25
+ --typography-secondary: #dbdbdb;
26
+ --button-border-radius: 26px;
27
+ --button-primary-color: #fff;
28
+ --button-primary-background-color: #067AFF;
29
+ --button-primary-border-color: #067AFF;
30
+ --button-primary-color-hovered: #fff;
31
+ --button-primary-background-color-hovered: #0066DC;
32
+ --button-primary-border-color-hovered: #0066DC;
33
+ --button-primary-color-active: #fff;
34
+ --button-primary-background-color-active: #0066DC;
35
+ --button-primary-border-color-active: #0066DC;
36
+ --button-primary-color-disabled: #B8D2FF;
37
+ --button-primary-background-color-disabled: #E8F0FE;
38
+ --button-primary-border-color-disabled: #E8F0FE;
39
+ --button-secondary-color: #fff;
40
+ --button-secondary-background-color: #f4b968;
41
+ --button-secondary-border-color: #f4b968;
42
+ --button-secondary-color-hovered: #fff;
43
+ --button-secondary-background-color-hovered: #ffab0f;
44
+ --button-secondary-border-color-hovered: #ffab0f;
45
+ --button-secondary-color-active: #fff;
46
+ --button-secondary-background-color-active: #ffab0f;
47
+ --button-secondary-border-color-active: #ffab0f;
48
+ --button-secondary-color-disabled: #ffdaa3;
49
+ --button-secondary-background-color-disabled: #fff1db;
50
+ --button-secondary-border-color-disabled: #fff1db;
51
+ --button-pseudo-color: #fc5200;
52
+ --button-pseudo-background-color: #fff;
53
+ --button-pseudo-border-color: #fff;
54
+ --button-pseudo-color-hovered: #fc5200;
55
+ --button-pseudo-background-color-hovered: #FFEAE2;
56
+ --button-pseudo-border-color-hovered: #FFEAE2;
57
+ --button-pseudo-color-active: #fc5200;
58
+ --button-pseudo-background-color-active: #FFEAE2;
59
+ --button-pseudo-border-color-active: #FFEAE2;
60
+ --button-pseudo-color-disabled: #ffdaa3;
61
+ --button-pseudo-background-color-disabled: #fff1db;
62
+ --button-pseudo-border-color-disabled: #fff1db;
63
+ --button-clear-color: #067AFF;
64
+ --button-clear-color-hovered: #0066DC;
65
+ --button-clear-color-active: #0066DC;
66
+ --input-primary-border-color: #dbdbdb;
67
+ --input-primary-plaseholder-color: #e6e6e6;
68
+ --checkbox-primary-background-color-checked: #067AFF;
69
+ --checkbox-primary-background-color-hovered: #067AFF;
70
+ --checkbox-primary-box-shadow-focused: #E8F0FE;
71
+ --checkbox-primary-background-color-active: #067AFF;
72
+ --checkbox-primary-border-color-active: #067AFF;
73
+ --checkbox-primary-box-shadow-active: #067AFF;
74
+ --checkbox-primary-background-color-disabled: #E8F0FE;
75
+ --switch-primary-background-color: #e6e6e6;
76
+ --switch-primary-border-color: #e6e6e6;
77
+ --switch-primary-background-color-checked: #0066DC;
78
+ --switch-primary-border-color-checked: #0066DC;
79
+ }