@nebularstreams/libmui 2.5.29 → 2.5.31

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 (3) hide show
  1. package/dist/libui.css +1 -1
  2. package/package.json +1 -1
  3. package/src/css/ui.popup.css +4 -4
package/dist/libui.css CHANGED
@@ -1,4 +1,4 @@
1
- :root{--unitsize-mini:1.25rem;--unitsize-small:2rem;--unitsize:2.54rem}*{box-sizing:border-box}.pad-0{padding:0}.pad-1{padding:.25rem}.pad-3{padding:.75rem}.pad-4{padding:1rem}.pad-5{padding:1.25rem}.pad-6{padding:1.5rem}.pad-7{padding:1.75rem}.pad-8{padding:2rem}.pad-h{padding-bottom:0!important;padding-top:0!important}.pad-v{padding-left:0!important;padding-right:0!important}.marg-0{margin:0}.marg-1{margin:.25rem}.marg-2{margin:.5rem}.marg-3{margin:.75rem}.marg-4{margin:1rem}.marg-5{margin:1.25rem}.marg-6{margin:1.5rem}.marg-7{margin:1.75rem}.marg-8{margin:2rem}.marg-t{margin-bottom:0!important}.marg-b,.marg-t{margin-left:0!important;margin-right:0!important}.marg-b{margin-top:0!important}.marg-l{margin-right:0!important}.marg-l,.marg-r{margin-bottom:0!important;margin-top:0!important}.marg-r{margin-left:0!important}.marg-h{margin-bottom:0!important;margin-top:0!important}.marg-v{margin-left:0!important;margin-right:0!important}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}.al-right{text-align:right}.al-center{text-align:center}.no-marg-top{margin-top:0!important}.no-marg-bottom{margin-bottom:0!important}.no-marg-right{margin-right:0!important}.no-marg-left{margin-left:0!important}.no-pad-top{padding-top:0!important}.no-pad-bottom{padding-bottom:0!important}.no-pad-left{padding-left:0!important}.no-pad-right{padding-right:0!important}.order-first{order:-1}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.to-top{bottom:auto!important;top:0}.to-bottom{bottom:0;top:auto!important}.to-left{left:0;right:auto!important}.to-right{left:auto!important;right:0}.absolute.right{right:0}.absolute.bottom{bottom:0}.scrolly{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:hidden;overflow-y:auto!important;scrollbar-width:none}.scrollx::-webkit-scrollbar,.scrolly::-webkit-scrollbar{display:none}.scrollx{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:auto!important;overflow-y:hidden;scrollbar-width:none}.scroll{-webkit-overflow-scrolling:touch;overflow:auto!important}.monospace{font-family:monospace;white-space:pre-wrap}.ohidden{overflow:hidden}.font-50{font-size:.5rem}.font-75{font-size:.75rem}.font-125{font-size:1.25rem}.font-150{font-size:1.5rem}.font-100{font-size:1rem}.vcenter{vertical-align:middle}.shadow-1{box-shadow:0 0 1px var(--shadow-color);z-index:100}.shadow-2{box-shadow:0 0 2px var(--shadow-color);z-index:100}.shadow-3{box-shadow:0 0 3px var(--shadow-color);z-index:100}.shadow-4{box-shadow:0 0 4px var(--shadow-color);z-index:100}.pointer{cursor:pointer}.flexcenter{align-self:center;justify-content:center}.flexaround{justify-content:space-around}.flexeven{justify-content:space-evenly}.flex-al-center{align-items:center}.flex-al-end{align-items:flex-end}.flex-sal-center{align-self:center}.flex-sal-end{align-self:flex-end}.wrap{flex-wrap:wrap}.growsheight{flex-grow:1;height:50%}.flexbreak{flex-basis:100%;height:0}.flexrow.rev{flex-direction:row-reverse}.flexcol.rev{flex-direction:column-reverse}.fullwidth{width:100%}.fullheight{height:100%}.halfwidth{width:50%}.halfheight{height:50%}.fitheight{height:fit-content}.fitwidth{width:fit-content}.unitheight{height:var(--unitsize);line-height:var(--unitsize)}.unitwidth{width:var(--unitsize)}.unitsize{height:var(--unitsize)!important;line-height:var(--unitsize)!important;width:var(--unitsize)!important}.unitheightsmall{height:var(--unitsize-small);line-height:var(--unitsize-small)}.unitsizesmall,.unitwidthsmall{width:var(--unitsize-small)}.unitsizesmall{height:var(--unitsize-small);line-height:var(--unitsize-small)}.w-100{width:100%}.w-75{width:75%}.w-50{width:50%}.w-60{width:60%}.w-40{width:40%}.w-66{width:66.66666%}.w-33{width:33.333333%}.h-100{height:100%}.h-75{height:75%}.h-50{height:50%}.cardiebody{align-items:self-start;display:flex;flex-direction:row}.flexcol{display:flex;flex-direction:column}.flexrow{display:flex;flex-direction:row}.grows{flex-grow:1}.noshrink{flex-shrink:0}.h-100{height:-webkit-fill-available}.w-100{width:-webkit-fill-available}.relative{position:relative}.absolute{position:absolute}.unitheight{height:2.54rem}.pad-2{padding:.5rem}.scaff-bottom{border-bottom:1px solid var(--border-color)}#modal-container button{background:transparent;border:none;color:var(--text-lo);flex-direction:row;font-size:1.5rem!important;font-variant:all-small-caps;height:2.54rem;position:relative}#modal-container button:active{color:var(--accent)}#modal-container button:hover{color:var(--text)}#modal-container button i{left:0;position:absolute;top:.5rem}#modal-container input{font-size:1.5rem;height:2.54rem;margin-top:.25rem}#modal-container input,.modal-content textarea{background:var(--inputs);border:1px solid var(--border-color)}.modal-content textarea{font-family:inherit;font-size:inherit;max-height:15rem;min-height:5rem;resize:vertical}#modal-container>.modal-content button{text-overflow:ellipsis;white-space:nowrap}#modal-container>.modal-content{background-color:var(--accent-light);border:1px solid var(--border-color);border-radius:1rem;max-height:75%;max-width:50%;min-width:512px!important;overflow-y:auto;padding:1rem;width:auto!important}#modal-container.iscustom{backdrop-filter:none}.modal-content-popper{background:var(--window-background-hi);border-radius:1rem;box-shadow:0 0 2px var(--shadow-color);padding:2rem}.modal-content h4{margin:1rem}.modal-content .popup input{background:var(--inputs);border:1px solid var(--border-color);border-radius:1rem;color:var(--text);font-size:1.25rem;line-height:var(--unitsize-small);outline:none;padding:0 .75rem}#modaltitle{border-bottom:solid;font-size:1.5rem;font-variant:all-small-caps;margin-bottom:.5rem;margin-top:0;padding-bottom:.5rem;padding-top:0;text-align:center}#modal-container:active{background:rgba(100,0,0,.7)}#modal-container{--accent-light:#333;--text:#ddd;--text-lo:#aaa;align-items:center;bottom:0;color:var(--accent);display:none;font-size:1.25rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100000}#modal-container .container{padding:1rem;text-align:right}
1
+ :root{--unitsize-mini:1.25rem;--unitsize-small:2rem;--unitsize:2.54rem}*{box-sizing:border-box}.pad-0{padding:0}.pad-1{padding:.25rem}.pad-3{padding:.75rem}.pad-4{padding:1rem}.pad-5{padding:1.25rem}.pad-6{padding:1.5rem}.pad-7{padding:1.75rem}.pad-8{padding:2rem}.pad-h{padding-bottom:0!important;padding-top:0!important}.pad-v{padding-left:0!important;padding-right:0!important}.marg-0{margin:0}.marg-1{margin:.25rem}.marg-2{margin:.5rem}.marg-3{margin:.75rem}.marg-4{margin:1rem}.marg-5{margin:1.25rem}.marg-6{margin:1.5rem}.marg-7{margin:1.75rem}.marg-8{margin:2rem}.marg-t{margin-bottom:0!important}.marg-b,.marg-t{margin-left:0!important;margin-right:0!important}.marg-b{margin-top:0!important}.marg-l{margin-right:0!important}.marg-l,.marg-r{margin-bottom:0!important;margin-top:0!important}.marg-r{margin-left:0!important}.marg-h{margin-bottom:0!important;margin-top:0!important}.marg-v{margin-left:0!important;margin-right:0!important}.col-1{width:8.33333%}.col-2{width:16.66667%}.col-3{width:25%}.col-4{width:33.33333%}.col-5{width:41.66667%}.col-6{width:50%}.col-7{width:58.33333%}.col-8{width:66.66667%}.col-9{width:75%}.col-10{width:83.33333%}.col-11{width:91.66667%}.col-12{width:100%}.al-right{text-align:right}.al-center{text-align:center}.no-marg-top{margin-top:0!important}.no-marg-bottom{margin-bottom:0!important}.no-marg-right{margin-right:0!important}.no-marg-left{margin-left:0!important}.no-pad-top{padding-top:0!important}.no-pad-bottom{padding-bottom:0!important}.no-pad-left{padding-left:0!important}.no-pad-right{padding-right:0!important}.order-first{order:-1}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.to-top{bottom:auto!important;top:0}.to-bottom{bottom:0;top:auto!important}.to-left{left:0;right:auto!important}.to-right{left:auto!important;right:0}.absolute.right{right:0}.absolute.bottom{bottom:0}.scrolly{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:hidden;overflow-y:auto!important;scrollbar-width:none}.scrollx::-webkit-scrollbar,.scrolly::-webkit-scrollbar{display:none}.scrollx{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:auto!important;overflow-y:hidden;scrollbar-width:none}.scroll{-webkit-overflow-scrolling:touch;overflow:auto!important}.monospace{font-family:monospace;white-space:pre-wrap}.ohidden{overflow:hidden}.font-50{font-size:.5rem}.font-75{font-size:.75rem}.font-125{font-size:1.25rem}.font-150{font-size:1.5rem}.font-100{font-size:1rem}.vcenter{vertical-align:middle}.shadow-1{box-shadow:0 0 1px var(--shadow-color);z-index:100}.shadow-2{box-shadow:0 0 2px var(--shadow-color);z-index:100}.shadow-3{box-shadow:0 0 3px var(--shadow-color);z-index:100}.shadow-4{box-shadow:0 0 4px var(--shadow-color);z-index:100}.pointer{cursor:pointer}.flexcenter{align-self:center;justify-content:center}.flexaround{justify-content:space-around}.flexeven{justify-content:space-evenly}.flex-al-center{align-items:center}.flex-al-end{align-items:flex-end}.flex-sal-center{align-self:center}.flex-sal-end{align-self:flex-end}.wrap{flex-wrap:wrap}.growsheight{flex-grow:1;height:50%}.flexbreak{flex-basis:100%;height:0}.flexrow.rev{flex-direction:row-reverse}.flexcol.rev{flex-direction:column-reverse}.fullwidth{width:100%}.fullheight{height:100%}.halfwidth{width:50%}.halfheight{height:50%}.fitheight{height:fit-content}.fitwidth{width:fit-content}.unitheight{height:var(--unitsize);line-height:var(--unitsize)}.unitwidth{width:var(--unitsize)}.unitsize{height:var(--unitsize)!important;line-height:var(--unitsize)!important;width:var(--unitsize)!important}.unitheightsmall{height:var(--unitsize-small);line-height:var(--unitsize-small)}.unitsizesmall,.unitwidthsmall{width:var(--unitsize-small)}.unitsizesmall{height:var(--unitsize-small);line-height:var(--unitsize-small)}.w-100{width:100%}.w-75{width:75%}.w-50{width:50%}.w-60{width:60%}.w-40{width:40%}.w-66{width:66.66666%}.w-33{width:33.333333%}.h-100{height:100%}.h-75{height:75%}.h-50{height:50%}.cardiebody{align-items:self-start;display:flex;flex-direction:row}.flexcol{display:flex;flex-direction:column}.flexrow{display:flex;flex-direction:row}.grows{flex-grow:1}.noshrink{flex-shrink:0}.h-100{height:-webkit-fill-available}.w-100{width:-webkit-fill-available}.relative{position:relative}.absolute{position:absolute}.unitheight{height:2.54rem}.pad-2{padding:.5rem}.scaff-bottom{border-bottom:1px solid var(--border-color)}#modal-container button{background:transparent;border:none;color:var(--text-lo);flex-direction:row;font-size:1.5rem!important;font-variant:all-small-caps;height:2.54rem;position:relative}#modal-container button:active{color:var(--accent)}#modal-container button:hover{color:var(--text)}#modal-container button i{left:0;position:absolute;top:.5rem}#modal-container input{font-size:1.5rem;height:2.54rem;margin-top:.25rem}#modal-container input,.modal-content textarea{background:var(--inputs);border:1px solid var(--border-color)}.modal-content textarea{font-family:inherit;font-size:inherit;max-height:15rem;min-height:5rem;resize:vertical}#modal-container>.modal-content button{text-overflow:ellipsis;white-space:nowrap}#modal-container>.modal-content{background-color:var(--accent-light);border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 0 .5rem var(--shadow-color);max-height:75%;max-width:50%;min-width:512px!important;overflow-y:auto;padding:1rem;width:auto!important}#modal-container.iscustom{backdrop-filter:none}.modal-content-popper{background:var(--window-background-hi);border-radius:1rem;box-shadow:0 0 2px var(--shadow-color);padding:2rem}.modal-content h4{margin:1rem}.modal-content .popup input{background:var(--inputs);border:1px solid var(--border-color);border-radius:1rem;color:var(--text);font-size:1.25rem;line-height:var(--unitsize-small);outline:none;padding:0 .75rem}#modaltitle{border-bottom:solid;font-size:1.5rem;font-variant:all-small-caps;margin-bottom:.5rem;margin-top:0;padding-bottom:.5rem;padding-top:0;text-align:center}#modal-container{--accent-light:#333;--text:#ddd;--text-lo:#aaa;align-items:center;bottom:0;color:var(--accent);display:none;font-size:1.25rem;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100000}#modal-container .container{padding:1rem;text-align:right}
2
2
  /*!
3
3
  * Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
4
4
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@nebularstreams/libmui",
3
3
  "description": "Micro UI based on Mithril",
4
- "version": "2.5.29",
4
+ "version": "2.5.31",
5
5
  "type": "module",
6
6
  "main": "src/index.js",
7
7
  "scripts": {
package/src/css/ui.popup.css CHANGED
@@ -12,10 +12,12 @@
12
12
  #modal-container button:active {
13
13
  color: var(--accent);
14
14
  }
15
+
15
16
  #modal-container button:hover {
16
17
  color: var(--text);
17
18
  }
18
- #modal-container>.modal-content button {
19
+
20
+ #modal-container > .modal-content button {
19
21
  text-overflow: ellipsis;
20
22
  white-space: nowrap;
21
23
  }
@@ -59,6 +61,7 @@
59
61
  border-radius: 1rem;
60
62
  padding: 1rem;
61
63
  border: solid 1px var(--border-color);
64
+ box-shadow: 0 0 0.5rem var(--shadow-color);
62
65
  }
63
66
 
64
67
  #modal-container.iscustom {
@@ -100,9 +103,6 @@
100
103
 
101
104
  }
102
105
 
103
- #modal-container:active {
104
- background: rgba(100, 0, 0, 0.7);
105
- }
106
106
  #modal-container {
107
107
  font-size: 1.25rem;
108
108
  position: absolute;