@yakad/ui 1.2.33-beta → 1.2.36-beta

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 (6) hide show
  1. package/appBar/appBar.module.css +3 -3
  2. package/footer/footer.module.css +3 -0
  3. package/hr/hr.module.css +1 -0
  4. package/package.json +1 -1
  5. package/page/page.module.css +1 -0
  6. package/theme/theme.module.css +112 -112
package/appBar/appBar.module.css CHANGED
@@ -7,8 +7,8 @@
7
7
  height: 5rem;
8
8
  padding: 0 2rem;
9
9
  border-bottom: 0.1rem solid #7d7d7d40;
10
- background: var(--surfaceColor, #222222);
11
- color: var(--onSurfaceColor, #ffffff);
12
- fill: var(--onSurfaceColor, #ffffff);
10
+ background: var(--backgroundColor, #ffffff);
11
+ color: var(--onBackgroundColor, #000000);
12
+ fill: var(--onBackgroundColor, #000000);
13
13
  user-select: none;
14
14
  }
package/footer/footer.module.css CHANGED
@@ -1,4 +1,7 @@
1
1
  .footer {
2
+ background-color: var(--backgroundColor, #ffffff);
3
+ color: var(--onBackgroundColor, #000000);
4
+ fill: var(--onBackgroundColor, #000000);
2
5
  display: flex;
3
6
  flex-direction: row;
4
7
  width: 100%;
package/hr/hr.module.css CHANGED
@@ -4,6 +4,7 @@
4
4
  padding: 0;
5
5
  margin: 0.5rem auto;
6
6
  background: none;
7
+ border: none;
7
8
  border-top: 0.1rem solid var(--primaryContainerColor, #c2e7ff);
8
9
  }
9
10
  .dotted {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yakad/ui",
3
- "version": "1.2.33-beta",
3
+ "version": "1.2.36-beta",
4
4
  "description": "",
5
5
  "main": "./src/index.js",
6
6
  "scripts": {
package/page/page.module.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .page {
2
2
  display: flex;
3
3
  flex-direction: column;
4
+ min-height: 100vh;
4
5
  box-sizing: border-box;
5
6
  width: 100%;
6
7
  background: var(--backgroundColor);
package/theme/theme.module.css CHANGED
@@ -1,176 +1,176 @@
1
1
  .blue {
2
- --LightPrimaryColor: #1e64d4;
3
- --LightPrimaryContainerColor: #c2e7ff;
4
- --LightSecondaryColor: #55624c;
5
- --LightSecondaryContainerColor: #d9e7cb;
6
- --LightTertiaryColor: #386a20;
7
- --LightTertiaryContainerColor: #b7f397;
2
+ --LightPrimaryColor: #1565c0;
3
+ --LightPrimaryContainerColor: #81d4fa;
4
+ --LightSecondaryColor: #424242;
5
+ --LightSecondaryContainerColor: #eeeeee80;
6
+ --LightTertiaryColor: #9e9d24;
7
+ --LightTertiaryContainerColor: #c5e1a580;
8
8
  --LightBackgroundColor: #ffffff;
9
9
  --LightSurfaceColor: #222222;
10
- --LightErrorColor: #b00020;
11
- --LightErrorContainerColor: #f9dedc;
10
+ --LightErrorColor: #c62828;
11
+ --LightErrorContainerColor: #ef9a9a80;
12
12
  --LightOnPrimaryColor: #ffffff;
13
- --LightOnPrimaryContainerColor: #002021;
13
+ --LightOnPrimaryContainerColor: #0d47a1;
14
14
  --LightOnSecondaryColor: #ffffff;
15
- --LightOnSecondaryContainerColor: #131f0d;
15
+ --LightOnSecondaryContainerColor: #212121;
16
16
  --LightOnTertiaryColor: #ffffff;
17
- --LightOnTertiaryContainerColor: #042100;
17
+ --LightOnTertiaryContainerColor: #827717;
18
18
  --LightOnBackgroundColor: #000000;
19
19
  --LightOnSurfaceColor: #ffffff;
20
20
  --LightOnErrorColor: #ffffff;
21
- --LightOnErrorContainerColor: #410e0b;
21
+ --LightOnErrorContainerColor: #b71c1c;
22
22
 
23
- --DarkPrimaryColor: #c2e7ff;
24
- --DarkPrimaryContainerColor: #1e64d4;
25
- --DarkSecondaryColor: #d9e7cb;
26
- --DarkSecondaryContainerColor: #3e4a36;
27
- --DarkTertiaryColor: #b7f397;
28
- --DarkTertiaryContainerColor: #386a20;
23
+ --DarkPrimaryColor: #64b5f6;
24
+ --DarkPrimaryContainerColor: #1976d2;
25
+ --DarkSecondaryColor: #e0e0e0;
26
+ --DarkSecondaryContainerColor: #616161;
27
+ --DarkTertiaryColor: #dce775;
28
+ --DarkTertiaryContainerColor: #afb42b;
29
29
  --DarkBackgroundColor: #1a1c18;
30
30
  --DarkSurfaceColor: #1a1c18;
31
- --DarkErrorColor: #b00020;
32
- --DarkErrorContainerColor: #f9dedc;
33
- --DarkOnPrimaryColor: #003738;
34
- --DarkOnPrimaryContainerColor: #c2e7ff;
35
- --DarkOnSecondaryColor: #55624c;
36
- --DarkOnSecondaryContainerColor: #d9e7cb;
37
- --DarkOnTertiaryColor: #042100;
38
- --DarkOnTertiaryContainerColor: #b7f397;
31
+ --DarkErrorColor: #e57373;
32
+ --DarkErrorContainerColor: #d32f2f;
33
+ --DarkOnPrimaryColor: #1565c0;
34
+ --DarkOnPrimaryContainerColor: #81d4fa80;
35
+ --DarkOnSecondaryColor: #424242;
36
+ --DarkOnSecondaryContainerColor: #eeeeee80;
37
+ --DarkOnTertiaryColor: #9e9d24;
38
+ --DarkOnTertiaryContainerColor: #e6ee9c80;
39
39
  --DarkOnBackgroundColor: #ffffff;
40
40
  --DarkOnSurfaceColor: #ffffff;
41
- --DarkOnErrorColor: #ffffff;
42
- --DarkOnErrorContainerColor: #410e0b;
41
+ --DarkOnErrorColor: #c62828;
42
+ --DarkOnErrorContainerColor: #ef9a9a80;
43
43
  }
44
44
  .green {
45
- --LightPrimaryColor: #386a20;
46
- --LightPrimaryContainerColor: #cad7bd;
47
- --LightSecondaryColor: #55624c;
48
- --LightSecondaryContainerColor: #d9e7cb;
49
- --LightTertiaryColor: #19686a;
50
- --LightTertiaryContainerColor: #a8eff0;
45
+ --LightPrimaryColor: #2e7d32;
46
+ --LightPrimaryContainerColor: #c5e1a580;
47
+ --LightSecondaryColor: #424242;
48
+ --LightSecondaryContainerColor: #eeeeee80;
49
+ --LightTertiaryColor: #00695c;
50
+ --LightTertiaryContainerColor: #80cbc480;
51
51
  --LightBackgroundColor: #ffffff;
52
52
  --LightSurfaceColor: #222222;
53
- --LightErrorColor: #b00020;
54
- --LightErrorContainerColor: #f9dedc;
53
+ --LightErrorColor: #c62828;
54
+ --LightErrorContainerColor: #ef9a9a80;
55
55
  --LightOnPrimaryColor: #ffffff;
56
- --LightOnPrimaryContainerColor: #131f0d;
56
+ --LightOnPrimaryContainerColor: #1b5e20;
57
57
  --LightOnSecondaryColor: #ffffff;
58
- --LightOnSecondaryContainerColor: #131f0d;
58
+ --LightOnSecondaryContainerColor: #212121;
59
59
  --LightOnTertiaryColor: #ffffff;
60
- --LightOnTertiaryContainerColor: #002021;
60
+ --LightOnTertiaryContainerColor: #004d40;
61
61
  --LightOnBackgroundColor: #000000;
62
62
  --LightOnSurfaceColor: #ffffff;
63
63
  --LightOnErrorColor: #ffffff;
64
- --LightOnErrorContainerColor: #410e0b;
64
+ --LightOnErrorContainerColor: #b71c1c;
65
65
 
66
- --DarkPrimaryColor: #cad7bd;
67
- --DarkPrimaryContainerColor: #205107;
68
- --DarkSecondaryColor: #d9e7cb;
69
- --DarkSecondaryContainerColor: #3e4a36;
70
- --DarkTertiaryColor: #a8eff0;
71
- --DarkTertiaryContainerColor: #1e64d4;
66
+ --DarkPrimaryColor: #81c784;
67
+ --DarkPrimaryContainerColor: #388e3c;
68
+ --DarkSecondaryColor: #e0e0e0;
69
+ --DarkSecondaryContainerColor: #616161;
70
+ --DarkTertiaryColor: #c5e1a5;
71
+ --DarkTertiaryContainerColor: #00695c;
72
72
  --DarkBackgroundColor: #1a1c18;
73
73
  --DarkSurfaceColor: #1a1c18;
74
- --DarkErrorColor: #b00020;
75
- --DarkErrorContainerColor: #f9dedc;
76
- --DarkOnPrimaryColor: #386a20;
77
- --DarkOnPrimaryContainerColor: #cad7bd;
78
- --DarkOnSecondaryColor: #55624c;
79
- --DarkOnSecondaryContainerColor: #d9e7cb;
80
- --DarkOnTertiaryColor: #19686a;
81
- --DarkOnTertiaryContainerColor: #a8eff0;
74
+ --DarkErrorColor: #e57373;
75
+ --DarkErrorContainerColor: #d32f2f;
76
+ --DarkOnPrimaryColor: #2e7d32;
77
+ --DarkOnPrimaryContainerColor: #c5e1a580;
78
+ --DarkOnSecondaryColor: #424242;
79
+ --DarkOnSecondaryContainerColor: #eeeeee80;
80
+ --DarkOnTertiaryColor: #00695c;
81
+ --DarkOnTertiaryContainerColor: #80cbc480;
82
82
  --DarkOnBackgroundColor: #ffffff;
83
83
  --DarkOnSurfaceColor: #ffffff;
84
- --DarkOnErrorColor: #ffffff;
85
- --DarkOnErrorContainerColor: #410e0b;
84
+ --DarkOnErrorColor: #c62828;
85
+ --DarkOnErrorContainerColor: #ef9a9a80;
86
86
  }
87
87
 
88
88
  .pink {
89
- --LightPrimaryColor: #9c4146;
90
- --LightPrimaryContainerColor: #ffdad9;
91
- --LightSecondaryColor: #55624c;
92
- --LightSecondaryContainerColor: #d9e7cb;
93
- --LightTertiaryColor: #604003;
94
- --LightTertiaryContainerColor: #f1d1a2;
89
+ --LightPrimaryColor: #ad1457;
90
+ --LightPrimaryContainerColor: #f48fb180;
91
+ --LightSecondaryColor: #424242;
92
+ --LightSecondaryContainerColor: #eeeeee80;
93
+ --LightTertiaryColor: #ff8f00;
94
+ --LightTertiaryContainerColor: #ffe08290;
95
95
  --LightBackgroundColor: #ffffff;
96
96
  --LightSurfaceColor: #222222;
97
- --LightErrorColor: #b00020;
98
- --LightErrorContainerColor: #f9dedc;
97
+ --LightErrorColor: #c62828;
98
+ --LightErrorContainerColor: #ef9a9a80;
99
99
  --LightOnPrimaryColor: #ffffff;
100
- --LightOnPrimaryContainerColor: #2d1516;
100
+ --LightOnPrimaryContainerColor: #880e4f;
101
101
  --LightOnSecondaryColor: #ffffff;
102
- --LightOnSecondaryContainerColor: #131f0d;
102
+ --LightOnSecondaryContainerColor: #212121;
103
103
  --LightOnTertiaryColor: #ffffff;
104
- --LightOnTertiaryContainerColor: #46381f;
104
+ --LightOnTertiaryContainerColor: #ff6f00;
105
105
  --LightOnBackgroundColor: #000000;
106
106
  --LightOnSurfaceColor: #ffffff;
107
107
  --LightOnErrorColor: #ffffff;
108
- --LightOnErrorContainerColor: #410e0b;
108
+ --LightOnErrorContainerColor: #b71c1c;
109
109
 
110
- --DarkPrimaryColor: #ffdad9;
111
- --DarkPrimaryContainerColor: #9c4146;
112
- --DarkSecondaryColor: #d9e7cb;
113
- --DarkSecondaryContainerColor: #3e4a36;
114
- --DarkTertiaryColor: #f1d1a2;
115
- --DarkTertiaryContainerColor: #281800;
110
+ --DarkPrimaryColor: #f06292;
111
+ --DarkPrimaryContainerColor: #c2185b;
112
+ --DarkSecondaryColor: #e0e0e0;
113
+ --DarkSecondaryContainerColor: #616161;
114
+ --DarkTertiaryColor: #ffd54f;
115
+ --DarkTertiaryContainerColor: #ffa000;
116
116
  --DarkBackgroundColor: #1a1c18;
117
117
  --DarkSurfaceColor: #1a1c18;
118
- --DarkErrorColor: #b00020;
119
- --DarkErrorContainerColor: #f9dedc;
120
- --DarkOnPrimaryColor: #9c4146;
121
- --DarkOnPrimaryContainerColor: #ffdad9;
122
- --DarkOnSecondaryColor: #55624c;
123
- --DarkOnSecondaryContainerColor: #d9e7cb;
124
- --DarkOnTertiaryColor: #604003;
125
- --DarkOnTertiaryContainerColor: #f1d1a2;
118
+ --DarkErrorColor: #e57373;
119
+ --DarkErrorContainerColor: #d32f2f;
120
+ --DarkOnPrimaryColor: #ad1457;
121
+ --DarkOnPrimaryContainerColor: #f48fb180;
122
+ --DarkOnSecondaryColor: #424242;
123
+ --DarkOnSecondaryContainerColor: #eeeeee80;
124
+ --DarkOnTertiaryColor: #ff8f00;
125
+ --DarkOnTertiaryContainerColor: #ffe08280;
126
126
  --DarkOnBackgroundColor: #ffffff;
127
127
  --DarkOnSurfaceColor: #ffffff;
128
- --DarkOnErrorColor: #ffffff;
129
- --DarkOnErrorContainerColor: #410e0b;
128
+ --DarkOnErrorColor: #c62828;
129
+ --DarkOnErrorContainerColor: #ef9a9a80;
130
130
  }
131
131
 
132
132
  .grow {
133
- --LightPrimaryColor: #616200;
134
- --LightPrimaryContainerColor: #e6e4bf;
135
- --LightSecondaryColor: #55624c;
136
- --LightSecondaryContainerColor: #d9e7cb;
137
- --LightTertiaryColor: #bfedd9;
138
- --LightTertiaryContainerColor: #f1d1a2;
133
+ --LightPrimaryColor: #4e342e;
134
+ --LightPrimaryContainerColor: #bcaaa480;
135
+ --LightSecondaryColor: #424242;
136
+ --LightSecondaryContainerColor: #eeeeee80;
137
+ --LightTertiaryColor: #00838f;
138
+ --LightTertiaryContainerColor: #80deea80;
139
139
  --LightBackgroundColor: #ffffff;
140
140
  --LightSurfaceColor: #222222;
141
- --LightErrorColor: #b00020;
142
- --LightErrorContainerColor: #f9dedc;
141
+ --LightErrorColor: #c62828;
142
+ --LightErrorContainerColor: #ef9a9a80;
143
143
  --LightOnPrimaryColor: #ffffff;
144
- --LightOnPrimaryContainerColor: #1c1d06;
144
+ --LightOnPrimaryContainerColor: #3e2723;
145
145
  --LightOnSecondaryColor: #ffffff;
146
- --LightOnSecondaryContainerColor: #131f0d;
146
+ --LightOnSecondaryContainerColor: #212121;
147
147
  --LightOnTertiaryColor: #ffffff;
148
- --LightOnTertiaryContainerColor: #0c3637;
148
+ --LightOnTertiaryContainerColor: #006064;
149
149
  --LightOnBackgroundColor: #000000;
150
150
  --LightOnSurfaceColor: #ffffff;
151
151
  --LightOnErrorColor: #ffffff;
152
- --LightOnErrorContainerColor: #410e0b;
152
+ --LightOnErrorContainerColor: #b71c1c;
153
153
 
154
- --DarkPrimaryColor: #e6e4bf;
155
- --DarkPrimaryContainerColor: #616200;
156
- --DarkSecondaryColor: #d9e7cb;
157
- --DarkSecondaryContainerColor: #3e4a36;
158
- --DarkTertiaryColor: #b7f397;
159
- --DarkTertiaryContainerColor: #386a20;
154
+ --DarkPrimaryColor: #a1887f;
155
+ --DarkPrimaryContainerColor: #5d4037;
156
+ --DarkSecondaryColor: #e0e0e0;
157
+ --DarkSecondaryContainerColor: #616161;
158
+ --DarkTertiaryColor: #4dd0e1;
159
+ --DarkTertiaryContainerColor: #0097a7;
160
160
  --DarkBackgroundColor: #1a1c18;
161
161
  --DarkSurfaceColor: #1a1c18;
162
- --DarkErrorColor: #b00020;
163
- --DarkErrorContainerColor: #f9dedc;
164
- --DarkOnPrimaryColor: #616200;
165
- --DarkOnPrimaryContainerColor: #e6e4bf;
166
- --DarkOnSecondaryColor: #55624c;
167
- --DarkOnSecondaryContainerColor: #d9e7cb;
168
- --DarkOnTertiaryColor: #042100;
169
- --DarkOnTertiaryContainerColor: #b7f397;
162
+ --DarkErrorColor: #e57373;
163
+ --DarkErrorContainerColor: #d32f2f;
164
+ --DarkOnPrimaryColor: #4e342e;
165
+ --DarkOnPrimaryContainerColor: #bcaaa480;
166
+ --DarkOnSecondaryColor: #424242;
167
+ --DarkOnSecondaryContainerColor: #eeeeee80;
168
+ --DarkOnTertiaryColor: #00838f;
169
+ --DarkOnTertiaryContainerColor: #80deea80;
170
170
  --DarkOnBackgroundColor: #ffffff;
171
171
  --DarkOnSurfaceColor: #ffffff;
172
- --DarkOnErrorColor: #ffffff;
173
- --DarkOnErrorContainerColor: #410e0b;
172
+ --DarkOnErrorColor: #c62828;
173
+ --DarkOnErrorContainerColor: #ef9a9a80;
174
174
  }
175
175
 
176
176
  .system,