@wui-js/plugins 0.9.2 → 0.11.0

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/README.md +1 -1
  2. package/package.json +1 -1
  3. package/themes/default/{dark-0.8.css → dark-0.10.css} +21 -10
  4. package/themes/default/{light-0.8.css → light-0.10.css} +21 -10
  5. package/themes/default/{settings-0.8.css → settings-0.10.css} +2 -2
  6. package/themes/{wuiplugin-themes-0.8.css → wuiplugin-themes-0.10.css} +21 -10
  7. package/themes/{wuiplugin-themes-0.8.js → wuiplugin-themes-0.10.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.9.2` ([Change Log](https://github.com/wui-js/wuijs-plugins-lib/blob/main/docs/CHANGELOG-en.md)) |
10
+ | **Library version** | `0.11.0` ([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.9.2",
3
+ "version": "0.11.0",
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/themes/default/{dark-0.8.css → dark-0.10.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file dark-0.8.css
3
- * @version 0.8
2
+ * @file dark-0.10.css
3
+ * @version 0.10
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -82,13 +82,22 @@
82
82
 
83
83
  /* wui-tabs */
84
84
 
85
- --wui-tabs-tab-bgcolor-out: #1f2937;
86
- --wui-tabs-tab-bgcolor-over: #374151;
85
+ --wui-tabs-shadowcolor: #1f2937;
86
+ --wui-tabs-borderradius: 10px;
87
+ --wui-tabs-borderwidth: 0px;
88
+ --wui-tabs-bordercolor: #374151;
89
+ --wui-tabs-bgcolor: #1f2937;
90
+ --wui-tabs-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
91
+ --wui-tabs-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
92
+ --wui-tabs-tab-bgcolor-out: #2f3a48;
93
+ --wui-tabs-tab-bgcolor-over: #2f3a48;
94
+ --wui-tabs-tab-bgcolor-selected: transparent;
87
95
  --wui-tabs-tab-iconcolor-out: #1e90ff;
88
96
  --wui-tabs-tab-iconcolor-over: #1e90ff;
89
- --wui-tabs-tab-iconcolor-mobile: #1e90ff;
97
+ --wui-tabs-tab-iconcolor-selected: #1e90ff;
90
98
  --wui-tabs-tab-textcolor-out: #f3f4f6;
91
99
  --wui-tabs-tab-textcolor-over: #1e90ff;
100
+ --wui-tabs-tab-textcolor-selected: #1e90ff;
92
101
 
93
102
  /* wui-menubar */
94
103
 
@@ -113,6 +122,7 @@
113
122
  --wui-menubar-bar-button-textcolor-over: #fff;
114
123
  --wui-menubar-bar-button-textcolor-selected: #374151;
115
124
  --wui-menubar-bar-button-textcolor-disabled: #4b5563;
125
+ --wui-menubar-separation-bordercolor: #4b5563;
116
126
  --wui-menubar-expander-bgcolor-out: transparent;
117
127
  --wui-menubar-expander-bgcolor-over: rgb(from #4b5563 r g b / 40%);
118
128
  --wui-menubar-expander-iconsize: 16px;
@@ -316,8 +326,8 @@
316
326
  --wui-form-mobile-field-bordercolor: rgb(from #1e90ff r g b / 10%);
317
327
  --wui-form-mobile-label-textcolor: #ccc;
318
328
  --wui-form-mobile-input-height: 34px;
329
+ --wui-form-mobile-input-borderradius: 17px;
319
330
  --wui-form-mobile-input-bgcolor: rgb(from #1e90ff r g b / 4%);
320
- --wui-form-mobile-input-borderradius: 15px;
321
331
 
322
332
  /* wui-selectpicker */
323
333
 
@@ -594,8 +604,9 @@
594
604
  --wui-button-warning-textcolor-selected: #000;
595
605
  --wui-button-warning-textcolor-disabled: #4b5563;
596
606
  --wui-button-icon-float-padding: 5px;
597
- --wui-button-mobile-default-minwidth: 40px;
607
+ --wui-button-mobile-default-minwidth: 180px;
598
608
  --wui-button-mobile-default-height: 40px;
609
+ --wui-button-mobile-submit-minwidth: 180px;
599
610
  --wui-button-mobile-submit-height: 40px;
600
611
  --wui-button-mobile-icon-float-padding: 10px;
601
612
 
@@ -606,7 +617,6 @@
606
617
  --wui-codebox-borderradius: 5px;
607
618
  --wui-codebox-bordercolor: #4b5563;
608
619
  --wui-codebox-bgcolor: #374151;
609
- --wui-codebox-scroll-width: 4px;
610
620
  --wui-codebox-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
611
621
  --wui-codebox-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
612
622
  --wui-codebox-copyicon-src: none;
@@ -642,7 +652,6 @@
642
652
  --wui-markdown-table-valign: center;
643
653
  --wui-markdown-table-borderradius: 10px;
644
654
  --wui-markdown-table-bordercolor: #4b5563;
645
- --wui-markdown-table-scroll-width: 4px;
646
655
  --wui-markdown-table-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
647
656
  --wui-markdown-table-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
648
657
  --wui-markdown-table-header-bordercolor: #444;
@@ -675,7 +684,6 @@
675
684
  --wui-markdown-codebox-borderradius: 5px;
676
685
  --wui-markdown-codebox-bordercolor: #4b5563;
677
686
  --wui-markdown-codebox-bgcolor: #374151;
678
- --wui-markdown-codebox-scroll-width: 4px;
679
687
  --wui-markdown-codebox-scroll-bgcolor-out: rgb(from #9fa8b6 r g b / 40%);
680
688
  --wui-markdown-codebox-scroll-bgcolor-over: rgb(from #9fa8b6 r g b / 70%);
681
689
  --wui-markdown-codebox-textcolor: #f3f4f6;
@@ -683,6 +691,9 @@
683
691
  --wui-markdown-link-textcolor-hover: #1e90ff;
684
692
  --wui-markdown-link-textdecoration-out: none;
685
693
  --wui-markdown-link-textdecoration-hover: underline;
694
+ --wui-markdown-iframe-maxheight: 50vh;
695
+ --wui-markdown-iframe-borderradius: 5px;
696
+ --wui-markdown-iframe-bordercolor: #4b5563;
686
697
 
687
698
  /* wuiplugin-selector */
688
699
 
package/themes/default/{light-0.8.css → light-0.10.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file light-0.8.css
3
- * @version 0.8
2
+ * @file light-0.10.css
3
+ * @version 0.10
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -82,13 +82,22 @@
82
82
 
83
83
  /* wui-tabs */
84
84
 
85
- --wui-tabs-tab-bgcolor-out: #fdfdfe;
86
- --wui-tabs-tab-bgcolor-over: #f6f6f6;
85
+ --wui-tabs-shadowcolor: #959da5;
86
+ --wui-tabs-borderradius: 10px;
87
+ --wui-tabs-borderwidth: 0px;
88
+ --wui-tabs-bordercolor: #f0f0f3;
89
+ --wui-tabs-bgcolor: #fdfdfe;
90
+ --wui-tabs-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
91
+ --wui-tabs-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
92
+ --wui-tabs-tab-bgcolor-out: #efeff6;
93
+ --wui-tabs-tab-bgcolor-over: #efeff6;
94
+ --wui-tabs-tab-bgcolor-selected: transparent;
87
95
  --wui-tabs-tab-iconcolor-out: #1e90ff;
88
96
  --wui-tabs-tab-iconcolor-over: #1e90ff;
89
- --wui-tabs-tab-iconcolor-mobile: #1e90ff;
97
+ --wui-tabs-tab-iconcolor-selected: #1e90ff;
90
98
  --wui-tabs-tab-textcolor-out: #2d3a47;
91
99
  --wui-tabs-tab-textcolor-over: #1e90ff;
100
+ --wui-tabs-tab-textcolor-selected: #1e90ff;
92
101
 
93
102
  /* wui-menubar */
94
103
 
@@ -113,6 +122,7 @@
113
122
  --wui-menubar-bar-button-textcolor-over: #1f2937;
114
123
  --wui-menubar-bar-button-textcolor-selected: #f6f6f6;
115
124
  --wui-menubar-bar-button-textcolor-disabled: #d5dce3;
125
+ --wui-menubar-separation-bordercolor: #d5dce3;
116
126
  --wui-menubar-expander-bgcolor-out: transparent;
117
127
  --wui-menubar-expander-bgcolor-over: rgb(from #d5dce3 r g b / 40%);
118
128
  --wui-menubar-expander-iconsize: 16px;
@@ -316,8 +326,8 @@
316
326
  --wui-form-mobile-field-bordercolor: rgb(from #1e90ff r g b / 10%);
317
327
  --wui-form-mobile-label-textcolor: #444;
318
328
  --wui-form-mobile-input-height: 34px;
329
+ --wui-form-mobile-input-borderradius: 17px;
319
330
  --wui-form-mobile-input-bgcolor: rgb(from #1e90ff r g b / 4%);
320
- --wui-form-mobile-input-borderradius: 15px;
321
331
 
322
332
  /* wui-selectpicker */
323
333
 
@@ -594,8 +604,9 @@
594
604
  --wui-button-warning-textcolor-selected: #fff;
595
605
  --wui-button-warning-textcolor-disabled: #d5dce3;
596
606
  --wui-button-icon-float-padding: 5px;
597
- --wui-button-mobile-default-minwidth: 40px;
607
+ --wui-button-mobile-default-minwidth: 180px;
598
608
  --wui-button-mobile-default-height: 40px;
609
+ --wui-button-mobile-submit-minwidth: 180px;
599
610
  --wui-button-mobile-submit-height: 40px;
600
611
  --wui-button-mobile-icon-float-padding: 10px;
601
612
 
@@ -606,7 +617,6 @@
606
617
  --wui-codebox-borderradius: 5px;
607
618
  --wui-codebox-bordercolor: #d5dce3;
608
619
  --wui-codebox-bgcolor: #f6f6f6;
609
- --wui-codebox-scroll-width: 4px;
610
620
  --wui-codebox-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
611
621
  --wui-codebox-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
612
622
  --wui-codebox-copyicon-src: none;
@@ -642,7 +652,6 @@
642
652
  --wui-markdown-table-valign: center;
643
653
  --wui-markdown-table-borderradius: 10px;
644
654
  --wui-markdown-table-bordercolor: #d5dce3;
645
- --wui-markdown-table-scroll-width: 4px;
646
655
  --wui-markdown-table-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
647
656
  --wui-markdown-table-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
648
657
  --wui-markdown-table-header-bordercolor: #ccc;
@@ -675,7 +684,6 @@
675
684
  --wui-markdown-codebox-borderradius: 5px;
676
685
  --wui-markdown-codebox-bordercolor: #d5dce3;
677
686
  --wui-markdown-codebox-bgcolor: #f6f6f6;
678
- --wui-markdown-codebox-scroll-width: 4px;
679
687
  --wui-markdown-codebox-scroll-bgcolor-out: rgb(from #353a40 r g b / 40%);
680
688
  --wui-markdown-codebox-scroll-bgcolor-over: rgb(from #353a40 r g b / 70%);
681
689
  --wui-markdown-codebox-textcolor: #2d3a47;
@@ -683,6 +691,9 @@
683
691
  --wui-markdown-link-textcolor-hover: #1e90ff;
684
692
  --wui-markdown-link-textdecoration-out: none;
685
693
  --wui-markdown-link-textdecoration-hover: underline;
694
+ --wui-markdown-iframe-maxheight: 50vh;
695
+ --wui-markdown-iframe-borderradius: 5px;
696
+ --wui-markdown-iframe-bordercolor: #d5dce3;
686
697
 
687
698
  /* wuiplugin-selector */
688
699
 
package/themes/default/{settings-0.8.css → settings-0.10.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file theme-0.8.css
3
- * @version 0.8
2
+ * @file theme-0.10.css
3
+ * @version 0.10
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.8.css → wuiplugin-themes-0.10.css} RENAMED
@@ -1,6 +1,6 @@
1
1
  /*
2
- * @file wuiplugin-themes-0.8.css
3
- * @version 0.8
2
+ * @file wuiplugin-themes-0.10.css
3
+ * @version 0.10
4
4
  * @author Sergio E. Belmar V. (wuijs.project@gmail.com)
5
5
  * @copyright Sergio E. Belmar V. (wuijs.project@gmail.com)
6
6
  */
@@ -80,13 +80,22 @@
80
80
 
81
81
  /* wui-tabs */
82
82
 
83
- --wui-tabs-tab-bgcolor-out: var(--wuiplugin-theme-bgcolor-out);
84
- --wui-tabs-tab-bgcolor-over: var(--wuiplugin-theme-bgcolor-over);
83
+ --wui-tabs-shadowcolor: var(--wuiplugin-theme-shadowcolor-low);
84
+ --wui-tabs-borderradius: var(--wuiplugin-theme-borderradius-low);
85
+ --wui-tabs-borderwidth: 0px;
86
+ --wui-tabs-bordercolor: var(--wuiplugin-theme-bordercolor-low);
87
+ --wui-tabs-bgcolor: var(--wuiplugin-theme-bgcolor-out);
88
+ --wui-tabs-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
89
+ --wui-tabs-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
90
+ --wui-tabs-tab-bgcolor-out: var(--wuiplugin-theme-bgcolor-box);
91
+ --wui-tabs-tab-bgcolor-over: var(--wuiplugin-theme-bgcolor-box);
92
+ --wui-tabs-tab-bgcolor-selected: transparent;
85
93
  --wui-tabs-tab-iconcolor-out: var(--wuiplugin-theme-utilitycolor-hightlight);
86
94
  --wui-tabs-tab-iconcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
87
- --wui-tabs-tab-iconcolor-mobile: var(--wuiplugin-theme-utilitycolor-hightlight);
95
+ --wui-tabs-tab-iconcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
88
96
  --wui-tabs-tab-textcolor-out: var(--wuiplugin-theme-textcolor-active);
89
97
  --wui-tabs-tab-textcolor-over: var(--wuiplugin-theme-utilitycolor-hightlight);
98
+ --wui-tabs-tab-textcolor-selected: var(--wuiplugin-theme-utilitycolor-hightlight);
90
99
 
91
100
  /* wui-menubar */
92
101
 
@@ -111,6 +120,7 @@
111
120
  --wui-menubar-bar-button-textcolor-over: var(--wuiplugin-theme-textcolor-focus);
112
121
  --wui-menubar-bar-button-textcolor-selected: var(--wuiplugin-theme-bgcolor-over);
113
122
  --wui-menubar-bar-button-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
123
+ --wui-menubar-separation-bordercolor: var(--wuiplugin-theme-bordercolor-high);
114
124
  --wui-menubar-expander-bgcolor-out: transparent;
115
125
  --wui-menubar-expander-bgcolor-over: rgb(from var(--wuiplugin-theme-bordercolor-high) r g b / 40%);
116
126
  --wui-menubar-expander-iconsize: 16px;
@@ -314,8 +324,8 @@
314
324
  --wui-form-mobile-field-bordercolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 10%);
315
325
  --wui-form-mobile-label-textcolor: var(--wuiplugin-theme-graycolor-low);
316
326
  --wui-form-mobile-input-height: 34px;
327
+ --wui-form-mobile-input-borderradius: 17px;
317
328
  --wui-form-mobile-input-bgcolor: rgb(from var(--wuiplugin-theme-utilitycolor-hightlight) r g b / 4%);
318
- --wui-form-mobile-input-borderradius: var(--wuiplugin-theme-borderradius-half);
319
329
 
320
330
  /* wui-selectpicker */
321
331
 
@@ -592,8 +602,9 @@
592
602
  --wui-button-warning-textcolor-selected: var(--wuiplugin-theme-graycolor-max);
593
603
  --wui-button-warning-textcolor-disabled: var(--wuiplugin-theme-utilitycolor-disabled);
594
604
  --wui-button-icon-float-padding: 5px;
595
- --wui-button-mobile-default-minwidth: 40px;
605
+ --wui-button-mobile-default-minwidth: 180px;
596
606
  --wui-button-mobile-default-height: 40px;
607
+ --wui-button-mobile-submit-minwidth: 180px;
597
608
  --wui-button-mobile-submit-height: 40px;
598
609
  --wui-button-mobile-icon-float-padding: 10px;
599
610
 
@@ -604,7 +615,6 @@
604
615
  --wui-codebox-borderradius: 5px;
605
616
  --wui-codebox-bordercolor: var(--wuiplugin-theme-bordercolor-high);
606
617
  --wui-codebox-bgcolor: var(--wuiplugin-theme-bgcolor-over);
607
- --wui-codebox-scroll-width: 4px;
608
618
  --wui-codebox-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
609
619
  --wui-codebox-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
610
620
  --wui-codebox-copyicon-src: none;
@@ -640,7 +650,6 @@
640
650
  --wui-markdown-table-valign: center;
641
651
  --wui-markdown-table-borderradius: 10px;
642
652
  --wui-markdown-table-bordercolor: var(--wuiplugin-theme-bordercolor-high);
643
- --wui-markdown-table-scroll-width: 4px;
644
653
  --wui-markdown-table-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
645
654
  --wui-markdown-table-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
646
655
  --wui-markdown-table-header-bordercolor: var(--wuiplugin-theme-graycolor-high);
@@ -673,7 +682,6 @@
673
682
  --wui-markdown-codebox-borderradius: 5px;
674
683
  --wui-markdown-codebox-bordercolor: var(--wuiplugin-theme-bordercolor-high);
675
684
  --wui-markdown-codebox-bgcolor: var(--wuiplugin-theme-bgcolor-over);
676
- --wui-markdown-codebox-scroll-width: 4px;
677
685
  --wui-markdown-codebox-scroll-bgcolor-out: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 40%);
678
686
  --wui-markdown-codebox-scroll-bgcolor-over: rgb(from var(--wuiplugin-theme-bgcolor-scroll) r g b / 70%);
679
687
  --wui-markdown-codebox-textcolor: var(--wuiplugin-theme-textcolor-active);
@@ -681,6 +689,9 @@
681
689
  --wui-markdown-link-textcolor-hover: var(--wuiplugin-theme-utilitycolor-hightlight);
682
690
  --wui-markdown-link-textdecoration-out: none;
683
691
  --wui-markdown-link-textdecoration-hover: underline;
692
+ --wui-markdown-iframe-maxheight: 50vh;
693
+ --wui-markdown-iframe-borderradius: 5px;
694
+ --wui-markdown-iframe-bordercolor: var(--wuiplugin-theme-bordercolor-high);
684
695
 
685
696
  /* wuiplugin-selector */
686
697
 
package/themes/{wuiplugin-themes-0.8.js → wuiplugin-themes-0.10.js} RENAMED
@@ -1,14 +1,14 @@
1
1
  /*
2
- * @file wuiplugin-themes-0.8.js
2
+ * @file wuiplugin-themes-0.10.js
3
3
  * @class WUIPluginThemes
4
- * @version 0.8
4
+ * @version 0.10
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.8";
11
+ static version = "0.10";
12
12
 
13
13
  getScheme() {
14
14
  return getComputedStyle(document.documentElement).getPropertyValue("color-scheme").trim();