cedro 0.1.8 → 0.1.10

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 (79) hide show
  1. package/README.md +7 -4
  2. package/dist/cedro-logo.png +0 -0
  3. package/dist/fangio.jpg +0 -0
  4. package/package.json +4 -2
  5. package/src/core/application.builder.tsx +121 -0
  6. package/src/core/{application.core.ts → application.core.tsx} +175 -9
  7. package/src/core/themes.core.ts +160 -1
  8. package/src/core/uid.ts +3 -3
  9. package/src/index.ts +1 -1
  10. package/src/interfaces/application.interface.ts +10 -3
  11. package/src/interfaces/widget.interface.ts +6 -1
  12. package/src/types/select.item.type.ts +11 -0
  13. package/src/ui/Icon.ui.tsx +158 -0
  14. package/src/ui/IconButton.ui.tsx +233 -0
  15. package/src/ui/{textbox.ui.ts → Textbox.ui.tsx} +69 -8
  16. package/src/ui/accordion.ui.tsx +152 -0
  17. package/src/ui/button.ui.tsx +209 -0
  18. package/src/ui/buttonColor.ui.tsx +87 -0
  19. package/src/ui/buttonmenu.ui.tsx +134 -0
  20. package/src/ui/{buttonstack.ui.ts → buttonstack.ui.tsx} +67 -1
  21. package/src/ui/checkbox.ui.tsx +43 -0
  22. package/src/ui/container.ui.tsx +141 -0
  23. package/src/ui/datagrid.ui.tsx +518 -0
  24. package/src/ui/dialog.tsx +143 -56
  25. package/src/ui/{hpanel.ui.ts → hpanel.ui.tsx} +64 -1
  26. package/src/ui/iconButtonMenu.ui.tsx +176 -0
  27. package/src/ui/image.ui.tsx +123 -0
  28. package/src/ui/index.ts +9 -9
  29. package/src/ui/label.ui.tsx +184 -0
  30. package/src/ui/loading.ui.ts +10 -10
  31. package/src/ui/menu.ui.ts +2 -2
  32. package/src/ui/progressbar.ui.tsx +135 -0
  33. package/src/ui/radiobutton.ui.tsx +47 -0
  34. package/src/ui/scroll.ui.ts +13 -12
  35. package/src/ui/select.ui.tsx +143 -0
  36. package/src/ui/styles/button.css +114 -32
  37. package/src/ui/styles/buttoncolor.css +8 -8
  38. package/src/ui/styles/container.css +29 -0
  39. package/src/ui/styles/hpanel.css +1 -1
  40. package/src/ui/styles/icon.css +29 -0
  41. package/src/ui/styles/image.css +19 -19
  42. package/src/ui/styles/label.css +63 -0
  43. package/src/ui/styles/loading.css +12 -12
  44. package/src/ui/styles/main.css +5 -0
  45. package/src/ui/styles/progressbar.css +3 -2
  46. package/src/ui/styles/select.css +13 -0
  47. package/src/ui/styles/stackbutton.css +36 -0
  48. package/src/ui/styles/tabs.css +5 -7
  49. package/src/ui/styles/textarea.css +13 -13
  50. package/src/ui/styles/valuebar.css +1 -1
  51. package/src/ui/styles/vpanel.css +1 -1
  52. package/src/ui/switch.ui.tsx +42 -0
  53. package/src/ui/{tabs.ui.ts → tabs.ui.tsx} +114 -8
  54. package/src/ui/textarea.ui.tsx +48 -0
  55. package/src/ui/{toolbar.ui.ts → toolbar.ui.tsx} +44 -1
  56. package/src/ui/{valuebar.ui.ts → valuebar.ui.tsx} +35 -1
  57. package/src/ui/{vpanel.ui.ts → vpanel.ui.tsx} +44 -1
  58. package/src/ui/widget.builder.ts +243 -0
  59. package/src/ui/widget.collection.ts +57 -5
  60. package/src/ui/widget.ui.ts +176 -24
  61. package/src/ui/Icon.ui.ts +0 -64
  62. package/src/ui/IconButton.ui.ts +0 -114
  63. package/src/ui/accordion.ui.ts +0 -71
  64. package/src/ui/button.ui.ts +0 -105
  65. package/src/ui/buttonColor.ui.ts +0 -24
  66. package/src/ui/buttonmenu.ui.ts +0 -59
  67. package/src/ui/checkbox.ui.ts +0 -8
  68. package/src/ui/container.ui.ts +0 -38
  69. package/src/ui/datagrid.ui.ts +0 -231
  70. package/src/ui/iconButtonMenu.ui.ts +0 -59
  71. package/src/ui/image.ui.ts +0 -49
  72. package/src/ui/label.ui.ts +0 -82
  73. package/src/ui/progressbar.ui.ts +0 -74
  74. package/src/ui/radiobutton.ts +0 -8
  75. package/src/ui/select.ui.ts +0 -73
  76. package/src/ui/switch.ui.ts +0 -7
  77. package/src/ui/textarea.ui.ts +0 -20
  78. package/src/ui/widget.builder.ui.tsx +0 -676
  79. /package/src/ui/{toggle.ui.ts → toggle.ui.tsx} +0 -0
package/src/ui/styles/button.css CHANGED
@@ -2,7 +2,8 @@
2
2
  /*************************************TEXT*******************************/
3
3
  /************************************************************************/
4
4
 
5
- .WUIButton-text {
5
+ .WUIButton-text,
6
+ .WUIButton-text span {
6
7
  cursor: pointer;
7
8
  font-weight: 500;
8
9
  text-align: center;
@@ -14,7 +15,8 @@
14
15
  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15
16
  }
16
17
 
17
- .WUIButton-text-color-primary {
18
+ .WUIButton-text-color-primary,
19
+ .WUIButton-text-color-primary span {
18
20
  color: var(--palette-text-primary);
19
21
  background-color: transparent;
20
22
  }
@@ -24,7 +26,13 @@
24
26
  background-color: var(--palette-primary-light);
25
27
  }
26
28
 
27
- .WUIButton-text-color-secondary {
29
+ .WUIButton-text-color-primary:hover span {
30
+ color: var(--palette-primary-text-main);
31
+ background-color: transparent;
32
+ }
33
+
34
+ .WUIButton-text-color-secondary,
35
+ .WUIButton-text-color-secondary span {
28
36
  color: var(--palette-text-primary);
29
37
  background-color: transparent;
30
38
  }
@@ -34,17 +42,29 @@
34
42
  background-color: var(--palette-secondary-light);
35
43
  }
36
44
 
37
- .WUIButton-text-color-error {
45
+ .WUIButton-text-color-secondary:hover span {
46
+ color: var(--palette-secondary-text-light);
47
+ background-color: transparent;
48
+ }
49
+
50
+ .WUIButton-text-color-error,
51
+ .WUIButton-text-color-error span {
38
52
  color: var(--palette-text-secondary);
39
53
  background-color: transparent;
40
54
  }
41
55
 
42
56
  .WUIButton-text-color-error:hover {
43
57
  color: var(--palette-text-secondary);
44
- background-color: var(--palette-error-text-light);
58
+ background-color: var(--palette-error-light);
59
+ }
60
+
61
+ .WUIButton-text-color-error:hover span {
62
+ color: var(--palette-text-secondary);
63
+ background-color: transparent;
45
64
  }
46
65
 
47
- .WUIButton-text-color-warning {
66
+ .WUIButton-text-color-warning,
67
+ .WUIButton-text-color-warning span {
48
68
  color: var(--palette-text-secondary);
49
69
  background-color: transparent;
50
70
  }
@@ -54,7 +74,13 @@
54
74
  background-color: var(--palette-warning-light);
55
75
  }
56
76
 
57
- .WUIButton-text-color-info {
77
+ .WUIButton-text-color-warning:hover span {
78
+ color: var(--palette-warning-text-light);
79
+ background-color: transparent;
80
+ }
81
+
82
+ .WUIButton-text-color-info,
83
+ .WUIButton-text-color-info span {
58
84
  color: var(--palette-text-secondary);
59
85
  background-color: transparent;
60
86
  }
@@ -64,7 +90,13 @@
64
90
  background-color: var(--palette-info-light);
65
91
  }
66
92
 
67
- .WUIButton-text-color-success {
93
+ .WUIButton-text-color-info:hover span {
94
+ color: var(--palette-info-text-light);
95
+ background-color: transparent;
96
+ }
97
+
98
+ .WUIButton-text-color-success,
99
+ .WUIButton-text-color-success span {
68
100
  color: var(--palette-text-secondary);
69
101
  background-color: transparent;
70
102
  }
@@ -74,6 +106,11 @@
74
106
  background-color: var(--palette-success-light);
75
107
  }
76
108
 
109
+ .WUIButton-text-color-success:hover span {
110
+ color: var(--palette-success-text-light);
111
+ background-color: transparent;
112
+ }
113
+
77
114
  /****************************************************************************/
78
115
  /*************************************OUTLINED*******************************/
79
116
  /****************************************************************************/
@@ -90,69 +127,91 @@
90
127
  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
91
128
  }
92
129
 
93
- .WUIButton-outlined-color-primary {
130
+ .WUIButton-outlined span {
131
+ cursor: pointer;
132
+ font-weight: 500;
133
+ text-align: center;
134
+ background-color: transparent;
135
+ font-size: 1rem;
136
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
137
+ border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
138
+ }
139
+
140
+ .WUIButton-outlined-color-primary,
141
+ .WUIButton-outlined-color-primary span {
94
142
  color: var(--palette-text-primary);
95
143
  background-color: var(--palette-background-default);
96
144
  border-color: var(--palette-primary-main);
97
145
  }
98
146
 
99
- .WUIButton-outlined-color-primary:hover {
147
+ .WUIButton-outlined-color-primary:hover,
148
+ .WUIButton-outlined-color-primary:hover span {
100
149
  color: var(--palette-primary-text-light);
101
150
  background-color: var(--palette-primary-light);
102
151
  border-color: var(--palette-primary-main);
103
152
  }
104
153
 
105
- .WUIButton-outlined-color-secondary {
154
+ .WUIButton-outlined-color-secondary,
155
+ .WUIButton-outlined-color-secondary span {
106
156
  color: var(--palette-text-primary);
107
157
  background-color: var(--palette-background-default);
108
158
  border-color: var(--palette-secondary-main);
109
159
  }
110
160
 
111
- .WUIButton-outlined-color-secondary:hover {
161
+ .WUIButton-outlined-color-secondary:hover,
162
+ .WUIButton-outlined-color-secondary:hover span {
112
163
  color: var(--palette-secondary-text-light);
113
164
  background-color: var(--palette-secondary-light);
114
165
  }
115
166
 
116
- .WUIButton-outlined-color-error {
167
+ .WUIButton-outlined-color-error,
168
+ .WUIButton-outlined-color-error span {
117
169
  color: var(--palette-text-secondary);
118
170
  background-color: var(--palette-background-default);
119
171
  border-color: var(--palette-error-main);
120
172
  }
121
173
 
122
- .WUIButton-outlined-color-error:hover {
174
+ .WUIButton-outlined-color-error:hover,
175
+ .WUIButton-outlined-color-error:hover span {
123
176
  color: var(--palette-error-text-light);
124
177
  background-color: var(--palette-error-light);
125
178
  }
126
179
 
127
- .WUIButton-outlined-color-warning {
180
+ .WUIButton-outlined-color-warning,
181
+ .WUIButton-outlined-color-warning span {
128
182
  color: var(--palette-text-secondary);
129
183
  background-color: var(--palette-background-default);
130
184
  border-color: var(--palette-warning-main);
131
185
  }
132
186
 
133
- .WUIButton-outlined-color-warning:hover {
187
+ .WUIButton-outlined-color-warning:hover,
188
+ .WUIButton-outlined-color-warning:hover span {
134
189
  color: var(--palette-warning-text-light);
135
190
  background-color: var(--palette-warning-light);
136
191
  }
137
192
 
138
- .WUIButton-outlined-color-info {
193
+ .WUIButton-outlined-color-info,
194
+ .WUIButton-outlined-color-info span {
139
195
  color: var(--palette-text-secondary);
140
196
  background-color: var(--palette-background-default);
141
197
  border-color: var(--palette-info-main);
142
198
  }
143
199
 
144
- .WUIButton-outlined-color-info:hover {
200
+ .WUIButton-outlined-color-info:hover,
201
+ .WUIButton-outlined-color-info:hover span {
145
202
  color: var(--palette-info-text-light);
146
203
  background-color: var(--palette-info-light);
147
204
  }
148
205
 
149
- .WUIButton-outlined-color-success {
206
+ .WUIButton-outlined-color-success,
207
+ .WUIButton-outlined-color-success span {
150
208
  color: var(--palette-text-secondary);
151
209
  background-color: var(--palette-background-default);
152
210
  border-color: var(--palette-success-main);
153
211
  }
154
212
 
155
- .WUIButton-outlined-color-success:hover {
213
+ .WUIButton-outlined-color-success:hover,
214
+ .WUIButton-outlined-color-success:hover span {
156
215
  color: var(--palette-success-text-light);
157
216
  background-color: var(--palette-success-light);
158
217
  }
@@ -173,62 +232,85 @@
173
232
  border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
174
233
  }
175
234
 
176
- .WUIButton-contained-color-primary {
235
+ .WUIButton-contained span {
236
+ cursor: pointer;
237
+ font-weight: 500;
238
+ text-align: center;
239
+ background-color: transparent;
240
+ border: none;
241
+ font-size: 1rem;
242
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
243
+ border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
244
+ }
245
+
246
+ .WUIButton-contained-color-primary,
247
+ .WUIButton-contained-color-primary span {
177
248
  color: var(--palette-primary-text-main);
178
249
  background-color: var(--palette-primary-main);
179
250
  }
180
251
 
181
- .WUIButton-contained-color-primary:hover {
252
+ .WUIButton-contained-color-primary:hover,
253
+ .WUIButton-contained-color-primary:hover span {
182
254
  color: var(--palette-primary-text-dark);
183
255
  background-color: var(--palette-primary-dark);
184
256
  }
185
257
 
186
- .WUIButton-contained-color-secondary {
258
+ .WUIButton-contained-color-secondary,
259
+ .WUIButton-contained-color-secondary span {
187
260
  color: var(--palette-secondary-text-main);
188
261
  background-color: var(--palette-secondary-main);
189
262
  }
190
263
 
191
- .WUIButton-contained-color-secondary:hover {
264
+ .WUIButton-contained-color-secondary:hover,
265
+ .WUIButton-contained-color-secondary:hover span {
192
266
  color: var(--palette-secondary-text-dark);
193
267
  background-color: var(--palette-secondary-dark);
194
268
  }
195
269
 
196
- .WUIButton-contained-color-error {
270
+ .WUIButton-contained-color-error,
271
+ .WUIButton-contained-color-error span {
197
272
  color: var(--palette-error-text-main);
198
273
  background-color: var(--palette-error-main);
199
274
  }
200
275
 
201
- .WUIButton-contained-color-error:hover {
276
+ .WUIButton-contained-color-error:hover,
277
+ .WUIButton-contained-color-error:hover span {
202
278
  color: var(--palette-error-text-light);
203
279
  background-color: var(--palette-error-light);
204
280
  }
205
281
 
206
- .WUIButton-contained-color-warning {
282
+ .WUIButton-contained-color-warning,
283
+ .WUIButton-contained-color-warning span {
207
284
  color: var(--palette-warning-text-main);
208
285
  background-color: var(--palette-warning-main);
209
286
  }
210
287
 
211
- .WUIButton-contained-color-warning:hover {
288
+ .WUIButton-contained-color-warning:hover,
289
+ .WUIButton-contained-color-warning:hover span {
212
290
  color: var(--palette-warning-text-light);
213
291
  background-color: var(--palette-warning-light);
214
292
  }
215
293
 
216
- .WUIButton-contained-color-info {
294
+ .WUIButton-contained-color-info,
295
+ .WUIButton-contained-color-info span {
217
296
  color: var(--palette-info-text-main);
218
297
  background-color: var(--palette-info-main);
219
298
  }
220
299
 
221
- .WUIButton-contained-color-info:hover {
300
+ .WUIButton-contained-color-info:hover,
301
+ .WUIButton-contained-color-info:hover span {
222
302
  color: var(--palette-info-text-light);
223
303
  background-color: var(--palette-info-light);
224
304
  }
225
305
 
226
- .WUIButton-contained-color-success {
306
+ .WUIButton-contained-color-success,
307
+ .WUIButton-contained-color-success span {
227
308
  color: var(--palette-success-text-main);
228
309
  background-color: var(--palette-success-main);
229
310
  }
230
311
 
231
- .WUIButton-contained-color-success:hover {
312
+ .WUIButton-contained-color-success:hover,
313
+ .WUIButton-contained-color-success:hover span {
232
314
  color: var(palette-background-default);
233
315
  background-color: var(--palette-success-light);
234
316
  }
package/src/ui/styles/buttoncolor.css CHANGED
@@ -1,8 +1,8 @@
1
- .WUIButtonColorInput {
2
- width: 100%;
3
- border: none;
4
- background-color: transparent;
5
- height: 100%;
6
- padding: 5px;
7
- margin: auto;
8
- }
1
+ .WUIButtonColorInput {
2
+ width: 100%;
3
+ border: none;
4
+ background-color: transparent;
5
+ height: 100%;
6
+ padding: 5px;
7
+ margin: auto;
8
+ }
package/src/ui/styles/container.css ADDED
@@ -0,0 +1,29 @@
1
+ .WUIPanel-outlined {
2
+ background-color: transparent;
3
+ border-left: solid 0.13rem;
4
+ border-top: solid 0.13rem;
5
+ border-bottom: solid 0.13rem;
6
+ border-right: solid 0.13rem;
7
+ border-radius: 0.25rem;
8
+ border-color: var(--palette-background-light);
9
+ overflow: hidden;
10
+ }
11
+
12
+ .WUIPanel-contained {
13
+ background-color: var(--palette-background-light);
14
+ border-left: none;
15
+ border-top: none;
16
+ border-bottom: none;
17
+ border-right: none;
18
+ border-radius: 0.25rem;
19
+ overflow: hidden;
20
+ }
21
+
22
+ .WUIPanel-plain {
23
+ background-color: transparent;
24
+ border-left: none;
25
+ border-top: none;
26
+ border-bottom: none;
27
+ border-right: none;
28
+ overflow: hidden;
29
+ }
package/src/ui/styles/hpanel.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .WUIHPanelHandler {
2
- position: absolute;
2
+ position: absolute !important;
3
3
  overflow: hidden;
4
4
  cursor: col-resize;
5
5
  background-color: var(--palette-divider);
package/src/ui/styles/icon.css ADDED
@@ -0,0 +1,29 @@
1
+ .WUI-icon-color-primary {
2
+ color: var(--palette-text-primary);
3
+ background-color: transparent;
4
+ }
5
+
6
+ .WUI-icon-color-secondary {
7
+ color: var(--palette-text-secondary);
8
+ background-color: transparent;
9
+ }
10
+
11
+ .WUI-icon-color-success {
12
+ color: var(--palette-success-text-main);
13
+ background-color: transparent;
14
+ }
15
+
16
+ .WUI-icon-color-error {
17
+ color: var(--palette-error-text-main);
18
+ background-color: transparent;
19
+ }
20
+
21
+ .WUI-icon-color-info {
22
+ color: var(--palette-info-text-main);
23
+ background-color: transparent;
24
+ }
25
+
26
+ .WUI-icon-color-warning {
27
+ color: var(--palette-warning-text-main);
28
+ background-color: transparent;
29
+ }
package/src/ui/styles/image.css CHANGED
@@ -1,19 +1,19 @@
1
- .WUIImageContainer {
2
- position: absolute;
3
- overflow: hidden;
4
- display: flex;
5
- align-items: center;
6
- justify-content: center;
7
- }
8
-
9
- .WUIImageContainer img {
10
- margin: auto;
11
- }
12
-
13
- .WUIImageFillWidth {
14
- width: 100% !important;
15
- }
16
-
17
- .WUIImageFillHeight {
18
- height: 100% !important;
19
- }
1
+ .WUIImageContainer {
2
+ position: absolute;
3
+ overflow: hidden;
4
+ display: flex;
5
+ align-items: center;
6
+ justify-content: center;
7
+ }
8
+
9
+ .WUIImageContainer img {
10
+ margin: auto;
11
+ }
12
+
13
+ .WUIImageFillWidth {
14
+ width: 100% !important;
15
+ }
16
+
17
+ .WUIImageFillHeight {
18
+ height: 100% !important;
19
+ }
package/src/ui/styles/label.css ADDED
@@ -0,0 +1,63 @@
1
+ .WUILabel-span {
2
+ margin: 0px;
3
+ padding: 0px;
4
+ }
5
+
6
+ .WUILabel-h1 {
7
+ margin: 0px;
8
+ padding: 0px;
9
+ }
10
+
11
+ .WUILabel-h2 {
12
+ margin: 0px;
13
+ padding: 0px;
14
+ }
15
+
16
+ .WUILabel-h3 {
17
+ margin: 0px;
18
+ padding: 0px;
19
+ }
20
+
21
+ .WUILabel-h4 {
22
+ margin: 0px;
23
+ padding: 0px;
24
+ }
25
+
26
+ .WUILabel-h5 {
27
+ margin: 0px;
28
+ padding: 0px;
29
+ }
30
+
31
+ .WUILabel-h6 {
32
+ margin: 0px;
33
+ padding: 0px;
34
+ }
35
+
36
+ .WUILabel-p {
37
+ margin: 0px;
38
+ padding: 0px;
39
+ }
40
+
41
+ .WUILabel-primary {
42
+ color: var(--palette-text-primary);
43
+ }
44
+
45
+ .WUILabel-secondary {
46
+ color: var(--palette-text-secondary);
47
+ }
48
+
49
+ .WUILabel-info {
50
+ color: var(--palette-info-text-main);
51
+ }
52
+
53
+ .WUILabel-success {
54
+ color: var(--palette-success-text-main);
55
+ }
56
+
57
+ .WUILabel-error {
58
+ color: var(--palette-error-text-main);
59
+ }
60
+
61
+ .WUILabel-warning {
62
+ color: var(--palette-warning-text-main);
63
+ }
package/src/ui/styles/loading.css CHANGED
@@ -1,12 +1,12 @@
1
- .WUILoading {
2
- background-color: var(--palette-background-default);
3
- background-image: url("loading.svg");
4
- background-position: center;
5
- background-repeat: no-repeat;
6
- position: absolute !important;
7
- left: 0px;
8
- top: 0px;
9
- right: 0px;
10
- bottom: 0px;
11
- opacity: 0.8;
12
- }
1
+ .WUILoading {
2
+ background-color: var(--palette-background-default);
3
+ background-image: url("loading.svg");
4
+ background-position: center;
5
+ background-repeat: no-repeat;
6
+ position: absolute !important;
7
+ left: 0px;
8
+ top: 0px;
9
+ right: 0px;
10
+ bottom: 0px;
11
+ opacity: 0.8;
12
+ }
package/src/ui/styles/main.css CHANGED
@@ -45,6 +45,11 @@ a:hover {
45
45
  display: block;
46
46
  }
47
47
 
48
+ .WUINonFreePosition {
49
+ position: absolute !important;
50
+ overflow: hidden !important;
51
+ }
52
+
48
53
  .cssCustom {
49
54
  margin-top: 10px;
50
55
  margin-bottom: 10px;
package/src/ui/styles/progressbar.css CHANGED
@@ -14,6 +14,7 @@
14
14
  }
15
15
 
16
16
  .WUIProgressBarLabel {
17
- position: absolute;
18
- color: var(--palette-primary-light);
17
+ position: absolute !important;
18
+ color: white;
19
+ text-shadow: -2px 0px 2px black;
19
20
  }
package/src/ui/styles/select.css ADDED
@@ -0,0 +1,13 @@
1
+ .WUISelect {
2
+ position: relative;
3
+ outline: none;
4
+ /*border-collapse: collapse;*/
5
+ border: 2px solid var(--palette-action-disabled);
6
+ border-radius: 4px;
7
+ box-sizing: border-box;
8
+ font-size: 1rem;
9
+ padding-left: 20px;
10
+ z-index: 1000;
11
+ background-color: var(--palette-background-default);
12
+ color: var(--palette-text-primary);
13
+ }
package/src/ui/styles/stackbutton.css CHANGED
@@ -31,6 +31,10 @@
31
31
  border-color: var(--palette-divider);
32
32
  }
33
33
 
34
+ .WUIButton-stack-start-color-primary:hover span {
35
+ color: var(--palette-primary-text-light);
36
+ }
37
+
34
38
  /****************************************************************************/
35
39
  /***********************************STACK-MIDDLE******************************/
36
40
  /****************************************************************************/
@@ -64,6 +68,10 @@
64
68
  border-color: var(--palette-divider);
65
69
  }
66
70
 
71
+ .WUIButton-stack-middle-color-primary:hover span {
72
+ color: var(--palette-primary-text-light);
73
+ }
74
+
67
75
  /**************************************************************************/
68
76
  /***********************************STACK-END******************************/
69
77
  /**************************************************************************/
@@ -99,6 +107,10 @@
99
107
  border-color: var(--palette-divider);
100
108
  }
101
109
 
110
+ .WUIButton-stack-end-color-primary:hover span {
111
+ color: var(--palette-primary-text-light);
112
+ }
113
+
102
114
  /************************************************************************/
103
115
  /******************************STACK-START-ACTIVE************************/
104
116
  /************************************************************************/
@@ -127,12 +139,20 @@
127
139
  border-color: var(--palette-divider);
128
140
  }
129
141
 
142
+ .WUIButton-stack-start-active-color-primary span {
143
+ color: var(--palette-primary-text-light);
144
+ }
145
+
130
146
  .WUIButton-stack-start-active-color-primary:hover {
131
147
  color: var(--palette-primary-text-light);
132
148
  background-color: var(--palette-primary-light);
133
149
  border-color: var(--palette-divider);
134
150
  }
135
151
 
152
+ .WUIButton-stack-start-active-color-primary:hover span {
153
+ color: var(--palette-primary-text-light);
154
+ }
155
+
136
156
  /*************************************************************************/
137
157
  /**************************STACK-MIDDLE-ACTIVE****************************/
138
158
  /*************************************************************************/
@@ -161,12 +181,20 @@
161
181
  border-color: var(--palette-divider);
162
182
  }
163
183
 
184
+ .WUIButton-stack-middle-active-color-primary span {
185
+ color: var(--palette-primary-text-light);
186
+ }
187
+
164
188
  .WUIButton-stack-middle-active-color-primary:hover {
165
189
  color: var(--palette-primary-text-light);
166
190
  background-color: var(--palette-primary-light);
167
191
  border-color: var(--palette-divider);
168
192
  }
169
193
 
194
+ .WUIButton-stack-middle-active-color-primary:hover span {
195
+ color: var(--palette-primary-text-light);
196
+ }
197
+
170
198
  /**************************************************************************/
171
199
  /********************************STACK-END-ACTIVE**************************/
172
200
  /**************************************************************************/
@@ -198,8 +226,16 @@
198
226
  border-color: var(--palette-divider);
199
227
  }
200
228
 
229
+ .WUIButton-stack-end-active-color-primary span {
230
+ color: var(--palette-primary-text-light);
231
+ }
232
+
201
233
  .WUIButton-stack-end-active-color-primary:hover {
202
234
  color: var(--palette-primary-text-light);
203
235
  background-color: var(--palette-primary-light);
204
236
  border-color: var(--palette-divider);
205
237
  }
238
+
239
+ .WUIButton-stack-end-active-color-primary:hover span {
240
+ color: var(--palette-primary-text-light);
241
+ }
package/src/ui/styles/tabs.css CHANGED
@@ -39,7 +39,7 @@
39
39
  border-radius: 0px !important;
40
40
  }
41
41
 
42
- .WUITabContainer {
42
+ .WUITabContainer-horizontal {
43
43
  border-top: solid 1px var(--palette-divider);
44
44
  }
45
45
 
@@ -60,19 +60,17 @@
60
60
 
61
61
  .WUITabControlActiveIcon_VL {
62
62
  border-top: none !important;
63
- border-left: none !important;
64
- border-right: solid 2px var(--palette-primary-dark) !important;
63
+ border-right: none !important;
64
+ border-left: solid 2px var(--palette-primary-dark) !important;
65
65
  border-bottom: none !important;
66
66
  background-color: var(--palette-divider);
67
67
  box-sizing: border-box;
68
68
  font-weight: bold;
69
69
  text-align: center;
70
70
  cursor: default;
71
- padding-left: 15px;
72
- padding-right: 15px;
73
71
  border-radius: 0px !important;
74
72
  }
75
73
 
76
- .WUITabContainer_VL {
77
- border-right: solid 1px var(--palette-divider);
74
+ .WUITabContainer-vertical {
75
+ border-left: solid 1px var(--palette-divider);
78
76
  }