@wui-js/plugins 0.6.2 → 0.7.1

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 (10) hide show
  1. package/README.md +1 -1
  2. package/package.json +1 -1
  3. package/selector/{wuiplugin-selector-0.3.css → wuiplugin-selector-0.4.css} +2 -2
  4. package/selector/{wuiplugin-selector-0.3.js → wuiplugin-selector-0.4.js} +3 -3
  5. package/selector/wuiplugin-selector-0.4.root.css +30 -0
  6. package/themes/default/{dark-0.6.css → dark-0.7.css} +44 -6
  7. package/themes/default/{light-0.6.css → light-0.7.css} +44 -6
  8. package/themes/default/{settings-0.6.css → settings-0.7.css} +2 -2
  9. package/themes/{wuiplugin-themes-0.6.css → wuiplugin-themes-0.7.css} +44 -6
  10. package/themes/{wuiplugin-themes-0.6.js → wuiplugin-themes-0.7.js} +3 -3
package/README.md CHANGED
@@ -7,7 +7,7 @@
7
7
  | | |
8
8
  | -------------------- | ----------- |
9
9
  | **Library name** | `wuijs-plugins-lib` |
10
- | **Library version** | `0.6.2` ([Change Log](https://github.com/wui-js/wuijs-plugins-lib/blob/main/docs/CHANGELOG-en.md)) |
10
+ | **Library version** | `0.7.1` ([Change Log](https://github.com/wui-js/wuijs-plugins-lib/blob/main/docs/CHANGELOG-en.md)) |
11
11
  | **NPM package** | `@wui-js/plugins` |
12
12
  | **License** | `Apache License 2.0` |
13
13
  | **Author** | `Sergio E. Belmar V. <wuijs.project@gmail.com>` |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wui-js/plugins",
3
- "version": "0.6.2",
3
+ "version": "0.7.1",
4
4
  "license": "Apache-2.0",
5
5
  "author": "Sergio E. Belmar V. <wuijs.project@gmail.com>",
6
6
  "description": "WUI/JS Plugins Lib - WUI/JS Plugins Lib is an open-source JavaScript/CSS library that provides a collection of plugins for WUI/JS Main Lib classes.",
package/selector/{wuiplugin-selector-0.3.css → wuiplugin-selector-0.4.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file wuiplugin-selector-0.3.css
3
- * @version 0.3
2
+ * @file wuiplugin-selector-0.4.css
3
+ * @version 0.4
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
package/selector/{wuiplugin-selector-0.3.js → wuiplugin-selector-0.4.js} RENAMED
@@ -1,14 +1,14 @@
1
1
  /*
2
- * @file wuiplugin-selector-0.3.js
2
+ * @file wuiplugin-selector-0.4.js
3
3
  * @class WUIPluginSelector
4
- * @version 0.3
4
+ * @version 0.4
5
5
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
7
7
  */
8
8
 
9
9
  class WUIPluginSelector extends WUIModal {
10
10
 
11
- static version = "0.3";
11
+ static version = "0.4";
12
12
  static #defaults = {
13
13
  value: "",
14
14
  options: [],
package/selector/wuiplugin-selector-0.4.root.css ADDED
@@ -0,0 +1,30 @@
1
+ /*
2
+ * @file wuiplugin-selector-0.4.root.css
3
+ * @version 0.4
4
+ * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
+ * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
+ */
7
+
8
+ :root {
9
+
10
+ /* wuiplugin-selector */
11
+
12
+ --wuiplugin-selector-box-width: 280px;
13
+ --wuiplugin-selector-box-bgcolor: #fdfdfe;
14
+ --wuiplugin-selector-option-bordercolor-out: #f0f0f3;
15
+ --wuiplugin-selector-option-bordercolor-over: #f0f0f3;
16
+ --wuiplugin-selector-option-bgcolor-out: transparent;
17
+ --wuiplugin-selector-option-bgcolor-over: #f6f6f6;
18
+ --wuiplugin-selector-option-iconcolor-out: #1e90ff;
19
+ --wuiplugin-selector-option-iconcolor-over: #1e90ff;
20
+ --wuiplugin-selector-option-iconcolor-disabled: #d5dce3;
21
+ --wuiplugin-selector-option-textcolor-out: #2d3a47;
22
+ --wuiplugin-selector-option-textcolor-over: #1e90ff;
23
+ --wuiplugin-selector-option-textcolor-selected: #1e90ff;
24
+ --wuiplugin-selector-option-textcolor-disabled: #d5dce3;
25
+ --wuiplugin-selector-option-checker-bordercolor-out: #1e90ff;
26
+ --wuiplugin-selector-option-checker-bordercolor-selected: #1e90ff;
27
+ --wuiplugin-selector-option-checker-bgcolor-out: transparent;
28
+ --wuiplugin-selector-option-checker-bgcolor-selected: #1e90ff;
29
+ --wuiplugin-selector-button-bordercolor: #f0f0f3;
30
+ }
package/themes/default/{dark-0.6.css → dark-0.7.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file dark-0.6.css
3
- * @version 0.6
2
+ * @file dark-0.7.css
3
+ * @version 0.7
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -93,11 +93,13 @@
93
93
  /* wui-menubar */
94
94
 
95
95
  --wui-menubar-shadowcolor: #1f2937;
96
+ --wui-menubar-shadowopacity: 40%;
96
97
  --wui-menubar-margin: 10px;
97
- --wui-menubar-borderradius: 10px;
98
+ --wui-menubar-bar-borderradius: 10px;
98
99
  --wui-menubar-bar-bordercolor: #374151;
99
100
  --wui-menubar-bar-bgcolor-top: #374151;
100
101
  --wui-menubar-bar-bgcolor-bottom: #374151;
102
+ --wui-menubar-bar-button-borderradius: 10px;
101
103
  --wui-menubar-bar-button-bgcolor-out: transparent;
102
104
  --wui-menubar-bar-button-bgcolor-over: rgb(from #4b5563 r g b / 40%);
103
105
  --wui-menubar-bar-button-bgcolor-selected: #1e90ff;
@@ -121,8 +123,10 @@
121
123
  --wui-menubar-opener-iconsize: 16px;
122
124
  --wui-menubar-opener-openicon-src: none;
123
125
  --wui-menubar-opener-closeicon-src: none;
126
+ --wui-menubar-submenu-borderradius: 10px;
124
127
  --wui-menubar-submenu-bordercolor: #374151;
125
128
  --wui-menubar-submenu-bgcolor: #1f2937;
129
+ --wui-menubar-submenu-button-borderradius: 10px;
126
130
  --wui-menubar-submenu-button-bgcolor-out: transparent;
127
131
  --wui-menubar-submenu-button-bgcolor-over: rgb(from #4b5563 r g b / 40%);
128
132
  --wui-menubar-submenu-button-bgcolor-selected: #1e90ff;
@@ -140,10 +144,30 @@
140
144
  --wui-menubar-tooltip-textcolor: #fff;
141
145
  --wui-menubar-bubble-bgcolor: #f44343;
142
146
  --wui-menubar-bubble-textcolor: #fff;
147
+ --wui-menubar-mobile-bar-bgcolor-top: #374151;
148
+ --wui-menubar-mobile-bar-bgcolor-bottom: #374151;
143
149
  --wui-menubar-mobile-bar-horizpadding: 10px;
144
150
  --wui-menubar-mobile-bar-vertpadding: 0px;
145
151
  --wui-menubar-mobile-opener-closeicon-src: none;
146
152
 
153
+ /* wui-tree (lab) */
154
+
155
+ --wui-tree-node-borderradius: 10px;
156
+ --wui-tree-node-borderwidth: 1px;
157
+ --wui-tree-node-bordercolor-out: transparent;
158
+ --wui-tree-node-bordercolor-over: #374151;
159
+ --wui-tree-node-bgcolor-out: transparent;
160
+ --wui-tree-node-bgcolor-over: #374151;
161
+ --wui-tree-node-horizpadding: 10px;
162
+ --wui-tree-node-vertpadding: 2px;
163
+ --wui-tree-node-iconsize: 16px;
164
+ --wui-tree-node-iconcolor-out: rgb(from #d1d5db r g b / 70%);
165
+ --wui-tree-node-iconcolor-over: #d1d5db;
166
+ --wui-tree-node-iconcolor-disabled: #4b5563;
167
+ --wui-tree-node-textcolor-out: #f3f4f6;
168
+ --wui-tree-node-textcolor-over: #fff;
169
+ --wui-tree-node-textcolor-disabled: #4b5563;
170
+
147
171
  /* wui-list */
148
172
 
149
173
  --wui-list-shadowcolor: #1f2937;
@@ -299,7 +323,9 @@
299
323
 
300
324
  --wui-selectpicker-borderradius: 10px;
301
325
  --wui-selectpicker-borderwidth: 0px;
302
- --wui-selectpicker-bordercolor: transparent;
326
+ --wui-selectpicker-bordercolor-out: transparent;
327
+ --wui-selectpicker-bordercolor-over: transparent;
328
+ --wui-selectpicker-bordercolor-disabled: transparent;
303
329
  --wui-selectpicker-bgcolor: #374151;
304
330
  --wui-selectpicker-opener-iconsize: 30px;
305
331
  --wui-selectpicker-opener-iconcolor-out: #fff;
@@ -307,11 +333,16 @@
307
333
  --wui-selectpicker-opener-iconcolor-disabled: #4b5563;
308
334
  --wui-selectpicker-opener-openicon-src: none;
309
335
  --wui-selectpicker-opener-closeicon-src: none;
336
+ --wui-selectpicker-viewicon-iconsize: 20px;
337
+ --wui-selectpicker-viewicon-icongap: 6px;
338
+ --wui-selectpicker-viewicon-iconcolor: #f3f4f6;
310
339
  --wui-selectpicker-viewinput-paddingleft: 10px;
311
340
  --wui-selectpicker-viewinput-textcolor-out: #f3f4f6;
312
341
  --wui-selectpicker-viewinput-textcolor-over: #fff;
313
342
  --wui-selectpicker-viewinput-textcolor-disabled: #4b5563;
314
343
  --wui-selectpicker-box-shadowcolor: #1f2937;
344
+ --wui-selectpicker-box-shadowopacity: 20%;
345
+ --wui-selectpicker-box-width: 100%;
315
346
  --wui-selectpicker-box-borderradius: 15px;
316
347
  --wui-selectpicker-box-bordercolor: #374151;
317
348
  --wui-selectpicker-box-bgcolor: #1f2937;
@@ -344,7 +375,9 @@
344
375
 
345
376
  --wui-datepicker-borderradius: 10px;
346
377
  --wui-datepicker-borderwidth: 0px;
347
- --wui-datepicker-bordercolor: transparent;
378
+ --wui-datepicker-bordercolor-out: transparent;
379
+ --wui-datepicker-bordercolor-over: transparent;
380
+ --wui-datepicker-bordercolor-disabled: transparent;
348
381
  --wui-datepicker-bgcolor: #374151;
349
382
  --wui-datepicker-opener-iconsize: 30px;
350
383
  --wui-datepicker-opener-iconcolor-out: #fff;
@@ -357,6 +390,7 @@
357
390
  --wui-datepicker-viewinput-textcolor-over: #fff;
358
391
  --wui-datepicker-viewinput-textcolor-disabled: #4b5563;
359
392
  --wui-datepicker-box-shadowcolor: #1f2937;
393
+ --wui-datepicker-box-shadowopacity: 20%;
360
394
  --wui-datepicker-box-borderradius: 15px;
361
395
  --wui-datepicker-box-bordercolor: #374151;
362
396
  --wui-datepicker-box-bgcolor: rgb(from #1f2937 r g b / 100%);
@@ -393,7 +427,9 @@
393
427
 
394
428
  --wui-timepicker-borderradius: 10px;
395
429
  --wui-timepicker-borderwidth: 0px;
396
- --wui-timepicker-bordercolor: transparent;
430
+ --wui-timepicker-bordercolor-out: transparent;
431
+ --wui-timepicker-bordercolor-over: transparent;
432
+ --wui-timepicker-bordercolor-disabled: transparent;
397
433
  --wui-timepicker-bgcolor: #374151;
398
434
  --wui-timepicker-opener-iconsize: 30px;
399
435
  --wui-timepicker-opener-iconcolor-out: #fff;
@@ -406,6 +442,7 @@
406
442
  --wui-timepicker-viewinput-textcolor-over: #fff;
407
443
  --wui-timepicker-viewinput-textcolor-disabled: #4b5563;
408
444
  --wui-timepicker-box-shadowcolor: #1f2937;
445
+ --wui-timepicker-box-shadowopacity: 20%;
409
446
  --wui-timepicker-box-borderradius: 15px;
410
447
  --wui-timepicker-box-bordercolor: #374151;
411
448
  --wui-timepicker-box-bgcolor: rgb(from #000 r g b / 80%);
@@ -440,6 +477,7 @@
440
477
  --wui-colorpicker-viewcolor-bordercolor: rgb(from #1e90ff r g b / 20%);
441
478
  --wui-colorpicker-viewcolor-emptyicon-src: none;
442
479
  --wui-colorpicker-box-shadowcolor: #1f2937;
480
+ --wui-colorpicker-box-shadowopacity: 20%;
443
481
  --wui-colorpicker-box-borderradius: 15px;
444
482
  --wui-colorpicker-box-bordercolor: #374151;
445
483
  --wui-colorpicker-box-bgcolor: rgb(from #000 r g b / 80%);
package/themes/default/{light-0.6.css → light-0.7.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file light-0.6.css
3
- * @version 0.6
2
+ * @file light-0.7.css
3
+ * @version 0.7
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -93,11 +93,13 @@
93
93
  /* wui-menubar */
94
94
 
95
95
  --wui-menubar-shadowcolor: #959da5;
96
+ --wui-menubar-shadowopacity: 40%;
96
97
  --wui-menubar-margin: 10px;
97
- --wui-menubar-borderradius: 10px;
98
+ --wui-menubar-bar-borderradius: 10px;
98
99
  --wui-menubar-bar-bordercolor: #f0f0f3;
99
100
  --wui-menubar-bar-bgcolor-top: #f0f0f3;
100
101
  --wui-menubar-bar-bgcolor-bottom: #f0f0f3;
102
+ --wui-menubar-bar-button-borderradius: 10px;
101
103
  --wui-menubar-bar-button-bgcolor-out: transparent;
102
104
  --wui-menubar-bar-button-bgcolor-over: rgb(from #d5dce3 r g b / 40%);
103
105
  --wui-menubar-bar-button-bgcolor-selected: #1e90ff;
@@ -121,8 +123,10 @@
121
123
  --wui-menubar-opener-iconsize: 16px;
122
124
  --wui-menubar-opener-openicon-src: none;
123
125
  --wui-menubar-opener-closeicon-src: none;
126
+ --wui-menubar-submenu-borderradius: 10px;
124
127
  --wui-menubar-submenu-bordercolor: #f0f0f3;
125
128
  --wui-menubar-submenu-bgcolor: #fdfdfe;
129
+ --wui-menubar-submenu-button-borderradius: 10px;
126
130
  --wui-menubar-submenu-button-bgcolor-out: transparent;
127
131
  --wui-menubar-submenu-button-bgcolor-over: rgb(from #d5dce3 r g b / 40%);
128
132
  --wui-menubar-submenu-button-bgcolor-selected: #1e90ff;
@@ -140,10 +144,30 @@
140
144
  --wui-menubar-tooltip-textcolor: #fff;
141
145
  --wui-menubar-bubble-bgcolor: #f44343;
142
146
  --wui-menubar-bubble-textcolor: #fff;
147
+ --wui-menubar-mobile-bar-bgcolor-top: #f0f0f3;
148
+ --wui-menubar-mobile-bar-bgcolor-bottom: #f0f0f3;
143
149
  --wui-menubar-mobile-bar-horizpadding: 10px;
144
150
  --wui-menubar-mobile-bar-vertpadding: 0px;
145
151
  --wui-menubar-mobile-opener-closeicon-src: none;
146
152
 
153
+ /* wui-tree (lab) */
154
+
155
+ --wui-tree-node-borderradius: 10px;
156
+ --wui-tree-node-borderwidth: 1px;
157
+ --wui-tree-node-bordercolor-out: transparent;
158
+ --wui-tree-node-bordercolor-over: #f6f6f6;
159
+ --wui-tree-node-bgcolor-out: transparent;
160
+ --wui-tree-node-bgcolor-over: #f6f6f6;
161
+ --wui-tree-node-horizpadding: 10px;
162
+ --wui-tree-node-vertpadding: 2px;
163
+ --wui-tree-node-iconsize: 16px;
164
+ --wui-tree-node-iconcolor-out: rgb(from #353a40 r g b / 70%);
165
+ --wui-tree-node-iconcolor-over: #353a40;
166
+ --wui-tree-node-iconcolor-disabled: #d5dce3;
167
+ --wui-tree-node-textcolor-out: #2d3a47;
168
+ --wui-tree-node-textcolor-over: #1f2937;
169
+ --wui-tree-node-textcolor-disabled: #d5dce3;
170
+
147
171
  /* wui-list */
148
172
 
149
173
  --wui-list-shadowcolor: #959da5;
@@ -299,7 +323,9 @@
299
323
 
300
324
  --wui-selectpicker-borderradius: 10px;
301
325
  --wui-selectpicker-borderwidth: 0px;
302
- --wui-selectpicker-bordercolor: transparent;
326
+ --wui-selectpicker-bordercolor-out: transparent;
327
+ --wui-selectpicker-bordercolor-over: transparent;
328
+ --wui-selectpicker-bordercolor-disabled: transparent;
303
329
  --wui-selectpicker-bgcolor: #f6f6f6;
304
330
  --wui-selectpicker-opener-iconsize: 30px;
305
331
  --wui-selectpicker-opener-iconcolor-out: #000;
@@ -307,11 +333,16 @@
307
333
  --wui-selectpicker-opener-iconcolor-disabled: #d5dce3;
308
334
  --wui-selectpicker-opener-openicon-src: none;
309
335
  --wui-selectpicker-opener-closeicon-src: none;
336
+ --wui-selectpicker-viewicon-iconsize: 20px;
337
+ --wui-selectpicker-viewicon-icongap: 6px;
338
+ --wui-selectpicker-viewicon-iconcolor: #2d3a47;
310
339
  --wui-selectpicker-viewinput-paddingleft: 10px;
311
340
  --wui-selectpicker-viewinput-textcolor-out: #2d3a47;
312
341
  --wui-selectpicker-viewinput-textcolor-over: #1f2937;
313
342
  --wui-selectpicker-viewinput-textcolor-disabled: #d5dce3;
314
343
  --wui-selectpicker-box-shadowcolor: #959da5;
344
+ --wui-selectpicker-box-shadowopacity: 20%;
345
+ --wui-selectpicker-box-width: 100%;
315
346
  --wui-selectpicker-box-borderradius: 15px;
316
347
  --wui-selectpicker-box-bordercolor: #f0f0f3;
317
348
  --wui-selectpicker-box-bgcolor: #fdfdfe;
@@ -344,7 +375,9 @@
344
375
 
345
376
  --wui-datepicker-borderradius: 10px;
346
377
  --wui-datepicker-borderwidth: 0px;
347
- --wui-datepicker-bordercolor: transparent;
378
+ --wui-datepicker-bordercolor-out: transparent;
379
+ --wui-datepicker-bordercolor-over: transparent;
380
+ --wui-datepicker-bordercolor-disabled: transparent;
348
381
  --wui-datepicker-bgcolor: #f6f6f6;
349
382
  --wui-datepicker-opener-iconsize: 30px;
350
383
  --wui-datepicker-opener-iconcolor-out: #000;
@@ -357,6 +390,7 @@
357
390
  --wui-datepicker-viewinput-textcolor-over: #1f2937;
358
391
  --wui-datepicker-viewinput-textcolor-disabled: #d5dce3;
359
392
  --wui-datepicker-box-shadowcolor: #959da5;
393
+ --wui-datepicker-box-shadowopacity: 20%;
360
394
  --wui-datepicker-box-borderradius: 15px;
361
395
  --wui-datepicker-box-bordercolor: #f0f0f3;
362
396
  --wui-datepicker-box-bgcolor: rgb(from #fdfdfe r g b / 100%);
@@ -393,7 +427,9 @@
393
427
 
394
428
  --wui-timepicker-borderradius: 10px;
395
429
  --wui-timepicker-borderwidth: 0px;
396
- --wui-timepicker-bordercolor: transparent;
430
+ --wui-timepicker-bordercolor-out: transparent;
431
+ --wui-timepicker-bordercolor-over: transparent;
432
+ --wui-timepicker-bordercolor-disabled: transparent;
397
433
  --wui-timepicker-bgcolor: #f6f6f6;
398
434
  --wui-timepicker-opener-iconsize: 30px;
399
435
  --wui-timepicker-opener-iconcolor-out: #000;
@@ -406,6 +442,7 @@
406
442
  --wui-timepicker-viewinput-textcolor-over: #1f2937;
407
443
  --wui-timepicker-viewinput-textcolor-disabled: #d5dce3;
408
444
  --wui-timepicker-box-shadowcolor: #959da5;
445
+ --wui-timepicker-box-shadowopacity: 20%;
409
446
  --wui-timepicker-box-borderradius: 15px;
410
447
  --wui-timepicker-box-bordercolor: #f0f0f3;
411
448
  --wui-timepicker-box-bgcolor: rgb(from #fff r g b / 80%);
@@ -440,6 +477,7 @@
440
477
  --wui-colorpicker-viewcolor-bordercolor: rgb(from #1e90ff r g b / 20%);
441
478
  --wui-colorpicker-viewcolor-emptyicon-src: none;
442
479
  --wui-colorpicker-box-shadowcolor: #959da5;
480
+ --wui-colorpicker-box-shadowopacity: 20%;
443
481
  --wui-colorpicker-box-borderradius: 15px;
444
482
  --wui-colorpicker-box-bordercolor: #f0f0f3;
445
483
  --wui-colorpicker-box-bgcolor: rgb(from #fff r g b / 80%);
package/themes/default/{settings-0.6.css → settings-0.7.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file theme-0.6.css
3
- * @version 0.6
2
+ * @file theme-0.7.css
3
+ * @version 0.7
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
package/themes/{wuiplugin-themes-0.6.css → wuiplugin-themes-0.7.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file wuiplugin-themes-0.6.css
3
- * @version 0.6
2
+ * @file wuiplugin-themes-0.7.css
3
+ * @version 0.7
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -91,11 +91,13 @@
91
91
  /* wui-menubar */
92
92
 
93
93
  --wui-menubar-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
94
+ --wui-menubar-shadowopacity: 40%;
94
95
  --wui-menubar-margin: 10px;
95
- --wui-menubar-borderradius: var(--wuiplugin-theme-borderradius-low);
96
+ --wui-menubar-bar-borderradius: var(--wuiplugin-theme-borderradius-low);
96
97
  --wui-menubar-bar-bordercolor: var(--wuiplugin-theme-bordercolor-low);
97
98
  --wui-menubar-bar-bgcolor-top: var(--wuiplugin-theme-bordercolor-low);
98
99
  --wui-menubar-bar-bgcolor-bottom: var(--wuiplugin-theme-bordercolor-low);
100
+ --wui-menubar-bar-button-borderradius: var(--wuiplugin-theme-borderradius-low);
99
101
  --wui-menubar-bar-button-bgcolor-out: transparent;
100
102
  --wui-menubar-bar-button-bgcolor-over: rgb(from var(--wuiplugin-theme-bordercolor-high) r g b / 40%);
101
103
  --wui-menubar-bar-button-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -119,8 +121,10 @@
119
121
  --wui-menubar-opener-iconsize: 16px;
120
122
  --wui-menubar-opener-openicon-src: none;
121
123
  --wui-menubar-opener-closeicon-src: none;
124
+ --wui-menubar-submenu-borderradius: var(--wuiplugin-theme-borderradius-low);
122
125
  --wui-menubar-submenu-bordercolor: var(--wuiplugin-theme-bordercolor-low);
123
126
  --wui-menubar-submenu-bgcolor: var(--wuiplugin-theme-bgcolor-out);
127
+ --wui-menubar-submenu-button-borderradius: var(--wuiplugin-theme-borderradius-low);
124
128
  --wui-menubar-submenu-button-bgcolor-out: transparent;
125
129
  --wui-menubar-submenu-button-bgcolor-over: rgb(from var(--wuiplugin-theme-bordercolor-high) r g b / 40%);
126
130
  --wui-menubar-submenu-button-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -138,10 +142,30 @@
138
142
  --wui-menubar-tooltip-textcolor: #fff;
139
143
  --wui-menubar-bubble-bgcolor: var(--wuiplugin-theme-utilitycolor-warning);
140
144
  --wui-menubar-bubble-textcolor: #fff;
145
+ --wui-menubar-mobile-bar-bgcolor-top: var(--wuiplugin-theme-bordercolor-low);
146
+ --wui-menubar-mobile-bar-bgcolor-bottom: var(--wuiplugin-theme-bordercolor-low);
141
147
  --wui-menubar-mobile-bar-horizpadding: 10px;
142
148
  --wui-menubar-mobile-bar-vertpadding: 0px;
143
149
  --wui-menubar-mobile-opener-closeicon-src: none;
144
150
 
151
+ /* wui-tree (lab) */
152
+
153
+ --wui-tree-node-borderradius: 10px;
154
+ --wui-tree-node-borderwidth: 1px;
155
+ --wui-tree-node-bordercolor-out: transparent;
156
+ --wui-tree-node-bordercolor-over: var(--wuiplugin-theme-bgcolor-over);
157
+ --wui-tree-node-bgcolor-out: transparent;
158
+ --wui-tree-node-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
159
+ --wui-tree-node-horizpadding: 10px;
160
+ --wui-tree-node-vertpadding: 2px;
161
+ --wui-tree-node-iconsize: 16px;
162
+ --wui-tree-node-iconcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-icon) r g b / 70%);
163
+ --wui-tree-node-iconcolor-over: var(--wuiplugin-theme-bgcolor-icon);
164
+ --wui-tree-node-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
165
+ --wui-tree-node-textcolor-out: var(--wuiplugin-theme-textcolor-active);
166
+ --wui-tree-node-textcolor-over: var(--wuiplugin-theme-textcolor-focus);
167
+ --wui-tree-node-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
168
+
145
169
  /* wui-list */
146
170
 
147
171
  --wui-list-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
@@ -297,7 +321,9 @@
297
321
 
298
322
  --wui-selectpicker-borderradius: var(--wuiplugin-theme-borderradius-low);
299
323
  --wui-selectpicker-borderwidth: 0px;
300
- --wui-selectpicker-bordercolor: transparent;
324
+ --wui-selectpicker-bordercolor-out: transparent;
325
+ --wui-selectpicker-bordercolor-over: transparent;
326
+ --wui-selectpicker-bordercolor-disabled: transparent;
301
327
  --wui-selectpicker-bgcolor: var(--wuiplugin-theme-bgcolor-over);
302
328
  --wui-selectpicker-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
303
329
  --wui-selectpicker-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
@@ -305,11 +331,16 @@
305
331
  --wui-selectpicker-opener-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
306
332
  --wui-selectpicker-opener-openicon-src: none;
307
333
  --wui-selectpicker-opener-closeicon-src: none;
334
+ --wui-selectpicker-viewicon-iconsize: 20px;
335
+ --wui-selectpicker-viewicon-icongap: 6px;
336
+ --wui-selectpicker-viewicon-iconcolor: var(--wui-form-input-textcolor-out);
308
337
  --wui-selectpicker-viewinput-paddingleft: 10px;
309
338
  --wui-selectpicker-viewinput-textcolor-out: var(--wui-form-input-textcolor-out);
310
339
  --wui-selectpicker-viewinput-textcolor-over: var(--wui-form-input-textcolor-over);
311
340
  --wui-selectpicker-viewinput-textcolor-disabled: var(--wui-form-input-textcolor-disabled);
312
341
  --wui-selectpicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
342
+ --wui-selectpicker-box-shadowopacity: 20%;
343
+ --wui-selectpicker-box-width: 100%;
313
344
  --wui-selectpicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
314
345
  --wui-selectpicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
315
346
  --wui-selectpicker-box-bgcolor: var(--wuiplugin-theme-bgcolor-out);
@@ -342,7 +373,9 @@
342
373
 
343
374
  --wui-datepicker-borderradius: var(--wuiplugin-theme-borderradius-low);
344
375
  --wui-datepicker-borderwidth: 0px;
345
- --wui-datepicker-bordercolor: transparent;
376
+ --wui-datepicker-bordercolor-out: transparent;
377
+ --wui-datepicker-bordercolor-over: transparent;
378
+ --wui-datepicker-bordercolor-disabled: transparent;
346
379
  --wui-datepicker-bgcolor: var(--wuiplugin-theme-bgcolor-over);
347
380
  --wui-datepicker-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
348
381
  --wui-datepicker-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
@@ -355,6 +388,7 @@
355
388
  --wui-datepicker-viewinput-textcolor-over: var(--wui-form-input-textcolor-over);
356
389
  --wui-datepicker-viewinput-textcolor-disabled: var(--wui-form-input-textcolor-disabled);
357
390
  --wui-datepicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
391
+ --wui-datepicker-box-shadowopacity: 20%;
358
392
  --wui-datepicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
359
393
  --wui-datepicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
360
394
  --wui-datepicker-box-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-out) r g b / 100%);
@@ -391,7 +425,9 @@
391
425
 
392
426
  --wui-timepicker-borderradius: var(--wuiplugin-theme-borderradius-low);
393
427
  --wui-timepicker-borderwidth: 0px;
394
- --wui-timepicker-bordercolor: transparent;
428
+ --wui-timepicker-bordercolor-out: transparent;
429
+ --wui-timepicker-bordercolor-over: transparent;
430
+ --wui-timepicker-bordercolor-disabled: transparent;
395
431
  --wui-timepicker-bgcolor: var(--wuiplugin-theme-bgcolor-over);
396
432
  --wui-timepicker-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
397
433
  --wui-timepicker-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
@@ -404,6 +440,7 @@
404
440
  --wui-timepicker-viewinput-textcolor-over: var(--wui-form-input-textcolor-over);
405
441
  --wui-timepicker-viewinput-textcolor-disabled: var(--wui-form-input-textcolor-disabled);
406
442
  --wui-timepicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
443
+ --wui-timepicker-box-shadowopacity: 20%;
407
444
  --wui-timepicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
408
445
  --wui-timepicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
409
446
  --wui-timepicker-box-bgcolor: rgb(from var(--wuiplugin-theme-graycolor-max) r g b / 80%);
@@ -438,6 +475,7 @@
438
475
  --wui-colorpicker-viewcolor-bordercolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
439
476
  --wui-colorpicker-viewcolor-emptyicon-src: none;
440
477
  --wui-colorpicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
478
+ --wui-colorpicker-box-shadowopacity: 20%;
441
479
  --wui-colorpicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
442
480
  --wui-colorpicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
443
481
  --wui-colorpicker-box-bgcolor: rgb(from var(--wuiplugin-theme-graycolor-max) r g b / 80%);
package/themes/{wuiplugin-themes-0.6.js → wuiplugin-themes-0.7.js} RENAMED
@@ -1,14 +1,14 @@
1
1
  /*
2
- * @file wuiplugin-themes-0.6.js
2
+ * @file wuiplugin-themes-0.7.js
3
3
  * @class WUIPluginThemes
4
- * @version 0.6
4
+ * @version 0.7
5
5
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
7
7
  */
8
8
 
9
9
  class WUIPluginThemes {
10
10
 
11
- static version = "0.6";
11
+ static version = "0.7";
12
12
 
13
13
  getScheme() {
14
14
  return getComputedStyle(document.documentElement).getPropertyValue("color-scheme").trim();