@wui-js/plugins 0.7.0 → 0.7.1

package/README.md

@@ -7,7 +7,7 @@
 |                      | |
 | -------------------- | ----------- |
 | **Library name**     | `wuijs-plugins-lib` |
-| **Library version**  | `0.7.0` ([Change Log](https://github.com/wui-js/wuijs-plugins-lib/blob/main/docs/CHANGELOG-en.md)) |
+| **Library version**  | `0.7.1` ([Change Log](https://github.com/wui-js/wuijs-plugins-lib/blob/main/docs/CHANGELOG-en.md)) |
 | **NPM package**      | `@wui-js/plugins` |
 | **License**          | `Apache License 2.0` |
 | **Author**           | `Sergio E. Belmar V. <wuijs.project@gmail.com>` |

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wui-js/plugins",
-	"version": "0.7.0",
+	"version": "0.7.1",
 	"license": "Apache-2.0",
 	"author": "Sergio E. Belmar V. <wuijs.project@gmail.com>",
 	"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/themes/default/{dark-0.6.css → dark-0.7.css}

@@ -1,6 +1,6 @@
 /*
- * @file dark-0.6.css
- * @version 0.6
+ * @file dark-0.7.css
+ * @version 0.7
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
  */
@@ -93,11 +93,13 @@
 	/* wui-menubar */
 
 	--wui-menubar-shadowcolor: #1f2937;
+	--wui-menubar-shadowopacity: 40%;
 	--wui-menubar-margin: 10px;
-	--wui-menubar-borderradius: 10px;
+	--wui-menubar-bar-borderradius: 10px;
 	--wui-menubar-bar-bordercolor: #374151;
 	--wui-menubar-bar-bgcolor-top: #374151;
 	--wui-menubar-bar-bgcolor-bottom: #374151;
+	--wui-menubar-bar-button-borderradius: 10px;
 	--wui-menubar-bar-button-bgcolor-out: transparent;
 	--wui-menubar-bar-button-bgcolor-over: rgb(from #4b5563 r g b / 40%);
 	--wui-menubar-bar-button-bgcolor-selected: #1e90ff;
@@ -121,8 +123,10 @@
 	--wui-menubar-opener-iconsize: 16px;
 	--wui-menubar-opener-openicon-src: none;
 	--wui-menubar-opener-closeicon-src: none;
+	--wui-menubar-submenu-borderradius: 10px;
 	--wui-menubar-submenu-bordercolor: #374151;
 	--wui-menubar-submenu-bgcolor: #1f2937;
+	--wui-menubar-submenu-button-borderradius: 10px;
 	--wui-menubar-submenu-button-bgcolor-out: transparent;
 	--wui-menubar-submenu-button-bgcolor-over: rgb(from #4b5563 r g b / 40%);
 	--wui-menubar-submenu-button-bgcolor-selected: #1e90ff;
@@ -140,10 +144,30 @@
 	--wui-menubar-tooltip-textcolor: #fff;
 	--wui-menubar-bubble-bgcolor: #f44343;
 	--wui-menubar-bubble-textcolor: #fff;
+	--wui-menubar-mobile-bar-bgcolor-top: #374151;
+	--wui-menubar-mobile-bar-bgcolor-bottom: #374151;
 	--wui-menubar-mobile-bar-horizpadding: 10px;
 	--wui-menubar-mobile-bar-vertpadding: 0px;
 	--wui-menubar-mobile-opener-closeicon-src: none;
 
+	/* wui-tree (lab) */
+
+	--wui-tree-node-borderradius: 10px;
+	--wui-tree-node-borderwidth: 1px;
+	--wui-tree-node-bordercolor-out: transparent;
+	--wui-tree-node-bordercolor-over: #374151;
+	--wui-tree-node-bgcolor-out: transparent;
+	--wui-tree-node-bgcolor-over: #374151;
+	--wui-tree-node-horizpadding: 10px;
+	--wui-tree-node-vertpadding: 2px;
+	--wui-tree-node-iconsize: 16px;
+	--wui-tree-node-iconcolor-out: rgb(from #d1d5db r g b / 70%);
+	--wui-tree-node-iconcolor-over: #d1d5db;
+	--wui-tree-node-iconcolor-disabled: #4b5563;
+	--wui-tree-node-textcolor-out: #f3f4f6;
+	--wui-tree-node-textcolor-over: #fff;
+	--wui-tree-node-textcolor-disabled: #4b5563;
+
 	/* wui-list */
 
 	--wui-list-shadowcolor: #1f2937;
@@ -299,7 +323,9 @@
 
 	--wui-selectpicker-borderradius: 10px;
 	--wui-selectpicker-borderwidth: 0px;
-	--wui-selectpicker-bordercolor: transparent;
+	--wui-selectpicker-bordercolor-out: transparent;
+	--wui-selectpicker-bordercolor-over: transparent;
+	--wui-selectpicker-bordercolor-disabled: transparent;
 	--wui-selectpicker-bgcolor: #374151;
 	--wui-selectpicker-opener-iconsize: 30px;
 	--wui-selectpicker-opener-iconcolor-out: #fff;
@@ -307,11 +333,16 @@
 	--wui-selectpicker-opener-iconcolor-disabled: #4b5563;
 	--wui-selectpicker-opener-openicon-src: none;
 	--wui-selectpicker-opener-closeicon-src: none;
+	--wui-selectpicker-viewicon-iconsize: 20px;
+	--wui-selectpicker-viewicon-icongap: 6px;
+	--wui-selectpicker-viewicon-iconcolor: #f3f4f6;
 	--wui-selectpicker-viewinput-paddingleft: 10px;
 	--wui-selectpicker-viewinput-textcolor-out: #f3f4f6;
 	--wui-selectpicker-viewinput-textcolor-over: #fff;
 	--wui-selectpicker-viewinput-textcolor-disabled: #4b5563;
 	--wui-selectpicker-box-shadowcolor: #1f2937;
+	--wui-selectpicker-box-shadowopacity: 20%;
+	--wui-selectpicker-box-width: 100%;
 	--wui-selectpicker-box-borderradius: 15px;
 	--wui-selectpicker-box-bordercolor: #374151;
 	--wui-selectpicker-box-bgcolor: #1f2937;
@@ -344,7 +375,9 @@
 
 	--wui-datepicker-borderradius: 10px;
 	--wui-datepicker-borderwidth: 0px;
-	--wui-datepicker-bordercolor: transparent;
+	--wui-datepicker-bordercolor-out: transparent;
+	--wui-datepicker-bordercolor-over: transparent;
+	--wui-datepicker-bordercolor-disabled: transparent;
 	--wui-datepicker-bgcolor: #374151;
 	--wui-datepicker-opener-iconsize: 30px;
 	--wui-datepicker-opener-iconcolor-out: #fff;
@@ -357,6 +390,7 @@
 	--wui-datepicker-viewinput-textcolor-over: #fff;
 	--wui-datepicker-viewinput-textcolor-disabled: #4b5563;
 	--wui-datepicker-box-shadowcolor: #1f2937;
+	--wui-datepicker-box-shadowopacity: 20%;
 	--wui-datepicker-box-borderradius: 15px;
 	--wui-datepicker-box-bordercolor: #374151;
 	--wui-datepicker-box-bgcolor: rgb(from #1f2937 r g b / 100%);
@@ -393,7 +427,9 @@
 
 	--wui-timepicker-borderradius: 10px;
 	--wui-timepicker-borderwidth: 0px;
-	--wui-timepicker-bordercolor: transparent;
+	--wui-timepicker-bordercolor-out: transparent;
+	--wui-timepicker-bordercolor-over: transparent;
+	--wui-timepicker-bordercolor-disabled: transparent;
 	--wui-timepicker-bgcolor: #374151;
 	--wui-timepicker-opener-iconsize: 30px;
 	--wui-timepicker-opener-iconcolor-out: #fff;
@@ -406,6 +442,7 @@
 	--wui-timepicker-viewinput-textcolor-over: #fff;
 	--wui-timepicker-viewinput-textcolor-disabled: #4b5563;
 	--wui-timepicker-box-shadowcolor: #1f2937;
+	--wui-timepicker-box-shadowopacity: 20%;
 	--wui-timepicker-box-borderradius: 15px;
 	--wui-timepicker-box-bordercolor: #374151;
 	--wui-timepicker-box-bgcolor: rgb(from #000 r g b / 80%);
@@ -440,6 +477,7 @@
 	--wui-colorpicker-viewcolor-bordercolor: rgb(from #1e90ff r g b / 20%);
 	--wui-colorpicker-viewcolor-emptyicon-src: none;
 	--wui-colorpicker-box-shadowcolor: #1f2937;
+	--wui-colorpicker-box-shadowopacity: 20%;
 	--wui-colorpicker-box-borderradius: 15px;
 	--wui-colorpicker-box-bordercolor: #374151;
 	--wui-colorpicker-box-bgcolor: rgb(from #000 r g b / 80%);

package/themes/default/{light-0.6.css → light-0.7.css}

@@ -1,6 +1,6 @@
 /*
- * @file light-0.6.css
- * @version 0.6
+ * @file light-0.7.css
+ * @version 0.7
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
  */
@@ -93,11 +93,13 @@
 	/* wui-menubar */
 
 	--wui-menubar-shadowcolor: #959da5;
+	--wui-menubar-shadowopacity: 40%;
 	--wui-menubar-margin: 10px;
-	--wui-menubar-borderradius: 10px;
+	--wui-menubar-bar-borderradius: 10px;
 	--wui-menubar-bar-bordercolor: #f0f0f3;
 	--wui-menubar-bar-bgcolor-top: #f0f0f3;
 	--wui-menubar-bar-bgcolor-bottom: #f0f0f3;
+	--wui-menubar-bar-button-borderradius: 10px;
 	--wui-menubar-bar-button-bgcolor-out: transparent;
 	--wui-menubar-bar-button-bgcolor-over: rgb(from #d5dce3 r g b / 40%);
 	--wui-menubar-bar-button-bgcolor-selected: #1e90ff;
@@ -121,8 +123,10 @@
 	--wui-menubar-opener-iconsize: 16px;
 	--wui-menubar-opener-openicon-src: none;
 	--wui-menubar-opener-closeicon-src: none;
+	--wui-menubar-submenu-borderradius: 10px;
 	--wui-menubar-submenu-bordercolor: #f0f0f3;
 	--wui-menubar-submenu-bgcolor: #fdfdfe;
+	--wui-menubar-submenu-button-borderradius: 10px;
 	--wui-menubar-submenu-button-bgcolor-out: transparent;
 	--wui-menubar-submenu-button-bgcolor-over: rgb(from #d5dce3 r g b / 40%);
 	--wui-menubar-submenu-button-bgcolor-selected: #1e90ff;
@@ -140,10 +144,30 @@
 	--wui-menubar-tooltip-textcolor: #fff;
 	--wui-menubar-bubble-bgcolor: #f44343;
 	--wui-menubar-bubble-textcolor: #fff;
+	--wui-menubar-mobile-bar-bgcolor-top: #f0f0f3;
+	--wui-menubar-mobile-bar-bgcolor-bottom: #f0f0f3;
 	--wui-menubar-mobile-bar-horizpadding: 10px;
 	--wui-menubar-mobile-bar-vertpadding: 0px;
 	--wui-menubar-mobile-opener-closeicon-src: none;
 
+	/* wui-tree (lab) */
+
+	--wui-tree-node-borderradius: 10px;
+	--wui-tree-node-borderwidth: 1px;
+	--wui-tree-node-bordercolor-out: transparent;
+	--wui-tree-node-bordercolor-over: #f6f6f6;
+	--wui-tree-node-bgcolor-out: transparent;
+	--wui-tree-node-bgcolor-over: #f6f6f6;
+	--wui-tree-node-horizpadding: 10px;
+	--wui-tree-node-vertpadding: 2px;
+	--wui-tree-node-iconsize: 16px;
+	--wui-tree-node-iconcolor-out: rgb(from #353a40 r g b / 70%);
+	--wui-tree-node-iconcolor-over: #353a40;
+	--wui-tree-node-iconcolor-disabled: #d5dce3;
+	--wui-tree-node-textcolor-out: #2d3a47;
+	--wui-tree-node-textcolor-over: #1f2937;
+	--wui-tree-node-textcolor-disabled: #d5dce3;
+
 	/* wui-list */
 
 	--wui-list-shadowcolor: #959da5;
@@ -299,7 +323,9 @@
 
 	--wui-selectpicker-borderradius: 10px;
 	--wui-selectpicker-borderwidth: 0px;
-	--wui-selectpicker-bordercolor: transparent;
+	--wui-selectpicker-bordercolor-out: transparent;
+	--wui-selectpicker-bordercolor-over: transparent;
+	--wui-selectpicker-bordercolor-disabled: transparent;
 	--wui-selectpicker-bgcolor: #f6f6f6;
 	--wui-selectpicker-opener-iconsize: 30px;
 	--wui-selectpicker-opener-iconcolor-out: #000;
@@ -307,11 +333,16 @@
 	--wui-selectpicker-opener-iconcolor-disabled: #d5dce3;
 	--wui-selectpicker-opener-openicon-src: none;
 	--wui-selectpicker-opener-closeicon-src: none;
+	--wui-selectpicker-viewicon-iconsize: 20px;
+	--wui-selectpicker-viewicon-icongap: 6px;
+	--wui-selectpicker-viewicon-iconcolor: #2d3a47;
 	--wui-selectpicker-viewinput-paddingleft: 10px;
 	--wui-selectpicker-viewinput-textcolor-out: #2d3a47;
 	--wui-selectpicker-viewinput-textcolor-over: #1f2937;
 	--wui-selectpicker-viewinput-textcolor-disabled: #d5dce3;
 	--wui-selectpicker-box-shadowcolor: #959da5;
+	--wui-selectpicker-box-shadowopacity: 20%;
+	--wui-selectpicker-box-width: 100%;
 	--wui-selectpicker-box-borderradius: 15px;
 	--wui-selectpicker-box-bordercolor: #f0f0f3;
 	--wui-selectpicker-box-bgcolor: #fdfdfe;
@@ -344,7 +375,9 @@
 
 	--wui-datepicker-borderradius: 10px;
 	--wui-datepicker-borderwidth: 0px;
-	--wui-datepicker-bordercolor: transparent;
+	--wui-datepicker-bordercolor-out: transparent;
+	--wui-datepicker-bordercolor-over: transparent;
+	--wui-datepicker-bordercolor-disabled: transparent;
 	--wui-datepicker-bgcolor: #f6f6f6;
 	--wui-datepicker-opener-iconsize: 30px;
 	--wui-datepicker-opener-iconcolor-out: #000;
@@ -357,6 +390,7 @@
 	--wui-datepicker-viewinput-textcolor-over: #1f2937;
 	--wui-datepicker-viewinput-textcolor-disabled: #d5dce3;
 	--wui-datepicker-box-shadowcolor: #959da5;
+	--wui-datepicker-box-shadowopacity: 20%;
 	--wui-datepicker-box-borderradius: 15px;
 	--wui-datepicker-box-bordercolor: #f0f0f3;
 	--wui-datepicker-box-bgcolor: rgb(from #fdfdfe r g b / 100%);
@@ -393,7 +427,9 @@
 
 	--wui-timepicker-borderradius: 10px;
 	--wui-timepicker-borderwidth: 0px;
-	--wui-timepicker-bordercolor: transparent;
+	--wui-timepicker-bordercolor-out: transparent;
+	--wui-timepicker-bordercolor-over: transparent;
+	--wui-timepicker-bordercolor-disabled: transparent;
 	--wui-timepicker-bgcolor: #f6f6f6;
 	--wui-timepicker-opener-iconsize: 30px;
 	--wui-timepicker-opener-iconcolor-out: #000;
@@ -406,6 +442,7 @@
 	--wui-timepicker-viewinput-textcolor-over: #1f2937;
 	--wui-timepicker-viewinput-textcolor-disabled: #d5dce3;
 	--wui-timepicker-box-shadowcolor: #959da5;
+	--wui-timepicker-box-shadowopacity: 20%;
 	--wui-timepicker-box-borderradius: 15px;
 	--wui-timepicker-box-bordercolor: #f0f0f3;
 	--wui-timepicker-box-bgcolor: rgb(from #fff r g b / 80%);
@@ -440,6 +477,7 @@
 	--wui-colorpicker-viewcolor-bordercolor: rgb(from #1e90ff r g b / 20%);
 	--wui-colorpicker-viewcolor-emptyicon-src: none;
 	--wui-colorpicker-box-shadowcolor: #959da5;
+	--wui-colorpicker-box-shadowopacity: 20%;
 	--wui-colorpicker-box-borderradius: 15px;
 	--wui-colorpicker-box-bordercolor: #f0f0f3;
 	--wui-colorpicker-box-bgcolor: rgb(from #fff r g b / 80%);

package/themes/default/{settings-0.6.css → settings-0.7.css}

@@ -1,6 +1,6 @@
 /*
- * @file theme-0.6.css
- * @version 0.6
+ * @file theme-0.7.css
+ * @version 0.7
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
  */

package/themes/{wuiplugin-themes-0.6.css → wuiplugin-themes-0.7.css}

@@ -1,6 +1,6 @@
 /*
- * @file wuiplugin-themes-0.6.css
- * @version 0.6
+ * @file wuiplugin-themes-0.7.css
+ * @version 0.7
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
  */
@@ -91,11 +91,13 @@
 	/* wui-menubar */
 
 	--wui-menubar-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
+	--wui-menubar-shadowopacity: 40%;
 	--wui-menubar-margin: 10px;
-	--wui-menubar-borderradius: var(--wuiplugin-theme-borderradius-low);
+	--wui-menubar-bar-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-menubar-bar-bordercolor: var(--wuiplugin-theme-bordercolor-low);
 	--wui-menubar-bar-bgcolor-top: var(--wuiplugin-theme-bordercolor-low);
 	--wui-menubar-bar-bgcolor-bottom: var(--wuiplugin-theme-bordercolor-low);
+	--wui-menubar-bar-button-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-menubar-bar-button-bgcolor-out: transparent;
 	--wui-menubar-bar-button-bgcolor-over: rgb(from var(--wuiplugin-theme-bordercolor-high) r g b / 40%);
 	--wui-menubar-bar-button-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -119,8 +121,10 @@
 	--wui-menubar-opener-iconsize: 16px;
 	--wui-menubar-opener-openicon-src: none;
 	--wui-menubar-opener-closeicon-src: none;
+	--wui-menubar-submenu-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-menubar-submenu-bordercolor: var(--wuiplugin-theme-bordercolor-low);
 	--wui-menubar-submenu-bgcolor: var(--wuiplugin-theme-bgcolor-out);
+	--wui-menubar-submenu-button-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-menubar-submenu-button-bgcolor-out: transparent;
 	--wui-menubar-submenu-button-bgcolor-over: rgb(from var(--wuiplugin-theme-bordercolor-high) r g b / 40%);
 	--wui-menubar-submenu-button-bgcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
@@ -138,10 +142,30 @@
 	--wui-menubar-tooltip-textcolor: #fff;
 	--wui-menubar-bubble-bgcolor: var(--wuiplugin-theme-utilitycolor-warning);
 	--wui-menubar-bubble-textcolor: #fff;
+	--wui-menubar-mobile-bar-bgcolor-top: var(--wuiplugin-theme-bordercolor-low);
+	--wui-menubar-mobile-bar-bgcolor-bottom: var(--wuiplugin-theme-bordercolor-low);
 	--wui-menubar-mobile-bar-horizpadding: 10px;
 	--wui-menubar-mobile-bar-vertpadding: 0px;
 	--wui-menubar-mobile-opener-closeicon-src: none;
 
+	/* wui-tree (lab) */
+
+	--wui-tree-node-borderradius: 10px;
+	--wui-tree-node-borderwidth: 1px;
+	--wui-tree-node-bordercolor-out: transparent;
+	--wui-tree-node-bordercolor-over: var(--wuiplugin-theme-bgcolor-over);
+	--wui-tree-node-bgcolor-out: transparent;
+	--wui-tree-node-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
+	--wui-tree-node-horizpadding: 10px;
+	--wui-tree-node-vertpadding: 2px;
+	--wui-tree-node-iconsize: 16px;
+	--wui-tree-node-iconcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-icon) r g b / 70%);
+	--wui-tree-node-iconcolor-over: var(--wuiplugin-theme-bgcolor-icon);
+	--wui-tree-node-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
+	--wui-tree-node-textcolor-out: var(--wuiplugin-theme-textcolor-active);
+	--wui-tree-node-textcolor-over: var(--wuiplugin-theme-textcolor-focus);
+	--wui-tree-node-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
+
 	/* wui-list */
 
 	--wui-list-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
@@ -297,7 +321,9 @@
 
 	--wui-selectpicker-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-selectpicker-borderwidth: 0px;
-	--wui-selectpicker-bordercolor: transparent;
+	--wui-selectpicker-bordercolor-out: transparent;
+	--wui-selectpicker-bordercolor-over: transparent;
+	--wui-selectpicker-bordercolor-disabled: transparent;
 	--wui-selectpicker-bgcolor: var(--wuiplugin-theme-bgcolor-over);
 	--wui-selectpicker-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
 	--wui-selectpicker-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
@@ -305,11 +331,16 @@
 	--wui-selectpicker-opener-iconcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
 	--wui-selectpicker-opener-openicon-src: none;
 	--wui-selectpicker-opener-closeicon-src: none;
+	--wui-selectpicker-viewicon-iconsize: 20px;
+	--wui-selectpicker-viewicon-icongap: 6px;
+	--wui-selectpicker-viewicon-iconcolor: var(--wui-form-input-textcolor-out);
 	--wui-selectpicker-viewinput-paddingleft: 10px;
 	--wui-selectpicker-viewinput-textcolor-out: var(--wui-form-input-textcolor-out);
 	--wui-selectpicker-viewinput-textcolor-over: var(--wui-form-input-textcolor-over);
 	--wui-selectpicker-viewinput-textcolor-disabled: var(--wui-form-input-textcolor-disabled);
 	--wui-selectpicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
+	--wui-selectpicker-box-shadowopacity: 20%;
+	--wui-selectpicker-box-width: 100%;
 	--wui-selectpicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
 	--wui-selectpicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
 	--wui-selectpicker-box-bgcolor: var(--wuiplugin-theme-bgcolor-out);
@@ -342,7 +373,9 @@
 
 	--wui-datepicker-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-datepicker-borderwidth: 0px;
-	--wui-datepicker-bordercolor: transparent;
+	--wui-datepicker-bordercolor-out: transparent;
+	--wui-datepicker-bordercolor-over: transparent;
+	--wui-datepicker-bordercolor-disabled: transparent;
 	--wui-datepicker-bgcolor: var(--wuiplugin-theme-bgcolor-over);
 	--wui-datepicker-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
 	--wui-datepicker-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
@@ -355,6 +388,7 @@
 	--wui-datepicker-viewinput-textcolor-over: var(--wui-form-input-textcolor-over);
 	--wui-datepicker-viewinput-textcolor-disabled: var(--wui-form-input-textcolor-disabled);
 	--wui-datepicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
+	--wui-datepicker-box-shadowopacity: 20%;
 	--wui-datepicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
 	--wui-datepicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
 	--wui-datepicker-box-bgcolor: rgb(from var(--wuiplugin-theme-bgcolor-out) r g b / 100%);
@@ -391,7 +425,9 @@
 
 	--wui-timepicker-borderradius: var(--wuiplugin-theme-borderradius-low);
 	--wui-timepicker-borderwidth: 0px;
-	--wui-timepicker-bordercolor: transparent;
+	--wui-timepicker-bordercolor-out: transparent;
+	--wui-timepicker-bordercolor-over: transparent;
+	--wui-timepicker-bordercolor-disabled: transparent;
 	--wui-timepicker-bgcolor: var(--wuiplugin-theme-bgcolor-over);
 	--wui-timepicker-opener-iconsize: var(--wuiplugin-theme-input-opener-iconsize);
 	--wui-timepicker-opener-iconcolor-out: var(--wuiplugin-theme-graycolor-min);
@@ -404,6 +440,7 @@
 	--wui-timepicker-viewinput-textcolor-over: var(--wui-form-input-textcolor-over);
 	--wui-timepicker-viewinput-textcolor-disabled: var(--wui-form-input-textcolor-disabled);
 	--wui-timepicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
+	--wui-timepicker-box-shadowopacity: 20%;
 	--wui-timepicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
 	--wui-timepicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
 	--wui-timepicker-box-bgcolor: rgb(from var(--wuiplugin-theme-graycolor-max) r g b / 80%);
@@ -438,6 +475,7 @@
 	--wui-colorpicker-viewcolor-bordercolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 20%);
 	--wui-colorpicker-viewcolor-emptyicon-src: none;
 	--wui-colorpicker-box-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
+	--wui-colorpicker-box-shadowopacity: 20%;
 	--wui-colorpicker-box-borderradius: var(--wuiplugin-theme-borderradius-half);
 	--wui-colorpicker-box-bordercolor: var(--wuiplugin-theme-bordercolor-low);
 	--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}

@@ -1,14 +1,14 @@
 /*
- * @file wuiplugin-themes-0.6.js
+ * @file wuiplugin-themes-0.7.js
  * @class WUIPluginThemes
- * @version 0.6
+ * @version 0.7
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
  */
 
 class WUIPluginThemes {
 
-	static version = "0.6";
+	static version = "0.7";
 
 	getScheme() {
 		return getComputedStyle(document.documentElement).getPropertyValue("color-scheme").trim();