colibri-ui 0.7.41 → 0.7.43

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/global.css +18 -18
  2. package/esm/Theme/global.css +18 -18
  3. package/esm/theme_ba_variables.module.css +8 -0
  4. package/esm/theme_default_variables.module.css +79 -0
  5. package/package.json +1 -1
  6. package/theme_ba_variables.module.css +8 -0
  7. package/theme_default_variables.module.css +79 -0
package/Theme/global.css CHANGED
@@ -1,15 +1,15 @@
1
- [data-page=lisa-accessories] html {
1
+ [data-page=colibri-ui] html {
2
2
  margin: 0;
3
3
  padding: 0;
4
4
  }
5
- [data-page=lisa-accessories] input,
6
- [data-page=lisa-accessories] label,
7
- [data-page=lisa-accessories] textarea,
8
- [data-page=lisa-accessories] select,
9
- [data-page=lisa-accessories] button {
5
+ [data-page=colibri-ui] input,
6
+ [data-page=colibri-ui] label,
7
+ [data-page=colibri-ui] textarea,
8
+ [data-page=colibri-ui] select,
9
+ [data-page=colibri-ui] button {
10
10
  background: none;
11
11
  }
12
- [data-page=lisa-accessories] * {
12
+ [data-page=colibri-ui] * {
13
13
  box-sizing: border-box;
14
14
  border: none;
15
15
  outline: none;
@@ -17,20 +17,20 @@
17
17
  margin: 0;
18
18
  padding: 0;
19
19
  }
20
- [data-page=lisa-accessories] input,
21
- [data-page=lisa-accessories] textarea,
22
- [data-page=lisa-accessories] select,
23
- [data-page=lisa-accessories] button,
24
- [data-page=lisa-accessories] body {
20
+ [data-page=colibri-ui] input,
21
+ [data-page=colibri-ui] textarea,
22
+ [data-page=colibri-ui] select,
23
+ [data-page=colibri-ui] button,
24
+ [data-page=colibri-ui] body {
25
25
  margin: 0;
26
26
  padding: 0;
27
27
  }
28
- [data-page=lisa-accessories] h1,
29
- [data-page=lisa-accessories] h2,
30
- [data-page=lisa-accessories] h3,
31
- [data-page=lisa-accessories] h4,
32
- [data-page=lisa-accessories] h5,
33
- [data-page=lisa-accessories] h6 {
28
+ [data-page=colibri-ui] h1,
29
+ [data-page=colibri-ui] h2,
30
+ [data-page=colibri-ui] h3,
31
+ [data-page=colibri-ui] h4,
32
+ [data-page=colibri-ui] h5,
33
+ [data-page=colibri-ui] h6 {
34
34
  margin: 0;
35
35
  color: inherit;
36
36
  }
package/esm/Theme/global.css CHANGED
@@ -1,15 +1,15 @@
1
- [data-page=lisa-accessories] html {
1
+ [data-page=colibri-ui] html {
2
2
  margin: 0;
3
3
  padding: 0;
4
4
  }
5
- [data-page=lisa-accessories] input,
6
- [data-page=lisa-accessories] label,
7
- [data-page=lisa-accessories] textarea,
8
- [data-page=lisa-accessories] select,
9
- [data-page=lisa-accessories] button {
5
+ [data-page=colibri-ui] input,
6
+ [data-page=colibri-ui] label,
7
+ [data-page=colibri-ui] textarea,
8
+ [data-page=colibri-ui] select,
9
+ [data-page=colibri-ui] button {
10
10
  background: none;
11
11
  }
12
- [data-page=lisa-accessories] * {
12
+ [data-page=colibri-ui] * {
13
13
  box-sizing: border-box;
14
14
  border: none;
15
15
  outline: none;
@@ -17,20 +17,20 @@
17
17
  margin: 0;
18
18
  padding: 0;
19
19
  }
20
- [data-page=lisa-accessories] input,
21
- [data-page=lisa-accessories] textarea,
22
- [data-page=lisa-accessories] select,
23
- [data-page=lisa-accessories] button,
24
- [data-page=lisa-accessories] body {
20
+ [data-page=colibri-ui] input,
21
+ [data-page=colibri-ui] textarea,
22
+ [data-page=colibri-ui] select,
23
+ [data-page=colibri-ui] button,
24
+ [data-page=colibri-ui] body {
25
25
  margin: 0;
26
26
  padding: 0;
27
27
  }
28
- [data-page=lisa-accessories] h1,
29
- [data-page=lisa-accessories] h2,
30
- [data-page=lisa-accessories] h3,
31
- [data-page=lisa-accessories] h4,
32
- [data-page=lisa-accessories] h5,
33
- [data-page=lisa-accessories] h6 {
28
+ [data-page=colibri-ui] h1,
29
+ [data-page=colibri-ui] h2,
30
+ [data-page=colibri-ui] h3,
31
+ [data-page=colibri-ui] h4,
32
+ [data-page=colibri-ui] h5,
33
+ [data-page=colibri-ui] h6 {
34
34
  margin: 0;
35
35
  color: inherit;
36
36
  }
package/esm/theme_ba_variables.module.css ADDED
@@ -0,0 +1,8 @@
1
+ [data-page='colibri-ui'] {
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
+ [data-page='colibri-ui'] {
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.43",
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
+ [data-page='colibri-ui'] {
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
+ [data-page='colibri-ui'] {
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
+ }